Skip to content

Commit 785c1af

Browse files
edwingao28edwingao28
committed
feat(overview): create overview page
1 parent 1e60c7b commit 785c1af

19 files changed

Lines changed: 1482 additions & 138 deletions

‎packages/app/cypress/e2e/overview.cy.ts‎

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
describe('Overview page', () => {
2+
it('shows every active model without selectors', () => {
3+
cy.visit('/overview');
4+
cy.contains('h1', 'AI Inference Overview').should('exist');
5+
cy.get('[data-testid="overview-scorecard"]').should('be.visible');
6+
for (const model of ['DeepSeek V4 Pro', 'Kimi', 'MiniMax M3', 'GLM5.2', 'Qwen3.5']) {
7+
cy.get('[data-testid="overview-scorecard"]').should('contain.text', model);
8+
}
9+
cy.get('select').should('not.exist');
10+
cy.contains('30 tok/s/user').should('exist');
11+
cy.contains('100 tok/s/user').should('exist');
12+
cy.contains('tr', 'DeepSeek V4 Pro').within(() => {
13+
cy.contains('Best').should('exist');
14+
cy.contains('1,200').should('exist');
15+
cy.contains('+25%').should('exist');
16+
});
17+
});
18+
19+
it('shows empty states, fallback data, and a filtered detail link', () => {
20+
cy.visit('/overview');
21+
cy.contains('tr', 'GLM5.2').within(() => {
22+
cy.contains('No 8K/1K single-turn data').should('exist');
23+
cy.get('td').eq(1).should('contain.text', 'Weighted score unavailable');
24+
cy.get('td').eq(6).should('contain.text', 'Runner-up comparison unavailable');
25+
cy.get('td').eq(7).should('contain.text', 'Freshness unavailable');
26+
});
27+
cy.contains('tr', 'Qwen3.5')
28+
.find('a[href^="/inference?"]')
29+
.should('have.attr', 'href')
30+
.and('include', 'i_seq=8k%2F1k');
31+
cy.contains('tr', 'Qwen3.5')
32+
.should('contain.text', 'Standard decode fallback')
33+
.and('contain.text', '†')
34+
.and('not.contain.text', '30:')
35+
.and('not.contain.text', '100:');
36+
cy.get('[data-testid="overview-scorecard"]').should('contain.text', '—');
37+
cy.get('[data-testid="overview-scorecard"] time').first().should('have.attr', 'datetime');
38+
});
39+
40+
it('keeps the sticky model column usable while the mobile scorecard scrolls', () => {
41+
cy.viewport(375, 812);
42+
cy.visit('/overview');
43+
cy.get('[data-testid="overview-scorecard-scroll"]').then(($region) => {
44+
expect($region[0].scrollWidth).to.be.greaterThan($region[0].clientWidth);
45+
$region[0].scrollLeft = 500;
46+
});
47+
cy.contains('th[scope="row"]', 'DeepSeek V4 Pro').then(($cell) => {
48+
const before = $cell[0].getBoundingClientRect().left;
49+
cy.get('[data-testid="overview-scorecard-scroll"]').scrollTo('right');
50+
cy.wrap($cell).then(($scrolledCell) => {
51+
expect($scrolledCell[0].getBoundingClientRect().left).to.be.closeTo(before, 2);
52+
});
53+
});
54+
});
55+
56+
it('renders the Chinese sibling and language toggle', () => {
57+
cy.visit('/zh/overview');
58+
cy.contains('h1', 'AI 推理总览').should('exist');
59+
cy.get('[data-testid="language-toggle"]').should('have.attr', 'href', '/overview');
60+
cy.contains('tr', 'GLM5.2').within(() => {
61+
cy.contains('暂无 8K/1K 单轮基准测试数据').should('exist');
62+
cy.get('td').eq(1).should('contain.text', '暂无加权评分');
63+
cy.get('td').eq(6).should('contain.text', '暂无第二名对比');
64+
cy.get('td').eq(7).should('contain.text', '暂无数据日期');
65+
});
66+
cy.contains('加权评分').should('exist');
67+
cy.contains('第一名').should('exist');
68+
});
69+
});

‎packages/app/cypress/fixtures/api/overview.json‎

Lines changed: 323 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,323 @@
1+
{
2+
"models": [
3+
{
4+
"model": "DeepSeek-V4-Pro",
5+
"modelLabel": "DeepSeek V4 Pro 1.6T",
6+
"selectedPrecision": "fp4",
7+
"winner": {
8+
"hardware": "gb300",
9+
"hardwareLabel": "GB300 NVL72",
10+
"precision": "fp4",
11+
"decodeMode": "speculative",
12+
"decodeLabel": "MTP",
13+
"score": 1010,
14+
"tierValues": [
15+
{ "tier": 30, "value": 1200, "boundary": "interpolated" },
16+
{ "tier": 50, "value": 1000, "boundary": "interpolated" },
17+
{ "tier": 75, "value": 800, "boundary": "interpolated" },
18+
{ "tier": 100, "value": 600, "boundary": "interpolated" }
19+
],
20+
"latestDate": "2026-07-20",
21+
"oldestFrontierDate": "2026-07-20"
22+
},
23+
"runnerUp": {
24+
"hardware": "gb200",
25+
"hardwareLabel": "GB200 NVL72",
26+
"precision": "fp4",
27+
"decodeMode": "speculative",
28+
"decodeLabel": "MTP",
29+
"score": 810,
30+
"tierValues": [
31+
{ "tier": 30, "value": 1000, "boundary": "interpolated" },
32+
{ "tier": 50, "value": 800, "boundary": "interpolated" },
33+
{ "tier": 75, "value": 600, "boundary": "interpolated" },
34+
{ "tier": 100, "value": 400, "boundary": "interpolated" }
35+
],
36+
"latestDate": "2026-07-20",
37+
"oldestFrontierDate": "2026-07-20"
38+
},
39+
"runnerUpGapPercent": 24.6913580247,
40+
"hardwareResults": [
41+
{
42+
"hardware": "gb300",
43+
"hardwareLabel": "GB300 NVL72",
44+
"precision": "fp4",
45+
"decodeMode": "speculative",
46+
"decodeLabel": "MTP",
47+
"score": 1010,
48+
"tierValues": [
49+
{ "tier": 30, "value": 1200, "boundary": "interpolated" },
50+
{ "tier": 50, "value": 1000, "boundary": "interpolated" },
51+
{ "tier": 75, "value": 800, "boundary": "interpolated" },
52+
{ "tier": 100, "value": 600, "boundary": "interpolated" }
53+
],
54+
"latestDate": "2026-07-20",
55+
"oldestFrontierDate": "2026-07-20"
56+
},
57+
{
58+
"hardware": "gb200",
59+
"hardwareLabel": "GB200 NVL72",
60+
"precision": "fp4",
61+
"decodeMode": "speculative",
62+
"decodeLabel": "MTP",
63+
"score": 810,
64+
"tierValues": [
65+
{ "tier": 30, "value": 1000, "boundary": "interpolated" },
66+
{ "tier": 50, "value": 800, "boundary": "interpolated" },
67+
{ "tier": 75, "value": 600, "boundary": "interpolated" },
68+
{ "tier": 100, "value": 400, "boundary": "interpolated" }
69+
],
70+
"latestDate": "2026-07-20",
71+
"oldestFrontierDate": "2026-07-20"
72+
}
73+
],
74+
"emptyReason": null
75+
},
76+
{
77+
"model": "Kimi-K2.5",
78+
"modelLabel": "Kimi K2.5/2.6/2.7-Code 1T",
79+
"selectedPrecision": "fp4",
80+
"winner": {
81+
"hardware": "b300",
82+
"hardwareLabel": "B300",
83+
"precision": "fp4",
84+
"decodeMode": "speculative",
85+
"decodeLabel": "MTP",
86+
"score": 1010,
87+
"tierValues": [
88+
{ "tier": 30, "value": 1200, "boundary": "interpolated" },
89+
{ "tier": 50, "value": 1000, "boundary": "interpolated" },
90+
{ "tier": 75, "value": 800, "boundary": "interpolated" },
91+
{ "tier": 100, "value": 600, "boundary": "interpolated" }
92+
],
93+
"latestDate": "2026-07-20",
94+
"oldestFrontierDate": "2026-07-20"
95+
},
96+
"runnerUp": {
97+
"hardware": "b200",
98+
"hardwareLabel": "B200",
99+
"precision": "fp4",
100+
"decodeMode": "speculative",
101+
"decodeLabel": "MTP",
102+
"score": 810,
103+
"tierValues": [
104+
{ "tier": 30, "value": 1000, "boundary": "interpolated" },
105+
{ "tier": 50, "value": 800, "boundary": "interpolated" },
106+
{ "tier": 75, "value": 600, "boundary": "interpolated" },
107+
{ "tier": 100, "value": 400, "boundary": "interpolated" }
108+
],
109+
"latestDate": "2026-07-20",
110+
"oldestFrontierDate": "2026-07-20"
111+
},
112+
"runnerUpGapPercent": 24.6913580247,
113+
"hardwareResults": [
114+
{
115+
"hardware": "b300",
116+
"hardwareLabel": "B300",
117+
"precision": "fp4",
118+
"decodeMode": "speculative",
119+
"decodeLabel": "MTP",
120+
"score": 1010,
121+
"tierValues": [
122+
{ "tier": 30, "value": 1200, "boundary": "interpolated" },
123+
{ "tier": 50, "value": 1000, "boundary": "interpolated" },
124+
{ "tier": 75, "value": 800, "boundary": "interpolated" },
125+
{ "tier": 100, "value": 600, "boundary": "interpolated" }
126+
],
127+
"latestDate": "2026-07-20",
128+
"oldestFrontierDate": "2026-07-20"
129+
},
130+
{
131+
"hardware": "b200",
132+
"hardwareLabel": "B200",
133+
"precision": "fp4",
134+
"decodeMode": "speculative",
135+
"decodeLabel": "MTP",
136+
"score": 810,
137+
"tierValues": [
138+
{ "tier": 30, "value": 1000, "boundary": "interpolated" },
139+
{ "tier": 50, "value": 800, "boundary": "interpolated" },
140+
{ "tier": 75, "value": 600, "boundary": "interpolated" },
141+
{ "tier": 100, "value": 400, "boundary": "interpolated" }
142+
],
143+
"latestDate": "2026-07-20",
144+
"oldestFrontierDate": "2026-07-20"
145+
}
146+
],
147+
"emptyReason": null
148+
},
149+
{
150+
"model": "MiniMax-M3",
151+
"modelLabel": "MiniMax M3 428B",
152+
"selectedPrecision": "fp4",
153+
"winner": {
154+
"hardware": "mi355x",
155+
"hardwareLabel": "MI355X",
156+
"precision": "fp4",
157+
"decodeMode": "speculative",
158+
"decodeLabel": "M3 EAGLE",
159+
"score": 1010,
160+
"tierValues": [
161+
{ "tier": 30, "value": 1200, "boundary": "interpolated" },
162+
{ "tier": 50, "value": 1000, "boundary": "interpolated" },
163+
{ "tier": 75, "value": 800, "boundary": "interpolated" },
164+
{ "tier": 100, "value": 600, "boundary": "interpolated" }
165+
],
166+
"latestDate": "2026-07-20",
167+
"oldestFrontierDate": "2026-07-20"
168+
},
169+
"runnerUp": {
170+
"hardware": "b200",
171+
"hardwareLabel": "B200",
172+
"precision": "fp4",
173+
"decodeMode": "speculative",
174+
"decodeLabel": "M3 EAGLE",
175+
"score": 810,
176+
"tierValues": [
177+
{ "tier": 30, "value": 1000, "boundary": "interpolated" },
178+
{ "tier": 50, "value": 800, "boundary": "interpolated" },
179+
{ "tier": 75, "value": 600, "boundary": "interpolated" },
180+
{ "tier": 100, "value": 400, "boundary": "interpolated" }
181+
],
182+
"latestDate": "2026-07-20",
183+
"oldestFrontierDate": "2026-07-20"
184+
},
185+
"runnerUpGapPercent": 24.6913580247,
186+
"hardwareResults": [
187+
{
188+
"hardware": "mi355x",
189+
"hardwareLabel": "MI355X",
190+
"precision": "fp4",
191+
"decodeMode": "speculative",
192+
"decodeLabel": "M3 EAGLE",
193+
"score": 1010,
194+
"tierValues": [
195+
{ "tier": 30, "value": 1200, "boundary": "interpolated" },
196+
{ "tier": 50, "value": 1000, "boundary": "interpolated" },
197+
{ "tier": 75, "value": 800, "boundary": "interpolated" },
198+
{ "tier": 100, "value": 600, "boundary": "interpolated" }
199+
],
200+
"latestDate": "2026-07-20",
201+
"oldestFrontierDate": "2026-07-20"
202+
},
203+
{
204+
"hardware": "b200",
205+
"hardwareLabel": "B200",
206+
"precision": "fp4",
207+
"decodeMode": "speculative",
208+
"decodeLabel": "M3 EAGLE",
209+
"score": 810,
210+
"tierValues": [
211+
{ "tier": 30, "value": 1000, "boundary": "interpolated" },
212+
{ "tier": 50, "value": 800, "boundary": "interpolated" },
213+
{ "tier": 75, "value": 600, "boundary": "interpolated" },
214+
{ "tier": 100, "value": 400, "boundary": "interpolated" }
215+
],
216+
"latestDate": "2026-07-20",
217+
"oldestFrontierDate": "2026-07-20"
218+
}
219+
],
220+
"emptyReason": null
221+
},
222+
{
223+
"model": "GLM-5.2",
224+
"modelLabel": "GLM5.2",
225+
"selectedPrecision": null,
226+
"winner": null,
227+
"runnerUp": null,
228+
"runnerUpGapPercent": null,
229+
"hardwareResults": [],
230+
"emptyReason": "no_8k1k_single_turn_data"
231+
},
232+
{
233+
"model": "Qwen-3.5-397B-A17B",
234+
"modelLabel": "Qwen3.5 397B",
235+
"selectedPrecision": "fp4",
236+
"winner": {
237+
"hardware": "gb200",
238+
"hardwareLabel": "GB200 NVL72",
239+
"precision": "fp4",
240+
"decodeMode": "speculative",
241+
"decodeLabel": "MTP",
242+
"score": 1010,
243+
"tierValues": [
244+
{ "tier": 30, "value": 1200, "boundary": "clamped_low" },
245+
{ "tier": 50, "value": 1000, "boundary": "interpolated" },
246+
{ "tier": 75, "value": 800, "boundary": "interpolated" },
247+
{ "tier": 100, "value": 600, "boundary": "interpolated" }
248+
],
249+
"latestDate": "2026-07-20",
250+
"oldestFrontierDate": "2026-07-20"
251+
},
252+
"runnerUp": {
253+
"hardware": "b200",
254+
"hardwareLabel": "B200",
255+
"precision": "fp4",
256+
"decodeMode": "speculative",
257+
"decodeLabel": "MTP",
258+
"score": 810,
259+
"tierValues": [
260+
{ "tier": 30, "value": 1000, "boundary": "interpolated" },
261+
{ "tier": 50, "value": 800, "boundary": "interpolated" },
262+
{ "tier": 75, "value": 600, "boundary": "interpolated" },
263+
{ "tier": 100, "value": 400, "boundary": "interpolated" }
264+
],
265+
"latestDate": "2026-07-20",
266+
"oldestFrontierDate": "2026-07-20"
267+
},
268+
"runnerUpGapPercent": 24.6913580247,
269+
"hardwareResults": [
270+
{
271+
"hardware": "gb200",
272+
"hardwareLabel": "GB200 NVL72",
273+
"precision": "fp4",
274+
"decodeMode": "speculative",
275+
"decodeLabel": "MTP",
276+
"score": 1010,
277+
"tierValues": [
278+
{ "tier": 30, "value": 1200, "boundary": "clamped_low" },
279+
{ "tier": 50, "value": 1000, "boundary": "interpolated" },
280+
{ "tier": 75, "value": 800, "boundary": "interpolated" },
281+
{ "tier": 100, "value": 600, "boundary": "interpolated" }
282+
],
283+
"latestDate": "2026-07-20",
284+
"oldestFrontierDate": "2026-07-20"
285+
},
286+
{
287+
"hardware": "b200",
288+
"hardwareLabel": "B200",
289+
"precision": "fp4",
290+
"decodeMode": "speculative",
291+
"decodeLabel": "MTP",
292+
"score": 810,
293+
"tierValues": [
294+
{ "tier": 30, "value": 1000, "boundary": "interpolated" },
295+
{ "tier": 50, "value": 800, "boundary": "interpolated" },
296+
{ "tier": 75, "value": 600, "boundary": "interpolated" },
297+
{ "tier": 100, "value": 400, "boundary": "interpolated" }
298+
],
299+
"latestDate": "2026-07-20",
300+
"oldestFrontierDate": "2026-07-20"
301+
},
302+
{
303+
"hardware": "mi355x",
304+
"hardwareLabel": "MI355X",
305+
"precision": "fp4",
306+
"decodeMode": "standard_fallback",
307+
"decodeLabel": "Standard decode fallback",
308+
"score": 695,
309+
"tierValues": [
310+
{ "tier": 30, "value": 900, "boundary": "clamped_low" },
311+
{ "tier": 50, "value": 700, "boundary": "interpolated" },
312+
{ "tier": 75, "value": 500, "boundary": "interpolated" },
313+
{ "tier": 100, "value": null, "boundary": "unreachable" }
314+
],
315+
"latestDate": "2026-07-20",
316+
"oldestFrontierDate": "2026-07-19"
317+
}
318+
],
319+
"emptyReason": null
320+
}
321+
],
322+
"latestDate": "2026-07-20"
323+
}

0 commit comments

Comments
 (0)