[backport cloud/1.45] Support opus format in assets panel#12984
[backport cloud/1.45] Support opus format in assets panel#12984AustinMroz wants to merge 1 commit into
Conversation
| Before | After | | ------ | ----- | | <img width="360" alt="before" src="https://github.com/user-attachments/assets/aa6ff824-ee90-49db-a059-0da408ba10bf" /> | <img width="360" alt="after" src="https://github.com/user-attachments/assets/98717dfd-4fee-474a-bd5c-03e7b7e23a05" />|
|
Important Review skippedIgnore keyword(s) in the title. ⛔ Ignored keywords (2)
Please check the settings in the CodeRabbit UI or the ⚙️ Run configurationConfiguration used: Path: .coderabbit.yaml Review profile: CHILL Plan: Pro Plus Run ID: You can disable this status message by setting the Use the checkbox below for a quick retry:
✨ Finishing Touches🧪 Generate unit tests (beta)
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. Comment |
🌐 Website E2ETip All tests passed.
|
Codecov Report✅ All modified and coverable lines are covered by tests. @@ Coverage Diff @@
## cloud/1.45 #12984 +/- ##
=============================================
Coverage ? 60.82%
=============================================
Files ? 1428
Lines ? 73216
Branches ? 19416
=============================================
Hits ? 44531
Misses ? 28215
Partials ? 470
Flags with carried forward coverage won't be shown. Click here to find out more.
🚀 New features to boost your workflow:
|
📦 Bundle Size
⚡ Performance Report
Absolute values
Raw data{
"timestamp": "2026-06-19T02:28:37.999Z",
"gitSha": "4e53b94ee938b84851eaeb18cca4aeef1628bf31",
"branch": "backport-12956-cloud-1-45",
"measurements": [
{
"name": "canvas-idle",
"durationMs": 2014.4280000000094,
"styleRecalcs": 10,
"styleRecalcDurationMs": 8.757000000000001,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 361.24,
"heapDeltaBytes": -2924536,
"heapUsedBytes": 55539572,
"domNodes": 20,
"jsHeapTotalBytes": 24117248,
"scriptDurationMs": 16.41,
"eventListeners": 4,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "canvas-idle",
"durationMs": 2089.9709999999914,
"styleRecalcs": 10,
"styleRecalcDurationMs": 8.484,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 431.29999999999995,
"heapDeltaBytes": 35344996,
"heapUsedBytes": 88604316,
"domNodes": -289,
"jsHeapTotalBytes": 34541568,
"scriptDurationMs": 18.636999999999997,
"eventListeners": -182,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "canvas-mouse-sweep",
"durationMs": 2016.4540000000102,
"styleRecalcs": 79,
"styleRecalcDurationMs": 48.00899999999999,
"layouts": 12,
"layoutDurationMs": 6.966,
"taskDurationMs": 1021.6970000000001,
"heapDeltaBytes": 9893712,
"heapUsedBytes": 78203276,
"domNodes": -242,
"jsHeapTotalBytes": 35328000,
"scriptDurationMs": 136.25699999999998,
"eventListeners": -194,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "canvas-mouse-sweep",
"durationMs": 1858.624999999961,
"styleRecalcs": 75,
"styleRecalcDurationMs": 44.114,
"layouts": 12,
"layoutDurationMs": 5.691,
"taskDurationMs": 875.837,
"heapDeltaBytes": 9976048,
"heapUsedBytes": 78289776,
"domNodes": -243,
"jsHeapTotalBytes": 35852288,
"scriptDurationMs": 122.894,
"eventListeners": -187,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333332,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "canvas-zoom-sweep",
"durationMs": 1754.0720000000647,
"styleRecalcs": 32,
"styleRecalcDurationMs": 20.266,
"layouts": 6,
"layoutDurationMs": 0.649,
"taskDurationMs": 396.20300000000003,
"heapDeltaBytes": 5752664,
"heapUsedBytes": 73682788,
"domNodes": -227,
"jsHeapTotalBytes": 17502208,
"scriptDurationMs": 26.434,
"eventListeners": -169,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66999999999998,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "canvas-zoom-sweep",
"durationMs": 1741.1690000000135,
"styleRecalcs": 30,
"styleRecalcDurationMs": 19.971000000000004,
"layouts": 6,
"layoutDurationMs": 0.5350000000000001,
"taskDurationMs": 364.124,
"heapDeltaBytes": -3748396,
"heapUsedBytes": 64559376,
"domNodes": -223,
"jsHeapTotalBytes": 11997184,
"scriptDurationMs": 23.372,
"eventListeners": -154,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "dom-widget-clipping",
"durationMs": 570.8979999999997,
"styleRecalcs": 10,
"styleRecalcDurationMs": 6.463,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 348.43,
"heapDeltaBytes": -1866392,
"heapUsedBytes": 50309980,
"domNodes": -272,
"jsHeapTotalBytes": -1372160,
"scriptDurationMs": 49.836000000000006,
"eventListeners": -173,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666682,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "dom-widget-clipping",
"durationMs": 566.4049999999179,
"styleRecalcs": 11,
"styleRecalcDurationMs": 6.9609999999999985,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 351.36899999999997,
"heapDeltaBytes": -2595476,
"heapUsedBytes": 49921124,
"domNodes": -269,
"jsHeapTotalBytes": -1110016,
"scriptDurationMs": 51.752,
"eventListeners": -172,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.663333333333338,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "large-graph-idle",
"durationMs": 2040.95099999995,
"styleRecalcs": 9,
"styleRecalcDurationMs": 8.878,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 565.4639999999999,
"heapDeltaBytes": -3172376,
"heapUsedBytes": 57606124,
"domNodes": -269,
"jsHeapTotalBytes": -1507328,
"scriptDurationMs": 93.866,
"eventListeners": -162,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333332,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "large-graph-idle",
"durationMs": 2044.8750000000473,
"styleRecalcs": 10,
"styleRecalcDurationMs": 8.342000000000002,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 595.6650000000001,
"heapDeltaBytes": 49148396,
"heapUsedBytes": 115008940,
"domNodes": -281,
"jsHeapTotalBytes": 30793728,
"scriptDurationMs": 95.647,
"eventListeners": -178,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.799999999999272
},
{
"name": "large-graph-pan",
"durationMs": 2080.7020000000875,
"styleRecalcs": 69,
"styleRecalcDurationMs": 17.997000000000003,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 1030.174,
"heapDeltaBytes": 7480488,
"heapUsedBytes": 79086864,
"domNodes": 16,
"jsHeapTotalBytes": 13426688,
"scriptDurationMs": 362.57800000000003,
"eventListeners": 4,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "large-graph-pan",
"durationMs": 2090.45900000001,
"styleRecalcs": 71,
"styleRecalcDurationMs": 20.014,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 1094.784,
"heapDeltaBytes": 8531000,
"heapUsedBytes": 79944456,
"domNodes": 22,
"jsHeapTotalBytes": 13950976,
"scriptDurationMs": 383.028,
"eventListeners": 6,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333332,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "large-graph-zoom",
"durationMs": 3077.2779999999784,
"styleRecalcs": 67,
"styleRecalcDurationMs": 19.33,
"layouts": 60,
"layoutDurationMs": 7.577,
"taskDurationMs": 1256.083,
"heapDeltaBytes": -7679600,
"heapUsedBytes": 65092580,
"domNodes": 18,
"jsHeapTotalBytes": 11415552,
"scriptDurationMs": 448.558,
"eventListeners": 8,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.670000000000012,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "large-graph-zoom",
"durationMs": 3064.915000000042,
"styleRecalcs": 66,
"styleRecalcDurationMs": 19.182000000000006,
"layouts": 60,
"layoutDurationMs": 7.735999999999999,
"taskDurationMs": 1244.519,
"heapDeltaBytes": -5525512,
"heapUsedBytes": 67541680,
"domNodes": 16,
"jsHeapTotalBytes": 12201984,
"scriptDurationMs": 439.04,
"eventListeners": 8,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333332,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "minimap-idle",
"durationMs": 2007.1669999999813,
"styleRecalcs": 6,
"styleRecalcDurationMs": 4.9750000000000005,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 523.792,
"heapDeltaBytes": 61827136,
"heapUsedBytes": 116419752,
"domNodes": -268,
"jsHeapTotalBytes": 33030144,
"scriptDurationMs": 80.832,
"eventListeners": -190,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66999999999998,
"p95FrameDurationMs": 16.699999999999818
},
{
"name": "minimap-idle",
"durationMs": 2051.93399999996,
"styleRecalcs": 7,
"styleRecalcDurationMs": 6.3309999999999995,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 589.152,
"heapDeltaBytes": 30426028,
"heapUsedBytes": 114975608,
"domNodes": -275,
"jsHeapTotalBytes": 38662144,
"scriptDurationMs": 90.31399999999998,
"eventListeners": -176,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "subgraph-dom-widget-clipping",
"durationMs": 555.1490000000285,
"styleRecalcs": 48,
"styleRecalcDurationMs": 10.409000000000002,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 341.75999999999993,
"heapDeltaBytes": 7682184,
"heapUsedBytes": 66215620,
"domNodes": 22,
"jsHeapTotalBytes": 17301504,
"scriptDurationMs": 110.149,
"eventListeners": 6,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "subgraph-dom-widget-clipping",
"durationMs": 609.5520000000079,
"styleRecalcs": 45,
"styleRecalcDurationMs": 10.959,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 407.90099999999995,
"heapDeltaBytes": 4806752,
"heapUsedBytes": 58219160,
"domNodes": -271,
"jsHeapTotalBytes": -2420736,
"scriptDurationMs": 121.56,
"eventListeners": -175,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333335,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "subgraph-idle",
"durationMs": 1990.2149999999779,
"styleRecalcs": 11,
"styleRecalcDurationMs": 8.696,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 352.12399999999997,
"heapDeltaBytes": -136392,
"heapUsedBytes": 55595872,
"domNodes": 22,
"jsHeapTotalBytes": 18612224,
"scriptDurationMs": 18.097,
"eventListeners": 4,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "subgraph-idle",
"durationMs": 2043.3340000000726,
"styleRecalcs": 11,
"styleRecalcDurationMs": 12.564999999999998,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 412.66100000000006,
"heapDeltaBytes": -8248552,
"heapUsedBytes": 60131016,
"domNodes": -277,
"jsHeapTotalBytes": 18812928,
"scriptDurationMs": 18.373,
"eventListeners": -176,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.699999999999818
},
{
"name": "subgraph-mouse-sweep",
"durationMs": 1736.409999999978,
"styleRecalcs": 76,
"styleRecalcDurationMs": 36.373000000000005,
"layouts": 16,
"layoutDurationMs": 4.345,
"taskDurationMs": 697.233,
"heapDeltaBytes": 2536344,
"heapUsedBytes": 55565864,
"domNodes": -224,
"jsHeapTotalBytes": 15142912,
"scriptDurationMs": 83.99300000000001,
"eventListeners": -168,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333335,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "subgraph-mouse-sweep",
"durationMs": 1767.3750000000155,
"styleRecalcs": 74,
"styleRecalcDurationMs": 40.409,
"layouts": 16,
"layoutDurationMs": 4.848,
"taskDurationMs": 773.5840000000001,
"heapDeltaBytes": 2793420,
"heapUsedBytes": 54907512,
"domNodes": -228,
"jsHeapTotalBytes": 15142912,
"scriptDurationMs": 85.34299999999999,
"eventListeners": -173,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66999999999998,
"p95FrameDurationMs": 16.699999999999818
},
{
"name": "subgraph-transition-enter",
"durationMs": 899.1890000000922,
"styleRecalcs": 17,
"styleRecalcDurationMs": 24.497000000000003,
"layouts": 5,
"layoutDurationMs": 11.525999999999998,
"taskDurationMs": 691.1,
"heapDeltaBytes": 4236268,
"heapUsedBytes": 78980732,
"domNodes": 13513,
"jsHeapTotalBytes": 17825792,
"scriptDurationMs": 25.26300000000001,
"eventListeners": 2527,
"totalBlockingTimeMs": 138,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "viewport-pan-sweep",
"durationMs": 8153.200999999967,
"styleRecalcs": 250,
"styleRecalcDurationMs": 51.841,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 3676.9779999999996,
"heapDeltaBytes": 3202004,
"heapUsedBytes": 70620044,
"domNodes": -289,
"jsHeapTotalBytes": 65536,
"scriptDurationMs": 1201.441,
"eventListeners": -148,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333338,
"p95FrameDurationMs": 16.799999999999272
},
{
"name": "viewport-pan-sweep",
"durationMs": 8332.778999999959,
"styleRecalcs": 251,
"styleRecalcDurationMs": 52.822,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 4101.285000000001,
"heapDeltaBytes": 65125636,
"heapUsedBytes": 146381536,
"domNodes": -309,
"jsHeapTotalBytes": 75042816,
"scriptDurationMs": 1230.662,
"eventListeners": -185,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "vue-large-graph-idle",
"durationMs": 10717.16099999992,
"styleRecalcs": 0,
"styleRecalcDurationMs": 0,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 10704.740000000002,
"heapDeltaBytes": -29215620,
"heapUsedBytes": 168341156,
"domNodes": -3306,
"jsHeapTotalBytes": 18874368,
"scriptDurationMs": 573.882,
"eventListeners": -16472,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.66333333333326,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "vue-large-graph-idle",
"durationMs": 10397.512000000006,
"styleRecalcs": 0,
"styleRecalcDurationMs": 0,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 10383.513,
"heapDeltaBytes": -18474944,
"heapUsedBytes": 170523948,
"domNodes": -3306,
"jsHeapTotalBytes": 21467136,
"scriptDurationMs": 514.597,
"eventListeners": -16476,
"totalBlockingTimeMs": 0,
"frameDurationMs": 17.223333333333358,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "vue-large-graph-pan",
"durationMs": 15065.22300000006,
"styleRecalcs": 71,
"styleRecalcDurationMs": 18.867000000000022,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 15045.278000000002,
"heapDeltaBytes": 144706088,
"heapUsedBytes": 400793264,
"domNodes": -3304,
"jsHeapTotalBytes": 161480704,
"scriptDurationMs": 938.2089999999998,
"eventListeners": -16468,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.700000000000728
},
{
"name": "vue-large-graph-pan",
"durationMs": 15050.90599999994,
"styleRecalcs": 72,
"styleRecalcDurationMs": 18.763,
"layouts": 0,
"layoutDurationMs": 0,
"taskDurationMs": 15032.453,
"heapDeltaBytes": 128366100,
"heapUsedBytes": 365085124,
"domNodes": -3304,
"jsHeapTotalBytes": 129994752,
"scriptDurationMs": 859.306,
"eventListeners": -16474,
"totalBlockingTimeMs": 0,
"frameDurationMs": 17.223333333333358,
"p95FrameDurationMs": 16.799999999999272
},
{
"name": "workflow-execution",
"durationMs": 485.8280000000832,
"styleRecalcs": 19,
"styleRecalcDurationMs": 28.663,
"layouts": 6,
"layoutDurationMs": 1.605,
"taskDurationMs": 234.12300000000002,
"heapDeltaBytes": -21702004,
"heapUsedBytes": 48102904,
"domNodes": -187,
"jsHeapTotalBytes": 5443584,
"scriptDurationMs": 23.502,
"eventListeners": -127,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.670000000000012,
"p95FrameDurationMs": 16.800000000000182
},
{
"name": "workflow-execution",
"durationMs": 479.6010000000024,
"styleRecalcs": 20,
"styleRecalcDurationMs": 26.346999999999998,
"layouts": 6,
"layoutDurationMs": 1.6059999999999999,
"taskDurationMs": 221.694,
"heapDeltaBytes": -21648156,
"heapUsedBytes": 47810088,
"domNodes": -176,
"jsHeapTotalBytes": 4657152,
"scriptDurationMs": 20.729,
"eventListeners": -94,
"totalBlockingTimeMs": 0,
"frameDurationMs": 16.666666666666668,
"p95FrameDurationMs": 16.700000000000273
}
]
} |
Manual backport of #12956 to
cloud/1.45Auto backport failed since
stlhad been added as a 3d type on main.