@microcosmmoney/portal-react 3.12.8 → 3.13.0

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

@@ -0,0 +1,155 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Navbar = Navbar;
+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");
+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 Navbar() {
+    const [mobileMenuOpen, setMobileMenuOpen] = (0, react_1.useState)(false);
+    const [showBlockchainMenu, setShowBlockchainMenu] = (0, react_1.useState)(false);
+    const [showDeveloperMenu, setShowDeveloperMenu] = (0, react_1.useState)(false);
+    const [showUserMenu, setShowUserMenu] = (0, react_1.useState)(false);
+    const [showGameMenu, setShowGameMenu] = (0, react_1.useState)(false);
+    const [mobileBlockchainExpanded, setMobileBlockchainExpanded] = (0, react_1.useState)(false);
+    const [mobileDevExpanded, setMobileDevExpanded] = (0, react_1.useState)(false);
+    const [mobileGameExpanded, setMobileGameExpanded] = (0, react_1.useState)(false);
+    const blockchainMenuTimeoutRef = (0, react_1.useRef)(null);
+    const developerMenuTimeoutRef = (0, react_1.useRef)(null);
+    const userMenuTimeoutRef = (0, react_1.useRef)(null);
+    const gameMenuTimeoutRef = (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 blockchainSubItems = [
+        { label: t("quickMining"), href: "https://m.microcosm.money", icon: lucide_react_1.Pickaxe, description: t("quickMiningDesc"), external: true },
+        { label: t("market"), href: "/market", icon: lucide_react_1.TrendingUp, description: t("marketDesc") },
+        { label: t("community"), href: "/community", icon: lucide_react_1.Users, description: t("communityDesc") },
+        { label: t("mccEconomics"), href: "/blockchain/economics", icon: lucide_react_1.Coins, description: t("mccEconomicsDesc") },
+    ];
+    const developerSubItems = [
+        { label: t("techDocs"), href: "/developers/api", icon: lucide_react_1.FileText, description: t("techDocsDesc") },
+        { label: t("projectDev"), href: "/developers/assistant", icon: lucide_react_1.Bot, description: t("projectDevDesc") },
+        { label: t("projectSubmit"), href: "/developers/submit", icon: lucide_react_1.Send, description: t("projectSubmitDesc") },
+        { label: t("projectStats"), href: "/developers/stats", icon: lucide_react_1.BarChart3, description: t("projectStatsDesc") },
+    ];
+    const gameSubItems = [
+        { label: "Crash Challenge", href: "/game/crash-challenge", icon: lucide_react_1.Crosshair, description: t("crashChallengeDesc") },
+        { label: "Diamond Hands", href: "/game/diamond-hands", icon: lucide_react_1.Gem, description: t("hodlChallengeDesc") },
+    ];
+    const navItems = [
+        { label: "TITAN", href: "/titan", isTitan: true },
+        { label: t("blockchain"), href: "/blockchain", submenuType: "blockchain" },
+        { label: t("developers"), href: "/developers", submenuType: "developer" },
+        { label: t("mainnetPlan"), href: "/mainnet" },
+        { label: "GAME", href: "/game/crash-challenge", isGame: true, submenuType: "game" },
+    ];
+    const handleLogout = async () => {
+        try {
+            await (0, auth_service_1.logOut)();
+            setShowUserMenu(false);
+        }
+        catch (error) {
+            console.error(tc('logoutFailed'), error);
+        }
+    };
+    const displayName = userInfo?.display_name || userInfo?.email?.split('@')[0] || tc('defaultUser');
+    const handleUserMouseEnter = () => {
+        if (userMenuTimeoutRef.current)
+            clearTimeout(userMenuTimeoutRef.current);
+        setShowUserMenu(true);
+    };
+    const handleUserMouseLeave = () => {
+        userMenuTimeoutRef.current = setTimeout(() => setShowUserMenu(false), 150);
+    };
+    const handleDeveloperMouseEnter = () => {
+        if (developerMenuTimeoutRef.current)
+            clearTimeout(developerMenuTimeoutRef.current);
+        setShowDeveloperMenu(true);
+    };
+    const handleDeveloperMouseLeave = () => {
+        developerMenuTimeoutRef.current = setTimeout(() => setShowDeveloperMenu(false), 150);
+    };
+    const handleGameMouseEnter = () => {
+        if (gameMenuTimeoutRef.current)
+            clearTimeout(gameMenuTimeoutRef.current);
+        setShowGameMenu(true);
+    };
+    const handleGameMouseLeave = () => {
+        gameMenuTimeoutRef.current = setTimeout(() => setShowGameMenu(false), 150);
+    };
+    const handleBlockchainMouseEnter = () => {
+        if (blockchainMenuTimeoutRef.current)
+            clearTimeout(blockchainMenuTimeoutRef.current);
+        setShowBlockchainMenu(true);
+    };
+    const handleBlockchainMouseLeave = () => {
+        blockchainMenuTimeoutRef.current = setTimeout(() => setShowBlockchainMenu(false), 150);
+    };
+    (0, react_1.useEffect)(() => {
+        return () => {
+            if (blockchainMenuTimeoutRef.current)
+                clearTimeout(blockchainMenuTimeoutRef.current);
+            if (developerMenuTimeoutRef.current)
+                clearTimeout(developerMenuTimeoutRef.current);
+            if (userMenuTimeoutRef.current)
+                clearTimeout(userMenuTimeoutRef.current);
+            if (gameMenuTimeoutRef.current)
+                clearTimeout(gameMenuTimeoutRef.current);
+        };
+    }, []);
+    // Lock body scroll when mobile menu is open
+    (0, react_1.useEffect)(() => {
+        if (mobileMenuOpen) {
+            document.body.style.overflow = 'hidden';
+        }
+        else {
+            document.body.style.overflow = '';
+        }
+        return () => { document.body.style.overflow = ''; };
+    }, [mobileMenuOpen]);
+    return ((0, jsx_runtime_1.jsxs)("nav", { className: "fixed top-0 left-0 right-0 z-50 bg-background/80 backdrop-blur-md border-b border-border/30", children: [(0, jsx_runtime_1.jsx)("div", { className: "max-w-7xl mx-auto px-3 2xs:px-4 md:px-6", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between h-14 2xs:h-16", children: [(0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: "/", className: "flex items-center gap-2 xs:gap-3 shrink-0", children: [(0, jsx_runtime_1.jsx)("img", { src: "/mcc-logo-40.png", alt: "MCC", className: "w-8 h-8 xs:w-9 xs:h-9 sm:w-10 sm:h-10 rounded" }), (0, jsx_runtime_1.jsxs)("span", { className: "font-sans font-semibold text-lg xs:text-xl sm:text-2xl tracking-wide text-foreground", children: ["M", (0, jsx_runtime_1.jsx)("span", { className: "text-green-400", children: "I" }), "CROCOSM"] })] }), (0, jsx_runtime_1.jsx)("div", { className: "hidden lg:flex items-center gap-1 xl:gap-2", children: navItems.map((item) => {
+                                // Blockchain submenu (includes Market + Community)
+                                if (item.submenuType === "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: "px-2.5 xl:px-4 py-2 text-sm xl:text-base text-foreground/70 hover:text-foreground hover:bg-foreground/5 rounded transition-colors duration-200 flex items-center gap-1 text-truncate-safe", children: [item.label, (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: (0, utils_1.cn)("h-4 w-4 transition-transform duration-200 shrink-0", showBlockchainMenu && "rotate-180") })] }), showBlockchainMenu && ((0, jsx_runtime_1.jsxs)("div", { className: "absolute top-full left-0 mt-2 w-64 rounded-xl border border-border/50 bg-card/95 backdrop-blur-xl shadow-xl overflow-hidden z-50", children: [(0, jsx_runtime_1.jsx)("div", { className: "p-2", children: blockchainSubItems.map((subItem, subIdx) => ((0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: subItem.href, className: "flex items-start gap-3 px-3 py-2.5 rounded-lg hover:bg-secondary/50 transition-colors group", onClick: () => setShowBlockchainMenu(false), children: [(0, jsx_runtime_1.jsx)(subItem.icon, { className: "h-5 w-5 text-muted-foreground group-hover:text-green-400 transition-colors mt-0.5" }), (0, jsx_runtime_1.jsxs)("div", { className: "min-w-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-sm font-medium text-foreground group-hover:text-green-400 transition-colors", children: subItem.label }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-muted-foreground break-safe", children: subItem.description })] })] }, subIdx))) }), (0, jsx_runtime_1.jsx)("div", { className: "border-t border-border/50 px-4 py-3 bg-secondary/30", children: (0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: "/blockchain", className: "text-xs text-muted-foreground hover:text-green-400 transition-colors", onClick: () => setShowBlockchainMenu(false), children: [t("blockchain"), " \u2192"] }) })] }))] }, item.label));
+                                }
+                                // Developer submenu
+                                if (item.submenuType === "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: "px-2.5 xl:px-4 py-2 text-sm xl:text-base text-foreground/70 hover:text-foreground hover:bg-foreground/5 rounded transition-colors duration-200 flex items-center gap-1 text-truncate-safe", children: [item.label, (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: (0, utils_1.cn)("h-4 w-4 transition-transform duration-200 shrink-0", showDeveloperMenu && "rotate-180") })] }), showDeveloperMenu && ((0, jsx_runtime_1.jsxs)("div", { className: "absolute top-full left-0 mt-2 w-64 rounded-xl border border-border/50 bg-card/95 backdrop-blur-xl shadow-xl overflow-hidden z-50", children: [(0, jsx_runtime_1.jsx)("div", { className: "p-2", children: developerSubItems.map((subItem, subIdx) => ((0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: subItem.href, className: "flex items-start gap-3 px-3 py-2.5 rounded-lg hover:bg-secondary/50 transition-colors group", onClick: () => setShowDeveloperMenu(false), children: [(0, jsx_runtime_1.jsx)(subItem.icon, { className: "h-5 w-5 text-muted-foreground group-hover:text-green-400 transition-colors mt-0.5" }), (0, jsx_runtime_1.jsxs)("div", { className: "min-w-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-sm font-medium text-foreground group-hover:text-green-400 transition-colors", children: subItem.label }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-muted-foreground break-safe", children: subItem.description })] })] }, subIdx))) }), (0, jsx_runtime_1.jsx)("div", { className: "border-t border-border/50 px-4 py-3 bg-secondary/30", children: (0, jsx_runtime_1.jsx)(navigation_1.Link, { href: "/developers", className: "text-xs text-muted-foreground hover:text-green-400 transition-colors", onClick: () => setShowDeveloperMenu(false), children: tc('viewDeveloperCenter') }) })] }))] }, item.label));
+                                }
+                                if (item.submenuType === "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: "px-2.5 xl:px-4 py-2 text-sm xl:text-base text-foreground/70 hover:text-foreground hover:bg-foreground/5 rounded transition-colors duration-200 flex items-center gap-1 text-truncate-safe", children: [(0, jsx_runtime_1.jsx)(GameLabel, {}), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: (0, utils_1.cn)("h-4 w-4 transition-transform duration-200 shrink-0", showGameMenu && "rotate-180") })] }), showGameMenu && ((0, jsx_runtime_1.jsxs)("div", { className: "absolute top-full right-0 mt-2 w-64 rounded-xl border border-border/50 bg-card/95 backdrop-blur-xl shadow-xl overflow-hidden z-50", children: [(0, jsx_runtime_1.jsx)("div", { className: "p-2", children: gameSubItems.map((subItem, subIdx) => ((0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: subItem.href, className: "flex items-start gap-3 px-3 py-2.5 rounded-lg hover:bg-secondary/50 transition-colors group", onClick: () => setShowGameMenu(false), children: [(0, jsx_runtime_1.jsx)(subItem.icon, { className: "h-5 w-5 text-muted-foreground group-hover:text-green-400 transition-colors mt-0.5" }), (0, jsx_runtime_1.jsxs)("div", { className: "min-w-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-sm font-medium text-foreground group-hover:text-green-400 transition-colors", children: subItem.label }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-muted-foreground break-safe", children: subItem.description })] })] }, subIdx))) }), (0, jsx_runtime_1.jsx)("div", { className: "border-t border-border/50 px-4 py-3 bg-secondary/30", children: (0, jsx_runtime_1.jsx)(navigation_1.Link, { href: "/game/crash-challenge", className: "text-xs text-muted-foreground hover:text-green-400 transition-colors", onClick: () => setShowGameMenu(false), children: "GAME \u2192" }) })] }))] }, item.label));
+                                }
+                                return ((0, jsx_runtime_1.jsx)(navigation_1.Link, { href: item.href, className: "px-2.5 xl:px-4 py-2 text-sm xl:text-base text-foreground/70 hover:text-foreground hover:bg-foreground/5 rounded transition-colors duration-200 text-truncate-safe", children: "isTitan" in item && item.isTitan ? (0, jsx_runtime_1.jsx)(TitanLabel, {}) : item.label }, item.label));
+                            }) }), (0, jsx_runtime_1.jsxs)("div", { className: "hidden lg:flex items-center gap-2 xl:gap-3", children: [(0, jsx_runtime_1.jsx)(LocaleSwitcher_1.LocaleSwitcher, {}), loading ? ((0, jsx_runtime_1.jsx)("span", { className: "px-4 py-2 text-foreground/50", children: tc('loading') })) : 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-2 px-3 py-1.5 rounded-full bg-foreground/5 hover:bg-foreground/10 transition-colors", children: [(0, jsx_runtime_1.jsx)(hover_avatar_1.HoverAvatar, { src: userInfo?.avatar_url, fallback: displayName, size: 32, fallbackClassName: "bg-green-500/20 text-green-400" }), (0, jsx_runtime_1.jsx)("span", { className: "text-sm font-medium text-foreground max-w-[100px] truncate", children: displayName }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { size: 14, className: (0, utils_1.cn)("text-foreground/50 transition-transform duration-200", showUserMenu && "rotate-180") })] }), showUserMenu && ((0, jsx_runtime_1.jsx)("div", { className: "absolute top-full right-0 mt-2 w-48 rounded-xl border border-border/50 bg-card/95 backdrop-blur-xl shadow-xl overflow-hidden z-50", children: (0, jsx_runtime_1.jsxs)("div", { className: "p-2", children: [(0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: "/user-system/dashboard", className: "flex items-center gap-2 px-3 py-2.5 rounded-lg text-sm text-foreground/70 hover:text-foreground hover:bg-secondary/50 transition-colors", onClick: () => setShowUserMenu(false), children: [(0, jsx_runtime_1.jsx)(lucide_react_1.LayoutDashboard, { size: 16 }), tc('dashboard')] }), (0, jsx_runtime_1.jsxs)("button", { onClick: handleLogout, className: "w-full flex items-center gap-2 px-3 py-2.5 rounded-lg text-sm text-foreground/70 hover:text-red-400 hover:bg-secondary/50 transition-colors", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.LogOut, { size: 16 }), tc('logout')] })] }) }))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(navigation_1.Link, { href: "/login", className: "px-4 py-2 text-foreground/70 hover:text-foreground transition-colors duration-200", children: tc('login') }), (0, jsx_runtime_1.jsx)(navigation_1.Link, { href: "/register", className: "px-5 py-2 bg-accent text-accent-foreground hover:bg-accent/90 rounded transition-colors duration-200", children: tc('register') })] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "lg:hidden flex items-center gap-1 2xs:gap-2", children: [(0, jsx_runtime_1.jsx)(LocaleSwitcher_1.LocaleSwitcher, {}), (0, jsx_runtime_1.jsx)("button", { className: "p-1.5 2xs:p-2 text-foreground/70 hover:text-foreground touch-target", onClick: () => setMobileMenuOpen(!mobileMenuOpen), children: mobileMenuOpen ? (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "w-5 h-5 2xs:w-6 2xs:h-6" }) : (0, jsx_runtime_1.jsx)(lucide_react_1.Menu, { className: "w-5 h-5 2xs:w-6 2xs:h-6" }) })] })] }) }), (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("lg:hidden overflow-y-auto transition-all duration-300 bg-background/95 backdrop-blur-md border-b border-border/30", mobileMenuOpen ? "max-h-[calc(100vh-56px)] 2xs:max-h-[calc(100vh-64px)]" : "max-h-0"), children: (0, jsx_runtime_1.jsxs)("div", { className: "px-3 2xs:px-4 py-3 2xs:py-4 space-y-1 2xs:space-y-2", children: [navItems.map((item) => {
+                            // Mobile blockchain submenu
+                            if (item.submenuType === "blockchain") {
+                                return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("button", { onClick: () => setMobileBlockchainExpanded(!mobileBlockchainExpanded), className: "w-full flex items-center justify-between px-3 2xs:px-4 py-2.5 2xs:py-3 font-mono text-xs 2xs:text-sm text-foreground/70 hover:text-foreground hover:bg-foreground/5 rounded transition-colors duration-200 touch-target", children: [(0, jsx_runtime_1.jsx)("span", { children: item.label }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: (0, utils_1.cn)("h-4 w-4 transition-transform duration-200", mobileBlockchainExpanded && "rotate-180") })] }), (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("overflow-hidden transition-all duration-300", mobileBlockchainExpanded ? "max-h-96 opacity-100" : "max-h-0 opacity-0"), children: (0, jsx_runtime_1.jsxs)("div", { className: "ml-3 2xs:ml-4 border-l border-border/30 pl-1.5 2xs:pl-2 space-y-0.5 2xs:space-y-1 py-1.5 2xs:py-2", children: [(0, jsx_runtime_1.jsx)(navigation_1.Link, { href: item.href, className: "flex items-center gap-2 px-2 2xs:px-3 py-1.5 2xs:py-2 text-xs text-green-400 hover:text-green-300 hover:bg-foreground/5 rounded transition-colors duration-200 touch-target", onClick: () => setMobileMenuOpen(false), children: t("blockchain") }), blockchainSubItems.map((subItem, subIdx) => ((0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: subItem.href, className: "flex items-center gap-2 px-2 2xs:px-3 py-1.5 2xs:py-2 text-xs text-muted-foreground hover:text-foreground hover:bg-foreground/5 rounded transition-colors duration-200 touch-target", onClick: () => setMobileMenuOpen(false), children: [(0, jsx_runtime_1.jsx)(subItem.icon, { className: "h-3.5 w-3.5 2xs:h-4 2xs:w-4 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "text-truncate-safe", children: subItem.label })] }, subIdx)))] }) })] }, item.label));
+                            }
+                            // Mobile developer submenu
+                            if (item.submenuType === "developer") {
+                                return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("button", { onClick: () => setMobileDevExpanded(!mobileDevExpanded), className: "w-full flex items-center justify-between px-3 2xs:px-4 py-2.5 2xs:py-3 font-mono text-xs 2xs:text-sm text-foreground/70 hover:text-foreground hover:bg-foreground/5 rounded transition-colors duration-200 touch-target", children: [(0, jsx_runtime_1.jsx)("span", { children: item.label }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: (0, utils_1.cn)("h-4 w-4 transition-transform duration-200", mobileDevExpanded && "rotate-180") })] }), (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("overflow-hidden transition-all duration-300", mobileDevExpanded ? "max-h-96 opacity-100" : "max-h-0 opacity-0"), children: (0, jsx_runtime_1.jsxs)("div", { className: "ml-3 2xs:ml-4 border-l border-border/30 pl-1.5 2xs:pl-2 space-y-0.5 2xs:space-y-1 py-1.5 2xs:py-2", children: [(0, jsx_runtime_1.jsx)(navigation_1.Link, { href: item.href, className: "flex items-center gap-2 px-2 2xs:px-3 py-1.5 2xs:py-2 text-xs text-green-400 hover:text-green-300 hover:bg-foreground/5 rounded transition-colors duration-200 touch-target", onClick: () => setMobileMenuOpen(false), children: tc('developerCenterHome') }), developerSubItems.map((subItem, subIdx) => ((0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: subItem.href, className: "flex items-center gap-2 px-2 2xs:px-3 py-1.5 2xs:py-2 text-xs text-muted-foreground hover:text-foreground hover:bg-foreground/5 rounded transition-colors duration-200 touch-target", onClick: () => setMobileMenuOpen(false), children: [(0, jsx_runtime_1.jsx)(subItem.icon, { className: "h-3.5 w-3.5 2xs:h-4 2xs:w-4 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "text-truncate-safe", children: subItem.label })] }, subIdx)))] }) })] }, item.label));
+                            }
+                            if (item.submenuType === "game") {
+                                return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("button", { onClick: () => setMobileGameExpanded(!mobileGameExpanded), className: "w-full flex items-center justify-between px-3 2xs:px-4 py-2.5 2xs:py-3 font-mono text-xs 2xs:text-sm text-foreground/70 hover:text-foreground hover:bg-foreground/5 rounded transition-colors duration-200 touch-target", children: [(0, jsx_runtime_1.jsx)(GameLabel, {}), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: (0, utils_1.cn)("h-4 w-4 transition-transform duration-200", mobileGameExpanded && "rotate-180") })] }), (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("overflow-hidden transition-all duration-300", mobileGameExpanded ? "max-h-96 opacity-100" : "max-h-0 opacity-0"), children: (0, jsx_runtime_1.jsx)("div", { className: "ml-3 2xs:ml-4 border-l border-border/30 pl-1.5 2xs:pl-2 space-y-0.5 2xs:space-y-1 py-1.5 2xs:py-2", children: gameSubItems.map((subItem, subIdx) => ((0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: subItem.href, className: "flex items-center gap-2 px-2 2xs:px-3 py-1.5 2xs:py-2 text-xs text-muted-foreground hover:text-foreground hover:bg-foreground/5 rounded transition-colors duration-200 touch-target", onClick: () => setMobileMenuOpen(false), children: [(0, jsx_runtime_1.jsx)(subItem.icon, { className: "h-3.5 w-3.5 2xs:h-4 2xs:w-4 shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "text-truncate-safe", children: subItem.label })] }, subIdx))) }) })] }, item.label));
+                            }
+                            return ((0, jsx_runtime_1.jsx)(navigation_1.Link, { href: item.href, className: "block px-3 2xs:px-4 py-2.5 2xs:py-3 font-mono text-xs 2xs:text-sm text-foreground/70 hover:text-foreground hover:bg-foreground/5 rounded transition-colors duration-200 touch-target", onClick: () => setMobileMenuOpen(false), children: "isTitan" in item && item.isTitan ? (0, jsx_runtime_1.jsx)(TitanLabel, {}) : item.label }, item.label));
+                        }), (0, jsx_runtime_1.jsx)("div", { className: "pt-3 2xs:pt-4 border-t border-border/30", children: user ? ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2 2xs:space-y-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 2xs:gap-3 px-3 2xs:px-4 py-2.5 2xs:py-3 bg-foreground/5 rounded-lg", children: [(0, jsx_runtime_1.jsx)(hover_avatar_1.HoverAvatar, { src: userInfo?.avatar_url, fallback: displayName, size: 32, fallbackClassName: "bg-green-500/20 text-green-400" }), (0, jsx_runtime_1.jsxs)("div", { className: "min-w-0 flex-1", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-sm 2xs:text-base font-medium text-foreground truncate", children: displayName }), (0, jsx_runtime_1.jsx)("p", { className: "text-[10px] 2xs:text-xs text-muted-foreground truncate", children: userInfo?.email })] })] }), (0, jsx_runtime_1.jsx)(navigation_1.Link, { href: "/user-system/dashboard", onClick: () => setMobileMenuOpen(false), className: "block w-full px-3 2xs:px-4 py-2.5 2xs:py-3 font-mono text-xs 2xs:text-sm text-center bg-accent text-accent-foreground hover:bg-accent/90 rounded transition-colors duration-200 touch-target", children: tc('enterDashboard') }), (0, jsx_runtime_1.jsx)("button", { onClick: () => {
+                                            handleLogout();
+                                            setMobileMenuOpen(false);
+                                        }, className: "w-full px-3 2xs:px-4 py-2.5 2xs:py-3 font-mono text-xs 2xs:text-sm text-center text-foreground/70 hover:text-red-400 border border-border/50 hover:border-red-500/50 rounded transition-colors duration-200 touch-target", children: tc('logout') })] })) : ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 2xs:gap-3", children: [(0, jsx_runtime_1.jsx)(navigation_1.Link, { href: "/login", className: "flex-1 px-3 2xs:px-4 py-2.5 2xs:py-3 font-mono text-xs 2xs:text-sm text-center text-foreground/70 hover:text-foreground border border-border/50 rounded transition-colors duration-200 touch-target", children: tc('login') }), (0, jsx_runtime_1.jsx)(navigation_1.Link, { href: "/register", className: "flex-1 px-3 2xs:px-4 py-2.5 2xs:py-3 font-mono text-xs 2xs:text-sm text-center bg-accent text-accent-foreground hover:bg-accent/90 rounded transition-colors duration-200 touch-target", children: tc('register') })] })) })] }) })] }));
+}

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

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

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

@@ -0,0 +1,110 @@
+"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.TerminalSidebar = TerminalSidebar;
+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 auth_service_1 = require("../../lib/auth-service");
+const menu_config_1 = require("../../config/menu-config");
+const hover_avatar_1 = require("../ui/hover-avatar");
+const next_intl_1 = require("next-intl");
+function TerminalMenuItem({ item, collapsed, onNavigate, }) {
+    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) {
+        if (collapsed)
+            return null;
+        return ((0, jsx_runtime_1.jsx)("div", { className: "px-2 xs:px-3 py-1.5 xs:py-2 text-[10px] xs:text-xs text-neutral-500 uppercase tracking-wider font-medium", children: tm(item.titleKey) }));
+    }
+    if (item.children && item.children.length > 0) {
+        return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("button", { onClick: () => setIsOpen(!isOpen), className: (0, utils_1.cn)("w-full flex items-center gap-2 xs:gap-3 px-2 xs:px-3 py-2 xs:py-2.5 text-xs xs:text-sm rounded transition-colors touch-target", isActive
+                        ? "bg-cyan-700 text-white"
+                        : "text-neutral-400 hover:text-white hover:bg-neutral-800"), children: [(0, jsx_runtime_1.jsx)(item.icon, { className: "w-4 h-4 xs:w-5 xs:h-5 flex-shrink-0" }), !collapsed && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "flex-1 text-left font-medium text-truncate-safe", children: tm(item.titleKey) }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: (0, utils_1.cn)("w-3.5 h-3.5 xs:w-4 xs:h-4 transition-transform", isOpen && "rotate-90") })] }))] }), isOpen && !collapsed && ((0, jsx_runtime_1.jsx)("div", { className: "ml-3 xs:ml-4 border-l border-neutral-700 pl-1.5 xs:pl-2 mt-1 space-y-0.5", children: item.children.map((child) => {
+                        const childActive = (0, menu_config_1.isMenuItemActive)(child.href, pathname);
+                        return ((0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: child.href, onClick: onNavigate, className: (0, utils_1.cn)("flex items-center gap-1.5 xs:gap-2 px-2 xs:px-3 py-1.5 text-xs xs:text-sm rounded transition-colors", childActive
+                                ? "bg-cyan-700 text-white"
+                                : "text-neutral-500 hover:text-white hover:bg-neutral-800"), children: [(0, jsx_runtime_1.jsx)(child.icon, { className: "w-3 h-3 xs:w-3.5 xs:h-3.5" }), (0, jsx_runtime_1.jsx)("span", { className: "text-truncate-safe", children: tm(child.titleKey) })] }, child.href));
+                    }) }))] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: item.href, onClick: onNavigate, className: (0, utils_1.cn)("flex items-center gap-2 xs:gap-3 px-2 xs:px-3 py-2 xs:py-2.5 text-xs xs:text-sm rounded transition-colors touch-target", isActive
+            ? "bg-cyan-700 text-white"
+            : "text-neutral-400 hover:text-white hover:bg-neutral-800"), title: collapsed ? tm(item.titleKey) : undefined, children: [(0, jsx_runtime_1.jsx)(item.icon, { className: "w-4 h-4 xs:w-5 xs:h-5 flex-shrink-0" }), !collapsed && (0, jsx_runtime_1.jsx)("span", { className: "font-medium text-truncate-safe", children: tm(item.titleKey) }), !collapsed && item.badge && ((0, jsx_runtime_1.jsx)("span", { className: "ml-auto px-1 xs:px-1.5 py-0.5 text-[10px] xs:text-xs bg-cyan-400/20 text-cyan-400 rounded", children: item.badge }))] }));
+}
+function TerminalSidebar() {
+    const { user, userInfo } = (0, useAuth_1.useAuth)();
+    const userRole = userInfo?.role || "user";
+    const menus = React.useMemo(() => (0, menu_config_1.getUserMenus)(userRole), [userRole]);
+    const [collapsed, setCollapsed] = React.useState(false);
+    const [mobileOpen, setMobileOpen] = React.useState(false);
+    const tc = (0, next_intl_1.useTranslations)("common");
+    const displayName = userInfo?.display_name || userInfo?.email?.split('@')[0] || tc('defaultUser');
+    React.useEffect(() => {
+        if (mobileOpen) {
+            document.body.style.overflow = 'hidden';
+        }
+        else {
+            document.body.style.overflow = '';
+        }
+        return () => { document.body.style.overflow = ''; };
+    }, [mobileOpen]);
+    // Close mobile sidebar on navigation
+    const handleMobileNavigate = React.useCallback(() => {
+        setMobileOpen(false);
+    }, []);
+    const handleLogout = () => {
+        (0, auth_service_1.logOut)();
+    };
+    const sidebarContent = ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col h-full md:bg-neutral-900 border-r border-neutral-700/50 md:border-neutral-700", children: [(0, jsx_runtime_1.jsx)("div", { className: "hidden xs:flex items-center justify-end px-2 xs:px-3 py-1", children: (0, jsx_runtime_1.jsx)("button", { onClick: () => setCollapsed(!collapsed), className: "p-1 rounded text-neutral-400 hover:text-cyan-400 transition-colors", title: collapsed ? tc('expandSidebar') : tc('collapseSidebar'), children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: (0, utils_1.cn)("w-4 h-4 transition-transform", !collapsed && "rotate-180") }) }) }), (0, jsx_runtime_1.jsxs)("nav", { className: "flex-1 overflow-y-auto px-2 xs:px-3 space-y-0.5 xs:space-y-1", children: [(0, jsx_runtime_1.jsx)("div", { className: "space-y-0.5 xs:space-y-1 mb-4 xs:mb-6", children: menus.userMenu.map((item) => ((0, jsx_runtime_1.jsx)(TerminalMenuItem, { item: item, collapsed: collapsed, onNavigate: handleMobileNavigate }, item.href))) }), menus.agentMenu && menus.agentMenu.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-0.5 xs:space-y-1 mb-4 xs:mb-6", children: [!collapsed && ((0, jsx_runtime_1.jsx)("div", { className: "px-2 xs:px-3 py-1.5 xs:py-2 text-[10px] xs:text-xs text-neutral-500 uppercase tracking-wider font-medium", children: "AGENT" })), menus.agentMenu.map((item) => ((0, jsx_runtime_1.jsx)(TerminalMenuItem, { item: item, collapsed: collapsed, onNavigate: handleMobileNavigate }, item.href)))] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-4 xs:mt-6 pt-3 xs:pt-4 border-t border-neutral-800 px-2 xs:px-3 pb-2 xs:pb-3 safe-area-bottom", children: [!collapsed && ((0, jsx_runtime_1.jsx)(navigation_1.Link, { href: "/profile", onClick: handleMobileNavigate, className: "mb-3 xs:mb-4 p-2 xs:p-3 bg-neutral-800 border border-neutral-700 rounded-lg block hover:border-neutral-600 hover:bg-neutral-800/80 transition-colors", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 xs:gap-3", children: [(0, jsx_runtime_1.jsx)(hover_avatar_1.HoverAvatar, { src: userInfo?.avatar_url, fallback: displayName, size: 36, fallbackClassName: "bg-neutral-700 text-neutral-400" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 min-w-0", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-xs xs:text-sm font-medium text-white truncate", children: displayName }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1 xs:gap-1.5", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-1.5 h-1.5 bg-green-400 rounded-full animate-pulse" }), (0, jsx_runtime_1.jsx)("span", { className: "text-[9px] xs:text-[10px] text-neutral-500 uppercase tracking-wider", children: userRole === 'admin' ? 'ADMIN' : 'USER' })] })] })] }) })), collapsed && ((0, jsx_runtime_1.jsx)(navigation_1.Link, { href: "/profile", className: "flex justify-center mb-3", children: (0, jsx_runtime_1.jsx)(hover_avatar_1.HoverAvatar, { src: userInfo?.avatar_url, fallback: displayName, size: 32, fallbackClassName: "bg-neutral-700 text-neutral-400" }) })), (0, jsx_runtime_1.jsxs)(navigation_1.Link, { href: "/profile", onClick: handleMobileNavigate, className: "w-full flex items-center gap-2 xs:gap-3 px-2 xs:px-3 py-2 xs:py-2.5 rounded transition-colors text-neutral-400 hover:text-cyan-400 hover:bg-cyan-400/10 touch-target", title: collapsed ? tc('accountManagement') : undefined, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Link2, { className: "w-4 h-4 xs:w-5 xs:h-5 shrink-0" }), !collapsed && (0, jsx_runtime_1.jsx)("span", { className: "text-xs xs:text-sm font-medium text-truncate-safe", children: tc('accountManagement') })] }), (0, jsx_runtime_1.jsxs)("button", { onClick: handleLogout, className: (0, utils_1.cn)("w-full mt-1 flex items-center gap-2 xs:gap-3 px-2 xs:px-3 py-2 xs:py-2.5 rounded text-neutral-500 hover:text-red-400 hover:bg-neutral-800 transition-colors touch-target", collapsed ? "justify-center" : ""), title: collapsed ? tc('logout') : undefined, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.LogOut, { className: "w-4 h-4 xs:w-5 xs:h-5 shrink-0" }), !collapsed && (0, jsx_runtime_1.jsx)("span", { className: "text-xs xs:text-sm", children: tc('logout') })] })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => setMobileOpen(!mobileOpen), className: "md:hidden fixed top-3 2xs:top-3.5 left-2 2xs:left-3 xs:left-4 z-[60] p-1.5 2xs:p-2 bg-neutral-800/60 backdrop-blur-md border border-neutral-700/50 rounded text-neutral-400 hover:text-white touch-target", children: mobileOpen ? (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "w-4 h-4 2xs:w-5 2xs:h-5" }) : (0, jsx_runtime_1.jsx)(lucide_react_1.Menu, { className: "w-4 h-4 2xs:w-5 2xs:h-5" }) }), mobileOpen && ((0, jsx_runtime_1.jsx)("div", { className: "md:hidden fixed inset-0 top-14 2xs:top-16 bg-black/60 z-40 overscroll-contain touch-none", onClick: () => setMobileOpen(false) })), (0, jsx_runtime_1.jsx)("aside", { className: (0, utils_1.cn)("fixed md:relative md:flex-shrink-0 top-14 2xs:top-16 md:top-0 z-[45] md:z-40 sidebar-frost", "h-[calc(100vh-56px)] 2xs:h-[calc(100vh-64px)] md:h-full", "transition-[left,width] duration-300 md:transition-all", 
+                // Width: full on tiny, 80% on small phone, w-64 on tablet+
+                mobileOpen
+                    ? "left-0 w-[85%] 2xs:w-[80%] xs:w-72 sm:w-72"
+                    : "-left-[100%] xs:-left-72 md:left-0", 
+                // Desktop: collapsible
+                !mobileOpen && (collapsed ? "md:w-16" : "md:w-64")), children: sidebarContent })] }));
+}

package/dist/main-portal/components/lending/LendingPage.d.ts

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

package/dist/main-portal/components/lending/LendingPage.js

@@ -0,0 +1,20 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = LendingPage;
+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 LendingPage() {
+    const t = (0, next_intl_1.useTranslations)('lendingDash');
+    const COLLATERAL_TYPES = {
+        Station: { value: 1000, label: 'Station', description: t('stationDesc') },
+        Matrix: { value: 15000, label: 'Matrix', description: t('matrixDesc') },
+        Sector: { value: 200000, label: 'Sector', description: t('sectorDesc') },
+        System: { value: 2500000, label: 'System', description: t('systemDesc') },
+    };
+    const formatNumber = (num, decimals = 2) => num.toLocaleString('en-US', { minimumFractionDigits: decimals, maximumFractionDigits: decimals });
+    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.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", { className: "tracking-wider", children: t('myDeposits') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-center py-8 text-neutral-500", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Wallet, { className: "w-12 h-12 mx-auto mb-2 opacity-50" }), (0, jsx_runtime_1.jsx)("p", { children: t('noDeposits') }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm mt-1", children: t('noDepositsHint') })] })] }) }), (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.CreditCard, { className: "w-4 h-4" }), (0, jsx_runtime_1.jsx)("span", { className: "tracking-wider", children: t('myLoans') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-center py-8 text-neutral-500", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CreditCard, { className: "w-12 h-12 mx-auto mb-2 opacity-50" }), (0, jsx_runtime_1.jsx)("p", { children: t('noLoans') }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm mt-1", children: t('noLoansHint') })] })] }) }), (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('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", children: [(0, jsx_runtime_1.jsx)("div", { className: "font-medium text-white mb-2", children: t('loanRules') }), (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('loanRule1') }), (0, jsx_runtime_1.jsx)("li", { children: t('loanRule2') }), (0, jsx_runtime_1.jsx)("li", { children: t('loanRule3') }), (0, jsx_runtime_1.jsx)("li", { children: t('loanRule4') })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "p-4 bg-neutral-800 rounded", children: [(0, jsx_runtime_1.jsx)("div", { className: "font-medium text-white mb-2", children: t('liquidationRules') }), (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('liquidationRule1') }), (0, jsx_runtime_1.jsx)("li", { children: t('liquidationRule2') }), (0, jsx_runtime_1.jsx)("li", { children: t('liquidationRule3') })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "p-4 bg-neutral-800 rounded", children: [(0, jsx_runtime_1.jsx)("div", { className: "font-medium text-white mb-2", children: t('nftValuation') }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4 mt-2", children: Object.entries(COLLATERAL_TYPES).map(([key, value]) => ((0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-neutral-400 text-xs", children: value.description }), (0, jsx_runtime_1.jsx)("div", { className: "text-white font-bold font-mono", children: formatNumber(value.value) }), (0, jsx_runtime_1.jsx)("div", { className: "text-neutral-500 text-xs", children: "MCC" })] }, key))) })] })] })] }) })] }));
+}

package/dist/main-portal/components/mcd/MCDPage.d.ts

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

package/dist/main-portal/components/mcd/MCDPage.js

@@ -0,0 +1,125 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = MCDPage;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const useAuth_1 = require("../../hooks/useAuth");
+const useMCD_1 = require("../../hooks/useMCD");
+const api_1 = require("../../lib/api");
+const blockchain_1 = require("../../lib/api/blockchain");
+const card_1 = require("../ui/card");
+const badge_1 = require("../ui/badge");
+const button_1 = require("../ui/button");
+const tabs_1 = require("../ui/tabs");
+const skeleton_1 = require("../ui/skeleton");
+const table_1 = require("../ui/table");
+const dialog_1 = require("../ui/dialog");
+const lucide_react_1 = require("lucide-react");
+const navigation_1 = require("../../i18n/navigation");
+const next_intl_1 = require("next-intl");
+const TX_TYPE_COLORS = {
+    daily_distribution: 'bg-white/20 text-white border-transparent',
+    spend: 'bg-red-500/20 text-red-500 border-transparent',
+    transfer: 'bg-cyan-400/20 text-cyan-400 border-transparent',
+    refund: 'bg-cyan-400/20 text-cyan-400 border-transparent'
+};
+// TX_TYPE_NAMES moved to component scope for i18n
+function formatDate(dateStr) {
+    const date = new Date(dateStr);
+    return date.toLocaleDateString('zh-CN', {
+        year: 'numeric',
+        month: '2-digit',
+        day: '2-digit',
+        hour: '2-digit',
+        minute: '2-digit'
+    });
+}
+function formatShortDate(dateStr) {
+    const date = new Date(dateStr);
+    return date.toLocaleDateString('zh-CN', {
+        month: '2-digit',
+        day: '2-digit'
+    });
+}
+function MCDPage() {
+    const t = (0, next_intl_1.useTranslations)('mcdDash');
+    const { user } = (0, useAuth_1.useAuth)();
+    const TX_TYPE_NAMES = {
+        daily_distribution: t('txTypeDaily'),
+        spend: t('txTypeSpend'),
+        transfer: t('txTypeTransfer'),
+        refund: t('txTypeRefund')
+    };
+    const { transactions, dailyRewards, loading: dbLoading, isRefreshing, error, refresh } = (0, useMCD_1.useMCD)(user?.uid);
+    const [showHelp, setShowHelp] = (0, react_1.useState)(false);
+    const [walletMCDs, setWalletMCDs] = (0, react_1.useState)([]);
+    const [walletsLoading, setWalletsLoading] = (0, react_1.useState)(true);
+    const [walletsExpanded, setWalletsExpanded] = (0, react_1.useState)(false);
+    const loadOnChainMCD = (0, react_1.useCallback)(async () => {
+        setWalletsLoading(true);
+        try {
+            const listRes = await (0, api_1.fetchApi)('/auth/wallet/list');
+            if (!listRes.success || !listRes.data?.wallets) {
+                setWalletMCDs([]);
+                setWalletsLoading(false);
+                return;
+            }
+            const wallets = listRes.data.wallets;
+            if (wallets.length === 0) {
+                setWalletMCDs([]);
+                setWalletsLoading(false);
+                return;
+            }
+            const results = await Promise.allSettled(wallets.map(async (w) => {
+                const wb = await (0, blockchain_1.getWalletBalance)(w.wallet_address);
+                const mcdToken = (0, blockchain_1.getTokenFromBalance)(wb, 'MCD');
+                return {
+                    address: w.wallet_address,
+                    balance: mcdToken?.balance || 0,
+                    isPrimary: !!w.is_primary
+                };
+            }));
+            const infos = [];
+            for (const r of results) {
+                if (r.status === 'fulfilled')
+                    infos.push(r.value);
+            }
+            setWalletMCDs(infos);
+        }
+        catch {
+            setWalletMCDs([]);
+        }
+        finally {
+            setWalletsLoading(false);
+        }
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (user?.uid)
+            loadOnChainMCD();
+    }, [user?.uid, loadOnChainMCD]);
+    const totalOnChainMCD = walletMCDs.reduce((sum, w) => sum + w.balance, 0);
+    if (!user) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center h-[60vh]", children: (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-8 text-center", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Wallet, { className: "w-12 h-12 mx-auto mb-4 text-neutral-500" }), (0, jsx_runtime_1.jsx)("p", { className: "text-neutral-400", children: t('loginRequired') })] }) }) }));
+    }
+    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", 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 mt-1", children: t('subtitle') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(navigation_1.Link, { href: "/mcc/wallet", children: (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", size: "sm", className: "border-neutral-700 text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Wallet, { className: "w-4 h-4 mr-2" }), t('manageWallet')] }) }), (0, jsx_runtime_1.jsxs)(dialog_1.Dialog, { open: showHelp, onOpenChange: setShowHelp, children: [(0, jsx_runtime_1.jsx)(dialog_1.DialogTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", size: "sm", className: "border-neutral-700 text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.HelpCircle, { className: "w-4 h-4 mr-2" }), t('helpGuide')] }) }), (0, jsx_runtime_1.jsxs)(dialog_1.DialogContent, { className: "bg-neutral-900 border-neutral-700 max-w-lg", children: [(0, jsx_runtime_1.jsxs)(dialog_1.DialogHeader, { children: [(0, jsx_runtime_1.jsx)(dialog_1.DialogTitle, { className: "text-white tracking-wider", children: t('helpTitle') }), (0, jsx_runtime_1.jsx)(dialog_1.DialogDescription, { className: "text-neutral-400", children: t('helpDesc') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4 text-sm", children: [(0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-3", children: [(0, jsx_runtime_1.jsxs)("h4", { className: "font-medium text-white mb-2 flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Gift, { className: "w-4 h-4 text-white" }), t('howToGetMcd')] }), (0, jsx_runtime_1.jsxs)("ul", { className: "list-disc list-inside text-neutral-400 space-y-1", children: [(0, jsx_runtime_1.jsx)("li", { children: t('helpGet1') }), (0, jsx_runtime_1.jsx)("li", { children: t('helpGet2') }), (0, jsx_runtime_1.jsx)("li", { children: t('helpGet3') })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-3", children: [(0, jsx_runtime_1.jsxs)("h4", { className: "font-medium text-white mb-2 flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Coins, { className: "w-4 h-4 text-white" }), t('mcdUsage')] }), (0, jsx_runtime_1.jsxs)("ul", { className: "list-disc list-inside text-neutral-400 space-y-1", children: [(0, jsx_runtime_1.jsx)("li", { children: t('helpUse1') }), (0, jsx_runtime_1.jsx)("li", { children: t('helpUse2') }), (0, jsx_runtime_1.jsx)("li", { children: t('helpUse3') })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-3", children: [(0, jsx_runtime_1.jsxs)("h4", { className: "font-medium text-white mb-2 flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.History, { className: "w-4 h-4 text-white" }), t('notes')] }), (0, jsx_runtime_1.jsxs)("ul", { className: "list-disc list-inside text-neutral-400 space-y-1", children: [(0, jsx_runtime_1.jsx)("li", { children: t('helpNote1') }), (0, jsx_runtime_1.jsx)("li", { children: t('helpNote2') }), (0, jsx_runtime_1.jsx)("li", { children: t('helpNote3') })] })] })] })] })] }), (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", size: "sm", onClick: () => { refresh(); loadOnChainMCD(); }, disabled: isRefreshing || walletsLoading, className: "border-neutral-700 text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCw, { className: `w-4 h-4 mr-2 ${(isRefreshing || walletsLoading) ? 'animate-spin' : ''}` }), t('refresh')] })] })] }), error && ((0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-red-500/10 border-red-500/30", children: (0, jsx_runtime_1.jsx)(card_1.CardContent, { className: "p-4", children: (0, jsx_runtime_1.jsx)("p", { className: "text-red-400 text-sm", children: error }) }) })), (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-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Coins, { className: "w-5 h-5 text-white" }), (0, jsx_runtime_1.jsx)("span", { className: "text-sm text-neutral-400 tracking-wider", children: t('onChainBalance') })] }), walletMCDs.length > 1 && ((0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "ghost", size: "sm", onClick: () => setWalletsExpanded(!walletsExpanded), className: "text-neutral-400 hover:text-cyan-400", children: [walletMCDs.length, " ", t('walletsCount'), walletsExpanded
+                                            ? (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronUp, { className: "w-4 h-4 ml-1" })
+                                            : (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "w-4 h-4 ml-1" })] }))] }), walletsLoading ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "w-5 h-5 animate-spin text-cyan-400" }), (0, jsx_runtime_1.jsx)("span", { className: "text-neutral-500 text-sm", children: t('loadingOnChain') })] })) : walletMCDs.length === 0 ? ((0, jsx_runtime_1.jsxs)("div", { className: "text-center py-4", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-neutral-500 mb-3", children: t('noWalletBound') }), (0, jsx_runtime_1.jsx)(navigation_1.Link, { href: "/mcc/wallet", children: (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", size: "sm", className: "border-neutral-700 text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Wallet, { className: "w-4 h-4 mr-2" }), t('connectWallet')] }) })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-4xl font-bold text-white font-mono mb-1", children: [totalOnChainMCD.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 }), (0, jsx_runtime_1.jsx)("span", { className: "text-lg text-neutral-400 ml-2", children: "MCD" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-xs text-neutral-500", children: [walletMCDs.length, " ", t('walletsCount'), "\u7684\u94FE\u4E0A\u4F59\u989D\u603B\u548C"] }), walletMCDs.length === 1 && ((0, jsx_runtime_1.jsxs)("div", { className: "mt-2 text-xs text-neutral-500 font-mono", children: [walletMCDs[0].address.slice(0, 4), "...", walletMCDs[0].address.slice(-4), walletMCDs[0].isPrimary && ((0, jsx_runtime_1.jsx)(badge_1.Badge, { variant: "outline", className: "text-[10px] border-cyan-400/30 text-cyan-400 px-1.5 py-0 ml-2", children: t('primaryWallet') }))] })), walletsExpanded && walletMCDs.length > 1 && ((0, jsx_runtime_1.jsx)("div", { className: "mt-4 space-y-2 border-t border-neutral-700 pt-4", children: walletMCDs.map((w) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between p-2 bg-neutral-800 rounded hover:bg-neutral-700", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-xs font-mono text-neutral-400", children: [w.address.slice(0, 4), "...", w.address.slice(-4)] }), w.isPrimary && ((0, jsx_runtime_1.jsx)(badge_1.Badge, { variant: "outline", className: "text-[10px] border-cyan-400/30 text-cyan-400 px-1.5 py-0", children: t('primaryWallet') }))] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-sm font-mono text-white", children: [w.balance.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 }), " MCD"] })] }, w.address))) }))] }))] }) }), (0, jsx_runtime_1.jsxs)(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.CardHeader, { children: [(0, jsx_runtime_1.jsxs)(card_1.CardTitle, { className: "text-sm font-medium text-neutral-300 tracking-wider flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.TrendingUp, { className: "w-5 h-5 text-white" }), t('mcdMinting')] }), (0, jsx_runtime_1.jsx)(card_1.CardDescription, { className: "text-neutral-400", children: t('mcdMintingDesc') })] }), (0, jsx_runtime_1.jsxs)(card_1.CardContent, { children: [(0, jsx_runtime_1.jsx)(navigation_1.Link, { href: "/mcc/mining", children: (0, jsx_runtime_1.jsxs)("div", { className: "w-full flex items-center justify-center gap-2 h-10 rounded-md cursor-pointer bg-cyan-700 hover:bg-cyan-600 transition-all text-white text-sm font-medium", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Coins, { className: "w-4 h-4" }), t('useMcdToMintMcc')] }) }), (0, jsx_runtime_1.jsx)("div", { className: "mt-3 p-3 bg-neutral-800 rounded", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-2 text-xs text-cyan-400/70", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.AlertTriangle, { className: "w-3.5 h-3.5 mt-0.5 shrink-0 text-cyan-400" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-1", children: [(0, jsx_runtime_1.jsx)("p", { children: t('whitelistNote1') }), (0, jsx_runtime_1.jsx)("p", { children: t('whitelistNote2') })] })] }) })] })] }), (0, jsx_runtime_1.jsxs)(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.CardHeader, { children: [(0, jsx_runtime_1.jsxs)(card_1.CardTitle, { className: "text-sm font-medium text-neutral-300 tracking-wider flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Gift, { className: "w-5 h-5 text-white" }), t('ecoServices')] }), (0, jsx_runtime_1.jsx)(card_1.CardDescription, { className: "text-neutral-400", children: t('ecoServicesDesc') })] }), (0, jsx_runtime_1.jsx)(card_1.CardContent, { children: (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+                                { name: 'Double Helix', tagline: t('dhTagline'), desc: t('dhDesc'), icon: lucide_react_1.TrendingUp, iconBg: 'bg-cyan-400/20', iconColor: 'text-cyan-400', status: t('statusRunning'), statusColor: 'text-white', url: 'https://doublehelix.money' },
+                                { name: 'xSocial', tagline: t('xsTagline'), desc: t('xsDesc'), icon: lucide_react_1.MessageSquare, iconBg: 'bg-cyan-400/20', iconColor: 'text-cyan-400', status: t('statusBeta'), statusColor: 'text-cyan-400', url: 'https://xsocial.cc' },
+                                { name: 'Event Horizon', tagline: t('ehTagline'), desc: t('ehDesc'), icon: lucide_react_1.Eye, iconBg: 'bg-cyan-400/20', iconColor: 'text-cyan-400', status: t('statusBeta'), statusColor: 'text-cyan-400', url: 'https://poly.microcosm.money' },
+                                { name: 'GreenSwans', tagline: 'Crypto Guardian', desc: t('gsDesc'), icon: lucide_react_1.Shield, iconBg: 'bg-cyan-400/20', iconColor: 'text-cyan-400', status: t('statusDev'), statusColor: 'text-neutral-400', url: 'https://greenswans.cc' },
+                            ].map((p) => ((0, jsx_runtime_1.jsxs)("a", { href: p.url, target: "_blank", rel: "noopener noreferrer", className: "block p-4 bg-neutral-800 rounded-lg hover:bg-neutral-700 transition-colors group", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 mb-3", children: [(0, jsx_runtime_1.jsx)("div", { className: `w-10 h-10 rounded-lg ${p.iconBg} flex items-center justify-center`, children: (0, jsx_runtime_1.jsx)(p.icon, { className: `w-5 h-5 ${p.iconColor}` }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 min-w-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-medium text-white text-sm", children: p.name }), (0, jsx_runtime_1.jsx)(lucide_react_1.ExternalLink, { className: "w-3 h-3 text-neutral-600 opacity-0 group-hover:opacity-100 transition-opacity" })] }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs text-neutral-500", children: p.tagline })] }), (0, jsx_runtime_1.jsx)("span", { className: `text-[10px] ${p.statusColor}`, children: p.status })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs text-neutral-400 leading-relaxed", children: p.desc })] }, p.name))) }) })] }), (0, jsx_runtime_1.jsxs)(tabs_1.Tabs, { defaultValue: "daily", className: "space-y-4", children: [(0, jsx_runtime_1.jsxs)(tabs_1.TabsList, { className: "bg-neutral-800 border border-neutral-700", children: [(0, jsx_runtime_1.jsxs)(tabs_1.TabsTrigger, { value: "daily", className: "data-[state=active]:bg-neutral-700", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Gift, { className: "w-4 h-4 mr-2" }), t('dailyDistribution')] }), (0, jsx_runtime_1.jsxs)(tabs_1.TabsTrigger, { value: "transactions", className: "data-[state=active]:bg-neutral-700", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.History, { className: "w-4 h-4 mr-2" }), t('transactionHistory')] })] }), (0, jsx_runtime_1.jsx)(tabs_1.TabsContent, { value: "daily", children: (0, jsx_runtime_1.jsxs)(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.CardHeader, { children: [(0, jsx_runtime_1.jsxs)(card_1.CardTitle, { className: "text-sm font-medium text-neutral-300 tracking-wider flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Calendar, { className: "w-5 h-5 text-white" }), t('dailyDistributionRecords')] }), (0, jsx_runtime_1.jsx)(card_1.CardDescription, { className: "text-neutral-400", children: t('dailyDistributionDesc') })] }), (0, jsx_runtime_1.jsx)(card_1.CardContent, { children: dbLoading ? ((0, jsx_runtime_1.jsx)("div", { className: "space-y-3", children: [...Array(5)].map((_, i) => ((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-12 w-full bg-neutral-800" }, i))) })) : dailyRewards.length === 0 ? ((0, jsx_runtime_1.jsxs)("div", { className: "text-center py-12 text-neutral-500", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Gift, { className: "w-12 h-12 mx-auto mb-4 opacity-50" }), (0, jsx_runtime_1.jsx)("p", { children: t('noDailyRecords') }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm mt-2", children: t('noDailyRecordsHint') })] })) : ((0, jsx_runtime_1.jsx)("div", { className: "overflow-x-auto", children: (0, jsx_runtime_1.jsxs)(table_1.Table, { children: [(0, jsx_runtime_1.jsx)(table_1.TableHeader, { children: (0, jsx_runtime_1.jsxs)(table_1.TableRow, { className: "border-neutral-800 hover:bg-transparent", children: [(0, jsx_runtime_1.jsx)(table_1.TableHead, { className: "text-xs font-medium text-neutral-400 tracking-wider", children: t('distributionDate') }), (0, jsx_runtime_1.jsx)(table_1.TableHead, { className: "text-xs font-medium text-neutral-400 tracking-wider", children: "Station" }), (0, jsx_runtime_1.jsx)(table_1.TableHead, { className: "text-xs font-medium text-neutral-400 tracking-wider text-right", children: t('amountLabel') }), (0, jsx_runtime_1.jsx)(table_1.TableHead, { className: "text-xs font-medium text-neutral-400 tracking-wider text-right", children: t('claimTime') })] }) }), (0, jsx_runtime_1.jsx)(table_1.TableBody, { children: dailyRewards.map((reward) => ((0, jsx_runtime_1.jsxs)(table_1.TableRow, { className: "border-b border-neutral-800 hover:bg-neutral-800", children: [(0, jsx_runtime_1.jsx)(table_1.TableCell, { className: "font-medium text-white font-mono", children: formatShortDate(reward.reward_date) }), (0, jsx_runtime_1.jsx)(table_1.TableCell, { className: "text-neutral-400 font-mono", children: reward.territory_id || '-' }), (0, jsx_runtime_1.jsx)(table_1.TableCell, { className: "text-right", children: (0, jsx_runtime_1.jsxs)("span", { className: "text-white font-medium font-mono", children: ["+", reward.mcd_received.toLocaleString(), " MCD"] }) }), (0, jsx_runtime_1.jsx)(table_1.TableCell, { className: "text-right text-neutral-500 text-sm font-mono", children: formatDate(reward.created_at) })] }, reward.id))) })] }) })) })] }) }), (0, jsx_runtime_1.jsx)(tabs_1.TabsContent, { value: "transactions", children: (0, jsx_runtime_1.jsxs)(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.CardHeader, { children: [(0, jsx_runtime_1.jsxs)(card_1.CardTitle, { className: "text-sm font-medium text-neutral-300 tracking-wider flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.History, { className: "w-5 h-5 text-white" }), t('transactionHistory')] }), (0, jsx_runtime_1.jsx)(card_1.CardDescription, { className: "text-neutral-400", children: t('transactionHistoryDesc') })] }), (0, jsx_runtime_1.jsx)(card_1.CardContent, { children: dbLoading ? ((0, jsx_runtime_1.jsx)("div", { className: "space-y-3", children: [...Array(5)].map((_, i) => ((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-12 w-full bg-neutral-800" }, i))) })) : transactions.length === 0 ? ((0, jsx_runtime_1.jsxs)("div", { className: "text-center py-12 text-neutral-500", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.History, { className: "w-12 h-12 mx-auto mb-4 opacity-50" }), (0, jsx_runtime_1.jsx)("p", { children: t('noTransactions') })] })) : ((0, jsx_runtime_1.jsx)("div", { className: "overflow-x-auto", children: (0, jsx_runtime_1.jsxs)(table_1.Table, { children: [(0, jsx_runtime_1.jsx)(table_1.TableHeader, { children: (0, jsx_runtime_1.jsxs)(table_1.TableRow, { className: "border-neutral-800 hover:bg-transparent", children: [(0, jsx_runtime_1.jsx)(table_1.TableHead, { className: "text-xs font-medium text-neutral-400 tracking-wider", children: t('timeLabel') }), (0, jsx_runtime_1.jsx)(table_1.TableHead, { className: "text-xs font-medium text-neutral-400 tracking-wider", children: t('typeLabel') }), (0, jsx_runtime_1.jsx)(table_1.TableHead, { className: "text-xs font-medium text-neutral-400 tracking-wider", children: t('fromLabel') }), (0, jsx_runtime_1.jsx)(table_1.TableHead, { className: "text-xs font-medium text-neutral-400 tracking-wider w-8" }), (0, jsx_runtime_1.jsx)(table_1.TableHead, { className: "text-xs font-medium text-neutral-400 tracking-wider", children: t('toLabel') }), (0, jsx_runtime_1.jsx)(table_1.TableHead, { className: "text-xs font-medium text-neutral-400 tracking-wider text-right", children: t('amountLabel') })] }) }), (0, jsx_runtime_1.jsx)(table_1.TableBody, { children: transactions.map((tx) => {
+                                                        const isIncome = tx.to_account_id === user?.uid;
+                                                        return ((0, jsx_runtime_1.jsxs)(table_1.TableRow, { className: "border-b border-neutral-800 hover:bg-neutral-800", children: [(0, jsx_runtime_1.jsx)(table_1.TableCell, { className: "text-neutral-500 text-sm font-mono", children: formatDate(tx.created_at) }), (0, jsx_runtime_1.jsx)(table_1.TableCell, { children: (0, jsx_runtime_1.jsx)(badge_1.Badge, { variant: "outline", className: TX_TYPE_COLORS[tx.tx_type] || 'bg-neutral-500/20 text-neutral-300', children: TX_TYPE_NAMES[tx.tx_type] || tx.tx_type }) }), (0, jsx_runtime_1.jsx)(table_1.TableCell, { className: "text-neutral-400 text-sm font-mono", children: tx.from_account_type === 'station_vault'
+                                                                        ? `Station #${tx.from_account_id}`
+                                                                        : tx.from_account_type === 'system'
+                                                                            ? t('system')
+                                                                            : `${t('userLabel')} ${tx.from_account_id?.slice(0, 8)}...` }), (0, jsx_runtime_1.jsx)(table_1.TableCell, { className: "text-neutral-600", children: (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowRight, { className: "w-4 h-4" }) }), (0, jsx_runtime_1.jsx)(table_1.TableCell, { className: "text-neutral-400 text-sm font-mono", children: tx.to_account_type === 'station_vault'
+                                                                        ? `Station #${tx.to_account_id}`
+                                                                        : tx.to_account_type === 'system'
+                                                                            ? t('system')
+                                                                            : `${t('userLabel')} ${tx.to_account_id?.slice(0, 8)}...` }), (0, jsx_runtime_1.jsx)(table_1.TableCell, { className: "text-right", children: (0, jsx_runtime_1.jsxs)("span", { className: `font-medium font-mono ${isIncome ? 'text-white' : 'text-red-400'}`, children: [isIncome ? '+' : '-', tx.amount.toLocaleString(), " MCD"] }) })] }, tx.id));
+                                                    }) })] }) })) })] }) })] })] }));
+}

package/dist/main-portal/components/messages/MessagesPage.d.ts

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

package/dist/main-portal/components/messages/MessagesPage.js

@@ -0,0 +1,13 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = MessagesPage;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const card_1 = require("../ui/card");
+const lucide_react_1 = require("lucide-react");
+const next_intl_1 = require("next-intl");
+function MessagesPage() {
+    const t = (0, next_intl_1.useTranslations)('messages');
+    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.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 dash-card", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "p-8 text-center", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.MessageSquare, { className: "w-12 h-12 mx-auto mb-4 text-neutral-500" }), (0, jsx_runtime_1.jsx)("p", { className: "text-neutral-500", children: t('noMessages') })] }) })] }));
+}

package/dist/main-portal/components/mining/MiningDistributionHistory.d.ts

@@ -0,0 +1,11 @@
+interface DistributionHistoryProps {
+    uid?: string;
+    territoryId?: string;
+    source?: 'x402' | 'cronjob';
+    title?: string;
+    description?: string;
+    showUserColumn?: boolean;
+    limit?: number;
+}
+export declare function MiningDistributionHistory({ uid, territoryId, source, title, description, showUserColumn, limit }: DistributionHistoryProps): import("react/jsx-runtime").JSX.Element;
+export default MiningDistributionHistory;