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

import { FontScaleApplier } from "@/components/font-scale";
import { QueryClientProvider } from "@/components/query-client-provider";
import { AuthSyncWatcher } from "@/core/auth/sync";
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, {
  PublicScheduledTaskFullscreenPage,
} from "./pages/PublicScheduledTaskPage";
import PublicSharePage from "./pages/PublicSharePage";
import PublicLeaderboardPage from "./pages/PublicLeaderboardPage";
import PublicRoundtableSharePage from "./pages/PublicRoundtableSharePage";
import EmbedChatPage from "./pages/EmbedChatPage";
import EmbedRoundtablePage from "./pages/EmbedRoundtablePage";
import { ChatRuntime } from "./pages/WorkspaceRoutes";
import { NotFoundPage } from "./pages/NotFoundPage";

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

  return (
    <NextThemesProvider
      attribute="class"
      storageKey="strategy-theme"
      defaultTheme="light"
      enableSystem={false}
      disableTransitionOnChange
      forcedTheme={forcedTheme}
    >
      {/* QueryClientProvider must wrap ThemeProvider because the custom
          ThemeProvider reads the admin-configured default via useQuery. */}
      <QueryClientProvider>
        <I18nProvider initialLocale={locale}>
          <ThemeProvider>
            <ChatProvider>
              <AuthSyncWatcher />
              <FontScaleApplier />
              {children}
            </ChatProvider>
          </ThemeProvider>
        </I18nProvider>
      </QueryClientProvider>
    </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 user leaderboard publish page — no authentication. */}
          <Route path="/public/leaderboard" element={<PublicLeaderboardPage />} />
          {/* Public read-only roundtable share — landing + full result report. */}
          <Route
            path="/roundtable-share/:shareCode"
            element={<PublicRoundtableSharePage />}
          />
          <Route
            path="/roundtable-share/:shareCode/report"
            element={<PublicRoundtableSharePage report />}
          />
          {/* Public read-only scheduled-task runs viewer — no authentication. */}
          <Route
            path="/public/scheduled-tasks/:taskId"
            element={<PublicScheduledTaskPage />}
          />
          <Route
            path="/public/scheduled-tasks/:taskId/runs/:runId/fullscreen"
            element={<PublicScheduledTaskFullscreenPage />}
          />
          {/* Embedded workspace Q&A — no page/workspace sidebars; parent passes message/username/theme */}
          <Route
            path="/embed/chats/:thread_id"
            element={
              <ChatRuntime>
                <EmbedChatPage />
              </ChatRuntime>
            }
          />
          {/* Embedded roundtable planning — body only, no sidebars; username login (not wujie ticket) */}
          <Route path="/embed/roundtable" element={<EmbedRoundtablePage />} />
          <Route path="/page/*" element={<PageRoutes />} />
          <Route path="*" element={<NotFoundPage />} />
        </Routes>
      </AppProviders>
    </HashRouter>
  );
}