-
- {/* ── App header ─────────────────────────────────────────────── */}
-
- {/* ML logotype mark */}
-
- ML
-
-
-
- Marstart Link
-
-
- SD-WAN GAMING NETWORK
-
-
- {/* Live status pill */}
-
-
-
- {/* ── Living Mars canvas ─────────────────────────────────────── */}
- {/* Canvas background matches page — seamless integration */}
-
-
-
-
- {/* ── Connect button ─────────────────────────────────────────── */}
- {/* Positioned just below canvas, negative margin to close visual gap */}
-
- {/* Animated ring (connecting only) */}
- {isConnecting && (
-
- )}
-
-
-
- {/* ── Metric cards (2+2 grid) ────────────────────────────────── */}
-
- {statCards.map(card => (
-
-
- {card.label}
-
-
- {card.val}
- {card.unit && (
-
- {card.unit}
-
- )}
-
-
- ))}
-
-
- {/* ── Active endpoint ────────────────────────────────────────── */}
-
-
- ACTIVE ENDPOINT
-
-
- {ep || '—'}
-
-
-
- {/* ── Current traffic ────────────────────────────────────────── */}
-
-
- CURRENT TRAFFIC
-
-
- {m.traffic}
-
-
-
- {/* ── Simulation controls (visually demoted, demo-only) ──────── */}
-
-
- SIMULATION CONTROLS
-
-
- {SIM_STATES.map(([id, label]) => (
-
- ))}
-
-
-
- {/* ── Footer ─────────────────────────────────────────────────── */}
-
- MARSTART LINK · LIVING MARS v2.0 · ALL RIGHTS RESERVED
-
-
- );
-}
\ No newline at end of file