diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 6194279ea..cf0546250 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -15,18 +15,19 @@
                 "@connectrpc/connect": "^1.1.2",
                 "@connectrpc/connect-web": "^1.1.2",
                 "@heroicons/react": "^1.0.6",
-                "@monaco-editor/react": "^4.6",
+                "@monaco-editor/react": "^4.6.0",
                 "@playwright/test": "^1.44.1",
                 "@primer/octicons-react": "^17",
                 "@redpanda-data/ui": "^3.53.1",
                 "array-move": "^4",
+                "autoprefixer": "^10.4.20",
                 "framer-motion": "^7",
                 "js-base64": "^3.7.5",
                 "mobx": "^6.10",
                 "mobx-react": "^7.6",
                 "moment": "^2.29.4",
-                "monaco-editor": "^0.48",
-                "monaco-yaml": "^5.1.1",
+                "monaco-editor": "^0.50.0",
+                "monaco-yaml": "^5.2.2",
                 "pretty-bytes": "^5.6.0",
                 "pretty-ms": "^7.0.1",
                 "react": "^18.2.0",
@@ -7041,9 +7042,9 @@
             }
         },
         "node_modules/autoprefixer": {
-            "version": "10.4.16",
-            "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.16.tgz",
-            "integrity": "sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==",
+            "version": "10.4.20",
+            "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz",
+            "integrity": "sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==",
             "funding": [
                 {
                     "type": "opencollective",
@@ -7059,11 +7060,11 @@
                 }
             ],
             "dependencies": {
-                "browserslist": "^4.21.10",
-                "caniuse-lite": "^1.0.30001538",
-                "fraction.js": "^4.3.6",
+                "browserslist": "^4.23.3",
+                "caniuse-lite": "^1.0.30001646",
+                "fraction.js": "^4.3.7",
                 "normalize-range": "^0.1.2",
-                "picocolors": "^1.0.0",
+                "picocolors": "^1.0.1",
                 "postcss-value-parser": "^4.2.0"
             },
             "bin": {
@@ -7466,9 +7467,9 @@
             "integrity": "sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow=="
         },
         "node_modules/browserslist": {
-            "version": "4.22.1",
-            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz",
-            "integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==",
+            "version": "4.23.3",
+            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.3.tgz",
+            "integrity": "sha512-btwCFJVjI4YWDNfau8RhZ+B1Q/VLoUITrm3RlP6y1tYGWIOa+InuYiRGXUBXo8nA1qKmHMyLB/iVQg5TT4eFoA==",
             "funding": [
                 {
                     "type": "opencollective",
@@ -7484,10 +7485,10 @@
                 }
             ],
             "dependencies": {
-                "caniuse-lite": "^1.0.30001541",
-                "electron-to-chromium": "^1.4.535",
-                "node-releases": "^2.0.13",
-                "update-browserslist-db": "^1.0.13"
+                "caniuse-lite": "^1.0.30001646",
+                "electron-to-chromium": "^1.5.4",
+                "node-releases": "^2.0.18",
+                "update-browserslist-db": "^1.1.0"
             },
             "bin": {
                 "browserslist": "cli.js"
@@ -7610,9 +7611,9 @@
             }
         },
         "node_modules/caniuse-lite": {
-            "version": "1.0.30001551",
-            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001551.tgz",
-            "integrity": "sha512-vtBAez47BoGMMzlbYhfXrMV1kvRF2WP/lqiMuDu1Sb4EE4LKEgjopFDSRtZfdVnslNRpOqV/woE+Xgrwj6VQlg==",
+            "version": "1.0.30001651",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001651.tgz",
+            "integrity": "sha512-9Cf+Xv1jJNe1xPZLGuUXLNkE1BoDkqRqYyFJ9TDYSqhduqA4hu4oR9HluGoWYQC/aj8WHjsGVV+bwkh0+tegRg==",
             "funding": [
                 {
                     "type": "opencollective",
@@ -9089,9 +9090,9 @@
             }
         },
         "node_modules/electron-to-chromium": {
-            "version": "1.4.559",
-            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.559.tgz",
-            "integrity": "sha512-iS7KhLYCSJbdo3rUSkhDTVuFNCV34RKs2UaB9Ecr7VlqzjjWW//0nfsFF5dtDmyXlZQaDYYtID5fjtC/6lpRug=="
+            "version": "1.5.12",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.12.tgz",
+            "integrity": "sha512-tIhPkdlEoCL1Y+PToq3zRNehUaKp3wBX/sr7aclAWdIWjvqAe/Im/H0SiCM4c1Q8BLPHCdoJTol+ZblflydehA=="
         },
         "node_modules/emittery": {
             "version": "0.10.2",
@@ -9318,9 +9319,9 @@
             }
         },
         "node_modules/escalade": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-            "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz",
+            "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==",
             "engines": {
                 "node": ">=6"
             }
@@ -15631,14 +15632,14 @@
             }
         },
         "node_modules/monaco-editor": {
-            "version": "0.48.0",
-            "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.48.0.tgz",
-            "integrity": "sha512-goSDElNqFfw7iDHMg8WDATkfcyeLTNpBHQpO8incK6p5qZt5G/1j41X0xdGzpIkGojGXM+QiRQyLjnfDVvrpwA=="
+            "version": "0.50.0",
+            "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.50.0.tgz",
+            "integrity": "sha512-8CclLCmrRRh+sul7C08BmPBP3P8wVWfBHomsTcndxg5NRCEPfu/mc2AGU8k37ajjDVXcXFc12ORAMUkmk+lkFA=="
         },
         "node_modules/monaco-languageserver-types": {
-            "version": "0.3.3",
-            "resolved": "https://registry.npmjs.org/monaco-languageserver-types/-/monaco-languageserver-types-0.3.3.tgz",
-            "integrity": "sha512-4uJ6XaVwVamOQ1SXfBGusAqL4fTn7ZJzaybEinr2U5ZX7AKSjsbXWlu0X3Ah+hyefn+85+Ca7GZwbI87g55C8Q==",
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/monaco-languageserver-types/-/monaco-languageserver-types-0.4.0.tgz",
+            "integrity": "sha512-QQ3BZiU5LYkJElGncSNb5AKoJ/LCs6YBMCJMAz9EA7v+JaOdn3kx2cXpPTcZfKA5AEsR0vc97sAw+5mdNhVBmw==",
             "dependencies": {
                 "monaco-types": "^0.1.0",
                 "vscode-languageserver-protocol": "^3.0.0",
@@ -15676,13 +15677,12 @@
             }
         },
         "node_modules/monaco-yaml": {
-            "version": "5.1.1",
-            "resolved": "https://registry.npmjs.org/monaco-yaml/-/monaco-yaml-5.1.1.tgz",
-            "integrity": "sha512-BuZ0/ZCGjrPNRzYMZ/MoxH8F/SdM+mATENXnpOhDYABi1Eh+QvxSszEct+ACSCarZiwLvy7m6yEF/pvW8XJkyQ==",
+            "version": "5.2.2",
+            "resolved": "https://registry.npmjs.org/monaco-yaml/-/monaco-yaml-5.2.2.tgz",
+            "integrity": "sha512-NWO/UhtJATlIsqwWPzK7YfbcIvPo3riFGsUkaGxNJoGiNPOvHD8vZ83ecqMQGkHPOpgHtSbe94uokE1AJvpbyQ==",
             "dependencies": {
-                "@types/json-schema": "^7.0.0",
                 "jsonc-parser": "^3.0.0",
-                "monaco-languageserver-types": "^0.3.0",
+                "monaco-languageserver-types": "^0.4.0",
                 "monaco-marker-data-provider": "^1.0.0",
                 "monaco-types": "^0.1.0",
                 "monaco-worker-manager": "^2.0.0",
@@ -15854,9 +15854,9 @@
             "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw=="
         },
         "node_modules/node-releases": {
-            "version": "2.0.13",
-            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
-            "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ=="
+            "version": "2.0.18",
+            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz",
+            "integrity": "sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g=="
         },
         "node_modules/normalize-path": {
             "version": "3.0.0",
@@ -16342,9 +16342,9 @@
             "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow=="
         },
         "node_modules/picocolors": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-            "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
+            "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew=="
         },
         "node_modules/picomatch": {
             "version": "2.3.1",
@@ -22405,9 +22405,9 @@
             }
         },
         "node_modules/update-browserslist-db": {
-            "version": "1.0.13",
-            "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
-            "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz",
+            "integrity": "sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==",
             "funding": [
                 {
                     "type": "opencollective",
@@ -22423,8 +22423,8 @@
                 }
             ],
             "dependencies": {
-                "escalade": "^3.1.1",
-                "picocolors": "^1.0.0"
+                "escalade": "^3.1.2",
+                "picocolors": "^1.0.1"
             },
             "bin": {
                 "update-browserslist-db": "cli.js"
@@ -28610,15 +28610,15 @@
             "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg=="
         },
         "autoprefixer": {
-            "version": "10.4.16",
-            "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.16.tgz",
-            "integrity": "sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==",
+            "version": "10.4.20",
+            "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz",
+            "integrity": "sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==",
             "requires": {
-                "browserslist": "^4.21.10",
-                "caniuse-lite": "^1.0.30001538",
-                "fraction.js": "^4.3.6",
+                "browserslist": "^4.23.3",
+                "caniuse-lite": "^1.0.30001646",
+                "fraction.js": "^4.3.7",
                 "normalize-range": "^0.1.2",
-                "picocolors": "^1.0.0",
+                "picocolors": "^1.0.1",
                 "postcss-value-parser": "^4.2.0"
             }
         },
@@ -28925,14 +28925,14 @@
             "integrity": "sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow=="
         },
         "browserslist": {
-            "version": "4.22.1",
-            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz",
-            "integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==",
+            "version": "4.23.3",
+            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.3.tgz",
+            "integrity": "sha512-btwCFJVjI4YWDNfau8RhZ+B1Q/VLoUITrm3RlP6y1tYGWIOa+InuYiRGXUBXo8nA1qKmHMyLB/iVQg5TT4eFoA==",
             "requires": {
-                "caniuse-lite": "^1.0.30001541",
-                "electron-to-chromium": "^1.4.535",
-                "node-releases": "^2.0.13",
-                "update-browserslist-db": "^1.0.13"
+                "caniuse-lite": "^1.0.30001646",
+                "electron-to-chromium": "^1.5.4",
+                "node-releases": "^2.0.18",
+                "update-browserslist-db": "^1.1.0"
             }
         },
         "bser": {
@@ -29014,9 +29014,9 @@
             }
         },
         "caniuse-lite": {
-            "version": "1.0.30001551",
-            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001551.tgz",
-            "integrity": "sha512-vtBAez47BoGMMzlbYhfXrMV1kvRF2WP/lqiMuDu1Sb4EE4LKEgjopFDSRtZfdVnslNRpOqV/woE+Xgrwj6VQlg=="
+            "version": "1.0.30001651",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001651.tgz",
+            "integrity": "sha512-9Cf+Xv1jJNe1xPZLGuUXLNkE1BoDkqRqYyFJ9TDYSqhduqA4hu4oR9HluGoWYQC/aj8WHjsGVV+bwkh0+tegRg=="
         },
         "case-sensitive-paths-webpack-plugin": {
             "version": "2.4.0",
@@ -30072,9 +30072,9 @@
             }
         },
         "electron-to-chromium": {
-            "version": "1.4.559",
-            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.559.tgz",
-            "integrity": "sha512-iS7KhLYCSJbdo3rUSkhDTVuFNCV34RKs2UaB9Ecr7VlqzjjWW//0nfsFF5dtDmyXlZQaDYYtID5fjtC/6lpRug=="
+            "version": "1.5.12",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.12.tgz",
+            "integrity": "sha512-tIhPkdlEoCL1Y+PToq3zRNehUaKp3wBX/sr7aclAWdIWjvqAe/Im/H0SiCM4c1Q8BLPHCdoJTol+ZblflydehA=="
         },
         "emittery": {
             "version": "0.10.2",
@@ -30266,9 +30266,9 @@
             }
         },
         "escalade": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-            "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw=="
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz",
+            "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA=="
         },
         "escape-html": {
             "version": "1.0.3",
@@ -34779,14 +34779,14 @@
             "integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w=="
         },
         "monaco-editor": {
-            "version": "0.48.0",
-            "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.48.0.tgz",
-            "integrity": "sha512-goSDElNqFfw7iDHMg8WDATkfcyeLTNpBHQpO8incK6p5qZt5G/1j41X0xdGzpIkGojGXM+QiRQyLjnfDVvrpwA=="
+            "version": "0.50.0",
+            "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.50.0.tgz",
+            "integrity": "sha512-8CclLCmrRRh+sul7C08BmPBP3P8wVWfBHomsTcndxg5NRCEPfu/mc2AGU8k37ajjDVXcXFc12ORAMUkmk+lkFA=="
         },
         "monaco-languageserver-types": {
-            "version": "0.3.3",
-            "resolved": "https://registry.npmjs.org/monaco-languageserver-types/-/monaco-languageserver-types-0.3.3.tgz",
-            "integrity": "sha512-4uJ6XaVwVamOQ1SXfBGusAqL4fTn7ZJzaybEinr2U5ZX7AKSjsbXWlu0X3Ah+hyefn+85+Ca7GZwbI87g55C8Q==",
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/monaco-languageserver-types/-/monaco-languageserver-types-0.4.0.tgz",
+            "integrity": "sha512-QQ3BZiU5LYkJElGncSNb5AKoJ/LCs6YBMCJMAz9EA7v+JaOdn3kx2cXpPTcZfKA5AEsR0vc97sAw+5mdNhVBmw==",
             "requires": {
                 "monaco-types": "^0.1.0",
                 "vscode-languageserver-protocol": "^3.0.0",
@@ -34813,13 +34813,12 @@
             "requires": {}
         },
         "monaco-yaml": {
-            "version": "5.1.1",
-            "resolved": "https://registry.npmjs.org/monaco-yaml/-/monaco-yaml-5.1.1.tgz",
-            "integrity": "sha512-BuZ0/ZCGjrPNRzYMZ/MoxH8F/SdM+mATENXnpOhDYABi1Eh+QvxSszEct+ACSCarZiwLvy7m6yEF/pvW8XJkyQ==",
+            "version": "5.2.2",
+            "resolved": "https://registry.npmjs.org/monaco-yaml/-/monaco-yaml-5.2.2.tgz",
+            "integrity": "sha512-NWO/UhtJATlIsqwWPzK7YfbcIvPo3riFGsUkaGxNJoGiNPOvHD8vZ83ecqMQGkHPOpgHtSbe94uokE1AJvpbyQ==",
             "requires": {
-                "@types/json-schema": "^7.0.0",
                 "jsonc-parser": "^3.0.0",
-                "monaco-languageserver-types": "^0.3.0",
+                "monaco-languageserver-types": "^0.4.0",
                 "monaco-marker-data-provider": "^1.0.0",
                 "monaco-types": "^0.1.0",
                 "monaco-worker-manager": "^2.0.0",
@@ -34937,9 +34936,9 @@
             "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw=="
         },
         "node-releases": {
-            "version": "2.0.13",
-            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
-            "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ=="
+            "version": "2.0.18",
+            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz",
+            "integrity": "sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g=="
         },
         "normalize-path": {
             "version": "3.0.0",
@@ -35289,9 +35288,9 @@
             "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow=="
         },
         "picocolors": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-            "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
+            "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew=="
         },
         "picomatch": {
             "version": "2.3.1",
@@ -39559,12 +39558,12 @@
             "integrity": "sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg=="
         },
         "update-browserslist-db": {
-            "version": "1.0.13",
-            "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
-            "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz",
+            "integrity": "sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==",
             "requires": {
-                "escalade": "^3.1.1",
-                "picocolors": "^1.0.0"
+                "escalade": "^3.1.2",
+                "picocolors": "^1.0.1"
             }
         },
         "uri-js": {
diff --git a/frontend/package.json b/frontend/package.json
index fac333a21..3f5501c84 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -32,18 +32,19 @@
         "@connectrpc/connect": "^1.1.2",
         "@connectrpc/connect-web": "^1.1.2",
         "@heroicons/react": "^1.0.6",
-        "@monaco-editor/react": "^4.6",
+        "@monaco-editor/react": "^4.6.0",
         "@playwright/test": "^1.44.1",
         "@primer/octicons-react": "^17",
         "@redpanda-data/ui": "^3.53.1",
         "array-move": "^4",
+        "autoprefixer": "^10.4.20",
         "framer-motion": "^7",
         "js-base64": "^3.7.5",
         "mobx": "^6.10",
         "mobx-react": "^7.6",
         "moment": "^2.29.4",
-        "monaco-editor": "^0.48",
-        "monaco-yaml": "^5.1.1",
+        "monaco-editor": "^0.50.0",
+        "monaco-yaml": "^5.2.2",
         "pretty-bytes": "^5.6.0",
         "pretty-ms": "^7.0.1",
         "react": "^18.2.0",
diff --git a/frontend/scripts/fetch-monaco.mjs b/frontend/scripts/fetch-monaco.mjs
index 626e00062..f320dd994 100644
--- a/frontend/scripts/fetch-monaco.mjs
+++ b/frontend/scripts/fetch-monaco.mjs
@@ -28,7 +28,7 @@ import { promisify } from 'util';
 import * as path from 'path';
 
 const directory = process.env.MONACO_EDITOR_PATH ?? './public/static/js/vendor/monaco';
-const version = process.env.MONACO_EDITOR_VERSION ?? '0.48.0';
+const version = process.env.MONACO_EDITOR_VERSION ?? '0.50.0';
 const packageUrl = `https://registry.npmjs.org/monaco-editor/-/monaco-editor-${version}.tgz`;
 
 const unzip = zlib.createUnzip();
diff --git a/frontend/src/components/misc/PipelinesYamlEditor.tsx b/frontend/src/components/misc/PipelinesYamlEditor.tsx
index 38f249cdc..b8748ef25 100644
--- a/frontend/src/components/misc/PipelinesYamlEditor.tsx
+++ b/frontend/src/components/misc/PipelinesYamlEditor.tsx
@@ -9,10 +9,10 @@
  * by the Apache License, Version 2.0
  */
 
-import Editor, { EditorProps, Monaco, loader } from '@monaco-editor/react';
+import Editor, { EditorProps, Monaco } from '@monaco-editor/react';
 import 'monaco-editor';
 import { editor } from 'monaco-editor';
-import { MonacoYamlOptions, configureMonacoYaml } from 'monaco-yaml';
+import { MonacoYamlOptions } from 'monaco-yaml';
 import benthosSchema from '../../assets/rp-connect-schema.json';
 
 type IStandaloneCodeEditor = editor.IStandaloneCodeEditor;
@@ -54,7 +54,7 @@ const defaultOptions: editor.IStandaloneEditorConstructionOptions = {
     }
 } as const;
 
-const monacoYamlOptions = {
+export const monacoYamlOptions = {
     enableSchemaRequest: false,
     format: true,
     completion: true,
@@ -76,38 +76,6 @@ const monacoYamlOptions = {
     ]
 } as MonacoYamlOptions;
 
-loader.init().then(async (monaco) => {
-    window.MonacoEnvironment = {
-        getWorker(moduleId, label) {
-            console.log(`window.MonacoEnvironment.getWorker looking for moduleId ${moduleId} label ${label}`);
-            switch (label) {
-                case 'editorWorkerService':
-                    console.log('returning normal worker service...', { importMetaUrl: import.meta.url });
-                    return new Worker(
-                        new URL(
-                            'monaco-editor/esm/vs/editor/editor.worker',
-                            import.meta.url
-                        )
-                    );
-                case 'yaml':
-                    console.log('returning yaml worker service...', { importMetaUrl: import.meta.url });
-                    // return new yamlWorker();
-                    return new Worker(
-                        new URL(
-                            'monaco-yaml/yaml.worker',
-                            import.meta.url
-                        )
-                    );
-
-                default:
-                    throw new Error(`Unknown label ${label}`);
-            }
-        },
-    };
-    configureMonacoYaml(monaco, monacoYamlOptions);
-});
-
-
 // const linter = {
 //     editor: undefined as undefined | IStandaloneCodeEditor,
 //     monaco: undefined as undefined | Monaco,
@@ -159,9 +127,12 @@ export default function PipelinesYamlEditor(props: PipelinesYamlEditorProps) {
     const options = Object.assign({}, defaultOptions, givenOptions ?? {});
 
     return <Editor
+
         loading={<LoadingPlaceholder />}
         wrapperProps={{ className: 'kowlEditor', style: { minWidth: 0, width: '100px', display: 'flex', flexBasis: '100%' } }}
         defaultValue={''}
+        defaultLanguage="yaml"
+
         options={options}
         {...rest}
 
diff --git a/frontend/src/components/pages/topics/Topic.List.tsx b/frontend/src/components/pages/topics/Topic.List.tsx
index 2837053cc..043e08074 100644
--- a/frontend/src/components/pages/topics/Topic.List.tsx
+++ b/frontend/src/components/pages/topics/Topic.List.tsx
@@ -563,7 +563,7 @@ function makeCreateTopicModal(parent: TopicList) {
                     templateColumns="auto auto"
                     justifyContent="center"
                     alignItems="center"
-                    justifyItems="end"
+                    justifyItems="flex-end"
                     columnGap={2}
                     rowGap={1}
                     py={2}
diff --git a/frontend/src/config.ts b/frontend/src/config.ts
index 5a8c2cd10..4196bbe6f 100644
--- a/frontend/src/config.ts
+++ b/frontend/src/config.ts
@@ -23,6 +23,8 @@ import { SecurityService } from './protogen/redpanda/api/console/v1alpha1/securi
 // import { RedpandaConnectService } from './protogen/redpanda/api/console/v1alpha1/rp_connect_connect';
 import { PipelineService } from './protogen/redpanda/api/console/v1alpha1/pipeline_connect';
 import { TransformService } from './protogen/redpanda/api/console/v1alpha1/transform_connect';
+import { configureMonacoYaml } from 'monaco-yaml';
+import { monacoYamlOptions } from './components/misc/PipelinesYamlEditor';
 
 declare const __webpack_public_path__: string;
 
@@ -87,7 +89,7 @@ export const config: Config = observable({
     fetch: window.fetch,
     assetsPath: getBasePath(),
     clusterId: 'default',
-    setSidebarItems: () => {},
+    setSidebarItems: () => { },
     setBreadcrumbs: () => { },
     isServerless: false,
 });
@@ -200,9 +202,42 @@ export const setup = memoizeOne((setupArgs: SetConfigArguments) => {
     loader.config({
         paths: {
             vs: `${config.assetsPath}/static/js/vendor/monaco/package/min/vs`,
-        }
+        },
     });
 
+    // Ensure yaml workers are being loaded locally as well
+    loader.init().then(async (monaco) => {
+        window.MonacoEnvironment = {
+            baseUrl: `${config.assetsPath}/static/js/vendor/monaco/package/min`,
+
+            getWorker(moduleId, label) {
+                console.log(`window.MonacoEnvironment.getWorker looking for moduleId ${moduleId} label ${label}`);
+                switch (label) {
+                    case 'editorWorkerService':
+                        return new Worker(
+                            new URL(
+                                'monaco-editor/esm/vs/editor/editor.worker',
+                                import.meta.url
+                            )
+                        );
+                    case 'yaml':
+                        // return new yamlWorker();
+                        return new Worker(
+                            new URL(
+                                'monaco-yaml/yaml.worker',
+                                import.meta.url
+                            )
+                        );
+
+                    default:
+                        throw new Error(`Unknown label ${label}`);
+                }
+            },
+        };
+
+        configureMonacoYaml(monaco, monacoYamlOptions);
+    })
+
     // Configure MobX
     configure({
         enforceActions: 'never',