Skip to content

fix(test): restore typecheck:browser after the ingest-types seat fields - #14714

Merged
DrJKL merged 0 commit into
mainfrom
glary/fix-browser-test-billing-types
Aug 4, 2026
Merged

fix(test): restore typecheck:browser after the ingest-types seat fields#14714
DrJKL merged 0 commit into
mainfrom
glary/fix-browser-test-billing-types

Conversation

@DrJKL

@DrJKL DrJKL commented Aug 4, 2026

Copy link
Copy Markdown
Contributor

PR Created by the Glary-Bot Agent


Problem

pnpm typecheck:browser fails on main with 9 errors across 4 files.

[chore] Update Ingest API types from cloud@9cd6161 (#13499) made max_seats and occupied_seats required on the generated BillingStatusResponse, without updating the browser-test billing fixtures that construct it.

That commit touched only packages/ingest-types/src/{index,types.gen,zod.gen}.ts — zero files under browser_tests/. typecheck:browser runs in .github/actions/lint-format-verify/action.yml behind a dorny/paths-filter on browser_tests/**, so the check was skipped on both its PR run and its push to main, and it merged red.

Change

Adds the two required fields to the four base fixtures the others spread from:

  • TEAM_BILLING_STATUS and ENDED_STANDARD_BILLING_STATUS in browser_tests/fixtures/data/cloudWorkspace.ts
  • ACTIVE_TEAM_STATUS and ACTIVE_STANDARD_STATUS in browser_tests/tests/dialogs/pricingTableDeepLink.spec.ts

ACTIVE_CREATOR_STATUS, LEGACY_ACTIVE_STANDARD_STATUS and RECOVERED_3DS_STATUS spread from those bases, and CloudWorkspaceMockHelper / endedSubscription.spec.ts consume the exported constants, so all 9 errors clear from these four edits.

Nothing outside the generated types reads either field — the only .max_seats consumer in src/ is useBillingContext.ts:197, which reads Plan.max_seats, a different object — so this is type conformance only and does not change what any test exercises.

The team fixture derives both values from the seat count already declared beside it (TEAM_MAX_SEATS, DEFAULT_TEAM_MEMBERS.length) rather than restating 30/4, so the billing status and the plan cannot drift apart.

Verification

  • pnpm typecheck:browser — 9 errors before, 0 after
  • pnpm typecheck, pnpm lint, pnpm format:check, pnpm knip — all clean

Notes

Prerequisite for the Canvas Navigation fix PR, which adds a browser_tests/ spec and therefore triggers this check.

Filed FE-1507 to make typecheck:browser unconditional so this class of breakage cannot merge again — the gate currently triggers on the test directory changing, while these types break when the types those tests consume change.

@github-actions

github-actions Bot commented Aug 4, 2026

Copy link
Copy Markdown

🎭 Playwright: ✅ 1787 passed, 0 failed · 2 flaky

📊 Browser Reports
  • chromium: View Report (✅ 1768 / ❌ 0 / ⚠️ 1 / ⏭️ 5)
  • chromium-2x: View Report (✅ 2 / ❌ 0 / ⚠️ 0 / ⏭️ 0)
  • chromium-0.5x: View Report (✅ 1 / ❌ 0 / ⚠️ 0 / ⏭️ 0)
  • mobile-chrome: View Report (✅ 16 / ❌ 0 / ⚠️ 1 / ⏭️ 0)

📦 Bundle: 8.25 MB gzip ⚪ 0 B

Details

Summary

  • Raw size: 34.7 MB baseline 34.7 MB — ⚪ 0 B
  • Gzip: 8.25 MB baseline 8.25 MB — ⚪ 0 B
  • Brotli: 5.71 MB baseline 5.71 MB — ⚪ 0 B
  • Bundles: 428 current • 428 baseline

Category Glance
Vendor & Third-Party ⚪ 0 B (15.7 MB) · Other ⚪ 0 B (12.8 MB) · Data & Services ⚪ 0 B (3.48 MB) · Graph Workspace ⚪ 0 B (1.35 MB) · Panels & Settings ⚪ 0 B (551 kB) · Utilities & Hooks ⚪ 0 B (386 kB) · + 5 more

App Entry Points — 3.64 kB (baseline 3.64 kB) • ⚪ 0 B

Main entry bundles and manifests

Status: 1 unchanged

Graph Workspace — 1.35 MB (baseline 1.35 MB) • ⚪ 0 B

Graph editor runtime, canvas, workflow orchestration

Status: 2 unchanged

Views & Navigation — 112 kB (baseline 112 kB) • ⚪ 0 B

Top-level views, pages, and routed surfaces

Status: 17 unchanged

Panels & Settings — 551 kB (baseline 551 kB) • ⚪ 0 B

Configuration panels, inspectors, and settings screens

Status: 26 unchanged

User & Accounts — 27 kB (baseline 27 kB) • ⚪ 0 B

Authentication, profile, and account management bundles

Status: 10 unchanged

Editors & Dialogs — 124 kB (baseline 124 kB) • ⚪ 0 B

Modals, dialogs, drawers, and in-app editors

Status: 7 unchanged

UI Components — 71.1 kB (baseline 71.1 kB) • ⚪ 0 B

Reusable component library chunks

Status: 15 unchanged

Data & Services — 3.48 MB (baseline 3.48 MB) • ⚪ 0 B

Stores, services, APIs, and repositories

Status: 17 unchanged

Utilities & Hooks — 386 kB (baseline 386 kB) • ⚪ 0 B

Helpers, composables, and utility bundles

Status: 36 unchanged

Vendor & Third-Party — 15.7 MB (baseline 15.7 MB) • ⚪ 0 B

External libraries and shared vendor chunks

Status: 16 unchanged

Other — 12.8 MB (baseline 12.8 MB) • ⚪ 0 B

Bundles that do not match a named category

Status: 281 unchanged

⚡ Performance Report

canvas-idle: · 60.0 avg FPS · 59.7 P5 FPS ✅ (target: ≥52) · 0ms TBT · 66.2 MB heap
canvas-mouse-sweep: · 60.0 avg FPS · 59.7 P5 FPS ✅ (target: ≥52) · 0ms TBT · 49.2 MB heap
canvas-zoom-sweep: · 60.0 avg FPS · 59.9 P5 FPS ✅ (target: ≥52) · 0ms TBT · 69.3 MB heap
dom-widget-clipping: · 60.0 avg FPS · 59.9 P5 FPS ✅ (target: ≥52) · 0ms TBT · 50.4 MB heap
large-graph-idle: · 60.0 avg FPS · 59.5 P5 FPS ✅ (target: ≥52) · 0ms TBT · 63.2 MB heap
large-graph-pan: · 60.0 avg FPS · 59.9 P5 FPS ✅ (target: ≥52) · 0ms TBT · 60.9 MB heap
large-graph-zoom: · 60.0 avg FPS · 59.7 P5 FPS ✅ (target: ≥52) · 0ms TBT · 81.4 MB heap
minimap-idle: · 60.0 avg FPS · 59.9 P5 FPS ✅ (target: ≥52) · 0ms TBT · 64.3 MB heap
subgraph-dom-widget-clipping: · 60.0 avg FPS · 59.9 P5 FPS ✅ (target: ≥52) · 0ms TBT · 51.0 MB heap
subgraph-idle: · 60.0 avg FPS · 59.7 P5 FPS ✅ (target: ≥52) · 0ms TBT · 66.1 MB heap
subgraph-mouse-sweep: · 60.0 avg FPS · 59.5 P5 FPS ✅ (target: ≥52) · 0ms TBT · 44.5 MB heap
subgraph-transition-enter: · 60.0 avg FPS · 59.9 P5 FPS ✅ (target: ≥52) · 121ms TBT · 94.8 MB heap
viewport-pan-sweep: · 60.0 avg FPS · 59.9 P5 FPS ✅ (target: ≥52) · 0ms TBT · 67.5 MB heap
vue-large-graph-idle: · 54.5 avg FPS · 59.5 P5 FPS ✅ (target: ≥52) · 0ms TBT · 159.3 MB heap
vue-large-graph-pan: · 54.5 avg FPS · 59.5 P5 FPS ✅ (target: ≥52) · 415ms TBT · 164.0 MB heap
workflow-execution: · 60.0 avg FPS · 59.5 P5 FPS ✅ (target: ≥52) · 0ms TBT · 65.2 MB heap

⚠️ 6 regressions detected

Show regressions
Metric Baseline PR (median) Δ Sig
canvas-idle: task duration 520ms 481ms -8% ⚠️ z=2.8
dom-widget-clipping: style recalc duration 9ms 12ms +33% ⚠️ z=2.4
large-graph-idle: task duration 704ms 664ms -6% ⚠️ z=2.3
large-graph-pan: task duration 1394ms 1189ms -15% ⚠️ z=2.5
minimap-idle: task duration 804ms 669ms -17% ⚠️ z=3.0
subgraph-idle: task duration 507ms 459ms -9% ⚠️ z=2.8
All metrics
Metric Baseline PR (median) Δ Sig
canvas-idle: avg frame time 17ms 17ms -0% z=-0.5
canvas-idle: p95 frame time 17ms 17ms +0%
canvas-idle: layout duration 0ms 0ms +0%
canvas-idle: style recalc duration 8ms 7ms -13% z=-4.3
canvas-idle: layout count 0 0 +0%
canvas-idle: style recalc count 9 10 +6% z=-2.9
canvas-idle: task duration 520ms 481ms -8% ⚠️ z=2.8
canvas-idle: script duration 21ms 16ms -26% z=-4.4
canvas-idle: TBT 0ms 0ms +0%
canvas-idle: heap used 66.3 MB 66.2 MB -0%
canvas-idle: DOM nodes 18 19 +6% z=-2.8
canvas-idle: event listeners 4 4 +0% z=-1.6
canvas-mouse-sweep: avg frame time 17ms 17ms +0% z=-0.4
canvas-mouse-sweep: p95 frame time 17ms 17ms +0%
canvas-mouse-sweep: layout duration 4ms 4ms -4% z=0.1
canvas-mouse-sweep: style recalc duration 41ms 37ms -11% z=-1.9
canvas-mouse-sweep: layout count 12 12 +0%
canvas-mouse-sweep: style recalc count 76 74 -3% z=-2.0
canvas-mouse-sweep: task duration 936ms 863ms -8% z=-0.0
canvas-mouse-sweep: script duration 124ms 115ms -8% z=-3.2
canvas-mouse-sweep: TBT 0ms 0ms +0%
canvas-mouse-sweep: heap used 49.0 MB 49.2 MB +0%
canvas-mouse-sweep: DOM nodes -280 -279 -0% z=-132.0
canvas-mouse-sweep: event listeners -153 -153 +0% z=-38.7
canvas-zoom-sweep: avg frame time 17ms 17ms +0% z=0.5
canvas-zoom-sweep: p95 frame time 17ms 17ms -1%
canvas-zoom-sweep: layout duration 1ms 1ms -2% z=0.5
canvas-zoom-sweep: style recalc duration 18ms 16ms -9% z=-1.9
canvas-zoom-sweep: layout count 6 6 +0%
canvas-zoom-sweep: style recalc count 30 32 +5% z=0.5
canvas-zoom-sweep: task duration 441ms 371ms -16% z=1.9
canvas-zoom-sweep: script duration 27ms 18ms -33% z=-3.1
canvas-zoom-sweep: TBT 0ms 0ms +0%
canvas-zoom-sweep: heap used 69.4 MB 69.3 MB -0%
canvas-zoom-sweep: DOM nodes 76 78 +2% z=-2.2
canvas-zoom-sweep: event listeners 19 19 +0% z=-0.9
dom-widget-clipping: avg frame time 17ms 17ms +0% z=-0.2
dom-widget-clipping: p95 frame time 17ms 17ms -1%
dom-widget-clipping: layout duration 0ms 0ms +0%
dom-widget-clipping: style recalc duration 9ms 12ms +33% ⚠️ z=2.4
dom-widget-clipping: layout count 0 0 +0%
dom-widget-clipping: style recalc count 11 12 +9% z=-2.2
dom-widget-clipping: task duration 404ms 375ms -7% z=0.6
dom-widget-clipping: script duration 61ms 55ms -9% z=-3.9
dom-widget-clipping: TBT 0ms 0ms +0%
dom-widget-clipping: heap used 50.7 MB 50.4 MB -1%
dom-widget-clipping: DOM nodes 18 20 +11% z=-1.5
dom-widget-clipping: event listeners 0 0 +0% variance too high
large-graph-idle: avg frame time 17ms 17ms +0% z=-0.2
large-graph-idle: p95 frame time 17ms 17ms +1%
large-graph-idle: layout duration 0ms 0ms +0%
large-graph-idle: style recalc duration 7ms 7ms -4% z=-5.1
large-graph-idle: layout count 0 0 +0%
large-graph-idle: style recalc count 9 9 -6% z=-9.9
large-graph-idle: task duration 704ms 664ms -6% ⚠️ z=2.3
large-graph-idle: script duration 105ms 91ms -13% z=-1.1
large-graph-idle: TBT 0ms 0ms +0%
large-graph-idle: heap used 64.5 MB 63.2 MB -2%
large-graph-idle: DOM nodes -281 -282 +0% z=-339.3
large-graph-idle: event listeners -149 -149 +0% z=-28.7
large-graph-pan: avg frame time 17ms 17ms +0% z=0.8
large-graph-pan: p95 frame time 17ms 17ms -1%
large-graph-pan: layout duration 0ms 0ms +0%
large-graph-pan: style recalc duration 16ms 14ms -7% z=-3.6
large-graph-pan: layout count 0 0 +0%
large-graph-pan: style recalc count 68 69 +1% z=-0.9
large-graph-pan: task duration 1394ms 1189ms -15% ⚠️ z=2.5
large-graph-pan: script duration 446ms 395ms -12% z=-0.7
large-graph-pan: TBT 0ms 0ms +0%
large-graph-pan: heap used 65.2 MB 60.9 MB -7%
large-graph-pan: DOM nodes -285 -283 -1% z=-183.0
large-graph-pan: event listeners -149 -148 -1% z=-184.7
large-graph-zoom: avg frame time 17ms 17ms +0%
large-graph-zoom: p95 frame time 17ms 17ms -0%
large-graph-zoom: layout duration 9ms 8ms -8%
large-graph-zoom: style recalc duration 16ms 15ms -6%
large-graph-zoom: layout count 60 60 +0%
large-graph-zoom: style recalc count 65 65 +0%
large-graph-zoom: task duration 1598ms 1423ms -11%
large-graph-zoom: script duration 559ms 508ms -9%
large-graph-zoom: TBT 0ms 0ms +0%
large-graph-zoom: heap used 60.8 MB 81.4 MB +34%
large-graph-zoom: DOM nodes -288 12 -104%
large-graph-zoom: event listeners -153 8 -105%
minimap-idle: avg frame time 17ms 17ms -0% z=-0.4
minimap-idle: p95 frame time 17ms 17ms +0%
minimap-idle: layout duration 0ms 0ms +0%
minimap-idle: style recalc duration 8ms 7ms -7% z=-2.8
minimap-idle: layout count 0 0 +0%
minimap-idle: style recalc count 9 9 -6% z=-1.6
minimap-idle: task duration 804ms 669ms -17% ⚠️ z=3.0
minimap-idle: script duration 123ms 90ms -27% z=-0.8
minimap-idle: TBT 0ms 0ms +0%
minimap-idle: heap used 64.3 MB 64.3 MB +0%
minimap-idle: DOM nodes -282 -283 +0% z=-220.9
minimap-idle: event listeners -149 -163 +9% z=-253.8
subgraph-dom-widget-clipping: avg frame time 17ms 17ms -0% z=-0.4
subgraph-dom-widget-clipping: p95 frame time 17ms 17ms -1%
subgraph-dom-widget-clipping: layout duration 0ms 0ms +0%
subgraph-dom-widget-clipping: style recalc duration 11ms 9ms -14% z=-3.5
subgraph-dom-widget-clipping: layout count 0 0 +0%
subgraph-dom-widget-clipping: style recalc count 47 46 -2% z=-3.3
subgraph-dom-widget-clipping: task duration 425ms 397ms -7% z=1.0
subgraph-dom-widget-clipping: script duration 125ms 120ms -4% z=-1.3
subgraph-dom-widget-clipping: TBT 0ms 0ms +0%
subgraph-dom-widget-clipping: heap used 51.2 MB 51.0 MB -0%
subgraph-dom-widget-clipping: DOM nodes 20 18 -10% z=-3.7
subgraph-dom-widget-clipping: event listeners 8 6 -25% z=-1.7
subgraph-idle: avg frame time 17ms 17ms -0% z=-0.2
subgraph-idle: p95 frame time 17ms 17ms +0%
subgraph-idle: layout duration 0ms 0ms +0%
subgraph-idle: style recalc duration 9ms 7ms -18% z=-4.0
subgraph-idle: layout count 0 0 +0%
subgraph-idle: style recalc count 10 10 -5% z=-2.1
subgraph-idle: task duration 507ms 459ms -9% ⚠️ z=2.8
subgraph-idle: script duration 18ms 12ms -31% z=-2.9
subgraph-idle: TBT 0ms 0ms +0%
subgraph-idle: heap used 66.2 MB 66.1 MB -0%
subgraph-idle: DOM nodes 18 19 +6% z=-1.9
subgraph-idle: event listeners 4 4 +0% variance too high
subgraph-mouse-sweep: avg frame time 17ms 17ms -0% z=-0.1
subgraph-mouse-sweep: p95 frame time 17ms 17ms +1%
subgraph-mouse-sweep: layout duration 4ms 4ms -6% z=-1.8
subgraph-mouse-sweep: style recalc duration 38ms 34ms -10% z=-2.5
subgraph-mouse-sweep: layout count 16 16 +0%
subgraph-mouse-sweep: style recalc count 77 78 +1% z=-1.4
subgraph-mouse-sweep: task duration 838ms 767ms -9% z=0.0
subgraph-mouse-sweep: script duration 95ms 81ms -15% z=-3.0
subgraph-mouse-sweep: TBT 0ms 0ms +0%
subgraph-mouse-sweep: heap used 45.2 MB 44.5 MB -2%
subgraph-mouse-sweep: DOM nodes -281 -280 -1% z=-155.1
subgraph-mouse-sweep: event listeners -153 -153 +0% variance too high
subgraph-transition-enter: avg frame time 17ms 17ms -0%
subgraph-transition-enter: p95 frame time 17ms 17ms +0%
subgraph-transition-enter: layout duration 12ms 13ms +8%
subgraph-transition-enter: style recalc duration 30ms 28ms -5%
subgraph-transition-enter: layout count 13 13 +0%
subgraph-transition-enter: style recalc count 17 17 +0%
subgraph-transition-enter: task duration 1036ms 903ms -13%
subgraph-transition-enter: script duration 39ms 34ms -12%
subgraph-transition-enter: TBT 121ms 121ms +0%
subgraph-transition-enter: heap used 96.2 MB 94.8 MB -1%
subgraph-transition-enter: DOM nodes 13673 13673 +0%
subgraph-transition-enter: event listeners 2375 2375 +0%
viewport-pan-sweep: avg frame time 17ms 17ms -0%
viewport-pan-sweep: p95 frame time 17ms 17ms +0%
viewport-pan-sweep: layout duration 0ms 0ms +0%
viewport-pan-sweep: style recalc duration 43ms 39ms -9%
viewport-pan-sweep: layout count 0 0 +0%
viewport-pan-sweep: style recalc count 250 249 -0%
viewport-pan-sweep: task duration 4850ms 4256ms -12%
viewport-pan-sweep: script duration 1415ms 1288ms -9%
viewport-pan-sweep: TBT 0ms 0ms +0%
viewport-pan-sweep: heap used 68.9 MB 67.5 MB -2%
viewport-pan-sweep: DOM nodes -283 -283 +0%
viewport-pan-sweep: event listeners -133 -133 +0%
vue-large-graph-idle: avg frame time 18ms 18ms +0%
vue-large-graph-idle: p95 frame time 17ms 17ms -0%
vue-large-graph-idle: layout duration 0ms 0ms +0%
vue-large-graph-idle: style recalc duration 0ms 0ms +0%
vue-large-graph-idle: layout count 0 0 +0%
vue-large-graph-idle: style recalc count 0 0 +0%
vue-large-graph-idle: task duration 17890ms 17360ms -3%
vue-large-graph-idle: script duration 538ms 556ms +3%
vue-large-graph-idle: TBT 0ms 0ms +0%
vue-large-graph-idle: heap used 159.3 MB 159.3 MB +0%
vue-large-graph-idle: DOM nodes -8312 -8312 +0%
vue-large-graph-idle: event listeners -16389 -16387 -0%
vue-large-graph-pan: avg frame time 18ms 18ms +3%
vue-large-graph-pan: p95 frame time 17ms 17ms +0%
vue-large-graph-pan: layout duration 0ms 0ms +0%
vue-large-graph-pan: style recalc duration 26ms 20ms -25%
vue-large-graph-pan: layout count 0 0 +0%
vue-large-graph-pan: style recalc count 163 150 -8%
vue-large-graph-pan: task duration 22472ms 21297ms -5%
vue-large-graph-pan: script duration 936ms 893ms -5%
vue-large-graph-pan: TBT 642ms 415ms -35%
vue-large-graph-pan: heap used 159.2 MB 164.0 MB +3%
vue-large-graph-pan: DOM nodes -8312 -8312 +0%
vue-large-graph-pan: event listeners -16383 -16384 +0%
workflow-execution: avg frame time 17ms 17ms +0% z=0.6
workflow-execution: p95 frame time 17ms 17ms +1%
workflow-execution: layout duration 1ms 1ms +33% z=-3.8
workflow-execution: style recalc duration 21ms 19ms -10% z=-2.3
workflow-execution: layout count 3 3 +0% z=-3.6
workflow-execution: style recalc count 13 14 +4% z=-2.1
workflow-execution: task duration 118ms 110ms -7% z=-1.2
workflow-execution: script duration 11ms 12ms +6% z=-5.9
workflow-execution: TBT 0ms 0ms +0%
workflow-execution: heap used 65.1 MB 65.2 MB +0%
workflow-execution: DOM nodes 123 128 +4% z=-4.7
workflow-execution: event listeners 97 97 +0% z=10.3
Historical variance (last 15 runs)
Metric μ σ CV
canvas-idle: avg frame time 17ms 0ms 0.0%
canvas-idle: layout duration 0ms 0ms 0.0%
canvas-idle: style recalc duration 11ms 1ms 8.2%
canvas-idle: layout count 0 0 0.0%
canvas-idle: style recalc count 11 1 5.0%
canvas-idle: task duration 395ms 31ms 7.9%
canvas-idle: script duration 25ms 2ms 8.8%
canvas-idle: TBT 0ms 0ms 0.0%
canvas-idle: DOM nodes 23 1 5.6%
canvas-idle: event listeners 12 5 40.9%
canvas-mouse-sweep: avg frame time 17ms 0ms 0.0%
canvas-mouse-sweep: layout duration 4ms 0ms 5.4%
canvas-mouse-sweep: style recalc duration 43ms 3ms 7.4%
canvas-mouse-sweep: layout count 12 0 0.0%
canvas-mouse-sweep: style recalc count 79 2 3.0%
canvas-mouse-sweep: task duration 865ms 58ms 6.7%
canvas-mouse-sweep: script duration 136ms 6ms 4.8%
canvas-mouse-sweep: TBT 0ms 0ms 0.0%
canvas-mouse-sweep: DOM nodes 62 3 4.2%
canvas-mouse-sweep: event listeners 8 4 49.4%
canvas-zoom-sweep: avg frame time 17ms 0ms 0.0%
canvas-zoom-sweep: layout duration 1ms 0ms 7.0%
canvas-zoom-sweep: style recalc duration 19ms 2ms 8.0%
canvas-zoom-sweep: layout count 6 0 0.0%
canvas-zoom-sweep: style recalc count 31 0 1.5%
canvas-zoom-sweep: task duration 327ms 23ms 7.1%
canvas-zoom-sweep: script duration 27ms 3ms 11.1%
canvas-zoom-sweep: TBT 0ms 0ms 0.0%
canvas-zoom-sweep: DOM nodes 79 1 1.0%
canvas-zoom-sweep: event listeners 24 5 21.8%
dom-widget-clipping: avg frame time 17ms 0ms 0.0%
dom-widget-clipping: layout duration 0ms 0ms 0.0%
dom-widget-clipping: style recalc duration 10ms 1ms 8.0%
dom-widget-clipping: layout count 0 0 0.0%
dom-widget-clipping: style recalc count 13 0 3.8%
dom-widget-clipping: task duration 365ms 16ms 4.5%
dom-widget-clipping: script duration 68ms 3ms 4.8%
dom-widget-clipping: TBT 0ms 0ms 0.0%
dom-widget-clipping: DOM nodes 22 1 6.4%
dom-widget-clipping: event listeners 8 6 81.2%
large-graph-idle: avg frame time 17ms 0ms 0.0%
large-graph-idle: layout duration 0ms 0ms 0.0%
large-graph-idle: style recalc duration 12ms 1ms 8.6%
large-graph-idle: layout count 0 0 0.0%
large-graph-idle: style recalc count 12 0 2.7%
large-graph-idle: task duration 542ms 54ms 10.0%
large-graph-idle: script duration 102ms 11ms 10.3%
large-graph-idle: TBT 0ms 0ms 0.0%
large-graph-idle: DOM nodes 25 1 3.7%
large-graph-idle: event listeners 26 6 23.2%
large-graph-pan: avg frame time 17ms 0ms 0.0%
large-graph-pan: layout duration 0ms 0ms 0.0%
large-graph-pan: style recalc duration 17ms 1ms 4.6%
large-graph-pan: layout count 0 0 0.0%
large-graph-pan: style recalc count 70 1 0.9%
large-graph-pan: task duration 1082ms 43ms 4.0%
large-graph-pan: script duration 408ms 20ms 4.8%
large-graph-pan: TBT 0ms 0ms 0.0%
large-graph-pan: DOM nodes 19 2 8.7%
large-graph-pan: event listeners 5 1 16.8%
minimap-idle: avg frame time 17ms 0ms 0.0%
minimap-idle: layout duration 0ms 0ms 0.0%
minimap-idle: style recalc duration 10ms 1ms 8.6%
minimap-idle: layout count 0 0 0.0%
minimap-idle: style recalc count 10 1 7.1%
minimap-idle: task duration 527ms 47ms 9.0%
minimap-idle: script duration 98ms 10ms 10.1%
minimap-idle: TBT 0ms 0ms 0.0%
minimap-idle: DOM nodes 19 1 7.1%
minimap-idle: event listeners 5 1 14.4%
subgraph-dom-widget-clipping: avg frame time 17ms 0ms 0.0%
subgraph-dom-widget-clipping: layout duration 0ms 0ms 0.0%
subgraph-dom-widget-clipping: style recalc duration 13ms 1ms 7.4%
subgraph-dom-widget-clipping: layout count 0 0 0.0%
subgraph-dom-widget-clipping: style recalc count 48 1 1.2%
subgraph-dom-widget-clipping: task duration 378ms 18ms 4.9%
subgraph-dom-widget-clipping: script duration 128ms 6ms 4.9%
subgraph-dom-widget-clipping: TBT 0ms 0ms 0.0%
subgraph-dom-widget-clipping: DOM nodes 22 1 5.0%
subgraph-dom-widget-clipping: event listeners 16 6 36.0%
subgraph-idle: avg frame time 17ms 0ms 0.0%
subgraph-idle: layout duration 0ms 0ms 0.0%
subgraph-idle: style recalc duration 10ms 1ms 7.5%
subgraph-idle: layout count 0 0 0.0%
subgraph-idle: style recalc count 11 1 6.0%
subgraph-idle: task duration 370ms 31ms 8.5%
subgraph-idle: script duration 20ms 3ms 13.2%
subgraph-idle: TBT 0ms 0ms 0.0%
subgraph-idle: DOM nodes 22 1 6.9%
subgraph-idle: event listeners 10 7 64.5%
subgraph-mouse-sweep: avg frame time 17ms 0ms 0.0%
subgraph-mouse-sweep: layout duration 5ms 0ms 6.8%
subgraph-mouse-sweep: style recalc duration 42ms 3ms 7.8%
subgraph-mouse-sweep: layout count 16 0 0.0%
subgraph-mouse-sweep: style recalc count 80 2 2.4%
subgraph-mouse-sweep: task duration 766ms 69ms 9.0%
subgraph-mouse-sweep: script duration 101ms 7ms 6.5%
subgraph-mouse-sweep: TBT 0ms 0ms 0.0%
subgraph-mouse-sweep: DOM nodes 67 2 3.3%
subgraph-mouse-sweep: event listeners 8 4 52.6%
workflow-execution: avg frame time 17ms 0ms 0.0%
workflow-execution: layout duration 2ms 0ms 9.4%
workflow-execution: style recalc duration 24ms 2ms 9.1%
workflow-execution: layout count 5 1 11.0%
workflow-execution: style recalc count 18 2 11.5%
workflow-execution: task duration 123ms 11ms 8.8%
workflow-execution: script duration 29ms 3ms 10.2%
workflow-execution: TBT 0ms 0ms 0.0%
workflow-execution: DOM nodes 161 7 4.4%
workflow-execution: event listeners 52 4 8.4%
Trend (last 15 commits on main)
Metric Trend Dir Latest
canvas-idle: avg frame time ▆▃▆▁▆▃▆█▆▆▄▃▃▄▃ ➡️ 17ms
canvas-idle: p95 frame time ➡️ NaNms
canvas-idle: layout duration ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
canvas-idle: style recalc duration ▇▇▆▆▃█▄▃▄▃▇▄▁▆▇ ➡️ 11ms
canvas-idle: layout count ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0
canvas-idle: style recalc count █▃▅▂▅▆▃▁▂▁▂▅▆▅▆ ➡️ 12
canvas-idle: task duration ▃▃▃▆▂▃▃▅▆▂█▃▁▃▃ ➡️ 391ms
canvas-idle: script duration ▄▃▅▇▂▅▃▆▇▅█▄▁▅▆ ➡️ 27ms
canvas-idle: TBT ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
canvas-idle: heap used ➡️ NaN MB
canvas-idle: DOM nodes █▇▆▅▃▇▃▁▂▂▅▆▆▆▇ ➡️ 24
canvas-idle: event listeners ▅█▅▄▁▅▁▁▁▄▅▅▁▅▄ 📉 11
canvas-mouse-sweep: avg frame time ▆█▆▃▁▃▁▆▆▁▃▆▆▃▃ ➡️ 17ms
canvas-mouse-sweep: p95 frame time ➡️ NaNms
canvas-mouse-sweep: layout duration ▁▃▂▄▁▂▁▃▆▂█▇▆▄▃ ➡️ 4ms
canvas-mouse-sweep: style recalc duration ▄▄▂▄▁▂▃▃▅▄█▆▂▄▄ ➡️ 43ms
canvas-mouse-sweep: layout count ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 12
canvas-mouse-sweep: style recalc count █▅▄▃▂▂▁▄▄▅▆▅▂▇▄ ➡️ 79
canvas-mouse-sweep: task duration █▆▄▂▂▃▂▄▄▅█▆▁▆▄ ➡️ 868ms
canvas-mouse-sweep: script duration ▄▅▄▆▄▆▆▆▅▅█▆▁▅▆ ➡️ 139ms
canvas-mouse-sweep: TBT ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
canvas-mouse-sweep: heap used ➡️ NaN MB
canvas-mouse-sweep: DOM nodes █▅▃▃▁▂▂▃▂▄▆▅▃▅▅ ➡️ 64
canvas-mouse-sweep: event listeners █▁▁▁▁▁▇▁▁▁██▇▁█ 📈 13
canvas-zoom-sweep: avg frame time ▅▅█▄▅▁▁▁▅▁▁▅▄▅▁ ➡️ 17ms
canvas-zoom-sweep: p95 frame time ➡️ NaNms
canvas-zoom-sweep: layout duration ▆▅▅▄▁▁█▅▃▅▇▆▁▂▆ ➡️ 1ms
canvas-zoom-sweep: style recalc duration ▆▅▄▆▅▃█▆▇▅▇▄▁▃▅ ➡️ 20ms
canvas-zoom-sweep: layout count ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 6
canvas-zoom-sweep: style recalc count ▁▁▃▄▆▃▆█▄▄▆▁▆▁▆ ➡️ 32
canvas-zoom-sweep: task duration ▄▂▁▇▂▂▄▅▆▃█▄▁▁▅ ➡️ 338ms
canvas-zoom-sweep: script duration ▃▃▂▇▂▂▅▇▆▅█▄▁▂▆ ➡️ 30ms
canvas-zoom-sweep: TBT ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
canvas-zoom-sweep: heap used ➡️ NaN MB
canvas-zoom-sweep: DOM nodes ▄▃▁▅█▁▃▆▄▅▅▃▃▄▃ ➡️ 79
canvas-zoom-sweep: event listeners ▁▁▂▅█▂▁▅▁▅▅▄▁▅▁ ➡️ 19
dom-widget-clipping: avg frame time ▂▄▅▅▂▄█▇▅▇▇▅▅▁▇ ➡️ 17ms
dom-widget-clipping: p95 frame time ➡️ NaNms
dom-widget-clipping: layout duration ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
dom-widget-clipping: style recalc duration ▆▆▂▆▄▃██▄▁▆▇▆▃▅ ➡️ 10ms
dom-widget-clipping: layout count ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0
dom-widget-clipping: style recalc count ▇█▅█▅▄█▇▇▁▇▄▇▂▅ ➡️ 13
dom-widget-clipping: task duration ▃▃▁▅▄▃▅▆▅▂▇█▁▅▅ ➡️ 371ms
dom-widget-clipping: script duration ▅▄▄▆▆▅▇▇▆▃█▇▁▇▇ ➡️ 71ms
dom-widget-clipping: TBT ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
dom-widget-clipping: heap used ➡️ NaN MB
dom-widget-clipping: DOM nodes ▇▇▄▇▅▄█▇▅▁▅▄▇▃▄ ➡️ 21
dom-widget-clipping: event listeners ▅▅▅▅▁▅██▁▁▁▁█▁▁ 📉 2
large-graph-idle: avg frame time ▅▅▅▅▅▂▁▂▄▅▄▂▂▅█ ➡️ 17ms
large-graph-idle: p95 frame time ➡️ NaNms
large-graph-idle: layout duration ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
large-graph-idle: style recalc duration ▅▅▅▆▄▅▃▄▅▅▆█▁▄▆ ➡️ 13ms
large-graph-idle: layout count ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0
large-graph-idle: style recalc count █▆█▃▃▁▃▆▃▆▆▃▆██ ➡️ 12
large-graph-idle: task duration ▂▃▂▆▂▃▃▇▅▃██▁▂▅ ➡️ 569ms
large-graph-idle: script duration ▄▅▄▆▄▅▅▇▆▅█▆▁▃▆ ➡️ 110ms
large-graph-idle: TBT ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
large-graph-idle: heap used ➡️ NaN MB
large-graph-idle: DOM nodes ▆█▅▂▅▃▁▂▃▅▅▆▂▆▅ ➡️ 25
large-graph-idle: event listeners ███▇██▄▁▄▇▇█▂█▇ ➡️ 29
large-graph-pan: avg frame time ▆▃▃▆█▃▁█▆▆▆▆█▁▆ ➡️ 17ms
large-graph-pan: p95 frame time ➡️ NaNms
large-graph-pan: layout duration ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
large-graph-pan: style recalc duration ▃▂▄▄▁▅▂▂▁▄▄█▃▁▂ ➡️ 17ms
large-graph-pan: layout count ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0
large-graph-pan: style recalc count ▆▃█▂▃▂▂▂▁▇▅▃█▆▃ ➡️ 69
large-graph-pan: task duration ▄▃▄▆▄▄▄▆▄▄█▆▁▂▅ ➡️ 1100ms
large-graph-pan: script duration ▅▄▅▆▆▅▄▆▄▅█▄▁▄▅ ➡️ 413ms
large-graph-pan: TBT ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
large-graph-pan: heap used ➡️ NaN MB
large-graph-pan: DOM nodes ▅▃▆▂▄▁▃▁▁▅▁▂█▅▂ ➡️ 18
large-graph-pan: event listeners █▆█▁▁▆▁▁▃▆▁▃██▃ ➡️ 5
minimap-idle: avg frame time ▃▆▆▃█▁█▆▆▃▃▆█▆█ ➡️ 17ms
minimap-idle: p95 frame time ➡️ NaNms
minimap-idle: layout duration ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
minimap-idle: style recalc duration ▄█▁█▅▅█▅▅▃▅▁▁▄▆ ➡️ 10ms
minimap-idle: layout count ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0
minimap-idle: style recalc count ▃▅▂▄█▃▆▁▂▅▂▁▅▆▃ ➡️ 9
minimap-idle: task duration ▃▄▁▅▁▃▄▅▇▃█▅▁▁▅ ➡️ 547ms
minimap-idle: script duration ▄▆▃▇▃▅▆▆▇▅█▅▁▃▆ ➡️ 106ms
minimap-idle: TBT ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
minimap-idle: heap used ➡️ NaN MB
minimap-idle: DOM nodes ▃▅▂▄█▃▆▁▂▅▂▁▅▆▃ ➡️ 19
minimap-idle: event listeners ▃▃▆▁▁▁▃▁▁▆▁▃█▆▁ ➡️ 4
subgraph-dom-widget-clipping: avg frame time ▅▄▄▄▄▄█▄▄▄▃▁▆▃▃ ➡️ 17ms
subgraph-dom-widget-clipping: p95 frame time ➡️ NaNms
subgraph-dom-widget-clipping: layout duration ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
subgraph-dom-widget-clipping: style recalc duration ▂▄▃▅▅▃▂▅▇▃▄█▁▄▆ ➡️ 14ms
subgraph-dom-widget-clipping: layout count ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0
subgraph-dom-widget-clipping: style recalc count ▇█▆▃▆▃▁▆█▇▃▆▇█▅ ➡️ 48
subgraph-dom-widget-clipping: task duration ▂▃▃▆▅▅▂▅█▂▆█▁▂▇ ➡️ 398ms
subgraph-dom-widget-clipping: script duration ▃▃▃▄▅▅▂▄█▂▅▇▁▂▅ ➡️ 131ms
subgraph-dom-widget-clipping: TBT ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
subgraph-dom-widget-clipping: heap used ➡️ NaN MB
subgraph-dom-widget-clipping: DOM nodes ▅▇▅▂▅▂▁▅▅▅▁▇▅█▄ ➡️ 22
subgraph-dom-widget-clipping: event listeners ▅▅▅▂▅▁▅██▁▁█▅█▅ 📈 16
subgraph-idle: avg frame time ▆▆█▁▆▃▆▆▆▃▆▁▃▆█ ➡️ 17ms
subgraph-idle: p95 frame time ➡️ NaNms
subgraph-idle: layout duration ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
subgraph-idle: style recalc duration ▁▇▃▆▂▄▂▃▃▆▆▄▃▇█ ➡️ 12ms
subgraph-idle: layout count ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0
subgraph-idle: style recalc count ▃▆▃▃▂▅▁▂▁▆▃▃██▇ ➡️ 12
subgraph-idle: task duration ▁▃▁▇▁▁▃▆▅▂█▅▁▁▄ ➡️ 378ms
subgraph-idle: script duration ▁▃▂▇▁▂▃▇▆▂█▅▂▁▅ ➡️ 22ms
subgraph-idle: TBT ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
subgraph-idle: heap used ➡️ NaN MB
subgraph-idle: DOM nodes ▃▅▃▂▁▄▁▂▁▅▃▂▇█▇ ➡️ 24
subgraph-idle: event listeners ▁▅▁▁▁▁▁▁▁▅▄▁███ 📈 21
subgraph-mouse-sweep: avg frame time ▅▄▁▃▃▄▆▄▆▃▃█▁▃▃ ➡️ 17ms
subgraph-mouse-sweep: p95 frame time ➡️ NaNms
subgraph-mouse-sweep: layout duration ▁▄▄▄▃▃▅▅▅▂█▇▂▃▆ ➡️ 5ms
subgraph-mouse-sweep: style recalc duration ▃▂▄▅▂▃▄▅█▃█▆▁▂▅ ➡️ 43ms
subgraph-mouse-sweep: layout count ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 16
subgraph-mouse-sweep: style recalc count ▅▂▅▅▁▄▃▅█▅▆▄▂▄▅ ➡️ 81
subgraph-mouse-sweep: task duration ▃▂▄▅▂▄▄▅▇▄█▆▁▃▅ ➡️ 785ms
subgraph-mouse-sweep: script duration ▄▅▄▇▅▅▆▇▆▅██▁▄▆ ➡️ 105ms
subgraph-mouse-sweep: TBT ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
subgraph-mouse-sweep: heap used ➡️ NaN MB
subgraph-mouse-sweep: DOM nodes ▅▁▄▅▁▄▃▃█▅▅▄▂▅▃ ➡️ 66
subgraph-mouse-sweep: event listeners ▇▁▂▇▁▂▂▂█▇▂▂▇▇▂ 📈 5
workflow-execution: avg frame time ▆▆▆▄▆▆▃▄▁▄█▆▅▄▆ ➡️ 17ms
workflow-execution: p95 frame time ➡️ NaNms
workflow-execution: layout duration ▁▆▁▃▂▄▃▂▃▃▅█▄▂▅ ➡️ 2ms
workflow-execution: style recalc duration ▃▇▅▇▁▅▆▇█▁██▂▄▆ ➡️ 25ms
workflow-execution: layout count ▁█▂▃▂▃▃▁▃▃▄▃▂▃▂ ➡️ 5
workflow-execution: style recalc count ▃█▅▇▁▄▅▆▅▅▅▅▄▄▂ ➡️ 15
workflow-execution: task duration ▂▅▄▅▁▄▆▆▆▁▇█▁▃▃ ➡️ 120ms
workflow-execution: script duration ▄▃▄▄▃▅▄▅▆▂▇█▁▃▄ ➡️ 29ms
workflow-execution: TBT ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ➡️ 0ms
workflow-execution: heap used ➡️ NaN MB
workflow-execution: DOM nodes ▂█▃▆▁▄▃▅▃█▃▃▄▃▁ ➡️ 152
workflow-execution: event listeners ▅███▁▅███▁██▅█▅ ➡️ 49
Raw data
{
  "timestamp": "2026-08-04T23:14:08.514Z",
  "gitSha": "11cc9c9b3d0b1cc86001c315f725fcf7666a96ee",
  "branch": "glary/fix-browser-test-billing-types",
  "measurements": [
    {
      "name": "canvas-idle",
      "durationMs": 2067.225999999977,
      "styleRecalcs": 10,
      "styleRecalcDurationMs": 8.004,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 518.6890000000001,
      "heapDeltaBytes": 5372592,
      "heapUsedBytes": 69505120,
      "domNodes": 20,
      "jsHeapTotalBytes": 25165824,
      "scriptDurationMs": 16.704000000000004,
      "eventListeners": 4,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66333333333335,
      "p95FrameDurationMs": 16.699999999999818
    },
    {
      "name": "canvas-idle",
      "durationMs": 2030.9240000000273,
      "styleRecalcs": 9,
      "styleRecalcDurationMs": 6.053000000000001,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 443.87399999999997,
      "heapDeltaBytes": 5411052,
      "heapUsedBytes": 69386120,
      "domNodes": 18,
      "jsHeapTotalBytes": 25427968,
      "scriptDurationMs": 14.358,
      "eventListeners": 4,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.800000000000182
    },
    {
      "name": "canvas-mouse-sweep",
      "durationMs": 1905.0249999999949,
      "styleRecalcs": 74,
      "styleRecalcDurationMs": 38.266,
      "layouts": 12,
      "layoutDurationMs": 3.701,
      "taskDurationMs": 859.5390000000001,
      "heapDeltaBytes": -13028900,
      "heapUsedBytes": 51055556,
      "domNodes": -279,
      "jsHeapTotalBytes": 24621056,
      "scriptDurationMs": 122.491,
      "eventListeners": -153,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "canvas-mouse-sweep",
      "durationMs": 1825.2709999999865,
      "styleRecalcs": 74,
      "styleRecalcDurationMs": 34.969,
      "layouts": 12,
      "layoutDurationMs": 3.5770000000000004,
      "taskDurationMs": 866.579,
      "heapDeltaBytes": -11755672,
      "heapUsedBytes": 52163980,
      "domNodes": -279,
      "jsHeapTotalBytes": 23572480,
      "scriptDurationMs": 107.1,
      "eventListeners": -153,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.800000000000182
    },
    {
      "name": "canvas-zoom-sweep",
      "durationMs": 1740.542000000005,
      "styleRecalcs": 31,
      "styleRecalcDurationMs": 15.906,
      "layouts": 6,
      "layoutDurationMs": 0.6070000000000001,
      "taskDurationMs": 366.342,
      "heapDeltaBytes": 8618468,
      "heapUsedBytes": 72639484,
      "domNodes": 77,
      "jsHeapTotalBytes": 24903680,
      "scriptDurationMs": 17.862,
      "eventListeners": 19,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "canvas-zoom-sweep",
      "durationMs": 1756.8280000000414,
      "styleRecalcs": 32,
      "styleRecalcDurationMs": 16.489000000000004,
      "layouts": 6,
      "layoutDurationMs": 0.7260000000000001,
      "taskDurationMs": 375.311,
      "heapDeltaBytes": 8666464,
      "heapUsedBytes": 72650804,
      "domNodes": 78,
      "jsHeapTotalBytes": 24379392,
      "scriptDurationMs": 17.986,
      "eventListeners": 19,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "dom-widget-clipping",
      "durationMs": 614.0680000000032,
      "styleRecalcs": 12,
      "styleRecalcDurationMs": 14.825999999999999,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 377.64200000000005,
      "heapDeltaBytes": -11066696,
      "heapUsedBytes": 52962708,
      "domNodes": 20,
      "jsHeapTotalBytes": 25690112,
      "scriptDurationMs": 56.046,
      "eventListeners": 0,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66333333333332,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "dom-widget-clipping",
      "durationMs": 606.4170000000217,
      "styleRecalcs": 12,
      "styleRecalcDurationMs": 8.722000000000001,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 372.296,
      "heapDeltaBytes": -11499724,
      "heapUsedBytes": 52665880,
      "domNodes": 20,
      "jsHeapTotalBytes": 25690112,
      "scriptDurationMs": 54.54,
      "eventListeners": 0,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "large-graph-idle",
      "durationMs": 2040.9859999999753,
      "styleRecalcs": 9,
      "styleRecalcDurationMs": 7.369000000000001,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 657.0799999999999,
      "heapDeltaBytes": 6997344,
      "heapUsedBytes": 66362432,
      "domNodes": -281,
      "jsHeapTotalBytes": 3252224,
      "scriptDurationMs": 88.76700000000001,
      "eventListeners": -149,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.799999999999272
    },
    {
      "name": "large-graph-idle",
      "durationMs": 2032.54000000004,
      "styleRecalcs": 8,
      "styleRecalcDurationMs": 6.483000000000002,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 671.335,
      "heapDeltaBytes": 6796668,
      "heapUsedBytes": 66231792,
      "domNodes": -283,
      "jsHeapTotalBytes": 2727936,
      "scriptDurationMs": 92.884,
      "eventListeners": -149,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.799999999999272
    },
    {
      "name": "large-graph-pan",
      "durationMs": 2156.0289999999895,
      "styleRecalcs": 69,
      "styleRecalcDurationMs": 14.112999999999998,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 1171.025,
      "heapDeltaBytes": 1515416,
      "heapUsedBytes": 62461376,
      "domNodes": -282,
      "jsHeapTotalBytes": 5017600,
      "scriptDurationMs": 390.426,
      "eventListeners": -147,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.670000000000012,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "large-graph-pan",
      "durationMs": 2145.9479999999758,
      "styleRecalcs": 69,
      "styleRecalcDurationMs": 14.755,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 1206.483,
      "heapDeltaBytes": 4826512,
      "heapUsedBytes": 65217160,
      "domNodes": -284,
      "jsHeapTotalBytes": 3706880,
      "scriptDurationMs": 398.874,
      "eventListeners": -149,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.699999999999818
    },
    {
      "name": "large-graph-zoom",
      "durationMs": 3147.3829999999907,
      "styleRecalcs": 65,
      "styleRecalcDurationMs": 14.762,
      "layouts": 60,
      "layoutDurationMs": 7.774,
      "taskDurationMs": 1403.289,
      "heapDeltaBytes": 23309608,
      "heapUsedBytes": 85287764,
      "domNodes": 12,
      "jsHeapTotalBytes": 7602176,
      "scriptDurationMs": 504.2850000000001,
      "eventListeners": 8,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.800000000000182
    },
    {
      "name": "large-graph-zoom",
      "durationMs": 3145.5530000000635,
      "styleRecalcs": 65,
      "styleRecalcDurationMs": 14.829000000000002,
      "layouts": 60,
      "layoutDurationMs": 8.01,
      "taskDurationMs": 1443.0620000000001,
      "heapDeltaBytes": 23012556,
      "heapUsedBytes": 85456396,
      "domNodes": 12,
      "jsHeapTotalBytes": 7340032,
      "scriptDurationMs": 512.624,
      "eventListeners": 8,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.699999999999818
    },
    {
      "name": "minimap-idle",
      "durationMs": 2050.5530000000363,
      "styleRecalcs": 9,
      "styleRecalcDurationMs": 7.6290000000000004,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 680.5409999999999,
      "heapDeltaBytes": 7003504,
      "heapUsedBytes": 67417968,
      "domNodes": -282,
      "jsHeapTotalBytes": 4038656,
      "scriptDurationMs": 90.35400000000001,
      "eventListeners": -179,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "minimap-idle",
      "durationMs": 2036.202000000003,
      "styleRecalcs": 8,
      "styleRecalcDurationMs": 6.922999999999998,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 656.9910000000001,
      "heapDeltaBytes": 6897472,
      "heapUsedBytes": 67464028,
      "domNodes": -284,
      "jsHeapTotalBytes": 4038656,
      "scriptDurationMs": 89.476,
      "eventListeners": -147,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66333333333335,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "subgraph-dom-widget-clipping",
      "durationMs": 574.7799999999756,
      "styleRecalcs": 46,
      "styleRecalcDurationMs": 9.199,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 392.89599999999996,
      "heapDeltaBytes": -10982532,
      "heapUsedBytes": 53300380,
      "domNodes": 18,
      "jsHeapTotalBytes": 25952256,
      "scriptDurationMs": 119.567,
      "eventListeners": 6,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66333333333332,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "subgraph-dom-widget-clipping",
      "durationMs": 588.7109999999893,
      "styleRecalcs": 46,
      "styleRecalcDurationMs": 9.55,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 401.605,
      "heapDeltaBytes": -10487576,
      "heapUsedBytes": 53715760,
      "domNodes": 18,
      "jsHeapTotalBytes": 25952256,
      "scriptDurationMs": 120.19200000000001,
      "eventListeners": 6,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.699999999999818
    },
    {
      "name": "subgraph-idle",
      "durationMs": 2006.2490000000253,
      "styleRecalcs": 9,
      "styleRecalcDurationMs": 6.899000000000001,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 435.87600000000003,
      "heapDeltaBytes": 5193140,
      "heapUsedBytes": 69359652,
      "domNodes": 18,
      "jsHeapTotalBytes": 24903680,
      "scriptDurationMs": 12.255,
      "eventListeners": 4,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66333333333332,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "subgraph-idle",
      "durationMs": 2031.6009999999665,
      "styleRecalcs": 10,
      "styleRecalcDurationMs": 7.702999999999999,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 482.73599999999993,
      "heapDeltaBytes": 5071508,
      "heapUsedBytes": 69247568,
      "domNodes": 20,
      "jsHeapTotalBytes": 25427968,
      "scriptDurationMs": 12.505,
      "eventListeners": 4,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.800000000000182
    },
    {
      "name": "subgraph-mouse-sweep",
      "durationMs": 1708.071000000018,
      "styleRecalcs": 76,
      "styleRecalcDurationMs": 33.315999999999995,
      "layouts": 16,
      "layoutDurationMs": 4.204000000000001,
      "taskDurationMs": 760.7429999999999,
      "heapDeltaBytes": -17199020,
      "heapUsedBytes": 46912688,
      "domNodes": -282,
      "jsHeapTotalBytes": 22786048,
      "scriptDurationMs": 81.885,
      "eventListeners": -153,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66333333333332,
      "p95FrameDurationMs": 16.800000000000182
    },
    {
      "name": "subgraph-mouse-sweep",
      "durationMs": 1760.51300000006,
      "styleRecalcs": 79,
      "styleRecalcDurationMs": 35.095,
      "layouts": 16,
      "layoutDurationMs": 4.005,
      "taskDurationMs": 772.9240000000001,
      "heapDeltaBytes": -17732992,
      "heapUsedBytes": 46369624,
      "domNodes": -277,
      "jsHeapTotalBytes": 23310336,
      "scriptDurationMs": 79.889,
      "eventListeners": -153,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.799999999999272
    },
    {
      "name": "subgraph-transition-enter",
      "durationMs": 1400.7760000000076,
      "styleRecalcs": 17,
      "styleRecalcDurationMs": 28.275999999999996,
      "layouts": 13,
      "layoutDurationMs": 12.583,
      "taskDurationMs": 903.407,
      "heapDeltaBytes": 31024332,
      "heapUsedBytes": 99454904,
      "domNodes": 13673,
      "jsHeapTotalBytes": 15466496,
      "scriptDurationMs": 34.446000000000005,
      "eventListeners": 2375,
      "totalBlockingTimeMs": 121,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "viewport-pan-sweep",
      "durationMs": 8221.540000000005,
      "styleRecalcs": 249,
      "styleRecalcDurationMs": 38.291,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 4234.253,
      "heapDeltaBytes": 11144420,
      "heapUsedBytes": 71116544,
      "domNodes": -283,
      "jsHeapTotalBytes": 5541888,
      "scriptDurationMs": 1293.62,
      "eventListeners": -133,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66333333333332,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "viewport-pan-sweep",
      "durationMs": 8237.619999999992,
      "styleRecalcs": 249,
      "styleRecalcDurationMs": 39.837,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 4278.307,
      "heapDeltaBytes": 10541736,
      "heapUsedBytes": 70406908,
      "domNodes": -283,
      "jsHeapTotalBytes": 4231168,
      "scriptDurationMs": 1281.5189999999998,
      "eventListeners": -133,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "vue-large-graph-idle",
      "durationMs": 17723.075999999994,
      "styleRecalcs": 0,
      "styleRecalcDurationMs": 0,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 17696.994,
      "heapDeltaBytes": -58642492,
      "heapUsedBytes": 167276132,
      "domNodes": -8312,
      "jsHeapTotalBytes": -8069120,
      "scriptDurationMs": 555.2320000000001,
      "eventListeners": -16385,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 17.776666666666642,
      "p95FrameDurationMs": 16.799999999999272
    },
    {
      "name": "vue-large-graph-idle",
      "durationMs": 17052.153999999973,
      "styleRecalcs": 0,
      "styleRecalcDurationMs": 0,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 17022.328999999998,
      "heapDeltaBytes": -36786348,
      "heapUsedBytes": 166831452,
      "domNodes": -8312,
      "jsHeapTotalBytes": -9379840,
      "scriptDurationMs": 556.0690000000001,
      "eventListeners": -16389,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 18.889999999999905,
      "p95FrameDurationMs": 16.799999999999272
    },
    {
      "name": "vue-large-graph-pan",
      "durationMs": 20924.492000000042,
      "styleRecalcs": 145,
      "styleRecalcDurationMs": 18.600999999999978,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 20890.157000000003,
      "heapDeltaBytes": -21784532,
      "heapUsedBytes": 177128968,
      "domNodes": -8312,
      "jsHeapTotalBytes": -7872512,
      "scriptDurationMs": 917.464,
      "eventListeners": -16385,
      "totalBlockingTimeMs": 190,
      "frameDurationMs": 18.889999999999905,
      "p95FrameDurationMs": 16.799999999999272
    },
    {
      "name": "vue-large-graph-pan",
      "durationMs": 21727.49699999997,
      "styleRecalcs": 155,
      "styleRecalcDurationMs": 20.599000000000032,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 21703.524,
      "heapDeltaBytes": -39303104,
      "heapUsedBytes": 166844684,
      "domNodes": -8312,
      "jsHeapTotalBytes": -8069120,
      "scriptDurationMs": 869.095,
      "eventListeners": -16383,
      "totalBlockingTimeMs": 639,
      "frameDurationMs": 17.776666666666642,
      "p95FrameDurationMs": 16.799999999999272
    },
    {
      "name": "workflow-execution",
      "durationMs": 447.78099999996357,
      "styleRecalcs": 15,
      "styleRecalcDurationMs": 21.099,
      "layouts": 4,
      "layoutDurationMs": 1.5430000000000001,
      "taskDurationMs": 116.15299999999999,
      "heapDeltaBytes": 5394020,
      "heapUsedBytes": 68595332,
      "domNodes": 134,
      "jsHeapTotalBytes": 5242880,
      "scriptDurationMs": 11.452999999999998,
      "eventListeners": 97,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.800000000000182
    },
    {
      "name": "workflow-execution",
      "durationMs": 449.65000000001965,
      "styleRecalcs": 12,
      "styleRecalcDurationMs": 17.161,
      "layouts": 2,
      "layoutDurationMs": 0.44800000000000006,
      "taskDurationMs": 103.221,
      "heapDeltaBytes": 5083296,
      "heapUsedBytes": 68170088,
      "domNodes": 121,
      "jsHeapTotalBytes": 5505024,
      "scriptDurationMs": 11.654000000000002,
      "eventListeners": 97,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.800000000000182
    }
  ]
}

@coderabbitai

coderabbitai Bot commented Aug 4, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

📝 Walkthrough

Walkthrough

Billing fixtures now include maximum and occupied seat counts. Team plan values derive from shared capacity and current team members. Pricing deep-link fixtures include seat data for active team and standard billing states.

Changes

Billing seat fixtures

Layer / File(s) Summary
Shared billing seat data
browser_tests/fixtures/data/cloudWorkspace.ts
Adds a shared 30-seat capacity. Team billing reports maximum and occupied seats. Ended standard billing reports zero values. The team pro plan derives seat values from shared data and team members.
Pricing deep-link billing fixtures
browser_tests/tests/dialogs/pricingTableDeepLink.spec.ts
Adds maximum and occupied seat values to active team and standard billing fixtures.

Estimated code review effort: 1 (Trivial) | ~5 minutes

Possibly related PRs

Suggested reviewers: huntcsg, dante01yoon


Important

Pre-merge checks failed

Please resolve all errors before merging. Addressing warnings is optional.

❌ Failed checks (1 inconclusive)

Check name Status Explanation Resolution
End-To-End Regression Coverage For Fixes ❓ Inconclusive The review context does not provide the PR title or commit subjects, so the required bug-fix signal cannot be verified. Provide the PR title and commit subjects, then reassess the metadata-based end-to-end regression check.
✅ Passed checks (5 passed)
Check name Status Explanation
Title check ✅ Passed The title clearly and concisely states that the change restores browser typechecking after required seat fields were added.
Description check ✅ Passed The description explains the failure, identifies all fixture changes, documents verification, and states the impact on test behavior.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
Adr Compliance For Entity/Litegraph Changes ✅ Passed The changed files are browser-test fixtures and do not modify src/lib/litegraph, src/ecs, or graph-entity files.
✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch glary/fix-browser-test-billing-types

Comment @coderabbitai help to get the list of available commands.

@DrJKL
DrJKL marked this pull request as ready for review August 4, 2026 22:25
@DrJKL
DrJKL requested a review from a team August 4, 2026 22:25
@dosubot dosubot Bot added the size:S This PR changes 10-29 lines, ignoring generated files. label Aug 4, 2026
@dosubot

dosubot Bot commented Aug 4, 2026

Copy link
Copy Markdown

📄 Knowledge review

Dosu skipped reviewing this PR because your organization has used its 200 included credits for the month. Your usage will reset on 2026-09-01. To have Dosu review this PR before then, ask your organization admin to upgrade to a pro account.


Leave Feedback Ask Dosu about ComfyUI_frontend Add Dosu to your team

@codecov

codecov Bot commented Aug 4, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.

@@            Coverage Diff             @@
##             main   #14714      +/-   ##
==========================================
+ Coverage   78.34%   78.74%   +0.40%     
==========================================
  Files        1793     1794       +1     
  Lines      109162   104790    -4372     
  Branches    31120    32124    +1004     
==========================================
- Hits        85522    82519    -3003     
+ Misses      23143    21826    -1317     
+ Partials      497      445      -52     
Flag Coverage Δ
unit 70.95% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.
see 214 files with indirect coverage changes

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@DrJKL
DrJKL added this pull request to the merge queue Aug 4, 2026
@github-merge-queue
github-merge-queue Bot removed this pull request from the merge queue due to failed status checks Aug 4, 2026
@DrJKL
DrJKL enabled auto-merge August 4, 2026 23:02
@huang47 huang47 assigned DrJKL and unassigned huang47 Aug 4, 2026

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)
browser_tests/fixtures/data/cloudWorkspace.ts (1)

77-78: 🎯 Functional Correctness | 🟠 Major | ⚡ Quick win

Remove duplicate max_seats and occupied_seats definitions from all billing fixtures. Later object members overwrite the earlier values, and Biome reports duplicate object keys.

  • browser_tests/fixtures/data/cloudWorkspace.ts#L77-L78: remove the duplicate pair and retain the shared-constant values at Lines 86-87.
  • browser_tests/fixtures/data/cloudWorkspace.ts#L96-L97: remove the duplicate pair and retain the inactive values at Lines 103-104.
  • browser_tests/tests/dialogs/pricingTableDeepLink.spec.ts#L91-L92: remove the duplicate pair or update the original fields so only the intended 30/4 values remain.
  • browser_tests/tests/dialogs/pricingTableDeepLink.spec.ts#L111-L112: remove the duplicate pair and retain one 1/1 definition.
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@browser_tests/fixtures/data/cloudWorkspace.ts` around lines 77 - 78, Remove
duplicate max_seats and occupied_seats object members at
browser_tests/fixtures/data/cloudWorkspace.ts:77-78, retaining the
shared-constant values at lines 86-87; remove the duplicates at lines 96-97,
retaining the inactive values at lines 103-104. In
browser_tests/tests/dialogs/pricingTableDeepLink.spec.ts:91-92, keep only the
intended 30/4 definitions, and at lines 111-112 retain only one 1/1 definition.

Source: Linters/SAST tools

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Outside diff comments:
In `@browser_tests/fixtures/data/cloudWorkspace.ts`:
- Around line 77-78: Remove duplicate max_seats and occupied_seats object
members at browser_tests/fixtures/data/cloudWorkspace.ts:77-78, retaining the
shared-constant values at lines 86-87; remove the duplicates at lines 96-97,
retaining the inactive values at lines 103-104. In
browser_tests/tests/dialogs/pricingTableDeepLink.spec.ts:91-92, keep only the
intended 30/4 definitions, and at lines 111-112 retain only one 1/1 definition.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro Plus

Run ID: ed7f7e12-e193-42c0-902a-5a789e0ca71c

📥 Commits

Reviewing files that changed from the base of the PR and between c79ef17 and 6a40902.

📒 Files selected for processing (2)
  • browser_tests/fixtures/data/cloudWorkspace.ts
  • browser_tests/tests/dialogs/pricingTableDeepLink.spec.ts

@fennuck-bot fennuck-bot Bot closed this Aug 4, 2026
auto-merge was automatically disabled August 4, 2026 23:17

Pull request was closed

@fennuck-bot
fennuck-bot Bot force-pushed the glary/fix-browser-test-billing-types branch from 6a40902 to b1861ab Compare August 4, 2026 23:17
@DrJKL
DrJKL merged commit b1861ab into main Aug 4, 2026
250 of 261 checks passed
@DrJKL
DrJKL deleted the glary/fix-browser-test-billing-types branch August 4, 2026 23:17
@dosubot dosubot Bot added size:XS This PR changes 0-9 lines, ignoring generated files. and removed size:S This PR changes 10-29 lines, ignoring generated files. labels Aug 4, 2026
pull Bot pushed a commit to Penguinjanator/ComfyUI_frontend that referenced this pull request Aug 14, 2026
…-Org#14716)

*PR Created by the Glary-Bot Agent*

---

Fixes
[FE-1503](https://linear.app/comfyorg/issue/FE-1503/bug-canvas-navigation-setting-resets-to-custom-after-page-refresh).

> Stacked on Comfy-Org#14714, which repairs `typecheck:browser` on `main`. Review
that first; this PR targets its branch so the diff stays clean.

## Problem

Pick a Navigation Mode, refresh, and the dropdown reads **Custom** —
while the Left Mouse Click Behavior / Mouse Wheel Scroll radios still
show the preset you chose.

`Comfy.Canvas.NavigationMode` is stored independently of the two
overrides it implies, and the three were kept in sync by cross-writes in
`onChange`. Two separate paths destroyed the stored mode.

**1. The preset cascade read a stale mode.** `applySettingLocally` fired
`onChange` *before* committing the new value:

```ts
const oldValue = get(key)
if (newValue === oldValue) return undefined
onChange(settingsById.value[key], newValue, oldValue)   // fired first
settingValues.value[key] = typedNewValue                // committed second
```

So selecting `standard` cascaded into `setMany`, and
`LeftMouseClickBehavior.onChange` read `NavigationMode` as the value it
was replacing (`legacy`), concluded `select` no longer matched it, and
wrote `NavigationMode = 'custom'`. Captured from one dropdown click:

```
POST /settings/Comfy.Canvas.NavigationMode   "custom"     ← spurious
POST /settings   {LeftMouseClickBehavior:"select", MouseWheelScroll:"panning"}
POST /settings/Comfy.Canvas.NavigationMode   "standard"
```

Three concurrent writes, two to the same key. ComfyUI's
`app_settings.py` has an `await request.json()` between its file read
and write, so these whole-file read-modify-writes are not atomic and the
last one to land wins.

**2. A mode stored before 1.27.4 was overruled by the override
defaults.** `addSetting` replays `onChange` for every setting at
registration. The overrides shipped in 1.27.4; `NavigationMode` shipped
in 1.25.0. Anyone who chose a mode in between has only the mode on
record, so the overrides load as their defaults — `panning`/`zoom`,
which describe `legacy`. The override handlers saw the mismatch and
rewrote the mode to `custom` on the first load after upgrading, with no
user interaction. Deterministic, and it explains "has been there for
quite some time" on both Windows and Mac.

Once `custom` is stored the handlers no-op, so it never recovers. This
also isn't purely cosmetic: `useCanvasInteractions` gates on
`NavigationMode === 'standard'` exactly, so the standard-mode wheel path
silently turns off.

## Fix

- **Commit the value before firing `onChange`** so a cascade observes
the mode it is applying. This removes the spurious write entirely,
leaving one write per key.
- **Treat a stored preset as authoritative.** On the registration
replay, a stored preset now supplies the overrides that were never
stored, instead of being overruled by their defaults. The preset pairs
move into one `CANVAS_NAVIGATION_PRESETS` map rather than being restated
per branch.

Muting the override handlers during registration was the smaller change
and I started there, but review caught that it only fixes the label: the
dropdown would read Standard while the canvas still panned and zoomed
like Legacy. Making the preset supply its missing overrides fixes both,
and affected profiles self-heal on next load.

## Tests

Written first, and each fails on `main`:

| Test | On `main` |
|---|---|
| picking a preset never persists custom | `Received array: ["custom",
"standard"]` |
| keeps the stored preset through load | `Expected "standard"`,
`Received "custom"` |
| applies the stored preset to the overrides | `Expected "select"`,
`Received "panning"` |

The third is the one that would have caught the label-only fix. The unit
test in `settingStore.test.ts` pins the ordering contract directly
(`['default','default']` vs `['default','newvalue']` without the fix),
since it governs every setting, not just this cluster.

## Verification

Reproduced and confirmed end to end against a local ComfyUI backend.
Seeded a pre-1.27.4 profile (`NavigationMode: 'standard'`, overrides
absent) and loaded the page with no user interaction:

**Before** — `comfy.settings.json` silently rewritten to `custom`;
dropdown reads Custom while the radios still show the Standard pair:

![before](https://placeholder-before)

**After** — mode holds, and the overrides materialise to
`select`/`panning` so label and behaviour agree:

![after](https://placeholder-after)

- 3 Playwright tests + `settingStore` unit test: fail on `main`, pass
here
- `canvasSettings.spec.ts`: 5 pre-existing failures in this sandbox
(headless canvas drag + screenshot baselines) — identical set on clean
`main`; baseline 8 passed → 10 passed here
- `pnpm test:unit`: 3 pre-existing failing files (`previewAny`,
`onboardingCloudRoutes`, `GraphView`), confirmed failing on clean
`main`, none in the settings domain
- `pnpm typecheck`, `typecheck:browser`, `lint`, `format:check`, `knip`
— all clean

## Follow-ups (not in scope here)

- `Comfy.Canvas.NavigationMode` would be better derived from the two
overrides than stored as a third key — one source of truth, no
cross-setting cascade. That removes this bug class rather than this
instance.
- `POST /settings` and `POST /settings/{id}` in ComfyUI's
`app/app_settings.py` do non-atomic read-modify-write of one JSON file
with an `await` between read and write, so any concurrent setting writes
can lose updates.
-
[FE-1507](https://linear.app/comfyorg/issue/FE-1507/ops-run-typecheckbrowser-unconditionally-so-browser-tests-type-errors)
— make `typecheck:browser` unconditional in CI.

## Screenshots

![Before: after a reload Navigation Mode reads Custom while Left Mouse
Click Behavior is Select and Mouse Wheel Scroll is Panning - the
Standard
preset](https://pub-0c501c1cf38f477fa8efc67068523b33.r2.dev/sessions/b4bf4aad7065f79965deac7b000dd8c53f46c9c4ed7f6af6c7e44d714af85512/pr-images/1785882191788-d210acf4-ad52-4822-8a25-a4fe69526fc1.png)

![After: Navigation Mode retains Standard (New) across a reload, with
Select and Panning consistent with
it](https://pub-0c501c1cf38f477fa8efc67068523b33.r2.dev/sessions/b4bf4aad7065f79965deac7b000dd8c53f46c9c4ed7f6af6c7e44d714af85512/pr-images/1785882192021-8b769799-9112-48bb-a216-51e6d923faaf.png)

---------

Co-authored-by: Glary-Bot <glary-bot@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XS This PR changes 0-9 lines, ignoring generated files.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants