first

frontend/src/App.tsx

@@ -0,0 +1,53 @@
+import { Routes, Route, Navigate } from 'react-router-dom'
+import { useAuthStore } from '@/store/authStore'
+import LoginPage from '@/pages/LoginPage'
+import UploadPage from '@/pages/UploadPage'
+import ProcessingPage from '@/pages/ProcessingPage'
+import ResultsPage from '@/pages/ResultsPage'
+import ExportPage from '@/pages/ExportPage'
+import SettingsPage from '@/pages/SettingsPage'
+import Layout from '@/components/Layout'
+
+/**
+ * Protected Route Component
+ */
+function ProtectedRoute({ children }: { children: React.ReactNode }) {
+  const isAuthenticated = useAuthStore((state) => state.isAuthenticated)
+
+  if (!isAuthenticated) {
+    return <Navigate to="/login" replace />
+  }
+
+  return <>{children}</>
+}
+
+function App() {
+  return (
+    <Routes>
+      {/* Public routes */}
+      <Route path="/login" element={<LoginPage />} />
+
+      {/* Protected routes with layout */}
+      <Route
+        path="/"
+        element={
+          <ProtectedRoute>
+            <Layout />
+          </ProtectedRoute>
+        }
+      >
+        <Route index element={<Navigate to="/upload" replace />} />
+        <Route path="upload" element={<UploadPage />} />
+        <Route path="processing" element={<ProcessingPage />} />
+        <Route path="results" element={<ResultsPage />} />
+        <Route path="export" element={<ExportPage />} />
+        <Route path="settings" element={<SettingsPage />} />
+      </Route>
+
+      {/* Catch all */}
+      <Route path="*" element={<Navigate to="/" replace />} />
+    </Routes>
+  )
+}
+
+export default App