chore: generate

packages/stats/app/src/routes/[lab]/[model].tsx

@@ -1205,7 +1205,9 @@ function modelComparisonPairs(
       },
       detail: "Usage peer",
     }))
-  const catalogPairs = (catalogEntry && catalog ? catalog.labs.find((lab) => lab.id === catalogEntry.lab)?.models ?? [] : [])
+  const catalogPairs = (
+    catalogEntry && catalog ? (catalog.labs.find((lab) => lab.id === catalogEntry.lab)?.models ?? []) : []
+  )
     .filter((model) => model.id !== catalogEntry?.id)
     .slice(0, 3)
     .map((model) => ({

packages/stats/app/src/routes/[lab]/index.tsx

@@ -28,11 +28,7 @@ import {
 import { SectionHeading } from "../section-heading"
 import { runStatsEffect } from "../../stats-runtime"
 import { setStatsPageCacheHeaders } from "../stats-cache"
-import {
+import { ComparisonCardsSection, modelRefFromCatalog, uniqueComparisonPairs } from "../compare-cards"
-  ComparisonCardsSection,
-  modelRefFromCatalog,
-  uniqueComparisonPairs,
-} from "../compare-cards"
 import {
   applyThemePreference,
   Footer,

packages/stats/app/src/routes/compare/[firstLab]/[firstModel]/[secondLab]/[secondModel].tsx

@@ -1,9 +1,6 @@
 import "../../../../index.css"
 import { Link, Meta, Title } from "@solidjs/meta"
-import {
+import { getStatsModelComparisonData, type StatsModelComparisonEntry } from "@opencode-ai/stats-core/domain/home"
-  getStatsModelComparisonData,
-  type StatsModelComparisonEntry,
-} from "@opencode-ai/stats-core/domain/home"
 import { runtime } from "@opencode-ai/stats-core/runtime"
 import { createAsync, query, useParams } from "@solidjs/router"
 import { createMemo, createSignal, For, onMount, Show } from "solid-js"
@@ -124,7 +121,11 @@ export default function ModelComparePair() {
   const rows = createMemo(() => buildComparisonRows(models()[0], models()[1]))
   const relatedPairs = createMemo(() => buildRelatedPairs(catalog(), models()[0], models()[1]))
   const selectorModels = createMemo(() =>
-    uniqueCatalogModels([comparisonCatalogEntry(models()[0]), comparisonCatalogEntry(models()[1]), ...(catalog()?.models ?? [])]),
+    uniqueCatalogModels([
+      comparisonCatalogEntry(models()[0]),
+      comparisonCatalogEntry(models()[1]),
+      ...(catalog()?.models ?? []),
+    ]),
   )
   const structuredData = createMemo(() =>
     JSON.stringify({
@@ -176,8 +177,7 @@ export default function ModelComparePair() {
           <ComparisonHero models={models()} />
           <section id="comparison" data-section="model-panel">
             <p data-slot="section-title">
-              <strong>Comparison Table.</strong>{" "}
+              <strong>Comparison Table.</strong> <span>Compare usage, cost, limits, and features.</span>
-              <span>Compare usage, cost, limits, and features.</span>
             </p>
             <Show
               when={stats() !== undefined}
@@ -408,7 +408,10 @@ function buildComparisonRows(first: ComparisonModel, second: ComparisonModel): C
     comparisonRow(
       "Cache Ratio",
       "Higher is better.",
-      { value: first.stats ? formatPercent(first.stats.totals.cacheRatio) : "No usage", score: first.stats?.totals.cacheRatio },
+      {
+        value: first.stats ? formatPercent(first.stats.totals.cacheRatio) : "No usage",
+        score: first.stats?.totals.cacheRatio,
+      },
       {
         value: second.stats ? formatPercent(second.stats.totals.cacheRatio) : "No usage",
         score: second.stats?.totals.cacheRatio,

packages/stats/app/src/routes/compare/index.tsx

@@ -294,10 +294,7 @@ function CompareModelSelectModal(props: {
     return availableModels().filter((model) => terms.every((term) => modelSearchText(model).includes(term)))
   })
   const preview = createMemo(
-    () =>
+    () => filteredModels().find((model) => model.id === previewId()) ?? filteredModels()[0] ?? availableModels()[0],
-      filteredModels().find((model) => model.id === previewId()) ??
-      filteredModels()[0] ??
-      availableModels()[0],
   )
 
   createEffect(() => {
@@ -395,7 +392,10 @@ function CompareModelDetail(props: { model: ModelCatalogEntry }) {
         <strong>{props.model.name}</strong>
       </header>
       <div data-slot="compare-model-modal-description">
-        <p>{props.model.description ?? `${props.model.name} is an AI model from ${formatCatalogLabName(props.model.lab)}.`}</p>
+        <p>
+          {props.model.description ??
+            `${props.model.name} is an AI model from ${formatCatalogLabName(props.model.lab)}.`}
+        </p>
         <span aria-hidden="true" />
       </div>
       <dl data-slot="compare-model-modal-facts">
@@ -464,7 +464,9 @@ function CompareHomeCard(props: { category: CompareCategory }) {
         <span>{props.category.second.name}</span>
       </span>
       <span data-slot="compare-home-card-avatars" aria-hidden="true">
-        <For each={props.category.avatars}>{(model) => <LabLogo lab={model.lab} label={model.name} size="small" />}</For>
+        <For each={props.category.avatars}>
+          {(model) => <LabLogo lab={model.lab} label={model.name} size="small" />}
+        </For>
       </span>
     </a>
   )
@@ -485,7 +487,8 @@ function LabLogo(props: { lab: string; label: string; size: "large" | "small" |
 }
 
 function buildComparisonCategories(models: ModelCatalogEntry[]): CompareCategory[] {
-  return categoryTemplates.reduce<{ keys: Set<string>; categories: CompareCategory[] }>((result, template, index) => {
+  return categoryTemplates.reduce<{ keys: Set<string>; categories: CompareCategory[] }>(
+    (result, template, index) => {
       const candidates = categoryCandidates(template.kind, models)
       const pair = categoryPair(candidates, models, index, result.keys)
       if (!pair) return result
@@ -500,7 +503,9 @@ function buildComparisonCategories(models: ModelCatalogEntry[]): CompareCategory
         avatars: [first, second],
       })
       return result
-  }, { keys: new Set(), categories: [] }).categories
+    },
+    { keys: new Set(), categories: [] },
+  ).categories
 }
 
 function categoryPair(
@@ -525,9 +530,10 @@ function categoryCandidates(kind: (typeof categoryTemplates)[number]["kind"], mo
   if (kind === "affordable")
     return models
       .filter((model) => model.cost)
-      .toSorted((a, b) => modelCost(a) - modelCost(b) || displayDateTime(b.releaseDate) - displayDateTime(a.releaseDate))
+      .toSorted(
-  if (kind === "code")
+        (a, b) => modelCost(a) - modelCost(b) || displayDateTime(b.releaseDate) - displayDateTime(a.releaseDate),
-    return models.filter((model) => model.toolCall || model.reasoning).toSorted(recentModelSort)
+      )
+  if (kind === "code") return models.filter((model) => model.toolCall || model.reasoning).toSorted(recentModelSort)
   if (kind === "image")
     return models
       .filter((model) => model.modalities.output.some((modality) => modality.toLowerCase().includes("image")))

packages/stats/app/src/routes/index.css

@@ -5726,11 +5726,15 @@
 }
 
 [data-page="stats"] [data-component="compare-home-selector"] button[data-slot="compare-home-select-panel"]:hover,
-[data-page="stats"] [data-component="compare-home-selector"] button[data-slot="compare-home-select-panel"]:focus-within {
+[data-page="stats"]
+  [data-component="compare-home-selector"]
+  button[data-slot="compare-home-select-panel"]:focus-within {
   background: var(--stats-layer);
 }
 
-[data-page="stats"] [data-component="compare-home-selector"] button[data-slot="compare-home-select-panel"]:focus-visible {
+[data-page="stats"]
+  [data-component="compare-home-selector"]
+  button[data-slot="compare-home-select-panel"]:focus-visible {
   z-index: 1;
   outline: 1px solid var(--stats-line-strong);
   outline-offset: -1px;
@@ -6043,7 +6047,9 @@
 
 [data-page="stats"] [data-component="compare-model-modal"] button[data-slot="compare-model-modal-row"]:hover,
 [data-page="stats"] [data-component="compare-model-modal"] button[data-slot="compare-model-modal-row"]:focus-visible,
-[data-page="stats"] [data-component="compare-model-modal"] button[data-slot="compare-model-modal-row"][data-active="true"] {
+[data-page="stats"]
+  [data-component="compare-model-modal"]
+  button[data-slot="compare-model-modal-row"][data-active="true"] {
   color: var(--stats-text);
   background: var(--stats-layer-2);
   outline: none;

packages/stats/app/src/routes/stats-shell.tsx

@@ -243,7 +243,9 @@ export function Footer(props: {
     { href: "https://www.youtube.com/@anomaly-co", label: i18n.t("footer.youtube") },
   ]
   const bridge = () =>
-    props.bridge === undefined ? { href: "#geo-breakdown", label: i18n.t("nav.geoBreakdown").toUpperCase() } : props.bridge
+    props.bridge === undefined
+      ? { href: "#geo-breakdown", label: i18n.t("nav.geoBreakdown").toUpperCase() }
+      : props.bridge
 
   return (
     <footer data-component="footer">