@microcosmmoney/portal-react 3.12.8 → 3.13.1

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

@@ -0,0 +1,341 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = StationListPage;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const navigation_1 = require("next/navigation");
+const card_1 = require("../ui/card");
+const badge_1 = require("../ui/badge");
+const button_1 = require("../ui/button");
+const dialog_1 = require("../ui/dialog");
+const sonner_1 = require("sonner");
+const useAuth_1 = require("../../hooks/useAuth");
+const auth_service_1 = require("../../lib/auth-service");
+const hover_avatar_1 = require("../ui/hover-avatar");
+const api_service_1 = require("../../lib/api-service");
+const lucide_react_1 = require("lucide-react");
+const next_intl_1 = require("next-intl");
+const getUnitTypeIcon = (type, className = 'w-4 h-4') => {
+    switch (type) {
+        case 'station': return (0, jsx_runtime_1.jsx)(lucide_react_1.Building2, { className: className });
+        case 'matrix': return (0, jsx_runtime_1.jsx)(lucide_react_1.Grid3x3, { className: className });
+        case 'sector': return (0, jsx_runtime_1.jsx)(lucide_react_1.Map, { className: className });
+        case 'system': return (0, jsx_runtime_1.jsx)(lucide_react_1.Globe, { className: className });
+        default: return (0, jsx_runtime_1.jsx)(lucide_react_1.Building2, { className: className });
+    }
+};
+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 getMagistrateTitle = (type) => {
+    switch (type) {
+        case 'station': return 'Commander';
+        case 'matrix': return 'Pioneer';
+        case 'sector': return 'Warden';
+        case 'system': return 'Admiral';
+        default: return 'Magistrate';
+    }
+};
+const cropToSquare = (file, size) => {
+    return new Promise((resolve, reject) => {
+        const img = new Image();
+        img.onload = () => {
+            const canvas = document.createElement('canvas');
+            canvas.width = size;
+            canvas.height = size;
+            const ctx = canvas.getContext('2d');
+            if (!ctx) {
+                reject(new Error('Canvas not supported'));
+                return;
+            }
+            const side = Math.min(img.width, img.height);
+            const sx = (img.width - side) / 2;
+            const sy = (img.height - side) / 2;
+            ctx.drawImage(img, sx, sy, side, side, 0, 0, size, size);
+            canvas.toBlob((blob) => {
+                if (!blob) {
+                    reject(new Error('Blob creation failed'));
+                    return;
+                }
+                resolve(new File([blob], file.name, { type: 'image/jpeg' }));
+            }, 'image/jpeg', 0.85);
+        };
+        img.onerror = () => reject(new Error('Image load failed'));
+        img.src = URL.createObjectURL(file);
+    });
+};
+function StationListPage() {
+    const t = (0, next_intl_1.useTranslations)('stationList');
+    const router = (0, navigation_1.useRouter)();
+    const { isAdmin, user } = (0, useAuth_1.useAuth)();
+    const [units, setUnits] = (0, react_1.useState)([]);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [filter, setFilter] = (0, react_1.useState)('all');
+    const [searchTerm, setSearchTerm] = (0, react_1.useState)('');
+    const [unitDataCache, setUnitDataCache] = (0, react_1.useState)({});
+    const [summary, setSummary] = (0, react_1.useState)(null);
+    const [isEditDialogOpen, setIsEditDialogOpen] = (0, react_1.useState)(false);
+    const [editingUnit, setEditingUnit] = (0, react_1.useState)(null);
+    const [editFormData, setEditFormData] = (0, react_1.useState)({ unit_name: '', description: '' });
+    const [submitting, setSubmitting] = (0, react_1.useState)(false);
+    const [imageFile, setImageFile] = (0, react_1.useState)(null);
+    const [imagePreview, setImagePreview] = (0, react_1.useState)(null);
+    const [uploadingImage, setUploadingImage] = (0, react_1.useState)(false);
+    const fileInputRef = (0, react_1.useRef)(null);
+    const getUnitTypeLabel = (type) => {
+        switch (type) {
+            case 'station': return t('station');
+            case 'matrix': return t('matrix');
+            case 'sector': return t('sector');
+            case 'system': return t('system');
+            default: return type;
+        }
+    };
+    const getImageStatusBadge = (status) => {
+        if (status === 'pending')
+            return (0, jsx_runtime_1.jsxs)(badge_1.Badge, { className: "bg-yellow-400/20 text-yellow-400 text-[10px]", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Clock, { className: "w-2.5 h-2.5 mr-0.5" }), t('reviewPending')] });
+        if (status === 'rejected')
+            return (0, jsx_runtime_1.jsxs)(badge_1.Badge, { className: "bg-red-400/20 text-red-400 text-[10px]", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.XCircle, { className: "w-2.5 h-2.5 mr-0.5" }), t('reviewRejected')] });
+        return null;
+    };
+    (0, react_1.useEffect)(() => { loadUnits(); loadSummary(); }, [filter]);
+    const loadSummary = async () => {
+        try {
+            const response = await (0, api_service_1.getUnitsSummary)();
+            if (response.success) {
+                const flat = response;
+                const summaryData = response.data || {
+                    total_stations: flat.total_stations,
+                    total_members: flat.total_members,
+                    total_vault_balance: flat.total_vault_balance,
+                    total_vault_mcd: flat.total_vault_mcd,
+                    avg_kpi_score: flat.avg_kpi_score,
+                    stations_by_type: flat.stations_by_type,
+                };
+                setSummary(summaryData);
+            }
+        }
+        catch (error) {
+            console.error('Failed to load summary:', error);
+        }
+    };
+    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) {
+                    loadUnitData(unit.unit_id);
+                }
+            }
+            else {
+                sonner_1.toast.error(t('loadFailed'));
+            }
+        }
+        catch (error) {
+            sonner_1.toast.error(error instanceof Error ? error.message : t('loadFailed'));
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const loadUnitData = async (unitId) => {
+        try {
+            const response = await (0, api_service_1.getUnitDetailedStats)(unitId);
+            if (response.success && response.data) {
+                const { metrics } = response.data;
+                setUnitDataCache(prev => ({
+                    ...prev,
+                    [unitId]: {
+                        memberCount: metrics.member_count,
+                        maxCapacity: metrics.max_capacity,
+                        vaultBalance: metrics.vault_mcd ?? 0,
+                        occupancyRate: metrics.occupancy_rate,
+                    },
+                }));
+            }
+        }
+        catch (error) {
+            console.error(`Failed to load unit ${unitId} data:`, error);
+        }
+    };
+    const filteredUnits = units.filter(unit => {
+        const lowerSearch = searchTerm.toLowerCase();
+        return unit.unit_name.toLowerCase().includes(lowerSearch) ||
+            (unit.description?.toLowerCase().includes(lowerSearch)) ||
+            (unit.location?.toLowerCase().includes(lowerSearch)) ||
+            (unit.short_id?.toLowerCase().includes(lowerSearch)) ||
+            (unit.full_path?.toLowerCase().includes(lowerSearch));
+    });
+    const canEditUnit = (unit) => {
+        if (isAdmin())
+            return true;
+        if (user?.uid && (unit.manager_uid === user.uid || unit.manager_id === user.uid))
+            return true;
+        return false;
+    };
+    const handleFileSelect = (0, react_1.useCallback)((e) => {
+        const file = e.target.files?.[0];
+        if (!file)
+            return;
+        if (!file.type.startsWith('image/')) {
+            sonner_1.toast.error(t('imageSelectError'));
+            return;
+        }
+        if (file.size > 2 * 1024 * 1024) {
+            sonner_1.toast.error(t('imageSizeError'));
+            return;
+        }
+        cropToSquare(file, 512).then(cropped => {
+            setImageFile(cropped);
+            const reader = new FileReader();
+            reader.onload = (ev) => setImagePreview(ev.target?.result);
+            reader.readAsDataURL(cropped);
+        }).catch(() => sonner_1.toast.error(t('imageProcessError')));
+    }, [t]);
+    const handleImageUpload = async (unitId) => {
+        if (!imageFile)
+            return true;
+        setUploadingImage(true);
+        try {
+            const token = await (0, auth_service_1.getCurrentUserToken)();
+            if (!token)
+                throw new Error(t('notLoggedIn'));
+            const formData = new FormData();
+            formData.append('image', imageFile, imageFile.name);
+            const response = await fetch(`/api/territories/${unitId}/image`, {
+                method: 'POST',
+                headers: { Authorization: `Bearer ${token}` },
+                body: formData,
+            });
+            if (!response.ok) {
+                const err = await response.json();
+                throw new Error(err.error || t('imageUploadFailed'));
+            }
+            return true;
+        }
+        catch (error) {
+            sonner_1.toast.error(error instanceof Error ? error.message : t('imageUploadFailed'));
+            return false;
+        }
+        finally {
+            setUploadingImage(false);
+        }
+    };
+    const handleImageReview = async (unitId, status) => {
+        try {
+            const token = await (0, auth_service_1.getCurrentUserToken)();
+            if (!token)
+                return;
+            const response = await fetch(`/api/territories/${unitId}/image/review`, {
+                method: 'PUT',
+                headers: { Authorization: `Bearer ${token}`, 'Content-Type': 'application/json' },
+                body: JSON.stringify({ status }),
+            });
+            if (response.ok) {
+                sonner_1.toast.success(status === 'approved' ? t('reviewSuccess') : t('reviewRejectSuccess'));
+                loadUnits();
+                if (editingUnit && editingUnit.unit_id === unitId) {
+                    setEditingUnit({ ...editingUnit, image_status: status });
+                }
+            }
+            else {
+                sonner_1.toast.error(t('reviewFailed'));
+            }
+        }
+        catch {
+            sonner_1.toast.error(t('reviewFailed'));
+        }
+    };
+    const handleEdit = async () => {
+        if (!editingUnit)
+            return;
+        if (!editFormData.unit_name.trim()) {
+            sonner_1.toast.error(t('unitNameRequired'));
+            return;
+        }
+        try {
+            setSubmitting(true);
+            if (imageFile) {
+                const uploadOk = await handleImageUpload(editingUnit.unit_id);
+                if (!uploadOk) {
+                    setSubmitting(false);
+                    return;
+                }
+            }
+            const response = await (0, api_service_1.updateUnit)(editingUnit.unit_id, {
+                unit_name: editFormData.unit_name,
+                description: editFormData.description,
+            });
+            if (response.success) {
+                sonner_1.toast.success(t('updateSuccess'));
+                setIsEditDialogOpen(false);
+                setEditingUnit(null);
+                setImageFile(null);
+                setImagePreview(null);
+                loadUnits();
+            }
+            else {
+                sonner_1.toast.error(response.error || t('updateFailed'));
+            }
+        }
+        catch (error) {
+            sonner_1.toast.error(error instanceof Error ? error.message : t('updateFailed'));
+        }
+        finally {
+            setSubmitting(false);
+        }
+    };
+    const openEditDialog = (unit, e) => {
+        e.stopPropagation();
+        setEditingUnit(unit);
+        setEditFormData({
+            unit_name: unit.unit_name,
+            description: unit.description || '',
+        });
+        setImageFile(null);
+        setImagePreview(null);
+        setIsEditDialogOpen(true);
+    };
+    const handleCardClick = (unit) => {
+        const urlId = unit.short_id || unit.territory_id || unit.unit_id;
+        router.push(`/user-system/territory/${urlId}`);
+    };
+    const getManagerDisplay = (unit) => {
+        const title = getMagistrateTitle(unit.unit_type);
+        if (unit.manager_wallet) {
+            return { title, subtitle: unit.manager_display_name || t('magistrate'), avatar: unit.manager_avatar_url };
+        }
+        return { title, subtitle: t('foundation'), avatar: null };
+    };
+    if (loading)
+        return ((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: "loading territories..." })] }));
+    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: 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: "grid grid-cols-2 lg:grid-cols-4 gap-4", children: [(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.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: "total_territories" }), (0, jsx_runtime_1.jsx)("div", { className: "text-2xl font-bold text-white font-mono", children: summary?.total_stations ?? 0 })] }) }), (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.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: "total_members" }), (0, jsx_runtime_1.jsx)("div", { className: "text-2xl font-bold text-white font-mono", children: summary?.total_members ?? 0 })] }) }), (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.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: "total_vault_mcd" }), (0, jsx_runtime_1.jsxs)("div", { className: "text-2xl font-bold text-white font-mono", children: [summary?.total_vault_mcd ?? 0, " ", (0, jsx_runtime_1.jsx)("span", { className: "text-sm font-normal text-neutral-500", children: "MCD" })] })] }) }), (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.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: "avg_kpi" }), (0, jsx_runtime_1.jsxs)("div", { className: "text-2xl font-bold text-white font-mono", children: [(summary?.avg_kpi_score ?? 0).toFixed(1), "%"] })] }) })] }), (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-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex-1 relative", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-neutral-500" }), (0, jsx_runtime_1.jsx)("input", { placeholder: t('searchPlaceholder'), value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), className: "w-full bg-neutral-800 border border-neutral-600 text-white pl-10 px-3 py-2 rounded text-sm focus:border-cyan-400 focus:outline-none placeholder:text-neutral-400" })] }), (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: 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' ? t('filterAll') : getUnitTypeLabel(f) }, f))) })] }) }) }), (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: filteredUnits.length === 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "text-center py-12 text-neutral-500 text-sm", children: t('noTerritories') })) : ((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 unitData = unitDataCache[unit.unit_id];
+                            const memberCount = unitData?.memberCount ?? 0;
+                            const vaultBalance = unitData?.vaultBalance ?? 0;
+                            const techBonus = getTechBonusPercentage(unit.unit_type);
+                            const hasEditPermission = canEditUnit(unit);
+                            const occupancyRate = unitData?.occupancyRate ?? 0;
+                            return ((0, jsx_runtime_1.jsxs)("div", { onClick: () => handleCardClick(unit), className: "flex flex-col border border-neutral-700 rounded-lg cursor-pointer hover:border-cyan-400/50 transition-all group", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative flex-shrink-0 aspect-[4/3] overflow-hidden rounded-t-lg", children: [unit.image_url ? ((0, jsx_runtime_1.jsx)("img", { src: unit.image_url, alt: unit.unit_name, className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" })) : ((0, jsx_runtime_1.jsx)("div", { className: "w-full h-full flex items-center justify-center bg-neutral-800", children: getUnitTypeIcon(unit.unit_type, 'w-16 h-16 text-neutral-600') })), hasEditPermission && ((0, jsx_runtime_1.jsx)("button", { onClick: (e) => openEditDialog(unit, e), className: "absolute bottom-2 right-2 p-1.5 bg-neutral-900/80 hover:bg-neutral-800 text-neutral-400 hover:text-cyan-400 rounded opacity-0 group-hover:opacity-100 transition-opacity", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Edit3, { className: "w-3.5 h-3.5" }) }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "p-3 space-y-2 rounded-b-lg", style: { backgroundColor: '#0a0e14' }, 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", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-xs text-neutral-300 border border-neutral-600 px-1.5 py-0.5 rounded", children: getUnitTypeLabel(unit.unit_type) }), (0, jsx_runtime_1.jsxs)("span", { className: "text-xs text-neutral-300", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Zap, { className: "w-3 h-3 inline mr-0.5" }), "+", techBonus, "%"] }), getImageStatusBadge(unit.image_status)] }), unit.short_id && ((0, jsx_runtime_1.jsx)("span", { className: "text-xs text-neutral-400 font-mono", children: unit.short_id }))] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { className: "text-white text-sm font-bold", children: unit.unit_name }), unit.full_path && ((0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500 truncate font-mono", children: unit.full_path }))] }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 line-clamp-2", children: unit.description || t('noDescription') }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between pt-2 border-t border-neutral-700 text-xs", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1 text-neutral-400", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Users, { className: "w-3 h-3" }), (0, jsx_runtime_1.jsx)("span", { className: "text-white font-mono", children: memberCount }), (0, jsx_runtime_1.jsx)("span", { className: "text-neutral-500", children: "members" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1 text-neutral-400", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Vault, { className: "w-3 h-3" }), (0, jsx_runtime_1.jsx)("span", { className: "text-white font-mono", children: vaultBalance.toLocaleString() }), (0, jsx_runtime_1.jsx)("span", { className: "text-neutral-500", children: "MCD" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-neutral-400 font-mono", children: [occupancyRate.toFixed(0), "%"] })] })] })] }, unit.unit_id));
+                        }) })) }) }), (0, jsx_runtime_1.jsx)(dialog_1.Dialog, { open: isEditDialogOpen, onOpenChange: (open) => { setIsEditDialogOpen(open); if (!open) {
+                    setEditingUnit(null);
+                    setImageFile(null);
+                    setImagePreview(null);
+                } }, 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 tracking-wider", children: t('editTitle') }), (0, jsx_runtime_1.jsx)(dialog_1.DialogDescription, { className: "text-neutral-400", asChild: true, children: (0, jsx_runtime_1.jsx)("div", { children: editingUnit && ((0, jsx_runtime_1.jsxs)("span", { className: "text-xs font-mono mt-1 block", children: [getUnitTypeLabel(editingUnit.unit_type), " ", t('coordinate'), ": ", editingUnit.full_path || editingUnit.short_id || editingUnit.territory_id] })) }) })] }), editingUnit && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4 py-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-4 items-start", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex-shrink-0 flex flex-col items-center justify-center self-center space-y-1.5", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-28 h-28 rounded border border-neutral-700 bg-neutral-800 overflow-hidden cursor-pointer hover:border-cyan-400/50 transition-colors relative group/img", onClick: () => fileInputRef.current?.click(), children: (imagePreview || editingUnit.image_url) ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("img", { src: imagePreview || editingUnit.image_url, alt: "", className: "w-full h-full object-cover" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover/img:opacity-100 transition-opacity flex items-center justify-center", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Upload, { className: "w-5 h-5 text-white" }) })] })) : ((0, jsx_runtime_1.jsxs)("div", { className: "w-full h-full flex flex-col items-center justify-center text-neutral-500 gap-1", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ImageIcon, { className: "w-6 h-6" }), (0, jsx_runtime_1.jsx)("span", { className: "text-[10px]", children: t('clickToUpload') })] })) }), (0, jsx_runtime_1.jsx)("div", { className: "text-[10px] text-neutral-500 text-center", children: "512x512 \u00B7 \u22642MB" }), !isAdmin() && (0, jsx_runtime_1.jsx)("div", { className: "text-[10px] text-yellow-400/80 text-center", children: t('needsReview') }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-1 flex-wrap", children: [editingUnit.image_status && editingUnit.image_status !== 'approved' && getImageStatusBadge(editingUnit.image_status), editingUnit.image_status === 'approved' && editingUnit.image_url && ((0, jsx_runtime_1.jsxs)(badge_1.Badge, { className: "bg-green-400/20 text-green-400 text-[10px]", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CheckCircle2, { className: "w-2.5 h-2.5 mr-0.5" }), t('approved')] })), imageFile && (0, jsx_runtime_1.jsx)(badge_1.Badge, { className: "bg-cyan-400/20 text-cyan-400 text-[10px]", children: t('newImage') })] }), isAdmin() && editingUnit.image_status === 'pending' && !imageFile && ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1 justify-center", children: [(0, jsx_runtime_1.jsxs)(button_1.Button, { size: "sm", className: "h-5 text-[10px] bg-green-700 hover:bg-green-600 text-white px-1.5", onClick: () => handleImageReview(editingUnit.unit_id, 'approved'), children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CheckCircle2, { className: "w-2.5 h-2.5 mr-0.5" }), t('approve')] }), (0, jsx_runtime_1.jsxs)(button_1.Button, { size: "sm", className: "h-5 text-[10px] bg-red-700 hover:bg-red-600 text-white px-1.5", onClick: () => handleImageReview(editingUnit.unit_id, 'rejected'), children: [(0, jsx_runtime_1.jsx)(lucide_react_1.XCircle, { className: "w-2.5 h-2.5 mr-0.5" }), t('reject')] })] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 space-y-3 min-w-0", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: "unit_name *" }), (0, jsx_runtime_1.jsx)("input", { value: editFormData.unit_name, onChange: (e) => setEditFormData({ ...editFormData, unit_name: e.target.value }), className: "w-full bg-neutral-800 border border-neutral-600 text-white px-3 py-2 rounded text-sm focus:border-cyan-400 focus:outline-none" }), (0, jsx_runtime_1.jsx)("div", { className: "text-[10px] text-neutral-500 mt-1", children: t('nameChangeHint') })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 tracking-wider mb-1", children: "description" }), (0, jsx_runtime_1.jsx)("textarea", { value: editFormData.description, onChange: (e) => setEditFormData({ ...editFormData, description: e.target.value }), rows: 3, className: "w-full bg-neutral-800 border border-neutral-600 text-white px-3 py-2 rounded text-sm focus:border-cyan-400 focus:outline-none resize-none" })] })] })] }), (0, jsx_runtime_1.jsx)("input", { ref: fileInputRef, type: "file", accept: "image/png,image/jpeg,image/webp", onChange: handleFileSelect, className: "hidden" }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-3 p-3 rounded bg-neutral-800/50 border border-neutral-700", children: (() => {
+                                        const mgr = getManagerDisplay(editingUnit);
+                                        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(hover_avatar_1.HoverAvatar, { src: mgr.avatar, fallback: mgr.title, size: 32, fallbackClassName: "bg-cyan-400/20 text-cyan-400" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 min-w-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-sm text-white truncate", children: mgr.title }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-500", children: mgr.subtitle })] })] }));
+                                    })() })] })), (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: () => { setIsEditDialogOpen(false); setEditingUnit(null); setImageFile(null); setImagePreview(null); }, disabled: submitting || uploadingImage, children: t('cancel') }), (0, jsx_runtime_1.jsx)(button_1.Button, { size: "sm", onClick: handleEdit, disabled: submitting || uploadingImage, className: "bg-cyan-700 hover:bg-cyan-600 text-white", children: (submitting || uploadingImage) ? t('saving') : t('save') })] })] }) })] }));
+}

package/dist/main-portal/components/stations/StationMemberRanking.d.ts

@@ -0,0 +1,13 @@
+interface MemberRank {
+    rank: number;
+    user_id: string;
+    nickname: string;
+    contribution: number;
+    email?: string;
+}
+interface StationMemberRankingProps {
+    stationId: string;
+    members?: MemberRank[];
+}
+export default function StationMemberRanking({ stationId, members }: StationMemberRankingProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,64 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = StationMemberRanking;
+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 avatar_1 = require("../ui/avatar");
+const lucide_react_1 = require("lucide-react");
+const api_service_1 = require("../../lib/api-service");
+const getRankIcon = (rank) => {
+    switch (rank) {
+        case 1: return (0, jsx_runtime_1.jsx)(lucide_react_1.Trophy, { className: "w-5 h-5 text-cyan-400" });
+        case 2: return (0, jsx_runtime_1.jsx)(lucide_react_1.Medal, { className: "w-5 h-5 text-neutral-400" });
+        case 3: return (0, jsx_runtime_1.jsx)(lucide_react_1.Award, { className: "w-5 h-5 text-cyan-300" });
+        default: return null;
+    }
+};
+const getRankBadgeColor = (rank) => {
+    switch (rank) {
+        case 1: return 'bg-cyan-400/20 text-cyan-400';
+        case 2: return 'bg-white/20 text-white';
+        case 3: return 'bg-cyan-400/20 text-cyan-300';
+        default: return 'bg-neutral-500/20 text-neutral-300';
+    }
+};
+function StationMemberRanking({ stationId, members }) {
+    const [data, setData] = (0, react_1.useState)([]);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    (0, react_1.useEffect)(() => {
+        if (members) {
+            setData(members);
+            setLoading(false);
+        }
+        else {
+            loadMemberRanking();
+        }
+    }, [stationId, members]);
+    const loadMemberRanking = async () => {
+        try {
+            setLoading(true);
+            const response = await (0, api_service_1.getUnitMemberRanking)(stationId, 10);
+            if (response.success && response.data) {
+                setData(response.data.data);
+            }
+            else {
+                setData([]);
+            }
+        }
+        catch (error) {
+            console.error('加载成员排名失败:', error);
+            setData([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    if (loading) {
+        return ((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: "pt-6", children: (0, jsx_runtime_1.jsx)("div", { className: "h-64 flex items-center justify-center", children: (0, jsx_runtime_1.jsx)("p", { className: "text-neutral-500", children: "\u52A0\u8F7D\u4E2D..." }) }) }) }));
+    }
+    return ((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.jsx)(card_1.CardHeader, { className: "pb-2", 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.Trophy, { className: "w-5 h-5 text-cyan-400" }), "\u6210\u5458\u8D21\u732E\u6392\u884C"] }) }), (0, jsx_runtime_1.jsx)(card_1.CardContent, { children: (0, jsx_runtime_1.jsx)("div", { className: "space-y-3", children: data.map((member) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 p-2 bg-neutral-800 rounded hover:bg-neutral-700 transition-colors", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-8 flex justify-center", children: getRankIcon(member.rank) || ((0, jsx_runtime_1.jsxs)("span", { className: "text-neutral-500 font-mono text-sm", children: ["#", member.rank] })) }), (0, jsx_runtime_1.jsx)(avatar_1.Avatar, { className: "h-8 w-8", children: (0, jsx_runtime_1.jsx)(avatar_1.AvatarFallback, { className: "bg-neutral-700 text-white text-xs", children: member.nickname.slice(0, 2).toUpperCase() }) }), (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: "text-white font-medium truncate", children: member.nickname }), member.rank <= 3 && ((0, jsx_runtime_1.jsxs)(badge_1.Badge, { className: getRankBadgeColor(member.rank), children: ["TOP ", member.rank] }))] }), member.email && ((0, jsx_runtime_1.jsx)("span", { className: "text-xs text-neutral-500", children: member.email }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-right", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-white font-mono font-medium", children: member.contribution.toLocaleString() }), (0, jsx_runtime_1.jsx)("span", { className: "text-neutral-500 text-sm ml-1", children: "MCD" })] })] }, member.user_id))) }) })] }));
+}

package/dist/main-portal/components/stations/StationSummaryCards.d.ts

@@ -0,0 +1,13 @@
+interface StationSummary {
+    total_stations: number;
+    total_members: number;
+    total_vault_balance: number;
+    total_vault_mcd: number;
+    avg_kpi_score?: number;
+}
+interface StationSummaryCardsProps {
+    summary: StationSummary | null;
+    loading?: boolean;
+}
+export default function StationSummaryCards({ summary, loading }: StationSummaryCardsProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,30 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = StationSummaryCards;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const card_1 = require("../ui/card");
+const lucide_react_1 = require("lucide-react");
+function StationSummaryCards({ summary, loading }) {
+    const cards = [
+        {
+            title: '领地总数',
+            value: summary?.total_stations ?? 0,
+            icon: lucide_react_1.Building2,
+            format: (v) => v.toString(),
+        },
+        {
+            title: '总成员数',
+            value: summary?.total_members ?? 0,
+            icon: lucide_react_1.Users,
+            format: (v) => v.toLocaleString(),
+        },
+        {
+            title: '总金库余额',
+            value: summary?.total_vault_mcd ?? 0,
+            icon: lucide_react_1.Vault,
+            format: (v) => `${v.toLocaleString()} MCD`,
+        },
+    ];
+    return ((0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: cards.map((card) => ((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: "pt-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 mb-2", children: [(0, jsx_runtime_1.jsx)(card.icon, { className: "w-8 h-8 text-white" }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs text-neutral-400 tracking-wider", children: card.title })] }), loading ? ((0, jsx_runtime_1.jsx)("div", { className: "h-8 bg-neutral-800 rounded animate-pulse" })) : ((0, jsx_runtime_1.jsx)("p", { className: "text-2xl font-bold text-white font-mono", children: card.format(card.value) }))] }) }, card.title))) }));
+}

package/dist/main-portal/components/stations/StationsPage.d.ts

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