vrr/opencode
2
0
Fork 0
mirror of https://github.com/anomalyco/opencode.git synced 2026-07-09 23:08:29 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

chore: generate

Browse source
This commit is contained in:
opencode-agent[bot] 2026-07-08 16:30:17 +00:00
parent ccd8676bee
commit a72c3880bb
6 changed files with 82 additions and 67 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -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) => ({

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

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

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

@ -1,9 +1,6 @@
import "../../../../index.css"
import { Link, Meta, Title } from "@solidjs/meta"
import {
getStatsModelComparisonData,
type StatsModelComparisonEntry,
} from "@opencode-ai/stats-core/domain/home"
import { 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,17 +177,16 @@ export default function ModelComparePair() {
<ComparisonHero models={models()} />
<section id="comparison" data-section="model-panel">
<p data-slot="section-title">
<strong>Comparison Table.</strong>{" "}
<span>Compare usage, cost, limits, and features.</span>
<strong>Comparison Table.</strong> <span>Compare usage, cost, limits, and features.</span>
</p>
<Show
when={stats() !== undefined}
fallback={
<div data-component="empty-state" data-compact="true">
<strong>Loading comparison</strong>
<p>Loading stats for both models.</p>
</div>
}
fallback={
<div data-component="empty-state" data-compact="true">
<strong>Loading comparison</strong>
<p>Loading stats for both models.</p>
</div>
}
>
<ComparisonTable models={models()} rows={rows()} />
</Show>
@ -197,12 +197,12 @@ export default function ModelComparePair() {
</p>
<Show
when={selectorModels().length > 1}
fallback={
<div data-component="empty-state" data-compact="true">
<strong>No models found</strong>
<p>The model list could not be loaded.</p>
</div>
}
fallback={
<div data-component="empty-state" data-compact="true">
<strong>No models found</strong>
<p>The model list could not be loaded.</p>
</div>
}
>
<ComparisonSelector
models={selectorModels()}
@ -337,18 +337,18 @@ function uniqueCatalogModels(models: ModelCatalogEntry[]) {
function buildComparisonRows(first: ComparisonModel, second: ComparisonModel): ComparisonRow[] {
return [
comparisonRow(
"Recent Rank",
"Lower is better.",
{
value: first.stats?.rank == null ? "No usage" : `#${first.stats.rank}`,
score: first.stats?.rank ?? undefined,
},
{
value: second.stats?.rank == null ? "No usage" : `#${second.stats.rank}`,
score: second.stats?.rank ?? undefined,
},
"lower",
),
"Recent Rank",
"Lower is better.",
{
value: first.stats?.rank == null ? "No usage" : `#${first.stats.rank}`,
score: first.stats?.rank ?? undefined,
},
{
value: second.stats?.rank == null ? "No usage" : `#${second.stats.rank}`,
score: second.stats?.rank ?? undefined,
},
"lower",
),
comparisonRow(
"Token Share",
"Share of recent OpenCode usage.",
@ -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,

56
packages/stats/app/src/routes/compare/index.tsx
View file

@ -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,22 +487,25 @@ 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) => {
const candidates = categoryCandidates(template.kind, models)
const pair = categoryPair(candidates, models, index, result.keys)
if (!pair) return result
result.keys.add(comparisonKey(pair.first, pair.second))
const first = modelRefFromCatalog(pair.first)
const second = modelRefFromCatalog(pair.second)
result.categories.push({
title: template.title,
description: template.description,
first,
second,
avatars: [first, second],
})
return result
}, { keys: new Set(), categories: [] }).categories
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
result.keys.add(comparisonKey(pair.first, pair.second))
const first = modelRefFromCatalog(pair.first)
const second = modelRefFromCatalog(pair.second)
result.categories.push({
title: template.title,
description: template.description,
first,
second,
avatars: [first, second],
})
return result
},
{ 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))
if (kind === "code")
return models.filter((model) => model.toolCall || model.reasoning).toSorted(recentModelSort)
.toSorted(
(a, b) => modelCost(a) - modelCost(b) || displayDateTime(b.releaseDate) - displayDateTime(a.releaseDate),
)
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")))

12
packages/stats/app/src/routes/index.css
View file

@ -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;

4
packages/stats/app/src/routes/stats-shell.tsx
View file

@ -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">