feat: migrate and redesign dashboard to modern React

- Full rewrite of legacy vanilla JS UI into React SPA
- Implement modern design system using Tailwind CSS and shadcn/ui primitives
- Create typed API modules and hooks for voice, media, and moderation
- Add new features: separated Music and Screen Share panels, Image Grid
- Implement unified WebSocket hook for real-time state and PCM audio
- Improve visualizer with smooth CSS transitions and live state sync
- Add __dirname polyfill for ES module compatibility
- Ensure responsive layout for mobile and desktop

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
MythEclipse
2026-05-16 19:17:34 +07:00
co-authored by Claude Opus 4.7
parent 3c7d722973
commit 82025a19b2
51 changed files with 2865 additions and 1204 deletions
+10
View File
@@ -26,16 +26,22 @@
"@dank074/discord-video-stream": "workspace:*",
"@discordjs/opus": "^0.10.0",
"@discordjs/voice": "^0.19.1",
"@radix-ui/react-scroll-area": "^1.2.10",
"@radix-ui/react-select": "^2.2.6",
"@radix-ui/react-slot": "^1.2.4",
"@radix-ui/react-tabs": "^1.1.13",
"@snazzah/davey": "^0.1.10",
"@types/pg": "^8.20.0",
"@vitejs/plugin-react": "^6.0.2",
"better-sqlite3": "^12.10.0",
"clsx": "^2.1.1",
"discord.js-selfbot-v13": "workspace:*",
"dotenv": "^17.4.2",
"drizzle-orm": "^0.45.2",
"express": "^5.2.1",
"helmet": "^8.1.0",
"libsodium-wrappers": "^0.8.2",
"lucide-react": "^1.16.0",
"p-retry": "^8.0.0",
"pg": "^8.20.0",
"pino": "^10.3.1",
@@ -46,6 +52,7 @@
"react": "^19.2.6",
"react-dom": "^19.2.6",
"sodium-native": "^5.1.0",
"tailwind-merge": "^3.6.0",
"vite": "^8.0.13",
"ws": "^8.20.1",
"zod": "^4.4.3"
@@ -58,8 +65,11 @@
"@types/react": "^19.2.14",
"@types/react-dom": "^19.2.3",
"@types/ws": "^8.18.1",
"autoprefixer": "^10.5.0",
"drizzle-kit": "^0.31.10",
"pino-pretty": "^13.1.3",
"postcss": "^8.5.14",
"tailwindcss": "^3.4.17",
"tsx": "^4.22.0",
"vitest": "latest"
}