fix: Ensure all save/save as buttons are the same width by pythongosssss · Pull Request #10681 · Comfy-Org/ComfyUI_frontend

pythongosssss · 2026-03-28T19:10:11Z

Summary

Makes the save/save as buttons in the builder footer toolbar all a fixed size so when switching states the elements dont jump

Changes

What:
Apply widths from design to the buttons
Add tests that measure the sizes of the buttons

┆Issue is synchronized with this Notion page by Unito

further simplify/share between tests

coderabbitai · 2026-03-28T19:10:16Z

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

Run ID: 9e668e0b-6c50-47cc-ba32-5a560ad92263

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 pysssss/appmode/fix-save-width

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

github-actions · 2026-03-28T19:10:29Z

🎨 Storybook: ✅ Built — View Storybook

Details

⏰ Completed at: 03/28/2026, 07:11:34 PM UTC

Links

📊 View Workflow Run

github-actions · 2026-03-28T19:10:30Z

🎭 Playwright: ✅ 742 passed, 0 failed · 6 flaky

📊 Browser Reports

chromium: View Report (✅ 728 / ❌ 0 / ⚠️ 6 / ⏭️ 11)
chromium-2x: View Report (✅ 2 / ❌ 0 / ⚠️ 0 / ⏭️ 0)
chromium-0.5x: View Report (✅ 1 / ❌ 0 / ⚠️ 0 / ⏭️ 0)
mobile-chrome: View Report (✅ 11 / ❌ 0 / ⚠️ 0 / ⏭️ 0)

github-actions · 2026-03-28T19:22:08Z

📦 Bundle Size

⏳ Size data collection in progress…

⚡ Performance Report

No baseline found — showing absolute values.

Metric	Value
canvas-idle: layout duration	0ms
canvas-idle: style recalc duration	8ms
canvas-idle: layout count	0
canvas-idle: style recalc count	10
canvas-idle: task duration	340ms
canvas-idle: script duration	18ms
canvas-idle: TBT	0ms
canvas-idle: frame duration	17ms
canvas-idle: heap used	60.1 MB
canvas-idle: DOM nodes	20
canvas-idle: event listeners	6
canvas-mouse-sweep: layout duration	4ms
canvas-mouse-sweep: style recalc duration	41ms
canvas-mouse-sweep: layout count	12
canvas-mouse-sweep: style recalc count	84
canvas-mouse-sweep: task duration	922ms
canvas-mouse-sweep: script duration	121ms
canvas-mouse-sweep: TBT	0ms
canvas-mouse-sweep: frame duration	17ms
canvas-mouse-sweep: heap used	56.0 MB
canvas-mouse-sweep: DOM nodes	67
canvas-mouse-sweep: event listeners	6
canvas-zoom-sweep: layout duration	1ms
canvas-zoom-sweep: style recalc duration	16ms
canvas-zoom-sweep: layout count	6
canvas-zoom-sweep: style recalc count	32
canvas-zoom-sweep: task duration	303ms
canvas-zoom-sweep: script duration	23ms
canvas-zoom-sweep: TBT	0ms
canvas-zoom-sweep: frame duration	17ms
canvas-zoom-sweep: heap used	63.9 MB
canvas-zoom-sweep: DOM nodes	79
canvas-zoom-sweep: event listeners	19
dom-widget-clipping: layout duration	0ms
dom-widget-clipping: style recalc duration	14ms
dom-widget-clipping: layout count	0
dom-widget-clipping: style recalc count	14
dom-widget-clipping: task duration	345ms
dom-widget-clipping: script duration	62ms
dom-widget-clipping: TBT	0ms
dom-widget-clipping: frame duration	17ms
dom-widget-clipping: heap used	47.0 MB
dom-widget-clipping: DOM nodes	22
dom-widget-clipping: event listeners	2
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	10
large-graph-idle: task duration	518ms
large-graph-idle: script duration	85ms
large-graph-idle: TBT	0ms
large-graph-idle: frame duration	17ms
large-graph-idle: heap used	53.6 MB
large-graph-idle: DOM nodes	-258
large-graph-idle: event listeners	-125
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	1016ms
large-graph-pan: script duration	366ms
large-graph-pan: TBT	0ms
large-graph-pan: frame duration	17ms
large-graph-pan: heap used	69.1 MB
large-graph-pan: DOM nodes	-260
large-graph-pan: event listeners	-125
large-graph-zoom: layout duration	8ms
large-graph-zoom: style recalc duration	17ms
large-graph-zoom: layout count	60
large-graph-zoom: style recalc count	66
large-graph-zoom: task duration	1242ms
large-graph-zoom: script duration	467ms
large-graph-zoom: TBT	0ms
large-graph-zoom: frame duration	17ms
large-graph-zoom: heap used	58.9 MB
large-graph-zoom: DOM nodes	-264
large-graph-zoom: event listeners	-123
minimap-idle: layout duration	0ms
minimap-idle: style recalc duration	8ms
minimap-idle: layout count	0
minimap-idle: style recalc count	10
minimap-idle: task duration	519ms
minimap-idle: script duration	87ms
minimap-idle: TBT	0ms
minimap-idle: frame duration	17ms
minimap-idle: heap used	54.2 MB
minimap-idle: DOM nodes	-258
minimap-idle: event listeners	-125
subgraph-dom-widget-clipping: layout duration	0ms
subgraph-dom-widget-clipping: style recalc duration	12ms
subgraph-dom-widget-clipping: layout count	0
subgraph-dom-widget-clipping: style recalc count	48
subgraph-dom-widget-clipping: task duration	343ms
subgraph-dom-widget-clipping: script duration	120ms
subgraph-dom-widget-clipping: TBT	0ms
subgraph-dom-widget-clipping: frame duration	17ms
subgraph-dom-widget-clipping: heap used	47.3 MB
subgraph-dom-widget-clipping: DOM nodes	23
subgraph-dom-widget-clipping: event listeners	8
subgraph-idle: layout duration	0ms
subgraph-idle: style recalc duration	8ms
subgraph-idle: layout count	0
subgraph-idle: style recalc count	10
subgraph-idle: task duration	335ms
subgraph-idle: script duration	17ms
subgraph-idle: TBT	0ms
subgraph-idle: frame duration	17ms
subgraph-idle: heap used	60.0 MB
subgraph-idle: DOM nodes	20
subgraph-idle: event listeners	6
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	84
subgraph-mouse-sweep: task duration	858ms
subgraph-mouse-sweep: script duration	94ms
subgraph-mouse-sweep: TBT	0ms
subgraph-mouse-sweep: frame duration	17ms
subgraph-mouse-sweep: heap used	52.3 MB
subgraph-mouse-sweep: DOM nodes	74
subgraph-mouse-sweep: event listeners	6
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	12338ms
vue-large-graph-idle: script duration	580ms
vue-large-graph-idle: TBT	0ms
vue-large-graph-idle: frame duration	18ms
vue-large-graph-idle: heap used	158.1 MB
vue-large-graph-idle: DOM nodes	-8331
vue-large-graph-idle: event listeners	-16466
vue-large-graph-pan: layout duration	0ms
vue-large-graph-pan: style recalc duration	14ms
vue-large-graph-pan: layout count	0
vue-large-graph-pan: style recalc count	65
vue-large-graph-pan: task duration	14606ms
vue-large-graph-pan: script duration	826ms
vue-large-graph-pan: TBT	0ms
vue-large-graph-pan: frame duration	18ms
vue-large-graph-pan: heap used	177.1 MB
vue-large-graph-pan: DOM nodes	-8331
vue-large-graph-pan: event listeners	-16460
workflow-execution: layout duration	2ms
workflow-execution: style recalc duration	26ms
workflow-execution: layout count	6
workflow-execution: style recalc count	19
workflow-execution: task duration	123ms
workflow-execution: script duration	28ms
workflow-execution: TBT	0ms
workflow-execution: frame duration	17ms
workflow-execution: heap used	46.6 MB
workflow-execution: DOM nodes	158
workflow-execution: event listeners	71

Raw data

{
  "timestamp": "2026-03-28T19:21:25.511Z",
  "gitSha": "fa5c67c9be8be03fe8795a8c45c62c58d01164a2",
  "branch": "pysssss/appmode/fix-save-width",
  "measurements": [
    {
      "name": "canvas-idle",
      "durationMs": 2025.0199999999836,
      "styleRecalcs": 10,
      "styleRecalcDurationMs": 7.451999999999998,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 338.128,
      "heapDeltaBytes": 20107688,
      "heapUsedBytes": 62841448,
      "domNodes": 20,
      "jsHeapTotalBytes": 22282240,
      "scriptDurationMs": 16.176999999999996,
      "eventListeners": 6,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.670000000000073
    },
    {
      "name": "canvas-idle",
      "durationMs": 2032.8309999999874,
      "styleRecalcs": 11,
      "styleRecalcDurationMs": 8.875000000000002,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 345.89000000000004,
      "heapDeltaBytes": 20374820,
      "heapUsedBytes": 64192400,
      "domNodes": 22,
      "jsHeapTotalBytes": 22544384,
      "scriptDurationMs": 20.040000000000003,
      "eventListeners": 6,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66999999999998
    },
    {
      "name": "canvas-idle",
      "durationMs": 2013.6260000000448,
      "styleRecalcs": 10,
      "styleRecalcDurationMs": 8.158999999999999,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 339.76399999999995,
      "heapDeltaBytes": 20088600,
      "heapUsedBytes": 63034080,
      "domNodes": 20,
      "jsHeapTotalBytes": 23068672,
      "scriptDurationMs": 17.994000000000003,
      "eventListeners": 6,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.660000000000036
    },
    {
      "name": "canvas-mouse-sweep",
      "durationMs": 2082.188000000002,
      "styleRecalcs": 85,
      "styleRecalcDurationMs": 45.298,
      "layouts": 12,
      "layoutDurationMs": 4.1080000000000005,
      "taskDurationMs": 1017.6619999999998,
      "heapDeltaBytes": 16126244,
      "heapUsedBytes": 59033764,
      "domNodes": 67,
      "jsHeapTotalBytes": 22806528,
      "scriptDurationMs": 128.939,
      "eventListeners": 6,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.659999999999947
    },
    {
      "name": "canvas-mouse-sweep",
      "durationMs": 1980.6560000000104,
      "styleRecalcs": 81,
      "styleRecalcDurationMs": 38.576,
      "layouts": 12,
      "layoutDurationMs": 3.3300000000000005,
      "taskDurationMs": 904.2,
      "heapDeltaBytes": 15854600,
      "heapUsedBytes": 58402872,
      "domNodes": 65,
      "jsHeapTotalBytes": 23330816,
      "scriptDurationMs": 120.55600000000001,
      "eventListeners": 6,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.660000000000036
    },
    {
      "name": "canvas-mouse-sweep",
      "durationMs": 2025.7139999999936,
      "styleRecalcs": 84,
      "styleRecalcDurationMs": 41.232000000000006,
      "layouts": 12,
      "layoutDurationMs": 3.5159999999999996,
      "taskDurationMs": 922.3949999999999,
      "heapDeltaBytes": 16014136,
      "heapUsedBytes": 58751632,
      "domNodes": 68,
      "jsHeapTotalBytes": 23330816,
      "scriptDurationMs": 121.30499999999999,
      "eventListeners": 6,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.659999999999947
    },
    {
      "name": "canvas-zoom-sweep",
      "durationMs": 1740.8299999999883,
      "styleRecalcs": 31,
      "styleRecalcDurationMs": 16.316,
      "layouts": 6,
      "layoutDurationMs": 0.5990000000000001,
      "taskDurationMs": 303.392,
      "heapDeltaBytes": 15427028,
      "heapUsedBytes": 67041932,
      "domNodes": 79,
      "jsHeapTotalBytes": 23068672,
      "scriptDurationMs": 22.427000000000003,
      "eventListeners": 19,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.659999999999947
    },
    {
      "name": "canvas-zoom-sweep",
      "durationMs": 1734.97100000003,
      "styleRecalcs": 32,
      "styleRecalcDurationMs": 15.917,
      "layouts": 6,
      "layoutDurationMs": 0.588,
      "taskDurationMs": 284.792,
      "heapDeltaBytes": 24841576,
      "heapUsedBytes": 67314576,
      "domNodes": 79,
      "jsHeapTotalBytes": 20709376,
      "scriptDurationMs": 22.627000000000002,
      "eventListeners": 19,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.660000000000036
    },
    {
      "name": "canvas-zoom-sweep",
      "durationMs": 1750.8349999999382,
      "styleRecalcs": 32,
      "styleRecalcDurationMs": 17.284000000000002,
      "layouts": 6,
      "layoutDurationMs": 0.6559999999999999,
      "taskDurationMs": 305.815,
      "heapDeltaBytes": 15160992,
      "heapUsedBytes": 66540152,
      "domNodes": 80,
      "jsHeapTotalBytes": 23068672,
      "scriptDurationMs": 33.211999999999996,
      "eventListeners": 19,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.670000000000073
    },
    {
      "name": "dom-widget-clipping",
      "durationMs": 546.2129999999945,
      "styleRecalcs": 14,
      "styleRecalcDurationMs": 8.972000000000001,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 320.014,
      "heapDeltaBytes": 6727312,
      "heapUsedBytes": 49270232,
      "domNodes": 23,
      "jsHeapTotalBytes": 12582912,
      "scriptDurationMs": 61.425,
      "eventListeners": 2,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.670000000000027
    },
    {
      "name": "dom-widget-clipping",
      "durationMs": 571.2560000000053,
      "styleRecalcs": 14,
      "styleRecalcDurationMs": 15.780000000000003,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 353.442,
      "heapDeltaBytes": -2444608,
      "heapUsedBytes": 49334048,
      "domNodes": 22,
      "jsHeapTotalBytes": 15728640,
      "scriptDurationMs": 62.187000000000005,
      "eventListeners": 2,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66999999999998
    },
    {
      "name": "dom-widget-clipping",
      "durationMs": 570.6530000001067,
      "styleRecalcs": 12,
      "styleRecalcDurationMs": 14.193000000000001,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 344.709,
      "heapDeltaBytes": 6455916,
      "heapUsedBytes": 49249112,
      "domNodes": 19,
      "jsHeapTotalBytes": 13631488,
      "scriptDurationMs": 63.10199999999999,
      "eventListeners": 2,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.65999999999999
    },
    {
      "name": "large-graph-idle",
      "durationMs": 2022.6669999999842,
      "styleRecalcs": 11,
      "styleRecalcDurationMs": 9.018999999999998,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 520.809,
      "heapDeltaBytes": 19520312,
      "heapUsedBytes": 69933776,
      "domNodes": -257,
      "jsHeapTotalBytes": 15929344,
      "scriptDurationMs": 83.496,
      "eventListeners": -123,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.660000000000036
    },
    {
      "name": "large-graph-idle",
      "durationMs": 2024.9680000000012,
      "styleRecalcs": 10,
      "styleRecalcDurationMs": 7.976999999999998,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 517.5020000000001,
      "heapDeltaBytes": 752156,
      "heapUsedBytes": 51703876,
      "domNodes": -258,
      "jsHeapTotalBytes": 15667200,
      "scriptDurationMs": 87.069,
      "eventListeners": -125,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.659999999999947
    },
    {
      "name": "large-graph-idle",
      "durationMs": 2071.0800000000518,
      "styleRecalcs": 10,
      "styleRecalcDurationMs": 8.398,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 514.524,
      "heapDeltaBytes": 5441632,
      "heapUsedBytes": 56199544,
      "domNodes": -258,
      "jsHeapTotalBytes": 16715776,
      "scriptDurationMs": 85.375,
      "eventListeners": -125,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66999999999998
    },
    {
      "name": "large-graph-pan",
      "durationMs": 2153.1249999999886,
      "styleRecalcs": 70,
      "styleRecalcDurationMs": 17.47,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 1016.0149999999999,
      "heapDeltaBytes": 20694436,
      "heapUsedBytes": 72492636,
      "domNodes": -258,
      "jsHeapTotalBytes": 17182720,
      "scriptDurationMs": 366.221,
      "eventListeners": -125,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.670000000000073
    },
    {
      "name": "large-graph-pan",
      "durationMs": 2129.5969999999897,
      "styleRecalcs": 68,
      "styleRecalcDurationMs": 14.642999999999997,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 1057.7899999999997,
      "heapDeltaBytes": 20942096,
      "heapUsedBytes": 75308076,
      "domNodes": -263,
      "jsHeapTotalBytes": 18755584,
      "scriptDurationMs": 403.07,
      "eventListeners": -125,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.659999999999947
    },
    {
      "name": "large-graph-pan",
      "durationMs": 2145.6640000000107,
      "styleRecalcs": 68,
      "styleRecalcDurationMs": 15.697,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 1007.876,
      "heapDeltaBytes": -6831468,
      "heapUsedBytes": 47614492,
      "domNodes": -260,
      "jsHeapTotalBytes": 18345984,
      "scriptDurationMs": 356.49899999999997,
      "eventListeners": -125,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.680000000000017
    },
    {
      "name": "large-graph-zoom",
      "durationMs": 3135.0250000000133,
      "styleRecalcs": 66,
      "styleRecalcDurationMs": 16.739,
      "layouts": 60,
      "layoutDurationMs": 7.811999999999999,
      "taskDurationMs": 1240.38,
      "heapDeltaBytes": 6988568,
      "heapUsedBytes": 61433592,
      "domNodes": -263,
      "jsHeapTotalBytes": 17502208,
      "scriptDurationMs": 457.249,
      "eventListeners": -123,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66999999999998
    },
    {
      "name": "large-graph-zoom",
      "durationMs": 3148.126999999988,
      "styleRecalcs": 66,
      "styleRecalcDurationMs": 17.133,
      "layouts": 60,
      "layoutDurationMs": 7.769,
      "taskDurationMs": 1242.162,
      "heapDeltaBytes": 7389220,
      "heapUsedBytes": 61719432,
      "domNodes": -267,
      "jsHeapTotalBytes": 16977920,
      "scriptDurationMs": 466.669,
      "eventListeners": -123,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66999999999998
    },
    {
      "name": "large-graph-zoom",
      "durationMs": 3164.5750000000135,
      "styleRecalcs": 66,
      "styleRecalcDurationMs": 16.659999999999997,
      "layouts": 60,
      "layoutDurationMs": 7.972999999999999,
      "taskDurationMs": 1295.325,
      "heapDeltaBytes": 7720016,
      "heapUsedBytes": 62406484,
      "domNodes": -264,
      "jsHeapTotalBytes": 16715776,
      "scriptDurationMs": 485.563,
      "eventListeners": -123,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66999999999998
    },
    {
      "name": "minimap-idle",
      "durationMs": 2043.2670000000144,
      "styleRecalcs": 10,
      "styleRecalcDurationMs": 8.131,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 529.072,
      "heapDeltaBytes": 4276332,
      "heapUsedBytes": 56848836,
      "domNodes": -259,
      "jsHeapTotalBytes": 15929344,
      "scriptDurationMs": 91.663,
      "eventListeners": -125,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.659999999999947
    },
    {
      "name": "minimap-idle",
      "durationMs": 2036.545999999987,
      "styleRecalcs": 10,
      "styleRecalcDurationMs": 8.000999999999998,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 519.1949999999999,
      "heapDeltaBytes": 4791112,
      "heapUsedBytes": 56734852,
      "domNodes": -258,
      "jsHeapTotalBytes": 15405056,
      "scriptDurationMs": 85.045,
      "eventListeners": -125,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.659999999999947
    },
    {
      "name": "minimap-idle",
      "durationMs": 2055.588999999941,
      "styleRecalcs": 10,
      "styleRecalcDurationMs": 8.424000000000001,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 518.5979999999998,
      "heapDeltaBytes": 4821240,
      "heapUsedBytes": 57136224,
      "domNodes": -258,
      "jsHeapTotalBytes": 16191488,
      "scriptDurationMs": 86.76100000000001,
      "eventListeners": -125,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66999999999998
    },
    {
      "name": "subgraph-dom-widget-clipping",
      "durationMs": 561.6420000000062,
      "styleRecalcs": 48,
      "styleRecalcDurationMs": 11.532,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 343.25600000000003,
      "heapDeltaBytes": 6532340,
      "heapUsedBytes": 49547136,
      "domNodes": 23,
      "jsHeapTotalBytes": 13369344,
      "scriptDurationMs": 118.798,
      "eventListeners": 12,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.65999999999999
    },
    {
      "name": "subgraph-dom-widget-clipping",
      "durationMs": 545.8269999999743,
      "styleRecalcs": 49,
      "styleRecalcDurationMs": 11.846999999999998,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 339.63,
      "heapDeltaBytes": 6539476,
      "heapUsedBytes": 49494028,
      "domNodes": 23,
      "jsHeapTotalBytes": 13631488,
      "scriptDurationMs": 119.82300000000001,
      "eventListeners": 8,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.660000000000036
    },
    {
      "name": "subgraph-dom-widget-clipping",
      "durationMs": 546.1119999999937,
      "styleRecalcs": 48,
      "styleRecalcDurationMs": 11.351999999999999,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 353.134,
      "heapDeltaBytes": 6561688,
      "heapUsedBytes": 49617996,
      "domNodes": 22,
      "jsHeapTotalBytes": 13107200,
      "scriptDurationMs": 129.799,
      "eventListeners": 8,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66999999999998
    },
    {
      "name": "subgraph-idle",
      "durationMs": 1990.54000000001,
      "styleRecalcs": 10,
      "styleRecalcDurationMs": 7.835999999999999,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 334.82500000000005,
      "heapDeltaBytes": 20471812,
      "heapUsedBytes": 63595788,
      "domNodes": 19,
      "jsHeapTotalBytes": 22544384,
      "scriptDurationMs": 16.343,
      "eventListeners": 6,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.660000000000036
    },
    {
      "name": "subgraph-idle",
      "durationMs": 2017.530000000022,
      "styleRecalcs": 10,
      "styleRecalcDurationMs": 8.053999999999998,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 325.71500000000003,
      "heapDeltaBytes": 19884612,
      "heapUsedBytes": 62911348,
      "domNodes": 20,
      "jsHeapTotalBytes": 23068672,
      "scriptDurationMs": 16.827,
      "eventListeners": 6,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66999999999998
    },
    {
      "name": "subgraph-idle",
      "durationMs": 2003.8809999999785,
      "styleRecalcs": 11,
      "styleRecalcDurationMs": 9.283999999999999,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 340.28099999999995,
      "heapDeltaBytes": 19898280,
      "heapUsedBytes": 62913760,
      "domNodes": 22,
      "jsHeapTotalBytes": 22806528,
      "scriptDurationMs": 16.906,
      "eventListeners": 6,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.660000000000036
    },
    {
      "name": "subgraph-mouse-sweep",
      "durationMs": 1959.255000000013,
      "styleRecalcs": 84,
      "styleRecalcDurationMs": 41.338,
      "layouts": 16,
      "layoutDurationMs": 4.612000000000001,
      "taskDurationMs": 840.684,
      "heapDeltaBytes": 11818564,
      "heapUsedBytes": 54850024,
      "domNodes": 73,
      "jsHeapTotalBytes": 23068672,
      "scriptDurationMs": 91.348,
      "eventListeners": 6,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.659999999999947
    },
    {
      "name": "subgraph-mouse-sweep",
      "durationMs": 1979.364999999973,
      "styleRecalcs": 85,
      "styleRecalcDurationMs": 48.353,
      "layouts": 16,
      "layoutDurationMs": 4.537,
      "taskDurationMs": 863.401,
      "heapDeltaBytes": 11907980,
      "heapUsedBytes": 54889108,
      "domNodes": 75,
      "jsHeapTotalBytes": 22806528,
      "scriptDurationMs": 93.65200000000002,
      "eventListeners": 6,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66999999999998
    },
    {
      "name": "subgraph-mouse-sweep",
      "durationMs": 1965.9859999999298,
      "styleRecalcs": 84,
      "styleRecalcDurationMs": 42.914,
      "layouts": 16,
      "layoutDurationMs": 4.843,
      "taskDurationMs": 858.3620000000001,
      "heapDeltaBytes": 11938460,
      "heapUsedBytes": 54993596,
      "domNodes": 74,
      "jsHeapTotalBytes": 22806528,
      "scriptDurationMs": 96.076,
      "eventListeners": 10,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.660000000000036
    },
    {
      "name": "vue-large-graph-idle",
      "durationMs": 12453.849000000047,
      "styleRecalcs": 0,
      "styleRecalcDurationMs": 0,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 12443.893000000002,
      "heapDeltaBytes": -34865916,
      "heapUsedBytes": 165800424,
      "domNodes": -8331,
      "jsHeapTotalBytes": 27615232,
      "scriptDurationMs": 556.942,
      "eventListeners": -16466,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 18.329999999999927
    },
    {
      "name": "vue-large-graph-idle",
      "durationMs": 12350.799999999992,
      "styleRecalcs": 0,
      "styleRecalcDurationMs": 0,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 12338.041999999998,
      "heapDeltaBytes": -35763508,
      "heapUsedBytes": 165814536,
      "domNodes": -8331,
      "jsHeapTotalBytes": 26304512,
      "scriptDurationMs": 613.685,
      "eventListeners": -16464,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 18.329999999999927
    },
    {
      "name": "vue-large-graph-idle",
      "durationMs": 12226.107999999953,
      "styleRecalcs": 0,
      "styleRecalcDurationMs": 0,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 12216.170000000002,
      "heapDeltaBytes": -41739232,
      "heapUsedBytes": 166051320,
      "domNodes": -8331,
      "jsHeapTotalBytes": 31023104,
      "scriptDurationMs": 580.271,
      "eventListeners": -16470,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 18.329999999999927
    },
    {
      "name": "vue-large-graph-pan",
      "durationMs": 14669.37200000001,
      "styleRecalcs": 65,
      "styleRecalcDurationMs": 14.14500000000002,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 14649.755000000003,
      "heapDeltaBytes": -7745500,
      "heapUsedBytes": 186617812,
      "domNodes": -8331,
      "jsHeapTotalBytes": 24121344,
      "scriptDurationMs": 885.968,
      "eventListeners": -16458,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 18.33000000000029
    },
    {
      "name": "vue-large-graph-pan",
      "durationMs": 14626.277000000016,
      "styleRecalcs": 68,
      "styleRecalcDurationMs": 14.394000000000018,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 14605.628,
      "heapDeltaBytes": -46938340,
      "heapUsedBytes": 147888924,
      "domNodes": -8331,
      "jsHeapTotalBytes": -696320,
      "scriptDurationMs": 825.8820000000001,
      "eventListeners": -16488,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 18.329999999999927
    },
    {
      "name": "vue-large-graph-pan",
      "durationMs": 14537.337999999978,
      "styleRecalcs": 65,
      "styleRecalcDurationMs": 13.950000000000017,
      "layouts": 0,
      "layoutDurationMs": 0,
      "taskDurationMs": 14516.242999999999,
      "heapDeltaBytes": -8432572,
      "heapUsedBytes": 185687032,
      "domNodes": -8333,
      "jsHeapTotalBytes": 25169920,
      "scriptDurationMs": 786.393,
      "eventListeners": -16460,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 20
    },
    {
      "name": "workflow-execution",
      "durationMs": 456.2179999999785,
      "styleRecalcs": 19,
      "styleRecalcDurationMs": 26.461,
      "layouts": 6,
      "layoutDurationMs": 1.7399999999999998,
      "taskDurationMs": 129.835,
      "heapDeltaBytes": 4765744,
      "heapUsedBytes": 49411528,
      "domNodes": 167,
      "jsHeapTotalBytes": 786432,
      "scriptDurationMs": 30.729,
      "eventListeners": 71,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.66999999999998
    },
    {
      "name": "workflow-execution",
      "durationMs": 448.8609999999653,
      "styleRecalcs": 16,
      "styleRecalcDurationMs": 22.787999999999997,
      "layouts": 5,
      "layoutDurationMs": 1.3940000000000001,
      "taskDurationMs": 116.79699999999998,
      "heapDeltaBytes": 4493204,
      "heapUsedBytes": 48692164,
      "domNodes": 156,
      "jsHeapTotalBytes": 0,
      "scriptDurationMs": 27.972000000000005,
      "eventListeners": 71,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.660000000000036
    },
    {
      "name": "workflow-execution",
      "durationMs": 436.03200000006836,
      "styleRecalcs": 20,
      "styleRecalcDurationMs": 26.287000000000003,
      "layouts": 6,
      "layoutDurationMs": 1.691,
      "taskDurationMs": 122.96499999999999,
      "heapDeltaBytes": 4523064,
      "heapUsedBytes": 48826508,
      "domNodes": 158,
      "jsHeapTotalBytes": 0,
      "scriptDurationMs": 27.153000000000002,
      "eventListeners": 71,
      "totalBlockingTimeMs": 0,
      "frameDurationMs": 16.65999999999999
    }
  ]
}

pythongosssss added 9 commits March 28, 2026 07:10

fix save as not using correct extension or persisting mode on change

4ef2ce9

fix test

84a5c8a

guard graph extra

fe525fb

refactor to component specific fixtures

58c6b68

refactor save tests to remove getByX and use fixtures

a495308

add save as tests

66675dc

further simplify/share between tests

improve

566ad19

rabbit + fix

9e4e1d8

Ensure all save/save as buttons are the same width

d650972

pythongosssss force-pushed the pysssss/appmode/test-saveas-and-refactor branch from 9e4e1d8 to 7f06073 Compare March 28, 2026 19:15

Base automatically changed from pysssss/appmode/test-saveas-and-refactor to main March 28, 2026 22:02

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

fix: Ensure all save/save as buttons are the same width#10681

fix: Ensure all save/save as buttons are the same width#10681
pythongosssss wants to merge 9 commits intomainfrom
pysssss/appmode/fix-save-width

pythongosssss commented Mar 28, 2026 •

edited by sync-by-unito bot

Loading

Uh oh!

coderabbitai bot commented Mar 28, 2026

Review skipped

Uh oh!

github-actions bot commented Mar 28, 2026 •

edited

Loading

Uh oh!

github-actions bot commented Mar 28, 2026 •

edited

Loading

Uh oh!

github-actions bot commented Mar 28, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Conversation

pythongosssss commented Mar 28, 2026 • edited by sync-by-unito bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Changes

Uh oh!

coderabbitai bot commented Mar 28, 2026

Review skipped

Uh oh!

github-actions bot commented Mar 28, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🎨 Storybook: ✅ Built — View Storybook

Uh oh!

github-actions bot commented Mar 28, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🎭 Playwright: ✅ 742 passed, 0 failed · 6 flaky

Uh oh!

github-actions bot commented Mar 28, 2026

📦 Bundle Size

⚡ Performance Report

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

pythongosssss commented Mar 28, 2026 •

edited by sync-by-unito bot

Loading

github-actions bot commented Mar 28, 2026 •

edited

Loading

github-actions bot commented Mar 28, 2026 •

edited

Loading