diff --git a/ui/package-lock.json b/ui/package-lock.json
index a2bfa20c..a3a4f096 100644
--- a/ui/package-lock.json
+++ b/ui/package-lock.json
@@ -11,9 +11,11 @@
         "@tremor/react": "^3.14.1",
         "antd": "^5.15.1",
         "axios": "^1.6.8",
+        "css-selector-generator": "^3.6.7",
         "html-react-parser": "^5.1.10",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
+        "react-frame-component": "^5.2.6",
         "react-icons": "^5.0.1",
         "react-router-dom": "^6.22.2"
       },
@@ -2394,6 +2396,11 @@
         "node": ">= 8"
       }
     },
+    "node_modules/css-selector-generator": {
+      "version": "3.6.7",
+      "resolved": "https://registry.npmjs.org/css-selector-generator/-/css-selector-generator-3.6.7.tgz",
+      "integrity": "sha512-3j3pRqYla21kRfmcEZZTypHNPWgptq1U8uMGfg69tBFoBn9iqaEwTnLqrH8uX2oAba1WJ3JEhsf2iBITFc4cfA=="
+    },
     "node_modules/cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -4833,6 +4840,16 @@
         "react": "^18.2.0"
       }
     },
+    "node_modules/react-frame-component": {
+      "version": "5.2.6",
+      "resolved": "https://registry.npmjs.org/react-frame-component/-/react-frame-component-5.2.6.tgz",
+      "integrity": "sha512-CwkEM5VSt6nFwZ1Op8hi3JB5rPseZlmnp5CGiismVTauE6S4Jsc4TNMlT0O7Cts4WgIC3ZBAQ2p1Mm9XgLbj+w==",
+      "peerDependencies": {
+        "prop-types": "^15.5.9",
+        "react": ">= 16.3",
+        "react-dom": ">= 16.3"
+      }
+    },
     "node_modules/react-icons": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.0.1.tgz",
@@ -7428,6 +7445,11 @@
         "which": "^2.0.1"
       }
     },
+    "css-selector-generator": {
+      "version": "3.6.7",
+      "resolved": "https://registry.npmjs.org/css-selector-generator/-/css-selector-generator-3.6.7.tgz",
+      "integrity": "sha512-3j3pRqYla21kRfmcEZZTypHNPWgptq1U8uMGfg69tBFoBn9iqaEwTnLqrH8uX2oAba1WJ3JEhsf2iBITFc4cfA=="
+    },
     "cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -9115,6 +9137,12 @@
         "scheduler": "^0.23.0"
       }
     },
+    "react-frame-component": {
+      "version": "5.2.6",
+      "resolved": "https://registry.npmjs.org/react-frame-component/-/react-frame-component-5.2.6.tgz",
+      "integrity": "sha512-CwkEM5VSt6nFwZ1Op8hi3JB5rPseZlmnp5CGiismVTauE6S4Jsc4TNMlT0O7Cts4WgIC3ZBAQ2p1Mm9XgLbj+w==",
+      "requires": {}
+    },
     "react-icons": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.0.1.tgz",
diff --git a/ui/package.json b/ui/package.json
index 04c4750f..37c19943 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -13,9 +13,11 @@
     "@tremor/react": "^3.14.1",
     "antd": "^5.15.1",
     "axios": "^1.6.8",
+    "css-selector-generator": "^3.6.7",
     "html-react-parser": "^5.1.10",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-frame-component": "^5.2.6",
     "react-icons": "^5.0.1",
     "react-router-dom": "^6.22.2"
   },