@microcosmmoney/portal-react 1.0.0 → 1.1.0

package/dist/components/kpi-radial-chart.d.ts

@@ -0,0 +1,12 @@
+export interface KPIRadialChartProps {
+    value: number;
+    max?: number;
+    size?: number;
+    strokeWidth?: number;
+    label?: string;
+    unit?: string;
+    color?: string;
+    trackColor?: string;
+    className?: string;
+}
+export declare function KPIRadialChart({ value, max, size, strokeWidth, label, unit, color, trackColor, className, }: KPIRadialChartProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/kpi-radial-chart.js

@@ -0,0 +1,15 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KPIRadialChart = KPIRadialChart;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("../lib/cn");
+function KPIRadialChart({ value, max = 100, size = 120, strokeWidth = 8, label, unit, color = '#6366f1', trackColor = '#27272a', className, }) {
+    const radius = (size - strokeWidth) / 2;
+    const circumference = 2 * Math.PI * radius;
+    const percentage = Math.min(value / max, 1);
+    const offset = circumference * (1 - percentage);
+    const center = size / 2;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)("inline-flex flex-col items-center font-mono", className), children: [(0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, className: "-rotate-90", children: [(0, jsx_runtime_1.jsx)("circle", { cx: center, cy: center, r: radius, fill: "none", stroke: trackColor, strokeWidth: strokeWidth }), (0, jsx_runtime_1.jsx)("circle", { cx: center, cy: center, r: radius, fill: "none", stroke: color, strokeWidth: strokeWidth, strokeDasharray: circumference, strokeDashoffset: offset, strokeLinecap: "round", className: "transition-all duration-700" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "absolute flex flex-col items-center justify-center", style: { width: size, height: size }, children: [(0, jsx_runtime_1.jsx)("span", { className: "text-white font-bold text-lg", children: typeof value === 'number' ? value.toLocaleString() : value }), unit && (0, jsx_runtime_1.jsx)("span", { className: "text-zinc-500 text-xs", children: unit })] }), label && (0, jsx_runtime_1.jsx)("span", { className: "text-zinc-500 text-xs mt-2", children: label })] }));
+}

package/dist/components/menu-section.d.ts

@@ -4,9 +4,13 @@ export interface MicrocosmMenuSectionProps {
     basePath?: string;
     currentPath?: string;
     onNavigate?: (path: string) => void;
+    onItemClick?: (item: MicrocosmMenuItem, resolvedPath: string) => void;
     groups?: MicrocosmMenuGroup[];
     className?: string;
+    filterItems?: (item: MicrocosmMenuItem) => boolean;
+    extraItems?: MicrocosmMenuItem[];
+    extraItemsPosition?: 'top' | 'bottom';
     renderItem?: (item: MicrocosmMenuItem, resolvedPath: string, isActive: boolean) => React.ReactNode;
     renderSectionHeader?: (group: MicrocosmMenuGroup) => React.ReactNode;
 }
-export declare function MicrocosmMenuSection({ basePath, currentPath, onNavigate, groups, className, renderItem, renderSectionHeader, }: MicrocosmMenuSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function MicrocosmMenuSection({ basePath, currentPath, onNavigate, onItemClick, groups, className, filterItems, extraItems, extraItemsPosition, renderItem, renderSectionHeader, }: MicrocosmMenuSectionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/menu-section.js

@@ -15,49 +15,65 @@ function isActive(itemPath, currentPath) {
         return currentPath === '/';
     return currentPath.startsWith(itemPath);
 }
-function MicrocosmMenuSection({ basePath, currentPath, onNavigate, groups = menu_config_1.microcosmMenuGroups, className = '', renderItem, renderSectionHeader, }) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: `microcosm-menu ${className}`, children: groups.map((group) => ((0, jsx_runtime_1.jsxs)("div", { className: "microcosm-menu-group", children: [renderSectionHeader ? (renderSectionHeader(group)) : ((0, jsx_runtime_1.jsxs)("div", { style: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        gap: '8px',
-                        padding: '8px 12px',
-                        fontSize: '11px',
-                        fontWeight: 600,
-                        textTransform: 'uppercase',
-                        letterSpacing: '0.05em',
-                        opacity: 0.5,
-                        fontFamily: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace',
-                    }, children: [(0, jsx_runtime_1.jsx)(group.icon, { size: 14 }), (0, jsx_runtime_1.jsx)("span", { children: group.title })] })), group.items.map((item) => {
-                    const resolved = (0, menu_config_1.resolveMenuPath)(item.path, basePath);
-                    const active = isActive(resolved, currentPath);
-                    if (renderItem) {
-                        return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: renderItem(item, resolved, active) }, item.key));
-                    }
-                    return ((0, jsx_runtime_1.jsxs)("button", { onClick: () => onNavigate?.(resolved), title: item.description, style: {
-                            display: 'flex',
-                            alignItems: 'center',
-                            gap: '8px',
-                            width: '100%',
-                            padding: '8px 12px',
-                            border: 'none',
-                            background: active ? 'rgba(255,255,255,0.08)' : 'transparent',
-                            color: active ? '#fff' : 'rgba(255,255,255,0.7)',
-                            cursor: 'pointer',
-                            fontSize: '13px',
-                            fontFamily: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace',
-                            textAlign: 'left',
-                            borderRadius: '6px',
-                            transition: 'background 0.15s, color 0.15s',
-                        }, onMouseEnter: (e) => {
-                            if (!active) {
-                                e.currentTarget.style.background = 'rgba(255,255,255,0.05)';
-                                e.currentTarget.style.color = '#fff';
-                            }
-                        }, onMouseLeave: (e) => {
-                            if (!active) {
-                                e.currentTarget.style.background = 'transparent';
-                                e.currentTarget.style.color = 'rgba(255,255,255,0.7)';
-                            }
-                        }, children: [(0, jsx_runtime_1.jsx)(item.icon, { size: 16 }), (0, jsx_runtime_1.jsx)("span", { children: item.title })] }, item.key));
-                })] }, group.key))) }));
+function MicrocosmMenuSection({ basePath, currentPath, onNavigate, onItemClick, groups = menu_config_1.microcosmMenuGroups, className = '', filterItems, extraItems, extraItemsPosition = 'bottom', renderItem, renderSectionHeader, }) {
+    const renderMenuItem = (item) => {
+        const resolved = (0, menu_config_1.resolveMenuPath)(item.path, basePath);
+        const active = isActive(resolved, currentPath);
+        if (renderItem) {
+            return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: renderItem(item, resolved, active) }, item.key));
+        }
+        return ((0, jsx_runtime_1.jsxs)("button", { onClick: () => {
+                onItemClick?.(item, resolved);
+                onNavigate?.(resolved);
+            }, title: item.description, style: {
+                display: 'flex',
+                alignItems: 'center',
+                gap: '8px',
+                width: '100%',
+                padding: '8px 12px',
+                border: 'none',
+                background: active ? 'rgba(255,255,255,0.08)' : 'transparent',
+                color: active ? '#fff' : 'rgba(255,255,255,0.7)',
+                cursor: 'pointer',
+                fontSize: '13px',
+                fontFamily: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace',
+                textAlign: 'left',
+                borderRadius: '6px',
+                transition: 'background 0.15s, color 0.15s',
+            }, onMouseEnter: (e) => {
+                if (!active) {
+                    e.currentTarget.style.background = 'rgba(255,255,255,0.05)';
+                    e.currentTarget.style.color = '#fff';
+                }
+            }, onMouseLeave: (e) => {
+                if (!active) {
+                    e.currentTarget.style.background = 'transparent';
+                    e.currentTarget.style.color = 'rgba(255,255,255,0.7)';
+                }
+            }, children: [(0, jsx_runtime_1.jsx)(item.icon, { size: 16 }), (0, jsx_runtime_1.jsx)("span", { style: { flex: 1 }, children: item.title }), item.badge && ((0, jsx_runtime_1.jsx)("span", { style: {
+                        fontSize: '10px',
+                        padding: '1px 6px',
+                        borderRadius: '9999px',
+                        background: 'rgba(99,102,241,0.2)',
+                        color: 'rgb(129,140,248)',
+                    }, children: item.badge }))] }, item.key));
+    };
+    const extraElements = extraItems?.map(renderMenuItem) || [];
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `microcosm-menu ${className}`, children: [extraItemsPosition === 'top' && extraElements, groups.map((group) => {
+                const items = filterItems ? group.items.filter(filterItems) : group.items;
+                if (!items.length)
+                    return null;
+                return ((0, jsx_runtime_1.jsxs)("div", { className: "microcosm-menu-group", children: [renderSectionHeader ? (renderSectionHeader(group)) : ((0, jsx_runtime_1.jsxs)("div", { style: {
+                                display: 'flex',
+                                alignItems: 'center',
+                                gap: '8px',
+                                padding: '8px 12px',
+                                fontSize: '11px',
+                                fontWeight: 600,
+                                textTransform: 'uppercase',
+                                letterSpacing: '0.05em',
+                                opacity: 0.5,
+                                fontFamily: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace',
+                            }, children: [(0, jsx_runtime_1.jsx)(group.icon, { size: 14 }), (0, jsx_runtime_1.jsx)("span", { children: group.title })] })), items.map(renderMenuItem)] }, group.key));
+            }), extraItemsPosition === 'bottom' && extraElements] }));
 }

package/dist/components/mining-progress-bar.d.ts

@@ -0,0 +1,9 @@
+export interface MiningProgressBarProps {
+    mined: number;
+    total: number;
+    halving?: number;
+    label?: string;
+    showStats?: boolean;
+    className?: string;
+}
+export declare function MiningProgressBar({ mined, total, halving, label, showStats, className, }: MiningProgressBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/mining-progress-bar.js

@@ -0,0 +1,22 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MiningProgressBar = MiningProgressBar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("../lib/cn");
+const halvingColors = [
+    'bg-indigo-500',
+    'bg-emerald-500',
+    'bg-amber-500',
+    'bg-purple-500',
+    'bg-rose-500',
+];
+function MiningProgressBar({ mined, total, halving = 0, label, showStats = true, className, }) {
+    const percentage = total > 0 ? Math.min((mined / total) * 100, 100) : 0;
+    const barColor = halvingColors[halving % halvingColors.length];
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)("font-mono", className), children: [label && (0, jsx_runtime_1.jsx)("div", { className: "text-zinc-500 text-xs mb-1", children: label }), (0, jsx_runtime_1.jsxs)("div", { className: "w-full bg-zinc-800 rounded h-3 relative overflow-hidden", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("h-3 rounded transition-all", barColor), style: { width: `${percentage}%` } }), halving > 0 && Array.from({ length: halving }, (_, i) => {
+                        const pos = ((i + 1) / (halving + 1)) * 100;
+                        return ((0, jsx_runtime_1.jsx)("div", { className: "absolute top-0 h-full w-px bg-zinc-600/50", style: { left: `${pos}%` } }, i));
+                    })] }), showStats && ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between mt-1 text-xs", children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-zinc-500", children: [mined.toLocaleString(), " / ", total.toLocaleString(), " MCC"] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-white", children: [percentage.toFixed(2), "%"] })] }))] }));
+}

package/dist/components/terminal-countdown.d.ts

@@ -0,0 +1,8 @@
+export interface TerminalCountdownProps {
+    targetTime: number | Date;
+    onComplete?: () => void;
+    label?: string;
+    className?: string;
+    format?: 'full' | 'compact';
+}
+export declare function TerminalCountdown({ targetTime, onComplete, label, className, format, }: TerminalCountdownProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/terminal-countdown.js

@@ -0,0 +1,38 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TerminalCountdown = TerminalCountdown;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const cn_1 = require("../lib/cn");
+function calcRemaining(target) {
+    const diff = Math.max(0, target - Date.now());
+    return {
+        days: Math.floor(diff / 86400000),
+        hours: Math.floor((diff % 86400000) / 3600000),
+        minutes: Math.floor((diff % 3600000) / 60000),
+        seconds: Math.floor((diff % 60000) / 1000),
+        total: diff,
+    };
+}
+function TerminalCountdown({ targetTime, onComplete, label, className, format = 'full', }) {
+    const target = typeof targetTime === 'number' ? targetTime : targetTime.getTime();
+    const [remaining, setRemaining] = (0, react_1.useState)(() => calcRemaining(target));
+    (0, react_1.useEffect)(() => {
+        const id = setInterval(() => {
+            const r = calcRemaining(target);
+            setRemaining(r);
+            if (r.total <= 0) {
+                clearInterval(id);
+                onComplete?.();
+            }
+        }, 1000);
+        return () => clearInterval(id);
+    }, [target, onComplete]);
+    const pad = (n) => String(n).padStart(2, '0');
+    const timeStr = format === 'compact'
+        ? `${remaining.days > 0 ? remaining.days + 'd ' : ''}${pad(remaining.hours)}:${pad(remaining.minutes)}:${pad(remaining.seconds)}`
+        : `${remaining.days}d ${pad(remaining.hours)}h ${pad(remaining.minutes)}m ${pad(remaining.seconds)}s`;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)("font-mono", className), children: [label && (0, jsx_runtime_1.jsx)("div", { className: "text-zinc-500 text-xs mb-1", children: label }), (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("text-xl font-bold tabular-nums", remaining.total <= 0 ? "text-red-400" : "text-white"), children: remaining.total <= 0 ? 'EXPIRED' : timeStr })] }));
+}

package/dist/components/terminal-dialog.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface TerminalDialogProps {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    filename?: string;
+    children: React.ReactNode;
+    className?: string;
+    width?: string;
+}
+export declare function TerminalDialog({ open, onClose, title, filename, children, className, width, }: TerminalDialogProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/terminal-dialog.js

@@ -0,0 +1,27 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TerminalDialog = TerminalDialog;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const cn_1 = require("../lib/cn");
+function TerminalDialog({ open, onClose, title, filename, children, className, width = 'max-w-lg', }) {
+    const handleEsc = (0, react_1.useCallback)((e) => {
+        if (e.key === 'Escape')
+            onClose();
+    }, [onClose]);
+    (0, react_1.useEffect)(() => {
+        if (open) {
+            document.addEventListener('keydown', handleEsc);
+            document.body.style.overflow = 'hidden';
+        }
+        return () => {
+            document.removeEventListener('keydown', handleEsc);
+            document.body.style.overflow = '';
+        };
+    }, [open, handleEsc]);
+    if (!open)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 bg-black/60 backdrop-blur-sm", onClick: onClose }), (0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)("relative w-full mx-4 bg-zinc-900 border border-zinc-700 rounded-lg overflow-hidden shadow-2xl", width, className), children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-between px-4 py-2 bg-zinc-800/50 border-b border-zinc-700", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("button", { onClick: onClose, className: "w-3 h-3 rounded-full bg-red-500 hover:bg-red-400 transition-colors" }), (0, jsx_runtime_1.jsx)("div", { className: "w-3 h-3 rounded-full bg-yellow-500" }), (0, jsx_runtime_1.jsx)("div", { className: "w-3 h-3 rounded-full bg-green-500" }), (filename || title) && ((0, jsx_runtime_1.jsx)("span", { className: "ml-2 text-zinc-500 text-xs font-mono", children: filename || title }))] }) }), (0, jsx_runtime_1.jsx)("div", { className: "p-6 font-mono", children: children })] })] }));
+}

package/dist/components/terminal-input.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface TerminalInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    label?: string;
+    error?: string;
+    prefix?: string;
+    suffix?: React.ReactNode;
+    inputSize?: 'sm' | 'md' | 'lg';
+}
+export declare function TerminalInput({ label, error, prefix, suffix, inputSize, className, ...props }: TerminalInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/terminal-input.js

@@ -0,0 +1,15 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TerminalInput = TerminalInput;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("../lib/cn");
+const sizeClasses = {
+    sm: 'px-2 py-1 text-xs',
+    md: 'px-3 py-2 text-sm',
+    lg: 'px-4 py-3 text-base',
+};
+function TerminalInput({ label, error, prefix = '$', suffix, inputSize = 'md', className, ...props }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "font-mono", children: [label && (0, jsx_runtime_1.jsx)("div", { className: "text-zinc-500 text-xs mb-1", children: label }), (0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)("flex items-center bg-zinc-950 border rounded", error ? "border-red-500/50" : "border-zinc-800 focus-within:border-indigo-500/50", className), children: [prefix && (0, jsx_runtime_1.jsx)("span", { className: "text-indigo-400 pl-3 select-none", children: prefix }), (0, jsx_runtime_1.jsx)("input", { ...props, className: (0, cn_1.cn)("flex-1 bg-transparent text-white outline-none font-mono placeholder:text-zinc-600", sizeClasses[inputSize]) }), suffix && (0, jsx_runtime_1.jsx)("span", { className: "pr-3 text-zinc-500", children: suffix })] }), error && (0, jsx_runtime_1.jsx)("div", { className: "text-red-400 text-xs mt-1", children: error })] }));
+}

package/dist/components/terminal-table.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface TerminalTableColumn<T> {
+    key: string;
+    header: string;
+    render?: (row: T, index: number) => React.ReactNode;
+    align?: 'left' | 'center' | 'right';
+    width?: string;
+}
+export interface TerminalTableProps<T> {
+    columns: TerminalTableColumn<T>[];
+    data: T[];
+    rowKey?: (row: T, index: number) => string;
+    onRowClick?: (row: T, index: number) => void;
+    className?: string;
+    emptyMessage?: string;
+    striped?: boolean;
+}
+export declare function TerminalTable<T extends Record<string, any>>({ columns, data, rowKey, onRowClick, className, emptyMessage, striped, }: TerminalTableProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/terminal-table.js

@@ -0,0 +1,14 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TerminalTable = TerminalTable;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("../lib/cn");
+function TerminalTable({ columns, data, rowKey, onRowClick, className, emptyMessage = 'no records found', striped = true, }) {
+    const alignClass = (align) => align === 'right' ? 'text-right' : align === 'center' ? 'text-center' : 'text-left';
+    if (!data.length) {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "text-center py-8 text-zinc-500 font-mono text-sm", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-yellow-400", children: "warning:" }), " ", emptyMessage] }));
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("overflow-x-auto", className), children: (0, jsx_runtime_1.jsxs)("table", { className: "w-full font-mono text-sm", children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsx)("tr", { className: "border-b border-zinc-700", children: columns.map((col) => ((0, jsx_runtime_1.jsx)("th", { className: (0, cn_1.cn)("px-3 py-2 text-zinc-500 font-normal text-xs uppercase tracking-wider", alignClass(col.align)), style: col.width ? { width: col.width } : undefined, children: col.header }, col.key))) }) }), (0, jsx_runtime_1.jsx)("tbody", { children: data.map((row, i) => ((0, jsx_runtime_1.jsx)("tr", { className: (0, cn_1.cn)("border-b border-zinc-800/50 last:border-0 transition-colors", striped && i % 2 === 1 && "bg-zinc-900/30", onRowClick && "cursor-pointer hover:bg-zinc-800/50"), onClick: () => onRowClick?.(row, i), children: columns.map((col) => ((0, jsx_runtime_1.jsx)("td", { className: (0, cn_1.cn)("px-3 py-2 text-white", alignClass(col.align)), children: col.render ? col.render(row, i) : row[col.key] }, col.key))) }, rowKey ? rowKey(row, i) : i))) })] }) }));
+}

package/dist/components/terminal-tabs.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface TerminalTab {
+    key: string;
+    label: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+}
+export interface TerminalTabsProps {
+    tabs: TerminalTab[];
+    activeKey?: string;
+    defaultKey?: string;
+    onChange?: (key: string) => void;
+    children?: (activeKey: string) => React.ReactNode;
+    className?: string;
+}
+export declare function TerminalTabs({ tabs, activeKey: controlledKey, defaultKey, onChange, children, className, }: TerminalTabsProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/terminal-tabs.js

@@ -0,0 +1,20 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TerminalTabs = TerminalTabs;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const cn_1 = require("../lib/cn");
+function TerminalTabs({ tabs, activeKey: controlledKey, defaultKey, onChange, children, className, }) {
+    const [internalKey, setInternalKey] = (0, react_1.useState)(defaultKey || tabs[0]?.key || '');
+    const activeKey = controlledKey ?? internalKey;
+    const handleSelect = (key) => {
+        if (controlledKey === undefined)
+            setInternalKey(key);
+        onChange?.(key);
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)("font-mono", className), children: [(0, jsx_runtime_1.jsx)("div", { className: "flex border-b border-zinc-800 gap-1", children: tabs.map((tab) => ((0, jsx_runtime_1.jsxs)("button", { disabled: tab.disabled, onClick: () => !tab.disabled && handleSelect(tab.key), className: (0, cn_1.cn)("px-4 py-2 text-sm transition-colors border-b-2 -mb-px", activeKey === tab.key
+                        ? "border-indigo-400 text-white"
+                        : "border-transparent text-zinc-500 hover:text-zinc-300", tab.disabled && "opacity-40 cursor-not-allowed"), children: [tab.icon && (0, jsx_runtime_1.jsx)("span", { className: "mr-2 inline-flex", children: tab.icon }), tab.label] }, tab.key))) }), children && (0, jsx_runtime_1.jsx)("div", { className: "pt-4", children: children(activeKey) })] }));
+}

package/dist/components/terminal-tooltip.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface TerminalTooltipProps {
+    content: React.ReactNode;
+    children: React.ReactNode;
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    className?: string;
+    delay?: number;
+}
+export declare function TerminalTooltip({ content, children, side, className, delay, }: TerminalTooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/terminal-tooltip.js

@@ -0,0 +1,27 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TerminalTooltip = TerminalTooltip;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const cn_1 = require("../lib/cn");
+const positionStyles = {
+    top: { bottom: '100%', left: '50%', transform: 'translateX(-50%)', marginBottom: 6 },
+    bottom: { top: '100%', left: '50%', transform: 'translateX(-50%)', marginTop: 6 },
+    left: { right: '100%', top: '50%', transform: 'translateY(-50%)', marginRight: 6 },
+    right: { left: '100%', top: '50%', transform: 'translateY(-50%)', marginLeft: 6 },
+};
+function TerminalTooltip({ content, children, side = 'top', className, delay = 200, }) {
+    const [visible, setVisible] = (0, react_1.useState)(false);
+    const timerRef = (0, react_1.useRef)();
+    const show = () => {
+        timerRef.current = setTimeout(() => setVisible(true), delay);
+    };
+    const hide = () => {
+        clearTimeout(timerRef.current);
+        setVisible(false);
+    };
+    (0, react_1.useEffect)(() => () => clearTimeout(timerRef.current), []);
+    return ((0, jsx_runtime_1.jsxs)("span", { className: "relative inline-flex", onMouseEnter: show, onMouseLeave: hide, onFocus: show, onBlur: hide, children: [children, visible && ((0, jsx_runtime_1.jsx)("span", { className: (0, cn_1.cn)("absolute z-50 px-2 py-1 text-xs font-mono bg-zinc-800 text-zinc-200 border border-zinc-700 rounded shadow-lg whitespace-nowrap pointer-events-none", className), style: positionStyles[side], role: "tooltip", children: content }))] }));
+}

package/dist/components/terminal.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+export declare function TerminalCard({ title, filename, children, className, }: {
+    title?: string;
+    filename?: string;
+    children: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function StatBox({ label, value, unit, color, className, }: {
+    label: string;
+    value: string | number;
+    unit?: string;
+    color?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TerminalCommand({ command, className, }: {
+    command: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TerminalPageHeader({ command, title, description, }: {
+    command: string;
+    title: string;
+    description?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TerminalLoading({ message }: {
+    message?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TerminalError({ error, suggestion, }: {
+    error: string;
+    suggestion?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TerminalEmpty({ message }: {
+    message?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TerminalBadge({ children, variant, className, }: {
+    children: React.ReactNode;
+    variant?: "default" | "success" | "warning" | "error" | "info";
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TerminalDataRow({ label, value, valueColor, }: {
+    label: string;
+    value: React.ReactNode;
+    valueColor?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TerminalProgress({ value, max, label, showPercentage, color, }: {
+    value: number;
+    max?: number;
+    label?: string;
+    showPercentage?: boolean;
+    color?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/terminal.js

@@ -0,0 +1,56 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TerminalCard = TerminalCard;
+exports.StatBox = StatBox;
+exports.TerminalCommand = TerminalCommand;
+exports.TerminalPageHeader = TerminalPageHeader;
+exports.TerminalLoading = TerminalLoading;
+exports.TerminalError = TerminalError;
+exports.TerminalEmpty = TerminalEmpty;
+exports.TerminalBadge = TerminalBadge;
+exports.TerminalDataRow = TerminalDataRow;
+exports.TerminalProgress = TerminalProgress;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("../lib/cn");
+function TerminalCard({ title, filename, children, className, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)("bg-zinc-900 border border-zinc-800 rounded-lg overflow-hidden", className), children: [(title || filename) && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 px-4 py-2 bg-zinc-800/50 border-b border-zinc-700", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-2 h-2 rounded-full bg-red-500" }), (0, jsx_runtime_1.jsx)("div", { className: "w-2 h-2 rounded-full bg-yellow-500" }), (0, jsx_runtime_1.jsx)("div", { className: "w-2 h-2 rounded-full bg-green-500" }), (0, jsx_runtime_1.jsx)("span", { className: "ml-2 text-zinc-500 text-xs font-mono", children: filename || title })] })), (0, jsx_runtime_1.jsx)("div", { className: "p-4", children: children })] }));
+}
+function StatBox({ label, value, unit, color = 'text-white', className, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)("bg-zinc-950 border border-zinc-800 rounded p-4", className), children: [(0, jsx_runtime_1.jsx)("div", { className: "text-zinc-500 text-xs mb-1 font-mono", children: label }), (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("text-2xl font-bold font-mono", color), children: typeof value === 'number'
+                    ? value.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+                    : value }), unit && (0, jsx_runtime_1.jsx)("div", { className: "text-zinc-600 text-xs mt-1", children: unit })] }));
+}
+function TerminalCommand({ command, className, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)("text-zinc-500 text-sm mb-4 font-mono", className), children: [(0, jsx_runtime_1.jsx)("span", { className: "text-indigo-400", children: "$" }), " ", command] }));
+}
+function TerminalPageHeader({ command, title, description, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "mb-6 font-mono", children: [(0, jsx_runtime_1.jsx)(TerminalCommand, { command: command, className: "mb-2" }), (0, jsx_runtime_1.jsxs)("h1", { className: "text-2xl text-white mb-2", children: ["# ", title] }), description && ((0, jsx_runtime_1.jsx)("p", { className: "text-zinc-500 text-sm", children: description }))] }));
+}
+function TerminalLoading({ message = "loading..." }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center min-h-[60vh] font-mono", children: (0, jsx_runtime_1.jsxs)("div", { className: "text-center space-y-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-8 h-8 border-2 border-indigo-400 border-t-transparent rounded-full animate-spin mx-auto" }), (0, jsx_runtime_1.jsxs)("div", { className: "text-zinc-500", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-indigo-400", children: "$" }), " ", message] })] }) }));
+}
+function TerminalError({ error, suggestion = "Please refresh and try again", }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center min-h-[60vh] font-mono", children: (0, jsx_runtime_1.jsxs)(TerminalCard, { filename: "error.log", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-red-400 mb-2", children: ["error: ", error] }), (0, jsx_runtime_1.jsx)("div", { className: "text-zinc-500 text-sm", children: suggestion })] }) }));
+}
+function TerminalEmpty({ message = "no data" }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "text-center py-12 text-zinc-500 font-mono", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-yellow-400", children: "warning:" }), " ", message] }));
+}
+function TerminalBadge({ children, variant = "default", className, }) {
+    const variants = {
+        default: "bg-zinc-800 text-zinc-400",
+        success: "bg-emerald-500/20 text-emerald-400",
+        warning: "bg-yellow-500/20 text-yellow-400",
+        error: "bg-red-500/20 text-red-400",
+        info: "bg-indigo-500/20 text-indigo-400",
+    };
+    return ((0, jsx_runtime_1.jsx)("span", { className: (0, cn_1.cn)("px-2 py-0.5 text-xs rounded font-mono", variants[variant], className), children: children }));
+}
+function TerminalDataRow({ label, value, valueColor, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between py-2 border-b border-zinc-800 last:border-0 font-mono text-sm", children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-zinc-500", children: [label, ":"] }), (0, jsx_runtime_1.jsx)("span", { className: (0, cn_1.cn)("text-white", valueColor), children: value })] }));
+}
+function TerminalProgress({ value, max = 100, label, showPercentage = true, color = "bg-indigo-500", }) {
+    const percentage = Math.min((value / max) * 100, 100);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "font-mono", children: [(label || showPercentage) && ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center mb-2 text-sm", children: [label && (0, jsx_runtime_1.jsx)("span", { className: "text-zinc-500", children: label }), showPercentage && (0, jsx_runtime_1.jsxs)("span", { className: "text-white", children: [percentage.toFixed(1), "%"] })] })), (0, jsx_runtime_1.jsx)("div", { className: "w-full bg-zinc-800 rounded h-2", children: (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("h-2 rounded transition-all", color), style: { width: `${percentage}%` } }) })] }));
+}

package/dist/components/territory-card.d.ts

@@ -0,0 +1,14 @@
+export interface TerritoryCardProps {
+    territoryId: string;
+    name: string;
+    type: 'station' | 'matrix' | 'sector' | 'system';
+    level?: number;
+    memberCount?: number;
+    capacity?: number;
+    magistrate?: string;
+    mcdBalance?: number;
+    status?: 'active' | 'inactive' | 'full';
+    onClick?: () => void;
+    className?: string;
+}
+export declare function TerritoryCard({ territoryId, name, type, level, memberCount, capacity, magistrate, mcdBalance, status, onClick, className, }: TerritoryCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/territory-card.js

@@ -0,0 +1,27 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TerritoryCard = TerritoryCard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("../lib/cn");
+const typeLabels = {
+    station: 'Station',
+    matrix: 'Matrix',
+    sector: 'Sector',
+    system: 'System',
+};
+const typeColors = {
+    station: 'text-indigo-400',
+    matrix: 'text-emerald-400',
+    sector: 'text-amber-400',
+    system: 'text-purple-400',
+};
+const statusColors = {
+    active: 'bg-emerald-500',
+    inactive: 'bg-zinc-500',
+    full: 'bg-amber-500',
+};
+function TerritoryCard({ territoryId, name, type, level, memberCount, capacity, magistrate, mcdBalance, status = 'active', onClick, className, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)("bg-zinc-900 border border-zinc-800 rounded-lg p-4 font-mono", onClick && "cursor-pointer hover:border-zinc-600 transition-colors", className), onClick: onClick, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsxs)("span", { className: (0, cn_1.cn)("text-xs font-bold uppercase", typeColors[type]), children: ["[", typeLabels[type] || type, "]"] }), (0, jsx_runtime_1.jsx)("span", { className: "text-white font-bold", children: name })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("w-2 h-2 rounded-full", statusColors[status]) }), (0, jsx_runtime_1.jsx)("span", { className: "text-zinc-600 text-xs", children: territoryId })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 gap-2 text-xs", children: [level !== undefined && ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between text-zinc-500", children: [(0, jsx_runtime_1.jsx)("span", { children: "Level:" }), (0, jsx_runtime_1.jsx)("span", { className: "text-white", children: level })] })), memberCount !== undefined && ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between text-zinc-500", children: [(0, jsx_runtime_1.jsx)("span", { children: "Members:" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-white", children: [memberCount, capacity ? `/${capacity}` : ''] })] })), magistrate && ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between text-zinc-500", children: [(0, jsx_runtime_1.jsx)("span", { children: "Magistrate:" }), (0, jsx_runtime_1.jsx)("span", { className: "text-indigo-400 truncate ml-1 max-w-[100px]", children: magistrate })] })), mcdBalance !== undefined && ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between text-zinc-500", children: [(0, jsx_runtime_1.jsx)("span", { children: "MCD Vault:" }), (0, jsx_runtime_1.jsx)("span", { className: "text-emerald-400", children: mcdBalance.toLocaleString('en-US', { minimumFractionDigits: 2 }) })] }))] }), capacity !== undefined && memberCount !== undefined && ((0, jsx_runtime_1.jsx)("div", { className: "mt-3", children: (0, jsx_runtime_1.jsx)("div", { className: "w-full bg-zinc-800 rounded h-1.5", children: (0, jsx_runtime_1.jsx)("div", { className: "h-1.5 rounded bg-indigo-500 transition-all", style: { width: `${Math.min((memberCount / capacity) * 100, 100)}%` } }) }) }))] }));
+}

package/dist/components/vote-result-bar.d.ts

@@ -0,0 +1,13 @@
+export interface VoteOption {
+    label: string;
+    votes: number;
+    color?: string;
+}
+export interface VoteResultBarProps {
+    options: VoteOption[];
+    totalVotes?: number;
+    showPercentage?: boolean;
+    showCount?: boolean;
+    className?: string;
+}
+export declare function VoteResultBar({ options, totalVotes: explicitTotal, showPercentage, showCount, className, }: VoteResultBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/vote-result-bar.js

@@ -0,0 +1,23 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VoteResultBar = VoteResultBar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("../lib/cn");
+const defaultColors = [
+    'bg-indigo-500',
+    'bg-emerald-500',
+    'bg-amber-500',
+    'bg-rose-500',
+    'bg-purple-500',
+    'bg-cyan-500',
+];
+function VoteResultBar({ options, totalVotes: explicitTotal, showPercentage = true, showCount = true, className, }) {
+    const totalVotes = explicitTotal ?? options.reduce((s, o) => s + o.votes, 0);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)("font-mono space-y-3", className), children: [options.map((opt, i) => {
+                const pct = totalVotes > 0 ? (opt.votes / totalVotes) * 100 : 0;
+                const color = opt.color || defaultColors[i % defaultColors.length];
+                return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center mb-1 text-sm", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-zinc-300", children: opt.label }), (0, jsx_runtime_1.jsxs)("span", { className: "text-zinc-500", children: [showCount && (0, jsx_runtime_1.jsx)("span", { children: opt.votes.toLocaleString() }), showCount && showPercentage && (0, jsx_runtime_1.jsx)("span", { className: "mx-1", children: "\u00B7" }), showPercentage && (0, jsx_runtime_1.jsxs)("span", { children: [pct.toFixed(1), "%"] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "w-full bg-zinc-800 rounded h-2", children: (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("h-2 rounded transition-all", color), style: { width: `${pct}%` } }) })] }, i));
+            }), totalVotes > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "text-xs text-zinc-600 text-right", children: ["Total: ", totalVotes.toLocaleString(), " votes"] }))] }));
+}

package/dist/index.d.ts

@@ -1,4 +1,25 @@
 export { MicrocosmMenuSection } from './components/menu-section';
 export type { MicrocosmMenuSectionProps } from './components/menu-section';
-export { blockchainMenu, web3OsMenu, microcosmMenuGroups, getAllMenuItems, resolveMenuPath, } from './menu-config';
+export { blockchainMenu, web3OsMenu, dashboardMenu, microcosmMenuGroups, getAllMenuItems, resolveMenuPath, } from './menu-config';
 export type { MicrocosmMenuItem, MicrocosmMenuGroup } from './menu-config';
+export { TerminalCard, StatBox, TerminalCommand, TerminalPageHeader, TerminalLoading, TerminalError, TerminalEmpty, TerminalBadge, TerminalDataRow, TerminalProgress, } from './components/terminal';
+export { TerminalTable } from './components/terminal-table';
+export type { TerminalTableColumn, TerminalTableProps } from './components/terminal-table';
+export { TerminalTabs } from './components/terminal-tabs';
+export type { TerminalTab, TerminalTabsProps } from './components/terminal-tabs';
+export { TerminalDialog } from './components/terminal-dialog';
+export type { TerminalDialogProps } from './components/terminal-dialog';
+export { TerminalCountdown } from './components/terminal-countdown';
+export type { TerminalCountdownProps } from './components/terminal-countdown';
+export { TerminalInput } from './components/terminal-input';
+export type { TerminalInputProps } from './components/terminal-input';
+export { TerminalTooltip } from './components/terminal-tooltip';
+export type { TerminalTooltipProps } from './components/terminal-tooltip';
+export { TerritoryCard } from './components/territory-card';
+export type { TerritoryCardProps } from './components/territory-card';
+export { MiningProgressBar } from './components/mining-progress-bar';
+export type { MiningProgressBarProps } from './components/mining-progress-bar';
+export { VoteResultBar } from './components/vote-result-bar';
+export type { VoteOption, VoteResultBarProps } from './components/vote-result-bar';
+export { KPIRadialChart } from './components/kpi-radial-chart';
+export type { KPIRadialChartProps } from './components/kpi-radial-chart';

package/dist/index.js

@@ -1,12 +1,44 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.resolveMenuPath = exports.getAllMenuItems = exports.microcosmMenuGroups = exports.web3OsMenu = exports.blockchainMenu = exports.MicrocosmMenuSection = void 0;
+exports.KPIRadialChart = exports.VoteResultBar = exports.MiningProgressBar = exports.TerritoryCard = exports.TerminalTooltip = exports.TerminalInput = exports.TerminalCountdown = exports.TerminalDialog = exports.TerminalTabs = exports.TerminalTable = exports.TerminalProgress = exports.TerminalDataRow = exports.TerminalBadge = exports.TerminalEmpty = exports.TerminalError = exports.TerminalLoading = exports.TerminalPageHeader = exports.TerminalCommand = exports.StatBox = exports.TerminalCard = exports.resolveMenuPath = exports.getAllMenuItems = exports.microcosmMenuGroups = exports.dashboardMenu = exports.web3OsMenu = exports.blockchainMenu = exports.MicrocosmMenuSection = void 0;
 // AI-generated · AI-managed · AI-maintained
 var menu_section_1 = require("./components/menu-section");
 Object.defineProperty(exports, "MicrocosmMenuSection", { enumerable: true, get: function () { return menu_section_1.MicrocosmMenuSection; } });
 var menu_config_1 = require("./menu-config");
 Object.defineProperty(exports, "blockchainMenu", { enumerable: true, get: function () { return menu_config_1.blockchainMenu; } });
 Object.defineProperty(exports, "web3OsMenu", { enumerable: true, get: function () { return menu_config_1.web3OsMenu; } });
+Object.defineProperty(exports, "dashboardMenu", { enumerable: true, get: function () { return menu_config_1.dashboardMenu; } });
 Object.defineProperty(exports, "microcosmMenuGroups", { enumerable: true, get: function () { return menu_config_1.microcosmMenuGroups; } });
 Object.defineProperty(exports, "getAllMenuItems", { enumerable: true, get: function () { return menu_config_1.getAllMenuItems; } });
 Object.defineProperty(exports, "resolveMenuPath", { enumerable: true, get: function () { return menu_config_1.resolveMenuPath; } });
+var terminal_1 = require("./components/terminal");
+Object.defineProperty(exports, "TerminalCard", { enumerable: true, get: function () { return terminal_1.TerminalCard; } });
+Object.defineProperty(exports, "StatBox", { enumerable: true, get: function () { return terminal_1.StatBox; } });
+Object.defineProperty(exports, "TerminalCommand", { enumerable: true, get: function () { return terminal_1.TerminalCommand; } });
+Object.defineProperty(exports, "TerminalPageHeader", { enumerable: true, get: function () { return terminal_1.TerminalPageHeader; } });
+Object.defineProperty(exports, "TerminalLoading", { enumerable: true, get: function () { return terminal_1.TerminalLoading; } });
+Object.defineProperty(exports, "TerminalError", { enumerable: true, get: function () { return terminal_1.TerminalError; } });
+Object.defineProperty(exports, "TerminalEmpty", { enumerable: true, get: function () { return terminal_1.TerminalEmpty; } });
+Object.defineProperty(exports, "TerminalBadge", { enumerable: true, get: function () { return terminal_1.TerminalBadge; } });
+Object.defineProperty(exports, "TerminalDataRow", { enumerable: true, get: function () { return terminal_1.TerminalDataRow; } });
+Object.defineProperty(exports, "TerminalProgress", { enumerable: true, get: function () { return terminal_1.TerminalProgress; } });
+var terminal_table_1 = require("./components/terminal-table");
+Object.defineProperty(exports, "TerminalTable", { enumerable: true, get: function () { return terminal_table_1.TerminalTable; } });
+var terminal_tabs_1 = require("./components/terminal-tabs");
+Object.defineProperty(exports, "TerminalTabs", { enumerable: true, get: function () { return terminal_tabs_1.TerminalTabs; } });
+var terminal_dialog_1 = require("./components/terminal-dialog");
+Object.defineProperty(exports, "TerminalDialog", { enumerable: true, get: function () { return terminal_dialog_1.TerminalDialog; } });
+var terminal_countdown_1 = require("./components/terminal-countdown");
+Object.defineProperty(exports, "TerminalCountdown", { enumerable: true, get: function () { return terminal_countdown_1.TerminalCountdown; } });
+var terminal_input_1 = require("./components/terminal-input");
+Object.defineProperty(exports, "TerminalInput", { enumerable: true, get: function () { return terminal_input_1.TerminalInput; } });
+var terminal_tooltip_1 = require("./components/terminal-tooltip");
+Object.defineProperty(exports, "TerminalTooltip", { enumerable: true, get: function () { return terminal_tooltip_1.TerminalTooltip; } });
+var territory_card_1 = require("./components/territory-card");
+Object.defineProperty(exports, "TerritoryCard", { enumerable: true, get: function () { return territory_card_1.TerritoryCard; } });
+var mining_progress_bar_1 = require("./components/mining-progress-bar");
+Object.defineProperty(exports, "MiningProgressBar", { enumerable: true, get: function () { return mining_progress_bar_1.MiningProgressBar; } });
+var vote_result_bar_1 = require("./components/vote-result-bar");
+Object.defineProperty(exports, "VoteResultBar", { enumerable: true, get: function () { return vote_result_bar_1.VoteResultBar; } });
+var kpi_radial_chart_1 = require("./components/kpi-radial-chart");
+Object.defineProperty(exports, "KPIRadialChart", { enumerable: true, get: function () { return kpi_radial_chart_1.KPIRadialChart; } });

package/dist/lib/cn.d.ts

@@ -0,0 +1 @@
+export declare function cn(...inputs: (string | undefined | null | false)[]): string;

package/dist/lib/cn.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cn = cn;
+// AI-generated · AI-managed · AI-maintained
+function cn(...inputs) {
+    return inputs.filter(Boolean).join(' ');
+}

package/dist/menu-config.d.ts

@@ -5,6 +5,7 @@ export interface MicrocosmMenuItem {
     path: string;
     icon: LucideIcon;
     description?: string;
+    badge?: string;
 }
 export interface MicrocosmMenuGroup {
     title: string;
@@ -12,6 +13,7 @@ export interface MicrocosmMenuGroup {
     icon: LucideIcon;
     items: MicrocosmMenuItem[];
 }
+export declare const dashboardMenu: MicrocosmMenuGroup;
 export declare const blockchainMenu: MicrocosmMenuGroup;
 export declare const web3OsMenu: MicrocosmMenuGroup;
 export declare const microcosmMenuGroups: MicrocosmMenuGroup[];

package/dist/menu-config.js

@@ -1,42 +1,56 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.microcosmMenuGroups = exports.web3OsMenu = exports.blockchainMenu = void 0;
+exports.microcosmMenuGroups = exports.web3OsMenu = exports.blockchainMenu = exports.dashboardMenu = void 0;
 exports.getAllMenuItems = getAllMenuItems;
 exports.resolveMenuPath = resolveMenuPath;
 // AI-generated · AI-managed · AI-maintained
 const lucide_react_1 = require("lucide-react");
+exports.dashboardMenu = {
+    title: 'Overview',
+    key: 'overview',
+    icon: lucide_react_1.LayoutDashboard,
+    items: [
+        {
+            title: 'Dashboard',
+            key: 'dashboard',
+            path: '/user-system/dashboard',
+            icon: lucide_react_1.LayoutDashboard,
+            description: 'Account overview and statistics',
+        },
+    ],
+};
 exports.blockchainMenu = {
     title: 'Blockchain',
     key: 'blockchain',
     icon: lucide_react_1.Coins,
     items: [
         {
-            title: '铸造',
+            title: 'Mining',
             key: 'mining',
             path: '/mcc/mining',
             icon: lucide_react_1.Pickaxe,
-            description: '支付稳定币铸造获得 MCC',
+            description: 'Mine MCC with stablecoin',
         },
         {
-            title: '轮回回购',
+            title: 'Reincarnation',
             key: 'reincarnation',
             path: '/mcc/reincarnation',
             icon: lucide_react_1.ArrowDownUp,
-            description: 'MCC 回购换取稳定币',
+            description: 'Buyback MCC for stablecoin',
         },
         {
-            title: '钱包',
+            title: 'Wallet',
             key: 'wallet',
             path: '/mcc/wallet',
             icon: lucide_react_1.Wallet,
-            description: 'MCC 资产总览',
+            description: 'MCC asset overview',
         },
         {
-            title: 'MCD 积分',
+            title: 'MCD Credits',
             key: 'mcd',
             path: '/mcc/mcd',
             icon: lucide_react_1.Ticket,
-            description: 'MCD 余额、积分记录',
+            description: 'MCD balance and records',
         },
     ],
 };
@@ -46,36 +60,37 @@ exports.web3OsMenu = {
     icon: lucide_react_1.Users,
     items: [
         {
-            title: '拍卖市场',
+            title: 'Auctions',
             key: 'auctions',
             path: '/mcc/auctions',
             icon: lucide_react_1.Gift,
-            description: '领地拍卖竞价',
+            description: 'Territory auction bidding',
         },
         {
-            title: '领地管理',
+            title: 'Territories',
             key: 'territory',
             path: '/user-system/territory',
             icon: lucide_react_1.Building2,
-            description: '领地列表和详情',
+            description: 'Territory list and details',
         },
         {
-            title: '社区投票',
+            title: 'Voting',
             key: 'voting',
             path: '/mcc/voting',
             icon: lucide_react_1.Vote,
-            description: '参与社区提案投票',
+            description: 'Community proposal voting',
         },
         {
-            title: '组织架构',
+            title: 'Organization',
             key: 'organization',
             path: '/user-system/organization',
             icon: lucide_react_1.Users,
-            description: '组织结构和层级',
+            description: 'Organization structure',
         },
     ],
 };
 exports.microcosmMenuGroups = [
+    exports.dashboardMenu,
     exports.blockchainMenu,
     exports.web3OsMenu,
 ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microcosmmoney/portal-react",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Microcosm Portal UI components for React/Next.js",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",