fix: merge region+chain pills into one flex row

src/app/api/internal/revalidate-aggregate/route.ts

@@ -43,5 +43,6 @@ export async function POST(req: Request): Promise<NextResponse> {
   // can serve different values than the hub for up to 5 minutes after a
   // worker publish.
   revalidateTag("benchmarks", "default");
-  return NextResponse.json({ revalidated: true, tags: ["bench-aggregate", "benchmarks"] });
+  revalidateTag("data-api-cohort", "default");
+  return NextResponse.json({ revalidated: true, tags: ["bench-aggregate", "benchmarks", "data-api-cohort"] });
 }

src/app/benchmarks/[slug]/share-card/route.tsx

@@ -885,8 +885,12 @@ async function renderLeaderboard(
   // the 630px canvas (weekend-drift 11 rows + long title case).
   const count = sorted.length;
   const titleLen = benchmark.title.length;
-  const dense = count >= 8 || titleLen > 55;
-  const veryDense = count >= 10 || titleLen > 70;
+  // The "and N more" line counts as an extra row for density — 9 rows +
+  // truncation line overflows the 630px canvas at dense (not veryDense)
+  // sizing, pushing the text on top of the CardFooter border.
+  const effectiveCount = count + (truncatedCount > 0 ? 1 : 0);
+  const dense = effectiveCount >= 8 || titleLen > 55;
+  const veryDense = effectiveCount >= 10 || titleLen > 70;
   const titleSize = veryDense ? 32 : dense ? 40 : 50;
   const rankSize = veryDense ? 18 : dense ? 20 : 24;
   const nameSize = veryDense ? 18 : dense ? 20 : 24;

src/components/data-api-bench-groups.tsx

@@ -36,7 +36,7 @@ export function DataApiBenchGroups({ groups }: { groups: DataApiGroupRow[] }) {
                       <Th className="px-3 py-3 text-right w-[60px]">Providers</Th>
                       <Th className="px-3 py-3 text-left">Leader</Th>
                       <Th className="px-3 py-3 text-left hidden sm:table-cell">Runners-up</Th>
-                      <Th className="pl-3 pr-5 py-3 text-left hidden md:table-cell">By region / chain</Th>
+                      <Th className="pl-3 pr-5 py-3 text-left hidden md:table-cell">Breakdown</Th>
                     </tr>
                   </thead>
                   <tbody className="divide-y divide-ink/5">
@@ -167,10 +167,16 @@ function BenchRow({
         {showRegionChain ? (
           <div className="flex flex-col gap-2">
             {hasRegions && (
-              <RegionStrip leaders={bench.regionLeaders} unit={bench.unit} />
+              <div className="flex flex-col gap-1">
+                <span className="label-mono text-[8px] text-ink-faint uppercase tracking-wider" style={{ fontFamily: "var(--font-mono, monospace)" }}>Region</span>
+                <RegionStrip leaders={bench.regionLeaders} unit={bench.unit} />
+              </div>
             )}
-            {hasChains && !hasRegions && (
-              <ChainStrip leaders={bench.chainLeaders} unit={bench.unit} />
+            {hasChains && (
+              <div className="flex flex-col gap-1">
+                <span className="label-mono text-[8px] text-ink-faint uppercase tracking-wider" style={{ fontFamily: "var(--font-mono, monospace)" }}>Chain</span>
+                <ChainStrip leaders={bench.chainLeaders} unit={bench.unit} />
+              </div>
             )}
           </div>
         ) : (