deerflow-code/frontend-web/src/App.tsx

import { useMemo } from "react";
import { Navigate, Route, Routes } from "react-router-dom";
import { ThemeProvider as NextThemesProvider } from "next-themes";

import { QueryClientProvider } from "@/components/query-client-provider";
import { I18nProvider } from "@/core/i18n/context";
import { detectLocale } from "@/core/i18n/locale";
import { ChatProvider } from "@/contexts/ChatContext";
import { ThemeProvider } from "@/contexts/ThemeContext";

import { HashRouter, useLocation } from "react-router-dom";

import LandingPage from "./pages/LandingPage";
import LoginPage from "./pages/LoginPage";
import PageRoutes from "./pages/PageRoutes";
import PublicScheduledTaskPage from "./pages/PublicScheduledTaskPage";
import PublicSharePage from "./pages/PublicSharePage";
import { NotFoundPage } from "./pages/NotFoundPage";

function AppProviders({ children }: { children: React.ReactNode }) {
  const locale = useMemo(() => detectLocale(), []);
  const location = useLocation();
  const forcedTheme = location.pathname === "/landing" ? "dark" : undefined;

  return (
    <NextThemesProvider
      attribute="class"
      enableSystem
      disableTransitionOnChange
      forcedTheme={forcedTheme}
    >
      <I18nProvider initialLocale={locale}>
        <ThemeProvider>
          <ChatProvider>
            <QueryClientProvider>{children}</QueryClientProvider>
          </ChatProvider>
        </ThemeProvider>
      </I18nProvider>
    </NextThemesProvider>
  );
}

export function App() {
  return (
    <HashRouter>
      <AppProviders>
        <Routes>
          <Route path="/" element={<Navigate to="/login" replace />} />
          <Route path="/login" element={<LoginPage />} />
          <Route path="/login/:username" element={<LoginPage />} />
          <Route path="/landing" element={<LandingPage />} />
          {/* Public read-only conversation viewer — no authentication. */}
          <Route path="/share/:shareCode" element={<PublicSharePage />} />
          {/* Public read-only scheduled-task runs viewer — no authentication. */}
          <Route
            path="/public/scheduled-tasks/:taskId"
            element={<PublicScheduledTaskPage />}
          />
          <Route path="/page/*" element={<PageRoutes />} />
          <Route path="*" element={<NotFoundPage />} />
        </Routes>
      </AppProviders>
    </HashRouter>
  );
}