diff --git a/benchmarks/aggregator-head-lag.yml b/benchmarks/aggregator-head-lag.yml
index 74d55ba8..ba849e43 100644
--- a/benchmarks/aggregator-head-lag.yml
+++ b/benchmarks/aggregator-head-lag.yml
@@ -70,7 +70,7 @@ methodology:
   - "Cardinality: 3 aggregators × 4 chains × 3 regions = 36 active series."
 
 findings:
-  - "The cross-chain average puts {{best_name}} on top at {{best_p50}} (p50, 24 h) over {{count}} measured providers. No single provider leads on every chain: on Base the leader is {{best_name:chain:base}} at {{best_p50:chain:base}}; on Solana it is {{best_name:chain:solana}} at {{best_p50:chain:solana}}; on BNB Chain {{best_name:chain:bnb}} at {{best_p50:chain:bnb}}; on Robinhood Chain {{best_name:chain:robinhood}} at {{best_p50:chain:robinhood}}. Read the per-chain tabs for integration decisions — chains differ in block cadence (Solana 400 ms vs Base/BNB 2-3 s), which shifts the floor independently of provider speed."
+  - "Cross-chain, {{best_name}} leads at {{best_p50}} (p50, 24 h) across {{count}} providers, but no one wins every chain: Base {{best_name:chain:base}} at {{best_p50:chain:base}}; Solana {{best_name:chain:solana}} at {{best_p50:chain:solana}}; BNB {{best_name:chain:bnb}} at {{best_p50:chain:bnb}}; Robinhood {{best_name:chain:robinhood}} at {{best_p50:chain:robinhood}}. Use per-chain tabs: block cadence (Solana 400 ms vs Base/BNB 2-3 s) sets the floor."
   - "On Solana the leader is {{best_name:chain:solana}} at {{best_p50:chain:solana}} (p50, 24 h); the trailer is {{worst_name:chain:solana}} at {{worst_p50:chain:solana}}. Slot cadence is sub-second, so any second-scale aggregate latency is on the provider's pipeline, not the chain."
   - "On Base the leader is {{best_name:chain:base}} at {{best_p50:chain:base}} (p50, 24 h); the trailer is {{worst_name:chain:base}} at {{worst_p50:chain:base}}. Base targets a 2 s block cadence, so head lag here measures pipeline latency on top of the chain's natural block interval."
   - "On BNB Chain the leader is {{best_name:chain:bnb}} at {{best_p50:chain:bnb}} (p50, 24 h); the trailer is {{worst_name:chain:bnb}} at {{worst_p50:chain:bnb}}. BNB's ~3 s blocks set the floor; the spread between leader and trailer is the provider-side delta."
diff --git a/src/app/bridge/page.tsx b/src/app/bridge/page.tsx
index 53ca651a..a2fabdbe 100644
--- a/src/app/bridge/page.tsx
+++ b/src/app/bridge/page.tsx
@@ -1,6 +1,6 @@
 import Link from "next/link";
 import { fetchBridgeHub } from "@/lib/bridge-hub-stats";
-import type { BridgeProviderRow } from "@/lib/bridge-hub-stats";
+import { BridgeHubTable } from "@/components/bridge-hub-table";
 import { pageMetadata } from "@/lib/page-metadata";
 import { safeJsonLd, buildBreadcrumbJsonLd } from "@/lib/jsonld";
 import { SITE } from "@/data/site";
@@ -43,14 +43,6 @@ export default async function BridgeHubPage() {
       }
     : null;
 
-  const byFee = hub?.providers ?? [];
-
-  const bySpeed = hub
-    ? [...hub.providers]
-        .filter((p) => p.quotep50 != null)
-        .sort((a, b) => (a.quotep50 ?? Infinity) - (b.quotep50 ?? Infinity))
-    : [];
-
   return (
     <article
       className="mx-auto max-w-[1400px] px-4 sm:px-6 py-12 sm:py-16"
@@ -117,7 +109,7 @@ export default async function BridgeHubPage() {
 
       {hub ? (
         <>
-          <section className="grid grid-cols-2 sm:grid-cols-4 gap-3 mb-10">
+          <section className="grid grid-cols-2 sm:grid-cols-4 gap-3 mb-8">
             <SummaryCard
               label="Cheapest bridge"
               value={
@@ -152,40 +144,32 @@ export default async function BridgeHubPage() {
           <section className="mb-10">
             <div className="flex items-baseline justify-between gap-4 mb-1">
               <h2 className="display text-xl sm:text-2xl text-ink">
-                Cost ranking
+                Bridge leaderboard
               </h2>
-              <Link
-                href="/benchmarks/bridge-fee"
-                className="text-[12px] text-ink-soft hover:text-ink underline"
-              >
-                per-corridor breakdown
-              </Link>
+              <div className="flex gap-3 text-[12px]">
+                <Link
+                  href="/benchmarks/bridge-fee"
+                  className="text-ink-soft hover:text-ink underline"
+                >
+                  fee breakdown
+                </Link>
+                <Link
+                  href="/benchmarks/bridge-quote-latency"
+                  className="text-ink-soft hover:text-ink underline"
+                >
+                  quote speed breakdown
+                </Link>
+              </div>
             </div>
             <p className="text-sm text-ink-muted mb-4">
-              All-in fee at $300 USDC (fees + slippage + destination gas) as
-              % of notional. p50 over 24h, cross-corridor average. Lower is
-              better.
+              Sorted by fee p50 (all-in cost at $300 USDC). Quote columns from
+              bench 002. Success from fee bench. Trailing 24h, eu-west, cross-corridor average.
             </p>
-            <BridgeTable rows={byFee} metric="fee" />
-          </section>
-
-          <section className="mb-10">
-            <div className="flex items-baseline justify-between gap-4 mb-1">
-              <h2 className="display text-xl sm:text-2xl text-ink">
-                Quote speed ranking
-              </h2>
-              <Link
-                href="/benchmarks/bridge-quote-latency"
-                className="text-[12px] text-ink-soft hover:text-ink underline"
-              >
-                per-corridor breakdown
-              </Link>
-            </div>
-            <p className="text-sm text-ink-muted mb-4">
-              Time to receive a usable quote, wall-clock ms. p50 over 24h,
-              cross-corridor average. Lower is better.
+            <BridgeHubTable rows={hub.providers} />
+            <p className="mt-2 text-[11px] text-ink-faint italic">
+              Across is not in the quote latency bench (dashes in quote columns).
+              Per-corridor splits on the individual bench pages.
             </p>
-            <BridgeTable rows={bySpeed} metric="latency" />
           </section>
 
           <section className="mb-10">
@@ -279,20 +263,19 @@ export default async function BridgeHubPage() {
       <footer className="mt-16 pt-6 border-t border-ink/10 text-[12px] text-ink-soft leading-relaxed">
         <p className="label-mono text-ink-faint mb-2">Methodology</p>
         <p>
-          Cost rows:{" "}
-          <code>bridge_cost_percent</code> (all-in: fees + slippage +
-          destination gas) at $300 USDC, p50 over the trailing 24h
-          averaged across corridors each provider supports. Quote latency
-          rows: wall-clock time from request send to last byte received,
-          p50 over the trailing 24h via{" "}
+          Fee column: <code>bridge_cost_percent</code> (all-in: fees +
+          slippage + destination gas) at $300 USDC, p50 over the trailing
+          24h averaged across corridors each provider supports. Quote
+          latency: wall-clock time from request send to last byte received,
+          p50 via{" "}
           <code>
             histogram_quantile(0.50, sum by (le)
             (rate(bridge_quote_latency_ms_bucket[24h])))
           </code>
           . Both benches run from eu-west only; multi-region expansion
           requires additional harness instances. Failures (quote_failed,
-          unsupported route, timeout) are excluded from cost and latency
-          aggregates and counted toward success rate.
+          unsupported route, timeout) excluded from aggregates, counted
+          toward success rate.
         </p>
         <p className="mt-3">
           Data and methodology released under{" "}
@@ -346,103 +329,6 @@ function SummaryCard({
   );
 }
 
-function BridgeTable({
-  rows,
-  metric,
-}: {
-  rows: BridgeProviderRow[];
-  metric: "fee" | "latency";
-}) {
-  if (rows.length === 0) return null;
-  return (
-    <div className="overflow-x-auto rounded-xl border border-ink/10">
-      <table className="w-full text-sm">
-        <thead>
-          <tr className="border-b border-ink/10 bg-ink/[0.02]">
-            <th className="text-left px-4 py-3 text-[11px] label-mono text-ink-faint font-normal">
-              #
-            </th>
-            <th className="text-left px-4 py-3 text-[11px] label-mono text-ink-faint font-normal">
-              Provider
-            </th>
-            <th className="text-left px-4 py-3 text-[11px] label-mono text-ink-faint font-normal hidden sm:table-cell">
-              Type
-            </th>
-            {metric === "fee" ? (
-              <>
-                <th className="text-right px-4 py-3 text-[11px] label-mono text-ink-faint font-normal">
-                  p50 fee
-                </th>
-                <th className="text-right px-4 py-3 text-[11px] label-mono text-ink-faint font-normal hidden md:table-cell">
-                  p99 fee
-                </th>
-                <th className="text-right px-4 py-3 text-[11px] label-mono text-ink-faint font-normal hidden md:table-cell">
-                  Success
-                </th>
-              </>
-            ) : (
-              <>
-                <th className="text-right px-4 py-3 text-[11px] label-mono text-ink-faint font-normal">
-                  p50 quote
-                </th>
-                <th className="text-right px-4 py-3 text-[11px] label-mono text-ink-faint font-normal hidden md:table-cell">
-                  p99 quote
-                </th>
-                <th className="text-right px-4 py-3 text-[11px] label-mono text-ink-faint font-normal hidden md:table-cell">
-                  Success
-                </th>
-              </>
-            )}
-          </tr>
-        </thead>
-        <tbody>
-          {rows.map((row, i) => {
-            const p50 = metric === "fee" ? row.feep50 : row.quotep50;
-            const p99 = metric === "fee" ? row.feep99 : row.quotep99;
-            const success =
-              metric === "fee" ? row.feeSuccess : row.quoteSuccess;
-            const fmt = metric === "fee" ? fmtPct : fmtMs;
-            return (
-              <tr
-                key={row.slug}
-                className="border-b border-ink/5 last:border-0 hover:bg-ink/[0.02]"
-              >
-                <td className="px-4 py-3 text-ink-faint tabular-nums text-[12px]">
-                  {i + 1}
-                </td>
-                <td className="px-4 py-3">
-                  <Link
-                    href={`/products/${row.slug}`}
-                    className="font-medium text-ink hover:underline"
-                  >
-                    {row.name}
-                  </Link>
-                </td>
-                <td className="px-4 py-3 hidden sm:table-cell">
-                  {row.type && (
-                    <span className="inline-flex rounded-full bg-ink/5 px-2 py-0.5 text-[11px] text-ink-soft">
-                      {TYPE_LABELS[row.type] ?? row.type}
-                    </span>
-                  )}
-                </td>
-                <td className="px-4 py-3 text-right tabular-nums font-medium">
-                  {p50 != null ? fmt(p50) : <span className="text-ink-faint">—</span>}
-                </td>
-                <td className="px-4 py-3 text-right tabular-nums text-ink-soft hidden md:table-cell">
-                  {p99 != null ? fmt(p99) : <span className="text-ink-faint">—</span>}
-                </td>
-                <td className="px-4 py-3 text-right tabular-nums text-ink-soft hidden md:table-cell">
-                  {success != null ? fmtSuccess(success) : <span className="text-ink-faint">—</span>}
-                </td>
-              </tr>
-            );
-          })}
-        </tbody>
-      </table>
-    </div>
-  );
-}
-
 function ArchCard({
   label,
   examples,
@@ -461,13 +347,6 @@ function ArchCard({
   );
 }
 
-const TYPE_LABELS: Record<string, string> = {
-  intent: "Intent layer",
-  relay: "Relay",
-  aggregator: "Aggregator",
-  protocol: "Protocol",
-};
-
 function fmtPct(v: number): string {
   if (!Number.isFinite(v)) return "...";
   return `${v.toFixed(2)}%`;
@@ -478,8 +357,3 @@ function fmtMs(v: number): string {
   if (v < 1000) return `${Math.round(v)} ms`;
   return `${(v / 1000).toFixed(2)} s`;
 }
-
-function fmtSuccess(v: number): string {
-  if (!Number.isFinite(v)) return "...";
-  return `${(v * 100).toFixed(0)}%`;
-}
diff --git a/src/components/bridge-hub-table.tsx b/src/components/bridge-hub-table.tsx
new file mode 100644
index 00000000..436367d3
--- /dev/null
+++ b/src/components/bridge-hub-table.tsx
@@ -0,0 +1,163 @@
+"use client";
+
+import Link from "next/link";
+import { ProviderLogo } from "@/components/provider-logo";
+import type { BridgeProviderRow } from "@/lib/bridge-hub-stats";
+
+const TYPE_LABELS: Record<string, string> = {
+  intent: "Intent layer",
+  relay: "Relay",
+  aggregator: "Aggregator",
+  protocol: "Protocol",
+};
+
+function fmtPct(v: number | null): string {
+  if (v == null || !Number.isFinite(v)) return "—";
+  return `${v.toFixed(2)}%`;
+}
+
+function fmtMs(v: number | null): string {
+  if (v == null || !Number.isFinite(v)) return "—";
+  if (v < 1000) return `${Math.round(v)} ms`;
+  return `${(v / 1000).toFixed(2)} s`;
+}
+
+function fmtSuccess(v: number | null): string {
+  if (v == null || !Number.isFinite(v)) return "—";
+  // successRate stored as 0-100 in ProviderResult blob
+  return `${v.toFixed(1)}%`;
+}
+
+export function BridgeHubTable({
+  rows,
+}: {
+  rows: BridgeProviderRow[];
+}) {
+  if (rows.length === 0) return null;
+
+  return (
+    <div className="overflow-x-auto rounded-xl border border-ink/10">
+      <table className="w-full text-sm">
+        <thead>
+          <tr className="border-b border-ink/10 bg-ink/[0.02]">
+            <th className="text-left px-4 py-3 text-[11px] label-mono text-ink-faint font-normal w-8">
+              #
+            </th>
+            <th className="text-left px-4 py-3 text-[11px] label-mono text-ink-faint font-normal">
+              Provider
+            </th>
+            <th className="text-left px-4 py-3 text-[11px] label-mono text-ink-faint font-normal hidden sm:table-cell">
+              Type
+            </th>
+            {/* Fee group */}
+            <th className="text-right px-4 py-3 text-[11px] label-mono text-ink-faint font-normal">
+              Fee p50
+            </th>
+            <th className="text-right px-4 py-3 text-[11px] label-mono text-ink-faint font-normal hidden lg:table-cell">
+              Fee p99
+            </th>
+            {/* Latency group */}
+            <th className="text-right px-4 py-3 text-[11px] label-mono text-ink-faint font-normal hidden md:table-cell">
+              Quote p50
+            </th>
+            <th className="text-right px-4 py-3 text-[11px] label-mono text-ink-faint font-normal hidden xl:table-cell">
+              Quote p99
+            </th>
+            {/* Success */}
+            <th className="text-right px-4 py-3 text-[11px] label-mono text-ink-faint font-normal hidden md:table-cell">
+              Success
+            </th>
+          </tr>
+          {/* Sub-header labels */}
+          <tr className="border-b border-ink/5 bg-ink/[0.01]">
+            <td colSpan={3} />
+            <td
+              colSpan={2}
+              className="px-4 py-1 text-[10px] text-indigo-500 label-mono text-right hidden lg:table-cell"
+            >
+              all-in fee · $300 USDC
+            </td>
+            <td className="px-4 py-1 text-[10px] text-indigo-500 label-mono text-right hidden lg:table-cell lg:hidden" />
+            <td
+              colSpan={2}
+              className="px-4 py-1 text-[10px] text-ink-faint label-mono text-right hidden xl:table-cell"
+            >
+              quote latency
+            </td>
+            <td className="hidden md:table-cell xl:hidden px-4 py-1 text-[10px] text-ink-faint label-mono text-right">
+              quote latency
+            </td>
+            <td className="hidden md:table-cell" />
+          </tr>
+        </thead>
+        <tbody>
+          {rows.map((row, i) => {
+            const isLeader = i === 0;
+            return (
+              <tr
+                key={row.slug}
+                className={`border-b border-ink/5 last:border-0 hover:bg-ink/[0.025] transition-colors ${isLeader ? "bg-indigo-500/[0.03]" : ""}`}
+              >
+                <td className="px-4 py-3.5 text-ink-faint tabular-nums text-[12px] font-mono">
+                  {isLeader ? (
+                    <span className="inline-flex items-center justify-center w-5 h-5 rounded-full bg-indigo-500/15 text-indigo-600 text-[10px] font-semibold">
+                      1
+                    </span>
+                  ) : (
+                    i + 1
+                  )}
+                </td>
+                <td className="px-4 py-3.5">
+                  <Link
+                    href={`/products/${row.slug}`}
+                    className="inline-flex items-center gap-2.5 group"
+                  >
+                    <ProviderLogo slug={row.slug} name={row.name} size={24} />
+                    <span className="font-medium text-ink group-hover:underline leading-tight">
+                      {row.name}
+                    </span>
+                  </Link>
+                </td>
+                <td className="px-4 py-3.5 hidden sm:table-cell">
+                  {row.type && (
+                    <span className="inline-flex rounded-full bg-ink/5 px-2 py-0.5 text-[11px] text-ink-soft">
+                      {TYPE_LABELS[row.type] ?? row.type}
+                    </span>
+                  )}
+                </td>
+                {/* Fee p50 — primary ranking metric */}
+                <td className="px-4 py-3.5 text-right tabular-nums font-semibold text-ink">
+                  {fmtPct(row.feep50)}
+                </td>
+                {/* Fee p99 */}
+                <td className="px-4 py-3.5 text-right tabular-nums text-ink-soft hidden lg:table-cell">
+                  {fmtPct(row.feep99)}
+                </td>
+                {/* Quote p50 */}
+                <td className="px-4 py-3.5 text-right tabular-nums text-ink-soft hidden md:table-cell">
+                  {fmtMs(row.quotep50)}
+                </td>
+                {/* Quote p99 */}
+                <td className="px-4 py-3.5 text-right tabular-nums text-ink-soft hidden xl:table-cell">
+                  {fmtMs(row.quotep99)}
+                </td>
+                {/* Success */}
+                <td className="px-4 py-3.5 text-right tabular-nums hidden md:table-cell">
+                  <span
+                    className={
+                      row.feeSuccess != null && row.feeSuccess < 80
+                        ? "text-amber-600"
+                        : "text-ink-soft"
+                    }
+                  >
+                    {fmtSuccess(row.feeSuccess)}
+                  </span>
+                </td>
+              </tr>
+            );
+          })}
+        </tbody>
+      </table>
+    </div>
+  );
+}
diff --git a/src/components/share-section.tsx b/src/components/share-section.tsx
index d7131d56..b6398c53 100644
--- a/src/components/share-section.tsx
+++ b/src/components/share-section.tsx
@@ -5,6 +5,24 @@ import { Download, Image as ImageIcon, Loader2, X } from "lucide-react";
 import type { Benchmark } from "@/types/benchmark";
 import { Hint } from "@/components/hint";
 
+/** Dimensions the share-card handler on the server understands. Kept in
+ *  sync with the pickOption() dims in
+ *  src/app/benchmarks/[slug]/share-card/route.tsx. */
+const SCOPE_DIMS = ["chain", "region", "venue", "kind"] as const;
+type ScopeDim = (typeof SCOPE_DIMS)[number];
+
+/** Human-readable label for each dimension dropdown. */
+const DIM_LABEL: Record<ScopeDim, string> = {
+  chain: "Chain",
+  region: "Region",
+  venue: "Venue",
+  kind: "Kind",
+};
+
+/** Sentinel value the dropdowns use for "no filter on this dimension".
+ *  Same as the bench detail page and the share-card server handler. */
+const ALL_VALUE = "all";
+
 type Template = {
   id: string;
   label: string;
@@ -59,6 +77,69 @@ export function ShareSection({ slug, title, benchmark, chain }: Props) {
   const [activeId, setActiveId] = useState<string>("ranking");
   const [open, setOpen] = useState(false);
 
+  // Which dimensions this bench actually declares. Only those get a
+  // dropdown in the modal; the rest are hidden. Kept as a plain object
+  // so template rendering can `dimOptions.venue?.length` without a
+  // per-render `.filter().find()` pass.
+  const dimOptions = useMemo(() => {
+    const out: Partial<Record<ScopeDim, { value: string; label: string }[]>> = {};
+    for (const dim of SCOPE_DIMS) {
+      const opts = benchmark.dimensions?.[dim] ?? [];
+      // Drop the synthetic "all" option if the spec includes it: the
+      // modal always prepends its own "All" entry as the default so
+      // duplicating breaks the value equality check on select onChange.
+      const filtered = opts.filter((o) => o.value !== ALL_VALUE);
+      if (filtered.length > 0) out[dim] = filtered;
+    }
+    return out;
+  }, [benchmark]);
+  const hasAnyDim = Object.keys(dimOptions).length > 0;
+
+  // Scope state: one entry per SCOPE_DIMS. Default is "all" per dim.
+  // Re-seeded from window.location every time the modal opens, so the
+  // dropdowns start on whatever the reader was filtering on the
+  // dashboard (not surprising) but can be changed freely from inside
+  // the modal.
+  const [scope, setScope] = useState<Record<ScopeDim, string>>({
+    chain: chain ?? ALL_VALUE,
+    region: ALL_VALUE,
+    venue: ALL_VALUE,
+    kind: ALL_VALUE,
+  });
+  // Re-seed scope from URL on each open transition. Uses the "adjust
+  // state during render on transition" pattern instead of a useEffect
+  // (react-hooks/set-state-in-effect flags synchronous setState calls
+  // inside effect bodies). `prevOpen` gates the reseed so subsequent
+  // renders while the modal stays open don't clobber the dropdowns.
+  const [prevOpen, setPrevOpen] = useState(false);
+  if (open !== prevOpen) {
+    setPrevOpen(open);
+    if (open && typeof window !== "undefined") {
+      const url = new URL(window.location.href);
+      const next: Record<ScopeDim, string> = {
+        chain: url.searchParams.get("chain") || ALL_VALUE,
+        region: url.searchParams.get("region") || ALL_VALUE,
+        venue: url.searchParams.get("venue") || ALL_VALUE,
+        kind: url.searchParams.get("kind") || ALL_VALUE,
+      };
+      // Coerce values the current bench does not offer back to "all".
+      // A chain the reader was previously filtering by can vanish
+      // between deploys (spec edit); silently falling back beats a
+      // broken picker.
+      for (const dim of SCOPE_DIMS) {
+        const opts = dimOptions[dim];
+        if (
+          opts &&
+          next[dim] !== ALL_VALUE &&
+          !opts.some((o) => o.value === next[dim])
+        ) {
+          next[dim] = ALL_VALUE;
+        }
+      }
+      setScope(next);
+    }
+  }
+
   // Lock body scroll while modal open and close on Escape.
   useEffect(() => {
     if (!open) return;
@@ -123,28 +204,19 @@ export function ShareSection({ slug, title, benchmark, chain }: Props) {
     setPairB(s);
   }
 
-  // Build the URL with the right params per template.
+  // Build the URL with the right params per template. Scope state is
+  // the source of truth: the modal dropdowns own it, so the preview
+  // and download always agree with what the user picked inside the
+  // modal (not what happened to be in window.location at open time).
   const cardSrc = (templateId: string) => {
     const tpl = TEMPLATES.find((t) => t.id === templateId);
-    // Read every dimension filter from the live URL so the share-card
-    // stays in sync when the user flips a chain / region / kind / venue
-    // tab client-side.
-    const liveUrl =
-      typeof window !== "undefined"
-        ? new URL(window.location.href)
-        : null;
-    const liveChain = liveUrl
-      ? liveUrl.searchParams.get("chain")
-      : chain ?? null;
-    const chainParam = liveChain ? `&chain=${encodeURIComponent(liveChain)}` : "";
-    const liveRegion = liveUrl ? liveUrl.searchParams.get("region") : null;
-    const regionParam = liveRegion
-      ? `&region=${encodeURIComponent(liveRegion)}`
-      : "";
-    const liveKind = liveUrl ? liveUrl.searchParams.get("kind") : null;
-    const kindParam = liveKind ? `&kind=${encodeURIComponent(liveKind)}` : "";
-    const liveVenue = liveUrl ? liveUrl.searchParams.get("venue") : null;
-    const venueParam = liveVenue ? `&venue=${encodeURIComponent(liveVenue)}` : "";
+    const dimParams: string[] = [];
+    for (const dim of SCOPE_DIMS) {
+      const val = scope[dim];
+      if (val && val !== ALL_VALUE) {
+        dimParams.push(`&${dim}=${encodeURIComponent(val)}`);
+      }
+    }
     // Mirror the active site theme so the exported PNG matches what the
     // user is looking at. SSR can't read the dark state - default to light
     // server-side, the client re-renders with `dark` once mounted.
@@ -152,7 +224,7 @@ export function ShareSection({ slug, title, benchmark, chain }: Props) {
       typeof window !== "undefined" &&
       document.documentElement.classList.contains("dark");
     const themeParam = isDark ? "&theme=dark" : "";
-    const base = `/benchmarks/${slug}/share-card?template=${templateId}${chainParam}${regionParam}${kindParam}${venueParam}${themeParam}`;
+    const base = `/benchmarks/${slug}/share-card?template=${templateId}${dimParams.join("")}${themeParam}`;
     if (!tpl) return base;
     if (tpl.pick === "multi") {
       if (
@@ -232,6 +304,25 @@ export function ShareSection({ slug, title, benchmark, chain }: Props) {
           Pick a layout and download a 1200×630 PNG ready for Twitter, Reddit, LinkedIn or any OG-card embed. Same data, same colors as this dashboard.
         </p>
 
+        {hasAnyDim && (
+          <ScopePicker
+            dimOptions={dimOptions}
+            scope={scope}
+            onChange={(dim, value) =>
+              setScope((prev) => ({ ...prev, [dim]: value }))
+            }
+            onReset={() =>
+              setScope({
+                chain: ALL_VALUE,
+                region: ALL_VALUE,
+                venue: ALL_VALUE,
+                kind: ALL_VALUE,
+              })
+            }
+            slug={slug}
+          />
+        )}
+
         {/* Tabs */}
         <div className="flex flex-wrap items-center gap-1 border border-rule rounded p-1 bg-paper-soft w-fit">
           {TEMPLATES.map((t) => (
@@ -435,6 +526,125 @@ export function ShareSection({ slug, title, benchmark, chain }: Props) {
   );
 }
 
+/** Dropdown row that lets the reader override chain / region / venue /
+ *  kind from inside the modal. Only rendered for dims the bench actually
+ *  declares (chain-less benches never see a chain dropdown, etc.).
+ *
+ *  Pings /api/stat/<slug>?<filters> after each pick so the user sees a
+ *  "no data for this cell" hint before wasting a PNG download. The stat
+ *  endpoint returns 404 on unknown filter combos (see route.ts comment
+ *  "does NOT fall back to the unfiltered aggregate"), which is exactly
+ *  the signal we need. */
+function ScopePicker({
+  dimOptions,
+  scope,
+  onChange,
+  onReset,
+  slug,
+}: {
+  dimOptions: Partial<Record<ScopeDim, { value: string; label: string }[]>>;
+  scope: Record<ScopeDim, string>;
+  onChange: (dim: ScopeDim, value: string) => void;
+  onReset: () => void;
+  slug: string;
+}) {
+  const activeDims = SCOPE_DIMS.filter((d) => dimOptions[d]);
+  const hasFilter = activeDims.some((d) => scope[d] !== ALL_VALUE);
+
+  // Data-existence probe. `probe.key` is the URL we last resolved; the
+  // rendered status is derived (below), so the effect body only needs
+  // async setState inside .then() / .catch() callbacks — no sync
+  // setState-in-effect (blocked by react-hooks/set-state-in-effect).
+  const probeKey = useMemo(() => {
+    if (!hasFilter) return "";
+    const qs = new URLSearchParams();
+    for (const d of activeDims) {
+      if (scope[d] !== ALL_VALUE) qs.set(d, scope[d]);
+    }
+    return `/api/stat/${slug}?${qs.toString()}`;
+  }, [slug, activeDims, scope, hasFilter]);
+  const [probe, setProbe] = useState<{
+    key: string;
+    result: "ok" | "empty" | null;
+  }>({ key: "", result: null });
+  const status: "ok" | "empty" | "checking" | "idle" = !hasFilter
+    ? "idle"
+    : probe.key !== probeKey || probe.result == null
+      ? "checking"
+      : probe.result;
+
+  useEffect(() => {
+    if (!probeKey) return;
+    const ctrl = new AbortController();
+    fetch(probeKey, { signal: ctrl.signal })
+      .then((r) => {
+        if (r.status === 404) return { rankings: [] as unknown[] };
+        return r.json();
+      })
+      .then((json: { rankings?: unknown[]; leader?: unknown } | undefined) => {
+        const hasRows =
+          !!json && Array.isArray(json.rankings) && json.rankings.length > 0;
+        setProbe({ key: probeKey, result: hasRows ? "ok" : "empty" });
+      })
+      .catch((err) => {
+        if ((err as Error).name === "AbortError") return;
+        setProbe({ key: probeKey, result: "empty" });
+      });
+    return () => ctrl.abort();
+  }, [probeKey]);
+
+  return (
+    <div className="border border-rule rounded p-3 bg-paper-soft">
+      <div className="flex flex-wrap items-end gap-3">
+        <span className="text-[10px] font-medium uppercase tracking-[0.16em] text-ink-faint pb-1.5">
+          Scope
+        </span>
+        {activeDims.map((dim) => {
+          const opts = dimOptions[dim]!;
+          return (
+            <label key={dim} className="flex flex-col gap-1">
+              <span className="text-[10px] font-medium uppercase tracking-[0.12em] text-ink-muted">
+                {DIM_LABEL[dim]}
+              </span>
+              <select
+                value={scope[dim]}
+                onChange={(e) => onChange(dim, e.target.value)}
+                className="rounded border border-rule bg-paper px-2 py-1 text-xs text-ink focus:outline-none focus:ring-1 focus:ring-ink/20"
+              >
+                <option value={ALL_VALUE}>All</option>
+                {opts.map((o) => (
+                  <option key={o.value} value={o.value}>
+                    {o.label}
+                  </option>
+                ))}
+              </select>
+            </label>
+          );
+        })}
+        {hasFilter && (
+          <button
+            type="button"
+            onClick={onReset}
+            className="ml-auto text-[10px] uppercase tracking-[0.14em] text-ink-muted hover:text-ink lnk pb-1.5"
+          >
+            Reset
+          </button>
+        )}
+      </div>
+      {status === "checking" && (
+        <p className="mt-2 text-[10px] font-medium uppercase tracking-[0.16em] text-ink-faint">
+          Checking data for this cell…
+        </p>
+      )}
+      {status === "empty" && (
+        <p className="mt-2 text-[10px] font-medium uppercase tracking-[0.16em] text-amber-600">
+          No data for this scope. Card will fall back to the aggregate.
+        </p>
+      )}
+    </div>
+  );
+}
+
 /** Preview frame with a "Generating preview…" overlay while the PNG loads. */
 function SharePreview({ src, alt }: { src: string; alt: string }) {
   const [loaded, setLoaded] = useState(false);
diff --git a/src/components/site-header.tsx b/src/components/site-header.tsx
index 0c62dc1f..3a622cab 100644
--- a/src/components/site-header.tsx
+++ b/src/components/site-header.tsx
@@ -8,6 +8,14 @@ import { SearchTrigger } from "@/components/search/search-trigger";
 import { SiteLogoSwitcher } from "@/components/site-logo-switcher";
 import { ThemeToggle } from "@/components/theme-toggle";
 
+function XIcon({ size = 15 }: { size?: number }) {
+  return (
+    <svg width={size} height={size} viewBox="0 0 1200 1227" fill="currentColor" aria-hidden>
+      <path d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"/>
+    </svg>
+  );
+}
+
 function GithubIcon({ size = 15 }: { size?: number }) {
   return (
     <svg width={size} height={size} viewBox="0 0 16 16" fill="currentColor" aria-hidden>
@@ -120,8 +128,17 @@ export function SiteHeader() {
             <SearchTrigger variant="desktop" />
           </div>
 
-          {/* Utilities - GitHub + theme, gap-spaced, no pipe. */}
+          {/* Utilities - X + GitHub + theme, gap-spaced, no pipe. */}
           <div className="hidden md:flex items-center gap-4 text-ink-muted shrink-0">
+            <a
+              href="https://x.com/OpenChainBench"
+              className="inline-flex items-center hover:text-ink transition-colors"
+              aria-label="Follow @OpenChainBench on X"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <XIcon size={14} />
+            </a>
             <a
               href="https://github.com/ChainBench/OpenChainBench"
               className="inline-flex items-center hover:text-ink transition-colors"