chore: initial commit for phase05

apps/web/src/App.tsx

@@ -1,5 +1,38 @@
+import { useEffect } from 'react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { BrowserRouter, Routes, Route } from 'react-router';
+import { BrowserRouter, Routes, Route, Navigate, Outlet } from 'react-router';
+import { Toaster } from 'sonner';
+import { TooltipProvider } from '@/components/ui/tooltip';
+import { useAuthStore } from '@/stores/auth';
+
+// Layouts
+import { AppLayout } from '@/components/layout/app-layout';
+import { ServerLayout } from '@/components/layout/server-layout';
+
+// Auth pages
+import { LoginPage } from '@/pages/auth/login';
+import { RegisterPage } from '@/pages/auth/register';
+
+// App pages
+import { OrganizationsPage } from '@/pages/organizations/index';
+import { DashboardPage } from '@/pages/dashboard/index';
+import { CreateServerPage } from '@/pages/servers/create';
+import { NodesPage } from '@/pages/nodes/index';
+import { MembersPage } from '@/pages/settings/members';
+
+// Server pages
+import { ConsolePage } from '@/pages/server/console';
+import { FilesPage } from '@/pages/server/files';
+import { BackupsPage } from '@/pages/server/backups';
+import { SchedulesPage } from '@/pages/server/schedules';
+import { PluginsPage } from '@/pages/server/plugins';
+import { PlayersPage } from '@/pages/server/players';
+import { ServerSettingsPage } from '@/pages/server/settings';
+
+// Admin pages
+import { AdminUsersPage } from '@/pages/admin/users';
+import { AdminGamesPage } from '@/pages/admin/games';
+import { AdminAuditLogsPage } from '@/pages/admin/audit-logs';
 
 const queryClient = new QueryClient({
   defaultOptions: {
@@ -10,24 +43,76 @@ const queryClient = new QueryClient({
   },
 });
 
+function AuthGuard() {
+  const { isAuthenticated, isLoading, fetchUser } = useAuthStore();
+
+  useEffect(() => {
+    fetchUser();
+  }, [fetchUser]);
+
+  if (isLoading) {
+    return (
+      <div className="flex min-h-screen items-center justify-center">
+        <div className="h-8 w-8 animate-spin rounded-full border-2 border-primary border-t-transparent" />
+      </div>
+    );
+  }
+
+  if (!isAuthenticated) {
+    return <Navigate to="/login" replace />;
+  }
+
+  return <Outlet />;
+}
+
 export function App() {
   return (
     <QueryClientProvider client={queryClient}>
-      <BrowserRouter>
-        <Routes>
-          <Route
-            path="/"
-            element={
-              <div className="flex min-h-screen items-center justify-center">
-                <div className="text-center">
-                  <h1 className="text-4xl font-bold">GamePanel</h1>
-                  <p className="mt-2 text-muted-foreground">Game Server Management Panel</p>
-                </div>
-              </div>
-            }
-          />
-        </Routes>
-      </BrowserRouter>
+      <TooltipProvider>
+        <BrowserRouter>
+          <Routes>
+            {/* Public routes */}
+            <Route path="/login" element={<LoginPage />} />
+            <Route path="/register" element={<RegisterPage />} />
+
+            {/* Protected routes */}
+            <Route element={<AuthGuard />}>
+              <Route element={<AppLayout />}>
+                {/* Organizations */}
+                <Route path="/" element={<OrganizationsPage />} />
+
+                {/* Org-scoped routes */}
+                <Route path="/org/:orgId/dashboard" element={<DashboardPage />} />
+                <Route path="/org/:orgId/servers/new" element={<CreateServerPage />} />
+                <Route path="/org/:orgId/nodes" element={<NodesPage />} />
+                <Route path="/org/:orgId/settings/members" element={<MembersPage />} />
+
+                {/* Server detail */}
+                <Route path="/org/:orgId/servers/:serverId" element={<ServerLayout />}>
+                  <Route index element={<Navigate to="console" replace />} />
+                  <Route path="console" element={<ConsolePage />} />
+                  <Route path="files" element={<FilesPage />} />
+                  <Route path="backups" element={<BackupsPage />} />
+                  <Route path="schedules" element={<SchedulesPage />} />
+                  <Route path="plugins" element={<PluginsPage />} />
+                  <Route path="players" element={<PlayersPage />} />
+                  <Route path="settings" element={<ServerSettingsPage />} />
+                </Route>
+
+                {/* Admin */}
+                <Route path="/admin/users" element={<AdminUsersPage />} />
+                <Route path="/admin/games" element={<AdminGamesPage />} />
+                <Route path="/admin/nodes" element={<NodesPage />} />
+                <Route path="/admin/audit-logs" element={<AdminAuditLogsPage />} />
+              </Route>
+            </Route>
+
+            {/* Fallback */}
+            <Route path="*" element={<Navigate to="/" replace />} />
+          </Routes>
+        </BrowserRouter>
+        <Toaster position="bottom-right" richColors />
+      </TooltipProvider>
     </QueryClientProvider>
   );
 }