Initial commit: SQL audit platform v0.1.0

FastAPI backend with auth, user, instance, ticket, query, dashboard APIs.
React + TypeScript frontend with mock data UI (10 pages).
SQLite + async SQLAlchemy, JWT auth, role-based access control.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

frontend/src/App.tsx

@@ -0,0 +1,86 @@
+import { BrowserRouter, Routes, Route, Navigate, Outlet } from 'react-router-dom';
+import { AuthProvider, useAuth } from '@/hooks/useAuth';
+import { ThemeProvider } from '@/hooks/useTheme';
+import Layout from '@/components/Layout';
+import LoginPage from '@/pages/LoginPage';
+import Dashboard from '@/pages/Dashboard';
+import InstancePage from '@/pages/InstancePage';
+import TicketsPage from '@/pages/TicketsPage';
+import QueriesPage from '@/pages/QueriesPage';
+import RolesPage from '@/pages/RolesPage';
+import UsersPage from '@/pages/UsersPage';
+import DataPermissionPage from '@/pages/DataPermissionPage';
+import AuditRulesPage from '@/pages/AuditRulesPage';
+import WorkflowPage from '@/pages/WorkflowPage';
+import AutoTaskPage from '@/pages/AutoTaskPage';
+import AnnouncementPage from '@/pages/AnnouncementPage';
+import ConfigPlatformPage from '@/pages/ConfigPlatformPage';
+
+// 路由守卫：未登录跳转登录页，无权限跳转仪表盘
+function RouteGuard() {
+  const { isLoggedIn, hasPermission } = useAuth();
+  const path = location.pathname.slice(1) || 'dashboard';
+
+  if (!isLoggedIn) {
+    return <Navigate to="/login" replace />;
+  }
+
+  // 检查当前路径是否有权限访问
+  if (path !== 'dashboard' && !hasPermission(path)) {
+    return <Navigate to="/dashboard" replace />;
+  }
+
+  return <Outlet />;
+}
+
+// 登录页守卫：已登录用户自动跳转到仪表盘
+function LoginGuard() {
+  const { isLoggedIn } = useAuth();
+  if (isLoggedIn) {
+    return <Navigate to="/dashboard" replace />;
+  }
+  return <LoginPage />;
+}
+
+function AppRoutes() {
+  return (
+    <Routes>
+      <Route path="/login" element={<LoginGuard />} />
+      <Route element={<RouteGuard />}>
+        <Route path="/" element={<Layout />}>
+          <Route index element={<Navigate to="/dashboard" replace />} />
+          <Route path="dashboard" element={<Dashboard />} />
+          <Route path="mysql" element={<InstancePage />} />
+          <Route path="postgres" element={<InstancePage />} />
+          <Route path="redis" element={<InstancePage />} />
+          <Route path="mongo" element={<InstancePage />} />
+          <Route path="tickets" element={<TicketsPage />} />
+          <Route path="queries" element={<QueriesPage />} />
+          <Route path="roles" element={<RolesPage />} />
+          <Route path="users" element={<UsersPage />} />
+          <Route path="data-permission" element={<DataPermissionPage />} />
+          <Route path="audit-rules" element={<AuditRulesPage />} />
+          <Route path="workflow" element={<WorkflowPage />} />
+          <Route path="auto-task" element={<AutoTaskPage />} />
+          <Route path="announcement" element={<AnnouncementPage />} />
+          <Route path="config-platform" element={<ConfigPlatformPage />} />
+          <Route path="*" element={<Navigate to="/dashboard" replace />} />
+        </Route>
+      </Route>
+    </Routes>
+  );
+}
+
+function App() {
+  return (
+    <BrowserRouter>
+      <ThemeProvider>
+        <AuthProvider>
+          <AppRoutes />
+        </AuthProvider>
+      </ThemeProvider>
+    </BrowserRouter>
+  );
+}
+
+export default App;