ceos/opencode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(stats): refine comparison rendering

Browse source
This commit is contained in:
Adam 2026-07-16 12:29:12 -05:00
commit 0c91e6a620
No known key found for this signature in database
GPG key ID: 9CB48779AF150E75
7 changed files with 14 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

2
packages/stats/app/src/app.tsx
View file

@ -5,7 +5,7 @@ import { Suspense } from "solid-js"
import { I18nProvider, useI18n } from "./context/i18n"
import { LanguageProvider } from "./context/language"
import { strip } from "./lib/language"
import "./app.css"
import "./routes/index.css"
function AppMeta() {
const i18n = useI18n()

5
packages/stats/app/src/component/model-compare-detail.tsx
View file

@ -1,4 +1,3 @@
import "../routes/index.css"
import { Link, Meta, Title } from "@solidjs/meta"
import { ProviderIcon } from "@opencode-ai/ui/provider-icon"
import {
@ -263,9 +262,8 @@ export default function ModelCompareDetailPage(props: ModelCompareDetailPageProp
}}
/>
</Show>
<ComparisonRadar models={models()} catalogModels={catalog()?.models ?? []} />
<div
data-component="compare-detail-table"
data-component="compare-detail-comparison"
data-model-count={models().length}
style={`--compare-detail-grid: ${comparisonDetailGridTemplate(models().length)}`}
>
@ -276,6 +274,7 @@ export default function ModelCompareDetailPage(props: ModelCompareDetailPageProp
>
<ComparisonPairSelector catalogModels={selectorModels()} models={models()} />
</div>
<ComparisonRadar models={models()} catalogModels={catalog()?.models ?? []} />
<div
data-component="compare-detail-body-scroll"
ref={(element) => (comparisonBodyScroll = element)}

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

@ -1,4 +1,3 @@
import "../index.css"
import { Meta, Title } from "@solidjs/meta"
import { ProviderIcon } from "@opencode-ai/ui/provider-icon"
import { geoEquirectangular, geoPath } from "d3-geo"

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

@ -1,4 +1,3 @@
import "../index.css"
import { Meta, Title } from "@solidjs/meta"
import { ProviderIcon } from "@opencode-ai/ui/provider-icon"
import {

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

@ -1,4 +1,3 @@
import "../index.css"
import { Meta, Title } from "@solidjs/meta"
import { ProviderIcon } from "@opencode-ai/ui/provider-icon"
import { createAsync } from "@solidjs/router"

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

@ -6273,7 +6273,7 @@
white-space: nowrap;
}
[data-page="stats"] [data-component="compare-detail-table"] {
[data-page="stats"] [data-component="compare-detail-comparison"] {
--compare-detail-label-column: 292px;
--compare-detail-model-column-min: 360px;
position: relative;
@ -6330,10 +6330,10 @@
}
[data-page="stats"]
[data-component="compare-detail-table"][data-model-count="3"]
[data-component="compare-detail-comparison"][data-model-count="3"]
[data-section="compare-detail-selector"],
[data-page="stats"]
[data-component="compare-detail-table"][data-model-count="3"]
[data-component="compare-detail-comparison"][data-model-count="3"]
[data-section="compare-detail-matrix"] {
min-width: calc(
var(--compare-detail-label-column) + var(--compare-detail-model-column-min) +
@ -6342,10 +6342,10 @@
}
[data-page="stats"]
[data-component="compare-detail-table"][data-model-count="4"]
[data-component="compare-detail-comparison"][data-model-count="4"]
[data-section="compare-detail-selector"],
[data-page="stats"]
[data-component="compare-detail-table"][data-model-count="4"]
[data-component="compare-detail-comparison"][data-model-count="4"]
[data-section="compare-detail-matrix"] {
min-width: calc(
var(--compare-detail-label-column) + var(--compare-detail-model-column-min) +
@ -6355,10 +6355,10 @@
}
[data-page="stats"]
[data-component="compare-detail-table"][data-model-count="5"]
[data-component="compare-detail-comparison"][data-model-count="5"]
[data-section="compare-detail-selector"],
[data-page="stats"]
[data-component="compare-detail-table"][data-model-count="5"]
[data-component="compare-detail-comparison"][data-model-count="5"]
[data-section="compare-detail-matrix"] {
min-width: calc(
var(--compare-detail-label-column) + var(--compare-detail-model-column-min) +
@ -6368,10 +6368,10 @@
}
[data-page="stats"]
[data-component="compare-detail-table"][data-model-count="6"]
[data-component="compare-detail-comparison"][data-model-count="6"]
[data-section="compare-detail-selector"],
[data-page="stats"]
[data-component="compare-detail-table"][data-model-count="6"]
[data-component="compare-detail-comparison"][data-model-count="6"]
[data-section="compare-detail-matrix"] {
min-width: calc(
var(--compare-detail-label-column) + var(--compare-detail-model-column-min) +
@ -6663,7 +6663,7 @@
aspect-ratio: 1;
}
[data-page="stats"] [data-component="compare-detail-table"] {
[data-page="stats"] [data-component="compare-detail-comparison"] {
--compare-detail-label-column: 220px;
--compare-detail-model-column-min: 320px;
}
@ -6754,7 +6754,7 @@
margin-left: -6px;
}
[data-page="stats"] [data-component="compare-detail-table"] {
[data-page="stats"] [data-component="compare-detail-comparison"] {
--compare-detail-label-column: 188px;
--compare-detail-model-column-min: 246px;
}

1
packages/stats/app/src/routes/index.tsx
View file

@ -1,4 +1,3 @@
import "./index.css"
import { Link, Meta, Title } from "@solidjs/meta"
import { ProviderIcon } from "@opencode-ai/ui/provider-icon"
import { geoEquirectangular, geoPath } from "d3-geo"