import { Route, Routes } from "react-router";

import { AdminConsoleLayout } from "./consoles/admin/AdminConsoleLayout";
import { WorkbenchProjectGate } from "./consoles/workbench/WorkbenchProjectGate";
import { NotFoundPage } from "./pages/404";
import { DashboardPage } from "./pages/dashboard";
import { ModelsPage } from "./pages/models";
import { ProjectsPage } from "./pages/projects";
import { WorkbenchOverviewPage } from "./pages/workbench";

export function AppRoutes() {
  return (
    <Routes>
      <Route element={<AdminConsoleLayout />}>
        <Route element={<DashboardPage />} path="/" />
        <Route element={<ProjectsPage />} path="/projects" />
        <Route element={<ModelsPage />} path="/models" />
      </Route>
      <Route element={<WorkbenchProjectGate />} path="/workbench/:projectId">
        <Route element={<WorkbenchOverviewPage />} path="" />
      </Route>
      <Route element={<NotFoundPage />} path="*" />
    </Routes>
  );
}
