diff --git a/.github/workflows/code-deploy.yml b/.github/workflows/code-deploy.yml
index d5c8582..1ed361b 100644
--- a/.github/workflows/code-deploy.yml
+++ b/.github/workflows/code-deploy.yml
@@ -16,7 +16,9 @@ on:
         required: true
         type: choice
         options:
+          - azure-develop
           - azure-development
+          - azure-pro
           - azure-production
         default: "azure-development"
 
@@ -28,7 +30,7 @@ jobs:
   deploy:
     name: Deploy to Container Apps
     runs-on: ubuntu-24.04
-    environment: ${{ github.event.inputs.ENVIRONMENT && github.event.inputs.ENVIRONMENT || 'azure-development' }}
+    environment: ${{ github.event.inputs.ENVIRONMENT && github.event.inputs.ENVIRONMENT || 'azure-develop' }}
     env:
       AZURE_CLIENT_ID: ${{ secrets.AZURE_CLIENT_ID }}
       AZURE_TENANT_ID: ${{ secrets.AZURE_TENANT_ID }}
@@ -38,8 +40,8 @@ jobs:
       AZURE_ACR_NAME: ${{ vars.AZURE_ACR_NAME }}
       AZURE_CONTAINER_ENVIRONMENT_NAME: ${{ vars.AZURE_CONTAINER_ENVIRONMENT_NAME }}
       AZURE_RESOURCE_GROUP: ${{ vars.AZURE_RESOURCE_GROUP }}
-      AZURE_CONTAINER_NAME: "weavejs-frontend"
-      AZURE_CONTAINER_NAME_BACKEND: "weavejs-backend"
+      AZURE_CONTAINER_NAME: "frontend"
+      AZURE_CONTAINER_NAME_BACKEND: "backend"
       AZURE_IDENTITY_ID: ${{ secrets.AZURE_IDENTITY_ID }}
       NEXT_PUBLIC_API_ENDPOINT: ${{ vars.NEXT_PUBLIC_API_ENDPOINT }}
       NEXT_PUBLIC_API_V2_ENDPOINT: ${{ vars.NEXT_PUBLIC_API_V2_ENDPOINT }}
@@ -99,38 +101,14 @@ jobs:
 
       - name: Deploy
         uses: azure/cli@v2
+        env:
+          GITHUB_SHA: ${{ github.sha }}
         with:
           azcliversion: latest
           inlineScript: |
-            az containerapp create \
-              --name $AZURE_CONTAINER_NAME \
-              --resource-group $AZURE_RESOURCE_GROUP \
-              --environment $AZURE_CONTAINER_ENVIRONMENT_NAME \
-              --image $AZURE_ACR_NAME.azurecr.io/$AZURE_CONTAINER_NAME:${{ github.sha }} \
-              --target-port 8080 \
-              --ingress external \
-              --registry-server $AZURE_ACR_NAME.azurecr.io \
-              --user-assigned "$AZURE_IDENTITY_ID" \
-              --registry-identity "$AZURE_IDENTITY_ID" \
-              --min-replicas 1 \
-              --max-replicas 2 \
-              --scale-rule-name http-rule \
-              --scale-rule-type http \
-              --scale-rule-http-concurrency 10 \
-              --query properties.configuration.ingress.fqdn
-
-      - name: Add CDN IP Access Restrictions
-        run: |
-          echo "Adding CDN IP access restrictions..."
-          COUNT=1
-          for IP in $(echo "$CDN_IP_LIST" | tr ',' '\n'); do
-            echo "Adding IP rule $IP"
-            az containerapp ingress access-restriction set \
-              --name $AZURE_CONTAINER_NAME \
-              --resource-group $AZURE_RESOURCE_GROUP \
-              --rule-name "rule-$COUNT" \
-              --ip-address $IP \
-              --description "IP allow $COUNT" \
-              --action Allow
-            ((COUNT++))
-          done
+            az containerapp update \
+            --name $AZURE_CONTAINER_NAME \
+            --resource-group $AZURE_RESOURCE_GROUP \
+            --image $AZURE_ACR_NAME.azurecr.io/$AZURE_CONTAINER_NAME:$GITHUB_SHA \
+            --revision-suffix $GITHUB_SHA \
+            --query properties.configuration.ingress.fqdn
diff --git a/code/.gitignore b/code/.gitignore
index ee2b2e3..ba07807 100644
--- a/code/.gitignore
+++ b/code/.gitignore
@@ -41,4 +41,7 @@ yarn-error.log*
 next-env.d.ts
 
 .npmrc
-certificates
\ No newline at end of file
+certificates
+
+server.cert
+server.key
\ No newline at end of file
diff --git a/code/app/v1/liveness/route.ts b/code/app/v1/liveness/route.ts
new file mode 100644
index 0000000..3244632
--- /dev/null
+++ b/code/app/v1/liveness/route.ts
@@ -0,0 +1,12 @@
+// SPDX-FileCopyrightText: 2025 2025 INDUSTRIA DE DISEÑO TEXTIL S.A. (INDITEX S.A.)
+//
+// SPDX-License-Identifier: Apache-2.0
+
+export async function GET() {
+  return Response.json(
+    { status: "OK" },
+    {
+      status: 200,
+    }
+  );
+}
diff --git a/code/app/v1/readiness/route.ts b/code/app/v1/readiness/route.ts
new file mode 100644
index 0000000..3244632
--- /dev/null
+++ b/code/app/v1/readiness/route.ts
@@ -0,0 +1,12 @@
+// SPDX-FileCopyrightText: 2025 2025 INDUSTRIA DE DISEÑO TEXTIL S.A. (INDITEX S.A.)
+//
+// SPDX-License-Identifier: Apache-2.0
+
+export async function GET() {
+  return Response.json(
+    { status: "OK" },
+    {
+      status: 200,
+    }
+  );
+}
diff --git a/code/app/v1/startup/route.ts b/code/app/v1/startup/route.ts
new file mode 100644
index 0000000..3244632
--- /dev/null
+++ b/code/app/v1/startup/route.ts
@@ -0,0 +1,12 @@
+// SPDX-FileCopyrightText: 2025 2025 INDUSTRIA DE DISEÑO TEXTIL S.A. (INDITEX S.A.)
+//
+// SPDX-License-Identifier: Apache-2.0
+
+export async function GET() {
+  return Response.json(
+    { status: "OK" },
+    {
+      status: 200,
+    }
+  );
+}
diff --git a/code/components/actions/images-tool/images-tool.ts b/code/components/actions/images-tool/images-tool.ts
index cd0ea4a..85fe2b5 100644
--- a/code/components/actions/images-tool/images-tool.ts
+++ b/code/components/actions/images-tool/images-tool.ts
@@ -126,6 +126,7 @@ export class ImagesToolAction extends WeaveAction {
     };
 
     this.preloadImgs[imageId] = new Image();
+    this.preloadImgs[imageId].crossOrigin = "anonymous";
     this.preloadImgs[imageId].onerror = () => {
       this.instance.emitEvent<ImagesToolActionOnEndLoadImageEvent>(
         "onImageLoadEnd",
@@ -148,6 +149,8 @@ export class ImagesToolAction extends WeaveAction {
       this.instance.emitEvent("imageLoaded");
     };
 
+    console.log("Loading image", this.preloadImgs[imageId]);
+
     this.preloadImgs[imageId].src = imageURL;
   }
 
diff --git a/code/components/home-components/home-showcase-animation.tsx b/code/components/home-components/home-showcase-animation.tsx
deleted file mode 100644
index 04e94da..0000000
--- a/code/components/home-components/home-showcase-animation.tsx
+++ /dev/null
@@ -1,131 +0,0 @@
-// SPDX-FileCopyrightText: 2025 2025 INDUSTRIA DE DISEÑO TEXTIL S.A. (INDITEX S.A.)
-//
-// SPDX-License-Identifier: Apache-2.0
-
-"use client";
-
-import type React from "react";
-import { motion } from "framer-motion";
-
-const draw = {
-  hidden: { pathLength: 0, opacity: 0 },
-  visible: (i: number) => {
-    const delay = 1 + i * 0.5;
-    return {
-      pathLength: 1,
-      opacity: 1,
-      transition: {
-        pathLength: { delay, type: "spring", duration: 1.5, bounce: 0 },
-        opacity: { delay, duration: 0.01 },
-      },
-    };
-  },
-};
-
-export const HomeShowCaseAnimation: React.FC = () => {
-  return (
-    <motion.svg
-      width="600"
-      height="600"
-      viewBox="0 0 600 600"
-      initial="hidden"
-      animate="visible"
-      className="max-w-full h-auto"
-    >
-      <motion.rect
-        x="50"
-        y="50"
-        width="500"
-        height="500"
-        rx="30"
-        fill="#f0f0f0"
-        stroke="#e0e0e0"
-        strokeWidth="5"
-      />
-
-      <motion.path
-        d="M150 400 Q150 300 300 200 Q450 300 450 400 L450 400 Q450 420 430 420 L170 420 Q150 420 150 400 Z"
-        stroke="#ff6b6b"
-        strokeWidth="4"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        fill="none"
-        variants={draw}
-        custom={0}
-      />
-      <motion.path
-        d="M250 420 L250 340 Q250 320 270 320 L330 320 Q350 320 350 340 L350 420"
-        stroke="#ff6b6b"
-        strokeWidth="4"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        fill="none"
-        variants={draw}
-        custom={1}
-      />
-
-      <motion.path
-        d="M380 180 Q410 140 450 160 Q490 160 490 200 Q490 240 450 240 Q430 270 390 240 Q350 240 350 200 Q350 160 380 180 Z"
-        stroke="#4ecdc4"
-        strokeWidth="4"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        fill="none"
-        variants={draw}
-        custom={2}
-      />
-
-      <motion.path
-        d="M120 450 Q120 380 150 380 Q180 380 180 450 M150 380 Q120 340 150 300 Q180 340 150 380"
-        stroke="#45b7d1"
-        strokeWidth="4"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        fill="none"
-        variants={draw}
-        custom={3}
-      />
-      <motion.path
-        d="M470 450 Q470 380 500 380 Q530 380 530 450 M500 380 Q470 340 500 300 Q530 340 500 380"
-        stroke="#45b7d1"
-        strokeWidth="4"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        fill="none"
-        variants={draw}
-        custom={4}
-      />
-
-      <motion.circle
-        cx="200"
-        cy="200"
-        r="5"
-        fill="#ff6b6b"
-        animate={{
-          x: [0, 100, 0],
-          y: [0, 50, 0],
-        }}
-        transition={{
-          duration: 5,
-          repeat: Number.POSITIVE_INFINITY,
-          repeatType: "reverse",
-        }}
-      />
-      <motion.circle
-        cx="400"
-        cy="400"
-        r="5"
-        fill="#4ecdc4"
-        animate={{
-          x: [0, -50, 0],
-          y: [0, -100, 0],
-        }}
-        transition={{
-          duration: 4,
-          repeat: Number.POSITIVE_INFINITY,
-          repeatType: "reverse",
-        }}
-      />
-    </motion.svg>
-  );
-};
diff --git a/code/components/home/home.tsx b/code/components/home/home.tsx
index edc6deb..7e04e45 100644
--- a/code/components/home/home.tsx
+++ b/code/components/home/home.tsx
@@ -8,26 +8,28 @@ import React from "react";
 import { Toaster } from "@/components/ui/sonner";
 import { motion } from "motion/react";
 import { Logo } from "@/components/utils/logo";
-import LoginForm from "../home-components/login-form";
+import LoginForm from "./login-form";
 import { Button } from "../ui/button";
-import { Github, Book } from "lucide-react";
+import { Info, Eye, EyeOff, ExternalLink, X } from "lucide-react";
 import { DOCUMENTATION_URL, GITHUB_URL } from "@/lib/constants";
 import weavePackage from "../../node_modules/@inditextech/weave-sdk/package.json";
 import weaveReactHelperPackage from "../../node_modules/@inditextech/weave-react/package.json";
 import weaveStorePackage from "../../node_modules/@inditextech/weave-store-azure-web-pubsub/package.json";
 
 export const Home = () => {
+  const [showDetails, setShowDetails] = React.useState(false);
+
   return (
     <>
-      <main className="w-full h-full flex justify-center items-center relative p-[40px]">
+      <main className="w-full h-full flex justify-center items-center relative">
         <motion.section
           initial={{ opacity: 0, y: -100 }}
           animate={{ opacity: 1, y: 0 }}
           transition={{ duration: 0.5 }}
-          className="relative flex h-full w-full flex-col items-center justify-center"
+          className="relative flex h-full w-full flex-col items-center justify-start lg:justify-center overflow-scroll"
         >
-          <div className="max-w-[520px] w-full flex flex-col items-center justify-between gap-0">
-            <div className="w-full flex justify-between items-center gap-2 md:left-8 md:top-8 bg-background p-8 py-8 border border-[#c9c9c9]">
+          <div className="max-w-full lg:max-w-[500px] w-[calc(100dvw-24px)] h-dvh lg:h-auto flex flex-col items-center justify-between gap-3 lg:gap-6 m-3">
+            <div className="w-full flex flex-col lg:flex-row justify-between items-center gap-2 lg:left-8 lg:top-8 bg-background p-8 border border-[#c9c9c9]">
               <Logo kind="landscape" variant="no-text" />
               <motion.div
                 initial={{ opacity: 0, y: -20 }}
@@ -35,16 +37,16 @@ export const Home = () => {
                 transition={{ duration: 0.5, delay: 0.2 }}
                 className="flex flex-col items-end justify-center"
               >
-                <h1 className="text-1xl font-inter font-light text-muted-foreground uppercase">
+                <h1 className="text-3xl font-inter font-light text-muted-foreground uppercase">
                   SHOWCASE
                 </h1>
               </motion.div>
             </div>
-            <div className="w-full flex flex-col gap-2 items-center justify-center bg-background p-[32px] border border-[#c9c9c9] mt-[32px]">
+            <div className="w-full h-full lg:h-auto flex flex-col gap-2 items-center justify-center bg-background p-8 border border-[#c9c9c9]">
               <LoginForm />
             </div>
-            <div className="w-full flex flex-col gap-2 items-center justify-center bg-background p-8 py-2 mt-4 border border-[#c9c9c9]">
-              <div className="flex gap-2 justify-center-items-center">
+            <div className="w-full flex flex-col gap-2 items-center justify-center bg-background p-8 py-2 border border-[#c9c9c9]">
+              <div className="flex flex-col lg:flex-row gap-0 lg:gap-2 justify-center-items-center">
                 <Button
                   variant="link"
                   onClick={() => {
@@ -52,7 +54,7 @@ export const Home = () => {
                   }}
                   className="cursor-pointer font-inter font-light"
                 >
-                  <Github strokeWidth={1} /> GITHUB
+                  <ExternalLink strokeWidth={1} /> GITHUB
                 </Button>
                 <Button
                   variant="link"
@@ -65,38 +67,69 @@ export const Home = () => {
                   }}
                   className="cursor-pointer font-inter font-light"
                 >
-                  <Book strokeWidth={1} /> DOCUMENTATION
+                  <ExternalLink strokeWidth={1} /> DOCUMENTATION
+                </Button>
+                <Button
+                  variant="link"
+                  onClick={() => {
+                    setShowDetails((prev) => !prev);
+                  }}
+                  className="cursor-pointer font-inter font-light"
+                >
+                  {!showDetails ? (
+                    <Eye strokeWidth={1} />
+                  ) : (
+                    <EyeOff strokeWidth={1} />
+                  )}{" "}
+                  DEPENDENCIES
                 </Button>
               </div>
             </div>
-            <div className="w-full flex flex-col gap-2 items-center justify-center bg-background p-8 py-2 mt-4 border border-[#c9c9c9]">
-              <div className="w-full grid grid-cols-[1fr_auto] gap-1 justify-center-items-center font-light text-[12px] py-3">
-                <div className="flex gap-1 justify-start items-center">
-                  <code>@inditextech/weave-sdk</code>
-                </div>
-                <div className="flex gap-1 justify-center items-center">
-                  <code className="bg-[#e9e9e9] px-2 py-1">
-                    v{weavePackage.version}
-                  </code>
-                </div>
-                <div className="flex gap-1 justify-start items-center">
-                  <code>@inditextech/weave-react</code>
+            {showDetails && (
+              <div className="w-[calc(100dvw-24px)] lg:w-auto absolute bottom-3 right-3 lg:bottom-8 lg:right-8 flex flex-col items-start justify-center bg-background p-5 pt-3 border border-[#c9c9c9]">
+                <div className="w-full flex gap-2 justify-between items-center mb-5 uppercase">
+                  <div className="flex gap-2 justify-start items-center font-inter font-light text-sm">
+                    <Info strokeWidth={1} size={16} />
+                    Dependencies Used
+                  </div>
+                  <Button
+                    variant="link"
+                    onClick={() => {
+                      setShowDetails(false);
+                    }}
+                    className="cursor-pointer font-inter font-light"
+                  >
+                    <X strokeWidth={1} />
+                  </Button>
                 </div>
-                <div className="flex gap-1 justify-center items-center">
-                  <code className="bg-[#e9e9e9] px-2 py-1">
-                    v{weaveReactHelperPackage.version}
-                  </code>
-                </div>
-                <div className="flex gap-1 justify-start items-center">
-                  <code>@inditextech/weave-store-azure-web-pubsub</code>
-                </div>
-                <div className="flex gap-1 justify-center items-center">
-                  <code className="bg-[#e9e9e9] px-2 py-1">
-                    v{weaveStorePackage.version}
-                  </code>
+                <div className="w-full grid grid-cols-[1fr_auto] gap-x-5 gap-y-1 justify-center-items-center font-light text-[12px]">
+                  <div className="flex gap-1 justify-start items-center">
+                    <code>@inditextech/weave-sdk</code>
+                  </div>
+                  <div className="flex gap-1 justify-center items-center">
+                    <code className="bg-[#e9e9e9] px-2 py-1">
+                      v{weavePackage.version}
+                    </code>
+                  </div>
+                  <div className="flex gap-1 justify-start items-center">
+                    <code>@inditextech/weave-react</code>
+                  </div>
+                  <div className="flex gap-1 justify-center items-center">
+                    <code className="bg-[#e9e9e9] px-2 py-1">
+                      v{weaveReactHelperPackage.version}
+                    </code>
+                  </div>
+                  <div className="flex gap-1 justify-start items-center">
+                    <code>@inditextech/weave-store-azure-web-pubsub</code>
+                  </div>
+                  <div className="flex gap-1 justify-center items-center">
+                    <code className="bg-[#e9e9e9] px-2 py-1">
+                      v{weaveStorePackage.version}
+                    </code>
+                  </div>
                 </div>
               </div>
-            </div>
+            )}
           </div>
         </motion.section>
       </main>
diff --git a/code/components/home-components/login-form.tsx b/code/components/home/login-form.tsx
similarity index 90%
rename from code/components/home-components/login-form.tsx
rename to code/components/home/login-form.tsx
index c4c09aa..3e2df19 100644
--- a/code/components/home-components/login-form.tsx
+++ b/code/components/home/login-form.tsx
@@ -39,13 +39,20 @@ const formSchema = z
   .required();
 
 function LoginForm() {
+  const roomRef = React.useRef<HTMLInputElement>(null);
+
   const router = useRouter();
 
   const setRoom = useCollaborationRoom((state) => state.setRoom);
   const setUser = useCollaborationRoom((state) => state.setUser);
 
+  React.useEffect(() => {
+    roomRef.current?.focus();
+  }, []);
+
   const form = useForm<z.infer<typeof formSchema>>({
     resolver: zodResolver(formSchema),
+
     defaultValues: {
       username: "",
       roomId: "",
@@ -72,7 +79,7 @@ function LoginForm() {
       initial={{ opacity: 0, scale: 0.95 }}
       animate={{ opacity: 1, scale: 1 }}
       transition={{ duration: 0.5, delay: 0.4 }}
-      className="w-full max-w-md"
+      className="w-full flex justify-center items-start"
     >
       <Form {...form}>
         <form
@@ -84,14 +91,15 @@ function LoginForm() {
             name="roomId"
             render={({ field }) => (
               <FormItem>
-                <FormLabel className="text-[#757575] font-inter font-light">
+                <FormLabel className="text-[#757575] text-sm font-inter font-light">
                   Room name
                 </FormLabel>
                 <FormControl>
                   <Input
+                    {...field}
+                    ref={roomRef}
                     placeholder="room name to join"
                     className="font-inter font-light rounded-none border-black"
-                    {...field}
                   />
                 </FormControl>
                 <FormMessage />
@@ -103,7 +111,7 @@ function LoginForm() {
             name="username"
             render={({ field }) => (
               <FormItem className="mb-0">
-                <FormLabel className="text-[#757575] font-inter font-light">
+                <FormLabel className="text-[#757575] text-sm font-inter font-light">
                   Username
                 </FormLabel>
                 <FormControl>
@@ -120,7 +128,7 @@ function LoginForm() {
           <div className="w-full flex justify-center items-center">
             <Button
               type="submit"
-              className="cursor-pointer font-inter rounded-none mt-[32px]"
+              className="cursor-pointer font-inter rounded-none mt-[32px] w-full"
             >
               ENTER
             </Button>
diff --git a/code/components/room-components/connection-status.tsx b/code/components/room-components/connection-status.tsx
index 2c7317b..1485819 100644
--- a/code/components/room-components/connection-status.tsx
+++ b/code/components/room-components/connection-status.tsx
@@ -20,7 +20,7 @@ export const ConnectionStatus = ({
     <div className="flex">
       <div
         className={cn(
-          "bg-light-background-1 h-[20px] px-1 flex justify-center items-center",
+          "bg-light-background-1 w-[32px] h-[32px] rounded-full 2xl:rounded-none 2xl:w-auto 2xl:h-[20px] px-1 flex justify-center items-center",
           {
             ["bg-[#C2F0E8] text-black"]:
               weaveConnectionStatus === WEAVE_STORE_CONNECTION_STATUS.CONNECTED,
@@ -37,13 +37,15 @@ export const ConnectionStatus = ({
         {weaveConnectionStatus === WEAVE_STORE_CONNECTION_STATUS.CONNECTED && (
           <>
             <Cloud size={18} strokeWidth={1} />
-            <span className="ml-1 font-inter text-xs uppercase">connected</span>
+            <span className="hidden 2xl:block ml-1 font-inter text-xs uppercase">
+              connected
+            </span>
           </>
         )}
         {weaveConnectionStatus === WEAVE_STORE_CONNECTION_STATUS.CONNECTING && (
           <>
             <CloudCog size={18} strokeWidth={1} />
-            <span className="ml-1 font-inter text-xs uppercase">
+            <span className="hidden 2xl:block ml-1 font-inter text-xs uppercase">
               connecting
             </span>
           </>
@@ -51,14 +53,16 @@ export const ConnectionStatus = ({
         {weaveConnectionStatus === WEAVE_STORE_CONNECTION_STATUS.ERROR && (
           <>
             <CloudOff size={18} strokeWidth={1} />
-            <span className="ml-1 font-inter text-xs uppercase">error</span>
+            <span className="hidden 2xl:block ml-1 font-inter text-xs uppercase">
+              error
+            </span>
           </>
         )}
         {weaveConnectionStatus ===
           WEAVE_STORE_CONNECTION_STATUS.DISCONNECTED && (
           <>
             <CloudOff size={18} strokeWidth={1} />
-            <span className="ml-1 font-inter text-xs uppercase">
+            <span className="hidden 2xl:block ml-1 font-inter text-xs uppercase">
               disconnected
             </span>
           </>
diff --git a/code/components/room-components/elements-tree/elements-tree.tsx b/code/components/room-components/elements-tree/elements-tree.tsx
index 9cb5964..b6766b8 100644
--- a/code/components/room-components/elements-tree/elements-tree.tsx
+++ b/code/components/room-components/elements-tree/elements-tree.tsx
@@ -285,7 +285,11 @@ export const ElementsTree = () => {
                 const stage = instance.getStage();
 
                 const node = stage.findOne(`#${items[0]}`);
-                if (node && !instance.allNodesLocked([node])) {
+                if (
+                  node &&
+                  !instance.allNodesLocked([node]) &&
+                  instance.allNodesVisible([node])
+                ) {
                   instance.selectNodesByKey(items);
                 }
               }}
diff --git a/code/components/room-components/help/help-drawer.tsx b/code/components/room-components/help/help-drawer.tsx
index 5740426..6c5509e 100644
--- a/code/components/room-components/help/help-drawer.tsx
+++ b/code/components/room-components/help/help-drawer.tsx
@@ -31,7 +31,7 @@ export const HelpDrawerTrigger = () => {
   const os = useGetOs();
 
   const keyboardShortcutsVisible = useCollaborationRoom(
-    (state) => state.drawer.keyboardShortcuts.visible,
+    (state) => state.drawer.keyboardShortcuts.visible
   );
   const setShowDrawer = useCollaborationRoom((state) => state.setShowDrawer);
 
@@ -40,14 +40,15 @@ export const HelpDrawerTrigger = () => {
       onClick={() => {
         setShowDrawer(
           DRAWER_ELEMENTS.keyboardShortcuts,
-          !keyboardShortcutsVisible,
+          !keyboardShortcutsVisible
         );
       }}
       className="w-full text-foreground cursor-pointer hover:rounded-none"
     >
       <Keyboard /> Keyboard shortcuts
       <DropdownMenuShortcut>
-        {[SYSTEM_OS.MAC as string].includes(os) ? "⌘ K" : "Ctrl K"}
+        {[SYSTEM_OS.MAC as string].includes(os) && "⌥ ⌘ C"}
+        {[SYSTEM_OS.WINDOWS as string].includes(os) && "Alt Ctrl C"}
       </DropdownMenuShortcut>
     </DropdownMenuItem>
   );
@@ -55,7 +56,7 @@ export const HelpDrawerTrigger = () => {
 
 export const HelpDrawer = () => {
   const keyboardShortcutsVisible = useCollaborationRoom(
-    (state) => state.drawer.keyboardShortcuts.visible,
+    (state) => state.drawer.keyboardShortcuts.visible
   );
   const setShowDrawer = useCollaborationRoom((state) => state.setShowDrawer);
 
diff --git a/code/components/room-components/hooks/use-keyboard-handler.tsx b/code/components/room-components/hooks/use-keyboard-handler.tsx
index 5576aca..f23138f 100644
--- a/code/components/room-components/hooks/use-keyboard-handler.tsx
+++ b/code/components/room-components/hooks/use-keyboard-handler.tsx
@@ -164,7 +164,7 @@ export function useKeyboardHandler() {
     () => {
       triggerTool("colorTokenTool");
     },
-    ["KeyP"],
+    ["KeyK"],
     (e) => !(e.ctrlKey || e.metaKey)
   );
 
diff --git a/code/components/room-components/overlay/divider.tsx b/code/components/room-components/overlay/divider.tsx
index d4c35c7..b302bc2 100644
--- a/code/components/room-components/overlay/divider.tsx
+++ b/code/components/room-components/overlay/divider.tsx
@@ -8,11 +8,13 @@ type DividerSize = "normal" | "small";
 type DividerColor = "normal" | "black";
 
 type DividerProps = {
+  className?: string;
   size?: DividerSize;
   color?: DividerColor;
 };
 
 export function Divider({
+  className,
   size = "normal",
   color = "normal",
 }: Readonly<DividerProps>) {
@@ -28,6 +30,7 @@ export function Divider({
           ["bg-[#c9c9c9]"]: color === "normal",
           ["bg-black"]: color === "black",
         },
+        className
       )}
     ></div>
   );
diff --git a/code/components/room-components/overlay/hooks/use-images-tools.tsx b/code/components/room-components/overlay/hooks/use-images-tools.tsx
new file mode 100644
index 0000000..f88fd46
--- /dev/null
+++ b/code/components/room-components/overlay/hooks/use-images-tools.tsx
@@ -0,0 +1,133 @@
+// SPDX-FileCopyrightText: 2025 2025 INDUSTRIA DE DISEÑO TEXTIL S.A. (INDITEX S.A.)
+//
+// SPDX-License-Identifier: Apache-2.0
+
+import React from "react";
+import { ShortcutElement } from "../../help/shortcut-element";
+import { SYSTEM_OS } from "@/lib/utils";
+import { useWeave } from "@inditextech/weave-react";
+import { Image, ImagePlus, Images } from "lucide-react";
+import { useIACapabilities } from "@/store/ia";
+import { useCollaborationRoom } from "@/store/store";
+
+export const useImagesTools = () => {
+  const instance = useWeave((state) => state.instance);
+  const actualAction = useWeave((state) => state.actions.actual);
+
+  const imagesLLMPopupType = useIACapabilities((state) => state.llmPopup.type);
+  const imagesLLMPopupVisible = useIACapabilities(
+    (state) => state.llmPopup.visible
+  );
+  const setImagesLLMPopupType = useIACapabilities(
+    (state) => state.setImagesLLMPopupType
+  );
+  const setImagesLLMPopupVisible = useIACapabilities(
+    (state) => state.setImagesLLMPopupVisible
+  );
+
+  const setShowSelectFileImage = useCollaborationRoom(
+    (state) => state.setShowSelectFileImage
+  );
+  const setShowSelectFilesImages = useCollaborationRoom(
+    (state) => state.setShowSelectFilesImages
+  );
+
+  const triggerTool = React.useCallback(
+    (toolName: string, params?: unknown) => {
+      if (instance && actualAction !== toolName) {
+        instance.triggerAction(toolName, params);
+        return;
+      }
+      if (instance && actualAction === toolName) {
+        instance.cancelAction(toolName);
+      }
+    },
+    [instance, actualAction]
+  );
+
+  const IMAGES_TOOLS: Record<
+    string,
+    {
+      icon: React.JSX.Element;
+      label: React.JSX.Element;
+      onClick: () => void;
+      active: () => boolean;
+    }
+  > = React.useMemo(
+    () => ({
+      imageTool: {
+        // eslint-disable-next-line jsx-a11y/alt-text
+        icon: <Image className="px-2" size={40} strokeWidth={1} />,
+        label: (
+          <div className="flex gap-3 justify-start items-center">
+            <p>Image tool</p>
+            <ShortcutElement
+              shortcuts={{
+                [SYSTEM_OS.MAC]: "I",
+                [SYSTEM_OS.OTHER]: "I",
+              }}
+            />
+          </div>
+        ),
+        onClick: () => {
+          triggerTool("imageTool");
+          setShowSelectFileImage(true);
+        },
+        active: () => actualAction === "imageTool",
+      },
+      imagesTool: {
+        icon: <Images className="px-2" size={40} strokeWidth={1} />,
+        label: (
+          <div className="flex gap-3 justify-start items-center">
+            <p>Images tool</p>
+            <ShortcutElement
+              shortcuts={{
+                [SYSTEM_OS.MAC]: "O",
+                [SYSTEM_OS.OTHER]: "O",
+              }}
+            />
+          </div>
+        ),
+        onClick: () => {
+          setShowSelectFilesImages(true);
+        },
+        active: () => actualAction === "imagesTool",
+      },
+      generateImageTool: {
+        icon: <ImagePlus className="px-2" size={40} strokeWidth={1} />,
+        label: (
+          <div className="flex gap-3 justify-start items-center">
+            <p>Generate Image tool</p>
+            <ShortcutElement
+              shortcuts={{
+                [SYSTEM_OS.MAC]: "G",
+                [SYSTEM_OS.OTHER]: "G",
+              }}
+            />
+          </div>
+        ),
+        onClick: () => {
+          setImagesLLMPopupType("create");
+          if (imagesLLMPopupType === "create") {
+            setImagesLLMPopupVisible(!imagesLLMPopupVisible);
+          } else {
+            setImagesLLMPopupVisible(true);
+          }
+        },
+        active: () => imagesLLMPopupVisible && imagesLLMPopupType === "create",
+      },
+    }),
+    [
+      actualAction,
+      imagesLLMPopupType,
+      imagesLLMPopupVisible,
+      setImagesLLMPopupType,
+      setImagesLLMPopupVisible,
+      setShowSelectFileImage,
+      setShowSelectFilesImages,
+      triggerTool,
+    ]
+  );
+
+  return IMAGES_TOOLS;
+};
diff --git a/code/components/room-components/overlay/hooks/use-shapes-tools.tsx b/code/components/room-components/overlay/hooks/use-shapes-tools.tsx
new file mode 100644
index 0000000..b3ad97a
--- /dev/null
+++ b/code/components/room-components/overlay/hooks/use-shapes-tools.tsx
@@ -0,0 +1,123 @@
+// SPDX-FileCopyrightText: 2025 2025 INDUSTRIA DE DISEÑO TEXTIL S.A. (INDITEX S.A.)
+//
+// SPDX-License-Identifier: Apache-2.0
+
+import { Circle, Hexagon, Square, Star } from "lucide-react";
+import React from "react";
+import { ShortcutElement } from "../../help/shortcut-element";
+import { SYSTEM_OS } from "@/lib/utils";
+import { useWeave } from "@inditextech/weave-react";
+
+export const useShapesTools = () => {
+  const instance = useWeave((state) => state.instance);
+  const actualAction = useWeave((state) => state.actions.actual);
+
+  const triggerTool = React.useCallback(
+    (toolName: string, params?: unknown) => {
+      if (instance && actualAction !== toolName) {
+        instance.triggerAction(toolName, params);
+        return;
+      }
+      if (instance && actualAction === toolName) {
+        instance.cancelAction(toolName);
+      }
+    },
+    [instance, actualAction]
+  );
+
+  const SHAPES_TOOLS: Record<
+    string,
+    {
+      icon: React.JSX.Element;
+      label: React.JSX.Element;
+      onClick: () => void;
+      active: () => boolean;
+    }
+  > = React.useMemo(
+    () => ({
+      rectangleTool: {
+        icon: <Square className="px-2" size={40} strokeWidth={1} />,
+        label: (
+          <div className="flex gap-3 justify-start items-center">
+            <p>Rectangle tool</p>
+            <ShortcutElement
+              shortcuts={{
+                [SYSTEM_OS.MAC]: "R",
+                [SYSTEM_OS.OTHER]: "R",
+              }}
+            />
+          </div>
+        ),
+        onClick: () => triggerTool("rectangleTool"),
+        active: () => actualAction === "rectangleTool",
+      },
+      ellipseTool: {
+        icon: <Circle className="px-2" size={40} strokeWidth={1} />,
+        label: (
+          <div className="flex gap-3 justify-start items-center">
+            <p>Ellipsis tool</p>
+            <ShortcutElement
+              shortcuts={{
+                [SYSTEM_OS.MAC]: "E",
+                [SYSTEM_OS.OTHER]: "E",
+              }}
+            />
+          </div>
+        ),
+        onClick: () => triggerTool("ellipseTool"),
+        active: () => actualAction === "ellipseTool",
+      },
+      regularPolygonTool: {
+        icon: <Hexagon className="px-2" size={40} strokeWidth={1} />,
+        label: (
+          <div className="flex gap-3 justify-start items-center">
+            <p>Regular Polygon tool</p>
+            <ShortcutElement
+              shortcuts={{
+                [SYSTEM_OS.MAC]: "P",
+                [SYSTEM_OS.OTHER]: "P",
+              }}
+            />
+          </div>
+        ),
+        onClick: () => triggerTool("regularPolygonTool"),
+        active: () => actualAction === "regularPolygonTool",
+      },
+      starTool: {
+        icon: <Star className="px-2" size={40} strokeWidth={1} />,
+        label: (
+          <div className="flex gap-3 justify-start items-center">
+            <p>Star tool</p>
+            <ShortcutElement
+              shortcuts={{
+                [SYSTEM_OS.MAC]: "J",
+                [SYSTEM_OS.OTHER]: "J",
+              }}
+            />
+          </div>
+        ),
+        onClick: () => triggerTool("starTool"),
+        active: () => actualAction === "starTool",
+      },
+      colorTokenTool: {
+        icon: <Star className="px-2" size={40} strokeWidth={1} />,
+        label: (
+          <div className="flex gap-3 justify-start items-center">
+            <p>Color Token Reference tool</p>
+            <ShortcutElement
+              shortcuts={{
+                [SYSTEM_OS.MAC]: "K",
+                [SYSTEM_OS.OTHER]: "K",
+              }}
+            />
+          </div>
+        ),
+        onClick: () => triggerTool("colorTokenTool"),
+        active: () => actualAction === "colorTokenTool",
+      },
+    }),
+    [actualAction, triggerTool]
+  );
+
+  return SHAPES_TOOLS;
+};
diff --git a/code/components/room-components/overlay/hooks/use-strokes-tools.tsx b/code/components/room-components/overlay/hooks/use-strokes-tools.tsx
new file mode 100644
index 0000000..4fe1fa9
--- /dev/null
+++ b/code/components/room-components/overlay/hooks/use-strokes-tools.tsx
@@ -0,0 +1,91 @@
+// SPDX-FileCopyrightText: 2025 2025 INDUSTRIA DE DISEÑO TEXTIL S.A. (INDITEX S.A.)
+//
+// SPDX-License-Identifier: Apache-2.0
+
+import { ArrowUpRight, Brush, PenTool } from "lucide-react";
+import React from "react";
+import { ShortcutElement } from "../../help/shortcut-element";
+import { SYSTEM_OS } from "@/lib/utils";
+import { useWeave } from "@inditextech/weave-react";
+
+export const useStrokesTools = () => {
+  const instance = useWeave((state) => state.instance);
+  const actualAction = useWeave((state) => state.actions.actual);
+
+  const triggerTool = React.useCallback(
+    (toolName: string, params?: unknown) => {
+      if (instance && actualAction !== toolName) {
+        instance.triggerAction(toolName, params);
+        return;
+      }
+      if (instance && actualAction === toolName) {
+        instance.cancelAction(toolName);
+      }
+    },
+    [instance, actualAction]
+  );
+
+  const STROKES_TOOLS: Record<
+    string,
+    {
+      icon: React.JSX.Element;
+      label: React.JSX.Element;
+      onClick: () => void;
+      active: () => boolean;
+    }
+  > = React.useMemo(
+    () => ({
+      penTool: {
+        icon: <PenTool className="px-2" size={40} strokeWidth={1} />,
+        label: (
+          <div className="flex gap-3 justify-start items-center">
+            <p>Pen tool</p>
+            <ShortcutElement
+              shortcuts={{
+                [SYSTEM_OS.MAC]: "L",
+                [SYSTEM_OS.OTHER]: "L",
+              }}
+            />
+          </div>
+        ),
+        onClick: () => triggerTool("penTool"),
+        active: () => actualAction === "penTool",
+      },
+      brushTool: {
+        icon: <Brush className="px-2" size={40} strokeWidth={1} />,
+        label: (
+          <div className="flex gap-3 justify-start items-center">
+            <p>Brush tool</p>
+            <ShortcutElement
+              shortcuts={{
+                [SYSTEM_OS.MAC]: "B",
+                [SYSTEM_OS.OTHER]: "B",
+              }}
+            />
+          </div>
+        ),
+        onClick: () => triggerTool("brushTool"),
+        active: () => actualAction === "brushTool",
+      },
+      arrowTool: {
+        icon: <ArrowUpRight className="px-2" size={40} strokeWidth={1} />,
+        label: (
+          <div className="flex gap-3 justify-start items-center">
+            <p>Arrow tool</p>
+            <ShortcutElement
+              shortcuts={{
+                [SYSTEM_OS.MAC]: "A",
+                [SYSTEM_OS.OTHER]: "A",
+              }}
+            />
+          </div>
+        ),
+        onClick: () => triggerTool("arrowTool"),
+        active: () => actualAction === "arrowTool",
+      },
+    }),
+    [actualAction, triggerTool]
+  );
+
+  return STROKES_TOOLS;
+};
diff --git a/code/components/room-components/overlay/llm-popup-v2.tsx b/code/components/room-components/overlay/llm-popup-v2.tsx
index 6bad7cb..a3f795c 100644
--- a/code/components/room-components/overlay/llm-popup-v2.tsx
+++ b/code/components/room-components/overlay/llm-popup-v2.tsx
@@ -332,10 +332,10 @@ export function LLMGenerationV2Popup() {
         <div className="w-full h-full max-h-[calc(100dvh)] flex flex-col justify-center items-end bg-white text-black border-l-0 border-r border-[#c9c9c9] ">
           <div className="flex justify-between items-center w-full px-[24px] py-[29px] font-inter font-light text-[24px] uppercase border-b border-[#c9c9c9] pointer-events-auto">
             <div>
-              {imagesLLMPopupType === "create" && "Create an Image with AI"}
-              {imagesLLMPopupType === "edit-prompt" && "Edit with AI"}
-              {imagesLLMPopupType === "edit-mask" && "Edit with AI"}
-              {imagesLLMPopupType === "edit-variation" && "Edit with AI"}
+              {imagesLLMPopupType === "create" && "Generate an Image"}
+              {imagesLLMPopupType === "edit-prompt" && "Edit an Image"}
+              {imagesLLMPopupType === "edit-mask" && "Edit an Image"}
+              {imagesLLMPopupType === "edit-variation" && "Edit an Image"}
             </div>
             <button
               className="cursor-pointer bg-transparent hover:bg-accent p-[2px]"
diff --git a/code/components/room-components/overlay/node-properties.tsx b/code/components/room-components/overlay/node-properties.tsx
index 3070194..c2d3d34 100644
--- a/code/components/room-components/overlay/node-properties.tsx
+++ b/code/components/room-components/overlay/node-properties.tsx
@@ -190,6 +190,21 @@ export const NodeProperties = () => {
         <div className="flex justify-end items-center gap-1">
           <button
             className="cursor-pointer bg-transparent hover:bg-accent p-[2px]"
+            onPointerDown={() => {
+              if (!instance) return;
+
+              for (const node of nodes) {
+                const isVisible = instance.allNodesVisible([node.instance]);
+
+                if (!isVisible) {
+                  instance.showNode(node.instance);
+                  continue;
+                }
+                if (isVisible) {
+                  instance.hideNode(node.instance);
+                }
+              }
+            }}
             onClick={() => {
               if (!instance) return;
 
@@ -230,6 +245,9 @@ export const NodeProperties = () => {
           </button>
           <button
             className="cursor-pointer bg-transparent hover:bg-accent p-[2px]"
+            onPointerDown={() => {
+              setSidebarActive(null, "right");
+            }}
             onClick={() => {
               setSidebarActive(null, "right");
             }}
diff --git a/code/components/room-components/overlay/room-header.tsx b/code/components/room-components/overlay/room-header.tsx
index 8633c23..6f60590 100644
--- a/code/components/room-components/overlay/room-header.tsx
+++ b/code/components/room-components/overlay/room-header.tsx
@@ -9,13 +9,7 @@ import { cn, SYSTEM_OS } from "@/lib/utils";
 import { useRouter } from "next/navigation";
 import { motion } from "framer-motion";
 import { useWeave } from "@inditextech/weave-react";
-import { SidebarActive, useCollaborationRoom } from "@/store/store";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
+import { useCollaborationRoom } from "@/store/store";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -29,26 +23,19 @@ import {
 import { Logo } from "@/components/utils/logo";
 import {
   Image as ImageIcon,
-  LogOut,
   ChevronDown,
   ChevronUp,
   Grid3X3Icon,
   GripIcon,
   Braces,
-  Github,
-  Book,
   MousePointer2,
   Check,
   Grid2X2Check,
   Grid2X2X,
-  SwatchBook,
-  ListTree,
-  Projector,
-  Images,
-  PencilRuler,
-  PanelRight,
   ShieldCheck,
-  ShieldX,
+  ExternalLink,
+  LogOut,
+  MonitorCog,
 } from "lucide-react";
 import {
   WEAVE_GRID_TYPES,
@@ -58,57 +45,38 @@ import {
   WeaveUsersPointersPlugin,
 } from "@inditextech/weave-sdk";
 import { ConnectionStatus } from "../connection-status";
-import { topElementVariants } from "./variants";
+import { bottomElementVariants, topElementVariants } from "./variants";
 import { ConnectedUsers } from "../connected-users";
 import { Divider } from "./divider";
 import { ZoomToolbar } from "./zoom-toolbar";
 import { HelpDrawerTrigger } from "../help/help-drawer";
-import {
-  DOCUMENTATION_URL,
-  GITHUB_URL,
-  SIDEBAR_ELEMENTS,
-} from "@/lib/constants";
-import weavePackage from "../../../node_modules/@inditextech/weave-sdk/package.json";
-import weaveReactHelperPackage from "../../../node_modules/@inditextech/weave-react/package.json";
-import weaveStorePackage from "../../../node_modules/@inditextech/weave-store-azure-web-pubsub/package.json";
+import { DOCUMENTATION_URL, GITHUB_URL } from "@/lib/constants";
 import { WEAVE_STORE_CONNECTION_STATUS } from "@inditextech/weave-types";
 import { useIACapabilities } from "@/store/ia";
 import { LlmSetupDialog } from "./llm-setup";
+import { useGetOs } from "../hooks/use-get-os";
 
 export function RoomHeader() {
+  const os = useGetOs();
   const router = useRouter();
 
   const instance = useWeave((state) => state.instance);
   const selectionActive = useWeave((state) => state.selection.active);
   const weaveConnectionStatus = useWeave((state) => state.connection.status);
-  const actualAction = useWeave((state) => state.actions.actual);
-  const node = useWeave((state) => state.selection.node);
-  const nodes = useWeave((state) => state.selection.nodes);
 
   const showUI = useCollaborationRoom((state) => state.ui.show);
   const room = useCollaborationRoom((state) => state.room);
-  const setSidebarActive = useCollaborationRoom(
-    (state) => state.setSidebarActive
-  );
 
   const iaEnabled = useIACapabilities((state) => state.enabled);
   const setIASetupVisible = useIACapabilities((state) => state.setSetupVisible);
 
   const [menuOpen, setMenuOpen] = React.useState(false);
-  const [sidebarsMenuOpen, setSidebarsMenuOpen] = React.useState(false);
   const [pointersEnabled, setPointersEnabled] = React.useState(true);
   const [gridEnabled, setGridEnabled] = React.useState(true);
   const [gridType, setGridType] = React.useState<WeaveStageGridType>(
     WEAVE_GRID_TYPES.LINES
   );
 
-  const sidebarToggle = React.useCallback(
-    (element: SidebarActive) => {
-      setSidebarActive(element);
-    },
-    [setSidebarActive]
-  );
-
   const handleToggleUsersPointers = React.useCallback(() => {
     if (!instance) return;
 
@@ -202,6 +170,23 @@ export function RoomHeader() {
 
   return (
     <>
+      <motion.div
+        initial="hidden"
+        animate="visible"
+        exit="hidden"
+        variants={bottomElementVariants}
+        className={cn(
+          "w-auto z-1 flex 2xl:hidden gap-1 justify-center items-center absolute bottom-[16px] left-[16px] right-[16px]",
+          {
+            ["pointer-events-none"]: selectionActive,
+            ["pointer-events-auto"]: !selectionActive,
+          }
+        )}
+      >
+        <div className="bg-white flex rounded-full justify-between items-center gap-0 p-[3px] px-[12px] 2xl:py-[5px] 2xl:px-[32px] border-[0.5px] border-[#c9c9c9]">
+          <ZoomToolbar />
+        </div>
+      </motion.div>
       <motion.div
         initial="hidden"
         animate="visible"
@@ -215,7 +200,7 @@ export function RoomHeader() {
           }
         )}
       >
-        <div className="bg-white flex justify-between items-center gap-0 py-[5px] px-[32px] border-[0.5px] border-[#c9c9c9]">
+        <div className="bg-white flex justify-between items-center gap-0 p-[3px] px-[12px] 2xl:py-[5px] 2xl:px-[32px] border-[0.5px] border-[#c9c9c9]">
           <div className="flex justify-start items-center gap-3">
             <DropdownMenu
               onOpenChange={(open: boolean) => {
@@ -232,7 +217,7 @@ export function RoomHeader() {
                 )}
               >
                 <div className="flex gap-1 justify-start items-center">
-                  <div className="h-[60px] flex justify-start items-center">
+                  <div className="h-[40px] 2xl:h-[60px] flex justify-start items-center">
                     <Logo kind="only-logo" variant="no-text" />
                   </div>
                   {menuOpen ? (
@@ -248,25 +233,20 @@ export function RoomHeader() {
                 }}
                 align="start"
                 side="bottom"
-                alignOffset={0}
+                alignOffset={-12}
                 sideOffset={9}
                 className="font-inter rounded-none"
               >
-                <DropdownMenuLabel className="px-2 py-1 pt-2 text-zinc-600 text-xs">
-                  Debug
+                <DropdownMenuLabel className="block md:hidden px-2 py-1 pt-2 text-zinc-600 text-xs">
+                  Room
                 </DropdownMenuLabel>
-                <DropdownMenuGroup>
-                  <DropdownMenuItem
-                    className="text-foreground cursor-pointer hover:rounded-none w-full"
-                    onClick={handlePrintToConsoleState}
-                  >
-                    <Braces /> Print state to console
-                    <DropdownMenuShortcut>
-                      {SYSTEM_OS.MAC ? "⌥ ⌘ C" : "Alt Ctrl C"}
-                    </DropdownMenuShortcut>
-                  </DropdownMenuItem>
-                </DropdownMenuGroup>
-                <DropdownMenuSeparator />
+                <DropdownMenuItem
+                  disabled={iaEnabled}
+                  className="block md:hidden text-foreground cursor-pointer hover:rounded-none"
+                >
+                  {room}
+                </DropdownMenuItem>
+                <DropdownMenuSeparator className="block md:hidden " />
                 <DropdownMenuLabel className="px-2 py-1 pt-2 text-zinc-600 text-xs">
                   IA Capabilities
                 </DropdownMenuLabel>
@@ -288,19 +268,19 @@ export function RoomHeader() {
                         )}
                         {!iaEnabled && (
                           <>
-                            <ShieldX size={16} />
-                            Disabled
+                            <MonitorCog size={16} />
+                            Setup
                           </>
                         )}
                       </div>
                     </div>
                   </DropdownMenuItem>
                 </DropdownMenuGroup>
+                <DropdownMenuSeparator />
                 <DropdownMenuLabel className="px-2 py-1 pt-2 text-zinc-600 text-xs">
                   Interface
                 </DropdownMenuLabel>
                 <DropdownMenuGroup>
-                  <HelpDrawerTrigger />
                   <DropdownMenuItem
                     className="text-foreground cursor-pointer hover:rounded-none"
                     disabled={
@@ -319,6 +299,24 @@ export function RoomHeader() {
                       )}
                     </div>
                   </DropdownMenuItem>
+
+                  <DropdownMenuItem
+                    className="text-foreground cursor-pointer hover:rounded-none"
+                    disabled={
+                      instance?.isEmpty() ??
+                      weaveConnectionStatus !==
+                        WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+                    }
+                    onClick={handleExportToImage}
+                  >
+                    <ImageIcon /> Export as image
+                  </DropdownMenuItem>
+                </DropdownMenuGroup>
+                <DropdownMenuSeparator />
+                <DropdownMenuLabel className="px-2 py-1 pt-2 text-zinc-600 text-xs">
+                  Grid
+                </DropdownMenuLabel>
+                <DropdownMenuGroup>
                   <DropdownMenuItem
                     className="text-foreground cursor-pointer hover:rounded-none"
                     disabled={
@@ -332,12 +330,12 @@ export function RoomHeader() {
                         {gridEnabled ? (
                           <>
                             <Grid2X2X size={16} />
-                            Hide grid
+                            Hide
                           </>
                         ) : (
                           <>
                             <Grid2X2Check size={16} />
-                            Show grid
+                            Show
                           </>
                         )}
                       </div>
@@ -357,7 +355,7 @@ export function RoomHeader() {
                   >
                     <div className="w-full flex justify-between items-center">
                       <div className="w-full flex justify-start items-center gap-2">
-                        <GripIcon size={16} /> Grid as dots
+                        <GripIcon size={16} /> Dots
                       </div>
                       {gridType === WEAVE_GRID_TYPES.DOTS && (
                         <Check size={16} />
@@ -378,7 +376,7 @@ export function RoomHeader() {
                   >
                     <div className="w-full flex justify-between items-center">
                       <div className="w-full flex justify-start items-center gap-2">
-                        <Grid3X3Icon size={16} /> Grid as lines
+                        <Grid3X3Icon size={16} /> Lines
                       </div>
                       {gridType === WEAVE_GRID_TYPES.LINES && (
                         <Check size={16} />
@@ -393,74 +391,65 @@ export function RoomHeader() {
                 <DropdownMenuItem
                   className="text-foreground cursor-pointer hover:rounded-none"
                   disabled={
-                    instance?.isEmpty() ||
+                    instance?.isEmpty() ??
                     weaveConnectionStatus !==
                       WEAVE_STORE_CONNECTION_STATUS.CONNECTED
                   }
                   onClick={handleExportToImage}
                 >
-                  <ImageIcon /> Export room as image
-                </DropdownMenuItem>
-                <DropdownMenuSeparator />
-                <DropdownMenuItem
-                  className="text-foreground cursor-pointer hover:rounded-none"
-                  onClick={() => {
-                    window.open(GITHUB_URL, "_blank", "noopener,noreferrer");
-                  }}
-                >
-                  <Github /> Code repository
-                </DropdownMenuItem>
-                <DropdownMenuItem
-                  className="text-foreground cursor-pointer hover:rounded-none"
-                  onClick={() => {
-                    window.open(
-                      DOCUMENTATION_URL,
-                      "_blank",
-                      "noopener,noreferrer"
-                    );
-                  }}
-                >
-                  <Book /> Documentation
+                  <ImageIcon /> Export as image
                 </DropdownMenuItem>
                 <DropdownMenuSeparator />
                 <DropdownMenuLabel className="px-2 py-1 pt-2 text-zinc-600 text-xs">
-                  Weave.js dependencies versions
+                  Other
                 </DropdownMenuLabel>
-                <DropdownMenuItem className="text-foreground cursor-pointer hover:rounded-none">
-                  <div className="w-full flex gap-1 justify-between items-center">
-                    <code>@inditextech/weave-sdk</code>
-                    <code className="bg-[#e9e9e9] px-2 py-1 ml-8">
-                      v{weavePackage.version}
-                    </code>
-                  </div>
-                </DropdownMenuItem>
-                <DropdownMenuItem className="text-foreground cursor-pointer hover:rounded-none">
-                  <div className="w-full flex gap-1 justify-between items-center">
-                    <code>@inditextech/weave-react</code>
-                    <code className="bg-[#e9e9e9] px-2 py-1 ml-8">
-                      v{weaveReactHelperPackage.version}
-                    </code>
-                  </div>
-                </DropdownMenuItem>
-                <DropdownMenuItem className="text-foreground cursor-pointer hover:rounded-none">
-                  <div className="w-full flex gap-1 justify-between items-center">
-                    <code>@inditextech/weave-store-azure-web-pubsub</code>
-                    <code className="bg-[#e9e9e9] px-2 py-1 ml-8">
-                      v{weaveStorePackage.version}
-                    </code>
-                  </div>
-                </DropdownMenuItem>
+                <DropdownMenuGroup>
+                  <DropdownMenuItem
+                    className="text-foreground cursor-pointer hover:rounded-none"
+                    onClick={() => {
+                      window.open(GITHUB_URL, "_blank", "noopener,noreferrer");
+                    }}
+                  >
+                    <ExternalLink /> GitHub
+                  </DropdownMenuItem>
+                  <DropdownMenuItem
+                    className="text-foreground cursor-pointer hover:rounded-none"
+                    onClick={() => {
+                      window.open(
+                        DOCUMENTATION_URL,
+                        "_blank",
+                        "noopener,noreferrer"
+                      );
+                    }}
+                  >
+                    <ExternalLink /> Documentation
+                  </DropdownMenuItem>
+                </DropdownMenuGroup>
                 <DropdownMenuSeparator />
-                <DropdownMenuItem
-                  className="text-foreground cursor-pointer hover:rounded-none"
-                  onClick={handleExitRoom}
-                >
-                  <LogOut /> Exit room
-                </DropdownMenuItem>
+                <DropdownMenuGroup>
+                  <HelpDrawerTrigger />
+                  <DropdownMenuItem
+                    className="text-foreground cursor-pointer hover:rounded-none w-full"
+                    onClick={handlePrintToConsoleState}
+                  >
+                    <Braces /> Print state to console
+                    <DropdownMenuShortcut>
+                      {[SYSTEM_OS.MAC as string].includes(os) && "⌥ ⌘ C"}
+                      {[SYSTEM_OS.WINDOWS as string].includes(os) &&
+                        "Alt Ctrl C"}
+                    </DropdownMenuShortcut>
+                  </DropdownMenuItem>
+                  <DropdownMenuItem
+                    className="text-foreground cursor-pointer hover:rounded-none"
+                    onClick={handleExitRoom}
+                  >
+                    <LogOut /> Exit room
+                  </DropdownMenuItem>
+                </DropdownMenuGroup>
               </DropdownMenuContent>
             </DropdownMenu>
-            <Divider />
-            <div className="flex justify-start items-center gap-1">
+            <Divider className="hidden lg:block" />
+            <div className="hidden lg:block flex justify-start items-center gap-1">
               <div className="flex justify-start items-center gap-2 font-inter text-foreground !normal-case min-h-[32px]">
                 <div className="font-inter text-[24px] font-light">{room}</div>
               </div>
@@ -481,7 +470,7 @@ export function RoomHeader() {
           }
         )}
       >
-        <div className="w-auto h-[72px] bg-white flex justify-between items-center gap-0 py-[5px] px-[32px] border-[0.5px] border-[#c9c9c9]">
+        <div className="w-auto h-[48px] 2xl:h-[72px] bg-white flex justify-between items-center gap-0 p-[5px] px-[12px] 2xl:py-[5px] 2xl:px-[32px] border-[0.5px] border-[#c9c9c9]">
           <div className="flex justify-end items-center gap-[24px]">
             <div className="flex justify-end items-center gap-[16px]">
               <ConnectionStatus weaveConnectionStatus={weaveConnectionStatus} />
@@ -489,142 +478,9 @@ export function RoomHeader() {
                 <ConnectedUsers />
               </div>
             </div>
-            <Divider />
-            <ZoomToolbar />
-            <div className="relative flex items-center gap-2">
-              <DropdownMenu
-                onOpenChange={(open: boolean) => {
-                  setSidebarsMenuOpen(open);
-                }}
-              >
-                <DropdownMenuTrigger
-                  disabled={
-                    weaveConnectionStatus !==
-                    WEAVE_STORE_CONNECTION_STATUS.CONNECTED
-                  }
-                  className={cn(
-                    "rounded-none cursor-pointer h-[40px] hover:text-[#666666] focus:outline-none",
-                    {
-                      ["font-normal"]: sidebarsMenuOpen,
-                      ["font-extralight"]: !sidebarsMenuOpen,
-                      ["disabled:cursor-default disabled:opacity-50"]:
-                        weaveConnectionStatus !==
-                        WEAVE_STORE_CONNECTION_STATUS.CONNECTED,
-                    }
-                  )}
-                >
-                  <TooltipProvider delayDuration={300}>
-                    <Tooltip>
-                      <TooltipTrigger asChild>
-                        <PencilRuler size={20} strokeWidth={1} />
-                      </TooltipTrigger>
-                      <TooltipContent
-                        side="bottom"
-                        align="end"
-                        sideOffset={8}
-                        className="rounded-none"
-                      >
-                        Toolbars
-                      </TooltipContent>
-                    </Tooltip>
-                  </TooltipProvider>
-                </DropdownMenuTrigger>
-                <DropdownMenuContent
-                  onCloseAutoFocus={(e) => {
-                    e.preventDefault();
-                  }}
-                  align="end"
-                  side="bottom"
-                  alignOffset={0}
-                  sideOffset={19}
-                  className="font-inter rounded-none"
-                >
-                  <DropdownMenuLabel className="px-2 py-1 pt-2 text-zinc-600 text-xs">
-                    Available Toolbars
-                  </DropdownMenuLabel>
-                  <DropdownMenuGroup>
-                    <DropdownMenuItem
-                      className="text-foreground cursor-pointer hover:rounded-none w-full"
-                      onClick={() => {
-                        sidebarToggle(SIDEBAR_ELEMENTS.images);
-                      }}
-                    >
-                      <Images /> Images
-                      <DropdownMenuShortcut>
-                        {SYSTEM_OS.MAC ? "⌥ ⌘ I" : "Alt Ctrl I"}
-                      </DropdownMenuShortcut>
-                    </DropdownMenuItem>
-                    <DropdownMenuItem
-                      className="text-foreground cursor-pointer hover:rounded-none w-full"
-                      onClick={() => {
-                        sidebarToggle(SIDEBAR_ELEMENTS.frames);
-                      }}
-                    >
-                      <Projector /> Frames
-                      <DropdownMenuShortcut>
-                        {SYSTEM_OS.MAC ? "⌥ ⌘ F" : "Alt Ctrl F"}
-                      </DropdownMenuShortcut>
-                    </DropdownMenuItem>
-                    <DropdownMenuItem
-                      className="text-foreground cursor-pointer hover:rounded-none w-full"
-                      onClick={() => {
-                        sidebarToggle(SIDEBAR_ELEMENTS.colorTokens);
-                      }}
-                    >
-                      <SwatchBook /> Color tokens
-                      <DropdownMenuShortcut>
-                        {SYSTEM_OS.MAC ? "⌥ ⌘ O" : "Alt Ctrl O"}
-                      </DropdownMenuShortcut>
-                    </DropdownMenuItem>
-                    <DropdownMenuItem
-                      className="text-foreground cursor-pointer hover:rounded-none w-full"
-                      onClick={() => {
-                        sidebarToggle(SIDEBAR_ELEMENTS.nodesTree);
-                      }}
-                    >
-                      <ListTree /> Elements tree
-                      <DropdownMenuShortcut>
-                        {SYSTEM_OS.MAC ? "⌥ ⌘ E" : "Alt Ctrl E"}
-                      </DropdownMenuShortcut>
-                    </DropdownMenuItem>
-                  </DropdownMenuGroup>
-                </DropdownMenuContent>
-              </DropdownMenu>
-              <button
-                className={cn(
-                  "rounded-none cursor-pointer h-[40px] hover:text-[#666666] focus:outline-none",
-                  {
-                    ["disabled:cursor-default disabled:opacity-50"]:
-                      !actualAction ||
-                      !node ||
-                      (!node && nodes && nodes.length < 2),
-                  }
-                )}
-                disabled={
-                  !actualAction ||
-                  (!node && !nodes) ||
-                  (!node && nodes && nodes.length < 2)
-                }
-                onClick={() => {
-                  setSidebarActive(SIDEBAR_ELEMENTS.nodeProperties, "right");
-                }}
-              >
-                <TooltipProvider delayDuration={300}>
-                  <Tooltip>
-                    <TooltipTrigger asChild>
-                      <PanelRight size={20} strokeWidth={1} />
-                    </TooltipTrigger>
-                    <TooltipContent
-                      side="bottom"
-                      align="end"
-                      sideOffset={8}
-                      className="rounded-none"
-                    >
-                      Node Properties
-                    </TooltipContent>
-                  </Tooltip>
-                </TooltipProvider>
-              </button>
+            <div className="hidden 2xl:flex justify-end items-center gap-[16px]">
+              <Divider />
+              <ZoomToolbar />
             </div>
           </div>
         </div>
diff --git a/code/components/room-components/overlay/tools-overlay.mouse.tsx b/code/components/room-components/overlay/tools-overlay.mouse.tsx
new file mode 100644
index 0000000..ac6da37
--- /dev/null
+++ b/code/components/room-components/overlay/tools-overlay.mouse.tsx
@@ -0,0 +1,863 @@
+// SPDX-FileCopyrightText: 2025 2025 INDUSTRIA DE DISEÑO TEXTIL S.A. (INDITEX S.A.)
+//
+// SPDX-License-Identifier: Apache-2.0
+
+"use client";
+
+import React from "react";
+import { Vector2d } from "konva/lib/types";
+import { ToolbarButton } from "../toolbar/toolbar-button";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { postImage } from "@/api/post-image";
+import {
+  Brush,
+  Image,
+  Images,
+  PenTool,
+  Square,
+  Type,
+  Frame,
+  MousePointer,
+  Tags,
+  Undo,
+  Redo,
+  Eraser,
+  Circle,
+  Star,
+  ArrowUpRight,
+  Hexagon,
+  ImagePlus,
+  PencilRuler,
+  ListTree,
+  SwatchBook,
+  Projector,
+  PanelRight,
+  ChevronDown,
+  ChevronUp,
+} from "lucide-react";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+  DropdownMenuShortcut,
+} from "@/components/ui/dropdown-menu";
+import { useWeave } from "@inditextech/weave-react";
+import { Toolbar } from "../toolbar/toolbar";
+import { motion } from "framer-motion";
+import { topElementVariants } from "./variants";
+import { SidebarActive, useCollaborationRoom } from "@/store/store";
+import { ShortcutElement } from "../help/shortcut-element";
+import { cn, SYSTEM_OS } from "@/lib/utils";
+import { useKeyboardHandler } from "../hooks/use-keyboard-handler";
+import { WEAVE_STORE_CONNECTION_STATUS } from "@inditextech/weave-types";
+import { useIACapabilities } from "@/store/ia";
+import { MoveToolTrigger } from "./tools-triggers/move-tool";
+import { SIDEBAR_ELEMENTS } from "@/lib/constants";
+import { ToolbarDivider } from "../toolbar/toolbar-divider";
+import { useShapesTools } from "./hooks/use-shapes-tools";
+import { useStrokesTools } from "./hooks/use-strokes-tools";
+import { useImagesTools } from "./hooks/use-images-tools";
+
+export function ToolsOverlayMouse() {
+  useKeyboardHandler();
+
+  const [actualShapeTool, setActualShapeTool] = React.useState("rectangleTool");
+  const [actualStrokesTool, setActualStrokesTool] = React.useState("penTool");
+  const [actualImagesTool, setActualImagesTool] = React.useState("imageTool");
+  const [shapesMenuOpen, setShapesMenuOpen] = React.useState(false);
+  const [strokesMenuOpen, setStrokesMenuOpen] = React.useState(false);
+  const [imagesMenuOpen, setImagesMenuOpen] = React.useState(false);
+  const [sidebarsMenuOpen, setSidebarsMenuOpen] = React.useState(false);
+
+  const instance = useWeave((state) => state.instance);
+  const actualAction = useWeave((state) => state.actions.actual);
+  const canUndo = useWeave((state) => state.undoRedo.canUndo);
+  const canRedo = useWeave((state) => state.undoRedo.canRedo);
+  const weaveConnectionStatus = useWeave((state) => state.connection.status);
+  const node = useWeave((state) => state.selection.node);
+  const nodes = useWeave((state) => state.selection.nodes);
+
+  const nodeCreateProps = useCollaborationRoom(
+    (state) => state.nodeProperties.createProps
+  );
+  const setSidebarActive = useCollaborationRoom(
+    (state) => state.setSidebarActive
+  );
+  const room = useCollaborationRoom((state) => state.room);
+  const showUI = useCollaborationRoom((state) => state.ui.show);
+  const setUploadingImage = useCollaborationRoom(
+    (state) => state.setUploadingImage
+  );
+  const imagesLLMPopupType = useIACapabilities((state) => state.llmPopup.type);
+  const imagesLLMPopupVisible = useIACapabilities(
+    (state) => state.llmPopup.visible
+  );
+  const setImagesLLMPopupType = useIACapabilities(
+    (state) => state.setImagesLLMPopupType
+  );
+  const setImagesLLMPopupVisible = useIACapabilities(
+    (state) => state.setImagesLLMPopupVisible
+  );
+
+  const queryClient = useQueryClient();
+
+  const mutationUpload = useMutation({
+    mutationFn: async (file: File) => {
+      return await postImage(room ?? "", file);
+    },
+  });
+
+  const setShowSelectFileImage = useCollaborationRoom(
+    (state) => state.setShowSelectFileImage
+  );
+  const setShowSelectFilesImages = useCollaborationRoom(
+    (state) => state.setShowSelectFilesImages
+  );
+
+  const sidebarToggle = React.useCallback(
+    (element: SidebarActive) => {
+      setSidebarActive(element);
+    },
+    [setSidebarActive]
+  );
+
+  const triggerTool = React.useCallback(
+    (toolName: string, params?: unknown) => {
+      if (instance && actualAction !== toolName) {
+        instance.triggerAction(toolName, params);
+        return;
+      }
+      if (instance && actualAction === toolName) {
+        instance.cancelAction(toolName);
+      }
+    },
+    [instance, actualAction]
+  );
+
+  React.useEffect(() => {
+    const onPasteExternalImage = async ({
+      position,
+      item,
+    }: {
+      position: Vector2d;
+      item: ClipboardItem;
+    }) => {
+      let blob: Blob | null = null;
+      if (item.types.includes("image/png")) {
+        blob = await item.getType("image/png");
+      }
+      if (item.types.includes("image/jpeg")) {
+        blob = await item.getType("image/jpeg");
+      }
+      if (item.types.includes("image/gif")) {
+        blob = await item.getType("image/gif");
+      }
+
+      if (!blob) {
+        return;
+      }
+
+      setUploadingImage(true);
+      const file = new File([blob], "external.image");
+      mutationUpload.mutate(file, {
+        onSuccess: (data) => {
+          const room: string = data.fileName.split("/")[0];
+          const imageId = data.fileName.split("/")[1];
+
+          const queryKey = ["getImages", room];
+          queryClient.invalidateQueries({ queryKey });
+
+          instance?.triggerAction(
+            "imageTool",
+            {
+              position,
+              imageURL: `${process.env.NEXT_PUBLIC_API_ENDPOINT}/weavejs/rooms/${room}/images/${imageId}`,
+            }
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          ) as any;
+        },
+        onError: () => {
+          console.error("Error uploading image");
+        },
+        onSettled: () => {
+          setUploadingImage(false);
+        },
+      });
+    };
+
+    if (instance) {
+      instance.addEventListener("onPasteExternal", onPasteExternalImage);
+    }
+
+    return () => {
+      if (instance) {
+        instance.removeEventListener("onPasteExternal", onPasteExternalImage);
+      }
+    };
+  }, [
+    instance,
+    queryClient,
+    mutationUpload,
+    setShowSelectFileImage,
+    setUploadingImage,
+  ]);
+
+  const SHAPES_TOOLS = useShapesTools();
+  const STROKES_TOOLS = useStrokesTools();
+  const IMAGES_TOOLS = useImagesTools();
+
+  if (!showUI) {
+    return null;
+  }
+
+  return (
+    <motion.div
+      initial="hidden"
+      animate="visible"
+      exit="hidden"
+      variants={topElementVariants}
+      className="pointer-events-none absolute left-[16px] right-[16px] bottom-[16px] flex flex-col gap-2 justify-center items-center"
+    >
+      <Toolbar orientation="horizontal" className="hidden 2xl:flex">
+        <MoveToolTrigger />
+        <ToolbarButton
+          className="rounded-full !w-[40px]"
+          icon={<MousePointer className="px-2" size={40} strokeWidth={1} />}
+          disabled={
+            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+          }
+          active={actualAction === "selectionTool"}
+          onClick={() => triggerTool("selectionTool")}
+          label={
+            <div className="flex gap-3 justify-start items-center">
+              <p>Selection tool</p>
+              <ShortcutElement
+                shortcuts={{
+                  [SYSTEM_OS.MAC]: "S",
+                  [SYSTEM_OS.OTHER]: "S",
+                }}
+              />
+            </div>
+          }
+          tooltipSide="top"
+          tooltipAlign="center"
+        />
+        <ToolbarButton
+          className="rounded-full !w-[40px]"
+          icon={<Eraser className="px-2" size={40} strokeWidth={1} />}
+          disabled={
+            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+          }
+          active={actualAction === "eraserTool"}
+          onClick={() => triggerTool("eraserTool")}
+          label={
+            <div className="flex gap-3 justify-start items-center">
+              <p>Erase tool</p>
+              <ShortcutElement
+                shortcuts={{
+                  [SYSTEM_OS.MAC]: "D",
+                  [SYSTEM_OS.OTHER]: "D",
+                }}
+              />
+            </div>
+          }
+          tooltipSide="top"
+          tooltipAlign="center"
+        />
+        <ToolbarDivider />
+        <div className="relative flex gap-0 justify-start items-center">
+          <ToolbarButton
+            className="rounded-full !w-[40px]"
+            icon={SHAPES_TOOLS[actualShapeTool].icon}
+            disabled={
+              weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+            }
+            active={SHAPES_TOOLS[actualShapeTool].active()}
+            onClick={SHAPES_TOOLS[actualShapeTool].onClick}
+            label={SHAPES_TOOLS[actualShapeTool].label}
+            tooltipSide="top"
+            tooltipAlign="center"
+          />
+          <DropdownMenu
+            open={shapesMenuOpen}
+            onOpenChange={(open: boolean) => {
+              setShapesMenuOpen(open);
+              setStrokesMenuOpen(false);
+              setImagesMenuOpen(false);
+              setSidebarsMenuOpen(false);
+            }}
+          >
+            <DropdownMenuTrigger
+              disabled={
+                weaveConnectionStatus !==
+                WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+              }
+              className={cn(
+                "relative rounded-none cursor-pointer h-[40px] hover:text-[#666666] focus:outline-none",
+                {
+                  ["disabled:cursor-default disabled:opacity-50"]:
+                    weaveConnectionStatus !==
+                    WEAVE_STORE_CONNECTION_STATUS.CONNECTED,
+                }
+              )}
+              asChild
+            >
+              <ToolbarButton
+                className="rounded-full !w-[40px] !h-[20px] absolute bg-white !w-[40px] border border-[#c9c9c9] rounded-full left-0 top-[-28px]"
+                icon={
+                  shapesMenuOpen ? (
+                    <ChevronDown className="px-0" size={20} strokeWidth={1} />
+                  ) : (
+                    <ChevronUp className="px-0" size={20} strokeWidth={1} />
+                  )
+                }
+                disabled={
+                  weaveConnectionStatus !==
+                  WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+                }
+                onClick={() => {
+                  setShapesMenuOpen((prev) => !prev);
+                  setStrokesMenuOpen(false);
+                  setImagesMenuOpen(false);
+                  setSidebarsMenuOpen(false);
+                }}
+                label={
+                  <div className="flex gap-3 justify-start items-center">
+                    <p>More shapes tools</p>
+                  </div>
+                }
+                tooltipSideOffset={4}
+                tooltipSide="top"
+                tooltipAlign="center"
+              />
+            </DropdownMenuTrigger>
+            <DropdownMenuContent
+              onCloseAutoFocus={(e) => {
+                e.preventDefault();
+              }}
+              align="start"
+              side="bottom"
+              alignOffset={0}
+              sideOffset={3}
+              className="font-inter rounded-none shadow-none"
+            >
+              <DropdownMenuItem
+                className="text-foreground cursor-pointer hover:rounded-none w-full"
+                onClick={() => {
+                  setActualShapeTool("rectangleTool");
+                  triggerTool("rectangleTool");
+                }}
+              >
+                <Square size={20} strokeWidth={1} /> Rectangle tool
+                <DropdownMenuShortcut>R</DropdownMenuShortcut>
+              </DropdownMenuItem>
+              <DropdownMenuItem
+                className="text-foreground cursor-pointer hover:rounded-none w-full"
+                onClick={() => {
+                  setActualShapeTool("ellipseTool");
+                  triggerTool("ellipseTool");
+                }}
+              >
+                <Circle size={20} strokeWidth={1} /> Ellipse tool
+                <DropdownMenuShortcut>E</DropdownMenuShortcut>
+              </DropdownMenuItem>
+              <DropdownMenuItem
+                className="text-foreground cursor-pointer hover:rounded-none w-full"
+                onClick={() => {
+                  setActualShapeTool("regularPolygonTool");
+                  triggerTool("regularPolygonTool");
+                }}
+              >
+                <Hexagon size={20} strokeWidth={1} /> Regular Polygon tool
+                <DropdownMenuShortcut>P</DropdownMenuShortcut>
+              </DropdownMenuItem>
+              <DropdownMenuItem
+                className="text-foreground cursor-pointer hover:rounded-none w-full"
+                onClick={() => {
+                  setActualShapeTool("starTool");
+                  triggerTool("starTool");
+                }}
+              >
+                <Star size={20} strokeWidth={1} /> Star tool
+                <DropdownMenuShortcut>J</DropdownMenuShortcut>
+              </DropdownMenuItem>
+              <DropdownMenuItem
+                className="text-foreground cursor-pointer hover:rounded-none w-full"
+                onClick={() => {
+                  setActualShapeTool("colorTokenTool");
+                  triggerTool("colorTokenTool");
+                }}
+              >
+                <Tags size={20} strokeWidth={1} /> Color Token Reference tool
+                <DropdownMenuShortcut>K</DropdownMenuShortcut>
+              </DropdownMenuItem>
+            </DropdownMenuContent>
+          </DropdownMenu>
+        </div>
+        <div className="relative flex gap-0 justify-start items-center">
+          <ToolbarButton
+            className="rounded-full !w-[40px]"
+            icon={STROKES_TOOLS[actualStrokesTool].icon}
+            disabled={
+              weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+            }
+            active={STROKES_TOOLS[actualStrokesTool].active()}
+            onClick={STROKES_TOOLS[actualStrokesTool].onClick}
+            label={STROKES_TOOLS[actualStrokesTool].label}
+            tooltipSide="top"
+            tooltipAlign="center"
+          />
+          <DropdownMenu
+            open={strokesMenuOpen}
+            onOpenChange={(open: boolean) => {
+              setShapesMenuOpen(false);
+              setStrokesMenuOpen(open);
+              setImagesMenuOpen(false);
+              setSidebarsMenuOpen(false);
+            }}
+          >
+            <DropdownMenuTrigger
+              disabled={
+                weaveConnectionStatus !==
+                WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+              }
+              className={cn(
+                "relative rounded-none cursor-pointer h-[40px] hover:text-[#666666] focus:outline-none",
+                {
+                  ["disabled:cursor-default disabled:opacity-50"]:
+                    weaveConnectionStatus !==
+                    WEAVE_STORE_CONNECTION_STATUS.CONNECTED,
+                }
+              )}
+              asChild
+            >
+              <ToolbarButton
+                className="rounded-full !w-[40px] !h-[20px] absolute bg-white !w-[40px] border border-[#c9c9c9] rounded-full left-0 top-[-28px]"
+                icon={
+                  strokesMenuOpen ? (
+                    <ChevronDown className="px-0" size={20} strokeWidth={1} />
+                  ) : (
+                    <ChevronUp className="px-0" size={20} strokeWidth={1} />
+                  )
+                }
+                disabled={
+                  weaveConnectionStatus !==
+                  WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+                }
+                onClick={() => {
+                  setShapesMenuOpen(false);
+                  setStrokesMenuOpen((prev) => !prev);
+                  setImagesMenuOpen(false);
+                  setSidebarsMenuOpen(false);
+                }}
+                label={
+                  <div className="flex gap-3 justify-start items-center">
+                    <p>More strokes tools</p>
+                  </div>
+                }
+                tooltipSideOffset={4}
+                tooltipSide="top"
+                tooltipAlign="center"
+              />
+            </DropdownMenuTrigger>
+            <DropdownMenuContent
+              onCloseAutoFocus={(e) => {
+                e.preventDefault();
+              }}
+              align="start"
+              side="bottom"
+              alignOffset={0}
+              sideOffset={3}
+              className="font-inter rounded-none shadow-none"
+            >
+              <DropdownMenuItem
+                className="text-foreground cursor-pointer hover:rounded-none w-full"
+                onClick={() => {
+                  setActualStrokesTool("penTool");
+                  triggerTool("penTool");
+                }}
+              >
+                <PenTool size={20} strokeWidth={1} /> Pen tool
+                <DropdownMenuShortcut>L</DropdownMenuShortcut>
+              </DropdownMenuItem>
+              <DropdownMenuItem
+                className="text-foreground cursor-pointer hover:rounded-none w-full"
+                onClick={() => {
+                  setActualStrokesTool("brushTool");
+                  triggerTool("brushTool");
+                }}
+              >
+                <Brush size={20} strokeWidth={1} /> Brush tool
+                <DropdownMenuShortcut>B</DropdownMenuShortcut>
+              </DropdownMenuItem>
+              <DropdownMenuItem
+                className="text-foreground cursor-pointer hover:rounded-none w-full"
+                onClick={() => {
+                  setActualStrokesTool("arrowTool");
+                  triggerTool("arrowTool");
+                }}
+              >
+                <ArrowUpRight size={20} strokeWidth={1} /> Arrow tool
+                <DropdownMenuShortcut>A</DropdownMenuShortcut>
+              </DropdownMenuItem>
+            </DropdownMenuContent>
+          </DropdownMenu>
+        </div>
+        <div className="relative flex gap-0 justify-start items-center">
+          <ToolbarButton
+            className="rounded-full !w-[40px]"
+            icon={IMAGES_TOOLS[actualImagesTool].icon}
+            disabled={
+              weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+            }
+            active={IMAGES_TOOLS[actualImagesTool].active()}
+            onClick={IMAGES_TOOLS[actualImagesTool].onClick}
+            label={IMAGES_TOOLS[actualImagesTool].label}
+            tooltipSide="top"
+            tooltipAlign="center"
+          />
+          <DropdownMenu
+            open={imagesMenuOpen}
+            onOpenChange={(open: boolean) => {
+              setShapesMenuOpen(false);
+              setStrokesMenuOpen(false);
+              setImagesMenuOpen(open);
+              setSidebarsMenuOpen(false);
+            }}
+          >
+            <DropdownMenuTrigger
+              disabled={
+                weaveConnectionStatus !==
+                WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+              }
+              className={cn(
+                "relative rounded-none cursor-pointer h-[40px] hover:text-[#666666] focus:outline-none",
+                {
+                  ["disabled:cursor-default disabled:opacity-50"]:
+                    weaveConnectionStatus !==
+                    WEAVE_STORE_CONNECTION_STATUS.CONNECTED,
+                }
+              )}
+              asChild
+            >
+              <ToolbarButton
+                className="rounded-full !w-[40px] !h-[20px] absolute bg-white !w-[40px] border border-[#c9c9c9] rounded-full left-0 top-[-28px]"
+                icon={
+                  imagesMenuOpen ? (
+                    <ChevronDown className="px-0" size={20} strokeWidth={1} />
+                  ) : (
+                    <ChevronUp className="px-0" size={20} strokeWidth={1} />
+                  )
+                }
+                disabled={
+                  weaveConnectionStatus !==
+                  WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+                }
+                onClick={() => {
+                  setShapesMenuOpen(false);
+                  setStrokesMenuOpen(false);
+                  setImagesMenuOpen((prev) => !prev);
+                  setSidebarsMenuOpen(false);
+                }}
+                label={
+                  <div className="flex gap-3 justify-start items-center">
+                    <p>More images tools</p>
+                  </div>
+                }
+                tooltipSideOffset={4}
+                tooltipSide="top"
+                tooltipAlign="center"
+              />
+            </DropdownMenuTrigger>
+            <DropdownMenuContent
+              onCloseAutoFocus={(e) => {
+                e.preventDefault();
+              }}
+              align="start"
+              side="bottom"
+              alignOffset={0}
+              sideOffset={3}
+              className="font-inter rounded-none shadow-none"
+            >
+              <DropdownMenuItem
+                className="text-foreground cursor-pointer hover:rounded-none w-full"
+                onClick={() => {
+                  setActualImagesTool("imageTool");
+                  triggerTool("imageTool");
+                  setShowSelectFileImage(true);
+                }}
+              >
+                {/* eslint-disable-next-line jsx-a11y/alt-text */}
+                <Image size={20} strokeWidth={1} /> Image tool
+                <DropdownMenuShortcut>I</DropdownMenuShortcut>
+              </DropdownMenuItem>
+              <DropdownMenuItem
+                className="text-foreground cursor-pointer hover:rounded-none w-full"
+                onClick={() => {
+                  setActualImagesTool("imagesTool");
+                  setShowSelectFilesImages(true);
+                  // triggerTool("imagesTool");
+                }}
+              >
+                <Images size={20} strokeWidth={1} /> Images tool
+                <DropdownMenuShortcut>O</DropdownMenuShortcut>
+              </DropdownMenuItem>
+              <DropdownMenuItem
+                className="text-foreground cursor-pointer hover:rounded-none w-full"
+                onClick={() => {
+                  setActualImagesTool("generateImageTool");
+                  setImagesMenuOpen(false);
+                  setImagesLLMPopupType("create");
+                  if (imagesLLMPopupType === "create") {
+                    setImagesLLMPopupVisible(!imagesLLMPopupVisible);
+                  } else {
+                    setImagesLLMPopupVisible(true);
+                  }
+                }}
+              >
+                <ImagePlus size={20} strokeWidth={1} /> Generate Image tool
+                <DropdownMenuShortcut>G</DropdownMenuShortcut>
+              </DropdownMenuItem>
+            </DropdownMenuContent>
+          </DropdownMenu>
+        </div>
+        <ToolbarButton
+          className="rounded-full !w-[40px]"
+          icon={<Type className="px-2" size={40} strokeWidth={1} />}
+          disabled={
+            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+          }
+          active={actualAction === "textTool"}
+          onClick={() => triggerTool("textTool")}
+          label={
+            <div className="flex gap-3 justify-start items-center">
+              <p>Text tool</p>
+              <ShortcutElement
+                shortcuts={{
+                  [SYSTEM_OS.MAC]: "T",
+                  [SYSTEM_OS.OTHER]: "T",
+                }}
+              />
+            </div>
+          }
+          tooltipSide="top"
+          tooltipAlign="center"
+        />
+        <ToolbarButton
+          className="rounded-full !w-[40px]"
+          icon={<Frame className="px-2" size={40} strokeWidth={1} />}
+          disabled={
+            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+          }
+          active={actualAction === "frameTool"}
+          onClick={() => triggerTool("frameTool", nodeCreateProps)}
+          label={
+            <div className="flex gap-3 justify-start items-center">
+              <p>Frame tool</p>
+              <ShortcutElement
+                shortcuts={{
+                  [SYSTEM_OS.MAC]: "F",
+                  [SYSTEM_OS.OTHER]: "F",
+                }}
+              />
+            </div>
+          }
+          tooltipSide="top"
+          tooltipAlign="center"
+        />
+        <ToolbarDivider />
+        <DropdownMenu
+          open={sidebarsMenuOpen}
+          onOpenChange={(open: boolean) => {
+            setShapesMenuOpen(false);
+            setStrokesMenuOpen(false);
+            setImagesMenuOpen(false);
+            setSidebarsMenuOpen(open);
+          }}
+        >
+          <DropdownMenuTrigger
+            disabled={
+              weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+            }
+            className={cn(
+              "rounded-none cursor-pointer h-[40px] hover:text-[#666666] focus:outline-none",
+              {
+                ["font-normal"]: sidebarsMenuOpen,
+                ["font-extralight"]: !sidebarsMenuOpen,
+                ["disabled:cursor-default disabled:opacity-50"]:
+                  weaveConnectionStatus !==
+                  WEAVE_STORE_CONNECTION_STATUS.CONNECTED,
+              }
+            )}
+            asChild
+          >
+            <ToolbarButton
+              className="rounded-full !w-[40px]"
+              icon={<PencilRuler className="px-2" size={40} strokeWidth={1} />}
+              disabled={
+                weaveConnectionStatus !==
+                WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+              }
+              onClick={() => {
+                setShapesMenuOpen(false);
+                setStrokesMenuOpen(false);
+                setImagesMenuOpen(false);
+                setSidebarsMenuOpen((prev) => !prev);
+              }}
+              label={
+                <div className="flex gap-3 justify-start items-center">
+                  <p>Toolbars</p>
+                  <ShortcutElement
+                    shortcuts={{
+                      [SYSTEM_OS.MAC]: "⌘ Z",
+                      [SYSTEM_OS.OTHER]: "Ctrl Z",
+                    }}
+                  />
+                </div>
+              }
+              tooltipSide="top"
+              tooltipAlign="center"
+            />
+          </DropdownMenuTrigger>
+          <DropdownMenuContent
+            onCloseAutoFocus={(e) => {
+              e.preventDefault();
+            }}
+            align="start"
+            side="bottom"
+            alignOffset={0}
+            sideOffset={8}
+            className="font-inter rounded-none shadow-none"
+          >
+            <DropdownMenuItem
+              className="text-foreground cursor-pointer hover:rounded-none w-full"
+              onClick={() => {
+                sidebarToggle(SIDEBAR_ELEMENTS.images);
+              }}
+            >
+              <Images /> Images
+              <DropdownMenuShortcut>
+                {SYSTEM_OS.MAC ? "⌥ ⌘ I" : "Alt Ctrl I"}
+              </DropdownMenuShortcut>
+            </DropdownMenuItem>
+            <DropdownMenuItem
+              className="text-foreground cursor-pointer hover:rounded-none w-full"
+              onClick={() => {
+                sidebarToggle(SIDEBAR_ELEMENTS.frames);
+              }}
+            >
+              <Projector /> Frames
+              <DropdownMenuShortcut>
+                {SYSTEM_OS.MAC ? "⌥ ⌘ F" : "Alt Ctrl F"}
+              </DropdownMenuShortcut>
+            </DropdownMenuItem>
+            <DropdownMenuItem
+              className="text-foreground cursor-pointer hover:rounded-none w-full"
+              onClick={() => {
+                sidebarToggle(SIDEBAR_ELEMENTS.colorTokens);
+              }}
+            >
+              <SwatchBook /> Color tokens
+              <DropdownMenuShortcut>
+                {SYSTEM_OS.MAC ? "⌥ ⌘ O" : "Alt Ctrl O"}
+              </DropdownMenuShortcut>
+            </DropdownMenuItem>
+            <DropdownMenuItem
+              className="text-foreground cursor-pointer hover:rounded-none w-full"
+              onClick={() => {
+                sidebarToggle(SIDEBAR_ELEMENTS.nodesTree);
+              }}
+            >
+              <ListTree /> Elements tree
+              <DropdownMenuShortcut>
+                {SYSTEM_OS.MAC ? "⌥ ⌘ E" : "Alt Ctrl E"}
+              </DropdownMenuShortcut>
+            </DropdownMenuItem>
+          </DropdownMenuContent>
+        </DropdownMenu>
+        <ToolbarButton
+          className="rounded-full !w-[40px]"
+          icon={<PanelRight className="px-2" size={40} strokeWidth={1} />}
+          disabled={
+            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED ||
+            !actualAction ||
+            (!node && !nodes) ||
+            (!node && nodes && nodes.length < 2)
+          }
+          onClick={() => {
+            setSidebarActive(SIDEBAR_ELEMENTS.nodeProperties, "right");
+          }}
+          label={
+            <div className="flex gap-3 justify-start items-center">
+              <p>Node Properties</p>
+              <ShortcutElement
+                shortcuts={{
+                  [SYSTEM_OS.MAC]: "⌘ Z",
+                  [SYSTEM_OS.OTHER]: "Ctrl Z",
+                }}
+              />
+            </div>
+          }
+          tooltipSide="top"
+          tooltipAlign="center"
+        />
+        <ToolbarDivider />
+        <ToolbarButton
+          className="rounded-full !w-[40px]"
+          icon={<Undo className="px-2" size={40} strokeWidth={1} />}
+          disabled={
+            !canUndo ||
+            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+          }
+          onClick={() => {
+            if (instance) {
+              const actualStore = instance.getStore();
+              actualStore.undoStateStep();
+            }
+          }}
+          label={
+            <div className="flex gap-3 justify-start items-center">
+              <p>Undo latest changes</p>
+              <ShortcutElement
+                shortcuts={{
+                  [SYSTEM_OS.MAC]: "⌘ Z",
+                  [SYSTEM_OS.OTHER]: "Ctrl Z",
+                }}
+              />
+            </div>
+          }
+          tooltipSide="top"
+          tooltipAlign="center"
+        />
+        <ToolbarButton
+          className="rounded-full !w-[40px]"
+          icon={<Redo className="px-2" size={40} strokeWidth={1} />}
+          disabled={
+            !canRedo ||
+            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+          }
+          onClick={() => {
+            if (instance) {
+              const actualStore = instance.getStore();
+              actualStore.redoStateStep();
+            }
+          }}
+          label={
+            <div className="flex gap-3 justify-start items-center">
+              <p>Redo latest changes</p>
+              <ShortcutElement
+                shortcuts={{
+                  [SYSTEM_OS.MAC]: "⌘ Y",
+                  [SYSTEM_OS.OTHER]: "Ctrl Y",
+                }}
+              />
+            </div>
+          }
+          tooltipSide="top"
+          tooltipAlign="center"
+        />
+      </Toolbar>
+    </motion.div>
+  );
+}
diff --git a/code/components/room-components/overlay/tools-overlay.touch.tsx b/code/components/room-components/overlay/tools-overlay.touch.tsx
new file mode 100644
index 0000000..977bf4a
--- /dev/null
+++ b/code/components/room-components/overlay/tools-overlay.touch.tsx
@@ -0,0 +1,912 @@
+// SPDX-FileCopyrightText: 2025 2025 INDUSTRIA DE DISEÑO TEXTIL S.A. (INDITEX S.A.)
+//
+// SPDX-License-Identifier: Apache-2.0
+
+"use client";
+
+import React from "react";
+import { Vector2d } from "konva/lib/types";
+import { ToolbarButton } from "../toolbar/toolbar-button";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { postImage } from "@/api/post-image";
+import {
+  Brush,
+  Image,
+  Images,
+  PenTool,
+  Square,
+  Type,
+  Frame,
+  MousePointer,
+  Tags,
+  Undo,
+  Redo,
+  Eraser,
+  Circle,
+  Star,
+  ArrowUpRight,
+  Hexagon,
+  ImagePlus,
+  ChevronRight,
+  ChevronLeft,
+  PencilRuler,
+  ListTree,
+  SwatchBook,
+  Projector,
+  PanelRight,
+} from "lucide-react";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+  DropdownMenuShortcut,
+} from "@/components/ui/dropdown-menu";
+import { useWeave } from "@inditextech/weave-react";
+import { Toolbar } from "../toolbar/toolbar";
+import { motion } from "framer-motion";
+import { leftElementVariants } from "./variants";
+import { SidebarActive, useCollaborationRoom } from "@/store/store";
+import { ShortcutElement } from "../help/shortcut-element";
+import { cn, SYSTEM_OS } from "@/lib/utils";
+import { useKeyboardHandler } from "../hooks/use-keyboard-handler";
+import { WEAVE_STORE_CONNECTION_STATUS } from "@inditextech/weave-types";
+import { useIACapabilities } from "@/store/ia";
+import { MoveToolTrigger } from "./tools-triggers/move-tool";
+import { SIDEBAR_ELEMENTS } from "@/lib/constants";
+import { ToolbarDivider } from "../toolbar/toolbar-divider";
+import { useShapesTools } from "./hooks/use-shapes-tools";
+import { useStrokesTools } from "./hooks/use-strokes-tools";
+import { useImagesTools } from "./hooks/use-images-tools";
+
+export function ToolsOverlayTouch() {
+  useKeyboardHandler();
+
+  const [actualShapeTool, setActualShapeTool] = React.useState("rectangleTool");
+  const [actualStrokesTool, setActualStrokesTool] = React.useState("penTool");
+  const [actualImagesTool, setActualImagesTool] = React.useState("imageTool");
+  const [shapesMenuOpen, setShapesMenuOpen] = React.useState(false);
+  const [strokesMenuOpen, setStrokesMenuOpen] = React.useState(false);
+  const [imagesMenuOpen, setImagesMenuOpen] = React.useState(false);
+  const [sidebarsMenuOpen, setSidebarsMenuOpen] = React.useState(false);
+
+  const instance = useWeave((state) => state.instance);
+  const actualAction = useWeave((state) => state.actions.actual);
+  const canUndo = useWeave((state) => state.undoRedo.canUndo);
+  const canRedo = useWeave((state) => state.undoRedo.canRedo);
+  const weaveConnectionStatus = useWeave((state) => state.connection.status);
+  const node = useWeave((state) => state.selection.node);
+  const nodes = useWeave((state) => state.selection.nodes);
+
+  const nodeCreateProps = useCollaborationRoom(
+    (state) => state.nodeProperties.createProps
+  );
+  const setSidebarActive = useCollaborationRoom(
+    (state) => state.setSidebarActive
+  );
+  const room = useCollaborationRoom((state) => state.room);
+  const showUI = useCollaborationRoom((state) => state.ui.show);
+  const setUploadingImage = useCollaborationRoom(
+    (state) => state.setUploadingImage
+  );
+  const imagesLLMPopupType = useIACapabilities((state) => state.llmPopup.type);
+  const imagesLLMPopupVisible = useIACapabilities(
+    (state) => state.llmPopup.visible
+  );
+  const setImagesLLMPopupType = useIACapabilities(
+    (state) => state.setImagesLLMPopupType
+  );
+  const setImagesLLMPopupVisible = useIACapabilities(
+    (state) => state.setImagesLLMPopupVisible
+  );
+
+  const queryClient = useQueryClient();
+
+  const mutationUpload = useMutation({
+    mutationFn: async (file: File) => {
+      return await postImage(room ?? "", file);
+    },
+  });
+
+  const setShowSelectFileImage = useCollaborationRoom(
+    (state) => state.setShowSelectFileImage
+  );
+  const setShowSelectFilesImages = useCollaborationRoom(
+    (state) => state.setShowSelectFilesImages
+  );
+
+  const sidebarToggle = React.useCallback(
+    (element: SidebarActive) => {
+      setSidebarActive(element);
+    },
+    [setSidebarActive]
+  );
+
+  const triggerTool = React.useCallback(
+    (toolName: string, params?: unknown) => {
+      if (instance && actualAction !== toolName) {
+        instance.triggerAction(toolName, params);
+        return;
+      }
+      if (instance && actualAction === toolName) {
+        instance.cancelAction(toolName);
+      }
+    },
+    [instance, actualAction]
+  );
+
+  React.useEffect(() => {
+    const onPasteExternalImage = async ({
+      position,
+      item,
+    }: {
+      position: Vector2d;
+      item: ClipboardItem;
+    }) => {
+      let blob: Blob | null = null;
+      if (item.types.includes("image/png")) {
+        blob = await item.getType("image/png");
+      }
+      if (item.types.includes("image/jpeg")) {
+        blob = await item.getType("image/jpeg");
+      }
+      if (item.types.includes("image/gif")) {
+        blob = await item.getType("image/gif");
+      }
+
+      if (!blob) {
+        return;
+      }
+
+      setUploadingImage(true);
+      const file = new File([blob], "external.image");
+      mutationUpload.mutate(file, {
+        onSuccess: (data) => {
+          const room: string = data.fileName.split("/")[0];
+          const imageId = data.fileName.split("/")[1];
+
+          const queryKey = ["getImages", room];
+          queryClient.invalidateQueries({ queryKey });
+
+          instance?.triggerAction(
+            "imageTool",
+            {
+              position,
+              imageURL: `${process.env.NEXT_PUBLIC_API_ENDPOINT}/weavejs/rooms/${room}/images/${imageId}`,
+            }
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          ) as any;
+        },
+        onError: () => {
+          console.error("Error uploading image");
+        },
+        onSettled: () => {
+          setUploadingImage(false);
+        },
+      });
+    };
+
+    if (instance) {
+      instance.addEventListener("onPasteExternal", onPasteExternalImage);
+    }
+
+    return () => {
+      if (instance) {
+        instance.removeEventListener("onPasteExternal", onPasteExternalImage);
+      }
+    };
+  }, [
+    instance,
+    queryClient,
+    mutationUpload,
+    setShowSelectFileImage,
+    setUploadingImage,
+  ]);
+
+  const SHAPES_TOOLS = useShapesTools();
+  const STROKES_TOOLS = useStrokesTools();
+  const IMAGES_TOOLS = useImagesTools();
+
+  if (!showUI) {
+    return null;
+  }
+
+  return (
+    <motion.div
+      initial="hidden"
+      animate="visible"
+      exit="hidden"
+      variants={leftElementVariants}
+      className="pointer-events-none absolute left-[16px] top-[16px] bottom-[16px] flex flex-col gap-2 justify-center items-center"
+    >
+      <Toolbar orientation="vertical" className="flex 2xl:hidden">
+        <ToolbarButton
+          className="rounded-full !w-[40px]"
+          icon={<Redo className="px-2" size={40} strokeWidth={1} />}
+          disabled={
+            !canRedo ||
+            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+          }
+          onClick={() => {
+            if (instance) {
+              const actualStore = instance.getStore();
+              actualStore.redoStateStep();
+            }
+          }}
+          label={
+            <div className="flex gap-3 justify-start items-center">
+              <p>Redo latest changes</p>
+              <ShortcutElement
+                shortcuts={{
+                  [SYSTEM_OS.MAC]: "⌘ Y",
+                  [SYSTEM_OS.OTHER]: "Ctrl Y",
+                }}
+              />
+            </div>
+          }
+          tooltipSide="right"
+          tooltipAlign="center"
+        />
+        <ToolbarButton
+          className="rounded-full !w-[40px]"
+          icon={<Undo className="px-2" size={40} strokeWidth={1} />}
+          disabled={
+            !canUndo ||
+            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+          }
+          onClick={() => {
+            if (instance) {
+              const actualStore = instance.getStore();
+              actualStore.undoStateStep();
+            }
+          }}
+          label={
+            <div className="flex gap-3 justify-start items-center">
+              <p>Undo latest changes</p>
+              <ShortcutElement
+                shortcuts={{
+                  [SYSTEM_OS.MAC]: "⌘ Z",
+                  [SYSTEM_OS.OTHER]: "Ctrl Z",
+                }}
+              />
+            </div>
+          }
+          tooltipSide="right"
+          tooltipAlign="center"
+        />
+        <ToolbarDivider orientation="horizontal" />
+        <DropdownMenu
+          open={sidebarsMenuOpen}
+          onOpenChange={(open: boolean) => {
+            setShapesMenuOpen(false);
+            setStrokesMenuOpen(false);
+            setImagesMenuOpen(false);
+            setSidebarsMenuOpen(open);
+          }}
+        >
+          <DropdownMenuTrigger
+            disabled={
+              weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+            }
+            className={cn(
+              "rounded-none cursor-pointer h-[40px] hover:text-[#666666] focus:outline-none",
+              {
+                ["font-normal"]: sidebarsMenuOpen,
+                ["font-extralight"]: !sidebarsMenuOpen,
+                ["disabled:cursor-default disabled:opacity-50"]:
+                  weaveConnectionStatus !==
+                  WEAVE_STORE_CONNECTION_STATUS.CONNECTED,
+              }
+            )}
+            asChild
+          >
+            <ToolbarButton
+              className="rounded-full !w-[40px]"
+              icon={<PencilRuler className="px-2" size={40} strokeWidth={1} />}
+              disabled={
+                weaveConnectionStatus !==
+                WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+              }
+              onClick={() => {
+                setShapesMenuOpen(false);
+                setStrokesMenuOpen(false);
+                setImagesMenuOpen(false);
+                setSidebarsMenuOpen((prev) => !prev);
+              }}
+              label={
+                <div className="flex gap-3 justify-start items-center">
+                  <p>Toolbars</p>
+                  <ShortcutElement
+                    shortcuts={{
+                      [SYSTEM_OS.MAC]: "⌘ Z",
+                      [SYSTEM_OS.OTHER]: "Ctrl Z",
+                    }}
+                  />
+                </div>
+              }
+              tooltipSide="right"
+              tooltipAlign="center"
+            />
+          </DropdownMenuTrigger>
+          <DropdownMenuContent
+            onCloseAutoFocus={(e) => {
+              e.preventDefault();
+            }}
+            align="start"
+            side="left"
+            alignOffset={0}
+            sideOffset={8}
+            className="font-inter rounded-none shadow-none"
+          >
+            <DropdownMenuItem
+              className="text-foreground cursor-pointer hover:rounded-none w-full"
+              onPointerDown={() => {
+                sidebarToggle(SIDEBAR_ELEMENTS.images);
+                setSidebarsMenuOpen(false);
+              }}
+              onClick={() => {
+                sidebarToggle(SIDEBAR_ELEMENTS.images);
+                setSidebarsMenuOpen(false);
+              }}
+            >
+              <Images /> Images
+              <DropdownMenuShortcut>
+                {SYSTEM_OS.MAC ? "⌥ ⌘ I" : "Alt Ctrl I"}
+              </DropdownMenuShortcut>
+            </DropdownMenuItem>
+            <DropdownMenuItem
+              className="text-foreground cursor-pointer hover:rounded-none w-full"
+              onPointerDown={() => {
+                sidebarToggle(SIDEBAR_ELEMENTS.frames);
+                setSidebarsMenuOpen(false);
+              }}
+              onClick={() => {
+                sidebarToggle(SIDEBAR_ELEMENTS.frames);
+                setSidebarsMenuOpen(false);
+              }}
+            >
+              <Projector /> Frames
+              <DropdownMenuShortcut>
+                {SYSTEM_OS.MAC ? "⌥ ⌘ F" : "Alt Ctrl F"}
+              </DropdownMenuShortcut>
+            </DropdownMenuItem>
+            <DropdownMenuItem
+              className="text-foreground cursor-pointer hover:rounded-none w-full"
+              onPointerDown={() => {
+                sidebarToggle(SIDEBAR_ELEMENTS.colorTokens);
+                setSidebarsMenuOpen(false);
+              }}
+              onClick={() => {
+                sidebarToggle(SIDEBAR_ELEMENTS.colorTokens);
+                setSidebarsMenuOpen(false);
+              }}
+            >
+              <SwatchBook /> Color tokens
+              <DropdownMenuShortcut>
+                {SYSTEM_OS.MAC ? "⌥ ⌘ O" : "Alt Ctrl O"}
+              </DropdownMenuShortcut>
+            </DropdownMenuItem>
+            <DropdownMenuItem
+              className="text-foreground cursor-pointer hover:rounded-none w-full"
+              onPointerDown={() => {
+                sidebarToggle(SIDEBAR_ELEMENTS.nodesTree);
+                setSidebarsMenuOpen(false);
+              }}
+              onClick={() => {
+                sidebarToggle(SIDEBAR_ELEMENTS.nodesTree);
+                setSidebarsMenuOpen(false);
+              }}
+            >
+              <ListTree /> Elements tree
+              <DropdownMenuShortcut>
+                {SYSTEM_OS.MAC ? "⌥ ⌘ E" : "Alt Ctrl E"}
+              </DropdownMenuShortcut>
+            </DropdownMenuItem>
+          </DropdownMenuContent>
+        </DropdownMenu>
+        <ToolbarButton
+          className="rounded-full !w-[40px]"
+          icon={<PanelRight className="px-2" size={40} strokeWidth={1} />}
+          disabled={
+            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED ||
+            !actualAction ||
+            (!node && !nodes) ||
+            (!node && nodes && nodes.length < 2)
+          }
+          onClick={() => {
+            setSidebarActive(SIDEBAR_ELEMENTS.nodeProperties, "right");
+          }}
+          label={
+            <div className="flex gap-3 justify-start items-center">
+              <p>Node Properties</p>
+              <ShortcutElement
+                shortcuts={{
+                  [SYSTEM_OS.MAC]: "⌘ Z",
+                  [SYSTEM_OS.OTHER]: "Ctrl Z",
+                }}
+              />
+            </div>
+          }
+          tooltipSide="right"
+          tooltipAlign="center"
+        />
+        <ToolbarDivider orientation="horizontal" />
+        <ToolbarButton
+          className="rounded-full !w-[40px]"
+          icon={<Frame className="px-2" size={40} strokeWidth={1} />}
+          disabled={
+            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+          }
+          active={actualAction === "frameTool"}
+          onClick={() => triggerTool("frameTool", nodeCreateProps)}
+          label={
+            <div className="flex gap-3 justify-start items-center">
+              <p>Add a frame</p>
+              <ShortcutElement
+                shortcuts={{
+                  [SYSTEM_OS.MAC]: "F",
+                  [SYSTEM_OS.OTHER]: "F",
+                }}
+              />
+            </div>
+          }
+          tooltipSide="right"
+          tooltipAlign="center"
+        />
+        <ToolbarButton
+          className="rounded-full !w-[40px]"
+          icon={<Type className="px-2" size={40} strokeWidth={1} />}
+          disabled={
+            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+          }
+          active={actualAction === "textTool"}
+          onClick={() => triggerTool("textTool")}
+          label={
+            <div className="flex gap-3 justify-start items-center">
+              <p>Add text</p>
+              <ShortcutElement
+                shortcuts={{
+                  [SYSTEM_OS.MAC]: "T",
+                  [SYSTEM_OS.OTHER]: "T",
+                }}
+              />
+            </div>
+          }
+          tooltipSide="right"
+          tooltipAlign="center"
+        />
+
+        <div className="relative flex gap-0 justify-start items-center">
+          <ToolbarButton
+            className="rounded-full !w-[40px]"
+            icon={IMAGES_TOOLS[actualImagesTool].icon}
+            disabled={
+              weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+            }
+            active={IMAGES_TOOLS[actualImagesTool].active()}
+            onClick={IMAGES_TOOLS[actualImagesTool].onClick}
+            label={IMAGES_TOOLS[actualImagesTool].label}
+            tooltipSide="right"
+            tooltipAlign="center"
+          />
+          <DropdownMenu
+            open={imagesMenuOpen}
+            onOpenChange={(open: boolean) => {
+              setShapesMenuOpen(false);
+              setStrokesMenuOpen(false);
+              setImagesMenuOpen(open);
+              setSidebarsMenuOpen(false);
+            }}
+          >
+            <DropdownMenuTrigger
+              disabled={
+                weaveConnectionStatus !==
+                WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+              }
+              className={cn(
+                "relative rounded-none cursor-pointer h-[40px] hover:text-[#666666] focus:outline-none",
+                {
+                  ["disabled:cursor-default disabled:opacity-50"]:
+                    weaveConnectionStatus !==
+                    WEAVE_STORE_CONNECTION_STATUS.CONNECTED,
+                }
+              )}
+              asChild
+            >
+              <ToolbarButton
+                className="rounded-full !w-[20px] absolute bg-white !w-[20px] border border-[#c9c9c9] rounded-full left-[48px] top-0"
+                icon={
+                  imagesMenuOpen ? (
+                    <ChevronLeft className="px-0" size={20} strokeWidth={1} />
+                  ) : (
+                    <ChevronRight className="px-0" size={20} strokeWidth={1} />
+                  )
+                }
+                disabled={
+                  weaveConnectionStatus !==
+                  WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+                }
+                onClick={() => {
+                  setShapesMenuOpen(false);
+                  setStrokesMenuOpen(false);
+                  setImagesMenuOpen((prev) => !prev);
+                  setSidebarsMenuOpen(false);
+                }}
+                label={
+                  <div className="flex gap-3 justify-start items-center">
+                    <p>More images tools</p>
+                  </div>
+                }
+                tooltipSide="right"
+                tooltipAlign="start"
+              />
+            </DropdownMenuTrigger>
+            <DropdownMenuContent
+              onCloseAutoFocus={(e) => {
+                e.preventDefault();
+              }}
+              align="start"
+              side="right"
+              alignOffset={0}
+              sideOffset={3}
+              className="font-inter rounded-none shadow-none"
+            >
+              <DropdownMenuItem
+                className="text-foreground cursor-pointer hover:rounded-none w-full"
+                onClick={() => {
+                  setActualImagesTool("imageTool");
+                  triggerTool("imageTool");
+                  setShowSelectFileImage(true);
+                }}
+              >
+                {/* eslint-disable-next-line jsx-a11y/alt-text */}
+                <Image size={20} strokeWidth={1} /> Image tool
+                <DropdownMenuShortcut>I</DropdownMenuShortcut>
+              </DropdownMenuItem>
+              <DropdownMenuItem
+                className="text-foreground cursor-pointer hover:rounded-none w-full"
+                onClick={() => {
+                  setActualImagesTool("imagesTool");
+                  setShowSelectFilesImages(true);
+                }}
+              >
+                <Images size={20} strokeWidth={1} /> Images tool
+                <DropdownMenuShortcut>O</DropdownMenuShortcut>
+              </DropdownMenuItem>
+              <DropdownMenuItem
+                className="text-foreground cursor-pointer hover:rounded-none w-full"
+                onClick={() => {
+                  setActualImagesTool("generateImageTool");
+                  setImagesMenuOpen(false);
+                  setImagesLLMPopupType("create");
+                  if (imagesLLMPopupType === "create") {
+                    setImagesLLMPopupVisible(!imagesLLMPopupVisible);
+                  } else {
+                    setImagesLLMPopupVisible(true);
+                  }
+                }}
+              >
+                <ImagePlus size={20} strokeWidth={1} /> Generate Image tool
+                <DropdownMenuShortcut>G</DropdownMenuShortcut>
+              </DropdownMenuItem>
+            </DropdownMenuContent>
+          </DropdownMenu>
+        </div>
+        <div className="relative flex gap-0 justify-start items-center">
+          <ToolbarButton
+            className="rounded-full !w-[40px]"
+            icon={STROKES_TOOLS[actualStrokesTool].icon}
+            disabled={
+              weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+            }
+            active={STROKES_TOOLS[actualStrokesTool].active()}
+            onClick={STROKES_TOOLS[actualStrokesTool].onClick}
+            label={STROKES_TOOLS[actualStrokesTool].label}
+            tooltipSide="right"
+            tooltipAlign="center"
+          />
+          <DropdownMenu
+            open={strokesMenuOpen}
+            onOpenChange={(open: boolean) => {
+              setShapesMenuOpen(false);
+              setStrokesMenuOpen(open);
+              setImagesMenuOpen(false);
+              setSidebarsMenuOpen(false);
+            }}
+          >
+            <DropdownMenuTrigger
+              disabled={
+                weaveConnectionStatus !==
+                WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+              }
+              className={cn(
+                "relative rounded-none cursor-pointer h-[40px] hover:text-[#666666] focus:outline-none",
+                {
+                  ["disabled:cursor-default disabled:opacity-50"]:
+                    weaveConnectionStatus !==
+                    WEAVE_STORE_CONNECTION_STATUS.CONNECTED,
+                }
+              )}
+              asChild
+            >
+              <ToolbarButton
+                className="rounded-full !w-[20px] absolute bg-white !w-[20px] border border-[#c9c9c9] rounded-full left-[48px] top-0"
+                icon={
+                  strokesMenuOpen ? (
+                    <ChevronLeft className="px-0" size={20} strokeWidth={1} />
+                  ) : (
+                    <ChevronRight className="px-0" size={20} strokeWidth={1} />
+                  )
+                }
+                disabled={
+                  weaveConnectionStatus !==
+                  WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+                }
+                onClick={() => {
+                  setShapesMenuOpen(false);
+                  setStrokesMenuOpen((prev) => !prev);
+                  setImagesMenuOpen(false);
+                  setSidebarsMenuOpen(false);
+                }}
+                label={
+                  <div className="flex gap-3 justify-start items-center">
+                    <p>More strokes tools</p>
+                  </div>
+                }
+                tooltipSide="right"
+                tooltipAlign="start"
+              />
+            </DropdownMenuTrigger>
+            <DropdownMenuContent
+              onCloseAutoFocus={(e) => {
+                e.preventDefault();
+              }}
+              align="start"
+              side="right"
+              alignOffset={0}
+              sideOffset={3}
+              className="font-inter rounded-none shadow-none"
+            >
+              <DropdownMenuItem
+                className="text-foreground cursor-pointer hover:rounded-none w-full"
+                onPointerDown={() => {
+                  setActualStrokesTool("penTool");
+                  triggerTool("penTool");
+                }}
+                onClick={() => {
+                  setActualStrokesTool("penTool");
+                  triggerTool("penTool");
+                }}
+              >
+                <PenTool size={20} strokeWidth={1} /> Pen tool
+                <DropdownMenuShortcut>L</DropdownMenuShortcut>
+              </DropdownMenuItem>
+              <DropdownMenuItem
+                className="text-foreground cursor-pointer hover:rounded-none w-full"
+                onPointerDown={() => {
+                  setActualStrokesTool("brushTool");
+                  triggerTool("penTool");
+                }}
+                onClick={() => {
+                  setActualStrokesTool("brushTool");
+                  triggerTool("brushTool");
+                }}
+              >
+                <Brush size={20} strokeWidth={1} /> Brush tool
+                <DropdownMenuShortcut>B</DropdownMenuShortcut>
+              </DropdownMenuItem>
+              <DropdownMenuItem
+                className="text-foreground cursor-pointer hover:rounded-none w-full"
+                onPointerDown={() => {
+                  setActualStrokesTool("arrowTool");
+                  triggerTool("arrowTool");
+                }}
+                onClick={() => {
+                  setActualStrokesTool("arrowTool");
+                  triggerTool("arrowTool");
+                }}
+              >
+                <ArrowUpRight size={20} strokeWidth={1} /> Arrow tool
+                <DropdownMenuShortcut>A</DropdownMenuShortcut>
+              </DropdownMenuItem>
+            </DropdownMenuContent>
+          </DropdownMenu>
+        </div>
+        <div className="relative flex gap-0 justify-start items-center">
+          <ToolbarButton
+            className="rounded-full !w-[40px]"
+            icon={SHAPES_TOOLS[actualShapeTool].icon}
+            disabled={
+              weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+            }
+            active={SHAPES_TOOLS[actualShapeTool].active()}
+            onClick={SHAPES_TOOLS[actualShapeTool].onClick}
+            label={SHAPES_TOOLS[actualShapeTool].label}
+            tooltipSide="right"
+            tooltipAlign="center"
+          />
+          <DropdownMenu
+            open={shapesMenuOpen}
+            onOpenChange={(open: boolean) => {
+              setShapesMenuOpen(open);
+              setStrokesMenuOpen(false);
+              setImagesMenuOpen(false);
+              setSidebarsMenuOpen(false);
+            }}
+          >
+            <DropdownMenuTrigger
+              disabled={
+                weaveConnectionStatus !==
+                WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+              }
+              className={cn(
+                "relative rounded-full cursor-pointer h-[40px] hover:text-[#666666] focus:outline-none",
+                {
+                  ["disabled:cursor-default disabled:opacity-50"]:
+                    weaveConnectionStatus !==
+                    WEAVE_STORE_CONNECTION_STATUS.CONNECTED,
+                }
+              )}
+              asChild
+            >
+              <ToolbarButton
+                className="rounded-full !w-[20px] absolute bg-white !w-[20px] border border-[#c9c9c9] rounded-full left-[48px] top-0"
+                icon={
+                  shapesMenuOpen ? (
+                    <ChevronLeft className="px-0" size={20} strokeWidth={1} />
+                  ) : (
+                    <ChevronRight className="px-0" size={20} strokeWidth={1} />
+                  )
+                }
+                disabled={
+                  weaveConnectionStatus !==
+                  WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+                }
+                onClick={() => {
+                  setShapesMenuOpen((prev) => !prev);
+                  setStrokesMenuOpen(false);
+                  setImagesMenuOpen(false);
+                  setSidebarsMenuOpen(false);
+                }}
+                label={
+                  <div className="flex gap-3 justify-start items-center">
+                    <p>More shapes tools</p>
+                  </div>
+                }
+                tooltipSide="right"
+                tooltipAlign="start"
+              />
+            </DropdownMenuTrigger>
+            <DropdownMenuContent
+              onCloseAutoFocus={(e) => {
+                e.preventDefault();
+              }}
+              align="start"
+              side="right"
+              alignOffset={0}
+              sideOffset={3}
+              className="font-inter rounded-none shadow-none"
+            >
+              <DropdownMenuItem
+                className="text-foreground cursor-pointer hover:rounded-none w-full"
+                onPointerDown={() => {
+                  setActualShapeTool("rectangleTool");
+                  triggerTool("rectangleTool");
+                }}
+                onClick={() => {
+                  setActualShapeTool("rectangleTool");
+                  triggerTool("rectangleTool");
+                }}
+              >
+                <Square size={20} strokeWidth={1} /> Rectangle tool
+                <DropdownMenuShortcut>R</DropdownMenuShortcut>
+              </DropdownMenuItem>
+              <DropdownMenuItem
+                className="text-foreground cursor-pointer hover:rounded-none w-full"
+                onPointerDown={() => {
+                  setActualShapeTool("ellipseTool");
+                  triggerTool("ellipseTool");
+                }}
+                onClick={() => {
+                  setActualShapeTool("ellipseTool");
+                  triggerTool("ellipseTool");
+                }}
+              >
+                <Circle size={20} strokeWidth={1} /> Ellipse tool
+                <DropdownMenuShortcut>E</DropdownMenuShortcut>
+              </DropdownMenuItem>
+              <DropdownMenuItem
+                className="text-foreground cursor-pointer hover:rounded-none w-full"
+                onPointerDown={() => {
+                  setActualShapeTool("regularPolygonTool");
+                  triggerTool("regularPolygonTool");
+                }}
+                onClick={() => {
+                  setActualShapeTool("regularPolygonTool");
+                  triggerTool("regularPolygonTool");
+                }}
+              >
+                <Hexagon size={20} strokeWidth={1} /> Regular Polygon tool
+                <DropdownMenuShortcut>P</DropdownMenuShortcut>
+              </DropdownMenuItem>
+              <DropdownMenuItem
+                className="text-foreground cursor-pointer hover:rounded-none w-full"
+                onPointerDown={() => {
+                  setActualShapeTool("starTool");
+                  triggerTool("starTool");
+                }}
+                onClick={() => {
+                  setActualShapeTool("starTool");
+                  triggerTool("starTool");
+                }}
+              >
+                <Star size={20} strokeWidth={1} /> Star tool
+                <DropdownMenuShortcut>J</DropdownMenuShortcut>
+              </DropdownMenuItem>
+              <DropdownMenuItem
+                className="text-foreground cursor-pointer hover:rounded-none w-full"
+                onPointerDown={() => {
+                  setActualShapeTool("colorTokenTool");
+                  triggerTool("colorTokenTool");
+                }}
+                onClick={() => {
+                  setActualShapeTool("colorTokenTool");
+                  triggerTool("colorTokenTool");
+                }}
+              >
+                <Tags size={20} strokeWidth={1} /> Color Token Reference tool
+                <DropdownMenuShortcut>K</DropdownMenuShortcut>
+              </DropdownMenuItem>
+            </DropdownMenuContent>
+          </DropdownMenu>
+        </div>
+        <ToolbarDivider orientation="horizontal" />
+        <ToolbarButton
+          className="rounded-full !w-[40px]"
+          icon={<Eraser className="px-2" size={40} strokeWidth={1} />}
+          disabled={
+            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+          }
+          active={actualAction === "eraserTool"}
+          onClick={() => triggerTool("eraserTool")}
+          label={
+            <div className="flex gap-3 justify-start items-center">
+              <p>Erase</p>
+              <ShortcutElement
+                shortcuts={{
+                  [SYSTEM_OS.MAC]: "D",
+                  [SYSTEM_OS.OTHER]: "D",
+                }}
+              />
+            </div>
+          }
+          tooltipSide="right"
+          tooltipAlign="center"
+        />
+        <ToolbarButton
+          className="rounded-full !w-[40px]"
+          icon={<MousePointer className="px-2" size={40} strokeWidth={1} />}
+          disabled={
+            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+          }
+          active={actualAction === "selectionTool"}
+          onClick={() => triggerTool("selectionTool")}
+          label={
+            <div className="flex gap-3 justify-start items-center">
+              <p>Selection</p>
+              <ShortcutElement
+                shortcuts={{
+                  [SYSTEM_OS.MAC]: "S",
+                  [SYSTEM_OS.OTHER]: "S",
+                }}
+              />
+            </div>
+          }
+          tooltipSide="right"
+          tooltipAlign="center"
+        />
+        <MoveToolTrigger tooltipSide="right" />
+      </Toolbar>
+    </motion.div>
+  );
+}
diff --git a/code/components/room-components/overlay/tools-overlay.tsx b/code/components/room-components/overlay/tools-overlay.tsx
index bd536cd..bcd2c1c 100644
--- a/code/components/room-components/overlay/tools-overlay.tsx
+++ b/code/components/room-components/overlay/tools-overlay.tsx
@@ -9,28 +9,7 @@ import { Vector2d } from "konva/lib/types";
 import { ToolbarButton } from "../toolbar/toolbar-button";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { postImage } from "@/api/post-image";
-import {
-  Brush,
-  Image,
-  Images,
-  PenTool,
-  Square,
-  Type,
-  Frame,
-  MousePointer,
-  Hand,
-  Tags,
-  Undo,
-  Redo,
-  Eraser,
-  Circle,
-  Star,
-  ArrowUpRight,
-  Hexagon,
-  ImagePlus,
-  CircleSlash2,
-  SprayCan,
-} from "lucide-react";
+import { Eraser, CircleSlash2, SprayCan } from "lucide-react";
 import { useWeave } from "@inditextech/weave-react";
 import { Toolbar } from "../toolbar/toolbar";
 import { motion } from "framer-motion";
@@ -41,27 +20,18 @@ import { SYSTEM_OS } from "@/lib/utils";
 import { useKeyboardHandler } from "../hooks/use-keyboard-handler";
 import { WEAVE_STORE_CONNECTION_STATUS } from "@inditextech/weave-types";
 import { useIACapabilities } from "@/store/ia";
-
-function ToolbarDivider() {
-  return (
-    <div className="w-full justify-center items-center flex">
-      <div className="w-[1px] h-[20px] bg-zinc-200 mx-1"></div>
-    </div>
-  );
-}
+import { ToolsOverlayTouch } from "./tools-overlay.touch";
+import { MoveToolTrigger } from "./tools-triggers/move-tool";
+import { ToolbarDivider } from "../toolbar/toolbar-divider";
+import { ToolsOverlayMouse } from "./tools-overlay.mouse";
 
 export function ToolsOverlay() {
   useKeyboardHandler();
 
   const instance = useWeave((state) => state.instance);
   const actualAction = useWeave((state) => state.actions.actual);
-  const canUndo = useWeave((state) => state.undoRedo.canUndo);
-  const canRedo = useWeave((state) => state.undoRedo.canRedo);
   const weaveConnectionStatus = useWeave((state) => state.connection.status);
 
-  const nodeCreateProps = useCollaborationRoom(
-    (state) => state.nodeProperties.createProps
-  );
   const room = useCollaborationRoom((state) => state.room);
   const showUI = useCollaborationRoom((state) => state.ui.show);
   const setUploadingImage = useCollaborationRoom(
@@ -72,12 +42,6 @@ export function ToolsOverlay() {
   const imagesLLMPopupVisible = useIACapabilities(
     (state) => state.llmPopup.visible
   );
-  const setImagesLLMPopupType = useIACapabilities(
-    (state) => state.setImagesLLMPopupType
-  );
-  const setImagesLLMPopupVisible = useIACapabilities(
-    (state) => state.setImagesLLMPopupVisible
-  );
 
   const queryClient = useQueryClient();
 
@@ -90,9 +54,6 @@ export function ToolsOverlay() {
   const setShowSelectFileImage = useCollaborationRoom(
     (state) => state.setShowSelectFileImage
   );
-  const setShowSelectFilesImages = useCollaborationRoom(
-    (state) => state.setShowSelectFilesImages
-  );
 
   const triggerTool = React.useCallback(
     (toolName: string, params?: unknown) => {
@@ -209,7 +170,7 @@ export function ToolsOverlay() {
             }}
             label={
               <div className="flex gap-3 justify-start items-center">
-                <p>Free hand mask</p>
+                <p>Free Hand Mask tool</p>
                 <ShortcutElement
                   shortcuts={{
                     [SYSTEM_OS.MAC]: "Q",
@@ -234,7 +195,7 @@ export function ToolsOverlay() {
             }}
             label={
               <div className="flex gap-3 justify-start items-center">
-                <p>Regular mask</p>
+                <p>Regular Mask tool</p>
                 <ShortcutElement
                   shortcuts={{
                     [SYSTEM_OS.MAC]: "W",
@@ -257,7 +218,7 @@ export function ToolsOverlay() {
             onClick={() => triggerTool("maskEraserTool")}
             label={
               <div className="flex gap-3 justify-start items-center">
-                <p>Erase mask</p>
+                <p>Erase Mask tool</p>
               </div>
             }
             tooltipSide="top"
@@ -269,476 +230,9 @@ export function ToolsOverlay() {
   }
 
   return (
-    <motion.div
-      initial="hidden"
-      animate="visible"
-      exit="hidden"
-      variants={topElementVariants}
-      className="pointer-events-none absolute left-[16px] right-[16px] bottom-[16px] flex flex-col gap-2 justify-center items-center"
-    >
-      <Toolbar orientation="horizontal">
-        <MoveToolTrigger />
-        <ToolbarButton
-          className="rounded-full !w-[40px]"
-          icon={<MousePointer className="px-2" size={40} strokeWidth={1} />}
-          disabled={
-            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
-          }
-          active={actualAction === "selectionTool"}
-          onClick={() => triggerTool("selectionTool")}
-          label={
-            <div className="flex gap-3 justify-start items-center">
-              <p>Selection</p>
-              <ShortcutElement
-                shortcuts={{
-                  [SYSTEM_OS.MAC]: "S",
-                  [SYSTEM_OS.OTHER]: "S",
-                }}
-              />
-            </div>
-          }
-          tooltipSide="top"
-          tooltipAlign="center"
-        />
-        <ToolbarButton
-          className="rounded-full !w-[40px]"
-          icon={<Eraser className="px-2" size={40} strokeWidth={1} />}
-          disabled={
-            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
-          }
-          active={actualAction === "eraserTool"}
-          onClick={() => triggerTool("eraserTool")}
-          label={
-            <div className="flex gap-3 justify-start items-center">
-              <p>Erase</p>
-              <ShortcutElement
-                shortcuts={{
-                  [SYSTEM_OS.MAC]: "D",
-                  [SYSTEM_OS.OTHER]: "D",
-                }}
-              />
-            </div>
-          }
-          tooltipSide="top"
-          tooltipAlign="center"
-        />
-        <ToolbarDivider />
-        <ToolbarButton
-          className="rounded-full !w-[40px]"
-          icon={<Square className="px-2" size={40} strokeWidth={1} />}
-          disabled={
-            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
-          }
-          active={actualAction === "rectangleTool"}
-          onClick={() => triggerTool("rectangleTool")}
-          label={
-            <div className="flex gap-3 justify-start items-center">
-              <p>Add a rectangle</p>
-              <ShortcutElement
-                shortcuts={{
-                  [SYSTEM_OS.MAC]: "R",
-                  [SYSTEM_OS.OTHER]: "R",
-                }}
-              />
-            </div>
-          }
-          tooltipSide="top"
-          tooltipAlign="center"
-        />
-        <ToolbarButton
-          className="rounded-full !w-[40px]"
-          icon={<Circle className="px-2" size={40} strokeWidth={1} />}
-          disabled={
-            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
-          }
-          active={actualAction === "ellipseTool"}
-          onClick={() => triggerTool("ellipseTool")}
-          label={
-            <div className="flex gap-3 justify-start items-center">
-              <p>Add a ellipsis</p>
-              <ShortcutElement
-                shortcuts={{
-                  [SYSTEM_OS.MAC]: "E",
-                  [SYSTEM_OS.OTHER]: "E",
-                }}
-              />
-            </div>
-          }
-          tooltipSide="top"
-          tooltipAlign="center"
-        />
-        <ToolbarButton
-          className="rounded-full !w-[40px]"
-          icon={<Hexagon className="px-2" size={40} strokeWidth={1} />}
-          disabled={
-            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
-          }
-          active={actualAction === "regularPolygonTool"}
-          onClick={() => triggerTool("regularPolygonTool")}
-          label={
-            <div className="flex gap-3 justify-start items-center">
-              <p>Add a regular polygon</p>
-              <ShortcutElement
-                shortcuts={{
-                  [SYSTEM_OS.MAC]: "P",
-                  [SYSTEM_OS.OTHER]: "P",
-                }}
-              />
-            </div>
-          }
-          tooltipSide="top"
-          tooltipAlign="center"
-        />
-        <ToolbarButton
-          className="rounded-full !w-[40px]"
-          icon={<PenTool className="px-2" size={40} strokeWidth={1} />}
-          disabled={
-            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
-          }
-          active={actualAction === "penTool"}
-          onClick={() => triggerTool("penTool")}
-          label={
-            <div className="flex gap-3 justify-start items-center">
-              <p>Add a line</p>
-              <ShortcutElement
-                shortcuts={{
-                  [SYSTEM_OS.MAC]: "L",
-                  [SYSTEM_OS.OTHER]: "L",
-                }}
-              />
-            </div>
-          }
-          tooltipSide="top"
-          tooltipAlign="center"
-        />
-        <ToolbarButton
-          className="rounded-full !w-[40px]"
-          icon={<Brush className="px-2" size={40} strokeWidth={1} />}
-          disabled={
-            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
-          }
-          active={actualAction === "brushTool"}
-          onClick={() => triggerTool("brushTool")}
-          label={
-            <div className="flex gap-3 justify-start items-center">
-              <p>Free draw</p>
-              <ShortcutElement
-                shortcuts={{
-                  [SYSTEM_OS.MAC]: "B",
-                  [SYSTEM_OS.OTHER]: "B",
-                }}
-              />
-            </div>
-          }
-          tooltipSide="top"
-          tooltipAlign="center"
-        />
-        <ToolbarButton
-          className="rounded-full !w-[40px]"
-          icon={<Type className="px-2" size={40} strokeWidth={1} />}
-          disabled={
-            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
-          }
-          active={actualAction === "textTool"}
-          onClick={() => triggerTool("textTool")}
-          label={
-            <div className="flex gap-3 justify-start items-center">
-              <p>Add text</p>
-              <ShortcutElement
-                shortcuts={{
-                  [SYSTEM_OS.MAC]: "T",
-                  [SYSTEM_OS.OTHER]: "T",
-                }}
-              />
-            </div>
-          }
-          tooltipSide="top"
-          tooltipAlign="center"
-        />
-        <ToolbarButton
-          className="rounded-full !w-[40px]"
-          icon={<Star className="px-2" size={40} strokeWidth={1} />}
-          disabled={
-            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
-          }
-          active={actualAction === "starTool"}
-          onClick={() => triggerTool("starTool")}
-          label={
-            <div className="flex gap-3 justify-start items-center">
-              <p>Add a star</p>
-              <ShortcutElement
-                shortcuts={{
-                  [SYSTEM_OS.MAC]: "J",
-                  [SYSTEM_OS.OTHER]: "J",
-                }}
-              />
-            </div>
-          }
-          tooltipSide="top"
-          tooltipAlign="center"
-        />
-        <ToolbarButton
-          className="rounded-full !w-[40px]"
-          icon={<ArrowUpRight className="px-2" size={40} strokeWidth={1} />}
-          disabled={
-            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
-          }
-          active={actualAction === "arrowTool"}
-          onClick={() => triggerTool("arrowTool")}
-          label={
-            <div className="flex gap-3 justify-start items-center">
-              <p>Add a arrow</p>
-              <ShortcutElement
-                shortcuts={{
-                  [SYSTEM_OS.MAC]: "A",
-                  [SYSTEM_OS.OTHER]: "A",
-                }}
-              />
-            </div>
-          }
-          tooltipSide="top"
-          tooltipAlign="center"
-        />
-        <ToolbarButton
-          className="rounded-full !w-[40px]"
-          icon={<Frame className="px-2" size={40} strokeWidth={1} />}
-          disabled={
-            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
-          }
-          active={actualAction === "frameTool"}
-          onClick={() => triggerTool("frameTool", nodeCreateProps)}
-          label={
-            <div className="flex gap-3 justify-start items-center">
-              <p>Add a frame</p>
-              <ShortcutElement
-                shortcuts={{
-                  [SYSTEM_OS.MAC]: "F",
-                  [SYSTEM_OS.OTHER]: "F",
-                }}
-              />
-            </div>
-          }
-          tooltipSide="top"
-          tooltipAlign="center"
-        />
-        <ToolbarDivider />
-        <ToolbarButton
-          className="rounded-full !w-[40px]"
-          // eslint-disable-next-line jsx-a11y/alt-text
-          icon={<Image className="px-2" size={40} strokeWidth={1} />}
-          disabled={
-            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
-          }
-          active={actualAction === "imageTool"}
-          onClick={() => {
-            triggerTool("imageTool");
-            setShowSelectFileImage(true);
-          }}
-          label={
-            <div className="flex gap-3 justify-start items-center">
-              <p>Add an image</p>
-              <ShortcutElement
-                shortcuts={{
-                  [SYSTEM_OS.MAC]: "I",
-                  [SYSTEM_OS.OTHER]: "I",
-                }}
-              />
-            </div>
-          }
-          tooltipSide="top"
-          tooltipAlign="center"
-        />
-        <ToolbarButton
-          className="rounded-full !w-[40px]"
-          icon={<Images className="px-2" size={40} strokeWidth={1} />}
-          disabled={
-            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
-          }
-          active={actualAction === "imagesTool"}
-          onClick={() => {
-            // triggerTool("imagesTool");
-            setShowSelectFilesImages(true);
-          }}
-          label={
-            <div className="flex gap-3 justify-start items-center">
-              <p>Add images</p>
-              <ShortcutElement
-                shortcuts={{
-                  [SYSTEM_OS.MAC]: "O",
-                  [SYSTEM_OS.OTHER]: "O",
-                }}
-              />
-            </div>
-          }
-          tooltipSide="top"
-          tooltipAlign="center"
-        />
-        <ToolbarButton
-          className="rounded-full !w-[40px]"
-          icon={<ImagePlus className="px-2" size={40} strokeWidth={1} />}
-          active={imagesLLMPopupVisible && imagesLLMPopupType === "create"}
-          disabled={
-            !aiEnabled ||
-            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
-          }
-          onClick={() => {
-            setImagesLLMPopupType("create");
-            if (imagesLLMPopupType === "create") {
-              setImagesLLMPopupVisible(!imagesLLMPopupVisible);
-            } else {
-              setImagesLLMPopupVisible(true);
-            }
-          }}
-          label={
-            <div className="flex gap-3 justify-start items-center">
-              <p>Generate image with AI</p>
-              <ShortcutElement
-                shortcuts={{
-                  [SYSTEM_OS.MAC]: "G",
-                  [SYSTEM_OS.OTHER]: "G",
-                }}
-              />
-            </div>
-          }
-          tooltipSide="top"
-          tooltipAlign="center"
-        />
-        <ToolbarDivider />
-        <ToolbarButton
-          className="rounded-full !w-[40px]"
-          icon={<Tags className="px-2" size={40} strokeWidth={1} />}
-          disabled={
-            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
-          }
-          active={actualAction === "colorTokenTool"}
-          onClick={() => triggerTool("colorTokenTool")}
-          label={
-            <div className="flex gap-3 justify-start items-center">
-              <p>Add color token reference</p>
-              <ShortcutElement
-                shortcuts={{
-                  [SYSTEM_OS.MAC]: "P",
-                  [SYSTEM_OS.OTHER]: "P",
-                }}
-              />
-            </div>
-          }
-          tooltipSide="top"
-          tooltipAlign="center"
-        />
-        <ToolbarDivider />
-        <ToolbarButton
-          className="rounded-full !w-[40px]"
-          icon={<Undo className="px-2" size={40} strokeWidth={1} />}
-          disabled={
-            !canUndo ||
-            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
-          }
-          onClick={() => {
-            if (instance) {
-              const actualStore = instance.getStore();
-              actualStore.undoStateStep();
-            }
-          }}
-          label={
-            <div className="flex gap-3 justify-start items-center">
-              <p>Undo latest changes</p>
-              <ShortcutElement
-                shortcuts={{
-                  [SYSTEM_OS.MAC]: "⌘ Z",
-                  [SYSTEM_OS.OTHER]: "Ctrl Z",
-                }}
-              />
-            </div>
-          }
-          tooltipSide="top"
-          tooltipAlign="center"
-        />
-        <ToolbarButton
-          className="rounded-full !w-[40px]"
-          icon={<Redo className="px-2" size={40} strokeWidth={1} />}
-          disabled={
-            !canRedo ||
-            weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
-          }
-          onClick={() => {
-            if (instance) {
-              const actualStore = instance.getStore();
-              actualStore.redoStateStep();
-            }
-          }}
-          label={
-            <div className="flex gap-3 justify-start items-center">
-              <p>Redo latest changes</p>
-              <ShortcutElement
-                shortcuts={{
-                  [SYSTEM_OS.MAC]: "⌘ Y",
-                  [SYSTEM_OS.OTHER]: "Ctrl Y",
-                }}
-              />
-            </div>
-          }
-          tooltipSide="top"
-          tooltipAlign="center"
-        />
-      </Toolbar>
-    </motion.div>
+    <>
+      <ToolsOverlayTouch />
+      <ToolsOverlayMouse />
+    </>
   );
 }
-
-const MoveToolTrigger = () => {
-  const instance = useWeave((state) => state.instance);
-  const weaveConnectionStatus = useWeave((state) => state.connection.status);
-  const actualAction = useWeave((state) => state.actions.actual);
-
-  const imagesLLMPopupVisible = useIACapabilities(
-    (state) => state.llmPopup.visible
-  );
-
-  const triggerTool = React.useCallback(
-    (toolName: string, params?: unknown) => {
-      if (instance && actualAction !== toolName) {
-        instance.triggerAction(toolName, params);
-        return;
-      }
-      if (instance && actualAction === toolName) {
-        instance.cancelAction(toolName);
-        return;
-      }
-    },
-    [instance, actualAction]
-  );
-
-  return (
-    <ToolbarButton
-      className="rounded-full !w-[40px]"
-      icon={<Hand className="px-2" size={40} strokeWidth={1} />}
-      disabled={
-        weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
-      }
-      active={actualAction === "moveTool"}
-      onClick={() => {
-        if (imagesLLMPopupVisible) {
-          triggerTool("moveTool", {
-            triggerSelectionTool: false,
-          });
-        } else {
-          triggerTool("moveTool");
-        }
-      }}
-      label={
-        <div className="flex gap-3 justify-start items-center">
-          <p>Move</p>
-          <ShortcutElement
-            shortcuts={{
-              [SYSTEM_OS.MAC]: "M",
-              [SYSTEM_OS.OTHER]: "M",
-            }}
-          />
-        </div>
-      }
-      tooltipSide="top"
-      tooltipAlign="center"
-    />
-  );
-};
diff --git a/code/components/room-components/overlay/tools-triggers/move-tool.tsx b/code/components/room-components/overlay/tools-triggers/move-tool.tsx
new file mode 100644
index 0000000..ef356db
--- /dev/null
+++ b/code/components/room-components/overlay/tools-triggers/move-tool.tsx
@@ -0,0 +1,76 @@
+// SPDX-FileCopyrightText: 2025 2025 INDUSTRIA DE DISEÑO TEXTIL S.A. (INDITEX S.A.)
+//
+// SPDX-License-Identifier: Apache-2.0
+
+import React from "react";
+import { useWeave } from "@inditextech/weave-react";
+import { useIACapabilities } from "@/store/ia";
+import { ToolbarButton } from "../../toolbar/toolbar-button";
+import { Hand } from "lucide-react";
+import { ShortcutElement } from "../../help/shortcut-element";
+import { WEAVE_STORE_CONNECTION_STATUS } from "@inditextech/weave-types";
+import { SYSTEM_OS } from "@/lib/utils";
+
+type MoveToolTriggerProps = {
+  tooltipSide?: "top" | "bottom" | "left" | "right";
+  tooltipAlign?: "start" | "center" | "end";
+};
+
+export const MoveToolTrigger = ({
+  tooltipSide = "top",
+  tooltipAlign = "center",
+}: Readonly<MoveToolTriggerProps>) => {
+  const instance = useWeave((state) => state.instance);
+  const weaveConnectionStatus = useWeave((state) => state.connection.status);
+  const actualAction = useWeave((state) => state.actions.actual);
+
+  const imagesLLMPopupVisible = useIACapabilities(
+    (state) => state.llmPopup.visible
+  );
+
+  const triggerTool = React.useCallback(
+    (toolName: string, params?: unknown) => {
+      if (instance && actualAction !== toolName) {
+        instance.triggerAction(toolName, params);
+        return;
+      }
+      if (instance && actualAction === toolName) {
+        instance.cancelAction(toolName);
+      }
+    },
+    [instance, actualAction]
+  );
+
+  return (
+    <ToolbarButton
+      className="rounded-full !w-[40px]"
+      icon={<Hand className="px-2" size={40} strokeWidth={1} />}
+      disabled={
+        weaveConnectionStatus !== WEAVE_STORE_CONNECTION_STATUS.CONNECTED
+      }
+      active={actualAction === "moveTool"}
+      onClick={() => {
+        if (imagesLLMPopupVisible) {
+          triggerTool("moveTool", {
+            triggerSelectionTool: false,
+          });
+        } else {
+          triggerTool("moveTool");
+        }
+      }}
+      label={
+        <div className="flex gap-3 justify-start items-center">
+          <p>Move tool</p>
+          <ShortcutElement
+            shortcuts={{
+              [SYSTEM_OS.MAC]: "M",
+              [SYSTEM_OS.OTHER]: "M",
+            }}
+          />
+        </div>
+      }
+      tooltipSide={tooltipSide}
+      tooltipAlign={tooltipAlign}
+    />
+  );
+};
diff --git a/code/components/room-components/toolbar/toolbar-button.tsx b/code/components/room-components/toolbar/toolbar-button.tsx
index 98d7f2f..6e78a56 100644
--- a/code/components/room-components/toolbar/toolbar-button.tsx
+++ b/code/components/room-components/toolbar/toolbar-button.tsx
@@ -5,6 +5,7 @@
 "use client";
 
 import React from "react";
+import { LongPressEventType, useLongPress } from "use-long-press";
 import { cn } from "@/lib/utils";
 import {
   Tooltip,
@@ -22,6 +23,7 @@ type ToolbarButtonProps = {
   active?: boolean;
   disabled?: boolean;
   label?: React.ReactNode;
+  tooltipSideOffset?: number;
   tooltipSide?: "top" | "bottom" | "left" | "right";
   tooltipAlign?: "start" | "center" | "end";
 };
@@ -39,13 +41,23 @@ export const ToolbarButton = React.forwardRef<
       onClick,
       disabled = false,
       active = false,
+      tooltipSideOffset = 8,
       tooltipSide = "right",
       tooltipAlign = "center",
     },
-    forwardedRef,
+    forwardedRef
   ) => {
     const selectionActive = useWeave((state) => state.selection.active);
 
+    const bind = useLongPress(
+      () => {
+        alert("Long pressed!");
+      },
+      {
+        detect: "pointer" as LongPressEventType,
+      }
+    );
+
     return (
       <TooltipProvider delayDuration={300}>
         <Tooltip>
@@ -63,10 +75,11 @@ export const ToolbarButton = React.forwardRef<
                   ["pointer-events-none cursor-default text-black opacity-50"]:
                     disabled,
                 },
-                className,
+                className
               )}
               disabled={disabled}
               onClick={onClick}
+              {...bind()}
             >
               {icon}
             </button>
@@ -74,7 +87,7 @@ export const ToolbarButton = React.forwardRef<
           <TooltipContent
             side={tooltipSide}
             align={tooltipAlign}
-            sideOffset={8}
+            sideOffset={tooltipSideOffset}
             className="rounded-none"
           >
             {label}
@@ -82,7 +95,7 @@ export const ToolbarButton = React.forwardRef<
         </Tooltip>
       </TooltipProvider>
     );
-  },
+  }
 );
 
 ToolbarButton.displayName = "ToolbarButton";
diff --git a/code/components/room-components/toolbar/toolbar-divider.tsx b/code/components/room-components/toolbar/toolbar-divider.tsx
new file mode 100644
index 0000000..620c97f
--- /dev/null
+++ b/code/components/room-components/toolbar/toolbar-divider.tsx
@@ -0,0 +1,27 @@
+// SPDX-FileCopyrightText: 2025 2025 INDUSTRIA DE DISEÑO TEXTIL S.A. (INDITEX S.A.)
+//
+// SPDX-License-Identifier: Apache-2.0
+
+"use client";
+
+import { cn } from "@/lib/utils";
+import React from "react";
+
+type ToolbarDividerProps = {
+  orientation?: "vertical" | "horizontal";
+};
+
+export function ToolbarDivider({
+  orientation = "vertical",
+}: Readonly<ToolbarDividerProps>) {
+  return (
+    <div className="w-full justify-center items-center flex">
+      <div
+        className={cn("bg-zinc-200", {
+          "w-[1px] h-[20px] mx-2": orientation === "vertical",
+          "w-[20px] h-[1px] my-2": orientation === "horizontal",
+        })}
+      ></div>
+    </div>
+  );
+}
diff --git a/code/components/room-components/toolbar/toolbar.tsx b/code/components/room-components/toolbar/toolbar.tsx
index 29230c1..b716f92 100644
--- a/code/components/room-components/toolbar/toolbar.tsx
+++ b/code/components/room-components/toolbar/toolbar.tsx
@@ -9,11 +9,13 @@ import { useWeave } from "@inditextech/weave-react";
 import React from "react";
 
 type ToolbarProps = {
+  className?: string;
   children: React.ReactNode;
   orientation?: "horizontal" | "vertical";
 };
 
 export const Toolbar = ({
+  className,
   children,
   orientation = "vertical",
 }: Readonly<ToolbarProps>) => {
@@ -26,9 +28,10 @@ export const Toolbar = ({
         {
           ["pointer-events-none"]: selectionActive,
           ["pointer-events-auto"]: !selectionActive,
-          ["flex"]: orientation === "horizontal",
+          ["flex flex-row"]: orientation === "horizontal",
           ["flex flex-col"]: orientation === "vertical",
         },
+        className
       )}
     >
       {children}
diff --git a/code/components/ui/input.tsx b/code/components/ui/input.tsx
index 625334e..7911129 100644
--- a/code/components/ui/input.tsx
+++ b/code/components/ui/input.tsx
@@ -14,15 +14,15 @@ const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
         type={type}
         data-slot="input"
         className={cn(
-          "border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          "border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 lg:text-sm",
           "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
           "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-          className,
+          className
         )}
         {...props}
       />
     );
-  },
+  }
 );
 
 Input.displayName = "Input";
diff --git a/code/components/ui/textarea.tsx b/code/components/ui/textarea.tsx
index 3e0a795..a71ed7e 100644
--- a/code/components/ui/textarea.tsx
+++ b/code/components/ui/textarea.tsx
@@ -11,7 +11,7 @@ function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
     <textarea
       data-slot="textarea"
       className={cn(
-        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 lg:text-sm",
         className
       )}
       {...props}
diff --git a/code/components/utils/logo.tsx b/code/components/utils/logo.tsx
index 734e390..3de202a 100644
--- a/code/components/utils/logo.tsx
+++ b/code/components/utils/logo.tsx
@@ -42,6 +42,7 @@ export function Logo({
         src={src}
         width={width}
         height={height}
+        priority
         className={cn(`object-cover`, {
           ["w-[calc(345px*0.6)] h-[calc(40px*0.6)]"]: kind === "landscape",
           ["w-11 h-11"]: kind === "large",
diff --git a/code/package-lock.json b/code/package-lock.json
index 464b9be..7dcf531 100644
--- a/code/package-lock.json
+++ b/code/package-lock.json
@@ -12,10 +12,10 @@
         "@commitlint/cli": "19.4.0",
         "@commitlint/config-conventional": "19.2.2",
         "@hookform/resolvers": "^4.1.3",
-        "@inditextech/weave-react": "0.35.0",
-        "@inditextech/weave-sdk": "0.35.0",
-        "@inditextech/weave-store-azure-web-pubsub": "0.35.0",
-        "@inditextech/weave-store-websockets": "0.35.0",
+        "@inditextech/weave-react": "0.37.0",
+        "@inditextech/weave-sdk": "0.37.0",
+        "@inditextech/weave-store-azure-web-pubsub": "0.37.0",
+        "@inditextech/weave-store-websockets": "0.37.0",
         "@next/env": "^15.2.1",
         "@radix-ui/react-accordion": "^1.2.10",
         "@radix-ui/react-avatar": "^1.1.3",
@@ -63,6 +63,7 @@
         "tailwind-merge": "^3.0.2",
         "tailwindcss-animate": "^1.0.7",
         "three": "^0.167.1",
+        "use-long-press": "^3.3.0",
         "uuid": "^11.1.0",
         "vaul": "^1.1.2",
         "zod": "^3.24.2",
@@ -77,6 +78,7 @@
         "@types/node": "^20",
         "@types/react": "^18",
         "@types/react-dom": "^18",
+        "@types/react-hammerjs": "^1.0.7",
         "@vitejs/plugin-react": "^4.3.4",
         "@vitest/coverage-v8": "^3.0.7",
         "eslint": "^8",
@@ -178,6 +180,17 @@
         "node": ">=18.0.0"
       }
     },
+    "node_modules/@azure/core-paging": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/@azure/core-paging/-/core-paging-1.6.2.tgz",
+      "integrity": "sha512-YKWi9YuCU04B55h25cnOYZHxXYtEvQEbKST5vqRga7hWY9ydd3FZHdeQF8pyh+acWZvppw13M/LMGx0LABUVMA==",
+      "dependencies": {
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
     "node_modules/@azure/core-rest-pipeline": {
       "version": "1.21.0",
       "resolved": "https://registry.npmjs.org/@azure/core-rest-pipeline/-/core-rest-pipeline-1.21.0.tgz",
@@ -219,6 +232,27 @@
         "node": ">=18.0.0"
       }
     },
+    "node_modules/@azure/identity": {
+      "version": "4.10.2",
+      "resolved": "https://registry.npmjs.org/@azure/identity/-/identity-4.10.2.tgz",
+      "integrity": "sha512-Uth4vz0j+fkXCkbvutChUj03PDCokjbC6Wk9JT8hHEUtpy/EurNKAseb3+gO6Zi9VYBvwt61pgbzn1ovk942Qg==",
+      "dependencies": {
+        "@azure/abort-controller": "^2.0.0",
+        "@azure/core-auth": "^1.9.0",
+        "@azure/core-client": "^1.9.2",
+        "@azure/core-rest-pipeline": "^1.17.0",
+        "@azure/core-tracing": "^1.0.0",
+        "@azure/core-util": "^1.11.0",
+        "@azure/logger": "^1.0.0",
+        "@azure/msal-browser": "^4.2.0",
+        "@azure/msal-node": "^3.5.0",
+        "open": "^10.1.0",
+        "tslib": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
     "node_modules/@azure/logger": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@azure/logger/-/logger-1.2.0.tgz",
@@ -231,13 +265,54 @@
         "node": ">=18.0.0"
       }
     },
+    "node_modules/@azure/msal-browser": {
+      "version": "4.15.0",
+      "resolved": "https://registry.npmjs.org/@azure/msal-browser/-/msal-browser-4.15.0.tgz",
+      "integrity": "sha512-+AIGTvpVz+FIx5CsM1y+nW0r/qOb/ChRdM8/Cbp+jKWC0Wdw4ldnwPdYOBi5NaALUQnYITirD9XMZX7LdklEzQ==",
+      "dependencies": {
+        "@azure/msal-common": "15.8.1"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/@azure/msal-common": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/@azure/msal-common/-/msal-common-15.8.1.tgz",
+      "integrity": "sha512-ltIlFK5VxeJ5BurE25OsJIfcx1Q3H/IZg2LjV9d4vmH+5t4c1UCyRQ/HgKLgXuCZShs7qfc/TC95GYZfsUsJUQ==",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/@azure/msal-node": {
+      "version": "3.6.3",
+      "resolved": "https://registry.npmjs.org/@azure/msal-node/-/msal-node-3.6.3.tgz",
+      "integrity": "sha512-95wjsKGyUcAd5tFmQBo5Ug/kOj+hFh/8FsXuxluEvdfbgg6xCimhSP9qnyq6+xIg78/jREkBD1/BSqd7NIDDYQ==",
+      "dependencies": {
+        "@azure/msal-common": "15.8.1",
+        "jsonwebtoken": "^9.0.0",
+        "uuid": "^8.3.0"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/@azure/msal-node/node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
     "node_modules/@azure/web-pubsub": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/@azure/web-pubsub/-/web-pubsub-1.1.4.tgz",
-      "integrity": "sha512-ePRe4OtKmexm5ZJd3D9+JhSuP4XovNaZ8eJftUBoYJca6msl5Qna99dcq+eKJc/pPMXHEMSw+3+FWnSbTDMkkA==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@azure/web-pubsub/-/web-pubsub-1.2.0.tgz",
+      "integrity": "sha512-s5QYFVpXy6fl8ppv1vTKyTTgOaKo7fx9WGxORRQukKKZovuOXA1jQ3zdRIBF9DjwggZCqwxHzbzZrUJYmelK2w==",
       "dependencies": {
         "@azure/core-auth": "^1.9.0",
         "@azure/core-client": "^1.9.2",
+        "@azure/core-paging": "^1.6.2",
         "@azure/core-rest-pipeline": "^1.19.0",
         "@azure/core-tracing": "^1.2.0",
         "@azure/logger": "^1.1.4",
@@ -884,29 +959,29 @@
       "peer": true
     },
     "node_modules/@emnapi/core": {
-      "version": "1.4.3",
-      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.4.3.tgz",
-      "integrity": "sha512-4m62DuCE07lw01soJwPiBGC0nAww0Q+RY70VZ+n49yDIO13yyinhbWCeNnaob0lakDtWQzSdtNWzJeOJt2ma+g==",
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.4.4.tgz",
+      "integrity": "sha512-A9CnAbC6ARNMKcIcrQwq6HeHCjpcBZ5wSx4U01WXCqEKlrzB9F9315WDNHkrs2xbx7YjjSxbUYxuN6EQzpcY2g==",
       "dev": true,
       "optional": true,
       "dependencies": {
-        "@emnapi/wasi-threads": "1.0.2",
+        "@emnapi/wasi-threads": "1.0.3",
         "tslib": "^2.4.0"
       }
     },
     "node_modules/@emnapi/runtime": {
-      "version": "1.4.3",
-      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.4.3.tgz",
-      "integrity": "sha512-pBPWdu6MLKROBX05wSNKcNb++m5Er+KQ9QkB+WVM+pW2Kx9hoSrVTnu3BdkI5eBLZoKu/J6mW/B6i6bJB2ytXQ==",
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.4.4.tgz",
+      "integrity": "sha512-hHyapA4A3gPaDCNfiqyZUStTMqIkKRshqPIuDOXv1hcBnD4U3l8cP0T1HMCfGRxQ6V64TGCcoswChANyOAwbQg==",
       "optional": true,
       "dependencies": {
         "tslib": "^2.4.0"
       }
     },
     "node_modules/@emnapi/wasi-threads": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.0.2.tgz",
-      "integrity": "sha512-5n3nTJblwRi8LlXkJ9eBzu+kZR8Yxcc7ubakyQTFzPMtIhFpUBRbsnc2Dv88IZDIbCDlBiWrknhB4Lsz7mg6BA==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.0.3.tgz",
+      "integrity": "sha512-8K5IFFsQqF9wQNJptGbS6FNKgUTsSRYnTqNCG1vPP8jFdjSv18n2mQfJpkt2Oibo9iBEzcDnDxNwKTzC7svlJw==",
       "dev": true,
       "optional": true,
       "dependencies": {
@@ -914,9 +989,9 @@
       }
     },
     "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.5.tgz",
-      "integrity": "sha512-9o3TMmpmftaCMepOdA5k/yDw8SfInyzWWTjYTFCX3kPSDJMROQTb8jg+h9Cnwnmm1vOzvxN7gIfB5V2ewpjtGA==",
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.6.tgz",
+      "integrity": "sha512-ShbM/3XxwuxjFiuVBHA+d3j5dyac0aEVVq1oluIDf71hUw0aRF59dV/efUsIwFnR6m8JNM2FjZOzmaZ8yG61kw==",
       "cpu": [
         "ppc64"
       ],
@@ -930,9 +1005,9 @@
       }
     },
     "node_modules/@esbuild/android-arm": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.5.tgz",
-      "integrity": "sha512-AdJKSPeEHgi7/ZhuIPtcQKr5RQdo6OO2IL87JkianiMYMPbCtot9fxPbrMiBADOWWm3T2si9stAiVsGbTQFkbA==",
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.6.tgz",
+      "integrity": "sha512-S8ToEOVfg++AU/bHwdksHNnyLyVM+eMVAOf6yRKFitnwnbwwPNqKr3srzFRe7nzV69RQKb5DgchIX5pt3L53xg==",
       "cpu": [
         "arm"
       ],
@@ -946,9 +1021,9 @@
       }
     },
     "node_modules/@esbuild/android-arm64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.5.tgz",
-      "integrity": "sha512-VGzGhj4lJO+TVGV1v8ntCZWJktV7SGCs3Pn1GRWI1SBFtRALoomm8k5E9Pmwg3HOAal2VDc2F9+PM/rEY6oIDg==",
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.6.tgz",
+      "integrity": "sha512-hd5zdUarsK6strW+3Wxi5qWws+rJhCCbMiC9QZyzoxfk5uHRIE8T287giQxzVpEvCwuJ9Qjg6bEjcRJcgfLqoA==",
       "cpu": [
         "arm64"
       ],
@@ -962,9 +1037,9 @@
       }
     },
     "node_modules/@esbuild/android-x64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.5.tgz",
-      "integrity": "sha512-D2GyJT1kjvO//drbRT3Hib9XPwQeWd9vZoBJn+bu/lVsOZ13cqNdDeqIF/xQ5/VmWvMduP6AmXvylO/PIc2isw==",
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.6.tgz",
+      "integrity": "sha512-0Z7KpHSr3VBIO9A/1wcT3NTy7EB4oNC4upJ5ye3R7taCc2GUdeynSLArnon5G8scPwaU866d3H4BCrE5xLW25A==",
       "cpu": [
         "x64"
       ],
@@ -978,9 +1053,9 @@
       }
     },
     "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.5.tgz",
-      "integrity": "sha512-GtaBgammVvdF7aPIgH2jxMDdivezgFu6iKpmT+48+F8Hhg5J/sfnDieg0aeG/jfSvkYQU2/pceFPDKlqZzwnfQ==",
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.6.tgz",
+      "integrity": "sha512-FFCssz3XBavjxcFxKsGy2DYK5VSvJqa6y5HXljKzhRZ87LvEi13brPrf/wdyl/BbpbMKJNOr1Sd0jtW4Ge1pAA==",
       "cpu": [
         "arm64"
       ],
@@ -994,9 +1069,9 @@
       }
     },
     "node_modules/@esbuild/darwin-x64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.5.tgz",
-      "integrity": "sha512-1iT4FVL0dJ76/q1wd7XDsXrSW+oLoquptvh4CLR4kITDtqi2e/xwXwdCVH8hVHU43wgJdsq7Gxuzcs6Iq/7bxQ==",
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.6.tgz",
+      "integrity": "sha512-GfXs5kry/TkGM2vKqK2oyiLFygJRqKVhawu3+DOCk7OxLy/6jYkWXhlHwOoTb0WqGnWGAS7sooxbZowy+pK9Yg==",
       "cpu": [
         "x64"
       ],
@@ -1010,9 +1085,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.5.tgz",
-      "integrity": "sha512-nk4tGP3JThz4La38Uy/gzyXtpkPW8zSAmoUhK9xKKXdBCzKODMc2adkB2+8om9BDYugz+uGV7sLmpTYzvmz6Sw==",
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.6.tgz",
+      "integrity": "sha512-aoLF2c3OvDn2XDTRvn8hN6DRzVVpDlj2B/F66clWd/FHLiHaG3aVZjxQX2DYphA5y/evbdGvC6Us13tvyt4pWg==",
       "cpu": [
         "arm64"
       ],
@@ -1026,9 +1101,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.5.tgz",
-      "integrity": "sha512-PrikaNjiXdR2laW6OIjlbeuCPrPaAl0IwPIaRv+SMV8CiM8i2LqVUHFC1+8eORgWyY7yhQY+2U2fA55mBzReaw==",
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.6.tgz",
+      "integrity": "sha512-2SkqTjTSo2dYi/jzFbU9Plt1vk0+nNg8YC8rOXXea+iA3hfNJWebKYPs3xnOUf9+ZWhKAaxnQNUf2X9LOpeiMQ==",
       "cpu": [
         "x64"
       ],
@@ -1042,9 +1117,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.5.tgz",
-      "integrity": "sha512-cPzojwW2okgh7ZlRpcBEtsX7WBuqbLrNXqLU89GxWbNt6uIg78ET82qifUy3W6OVww6ZWobWub5oqZOVtwolfw==",
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.6.tgz",
+      "integrity": "sha512-SZHQlzvqv4Du5PrKE2faN0qlbsaW/3QQfUUc6yO2EjFcA83xnwm91UbEEVx4ApZ9Z5oG8Bxz4qPE+HFwtVcfyw==",
       "cpu": [
         "arm"
       ],
@@ -1058,9 +1133,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.5.tgz",
-      "integrity": "sha512-Z9kfb1v6ZlGbWj8EJk9T6czVEjjq2ntSYLY2cw6pAZl4oKtfgQuS4HOq41M/BcoLPzrUbNd+R4BXFyH//nHxVg==",
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.6.tgz",
+      "integrity": "sha512-b967hU0gqKd9Drsh/UuAm21Khpoh6mPBSgz8mKRq4P5mVK8bpA+hQzmm/ZwGVULSNBzKdZPQBRT3+WuVavcWsQ==",
       "cpu": [
         "arm64"
       ],
@@ -1074,9 +1149,9 @@
       }
     },
     "node_modules/@esbuild/linux-ia32": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.5.tgz",
-      "integrity": "sha512-sQ7l00M8bSv36GLV95BVAdhJ2QsIbCuCjh/uYrWiMQSUuV+LpXwIqhgJDcvMTj+VsQmqAHL2yYaasENvJ7CDKA==",
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.6.tgz",
+      "integrity": "sha512-aHWdQ2AAltRkLPOsKdi3xv0mZ8fUGPdlKEjIEhxCPm5yKEThcUjHpWB1idN74lfXGnZ5SULQSgtr5Qos5B0bPw==",
       "cpu": [
         "ia32"
       ],
@@ -1090,9 +1165,9 @@
       }
     },
     "node_modules/@esbuild/linux-loong64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.5.tgz",
-      "integrity": "sha512-0ur7ae16hDUC4OL5iEnDb0tZHDxYmuQyhKhsPBV8f99f6Z9KQM02g33f93rNH5A30agMS46u2HP6qTdEt6Q1kg==",
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.6.tgz",
+      "integrity": "sha512-VgKCsHdXRSQ7E1+QXGdRPlQ/e08bN6WMQb27/TMfV+vPjjTImuT9PmLXupRlC90S1JeNNW5lzkAEO/McKeJ2yg==",
       "cpu": [
         "loong64"
       ],
@@ -1106,9 +1181,9 @@
       }
     },
     "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.5.tgz",
-      "integrity": "sha512-kB/66P1OsHO5zLz0i6X0RxlQ+3cu0mkxS3TKFvkb5lin6uwZ/ttOkP3Z8lfR9mJOBk14ZwZ9182SIIWFGNmqmg==",
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.6.tgz",
+      "integrity": "sha512-WViNlpivRKT9/py3kCmkHnn44GkGXVdXfdc4drNmRl15zVQ2+D2uFwdlGh6IuK5AAnGTo2qPB1Djppj+t78rzw==",
       "cpu": [
         "mips64el"
       ],
@@ -1122,9 +1197,9 @@
       }
     },
     "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.5.tgz",
-      "integrity": "sha512-UZCmJ7r9X2fe2D6jBmkLBMQetXPXIsZjQJCjgwpVDz+YMcS6oFR27alkgGv3Oqkv07bxdvw7fyB71/olceJhkQ==",
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.6.tgz",
+      "integrity": "sha512-wyYKZ9NTdmAMb5730I38lBqVu6cKl4ZfYXIs31Baf8aoOtB4xSGi3THmDYt4BTFHk7/EcVixkOV2uZfwU3Q2Jw==",
       "cpu": [
         "ppc64"
       ],
@@ -1138,9 +1213,9 @@
       }
     },
     "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.5.tgz",
-      "integrity": "sha512-kTxwu4mLyeOlsVIFPfQo+fQJAV9mh24xL+y+Bm6ej067sYANjyEw1dNHmvoqxJUCMnkBdKpvOn0Ahql6+4VyeA==",
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.6.tgz",
+      "integrity": "sha512-KZh7bAGGcrinEj4qzilJ4hqTY3Dg2U82c8bv+e1xqNqZCrCyc+TL9AUEn5WGKDzm3CfC5RODE/qc96OcbIe33w==",
       "cpu": [
         "riscv64"
       ],
@@ -1154,9 +1229,9 @@
       }
     },
     "node_modules/@esbuild/linux-s390x": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.5.tgz",
-      "integrity": "sha512-K2dSKTKfmdh78uJ3NcWFiqyRrimfdinS5ErLSn3vluHNeHVnBAFWC8a4X5N+7FgVE1EjXS1QDZbpqZBjfrqMTQ==",
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.6.tgz",
+      "integrity": "sha512-9N1LsTwAuE9oj6lHMyyAM+ucxGiVnEqUdp4v7IaMmrwb06ZTEVCIs3oPPplVsnjPfyjmxwHxHMF8b6vzUVAUGw==",
       "cpu": [
         "s390x"
       ],
@@ -1170,9 +1245,9 @@
       }
     },
     "node_modules/@esbuild/linux-x64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.5.tgz",
-      "integrity": "sha512-uhj8N2obKTE6pSZ+aMUbqq+1nXxNjZIIjCjGLfsWvVpy7gKCOL6rsY1MhRh9zLtUtAI7vpgLMK6DxjO8Qm9lJw==",
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.6.tgz",
+      "integrity": "sha512-A6bJB41b4lKFWRKNrWoP2LHsjVzNiaurf7wyj/XtFNTsnPuxwEBWHLty+ZE0dWBKuSK1fvKgrKaNjBS7qbFKig==",
       "cpu": [
         "x64"
       ],
@@ -1186,9 +1261,9 @@
       }
     },
     "node_modules/@esbuild/netbsd-arm64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.5.tgz",
-      "integrity": "sha512-pwHtMP9viAy1oHPvgxtOv+OkduK5ugofNTVDilIzBLpoWAM16r7b/mxBvfpuQDpRQFMfuVr5aLcn4yveGvBZvw==",
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.6.tgz",
+      "integrity": "sha512-IjA+DcwoVpjEvyxZddDqBY+uJ2Snc6duLpjmkXm/v4xuS3H+3FkLZlDm9ZsAbF9rsfP3zeA0/ArNDORZgrxR/Q==",
       "cpu": [
         "arm64"
       ],
@@ -1202,9 +1277,9 @@
       }
     },
     "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.5.tgz",
-      "integrity": "sha512-WOb5fKrvVTRMfWFNCroYWWklbnXH0Q5rZppjq0vQIdlsQKuw6mdSihwSo4RV/YdQ5UCKKvBy7/0ZZYLBZKIbwQ==",
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.6.tgz",
+      "integrity": "sha512-dUXuZr5WenIDlMHdMkvDc1FAu4xdWixTCRgP7RQLBOkkGgwuuzaGSYcOpW4jFxzpzL1ejb8yF620UxAqnBrR9g==",
       "cpu": [
         "x64"
       ],
@@ -1218,9 +1293,9 @@
       }
     },
     "node_modules/@esbuild/openbsd-arm64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.5.tgz",
-      "integrity": "sha512-7A208+uQKgTxHd0G0uqZO8UjK2R0DDb4fDmERtARjSHWxqMTye4Erz4zZafx7Di9Cv+lNHYuncAkiGFySoD+Mw==",
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.6.tgz",
+      "integrity": "sha512-l8ZCvXP0tbTJ3iaqdNf3pjaOSd5ex/e6/omLIQCVBLmHTlfXW3zAxQ4fnDmPLOB1x9xrcSi/xtCWFwCZRIaEwg==",
       "cpu": [
         "arm64"
       ],
@@ -1234,9 +1309,9 @@
       }
     },
     "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.5.tgz",
-      "integrity": "sha512-G4hE405ErTWraiZ8UiSoesH8DaCsMm0Cay4fsFWOOUcz8b8rC6uCvnagr+gnioEjWn0wC+o1/TAHt+It+MpIMg==",
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.6.tgz",
+      "integrity": "sha512-hKrmDa0aOFOr71KQ/19JC7az1P0GWtCN1t2ahYAf4O007DHZt/dW8ym5+CUdJhQ/qkZmI1HAF8KkJbEFtCL7gw==",
       "cpu": [
         "x64"
       ],
@@ -1249,10 +1324,26 @@
         "node": ">=18"
       }
     },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.6.tgz",
+      "integrity": "sha512-+SqBcAWoB1fYKmpWoQP4pGtx+pUUC//RNYhFdbcSA16617cchuryuhOCRpPsjCblKukAckWsV+aQ3UKT/RMPcA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/@esbuild/sunos-x64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.5.tgz",
-      "integrity": "sha512-l+azKShMy7FxzY0Rj4RCt5VD/q8mG/e+mDivgspo+yL8zW7qEwctQ6YqKX34DTEleFAvCIUviCFX1SDZRSyMQA==",
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.6.tgz",
+      "integrity": "sha512-dyCGxv1/Br7MiSC42qinGL8KkG4kX0pEsdb0+TKhmJZgCUDBGmyo1/ArCjNGiOLiIAgdbWgmWgib4HoCi5t7kA==",
       "cpu": [
         "x64"
       ],
@@ -1266,9 +1357,9 @@
       }
     },
     "node_modules/@esbuild/win32-arm64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.5.tgz",
-      "integrity": "sha512-O2S7SNZzdcFG7eFKgvwUEZ2VG9D/sn/eIiz8XRZ1Q/DO5a3s76Xv0mdBzVM5j5R639lXQmPmSo0iRpHqUUrsxw==",
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.6.tgz",
+      "integrity": "sha512-42QOgcZeZOvXfsCBJF5Afw73t4veOId//XD3i+/9gSkhSV6Gk3VPlWncctI+JcOyERv85FUo7RxuxGy+z8A43Q==",
       "cpu": [
         "arm64"
       ],
@@ -1282,9 +1373,9 @@
       }
     },
     "node_modules/@esbuild/win32-ia32": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.5.tgz",
-      "integrity": "sha512-onOJ02pqs9h1iMJ1PQphR+VZv8qBMQ77Klcsqv9CNW2w6yLqoURLcgERAIurY6QE63bbLuqgP9ATqajFLK5AMQ==",
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.6.tgz",
+      "integrity": "sha512-4AWhgXmDuYN7rJI6ORB+uU9DHLq/erBbuMoAuB4VWJTu5KtCgcKYPynF0YI1VkBNuEfjNlLrFr9KZPJzrtLkrQ==",
       "cpu": [
         "ia32"
       ],
@@ -1298,9 +1389,9 @@
       }
     },
     "node_modules/@esbuild/win32-x64": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.5.tgz",
-      "integrity": "sha512-TXv6YnJ8ZMVdX+SXWVBo/0p8LTcrUYngpWjvm91TMjjBQii7Oz11Lw5lbDV5Y0TzuhSJHwiH4hEtC1I42mMS0g==",
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.6.tgz",
+      "integrity": "sha512-NgJPHHbEpLQgDH2MjQu90pzW/5vvXIZ7KOnPyNBm92A6WgZ/7b6fJyUBjoumLqeOQQGqY2QjQxRo97ah4Sj0cA==",
       "cpu": [
         "x64"
       ],
@@ -1817,9 +1908,9 @@
       }
     },
     "node_modules/@inditextech/weave-react": {
-      "version": "0.35.0",
-      "resolved": "https://registry.npmjs.org/@inditextech/weave-react/-/weave-react-0.35.0.tgz",
-      "integrity": "sha512-LG6D8BNM7cx/PySxY7mMYD46LvRAWwt8v3SoeDZjxRpRA7x4RegPUog+k/sB2s7S0XytseEEnoAnq2z10+O+fw==",
+      "version": "0.37.0",
+      "resolved": "https://registry.npmjs.org/@inditextech/weave-react/-/weave-react-0.37.0.tgz",
+      "integrity": "sha512-baHQIBCIcg4U4sh85LG1I6Nr+ZLKcfLBPaDxl+4UnLm8eNRv7tWBm2OXYm+XdKvRQatDHWhwwuaA53SolETVYg==",
       "dependencies": {
         "@syncedstore/core": "0.6.0",
         "konva": "9.3.20",
@@ -1838,11 +1929,11 @@
       }
     },
     "node_modules/@inditextech/weave-sdk": {
-      "version": "0.35.0",
-      "resolved": "https://registry.npmjs.org/@inditextech/weave-sdk/-/weave-sdk-0.35.0.tgz",
-      "integrity": "sha512-dy43VHDp5bmZKhBR5H+Ike4NckoazRSppPHX5BsYQ7dYJtc77gjgXvjiSkaJR+7U7YWY6chzDBLWTn4uUepeKA==",
+      "version": "0.37.0",
+      "resolved": "https://registry.npmjs.org/@inditextech/weave-sdk/-/weave-sdk-0.37.0.tgz",
+      "integrity": "sha512-LUSKXX079T/iU2eU8VxPQk2XmYgOFD24oEQtC8hRUclydUZMyKl0a+sGOvVOCtCfhmVvWrr44BTWnLzrHOV04A==",
       "dependencies": {
-        "@inditextech/weave-types": "0.35.0",
+        "@inditextech/weave-types": "0.37.0",
         "@syncedstore/core": "0.6.0",
         "canvas": "3.1.0",
         "konva": "9.3.20",
@@ -1859,11 +1950,12 @@
       }
     },
     "node_modules/@inditextech/weave-store-azure-web-pubsub": {
-      "version": "0.35.0",
-      "resolved": "https://registry.npmjs.org/@inditextech/weave-store-azure-web-pubsub/-/weave-store-azure-web-pubsub-0.35.0.tgz",
-      "integrity": "sha512-sZ36BSlLlQli/zNi058rKxhXZKN5HbdfMcPW+QzjrNh2U04iX51hueZdiEobaHCZVqukUheWSzxEM7QqWlEHwQ==",
+      "version": "0.37.0",
+      "resolved": "https://registry.npmjs.org/@inditextech/weave-store-azure-web-pubsub/-/weave-store-azure-web-pubsub-0.37.0.tgz",
+      "integrity": "sha512-1W8hz1dJgZ0Gdl6i0RbpfYj13rSscXtywmrAnn4Qj0+/w28JSnwG7dN2I1p7BopefgaXnsjaL+W5QB1YawX7RQ==",
       "dependencies": {
-        "@azure/web-pubsub": "1.1.4",
+        "@azure/identity": "4.10.2",
+        "@azure/web-pubsub": "1.2.0",
         "@syncedstore/core": "0.6.0",
         "buffer": "6.0.3",
         "konva": "9.3.20",
@@ -1882,9 +1974,9 @@
       }
     },
     "node_modules/@inditextech/weave-store-websockets": {
-      "version": "0.35.0",
-      "resolved": "https://registry.npmjs.org/@inditextech/weave-store-websockets/-/weave-store-websockets-0.35.0.tgz",
-      "integrity": "sha512-dfPXM+NpFB6pauyJU7LeaNXXtfgObhjVIvdSgcutKZflJVzCNqO+aDcDEbpP3xzGbuqwqHaq6ouwji9tFyMO5Q==",
+      "version": "0.37.0",
+      "resolved": "https://registry.npmjs.org/@inditextech/weave-store-websockets/-/weave-store-websockets-0.37.0.tgz",
+      "integrity": "sha512-Q2RdYxGm2IUxOSMfk823e+mnrv0NQVLE5Jg8bJum23zG2XRsLxDr13ZcSAgQxb27qEziehkKxgbgvHlzwBNpxw==",
       "dependencies": {
         "@syncedstore/core": "0.6.0",
         "konva": "9.3.20",
@@ -1902,9 +1994,9 @@
       }
     },
     "node_modules/@inditextech/weave-types": {
-      "version": "0.35.0",
-      "resolved": "https://registry.npmjs.org/@inditextech/weave-types/-/weave-types-0.35.0.tgz",
-      "integrity": "sha512-SsDqC5hkgvkrbOOo0r5IHOSK6Cih8jU9yj7cOB9oPNCaV5Jr94Cp58mtj+hQX6PecqdmoIc8Jyz61kTj1Vbq3A==",
+      "version": "0.37.0",
+      "resolved": "https://registry.npmjs.org/@inditextech/weave-types/-/weave-types-0.37.0.tgz",
+      "integrity": "sha512-oOY9MRoOvW1cGdo1bgBaYEIHmnXXrSz6C/lZaClGwzPIJYpPplN3YykHtKaesopVr5+XZM51YXDjClWiWPeHdA==",
       "dependencies": {
         "konva": "9.3.20",
         "yjs": "13.6.27"
@@ -3408,9 +3500,9 @@
       "dev": true
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.44.1.tgz",
-      "integrity": "sha512-JAcBr1+fgqx20m7Fwe1DxPUl/hPkee6jA6Pl7n1v2EFiktAHenTaXl5aIFjUIEsfn9w3HE4gK1lEgNGMzBDs1w==",
+      "version": "4.44.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.44.2.tgz",
+      "integrity": "sha512-g0dF8P1e2QYPOj1gu7s/3LVP6kze9A7m6x0BZ9iTdXK8N5c2V7cpBKHV3/9A4Zd8xxavdhK0t4PnqjkqVmUc9Q==",
       "cpu": [
         "arm"
       ],
@@ -3421,9 +3513,9 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.44.1.tgz",
-      "integrity": "sha512-RurZetXqTu4p+G0ChbnkwBuAtwAbIwJkycw1n6GvlGlBuS4u5qlr5opix8cBAYFJgaY05TWtM+LaoFggUmbZEQ==",
+      "version": "4.44.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.44.2.tgz",
+      "integrity": "sha512-Yt5MKrOosSbSaAK5Y4J+vSiID57sOvpBNBR6K7xAaQvk3MkcNVV0f9fE20T+41WYN8hDn6SGFlFrKudtx4EoxA==",
       "cpu": [
         "arm64"
       ],
@@ -3434,9 +3526,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.44.1.tgz",
-      "integrity": "sha512-fM/xPesi7g2M7chk37LOnmnSTHLG/v2ggWqKj3CCA1rMA4mm5KVBT1fNoswbo1JhPuNNZrVwpTvlCVggv8A2zg==",
+      "version": "4.44.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.44.2.tgz",
+      "integrity": "sha512-EsnFot9ZieM35YNA26nhbLTJBHD0jTwWpPwmRVDzjylQT6gkar+zenfb8mHxWpRrbn+WytRRjE0WKsfaxBkVUA==",
       "cpu": [
         "arm64"
       ],
@@ -3447,9 +3539,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.44.1.tgz",
-      "integrity": "sha512-gDnWk57urJrkrHQ2WVx9TSVTH7lSlU7E3AFqiko+bgjlh78aJ88/3nycMax52VIVjIm3ObXnDL2H00e/xzoipw==",
+      "version": "4.44.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.44.2.tgz",
+      "integrity": "sha512-dv/t1t1RkCvJdWWxQ2lWOO+b7cMsVw5YFaS04oHpZRWehI1h0fV1gF4wgGCTyQHHjJDfbNpwOi6PXEafRBBezw==",
       "cpu": [
         "x64"
       ],
@@ -3460,9 +3552,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.44.1.tgz",
-      "integrity": "sha512-wnFQmJ/zPThM5zEGcnDcCJeYJgtSLjh1d//WuHzhf6zT3Md1BvvhJnWoy+HECKu2bMxaIcfWiu3bJgx6z4g2XA==",
+      "version": "4.44.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.44.2.tgz",
+      "integrity": "sha512-W4tt4BLorKND4qeHElxDoim0+BsprFTwb+vriVQnFFtT/P6v/xO5I99xvYnVzKWrK6j7Hb0yp3x7V5LUbaeOMg==",
       "cpu": [
         "arm64"
       ],
@@ -3473,9 +3565,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.44.1.tgz",
-      "integrity": "sha512-uBmIxoJ4493YATvU2c0upGz87f99e3wop7TJgOA/bXMFd2SvKCI7xkxY/5k50bv7J6dw1SXT4MQBQSLn8Bb/Uw==",
+      "version": "4.44.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.44.2.tgz",
+      "integrity": "sha512-tdT1PHopokkuBVyHjvYehnIe20fxibxFCEhQP/96MDSOcyjM/shlTkZZLOufV3qO6/FQOSiJTBebhVc12JyPTA==",
       "cpu": [
         "x64"
       ],
@@ -3486,9 +3578,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.44.1.tgz",
-      "integrity": "sha512-n0edDmSHlXFhrlmTK7XBuwKlG5MbS7yleS1cQ9nn4kIeW+dJH+ExqNgQ0RrFRew8Y+0V/x6C5IjsHrJmiHtkxQ==",
+      "version": "4.44.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.44.2.tgz",
+      "integrity": "sha512-+xmiDGGaSfIIOXMzkhJ++Oa0Gwvl9oXUeIiwarsdRXSe27HUIvjbSIpPxvnNsRebsNdUo7uAiQVgBD1hVriwSQ==",
       "cpu": [
         "arm"
       ],
@@ -3499,9 +3591,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.44.1.tgz",
-      "integrity": "sha512-8WVUPy3FtAsKSpyk21kV52HCxB+me6YkbkFHATzC2Yd3yuqHwy2lbFL4alJOLXKljoRw08Zk8/xEj89cLQ/4Nw==",
+      "version": "4.44.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.44.2.tgz",
+      "integrity": "sha512-bDHvhzOfORk3wt8yxIra8N4k/N0MnKInCW5OGZaeDYa/hMrdPaJzo7CSkjKZqX4JFUWjUGm88lI6QJLCM7lDrA==",
       "cpu": [
         "arm"
       ],
@@ -3512,9 +3604,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.44.1.tgz",
-      "integrity": "sha512-yuktAOaeOgorWDeFJggjuCkMGeITfqvPgkIXhDqsfKX8J3jGyxdDZgBV/2kj/2DyPaLiX6bPdjJDTu9RB8lUPQ==",
+      "version": "4.44.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.44.2.tgz",
+      "integrity": "sha512-NMsDEsDiYghTbeZWEGnNi4F0hSbGnsuOG+VnNvxkKg0IGDvFh7UVpM/14mnMwxRxUf9AdAVJgHPvKXf6FpMB7A==",
       "cpu": [
         "arm64"
       ],
@@ -3525,9 +3617,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.44.1.tgz",
-      "integrity": "sha512-W+GBM4ifET1Plw8pdVaecwUgxmiH23CfAUj32u8knq0JPFyK4weRy6H7ooxYFD19YxBulL0Ktsflg5XS7+7u9g==",
+      "version": "4.44.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.44.2.tgz",
+      "integrity": "sha512-lb5bxXnxXglVq+7imxykIp5xMq+idehfl+wOgiiix0191av84OqbjUED+PRC5OA8eFJYj5xAGcpAZ0pF2MnW+A==",
       "cpu": [
         "arm64"
       ],
@@ -3538,9 +3630,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.44.1.tgz",
-      "integrity": "sha512-1zqnUEMWp9WrGVuVak6jWTl4fEtrVKfZY7CvcBmUUpxAJ7WcSowPSAWIKa/0o5mBL/Ij50SIf9tuirGx63Ovew==",
+      "version": "4.44.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.44.2.tgz",
+      "integrity": "sha512-Yl5Rdpf9pIc4GW1PmkUGHdMtbx0fBLE1//SxDmuf3X0dUC57+zMepow2LK0V21661cjXdTn8hO2tXDdAWAqE5g==",
       "cpu": [
         "loong64"
       ],
@@ -3551,9 +3643,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.44.1.tgz",
-      "integrity": "sha512-Rl3JKaRu0LHIx7ExBAAnf0JcOQetQffaw34T8vLlg9b1IhzcBgaIdnvEbbsZq9uZp3uAH+JkHd20Nwn0h9zPjA==",
+      "version": "4.44.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.44.2.tgz",
+      "integrity": "sha512-03vUDH+w55s680YYryyr78jsO1RWU9ocRMaeV2vMniJJW/6HhoTBwyyiiTPVHNWLnhsnwcQ0oH3S9JSBEKuyqw==",
       "cpu": [
         "ppc64"
       ],
@@ -3564,9 +3656,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.44.1.tgz",
-      "integrity": "sha512-j5akelU3snyL6K3N/iX7otLBIl347fGwmd95U5gS/7z6T4ftK288jKq3A5lcFKcx7wwzb5rgNvAg3ZbV4BqUSw==",
+      "version": "4.44.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.44.2.tgz",
+      "integrity": "sha512-iYtAqBg5eEMG4dEfVlkqo05xMOk6y/JXIToRca2bAWuqjrJYJlx/I7+Z+4hSrsWU8GdJDFPL4ktV3dy4yBSrzg==",
       "cpu": [
         "riscv64"
       ],
@@ -3577,9 +3669,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-musl": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.44.1.tgz",
-      "integrity": "sha512-ppn5llVGgrZw7yxbIm8TTvtj1EoPgYUAbfw0uDjIOzzoqlZlZrLJ/KuiE7uf5EpTpCTrNt1EdtzF0naMm0wGYg==",
+      "version": "4.44.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.44.2.tgz",
+      "integrity": "sha512-e6vEbgaaqz2yEHqtkPXa28fFuBGmUJ0N2dOJK8YUfijejInt9gfCSA7YDdJ4nYlv67JfP3+PSWFX4IVw/xRIPg==",
       "cpu": [
         "riscv64"
       ],
@@ -3590,9 +3682,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.44.1.tgz",
-      "integrity": "sha512-Hu6hEdix0oxtUma99jSP7xbvjkUM/ycke/AQQ4EC5g7jNRLLIwjcNwaUy95ZKBJJwg1ZowsclNnjYqzN4zwkAw==",
+      "version": "4.44.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.44.2.tgz",
+      "integrity": "sha512-evFOtkmVdY3udE+0QKrV5wBx7bKI0iHz5yEVx5WqDJkxp9YQefy4Mpx3RajIVcM6o7jxTvVd/qpC1IXUhGc1Mw==",
       "cpu": [
         "s390x"
       ],
@@ -3603,9 +3695,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.44.1.tgz",
-      "integrity": "sha512-EtnsrmZGomz9WxK1bR5079zee3+7a+AdFlghyd6VbAjgRJDbTANJ9dcPIPAi76uG05micpEL+gPGmAKYTschQw==",
+      "version": "4.44.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.44.2.tgz",
+      "integrity": "sha512-/bXb0bEsWMyEkIsUL2Yt5nFB5naLAwyOWMEviQfQY1x3l5WsLKgvZf66TM7UTfED6erckUVUJQ/jJ1FSpm3pRQ==",
       "cpu": [
         "x64"
       ],
@@ -3616,9 +3708,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.44.1.tgz",
-      "integrity": "sha512-iAS4p+J1az6Usn0f8xhgL4PaU878KEtutP4hqw52I4IO6AGoyOkHCxcc4bqufv1tQLdDWFx8lR9YlwxKuv3/3g==",
+      "version": "4.44.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.44.2.tgz",
+      "integrity": "sha512-3D3OB1vSSBXmkGEZR27uiMRNiwN08/RVAcBKwhUYPaiZ8bcvdeEwWPvbnXvvXHY+A/7xluzcN+kaiOFNiOZwWg==",
       "cpu": [
         "x64"
       ],
@@ -3629,9 +3721,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.44.1.tgz",
-      "integrity": "sha512-NtSJVKcXwcqozOl+FwI41OH3OApDyLk3kqTJgx8+gp6On9ZEt5mYhIsKNPGuaZr3p9T6NWPKGU/03Vw4CNU9qg==",
+      "version": "4.44.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.44.2.tgz",
+      "integrity": "sha512-VfU0fsMK+rwdK8mwODqYeM2hDrF2WiHaSmCBrS7gColkQft95/8tphyzv2EupVxn3iE0FI78wzffoULH1G+dkw==",
       "cpu": [
         "arm64"
       ],
@@ -3642,9 +3734,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.44.1.tgz",
-      "integrity": "sha512-JYA3qvCOLXSsnTR3oiyGws1Dm0YTuxAAeaYGVlGpUsHqloPcFjPg+X0Fj2qODGLNwQOAcCiQmHub/V007kiH5A==",
+      "version": "4.44.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.44.2.tgz",
+      "integrity": "sha512-+qMUrkbUurpE6DVRjiJCNGZBGo9xM4Y0FXU5cjgudWqIBWbcLkjE3XprJUsOFgC6xjBClwVa9k6O3A7K3vxb5Q==",
       "cpu": [
         "ia32"
       ],
@@ -3655,9 +3747,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.44.1.tgz",
-      "integrity": "sha512-J8o22LuF0kTe7m+8PvW9wk3/bRq5+mRo5Dqo6+vXb7otCm3TPhYOJqOaQtGU9YMWQSL3krMnoOxMr0+9E6F3Ug==",
+      "version": "4.44.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.44.2.tgz",
+      "integrity": "sha512-3+QZROYfJ25PDcxFF66UEk8jGWigHJeecZILvkPkyQN7oc5BvFo4YEXFkOs154j3FTMp9mn9Ky8RCOwastduEA==",
       "cpu": [
         "x64"
       ],
@@ -4207,6 +4299,12 @@
       "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
       "dev": true
     },
+    "node_modules/@types/hammerjs": {
+      "version": "2.0.46",
+      "resolved": "https://registry.npmjs.org/@types/hammerjs/-/hammerjs-2.0.46.tgz",
+      "integrity": "sha512-ynRvcq6wvqexJ9brDMS4BnBLzmr0e14d6ZJTEShTBWKymQiHwlAyGu0ZPEFI2Fh1U53F7tN9ufClWM5KvqkKOw==",
+      "dev": true
+    },
     "node_modules/@types/json5": {
       "version": "0.0.29",
       "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
@@ -4254,6 +4352,16 @@
         "@types/react": "^18.0.0"
       }
     },
+    "node_modules/@types/react-hammerjs": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/@types/react-hammerjs/-/react-hammerjs-1.0.7.tgz",
+      "integrity": "sha512-bHXpm3WxmUeIyow57KbgKNdhxjnHoYzPn7lWW45r2NgRyod7as7jJjoQIbtBETTorF4lrzFXVnFhYJssoEpG6Q==",
+      "dev": true,
+      "dependencies": {
+        "@types/hammerjs": "*",
+        "@types/react": "*"
+      }
+    },
     "node_modules/@types/react-reconciler": {
       "version": "0.26.7",
       "resolved": "https://registry.npmjs.org/@types/react-reconciler/-/react-reconciler-0.26.7.tgz",
@@ -4289,16 +4397,16 @@
       "integrity": "sha512-Vr6Stjv5jPRqH690f5I5GLjVk8GSsoQSYJ2FVd/3jJF7KaqfwPi3ehfBS96mlQ2kPCwZaX6U0rG2+NGHBKkA/A=="
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.35.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.35.1.tgz",
-      "integrity": "sha512-9XNTlo7P7RJxbVeICaIIIEipqxLKguyh+3UbXuT2XQuFp6d8VOeDEGuz5IiX0dgZo8CiI6aOFLg4e8cF71SFVg==",
+      "version": "8.36.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.36.0.tgz",
+      "integrity": "sha512-lZNihHUVB6ZZiPBNgOQGSxUASI7UJWhT8nHyUGCnaQ28XFCw98IfrMCG3rUl1uwUWoAvodJQby2KTs79UTcrAg==",
       "dev": true,
       "dependencies": {
         "@eslint-community/regexpp": "^4.10.0",
-        "@typescript-eslint/scope-manager": "8.35.1",
-        "@typescript-eslint/type-utils": "8.35.1",
-        "@typescript-eslint/utils": "8.35.1",
-        "@typescript-eslint/visitor-keys": "8.35.1",
+        "@typescript-eslint/scope-manager": "8.36.0",
+        "@typescript-eslint/type-utils": "8.36.0",
+        "@typescript-eslint/utils": "8.36.0",
+        "@typescript-eslint/visitor-keys": "8.36.0",
         "graphemer": "^1.4.0",
         "ignore": "^7.0.0",
         "natural-compare": "^1.4.0",
@@ -4312,7 +4420,7 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "@typescript-eslint/parser": "^8.35.1",
+        "@typescript-eslint/parser": "^8.36.0",
         "eslint": "^8.57.0 || ^9.0.0",
         "typescript": ">=4.8.4 <5.9.0"
       }
@@ -4327,15 +4435,15 @@
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "8.35.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.35.1.tgz",
-      "integrity": "sha512-3MyiDfrfLeK06bi/g9DqJxP5pV74LNv4rFTyvGDmT3x2p1yp1lOd+qYZfiRPIOf/oON+WRZR5wxxuF85qOar+w==",
+      "version": "8.36.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.36.0.tgz",
+      "integrity": "sha512-FuYgkHwZLuPbZjQHzJXrtXreJdFMKl16BFYyRrLxDhWr6Qr7Kbcu2s1Yhu8tsiMXw1S0W1pjfFfYEt+R604s+Q==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.35.1",
-        "@typescript-eslint/types": "8.35.1",
-        "@typescript-eslint/typescript-estree": "8.35.1",
-        "@typescript-eslint/visitor-keys": "8.35.1",
+        "@typescript-eslint/scope-manager": "8.36.0",
+        "@typescript-eslint/types": "8.36.0",
+        "@typescript-eslint/typescript-estree": "8.36.0",
+        "@typescript-eslint/visitor-keys": "8.36.0",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -4351,13 +4459,13 @@
       }
     },
     "node_modules/@typescript-eslint/project-service": {
-      "version": "8.35.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.35.1.tgz",
-      "integrity": "sha512-VYxn/5LOpVxADAuP3NrnxxHYfzVtQzLKeldIhDhzC8UHaiQvYlXvKuVho1qLduFbJjjy5U5bkGwa3rUGUb1Q6Q==",
+      "version": "8.36.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.36.0.tgz",
+      "integrity": "sha512-JAhQFIABkWccQYeLMrHadu/fhpzmSQ1F1KXkpzqiVxA/iYI6UnRt2trqXHt1sYEcw1mxLnB9rKMsOxXPxowN/g==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/tsconfig-utils": "^8.35.1",
-        "@typescript-eslint/types": "^8.35.1",
+        "@typescript-eslint/tsconfig-utils": "^8.36.0",
+        "@typescript-eslint/types": "^8.36.0",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -4372,13 +4480,13 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.35.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.35.1.tgz",
-      "integrity": "sha512-s/Bpd4i7ht2934nG+UoSPlYXd08KYz3bmjLEb7Ye1UVob0d1ENiT3lY8bsCmik4RqfSbPw9xJJHbugpPpP5JUg==",
+      "version": "8.36.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.36.0.tgz",
+      "integrity": "sha512-wCnapIKnDkN62fYtTGv2+RY8FlnBYA3tNm0fm91kc2BjPhV2vIjwwozJ7LToaLAyb1ca8BxrS7vT+Pvvf7RvqA==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "8.35.1",
-        "@typescript-eslint/visitor-keys": "8.35.1"
+        "@typescript-eslint/types": "8.36.0",
+        "@typescript-eslint/visitor-keys": "8.36.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -4389,9 +4497,9 @@
       }
     },
     "node_modules/@typescript-eslint/tsconfig-utils": {
-      "version": "8.35.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.35.1.tgz",
-      "integrity": "sha512-K5/U9VmT9dTHoNowWZpz+/TObS3xqC5h0xAIjXPw+MNcKV9qg6eSatEnmeAwkjHijhACH0/N7bkhKvbt1+DXWQ==",
+      "version": "8.36.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.36.0.tgz",
+      "integrity": "sha512-Nhh3TIEgN18mNbdXpd5Q8mSCBnrZQeY9V7Ca3dqYvNDStNIGRmJA6dmrIPMJ0kow3C7gcQbpsG2rPzy1Ks/AnA==",
       "dev": true,
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -4405,13 +4513,13 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.35.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.35.1.tgz",
-      "integrity": "sha512-HOrUBlfVRz5W2LIKpXzZoy6VTZzMu2n8q9C2V/cFngIC5U1nStJgv0tMV4sZPzdf4wQm9/ToWUFPMN9Vq9VJQQ==",
+      "version": "8.36.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.36.0.tgz",
+      "integrity": "sha512-5aaGYG8cVDd6cxfk/ynpYzxBRZJk7w/ymto6uiyUFtdCozQIsQWh7M28/6r57Fwkbweng8qAzoMCPwSJfWlmsg==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/typescript-estree": "8.35.1",
-        "@typescript-eslint/utils": "8.35.1",
+        "@typescript-eslint/typescript-estree": "8.36.0",
+        "@typescript-eslint/utils": "8.36.0",
         "debug": "^4.3.4",
         "ts-api-utils": "^2.1.0"
       },
@@ -4428,9 +4536,9 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "8.35.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.35.1.tgz",
-      "integrity": "sha512-q/O04vVnKHfrrhNAscndAn1tuQhIkwqnaW+eu5waD5IPts2eX1dgJxgqcPx5BX109/qAz7IG6VrEPTOYKCNfRQ==",
+      "version": "8.36.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.36.0.tgz",
+      "integrity": "sha512-xGms6l5cTJKQPZOKM75Dl9yBfNdGeLRsIyufewnxT4vZTrjC0ImQT4fj8QmtJK84F58uSh5HVBSANwcfiXxABQ==",
       "dev": true,
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -4441,15 +4549,15 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.35.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.35.1.tgz",
-      "integrity": "sha512-Vvpuvj4tBxIka7cPs6Y1uvM7gJgdF5Uu9F+mBJBPY4MhvjrjWGK4H0lVgLJd/8PWZ23FTqsaJaLEkBCFUk8Y9g==",
+      "version": "8.36.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.36.0.tgz",
+      "integrity": "sha512-JaS8bDVrfVJX4av0jLpe4ye0BpAaUW7+tnS4Y4ETa3q7NoZgzYbN9zDQTJ8kPb5fQ4n0hliAt9tA4Pfs2zA2Hg==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/project-service": "8.35.1",
-        "@typescript-eslint/tsconfig-utils": "8.35.1",
-        "@typescript-eslint/types": "8.35.1",
-        "@typescript-eslint/visitor-keys": "8.35.1",
+        "@typescript-eslint/project-service": "8.36.0",
+        "@typescript-eslint/tsconfig-utils": "8.36.0",
+        "@typescript-eslint/types": "8.36.0",
+        "@typescript-eslint/visitor-keys": "8.36.0",
         "debug": "^4.3.4",
         "fast-glob": "^3.3.2",
         "is-glob": "^4.0.3",
@@ -4493,15 +4601,15 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "8.35.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.35.1.tgz",
-      "integrity": "sha512-lhnwatFmOFcazAsUm3ZnZFpXSxiwoa1Lj50HphnDe1Et01NF4+hrdXONSUHIcbVu2eFb1bAf+5yjXkGVkXBKAQ==",
+      "version": "8.36.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.36.0.tgz",
+      "integrity": "sha512-VOqmHu42aEMT+P2qYjylw6zP/3E/HvptRwdn/PZxyV27KhZg2IOszXod4NcXisWzPAGSS4trE/g4moNj6XmH2g==",
       "dev": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.7.0",
-        "@typescript-eslint/scope-manager": "8.35.1",
-        "@typescript-eslint/types": "8.35.1",
-        "@typescript-eslint/typescript-estree": "8.35.1"
+        "@typescript-eslint/scope-manager": "8.36.0",
+        "@typescript-eslint/types": "8.36.0",
+        "@typescript-eslint/typescript-estree": "8.36.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -4516,12 +4624,12 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.35.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.35.1.tgz",
-      "integrity": "sha512-VRwixir4zBWCSTP/ljEo091lbpypz57PoeAQ9imjG+vbeof9LplljsL1mos4ccG6H9IjfrVGM359RozUnuFhpw==",
+      "version": "8.36.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.36.0.tgz",
+      "integrity": "sha512-vZrhV2lRPWDuGoxcmrzRZyxAggPL+qp3WzUrlZD+slFueDiYHxeBa34dUXPuC0RmGKzl4lS5kFJYvKCq9cnNDA==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "8.35.1",
+        "@typescript-eslint/types": "8.36.0",
         "eslint-visitor-keys": "^4.2.1"
       },
       "engines": {
@@ -4564,9 +4672,9 @@
       "dev": true
     },
     "node_modules/@unrs/resolver-binding-android-arm-eabi": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm-eabi/-/resolver-binding-android-arm-eabi-1.10.1.tgz",
-      "integrity": "sha512-zohDKXT1Ok0yhbVGff4YAg9HUs5ietG5GpvJBPFSApZnGe7uf2cd26DRhKZbn0Be6xHUZrSzP+RAgMmzyc71EA==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm-eabi/-/resolver-binding-android-arm-eabi-1.11.0.tgz",
+      "integrity": "sha512-LRw5BW29sYj9NsQC6QoqeLVQhEa+BwVINYyMlcve+6stwdBsSt5UB7zw4UZB4+4PNqIVilHoMaPWCb/KhABHQw==",
       "cpu": [
         "arm"
       ],
@@ -4577,9 +4685,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-android-arm64": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm64/-/resolver-binding-android-arm64-1.10.1.tgz",
-      "integrity": "sha512-tAN6k5UrTd4nicpA7s2PbjR/jagpDzAmvXFjbpTazUe5FRsFxVcBlS1F5Lzp5jtWU6bdiqRhSvd4X8rdpCffeA==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm64/-/resolver-binding-android-arm64-1.11.0.tgz",
+      "integrity": "sha512-zYX8D2zcWCAHqghA8tPjbp7LwjVXbIZP++mpU/Mrf5jUVlk3BWIxkeB8yYzZi5GpFSlqMcRZQxQqbMI0c2lASQ==",
       "cpu": [
         "arm64"
       ],
@@ -4590,9 +4698,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-darwin-arm64": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-arm64/-/resolver-binding-darwin-arm64-1.10.1.tgz",
-      "integrity": "sha512-+FCsag8WkauI4dQ50XumCXdfvDCZEpMUnvZDsKMxfOisnEklpDFXc6ThY0WqybBYZbiwR5tWcFaZmI0G6b4vrg==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-arm64/-/resolver-binding-darwin-arm64-1.11.0.tgz",
+      "integrity": "sha512-YsYOT049hevAY/lTYD77GhRs885EXPeAfExG5KenqMJ417nYLS2N/kpRpYbABhFZBVQn+2uRPasTe4ypmYoo3w==",
       "cpu": [
         "arm64"
       ],
@@ -4603,9 +4711,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-darwin-x64": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-x64/-/resolver-binding-darwin-x64-1.10.1.tgz",
-      "integrity": "sha512-qYKGGm5wk71ONcXTMZ0+J11qQeOAPz3nw6VtqrBUUELRyXFyvK8cHhHsLBFR4GHnilc2pgY1HTB2TvdW9wO26Q==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-x64/-/resolver-binding-darwin-x64-1.11.0.tgz",
+      "integrity": "sha512-PSjvk3OZf1aZImdGY5xj9ClFG3bC4gnSSYWrt+id0UAv+GwwVldhpMFjAga8SpMo2T1GjV9UKwM+QCsQCQmtdA==",
       "cpu": [
         "x64"
       ],
@@ -4616,9 +4724,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-freebsd-x64": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-freebsd-x64/-/resolver-binding-freebsd-x64-1.10.1.tgz",
-      "integrity": "sha512-hOHMAhbvIQ63gkpgeNsXcWPSyvXH7ZEyeg254hY0Lp/hX8NdW+FsUWq73g9946Pc/BrcVI/I3C1cmZ4RCX9bNw==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-freebsd-x64/-/resolver-binding-freebsd-x64-1.11.0.tgz",
+      "integrity": "sha512-KC/iFaEN/wsTVYnHClyHh5RSYA9PpuGfqkFua45r4sweXpC0KHZ+BYY7ikfcGPt5w1lMpR1gneFzuqWLQxsRKg==",
       "cpu": [
         "x64"
       ],
@@ -4629,9 +4737,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-linux-arm-gnueabihf": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-gnueabihf/-/resolver-binding-linux-arm-gnueabihf-1.10.1.tgz",
-      "integrity": "sha512-6ds7+zzHJgTDmpe0gmFcOTvSUhG5oZukkt+cCsSb3k4Uiz2yEQB4iCRITX2hBwSW+p8gAieAfecITjgqCkswXw==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-gnueabihf/-/resolver-binding-linux-arm-gnueabihf-1.11.0.tgz",
+      "integrity": "sha512-CDh/0v8uot43cB4yKtDL9CVY8pbPnMV0dHyQCE4lFz6PW/+9tS0i9eqP5a91PAqEBVMqH1ycu+k8rP6wQU846w==",
       "cpu": [
         "arm"
       ],
@@ -4642,9 +4750,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-linux-arm-musleabihf": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-musleabihf/-/resolver-binding-linux-arm-musleabihf-1.10.1.tgz",
-      "integrity": "sha512-P7A0G2/jW00diNJyFeq4W9/nxovD62Ay8CMP4UK9OymC7qO7rG1a8Upad68/bdfpIOn7KSp7Aj/6lEW3yyznAA==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-musleabihf/-/resolver-binding-linux-arm-musleabihf-1.11.0.tgz",
+      "integrity": "sha512-+TE7epATDSnvwr3L/hNHX3wQ8KQYB+jSDTdywycg3qDqvavRP8/HX9qdq/rMcnaRDn4EOtallb3vL/5wCWGCkw==",
       "cpu": [
         "arm"
       ],
@@ -4655,9 +4763,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-linux-arm64-gnu": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-gnu/-/resolver-binding-linux-arm64-gnu-1.10.1.tgz",
-      "integrity": "sha512-Cg6xzdkrpltcTPO4At+A79zkC7gPDQIgosJmVV8M104ImB6KZi1MrNXgDYIAfkhUYjPzjNooEDFRAwwPadS7ZA==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-gnu/-/resolver-binding-linux-arm64-gnu-1.11.0.tgz",
+      "integrity": "sha512-VBAYGg3VahofpQ+L4k/ZO8TSICIbUKKTaMYOWHWfuYBFqPbSkArZZLezw3xd27fQkxX4BaLGb/RKnW0dH9Y/UA==",
       "cpu": [
         "arm64"
       ],
@@ -4668,9 +4776,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-linux-arm64-musl": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-musl/-/resolver-binding-linux-arm64-musl-1.10.1.tgz",
-      "integrity": "sha512-aNeg99bVkXa4lt+oZbjNRPC8ZpjJTKxijg/wILrJdzNyAymO2UC/HUK1UfDjt6T7U5p/mK24T3CYOi3/+YEQSA==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-musl/-/resolver-binding-linux-arm64-musl-1.11.0.tgz",
+      "integrity": "sha512-9IgGFUUb02J1hqdRAHXpZHIeUHRrbnGo6vrRbz0fREH7g+rzQy53/IBSyadZ/LG5iqMxukriNPu4hEMUn+uWEg==",
       "cpu": [
         "arm64"
       ],
@@ -4681,9 +4789,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-linux-ppc64-gnu": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-ppc64-gnu/-/resolver-binding-linux-ppc64-gnu-1.10.1.tgz",
-      "integrity": "sha512-ylz5ojeXrkPrtnzVhpCO+YegG63/aKhkoTlY8PfMfBfLaUG8v6m6iqrL7sBUKdVBgOB4kSTUPt9efQdA/Y3Z/w==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-ppc64-gnu/-/resolver-binding-linux-ppc64-gnu-1.11.0.tgz",
+      "integrity": "sha512-LR4iQ/LPjMfivpL2bQ9kmm3UnTas3U+umcCnq/CV7HAkukVdHxrDD1wwx74MIWbbgzQTLPYY7Ur2MnnvkYJCBQ==",
       "cpu": [
         "ppc64"
       ],
@@ -4694,9 +4802,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-linux-riscv64-gnu": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-gnu/-/resolver-binding-linux-riscv64-gnu-1.10.1.tgz",
-      "integrity": "sha512-xcWyhmJfXXOxK7lvE4+rLwBq+on83svlc0AIypfe6x4sMJR+S4oD7n9OynaQShfj2SufPw2KJAotnsNb+4nN2g==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-gnu/-/resolver-binding-linux-riscv64-gnu-1.11.0.tgz",
+      "integrity": "sha512-HCupFQwMrRhrOg7YHrobbB5ADg0Q8RNiuefqMHVsdhEy9lLyXm/CxsCXeLJdrg27NAPsCaMDtdlm8Z2X8x91Tg==",
       "cpu": [
         "riscv64"
       ],
@@ -4707,9 +4815,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-linux-riscv64-musl": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-musl/-/resolver-binding-linux-riscv64-musl-1.10.1.tgz",
-      "integrity": "sha512-mW9JZAdOCyorgi1eLJr4gX7xS67WNG9XNPYj5P8VuttK72XNsmdw9yhOO4tDANMgiLXFiSFaiL1gEpoNtRPw/A==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-musl/-/resolver-binding-linux-riscv64-musl-1.11.0.tgz",
+      "integrity": "sha512-Ckxy76A5xgjWa4FNrzcKul5qFMWgP5JSQ5YKd0XakmWOddPLSkQT+uAvUpQNnFGNbgKzv90DyQlxPDYPQ4nd6A==",
       "cpu": [
         "riscv64"
       ],
@@ -4720,9 +4828,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-linux-s390x-gnu": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-s390x-gnu/-/resolver-binding-linux-s390x-gnu-1.10.1.tgz",
-      "integrity": "sha512-NZGKhBy6xkJ0k09cWNZz4DnhBcGlhDd3W+j7EYoNvf5TSwj2K6kbmfqTWITEgkvjsMUjm1wsrc4IJaH6VtjyHQ==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-s390x-gnu/-/resolver-binding-linux-s390x-gnu-1.11.0.tgz",
+      "integrity": "sha512-HfO0PUCCRte2pMJmVyxPI+eqT7KuV3Fnvn2RPvMe5mOzb2BJKf4/Vth8sSt9cerQboMaTVpbxyYjjLBWIuI5BQ==",
       "cpu": [
         "s390x"
       ],
@@ -4733,9 +4841,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-linux-x64-gnu": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-gnu/-/resolver-binding-linux-x64-gnu-1.10.1.tgz",
-      "integrity": "sha512-VsjgckJ0gNMw7p0d8In6uPYr+s0p16yrT2rvG4v2jUpEMYkpnfnCiALa9SWshbvlGjKQ98Q2x19agm3iFk8w8Q==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-gnu/-/resolver-binding-linux-x64-gnu-1.11.0.tgz",
+      "integrity": "sha512-9PZdjP7tLOEjpXHS6+B/RNqtfVUyDEmaViPOuSqcbomLdkJnalt5RKQ1tr2m16+qAufV0aDkfhXtoO7DQos/jg==",
       "cpu": [
         "x64"
       ],
@@ -4746,9 +4854,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-linux-x64-musl": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-musl/-/resolver-binding-linux-x64-musl-1.10.1.tgz",
-      "integrity": "sha512-idMnajMeejnaFi0Mx9UTLSYFDAOTfAEP7VjXNgxKApso3Eu2Njs0p2V95nNIyFi4oQVGFmIuCkoznAXtF/Zbmw==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-musl/-/resolver-binding-linux-x64-musl-1.11.0.tgz",
+      "integrity": "sha512-qkE99ieiSKMnFJY/EfyGKVtNra52/k+lVF/PbO4EL5nU6AdvG4XhtJ+WHojAJP7ID9BNIra/yd75EHndewNRfA==",
       "cpu": [
         "x64"
       ],
@@ -4759,9 +4867,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-wasm32-wasi": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-wasm32-wasi/-/resolver-binding-wasm32-wasi-1.10.1.tgz",
-      "integrity": "sha512-7jyhjIRNFjzlr8x5pth6Oi9hv3a7ubcVYm2GBFinkBQKcFhw4nIs5BtauSNtDW1dPIGrxF0ciynCZqzxMrYMsg==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-wasm32-wasi/-/resolver-binding-wasm32-wasi-1.11.0.tgz",
+      "integrity": "sha512-MjXek8UL9tIX34gymvQLecz2hMaQzOlaqYJJBomwm1gsvK2F7hF+YqJJ2tRyBDTv9EZJGMt4KlKkSD/gZWCOiw==",
       "cpu": [
         "wasm32"
       ],
@@ -4775,9 +4883,9 @@
       }
     },
     "node_modules/@unrs/resolver-binding-win32-arm64-msvc": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-arm64-msvc/-/resolver-binding-win32-arm64-msvc-1.10.1.tgz",
-      "integrity": "sha512-TY79+N+Gkoo7E99K+zmsKNeiuNJYlclZJtKqsHSls8We2iGhgxtletVsiBYie93MSTDRDMI8pkBZJlIJSZPrdA==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-arm64-msvc/-/resolver-binding-win32-arm64-msvc-1.11.0.tgz",
+      "integrity": "sha512-9LT6zIGO7CHybiQSh7DnQGwFMZvVr0kUjah6qQfkH2ghucxPV6e71sUXJdSM4Ba0MaGE6DC/NwWf7mJmc3DAng==",
       "cpu": [
         "arm64"
       ],
@@ -4788,9 +4896,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-win32-ia32-msvc": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-ia32-msvc/-/resolver-binding-win32-ia32-msvc-1.10.1.tgz",
-      "integrity": "sha512-BAJN5PEPlEV+1m8+PCtFoKm3LQ1P57B4Z+0+efU0NzmCaGk7pUaOxuPgl+m3eufVeeNBKiPDltG0sSB9qEfCxw==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-ia32-msvc/-/resolver-binding-win32-ia32-msvc-1.11.0.tgz",
+      "integrity": "sha512-HYchBYOZ7WN266VjoGm20xFv5EonG/ODURRgwl9EZT7Bq1nLEs6VKJddzfFdXEAho0wfFlt8L/xIiE29Pmy1RA==",
       "cpu": [
         "ia32"
       ],
@@ -4801,9 +4909,9 @@
       ]
     },
     "node_modules/@unrs/resolver-binding-win32-x64-msvc": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.10.1.tgz",
-      "integrity": "sha512-2v3erKKmmCyIVvvhI2nF15qEbdBpISTq44m9pyd5gfIJB1PN94oePTLWEd82XUbIbvKhv76xTSeUQSCOGesLeg==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.11.0.tgz",
+      "integrity": "sha512-+oLKLHw3I1UQo4MeHfoLYF+e6YBa8p5vYUw3Rgt7IDzCs+57vIZqQlIo62NDpYM0VG6BjWOwnzBczMvbtH8hag==",
       "cpu": [
         "x64"
       ],
@@ -4975,9 +5083,9 @@
       }
     },
     "node_modules/@webgpu/types": {
-      "version": "0.1.63",
-      "resolved": "https://registry.npmjs.org/@webgpu/types/-/types-0.1.63.tgz",
-      "integrity": "sha512-s9Kuh0nE/2+nKrvmKNMB2fE5Zlr3DL2t3OFKM55v5jRcfCOxbkOHhQoshoFum5mmXIfEtRXtLCWmkeTJsVjE9w==",
+      "version": "0.1.64",
+      "resolved": "https://registry.npmjs.org/@webgpu/types/-/types-0.1.64.tgz",
+      "integrity": "sha512-84kRIAGV46LJTlJZWxShiOrNL30A+9KokD7RB3dRCIqODFjodS5tCD5yyiZ8kIReGVZSDfA3XkkwyyOIF6K62A==",
       "peer": true
     },
     "node_modules/acorn": {
@@ -5002,9 +5110,9 @@
       }
     },
     "node_modules/agent-base": {
-      "version": "7.1.3",
-      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.3.tgz",
-      "integrity": "sha512-jRR5wdylq8CkOe6hei19GGZnxM6rBGwFl3Bg0YItGDimvjGtAvdZk4Pu6Cl4u4Igsws4a1fd1Vq3ezrhn4KmFw==",
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
+      "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==",
       "engines": {
         "node": ">= 14"
       }
@@ -5457,6 +5565,20 @@
       "resolved": "https://registry.npmjs.org/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz",
       "integrity": "sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA=="
     },
+    "node_modules/bundle-name": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/bundle-name/-/bundle-name-4.1.0.tgz",
+      "integrity": "sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==",
+      "dependencies": {
+        "run-applescript": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/busboy": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
@@ -5533,9 +5655,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001726",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001726.tgz",
-      "integrity": "sha512-VQAUIUzBiZ/UnlM28fSp2CRF3ivUn1BWEvxMcVTNwpw91Py1pGbPIyIKtd+tzct9C3ouceCVdGAXxZOpZAsgdw==",
+      "version": "1.0.30001727",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001727.tgz",
+      "integrity": "sha512-pB68nIHmbN6L/4C6MH1DokyR3bYqFwjaSs/sWDHGj4CTcFtQUQMuJftVwWkXq7mNWOybD3KhUv3oWHoGxgP14Q==",
       "funding": [
         {
           "type": "opencollective",
@@ -6029,9 +6151,9 @@
       }
     },
     "node_modules/decimal.js": {
-      "version": "10.5.0",
-      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.5.0.tgz",
-      "integrity": "sha512-8vDa8Qxvr/+d94hSh5P3IJwI5t8/c0KsMp+g8bNw9cY2icONa5aPfvKeieW1WlG0WQYwwhJ7mjui2xtiePQSXw==",
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.6.0.tgz",
+      "integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==",
       "dev": true
     },
     "node_modules/decompress-response": {
@@ -6071,6 +6193,32 @@
       "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
       "dev": true
     },
+    "node_modules/default-browser": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/default-browser/-/default-browser-5.2.1.tgz",
+      "integrity": "sha512-WY/3TUME0x3KPYdRRxEJJvXRHV4PyPoUsxtZa78lwItwRQRHhd2U9xOscaT/YTf8uCXIAjeJOFBVEh/7FtD8Xg==",
+      "dependencies": {
+        "bundle-name": "^4.1.0",
+        "default-browser-id": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/default-browser-id": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/default-browser-id/-/default-browser-id-5.0.0.tgz",
+      "integrity": "sha512-A6p/pu/6fyBcA1TRz/GqWYPViplrftcW2gZC9q79ngNCKAeR/X3gcEdXQHl4KNXV+3wgIJ1CPkJQ3IHM6lcsyA==",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/define-data-property": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
@@ -6088,6 +6236,17 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/define-lazy-prop": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz",
+      "integrity": "sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/define-properties": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
@@ -6199,9 +6358,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.179",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.179.tgz",
-      "integrity": "sha512-UWKi/EbBopgfFsc5k61wFpV7WrnnSlSzW/e2XcBmS6qKYTivZlLtoll5/rdqRTxGglGHkmkW0j0pFNJG10EUIQ==",
+      "version": "1.5.180",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.180.tgz",
+      "integrity": "sha512-ED+GEyEh3kYMwt2faNmgMB0b8O5qtATGgR4RmRsIp4T6p7B8vdMbIedYndnvZfsaXvSzegtpfqRMDNCjjiSduA==",
       "dev": true
     },
     "node_modules/emoji-regex": {
@@ -6441,9 +6600,9 @@
       }
     },
     "node_modules/esbuild": {
-      "version": "0.25.5",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.5.tgz",
-      "integrity": "sha512-P8OtKZRv/5J5hhz0cUAdu/cLuPIKXpQl1R9pZtvmHWQvrAUVd0UNIPT4IB4W3rNOqVO0rlqHmCIbSwxh/c9yUQ==",
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.6.tgz",
+      "integrity": "sha512-GVuzuUwtdsghE3ocJ9Bs8PNoF13HNQ5TXbEi2AhvVb8xU1Iwt9Fos9FEamfoee+u/TOsn7GUWc04lz46n2bbTg==",
       "dev": true,
       "hasInstallScript": true,
       "bin": {
@@ -6453,31 +6612,32 @@
         "node": ">=18"
       },
       "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.25.5",
-        "@esbuild/android-arm": "0.25.5",
-        "@esbuild/android-arm64": "0.25.5",
-        "@esbuild/android-x64": "0.25.5",
-        "@esbuild/darwin-arm64": "0.25.5",
-        "@esbuild/darwin-x64": "0.25.5",
-        "@esbuild/freebsd-arm64": "0.25.5",
-        "@esbuild/freebsd-x64": "0.25.5",
-        "@esbuild/linux-arm": "0.25.5",
-        "@esbuild/linux-arm64": "0.25.5",
-        "@esbuild/linux-ia32": "0.25.5",
-        "@esbuild/linux-loong64": "0.25.5",
-        "@esbuild/linux-mips64el": "0.25.5",
-        "@esbuild/linux-ppc64": "0.25.5",
-        "@esbuild/linux-riscv64": "0.25.5",
-        "@esbuild/linux-s390x": "0.25.5",
-        "@esbuild/linux-x64": "0.25.5",
-        "@esbuild/netbsd-arm64": "0.25.5",
-        "@esbuild/netbsd-x64": "0.25.5",
-        "@esbuild/openbsd-arm64": "0.25.5",
-        "@esbuild/openbsd-x64": "0.25.5",
-        "@esbuild/sunos-x64": "0.25.5",
-        "@esbuild/win32-arm64": "0.25.5",
-        "@esbuild/win32-ia32": "0.25.5",
-        "@esbuild/win32-x64": "0.25.5"
+        "@esbuild/aix-ppc64": "0.25.6",
+        "@esbuild/android-arm": "0.25.6",
+        "@esbuild/android-arm64": "0.25.6",
+        "@esbuild/android-x64": "0.25.6",
+        "@esbuild/darwin-arm64": "0.25.6",
+        "@esbuild/darwin-x64": "0.25.6",
+        "@esbuild/freebsd-arm64": "0.25.6",
+        "@esbuild/freebsd-x64": "0.25.6",
+        "@esbuild/linux-arm": "0.25.6",
+        "@esbuild/linux-arm64": "0.25.6",
+        "@esbuild/linux-ia32": "0.25.6",
+        "@esbuild/linux-loong64": "0.25.6",
+        "@esbuild/linux-mips64el": "0.25.6",
+        "@esbuild/linux-ppc64": "0.25.6",
+        "@esbuild/linux-riscv64": "0.25.6",
+        "@esbuild/linux-s390x": "0.25.6",
+        "@esbuild/linux-x64": "0.25.6",
+        "@esbuild/netbsd-arm64": "0.25.6",
+        "@esbuild/netbsd-x64": "0.25.6",
+        "@esbuild/openbsd-arm64": "0.25.6",
+        "@esbuild/openbsd-x64": "0.25.6",
+        "@esbuild/openharmony-arm64": "0.25.6",
+        "@esbuild/sunos-x64": "0.25.6",
+        "@esbuild/win32-arm64": "0.25.6",
+        "@esbuild/win32-ia32": "0.25.6",
+        "@esbuild/win32-x64": "0.25.6"
       }
     },
     "node_modules/escalade": {
@@ -7208,9 +7368,9 @@
       }
     },
     "node_modules/expect-type": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.2.1.tgz",
-      "integrity": "sha512-/kP8CAwxzLVEeFrMm4kMmy4CCDlpipyA7MYLVrdJIkV0fYF0UaigQHRsxHiuY/GEea+bh4KSv3TIlgr+2UL6bw==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.2.2.tgz",
+      "integrity": "sha512-JhFGDVJ7tmDJItKhYgJCGLOWjuK9vPxiXoUFLwLDc99NlmklilbiQJwoctZtt13+xMw91MCk/REan6MWHqDjyA==",
       "dev": true,
       "engines": {
         "node": ">=12.0.0"
@@ -8190,6 +8350,20 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-docker": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-3.0.0.tgz",
+      "integrity": "sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==",
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
@@ -8252,6 +8426,23 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-inside-container": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-inside-container/-/is-inside-container-1.0.0.tgz",
+      "integrity": "sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==",
+      "dependencies": {
+        "is-docker": "^3.0.0"
+      },
+      "bin": {
+        "is-inside-container": "cli.js"
+      },
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-map": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
@@ -8482,6 +8673,20 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-wsl": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-3.1.0.tgz",
+      "integrity": "sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==",
+      "dependencies": {
+        "is-inside-container": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/isarray": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
@@ -9912,6 +10117,23 @@
         "protobufjs": "^7.2.4"
       }
     },
+    "node_modules/open": {
+      "version": "10.1.2",
+      "resolved": "https://registry.npmjs.org/open/-/open-10.1.2.tgz",
+      "integrity": "sha512-cxN6aIDPz6rm8hbebcP7vrQNhvRcveZoJU72Y7vskh4oIm+BZwBECnx5nTmrlres1Qapvx27Qo1Auukpf8PKXw==",
+      "dependencies": {
+        "default-browser": "^5.2.1",
+        "define-lazy-prop": "^3.0.0",
+        "is-inside-container": "^1.0.0",
+        "is-wsl": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/open-file-explorer": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/open-file-explorer/-/open-file-explorer-1.0.2.tgz",
@@ -10180,9 +10402,9 @@
       }
     },
     "node_modules/postprocessing": {
-      "version": "6.37.5",
-      "resolved": "https://registry.npmjs.org/postprocessing/-/postprocessing-6.37.5.tgz",
-      "integrity": "sha512-nP3MOpwkhUVtlKSqZ2RsBIcNuAP/JqwKQo+u975PahpBknY/nIxf9FEVZ5FAB2Nyjve96CARfNjDkiqEhxOrhw==",
+      "version": "6.37.6",
+      "resolved": "https://registry.npmjs.org/postprocessing/-/postprocessing-6.37.6.tgz",
+      "integrity": "sha512-KrdKLf1257RkoIk3z3nhRS0aToKrX2xJgtR0lbnOQUjd+1I4GVNv1gQYsQlfRglvEXjpzrwqOA5fXfoDBimadg==",
       "peerDependencies": {
         "three": ">= 0.157.0 < 0.179.0"
       }
@@ -10392,9 +10614,9 @@
       }
     },
     "node_modules/react-hook-form": {
-      "version": "7.59.0",
-      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.59.0.tgz",
-      "integrity": "sha512-kmkek2/8grqarTJExFNjy+RXDIP8yM+QTl3QL6m6Q8b2bih4ltmiXxH7T9n+yXNK477xPh5yZT/6vD8sYGzJTA==",
+      "version": "7.60.0",
+      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.60.0.tgz",
+      "integrity": "sha512-SBrYOvMbDB7cV8ZfNpaiLcgjH/a1c7aK0lK+aNigpf4xWLO8q+o4tcvVurv3c4EOyzn/3dCsYt4GKD42VvJ/+A==",
       "engines": {
         "node": ">=18.0.0"
       },
@@ -10724,9 +10946,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "4.44.1",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.44.1.tgz",
-      "integrity": "sha512-x8H8aPvD+xbl0Do8oez5f5o8eMS3trfCghc4HhLAnCkj7Vl0d1JWGs0UF/D886zLW2rOj2QymV/JcSSsw+XDNg==",
+      "version": "4.44.2",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.44.2.tgz",
+      "integrity": "sha512-PVoapzTwSEcelaWGth3uR66u7ZRo6qhPHc0f2uRO9fX6XDVNrIiGYS0Pj9+R8yIIYSD/mCx2b16Ws9itljKSPg==",
       "dev": true,
       "dependencies": {
         "@types/estree": "1.0.8"
@@ -10739,26 +10961,26 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.44.1",
-        "@rollup/rollup-android-arm64": "4.44.1",
-        "@rollup/rollup-darwin-arm64": "4.44.1",
-        "@rollup/rollup-darwin-x64": "4.44.1",
-        "@rollup/rollup-freebsd-arm64": "4.44.1",
-        "@rollup/rollup-freebsd-x64": "4.44.1",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.44.1",
-        "@rollup/rollup-linux-arm-musleabihf": "4.44.1",
-        "@rollup/rollup-linux-arm64-gnu": "4.44.1",
-        "@rollup/rollup-linux-arm64-musl": "4.44.1",
-        "@rollup/rollup-linux-loongarch64-gnu": "4.44.1",
-        "@rollup/rollup-linux-powerpc64le-gnu": "4.44.1",
-        "@rollup/rollup-linux-riscv64-gnu": "4.44.1",
-        "@rollup/rollup-linux-riscv64-musl": "4.44.1",
-        "@rollup/rollup-linux-s390x-gnu": "4.44.1",
-        "@rollup/rollup-linux-x64-gnu": "4.44.1",
-        "@rollup/rollup-linux-x64-musl": "4.44.1",
-        "@rollup/rollup-win32-arm64-msvc": "4.44.1",
-        "@rollup/rollup-win32-ia32-msvc": "4.44.1",
-        "@rollup/rollup-win32-x64-msvc": "4.44.1",
+        "@rollup/rollup-android-arm-eabi": "4.44.2",
+        "@rollup/rollup-android-arm64": "4.44.2",
+        "@rollup/rollup-darwin-arm64": "4.44.2",
+        "@rollup/rollup-darwin-x64": "4.44.2",
+        "@rollup/rollup-freebsd-arm64": "4.44.2",
+        "@rollup/rollup-freebsd-x64": "4.44.2",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.44.2",
+        "@rollup/rollup-linux-arm-musleabihf": "4.44.2",
+        "@rollup/rollup-linux-arm64-gnu": "4.44.2",
+        "@rollup/rollup-linux-arm64-musl": "4.44.2",
+        "@rollup/rollup-linux-loongarch64-gnu": "4.44.2",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.44.2",
+        "@rollup/rollup-linux-riscv64-gnu": "4.44.2",
+        "@rollup/rollup-linux-riscv64-musl": "4.44.2",
+        "@rollup/rollup-linux-s390x-gnu": "4.44.2",
+        "@rollup/rollup-linux-x64-gnu": "4.44.2",
+        "@rollup/rollup-linux-x64-musl": "4.44.2",
+        "@rollup/rollup-win32-arm64-msvc": "4.44.2",
+        "@rollup/rollup-win32-ia32-msvc": "4.44.2",
+        "@rollup/rollup-win32-x64-msvc": "4.44.2",
         "fsevents": "~2.3.2"
       }
     },
@@ -10768,6 +10990,17 @@
       "integrity": "sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==",
       "dev": true
     },
+    "node_modules/run-applescript": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/run-applescript/-/run-applescript-7.0.0.tgz",
+      "integrity": "sha512-9by4Ij99JUr/MCFBUkDKLWK3G9HVXmabKz9U5MlIAIuvuzkiOicRYs8XJLxX+xahD+mLiiCYDqF9dKAgtzKP1A==",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -12177,9 +12410,9 @@
       }
     },
     "node_modules/unrs-resolver": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/unrs-resolver/-/unrs-resolver-1.10.1.tgz",
-      "integrity": "sha512-EFrL7Hw4kmhZdwWO3dwwFJo6hO3FXuQ6Bg8BK/faHZ9m1YxqBS31BNSTxklIQkxK/4LlV8zTYnPsIRLBzTzjCA==",
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/unrs-resolver/-/unrs-resolver-1.11.0.tgz",
+      "integrity": "sha512-uw3hCGO/RdAEAb4zgJ3C/v6KIAFFOtBoxR86b2Ejc5TnH7HrhTWJR2o0A9ullC3eWMegKQCw/arQ/JivywQzkg==",
       "dev": true,
       "hasInstallScript": true,
       "dependencies": {
@@ -12189,25 +12422,25 @@
         "url": "https://opencollective.com/unrs-resolver"
       },
       "optionalDependencies": {
-        "@unrs/resolver-binding-android-arm-eabi": "1.10.1",
-        "@unrs/resolver-binding-android-arm64": "1.10.1",
-        "@unrs/resolver-binding-darwin-arm64": "1.10.1",
-        "@unrs/resolver-binding-darwin-x64": "1.10.1",
-        "@unrs/resolver-binding-freebsd-x64": "1.10.1",
-        "@unrs/resolver-binding-linux-arm-gnueabihf": "1.10.1",
-        "@unrs/resolver-binding-linux-arm-musleabihf": "1.10.1",
-        "@unrs/resolver-binding-linux-arm64-gnu": "1.10.1",
-        "@unrs/resolver-binding-linux-arm64-musl": "1.10.1",
-        "@unrs/resolver-binding-linux-ppc64-gnu": "1.10.1",
-        "@unrs/resolver-binding-linux-riscv64-gnu": "1.10.1",
-        "@unrs/resolver-binding-linux-riscv64-musl": "1.10.1",
-        "@unrs/resolver-binding-linux-s390x-gnu": "1.10.1",
-        "@unrs/resolver-binding-linux-x64-gnu": "1.10.1",
-        "@unrs/resolver-binding-linux-x64-musl": "1.10.1",
-        "@unrs/resolver-binding-wasm32-wasi": "1.10.1",
-        "@unrs/resolver-binding-win32-arm64-msvc": "1.10.1",
-        "@unrs/resolver-binding-win32-ia32-msvc": "1.10.1",
-        "@unrs/resolver-binding-win32-x64-msvc": "1.10.1"
+        "@unrs/resolver-binding-android-arm-eabi": "1.11.0",
+        "@unrs/resolver-binding-android-arm64": "1.11.0",
+        "@unrs/resolver-binding-darwin-arm64": "1.11.0",
+        "@unrs/resolver-binding-darwin-x64": "1.11.0",
+        "@unrs/resolver-binding-freebsd-x64": "1.11.0",
+        "@unrs/resolver-binding-linux-arm-gnueabihf": "1.11.0",
+        "@unrs/resolver-binding-linux-arm-musleabihf": "1.11.0",
+        "@unrs/resolver-binding-linux-arm64-gnu": "1.11.0",
+        "@unrs/resolver-binding-linux-arm64-musl": "1.11.0",
+        "@unrs/resolver-binding-linux-ppc64-gnu": "1.11.0",
+        "@unrs/resolver-binding-linux-riscv64-gnu": "1.11.0",
+        "@unrs/resolver-binding-linux-riscv64-musl": "1.11.0",
+        "@unrs/resolver-binding-linux-s390x-gnu": "1.11.0",
+        "@unrs/resolver-binding-linux-x64-gnu": "1.11.0",
+        "@unrs/resolver-binding-linux-x64-musl": "1.11.0",
+        "@unrs/resolver-binding-wasm32-wasi": "1.11.0",
+        "@unrs/resolver-binding-win32-arm64-msvc": "1.11.0",
+        "@unrs/resolver-binding-win32-ia32-msvc": "1.11.0",
+        "@unrs/resolver-binding-win32-x64-msvc": "1.11.0"
       }
     },
     "node_modules/update-browserslist-db": {
@@ -12269,6 +12502,14 @@
         }
       }
     },
+    "node_modules/use-long-press": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/use-long-press/-/use-long-press-3.3.0.tgz",
+      "integrity": "sha512-Yedz46ILxsb1BTS6kUzpV/wyEZPUlJDq+8Oat0LP1eOZQHbS887baJHJbIGENqCo8wTKNxmoTHLdY8lU/e+wvw==",
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
     "node_modules/use-sidecar": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.3.tgz",
@@ -12328,9 +12569,9 @@
       }
     },
     "node_modules/vite": {
-      "version": "7.0.2",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-7.0.2.tgz",
-      "integrity": "sha512-hxdyZDY1CM6SNpKI4w4lcUc3Mtkd9ej4ECWVHSMrOdSinVc2zYOAppHeGc/hzmRo3pxM5blMzkuWHOJA/3NiFw==",
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-7.0.3.tgz",
+      "integrity": "sha512-y2L5oJZF7bj4c0jgGYgBNSdIu+5HF+m68rn2cQXFbGoShdhV1phX9rbnxy9YXj82aS8MMsCLAAFkRxZeWdldrQ==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.25.0",
@@ -13028,9 +13269,9 @@
       }
     },
     "node_modules/zod": {
-      "version": "3.25.72",
-      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.72.tgz",
-      "integrity": "sha512-Cl+fe4dNL4XumOBNBsr0lHfA80PQiZXHI4xEMTEr8gt6aGz92t3lBA32e71j9+JeF/VAYvdfBnuwJs+BMx/BrA==",
+      "version": "3.25.76",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
+      "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }
diff --git a/code/package.json b/code/package.json
index 2db53ef..003ae14 100644
--- a/code/package.json
+++ b/code/package.json
@@ -9,7 +9,8 @@
     "build": "next build",
     "bump:snapshot": "npm version $npm_package_version.$(date \"+%s\")",
     "cleanup": "rm package-lock.json && npkill -D -y",
-    "dev": "next dev --experimental-https",
+    "dev": "next dev -H 0.0.0.0",
+    "dev:https": "next dev -H 0.0.0.0 --experimental-https",
     "docker:build": "docker build -t weavejs-showcase-frontend .",
     "format": "prettier --write ./api ./app ./assets ./components ./lib ./store next.config.js",
     "git:commit-msg": "commitlint -e",
@@ -34,10 +35,10 @@
     "@commitlint/cli": "19.4.0",
     "@commitlint/config-conventional": "19.2.2",
     "@hookform/resolvers": "^4.1.3",
-    "@inditextech/weave-react": "0.35.0",
-    "@inditextech/weave-sdk": "0.35.0",
-    "@inditextech/weave-store-azure-web-pubsub": "0.35.0",
-    "@inditextech/weave-store-websockets": "0.35.0",
+    "@inditextech/weave-react": "0.37.0",
+    "@inditextech/weave-sdk": "0.37.0",
+    "@inditextech/weave-store-azure-web-pubsub": "0.37.0",
+    "@inditextech/weave-store-websockets": "0.37.0",
     "@next/env": "^15.2.1",
     "@radix-ui/react-accordion": "^1.2.10",
     "@radix-ui/react-avatar": "^1.1.3",
@@ -85,6 +86,7 @@
     "tailwind-merge": "^3.0.2",
     "tailwindcss-animate": "^1.0.7",
     "three": "^0.167.1",
+    "use-long-press": "^3.3.0",
     "uuid": "^11.1.0",
     "vaul": "^1.1.2",
     "zod": "^3.24.2",
@@ -99,6 +101,7 @@
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
+    "@types/react-hammerjs": "^1.0.7",
     "@vitejs/plugin-react": "^4.3.4",
     "@vitest/coverage-v8": "^3.0.7",
     "eslint": "^8",