@microcosmmoney/portal-react 3.12.8 → 3.13.0

package/dist/main-portal/components/stations/StationsPage.js

@@ -0,0 +1,239 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = StationsPage;
+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 time_remaining_1 = require("../ui/time-remaining");
+const input_1 = require("../ui/input");
+const label_1 = require("../ui/label");
+const dialog_1 = require("../ui/dialog");
+const sonner_1 = require("sonner");
+const useAuth_1 = require("../../hooks/useAuth");
+const api_service_1 = require("../../lib/api-service");
+const utils_1 = require("../../lib/utils");
+const lucide_react_1 = require("lucide-react");
+const getUnitTypeIcon = (type) => {
+    switch (type) {
+        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" });
+        default: return (0, jsx_runtime_1.jsx)(lucide_react_1.Building2, { className: "w-5 h-5" });
+    }
+};
+const getUnitTypeLabel = (type) => {
+    switch (type) {
+        case 'station': return '空间站';
+        case 'matrix': return '矩阵';
+        case 'sector': return '星区';
+        case 'system': return '星系';
+        default: return type;
+    }
+};
+const getUnitTypeColor = (type) => {
+    switch (type) {
+        case 'station': return 'text-white';
+        case 'matrix': return 'text-cyan-300';
+        case 'sector': return 'text-cyan-200';
+        case 'system': return 'text-cyan-400';
+        default: return 'text-white';
+    }
+};
+const getTechBonusPercentage = (type) => {
+    switch (type) {
+        case 'station': return 10;
+        case 'matrix': return 20;
+        case 'sector': return 30;
+        case 'system': return 40;
+        default: return 0;
+    }
+};
+const distributionPlans = [
+    { id: 'equal', name: '平等分配', description: '所有成员平均分配利润' },
+    { id: 'weighted_rank', name: '等级加权', description: '根据用户等级加权分配' },
+    { id: 'weighted_contribution', name: '贡献加权', description: '根据交易量贡献加权分配' },
+    { id: 'hybrid', name: '混合模式', description: '等级50% + 贡献50%' },
+    { id: 'manager_bonus', name: '管理员奖励', description: '管理员额外10%奖励' },
+];
+function StationsPage() {
+    const { isAdmin } = (0, useAuth_1.useAuth)();
+    const [units, setUnits] = (0, react_1.useState)([]);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [refreshing, setRefreshing] = (0, react_1.useState)(false);
+    const [filter, setFilter] = (0, react_1.useState)('all');
+    const [searchTerm, setSearchTerm] = (0, react_1.useState)('');
+    const [unitDetailsCache, setUnitDetailsCache] = (0, react_1.useState)({});
+    const [isKPIDialogOpen, setIsKPIDialogOpen] = (0, react_1.useState)(false);
+    const [isDistributionDialogOpen, setIsDistributionDialogOpen] = (0, react_1.useState)(false);
+    const [isNameEditDialogOpen, setIsNameEditDialogOpen] = (0, react_1.useState)(false);
+    const [selectedUnit, setSelectedUnit] = (0, react_1.useState)(null);
+    const [nameStatus, setNameStatus] = (0, react_1.useState)(null);
+    const [newName, setNewName] = (0, react_1.useState)('');
+    const [nameLoading, setNameLoading] = (0, react_1.useState)(false);
+    const [selectedDistributionPlan, setSelectedDistributionPlan] = (0, react_1.useState)('');
+    const [submitting, setSubmitting] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => { loadUnits(); }, [filter]);
+    const loadUnits = async () => {
+        try {
+            setLoading(true);
+            const filterParam = filter === 'all' ? undefined : filter;
+            const response = await (0, api_service_1.getUnits)(filterParam);
+            if (response.success && response.data) {
+                setUnits(response.data);
+                for (const unit of response.data) {
+                    loadStationData(unit.unit_id);
+                }
+            }
+            else {
+                sonner_1.toast.error('加载领地列表失败');
+            }
+        }
+        catch (error) {
+            sonner_1.toast.error(error instanceof Error ? error.message : '加载领地列表失败');
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const loadStationData = async (unitId) => {
+        try {
+            const response = await (0, api_service_1.getUnitDetailedStats)(unitId);
+            if (response.success && response.data) {
+                setUnitDetailsCache(prev => ({ ...prev, [unitId]: response.data }));
+            }
+        }
+        catch (error) {
+            console.error(`加载领地 ${unitId} 数据失败:`, error);
+        }
+    };
+    const handleRefresh = async () => {
+        setRefreshing(true);
+        await loadUnits();
+        setRefreshing(false);
+        sonner_1.toast.success('数据已刷新');
+    };
+    const filteredUnits = units.filter(unit => {
+        const matchesSearch = unit.unit_name.toLowerCase().includes(searchTerm.toLowerCase()) ||
+            (unit.location?.toLowerCase().includes(searchTerm.toLowerCase()));
+        return matchesSearch;
+    });
+    const handleSetDistributionPlan = async () => {
+        if (!selectedUnit || !selectedDistributionPlan)
+            return;
+        try {
+            setSubmitting(true);
+            const response = await (0, api_service_1.setUnitDistributionPlan)(selectedUnit.unit_id, parseInt(selectedDistributionPlan));
+            if (response.success) {
+                sonner_1.toast.success('分配方案设置成功');
+                setIsDistributionDialogOpen(false);
+                setSelectedDistributionPlan('');
+                setSelectedUnit(null);
+            }
+            else {
+                sonner_1.toast.error(response.error || '设置失败');
+            }
+        }
+        catch (error) {
+            sonner_1.toast.error(error instanceof Error ? error.message : '设置失败');
+        }
+        finally {
+            setSubmitting(false);
+        }
+    };
+    const openNameEditDialog = async (unit) => {
+        setSelectedUnit(unit);
+        setNewName(unit.unit_name);
+        setIsNameEditDialogOpen(true);
+        setNameLoading(true);
+        try {
+            const response = await (0, api_service_1.getTerritoryNameStatus)(unit.unit_id);
+            if (response.success && response.data) {
+                setNameStatus(response.data);
+                setNewName(response.data.current_name);
+            }
+            else {
+                sonner_1.toast.error(response.error || '获取名称状态失败');
+            }
+        }
+        catch (error) {
+            sonner_1.toast.error(error instanceof Error ? error.message : '获取名称状态失败');
+        }
+        finally {
+            setNameLoading(false);
+        }
+    };
+    const handleNameUpdate = async () => {
+        if (!selectedUnit || !newName.trim()) {
+            sonner_1.toast.error('请输入新的领地名称');
+            return;
+        }
+        if (newName.trim().length < 2) {
+            sonner_1.toast.error('领地名称至少需要2个字符');
+            return;
+        }
+        try {
+            setSubmitting(true);
+            const response = await (0, api_service_1.updateTerritoryName)(selectedUnit.unit_id, newName.trim());
+            if (response.success) {
+                sonner_1.toast.success(response.message || '领地名称更新成功');
+                setIsNameEditDialogOpen(false);
+                setSelectedUnit(null);
+                setNameStatus(null);
+                setNewName('');
+                loadUnits();
+            }
+            else {
+                if (response.error?.includes('90天') || response.error?.includes('cooldown')) {
+                    sonner_1.toast.error(`修改冷却中：${response.error}`);
+                }
+                else {
+                    sonner_1.toast.error(response.error || '更新失败');
+                }
+            }
+        }
+        catch (error) {
+            sonner_1.toast.error(error instanceof Error ? error.message : '更新失败');
+        }
+        finally {
+            setSubmitting(false);
+        }
+    };
+    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", 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: "\u9886\u5730\u7BA1\u7406" }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs sm:text-sm text-neutral-400 mt-1", children: "\u7BA1\u7406\u9886\u5730NFT\u3001\u67E5\u770BKPI\u548C\u91D1\u5E93\u4F59\u989D" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center py-12", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "w-6 h-6 animate-spin text-neutral-400" }), (0, jsx_runtime_1.jsx)("span", { className: "ml-2 text-neutral-400 text-sm", children: "\u6B63\u5728\u52A0\u8F7D\u9886\u5730\u6570\u636E..." })] })] }));
+    }
+    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: "\u9886\u5730\u7BA1\u7406" }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs sm:text-sm text-neutral-400 mt-1", children: "\u7BA1\u7406\u9886\u5730NFT\u3001\u67E5\u770BKPI\u548C\u91D1\u5E93\u4F59\u989D" })] }), (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") }), "\u5237\u65B0"] })] }), (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 gap-2 text-xs text-neutral-400 tracking-wider mb-4", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Zap, { className: "w-4 h-4" }), (0, jsx_runtime_1.jsx)("span", { children: "\u9886\u5730\u5347\u7EA7\u8981\u6C42" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "p-3 bg-neutral-800 rounded", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 mb-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Users, { className: "w-5 h-5 text-white" }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs text-neutral-400 tracking-wider", children: "member_count" })] }), (0, jsx_runtime_1.jsx)("div", { className: "text-2xl font-bold text-white font-mono", children: "900" }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500 mt-1", children: "\u6700\u4F4E\u8981\u6C42\u6210\u5458\u6570" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "p-3 bg-neutral-800 rounded", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 mb-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.DollarSign, { className: "w-5 h-5 text-white" }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs text-neutral-400 tracking-wider", children: "trading_volume" })] }), (0, jsx_runtime_1.jsx)("div", { className: "text-2xl font-bold text-white font-mono", children: "50M" }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500 mt-1", children: "\u6700\u4F4E\u7D2F\u8BA1\u4EA4\u6613\u91CF USDT" })] })] })] }) }), (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 gap-2 text-xs text-neutral-400 tracking-wider mb-4", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Zap, { className: "w-4 h-4" }), (0, jsx_runtime_1.jsx)("span", { children: "\u4E0D\u540C\u5C42\u7EA7\u9886\u5730\u7684 MCC \u94F8\u9020\u52A0\u6210" })] }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-3", children: ['station', 'matrix', 'sector', 'system'].map((type) => ((0, jsx_runtime_1.jsxs)("div", { className: "p-3 bg-neutral-800 rounded text-center", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("mx-auto mb-2", getUnitTypeColor(type)), children: getUnitTypeIcon(type) }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: getUnitTypeLabel(type) }), (0, jsx_runtime_1.jsxs)("div", { className: "text-2xl font-bold text-white font-mono", children: ["+", getTechBonusPercentage(type), "%"] })] }, type))) })] }) }), (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", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex-1", children: (0, jsx_runtime_1.jsx)(input_1.Input, { placeholder: "\u641C\u7D22\u9886\u5730\u540D\u79F0\u6216\u4F4D\u7F6E...", value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), className: "bg-neutral-800 border-neutral-600 text-white placeholder-neutral-400 h-9" }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex gap-2 flex-wrap", children: ['all', 'station', 'matrix', 'sector', 'system'].map((f) => ((0, jsx_runtime_1.jsx)(button_1.Button, { variant: "outline", size: "sm", onClick: () => setFilter(f), className: (0, utils_1.cn)(filter === f
+                                        ? "bg-cyan-700 hover:bg-cyan-600 text-white border-cyan-700"
+                                        : "border-neutral-700 text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300 bg-transparent"), children: f === 'all' ? '全部' : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [f === 'station' && (0, jsx_runtime_1.jsx)(lucide_react_1.Building2, { className: "w-3.5 h-3.5 mr-1" }), f === 'matrix' && (0, jsx_runtime_1.jsx)(lucide_react_1.Grid3x3, { className: "w-3.5 h-3.5 mr-1" }), f === 'sector' && (0, jsx_runtime_1.jsx)(lucide_react_1.Map, { className: "w-3.5 h-3.5 mr-1" }), f === 'system' && (0, jsx_runtime_1.jsx)(lucide_react_1.Globe, { className: "w-3.5 h-3.5 mr-1" }), getUnitTypeLabel(f)] })) }, f))) })] }) }) }), filteredUnits.length === 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "text-center py-12 text-neutral-500 text-sm", children: "\u6682\u65E0\u9886\u5730\u6570\u636E" })) : ((0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: filteredUnits.map((unit) => {
+                    const unitDetails = unitDetailsCache[unit.unit_id];
+                    const memberCount = unitDetails?.metrics.member_count ?? 0;
+                    const maxCapacity = unitDetails?.metrics.max_capacity ?? 1000;
+                    const vaultMcd = unitDetails?.metrics.vault_mcd ?? 0;
+                    const occupancyRate = unitDetails?.metrics.occupancy_rate ?? 0;
+                    const isActive = occupancyRate >= 50;
+                    const techBonusPercent = getTechBonusPercentage(unit.unit_type);
+                    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-start 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", getUnitTypeColor(unit.unit_type)), children: getUnitTypeIcon(unit.unit_type) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-white font-medium", children: unit.unit_name }), (0, jsx_runtime_1.jsx)("button", { onClick: (e) => { e.stopPropagation(); openNameEditDialog(unit); }, className: "p-1 text-neutral-500 hover:text-cyan-400 rounded transition-colors", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Pencil, { className: "w-3.5 h-3.5" }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider", children: getUnitTypeLabel(unit.unit_type) })] })] }), (0, jsx_runtime_1.jsx)(badge_1.Badge, { className: isActive ? "bg-white/20 text-white" : "bg-neutral-500/20 text-neutral-300", children: isActive ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CheckCircle2, { className: "w-3 h-3 mr-1" }), "\u6D3B\u8DC3"] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(lucide_react_1.XCircle, { className: "w-3 h-3 mr-1" }), "\u5F85\u53D1\u5C55"] })) })] }), (0, jsx_runtime_1.jsx)("div", { className: "p-3 bg-neutral-800 rounded mb-3", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-xs text-neutral-400 tracking-wider", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Zap, { className: "w-4 h-4" }), (0, jsx_runtime_1.jsx)("span", { children: "tech_bonus" })] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-lg font-bold text-white font-mono", children: ["+", techBonusPercent, "%"] })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "p-3 bg-neutral-800 rounded mb-3", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-xs text-neutral-400 tracking-wider", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Vault, { className: "w-4 h-4" }), (0, jsx_runtime_1.jsx)("span", { children: "vault_mcd" })] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-lg font-bold text-white font-mono", children: [vaultMcd.toLocaleString(), " MCD"] })] }) }), unitDetails && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-3 mb-3", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between text-xs text-neutral-400 mb-1", children: [(0, jsx_runtime_1.jsx)("span", { children: "\u6210\u5458\u6570\u91CF" }), (0, jsx_runtime_1.jsxs)("span", { className: "font-mono", children: [memberCount, " / ", maxCapacity] })] }), (0, jsx_runtime_1.jsx)("div", { className: "w-full bg-neutral-800 rounded-full h-2 overflow-hidden", children: (0, jsx_runtime_1.jsx)("div", { className: "bg-cyan-400 h-2 rounded-full transition-all", style: { width: `${Math.min((memberCount / maxCapacity) * 100, 100)}%` } }) })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between text-xs text-neutral-400 mb-1", children: [(0, jsx_runtime_1.jsx)("span", { children: "\u5165\u9A7B\u7387" }), (0, jsx_runtime_1.jsxs)("span", { className: "font-mono", children: [occupancyRate.toFixed(1), "%"] })] }), (0, jsx_runtime_1.jsx)("div", { className: "w-full bg-neutral-800 rounded-full h-2 overflow-hidden", children: (0, jsx_runtime_1.jsx)("div", { className: "bg-cyan-400 h-2 rounded-full transition-all", style: { width: `${Math.min(occupancyRate, 100)}%` } }) })] })] })), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-1.5 text-xs border-t border-neutral-700 pt-3 mb-3", children: [unit.location && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center text-neutral-400", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.MapPin, { className: "w-3.5 h-3.5 mr-2" }), unit.location] })), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center text-neutral-400", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Calendar, { className: "w-3.5 h-3.5 mr-2" }), "\u521B\u5EFA\u4E8E ", (0, jsx_runtime_1.jsx)(time_remaining_1.FormattedDate, { dateTime: unit.created_at })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center text-neutral-400", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Users, { className: "w-3.5 h-3.5 mr-2" }), "\u5BB9\u91CF: ", (0, jsx_runtime_1.jsx)("span", { className: "font-mono", children: unit.capacity || 1000 })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 gap-2 pt-3 border-t border-neutral-700", 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", onClick: () => { setSelectedUnit(unit); setIsKPIDialogOpen(true); }, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.TrendingUp, { className: "w-3.5 h-3.5 mr-1" }), "KPI\u8BE6\u60C5"] }), (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: () => { setSelectedUnit(unit); setIsDistributionDialogOpen(true); }, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Settings, { className: "w-3.5 h-3.5 mr-1" }), "\u5206\u914D\u65B9\u6848"] })] })] }) }, unit.unit_id));
+                }) })), (0, jsx_runtime_1.jsx)(dialog_1.Dialog, { open: isKPIDialogOpen, onOpenChange: setIsKPIDialogOpen, children: (0, jsx_runtime_1.jsxs)(dialog_1.DialogContent, { className: "bg-neutral-900 border-neutral-700", children: [(0, jsx_runtime_1.jsxs)(dialog_1.DialogHeader, { children: [(0, jsx_runtime_1.jsxs)(dialog_1.DialogTitle, { className: "text-white tracking-wider", children: [selectedUnit?.unit_id.slice(0, 8), " KPI"] }), (0, jsx_runtime_1.jsxs)(dialog_1.DialogDescription, { className: "text-neutral-400", children: [selectedUnit?.unit_name, " - ", getUnitTypeLabel(selectedUnit?.unit_type || 'station')] })] }), selectedUnit && unitDetailsCache[selectedUnit.unit_id] && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4 py-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "p-3 bg-neutral-800 rounded", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-xs text-neutral-400 tracking-wider", children: "member_count" }), unitDetailsCache[selectedUnit.unit_id].metrics.occupancy_rate >= 50 ? ((0, jsx_runtime_1.jsx)(lucide_react_1.CheckCircle2, { className: "w-5 h-5 text-white" })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.XCircle, { className: "w-5 h-5 text-neutral-500" }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-baseline gap-2 mb-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-2xl font-bold text-white font-mono", children: unitDetailsCache[selectedUnit.unit_id].metrics.member_count }), (0, jsx_runtime_1.jsxs)("span", { className: "text-neutral-500 font-mono", children: ["/ ", unitDetailsCache[selectedUnit.unit_id].metrics.max_capacity] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between text-xs text-neutral-400 mb-1", children: [(0, jsx_runtime_1.jsx)("span", { children: "\u5165\u9A7B\u7387" }), (0, jsx_runtime_1.jsxs)("span", { className: "font-mono", children: [unitDetailsCache[selectedUnit.unit_id].metrics.occupancy_rate.toFixed(1), "%"] })] }), (0, jsx_runtime_1.jsx)("div", { className: "w-full bg-neutral-800 rounded-full h-2 overflow-hidden", children: (0, jsx_runtime_1.jsx)("div", { className: "bg-cyan-400 h-2 rounded-full transition-all", style: { width: `${Math.min(unitDetailsCache[selectedUnit.unit_id].metrics.occupancy_rate, 100)}%` } }) })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "p-3 bg-neutral-800 rounded", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-2", children: "vault_mcd" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-baseline gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-2xl font-bold text-white font-mono", children: (unitDetailsCache[selectedUnit.unit_id].metrics.vault_mcd ?? 0).toLocaleString() }), (0, jsx_runtime_1.jsx)("span", { className: "text-neutral-500", children: "MCD" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "p-3 bg-neutral-800 rounded", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-2", children: "status" }), unitDetailsCache[selectedUnit.unit_id].metrics.occupancy_rate >= 50 ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-white", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CheckCircle2, { className: "w-5 h-5" }), (0, jsx_runtime_1.jsx)("span", { children: "\u6D3B\u8DC3\u72B6\u6001\uFF0C\u6301\u7EED\u53D1\u5C55\u4E2D" })] })) : ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-neutral-500", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.XCircle, { className: "w-5 h-5" }), (0, jsx_runtime_1.jsx)("span", { children: "\u5F85\u53D1\u5C55\uFF0C\u9080\u8BF7\u66F4\u591A\u6210\u5458\u52A0\u5165" })] }))] })] })), (0, jsx_runtime_1.jsx)(dialog_1.DialogFooter, { children: (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: () => setIsKPIDialogOpen(false), children: "\u5173\u95ED" }) })] }) }), (0, jsx_runtime_1.jsx)(dialog_1.Dialog, { open: isDistributionDialogOpen, onOpenChange: setIsDistributionDialogOpen, children: (0, jsx_runtime_1.jsxs)(dialog_1.DialogContent, { className: "bg-neutral-900 border-neutral-700", children: [(0, jsx_runtime_1.jsxs)(dialog_1.DialogHeader, { children: [(0, jsx_runtime_1.jsx)(dialog_1.DialogTitle, { className: "text-white tracking-wider", children: "distribution_plan" }), (0, jsx_runtime_1.jsx)(dialog_1.DialogDescription, { className: "text-neutral-400", children: "\u9009\u62E9\u5229\u6DA6\u5206\u914D\u65B9\u5F0F" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4 py-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-2", children: "distribution_plan" }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-2", children: distributionPlans.map((plan) => ((0, jsx_runtime_1.jsx)("div", { onClick: () => setSelectedDistributionPlan(plan.id), className: (0, utils_1.cn)("p-4 rounded border cursor-pointer transition-colors", selectedDistributionPlan === plan.id
+                                            ? "bg-neutral-800 border-cyan-400/50"
+                                            : "bg-neutral-900 border-neutral-700 hover:border-neutral-600"), children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "font-medium text-white mb-1", children: plan.name }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm text-neutral-400", children: plan.description })] }), selectedDistributionPlan === plan.id && ((0, jsx_runtime_1.jsx)(lucide_react_1.CheckCircle2, { className: "w-5 h-5 text-cyan-400" }))] }) }, plan.id))) })] }), (0, jsx_runtime_1.jsxs)(dialog_1.DialogFooter, { children: [(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: () => { setIsDistributionDialogOpen(false); setSelectedDistributionPlan(''); setSelectedUnit(null); }, disabled: submitting, children: "\u53D6\u6D88" }), (0, jsx_runtime_1.jsx)(button_1.Button, { size: "sm", onClick: handleSetDistributionPlan, disabled: submitting || !selectedDistributionPlan, className: "bg-cyan-700 hover:bg-cyan-600 text-white", children: submitting ? '设置中...' : '确认设置' })] })] }) }), (0, jsx_runtime_1.jsx)(dialog_1.Dialog, { open: isNameEditDialogOpen, onOpenChange: (open) => {
+                    setIsNameEditDialogOpen(open);
+                    if (!open) {
+                        setSelectedUnit(null);
+                        setNameStatus(null);
+                        setNewName('');
+                    }
+                }, children: (0, jsx_runtime_1.jsxs)(dialog_1.DialogContent, { className: "bg-neutral-900 border-neutral-700", children: [(0, jsx_runtime_1.jsxs)(dialog_1.DialogHeader, { children: [(0, jsx_runtime_1.jsxs)(dialog_1.DialogTitle, { className: "text-white tracking-wider", children: ["rename_territory ", selectedUnit?.unit_id?.toString().slice(0, 8)] }), (0, jsx_runtime_1.jsx)(dialog_1.DialogDescription, { className: "text-neutral-400", children: "\u4FEE\u6539\u9886\u5730\u540D\u79F0\uFF08\u6BCF90\u5929\u53EF\u4FEE\u6539\u4E00\u6B21\uFF09" })] }), nameLoading ? ((0, jsx_runtime_1.jsxs)("div", { className: "py-8 text-center text-neutral-400", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "w-6 h-6 animate-spin mx-auto mb-2" }), "\u52A0\u8F7D\u4E2D..."] })) : nameStatus ? ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4 py-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "p-3 bg-neutral-800 rounded", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-2", children: "current_name" }), (0, jsx_runtime_1.jsx)("div", { className: "text-lg text-white font-medium", children: nameStatus.current_name })] }), !nameStatus.can_modify && ((0, jsx_runtime_1.jsx)("div", { className: "p-3 bg-neutral-800 rounded border border-neutral-700", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-3", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Clock, { className: "w-5 h-5 text-cyan-400 mt-0.5" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-white font-medium", children: "\u4FEE\u6539\u51B7\u5374\u4E2D" }), (0, jsx_runtime_1.jsxs)("div", { className: "text-sm text-neutral-400 mt-1", children: ["\u8FD8\u9700\u7B49\u5F85 ", (0, jsx_runtime_1.jsx)("span", { className: "font-bold font-mono", children: nameStatus.remaining_days }), " \u5929", nameStatus.next_modify_date && ((0, jsx_runtime_1.jsxs)("span", { className: "ml-1", children: ["\uFF08", nameStatus.next_modify_date, " \u53EF\u4FEE\u6539\uFF09"] }))] })] })] }) })), nameStatus.is_team_managed && ((0, jsx_runtime_1.jsx)("div", { className: "p-3 bg-neutral-800 rounded border border-neutral-700", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-3", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.AlertCircle, { className: "w-5 h-5 text-cyan-400 mt-0.5" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-white font-medium", children: "\u56E2\u961F\u4EE3\u7BA1\u9886\u5730" }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm text-neutral-400 mt-1", children: "\u9886\u5730\u5F53\u524D\u7531\u56E2\u961F\u4EE3\u7BA1\uFF0C\u4EFB\u4F55\u5DF2\u767B\u5F55\u7528\u6237\u90FD\u53EF\u4EE5\u4FEE\u6539\u540D\u79F0" })] })] }) })), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(label_1.Label, { className: "text-xs text-neutral-400 tracking-wider", children: "new_name *" }), (0, jsx_runtime_1.jsx)(input_1.Input, { value: newName, onChange: (e) => setNewName(e.target.value), placeholder: "\u8F93\u5165\u65B0\u7684\u9886\u5730\u540D\u79F0", className: "bg-neutral-800 border-neutral-600 text-white placeholder-neutral-400 mt-1", maxLength: 50, disabled: !nameStatus.can_modify && !isAdmin() }), (0, jsx_runtime_1.jsxs)("div", { className: "text-xs text-neutral-500 mt-1 font-mono", children: [newName.length, "/50 \u5B57\u7B26\uFF08\u81F3\u5C112\u4E2A\u5B57\u7B26\uFF09"] })] }), nameStatus.last_modified_at && ((0, jsx_runtime_1.jsxs)("div", { className: "text-xs text-neutral-500 border-t border-neutral-700 pt-3", children: [(0, jsx_runtime_1.jsxs)("div", { children: ["\u4E0A\u6B21\u4FEE\u6539: ", nameStatus.last_modified_at] }), nameStatus.last_modified_by && ((0, jsx_runtime_1.jsxs)("div", { children: ["\u4FEE\u6539\u4EBA: ", (0, jsx_runtime_1.jsxs)("span", { className: "font-mono", children: [nameStatus.last_modified_by.slice(0, 8), "..."] })] }))] }))] })) : ((0, jsx_runtime_1.jsx)("div", { className: "py-8 text-center text-neutral-500", children: "\u52A0\u8F7D\u540D\u79F0\u72B6\u6001\u5931\u8D25" })), (0, jsx_runtime_1.jsxs)(dialog_1.DialogFooter, { children: [(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: () => {
+                                        setIsNameEditDialogOpen(false);
+                                        setSelectedUnit(null);
+                                        setNameStatus(null);
+                                        setNewName('');
+                                    }, disabled: submitting, children: "\u53D6\u6D88" }), (0, jsx_runtime_1.jsx)(button_1.Button, { size: "sm", onClick: handleNameUpdate, disabled: submitting ||
+                                        !newName.trim() ||
+                                        newName.trim().length < 2 ||
+                                        newName === nameStatus?.current_name ||
+                                        (!nameStatus?.can_modify && !isAdmin()), className: "bg-cyan-700 hover:bg-cyan-600 text-white", children: submitting ? '更新中...' : '确认修改' })] })] }) })] }));
+}

package/dist/main-portal/components/territory/TerritoryNFTBrowser.d.ts

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

package/dist/main-portal/components/territory/TerritoryNFTBrowser.js

@@ -0,0 +1,147 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = TerritoryNFTBrowser;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const useAuth_1 = require("../../hooks/useAuth");
+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 input_1 = require("../ui/input");
+const dialog_1 = require("../ui/dialog");
+const lucide_react_1 = require("lucide-react");
+const sonner_1 = require("sonner");
+const services_1 = require("../../lib/api/services");
+const next_intl_1 = require("next-intl");
+const getNftTypeIcon = (type) => {
+    switch (type?.toLowerCase()) {
+        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" });
+        default: return (0, jsx_runtime_1.jsx)(lucide_react_1.Image, { className: "w-5 h-5" });
+    }
+};
+const getNftTypeColor = (type) => {
+    switch (type?.toLowerCase()) {
+        case 'station': return 'bg-neutral-500/20 text-neutral-400 border-neutral-500/30';
+        case 'matrix': return 'bg-cyan-400/20 text-cyan-300 border-cyan-400/30';
+        case 'sector': return 'bg-cyan-400/10 text-cyan-200 border-cyan-300/30';
+        case 'system': return 'bg-cyan-400/20 text-cyan-400 border-cyan-400/30';
+        default: return 'bg-neutral-500/20 text-neutral-400 border-neutral-500/30';
+    }
+};
+function truncateAddress(address, start = 4, end = 4) {
+    if (!address)
+        return '';
+    if (address.length <= start + end)
+        return address;
+    return `${address.slice(0, start)}...${address.slice(-end)}`;
+}
+function NFTCard({ nft, onClick, getNftTypeLabel }) {
+    return ((0, jsx_runtime_1.jsx)(card_1.Card, { className: "bg-neutral-900 border-neutral-700 hover:border-cyan-400/50 cursor-pointer dash-card", onClick: onClick, children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "p-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "aspect-square bg-neutral-800 rounded-lg mb-3 flex items-center justify-center overflow-hidden", children: nft.image ? ((0, jsx_runtime_1.jsx)("img", { src: nft.image, alt: nft.name, className: "w-full h-full object-cover" })) : ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center justify-center text-neutral-600", children: [getNftTypeIcon(nft.nft_type), (0, jsx_runtime_1.jsx)("span", { className: "text-xs mt-1", children: "No Image" })] })) }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("h3", { className: "font-semibold text-white truncate", children: nft.name }), (0, jsx_runtime_1.jsx)(badge_1.Badge, { className: getNftTypeColor(nft.nft_type), children: getNftTypeLabel(nft.nft_type) })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-2 text-xs text-neutral-500", children: (0, jsx_runtime_1.jsxs)("span", { className: "truncate", children: ["Unit: ", nft.unit_id] }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-2 text-xs text-neutral-500", children: (0, jsx_runtime_1.jsx)("span", { className: "truncate font-mono", children: truncateAddress(nft.mint, 8, 8) }) })] })] }) }));
+}
+function TerritoryNFTBrowser() {
+    const t = (0, next_intl_1.useTranslations)('territoryDash');
+    const { user } = (0, useAuth_1.useAuth)();
+    const [collection, setCollection] = (0, react_1.useState)(null);
+    const [myNfts, setMyNfts] = (0, react_1.useState)([]);
+    const [searchResults, setSearchResults] = (0, react_1.useState)([]);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [searching, setSearching] = (0, react_1.useState)(false);
+    const [refreshing, setRefreshing] = (0, react_1.useState)(false);
+    const [searchQuery, setSearchQuery] = (0, react_1.useState)('');
+    const [selectedNft, setSelectedNft] = (0, react_1.useState)(null);
+    const [showNftDetail, setShowNftDetail] = (0, react_1.useState)(false);
+    const [copiedAddress, setCopiedAddress] = (0, react_1.useState)(null);
+    const getNftTypeLabel = (type) => {
+        switch (type?.toLowerCase()) {
+            case 'station': return t('station');
+            case 'matrix': return t('matrix');
+            case 'sector': return t('sector');
+            case 'system': return t('system');
+            default: return type;
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        loadData();
+    }, [user]);
+    const loadData = async () => {
+        try {
+            setLoading(true);
+            const [collectionRes, myNftsRes] = await Promise.all([
+                (0, services_1.getTerritoryNftCollection)(),
+                user ? (0, services_1.getUserTerritoryNfts)() : Promise.resolve({ success: true, data: [] })
+            ]);
+            if (collectionRes.success && collectionRes.data) {
+                setCollection(collectionRes.data);
+            }
+            if (myNftsRes.success && myNftsRes.data) {
+                const nftsData = myNftsRes.data;
+                if (Array.isArray(nftsData)) {
+                    setMyNfts(nftsData);
+                }
+                else if (nftsData.nfts && Array.isArray(nftsData.nfts)) {
+                    setMyNfts(nftsData.nfts);
+                }
+                else {
+                    setMyNfts([]);
+                }
+            }
+        }
+        catch (error) {
+            console.error('Failed to load data:', error);
+            sonner_1.toast.error(t('loadFailed'));
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const handleRefresh = async () => {
+        setRefreshing(true);
+        await loadData();
+        setRefreshing(false);
+        sonner_1.toast.success(t('refreshed'));
+    };
+    const handleSearch = async () => {
+        if (!searchQuery.trim())
+            return;
+        try {
+            setSearching(true);
+            const result = await (0, services_1.getTerritoryNftMetadata)(searchQuery.trim());
+            if (result.success && result.data) {
+                setSearchResults([result.data]);
+            }
+            else {
+                setSearchResults([]);
+                sonner_1.toast.info(t('nftNotFound'));
+            }
+        }
+        catch (error) {
+            console.error('Search failed:', error);
+            sonner_1.toast.error(t('searchFailed'));
+            setSearchResults([]);
+        }
+        finally {
+            setSearching(false);
+        }
+    };
+    const copyAddress = (address) => {
+        navigator.clipboard.writeText(address);
+        setCopiedAddress(address);
+        setTimeout(() => setCopiedAddress(null), 2000);
+        sonner_1.toast.success(t('addressCopied'));
+    };
+    const openNftDetail = (nft) => {
+        setSelectedNft(nft);
+        setShowNftDetail(true);
+    };
+    if (loading) {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-8 w-48" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-10 w-24" })] }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4", children: [...Array(4)].map((_, i) => ((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-32 rounded-lg" }, i))) }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: [...Array(6)].map((_, i) => ((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-64 rounded-lg" }, i))) })] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "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-2xl font-bold text-white", children: t('title') }), (0, jsx_runtime_1.jsx)("p", { className: "text-neutral-400 text-sm mt-1", children: t('subtitle') })] }), (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", size: "sm", onClick: handleRefresh, disabled: refreshing, className: "border-neutral-700 text-neutral-300", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCw, { className: `w-4 h-4 mr-2 ${refreshing ? 'animate-spin' : ''}` }), t('refresh')] })] }), collection && ((0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", 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-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Building2, { className: "w-4 h-4 text-neutral-400" }), (0, jsx_runtime_1.jsx)("span", { className: "text-sm text-neutral-400", children: t('station') })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-2xl font-bold text-white font-mono", children: collection.station_count })] }) }), (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-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Grid3x3, { className: "w-4 h-4 text-cyan-300" }), (0, jsx_runtime_1.jsx)("span", { className: "text-sm text-neutral-400", children: t('matrix') })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-2xl font-bold text-white font-mono", children: collection.matrix_count })] }) }), (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-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Map, { className: "w-4 h-4 text-cyan-300" }), (0, jsx_runtime_1.jsx)("span", { className: "text-sm text-neutral-400", children: t('sector') })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-2xl font-bold text-white font-mono", children: collection.sector_count })] }) }), (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-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Image, { className: "w-4 h-4 text-cyan-400" }), (0, jsx_runtime_1.jsx)("span", { className: "text-sm text-neutral-400", children: t('totalMinted') })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-2xl font-bold text-white font-mono", children: collection.total_minted })] }) })] })), (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-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)(input_1.Input, { placeholder: t('searchPlaceholder'), value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), onKeyDown: (e) => e.key === 'Enter' && handleSearch(), className: "bg-neutral-800 border-neutral-700 text-white" }), (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: handleSearch, disabled: searching || !searchQuery.trim(), className: "bg-neutral-800 hover:bg-neutral-700 text-white", children: searching ? ((0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCw, { className: "w-4 h-4 animate-spin" })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.Search, { className: "w-4 h-4" })) })] }), searchResults.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "mt-4", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-sm text-neutral-400 mb-2", children: t('searchResults') }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: searchResults.map((nft) => ((0, jsx_runtime_1.jsx)(NFTCard, { nft: nft, onClick: () => openNftDetail(nft), getNftTypeLabel: getNftTypeLabel }, nft.mint))) })] }))] }) }), (0, jsx_runtime_1.jsxs)(tabs_1.Tabs, { defaultValue: "my-nfts", className: "w-full", children: [(0, jsx_runtime_1.jsxs)(tabs_1.TabsList, { className: "bg-neutral-900 border-neutral-700", children: [(0, jsx_runtime_1.jsx)(tabs_1.TabsTrigger, { value: "my-nfts", children: t('myNfts', { count: myNfts.length }) }), (0, jsx_runtime_1.jsx)(tabs_1.TabsTrigger, { value: "all", children: t('allNfts') })] }), (0, jsx_runtime_1.jsx)(tabs_1.TabsContent, { value: "my-nfts", className: "mt-4", children: myNfts.length === 0 ? ((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.Image, { className: "w-12 h-12 mx-auto mb-4 text-neutral-600" }), (0, jsx_runtime_1.jsx)("p", { className: "text-neutral-400", children: t('noNfts') }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs text-neutral-500 mt-1", children: t('noNftsHint') })] }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4", children: myNfts.map((nft) => ((0, jsx_runtime_1.jsx)(NFTCard, { nft: nft, onClick: () => openNftDetail(nft), getNftTypeLabel: getNftTypeLabel }, nft.mint))) })) }), (0, jsx_runtime_1.jsx)(tabs_1.TabsContent, { value: "all", className: "mt-4", 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.Search, { className: "w-12 h-12 mx-auto mb-4 text-neutral-600" }), (0, jsx_runtime_1.jsx)("p", { className: "text-neutral-400", children: t('useSearch') }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs text-neutral-500 mt-1", children: t('useSearchHint') })] }) }) })] }), (0, jsx_runtime_1.jsx)(dialog_1.Dialog, { open: showNftDetail, onOpenChange: setShowNftDetail, children: (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", children: selectedNft?.name }), (0, jsx_runtime_1.jsx)(dialog_1.DialogDescription, { className: "text-neutral-400", children: t('nftDetails') })] }), selectedNft && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "aspect-square bg-neutral-800 rounded-lg flex items-center justify-center overflow-hidden", children: selectedNft.image ? ((0, jsx_runtime_1.jsx)("img", { src: selectedNft.image, alt: selectedNft.name, className: "w-full h-full object-cover" })) : ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center justify-center text-neutral-600", children: [getNftTypeIcon(selectedNft.nft_type), (0, jsx_runtime_1.jsx)("span", { className: "text-sm mt-2", children: "No Image" })] })) }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400 text-sm", children: t('type') }), (0, jsx_runtime_1.jsx)(badge_1.Badge, { className: getNftTypeColor(selectedNft.nft_type), children: getNftTypeLabel(selectedNft.nft_type) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400 text-sm", children: t('unitId') }), (0, jsx_runtime_1.jsx)("span", { className: "text-white font-mono text-sm", children: selectedNft.unit_id })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400 text-sm", children: "Symbol" }), (0, jsx_runtime_1.jsx)("span", { className: "text-white font-mono text-sm", children: selectedNft.symbol })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400 text-sm", children: t('mintAddress') }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-white font-mono text-xs", children: truncateAddress(selectedNft.mint, 8, 8) }), (0, jsx_runtime_1.jsx)("button", { onClick: () => copyAddress(selectedNft.mint), className: "text-neutral-400 hover:text-white", children: copiedAddress === selectedNft.mint ? ((0, jsx_runtime_1.jsx)(lucide_react_1.CheckCircle, { className: "w-4 h-4 text-white" })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "w-4 h-4" })) })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400 text-sm", children: t('owner') }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-white font-mono text-xs", children: truncateAddress(selectedNft.owner, 8, 8) }), (0, jsx_runtime_1.jsx)("button", { onClick: () => copyAddress(selectedNft.owner), className: "text-neutral-400 hover:text-white", children: copiedAddress === selectedNft.owner ? ((0, jsx_runtime_1.jsx)(lucide_react_1.CheckCircle, { className: "w-4 h-4 text-white" })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "w-4 h-4" })) })] })] }), selectedNft.created_at && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400 text-sm", children: t('createdAt') }), (0, jsx_runtime_1.jsx)("span", { className: "text-white text-sm", children: new Date(selectedNft.created_at * 1000).toLocaleString() })] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 pt-2", children: [(0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", size: "sm", className: "flex-1 border-neutral-700 text-neutral-300", onClick: () => window.open(`https://solscan.io/account/${selectedNft.mint}`, '_blank'), children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ExternalLink, { className: "w-4 h-4 mr-2" }), "Solana Explorer"] }), selectedNft.uri && ((0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", size: "sm", className: "flex-1 border-neutral-700 text-neutral-300", onClick: () => window.open(selectedNft.uri, '_blank'), children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ExternalLink, { className: "w-4 h-4 mr-2" }), "Metadata"] }))] })] }))] }) })] }));
+}

package/dist/main-portal/components/ui/accordion.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/main-portal/components/ui/accordion.js

@@ -0,0 +1,57 @@
+"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.Accordion = Accordion;
+exports.AccordionItem = AccordionItem;
+exports.AccordionTrigger = AccordionTrigger;
+exports.AccordionContent = AccordionContent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const AccordionPrimitive = __importStar(require("@radix-ui/react-accordion"));
+const lucide_react_1 = require("lucide-react");
+const utils_1 = require("../../lib/utils");
+function Accordion({ ...props }) {
+    return (0, jsx_runtime_1.jsx)(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
+}
+function AccordionItem({ className, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(AccordionPrimitive.Item, { "data-slot": "accordion-item", className: (0, utils_1.cn)("border-b last:border-b-0", className), ...props }));
+}
+function AccordionTrigger({ className, children, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(AccordionPrimitive.Header, { className: "flex", children: (0, jsx_runtime_1.jsxs)(AccordionPrimitive.Trigger, { "data-slot": "accordion-trigger", className: (0, utils_1.cn)("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className), ...props, children: [children, (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })] }) }));
+}
+function AccordionContent({ className, children, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(AccordionPrimitive.Content, { "data-slot": "accordion-content", className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm", ...props, children: (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("pt-0 pb-4", className), children: children }) }));
+}

package/dist/main-portal/components/ui/alert-dialog.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): import("react/jsx-runtime").JSX.Element;
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };