Skip to content

[candidate fix] flip dialog default renderer to Reka on cloud/1.45 (non-billing)#13307

Closed
christian-byrne wants to merge 2 commits into
cloud/1.45from
fix/cloud-1.45-dialog-reka-cutover
Closed

[candidate fix] flip dialog default renderer to Reka on cloud/1.45 (non-billing)#13307
christian-byrne wants to merge 2 commits into
cloud/1.45from
fix/cloud-1.45-dialog-reka-cutover

Conversation

@christian-byrne

Copy link
Copy Markdown
Contributor

Draft candidate for the staging e2e failures. Backports #12593's default-renderer flip + e2e fixtures, excluding the billing dialog callers (kept cloud/1.45's divergent versions) and keeping ConfirmationService (SecretsPanel still uses PrimeVue useConfirm). Running CI to verify the 3 failing specs go green without billing regressions. Sibling experiment #13306 tests the default-flip alone.

dante01yoon and others added 2 commits June 29, 2026 20:22
…e 6a cutover, stacked on #12848. 6a-2) (#12593)

The **renderer cutover** for Phase 6: every remaining dialog caller is
flipped to Reka, and `createDialog` now defaults `renderer: 'reka'` so
the PrimeVue `Dialog` branch is no longer reached by default (it
survives only as an explicit `renderer: 'primevue'` escape hatch,
deleted in Phase 6b).

> **Stacked on #12848** (mask editor + 3D viewer dialogs + dialog
infra). Per @jtydhr88's review, the heavy, screenshot-bearing surface
(3D + mask editor) was split into #12848 so it reviews and tests on its
own. **Merge #12848 first**, then this PR's base auto-retargets to
`main`.

Parent:
[FE-571](https://linear.app/comfyorg/issue/FE-571/dialog-system-migration-primevue-reka-ui-parent)
This phase:
[FE-578](https://linear.app/comfyorg/issue/FE-578/phase-6-remove-primevue-dialogconfirmdialog-imports-clean-up-css)

- **drop dead `ConfirmationService` registration** — zero
`useConfirm`/`<ConfirmDialog>` consumers remain in `src/`; desktop-ui
keeps its own.
- **flip `showConfirmDialog`** — all six confirm callers render Reka
chrome; width goes from PrimeVue auto-hug to fixed `size:'md'`, matching
`dialogService.confirm()`.
- **flip remaining `dialogService` + composable callers** — signin,
update-password, top-up, workspace family, cancel-subscription, publish,
cloud-notification, edit-keybinding / node-conflict / import-failed,
upload-model, queue-clear-history, delete-assets, share /
open-shared-workflow, subscription pricing. Self-styled panels get a
shared transparent `w-fit` chrome replicating PrimeVue's auto-sized
root.
- **default `createDialog` to `renderer:'reka'`** — cuts over
`showExtensionDialog` (third-party dialogs) and anything unflagged. The
single-commit revert point.
- **retarget class-based e2e selectors** — `BaseDialog` `.p-dialog` →
`getByRole('dialog')`, `BuilderSaveAsHelper` close-X → `getByLabel`,
`shareWorkflowDialog` role-based, dead `confirm-dialog` testid removed.
- honor `[autofocus]` inside Reka dialogs; size the template browser
dialog so the filter bar fits; drop redundant Tailwind width constraints
on the remaining callers.

1. **`modal:false` on the pricing dialogs** — same trade-off as
Settings/Manager (visual overlay without focus trap) because
`PricingTable(.Workspace)` hosts a body-teleported PrimeVue `Popover`.
2. **`w-fit` shrink-wrapped chrome** for self-styled panels — replicates
PrimeVue's shrink-to-fit root.
3. **Confirm width change** (auto-hug → fixed 576px `md`) — intentional
consistency with `dialogService.confirm()`.

`createDialog` now defaults to Reka. Third-party extension dialogs
render through Reka by default — a fixed `size:'md'` frame with a modal
focus trap instead of PrimeVue auto-width; `renderer:'primevue'` remains
an explicit escape hatch until Phase 6b. Worth a release note for
extension authors.

PrimeVue branch deletion (`GlobalDialog.vue` legacy branch,
`PrimeDialog` import, `.p-dialog` CSS/bridge tokens, `dialogStore`
`pt`/`position`/`unstyled` typing) — lands after this soaks one cloud
deploy cycle.

Captured via Chrome DevTools (CDP) from this branch running locally in
**cloud mode** (proxied to the `cloud.comfy.org` backend, free Personal
Workspace). Every dialog below now renders through the **Reka** path —
the PrimeVue `Dialog` branch is no longer reached. (Mask editor + 3D
viewers live in the stacked base #12848.)

**Confirm dialog** (`showConfirmDialog`) — Reka chrome at a fixed
`size:'md'`, replacing PrimeVue's auto-hug width — *review focus #3*
<img width="880" alt="confirm-dialog"
src="https://github.com/user-attachments/assets/5d9953c1-4d0c-4ff9-adc7-88dd370c6a24"
/>

**Settings** — renders through Reka
<img width="880" alt="settings"
src="https://github.com/user-attachments/assets/44e3fd3f-8d9b-4322-8fbe-8ce8d94ed15d"
/>

**Edit Keybinding**, stacked on Settings — small-layout `w-fit` chrome;
closing it leaves Settings open (stacked-dismiss holds)
<img width="880" alt="edit-keybinding-nested"
src="https://github.com/user-attachments/assets/d0875c00-7b9c-439d-b24d-ba6770009d08"
/>

**Subscription pricing** (`PricingTable`) — opened with `modal:false`
because it hosts a body-teleported PrimeVue `Popover` — *review focus
<img width="880" alt="subscription-pricing"
src="https://github.com/user-attachments/assets/3be20397-8a69-4b00-b803-73eff4e0e313"
/>

**Share** and **Publish** (open-shared-workflow + publish) — shared
transparent shrink-wrapped (`w-fit`) chrome — *review focus #2*
<img width="880" alt="share-dialog"
src="https://github.com/user-attachments/assets/16f1c1b5-e35e-4664-a957-2f7f61ad96bd"
/>
<img width="880" alt="publish-dialog"
src="https://github.com/user-attachments/assets/935ff453-5247-430f-9c21-2f500d4bc6e2"
/>

**Workspace** (workspace-family callers)
<img width="880" alt="workspace-settings"
src="https://github.com/user-attachments/assets/8031a352-f6fc-41e4-9567-e26e0c35ecd9"
/>

**Template selector** (`showExtensionDialog` /
`useWorkflowTemplateSelectorDialog`)
<img width="880" alt="templates-dialog"
src="https://github.com/user-attachments/assets/9975ebbe-75ae-4ad9-a90a-248db4850e1a"
/>

**Account / workspace menu** (cloud)
<img width="880" alt="account-menu"
src="https://github.com/user-attachments/assets/5bc0cade-9bd9-49de-8bb4-779d65e211b0"
/>
… cutover)

Backports #12593's createDialog default-renderer flip + e2e fixture/selector
migrations to cloud/1.45. cloud/1.45 still defaulted dialogs to the PrimeVue
renderer, whose mask enter-transition is flaky under cloud's heavier init —
hanging the builderSaveFlow / memberRoleChange / keybindingPresets confirm e2e.
main defaults to Reka (no PrimeVue mask), which is why those specs pass there.

Release-line adaptations vs #12593:
- keep cloud/1.45's billing dialogs (useSubscriptionDialog/useModelUpload/
  dialogService) as-is — they already set renderer:'reka' explicitly and have
  diverged from main; out of scope for this e2e fix.
- keep ConfirmationService registered — SecretsPanel still uses PrimeVue
  useConfirm() on cloud/1.45 (main had migrated all consumers).
- drop confirmDialog's headerClass/bodyClass/footerClass — not on cloud/1.45's
  DialogComponentProps type yet.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@coderabbitai

coderabbitai Bot commented Jun 30, 2026

Copy link
Copy Markdown
Contributor

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: d2624819-98e5-4f2a-b353-d17c1d48f98e

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch fix/cloud-1.45-dialog-reka-cutover

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

@github-actions

Copy link
Copy Markdown

📦 Bundle Size

⏳ Size data collection in progress…

⚡ Performance Report

canvas-idle: · 60.0 avg FPS · 59.7 P5 FPS ✅ (target: ≥52) · 0ms TBT · 53.3 MB heap
canvas-mouse-sweep: · 60.0 avg FPS · 59.9 P5 FPS ✅ (target: ≥52) · 0ms TBT · 52.9 MB heap
canvas-zoom-sweep: · 60.0 avg FPS · 59.7 P5 FPS ✅ (target: ≥52) · 0ms TBT · 66.4 MB heap
dom-widget-clipping: · 60.0 avg FPS · 59.9 P5 FPS ✅ (target: ≥52) · 0ms TBT · 57.0 MB heap
large-graph-idle: · 60.0 avg FPS · 59.7 P5 FPS ✅ (target: ≥52) · 0ms TBT · 56.7 MB heap
large-graph-pan: · 60.0 avg FPS · 59.7 P5 FPS ✅ (target: ≥52) · 0ms TBT · 78.4 MB heap
large-graph-zoom: · 60.0 avg FPS · 59.5 P5 FPS ✅ (target: ≥52) · 0ms TBT · 85.0 MB heap
minimap-idle: · 60.0 avg FPS · 59.7 P5 FPS ✅ (target: ≥52) · 0ms TBT · 96.6 MB heap
subgraph-dom-widget-clipping: · 60.0 avg FPS · 59.9 P5 FPS ✅ (target: ≥52) · 0ms TBT · 59.1 MB heap
subgraph-idle: · 60.0 avg FPS · 59.9 P5 FPS ✅ (target: ≥52) · 0ms TBT · 72.6 MB heap
subgraph-mouse-sweep: · 60.0 avg FPS · 59.7 P5 FPS ✅ (target: ≥52) · 0ms TBT · 61.1 MB heap
subgraph-transition-enter: · 60.0 avg FPS · 59.5 P5 FPS ✅ (target: ≥52) · 99ms TBT · 73.6 MB heap
viewport-pan-sweep: · 60.0 avg FPS · 59.7 P5 FPS ✅ (target: ≥52) · 0ms TBT · 66.8 MB heap
vue-large-graph-idle: · 59.0 avg FPS · 59.5 P5 FPS ✅ (target: ≥52) · 0ms TBT · 262.9 MB heap
vue-large-graph-pan: · 57.1 avg FPS · 59.7 P5 FPS ✅ (target: ≥52) · 0ms TBT · 273.7 MB heap
workflow-execution: · 60.0 avg FPS · 59.9 P5 FPS ✅ (target: ≥52) · 0ms TBT · 45.9 MB heap

ℹ️ No baseline found — significance unavailable.

Absolute values
Metric Value
canvas-idle: avg frame time 17ms
canvas-idle: p95 frame time 17ms
canvas-idle: layout duration 0ms
canvas-idle: style recalc duration 7ms
canvas-idle: layout count 0
canvas-idle: style recalc count 10
canvas-idle: task duration 316ms
canvas-idle: script duration 17ms
canvas-idle: TBT 0ms
canvas-idle: heap used 53.3 MB
canvas-idle: DOM nodes 20
canvas-idle: event listeners 5
canvas-mouse-sweep: avg frame time 17ms
canvas-mouse-sweep: p95 frame time 17ms
canvas-mouse-sweep: layout duration 3ms
canvas-mouse-sweep: style recalc duration 28ms
canvas-mouse-sweep: layout count 12
canvas-mouse-sweep: style recalc count 72
canvas-mouse-sweep: task duration 611ms
canvas-mouse-sweep: script duration 94ms
canvas-mouse-sweep: TBT 0ms
canvas-mouse-sweep: heap used 52.9 MB
canvas-mouse-sweep: DOM nodes -98
canvas-mouse-sweep: event listeners -82
canvas-zoom-sweep: avg frame time 17ms
canvas-zoom-sweep: p95 frame time 17ms
canvas-zoom-sweep: layout duration 1ms
canvas-zoom-sweep: style recalc duration 15ms
canvas-zoom-sweep: layout count 6
canvas-zoom-sweep: style recalc count 31
canvas-zoom-sweep: task duration 308ms
canvas-zoom-sweep: script duration 19ms
canvas-zoom-sweep: TBT 0ms
canvas-zoom-sweep: heap used 66.4 MB
canvas-zoom-sweep: DOM nodes -226
canvas-zoom-sweep: event listeners -158
dom-widget-clipping: avg frame time 17ms
dom-widget-clipping: p95 frame time 17ms
dom-widget-clipping: layout duration 0ms
dom-widget-clipping: style recalc duration 8ms
dom-widget-clipping: layout count 0
dom-widget-clipping: style recalc count 12
dom-widget-clipping: task duration 340ms
dom-widget-clipping: script duration 52ms
dom-widget-clipping: TBT 0ms
dom-widget-clipping: heap used 57.0 MB
dom-widget-clipping: DOM nodes -287
dom-widget-clipping: event listeners -186
large-graph-idle: avg frame time 17ms
large-graph-idle: p95 frame time 17ms
large-graph-idle: layout duration 0ms
large-graph-idle: style recalc duration 8ms
large-graph-idle: layout count 0
large-graph-idle: style recalc count 12
large-graph-idle: task duration 439ms
large-graph-idle: script duration 78ms
large-graph-idle: TBT 0ms
large-graph-idle: heap used 56.7 MB
large-graph-idle: DOM nodes 23
large-graph-idle: event listeners 6
large-graph-pan: avg frame time 17ms
large-graph-pan: p95 frame time 17ms
large-graph-pan: layout duration 0ms
large-graph-pan: style recalc duration 16ms
large-graph-pan: layout count 0
large-graph-pan: style recalc count 68
large-graph-pan: task duration 807ms
large-graph-pan: script duration 298ms
large-graph-pan: TBT 0ms
large-graph-pan: heap used 78.4 MB
large-graph-pan: DOM nodes -129
large-graph-pan: event listeners 4
large-graph-zoom: avg frame time 17ms
large-graph-zoom: p95 frame time 17ms
large-graph-zoom: layout duration 7ms
large-graph-zoom: style recalc duration 16ms
large-graph-zoom: layout count 60
large-graph-zoom: style recalc count 65
large-graph-zoom: task duration 1045ms
large-graph-zoom: script duration 384ms
large-graph-zoom: TBT 0ms
large-graph-zoom: heap used 85.0 MB
large-graph-zoom: DOM nodes 11
large-graph-zoom: event listeners 7
minimap-idle: avg frame time 17ms
minimap-idle: p95 frame time 17ms
minimap-idle: layout duration 0ms
minimap-idle: style recalc duration 5ms
minimap-idle: layout count 0
minimap-idle: style recalc count 8
minimap-idle: task duration 434ms
minimap-idle: script duration 67ms
minimap-idle: TBT 0ms
minimap-idle: heap used 96.6 MB
minimap-idle: DOM nodes -266
minimap-idle: event listeners -192
subgraph-dom-widget-clipping: avg frame time 17ms
subgraph-dom-widget-clipping: p95 frame time 17ms
subgraph-dom-widget-clipping: layout duration 0ms
subgraph-dom-widget-clipping: style recalc duration 11ms
subgraph-dom-widget-clipping: layout count 0
subgraph-dom-widget-clipping: style recalc count 48
subgraph-dom-widget-clipping: task duration 344ms
subgraph-dom-widget-clipping: script duration 99ms
subgraph-dom-widget-clipping: TBT 0ms
subgraph-dom-widget-clipping: heap used 59.1 MB
subgraph-dom-widget-clipping: DOM nodes -271
subgraph-dom-widget-clipping: event listeners -178
subgraph-idle: avg frame time 17ms
subgraph-idle: p95 frame time 17ms
subgraph-idle: layout duration 0ms
subgraph-idle: style recalc duration 7ms
subgraph-idle: layout count 0
subgraph-idle: style recalc count 11
subgraph-idle: task duration 332ms
subgraph-idle: script duration 14ms
subgraph-idle: TBT 0ms
subgraph-idle: heap used 72.6 MB
subgraph-idle: DOM nodes -139
subgraph-idle: event listeners -95
subgraph-mouse-sweep: avg frame time 17ms
subgraph-mouse-sweep: p95 frame time 17ms
subgraph-mouse-sweep: layout duration 4ms
subgraph-mouse-sweep: style recalc duration 30ms
subgraph-mouse-sweep: layout count 16
subgraph-mouse-sweep: style recalc count 75
subgraph-mouse-sweep: task duration 549ms
subgraph-mouse-sweep: script duration 78ms
subgraph-mouse-sweep: TBT 0ms
subgraph-mouse-sweep: heap used 61.1 MB
subgraph-mouse-sweep: DOM nodes 62
subgraph-mouse-sweep: event listeners 5
subgraph-transition-enter: avg frame time 17ms
subgraph-transition-enter: p95 frame time 17ms
subgraph-transition-enter: layout duration 10ms
subgraph-transition-enter: style recalc duration 23ms
subgraph-transition-enter: layout count 7
subgraph-transition-enter: style recalc count 18
subgraph-transition-enter: task duration 559ms
subgraph-transition-enter: script duration 20ms
subgraph-transition-enter: TBT 99ms
subgraph-transition-enter: heap used 73.6 MB
subgraph-transition-enter: DOM nodes 13513
subgraph-transition-enter: event listeners 2527
viewport-pan-sweep: avg frame time 17ms
viewport-pan-sweep: p95 frame time 17ms
viewport-pan-sweep: layout duration 0ms
viewport-pan-sweep: style recalc duration 51ms
viewport-pan-sweep: layout count 0
viewport-pan-sweep: style recalc count 250
viewport-pan-sweep: task duration 2957ms
viewport-pan-sweep: script duration 967ms
viewport-pan-sweep: TBT 0ms
viewport-pan-sweep: heap used 66.8 MB
viewport-pan-sweep: DOM nodes -119
viewport-pan-sweep: event listeners -63
vue-large-graph-idle: avg frame time 17ms
vue-large-graph-idle: p95 frame time 17ms
vue-large-graph-idle: layout duration 0ms
vue-large-graph-idle: style recalc duration 0ms
vue-large-graph-idle: layout count 0
vue-large-graph-idle: style recalc count 0
vue-large-graph-idle: task duration 12361ms
vue-large-graph-idle: script duration 530ms
vue-large-graph-idle: TBT 0ms
vue-large-graph-idle: heap used 262.9 MB
vue-large-graph-idle: DOM nodes -3322
vue-large-graph-idle: event listeners -16470
vue-large-graph-pan: avg frame time 17ms
vue-large-graph-pan: p95 frame time 17ms
vue-large-graph-pan: layout duration 0ms
vue-large-graph-pan: style recalc duration 18ms
vue-large-graph-pan: layout count 0
vue-large-graph-pan: style recalc count 69
vue-large-graph-pan: task duration 13791ms
vue-large-graph-pan: script duration 777ms
vue-large-graph-pan: TBT 0ms
vue-large-graph-pan: heap used 273.7 MB
vue-large-graph-pan: DOM nodes -3304
vue-large-graph-pan: event listeners -16472
workflow-execution: avg frame time 17ms
workflow-execution: p95 frame time 17ms
workflow-execution: layout duration 1ms
workflow-execution: style recalc duration 22ms
workflow-execution: layout count 5
workflow-execution: style recalc count 18
workflow-execution: task duration 181ms
workflow-execution: script duration 18ms
workflow-execution: TBT 0ms
workflow-execution: heap used 45.9 MB
workflow-execution: DOM nodes -172
workflow-execution: event listeners -118
Raw data
{
  "timestamp": "2026-06-30T03:42:15.837Z",
  "gitSha": "42ec342a8cbe791e0bd241842ed10af838b6d182",
  "branch": "fix/cloud-1.45-dialog-reka-cutover",
  "measurements": [
    {
      "name": "canvas-idle",
      "durationMs": 2038.5760000000062,
      "styleRecalcs": 9,
      "styleRecalcDurationMs": 7.326999999999998,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 336.72999999999996,
      "heapDeltaBytes": -2433948,
      "heapUsedBytes": 56138256,
      "domNodes": 18,
      "jsHeapTotalBytes": 26476544,
      "scriptDurationMs": 17.398000000000003,
      "eventListeners": 4,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66333333333332,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "canvas-idle",
      "durationMs": 1991.3819999999305,
      "styleRecalcs": 11,
      "styleRecalcDurationMs": 6.872,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 295.14300000000003,
      "heapDeltaBytes": -2469152,
      "heapUsedBytes": 55604904,
      "domNodes": 22,
      "jsHeapTotalBytes": 23330816,
      "scriptDurationMs": 17.241,
      "eventListeners": 6,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.800000000000182
    },
    {
      "name": "canvas-mouse-sweep",
      "durationMs": 1688.2109999999955,
      "styleRecalcs": 72,
      "styleRecalcDurationMs": 27.97,
      "layouts": 12,
      "layoutDurationMs": 2.6650000000000005,
      "taskDurationMs": 609.813,
      "heapDeltaBytes": -7174640,
      "heapUsedBytes": 51357404,
      "domNodes": 55,
      "jsHeapTotalBytes": 24379392,
      "scriptDurationMs": 95.159,
      "eventListeners": 4,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "canvas-mouse-sweep",
      "durationMs": 1695.920000000001,
      "styleRecalcs": 71,
      "styleRecalcDurationMs": 28.204,
      "layouts": 12,
      "layoutDurationMs": 3.0509999999999993,
      "taskDurationMs": 611.196,
      "heapDeltaBytes": 14854232,
      "heapUsedBytes": 59596348,
      "domNodes": -251,
      "jsHeapTotalBytes": 17301504,
      "scriptDurationMs": 93.68799999999999,
      "eventListeners": -167,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.699999999999818
    },
    {
      "name": "canvas-zoom-sweep",
      "durationMs": 1741.0399999999981,
      "styleRecalcs": 30,
      "styleRecalcDurationMs": 15.599,
      "layouts": 6,
      "layoutDurationMs": 0.576,
      "taskDurationMs": 327.644,
      "heapDeltaBytes": 5772040,
      "heapUsedBytes": 74266612,
      "domNodes": -226,
      "jsHeapTotalBytes": 17760256,
      "scriptDurationMs": 22.018,
      "eventListeners": -162,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66333333333332,
      "p95FrameDurationMs": 16.800000000000182
    },
    {
      "name": "canvas-zoom-sweep",
      "durationMs": 1719.94200000006,
      "styleRecalcs": 32,
      "styleRecalcDurationMs": 14.216,
      "layouts": 6,
      "layoutDurationMs": 0.521,
      "taskDurationMs": 288.018,
      "heapDeltaBytes": -3790524,
      "heapUsedBytes": 65057212,
      "domNodes": -226,
      "jsHeapTotalBytes": 12517376,
      "scriptDurationMs": 14.990000000000002,
      "eventListeners": -153,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66333333333335,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "dom-widget-clipping",
      "durationMs": 539.6119999999769,
      "styleRecalcs": 12,
      "styleRecalcDurationMs": 9.267,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 353.84299999999996,
      "heapDeltaBytes": -21905108,
      "heapUsedBytes": 47071012,
      "domNodes": -277,
      "jsHeapTotalBytes": 6225920,
      "scriptDurationMs": 56.393,
      "eventListeners": -182,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.700000000000273
    },
    {
      "name": "dom-widget-clipping",
      "durationMs": 480.30000000005657,
      "styleRecalcs": 12,
      "styleRecalcDurationMs": 6.589999999999999,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 326.49899999999997,
      "heapDeltaBytes": 4008256,
      "heapUsedBytes": 72504444,
      "domNodes": -297,
      "jsHeapTotalBytes": 6225920,
      "scriptDurationMs": 47.760999999999996,
      "eventListeners": -189,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66333333333332,
      "p95FrameDurationMs": 16.700000000000273
    },
    {
      "name": "large-graph-idle",
      "durationMs": 2003.1809999999837,
      "styleRecalcs": 12,
      "styleRecalcDurationMs": 8.368,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 427.152,
      "heapDeltaBytes": -9824160,
      "heapUsedBytes": 59117436,
      "domNodes": 24,
      "jsHeapTotalBytes": 12201984,
      "scriptDurationMs": 75.19099999999999,
      "eventListeners": 6,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66999999999998,
      "p95FrameDurationMs": 16.800000000000182
    },
    {
      "name": "large-graph-idle",
      "durationMs": 2007.0269999999937,
      "styleRecalcs": 11,
      "styleRecalcDurationMs": 7.296,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 451.232,
      "heapDeltaBytes": -9121228,
      "heapUsedBytes": 59787264,
      "domNodes": 22,
      "jsHeapTotalBytes": 11939840,
      "scriptDurationMs": 81.486,
      "eventListeners": 6,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66333333333332,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "large-graph-pan",
      "durationMs": 2045.6679999999778,
      "styleRecalcs": 67,
      "styleRecalcDurationMs": 15.329,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 810.216,
      "heapDeltaBytes": 29438088,
      "heapUsedBytes": 82932968,
      "domNodes": -276,
      "jsHeapTotalBytes": 1253376,
      "scriptDurationMs": 298.33799999999997,
      "eventListeners": 4,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "large-graph-pan",
      "durationMs": 2042.5780000000486,
      "styleRecalcs": 68,
      "styleRecalcDurationMs": 16.342000000000002,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 803.2669999999999,
      "heapDeltaBytes": 9956924,
      "heapUsedBytes": 81485836,
      "domNodes": 18,
      "jsHeapTotalBytes": 12115968,
      "scriptDurationMs": 297.063,
      "eventListeners": 4,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66333333333335,
      "p95FrameDurationMs": 16.800000000000182
    },
    {
      "name": "large-graph-zoom",
      "durationMs": 3103.885000000048,
      "styleRecalcs": 65,
      "styleRecalcDurationMs": 16.246,
      "layouts": 60,
      "layoutDurationMs": 6.940000000000001,
      "taskDurationMs": 1089.113,
      "heapDeltaBytes": 55034116,
      "heapUsedBytes": 111340472,
      "domNodes": 12,
      "jsHeapTotalBytes": 47710208,
      "scriptDurationMs": 386.636,
      "eventListeners": 8,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.800000000000182
    },
    {
      "name": "large-graph-zoom",
      "durationMs": 3050.2179999999726,
      "styleRecalcs": 64,
      "styleRecalcDurationMs": 14.763000000000002,
      "layouts": 60,
      "layoutDurationMs": 6.872999999999999,
      "taskDurationMs": 1000.229,
      "heapDeltaBytes": 11407316,
      "heapUsedBytes": 66848140,
      "domNodes": 10,
      "jsHeapTotalBytes": 2621440,
      "scriptDurationMs": 380.938,
      "eventListeners": 6,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66333333333332,
      "p95FrameDurationMs": 16.800000000000182
    },
    {
      "name": "minimap-idle",
      "durationMs": 1992.6340000000096,
      "styleRecalcs": 8,
      "styleRecalcDurationMs": 5.343000000000001,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 411.3,
      "heapDeltaBytes": 31490772,
      "heapUsedBytes": 86062540,
      "domNodes": -266,
      "jsHeapTotalBytes": 15728640,
      "scriptDurationMs": 67.63199999999999,
      "eventListeners": -191,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.800000000000182
    },
    {
      "name": "minimap-idle",
      "durationMs": 2014.6389999999883,
      "styleRecalcs": 8,
      "styleRecalcDurationMs": 5.399000000000001,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 456.26400000000007,
      "heapDeltaBytes": 50568700,
      "heapUsedBytes": 116590076,
      "domNodes": -266,
      "jsHeapTotalBytes": 31232000,
      "scriptDurationMs": 67.329,
      "eventListeners": -193,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.699999999999818
    },
    {
      "name": "subgraph-dom-widget-clipping",
      "durationMs": 488.10500000001866,
      "styleRecalcs": 48,
      "styleRecalcDurationMs": 10.697000000000001,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 341.023,
      "heapDeltaBytes": 4470868,
      "heapUsedBytes": 73383976,
      "domNodes": -275,
      "jsHeapTotalBytes": 7012352,
      "scriptDurationMs": 94.94000000000001,
      "eventListeners": -193,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.700000000000273
    },
    {
      "name": "subgraph-dom-widget-clipping",
      "durationMs": 505.49999999998363,
      "styleRecalcs": 47,
      "styleRecalcDurationMs": 10.979999999999999,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 346.615,
      "heapDeltaBytes": -2300576,
      "heapUsedBytes": 50600332,
      "domNodes": -267,
      "jsHeapTotalBytes": -1376256,
      "scriptDurationMs": 102.69500000000001,
      "eventListeners": -162,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.700000000000273
    },
    {
      "name": "subgraph-idle",
      "durationMs": 2021.0889999999893,
      "styleRecalcs": 10,
      "styleRecalcDurationMs": 7.659999999999998,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 375.875,
      "heapDeltaBytes": 17515544,
      "heapUsedBytes": 86422600,
      "domNodes": -299,
      "jsHeapTotalBytes": 38731776,
      "scriptDurationMs": 13.927999999999999,
      "eventListeners": -195,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.660000000000007,
      "p95FrameDurationMs": 16.699999999999818
    },
    {
      "name": "subgraph-idle",
      "durationMs": 1992.578000000094,
      "styleRecalcs": 11,
      "styleRecalcDurationMs": 7.216,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 288.767,
      "heapDeltaBytes": 2310280,
      "heapUsedBytes": 65766008,
      "domNodes": 22,
      "jsHeapTotalBytes": 24903680,
      "scriptDurationMs": 14.269,
      "eventListeners": 6,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "subgraph-mouse-sweep",
      "durationMs": 1693.6419999999828,
      "styleRecalcs": 75,
      "styleRecalcDurationMs": 31.197999999999997,
      "layouts": 16,
      "layoutDurationMs": 3.882,
      "taskDurationMs": 557.129,
      "heapDeltaBytes": 18726868,
      "heapUsedBytes": 75613320,
      "domNodes": 61,
      "jsHeapTotalBytes": 18874368,
      "scriptDurationMs": 83.881,
      "eventListeners": 4,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.670000000000012,
      "p95FrameDurationMs": 16.800000000000182
    },
    {
      "name": "subgraph-mouse-sweep",
      "durationMs": 1694.3200000000616,
      "styleRecalcs": 75,
      "styleRecalcDurationMs": 28.519999999999996,
      "layouts": 16,
      "layoutDurationMs": 3.284,
      "taskDurationMs": 540.714,
      "heapDeltaBytes": -11248188,
      "heapUsedBytes": 52444104,
      "domNodes": 63,
      "jsHeapTotalBytes": 23138304,
      "scriptDurationMs": 73.022,
      "eventListeners": 6,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66333333333335,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "subgraph-transition-enter",
      "durationMs": 816.1380000000236,
      "styleRecalcs": 18,
      "styleRecalcDurationMs": 22.592000000000002,
      "layouts": 7,
      "layoutDurationMs": 10.069,
      "taskDurationMs": 559.2579999999999,
      "heapDeltaBytes": 2381424,
      "heapUsedBytes": 77157004,
      "domNodes": 13513,
      "jsHeapTotalBytes": 15728640,
      "scriptDurationMs": 19.791000000000004,
      "eventListeners": 2527,
      "totalBlockingTimeMs": 99,
      "frameDurationMs": 16.670000000000012,
      "p95FrameDurationMs": 16.800000000000182
    },
    {
      "name": "viewport-pan-sweep",
      "durationMs": 8104.717000000051,
      "styleRecalcs": 250,
      "styleRecalcDurationMs": 51.352000000000004,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 3016.9260000000004,
      "heapDeltaBytes": 9224020,
      "heapUsedBytes": 74171152,
      "domNodes": -260,
      "jsHeapTotalBytes": 11071488,
      "scriptDurationMs": 964.617,
      "eventListeners": -148,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.799999999999272
    },
    {
      "name": "viewport-pan-sweep",
      "durationMs": 8079.41500000004,
      "styleRecalcs": 250,
      "styleRecalcDurationMs": 50.395,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 2896.919,
      "heapDeltaBytes": -3115340,
      "heapUsedBytes": 65939352,
      "domNodes": 22,
      "jsHeapTotalBytes": 18669568,
      "scriptDurationMs": 969.465,
      "eventListeners": 22,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66333333333332,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "vue-large-graph-idle",
      "durationMs": 13463.426000000027,
      "styleRecalcs": 0,
      "styleRecalcDurationMs": 0,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 13451.371000000001,
      "heapDeltaBytes": 154661836,
      "heapUsedBytes": 371817428,
      "domNodes": -3306,
      "jsHeapTotalBytes": 139722752,
      "scriptDurationMs": 596.29,
      "eventListeners": -16468,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 17.223333333333358,
      "p95FrameDurationMs": 16.799999999999272
    },
    {
      "name": "vue-large-graph-idle",
      "durationMs": 11279.797000000031,
      "styleRecalcs": 0,
      "styleRecalcDurationMs": 0,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 11270.516000000001,
      "heapDeltaBytes": -23169936,
      "heapUsedBytes": 179533932,
      "domNodes": -3337,
      "jsHeapTotalBytes": 20942848,
      "scriptDurationMs": 462.918,
      "eventListeners": -16472,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.80000000000291
    },
    {
      "name": "vue-large-graph-pan",
      "durationMs": 12304.306999999993,
      "styleRecalcs": 64,
      "styleRecalcDurationMs": 17.087999999999994,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 12288.634,
      "heapDeltaBytes": -28203584,
      "heapUsedBytes": 184690736,
      "domNodes": -3306,
      "jsHeapTotalBytes": 23740416,
      "scriptDurationMs": 740.214,
      "eventListeners": -16474,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 17.220000000000073,
      "p95FrameDurationMs": 16.700000000000728
    },
    {
      "name": "vue-large-graph-pan",
      "durationMs": 15310.858999999937,
      "styleRecalcs": 73,
      "styleRecalcDurationMs": 19.062999999999995,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 15293.538000000002,
      "heapDeltaBytes": 144076060,
      "heapUsedBytes": 389210576,
      "domNodes": -3302,
      "jsHeapTotalBytes": 152305664,
      "scriptDurationMs": 814.068,
      "eventListeners": -16470,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 17.776666666666642,
      "p95FrameDurationMs": 16.799999999999272
    },
    {
      "name": "workflow-execution",
      "durationMs": 446.474999999964,
      "styleRecalcs": 18,
      "styleRecalcDurationMs": 20.988,
      "layouts": 5,
      "layoutDurationMs": 1.1469999999999998,
      "taskDurationMs": 181.14200000000002,
      "heapDeltaBytes": -21387540,
      "heapUsedBytes": 48188044,
      "domNodes": -155,
      "jsHeapTotalBytes": 4653056,
      "scriptDurationMs": 18.194,
      "eventListeners": -105,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.700000000000273
    },
    {
      "name": "workflow-execution",
      "durationMs": 452.36499999987245,
      "styleRecalcs": 17,
      "styleRecalcDurationMs": 23.298,
      "layouts": 5,
      "layoutDurationMs": 1.0899999999999999,
      "taskDurationMs": 181.446,
      "heapDeltaBytes": -22002492,
      "heapUsedBytes": 47990468,
      "domNodes": -188,
      "jsHeapTotalBytes": 4915200,
      "scriptDurationMs": 18.748,
      "eventListeners": -130,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.666666666666668,
      "p95FrameDurationMs": 16.700000000000273
    }
  ]
}

@github-actions

Copy link
Copy Markdown

🎭 Playwright: ❌ 1553 passed, 50 failed · 1 flaky

❌ Failed Tests

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

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants