ruvector/examples/edge-net/dashboard/index.html
rUv e612b94b54 feat(dashboard): add Edge-Net Time Crystal Dashboard
Complete ViteJS dashboard implementation with:
- HeroUI components for responsive mobile/desktop layout
- Time Crystal dark theme with crystal, temporal, quantum colors
- Network stats visualization with real-time canvas animation
- CDN integration panel for WASM/AI/crypto script management
- WASM modules panel with status and benchmark tracking
- MCP tools panel with 15 default swarm/neural/performance tools
- Credits economy panel with time crystal staking
- Browser console debug panel with log capture
- Zustand stores for state management
- React Query for async data
- Docker configuration (multi-stage nginx build)
- Comprehensive test suite (39 tests passing)

Dashboard features:
- Responsive sidebar (desktop) and drawer (mobile) navigation
- Tab-based content switching with framer-motion animations
- Real-time network activity simulation
- Debug console with timing utilities and window.edgeNet API
- Glow effects and crystal-themed visual styling

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-01 07:47:14 +00:00

18 lines
735 B
HTML

<!doctype html>
<html lang="en" class="dark">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/crystal.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#0a0a0f" />
<meta name="description" content="RuVector Edge-Net Dashboard - Distributed Compute Intelligence Network" />
<title>Edge-Net Dashboard | Time Crystal Network</title>
<!-- Preconnect to CDNs -->
<link rel="preconnect" href="https://cdnjs.cloudflare.com" />
<link rel="preconnect" href="https://unpkg.com" />
</head>
<body class="dark">
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>