diff --git a/.yarn/cache/@babel-runtime-npm-7.28.6-f40c99aeef-42d8a868c2.zip b/.yarn/cache/@babel-runtime-npm-7.28.6-f40c99aeef-42d8a868c2.zip
new file mode 100644
index 0000000000..d8e63689f6
Binary files /dev/null and b/.yarn/cache/@babel-runtime-npm-7.28.6-f40c99aeef-42d8a868c2.zip differ
diff --git a/.yarn/cache/@base-ui-components-react-npm-1.0.0-beta.4-0a61e2c55d-591dc4359e.zip b/.yarn/cache/@base-ui-components-react-npm-1.0.0-beta.4-0a61e2c55d-591dc4359e.zip
deleted file mode 100644
index 86ddb9d3ff..0000000000
Binary files a/.yarn/cache/@base-ui-components-react-npm-1.0.0-beta.4-0a61e2c55d-591dc4359e.zip and /dev/null differ
diff --git a/.yarn/cache/@base-ui-components-utils-npm-0.1.2-f07f2ee038-b5213da6b1.zip b/.yarn/cache/@base-ui-components-utils-npm-0.1.2-f07f2ee038-b5213da6b1.zip
deleted file mode 100644
index 68ef9ec387..0000000000
Binary files a/.yarn/cache/@base-ui-components-utils-npm-0.1.2-f07f2ee038-b5213da6b1.zip and /dev/null differ
diff --git a/.yarn/cache/@base-ui-react-npm-1.2.0-91f24b3222-0f41fc11e7.zip b/.yarn/cache/@base-ui-react-npm-1.2.0-91f24b3222-0f41fc11e7.zip
new file mode 100644
index 0000000000..2c4c3292d3
Binary files /dev/null and b/.yarn/cache/@base-ui-react-npm-1.2.0-91f24b3222-0f41fc11e7.zip differ
diff --git a/.yarn/cache/@base-ui-utils-npm-0.2.5-9679f14584-fc2e5d02d6.zip b/.yarn/cache/@base-ui-utils-npm-0.2.5-9679f14584-fc2e5d02d6.zip
new file mode 100644
index 0000000000..7a118e7507
Binary files /dev/null and b/.yarn/cache/@base-ui-utils-npm-0.2.5-9679f14584-fc2e5d02d6.zip differ
diff --git a/.yarn/cache/@types-base64-url-npm-2.2.2-863690f52c-2991597ff5.zip b/.yarn/cache/@types-base64-url-npm-2.2.2-863690f52c-2991597ff5.zip
deleted file mode 100644
index d9370bc3dc..0000000000
Binary files a/.yarn/cache/@types-base64-url-npm-2.2.2-863690f52c-2991597ff5.zip and /dev/null differ
diff --git a/.yarn/cache/cmdk-base-npm-0.0.8-9e67bf8493-195b28c68c.zip b/.yarn/cache/cmdk-base-npm-0.0.8-9e67bf8493-195b28c68c.zip
deleted file mode 100644
index ce4d31c21a..0000000000
Binary files a/.yarn/cache/cmdk-base-npm-0.0.8-9e67bf8493-195b28c68c.zip and /dev/null differ
diff --git a/.yarn/cache/cmdk-base-npm-1.0.0-bb58093f52-641fd99ee0.zip b/.yarn/cache/cmdk-base-npm-1.0.0-bb58093f52-641fd99ee0.zip
new file mode 100644
index 0000000000..a5d06b025b
Binary files /dev/null and b/.yarn/cache/cmdk-base-npm-1.0.0-bb58093f52-641fd99ee0.zip differ
diff --git a/.yarn/cache/playroom-npm-1.0.3-d8e0669615-9d9c14f96e.zip b/.yarn/cache/playroom-npm-1.2.1-6d189aed91-b09f834191.zip
similarity index 88%
rename from .yarn/cache/playroom-npm-1.0.3-d8e0669615-9d9c14f96e.zip
rename to .yarn/cache/playroom-npm-1.2.1-6d189aed91-b09f834191.zip
index 1592b8a5de..9d55980615 100644
Binary files a/.yarn/cache/playroom-npm-1.0.3-d8e0669615-9d9c14f96e.zip and b/.yarn/cache/playroom-npm-1.2.1-6d189aed91-b09f834191.zip differ
diff --git a/.yarn/cache/playroom-patch-86c84d807f-269599093b.zip b/.yarn/cache/playroom-patch-4c15e30ef8-eaf7ea733c.zip
similarity index 88%
rename from .yarn/cache/playroom-patch-86c84d807f-269599093b.zip
rename to .yarn/cache/playroom-patch-4c15e30ef8-eaf7ea733c.zip
index 9303241ae4..39bf58aa3f 100644
Binary files a/.yarn/cache/playroom-patch-86c84d807f-269599093b.zip and b/.yarn/cache/playroom-patch-4c15e30ef8-eaf7ea733c.zip differ
diff --git a/.yarn/cache/tabbable-npm-6.3.0-b14dd3d97e-5ffeb2db56.zip b/.yarn/cache/tabbable-npm-6.3.0-b14dd3d97e-5ffeb2db56.zip
deleted file mode 100644
index 10249dbca6..0000000000
Binary files a/.yarn/cache/tabbable-npm-6.3.0-b14dd3d97e-5ffeb2db56.zip and /dev/null differ
diff --git a/.yarn/cache/tabbable-npm-6.4.0-a867a8270e-7084cba269.zip b/.yarn/cache/tabbable-npm-6.4.0-a867a8270e-7084cba269.zip
new file mode 100644
index 0000000000..54d36f9842
Binary files /dev/null and b/.yarn/cache/tabbable-npm-6.4.0-a867a8270e-7084cba269.zip differ
diff --git a/.yarn/patches/playroom-npm-1.0.3-d8e0669615.patch b/.yarn/patches/playroom-npm-1.2.1-6d189aed91.patch
similarity index 67%
rename from .yarn/patches/playroom-npm-1.0.3-d8e0669615.patch
rename to .yarn/patches/playroom-npm-1.2.1-6d189aed91.patch
index 6441481580..6befe10749 100644
--- a/.yarn/patches/playroom-npm-1.0.3-d8e0669615.patch
+++ b/.yarn/patches/playroom-npm-1.2.1-6d189aed91.patch
@@ -1,8 +1,8 @@
 diff --git a/src/components/Preview/Preview.tsx b/src/components/Preview/Preview.tsx
-index 4431c0abe73040cc889164c25ceb92c46469ea53..42b612edf5a09feafbec1868f0871f289b3aac19 100644
+index 61a15c7f600a7302e9b6f034f8d021b3e3f4fda7..cde7a63b06c0ac357c42af0c5829d1ec605fb023 100644
 --- a/src/components/Preview/Preview.tsx
 +++ b/src/components/Preview/Preview.tsx
-@@ -27,33 +27,35 @@ const PreviewHeader = ({
+@@ -29,33 +29,35 @@ const PreviewHeader = ({
    editorHref: string;
    onHideHeader: () => void;
  }) => (
@@ -62,24 +62,3 @@ index 4431c0abe73040cc889164c25ceb92c46469ea53..42b612edf5a09feafbec1868f0871f28
  );
  
  export default ({ title, code, themeName }: PreviewProps) => {
-diff --git a/src/contexts/StoreContext.tsx b/src/contexts/StoreContext.tsx
-index 831392a328827a4fdaf4469175878c12ef007879..633cdf7f337e59eb5b7fabd1fa0e241e9961a650 100644
---- a/src/contexts/StoreContext.tsx
-+++ b/src/contexts/StoreContext.tsx
-@@ -189,7 +189,15 @@ const sortStoredPlayrooms = (storedPlayrooms: State['storedPlayrooms']) =>
-     )
-   );
- 
--const createPlayroomId = () => self.crypto.randomUUID();
-+const createPlayroomId = () => self.crypto.randomUUID
-+    ? self.crypto.randomUUID()
-+    : '10000000-1000-4000-8000-100000000000'.replace(/[018]/g, (c) =>
-+        (
-+          Number(c) ^
-+          (crypto.getRandomValues(new Uint8Array(1))[0] &
-+            (15 >> (Number(c) / 4)))
-+        ).toString(16)
-+      );
- 
- const reducer = (state: State, action: Action): State => {
-   switch (action.type) {
diff --git a/package.json b/package.json
index 94a27e5390..5ff7dac2a4 100644
--- a/package.json
+++ b/package.json
@@ -116,7 +116,7 @@
         "lodash": "^4.17.21",
         "mini-css-extract-plugin": "^1.6.2",
         "node-fetch": "^2.6.7",
-        "playroom": "^1.0.3",
+        "playroom": "^1.2.1",
         "postcss": "^8.4.18",
         "postcss-loader": "^4.2.0",
         "prettier": "^3.3.2",
@@ -198,8 +198,7 @@
         "@types/react-dom": "19.2.3",
         "@testing-library/dom": "^8.19.1",
         "lottie-react@^2.4.0": "patch:lottie-react@npm%3A2.4.0#./.yarn/patches/lottie-react-npm-2.4.0-d4d95c55aa.patch",
-        "playroom@^0.39.0": "patch:playroom@npm%3A0.39.0#./.yarn/patches/playroom-npm-0.39.0-24448abd08.patch",
-        "playroom@^1.0.3": "patch:playroom@npm%3A1.0.3#./.yarn/patches/playroom-npm-1.0.3-d8e0669615.patch"
+        "playroom@^1.2.1": "patch:playroom@npm%3A1.2.1#./.yarn/patches/playroom-npm-1.2.1-6d189aed91.patch"
     },
     "packageManager": "yarn@3.6.1",
     "workspaces": [
diff --git a/yarn.lock b/yarn.lock
index 0da180d74f..e9debbbc3b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1515,13 +1515,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.12.13, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.28.4, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.7.2, @babel/runtime@npm:^7.7.6, @babel/runtime@npm:^7.8.7":
+"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.12.13, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.7.2, @babel/runtime@npm:^7.7.6, @babel/runtime@npm:^7.8.7":
   version: 7.28.4
   resolution: "@babel/runtime@npm:7.28.4"
   checksum: 934b0a0460f7d06637d93fcd1a44ac49adc33518d17253b5a0b55ff4cb90a45d8fe78bf034b448911dbec7aff2a90b918697559f78d21c99ff8dbadae9565b55
   languageName: node
   linkType: hard
 
+"@babel/runtime@npm:^7.28.6":
+  version: 7.28.6
+  resolution: "@babel/runtime@npm:7.28.6"
+  checksum: 42d8a868c2fc2e9a77927945a6daa7ec03c7ea49e611e0d15442933cdabb12f20e3a6849c729259076c10a4247adec229331d1f94c2d0073ea0979d7853e29fd
+  languageName: node
+  linkType: hard
+
 "@babel/template@npm:^7.27.1, @babel/template@npm:^7.27.2, @babel/template@npm:^7.28.6, @babel/template@npm:^7.3.3":
   version: 7.28.6
   resolution: "@babel/template@npm:7.28.6"
@@ -1558,17 +1565,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@base-ui-components/react@npm:1.0.0-beta.4":
-  version: 1.0.0-beta.4
-  resolution: "@base-ui-components/react@npm:1.0.0-beta.4"
+"@base-ui/react@npm:^1.1.0":
+  version: 1.2.0
+  resolution: "@base-ui/react@npm:1.2.0"
   dependencies:
-    "@babel/runtime": ^7.28.4
-    "@base-ui-components/utils": 0.1.2
+    "@babel/runtime": ^7.28.6
+    "@base-ui/utils": 0.2.5
     "@floating-ui/react-dom": ^2.1.6
     "@floating-ui/utils": ^0.2.10
-    reselect: ^5.1.1
-    tabbable: ^6.2.0
-    use-sync-external-store: ^1.5.0
+    tabbable: ^6.4.0
+    use-sync-external-store: ^1.6.0
   peerDependencies:
     "@types/react": ^17 || ^18 || ^19
     react: ^17 || ^18 || ^19
@@ -1576,18 +1582,18 @@ __metadata:
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: 591dc4359e18b9a02f693c11adc2952aeed4746c3a144b758454276a47221bf5ea61830de4da507ad8a275490040e7ea5a78266f325226e5c23b727b3ef6b7ff
+  checksum: 0f41fc11e701ee6a65bc79949932fe8a8585db2cba19fb9d98b2497c9310c00340877b386d3d65994fd2760a7cd1b8faaf59e5ae637f1441a27ee9d8efa9871a
   languageName: node
   linkType: hard
 
-"@base-ui-components/utils@npm:0.1.2, @base-ui-components/utils@npm:^0.1.0":
-  version: 0.1.2
-  resolution: "@base-ui-components/utils@npm:0.1.2"
+"@base-ui/utils@npm:0.2.5, @base-ui/utils@npm:^0.2.3":
+  version: 0.2.5
+  resolution: "@base-ui/utils@npm:0.2.5"
   dependencies:
-    "@babel/runtime": ^7.28.4
+    "@babel/runtime": ^7.28.6
     "@floating-ui/utils": ^0.2.10
     reselect: ^5.1.1
-    use-sync-external-store: ^1.5.0
+    use-sync-external-store: ^1.6.0
   peerDependencies:
     "@types/react": ^17 || ^18 || ^19
     react: ^17 || ^18 || ^19
@@ -1595,7 +1601,7 @@ __metadata:
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: b5213da6b1ede5cb27bd61b2b602ee3812a770b4a9a5a58ea571806b8656ea28fc14b7b2916402c0189a354348d3ac8cc4ae4c2a468530cc9a5003ad3e24d4dc
+  checksum: fc2e5d02d6b39f0c759241a0c48ac6938de1d9552a9ebc75b0892c95c6f07513fcc833c4bb9f937a1bdf38a6293b8d4e3581442184a5624158525c411e5b0175
   languageName: node
   linkType: hard
 
@@ -4248,7 +4254,7 @@ __metadata:
     mini-css-extract-plugin: ^1.6.2
     moment: ^2.29.1
     node-fetch: ^2.6.7
-    playroom: ^1.0.3
+    playroom: ^1.2.1
     postcss: ^8.4.18
     postcss-loader: ^4.2.0
     prettier: ^3.3.2
@@ -4419,13 +4425,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/base64-url@npm:^2.2.0":
-  version: 2.2.2
-  resolution: "@types/base64-url@npm:2.2.2"
-  checksum: 2991597ff57dab723b7e3f19e9d953a31e3b6b9cad55bcc6cc045a97be0b96e8fd67cd12403b842a6416cfa2a2b198f4abfba421b14ff83ef7cf3c32d780ce8b
-  languageName: node
-  linkType: hard
-
 "@types/body-parser@npm:*":
   version: 1.19.6
   resolution: "@types/body-parser@npm:1.19.6"
@@ -7495,16 +7494,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cmdk-base@npm:^0.0.8":
-  version: 0.0.8
-  resolution: "cmdk-base@npm:0.0.8"
+"cmdk-base@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "cmdk-base@npm:1.0.0"
   dependencies:
-    "@base-ui-components/utils": ^0.1.0
+    "@base-ui/utils": ^0.2.3
   peerDependencies:
-    "@base-ui-components/react": ^1.0.0-beta.2
+    "@base-ui/react": ^1.0.0
     react: ^18 || ^19 || ^19.0.0-rc
     react-dom: ^18 || ^19 || ^19.0.0-rc
-  checksum: 195b28c68c4dc2e8cb4251f942d804c31c253ec54eab5f4c1003e4bfaf205f32cca4bc4eeed29ca9edd0258db3eca3b7da79013f2222ef52e98f191e949ba891
+  checksum: 641fd99ee09704a8cd1dee774508cf91a91be2c8e758aedbaf9373044db095daa21018383cbdf42f6bec52c7d5ef46934d97037a41d8bc31141b976ca27ace8d
   languageName: node
   linkType: hard
 
@@ -15911,20 +15910,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"playroom@npm:1.0.3":
-  version: 1.0.3
-  resolution: "playroom@npm:1.0.3"
+"playroom@npm:1.2.1":
+  version: 1.2.1
+  resolution: "playroom@npm:1.2.1"
   dependencies:
     "@babel/core": ^7.20.5
     "@babel/parser": ^7.23.4
     "@babel/preset-env": ^7.20.2
     "@babel/preset-react": ^7.18.6
     "@babel/preset-typescript": ^7.18.6
-    "@base-ui-components/react": 1.0.0-beta.4
+    "@base-ui/react": ^1.1.0
     "@capsizecss/metrics": ^3.5.0
     "@capsizecss/vanilla-extract": ^2.0.4
     "@soda/friendly-errors-webpack-plugin": ^1.8.1
-    "@types/base64-url": ^2.2.0
     "@types/codemirror": ^5.60.5
     "@types/prettier": ^2.7.1
     "@types/react": ^18.0.0 || ^19.0.0
@@ -15938,7 +15936,7 @@ __metadata:
     "@zumer/snapdom": ^1.9.14
     babel-loader: ^9.1.0
     clsx: ^2.1.1
-    cmdk-base: ^0.0.8
+    cmdk-base: ^1.0.0
     codemirror: ^5.65.10
     command-line-args: ^5.2.1
     command-line-usage: ^6.1.3
@@ -15960,7 +15958,7 @@ __metadata:
     react-error-boundary: ^4.0.13
     read-pkg-up: ^7.0.1
     scope-eval: ^1.0.0
-    sucrase: ^3.34.0
+    sucrase: ^3.35.1
     tinyglobby: ^0.2.12
     typescript: ">=5.0.0"
     use-debounce: ^10.0.0
@@ -15972,24 +15970,23 @@ __metadata:
     react-dom: ^18 || ^19
   bin:
     playroom: bin/cli.cjs
-  checksum: 9d9c14f96e4ed1ec5174659a235682a3f6e01abe22d8e1b34ae1c8a4e8c23db1da4dc0d1c7439b1a6811f78b9ba249eae69752c00a79bb9a2cf44d4a59fe5a8a
+  checksum: b09f8341914a00f0893b77f64255356969e7f4f584a0a14f3bc19a9ebe4003bdf25c4bbbca911b95fafb2b18e2c6d1fae70446910aca9ec04a294dd8691f3585
   languageName: node
   linkType: hard
 
-"playroom@patch:playroom@npm%3A1.0.3#./.yarn/patches/playroom-npm-1.0.3-d8e0669615.patch::locator=%40telefonica%2Fmistica%40workspace%3A.":
-  version: 1.0.3
-  resolution: "playroom@patch:playroom@npm%3A1.0.3#./.yarn/patches/playroom-npm-1.0.3-d8e0669615.patch::version=1.0.3&hash=a1519d&locator=%40telefonica%2Fmistica%40workspace%3A."
+"playroom@patch:playroom@npm%3A1.2.1#./.yarn/patches/playroom-npm-1.2.1-6d189aed91.patch::locator=%40telefonica%2Fmistica%40workspace%3A.":
+  version: 1.2.1
+  resolution: "playroom@patch:playroom@npm%3A1.2.1#./.yarn/patches/playroom-npm-1.2.1-6d189aed91.patch::version=1.2.1&hash=97db4d&locator=%40telefonica%2Fmistica%40workspace%3A."
   dependencies:
     "@babel/core": ^7.20.5
     "@babel/parser": ^7.23.4
     "@babel/preset-env": ^7.20.2
     "@babel/preset-react": ^7.18.6
     "@babel/preset-typescript": ^7.18.6
-    "@base-ui-components/react": 1.0.0-beta.4
+    "@base-ui/react": ^1.1.0
     "@capsizecss/metrics": ^3.5.0
     "@capsizecss/vanilla-extract": ^2.0.4
     "@soda/friendly-errors-webpack-plugin": ^1.8.1
-    "@types/base64-url": ^2.2.0
     "@types/codemirror": ^5.60.5
     "@types/prettier": ^2.7.1
     "@types/react": ^18.0.0 || ^19.0.0
@@ -16003,7 +16000,7 @@ __metadata:
     "@zumer/snapdom": ^1.9.14
     babel-loader: ^9.1.0
     clsx: ^2.1.1
-    cmdk-base: ^0.0.8
+    cmdk-base: ^1.0.0
     codemirror: ^5.65.10
     command-line-args: ^5.2.1
     command-line-usage: ^6.1.3
@@ -16025,7 +16022,7 @@ __metadata:
     react-error-boundary: ^4.0.13
     read-pkg-up: ^7.0.1
     scope-eval: ^1.0.0
-    sucrase: ^3.34.0
+    sucrase: ^3.35.1
     tinyglobby: ^0.2.12
     typescript: ">=5.0.0"
     use-debounce: ^10.0.0
@@ -16037,7 +16034,7 @@ __metadata:
     react-dom: ^18 || ^19
   bin:
     playroom: bin/cli.cjs
-  checksum: 269599093b98df249321a985728e7af42aad809f3ba7ffbd621bbfe90cc06b2d437b88b6ec7b6e7fa0e10fab5f99bffb34b05f05f911aeb0a0cd1736a0e22742
+  checksum: eaf7ea733c59fb86197ded9c41f73fb6534e5a65095c3e68c1e8ca6609a9a661fd25df3a5a317e7470724b8b8204b77f757ed7c6c3611a44d48b99bc3154269f
   languageName: node
   linkType: hard
 
@@ -18566,7 +18563,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sucrase@npm:^3.34.0":
+"sucrase@npm:^3.35.1":
   version: 3.35.1
   resolution: "sucrase@npm:3.35.1"
   dependencies:
@@ -18654,10 +18651,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tabbable@npm:^6.2.0":
-  version: 6.3.0
-  resolution: "tabbable@npm:6.3.0"
-  checksum: 5ffeb2db569db7f3fe11b766f599bc0b67100697034e5c6264995555e8dead029c2e51d6b1e5ea65781e9077bf05ca40d3313c1c47351124a7e68727bc0f3968
+"tabbable@npm:^6.4.0":
+  version: 6.4.0
+  resolution: "tabbable@npm:6.4.0"
+  checksum: 7084cba269ebbc7dcdeed5aca7f90c0a0fb59a295dd1e83703ab89cca5e6c53b78d02020e3d1065481984cd64bba7dd1ea3c0a48e92fdba83d586e6e86d62a74
   languageName: node
   linkType: hard
 
@@ -19668,7 +19665,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"use-sync-external-store@npm:^1.5.0":
+"use-sync-external-store@npm:^1.5.0, use-sync-external-store@npm:^1.6.0":
   version: 1.6.0
   resolution: "use-sync-external-store@npm:1.6.0"
   peerDependencies: