diff --git a/explorer/index.html b/explorer/index.html index c5db506e..3409bbe1 100644 --- a/explorer/index.html +++ b/explorer/index.html @@ -9,17 +9,17 @@ - BenchBox Results Explorer + Results Explorer - BenchBox - + - + -
+ +
+
+
+ +
+ +
+
+
+
+ +
+ +
diff --git a/explorer/src/components/Layout.tsx b/explorer/src/components/Layout.tsx index a14266c6..d244c79c 100644 --- a/explorer/src/components/Layout.tsx +++ b/explorer/src/components/Layout.tsx @@ -15,7 +15,7 @@ export function Layout({ children }: LayoutProps) {
-
{children}
+
{children}

Maintainers review every result before publishing it. You can reproduce a run with{" "} diff --git a/explorer/src/components/__tests__/CohortFilterPanel.test.tsx b/explorer/src/components/__tests__/CohortFilterPanel.test.tsx index 96016547..6475708b 100644 --- a/explorer/src/components/__tests__/CohortFilterPanel.test.tsx +++ b/explorer/src/components/__tests__/CohortFilterPanel.test.tsx @@ -64,7 +64,7 @@ describe("CohortFilterPanel", () => { options: [ { value: "all", label: "All tiers" }, { value: "maintainer-run", label: "Maintainer run" }, - { value: "community-submission", label: "Community submission" }, + { value: "community-submission", label: "Community Submission" }, ], multiValueOption: { value: "__multiple__", label: "2 tiers selected" }, }); diff --git a/explorer/src/index.css b/explorer/src/index.css index 5a067097..853acda6 100644 --- a/explorer/src/index.css +++ b/explorer/src/index.css @@ -41,6 +41,21 @@ max-width: 100%; overflow-x: auto; } + + .skip-link { + position: absolute; + top: 0; + left: 0; + z-index: 2000; + padding: 0.75rem 1rem; + background: var(--bb-surface-elevated, #24141e); + color: var(--bb-data-fg-primary, #fbf7f4); + transform: translateY(-100%); + } + + .skip-link:focus { + transform: none; + } } @layer components { diff --git a/explorer/src/lib/__tests__/displayLabels.test.ts b/explorer/src/lib/__tests__/displayLabels.test.ts index 784784d8..fd946578 100644 --- a/explorer/src/lib/__tests__/displayLabels.test.ts +++ b/explorer/src/lib/__tests__/displayLabels.test.ts @@ -19,7 +19,7 @@ import { describe("formatTrustLabel", () => { it("humanizes the canonical trust labels", () => { expect(formatTrustLabel("maintainer-run")).toBe("Maintainer run"); - expect(formatTrustLabel("community-submission")).toBe("Community submission"); + expect(formatTrustLabel("community-submission")).toBe("Community Submission"); }); it("returns 'unknown' for null/empty values", () => { diff --git a/explorer/src/lib/displayLabels.ts b/explorer/src/lib/displayLabels.ts index b71d9c7a..287ddce0 100644 --- a/explorer/src/lib/displayLabels.ts +++ b/explorer/src/lib/displayLabels.ts @@ -3,7 +3,7 @@ import { humanizeBenchmark } from "@/utils"; const TRUST_LABEL_LABELS: Record = { "maintainer-run": "Maintainer run", - "community-submission": "Community submission", + "community-submission": "Community Submission", "local-run": "Local run", }; diff --git a/explorer/src/main.tsx b/explorer/src/main.tsx index 0c8c799a..c2b948f8 100644 --- a/explorer/src/main.tsx +++ b/explorer/src/main.tsx @@ -23,4 +23,5 @@ if ( const root = document.getElementById("app"); if (!root) throw new Error("Root element #app not found"); +root.replaceChildren(); render(, root); diff --git a/explorer/src/pages/Home.tsx b/explorer/src/pages/Home.tsx index c3678502..b321c46b 100644 --- a/explorer/src/pages/Home.tsx +++ b/explorer/src/pages/Home.tsx @@ -1,5 +1,6 @@ import { useEffect, useRef, useState } from "preact/hooks"; import type { RoutableProps } from "preact-router"; +import { route } from "preact-router"; import type { MetaLeaderboard as MetaLeaderboardData } from "@/types"; import type { ResultRow } from "@/lib/duckdbQueries"; import { getMetaLeaderboardData, listResults } from "@/lib/duckdbQueries"; @@ -32,6 +33,26 @@ export function Home(_: RoutableProps) { const [error, setError] = useState(null); const [resultsRetryToken, setResultsRetryToken] = useState(0); + useEffect(() => { + if (typeof window === "undefined") return; + const search = window.location.search; + const hash = window.location.hash; + const params = new URLSearchParams(search); + if (params.get("mode") === "local" || hash === "#local") { + route("/results/local", true); + return; + } + const ids = params.get("ids"); + const chart = params.get("chart"); + const compare = params.get("compare"); + if (ids || compare || chart) { + const q = new URLSearchParams(); + if (ids) q.set("ids", ids); + if (chart) q.set("chart", chart); + route(`/results/compare?${q.toString()}`, true); + } + }, []); + useEffect(() => { let cancelled = false; setError(null); diff --git a/explorer/src/pages/__tests__/BenchmarkIndex.test.tsx b/explorer/src/pages/__tests__/BenchmarkIndex.test.tsx index 61c4cf6f..5ef17cac 100644 --- a/explorer/src/pages/__tests__/BenchmarkIndex.test.tsx +++ b/explorer/src/pages/__tests__/BenchmarkIndex.test.tsx @@ -1230,7 +1230,7 @@ describe("BenchmarkIndex", () => { const trustFilter = screen.getByTestId("benchmark-trust-filter") as HTMLSelectElement; const optionLabels = Array.from(trustFilter.options).map((option) => option.text); expect(optionLabels).toContain("Maintainer run"); - expect(optionLabels).toContain("Community submission"); + expect(optionLabels).toContain("Community Submission"); }); it("keeps active matrix controls on the data surface theme contract", async () => { diff --git a/website/src/components/SearchBox.astro b/website/src/components/SearchBox.astro index c6fcfa75..bf29431e 100644 --- a/website/src/components/SearchBox.astro +++ b/website/src/components/SearchBox.astro @@ -13,7 +13,14 @@

Search docs and blog

-
+
+
+ +
+
+
+ Looking for benchmark runs? Explore Results → +