Upload 3 files

frontend/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "ruhi-core-dashboard",
+  "version": "1.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^6.28.0",
+    "framer-motion": "^11.12.0",
+    "lucide-react": "^0.460.0",
+    "recharts": "^2.14.1",
+    "zustand": "^5.0.2",
+    "@tanstack/react-query": "^5.62.0",
+    "react-hot-toast": "^2.4.1",
+    "react-dropzone": "^14.3.5",
+    "react-syntax-highlighter": "^15.6.1",
+    "date-fns": "^4.1.0",
+    "clsx": "^2.1.1"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.3.4",
+    "vite": "^6.0.3",
+    "tailwindcss": "^3.4.16",
+    "postcss": "^8.4.49",
+    "autoprefixer": "^10.4.20"
+  }
+}

frontend/tailwind.config.js

@@ -0,0 +1,48 @@
+export default {
+  content: ["./index.html", "./src/**/*.{js,jsx}"],
+  theme: {
+    extend: {
+      colors: {
+        neon: '#00ffcc',
+        'neon-dim': 'rgba(0, 255, 204, 0.1)',
+        'bg-primary': '#0a0a0f',
+        'bg-secondary': '#12121a',
+        'bg-card': 'rgba(20, 20, 35, 0.8)',
+        'bg-glass': 'rgba(255, 255, 255, 0.03)',
+        danger: '#ff4757',
+        warning: '#ffa502',
+        success: '#2ed573',
+        purple: '#a855f7',
+      },
+      fontFamily: {
+        sans: ['Inter', 'system-ui', 'sans-serif'],
+        mono: ['JetBrains Mono', 'monospace'],
+      },
+      animation: {
+        'glow': 'glow 2s ease-in-out infinite alternate',
+        'slide-up': 'slideUp 0.5s ease-out',
+        'slide-in': 'slideIn 0.3s ease-out',
+        'pulse-neon': 'pulseNeon 2s infinite',
+      },
+      keyframes: {
+        glow: {
+          '0%': { boxShadow: '0 0 5px rgba(0,255,204,0.2)' },
+          '100%': { boxShadow: '0 0 20px rgba(0,255,204,0.4)' },
+        },
+        slideUp: {
+          '0%': { transform: 'translateY(20px)', opacity: '0' },
+          '100%': { transform: 'translateY(0)', opacity: '1' },
+        },
+        slideIn: {
+          '0%': { transform: 'translateX(100%)', opacity: '0' },
+          '100%': { transform: 'translateX(0)', opacity: '1' },
+        },
+        pulseNeon: {
+          '0%, 100%': { opacity: '1' },
+          '50%': { opacity: '0.5' },
+        },
+      },
+    },
+  },
+  plugins: [],
+}

frontend/vite.config.js

@@ -0,0 +1,18 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+export default defineConfig({
+  plugins: [react()],
+  build: {
+    outDir: 'dist',
+    assetsDir: 'assets',
+    sourcemap: false,
+    minify: 'terser',
+  },
+  server: {
+    proxy: {
+      '/api': 'http://localhost:7860',
+      '/ws': { target: 'ws://localhost:7860', ws: true },
+    }
+  }
+})