@microcosmmoney/portal-react 1.3.0 → 1.4.0

package/dist/components/dashboard/assets-summary.d.ts

@@ -0,0 +1,5 @@
+export interface MicrocosmAssetsSummaryProps {
+    basePath?: string;
+    onNavigate?: (path: string) => void;
+}
+export declare function MicrocosmAssetsSummary({ basePath, onNavigate }: MicrocosmAssetsSummaryProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/dashboard/assets-summary.js

@@ -0,0 +1,45 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MicrocosmAssetsSummary = MicrocosmAssetsSummary;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const auth_react_1 = require("@microcosmmoney/auth-react");
+const RANK_COLOR = {
+    Recruit: 'text-neutral-500',
+    Prospect: 'text-neutral-400',
+    Miner: 'text-cyan-300',
+    Commander: 'text-white',
+    Pioneer: 'text-cyan-400',
+    Warden: 'text-cyan-300',
+    Admiral: 'text-cyan-300',
+};
+const RANK_BG = {
+    Recruit: 'bg-neutral-800',
+    Prospect: 'bg-neutral-800',
+    Miner: 'bg-cyan-950/50',
+    Commander: 'bg-white/10',
+    Pioneer: 'bg-cyan-950/50',
+    Warden: 'bg-cyan-950/50',
+    Admiral: 'bg-cyan-950/50',
+};
+function MicrocosmAssetsSummary({ basePath = '', onNavigate }) {
+    const { balance: mccData, loading: mccLoading } = (0, auth_react_1.useMCC)(120000);
+    const { balance: mcdData, loading: mcdLoading } = (0, auth_react_1.useMCD)(120000);
+    const { data: levelData } = (0, auth_react_1.useUserLevel)();
+    const resolvePath = (p) => basePath ? `${basePath.replace(/\/$/, '')}${p}` : p;
+    const mccBalance = mccData?.balance ?? 0;
+    const mcdAmount = parseFloat(mcdData?.available_balance ?? '0');
+    const mcdReceived = parseFloat(mcdData?.total_balance ?? '0');
+    const mcdSpent = parseFloat(mcdData?.frozen_balance ?? '0');
+    const rank = levelData?.level ?? null;
+    const nextRank = null;
+    const progress = levelData?.upgrade_progress?.percentage ?? 0;
+    const requirementsMet = undefined;
+    const fmt = (n) => n.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+    return ((0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg overflow-hidden h-full hover:border-cyan-400/50 transition-colors", children: (0, jsx_runtime_1.jsxs)("div", { className: "p-6 space-y-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "block group cursor-pointer", onClick: () => onNavigate?.(resolvePath('/mcc/wallet')), role: "button", tabIndex: 0, onKeyDown: (e) => e.key === 'Enter' && onNavigate?.(resolvePath('/mcc/wallet')), children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-neutral-400 text-[10px] font-mono tracking-wider mb-1", children: "MCC_BALANCE" }), (0, jsx_runtime_1.jsx)("div", { className: "text-2xl font-bold font-mono text-cyan-400", children: mccLoading
+                                    ? (0, jsx_runtime_1.jsx)("span", { className: "inline-block w-5 h-5 border-2 border-cyan-400 border-t-transparent rounded-full animate-spin" })
+                                    : fmt(mccBalance) }), (0, jsx_runtime_1.jsx)("div", { className: "text-neutral-500 text-xs font-mono mt-1", children: "on-chain balance (API)" })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "h-px bg-neutral-700" }), (0, jsx_runtime_1.jsx)("div", { className: "block group cursor-pointer", onClick: () => onNavigate?.(resolvePath('/mcc/mcd')), role: "button", tabIndex: 0, onKeyDown: (e) => e.key === 'Enter' && onNavigate?.(resolvePath('/mcc/mcd')), children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-neutral-400 text-[10px] font-mono tracking-wider mb-1", children: "MCD_BALANCE" }), (0, jsx_runtime_1.jsx)("div", { className: "text-2xl font-bold font-mono text-cyan-400", children: mcdLoading
+                                    ? (0, jsx_runtime_1.jsx)("span", { className: "inline-block w-5 h-5 border-2 border-cyan-400 border-t-transparent rounded-full animate-spin" })
+                                    : fmt(mcdAmount) }), (0, jsx_runtime_1.jsxs)("div", { className: "text-neutral-500 text-xs font-mono mt-1 space-x-3", children: [(0, jsx_runtime_1.jsxs)("span", { children: ["Income: ", (0, jsx_runtime_1.jsx)("span", { className: "text-white", children: fmt(mcdReceived) })] }), (0, jsx_runtime_1.jsxs)("span", { children: ["Spent: ", (0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400", children: fmt(mcdSpent) })] })] })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "h-px bg-neutral-700" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-neutral-400 text-[10px] font-mono tracking-wider mb-2", children: "USER_RANK" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 mb-2", children: [(0, jsx_runtime_1.jsx)("span", { className: `px-2.5 py-1 rounded text-sm font-bold font-mono ${RANK_COLOR[rank ?? ''] ?? 'text-neutral-500'} ${RANK_BG[rank ?? ''] ?? 'bg-neutral-800'}`, children: rank || 'N/A' }), nextRank && ((0, jsx_runtime_1.jsxs)("span", { className: "text-neutral-500 text-xs font-mono", children: ["\u2192 ", nextRank] }))] }), nextRank && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center mb-1.5 text-xs font-mono", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-500", children: "upgrade_progress" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-neutral-400", children: [progress.toFixed(1), "%"] })] }), (0, jsx_runtime_1.jsx)("div", { className: "w-full bg-neutral-800 rounded-full h-2", children: (0, jsx_runtime_1.jsx)("div", { className: "bg-cyan-400 h-2 rounded-full transition-all", style: { width: `${Math.min(progress, 100)}%` } }) }), requirementsMet && ((0, jsx_runtime_1.jsx)("div", { className: "mt-2 space-y-1", children: Object.entries(requirementsMet).map(([req, met]) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-[11px] font-mono", children: [(0, jsx_runtime_1.jsx)("span", { className: met ? 'text-white' : 'text-neutral-600', children: met ? '[✓]' : '[ ]' }), (0, jsx_runtime_1.jsx)("span", { className: met ? 'text-neutral-400' : 'text-neutral-600', children: req.replace(/_/g, ' ') })] }, req))) }))] })), !nextRank && rank && ((0, jsx_runtime_1.jsx)("div", { className: "bg-black border border-cyan-400/30 rounded p-2 text-center", children: (0, jsx_runtime_1.jsx)("div", { className: "text-cyan-400 font-bold text-xs font-mono", children: "MAX LEVEL" }) }))] })] }) }));
+}

package/dist/components/dashboard/dashboard-overview.d.ts

@@ -0,0 +1,7 @@
+export interface MicrocosmDashboardOverviewProps {
+    basePath?: string;
+    onNavigate?: (path: string) => void;
+    showHeader?: boolean;
+    headerText?: string;
+}
+export declare function MicrocosmDashboardOverview({ basePath, onNavigate, showHeader, headerText, }: MicrocosmDashboardOverviewProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/dashboard/dashboard-overview.js

@@ -0,0 +1,16 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MicrocosmDashboardOverview = MicrocosmDashboardOverview;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const market_overview_bar_1 = require("./market-overview-bar");
+const quick_actions_1 = require("./quick-actions");
+const assets_summary_1 = require("./assets-summary");
+const price_chart_1 = require("./price-chart");
+const minting_stats_1 = require("./minting-stats");
+const mining_weight_1 = require("./mining-weight");
+const lock_periods_1 = require("./lock-periods");
+function MicrocosmDashboardOverview({ basePath = '', onNavigate, showHeader = true, headerText = 'SHARED NETWORK · SHARED FUTURE', }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "max-w-7xl mx-auto font-mono p-6 space-y-6", children: [showHeader && ((0, jsx_runtime_1.jsx)("div", { className: "text-center", children: (0, jsx_runtime_1.jsx)("h1", { className: "text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-cyan-200", children: headerText }) })), (0, jsx_runtime_1.jsx)(market_overview_bar_1.MicrocosmMarketBar, {}), (0, jsx_runtime_1.jsx)(quick_actions_1.MicrocosmQuickActions, { basePath: basePath, onNavigate: onNavigate }), (0, jsx_runtime_1.jsxs)("div", { className: "grid lg:grid-cols-2 gap-6", children: [(0, jsx_runtime_1.jsx)(assets_summary_1.MicrocosmAssetsSummary, { basePath: basePath, onNavigate: onNavigate }), (0, jsx_runtime_1.jsx)(price_chart_1.MicrocosmPriceChart, {})] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid lg:grid-cols-2 gap-6", children: [(0, jsx_runtime_1.jsx)(minting_stats_1.MicrocosmMintingStats, {}), (0, jsx_runtime_1.jsx)(mining_weight_1.MicrocosmMiningWeight, {})] }), (0, jsx_runtime_1.jsx)(lock_periods_1.MicrocosmLockPeriods, {})] }));
+}

package/dist/components/dashboard/lock-periods.d.ts

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

package/dist/components/dashboard/lock-periods.js

@@ -0,0 +1,27 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MicrocosmLockPeriods = MicrocosmLockPeriods;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const auth_react_1 = require("@microcosmmoney/auth-react");
+function formatDateTime(dt) {
+    const d = new Date(dt);
+    return d.toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' });
+}
+function daysRemaining(endTime) {
+    const now = Date.now();
+    const end = new Date(endTime).getTime();
+    const diff = end - now;
+    if (diff <= 0)
+        return 'Expired';
+    const days = Math.ceil(diff / (1000 * 60 * 60 * 24));
+    return `${days}d`;
+}
+function MicrocosmLockPeriods() {
+    const { data } = (0, auth_react_1.useMCCLocks)();
+    const activeLocks = data?.filter((p) => p.status === 'locked') ?? [];
+    if (activeLocks.length === 0)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg hover:border-cyan-400/50 transition-colors", children: (0, jsx_runtime_1.jsx)("div", { className: "p-6", children: (0, jsx_runtime_1.jsx)("div", { className: "space-y-3", children: activeLocks.map((lock) => ((0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-start mb-2", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-neutral-400 text-xs font-mono tracking-wider", children: lock.reason }), (0, jsx_runtime_1.jsxs)("div", { className: "text-xl font-bold font-mono text-cyan-400 mt-1", children: [(lock.amount ?? 0).toLocaleString(), " MCC"] })] }), (0, jsx_runtime_1.jsx)("span", { className: "px-2 py-0.5 bg-cyan-400/20 text-cyan-400 text-xs font-mono rounded", children: "LOCKED" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-xs text-neutral-500 space-y-1 font-mono", children: [(0, jsx_runtime_1.jsxs)("div", { children: ["unlock_at: ", formatDateTime(lock.lock_end)] }), (0, jsx_runtime_1.jsxs)("div", { children: ["remaining: ", (0, jsx_runtime_1.jsx)("span", { className: "text-cyan-400", children: daysRemaining(lock.lock_end) })] })] })] }, lock.lock_id))) }) }) }));
+}

package/dist/components/dashboard/market-overview-bar.d.ts

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

package/dist/components/dashboard/market-overview-bar.js

@@ -0,0 +1,30 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MicrocosmMarketBar = MicrocosmMarketBar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const auth_react_1 = require("@microcosmmoney/auth-react");
+function formatCompact(value) {
+    if (value >= 1000000)
+        return `${(value / 1000000).toFixed(2)}M`;
+    if (value >= 1000)
+        return `${(value / 1000).toFixed(1)}K`;
+    return value.toFixed(2);
+}
+function MicrocosmMarketBar() {
+    const { data, loading } = (0, auth_react_1.useMarketData)();
+    if (loading || !data) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-3 mb-6", children: Array.from({ length: 5 }).map((_, i) => ((0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg p-4 animate-pulse", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-3 bg-neutral-800 rounded w-16 mb-2" }), (0, jsx_runtime_1.jsx)("div", { className: "h-6 bg-neutral-800 rounded w-24" })] }, i))) }));
+    }
+    const priceChange24h = data.price_change_24h ?? 0;
+    const isPositive = priceChange24h >= 0;
+    const stats = [
+        { label: 'MCC_PRICE', value: `$${(data.price_usd ?? 0).toFixed(4)}`, color: 'text-cyan-400' },
+        { label: '24H_CHANGE', value: `${isPositive ? '+' : ''}${priceChange24h.toFixed(2)}%`, color: isPositive ? 'text-white' : 'text-red-400' },
+        { label: '24H_VOLUME', value: `$${formatCompact(data.volume_24h ?? 0)}`, color: 'text-cyan-300' },
+        { label: 'LIQUIDITY', value: `$${formatCompact(data.liquidity_usd ?? 0)}`, color: 'text-cyan-400' },
+        { label: 'FDV', value: `$${formatCompact(data.fdv ?? 0)}`, color: 'text-white' },
+    ];
+    return ((0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-3 mb-6", children: stats.map((stat) => ((0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg p-4 hover:border-cyan-400/50 transition-colors", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-neutral-400 text-[10px] font-mono mb-1 tracking-wider", children: stat.label }), (0, jsx_runtime_1.jsx)("div", { className: `text-xl font-bold font-mono ${stat.color}`, children: stat.value })] }, stat.label))) }));
+}

package/dist/components/dashboard/mining-weight.d.ts

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

package/dist/components/dashboard/mining-weight.js

@@ -0,0 +1,47 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MicrocosmMiningWeight = MicrocosmMiningWeight;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const auth_react_1 = require("@microcosmmoney/auth-react");
+const auth_core_1 = require("@microcosmmoney/auth-core");
+const RANK_LABELS = {
+    Recruit: 'Recruit',
+    Prospect: 'Prospect',
+    Miner: 'Miner',
+    Commander: 'Commander',
+    Pioneer: 'Pioneer',
+    Warden: 'Warden',
+    Admiral: 'Admiral',
+};
+const RANK_COLORS = {
+    Recruit: 'text-neutral-500',
+    Prospect: 'text-neutral-400',
+    Miner: 'text-cyan-300',
+    Commander: 'text-white',
+    Pioneer: 'text-cyan-400',
+    Warden: 'text-cyan-300',
+    Admiral: 'text-cyan-300',
+};
+function getCompanionYield(rank) {
+    if (!rank)
+        return [];
+    if (rank === auth_core_1.UserRank.RECRUIT || rank === auth_core_1.UserRank.PROSPECT) {
+        return [
+            { label: 'Team', share: '100%', type: 'MCC' },
+        ];
+    }
+    return [
+        { label: 'Team', share: '10%', type: 'MCC' },
+        { label: 'Magistrate', share: '10%', type: 'MCC' },
+        { label: 'Station Vault', share: '30%', type: 'MCD' },
+    ];
+}
+function MicrocosmMiningWeight() {
+    const { data, loading } = (0, auth_react_1.useUserLevel)();
+    const rank = data?.level ?? null;
+    const miningDays = data?.upgrade_progress?.current_days ?? 0;
+    const companionYield = getCompanionYield(rank);
+    return ((0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg h-full hover:border-cyan-400/50 transition-colors", children: (0, jsx_runtime_1.jsx)("div", { className: "p-6", children: loading ? ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center py-12", children: (0, jsx_runtime_1.jsx)("span", { className: "inline-block w-5 h-5 border-2 border-cyan-400 border-t-transparent rounded-full animate-spin" }) })) : ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-3 gap-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-neutral-400 text-xs font-mono tracking-wider mb-1", children: "level" }), (0, jsx_runtime_1.jsx)("div", { className: `text-sm font-bold font-mono ${RANK_COLORS[rank ?? ''] ?? 'text-neutral-500'}`, children: rank ? RANK_LABELS[rank] ?? rank : 'N/A' })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-neutral-400 text-xs font-mono tracking-wider mb-1", children: "tech_tree" }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm font-bold font-mono text-white", children: "-10%" }), (0, jsx_runtime_1.jsx)("div", { className: "text-[10px] text-neutral-500 font-mono", children: "mining discount" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-neutral-400 text-xs font-mono tracking-wider mb-1", children: "mining_days" }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm font-bold font-mono text-white", children: miningDays }), (0, jsx_runtime_1.jsx)("div", { className: "text-[10px] text-neutral-500 font-mono", children: "cumulative" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-neutral-400 text-xs font-mono tracking-wider mb-3", children: "companion_yield" }), (0, jsx_runtime_1.jsx)("p", { className: "text-[10px] text-neutral-500 font-mono mb-3", children: "Each mining produces companion yield, auto-injected into territory ecosystem" }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-2", children: companionYield.map((row) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between px-2 py-1.5 bg-neutral-900 rounded hover:bg-neutral-700 transition-colors", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-xs font-mono text-neutral-300", children: row.label }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-xs font-mono font-bold text-white", children: row.share }), (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] font-mono px-1.5 py-0.5 rounded bg-cyan-400/20 text-cyan-400", children: row.type })] })] }, row.label))) }), rank && (rank === auth_core_1.UserRank.RECRUIT || rank === auth_core_1.UserRank.PROSPECT) && ((0, jsx_runtime_1.jsx)("div", { className: "mt-3 text-[10px] text-neutral-500 font-mono border-t border-neutral-700 pt-2", children: "Upgrade to Miner to unlock Magistrate + Station Vault distribution" }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-[10px] text-neutral-500 font-mono space-y-1", children: [(0, jsx_runtime_1.jsx)("div", { children: "Mining price = Oracle price \u00D7 2 (user receives 100% MCC)" }), (0, jsx_runtime_1.jsx)("div", { children: "Companion yield syncs 1:1 with user mining amount" })] })] })) }) }));
+}

package/dist/components/dashboard/minting-stats.d.ts

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

package/dist/components/dashboard/minting-stats.js

@@ -0,0 +1,13 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MicrocosmMintingStats = MicrocosmMintingStats;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const auth_react_1 = require("@microcosmmoney/auth-react");
+function MicrocosmMintingStats() {
+    const { data, loading } = (0, auth_react_1.useMiningRatio)();
+    return ((0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg h-full hover:border-cyan-400/50 transition-colors", children: (0, jsx_runtime_1.jsx)("div", { className: "p-6", children: loading ? ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center py-8", children: (0, jsx_runtime_1.jsx)("span", { className: "inline-block w-5 h-5 border-2 border-cyan-400 border-t-transparent rounded-full animate-spin" }) })) : data ? ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 font-mono tracking-wider mb-1", children: "total_minted" }), (0, jsx_runtime_1.jsxs)("div", { className: "text-xl font-bold font-mono text-white", children: [(data.total_minted ?? 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 }), " MCC"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs text-neutral-400 font-mono tracking-wider mb-1", children: "current_rate" }), (0, jsx_runtime_1.jsxs)("div", { className: "text-xl font-bold font-mono text-cyan-400", children: ["1:", (data.usdc_per_mcc ?? 0).toFixed(2)] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-neutral-800 rounded p-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center mb-2 text-sm font-mono", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-neutral-400", children: "next_halving" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-white", children: [(Math.ceil((data.total_minted ?? 0) / 100000000 + 1) * 100000000 - (data.total_minted ?? 0)).toLocaleString('en-US', { maximumFractionDigits: 0 }), " MCC"] })] }), (0, jsx_runtime_1.jsx)("div", { className: "w-full bg-neutral-800 rounded-full h-2", children: (0, jsx_runtime_1.jsx)("div", { className: "bg-cyan-400 h-2 rounded-full transition-all", style: {
+                                        width: `${((data.total_minted ?? 0) % 100000000) / 100000000 * 100}%`,
+                                    } }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center mt-2 text-xs text-neutral-500 font-mono", children: [(0, jsx_runtime_1.jsxs)("span", { children: ["phase: ", data.current_stage ?? 1] }), (0, jsx_runtime_1.jsx)("span", { children: "threshold: 100M" })] })] })] })) : ((0, jsx_runtime_1.jsxs)("div", { className: "text-center py-8 text-neutral-500 font-mono", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-cyan-400", children: "warning:" }), " no minting data"] })) }) }));
+}

package/dist/components/dashboard/price-chart.d.ts

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

package/dist/components/dashboard/price-chart.js

@@ -0,0 +1,40 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MicrocosmPriceChart = MicrocosmPriceChart;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const auth_react_1 = require("@microcosmmoney/auth-react");
+const recharts_1 = require("recharts");
+const timeRanges = [
+    { label: '1D', value: '1D' },
+    { label: '7D', value: '7D' },
+    { label: '30D', value: '30D' },
+];
+function MicrocosmPriceChart() {
+    const [range, setRange] = (0, react_1.useState)('7D');
+    const { data, loading } = (0, auth_react_1.usePriceHistory)(range);
+    const chartData = data?.map((item) => ({
+        time: item.timestamp * 1000,
+        price: item.close,
+    })) || [];
+    const prices = chartData.map((d) => d.price);
+    const minPrice = prices.length > 0 ? Math.min(...prices) * 0.995 : 0;
+    const maxPrice = prices.length > 0 ? Math.max(...prices) * 1.005 : 1;
+    const formatTime = (ts) => {
+        const d = new Date(ts);
+        if (range === '1D')
+            return d.toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit', hour12: false });
+        return d.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg overflow-hidden h-full flex flex-col hover:border-cyan-400/50 transition-colors", children: (0, jsx_runtime_1.jsxs)("div", { className: "p-6 flex-1 flex flex-col", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-between mb-4", children: (0, jsx_runtime_1.jsx)("div", { className: "flex gap-1 bg-black p-0.5 rounded", children: timeRanges.map((tr) => ((0, jsx_runtime_1.jsx)("button", { onClick: () => setRange(tr.value), className: `px-2.5 py-1 text-[10px] font-mono font-bold rounded transition-colors ${range === tr.value
+                                ? 'bg-cyan-700 text-white'
+                                : 'text-neutral-500 hover:text-neutral-300'}`, children: tr.label }, tr.value))) }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1 min-h-[200px]", children: loading ? ((0, jsx_runtime_1.jsx)("div", { className: "h-full bg-neutral-800 rounded animate-pulse" })) : chartData.length === 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "h-full flex items-center justify-center text-neutral-500 font-mono text-sm", children: "No price data available" })) : ((0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, { width: "100%", height: "100%", children: (0, jsx_runtime_1.jsxs)(recharts_1.AreaChart, { data: chartData, margin: { top: 5, right: 5, left: -15, bottom: 0 }, children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("linearGradient", { id: "mcPriceGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [(0, jsx_runtime_1.jsx)("stop", { offset: "5%", stopColor: "#22d3ee", stopOpacity: 0.3 }), (0, jsx_runtime_1.jsx)("stop", { offset: "95%", stopColor: "#22d3ee", stopOpacity: 0 })] }) }), (0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, { vertical: false, strokeDasharray: "3 3", stroke: "#404040" }), (0, jsx_runtime_1.jsx)(recharts_1.XAxis, { dataKey: "time", tick: { fill: '#737373', fontSize: 10, fontFamily: 'monospace' }, tickLine: false, axisLine: false, tickFormatter: formatTime }), (0, jsx_runtime_1.jsx)(recharts_1.YAxis, { tick: { fill: '#737373', fontSize: 10, fontFamily: 'monospace' }, tickLine: false, axisLine: false, tickFormatter: (v) => `$${v.toFixed(3)}`, domain: [minPrice, maxPrice] }), (0, jsx_runtime_1.jsx)(recharts_1.Tooltip, { contentStyle: {
+                                        backgroundColor: '#171717',
+                                        border: '1px solid #404040',
+                                        borderRadius: '6px',
+                                        fontFamily: 'monospace',
+                                        fontSize: '11px',
+                                    }, labelFormatter: (ts) => new Date(ts).toLocaleString(), formatter: (value) => [`$${Number(value).toFixed(4)}`, 'Price'] }), (0, jsx_runtime_1.jsx)(recharts_1.Area, { type: "monotone", dataKey: "price", stroke: "#22d3ee", strokeWidth: 2, fill: "url(#mcPriceGradient)" })] }) })) })] }) }));
+}

package/dist/components/dashboard/quick-actions.d.ts

@@ -0,0 +1,5 @@
+export interface MicrocosmQuickActionsProps {
+    basePath?: string;
+    onNavigate?: (path: string) => void;
+}
+export declare function MicrocosmQuickActions({ basePath, onNavigate }: MicrocosmQuickActionsProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/dashboard/quick-actions.js

@@ -0,0 +1,22 @@
+"use strict";
+// AI-generated · AI-managed · AI-maintained
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MicrocosmQuickActions = MicrocosmQuickActions;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const actions = [
+    { label: 'Mining', path: '/mcc/mining', color: 'text-cyan-300 border-cyan-400/30 hover:bg-cyan-950/30' },
+    { label: 'Reincarnation', path: '/mcc/reincarnation', color: 'text-white border-neutral-700 hover:bg-neutral-800' },
+    { label: 'Jupiter Trade', href: 'https://jup.ag/swap/USDT-MCCpDtigJLYnfGe1fW5xrSA8AXo6AeAj8ECE7wVqP5e', color: 'text-cyan-300 border-cyan-400/30 hover:bg-cyan-950/30', external: true },
+    { label: 'Market Data', path: '/market', color: 'text-white border-neutral-700 hover:bg-neutral-800' },
+];
+function MicrocosmQuickActions({ basePath = '', onNavigate }) {
+    const resolvePath = (p) => basePath ? `${basePath.replace(/\/$/, '')}${p}` : p;
+    return ((0, jsx_runtime_1.jsx)("div", { className: "mb-6", children: (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-2 lg:grid-cols-4 gap-3", children: actions.map((action) => {
+                const content = ((0, jsx_runtime_1.jsx)("div", { className: `bg-neutral-900 border ${action.color} rounded-lg p-4 flex items-center gap-3 cursor-pointer active:scale-[0.98] transition-colors`, children: (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-sm font-bold tracking-wider", children: action.label }) }));
+                if ('external' in action && action.external) {
+                    return ((0, jsx_runtime_1.jsx)("a", { href: action.href, target: "_blank", rel: "noopener noreferrer", children: content }, action.label));
+                }
+                return ((0, jsx_runtime_1.jsx)("div", { onClick: () => onNavigate?.(resolvePath(action.path)), role: "button", tabIndex: 0, onKeyDown: (e) => e.key === 'Enter' && onNavigate?.(resolvePath(action.path)), children: content }, action.label));
+            }) }) }));
+}

package/dist/index.d.ts

@@ -23,3 +23,14 @@ 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';
+export { MicrocosmDashboardOverview } from './components/dashboard/dashboard-overview';
+export type { MicrocosmDashboardOverviewProps } from './components/dashboard/dashboard-overview';
+export { MicrocosmMarketBar } from './components/dashboard/market-overview-bar';
+export { MicrocosmQuickActions } from './components/dashboard/quick-actions';
+export type { MicrocosmQuickActionsProps } from './components/dashboard/quick-actions';
+export { MicrocosmAssetsSummary } from './components/dashboard/assets-summary';
+export type { MicrocosmAssetsSummaryProps } from './components/dashboard/assets-summary';
+export { MicrocosmPriceChart } from './components/dashboard/price-chart';
+export { MicrocosmMintingStats } from './components/dashboard/minting-stats';
+export { MicrocosmMiningWeight } from './components/dashboard/mining-weight';
+export { MicrocosmLockPeriods } from './components/dashboard/lock-periods';

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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;
+exports.MicrocosmLockPeriods = exports.MicrocosmMiningWeight = exports.MicrocosmMintingStats = exports.MicrocosmPriceChart = exports.MicrocosmAssetsSummary = exports.MicrocosmQuickActions = exports.MicrocosmMarketBar = exports.MicrocosmDashboardOverview = 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; } });
@@ -42,3 +42,19 @@ 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; } });
+var dashboard_overview_1 = require("./components/dashboard/dashboard-overview");
+Object.defineProperty(exports, "MicrocosmDashboardOverview", { enumerable: true, get: function () { return dashboard_overview_1.MicrocosmDashboardOverview; } });
+var market_overview_bar_1 = require("./components/dashboard/market-overview-bar");
+Object.defineProperty(exports, "MicrocosmMarketBar", { enumerable: true, get: function () { return market_overview_bar_1.MicrocosmMarketBar; } });
+var quick_actions_1 = require("./components/dashboard/quick-actions");
+Object.defineProperty(exports, "MicrocosmQuickActions", { enumerable: true, get: function () { return quick_actions_1.MicrocosmQuickActions; } });
+var assets_summary_1 = require("./components/dashboard/assets-summary");
+Object.defineProperty(exports, "MicrocosmAssetsSummary", { enumerable: true, get: function () { return assets_summary_1.MicrocosmAssetsSummary; } });
+var price_chart_1 = require("./components/dashboard/price-chart");
+Object.defineProperty(exports, "MicrocosmPriceChart", { enumerable: true, get: function () { return price_chart_1.MicrocosmPriceChart; } });
+var minting_stats_1 = require("./components/dashboard/minting-stats");
+Object.defineProperty(exports, "MicrocosmMintingStats", { enumerable: true, get: function () { return minting_stats_1.MicrocosmMintingStats; } });
+var mining_weight_1 = require("./components/dashboard/mining-weight");
+Object.defineProperty(exports, "MicrocosmMiningWeight", { enumerable: true, get: function () { return mining_weight_1.MicrocosmMiningWeight; } });
+var lock_periods_1 = require("./components/dashboard/lock-periods");
+Object.defineProperty(exports, "MicrocosmLockPeriods", { enumerable: true, get: function () { return lock_periods_1.MicrocosmLockPeriods; } });

package/package.json

@@ -1,26 +1,30 @@
 {
   "name": "@microcosmmoney/portal-react",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Microcosm Portal UI components for React/Next.js",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "build": "tsc",
     "dev": "tsc --watch"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
+    "react-dom": ">=18.0.0",
+    "recharts": ">=2.0.0"
   },
   "dependencies": {
-    "@microcosmmoney/auth-core": "^1.3.0",
-    "@microcosmmoney/auth-react": "^1.3.0",
+    "@microcosmmoney/auth-core": "^1.4.0",
+    "@microcosmmoney/auth-react": "^1.4.0",
     "lucide-react": ">=0.300.0"
   },
   "devDependencies": {
     "@types/react": "^18.0.0",
     "react": "^18.0.0",
+    "recharts": "^3.7.0",
     "typescript": "^5.3.0"
   },
   "license": "MIT",