diff --git a/site/app/(home)/components/leaderboard-table.tsx b/site/app/(home)/components/leaderboard-table.tsx index 4cf7a90029..d10b1f0d81 100644 --- a/site/app/(home)/components/leaderboard-table.tsx +++ b/site/app/(home)/components/leaderboard-table.tsx @@ -1,7 +1,7 @@ "use client"; import { useState, useMemo, useEffect } from "react"; -import { useRouter, useSearchParams } from "next/navigation"; +import { useRouter } from "next/navigation"; import { Search, Trophy, ListTree } from "lucide-react"; import { clsx, type ClassValue } from "clsx"; import { twMerge } from "tailwind-merge"; @@ -62,10 +62,15 @@ function ScoreCell({ value }: { value: number }) { export default function LeaderboardTable({ data }: { data: LeaderboardEntry[] }) { const router = useRouter(); - const searchParams = useSearchParams(); - const devMode = process.env.NODE_ENV === "development" || searchParams.get("dev") === "true"; + const [devMode, setDevMode] = useState(process.env.NODE_ENV === "development"); const [searchQuery, setSearchQuery] = useState(""); + useEffect(() => { + const isDev = process.env.NODE_ENV === "development" || + localStorage.getItem("devMode") === "true"; + setDevMode(isDev); + }, []); + const filteredData = useMemo(() => { let processedData = data; const config = zealtConfig as { pending_models?: string[] }; diff --git a/site/app/tasks/[name]/[jobId]/trajectory/components/trajectory-page.tsx b/site/app/tasks/[name]/[jobId]/trajectory/components/trajectory-page.tsx index 32092ac0e6..0fab8fc83c 100644 --- a/site/app/tasks/[name]/[jobId]/trajectory/components/trajectory-page.tsx +++ b/site/app/tasks/[name]/[jobId]/trajectory/components/trajectory-page.tsx @@ -56,8 +56,14 @@ export function TrajectoryPage({ const pathname = usePathname(); const [mounted, setMounted] = useState(false); const [iframeLoading, setIframeLoading] = useState(true); + const [devModeEnabled, setDevModeEnabled] = useState(process.env.NODE_ENV === "development"); + + useEffect(() => { + const isDev = process.env.NODE_ENV === "development" || + localStorage.getItem("devMode") === "true"; + setDevModeEnabled(isDev); + }, []); - const devModeEnabled = process.env.NODE_ENV === "development" || searchParams.get("dev") === "true"; const visibleTabsConfig = useMemo( () => devModeEnabled diff --git a/site/app/tasks/components/tasks-page-client.tsx b/site/app/tasks/components/tasks-page-client.tsx index ecd6b08782..d776db002e 100644 --- a/site/app/tasks/components/tasks-page-client.tsx +++ b/site/app/tasks/components/tasks-page-client.tsx @@ -184,7 +184,7 @@ export function TasksPageClient({ tasksData }: TasksPageClientProps) { const initialAgents = (params.get("agent") || "").split(",").filter(Boolean); const initialSort = params.get("sort") || "default"; const initialOrder = params.get("order") || "asc"; - const initialDevMode = process.env.NODE_ENV === "development" || params.get("dev") === "true"; + const initialDevMode = process.env.NODE_ENV === "development" || localStorage.getItem("devMode") === "true"; setQueryQ(initialQ); setSearchQuery(initialQ);