Merge branch 'master' into feat/agentx

Brings in the unofficial-run agentic artifact fallback (#537) and latest master.

中文：合并 master 分支，引入非官方 run 的 agentic 产物回退（#537）及 master 最新改动。

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

Author: cquil11

.github/workflows/tests-e2e.yml

@@ -58,7 +58,10 @@ jobs:
       fail-fast: false
       matrix:
         browser: [chrome, firefox]
-        shard: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16]
+        # Cap at four shards per browser. Every shard repeats checkout, dependency
+        # installation, Cypress setup, and a full app build; beyond four, that
+        # duplicated fixed cost dominates and yields sharply diminishing returns.
+        shard: [1, 2, 3, 4]
     steps:
       - uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0
       - uses: pnpm/action-setup@0ebf47130e4866e96fce0953f49152a61190b271 # v6.0.9
@@ -117,11 +120,11 @@ jobs:
           CI: true
           E2E_FIXTURES: '1'
           # cypress-split picks the subset of specs for this shard.
-          # SPLIT_INDEX1 is 1-based to match matrix.shard values [1..16].
+          # SPLIT_INDEX1 is 1-based to match matrix.shard values [1..4].
           # SPLIT_FILE seeds the balance from observed timings;
           # SPLIT_OUTPUT_FILE redirects on-disk updates to a throwaway path
           # so CI never tries to mutate the committed timings.json.
-          SPLIT: 16
+          SPLIT: 4
           SPLIT_INDEX1: ${{ matrix.shard }}
           SPLIT_FILE: timings.json
           SPLIT_OUTPUT_FILE: /tmp/cypress-split-out.json

docs/d3-charts.md

@@ -109,3 +109,11 @@ These exist because multiple chart types (scatter, GPU, bar) all need the same t
 ## Dynamic Left Margin Measurement
 
 D3 bar charts measure actual Y-axis label widths using a temporary SVG `<text>` element before rendering. Hardcoded margins truncate labels when GPU names get long (e.g., "GB200 NVL72 (Dynamo TRT, MTP) (FP4)"). The formula `max(80, ceil(measuredWidth * 0.6) + 12)` ensures labels always fit while maintaining a minimum margin for short labels.
+
+## One Animation System per Property
+
+Opacity animates via inline CSS `transition: opacity 150ms ease` (set on dots, rooflines, and labels in the render path); d3 `.transition()` is reserved for attributes CSS can't animate — the `data-update` entrance transitions on dot `transform` and roofline `d`. Never point both systems at the same property: a d3 transition re-writes the style every animation frame, and each write restarts the CSS transition, emitting `transitionrun`/`transitioncancel` per node per frame (a legend hover across a full chart used to produce tens of thousands of events per session, all of it also observed by PostHog's session-replay MutationObserver). Handlers like legend hover therefore write opacity **once** and let CSS do the animation.
+
+## Batched Label Measurement
+
+Label loops that size a background rect to its text (`.ll-bg`/`.pl-bg`, point-label collision avoidance) must not interleave `getBBox()` with DOM writes — each read after a write forces a synchronous layout, turning N labels into N reflows. The pattern is two passes over the selection: write every label's text first, then measure every bbox (one forced layout for the whole batch), then write the rects. Same rule for `measureLegendRightInset`: it reads `getBoundingClientRect`, so it's skipped entirely when there are no known-issue annotations to place — it would otherwise run on every zoom frame.

packages/app/cypress/e2e/dropdown-switching.cy.ts

@@ -49,8 +49,8 @@ describe('Dropdown one-click switching', () => {
 
     cy.contains('Maintenance Mode').scrollIntoView().should('be.visible');
     cy.contains('[role="option"]', 'DeepSeek R1 0528 671B').scrollIntoView().should('be.visible');
-    cy.contains('[role="option"]', 'gpt-oss 120B').scrollIntoView().should('be.visible');
     cy.contains('Deprecated').scrollIntoView().should('be.visible');
+    cy.contains('[role="option"]', 'gpt-oss 120B').scrollIntoView().should('be.visible');
     cy.contains('[role="option"]', 'Llama 3.3 70B Instruct').scrollIntoView().should('be.visible');
   });
 

packages/app/next.config.ts

@@ -14,6 +14,11 @@ const nextConfig: NextConfig = {
   serverExternalPackages: ['shiki'],
   experimental: {
     optimizePackageImports: ['lucide-react', 'd3', '@tanstack/react-query'],
+    // NOTE: experimental.inlineCss was evaluated (2026-07) for the PageSpeed
+    // "Render-blocking requests" insight and rejected: it embeds the full CSS
+    // text in every route's RSC payload (~46 KiB gz, duplicated 2×), so every
+    // client-side tab navigation re-downloads CSS that is otherwise a
+    // one-time immutable fetch. Net regression for this SPA-heavy dashboard.
     // Persist Turbopack's compiler cache under .next/cache in GitHub Actions
     // so the workflow cache step makes warm builds fast. Gated on
     // GITHUB_ACTIONS (not CI, which Vercel also sets) to keep the