@myoc/excalidraw 0.18.6 → 0.18.8

package/dist/dev/index.js

@@ -219,6 +219,7 @@ import {
   arrayToMap,
   arrayToMapWithIndex,
   arrayToObject,
+  arrowsToEyeIcon,
   assertNever,
   bindElementsToFramesAfterDuplication,
   bindLinearElement,
@@ -617,13 +618,13 @@ import {
   wrapEvent,
   wrapText,
   zoomAreaIcon
-} from "./chunk-LRA2BMXO.js";
+} from "./chunk-J24A3ZD7.js";
 import {
   define_import_meta_env_default
-} from "./chunk-4OALG4EH.js";
+} from "./chunk-KMBT3CO4.js";
 import {
   en_default
-} from "./chunk-YSK5QYKJ.js";
+} from "./chunk-PEI7EPYO.js";
 import {
   percentages_default
 } from "./chunk-MFAYKRVR.js";
@@ -637,7 +638,7 @@ import {
 import React44, { useEffect as useEffect45 } from "react";
 
 // components/App.tsx
-import clsx56 from "clsx";
+import clsx57 from "clsx";
 import throttle3 from "lodash.throttle";
 import React42, { useContext as useContext3 } from "react";
 import { flushSync as flushSync2 } from "react-dom";
@@ -3221,7 +3222,7 @@ var globImport_locales_json = __glob({
   "./locales/da-DK.json": () => import("./locales/da-DK-N76F4QAJ.js"),
   "./locales/de-DE.json": () => import("./locales/de-DE-DMRXZ2SZ.js"),
   "./locales/el-GR.json": () => import("./locales/el-GR-HIKPLEXI.js"),
-  "./locales/en.json": () => import("./locales/en-IPMKTZRA.js"),
+  "./locales/en.json": () => import("./locales/en-R455UJTM.js"),
   "./locales/es-ES.json": () => import("./locales/es-ES-AQYVXC32.js"),
   "./locales/eu-ES.json": () => import("./locales/eu-ES-3TOEU5DE.js"),
   "./locales/fa-IR.json": () => import("./locales/fa-IR-527GAKUP.js"),
@@ -10906,7 +10907,7 @@ var exportCanvas = async (type, elements, appState, files, {
     let blob = canvasToBlob(tempCanvas);
     if (appState.exportEmbedScene) {
       blob = blob.then(
-        (blob2) => import("./data/image-OTIQTZCO.js").then(
+        (blob2) => import("./data/image-J5RTIMP7.js").then(
           ({ encodePngMetadata: encodePngMetadata2 }) => encodePngMetadata2({
             blob: blob2,
             metadata: serializeAsJSON(elements, appState, files, "local")
@@ -16984,7 +16985,7 @@ var findShapeByKey = (key) => {
 
 // components/Actions.tsx
 import clsx30 from "clsx";
-import { useState as useState20 } from "react";
+import { useMemo as useMemo7, useState as useState20 } from "react";
 import { Fragment as Fragment9, jsx as jsx69, jsxs as jsxs38 } from "react/jsx-runtime";
 var canChangeStrokeColor = (appState, targetElements) => {
   let commonSelectedType = targetElements[0]?.type || null;
@@ -17112,7 +17113,66 @@ var ShapesSwitcher = ({
   const laserToolSelected = activeTool.type === "laser";
   const lassoToolSelected = activeTool.type === "lasso";
   const embeddableToolSelected = activeTool.type === "embeddable";
-  const simplifiedTools = SHAPES2.filter((s) => s.myocSimplifiedMode === false);
+  const simplifiedShapeTools = SHAPES2.filter(
+    (s) => s.myocSimplifiedMode === false
+  );
+  const dropdownIcon = useMemo7(() => {
+    switch (activeTool.type) {
+      case "frame":
+        return {
+          icon: frameToolIcon,
+          highlight: false
+        };
+      case "lasso":
+        return {
+          icon: LassoIcon,
+          highlight: true
+        };
+      case "embeddable":
+        return {
+          icon: EmbedIcon,
+          highlight: true
+        };
+      case "laser":
+        if (!app.props.isCollaborating) {
+          return {
+            icon: laserPointerToolIcon,
+            highlight: true
+          };
+        }
+        return {
+          icon: extraToolsIcon,
+          highlight: true
+        };
+      case "diamond":
+        return {
+          icon: DiamondIcon,
+          highlight: true
+        };
+      case "rectangle":
+        return {
+          icon: RectangleIcon,
+          highlight: true
+        };
+      case "ellipse":
+        return {
+          icon: RectangleIcon,
+          highlight: true
+        };
+      case "arrow":
+        return {
+          icon: ArrowIcon,
+          highlight: true
+        };
+      case "line":
+        return {
+          icon: LineIcon,
+          highlight: true
+        };
+      default:
+        return { icon: extraToolsIcon, highlight: false };
+    }
+  }, [activeTool.type, app.props.isCollaborating]);
   return /* @__PURE__ */ jsxs38(Fragment9, { children: [
     SHAPES2.filter(
       (shape) => !appState.myocSimplifiedMode || shape.myocSimplifiedMode
@@ -17170,14 +17230,11 @@ var ShapesSwitcher = ({
         DropdownMenu_default.Trigger,
         {
           className: clsx30("App-toolbar__extra-tools-trigger", {
-            "App-toolbar__extra-tools-trigger--selected": frameToolSelected || embeddableToolSelected || lassoToolSelected || // in collab we're already highlighting the laser button
-            // outside toolbar, so let's not highlight extra-tools button
-            // on top of it
-            laserToolSelected && !app.props.isCollaborating
+            "App-toolbar__extra-tools-trigger--selected": dropdownIcon.highlight
           }),
           onToggle: () => setIsExtraToolsMenuOpen(!isExtraToolsMenuOpen),
           title: t("toolBar.extraTools"),
-          children: frameToolSelected ? frameToolIcon : embeddableToolSelected ? EmbedIcon : laserToolSelected && !app.props.isCollaborating ? laserPointerToolIcon : lassoToolSelected ? LassoIcon : extraToolsIcon
+          children: dropdownIcon.icon
         }
       ),
       /* @__PURE__ */ jsxs38(
@@ -17197,7 +17254,7 @@ var ShapesSwitcher = ({
                 children: t("toolBar.lasso")
               }
             ),
-            simplifiedTools.map(({ value, icon, key, fillable }) => {
+            simplifiedShapeTools.map(({ value, icon, key, fillable }) => {
               const label = t(`toolBar.${value}`);
               const letter = key && capitalizeString(typeof key === "string" ? key : key[0]);
               return /* @__PURE__ */ jsx69(
@@ -17213,6 +17270,18 @@ var ShapesSwitcher = ({
                 value
               );
             }),
+            /* @__PURE__ */ jsx69("div", { className: "App-toolbar__dropdown-divider" }),
+            /* @__PURE__ */ jsx69(
+              DropdownMenu_default.Item,
+              {
+                onSelect: () => app.toggleLock(),
+                icon: appState.activeTool.locked ? LockedIcon : UnlockedIcon,
+                "data-testid": `toolbar-lock`,
+                selected: appState.activeTool.locked,
+                shortcut: KEYS.Q,
+                children: capitalizeString(t("toolBar.lock-short"))
+              }
+            ),
             !appState.myocSimplifiedMode && /* @__PURE__ */ jsx69(
               DropdownMenu_default.Item,
               {
@@ -18590,6 +18659,8 @@ var actionTextAutoResize = register({
 });
 
 // actions/actionToggleViewMode.tsx
+import clsx32 from "clsx";
+import { jsx as jsx74 } from "react/jsx-runtime";
 var actionToggleViewMode = register({
   name: "viewMode",
   label: "labels.viewMode",
@@ -18612,11 +18683,25 @@ var actionToggleViewMode = register({
   predicate: (elements, appState, appProps) => {
     return typeof appProps.viewModeEnabled === "undefined";
   },
-  keyTest: (event) => !event[KEYS.CTRL_OR_CMD] && event.altKey && event.code === CODES.R
+  keyTest: (event) => !event[KEYS.CTRL_OR_CMD] && event.altKey && event.code === CODES.R,
+  PanelComponent: ({ data, updateData, appState }) => /* @__PURE__ */ jsx74(
+    ToolButton,
+    {
+      type: "button",
+      icon: eyeIcon,
+      "aria-label": t("labels.viewMode"),
+      onClick: () => updateData(null),
+      size: data?.size || "medium",
+      "data-testid": "button-view-mode",
+      className: clsx32({
+        enabled: appState.viewModeEnabled
+      })
+    }
+  )
 });
 
 // actions/manager.tsx
-import { jsx as jsx74 } from "react/jsx-runtime";
+import { jsx as jsx75 } from "react/jsx-runtime";
 var trackAction = (action, source, appState, elements, app, value) => {
   if (action.trackEvent) {
     try {
@@ -18664,7 +18749,7 @@ var ActionManager = class {
             )
           );
         };
-        return /* @__PURE__ */ jsx74(
+        return /* @__PURE__ */ jsx75(
           PanelComponent,
           {
             elements: this.getElementsIncludingDeleted(),
@@ -21397,7 +21482,7 @@ var Renderer = class {
 };
 
 // components/ElementCanvasButtons.tsx
-import { jsx as jsx75 } from "react/jsx-runtime";
+import { jsx as jsx76 } from "react/jsx-runtime";
 var CONTAINER_PADDING = 5;
 var getContainerCoords = (element, appState, elementsMap) => {
   const [x1, y1] = getElementAbsoluteCoords(element, elementsMap);
@@ -21419,7 +21504,7 @@ var ElementCanvasButtons = ({
     return null;
   }
   const { x, y } = getContainerCoords(element, appState, elementsMap);
-  return /* @__PURE__ */ jsx75(
+  return /* @__PURE__ */ jsx76(
     "div",
     {
       className: "excalidraw-canvas-buttons",
@@ -22420,12 +22505,12 @@ var LassoTrail = class extends AnimatedTrail {
 };
 
 // actions/actionSmartZoom.tsx
-import { jsx as jsx76 } from "react/jsx-runtime";
+import { jsx as jsx77 } from "react/jsx-runtime";
 var actionSmartZoom = register({
   name: "smartZoom",
   label: "toolBar.smartZoom",
   trackEvent: { category: "toolbar" },
-  icon: eyeIcon,
+  icon: arrowsToEyeIcon,
   viewMode: true,
   perform: (elements, appState, _, app) => {
     const settings = {
@@ -22445,11 +22530,11 @@ var actionSmartZoom = register({
     };
   },
   keyTest: (event) => !event[KEYS.CTRL_OR_CMD] && !event.shiftKey && !event.altKey && event.key.toLocaleLowerCase() === KEYS.F,
-  PanelComponent: ({ data, updateData }) => /* @__PURE__ */ jsx76(
+  PanelComponent: ({ data, updateData }) => /* @__PURE__ */ jsx77(
     ToolButton,
     {
       type: "button",
-      icon: eyeIcon,
+      icon: arrowsToEyeIcon,
       "aria-label": t("labels.smartZoom"),
       onClick: () => updateData(null),
       size: data?.size || "medium",
@@ -22615,13 +22700,13 @@ var eraserTest = (pathSegments, element, elementsSegments, shapesCache, elements
 };
 
 // components/ContextMenu.tsx
-import clsx32 from "clsx";
+import clsx33 from "clsx";
 import React27 from "react";
 
 // components/Popover.tsx
 import { useLayoutEffect as useLayoutEffect4, useRef as useRef23, useEffect as useEffect28 } from "react";
 import { unstable_batchedUpdates as unstable_batchedUpdates2 } from "react-dom";
-import { jsx as jsx77 } from "react/jsx-runtime";
+import { jsx as jsx78 } from "react/jsx-runtime";
 var Popover6 = ({
   children,
   left,
@@ -22721,11 +22806,11 @@ var Popover6 = ({
       return () => document.removeEventListener("pointerdown", handler, false);
     }
   }, [onCloseRequest]);
-  return /* @__PURE__ */ jsx77("div", { className: "popover", ref: popoverRef, tabIndex: -1, children });
+  return /* @__PURE__ */ jsx78("div", { className: "popover", ref: popoverRef, tabIndex: -1, children });
 };
 
 // components/ContextMenu.tsx
-import { jsx as jsx78, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs40 } from "react/jsx-runtime";
 var CONTEXT_MENU_SEPARATOR = "separator";
 var ContextMenu = React27.memo(
   ({ actionManager, items, top, left, onClose }) => {
@@ -22742,7 +22827,7 @@ var ContextMenu = React27.memo(
       }
       return acc;
     }, []);
-    return /* @__PURE__ */ jsx78(
+    return /* @__PURE__ */ jsx79(
       Popover6,
       {
         onCloseRequest: () => {
@@ -22755,7 +22840,7 @@ var ContextMenu = React27.memo(
         offsetTop: appState.offsetTop,
         viewportWidth: appState.width,
         viewportHeight: appState.height,
-        children: /* @__PURE__ */ jsx78(
+        children: /* @__PURE__ */ jsx79(
           "ul",
           {
             className: "context-menu",
@@ -22765,7 +22850,7 @@ var ContextMenu = React27.memo(
                 if (!filteredItems[idx - 1] || filteredItems[idx - 1] === CONTEXT_MENU_SEPARATOR) {
                   return null;
                 }
-                return /* @__PURE__ */ jsx78("hr", { className: "context-menu-item-separator" }, idx);
+                return /* @__PURE__ */ jsx79("hr", { className: "context-menu-item-separator" }, idx);
               }
               const actionName = item.name;
               let label = "";
@@ -22782,7 +22867,7 @@ var ContextMenu = React27.memo(
                   label = t(item.label);
                 }
               }
-              return /* @__PURE__ */ jsx78(
+              return /* @__PURE__ */ jsx79(
                 "li",
                 {
                   "data-testid": actionName,
@@ -22795,13 +22880,13 @@ var ContextMenu = React27.memo(
                     "button",
                     {
                       type: "button",
-                      className: clsx32("context-menu-item", {
+                      className: clsx33("context-menu-item", {
                         dangerous: actionName === "deleteSelectedElements",
                         checkmark: item.checked?.(appState)
                       }),
                       children: [
-                        /* @__PURE__ */ jsx78("div", { className: "context-menu-item__label", children: label }),
-                        /* @__PURE__ */ jsx78("kbd", { className: "context-menu-item__shortcut", children: actionName ? getShortcutFromShortcutName(actionName) : "" })
+                        /* @__PURE__ */ jsx79("div", { className: "context-menu-item__label", children: label }),
+                        /* @__PURE__ */ jsx79("kbd", { className: "context-menu-item__shortcut", children: actionName ? getShortcutFromShortcutName(actionName) : "" })
                       ]
                     }
                   )
@@ -22817,18 +22902,18 @@ var ContextMenu = React27.memo(
 );
 
 // components/FollowMode/FollowMode.tsx
-import { jsx as jsx79, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs41 } from "react/jsx-runtime";
 var FollowMode = ({
   height,
   width,
   userToFollow,
   onDisconnect
 }) => {
-  return /* @__PURE__ */ jsx79("div", { className: "follow-mode", style: { width, height }, children: /* @__PURE__ */ jsxs41("div", { className: "follow-mode__badge", children: [
+  return /* @__PURE__ */ jsx80("div", { className: "follow-mode", style: { width, height }, children: /* @__PURE__ */ jsxs41("div", { className: "follow-mode__badge", children: [
     /* @__PURE__ */ jsxs41("div", { className: "follow-mode__badge__label", children: [
       "Following",
       " ",
-      /* @__PURE__ */ jsx79(
+      /* @__PURE__ */ jsx80(
         "span",
         {
           className: "follow-mode__badge__username",
@@ -22837,7 +22922,7 @@ var FollowMode = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx79(
+    /* @__PURE__ */ jsx80(
       "button",
       {
         type: "button",
@@ -22851,7 +22936,7 @@ var FollowMode = ({
 var FollowMode_default = FollowMode;
 
 // components/LayerUI.tsx
-import clsx54 from "clsx";
+import clsx55 from "clsx";
 import React39 from "react";
 
 // context/tunnels.ts
@@ -22880,9 +22965,9 @@ var useInitializeTunnels = () => {
 };
 
 // components/LoadingMessage.tsx
-import clsx33 from "clsx";
+import clsx34 from "clsx";
 import { useState as useState23, useEffect as useEffect29 } from "react";
-import { jsx as jsx80, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs42 } from "react/jsx-runtime";
 var LoadingMessage = ({
   delay,
   theme
@@ -22903,28 +22988,28 @@ var LoadingMessage = ({
   return /* @__PURE__ */ jsxs42(
     "div",
     {
-      className: clsx33("LoadingMessage", {
+      className: clsx34("LoadingMessage", {
         "LoadingMessage--dark": theme === THEME.DARK
       }),
       children: [
-        /* @__PURE__ */ jsx80("div", { children: /* @__PURE__ */ jsx80(Spinner_default, {}) }),
-        /* @__PURE__ */ jsx80("div", { className: "LoadingMessage-text", children: t("labels.loadingScene") })
+        /* @__PURE__ */ jsx81("div", { children: /* @__PURE__ */ jsx81(Spinner_default, {}) }),
+        /* @__PURE__ */ jsx81("div", { className: "LoadingMessage-text", children: t("labels.loadingScene") })
       ]
     }
   );
 };
 
 // components/FixedSideContainer.tsx
-import clsx34 from "clsx";
-import { jsx as jsx81 } from "react/jsx-runtime";
+import clsx35 from "clsx";
+import { jsx as jsx82 } from "react/jsx-runtime";
 var FixedSideContainer = ({
   children,
   side,
   className
-}) => /* @__PURE__ */ jsx81(
+}) => /* @__PURE__ */ jsx82(
   "div",
   {
-    className: clsx34(
+    className: clsx35(
       "FixedSideContainer",
       `FixedSideContainer_side_${side}`,
       className
@@ -22934,13 +23019,13 @@ var FixedSideContainer = ({
 );
 
 // components/HandButton.tsx
-import clsx35 from "clsx";
-import { jsx as jsx82 } from "react/jsx-runtime";
+import clsx36 from "clsx";
+import { jsx as jsx83 } from "react/jsx-runtime";
 var HandButton = (props) => {
-  return /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsx83(
     ToolButton,
     {
-      className: clsx35("Shape", { fillable: false }),
+      className: clsx36("Shape", { fillable: false }),
       type: "radio",
       icon: handIcon,
       name: "editor-current-shape",
@@ -22956,7 +23041,7 @@ var HandButton = (props) => {
 };
 
 // components/HintViewer.tsx
-import { jsx as jsx83 } from "react/jsx-runtime";
+import { jsx as jsx84 } from "react/jsx-runtime";
 var getHints = ({
   appState,
   isMobile,
@@ -23069,12 +23154,12 @@ var HintViewer = ({
   const hint = Array.isArray(hints) ? hints.map((hint2) => {
     return getShortcutKey(hint2).replace(/\. ?$/, "");
   }).join(". ") : getShortcutKey(hints);
-  return /* @__PURE__ */ jsx83("div", { className: "HintViewer", children: /* @__PURE__ */ jsx83("span", { children: hint }) });
+  return /* @__PURE__ */ jsx84("div", { className: "HintViewer", children: /* @__PURE__ */ jsx84("span", { children: hint }) });
 };
 
 // components/LockButton.tsx
-import clsx36 from "clsx";
-import { jsx as jsx84, jsxs as jsxs43 } from "react/jsx-runtime";
+import clsx37 from "clsx";
+import { jsx as jsx85, jsxs as jsxs43 } from "react/jsx-runtime";
 var DEFAULT_SIZE = "medium";
 var ICONS2 = {
   CHECKED: LockedIcon,
@@ -23084,7 +23169,7 @@ var LockButton = (props) => {
   return /* @__PURE__ */ jsxs43(
     "label",
     {
-      className: clsx36(
+      className: clsx37(
         "ToolIcon ToolIcon__lock",
         `ToolIcon_size_${DEFAULT_SIZE}`,
         {
@@ -23093,7 +23178,7 @@ var LockButton = (props) => {
       ),
       title: `${props.title} \u2014 Q`,
       children: [
-        /* @__PURE__ */ jsx84(
+        /* @__PURE__ */ jsx85(
           "input",
           {
             className: "ToolIcon_type_checkbox",
@@ -23105,15 +23190,15 @@ var LockButton = (props) => {
             "data-testid": "toolbar-lock"
           }
         ),
-        /* @__PURE__ */ jsx84("div", { className: "ToolIcon__icon", children: props.checked ? ICONS2.CHECKED : ICONS2.UNCHECKED })
+        /* @__PURE__ */ jsx85("div", { className: "ToolIcon__icon", children: props.checked ? ICONS2.CHECKED : ICONS2.UNCHECKED })
       ]
     }
   );
 };
 
 // components/PenModeButton.tsx
-import clsx37 from "clsx";
-import { jsx as jsx85, jsxs as jsxs44 } from "react/jsx-runtime";
+import clsx38 from "clsx";
+import { jsx as jsx86, jsxs as jsxs44 } from "react/jsx-runtime";
 var DEFAULT_SIZE2 = "medium";
 var PenModeButton = (props) => {
   if (!props.penDetected) {
@@ -23122,7 +23207,7 @@ var PenModeButton = (props) => {
   return /* @__PURE__ */ jsxs44(
     "label",
     {
-      className: clsx37(
+      className: clsx38(
         "ToolIcon ToolIcon__penMode",
         `ToolIcon_size_${DEFAULT_SIZE2}`,
         {
@@ -23131,7 +23216,7 @@ var PenModeButton = (props) => {
       ),
       title: `${props.title}`,
       children: [
-        /* @__PURE__ */ jsx85(
+        /* @__PURE__ */ jsx86(
           "input",
           {
             className: "ToolIcon_type_checkbox",
@@ -23142,25 +23227,25 @@ var PenModeButton = (props) => {
             "aria-label": props.title
           }
         ),
-        /* @__PURE__ */ jsx85("div", { className: "ToolIcon__icon", children: PenModeIcon })
+        /* @__PURE__ */ jsx86("div", { className: "ToolIcon__icon", children: PenModeIcon })
       ]
     }
   );
 };
 
 // components/Section.tsx
-import { Fragment as Fragment10, jsx as jsx86, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx87, jsxs as jsxs45 } from "react/jsx-runtime";
 var Section = ({ heading, children, ...props }) => {
   const { id } = useExcalidrawContainer();
-  const header = /* @__PURE__ */ jsx86("h2", { className: "visually-hidden", id: `${id}-${heading}-title`, children: t(`headings.${heading}`) });
-  return /* @__PURE__ */ jsx86("section", { ...props, "aria-labelledby": `${id}-${heading}-title`, children: typeof children === "function" ? children(header) : /* @__PURE__ */ jsxs45(Fragment10, { children: [
+  const header = /* @__PURE__ */ jsx87("h2", { className: "visually-hidden", id: `${id}-${heading}-title`, children: t(`headings.${heading}`) });
+  return /* @__PURE__ */ jsx87("section", { ...props, "aria-labelledby": `${id}-${heading}-title`, children: typeof children === "function" ? children(header) : /* @__PURE__ */ jsxs45(Fragment10, { children: [
     header,
     children
   ] }) });
 };
 
 // components/MobileMenu.tsx
-import { Fragment as Fragment11, jsx as jsx87, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx88, jsxs as jsxs46 } from "react/jsx-runtime";
 var MobileMenu = ({
   appState,
   elements,
@@ -23184,11 +23269,11 @@ var MobileMenu = ({
   } = useTunnels();
   const renderToolbar = () => {
     return /* @__PURE__ */ jsxs46(FixedSideContainer, { side: "top", className: "App-top-bar", children: [
-      renderWelcomeScreen && /* @__PURE__ */ jsx87(WelcomeScreenCenterTunnel.Out, {}),
-      /* @__PURE__ */ jsx87(Section, { heading: "shapes", children: (heading) => /* @__PURE__ */ jsx87(Stack_default.Col, { gap: 4, align: "center", children: /* @__PURE__ */ jsxs46(Stack_default.Row, { gap: 1, className: "App-toolbar-container", children: [
+      renderWelcomeScreen && /* @__PURE__ */ jsx88(WelcomeScreenCenterTunnel.Out, {}),
+      /* @__PURE__ */ jsx88(Section, { heading: "shapes", children: (heading) => /* @__PURE__ */ jsx88(Stack_default.Col, { gap: 4, align: "center", children: /* @__PURE__ */ jsxs46(Stack_default.Row, { gap: 1, className: "App-toolbar-container", children: [
         /* @__PURE__ */ jsxs46(Island, { padding: 1, className: "App-toolbar App-toolbar--mobile", children: [
           heading,
-          /* @__PURE__ */ jsx87(Stack_default.Row, { gap: 1, children: /* @__PURE__ */ jsx87(
+          /* @__PURE__ */ jsx88(Stack_default.Row, { gap: 1, children: /* @__PURE__ */ jsx88(
             ShapesSwitcher,
             {
               appState,
@@ -23200,8 +23285,8 @@ var MobileMenu = ({
         ] }),
         renderTopRightUI && renderTopRightUI(true, appState),
         /* @__PURE__ */ jsxs46("div", { className: "mobile-misc-tools-container", children: [
-          !appState.viewModeEnabled && appState.openDialog?.name !== "elementLinkSelector" && /* @__PURE__ */ jsx87(DefaultSidebarTriggerTunnel.Out, {}),
-          /* @__PURE__ */ jsx87(
+          !appState.viewModeEnabled && appState.openDialog?.name !== "elementLinkSelector" && /* @__PURE__ */ jsx88(DefaultSidebarTriggerTunnel.Out, {}),
+          /* @__PURE__ */ jsx88(
             PenModeButton,
             {
               checked: appState.penMode,
@@ -23211,7 +23296,7 @@ var MobileMenu = ({
               penDetected: appState.penDetected
             }
           ),
-          /* @__PURE__ */ jsx87(
+          /* @__PURE__ */ jsx88(
             LockButton,
             {
               checked: appState.activeTool.locked,
@@ -23220,7 +23305,7 @@ var MobileMenu = ({
               isMobile: true
             }
           ),
-          /* @__PURE__ */ jsx87(
+          /* @__PURE__ */ jsx88(
             HandButton,
             {
               checked: isHandToolActive(appState),
@@ -23231,7 +23316,7 @@ var MobileMenu = ({
           )
         ] })
       ] }) }) }),
-      /* @__PURE__ */ jsx87(
+      /* @__PURE__ */ jsx88(
         HintViewer,
         {
           appState,
@@ -23244,11 +23329,14 @@ var MobileMenu = ({
   };
   const renderAppToolbar = () => {
     if (appState.viewModeEnabled || appState.openDialog?.name === "elementLinkSelector") {
-      return /* @__PURE__ */ jsx87("div", { className: "App-toolbar-content", children: /* @__PURE__ */ jsx87(MainMenuTunnel.Out, {}) });
+      return /* @__PURE__ */ jsxs46("div", { className: "App-toolbar-content", children: [
+        actionManager.renderAction("viewMode"),
+        /* @__PURE__ */ jsx88(MainMenuTunnel.Out, {})
+      ] });
     }
     return /* @__PURE__ */ jsxs46("div", { className: "App-toolbar-content", children: [
       /* @__PURE__ */ jsxs46("div", { children: [
-        actionManager.renderAction("smartZoom"),
+        actionManager.renderAction("viewMode"),
         actionManager.renderAction("undo"),
         actionManager.renderAction("redo")
       ] }),
@@ -23262,7 +23350,7 @@ var MobileMenu = ({
   return /* @__PURE__ */ jsxs46(Fragment11, { children: [
     renderSidebars(),
     !appState.viewModeEnabled && appState.openDialog?.name !== "elementLinkSelector" && renderToolbar(),
-    /* @__PURE__ */ jsx87(
+    /* @__PURE__ */ jsx88(
       "div",
       {
         className: "App-bottom-bar",
@@ -23272,7 +23360,7 @@ var MobileMenu = ({
           marginRight: SCROLLBAR_WIDTH + SCROLLBAR_MARGIN * 2
         },
         children: /* @__PURE__ */ jsxs46(Island, { padding: 0, children: [
-          appState.openMenu === "shape" && !appState.viewModeEnabled && appState.openDialog?.name !== "elementLinkSelector" && showSelectedShapeActions(appState, elements) ? /* @__PURE__ */ jsx87(Section, { className: "App-mobile-menu", heading: "selectedShapeActions", children: /* @__PURE__ */ jsx87(
+          appState.openMenu === "shape" && !appState.viewModeEnabled && appState.openDialog?.name !== "elementLinkSelector" && showSelectedShapeActions(appState, elements) ? /* @__PURE__ */ jsx88(Section, { className: "App-mobile-menu", heading: "selectedShapeActions", children: /* @__PURE__ */ jsx88(
             SelectedShapeActions,
             {
               appState,
@@ -23283,7 +23371,7 @@ var MobileMenu = ({
           ) }) : null,
           /* @__PURE__ */ jsxs46("footer", { className: "App-toolbar", children: [
             renderAppToolbar(),
-            appState.scrolledOutside && !appState.openMenu && !appState.openSidebar && /* @__PURE__ */ jsx87(
+            appState.scrolledOutside && !appState.openMenu && !appState.openSidebar && /* @__PURE__ */ jsx88(
               "button",
               {
                 type: "button",
@@ -23306,7 +23394,7 @@ var MobileMenu = ({
 // components/PasteChartDialog.tsx
 import oc2 from "open-color";
 import React29, { useLayoutEffect as useLayoutEffect5, useRef as useRef24, useState as useState24 } from "react";
-import { jsx as jsx88, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs47 } from "react/jsx-runtime";
 var ChartPreviewBtn = (props) => {
   const previewRef = useRef24(null);
   const [chartElements, setChartElements] = useState24(
@@ -23349,7 +23437,7 @@ var ChartPreviewBtn = (props) => {
       previewNode.replaceChildren();
     };
   }, [props.spreadsheet, props.chartType, props.selected]);
-  return /* @__PURE__ */ jsx88(
+  return /* @__PURE__ */ jsx89(
     "button",
     {
       type: "button",
@@ -23359,7 +23447,7 @@ var ChartPreviewBtn = (props) => {
           props.onClick(props.chartType, chartElements);
         }
       },
-      children: /* @__PURE__ */ jsx88("div", { ref: previewRef })
+      children: /* @__PURE__ */ jsx89("div", { ref: previewRef })
     }
   );
 };
@@ -23385,7 +23473,7 @@ var PasteChartDialog = ({
       }
     });
   };
-  return /* @__PURE__ */ jsx88(
+  return /* @__PURE__ */ jsx89(
     Dialog,
     {
       size: "small",
@@ -23394,7 +23482,7 @@ var PasteChartDialog = ({
       className: "PasteChartDialog",
       autofocus: false,
       children: /* @__PURE__ */ jsxs47("div", { className: "container", children: [
-        /* @__PURE__ */ jsx88(
+        /* @__PURE__ */ jsx89(
           ChartPreviewBtn,
           {
             chartType: "bar",
@@ -23403,7 +23491,7 @@ var PasteChartDialog = ({
             onClick: handleChartClick
           }
         ),
-        /* @__PURE__ */ jsx88(
+        /* @__PURE__ */ jsx89(
           ChartPreviewBtn,
           {
             chartType: "line",
@@ -23419,16 +23507,16 @@ var PasteChartDialog = ({
 
 // components/UserList.tsx
 import * as Popover7 from "@radix-ui/react-popover";
-import clsx38 from "clsx";
+import clsx39 from "clsx";
 import React30, { useLayoutEffect as useLayoutEffect6 } from "react";
-import { Fragment as Fragment12, jsx as jsx89, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx90, jsxs as jsxs48 } from "react/jsx-runtime";
 var DEFAULT_MAX_AVATARS = 4;
 var SHOW_COLLABORATORS_FILTER_AT = 8;
 var ConditionalTooltipWrapper = ({
   shouldWrap,
   children,
   username
-}) => shouldWrap ? /* @__PURE__ */ jsx89(Tooltip, { label: username || "Unknown user", children }) : /* @__PURE__ */ jsx89(Fragment12, { children });
+}) => shouldWrap ? /* @__PURE__ */ jsx90(Tooltip, { label: username || "Unknown user", children }) : /* @__PURE__ */ jsx90(Fragment12, { children });
 var renderCollaborator = ({
   actionManager,
   collaborator,
@@ -23444,7 +23532,7 @@ var renderCollaborator = ({
     isBeingFollowed
   };
   const avatarJSX = actionManager.renderAction("goToCollaborator", data);
-  return /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx90(
     ConditionalTooltipWrapper,
     {
       username: collaborator.username,
@@ -23519,7 +23607,7 @@ var UserList = React30.memo(
         isBeingFollowed: collaborator.socketId === userToFollow
       })
     );
-    return mobile ? /* @__PURE__ */ jsx89("div", { className: clsx38("UserList UserList_mobile", className), children: uniqueCollaboratorsArray.map(
+    return mobile ? /* @__PURE__ */ jsx90("div", { className: clsx39("UserList UserList_mobile", className), children: uniqueCollaboratorsArray.map(
       (collaborator) => renderCollaborator({
         actionManager,
         collaborator,
@@ -23527,10 +23615,10 @@ var UserList = React30.memo(
         shouldWrapWithTooltip: true,
         isBeingFollowed: collaborator.socketId === userToFollow
       })
-    ) }) : /* @__PURE__ */ jsx89("div", { className: "UserList__wrapper", ref: userListWrapper, children: /* @__PURE__ */ jsxs48(
+    ) }) : /* @__PURE__ */ jsx90("div", { className: "UserList__wrapper", ref: userListWrapper, children: /* @__PURE__ */ jsxs48(
       "div",
       {
-        className: clsx38("UserList", className),
+        className: clsx39("UserList", className),
         style: { [`--max-avatars`]: maxAvatars },
         children: [
           firstNAvatarsJSX,
@@ -23539,7 +23627,7 @@ var UserList = React30.memo(
               "+",
               uniqueCollaboratorsArray.length - maxAvatars + 1
             ] }),
-            /* @__PURE__ */ jsx89(
+            /* @__PURE__ */ jsx90(
               Popover7.Content,
               {
                 style: {
@@ -23550,20 +23638,20 @@ var UserList = React30.memo(
                 align: "end",
                 sideOffset: 10,
                 children: /* @__PURE__ */ jsxs48(Island, { padding: 2, children: [
-                  uniqueCollaboratorsArray.length >= SHOW_COLLABORATORS_FILTER_AT && /* @__PURE__ */ jsx89(
+                  uniqueCollaboratorsArray.length >= SHOW_COLLABORATORS_FILTER_AT && /* @__PURE__ */ jsx90(
                     QuickSearch,
                     {
                       placeholder: t("quickSearch.placeholder"),
                       onChange: setSearchTerm
                     }
                   ),
-                  /* @__PURE__ */ jsx89(
+                  /* @__PURE__ */ jsx90(
                     ScrollableList,
                     {
                       className: "dropdown-menu UserList__collaborators",
                       placeholder: t("userList.empty"),
                       children: filteredCollaborators.length > 0 ? [
-                        /* @__PURE__ */ jsx89("div", { className: "hint", children: t("userList.hint.text") }),
+                        /* @__PURE__ */ jsx90("div", { className: "hint", children: t("userList.hint.text") }),
                         filteredCollaborators.map(
                           (collaborator) => renderCollaborator({
                             actionManager,
@@ -23576,7 +23664,7 @@ var UserList = React30.memo(
                       ] : []
                     }
                   ),
-                  /* @__PURE__ */ jsx89(
+                  /* @__PURE__ */ jsx90(
                     Popover7.Arrow,
                     {
                       width: 20,
@@ -23617,11 +23705,11 @@ var UserList = React30.memo(
 );
 
 // components/footer/Footer.tsx
-import clsx39 from "clsx";
+import clsx40 from "clsx";
 
 // components/HelpButton.tsx
-import { jsx as jsx90 } from "react/jsx-runtime";
-var HelpButton = (props) => /* @__PURE__ */ jsx90(
+import { jsx as jsx91 } from "react/jsx-runtime";
+var HelpButton = (props) => /* @__PURE__ */ jsx91(
   "button",
   {
     className: "help-icon",
@@ -23634,7 +23722,7 @@ var HelpButton = (props) => /* @__PURE__ */ jsx90(
 );
 
 // components/footer/Footer.tsx
-import { jsx as jsx91, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx92, jsxs as jsxs49 } from "react/jsx-runtime";
 var Footer = ({
   appState,
   actionManager,
@@ -23650,35 +23738,36 @@ var Footer = ({
       role: "contentinfo",
       className: "layer-ui__wrapper__footer App-menu App-menu_bottom",
       children: [
-        /* @__PURE__ */ jsx91(
+        /* @__PURE__ */ jsx92(
           "div",
           {
-            className: clsx39("layer-ui__wrapper__footer-left zen-mode-transition", {
+            className: clsx40("layer-ui__wrapper__footer-left zen-mode-transition", {
               "layer-ui__wrapper__footer-left--transition-left": appState.zenModeEnabled
             }),
-            children: /* @__PURE__ */ jsx91(Stack_default.Col, { gap: 2, children: /* @__PURE__ */ jsxs49(Section, { heading: "canvasActions", children: [
-              /* @__PURE__ */ jsx91(Tooltip, { label: t("buttons.smartZoom"), children: /* @__PURE__ */ jsx91("div", { className: clsx39("smart-zoom-button"), children: actionManager.renderAction("smartZoom") }) }),
-              /* @__PURE__ */ jsx91(
+            children: /* @__PURE__ */ jsx92(Stack_default.Col, { gap: 2, children: /* @__PURE__ */ jsxs49(Section, { heading: "canvasActions", children: [
+              /* @__PURE__ */ jsx92(Tooltip, { label: t("labels.viewMode"), children: /* @__PURE__ */ jsx92("div", { className: clsx40("view-mode-button"), children: actionManager.renderAction("viewMode") }) }),
+              /* @__PURE__ */ jsx92(Tooltip, { label: t("buttons.smartZoom"), children: /* @__PURE__ */ jsx92("div", { className: clsx40("smart-zoom-button"), children: actionManager.renderAction("smartZoom") }) }),
+              /* @__PURE__ */ jsx92(
                 ZoomActions,
                 {
                   renderAction: actionManager.renderAction,
                   zoom: appState.zoom
                 }
               ),
-              !appState.viewModeEnabled && /* @__PURE__ */ jsx91(
+              !appState.viewModeEnabled && /* @__PURE__ */ jsx92(
                 UndoRedoActions,
                 {
                   renderAction: actionManager.renderAction,
-                  className: clsx39("zen-mode-transition", {
+                  className: clsx40("zen-mode-transition", {
                     "layer-ui__wrapper__footer-left--transition-bottom": appState.zenModeEnabled
                   })
                 }
               ),
-              showFinalize && /* @__PURE__ */ jsx91(
+              showFinalize && /* @__PURE__ */ jsx92(
                 FinalizeAction,
                 {
                   renderAction: actionManager.renderAction,
-                  className: clsx39("zen-mode-transition", {
+                  className: clsx40("zen-mode-transition", {
                     "layer-ui__wrapper__footer-left--transition-left": appState.zenModeEnabled
                   })
                 }
@@ -23686,16 +23775,16 @@ var Footer = ({
             ] }) })
           }
         ),
-        /* @__PURE__ */ jsx91(FooterCenterTunnel.Out, {}),
-        /* @__PURE__ */ jsx91(
+        /* @__PURE__ */ jsx92(FooterCenterTunnel.Out, {}),
+        /* @__PURE__ */ jsx92(
           "div",
           {
-            className: clsx39("layer-ui__wrapper__footer-right zen-mode-transition", {
+            className: clsx40("layer-ui__wrapper__footer-right zen-mode-transition", {
               "transition-right": appState.zenModeEnabled
             }),
             children: /* @__PURE__ */ jsxs49("div", { style: { position: "relative" }, children: [
-              renderWelcomeScreen && /* @__PURE__ */ jsx91(WelcomeScreenHelpHintTunnel.Out, {}),
-              /* @__PURE__ */ jsx91(
+              renderWelcomeScreen && /* @__PURE__ */ jsx92(WelcomeScreenHelpHintTunnel.Out, {}),
+              /* @__PURE__ */ jsx92(
                 HelpButton,
                 {
                   onClick: () => actionManager.executeAction(actionShortcuts)
@@ -23704,7 +23793,7 @@ var Footer = ({
             ] })
           }
         ),
-        /* @__PURE__ */ jsx91(
+        /* @__PURE__ */ jsx92(
           ExitZenModeAction,
           {
             actionManager,
@@ -23719,7 +23808,7 @@ var Footer_default = Footer;
 Footer.displayName = "Footer";
 
 // components/Sidebar/Sidebar.tsx
-import clsx42 from "clsx";
+import clsx43 from "clsx";
 import {
   useEffect as useEffect30,
   useLayoutEffect as useLayoutEffect7,
@@ -23731,7 +23820,7 @@ import {
 } from "react";
 
 // components/Sidebar/SidebarHeader.tsx
-import clsx40 from "clsx";
+import clsx41 from "clsx";
 import { useContext as useContext2 } from "react";
 
 // components/Sidebar/common.ts
@@ -23739,7 +23828,7 @@ import React31 from "react";
 var SidebarPropsContext = React31.createContext({});
 
 // components/Sidebar/SidebarHeader.tsx
-import { jsx as jsx92, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx93, jsxs as jsxs50 } from "react/jsx-runtime";
 var SidebarHeader = ({
   children,
   className
@@ -23750,12 +23839,12 @@ var SidebarHeader = ({
   return /* @__PURE__ */ jsxs50(
     "div",
     {
-      className: clsx40("sidebar__header", className),
+      className: clsx41("sidebar__header", className),
       "data-testid": "sidebar-header",
       children: [
         children,
         /* @__PURE__ */ jsxs50("div", { className: "sidebar__header__buttons", children: [
-          renderDockButton && /* @__PURE__ */ jsx92(Tooltip, { label: t("labels.sidebarLock"), children: /* @__PURE__ */ jsx92(
+          renderDockButton && /* @__PURE__ */ jsx93(Tooltip, { label: t("labels.sidebarLock"), children: /* @__PURE__ */ jsx93(
             Button,
             {
               onSelect: () => props.onDock?.(!props.docked),
@@ -23766,7 +23855,7 @@ var SidebarHeader = ({
               children: PinIcon
             }
           ) }),
-          /* @__PURE__ */ jsx92(
+          /* @__PURE__ */ jsx93(
             Button,
             {
               "data-testid": "sidebar-close",
@@ -23785,14 +23874,14 @@ SidebarHeader.displayName = "SidebarHeader";
 
 // components/Sidebar/SidebarTabTrigger.tsx
 import * as RadixTabs from "@radix-ui/react-tabs";
-import { jsx as jsx93 } from "react/jsx-runtime";
+import { jsx as jsx94 } from "react/jsx-runtime";
 var SidebarTabTrigger = ({
   children,
   tab,
   onSelect,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx93(RadixTabs.Trigger, { value: tab, asChild: true, onSelect, children: /* @__PURE__ */ jsx93(
+  return /* @__PURE__ */ jsx94(RadixTabs.Trigger, { value: tab, asChild: true, onSelect, children: /* @__PURE__ */ jsx94(
     "button",
     {
       type: "button",
@@ -23806,18 +23895,18 @@ SidebarTabTrigger.displayName = "SidebarTabTrigger";
 
 // components/Sidebar/SidebarTabTriggers.tsx
 import * as RadixTabs2 from "@radix-ui/react-tabs";
-import { jsx as jsx94 } from "react/jsx-runtime";
+import { jsx as jsx95 } from "react/jsx-runtime";
 var SidebarTabTriggers = ({
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx94(RadixTabs2.List, { className: "sidebar-triggers", ...rest, children });
+  return /* @__PURE__ */ jsx95(RadixTabs2.List, { className: "sidebar-triggers", ...rest, children });
 };
 SidebarTabTriggers.displayName = "SidebarTabTriggers";
 
 // components/Sidebar/SidebarTrigger.tsx
-import clsx41 from "clsx";
-import { jsx as jsx95, jsxs as jsxs51 } from "react/jsx-runtime";
+import clsx42 from "clsx";
+import { jsx as jsx96, jsxs as jsxs51 } from "react/jsx-runtime";
 var SidebarTrigger = ({
   name,
   tab,
@@ -23831,7 +23920,7 @@ var SidebarTrigger = ({
   const setAppState = useExcalidrawSetAppState();
   const appState = useUIAppState();
   return /* @__PURE__ */ jsxs51("label", { title, className: "sidebar-trigger__label-element", children: [
-    /* @__PURE__ */ jsx95(
+    /* @__PURE__ */ jsx96(
       "input",
       {
         className: "ToolIcon_type_checkbox",
@@ -23847,9 +23936,9 @@ var SidebarTrigger = ({
         "aria-keyshortcuts": "0"
       }
     ),
-    /* @__PURE__ */ jsxs51("div", { className: clsx41("sidebar-trigger", className), style, children: [
-      icon && /* @__PURE__ */ jsx95("div", { children: icon }),
-      children && /* @__PURE__ */ jsx95("div", { className: "sidebar-trigger__label", children })
+    /* @__PURE__ */ jsxs51("div", { className: clsx42("sidebar-trigger", className), style, children: [
+      icon && /* @__PURE__ */ jsx96("div", { children: icon }),
+      children && /* @__PURE__ */ jsx96("div", { className: "sidebar-trigger__label", children })
     ] })
   ] });
 };
@@ -23857,7 +23946,7 @@ SidebarTrigger.displayName = "SidebarTrigger";
 
 // components/Sidebar/SidebarTabs.tsx
 import * as RadixTabs3 from "@radix-ui/react-tabs";
-import { jsx as jsx96 } from "react/jsx-runtime";
+import { jsx as jsx97 } from "react/jsx-runtime";
 var SidebarTabs = ({
   children,
   ...rest
@@ -23868,7 +23957,7 @@ var SidebarTabs = ({
     return null;
   }
   const { name } = appState.openSidebar;
-  return /* @__PURE__ */ jsx96(
+  return /* @__PURE__ */ jsx97(
     RadixTabs3.Root,
     {
       className: "sidebar-tabs-root",
@@ -23886,18 +23975,18 @@ SidebarTabs.displayName = "SidebarTabs";
 
 // components/Sidebar/SidebarTab.tsx
 import * as RadixTabs4 from "@radix-ui/react-tabs";
-import { jsx as jsx97 } from "react/jsx-runtime";
+import { jsx as jsx98 } from "react/jsx-runtime";
 var SidebarTab = ({
   tab,
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx97(RadixTabs4.Content, { ...rest, value: tab, "data-testid": tab, children });
+  return /* @__PURE__ */ jsx98(RadixTabs4.Content, { ...rest, value: tab, "data-testid": tab, children });
 };
 SidebarTab.displayName = "SidebarTab";
 
 // components/Sidebar/Sidebar.tsx
-import { jsx as jsx98 } from "react/jsx-runtime";
+import { jsx as jsx99 } from "react/jsx-runtime";
 import { createElement } from "react";
 var isSidebarDockedAtom = atom(false);
 var SidebarInner = forwardRef4(
@@ -23971,13 +24060,13 @@ var SidebarInner = forwardRef4(
         document.removeEventListener("keydown" /* KEYDOWN */, handleKeyDown);
       };
     }, [closeLibrary, docked, device.editor.canFitSidebar]);
-    return /* @__PURE__ */ jsx98(
+    return /* @__PURE__ */ jsx99(
       Island,
       {
         ...rest,
-        className: clsx42("sidebar", { "sidebar--docked": docked }, className),
+        className: clsx43("sidebar", { "sidebar--docked": docked }, className),
         ref: islandRef,
-        children: /* @__PURE__ */ jsx98(SidebarPropsContext.Provider, { value: headerPropsRef.current, children })
+        children: /* @__PURE__ */ jsx99(SidebarPropsContext.Provider, { value: headerPropsRef.current, children })
       }
     );
   }
@@ -24025,7 +24114,7 @@ Sidebar.displayName = "Sidebar";
 
 // components/hoc/withInternalFallback.tsx
 import { useLayoutEffect as useLayoutEffect8, useRef as useRef26 } from "react";
-import { jsx as jsx99 } from "react/jsx-runtime";
+import { jsx as jsx100 } from "react/jsx-runtime";
 var withInternalFallback = (componentName, Component) => {
   const renderAtom = atom(0);
   const WrapperComponent = (props) => {
@@ -24070,7 +24159,7 @@ var withInternalFallback = (componentName, Component) => {
     ) {
       return null;
     }
-    return /* @__PURE__ */ jsx99(Component, { ...props });
+    return /* @__PURE__ */ jsx100(Component, { ...props });
   };
   WrapperComponent.displayName = componentName;
   return WrapperComponent;
@@ -24091,7 +24180,7 @@ __export(DefaultItems_exports, {
   Socials: () => Socials,
   ToggleTheme: () => ToggleTheme
 });
-import clsx44 from "clsx";
+import clsx45 from "clsx";
 
 // components/OverwriteConfirm/OverwriteConfirmState.ts
 var overwriteConfirmStateAtom = atom({
@@ -24118,23 +24207,23 @@ async function openConfirmModal({
 }
 
 // components/RadioGroup.tsx
-import clsx43 from "clsx";
-import { jsx as jsx100, jsxs as jsxs52 } from "react/jsx-runtime";
+import clsx44 from "clsx";
+import { jsx as jsx101, jsxs as jsxs52 } from "react/jsx-runtime";
 var RadioGroup = function({
   onChange,
   value,
   choices,
   name
 }) {
-  return /* @__PURE__ */ jsx100("div", { className: "RadioGroup", children: choices.map((choice) => /* @__PURE__ */ jsxs52(
+  return /* @__PURE__ */ jsx101("div", { className: "RadioGroup", children: choices.map((choice) => /* @__PURE__ */ jsxs52(
     "div",
     {
-      className: clsx43("RadioGroup__choice", {
+      className: clsx44("RadioGroup__choice", {
         active: choice.value === value
       }),
       title: choice.ariaLabel,
       children: [
-        /* @__PURE__ */ jsx100(
+        /* @__PURE__ */ jsx101(
           "input",
           {
             name,
@@ -24152,7 +24241,7 @@ var RadioGroup = function({
 };
 
 // components/dropdownMenu/DropdownMenuItemContentRadio.tsx
-import { Fragment as Fragment13, jsx as jsx101, jsxs as jsxs53 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx102, jsxs as jsxs53 } from "react/jsx-runtime";
 var DropdownMenuItemContentRadio = ({
   value,
   shortcut,
@@ -24164,8 +24253,8 @@ var DropdownMenuItemContentRadio = ({
   const device = useDevice();
   return /* @__PURE__ */ jsxs53(Fragment13, { children: [
     /* @__PURE__ */ jsxs53("div", { className: "dropdown-menu-item-base dropdown-menu-item-bare", children: [
-      /* @__PURE__ */ jsx101("label", { className: "dropdown-menu-item__text", htmlFor: name, children }),
-      /* @__PURE__ */ jsx101(
+      /* @__PURE__ */ jsx102("label", { className: "dropdown-menu-item__text", htmlFor: name, children }),
+      /* @__PURE__ */ jsx102(
         RadioGroup,
         {
           name,
@@ -24175,14 +24264,14 @@ var DropdownMenuItemContentRadio = ({
         }
       )
     ] }),
-    shortcut && !device.editor.isMobile && /* @__PURE__ */ jsx101("div", { className: "dropdown-menu-item__shortcut dropdown-menu-item__shortcut--orphaned", children: shortcut })
+    shortcut && !device.editor.isMobile && /* @__PURE__ */ jsx102("div", { className: "dropdown-menu-item__shortcut dropdown-menu-item__shortcut--orphaned", children: shortcut })
   ] });
 };
 DropdownMenuItemContentRadio.displayName = "DropdownMenuItemContentRadio";
 var DropdownMenuItemContentRadio_default = DropdownMenuItemContentRadio;
 
 // components/main-menu/DefaultItems.tsx
-import { Fragment as Fragment14, jsx as jsx102, jsxs as jsxs54 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx103, jsxs as jsxs54 } from "react/jsx-runtime";
 var LoadScene = () => {
   const { t: t2 } = useI18n();
   const actionManager = useExcalidrawActionManager();
@@ -24195,19 +24284,19 @@ var LoadScene = () => {
       title: t2("overwriteConfirm.modal.loadFromFile.title"),
       actionLabel: t2("overwriteConfirm.modal.loadFromFile.button"),
       color: "warning",
-      description: /* @__PURE__ */ jsx102(
+      description: /* @__PURE__ */ jsx103(
         Trans_default,
         {
           i18nKey: "overwriteConfirm.modal.loadFromFile.description",
-          bold: (text) => /* @__PURE__ */ jsx102("strong", { children: text }),
-          br: () => /* @__PURE__ */ jsx102("br", {})
+          bold: (text) => /* @__PURE__ */ jsx103("strong", { children: text }),
+          br: () => /* @__PURE__ */ jsx103("br", {})
         }
       )
     })) {
       actionManager.executeAction(actionLoadScene);
     }
   };
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx103(
     DropdownMenuItem_default,
     {
       icon: LoadIcon,
@@ -24226,7 +24315,7 @@ var SaveToActiveFile = () => {
   if (!actionManager.isActionEnabled(actionSaveToActiveFile)) {
     return null;
   }
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx103(
     DropdownMenuItem_default,
     {
       shortcut: getShortcutFromShortcutName("saveScene"),
@@ -24242,7 +24331,7 @@ SaveToActiveFile.displayName = "SaveToActiveFile";
 var SaveAsImage = () => {
   const setAppState = useExcalidrawSetAppState();
   const { t: t2 } = useI18n();
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx103(
     DropdownMenuItem_default,
     {
       icon: ExportImageIcon,
@@ -24258,7 +24347,7 @@ SaveAsImage.displayName = "SaveAsImage";
 var CommandPalette2 = (opts) => {
   const setAppState = useExcalidrawSetAppState();
   const { t: t2 } = useI18n();
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx103(
     DropdownMenuItem_default,
     {
       icon: boltIcon,
@@ -24278,7 +24367,7 @@ CommandPalette2.displayName = "CommandPalette";
 var SearchMenu = (opts) => {
   const { t: t2 } = useI18n();
   const actionManager = useExcalidrawActionManager();
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx103(
     DropdownMenuItem_default,
     {
       icon: searchIcon,
@@ -24297,7 +24386,7 @@ SearchMenu.displayName = "SearchMenu";
 var Help = () => {
   const { t: t2 } = useI18n();
   const actionManager = useExcalidrawActionManager();
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx103(
     DropdownMenuItem_default,
     {
       "data-testid": "help-menu-item",
@@ -24319,7 +24408,7 @@ var ToggleTheme = (props) => {
     return null;
   }
   if (props?.allowSystemTheme) {
-    return /* @__PURE__ */ jsx102(
+    return /* @__PURE__ */ jsx103(
       DropdownMenuItemContentRadio_default,
       {
         name: "theme",
@@ -24346,7 +24435,7 @@ var ToggleTheme = (props) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx103(
     DropdownMenuItem_default,
     {
       onSelect: (event) => {
@@ -24377,7 +24466,7 @@ var ChangeCanvasBackground = () => {
     return null;
   }
   return /* @__PURE__ */ jsxs54("div", { style: { marginTop: "0.5rem" }, children: [
-    /* @__PURE__ */ jsx102(
+    /* @__PURE__ */ jsx103(
       "div",
       {
         "data-testid": "canvas-background-label",
@@ -24385,14 +24474,14 @@ var ChangeCanvasBackground = () => {
         children: t2("labels.canvasBackground")
       }
     ),
-    /* @__PURE__ */ jsx102("div", { style: { padding: "0 0.625rem" }, children: actionManager.renderAction("changeViewBackgroundColor") })
+    /* @__PURE__ */ jsx103("div", { style: { padding: "0 0.625rem" }, children: actionManager.renderAction("changeViewBackgroundColor") })
   ] });
 };
 ChangeCanvasBackground.displayName = "ChangeCanvasBackground";
 var Export = () => {
   const { t: t2 } = useI18n();
   const setAppState = useExcalidrawSetAppState();
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx103(
     DropdownMenuItem_default,
     {
       icon: ExportIcon,
@@ -24409,7 +24498,7 @@ Export.displayName = "Export";
 var Socials = () => {
   const { t: t2 } = useI18n();
   return /* @__PURE__ */ jsxs54(Fragment14, { children: [
-    /* @__PURE__ */ jsx102(
+    /* @__PURE__ */ jsx103(
       DropdownMenuItemLink_default,
       {
         icon: GithubIcon,
@@ -24418,7 +24507,7 @@ var Socials = () => {
         children: "GitHub"
       }
     ),
-    /* @__PURE__ */ jsx102(
+    /* @__PURE__ */ jsx103(
       DropdownMenuItemLink_default,
       {
         icon: XBrandIcon,
@@ -24427,7 +24516,7 @@ var Socials = () => {
         children: t2("labels.followUs")
       }
     ),
-    /* @__PURE__ */ jsx102(
+    /* @__PURE__ */ jsx103(
       DropdownMenuItemLink_default,
       {
         icon: DiscordIcon,
@@ -24444,12 +24533,12 @@ var LiveCollaborationTrigger = ({
   isCollaborating
 }) => {
   const { t: t2 } = useI18n();
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx103(
     DropdownMenuItem_default,
     {
       "data-testid": "collab-button",
       icon: usersIcon,
-      className: clsx44({
+      className: clsx45({
         "active-collab": isCollaborating
       }),
       onSelect,
@@ -24460,7 +24549,7 @@ var LiveCollaborationTrigger = ({
 LiveCollaborationTrigger.displayName = "LiveCollaborationTrigger";
 
 // components/main-menu/MainMenu.tsx
-import { jsx as jsx103, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs55 } from "react/jsx-runtime";
 var MainMenu = Object.assign(
   withInternalFallback(
     "MainMenu",
@@ -24473,8 +24562,8 @@ var MainMenu = Object.assign(
       const appState = useUIAppState();
       const setAppState = useExcalidrawSetAppState();
       const onClickOutside = device.editor.isMobile ? void 0 : () => setAppState({ openMenu: null });
-      return /* @__PURE__ */ jsx103(MainMenuTunnel.In, { children: /* @__PURE__ */ jsxs55(DropdownMenu_default, { open: appState.openMenu === "canvas", children: [
-        /* @__PURE__ */ jsx103(
+      return /* @__PURE__ */ jsx104(MainMenuTunnel.In, { children: /* @__PURE__ */ jsxs55(DropdownMenu_default, { open: appState.openMenu === "canvas", children: [
+        /* @__PURE__ */ jsx104(
           DropdownMenu_default.Trigger,
           {
             onToggle: () => {
@@ -24497,8 +24586,8 @@ var MainMenu = Object.assign(
             children: [
               children,
               device.editor.isMobile && appState.collaborators.size > 0 && /* @__PURE__ */ jsxs55("fieldset", { className: "UserList-Wrapper", children: [
-                /* @__PURE__ */ jsx103("legend", { children: t("labels.collaborators") }),
-                /* @__PURE__ */ jsx103(
+                /* @__PURE__ */ jsx104("legend", { children: t("labels.collaborators") }),
+                /* @__PURE__ */ jsx104(
                   UserList,
                   {
                     mobile: true,
@@ -24526,9 +24615,9 @@ var MainMenu = Object.assign(
 var MainMenu_default = MainMenu;
 
 // components/FilledButton.tsx
-import clsx45 from "clsx";
+import clsx46 from "clsx";
 import { forwardRef as forwardRef5, useState as useState26 } from "react";
-import { jsx as jsx104, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs56 } from "react/jsx-runtime";
 var FilledButton = forwardRef5(
   ({
     children,
@@ -24565,10 +24654,10 @@ var FilledButton = forwardRef5(
     };
     const _status = isLoading ? "loading" : status;
     color = _status === "success" ? "success" : color;
-    return /* @__PURE__ */ jsx104(
+    return /* @__PURE__ */ jsx105(
       "button",
       {
-        className: clsx45(
+        className: clsx46(
           "ExcButton",
           `ExcButton--color-${color}`,
           `ExcButton--variant-${variant}`,
@@ -24583,8 +24672,8 @@ var FilledButton = forwardRef5(
         ref,
         disabled: _status === "loading" || _status === "success",
         children: /* @__PURE__ */ jsxs56("div", { className: "ExcButton__contents", children: [
-          _status === "loading" ? /* @__PURE__ */ jsx104(Spinner_default, { className: "ExcButton__statusIcon" }) : _status === "success" && /* @__PURE__ */ jsx104("div", { className: "ExcButton__statusIcon", children: tablerCheckIcon }),
-          icon && /* @__PURE__ */ jsx104("div", { className: "ExcButton__icon", "aria-hidden": true, children: icon }),
+          _status === "loading" ? /* @__PURE__ */ jsx105(Spinner_default, { className: "ExcButton__statusIcon" }) : _status === "success" && /* @__PURE__ */ jsx105("div", { className: "ExcButton__statusIcon", children: tablerCheckIcon }),
+          icon && /* @__PURE__ */ jsx105("div", { className: "ExcButton__icon", "aria-hidden": true, children: icon }),
           variant !== "icon" && (children ?? label)
         ] })
       }
@@ -24593,7 +24682,7 @@ var FilledButton = forwardRef5(
 );
 
 // components/OverwriteConfirm/OverwriteConfirmActions.tsx
-import { jsx as jsx105, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx106, jsxs as jsxs57 } from "react/jsx-runtime";
 var Action = ({
   title,
   children,
@@ -24601,9 +24690,9 @@ var Action = ({
   onClick
 }) => {
   return /* @__PURE__ */ jsxs57("div", { className: "OverwriteConfirm__Actions__Action", children: [
-    /* @__PURE__ */ jsx105("h4", { children: title }),
-    /* @__PURE__ */ jsx105("div", { className: "OverwriteConfirm__Actions__Action__content", children }),
-    /* @__PURE__ */ jsx105(
+    /* @__PURE__ */ jsx106("h4", { children: title }),
+    /* @__PURE__ */ jsx106("div", { className: "OverwriteConfirm__Actions__Action__content", children }),
+    /* @__PURE__ */ jsx106(
       FilledButton,
       {
         variant: "outlined",
@@ -24620,7 +24709,7 @@ var ExportToImage = () => {
   const { t: t2 } = useI18n();
   const actionManager = useExcalidrawActionManager();
   const setAppState = useExcalidrawSetAppState();
-  return /* @__PURE__ */ jsx105(
+  return /* @__PURE__ */ jsx106(
     Action,
     {
       title: t2("overwriteConfirm.action.exportToImage.title"),
@@ -24636,7 +24725,7 @@ var ExportToImage = () => {
 var SaveToDisk = () => {
   const { t: t2 } = useI18n();
   const actionManager = useExcalidrawActionManager();
-  return /* @__PURE__ */ jsx105(
+  return /* @__PURE__ */ jsx106(
     Action,
     {
       title: t2("overwriteConfirm.action.saveToDisk.title"),
@@ -24650,7 +24739,7 @@ var SaveToDisk = () => {
 };
 var Actions = Object.assign(
   ({ children }) => {
-    return /* @__PURE__ */ jsx105("div", { className: "OverwriteConfirm__Actions", children });
+    return /* @__PURE__ */ jsx106("div", { className: "OverwriteConfirm__Actions", children });
   },
   {
     ExportToImage,
@@ -24659,7 +24748,7 @@ var Actions = Object.assign(
 );
 
 // components/OverwriteConfirm/OverwriteConfirm.tsx
-import { jsx as jsx106, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx107, jsxs as jsxs58 } from "react/jsx-runtime";
 var OverwriteConfirmDialog = Object.assign(
   withInternalFallback(
     "OverwriteConfirmDialog",
@@ -24679,17 +24768,17 @@ var OverwriteConfirmDialog = Object.assign(
         overwriteConfirmState.onConfirm();
         setState((state) => ({ ...state, active: false }));
       };
-      return /* @__PURE__ */ jsx106(OverwriteConfirmDialogTunnel.In, { children: /* @__PURE__ */ jsx106(Dialog, { onCloseRequest: handleClose, title: false, size: 916, children: /* @__PURE__ */ jsxs58("div", { className: "OverwriteConfirm", children: [
-        /* @__PURE__ */ jsx106("h3", { children: overwriteConfirmState.title }),
+      return /* @__PURE__ */ jsx107(OverwriteConfirmDialogTunnel.In, { children: /* @__PURE__ */ jsx107(Dialog, { onCloseRequest: handleClose, title: false, size: 916, children: /* @__PURE__ */ jsxs58("div", { className: "OverwriteConfirm", children: [
+        /* @__PURE__ */ jsx107("h3", { children: overwriteConfirmState.title }),
         /* @__PURE__ */ jsxs58(
           "div",
           {
             className: `OverwriteConfirm__Description OverwriteConfirm__Description--color-${overwriteConfirmState.color}`,
             children: [
-              /* @__PURE__ */ jsx106("div", { className: "OverwriteConfirm__Description__icon", children: alertTriangleIcon }),
-              /* @__PURE__ */ jsx106("div", { children: overwriteConfirmState.description }),
-              /* @__PURE__ */ jsx106("div", { className: "OverwriteConfirm__Description__spacer" }),
-              /* @__PURE__ */ jsx106(
+              /* @__PURE__ */ jsx107("div", { className: "OverwriteConfirm__Description__icon", children: alertTriangleIcon }),
+              /* @__PURE__ */ jsx107("div", { children: overwriteConfirmState.description }),
+              /* @__PURE__ */ jsx107("div", { className: "OverwriteConfirm__Description__spacer" }),
+              /* @__PURE__ */ jsx107(
                 FilledButton,
                 {
                   color: overwriteConfirmState.color,
@@ -24701,7 +24790,7 @@ var OverwriteConfirmDialog = Object.assign(
             ]
           }
         ),
-        /* @__PURE__ */ jsx106(Actions, { children })
+        /* @__PURE__ */ jsx107(Actions, { children })
       ] }) }) });
     }
   ),
@@ -24712,13 +24801,13 @@ var OverwriteConfirmDialog = Object.assign(
 );
 
 // components/DefaultSidebar.tsx
-import clsx47 from "clsx";
+import clsx48 from "clsx";
 
 // components/SearchMenu.tsx
-import clsx46 from "clsx";
+import clsx47 from "clsx";
 import debounce2 from "lodash.debounce";
 import { Fragment as Fragment15, memo as memo4, useEffect as useEffect31, useRef as useRef27, useState as useState27 } from "react";
-import { Fragment as Fragment16, jsx as jsx107, jsxs as jsxs59 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx108, jsxs as jsxs59 } from "react/jsx-runtime";
 var searchQueryAtom = atom("");
 var searchItemInFocusAtom = atom(null);
 var SEARCH_DEBOUNCE = 350;
@@ -24921,7 +25010,7 @@ var SearchMenu2 = () => {
   }, [setAppState, stableState, app]);
   const matchCount = `${searchMatches.items.length} ${searchMatches.items.length === 1 ? t("search.singleResult") : t("search.multipleResults")}`;
   return /* @__PURE__ */ jsxs59("div", { className: "layer-ui__search", children: [
-    /* @__PURE__ */ jsx107("div", { className: "layer-ui__search-header", children: /* @__PURE__ */ jsx107(
+    /* @__PURE__ */ jsx108("div", { className: "layer-ui__search-header", children: /* @__PURE__ */ jsx108(
       TextField,
       {
         className: CLASSES.SEARCH_MENU_INPUT_WRAPPER,
@@ -24960,9 +25049,9 @@ var SearchMenu2 = () => {
           focusIndex + 1,
           " / ",
           matchCount
-        ] }) : /* @__PURE__ */ jsx107("div", { children: matchCount }),
+        ] }) : /* @__PURE__ */ jsx108("div", { children: matchCount }),
         /* @__PURE__ */ jsxs59("div", { className: "result-nav", children: [
-          /* @__PURE__ */ jsx107(
+          /* @__PURE__ */ jsx108(
             Button,
             {
               onSelect: () => {
@@ -24972,7 +25061,7 @@ var SearchMenu2 = () => {
               children: collapseDownIcon
             }
           ),
-          /* @__PURE__ */ jsx107(
+          /* @__PURE__ */ jsx108(
             Button,
             {
               onSelect: () => {
@@ -24984,9 +25073,9 @@ var SearchMenu2 = () => {
           )
         ] })
       ] }),
-      searchMatches.items.length === 0 && searchQuery && searchedQueryRef.current && /* @__PURE__ */ jsx107("div", { style: { margin: "1rem auto" }, children: t("search.noMatch") })
+      searchMatches.items.length === 0 && searchQuery && searchedQueryRef.current && /* @__PURE__ */ jsx108("div", { style: { margin: "1rem auto" }, children: t("search.noMatch") })
     ] }),
-    /* @__PURE__ */ jsx107(
+    /* @__PURE__ */ jsx108(
       MatchList,
       {
         matches: searchMatches,
@@ -25010,11 +25099,11 @@ var ListItem = (props) => {
     ),
     props.preview.moreAfter ? "..." : ""
   ];
-  return /* @__PURE__ */ jsx107(
+  return /* @__PURE__ */ jsx108(
     "div",
     {
       tabIndex: -1,
-      className: clsx46("layer-ui__result-item", {
+      className: clsx47("layer-ui__result-item", {
         active: props.highlighted
       }),
       onClick: props.onClick,
@@ -25023,12 +25112,12 @@ var ListItem = (props) => {
           ref?.scrollIntoView({ behavior: "auto", block: "nearest" });
         }
       },
-      children: /* @__PURE__ */ jsx107("div", { className: "preview-text", children: preview.flatMap((text, idx) => /* @__PURE__ */ jsx107(Fragment15, { children: idx === 2 ? /* @__PURE__ */ jsx107("b", { children: text }) : text }, idx)) })
+      children: /* @__PURE__ */ jsx108("div", { className: "preview-text", children: preview.flatMap((text, idx) => /* @__PURE__ */ jsx108(Fragment15, { children: idx === 2 ? /* @__PURE__ */ jsx108("b", { children: text }) : text }, idx)) })
     }
   );
 };
 var MatchListBase = (props) => {
-  return /* @__PURE__ */ jsx107("div", { className: "layer-ui__search-result-container", children: props.matches.items.map((searchMatch, index) => /* @__PURE__ */ jsx107(
+  return /* @__PURE__ */ jsx108("div", { className: "layer-ui__search-result-container", children: props.matches.items.map((searchMatch, index) => /* @__PURE__ */ jsx108(
     ListItem,
     {
       searchQuery: props.searchQuery,
@@ -25209,13 +25298,13 @@ var handleSearch = debounce2(
 );
 
 // components/DefaultSidebar.tsx
-import { jsx as jsx108, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx109, jsxs as jsxs60 } from "react/jsx-runtime";
 import { createElement as createElement2 } from "react";
 var DefaultSidebarTrigger = withInternalFallback(
   "DefaultSidebarTrigger",
   (props) => {
     const { DefaultSidebarTriggerTunnel } = useTunnels();
-    return /* @__PURE__ */ jsx108(DefaultSidebarTriggerTunnel.In, { children: /* @__PURE__ */ jsx108(
+    return /* @__PURE__ */ jsx109(DefaultSidebarTriggerTunnel.In, { children: /* @__PURE__ */ jsx109(
       Sidebar.Trigger,
       {
         ...props,
@@ -25228,7 +25317,7 @@ var DefaultSidebarTrigger = withInternalFallback(
 DefaultSidebarTrigger.displayName = "DefaultSidebarTrigger";
 var DefaultTabTriggers = ({ children }) => {
   const { DefaultSidebarTabTriggersTunnel } = useTunnels();
-  return /* @__PURE__ */ jsx108(DefaultSidebarTabTriggersTunnel.In, { children });
+  return /* @__PURE__ */ jsx109(DefaultSidebarTabTriggersTunnel.In, { children });
 };
 DefaultTabTriggers.displayName = "DefaultTabTriggers";
 var DefaultSidebar = Object.assign(
@@ -25251,7 +25340,7 @@ var DefaultSidebar = Object.assign(
           ...rest,
           name: "default",
           key: "default",
-          className: clsx47("default-sidebar", className),
+          className: clsx48("default-sidebar", className),
           docked: isForceDocked || (docked ?? appState.defaultSidebarDockedPreference),
           onDock: (
             // `onDock=false` disables docking.
@@ -25265,13 +25354,13 @@ var DefaultSidebar = Object.assign(
           )
         },
         /* @__PURE__ */ jsxs60(Sidebar.Tabs, { children: [
-          /* @__PURE__ */ jsx108(Sidebar.Header, { children: /* @__PURE__ */ jsxs60(Sidebar.TabTriggers, { children: [
-            /* @__PURE__ */ jsx108(Sidebar.TabTrigger, { tab: CANVAS_SEARCH_TAB, children: searchIcon }),
-            /* @__PURE__ */ jsx108(Sidebar.TabTrigger, { tab: LIBRARY_SIDEBAR_TAB, children: LibraryIcon }),
-            /* @__PURE__ */ jsx108(DefaultSidebarTabTriggersTunnel.Out, {})
+          /* @__PURE__ */ jsx109(Sidebar.Header, { children: /* @__PURE__ */ jsxs60(Sidebar.TabTriggers, { children: [
+            /* @__PURE__ */ jsx109(Sidebar.TabTrigger, { tab: CANVAS_SEARCH_TAB, children: searchIcon }),
+            /* @__PURE__ */ jsx109(Sidebar.TabTrigger, { tab: LIBRARY_SIDEBAR_TAB, children: LibraryIcon }),
+            /* @__PURE__ */ jsx109(DefaultSidebarTabTriggersTunnel.Out, {})
           ] }) }),
-          /* @__PURE__ */ jsx108(Sidebar.Tab, { tab: LIBRARY_SIDEBAR_TAB, children: /* @__PURE__ */ jsx108(LibraryMenu, {}) }),
-          /* @__PURE__ */ jsx108(Sidebar.Tab, { tab: CANVAS_SEARCH_TAB, children: /* @__PURE__ */ jsx108(SearchMenu2, {}) }),
+          /* @__PURE__ */ jsx109(Sidebar.Tab, { tab: LIBRARY_SIDEBAR_TAB, children: /* @__PURE__ */ jsx109(LibraryMenu, {}) }),
+          /* @__PURE__ */ jsx109(Sidebar.Tab, { tab: CANVAS_SEARCH_TAB, children: /* @__PURE__ */ jsx109(SearchMenu2, {}) }),
           children
         ] })
       );
@@ -25291,7 +25380,7 @@ import { useState as useState28, useRef as useRef29, useEffect as useEffect33, u
 
 // components/TTDDialog/TTDDialogInput.tsx
 import { useEffect as useEffect32, useRef as useRef28 } from "react";
-import { jsx as jsx109 } from "react/jsx-runtime";
+import { jsx as jsx110 } from "react/jsx-runtime";
 var TTDDialogInput = ({
   input,
   placeholder,
@@ -25319,7 +25408,7 @@ var TTDDialogInput = ({
       };
     }
   }, []);
-  return /* @__PURE__ */ jsx109(
+  return /* @__PURE__ */ jsx110(
     "textarea",
     {
       className: "ttd-dialog-input",
@@ -25333,7 +25422,7 @@ var TTDDialogInput = ({
 };
 
 // components/TTDDialog/TTDDialogOutput.tsx
-import { jsx as jsx110, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx111, jsxs as jsxs61 } from "react/jsx-runtime";
 var ErrorComp = ({ error }) => {
   return /* @__PURE__ */ jsxs61(
     "div",
@@ -25342,7 +25431,7 @@ var ErrorComp = ({ error }) => {
       className: "ttd-dialog-output-error",
       children: [
         "Error! ",
-        /* @__PURE__ */ jsx110("p", { children: error })
+        /* @__PURE__ */ jsx111("p", { children: error })
       ]
     }
   );
@@ -25353,21 +25442,21 @@ var TTDDialogOutput = ({
   loaded
 }) => {
   return /* @__PURE__ */ jsxs61("div", { className: "ttd-dialog-output-wrapper", children: [
-    error && /* @__PURE__ */ jsx110(ErrorComp, { error: error.message }),
-    loaded ? /* @__PURE__ */ jsx110(
+    error && /* @__PURE__ */ jsx111(ErrorComp, { error: error.message }),
+    loaded ? /* @__PURE__ */ jsx111(
       "div",
       {
         ref: canvasRef,
         style: { opacity: error ? "0.15" : 1 },
         className: "ttd-dialog-output-canvas-container"
       }
-    ) : /* @__PURE__ */ jsx110(Spinner_default, { size: "2rem" })
+    ) : /* @__PURE__ */ jsx111(Spinner_default, { size: "2rem" })
   ] });
 };
 
 // components/TTDDialog/TTDDialogPanel.tsx
-import clsx48 from "clsx";
-import { jsx as jsx111, jsxs as jsxs62 } from "react/jsx-runtime";
+import clsx49 from "clsx";
+import { jsx as jsx112, jsxs as jsxs62 } from "react/jsx-runtime";
 var TTDDialogPanel = ({
   label,
   children,
@@ -25380,14 +25469,14 @@ var TTDDialogPanel = ({
 }) => {
   return /* @__PURE__ */ jsxs62("div", { className: "ttd-dialog-panel", children: [
     /* @__PURE__ */ jsxs62("div", { className: "ttd-dialog-panel__header", children: [
-      /* @__PURE__ */ jsx111("label", { children: label }),
+      /* @__PURE__ */ jsx112("label", { children: label }),
       renderTopRight?.()
     ] }),
     children,
     /* @__PURE__ */ jsxs62(
       "div",
       {
-        className: clsx48("ttd-dialog-panel-button-container", {
+        className: clsx49("ttd-dialog-panel-button-container", {
           invisible: !panelAction
         }),
         style: { display: "flex", alignItems: "center" },
@@ -25400,11 +25489,11 @@ var TTDDialogPanel = ({
               },
               disabled: panelActionDisabled || onTextSubmitInProgess,
               children: [
-                /* @__PURE__ */ jsxs62("div", { className: clsx48({ invisible: onTextSubmitInProgess }), children: [
+                /* @__PURE__ */ jsxs62("div", { className: clsx49({ invisible: onTextSubmitInProgess }), children: [
                   panelAction?.label,
-                  panelAction?.icon && /* @__PURE__ */ jsx111("span", { children: panelAction.icon })
+                  panelAction?.icon && /* @__PURE__ */ jsx112("span", { children: panelAction.icon })
                 ] }),
-                onTextSubmitInProgess && /* @__PURE__ */ jsx111(Spinner_default, {})
+                onTextSubmitInProgess && /* @__PURE__ */ jsx112(Spinner_default, {})
               ]
             }
           ),
@@ -25417,17 +25506,17 @@ var TTDDialogPanel = ({
 };
 
 // components/TTDDialog/TTDDialogPanels.tsx
-import { jsx as jsx112 } from "react/jsx-runtime";
+import { jsx as jsx113 } from "react/jsx-runtime";
 var TTDDialogPanels = ({ children }) => {
-  return /* @__PURE__ */ jsx112("div", { className: "ttd-dialog-panels", children });
+  return /* @__PURE__ */ jsx113("div", { className: "ttd-dialog-panels", children });
 };
 
 // components/TTDDialog/TTDDialogSubmitShortcut.tsx
-import { jsx as jsx113, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx114, jsxs as jsxs63 } from "react/jsx-runtime";
 var TTDDialogSubmitShortcut = () => {
   return /* @__PURE__ */ jsxs63("div", { className: "ttd-dialog-submit-shortcut", children: [
-    /* @__PURE__ */ jsx113("div", { className: "ttd-dialog-submit-shortcut__key", children: getShortcutKey("CtrlOrCmd") }),
-    /* @__PURE__ */ jsx113("div", { className: "ttd-dialog-submit-shortcut__key", children: getShortcutKey("Enter") })
+    /* @__PURE__ */ jsx114("div", { className: "ttd-dialog-submit-shortcut__key", children: getShortcutKey("CtrlOrCmd") }),
+    /* @__PURE__ */ jsx114("div", { className: "ttd-dialog-submit-shortcut__key", children: getShortcutKey("Enter") })
   ] });
 };
 
@@ -25535,7 +25624,7 @@ var insertToEditor = ({
 };
 
 // components/TTDDialog/MermaidToExcalidraw.tsx
-import { Fragment as Fragment17, jsx as jsx114, jsxs as jsxs64 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx115, jsxs as jsxs64 } from "react/jsx-runtime";
 var MERMAID_EXAMPLE = "flowchart TD\n A[Christmas] -->|Get money| B(Go shopping)\n B --> C{Let me think}\n C -->|One| D[Laptop]\n C -->|Two| E[iPhone]\n C -->|Three| F[Car]";
 var debouncedSaveMermaidDefinition = debounce(saveMermaidDataToStorage, 300);
 var MermaidToExcalidraw = ({
@@ -25578,17 +25667,17 @@ var MermaidToExcalidraw = ({
     });
   };
   return /* @__PURE__ */ jsxs64(Fragment17, { children: [
-    /* @__PURE__ */ jsx114("div", { className: "ttd-dialog-desc", children: /* @__PURE__ */ jsx114(
+    /* @__PURE__ */ jsx115("div", { className: "ttd-dialog-desc", children: /* @__PURE__ */ jsx115(
       Trans_default,
       {
         i18nKey: "mermaid.description",
-        flowchartLink: (el) => /* @__PURE__ */ jsx114("a", { href: "https://mermaid.js.org/syntax/flowchart.html", children: el }),
-        sequenceLink: (el) => /* @__PURE__ */ jsx114("a", { href: "https://mermaid.js.org/syntax/sequenceDiagram.html", children: el }),
-        classLink: (el) => /* @__PURE__ */ jsx114("a", { href: "https://mermaid.js.org/syntax/classDiagram.html", children: el })
+        flowchartLink: (el) => /* @__PURE__ */ jsx115("a", { href: "https://mermaid.js.org/syntax/flowchart.html", children: el }),
+        sequenceLink: (el) => /* @__PURE__ */ jsx115("a", { href: "https://mermaid.js.org/syntax/sequenceDiagram.html", children: el }),
+        classLink: (el) => /* @__PURE__ */ jsx115("a", { href: "https://mermaid.js.org/syntax/classDiagram.html", children: el })
       }
     ) }),
     /* @__PURE__ */ jsxs64(TTDDialogPanels, { children: [
-      /* @__PURE__ */ jsx114(TTDDialogPanel, { label: t("mermaid.syntax"), children: /* @__PURE__ */ jsx114(
+      /* @__PURE__ */ jsx115(TTDDialogPanel, { label: t("mermaid.syntax"), children: /* @__PURE__ */ jsx115(
         TTDDialogInput,
         {
           input: text,
@@ -25599,7 +25688,7 @@ var MermaidToExcalidraw = ({
           }
         }
       ) }),
-      /* @__PURE__ */ jsx114(
+      /* @__PURE__ */ jsx115(
         TTDDialogPanel,
         {
           label: t("mermaid.preview"),
@@ -25610,8 +25699,8 @@ var MermaidToExcalidraw = ({
             label: t("mermaid.button"),
             icon: ArrowRightIcon
           },
-          renderSubmitShortcut: () => /* @__PURE__ */ jsx114(TTDDialogSubmitShortcut, {}),
-          children: /* @__PURE__ */ jsx114(
+          renderSubmitShortcut: () => /* @__PURE__ */ jsx115(TTDDialogSubmitShortcut, {}),
+          children: /* @__PURE__ */ jsx115(
             TTDDialogOutput,
             {
               canvasRef,
@@ -25629,12 +25718,12 @@ var MermaidToExcalidraw_default = MermaidToExcalidraw;
 // components/TTDDialog/TTDDialogTabs.tsx
 import * as RadixTabs5 from "@radix-ui/react-tabs";
 import { useRef as useRef30 } from "react";
-import { jsx as jsx115 } from "react/jsx-runtime";
+import { jsx as jsx116 } from "react/jsx-runtime";
 var TTDDialogTabs = (props) => {
   const setAppState = useExcalidrawSetAppState();
   const rootRef = useRef30(null);
   const minHeightRef = useRef30(0);
-  return /* @__PURE__ */ jsx115(
+  return /* @__PURE__ */ jsx116(
     RadixTabs5.Root,
     {
       ref: rootRef,
@@ -25667,42 +25756,42 @@ var TTDDialogTabs_default = TTDDialogTabs;
 
 // components/TTDDialog/TTDDialogTabTriggers.tsx
 import * as RadixTabs6 from "@radix-ui/react-tabs";
-import { jsx as jsx116 } from "react/jsx-runtime";
+import { jsx as jsx117 } from "react/jsx-runtime";
 var TTDDialogTabTriggers = ({
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx116(RadixTabs6.List, { className: "ttd-dialog-triggers", ...rest, children });
+  return /* @__PURE__ */ jsx117(RadixTabs6.List, { className: "ttd-dialog-triggers", ...rest, children });
 };
 TTDDialogTabTriggers.displayName = "TTDDialogTabTriggers";
 
 // components/TTDDialog/TTDDialogTabTrigger.tsx
 import * as RadixTabs7 from "@radix-ui/react-tabs";
-import { jsx as jsx117 } from "react/jsx-runtime";
+import { jsx as jsx118 } from "react/jsx-runtime";
 var TTDDialogTabTrigger = ({
   children,
   tab,
   onSelect,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx117(RadixTabs7.Trigger, { value: tab, asChild: true, onSelect, children: /* @__PURE__ */ jsx117("button", { type: "button", className: "ttd-dialog-tab-trigger", ...rest, children }) });
+  return /* @__PURE__ */ jsx118(RadixTabs7.Trigger, { value: tab, asChild: true, onSelect, children: /* @__PURE__ */ jsx118("button", { type: "button", className: "ttd-dialog-tab-trigger", ...rest, children }) });
 };
 TTDDialogTabTrigger.displayName = "TTDDialogTabTrigger";
 
 // components/TTDDialog/TTDDialogTab.tsx
 import * as RadixTabs8 from "@radix-ui/react-tabs";
-import { jsx as jsx118 } from "react/jsx-runtime";
+import { jsx as jsx119 } from "react/jsx-runtime";
 var TTDDialogTab = ({
   tab,
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx118(RadixTabs8.Content, { ...rest, value: tab, children });
+  return /* @__PURE__ */ jsx119(RadixTabs8.Content, { ...rest, value: tab, children });
 };
 TTDDialogTab.displayName = "TTDDialogTab";
 
 // components/TTDDialog/TTDDialog.tsx
-import { jsx as jsx119, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx120, jsxs as jsxs65 } from "react/jsx-runtime";
 var MIN_PROMPT_LENGTH = 3;
 var MAX_PROMPT_LENGTH = 1e3;
 var rateLimitsAtom = atom(null);
@@ -25712,7 +25801,7 @@ var TTDDialog = (props) => {
   if (appState.openDialog?.name !== "ttd") {
     return null;
   }
-  return /* @__PURE__ */ jsx119(TTDDialogBase, { ...props, tab: appState.openDialog.tab });
+  return /* @__PURE__ */ jsx120(TTDDialogBase, { ...props, tab: appState.openDialog.tab });
 };
 var TTDDialogBase = withInternalFallback(
   "TTDDialogBase",
@@ -25826,7 +25915,7 @@ TTD mermaid definition render errror: ${error3.message}`,
     }, [mermaidToExcalidrawLib.api]);
     const data = useRef31({ elements: [], files: null });
     const [error, setError] = useState29(null);
-    return /* @__PURE__ */ jsx119(
+    return /* @__PURE__ */ jsx120(
       Dialog,
       {
         className: "ttd-dialog",
@@ -25838,10 +25927,10 @@ TTD mermaid definition render errror: ${error3.message}`,
         ...rest,
         autofocus: false,
         children: /* @__PURE__ */ jsxs65(TTDDialogTabs_default, { dialog: "ttd", tab, children: [
-          "__fallback" in rest && rest.__fallback ? /* @__PURE__ */ jsx119("p", { className: "dialog-mermaid-title", children: t("mermaid.title") }) : /* @__PURE__ */ jsxs65(TTDDialogTabTriggers, { children: [
-            /* @__PURE__ */ jsx119(TTDDialogTabTrigger, { tab: "text-to-diagram", children: /* @__PURE__ */ jsxs65("div", { style: { display: "flex", alignItems: "center" }, children: [
+          "__fallback" in rest && rest.__fallback ? /* @__PURE__ */ jsx120("p", { className: "dialog-mermaid-title", children: t("mermaid.title") }) : /* @__PURE__ */ jsxs65(TTDDialogTabTriggers, { children: [
+            /* @__PURE__ */ jsx120(TTDDialogTabTrigger, { tab: "text-to-diagram", children: /* @__PURE__ */ jsxs65("div", { style: { display: "flex", alignItems: "center" }, children: [
               t("labels.textToDiagram"),
-              /* @__PURE__ */ jsx119(
+              /* @__PURE__ */ jsx120(
                 "div",
                 {
                   style: {
@@ -25859,18 +25948,18 @@ TTD mermaid definition render errror: ${error3.message}`,
                 }
               )
             ] }) }),
-            /* @__PURE__ */ jsx119(TTDDialogTabTrigger, { tab: "mermaid", children: "Mermaid" })
+            /* @__PURE__ */ jsx120(TTDDialogTabTrigger, { tab: "mermaid", children: "Mermaid" })
           ] }),
-          /* @__PURE__ */ jsx119(TTDDialogTab, { className: "ttd-dialog-content", tab: "mermaid", children: /* @__PURE__ */ jsx119(
+          /* @__PURE__ */ jsx120(TTDDialogTab, { className: "ttd-dialog-content", tab: "mermaid", children: /* @__PURE__ */ jsx120(
             MermaidToExcalidraw_default,
             {
               mermaidToExcalidrawLib
             }
           ) }),
           !("__fallback" in rest) && /* @__PURE__ */ jsxs65(TTDDialogTab, { className: "ttd-dialog-content", tab: "text-to-diagram", children: [
-            /* @__PURE__ */ jsx119("div", { className: "ttd-dialog-desc", children: "Currently we use Mermaid as a middle step, so you'll get best results if you describe a diagram, workflow, flow chart, and similar." }),
+            /* @__PURE__ */ jsx120("div", { className: "ttd-dialog-desc", children: "Currently we use Mermaid as a middle step, so you'll get best results if you describe a diagram, workflow, flow chart, and similar." }),
             /* @__PURE__ */ jsxs65(TTDDialogPanels, { children: [
-              /* @__PURE__ */ jsx119(
+              /* @__PURE__ */ jsx120(
                 TTDDialogPanel,
                 {
                   label: t("labels.prompt"),
@@ -25901,7 +25990,7 @@ TTD mermaid definition render errror: ${error3.message}`,
                       }
                     );
                   },
-                  renderSubmitShortcut: () => /* @__PURE__ */ jsx119(TTDDialogSubmitShortcut, {}),
+                  renderSubmitShortcut: () => /* @__PURE__ */ jsx120(TTDDialogSubmitShortcut, {}),
                   renderBottomRight: () => {
                     if (typeof ttdGeneration?.generatedResponse === "string") {
                       return /* @__PURE__ */ jsxs65(
@@ -25921,7 +26010,7 @@ TTD mermaid definition render errror: ${error3.message}`,
                           },
                           children: [
                             "View as Mermaid",
-                            /* @__PURE__ */ jsx119(InlineIcon, { icon: ArrowRightIcon })
+                            /* @__PURE__ */ jsx120(InlineIcon, { icon: ArrowRightIcon })
                           ]
                         }
                       );
@@ -25948,7 +26037,7 @@ TTD mermaid definition render errror: ${error3.message}`,
                     }
                     return null;
                   },
-                  children: /* @__PURE__ */ jsx119(
+                  children: /* @__PURE__ */ jsx120(
                     TTDDialogInput,
                     {
                       onChange: handleTextChange,
@@ -25961,7 +26050,7 @@ TTD mermaid definition render errror: ${error3.message}`,
                   )
                 }
               ),
-              /* @__PURE__ */ jsx119(
+              /* @__PURE__ */ jsx120(
                 TTDDialogPanel,
                 {
                   label: "Preview",
@@ -25973,7 +26062,7 @@ TTD mermaid definition render errror: ${error3.message}`,
                     label: "Insert",
                     icon: ArrowRightIcon
                   },
-                  children: /* @__PURE__ */ jsx119(
+                  children: /* @__PURE__ */ jsx120(
                     TTDDialogOutput,
                     {
                       canvasRef: someRandomDivRef,
@@ -25992,12 +26081,12 @@ TTD mermaid definition render errror: ${error3.message}`,
 );
 
 // components/Stats/index.tsx
-import clsx50 from "clsx";
+import clsx51 from "clsx";
 import throttle2 from "lodash.throttle";
-import { useEffect as useEffect36, useMemo as useMemo9, useState as useState31, memo as memo5 } from "react";
+import { useEffect as useEffect36, useMemo as useMemo10, useState as useState31, memo as memo5 } from "react";
 
 // components/Stats/DragInput.tsx
-import clsx49 from "clsx";
+import clsx50 from "clsx";
 import { useEffect as useEffect35, useRef as useRef32, useState as useState30 } from "react";
 
 // components/Stats/utils.ts
@@ -26102,7 +26191,7 @@ var updateBindings = (latestElement, elementsMap, elements, scene, options) => {
 };
 
 // components/Stats/DragInput.tsx
-import { jsx as jsx120, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx121, jsxs as jsxs66 } from "react/jsx-runtime";
 var StatsDragInput = ({
   label,
   icon,
@@ -26206,10 +26295,10 @@ var StatsDragInput = ({
   return /* @__PURE__ */ jsxs66(
     "div",
     {
-      className: clsx49("drag-input-container", !editable && "disabled"),
+      className: clsx50("drag-input-container", !editable && "disabled"),
       "data-testid": label,
       children: [
-        /* @__PURE__ */ jsx120(
+        /* @__PURE__ */ jsx121(
           "div",
           {
             className: "drag-input-label",
@@ -26289,10 +26378,10 @@ var StatsDragInput = ({
                 labelRef.current.style.cursor = "ew-resize";
               }
             },
-            children: icon ? /* @__PURE__ */ jsx120(InlineIcon, { icon }) : label
+            children: icon ? /* @__PURE__ */ jsx121(InlineIcon, { icon }) : label
           }
         ),
-        /* @__PURE__ */ jsx120(
+        /* @__PURE__ */ jsx121(
           "input",
           {
             className: "drag-input",
@@ -26339,7 +26428,7 @@ var StatsDragInput = ({
 var DragInput_default = StatsDragInput;
 
 // components/Stats/Angle.tsx
-import { jsx as jsx121 } from "react/jsx-runtime";
+import { jsx as jsx122 } from "react/jsx-runtime";
 var STEP_SIZE = 15;
 var handleDegreeChange = ({
   accumulatedChange,
@@ -26387,7 +26476,7 @@ var handleDegreeChange = ({
   }
 };
 var Angle = ({ element, scene, appState, property }) => {
-  return /* @__PURE__ */ jsx121(
+  return /* @__PURE__ */ jsx122(
     DragInput_default,
     {
       label: "A",
@@ -26405,7 +26494,7 @@ var Angle = ({ element, scene, appState, property }) => {
 var Angle_default = Angle;
 
 // components/Stats/CanvasGrid.tsx
-import { jsx as jsx122 } from "react/jsx-runtime";
+import { jsx as jsx123 } from "react/jsx-runtime";
 var STEP_SIZE2 = 5;
 var CanvasGrid = ({
   property,
@@ -26413,7 +26502,7 @@ var CanvasGrid = ({
   appState,
   setAppState
 }) => {
-  return /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsx123(
     DragInput_default,
     {
       label: "Grid step",
@@ -26456,7 +26545,7 @@ var CanvasGrid = ({
 var CanvasGrid_default = CanvasGrid;
 
 // components/Stats/Dimension.tsx
-import { jsx as jsx123 } from "react/jsx-runtime";
+import { jsx as jsx124 } from "react/jsx-runtime";
 var STEP_SIZE3 = 10;
 var _shouldKeepAspectRatio = (element) => {
   return element.type === "image";
@@ -26636,7 +26725,7 @@ var DimensionDragInput = ({
       value = round(element.crop.height * ratio, 2);
     }
   }
-  return /* @__PURE__ */ jsx123(
+  return /* @__PURE__ */ jsx124(
     DragInput_default,
     {
       label: property === "width" ? "W" : "H",
@@ -26653,7 +26742,7 @@ var DimensionDragInput = ({
 var Dimension_default = DimensionDragInput;
 
 // components/Stats/FontSize.tsx
-import { jsx as jsx124 } from "react/jsx-runtime";
+import { jsx as jsx125 } from "react/jsx-runtime";
 var MIN_FONT_SIZE2 = 4;
 var STEP_SIZE4 = 4;
 var handleFontSizeChange = ({
@@ -26701,7 +26790,7 @@ var FontSize = ({ element, scene, appState, property }) => {
   if (!_element) {
     return null;
   }
-  return /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsx125(
     DragInput_default,
     {
       label: "F",
@@ -26718,7 +26807,7 @@ var FontSize = ({ element, scene, appState, property }) => {
 var FontSize_default = FontSize;
 
 // components/Stats/MultiAngle.tsx
-import { jsx as jsx125 } from "react/jsx-runtime";
+import { jsx as jsx126 } from "react/jsx-runtime";
 var STEP_SIZE5 = 15;
 var handleDegreeChange2 = ({
   accumulatedChange,
@@ -26798,7 +26887,7 @@ var MultiAngle = ({
   const editable = editableLatestIndividualElements.some(
     (el) => isPropertyEditable(el, "angle")
   );
-  return /* @__PURE__ */ jsx125(
+  return /* @__PURE__ */ jsx126(
     DragInput_default,
     {
       label: "A",
@@ -26816,8 +26905,8 @@ var MultiAngle = ({
 var MultiAngle_default = MultiAngle;
 
 // components/Stats/MultiDimension.tsx
-import { useMemo as useMemo7 } from "react";
-import { jsx as jsx126 } from "react/jsx-runtime";
+import { useMemo as useMemo8 } from "react";
+import { jsx as jsx127 } from "react/jsx-runtime";
 var STEP_SIZE6 = 10;
 var getResizedUpdates = (anchorX, anchorY, scale, origElement) => {
   const offsetX = origElement.x - anchorX;
@@ -27067,7 +27156,7 @@ var MultiDimension = ({
   scene,
   appState
 }) => {
-  const sizes = useMemo7(
+  const sizes = useMemo8(
     () => atomicUnits.map((atomicUnit) => {
       const elementsInUnit = getElementsInAtomicUnit(atomicUnit, elementsMap);
       if (elementsInUnit.length > 1) {
@@ -27085,7 +27174,7 @@ var MultiDimension = ({
   );
   const value = new Set(sizes).size === 1 ? Math.round(sizes[0] * 100) / 100 : "Mixed";
   const editable = sizes.length > 0;
-  return /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsx127(
     DragInput_default,
     {
       label: property === "width" ? "W" : "H",
@@ -27102,7 +27191,7 @@ var MultiDimension = ({
 var MultiDimension_default = MultiDimension;
 
 // components/Stats/MultiFontSize.tsx
-import { jsx as jsx127 } from "react/jsx-runtime";
+import { jsx as jsx128 } from "react/jsx-runtime";
 var MIN_FONT_SIZE3 = 4;
 var STEP_SIZE7 = 4;
 var getApplicableTextElements = (elements, elementsMap) => elements.reduce(
@@ -27202,7 +27291,7 @@ var MultiFontSize = ({
   );
   const value = new Set(fontSizes).size === 1 ? fontSizes[0] : "Mixed";
   const editable = fontSizes.length > 0;
-  return /* @__PURE__ */ jsx127(
+  return /* @__PURE__ */ jsx128(
     DragInput_default,
     {
       label: "F",
@@ -27220,8 +27309,8 @@ var MultiFontSize = ({
 var MultiFontSize_default = MultiFontSize;
 
 // components/Stats/MultiPosition.tsx
-import { useMemo as useMemo8 } from "react";
-import { jsx as jsx128 } from "react/jsx-runtime";
+import { useMemo as useMemo9 } from "react";
+import { jsx as jsx129 } from "react/jsx-runtime";
 var STEP_SIZE8 = 10;
 var moveElements = (property, changeInTopX, changeInTopY, elements, originalElements, elementsMap, originalElementsMap, scene) => {
   for (let i = 0; i < elements.length; i++) {
@@ -27373,7 +27462,7 @@ var MultiPosition = ({
   scene,
   appState
 }) => {
-  const positions = useMemo8(
+  const positions = useMemo9(
     () => atomicUnits.map((atomicUnit) => {
       const elementsInUnit = Object.keys(atomicUnit).map((id) => elementsMap.get(id)).filter((el2) => el2 !== void 0);
       if (elementsInUnit.length > 1) {
@@ -27392,7 +27481,7 @@ var MultiPosition = ({
     [atomicUnits, elementsMap, property]
   );
   const value = new Set(positions).size === 1 ? positions[0] : "Mixed";
-  return /* @__PURE__ */ jsx128(
+  return /* @__PURE__ */ jsx129(
     DragInput_default,
     {
       label: property === "x" ? "X" : "Y",
@@ -27408,7 +27497,7 @@ var MultiPosition = ({
 var MultiPosition_default = MultiPosition;
 
 // components/Stats/Position.tsx
-import { jsx as jsx129 } from "react/jsx-runtime";
+import { jsx as jsx130 } from "react/jsx-runtime";
 var STEP_SIZE9 = 10;
 var handlePositionChange2 = ({
   accumulatedChange,
@@ -27547,7 +27636,7 @@ var Position = ({
       );
     }
   }
-  return /* @__PURE__ */ jsx129(
+  return /* @__PURE__ */ jsx130(
     DragInput_default,
     {
       label: property === "x" ? "X" : "Y",
@@ -27563,7 +27652,7 @@ var Position = ({
 var Position_default = Position;
 
 // components/Stats/index.tsx
-import { Fragment as Fragment18, jsx as jsx130, jsxs as jsxs67 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx131, jsxs as jsxs67 } from "react/jsx-runtime";
 var STATS_TIMEOUT = 50;
 var Stats = (props) => {
   const appState = useExcalidrawAppState();
@@ -27573,7 +27662,7 @@ var Stats = (props) => {
     includeBoundTextElement: false
   });
   const gridModeEnabled = isGridModeEnabled(props.app);
-  return /* @__PURE__ */ jsx130(
+  return /* @__PURE__ */ jsx131(
     StatsInner,
     {
       ...props,
@@ -27590,10 +27679,10 @@ var StatsRow = ({
   heading,
   style,
   ...rest
-}) => /* @__PURE__ */ jsx130(
+}) => /* @__PURE__ */ jsx131(
   "div",
   {
-    className: clsx50("exc-stats__row", { "exc-stats__row--heading": heading }),
+    className: clsx51("exc-stats__row", { "exc-stats__row--heading": heading }),
     style: {
       gridTemplateColumns: `repeat(${columns}, 1fr)`,
       ...style
@@ -27608,7 +27697,7 @@ var StatsRows = ({
   order,
   style,
   ...rest
-}) => /* @__PURE__ */ jsx130("div", { className: "exc-stats__rows", style: { order, ...style }, ...rest, children });
+}) => /* @__PURE__ */ jsx131("div", { className: "exc-stats__rows", style: { order, ...style }, ...rest, children });
 StatsRows.displayName = "StatsRows";
 Stats.StatsRow = StatsRow;
 Stats.StatsRows = StatsRows;
@@ -27634,7 +27723,7 @@ var StatsInner = memo5(
       width: 0,
       height: 0
     });
-    const throttledSetSceneDimension = useMemo9(
+    const throttledSetSceneDimension = useMemo10(
       () => throttle2((elements2) => {
         const boundingBox = getCommonBounds(elements2);
         setSceneDimension({
@@ -27651,21 +27740,21 @@ var StatsInner = memo5(
       () => () => throttledSetSceneDimension.cancel(),
       [throttledSetSceneDimension]
     );
-    const atomicUnits = useMemo9(() => {
+    const atomicUnits = useMemo10(() => {
       return getAtomicUnits(selectedElements, appState);
     }, [selectedElements, appState]);
-    const _frameAndChildrenSelectedTogether = useMemo9(() => {
+    const _frameAndChildrenSelectedTogether = useMemo10(() => {
       return frameAndChildrenSelectedTogether(selectedElements);
     }, [selectedElements]);
-    return /* @__PURE__ */ jsx130("div", { className: "exc-stats", children: /* @__PURE__ */ jsxs67(Island, { padding: 3, children: [
+    return /* @__PURE__ */ jsx131("div", { className: "exc-stats", children: /* @__PURE__ */ jsxs67(Island, { padding: 3, children: [
       /* @__PURE__ */ jsxs67("div", { className: "title", children: [
-        /* @__PURE__ */ jsx130("h2", { children: t("stats.title") }),
-        /* @__PURE__ */ jsx130("div", { className: "close", onClick: onClose, children: CloseIcon })
+        /* @__PURE__ */ jsx131("h2", { children: t("stats.title") }),
+        /* @__PURE__ */ jsx131("div", { className: "close", onClick: onClose, children: CloseIcon })
       ] }),
       /* @__PURE__ */ jsxs67(
         Collapsible_default,
         {
-          label: /* @__PURE__ */ jsx130("h3", { children: t("stats.generalStats") }),
+          label: /* @__PURE__ */ jsx131("h3", { children: t("stats.generalStats") }),
           open: !!(appState.stats.panels & STATS_PANELS.generalStats),
           openTrigger: () => setAppState((state) => {
             return {
@@ -27677,22 +27766,22 @@ var StatsInner = memo5(
           }),
           children: [
             /* @__PURE__ */ jsxs67(StatsRows, { children: [
-              /* @__PURE__ */ jsx130(StatsRow, { heading: true, children: t("stats.scene") }),
+              /* @__PURE__ */ jsx131(StatsRow, { heading: true, children: t("stats.scene") }),
               /* @__PURE__ */ jsxs67(StatsRow, { columns: 2, children: [
-                /* @__PURE__ */ jsx130("div", { children: t("stats.shapes") }),
-                /* @__PURE__ */ jsx130("div", { children: elements.length })
+                /* @__PURE__ */ jsx131("div", { children: t("stats.shapes") }),
+                /* @__PURE__ */ jsx131("div", { children: elements.length })
               ] }),
               /* @__PURE__ */ jsxs67(StatsRow, { columns: 2, children: [
-                /* @__PURE__ */ jsx130("div", { children: t("stats.width") }),
-                /* @__PURE__ */ jsx130("div", { children: sceneDimension.width })
+                /* @__PURE__ */ jsx131("div", { children: t("stats.width") }),
+                /* @__PURE__ */ jsx131("div", { children: sceneDimension.width })
               ] }),
               /* @__PURE__ */ jsxs67(StatsRow, { columns: 2, children: [
-                /* @__PURE__ */ jsx130("div", { children: t("stats.height") }),
-                /* @__PURE__ */ jsx130("div", { children: sceneDimension.height })
+                /* @__PURE__ */ jsx131("div", { children: t("stats.height") }),
+                /* @__PURE__ */ jsx131("div", { children: sceneDimension.height })
               ] }),
               gridModeEnabled && /* @__PURE__ */ jsxs67(Fragment18, { children: [
-                /* @__PURE__ */ jsx130(StatsRow, { heading: true, children: "Canvas" }),
-                /* @__PURE__ */ jsx130(StatsRow, { children: /* @__PURE__ */ jsx130(
+                /* @__PURE__ */ jsx131(StatsRow, { heading: true, children: "Canvas" }),
+                /* @__PURE__ */ jsx131(StatsRow, { children: /* @__PURE__ */ jsx131(
                   CanvasGrid_default,
                   {
                     property: "gridStep",
@@ -27707,17 +27796,17 @@ var StatsInner = memo5(
           ]
         }
       ),
-      !_frameAndChildrenSelectedTogether && selectedElements.length > 0 && /* @__PURE__ */ jsx130(
+      !_frameAndChildrenSelectedTogether && selectedElements.length > 0 && /* @__PURE__ */ jsx131(
         "div",
         {
           id: "elementStats",
           style: {
             marginTop: 12
           },
-          children: /* @__PURE__ */ jsx130(
+          children: /* @__PURE__ */ jsx131(
             Collapsible_default,
             {
-              label: /* @__PURE__ */ jsx130("h3", { children: t("stats.elementProperties") }),
+              label: /* @__PURE__ */ jsx131("h3", { children: t("stats.elementProperties") }),
               open: !!(appState.stats.panels & STATS_PANELS.elementProperties),
               openTrigger: () => setAppState((state) => {
                 return {
@@ -27729,16 +27818,16 @@ var StatsInner = memo5(
               }),
               children: /* @__PURE__ */ jsxs67(StatsRows, { children: [
                 singleElement && /* @__PURE__ */ jsxs67(Fragment18, { children: [
-                  cropMode && /* @__PURE__ */ jsx130(StatsRow, { heading: true, children: t("labels.unCroppedDimension") }),
+                  cropMode && /* @__PURE__ */ jsx131(StatsRow, { heading: true, children: t("labels.unCroppedDimension") }),
                   appState.croppingElementId && isImageElement(singleElement) && unCroppedDimension && /* @__PURE__ */ jsxs67(StatsRow, { columns: 2, children: [
-                    /* @__PURE__ */ jsx130("div", { children: t("stats.width") }),
-                    /* @__PURE__ */ jsx130("div", { children: round(unCroppedDimension.width, 2) })
+                    /* @__PURE__ */ jsx131("div", { children: t("stats.width") }),
+                    /* @__PURE__ */ jsx131("div", { children: round(unCroppedDimension.width, 2) })
                   ] }),
                   appState.croppingElementId && isImageElement(singleElement) && unCroppedDimension && /* @__PURE__ */ jsxs67(StatsRow, { columns: 2, children: [
-                    /* @__PURE__ */ jsx130("div", { children: t("stats.height") }),
-                    /* @__PURE__ */ jsx130("div", { children: round(unCroppedDimension.height, 2) })
+                    /* @__PURE__ */ jsx131("div", { children: t("stats.height") }),
+                    /* @__PURE__ */ jsx131("div", { children: round(unCroppedDimension.height, 2) })
                   ] }),
-                  /* @__PURE__ */ jsx130(
+                  /* @__PURE__ */ jsx131(
                     StatsRow,
                     {
                       heading: true,
@@ -27747,7 +27836,7 @@ var StatsInner = memo5(
                       children: appState.croppingElementId ? t("labels.imageCropping") : t(`element.${singleElement.type}`)
                     }
                   ),
-                  /* @__PURE__ */ jsx130(StatsRow, { children: /* @__PURE__ */ jsx130(
+                  /* @__PURE__ */ jsx131(StatsRow, { children: /* @__PURE__ */ jsx131(
                     Position_default,
                     {
                       element: singleElement,
@@ -27757,7 +27846,7 @@ var StatsInner = memo5(
                       appState
                     }
                   ) }),
-                  /* @__PURE__ */ jsx130(StatsRow, { children: /* @__PURE__ */ jsx130(
+                  /* @__PURE__ */ jsx131(StatsRow, { children: /* @__PURE__ */ jsx131(
                     Position_default,
                     {
                       element: singleElement,
@@ -27767,7 +27856,7 @@ var StatsInner = memo5(
                       appState
                     }
                   ) }),
-                  /* @__PURE__ */ jsx130(StatsRow, { children: /* @__PURE__ */ jsx130(
+                  /* @__PURE__ */ jsx131(StatsRow, { children: /* @__PURE__ */ jsx131(
                     Dimension_default,
                     {
                       property: "width",
@@ -27776,7 +27865,7 @@ var StatsInner = memo5(
                       appState
                     }
                   ) }),
-                  /* @__PURE__ */ jsx130(StatsRow, { children: /* @__PURE__ */ jsx130(
+                  /* @__PURE__ */ jsx131(StatsRow, { children: /* @__PURE__ */ jsx131(
                     Dimension_default,
                     {
                       property: "height",
@@ -27785,7 +27874,7 @@ var StatsInner = memo5(
                       appState
                     }
                   ) }),
-                  !isElbowArrow(singleElement) && /* @__PURE__ */ jsx130(StatsRow, { children: /* @__PURE__ */ jsx130(
+                  !isElbowArrow(singleElement) && /* @__PURE__ */ jsx131(StatsRow, { children: /* @__PURE__ */ jsx131(
                     Angle_default,
                     {
                       property: "angle",
@@ -27794,7 +27883,7 @@ var StatsInner = memo5(
                       appState
                     }
                   ) }),
-                  /* @__PURE__ */ jsx130(StatsRow, { children: /* @__PURE__ */ jsx130(
+                  /* @__PURE__ */ jsx131(StatsRow, { children: /* @__PURE__ */ jsx131(
                     FontSize_default,
                     {
                       property: "fontSize",
@@ -27805,12 +27894,12 @@ var StatsInner = memo5(
                   ) })
                 ] }),
                 multipleElements && /* @__PURE__ */ jsxs67(Fragment18, { children: [
-                  elementsAreInSameGroup(multipleElements) && /* @__PURE__ */ jsx130(StatsRow, { heading: true, children: t("element.group") }),
+                  elementsAreInSameGroup(multipleElements) && /* @__PURE__ */ jsx131(StatsRow, { heading: true, children: t("element.group") }),
                   /* @__PURE__ */ jsxs67(StatsRow, { columns: 2, style: { margin: "0.3125rem 0" }, children: [
-                    /* @__PURE__ */ jsx130("div", { children: t("stats.shapes") }),
-                    /* @__PURE__ */ jsx130("div", { children: selectedElements.length })
+                    /* @__PURE__ */ jsx131("div", { children: t("stats.shapes") }),
+                    /* @__PURE__ */ jsx131("div", { children: selectedElements.length })
                   ] }),
-                  /* @__PURE__ */ jsx130(StatsRow, { children: /* @__PURE__ */ jsx130(
+                  /* @__PURE__ */ jsx131(StatsRow, { children: /* @__PURE__ */ jsx131(
                     MultiPosition_default,
                     {
                       property: "x",
@@ -27821,7 +27910,7 @@ var StatsInner = memo5(
                       appState
                     }
                   ) }),
-                  /* @__PURE__ */ jsx130(StatsRow, { children: /* @__PURE__ */ jsx130(
+                  /* @__PURE__ */ jsx131(StatsRow, { children: /* @__PURE__ */ jsx131(
                     MultiPosition_default,
                     {
                       property: "y",
@@ -27832,7 +27921,7 @@ var StatsInner = memo5(
                       appState
                     }
                   ) }),
-                  /* @__PURE__ */ jsx130(StatsRow, { children: /* @__PURE__ */ jsx130(
+                  /* @__PURE__ */ jsx131(StatsRow, { children: /* @__PURE__ */ jsx131(
                     MultiDimension_default,
                     {
                       property: "width",
@@ -27843,7 +27932,7 @@ var StatsInner = memo5(
                       appState
                     }
                   ) }),
-                  /* @__PURE__ */ jsx130(StatsRow, { children: /* @__PURE__ */ jsx130(
+                  /* @__PURE__ */ jsx131(StatsRow, { children: /* @__PURE__ */ jsx131(
                     MultiDimension_default,
                     {
                       property: "height",
@@ -27854,7 +27943,7 @@ var StatsInner = memo5(
                       appState
                     }
                   ) }),
-                  /* @__PURE__ */ jsx130(StatsRow, { children: /* @__PURE__ */ jsx130(
+                  /* @__PURE__ */ jsx131(StatsRow, { children: /* @__PURE__ */ jsx131(
                     MultiAngle_default,
                     {
                       property: "angle",
@@ -27863,7 +27952,7 @@ var StatsInner = memo5(
                       appState
                     }
                   ) }),
-                  /* @__PURE__ */ jsx130(StatsRow, { children: /* @__PURE__ */ jsx130(
+                  /* @__PURE__ */ jsx131(StatsRow, { children: /* @__PURE__ */ jsx131(
                     MultiFontSize_default,
                     {
                       property: "fontSize",
@@ -27888,7 +27977,7 @@ var StatsInner = memo5(
 
 // components/ElementLinkDialog.tsx
 import { useCallback as useCallback12, useEffect as useEffect37, useState as useState32 } from "react";
-import { jsx as jsx131, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx132, jsxs as jsxs68 } from "react/jsx-runtime";
 var ElementLinkDialog = ({
   sourceElementId,
   onClose,
@@ -27952,11 +28041,11 @@ var ElementLinkDialog = ({
   }, [appState, onClose, handleConfirm]);
   return /* @__PURE__ */ jsxs68("div", { className: "ElementLinkDialog", children: [
     /* @__PURE__ */ jsxs68("div", { className: "ElementLinkDialog__header", children: [
-      /* @__PURE__ */ jsx131("h2", { children: t("elementLink.title") }),
-      /* @__PURE__ */ jsx131("p", { children: t("elementLink.desc") })
+      /* @__PURE__ */ jsx132("h2", { children: t("elementLink.title") }),
+      /* @__PURE__ */ jsx132("p", { children: t("elementLink.desc") })
     ] }),
     /* @__PURE__ */ jsxs68("div", { className: "ElementLinkDialog__input", children: [
-      /* @__PURE__ */ jsx131(
+      /* @__PURE__ */ jsx132(
         TextField,
         {
           value: nextLink ?? "",
@@ -27975,7 +28064,7 @@ var ElementLinkDialog = ({
           selectOnRender: true
         }
       ),
-      originalLink && nextLink && /* @__PURE__ */ jsx131(
+      originalLink && nextLink && /* @__PURE__ */ jsx132(
         ToolButton,
         {
           type: "button",
@@ -27992,7 +28081,7 @@ var ElementLinkDialog = ({
       )
     ] }),
     /* @__PURE__ */ jsxs68("div", { className: "ElementLinkDialog__actions", children: [
-      /* @__PURE__ */ jsx131(
+      /* @__PURE__ */ jsx132(
         DialogActionButton_default,
         {
           label: t("buttons.cancel"),
@@ -28004,7 +28093,7 @@ var ElementLinkDialog = ({
           }
         }
       ),
-      /* @__PURE__ */ jsx131(
+      /* @__PURE__ */ jsx132(
         DialogActionButton_default,
         {
           label: t("buttons.confirm"),
@@ -28019,7 +28108,7 @@ var ElementLinkDialog_default = ElementLinkDialog;
 
 // components/ErrorDialog.tsx
 import React35, { useState as useState33 } from "react";
-import { Fragment as Fragment19, jsx as jsx132 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx133 } from "react/jsx-runtime";
 var ErrorDialog = ({
   children,
   onClose
@@ -28033,30 +28122,30 @@ var ErrorDialog = ({
     }
     excalidrawContainer?.focus();
   }, [onClose, excalidrawContainer]);
-  return /* @__PURE__ */ jsx132(Fragment19, { children: modalIsShown && /* @__PURE__ */ jsx132(
+  return /* @__PURE__ */ jsx133(Fragment19, { children: modalIsShown && /* @__PURE__ */ jsx133(
     Dialog,
     {
       size: "small",
       onCloseRequest: handleClose,
       title: t("errorDialog.title"),
-      children: /* @__PURE__ */ jsx132("div", { style: { whiteSpace: "pre-wrap" }, children })
+      children: /* @__PURE__ */ jsx133("div", { style: { whiteSpace: "pre-wrap" }, children })
     }
   ) });
 };
 
 // components/HelpDialog.tsx
-import React36, { useMemo as useMemo10 } from "react";
-import clsx51 from "clsx";
+import React36, { useMemo as useMemo11 } from "react";
+import clsx52 from "clsx";
 
 // components/HelpDialog/BasicHelpDialog.tsx
-import { Fragment as Fragment20, jsx as jsx133, jsxs as jsxs69 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx134, jsxs as jsxs69 } from "react/jsx-runtime";
 var Section2 = (props) => /* @__PURE__ */ jsxs69(Fragment20, { children: [
-  /* @__PURE__ */ jsx133("h3", { children: props.title }),
-  /* @__PURE__ */ jsx133("div", { className: "HelpDialog__islands-container", children: props.children })
+  /* @__PURE__ */ jsx134("h3", { children: props.title }),
+  /* @__PURE__ */ jsx134("div", { className: "HelpDialog__islands-container", children: props.children })
 ] });
 var ShortcutIsland = (props) => /* @__PURE__ */ jsxs69("div", { className: `HelpDialog__island ${props.className}`, children: [
-  /* @__PURE__ */ jsx133("h4", { className: "HelpDialog__island-title", children: props.caption }),
-  /* @__PURE__ */ jsx133("div", { className: "HelpDialog__island-content", children: props.children })
+  /* @__PURE__ */ jsx134("h4", { className: "HelpDialog__island-title", children: props.caption }),
+  /* @__PURE__ */ jsx134("div", { className: "HelpDialog__island-content", children: props.children })
 ] });
 function* intersperse(as, delim) {
   let first = true;
@@ -28078,14 +28167,14 @@ var Shortcut = ({
 }) => {
   const splitShortcutKeys = shortcuts.map((shortcut) => {
     const keys = shortcut.endsWith("++") ? [...shortcut.slice(0, -2).split("+"), "+"] : shortcut.split("+");
-    return keys.map((key) => /* @__PURE__ */ jsx133(ShortcutKey, { children: upperCaseSingleChars(key) }, key));
+    return keys.map((key) => /* @__PURE__ */ jsx134(ShortcutKey, { children: upperCaseSingleChars(key) }, key));
   });
   return /* @__PURE__ */ jsxs69("div", { className: "HelpDialog__shortcut", children: [
-    /* @__PURE__ */ jsx133("div", { children: label }),
-    /* @__PURE__ */ jsx133("div", { className: "HelpDialog__key-container", children: [...intersperse(splitShortcutKeys, isOr ? t("helpDialog.or") : null)] })
+    /* @__PURE__ */ jsx134("div", { children: label }),
+    /* @__PURE__ */ jsx134("div", { className: "HelpDialog__key-container", children: [...intersperse(splitShortcutKeys, isOr ? t("helpDialog.or") : null)] })
   ] });
 };
-var ShortcutKey = (props) => /* @__PURE__ */ jsx133("kbd", { className: "HelpDialog__key", ...props });
+var ShortcutKey = (props) => /* @__PURE__ */ jsx134("kbd", { className: "HelpDialog__key", ...props });
 function BasicHelpDialog() {
   return /* @__PURE__ */ jsxs69(Section2, { title: t("helpDialog.shortcuts"), children: [
     /* @__PURE__ */ jsxs69(
@@ -28094,9 +28183,9 @@ function BasicHelpDialog() {
         className: "HelpDialog__island--tools",
         caption: t("helpDialog.tools"),
         children: [
-          /* @__PURE__ */ jsx133(Shortcut, { label: t("toolBar.hand"), shortcuts: [KEYS.H] }),
+          /* @__PURE__ */ jsx134(Shortcut, { label: t("toolBar.hand"), shortcuts: [KEYS.H] }),
           SHAPES2.filter(({ myocSimplifiedMode }) => myocSimplifiedMode).map(
-            ({ value, key }) => /* @__PURE__ */ jsx133(
+            ({ value, key }) => /* @__PURE__ */ jsx134(
               Shortcut,
               {
                 label: t(`toolBar.${value}`),
@@ -28105,7 +28194,7 @@ function BasicHelpDialog() {
               value
             )
           ),
-          /* @__PURE__ */ jsx133(
+          /* @__PURE__ */ jsx134(
             Shortcut,
             {
               label: t("helpDialog.cropStart"),
@@ -28113,7 +28202,7 @@ function BasicHelpDialog() {
               isOr: true
             }
           ),
-          /* @__PURE__ */ jsx133(
+          /* @__PURE__ */ jsx134(
             Shortcut,
             {
               label: t("helpDialog.cropFinish"),
@@ -28130,22 +28219,22 @@ function BasicHelpDialog() {
         className: "HelpDialog__island--view",
         caption: t("helpDialog.view"),
         children: [
-          /* @__PURE__ */ jsx133(Shortcut, { label: t("helpDialog.smartZoom"), shortcuts: [KEYS.F] }),
-          /* @__PURE__ */ jsx133(
+          /* @__PURE__ */ jsx134(Shortcut, { label: t("helpDialog.smartZoom"), shortcuts: [KEYS.F] }),
+          /* @__PURE__ */ jsx134(
             Shortcut,
             {
               label: t("buttons.zenMode"),
               shortcuts: [getShortcutKey("Alt+Z")]
             }
           ),
-          /* @__PURE__ */ jsx133(
+          /* @__PURE__ */ jsx134(
             Shortcut,
             {
               label: t("buttons.objectsSnapMode"),
               shortcuts: [getShortcutKey("Alt+S")]
             }
           ),
-          /* @__PURE__ */ jsx133(
+          /* @__PURE__ */ jsx134(
             Shortcut,
             {
               label: t("commandPalette.title"),
@@ -28164,70 +28253,70 @@ function BasicHelpDialog() {
         className: "HelpDialog__island--editor",
         caption: t("helpDialog.editor"),
         children: [
-          /* @__PURE__ */ jsx133(
+          /* @__PURE__ */ jsx134(
             Shortcut,
             {
               label: t("labels.pasteAsPlaintext"),
               shortcuts: [getShortcutKey("CtrlOrCmd+Shift+V")]
             }
           ),
-          /* @__PURE__ */ jsx133(
+          /* @__PURE__ */ jsx134(
             Shortcut,
             {
               label: t("labels.multiSelect"),
               shortcuts: [getShortcutKey(`Shift+${t("helpDialog.click")}`)]
             }
           ),
-          /* @__PURE__ */ jsx133(
+          /* @__PURE__ */ jsx134(
             Shortcut,
             {
               label: t("helpDialog.deepSelect"),
               shortcuts: [getShortcutKey(`CtrlOrCmd+${t("helpDialog.click")}`)]
             }
           ),
-          /* @__PURE__ */ jsx133(
+          /* @__PURE__ */ jsx134(
             Shortcut,
             {
               label: t("helpDialog.deepBoxSelect"),
               shortcuts: [getShortcutKey(`CtrlOrCmd+${t("helpDialog.drag")}`)]
             }
           ),
-          (probablySupportsClipboardBlob || isFirefox) && /* @__PURE__ */ jsx133(
+          (probablySupportsClipboardBlob || isFirefox) && /* @__PURE__ */ jsx134(
             Shortcut,
             {
               label: t("labels.copyAsPng"),
               shortcuts: [getShortcutKey("Shift+Alt+C")]
             }
           ),
-          /* @__PURE__ */ jsx133(
+          /* @__PURE__ */ jsx134(
             Shortcut,
             {
               label: t("helpDialog.toggleElementLock"),
               shortcuts: [getShortcutKey("CtrlOrCmd+Shift+L")]
             }
           ),
-          /* @__PURE__ */ jsx133(
+          /* @__PURE__ */ jsx134(
             Shortcut,
             {
               label: t("labels.group"),
               shortcuts: [getShortcutKey("CtrlOrCmd+G")]
             }
           ),
-          /* @__PURE__ */ jsx133(
+          /* @__PURE__ */ jsx134(
             Shortcut,
             {
               label: t("labels.ungroup"),
               shortcuts: [getShortcutKey("CtrlOrCmd+Shift+G")]
             }
           ),
-          /* @__PURE__ */ jsx133(
+          /* @__PURE__ */ jsx134(
             Shortcut,
             {
               label: t("labels.flipHorizontal"),
               shortcuts: [getShortcutKey("Shift+H")]
             }
           ),
-          /* @__PURE__ */ jsx133(
+          /* @__PURE__ */ jsx134(
             Shortcut,
             {
               label: t("labels.flipVertical"),
@@ -28241,14 +28330,14 @@ function BasicHelpDialog() {
 }
 
 // components/HelpDialog.tsx
-import { Fragment as Fragment21, jsx as jsx134, jsxs as jsxs70 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx135, jsxs as jsxs70 } from "react/jsx-runtime";
 var Section3 = (props) => /* @__PURE__ */ jsxs70(Fragment21, { children: [
-  /* @__PURE__ */ jsx134("h3", { children: props.title }),
-  /* @__PURE__ */ jsx134("div", { className: "HelpDialog__islands-container", children: props.children })
+  /* @__PURE__ */ jsx135("h3", { children: props.title }),
+  /* @__PURE__ */ jsx135("div", { className: "HelpDialog__islands-container", children: props.children })
 ] });
 var ShortcutIsland2 = (props) => /* @__PURE__ */ jsxs70("div", { className: `HelpDialog__island ${props.className}`, children: [
-  /* @__PURE__ */ jsx134("h4", { className: "HelpDialog__island-title", children: props.caption }),
-  /* @__PURE__ */ jsx134("div", { className: "HelpDialog__island-content", children: props.children })
+  /* @__PURE__ */ jsx135("h4", { className: "HelpDialog__island-title", children: props.caption }),
+  /* @__PURE__ */ jsx135("div", { className: "HelpDialog__island-content", children: props.children })
 ] });
 function* intersperse2(as, delim) {
   let first = true;
@@ -28270,14 +28359,14 @@ var Shortcut2 = ({
 }) => {
   const splitShortcutKeys = shortcuts.map((shortcut) => {
     const keys = shortcut.endsWith("++") ? [...shortcut.slice(0, -2).split("+"), "+"] : shortcut.split("+");
-    return keys.map((key) => /* @__PURE__ */ jsx134(ShortcutKey2, { children: upperCaseSingleChars2(key) }, key));
+    return keys.map((key) => /* @__PURE__ */ jsx135(ShortcutKey2, { children: upperCaseSingleChars2(key) }, key));
   });
   return /* @__PURE__ */ jsxs70("div", { className: "HelpDialog__shortcut", children: [
-    /* @__PURE__ */ jsx134("div", { children: label }),
-    /* @__PURE__ */ jsx134("div", { className: "HelpDialog__key-container", children: [...intersperse2(splitShortcutKeys, isOr ? t("helpDialog.or") : null)] })
+    /* @__PURE__ */ jsx135("div", { children: label }),
+    /* @__PURE__ */ jsx135("div", { className: "HelpDialog__key-container", children: [...intersperse2(splitShortcutKeys, isOr ? t("helpDialog.or") : null)] })
   ] });
 };
-var ShortcutKey2 = (props) => /* @__PURE__ */ jsx134("kbd", { className: "HelpDialog__key", ...props });
+var ShortcutKey2 = (props) => /* @__PURE__ */ jsx135("kbd", { className: "HelpDialog__key", ...props });
 var HelpDialog = ({ onClose }) => {
   const [isShowAll, setIsShowAll] = React36.useState(false);
   const handleClose = React36.useCallback(() => {
@@ -28285,25 +28374,25 @@ var HelpDialog = ({ onClose }) => {
       onClose();
     }
   }, [onClose]);
-  const showAllButton = useMemo10(
-    () => isShowAll ? /* @__PURE__ */ jsx134(
+  const showAllButton = useMemo11(
+    () => isShowAll ? /* @__PURE__ */ jsx135(
       "button",
       {
-        className: clsx51("toggle-button", {}),
+        className: clsx52("toggle-button", {}),
         onClick: () => setIsShowAll(false),
         children: t("helpDialog.myoc.showingAll")
       }
-    ) : /* @__PURE__ */ jsx134(
+    ) : /* @__PURE__ */ jsx135(
       "button",
       {
-        className: clsx51("toggle-button", {}),
+        className: clsx52("toggle-button", {}),
         onClick: () => setIsShowAll(true),
         children: t("helpDialog.myoc.showingBasic")
       }
     ),
     [isShowAll]
   );
-  return /* @__PURE__ */ jsx134(Fragment21, { children: /* @__PURE__ */ jsx134(
+  return /* @__PURE__ */ jsx135(Fragment21, { children: /* @__PURE__ */ jsx135(
     Dialog,
     {
       onCloseRequest: handleClose,
@@ -28317,8 +28406,8 @@ var HelpDialog = ({ onClose }) => {
             className: "HelpDialog__island--tools",
             caption: t("helpDialog.tools"),
             children: [
-              /* @__PURE__ */ jsx134(Shortcut2, { label: t("toolBar.hand"), shortcuts: [KEYS.H] }),
-              SHAPES.map(({ value, key }) => /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(Shortcut2, { label: t("toolBar.hand"), shortcuts: [KEYS.H] }),
+              SHAPES.map(({ value, key }) => /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t(`toolBar.${value}`),
@@ -28326,30 +28415,30 @@ var HelpDialog = ({ onClose }) => {
                 },
                 value
               )),
-              /* @__PURE__ */ jsx134(Shortcut2, { label: t("toolBar.frame"), shortcuts: [KEYS.F] }),
-              /* @__PURE__ */ jsx134(Shortcut2, { label: t("toolBar.laser"), shortcuts: [KEYS.K] }),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(Shortcut2, { label: t("toolBar.frame"), shortcuts: [KEYS.F] }),
+              /* @__PURE__ */ jsx135(Shortcut2, { label: t("toolBar.laser"), shortcuts: [KEYS.K] }),
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.eyeDropper"),
                   shortcuts: [KEYS.I, "Shift+S", "Shift+G"]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("helpDialog.editLineArrowPoints"),
                   shortcuts: [getShortcutKey("CtrlOrCmd+Enter")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("helpDialog.editText"),
                   shortcuts: [getShortcutKey("Enter")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("helpDialog.textNewLine"),
@@ -28359,7 +28448,7 @@ var HelpDialog = ({ onClose }) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("helpDialog.textFinish"),
@@ -28369,7 +28458,7 @@ var HelpDialog = ({ onClose }) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("helpDialog.curvedArrow"),
@@ -28382,7 +28471,7 @@ var HelpDialog = ({ onClose }) => {
                   isOr: false
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("helpDialog.curvedLine"),
@@ -28395,7 +28484,7 @@ var HelpDialog = ({ onClose }) => {
                   isOr: false
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("helpDialog.cropStart"),
@@ -28406,7 +28495,7 @@ var HelpDialog = ({ onClose }) => {
                   isOr: true
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("helpDialog.cropFinish"),
@@ -28414,15 +28503,15 @@ var HelpDialog = ({ onClose }) => {
                   isOr: true
                 }
               ),
-              /* @__PURE__ */ jsx134(Shortcut2, { label: t("toolBar.lock"), shortcuts: [KEYS.Q] }),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(Shortcut2, { label: t("toolBar.lock"), shortcuts: [KEYS.Q] }),
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("helpDialog.preventBinding"),
                   shortcuts: [getShortcutKey("CtrlOrCmd")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("toolBar.link"),
@@ -28438,98 +28527,98 @@ var HelpDialog = ({ onClose }) => {
             className: "HelpDialog__island--view",
             caption: t("helpDialog.view"),
             children: [
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("helpDialog.smartZoom"),
                   shortcuts: [KEYS.F]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("buttons.zoomIn"),
                   shortcuts: [getShortcutKey("CtrlOrCmd++")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("buttons.zoomOut"),
                   shortcuts: [getShortcutKey("CtrlOrCmd+-")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("buttons.resetZoom"),
                   shortcuts: [getShortcutKey("CtrlOrCmd+0")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("helpDialog.zoomToSelection"),
                   shortcuts: ["Shift+2"]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("helpDialog.movePageUpDown"),
                   shortcuts: ["PgUp/PgDn"]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("helpDialog.movePageLeftRight"),
                   shortcuts: ["Shift+PgUp/PgDn"]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("buttons.zenMode"),
                   shortcuts: [getShortcutKey("Alt+Z")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("buttons.objectsSnapMode"),
                   shortcuts: [getShortcutKey("Alt+S")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.toggleGrid"),
                   shortcuts: [getShortcutKey("CtrlOrCmd+'")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.viewMode"),
                   shortcuts: [getShortcutKey("Alt+R")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("stats.fullTitle"),
                   shortcuts: [getShortcutKey("Alt+/")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("search.title"),
                   shortcuts: [getShortcutFromShortcutName("searchMenu")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("commandPalette.title"),
@@ -28548,7 +28637,7 @@ var HelpDialog = ({ onClose }) => {
             className: "HelpDialog__island--editor",
             caption: t("helpDialog.editor"),
             children: [
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.moveCanvas"),
@@ -28559,56 +28648,56 @@ var HelpDialog = ({ onClose }) => {
                   isOr: true
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.delete"),
                   shortcuts: [getShortcutKey("Delete")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.cut"),
                   shortcuts: [getShortcutKey("CtrlOrCmd+X")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.copy"),
                   shortcuts: [getShortcutKey("CtrlOrCmd+C")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.paste"),
                   shortcuts: [getShortcutKey("CtrlOrCmd+V")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.pasteAsPlaintext"),
                   shortcuts: [getShortcutKey("CtrlOrCmd+Shift+V")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.selectAll"),
                   shortcuts: [getShortcutKey("CtrlOrCmd+A")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.multiSelect"),
                   shortcuts: [getShortcutKey(`Shift+${t("helpDialog.click")}`)]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("helpDialog.deepSelect"),
@@ -28617,7 +28706,7 @@ var HelpDialog = ({ onClose }) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("helpDialog.deepBoxSelect"),
@@ -28626,28 +28715,28 @@ var HelpDialog = ({ onClose }) => {
                   ]
                 }
               ),
-              (probablySupportsClipboardBlob || isFirefox) && /* @__PURE__ */ jsx134(
+              (probablySupportsClipboardBlob || isFirefox) && /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.copyAsPng"),
                   shortcuts: [getShortcutKey("Shift+Alt+C")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.copyStyles"),
                   shortcuts: [getShortcutKey("CtrlOrCmd+Alt+C")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.pasteStyles"),
                   shortcuts: [getShortcutKey("CtrlOrCmd+Alt+V")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.sendToBack"),
@@ -28656,7 +28745,7 @@ var HelpDialog = ({ onClose }) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.bringToFront"),
@@ -28665,56 +28754,56 @@ var HelpDialog = ({ onClose }) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.sendBackward"),
                   shortcuts: [getShortcutKey("CtrlOrCmd+[")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.bringForward"),
                   shortcuts: [getShortcutKey("CtrlOrCmd+]")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.alignTop"),
                   shortcuts: [getShortcutKey("CtrlOrCmd+Shift+Up")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.alignBottom"),
                   shortcuts: [getShortcutKey("CtrlOrCmd+Shift+Down")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.alignLeft"),
                   shortcuts: [getShortcutKey("CtrlOrCmd+Shift+Left")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.alignRight"),
                   shortcuts: [getShortcutKey("CtrlOrCmd+Shift+Right")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.arrangeElements"),
                   shortcuts: [getShortcutKey("Shift+R")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.duplicateSelection"),
@@ -28724,21 +28813,21 @@ var HelpDialog = ({ onClose }) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("helpDialog.toggleElementLock"),
                   shortcuts: [getShortcutKey("CtrlOrCmd+Shift+L")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("buttons.undo"),
                   shortcuts: [getShortcutKey("CtrlOrCmd+Z")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("buttons.redo"),
@@ -28748,63 +28837,63 @@ var HelpDialog = ({ onClose }) => {
                   ] : [getShortcutKey("CtrlOrCmd+Shift+Z")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.group"),
                   shortcuts: [getShortcutKey("CtrlOrCmd+G")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.ungroup"),
                   shortcuts: [getShortcutKey("CtrlOrCmd+Shift+G")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.flipHorizontal"),
                   shortcuts: [getShortcutKey("Shift+H")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.flipVertical"),
                   shortcuts: [getShortcutKey("Shift+V")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.showStroke"),
                   shortcuts: [getShortcutKey("S")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.showBackground"),
                   shortcuts: [getShortcutKey("G")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.showFonts"),
                   shortcuts: [getShortcutKey("Shift+F")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.decreaseFontSize"),
                   shortcuts: [getShortcutKey("CtrlOrCmd+Shift+<")]
                 }
               ),
-              /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsx135(
                 Shortcut2,
                 {
                   label: t("labels.increaseFontSize"),
@@ -28814,7 +28903,7 @@ var HelpDialog = ({ onClose }) => {
             ]
           }
         )
-      ] }) : /* @__PURE__ */ jsx134(BasicHelpDialog, {})
+      ] }) : /* @__PURE__ */ jsx135(BasicHelpDialog, {})
     }
   ) });
 };
@@ -28846,8 +28935,8 @@ var useCopyStatus = () => {
 };
 
 // components/Switch.tsx
-import clsx52 from "clsx";
-import { jsx as jsx135 } from "react/jsx-runtime";
+import clsx53 from "clsx";
+import { jsx as jsx136 } from "react/jsx-runtime";
 var Switch = ({
   title,
   name,
@@ -28855,7 +28944,7 @@ var Switch = ({
   onChange,
   disabled = false
 }) => {
-  return /* @__PURE__ */ jsx135("div", { className: clsx52("Switch", { toggled: checked, disabled }), children: /* @__PURE__ */ jsx135(
+  return /* @__PURE__ */ jsx136("div", { className: clsx53("Switch", { toggled: checked, disabled }), children: /* @__PURE__ */ jsx136(
     "input",
     {
       name,
@@ -28875,12 +28964,12 @@ var Switch = ({
 };
 
 // components/ImageExportDialog.tsx
-import { jsx as jsx136, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx137, jsxs as jsxs71 } from "react/jsx-runtime";
 var supportsContextFilters = "filter" in document.createElement("canvas").getContext("2d");
 var ErrorCanvasPreview = () => {
   return /* @__PURE__ */ jsxs71("div", { children: [
-    /* @__PURE__ */ jsx136("h3", { children: t("canvasError.cannotShowPreview") }),
-    /* @__PURE__ */ jsx136("p", { children: /* @__PURE__ */ jsx136("span", { children: t("canvasError.canvasTooBig") }) }),
+    /* @__PURE__ */ jsx137("h3", { children: t("canvasError.cannotShowPreview") }),
+    /* @__PURE__ */ jsx137("p", { children: /* @__PURE__ */ jsx137("span", { children: t("canvasError.canvasTooBig") }) }),
     /* @__PURE__ */ jsxs71("em", { children: [
       "(",
       t("canvasError.canvasTooBigTip"),
@@ -28980,10 +29069,10 @@ var ImageExportModal = ({
     embedScene
   ]);
   return /* @__PURE__ */ jsxs71("div", { className: "ImageExportModal", children: [
-    /* @__PURE__ */ jsx136("h3", { children: t("imageExportDialog.header") }),
+    /* @__PURE__ */ jsx137("h3", { children: t("imageExportDialog.header") }),
     /* @__PURE__ */ jsxs71("div", { className: "ImageExportModal__preview", children: [
-      /* @__PURE__ */ jsx136("div", { className: "ImageExportModal__preview__canvas", ref: previewRef, children: renderError && /* @__PURE__ */ jsx136(ErrorCanvasPreview, {}) }),
-      /* @__PURE__ */ jsx136("div", { className: "ImageExportModal__preview__filename", children: !nativeFileSystemSupported && /* @__PURE__ */ jsx136(
+      /* @__PURE__ */ jsx137("div", { className: "ImageExportModal__preview__canvas", ref: previewRef, children: renderError && /* @__PURE__ */ jsx137(ErrorCanvasPreview, {}) }),
+      /* @__PURE__ */ jsx137("div", { className: "ImageExportModal__preview__filename", children: !nativeFileSystemSupported && /* @__PURE__ */ jsx137(
         "input",
         {
           type: "text",
@@ -29002,13 +29091,13 @@ var ImageExportModal = ({
       ) })
     ] }),
     /* @__PURE__ */ jsxs71("div", { className: "ImageExportModal__settings", children: [
-      /* @__PURE__ */ jsx136("h3", { children: t("imageExportDialog.header") }),
-      hasSelection && /* @__PURE__ */ jsx136(
+      /* @__PURE__ */ jsx137("h3", { children: t("imageExportDialog.header") }),
+      hasSelection && /* @__PURE__ */ jsx137(
         ExportSetting,
         {
           label: t("imageExportDialog.label.onlySelected"),
           name: "exportOnlySelected",
-          children: /* @__PURE__ */ jsx136(
+          children: /* @__PURE__ */ jsx137(
             Switch,
             {
               name: "exportOnlySelected",
@@ -29020,12 +29109,12 @@ var ImageExportModal = ({
           )
         }
       ),
-      /* @__PURE__ */ jsx136(
+      /* @__PURE__ */ jsx137(
         ExportSetting,
         {
           label: t("imageExportDialog.label.withBackground"),
           name: "exportBackgroundSwitch",
-          children: /* @__PURE__ */ jsx136(
+          children: /* @__PURE__ */ jsx137(
             Switch,
             {
               name: "exportBackgroundSwitch",
@@ -29042,12 +29131,12 @@ var ImageExportModal = ({
           )
         }
       ),
-      supportsContextFilters && /* @__PURE__ */ jsx136(
+      supportsContextFilters && /* @__PURE__ */ jsx137(
         ExportSetting,
         {
           label: t("imageExportDialog.label.darkMode"),
           name: "exportDarkModeSwitch",
-          children: /* @__PURE__ */ jsx136(
+          children: /* @__PURE__ */ jsx137(
             Switch,
             {
               name: "exportDarkModeSwitch",
@@ -29064,13 +29153,13 @@ var ImageExportModal = ({
           )
         }
       ),
-      /* @__PURE__ */ jsx136(
+      /* @__PURE__ */ jsx137(
         ExportSetting,
         {
           label: t("imageExportDialog.label.embedScene"),
           tooltip: t("imageExportDialog.tooltip.embedScene"),
           name: "exportEmbedSwitch",
-          children: /* @__PURE__ */ jsx136(
+          children: /* @__PURE__ */ jsx137(
             Switch,
             {
               name: "exportEmbedSwitch",
@@ -29087,12 +29176,12 @@ var ImageExportModal = ({
           )
         }
       ),
-      /* @__PURE__ */ jsx136(
+      /* @__PURE__ */ jsx137(
         ExportSetting,
         {
           label: t("imageExportDialog.label.scale"),
           name: "exportScale",
-          children: /* @__PURE__ */ jsx136(
+          children: /* @__PURE__ */ jsx137(
             RadioGroup,
             {
               name: "exportScale",
@@ -29110,7 +29199,7 @@ var ImageExportModal = ({
         }
       ),
       /* @__PURE__ */ jsxs71("div", { className: "ImageExportModal__settings__buttons", children: [
-        /* @__PURE__ */ jsx136(
+        /* @__PURE__ */ jsx137(
           FilledButton,
           {
             className: "ImageExportModal__settings__buttons__button",
@@ -29122,7 +29211,7 @@ var ImageExportModal = ({
             children: t("imageExportDialog.button.exportToPng")
           }
         ),
-        /* @__PURE__ */ jsx136(
+        /* @__PURE__ */ jsx137(
           FilledButton,
           {
             className: "ImageExportModal__settings__buttons__button",
@@ -29134,7 +29223,7 @@ var ImageExportModal = ({
             children: t("imageExportDialog.button.exportToSvg")
           }
         ),
-        (probablySupportsClipboardBlob || isFirefox) && /* @__PURE__ */ jsx136(
+        (probablySupportsClipboardBlob || isFirefox) && /* @__PURE__ */ jsx137(
           FilledButton,
           {
             className: "ImageExportModal__settings__buttons__button",
@@ -29172,11 +29261,11 @@ var ExportSetting = ({
         className: "ImageExportModal__settings__setting__label",
         children: [
           label,
-          tooltip && /* @__PURE__ */ jsx136(Tooltip, { label: tooltip, long: true, children: helpIcon })
+          tooltip && /* @__PURE__ */ jsx137(Tooltip, { label: tooltip, long: true, children: helpIcon })
         ]
       }
     ),
-    /* @__PURE__ */ jsx136("div", { className: "ImageExportModal__settings__setting__content", children })
+    /* @__PURE__ */ jsx137("div", { className: "ImageExportModal__settings__setting__content", children })
   ] });
 };
 var ImageExportDialog = ({
@@ -29194,7 +29283,7 @@ var ImageExportDialog = ({
       elementsSnapshot: cloneJSON(elements)
     };
   });
-  return /* @__PURE__ */ jsx136(Dialog, { onCloseRequest, size: "wide", title: false, children: /* @__PURE__ */ jsx136(
+  return /* @__PURE__ */ jsx137(Dialog, { onCloseRequest, size: "wide", title: false, children: /* @__PURE__ */ jsx137(
     ImageExportModal,
     {
       elementsSnapshot,
@@ -29212,9 +29301,9 @@ import React38 from "react";
 
 // components/Card.tsx
 import OpenColor3 from "open-color";
-import { jsx as jsx137 } from "react/jsx-runtime";
+import { jsx as jsx138 } from "react/jsx-runtime";
 var Card = ({ children, color }) => {
-  return /* @__PURE__ */ jsx137(
+  return /* @__PURE__ */ jsx138(
     "div",
     {
       className: "Card",
@@ -29229,7 +29318,7 @@ var Card = ({ children, color }) => {
 };
 
 // components/JSONExportDialog.tsx
-import { Fragment as Fragment22, jsx as jsx138, jsxs as jsxs72 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx139, jsxs as jsxs72 } from "react/jsx-runtime";
 var JSONExportModal = ({
   elements,
   appState,
@@ -29241,15 +29330,15 @@ var JSONExportModal = ({
   onCloseRequest
 }) => {
   const { onExportToBackend } = exportOpts;
-  return /* @__PURE__ */ jsx138("div", { className: "ExportDialog ExportDialog--json", children: /* @__PURE__ */ jsxs72("div", { className: "ExportDialog-cards", children: [
+  return /* @__PURE__ */ jsx139("div", { className: "ExportDialog ExportDialog--json", children: /* @__PURE__ */ jsxs72("div", { className: "ExportDialog-cards", children: [
     exportOpts.saveFileToDisk && /* @__PURE__ */ jsxs72(Card, { color: "lime", children: [
-      /* @__PURE__ */ jsx138("div", { className: "Card-icon", children: exportToFileIcon }),
-      /* @__PURE__ */ jsx138("h2", { children: t("exportDialog.disk_title") }),
+      /* @__PURE__ */ jsx139("div", { className: "Card-icon", children: exportToFileIcon }),
+      /* @__PURE__ */ jsx139("h2", { children: t("exportDialog.disk_title") }),
       /* @__PURE__ */ jsxs72("div", { className: "Card-details", children: [
         t("exportDialog.disk_details"),
         !nativeFileSystemSupported && actionManager.renderAction("changeProjectName")
       ] }),
-      /* @__PURE__ */ jsx138(
+      /* @__PURE__ */ jsx139(
         ToolButton,
         {
           className: "Card-button",
@@ -29264,10 +29353,10 @@ var JSONExportModal = ({
       )
     ] }),
     onExportToBackend && /* @__PURE__ */ jsxs72(Card, { color: "pink", children: [
-      /* @__PURE__ */ jsx138("div", { className: "Card-icon", children: LinkIcon }),
-      /* @__PURE__ */ jsx138("h2", { children: t("exportDialog.link_title") }),
-      /* @__PURE__ */ jsx138("div", { className: "Card-details", children: t("exportDialog.link_details") }),
-      /* @__PURE__ */ jsx138(
+      /* @__PURE__ */ jsx139("div", { className: "Card-icon", children: LinkIcon }),
+      /* @__PURE__ */ jsx139("h2", { children: t("exportDialog.link_title") }),
+      /* @__PURE__ */ jsx139("div", { className: "Card-details", children: t("exportDialog.link_details") }),
+      /* @__PURE__ */ jsx139(
         ToolButton,
         {
           className: "Card-button",
@@ -29302,7 +29391,7 @@ var JSONExportDialog = ({
   const handleClose = React38.useCallback(() => {
     setAppState({ openDialog: null });
   }, [setAppState]);
-  return /* @__PURE__ */ jsx138(Fragment22, { children: appState.openDialog?.name === "jsonExport" && /* @__PURE__ */ jsx138(Dialog, { onCloseRequest: handleClose, title: t("buttons.export"), children: /* @__PURE__ */ jsx138(
+  return /* @__PURE__ */ jsx139(Fragment22, { children: appState.openDialog?.name === "jsonExport" && /* @__PURE__ */ jsx139(Dialog, { onCloseRequest: handleClose, title: t("buttons.export"), children: /* @__PURE__ */ jsx139(
     JSONExportModal,
     {
       elements,
@@ -29318,14 +29407,14 @@ var JSONExportDialog = ({
 };
 
 // components/LaserPointerButton.tsx
-import clsx53 from "clsx";
-import { jsx as jsx139, jsxs as jsxs73 } from "react/jsx-runtime";
+import clsx54 from "clsx";
+import { jsx as jsx140, jsxs as jsxs73 } from "react/jsx-runtime";
 var DEFAULT_SIZE3 = "small";
 var LaserPointerButton = (props) => {
   return /* @__PURE__ */ jsxs73(
     "label",
     {
-      className: clsx53(
+      className: clsx54(
         "ToolIcon ToolIcon__LaserPointer",
         `ToolIcon_size_${DEFAULT_SIZE3}`,
         {
@@ -29334,7 +29423,7 @@ var LaserPointerButton = (props) => {
       ),
       title: `${props.title}`,
       children: [
-        /* @__PURE__ */ jsx139(
+        /* @__PURE__ */ jsx140(
           "input",
           {
             className: "ToolIcon_type_checkbox",
@@ -29346,33 +29435,33 @@ var LaserPointerButton = (props) => {
             "data-testid": "toolbar-LaserPointer"
           }
         ),
-        /* @__PURE__ */ jsx139("div", { className: "ToolIcon__icon", children: laserPointerToolIcon })
+        /* @__PURE__ */ jsx140("div", { className: "ToolIcon__icon", children: laserPointerToolIcon })
       ]
     }
   );
 };
 
 // components/LayerUI.tsx
-import { Fragment as Fragment23, jsx as jsx140, jsxs as jsxs74 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx141, jsxs as jsxs74 } from "react/jsx-runtime";
 var DefaultMainMenu = ({ UIOptions }) => {
   return /* @__PURE__ */ jsxs74(MainMenu_default, { __fallback: true, children: [
-    /* @__PURE__ */ jsx140(MainMenu_default.DefaultItems.LoadScene, {}),
-    /* @__PURE__ */ jsx140(MainMenu_default.DefaultItems.SaveToActiveFile, {}),
-    UIOptions.canvasActions.export && /* @__PURE__ */ jsx140(MainMenu_default.DefaultItems.Export, {}),
-    UIOptions.canvasActions.saveAsImage && /* @__PURE__ */ jsx140(MainMenu_default.DefaultItems.SaveAsImage, {}),
-    /* @__PURE__ */ jsx140(MainMenu_default.DefaultItems.SearchMenu, {}),
-    /* @__PURE__ */ jsx140(MainMenu_default.DefaultItems.Help, {}),
-    /* @__PURE__ */ jsx140(MainMenu_default.Separator, {}),
-    /* @__PURE__ */ jsx140(MainMenu_default.Group, { title: "Excalidraw links", children: /* @__PURE__ */ jsx140(MainMenu_default.DefaultItems.Socials, {}) }),
-    /* @__PURE__ */ jsx140(MainMenu_default.Separator, {}),
-    /* @__PURE__ */ jsx140(MainMenu_default.DefaultItems.ToggleTheme, {}),
-    /* @__PURE__ */ jsx140(MainMenu_default.DefaultItems.ChangeCanvasBackground, {})
+    /* @__PURE__ */ jsx141(MainMenu_default.DefaultItems.LoadScene, {}),
+    /* @__PURE__ */ jsx141(MainMenu_default.DefaultItems.SaveToActiveFile, {}),
+    UIOptions.canvasActions.export && /* @__PURE__ */ jsx141(MainMenu_default.DefaultItems.Export, {}),
+    UIOptions.canvasActions.saveAsImage && /* @__PURE__ */ jsx141(MainMenu_default.DefaultItems.SaveAsImage, {}),
+    /* @__PURE__ */ jsx141(MainMenu_default.DefaultItems.SearchMenu, {}),
+    /* @__PURE__ */ jsx141(MainMenu_default.DefaultItems.Help, {}),
+    /* @__PURE__ */ jsx141(MainMenu_default.Separator, {}),
+    /* @__PURE__ */ jsx141(MainMenu_default.Group, { title: "Excalidraw links", children: /* @__PURE__ */ jsx141(MainMenu_default.DefaultItems.Socials, {}) }),
+    /* @__PURE__ */ jsx141(MainMenu_default.Separator, {}),
+    /* @__PURE__ */ jsx141(MainMenu_default.DefaultItems.ToggleTheme, {}),
+    /* @__PURE__ */ jsx141(MainMenu_default.DefaultItems.ChangeCanvasBackground, {})
   ] });
 };
 var DefaultOverwriteConfirmDialog = () => {
   return /* @__PURE__ */ jsxs74(OverwriteConfirmDialog, { __fallback: true, children: [
-    /* @__PURE__ */ jsx140(OverwriteConfirmDialog.Actions.SaveToDisk, {}),
-    /* @__PURE__ */ jsx140(OverwriteConfirmDialog.Actions.ExportToImage, {})
+    /* @__PURE__ */ jsx141(OverwriteConfirmDialog.Actions.SaveToDisk, {}),
+    /* @__PURE__ */ jsx141(OverwriteConfirmDialog.Actions.ExportToImage, {})
   ] });
 };
 var LayerUI = ({
@@ -29404,7 +29493,7 @@ var LayerUI = ({
     if (!UIOptions.canvasActions.export) {
       return null;
     }
-    return /* @__PURE__ */ jsx140(
+    return /* @__PURE__ */ jsx141(
       JSONExportDialog,
       {
         elements,
@@ -29421,7 +29510,7 @@ var LayerUI = ({
     if (!UIOptions.canvasActions.saveAsImage || appState.openDialog?.name !== "imageExport") {
       return null;
     }
-    return /* @__PURE__ */ jsx140(
+    return /* @__PURE__ */ jsx141(
       ImageExportDialog,
       {
         elements,
@@ -29435,17 +29524,17 @@ var LayerUI = ({
     );
   };
   const renderCanvasActions = () => /* @__PURE__ */ jsxs74("div", { style: { position: "relative" }, children: [
-    /* @__PURE__ */ jsx140(tunnels.MainMenuTunnel.Out, {}),
-    renderWelcomeScreen && /* @__PURE__ */ jsx140(tunnels.WelcomeScreenMenuHintTunnel.Out, {})
+    /* @__PURE__ */ jsx141(tunnels.MainMenuTunnel.Out, {}),
+    renderWelcomeScreen && /* @__PURE__ */ jsx141(tunnels.WelcomeScreenMenuHintTunnel.Out, {})
   ] });
-  const renderSelectedShapeActions = () => /* @__PURE__ */ jsx140(
+  const renderSelectedShapeActions = () => /* @__PURE__ */ jsx141(
     Section,
     {
       heading: "selectedShapeActions",
-      className: clsx54("selected-shape-actions zen-mode-transition", {
+      className: clsx55("selected-shape-actions zen-mode-transition", {
         "transition-left": appState.zenModeEnabled
       }),
-      children: /* @__PURE__ */ jsx140(
+      children: /* @__PURE__ */ jsx141(
         Island,
         {
           className: CLASSES.SHAPE_ACTIONS_MENU,
@@ -29455,7 +29544,7 @@ var LayerUI = ({
             // approximate height of hamburgerMenu + footer
             maxHeight: `${appState.height - 166}px`
           },
-          children: /* @__PURE__ */ jsx140(
+          children: /* @__PURE__ */ jsx141(
             SelectedShapeActions,
             {
               appState,
@@ -29474,18 +29563,18 @@ var LayerUI = ({
       elements
     );
     const shouldShowStats = appState.stats.open && !appState.zenModeEnabled && !appState.viewModeEnabled && appState.openDialog?.name !== "elementLinkSelector";
-    return /* @__PURE__ */ jsx140(FixedSideContainer, { side: "top", children: /* @__PURE__ */ jsxs74("div", { className: "App-menu App-menu_top", children: [
-      /* @__PURE__ */ jsxs74(Stack_default.Col, { gap: 6, className: clsx54("App-menu_top__left"), children: [
+    return /* @__PURE__ */ jsx141(FixedSideContainer, { side: "top", children: /* @__PURE__ */ jsxs74("div", { className: "App-menu App-menu_top", children: [
+      /* @__PURE__ */ jsxs74(Stack_default.Col, { gap: 6, className: clsx55("App-menu_top__left"), children: [
         renderCanvasActions(),
         shouldRenderSelectedShapeActions && renderSelectedShapeActions()
       ] }),
-      !appState.viewModeEnabled && appState.openDialog?.name !== "elementLinkSelector" && /* @__PURE__ */ jsx140(Section, { heading: "shapes", className: "shapes-section", children: (heading) => /* @__PURE__ */ jsxs74("div", { style: { position: "relative" }, children: [
-        renderWelcomeScreen && /* @__PURE__ */ jsx140(tunnels.WelcomeScreenToolbarHintTunnel.Out, {}),
-        /* @__PURE__ */ jsx140(Stack_default.Col, { gap: 4, align: "start", children: /* @__PURE__ */ jsxs74(
+      !appState.viewModeEnabled && appState.openDialog?.name !== "elementLinkSelector" && /* @__PURE__ */ jsx141(Section, { heading: "shapes", className: "shapes-section", children: (heading) => /* @__PURE__ */ jsxs74("div", { style: { position: "relative" }, children: [
+        renderWelcomeScreen && /* @__PURE__ */ jsx141(tunnels.WelcomeScreenToolbarHintTunnel.Out, {}),
+        /* @__PURE__ */ jsx141(Stack_default.Col, { gap: 4, align: "start", children: /* @__PURE__ */ jsxs74(
           Stack_default.Row,
           {
             gap: 1,
-            className: clsx54("App-toolbar-container", {
+            className: clsx55("App-toolbar-container", {
               "zen-mode": appState.zenModeEnabled
             }),
             children: [
@@ -29493,11 +29582,11 @@ var LayerUI = ({
                 Island,
                 {
                   padding: 1,
-                  className: clsx54("App-toolbar", {
+                  className: clsx55("App-toolbar", {
                     "zen-mode": appState.zenModeEnabled
                   }),
                   children: [
-                    /* @__PURE__ */ jsx140(
+                    /* @__PURE__ */ jsx141(
                       HintViewer,
                       {
                         appState,
@@ -29508,7 +29597,7 @@ var LayerUI = ({
                     ),
                     heading,
                     /* @__PURE__ */ jsxs74(Stack_default.Row, { gap: 1, children: [
-                      /* @__PURE__ */ jsx140(
+                      /* @__PURE__ */ jsx141(
                         PenModeButton,
                         {
                           zenModeEnabled: appState.zenModeEnabled,
@@ -29518,7 +29607,7 @@ var LayerUI = ({
                           penDetected: appState.penDetected
                         }
                       ),
-                      /* @__PURE__ */ jsx140(
+                      /* @__PURE__ */ jsx141(
                         HandButton,
                         {
                           checked: isHandToolActive(appState),
@@ -29527,7 +29616,7 @@ var LayerUI = ({
                           isMobile: true
                         }
                       ),
-                      /* @__PURE__ */ jsx140(
+                      /* @__PURE__ */ jsx141(
                         ShapesSwitcher,
                         {
                           appState,
@@ -29540,7 +29629,7 @@ var LayerUI = ({
                   ]
                 }
               ),
-              isCollaborating && /* @__PURE__ */ jsx140(
+              isCollaborating && /* @__PURE__ */ jsx141(
                 Island,
                 {
                   style: {
@@ -29548,7 +29637,7 @@ var LayerUI = ({
                     alignSelf: "center",
                     height: "fit-content"
                   },
-                  children: /* @__PURE__ */ jsx140(
+                  children: /* @__PURE__ */ jsx141(
                     LaserPointerButton,
                     {
                       title: t("toolBar.laser"),
@@ -29566,14 +29655,14 @@ var LayerUI = ({
       /* @__PURE__ */ jsxs74(
         "div",
         {
-          className: clsx54(
+          className: clsx55(
             "layer-ui__wrapper__top-right zen-mode-transition",
             {
               "transition-right": appState.zenModeEnabled
             }
           ),
           children: [
-            appState.collaborators.size > 0 && /* @__PURE__ */ jsx140(
+            appState.collaborators.size > 0 && /* @__PURE__ */ jsx141(
               UserList,
               {
                 collaborators: appState.collaborators,
@@ -29582,8 +29671,8 @@ var LayerUI = ({
             ),
             renderTopRightUI?.(device.editor.isMobile, appState),
             !appState.viewModeEnabled && appState.openDialog?.name !== "elementLinkSelector" && // hide button when sidebar docked
-            (!isSidebarDocked || appState.openSidebar?.name !== DEFAULT_SIDEBAR.name) && /* @__PURE__ */ jsx140(tunnels.DefaultSidebarTriggerTunnel.Out, {}),
-            shouldShowStats && /* @__PURE__ */ jsx140(
+            (!isSidebarDocked || appState.openSidebar?.name !== DEFAULT_SIDEBAR.name) && /* @__PURE__ */ jsx141(tunnels.DefaultSidebarTriggerTunnel.Out, {}),
+            shouldShowStats && /* @__PURE__ */ jsx141(
               Stats,
               {
                 app,
@@ -29599,7 +29688,7 @@ var LayerUI = ({
     ] }) });
   };
   const renderSidebars = () => {
-    return /* @__PURE__ */ jsx140(
+    return /* @__PURE__ */ jsx141(
       DefaultSidebar,
       {
         __fallback: true,
@@ -29616,8 +29705,8 @@ var LayerUI = ({
   const isSidebarDocked = useAtomValue(isSidebarDockedAtom);
   const layerUIJSX = /* @__PURE__ */ jsxs74(Fragment23, { children: [
     children,
-    /* @__PURE__ */ jsx140(DefaultMainMenu, { UIOptions }),
-    /* @__PURE__ */ jsx140(
+    /* @__PURE__ */ jsx141(DefaultMainMenu, { UIOptions }),
+    /* @__PURE__ */ jsx141(
       DefaultSidebar.Trigger,
       {
         __fallback: true,
@@ -29636,11 +29725,11 @@ var LayerUI = ({
         children: t("toolBar.library")
       }
     ),
-    /* @__PURE__ */ jsx140(DefaultOverwriteConfirmDialog, {}),
-    appState.openDialog?.name === "ttd" && /* @__PURE__ */ jsx140(TTDDialog, { __fallback: true }),
-    appState.isLoading && /* @__PURE__ */ jsx140(LoadingMessage, { delay: 250 }),
-    appState.errorMessage && /* @__PURE__ */ jsx140(ErrorDialog, { onClose: () => setAppState({ errorMessage: null }), children: appState.errorMessage }),
-    eyeDropperState && !device.editor.isMobile && /* @__PURE__ */ jsx140(
+    /* @__PURE__ */ jsx141(DefaultOverwriteConfirmDialog, {}),
+    appState.openDialog?.name === "ttd" && /* @__PURE__ */ jsx141(TTDDialog, { __fallback: true }),
+    appState.isLoading && /* @__PURE__ */ jsx141(LoadingMessage, { delay: 250 }),
+    appState.errorMessage && /* @__PURE__ */ jsx141(ErrorDialog, { onClose: () => setAppState({ errorMessage: null }), children: appState.errorMessage }),
+    eyeDropperState && !device.editor.isMobile && /* @__PURE__ */ jsx141(
       EyeDropper,
       {
         colorPickerType: eyeDropperState.colorPickerType,
@@ -29679,7 +29768,7 @@ var LayerUI = ({
         }
       }
     ),
-    appState.openDialog?.name === "help" && /* @__PURE__ */ jsx140(
+    appState.openDialog?.name === "help" && /* @__PURE__ */ jsx141(
       HelpDialog,
       {
         onClose: () => {
@@ -29687,7 +29776,7 @@ var LayerUI = ({
         }
       }
     ),
-    appState.openDialog?.name === "elementLinkSelector" && /* @__PURE__ */ jsx140(
+    appState.openDialog?.name === "elementLinkSelector" && /* @__PURE__ */ jsx141(
       ElementLinkDialog_default,
       {
         sourceElementId: appState.openDialog.sourceElementId,
@@ -29701,10 +29790,10 @@ var LayerUI = ({
         generateLinkForSelection
       }
     ),
-    /* @__PURE__ */ jsx140(tunnels.OverwriteConfirmDialogTunnel.Out, {}),
+    /* @__PURE__ */ jsx141(tunnels.OverwriteConfirmDialogTunnel.Out, {}),
     renderImageExportDialog(),
     renderJSONExportDialog(),
-    appState.pasteDialog.shown && /* @__PURE__ */ jsx140(
+    appState.pasteDialog.shown && /* @__PURE__ */ jsx141(
       PasteChartDialog,
       {
         setAppState,
@@ -29714,7 +29803,7 @@ var LayerUI = ({
         })
       }
     ),
-    device.editor.isMobile && /* @__PURE__ */ jsx140(
+    device.editor.isMobile && /* @__PURE__ */ jsx141(
       MobileMenu,
       {
         app,
@@ -29742,9 +29831,9 @@ var LayerUI = ({
           className: "layer-ui__wrapper",
           style: appState.openSidebar && isSidebarDocked && device.editor.canFitSidebar ? { width: `calc(100% - var(--right-sidebar-width))` } : {},
           children: [
-            renderWelcomeScreen && /* @__PURE__ */ jsx140(tunnels.WelcomeScreenCenterTunnel.Out, {}),
+            renderWelcomeScreen && /* @__PURE__ */ jsx141(tunnels.WelcomeScreenCenterTunnel.Out, {}),
             renderFixedSideContainer(),
-            /* @__PURE__ */ jsx140(
+            /* @__PURE__ */ jsx141(
               Footer_default,
               {
                 appState,
@@ -29753,7 +29842,7 @@ var LayerUI = ({
                 renderWelcomeScreen
               }
             ),
-            appState.scrolledOutside && /* @__PURE__ */ jsx140(
+            appState.scrolledOutside && /* @__PURE__ */ jsx141(
               "button",
               {
                 type: "button",
@@ -29772,7 +29861,7 @@ var LayerUI = ({
       renderSidebars()
     ] })
   ] });
-  return /* @__PURE__ */ jsx140(UIAppStateContext.Provider, { value: appState, children: /* @__PURE__ */ jsx140(TunnelsJotaiProvider, { children: /* @__PURE__ */ jsx140(TunnelsContext.Provider, { value: tunnels, children: layerUIJSX }) }) });
+  return /* @__PURE__ */ jsx141(UIAppStateContext.Provider, { value: appState, children: /* @__PURE__ */ jsx141(TunnelsJotaiProvider, { children: /* @__PURE__ */ jsx141(TunnelsContext.Provider, { value: tunnels, children: layerUIJSX }) }) });
 };
 var stripIrrelevantAppStateProps = (appState) => {
   const {
@@ -29805,14 +29894,14 @@ var areEqual2 = (prevProps, nextProps) => {
 var LayerUI_default = React39.memo(LayerUI, areEqual2);
 
 // components/MagicButton.tsx
-import clsx55 from "clsx";
-import { jsx as jsx141, jsxs as jsxs75 } from "react/jsx-runtime";
+import clsx56 from "clsx";
+import { jsx as jsx142, jsxs as jsxs75 } from "react/jsx-runtime";
 var DEFAULT_SIZE4 = "small";
 var ElementCanvasButton = (props) => {
   return /* @__PURE__ */ jsxs75(
     "label",
     {
-      className: clsx55(
+      className: clsx56(
         "ToolIcon ToolIcon__MagicButton",
         `ToolIcon_size_${DEFAULT_SIZE4}`,
         {
@@ -29821,7 +29910,7 @@ var ElementCanvasButton = (props) => {
       ),
       title: `${props.title}`,
       children: [
-        /* @__PURE__ */ jsx141(
+        /* @__PURE__ */ jsx142(
           "input",
           {
             className: "ToolIcon_type_checkbox",
@@ -29832,7 +29921,7 @@ var ElementCanvasButton = (props) => {
             "aria-label": props.title
           }
         ),
-        /* @__PURE__ */ jsx141("div", { className: "ToolIcon__icon", children: props.icon })
+        /* @__PURE__ */ jsx142("div", { className: "ToolIcon__icon", children: props.icon })
       ]
     }
   );
@@ -29840,7 +29929,7 @@ var ElementCanvasButton = (props) => {
 
 // components/SVGLayer.tsx
 import { useEffect as useEffect39, useRef as useRef35 } from "react";
-import { jsx as jsx142 } from "react/jsx-runtime";
+import { jsx as jsx143 } from "react/jsx-runtime";
 var SVGLayer = ({ trails }) => {
   const svgRef = useRef35(null);
   useEffect39(() => {
@@ -29855,12 +29944,12 @@ var SVGLayer = ({ trails }) => {
       }
     };
   }, trails);
-  return /* @__PURE__ */ jsx142("div", { className: "SVGLayer", children: /* @__PURE__ */ jsx142("svg", { ref: svgRef }) });
+  return /* @__PURE__ */ jsx143("div", { className: "SVGLayer", children: /* @__PURE__ */ jsx143("svg", { ref: svgRef }) });
 };
 
 // components/canvases/InteractiveCanvas.tsx
 import React40, { useEffect as useEffect40, useRef as useRef36 } from "react";
-import { jsx as jsx143 } from "react/jsx-runtime";
+import { jsx as jsx144 } from "react/jsx-runtime";
 var InteractiveCanvas = (props) => {
   const isComponentMounted = useRef36(false);
   useEffect40(() => {
@@ -29930,7 +30019,7 @@ var InteractiveCanvas = (props) => {
       isRenderThrottlingEnabled()
     );
   });
-  return /* @__PURE__ */ jsx143(
+  return /* @__PURE__ */ jsx144(
     "canvas",
     {
       className: "excalidraw__canvas interactive",
@@ -30005,7 +30094,7 @@ var InteractiveCanvas_default = React40.memo(InteractiveCanvas, areEqual3);
 
 // components/canvases/StaticCanvas.tsx
 import React41, { useEffect as useEffect41, useRef as useRef37 } from "react";
-import { jsx as jsx144 } from "react/jsx-runtime";
+import { jsx as jsx145 } from "react/jsx-runtime";
 var StaticCanvas = (props) => {
   const wrapperRef = useRef37(null);
   const isComponentMounted = useRef37(false);
@@ -30050,7 +30139,7 @@ var StaticCanvas = (props) => {
       isRenderThrottlingEnabled()
     );
   });
-  return /* @__PURE__ */ jsx144("div", { className: "excalidraw__canvas-wrapper", ref: wrapperRef });
+  return /* @__PURE__ */ jsx145("div", { className: "excalidraw__canvas-wrapper", ref: wrapperRef });
 };
 var getRelevantAppStateProps2 = (appState) => {
   const relevantAppStateProps = {
@@ -30154,7 +30243,7 @@ var renderNewElementScene = (renderConfig, throttle5) => {
 };
 
 // components/canvases/NewElementCanvas.tsx
-import { jsx as jsx145 } from "react/jsx-runtime";
+import { jsx as jsx146 } from "react/jsx-runtime";
 var NewElementCanvas = (props) => {
   const canvasRef = useRef38(null);
   useEffect42(() => {
@@ -30175,7 +30264,7 @@ var NewElementCanvas = (props) => {
       isRenderThrottlingEnabled()
     );
   });
-  return /* @__PURE__ */ jsx145(
+  return /* @__PURE__ */ jsx146(
     "canvas",
     {
       className: "excalidraw__canvas",
@@ -30193,7 +30282,7 @@ var NewElementCanvas_default = NewElementCanvas;
 
 // components/Toast.tsx
 import { useCallback as useCallback14, useEffect as useEffect43, useRef as useRef39 } from "react";
-import { jsx as jsx146, jsxs as jsxs76 } from "react/jsx-runtime";
+import { jsx as jsx147, jsxs as jsxs76 } from "react/jsx-runtime";
 var DEFAULT_TOAST_TIMEOUT = 5e3;
 var Toast = ({
   message,
@@ -30228,8 +30317,8 @@ var Toast = ({
       onMouseLeave,
       style,
       children: [
-        /* @__PURE__ */ jsx146("p", { className: "Toast__message", children: message }),
-        closable && /* @__PURE__ */ jsx146(
+        /* @__PURE__ */ jsx147("p", { className: "Toast__message", children: message }),
+        closable && /* @__PURE__ */ jsx147(
           ToolButton,
           {
             icon: CloseIcon,
@@ -30245,35 +30334,35 @@ var Toast = ({
 };
 
 // components/BraveMeasureTextError.tsx
-import { jsx as jsx147, jsxs as jsxs77 } from "react/jsx-runtime";
+import { jsx as jsx148, jsxs as jsxs77 } from "react/jsx-runtime";
 var BraveMeasureTextError = () => {
   return /* @__PURE__ */ jsxs77("div", { "data-testid": "brave-measure-text-error", children: [
-    /* @__PURE__ */ jsx147("p", { children: /* @__PURE__ */ jsx147(
+    /* @__PURE__ */ jsx148("p", { children: /* @__PURE__ */ jsx148(
       Trans_default,
       {
         i18nKey: "errors.brave_measure_text_error.line1",
-        bold: (el) => /* @__PURE__ */ jsx147("span", { style: { fontWeight: 600 }, children: el })
+        bold: (el) => /* @__PURE__ */ jsx148("span", { style: { fontWeight: 600 }, children: el })
       }
     ) }),
-    /* @__PURE__ */ jsx147("p", { children: /* @__PURE__ */ jsx147(
+    /* @__PURE__ */ jsx148("p", { children: /* @__PURE__ */ jsx148(
       Trans_default,
       {
         i18nKey: "errors.brave_measure_text_error.line2",
-        bold: (el) => /* @__PURE__ */ jsx147("span", { style: { fontWeight: 600 }, children: el })
+        bold: (el) => /* @__PURE__ */ jsx148("span", { style: { fontWeight: 600 }, children: el })
       }
     ) }),
-    /* @__PURE__ */ jsx147("p", { children: /* @__PURE__ */ jsx147(
+    /* @__PURE__ */ jsx148("p", { children: /* @__PURE__ */ jsx148(
       Trans_default,
       {
         i18nKey: "errors.brave_measure_text_error.line3",
-        link: (el) => /* @__PURE__ */ jsx147("a", { href: "http://docs.excalidraw.com/docs/@excalidraw/excalidraw/faq#turning-off-aggresive-block-fingerprinting-in-brave-browser", children: el })
+        link: (el) => /* @__PURE__ */ jsx148("a", { href: "http://docs.excalidraw.com/docs/@excalidraw/excalidraw/faq#turning-off-aggresive-block-fingerprinting-in-brave-browser", children: el })
       }
     ) }),
-    /* @__PURE__ */ jsx147("p", { children: /* @__PURE__ */ jsx147(
+    /* @__PURE__ */ jsx148("p", { children: /* @__PURE__ */ jsx148(
       Trans_default,
       {
         i18nKey: "errors.brave_measure_text_error.line4",
-        issueLink: (el) => /* @__PURE__ */ jsx147("a", { href: "https://github.com/excalidraw/excalidraw/issues/new", children: el }),
+        issueLink: (el) => /* @__PURE__ */ jsx148("a", { href: "https://github.com/excalidraw/excalidraw/issues/new", children: el }),
         discordLink: (el) => /* @__PURE__ */ jsxs77("a", { href: "https://discord.gg/UexuTaE", children: [
           el,
           "."
@@ -30285,7 +30374,7 @@ var BraveMeasureTextError = () => {
 var BraveMeasureTextError_default = BraveMeasureTextError;
 
 // components/App.tsx
-import { Fragment as Fragment24, jsx as jsx148, jsxs as jsxs78 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx149, jsxs as jsxs78 } from "react/jsx-runtime";
 var AppContext = React42.createContext(null);
 var AppPropsContext = React42.createContext(null);
 var deviceContextInitialValue = {
@@ -30525,7 +30614,7 @@ var App = class _App extends React42.Component {
         const frameName = getFrameLikeTitle(f);
         if (f.id === this.state.editingFrame) {
           const frameNameInEdit = frameName;
-          frameNameJSX = /* @__PURE__ */ jsx148(
+          frameNameJSX = /* @__PURE__ */ jsx149(
             "input",
             {
               autoFocus: true,
@@ -30568,7 +30657,7 @@ var App = class _App extends React42.Component {
         } else {
           frameNameJSX = frameName;
         }
-        return /* @__PURE__ */ jsx148(
+        return /* @__PURE__ */ jsx149(
           "div",
           {
             id: this.getFrameNameDOMId(f),
@@ -35236,7 +35325,7 @@ var App = class _App extends React42.Component {
     const embeddableElements = this.scene.getNonDeletedElements().filter(
       (el) => isEmbeddableElement(el) && this.embedsValidationStatus.get(el.id) === true || isIframeElement(el)
     );
-    return /* @__PURE__ */ jsx148(Fragment24, { children: embeddableElements.map((el) => {
+    return /* @__PURE__ */ jsx149(Fragment24, { children: embeddableElements.map((el) => {
       const { x, y } = sceneCoordsToViewportCoords(
         { sceneX: el.x, sceneY: el.y },
         this.state
@@ -35392,10 +35481,10 @@ var App = class _App extends React42.Component {
       }
       const isActive = this.state.activeEmbeddable?.element === el && this.state.activeEmbeddable?.state === "active";
       const isHovered = this.state.activeEmbeddable?.element === el && this.state.activeEmbeddable?.state === "hover";
-      return /* @__PURE__ */ jsx148(
+      return /* @__PURE__ */ jsx149(
         "div",
         {
-          className: clsx56("excalidraw__embeddable-container", {
+          className: clsx57("excalidraw__embeddable-container", {
             "is-hovered": isHovered
           }),
           style: {
@@ -35424,15 +35513,15 @@ var App = class _App extends React42.Component {
                 pointerEvents: isActive ? POINTER_EVENTS.enabled : POINTER_EVENTS.disabled
               },
               children: [
-                isHovered && /* @__PURE__ */ jsx148("div", { className: "excalidraw__embeddable-hint", children: t("buttons.embeddableInteractionButton") }),
-                /* @__PURE__ */ jsx148(
+                isHovered && /* @__PURE__ */ jsx149("div", { className: "excalidraw__embeddable-hint", children: t("buttons.embeddableInteractionButton") }),
+                /* @__PURE__ */ jsx149(
                   "div",
                   {
                     className: "excalidraw__embeddable__outer",
                     style: {
                       padding: `${el.strokeWidth}px`
                     },
-                    children: (isEmbeddableElement(el) ? this.props.renderEmbeddable?.(el, this.state) : null) ?? /* @__PURE__ */ jsx148(
+                    children: (isEmbeddableElement(el) ? this.props.renderEmbeddable?.(el, this.state) : null) ?? /* @__PURE__ */ jsx149(
                       "iframe",
                       {
                         ref: (ref) => this.cacheEmbeddableRef(el, ref),
@@ -35486,10 +35575,10 @@ var App = class _App extends React42.Component {
       this.state.cursorButton === "down"
     );
     const firstSelectedElement = selectedElements[0];
-    return /* @__PURE__ */ jsx148(
+    return /* @__PURE__ */ jsx149(
       "div",
       {
-        className: clsx56("excalidraw excalidraw-container", {
+        className: clsx57("excalidraw excalidraw-container", {
           "excalidraw--view-mode": this.state.viewModeEnabled || this.state.openDialog?.name === "elementLinkSelector",
           "excalidraw--mobile": this.device.editor.isMobile
         }),
@@ -35503,11 +35592,11 @@ var App = class _App extends React42.Component {
         onKeyDown: this.props.handleKeyboardGlobally ? void 0 : this.onKeyDown,
         onPointerEnter: this.toggleOverscrollBehavior,
         onPointerLeave: this.toggleOverscrollBehavior,
-        children: /* @__PURE__ */ jsx148(AppContext.Provider, { value: this, children: /* @__PURE__ */ jsx148(AppPropsContext.Provider, { value: this.props, children: /* @__PURE__ */ jsx148(
+        children: /* @__PURE__ */ jsx149(AppContext.Provider, { value: this, children: /* @__PURE__ */ jsx149(AppPropsContext.Provider, { value: this.props, children: /* @__PURE__ */ jsx149(
           ExcalidrawContainerContext.Provider,
           {
             value: this.excalidrawContainerValue,
-            children: /* @__PURE__ */ jsx148(DeviceContext.Provider, { value: this.device, children: /* @__PURE__ */ jsx148(ExcalidrawSetAppStateContext.Provider, { value: this.setAppState, children: /* @__PURE__ */ jsx148(ExcalidrawAppStateContext.Provider, { value: this.state, children: /* @__PURE__ */ jsxs78(
+            children: /* @__PURE__ */ jsx149(DeviceContext.Provider, { value: this.device, children: /* @__PURE__ */ jsx149(ExcalidrawSetAppStateContext.Provider, { value: this.setAppState, children: /* @__PURE__ */ jsx149(ExcalidrawAppStateContext.Provider, { value: this.state, children: /* @__PURE__ */ jsxs78(
               ExcalidrawElementsContext.Provider,
               {
                 value: this.scene.getNonDeletedElements(),
@@ -35517,7 +35606,7 @@ var App = class _App extends React42.Component {
                     {
                       value: this.actionManager,
                       children: [
-                        /* @__PURE__ */ jsx148(
+                        /* @__PURE__ */ jsx149(
                           LayerUI_default,
                           {
                             canvas: this.canvas,
@@ -35542,10 +35631,10 @@ var App = class _App extends React42.Component {
                             children: this.props.children
                           }
                         ),
-                        /* @__PURE__ */ jsx148("div", { className: "excalidraw-textEditorContainer" }),
-                        /* @__PURE__ */ jsx148("div", { className: "excalidraw-contextMenuContainer" }),
-                        /* @__PURE__ */ jsx148("div", { className: "excalidraw-eye-dropper-container" }),
-                        /* @__PURE__ */ jsx148(
+                        /* @__PURE__ */ jsx149("div", { className: "excalidraw-textEditorContainer" }),
+                        /* @__PURE__ */ jsx149("div", { className: "excalidraw-contextMenuContainer" }),
+                        /* @__PURE__ */ jsx149("div", { className: "excalidraw-eye-dropper-container" }),
+                        /* @__PURE__ */ jsx149(
                           SVGLayer,
                           {
                             trails: [
@@ -35555,7 +35644,7 @@ var App = class _App extends React42.Component {
                             ]
                           }
                         ),
-                        selectedElements.length === 1 && this.state.openDialog?.name !== "elementLinkSelector" && this.state.showHyperlinkPopup && /* @__PURE__ */ jsx148(
+                        selectedElements.length === 1 && this.state.openDialog?.name !== "elementLinkSelector" && this.state.showHyperlinkPopup && /* @__PURE__ */ jsx149(
                           Hyperlink,
                           {
                             element: firstSelectedElement,
@@ -35567,12 +35656,12 @@ var App = class _App extends React42.Component {
                           },
                           firstSelectedElement.id
                         ),
-                        this.props.aiEnabled !== false && selectedElements.length === 1 && isMagicFrameElement(firstSelectedElement) && /* @__PURE__ */ jsx148(
+                        this.props.aiEnabled !== false && selectedElements.length === 1 && isMagicFrameElement(firstSelectedElement) && /* @__PURE__ */ jsx149(
                           ElementCanvasButtons,
                           {
                             element: firstSelectedElement,
                             elementsMap,
-                            children: /* @__PURE__ */ jsx148(
+                            children: /* @__PURE__ */ jsx149(
                               ElementCanvasButton,
                               {
                                 title: t("labels.convertToCode"),
@@ -35592,7 +35681,7 @@ var App = class _App extends React42.Component {
                             element: firstSelectedElement,
                             elementsMap,
                             children: [
-                              /* @__PURE__ */ jsx148(
+                              /* @__PURE__ */ jsx149(
                                 ElementCanvasButton,
                                 {
                                   title: t("labels.copySource"),
@@ -35601,7 +35690,7 @@ var App = class _App extends React42.Component {
                                   onChange: () => this.onIframeSrcCopy(firstSelectedElement)
                                 }
                               ),
-                              /* @__PURE__ */ jsx148(
+                              /* @__PURE__ */ jsx149(
                                 ElementCanvasButton,
                                 {
                                   title: "Enter fullscreen",
@@ -35638,7 +35727,7 @@ var App = class _App extends React42.Component {
                             ]
                           }
                         ),
-                        this.state.toast !== null && /* @__PURE__ */ jsx148(
+                        this.state.toast !== null && /* @__PURE__ */ jsx149(
                           Toast,
                           {
                             message: this.state.toast.message,
@@ -35647,7 +35736,7 @@ var App = class _App extends React42.Component {
                             closable: this.state.toast.closable
                           }
                         ),
-                        this.state.contextMenu && /* @__PURE__ */ jsx148(
+                        this.state.contextMenu && /* @__PURE__ */ jsx149(
                           ContextMenu,
                           {
                             items: this.state.contextMenu.items,
@@ -35662,7 +35751,7 @@ var App = class _App extends React42.Component {
                             }
                           }
                         ),
-                        /* @__PURE__ */ jsx148(
+                        /* @__PURE__ */ jsx149(
                           StaticCanvas_default,
                           {
                             canvas: this.canvas,
@@ -35685,7 +35774,7 @@ var App = class _App extends React42.Component {
                             }
                           }
                         ),
-                        this.state.newElement && /* @__PURE__ */ jsx148(
+                        this.state.newElement && /* @__PURE__ */ jsx149(
                           NewElementCanvas_default,
                           {
                             appState: this.state,
@@ -35704,7 +35793,7 @@ var App = class _App extends React42.Component {
                             }
                           }
                         ),
-                        /* @__PURE__ */ jsx148(
+                        /* @__PURE__ */ jsx149(
                           InteractiveCanvas_default,
                           {
                             containerRef: this.excalidrawContainerRef,
@@ -35730,7 +35819,7 @@ var App = class _App extends React42.Component {
                             onDoubleClick: this.handleCanvasDoubleClick
                           }
                         ),
-                        this.state.userToFollow && /* @__PURE__ */ jsx148(
+                        this.state.userToFollow && /* @__PURE__ */ jsx149(
                           FollowMode_default,
                           {
                             width: this.state.width,
@@ -35917,7 +36006,7 @@ var App = class _App extends React42.Component {
     }
     if (isBrave() && !isMeasureTextSupported()) {
       this.setState({
-        errorMessage: /* @__PURE__ */ jsx148(BraveMeasureTextError_default, {})
+        errorMessage: /* @__PURE__ */ jsx149(BraveMeasureTextError_default, {})
       });
     }
   }
@@ -38179,7 +38268,7 @@ var App_default = App;
 
 // components/InitializeApp.tsx
 import { useEffect as useEffect44, useState as useState36 } from "react";
-import { jsx as jsx149 } from "react/jsx-runtime";
+import { jsx as jsx150 } from "react/jsx-runtime";
 var InitializeApp = (props) => {
   const [loading, setLoading] = useState36(true);
   useEffect44(() => {
@@ -38190,19 +38279,19 @@ var InitializeApp = (props) => {
     const currentLang2 = languages.find((lang) => lang.code === props.langCode) || defaultLang;
     updateLang();
   }, [props.langCode]);
-  return loading ? /* @__PURE__ */ jsx149(LoadingMessage, { theme: props.theme }) : props.children;
+  return loading ? /* @__PURE__ */ jsx150(LoadingMessage, { theme: props.theme }) : props.children;
 };
 
 // components/footer/FooterCenter.tsx
-import clsx57 from "clsx";
-import { jsx as jsx150 } from "react/jsx-runtime";
+import clsx58 from "clsx";
+import { jsx as jsx151 } from "react/jsx-runtime";
 var FooterCenter = ({ children }) => {
   const { FooterCenterTunnel } = useTunnels();
   const appState = useUIAppState();
-  return /* @__PURE__ */ jsx150(FooterCenterTunnel.In, { children: /* @__PURE__ */ jsx150(
+  return /* @__PURE__ */ jsx151(FooterCenterTunnel.In, { children: /* @__PURE__ */ jsx151(
     "div",
     {
-      className: clsx57("footer-center zen-mode-transition", {
+      className: clsx58("footer-center zen-mode-transition", {
         "layer-ui__wrapper__footer-left--transition-bottom": appState.zenModeEnabled
       }),
       children
@@ -38213,8 +38302,8 @@ var FooterCenter_default = FooterCenter;
 FooterCenter.displayName = "FooterCenter";
 
 // components/live-collaboration/LiveCollaborationTrigger.tsx
-import clsx58 from "clsx";
-import { jsx as jsx151, jsxs as jsxs79 } from "react/jsx-runtime";
+import clsx59 from "clsx";
+import { jsx as jsx152, jsxs as jsxs79 } from "react/jsx-runtime";
 var LiveCollaborationTrigger2 = ({
   isCollaborating,
   onSelect,
@@ -38226,14 +38315,14 @@ var LiveCollaborationTrigger2 = ({
     Button,
     {
       ...rest,
-      className: clsx58("collab-button", { active: isCollaborating }),
+      className: clsx59("collab-button", { active: isCollaborating }),
       type: "button",
       onSelect,
       style: { position: "relative", width: showIconOnly ? void 0 : "auto" },
       title: t("labels.liveCollaboration"),
       children: [
         showIconOnly ? share : t("labels.share"),
-        appState.collaborators.size > 0 && /* @__PURE__ */ jsx151("div", { className: "CollabButton-collaborators", children: appState.collaborators.size })
+        appState.collaborators.size > 0 && /* @__PURE__ */ jsx152("div", { className: "CollabButton-collaborators", children: appState.collaborators.size })
       ]
     }
   );
@@ -38242,15 +38331,15 @@ var LiveCollaborationTrigger_default = LiveCollaborationTrigger2;
 LiveCollaborationTrigger2.displayName = "LiveCollaborationTrigger";
 
 // components/ExcalidrawLogo.tsx
-import { jsx as jsx152, jsxs as jsxs80 } from "react/jsx-runtime";
-var LogoIcon = () => /* @__PURE__ */ jsx152(
+import { jsx as jsx153, jsxs as jsxs80 } from "react/jsx-runtime";
+var LogoIcon = () => /* @__PURE__ */ jsx153(
   "svg",
   {
     viewBox: "0 0 40 40",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     className: "ExcalidrawLogo-icon",
-    children: /* @__PURE__ */ jsx152(
+    children: /* @__PURE__ */ jsx153(
       "path",
       {
         d: "M39.9 32.889a.326.326 0 0 0-.279-.056c-2.094-3.083-4.774-6-7.343-8.833l-.419-.472a.212.212 0 0 0-.056-.139.586.586 0 0 0-.167-.111l-.084-.083-.056-.056c-.084-.167-.28-.278-.475-.167-.782.39-1.507.973-2.206 1.528-.92.722-1.842 1.445-2.708 2.25a8.405 8.405 0 0 0-.977 1.028c-.14.194-.028.361.14.444-.615.611-1.23 1.223-1.843 1.861a.315.315 0 0 0-.084.223c0 .083.056.166.111.194l1.09.833v.028c1.535 1.528 4.244 3.611 7.12 5.861.418.334.865.667 1.284 1 .195.223.39.473.558.695.084.11.28.139.391.055.056.056.14.111.196.167a.398.398 0 0 0 .167.056.255.255 0 0 0 .224-.111.394.394 0 0 0 .055-.167c.029 0 .028.028.056.028a.318.318 0 0 0 .224-.084l5.082-5.528a.309.309 0 0 0 0-.444Zm-14.63-1.917a.485.485 0 0 0 .111.14c.586.5 1.2 1 1.843 1.555l-2.569-1.945-.251-.166c-.056-.028-.112-.084-.168-.111l-.195-.167.056-.056.055-.055.112-.111c.866-.861 2.346-2.306 3.1-3.028-.81.805-2.43 3.167-2.095 3.944Zm8.767 6.89-2.122-1.612a44.713 44.713 0 0 0-2.625-2.5c1.145.861 2.122 1.611 2.262 1.75 1.117.972 1.06.806 1.815 1.445l.921.666a1.06 1.06 0 0 1-.251.25Zm.558.416-.056-.028c.084-.055.168-.111.252-.194l-.196.222ZM1.089 5.75c.055.361.14.722.195 1.056.335 1.833.67 3.5 1.284 4.75l.252.944c.084.361.223.806.363.917 1.424 1.25 3.602 3.11 5.947 4.889a.295.295 0 0 0 .363 0s0 .027.028.027a.254.254 0 0 0 .196.084.318.318 0 0 0 .223-.084c2.988-3.305 5.221-6.027 6.813-8.305.112-.111.14-.278.14-.417.111-.111.195-.25.307-.333.111-.111.111-.306 0-.39l-.028-.027c0-.055-.028-.139-.084-.167-.698-.666-1.2-1.138-1.731-1.638-.922-.862-1.871-1.75-3.881-3.75l-.028-.028c-.028-.028-.056-.056-.112-.056-.558-.194-1.703-.389-3.127-.639C6.087 2.223 3.21 1.723.614.944c0 0-.168 0-.196.028l-.083.084c-.028.027-.056.055-.224.11h.056-.056c.028.167.028.278.084.473 0 .055.112.5.112.555l.782 3.556Zm15.496 3.278-.335-.334c.084.112.196.195.335.334Zm-3.546 4.666-.056.056c0-.028.028-.056.056-.056Zm-2.038-10c.168.167.866.834 1.033.973-.726-.334-2.54-1.167-3.379-1.445.838.167 1.983.334 2.346.472ZM1.424 2.306c.419.722.754 3.222 1.089 5.666-.196-.778-.335-1.555-.503-2.278-.251-1.277-.503-2.416-.838-3.416.056 0 .14 0 .252.028Zm-.168-.584c-.112 0-.223-.028-.307-.028 0-.027 0-.055-.028-.055.14 0 .223.028.335.083Zm-1.089.222c0-.027 0-.027 0 0ZM39.453 1.333c.028-.11-.558-.61-.363-.639.42-.027.42-.666 0-.666-.558.028-1.144.166-1.675.25-.977.194-1.982.389-2.96.61-2.205.473-4.383.973-6.561 1.557-.67.194-1.424.333-2.066.666-.224.111-.196.333-.084.472-.056.028-.084.028-.14.056-.195.028-.363.056-.558.083-.168.028-.252.167-.224.334 0 .027.028.083.028.11-1.173 1.556-2.485 3.195-3.909 4.945-1.396 1.611-2.876 3.306-4.356 5.056-4.719 5.5-10.052 11.75-15.943 17.25a.268.268 0 0 0 0 .389c.028.027.056.055.084.055-.084.084-.168.14-.252.222-.056.056-.084.111-.084.167a.605.605 0 0 0-.111.139c-.112.111-.112.305.028.389.111.11.307.11.39-.028.029-.028.029-.056.056-.056a.44.44 0 0 1 .615 0c.335.362.67.723.977 1.028l-.698-.583c-.112-.111-.307-.083-.39.028-.113.11-.085.305.027.389l7.427 6.194c.056.056.112.056.196.056s.14-.028.195-.084l.168-.166c.028.027.083.027.111.027.084 0 .14-.027.196-.083 10.052-10.055 18.15-17.639 27.42-24.417.083-.055.111-.166.111-.25.112 0 .196-.083.251-.194 1.704-5.194 2.039-9.806 2.15-12.083v-.028c0-.028.028-.056.028-.083.028-.056.028-.084.028-.084a1.626 1.626 0 0 0-.111-1.028ZM21.472 9.5c.446-.5.893-1.028 1.34-1.5-2.876 3.778-7.65 9.583-14.408 16.5 4.607-5.083 9.242-10.333 13.068-15ZM5.193 35.778h.084-.084Zm3.462 3.194c-.027-.028-.027-.028 0-.028v.028Zm4.16-3.583c.224-.25.448-.472.699-.722 0 0 0 .027.028.027-.252.223-.475.445-.726.695Zm1.146-1.111c.14-.14.279-.334.446-.5l.028-.028c1.648-1.694 3.351-3.389 5.082-5.111l.028-.028c.419-.333.921-.694 1.368-1.028a379.003 379.003 0 0 0-6.952 6.695ZM24.794 6.472c-.921 1.195-1.954 2.778-2.82 4.028-2.736 3.944-11.532 13.583-11.727 13.75a1976.983 1976.983 0 0 1-8.042 7.639l-.167.167c-.14-.167-.14-.417.028-.556C14.49 19.861 22.03 10.167 25.074 5.917c-.084.194-.14.36-.28.555Zm4.83 5.695c-1.116-.64-1.646-1.64-1.34-2.611l.084-.334c.028-.083.084-.194.14-.277.307-.5.754-.917 1.257-1.167.027 0 .055 0 .083-.028-.028-.056-.028-.139-.028-.222.028-.167.14-.278.335-.278.335 0 1.369.306 1.76.639.111.083.223.194.335.305.14.167.363.445.474.667.056.028.112.306.196.445.056.222.111.472.084.694-.028.028 0 .194-.028.194a2.668 2.668 0 0 1-.363 1.028c-.028.028-.028.056-.056.084l-.028.027c-.14.223-.335.417-.53.556-.643.444-1.369.583-2.095.389 0 0-.195-.084-.28-.111Zm8.154-.834a39.098 39.098 0 0 1-.893 3.167c0 .028-.028.083 0 .111-.056 0-.084.028-.14.056-2.206 1.61-4.356 3.305-6.506 5.028 1.843-1.64 3.686-3.306 5.613-4.945.558-.5.949-1.139 1.06-1.861l.28-1.667v-.055c.14-.334.67-.195.586.166Z",
@@ -38267,28 +38356,28 @@ var LogoText = () => /* @__PURE__ */ jsxs80(
     fill: "none",
     className: "ExcalidrawLogo-text",
     children: [
-      /* @__PURE__ */ jsx152(
+      /* @__PURE__ */ jsx153(
         "path",
         {
           d: "M429.27 96.74c2.47-1.39 4.78-3.02 6.83-4.95 1.43-1.35 2.73-2.86 3.81-4.51-.66.9-1.4 1.77-2.23 2.59-2.91 2.84-5.72 5.09-8.42 6.87h.01ZM343.6 69.36c.33 3.13.58 6.27.79 9.4.09 1.37.18 2.75.25 4.12-.12-4.46-.27-8.93-.5-13.39-.11-2.08-.24-4.16-.4-6.24-.06 1.79-.11 3.85-.13 6.11h-.01ZM378.47 98.34c.01-.37.07-1.13.01-6.51-.11 1.9-.22 3.81-.31 5.71-.07 1.42-.22 2.91-.16 4.35.39.03.78.07 1.17.1-.92-.85-.76-2.01-.72-3.66l.01.01ZM344.09 86.12c-.09-2.41-.22-4.83-.39-7.24v12.21c.15-.05.32-.09.47-.14.05-1.61-.03-3.23-.09-4.83h.01ZM440.69 66.79c-.22-.34-.45-.67-.69-.99-3.71-4.87-9.91-7.14-15.65-8.55-1.05-.26-2.12-.49-3.18-.71 2.29.59 4.48 1.26 6.64 2.02 7.19 2.54 10.57 5.41 12.88 8.23ZM305.09 72.46l1.2 3.6c.84 2.53 1.67 5.06 2.46 7.61.24.78.5 1.57.73 2.36.22-.04.44-.08.67-.12a776.9 776.9 0 0 1-5.01-13.57c-.02.04-.03.09-.05.13v-.01ZM345.49 90.25v.31c1.48-.42 3.05-.83 4.66-1.2-1.56.25-3.12.52-4.66.89ZM371.02 90.22c0-.57-.04-1.14-.11-1.71-.06-.02-.12-.04-.19-.05-.21-.05-.43-.08-.65-.11.42.16.74.88.95 1.87ZM398.93 54.23c-.13 0-.27-.01-.4-.02l.03.4c.11-.15.23-.27.37-.38ZM401.57 62.28v-.15c-1.22-.24-2.86-.61-3.23-1.25-.09-.15-.18-.51-.27-.98-.09.37-.2.73-.33 1.09 1.24.56 2.52.98 3.83 1.29ZM421.73 88.68c-2.97 1.65-6.28 3.12-9.69 3.68v.18c4.72-.14 11.63-3.85 16.33-8.38-2.04 1.75-4.33 3.24-6.63 4.53l-.01-.01ZM411.28 80.92c-.05-1.2-.09-2.4-.15-3.6-.21 5.66-.46 11.38-.47 14.51.24-.02.48-.04.71-.07.15-3.61.05-7.23-.09-10.83v-.01Z",
           transform: "translate(-144.023 -51.76)"
         }
       ),
-      /* @__PURE__ */ jsx152(
+      /* @__PURE__ */ jsx153(
         "path",
         {
           d: "M425.38 67.41c-3.5-1.45-7.19-2.57-14.06-3.62.09 1.97.06 4.88-.03 8.12.03.04.06.09.06.15.19 1.36.28 2.73.37 4.1.25 3.77.39 7.55.41 11.33 0 1.38-.01 2.76-.07 4.13 1.4-.25 2.78-.65 4.12-1.15 4.07-1.5 7.94-3.78 11.28-6.54 2.33-1.92 5.13-4.49 5.88-7.58.63-3.53-2.45-6.68-7.97-8.96l.01.02ZM411.35 92.53v-.06l-.34.03c.11.01.22.03.34.03ZM314.26 64.06c-.23-.59-.47-1.17-.7-1.75.57 1.62 1.11 3.25 1.6 4.9l.15.54 2.35 6.05c.32.82.66 1.64.98 2.46-1.38-4.1-2.83-8.17-4.39-12.2h.01ZM156.82 103.07c-.18.13-.38.23-.58.33 1.32-.03 2.66-.2 3.93-.34.86-.09 1.72-.22 2.58-.33-2.12.1-4.12.17-5.94.34h.01ZM210.14 68.88s.03.04.05.07c.18-.31.39-.64.58-.96-.21.3-.42.6-.64.89h.01ZM201.65 82.8c-.5.77-1.02 1.56-1.49 2.37 1.11-1.55 2.21-3.1 3.2-4.59-.23.23-.49.51-.75.79-.32.47-.65.95-.96 1.43ZM194.03 98.66c-.33-.4-.65-.84-1.05-1.17-.24-.2-.07-.49.17-.56-.23-.26-.42-.5-.63-.75 1.51-2.55 3.93-5.87 6.4-9.28-.17-.08-.29-.28-.2-.49.04-.09.09-.17.13-.26-1.21 1.78-2.42 3.55-3.61 5.33-.87 1.31-1.74 2.64-2.54 4-.29.5-.63 1.04-.87 1.61.81.65 1.63 1.27 2.47 1.88-.09-.11-.18-.21-.27-.32v.01ZM307.79 82.93c-1-3.17-2.05-6.32-3.1-9.48-1.62 4.08-3.69 9.17-6.16 15.19 3.32-1.04 6.77-1.87 10.27-2.5-.32-1.08-.67-2.15-1.01-3.21ZM149.5 80.7c.05-1.71.04-3.43 0-5.14-.1 2.26-.16 4.51-.22 6.77-.02.73-.03 1.46-.04 2.19.14-1.27.2-2.55.24-3.82h.02ZM228.98 98.3c.39 1.25.91 3.03.94 3.91.06-.03.12-.07.17-.1.08-1.29-.55-2.65-1.11-3.81ZM307.72 53.36c.81.5 1.53 1.04 2.07 1.49-.38-.8-.78-1.58-1.21-2.35-.17.03-.34.06-.51.11-.43.12-.86.26-1.29.41.35-.01.53.1.94.34ZM283.69 96.14c3.91-7.25 6.89-13.35 8.88-18.15l1.1-2.66c-1.27 2.64-2.56 5.27-3.83 7.9-1.53 3.15-3.06 6.31-4.58 9.47-.87 1.81-1.76 3.62-2.54 5.47.04.02.07.04.11.07.05.05.1.09.15.14.05-.73.27-1.48.71-2.24ZM289.92 103.23s-.04.01-.05.03c0-.02.04-.03.05-.04.05-.05.11-.1.16-.15l.21-.21c-.55 0-1.5-.27-2.55-.72.4.26.8.51 1.22.74.24.13.48.26.73.37.05.02.1.03.14.05a.27.27 0 0 1 .08-.07h.01ZM269.23 68.49c-.39-.19-.82-.48-1.33-.87-3.06-1.56-6.31-2.78-9.36-2.35-3.5.49-5.7 1.11-7.74 2.44 5.71-2.6 12.82-2.07 18.44.79l-.01-.01ZM177.87 53.69l1.06.03c-.96-.22-2-.25-2.89-.3-4.95-.26-9.99.33-14.86 1.19-2.44.43-4.88.95-7.28 1.59 9.09-1.76 15.69-2.77 23.97-2.51ZM219.85 55.51c-.18.12-.36.27-.56.45-.45.53-.86 1.11-1.26 1.66-1.91 2.61-3.71 5.31-5.57 7.95l-.12.18 8.05-10.11c-.18-.05-.36-.1-.55-.13h.01ZM510.71 54.1c.12-.15.29-.3.53-.45.69-.4 3.72-.63 5.87-.74-.36-.02-.73-.04-1.09-.05-1.84-.03-3.67.09-5.49.35.05.3.12.59.18.88v.01ZM510.76 86.02c1.37-3.07 2.49-6.27 3.57-9.46.55-1.64 1.12-3.3 1.6-4.97-1.59 4.01-3.67 9.14-6.2 15.3.24-.08.5-.14.74-.22.1-.22.19-.44.29-.65ZM566.95 75.76c.11-.02.23.03.31.11-.05-.13-.09-.26-.14-.39-.05.09-.11.18-.17.28ZM511.33 86.41c3.08-.89 6.24-1.62 9.46-2.14-1.51-3.98-2.98-7.96-4.39-11.87-.05.15-.09.31-.14.46-1.02 3.32-2.15 6.61-3.39 9.85-.48 1.25-.98 2.49-1.53 3.7h-.01ZM578.24 74.45c.11-.44.23-.87.35-1.31-.31.7-.64 1.39-.97 2.08.09.21.19.4.28.61.12-.46.23-.92.35-1.38h-.01ZM520.62 53.11c-.09 0-.18-.01-.28-.02.38.34.29 1.08.93 2.53l6.65 17.15c2.2 5.68 4.69 11.36 7.41 16.87l1.06 2.17c-2.95-7.05-5.92-14.08-8.87-21.13-1.58-3.79-3.16-7.59-4.7-11.4-.78-1.92-1.73-3.89-2.25-5.91-.03-.1 0-.19.04-.26h.01ZM578.78 77.87c1.45-5.77 3.07-10.43 3.58-13.36.05-.34.16-.88.31-1.55-.67 1.79-1.37 3.56-2.08 5.33-.12.43-.23.86-.35 1.29-.65 2.43-1.29 4.86-1.9 7.3.14.33.29.65.43 1l.01-.01ZM545.3 94.66c.02-.44.03-.83.05-1.12.02-1.01.05-2.02.11-3.02.03-6.66-.46-14.33-1.46-22.8-.13-.42-.27-1.24-.56-2.89 0-.02 0-.04-.01-.06.62 6.61.95 13.25 1.32 19.87.17 3.08.33 6.16.52 9.23.02.25.03.52.04.78l-.01.01ZM580.77 102.81c.13.2.27.38.37.49.27-.11.53-.22.8-.32-.43.09-.82.05-1.17-.16v-.01ZM530.48 104.07h.33c-.36-.13-.71-.32-1.04-.56.14.24.3.47.45.7.06-.08.14-.13.26-.13v-.01ZM542.63 58.82c.06.23.11.47.15.71.14-.33.36-.62.7-.86-.28.05-.57.11-.85.15ZM583.81 57.87c.15-.7.29-1.41.42-2.11-.14.45-.28.9-.42 1.34-.46 1.44-.89 2.89-1.31 4.34.44-1.19.88-2.37 1.31-3.57ZM523.62 91.48c-4.66 1.17-9.05 2.89-14.02 5.27 4.65-1.84 9.48-3.29 14.28-4.63-.09-.22-.17-.41-.26-.64ZM460.64 78.3c-.04-2.9-.11-5.81-.28-8.71-.1-1.68-.17-3.43-.5-5.09-.07.02-.14.03-.2.05.3 6.54.45 12.17.51 17.12.17-.07.34-.14.51-.2 0-1.06-.01-2.11-.03-3.17h-.01ZM470.63 63.24c-3.38-.26-6.81.32-10.1 1.1.41 2.01.47 4.14.57 6.18.18 3.55.25 7.11.27 10.67 3.31-1.38 6.5-3.12 9.3-5.35 1.96-1.56 3.86-3.41 5.02-5.66.73-1.41 1.19-3.22.26-4.65-1.09-1.7-3.46-2.14-5.32-2.29ZM460.29 63.68c1-.24 2.01-.46 3.04-.65-1.15.16-2.37.38-3.71.69v.13c.07-.02.15-.04.22-.05.11-.13.3-.18.45-.11v-.01ZM457.24 100.96c.43-.03.86-.07 1.29-.11.14-.49.27-.99.38-1.49-.44.7-1 1.23-1.67 1.6ZM482.88 104.98c-.18.23-.36.38-.55.47.14.09.27.19.4.28a70.76 70.76 0 0 0 4.37-4.63c.76-.89 1.52-1.81 2.19-2.77-.3-.27-.61-.53-.92-.79-.07 1.94-4.62 6.32-5.49 7.45v-.01Z",
           transform: "translate(-144.023 -51.76)"
         }
       ),
-      /* @__PURE__ */ jsx152(
+      /* @__PURE__ */ jsx153(
         "path",
         {
           d: "M474.36 63.31c-.4-.16-.84-.27-1.29-.37 1.56.42 3.08 1.22 3.76 2.74.62 1.4.32 2.95-.28 4.32.7-1.22.94-2.34.74-3.47-.24-1.33-1.19-2.54-2.93-3.21v-.01ZM477.34 89.18c-1.2-.81-2.4-1.62-3.6-2.42-.14.1-.26.19-.4.29 1.4.67 2.73 1.39 4 2.13ZM465.88 93.85c.37.25.74.5 1.1.75.46.32.92.65 1.38.97-1.57-1.2-2.01-1.61-2.49-1.72h.01ZM574.92 90.06c-2.28-5.21-4.93-11.13-5.67-12.26-.1-.15-1.57-3.01-1.63-3.08 0 0-.01.02-.02.02.4 1.37 1.09 2.69 1.65 3.99 2.14 4.95 4.36 9.86 6.67 14.73.6 1.26 1.21 2.52 1.83 3.78-.75-2.01-1.64-4.45-2.83-7.18ZM448.73 65.29c.1.2.22.38.34.57.22-.02.43-.06.65-.08v-.08c-.14-.05-.25 0-.99-.41ZM460.16 94.81c-.02.31-.06.59-.1.89-.03 1.71-.33 3.43-.79 5.07.15-.02.3-.03.45-.05.01-.04.02-.08.03-.11.09-.34.15-.69.2-1.03.17-1.07.25-2.16.33-3.24.05-.69.08-1.39.12-2.08-.27.1-.27.26-.24.57v-.02Z",
           transform: "translate(-144.023 -51.76)"
         }
       ),
-      /* @__PURE__ */ jsx152(
+      /* @__PURE__ */ jsx153(
         "path",
         {
           d: "m328.67 98.12-3.22-6.58c-1.29-2.63-2.53-5.29-3.72-7.97-.25-.85-.52-1.69-.79-2.53-.81-2.57-1.67-5.12-2.55-7.67-1.92-5.53-3.9-11.08-6.32-16.41-.72-1.58-1.46-3.44-2.63-4.79-.03-.17-.16-.29-.34-.36a.282.282 0 0 0-.23-.04c-.06-.01-.12 0-.18.01-.74.06-1.5.38-2.19.61-2.22.77-4.4 1.64-6.63 2.38-.03-.08-.06-.16-.09-.25-.15-.42-.82-.24-.67.19.03.09.07.19.1.28l-.18.06c-.36.11-.28.6 0 .68.18 1.18.63 2.36.98 3.49.03.09.06.17.08.26-.08.23-.17.46-.24.64-.37.98-.79 1.94-1.21 2.9-1.27 2.89-2.62 5.75-3.98 8.6-3.18 6.67-6.44 13.31-9.64 19.97-1.08 2.25-2.2 4.5-3.15 6.81-.13.32.24.5.5.37 1.34 1.33 2.84 2.5 4.4 3.57.65.44 1.31.87 2.01 1.24.4.22.86.48 1.33.5.24.01.35-.19.33-.37.11-.1.21-.21.28-.28.41-.41.81-.84 1.2-1.26.85-.92 1.69-1.87 2.5-2.84 6.31-2.34 12.6-4.31 18.71-5.84 2.14 5.3 3.43 8.43 3.97 9.58.55 1.05 1.15 1.88 1.82 2.52 1.32.56 6.96-.03 9.23-1.96.87-1.28 1.19-2.67.93-4.15-.09-.5-.22-.95-.4-1.33l-.01-.03Zm-20.09-45.61c.43.77.83 1.56 1.21 2.35-.54-.45-1.27-.99-2.07-1.49-.42-.24-.6-.35-.94-.34.43-.15.85-.29 1.29-.41.17-.05.34-.08.51-.11Zm-25.86 45.66c.78-1.85 1.67-3.66 2.54-5.47 1.51-3.16 3.05-6.31 4.58-9.47 1.28-2.63 2.56-5.26 3.83-7.9l-1.1 2.66c-1.99 4.79-4.97 10.9-8.88 18.15-.43.76-.66 1.51-.71 2.24-.05-.05-.1-.09-.15-.14a.259.259 0 0 0-.11-.07Zm6.24 4.71c-.42-.23-.82-.48-1.22-.74 1.05.45 2 .72 2.55.72l-.21.21c-.05.05-.11.1-.16.15-.01.01-.04.03-.05.04 0-.02.03-.02.05-.03a.27.27 0 0 0-.08.07c-.05-.02-.1-.03-.14-.05-.25-.1-.49-.24-.73-.37h-.01Zm15.73-29.43c1.05 3.15 2.1 6.31 3.1 9.48.34 1.06.69 2.13 1.01 3.21-3.5.63-6.95 1.46-10.27 2.5 2.48-6.03 4.54-11.11 6.16-15.19Zm4.79 12.57c-.23-.79-.49-1.58-.73-2.36-.79-2.54-1.63-5.08-2.46-7.61l-1.2-3.6c.02-.04.04-.09.05-.13 1.6 4.45 3.28 9 5.01 13.57l-.67.12v.01Zm5.83-18.27-.15-.54c-.49-1.64-1.03-3.28-1.6-4.9.23.58.47 1.17.7 1.75 1.56 4.03 3.01 8.1 4.39 12.2-.33-.82-.67-1.64-.98-2.46l-2.35-6.05h-.01ZM390.43 79.37c-.13-10.43-.22-17.5-.24-19.97-.24-1.6.21-2.88-.65-3.65-.14-.13-.32-.23-.52-.32h.03c.45 0 .45-.69 0-.7-1.75-.03-3.5-.04-5.25-.14-1.38-.08-2.76-.21-4.15-.31-.07 0-.12.01-.17.04-.21-.07-.47.03-.45.31l.03.45c-.11.14-.19.3-.22.5-.21 1.26-.32 13.67-.36 23.59-.32 5.79-.67 11.57-.97 17.36-.09 1.73-.29 3.54-.21 5.3-.39.02-.38.64.04.69v.12c.05.44.74.45.7 0v-.06c1.1.09 2.2.21 3.3.3 1.14.19 2.44.2 3.29.17 1.73-.05 2.92-.05 3.8-.37.45-.05.9-.11 1.35-.17.44-.06.25-.73-.19-.67h-.01c.24-.32.45-.72.62-1.25.66-1.84.41-6.36.34-11.33l-.13-9.9.02.01Zm-12.26 18.17c.09-1.91.2-3.81.31-5.71.06 5.38 0 6.14-.01 6.51-.05 1.65-.21 2.81.72 3.66-.39-.04-.78-.07-1.17-.1-.06-1.44.09-2.93.16-4.35l-.01-.01ZM588.97 53.85c-2.06-.25-3.17-.51-3.76-.6a.3.3 0 0 1 .04-.08c.22-.39-.39-.75-.6-.35-.56 1.02-.9 2.19-1.26 3.29-.61 1.88-1.17 3.78-1.72 5.68-.63 2.19-1.24 4.39-1.83 6.59-.81 2.03-1.67 4.05-2.61 6.03-1.7-3.64-3.11-6.04-4.03-7.57-2.26-3.74-2.85-5.48-3.57-6.08l.31-.09c.43-.12.25-.8-.19-.67-1.06.3-2.12.6-3.17.95-.93.32-1.85.69-2.76 1.07-.13.05-.19.16-.22.27-.04.02-.08.05-.11.07-.04-.06-.07-.12-.11-.18a.354.354 0 0 0-.48-.12c-.16.09-.22.32-.13.48l.33.54c0 .09.02.18.06.28.51 1.16.78 1.38.72 1.47-2.42 3.44-5.41 7.86-6.2 9.1-1.27 1.97-2.01 3.14-2.45 3.84l-.91-6.56-.43-4.1c-.19-1.85-.37-3.23-.53-4.13-.19-1.1-.3-2.15-.45-3.16-.2-1.36-.29-2.06-.47-2.42h.04c.45.02.45-.68 0-.7-3.43-.16-6.81.94-10.17 1.48-.24-.22-.73-.04-.58.32.24.59.33 1.25.43 1.87.17 1.06.29 2.13.4 3.2.32 3.09.53 6.2.74 9.3.44 6.75.77 13.51 1.17 20.26.11 1.95.13 3.96.46 5.89.05.3.37.31.55.14.74 1.71 2.87 1.27 6.13 1.27 1.34 0 2.39.04 2.99-.11.02.32.48.53.63.18 3.61-8.26 7.41-16.46 12.05-24.2.03-.05.04-.1.05-.15.3.73.64 1.45.94 2.16.97 2.26 1.97 4.52 2.98 6.76 2.26 5.03 4.54 10.07 7.09 14.96.47.9.94 1.79 1.47 2.65.2.32.4.67.66.96-.18.25 0 .68.34.54.91-.38 1.82-.75 2.76-1.07 1.04-.35 2.11-.65 3.17-.95.39-.11.28-.66-.07-.68.62-.4.95-.96.87-1.91-.3-3.34.72-7.47.86-8.52l2.14-11.43c1.75-10.74 3.13-17.51 3.23-20.86.02-.49.08-2.84.13-3.24.17-1.25.48-1-4.96-1.65l.03-.02Zm-46.19 5.67c-.04-.24-.09-.48-.15-.71l.85-.15c-.34.24-.56.53-.7.86Zm1.95 25.12c-.36-6.63-.7-13.26-1.32-19.87 0 .02 0 .04.01.06.29 1.65.44 2.47.56 2.89 1 8.46 1.5 16.14 1.46 22.8-.06.99-.1 2-.11 3.02-.01.29-.03.68-.05 1.12-.01-.26-.03-.53-.04-.78-.19-3.08-.35-6.16-.52-9.23l.01-.01Zm36.4 18.66c-.11-.11-.24-.29-.37-.49.35.21.74.26 1.17.16-.27.11-.53.22-.8.32v.01Zm-.89-33.72c.12-.43.23-.86.35-1.29.71-1.77 1.41-3.55 2.08-5.33-.15.68-.26 1.22-.31 1.55-.5 2.94-2.13 7.59-3.58 13.36-.15-.35-.29-.66-.43-1 .61-2.44 1.25-4.87 1.9-7.3l-.01.01Zm3.56-12.48c.14-.44.28-.89.42-1.34-.13.7-.27 1.41-.42 2.11-.43 1.19-.86 2.38-1.31 3.57.42-1.45.85-2.9 1.31-4.34Zm-5.22 16.05c-.11.44-.23.87-.35 1.31-.12.46-.23.92-.35 1.38-.1-.22-.19-.4-.28-.61.34-.69.66-1.38.97-2.08h.01Zm-11.64 2.62c.06-.1.12-.19.17-.28.05.13.09.26.14.39a.398.398 0 0 0-.31-.11Zm2.3 2.98c-.56-1.3-1.25-2.63-1.65-3.99 0 0 .01-.02.02-.02.06.08 1.52 2.93 1.63 3.08.73 1.13 3.38 7.04 5.67 12.26 1.2 2.73 2.08 5.17 2.83 7.18-.62-1.25-1.23-2.51-1.83-3.78-2.31-4.87-4.53-9.78-6.67-14.73ZM275.92 87.03c-1.06-2.18-1.13-3.45-2.44-2.93-1.52.57-2.94 1.3-4.5 2.1-1.4.72-2.68 1.44-3.92 2.12.01-.25-.24-.5-.51-.34-4.8 2.93-12.41 4.7-17.28 1.31-1.98-1.77-3.32-4.15-3.97-5.78-.29-.95-.49-1.94-.63-2.93-.14-3.34 1.58-6.53 3.9-9.12.8-.79 1.68-1.51 2.66-2.12 3.7-2.3 8.22-3.07 12.51-2.51 2.71.35 5.32 1.24 7.71 2.55.39.22.75-.39.35-.6-.18-.1-.37-.18-.55-.27.56.27 1.03.33 1.51.19l-.48.39c-.15.11-.23.3-.13.48.09.15.33.24.48.13 1.3-.97 2.46-2.09 3.45-3.37.37-.29.64-.6.65-.97v-.02c.08-.33-.03-.7-.21-1.08-.31-.87-.98-2.01-2.19-3.26-2.43-2.52-3.79-3.45-5.68-4.26-1.14-.49-3.12-1.06-4.42-1.23-3.28-.42-10.64-1.21-18.18 4.11-7.74 5.46-11.94 12.3-12.23 20.61-.08 2.06.04 3.98.34 5.71.74 4.18 2.57 8 5.44 11.34 4.26 4.99 9.76 7.52 16.34 7.52 4.85 0 9.69-1.77 14.89-4.62.23-.12.45-.23.68-.35 2.19-1.1 4.37-2.23 6.46-3.5.49-.3 1.03-.61 1.5-.98 1.47-.87 1.11-1.12.49-2.95-.39-1.14-.76-2.7-2.06-5.36l.02-.01Zm-17.38-21.76c3.05-.42 6.31.79 9.36 2.35.51.39.94.68 1.33.87-5.61-2.86-12.72-3.39-18.44-.79 2.05-1.33 4.24-1.95 7.74-2.44l.01.01ZM443.67 72.67c-.4-2.2-1.15-4.33-2.37-6.22-1.49-2.32-3.58-4.19-5.91-5.64-6.17-3.81-13.75-5.11-20.83-6.01-3.23-.41-6.47-.69-9.72-.92l-1.39-.12c-.85-.07-1.52-.1-2.05-.1-1.08-.06-2.17-.12-3.25-.17-.08 0-.14.02-.19.05-.1.05-.18.14-.16.3.27 2.55-.01 5.12-.92 7.52-.15.38.4.56.62.28 1.32.59 2.68 1.05 4.08 1.37 0 2.78-.14 7.58-.33 12.91 0 0 0 .02-.01.03-.61 3.66-.79 7.42-1 11.12-.23 4.01-.43 8.03-.44 12.05 0 .64 0 1.28.03 1.93.02.31 0 .68.15.96.06.11.14.16.24.17-.2.17-.21.54.11.59 3.83.67 7.78.71 11.68.25 2.3-.19 4.87-.65 7.65-1.56 1.85-.54 3.67-1.18 5.43-1.91 7.2-3.02 14.31-8.07 17.35-15.53.76-1.86 1.17-3.8 1.31-5.75.3-1.93.28-3.82-.09-5.58l.01-.02Zm-19.32-15.42c5.74 1.41 11.94 3.68 15.65 8.55.25.32.47.65.69.99-2.3-2.82-5.68-5.69-12.88-8.23-2.16-.76-4.35-1.43-6.64-2.02 1.06.21 2.13.45 3.18.71Zm-25.82-3.04c.13 0 .27.01.4.02-.14.1-.26.23-.37.38 0-.13-.02-.26-.03-.4Zm34.82 22.17c-.75 3.09-3.55 5.66-5.88 7.58-3.35 2.76-7.21 5.03-11.28 6.54-1.33.49-2.71.9-4.12 1.15.06-1.38.08-2.76.07-4.13-.02-3.78-.16-7.56-.41-11.33-.09-1.37-.18-2.74-.37-4.1 0-.06-.03-.11-.06-.15.09-3.25.12-6.16.03-8.12 6.86 1.05 10.56 2.17 14.06 3.62 5.52 2.28 8.59 5.44 7.97 8.96l-.01-.02Zm-22 16.15c-.12 0-.23-.02-.34-.03l.34-.03v.06Zm-.69-.7c0-3.13.26-8.84.47-14.51.06 1.2.11 2.41.15 3.6.15 3.6.25 7.23.09 10.83-.24.03-.48.05-.71.07v.01Zm-12.33-30.94c.37.63 2.01 1.01 3.23 1.25v.15c-1.31-.31-2.59-.73-3.83-1.29.12-.36.23-.72.33-1.09.08.48.18.84.27.98Zm13.7 31.65v-.18c3.41-.56 6.71-2.02 9.69-3.68 2.31-1.28 4.59-2.78 6.63-4.53-4.69 4.53-11.61 8.24-16.33 8.38l.01.01Zm24.07-.75c-2.05 1.93-4.37 3.56-6.83 4.95 2.7-1.78 5.52-4.03 8.42-6.87.82-.82 1.56-1.69 2.23-2.59-1.08 1.65-2.38 3.16-3.81 4.51h-.01ZM187.16 92.14c-.79-2.47-2.1-7.12-3.1-6.87-.19-.01-2.09.77-4.08 1.54-3.06 1.18-5.91 2.13-10.09 2.82-2.74.42-5.87 1.01-10.61 1.06.04-3.34.05-6.01.05-7.99 7.97-.65 12.33-2.11 16.37-3.55 1.11-.39 2.69-1.01 2.63-1.8-.08-.35-.55-1.39-1.17-2.61-.47-1.16-.98-2.31-1.61-3.38-.42-.71-1.04-1.69-1.86-2.06-.11-.08-.22-.13-.29-.12-.02 0-.04 0-.07.01-.19-.04-.39-.05-.6-.01-.17.03-.24.15-.25.28-.04.02-.09.04-.14.05-4.33 1.48-8.85 2.33-13.24 3.61a499.1 499.1 0 0 0-.31-8.19c4.51-.99 8.88-1.38 13.11-1.82 3.68-.38 6.28.12 7.47.34.59.11.9.16 1.16.18h.1c-.1.37.44.66.62.28.02-.04.03-.08.05-.13.15.2.53.22.62-.1.17-.58.19-1.21.21-1.81v-.36c.03-.15.05-.3.07-.45.52-2.47.33-5.09-.64-7.44-.11-.27-.44-.28-.6-.14-.08-.21-.15-.42-.24-.62-.19-.41-.79-.05-.6.35.03.07.05.15.09.22-.98-.42-2.15-.54-3.17-.63-2.17-.19-4.37-.14-6.54 0-5.7.35-11.4 1.3-16.91 2.79-2.08.56-4.13 1.22-6.14 2-4.54 1.05-3.79 1.51-2.17 6.07.18.51.46 1.68.54 1.94.82 2.47 1.08 2.13 3.1 2.13s0 .05 0 .08h.52c-.48 2.66-.51 5.45-.62 8.13-.15 3.48-.22 6.96-.28 10.45 0 .41-.01.82-.02 1.23-.16.29-.33.57-.51.85-.05.38-.09.77-.14 1.18-.42 3.52-.59 6.48-.52 8.8v.34c.02.47.05.76.06.87.16 1.57-.26 3.47 1.35 3.79 1.61.32 3.5.55 4.85.55.11 0 .22-.02.33-.02 1.79.24 3.67.05 5.45-.12 2.85-.28 5.69-.7 8.51-1.19 3.03-.53 6.05-1.14 9.04-1.86 2.4-.58 4.82-1.19 7.13-2.06.51-.19 1.73-.57 2.46-1.14 1.81-.68 2.18-1 1.57-2.67-.23-.62-.48-1.49-.91-2.78l-.03-.02Zm-11.12-38.71c.89.05 1.93.08 2.89.3-.33 0-.68-.02-1.06-.03-8.28-.26-14.88.75-23.97 2.51 2.41-.64 4.85-1.16 7.28-1.59 4.87-.86 9.91-1.45 14.86-1.19Zm-26.53 22.13c.03 1.71.04 3.43 0 5.14-.04 1.27-.11 2.55-.24 3.82 0-.73.02-1.46.04-2.19.05-2.26.12-4.51.22-6.77h-.02Zm6.73 27.85c.2-.1.4-.21.58-.33 1.82-.17 3.82-.24 5.94-.34-.86.11-1.72.24-2.58.33-1.27.14-2.61.31-3.93.34h-.01ZM534.48 85.44c-3.52-8.38-7.07-16.75-10.5-25.17-.63-1.54-1.25-3.09-1.86-4.65-.31-.8-.65-1.6-.87-2.43-.04-.17-.17-.24-.31-.25.1-.2 0-.51-.29-.53-1.59-.08-3.18-.22-4.78-.25-1.96-.03-3.91.13-5.84.42-.31.05-.31.38-.13.56-.03.06-.05.14-.04.22.23 1.54.63 3.06 1.16 4.53.13.35.27.7.41 1.06l-2.68 6.18c-.11.03-.2.09-.25.22-.67 1.9-1.52 3.73-2.34 5.56a536.85 536.85 0 0 1-3.9 8.45c-2.64 5.64-5.34 11.25-7.91 16.93-.44.97-.88 1.94-1.29 2.93-.2.48-.47 1-.55 1.52v.05c-.02.12.02.26.16.34 1.19.73 2.41 1.41 3.66 2.05 1.2.62 2.45 1.25 3.76 1.61.43.12.62-.55.19-.67-1.13-.31-2.2-.83-3.24-1.36 1.09.36 2.1.69 2.75.93 2.82 1.01 2.38 1.1 4.3-3.75 2.1-1.09 4.34-1.96 6.53-2.79 4.35-1.64 8.8-3.03 13.27-4.29.82 2.01 1.77 3.97 2.72 5.92.35.83.62 1.45.79 1.82.22.42.45.8.69 1.15.17.33.33.67.5 1 .42.8.84 1.63 1.4 2.35.23.29.6 0 .55-.31 1.53-.02 3.06-.07 4.58-.27.92-.12 1.82-.32 2.71-.54 1.39-.27 3.85-1.11 3.74-1.42-.67-1.96-1.55-3.87-2.34-5.78-1.57-3.78-3.16-7.56-4.75-11.33v-.01Zm-11.65-26.16c1.54 3.81 3.12 7.6 4.7 11.4 2.94 7.05 5.91 14.09 8.87 21.13l-1.06-2.17c-2.71-5.51-5.2-11.19-7.41-16.87l-6.65-17.15c-.65-1.45-.55-2.19-.93-2.53.09 0 .18.01.28.02a.29.29 0 0 0-.04.26c.52 2.02 1.47 3.98 2.25 5.91h-.01Zm-6.58 13.58c.05-.15.09-.31.14-.46 1.41 3.92 2.88 7.9 4.39 11.87-3.22.52-6.38 1.25-9.46 2.14.55-1.22 1.05-2.46 1.53-3.7 1.24-3.24 2.37-6.53 3.39-9.85h.01Zm-.23-20c.36 0 .73.03 1.09.05-2.15.1-5.18.33-5.87.74-.24.15-.41.3-.53.45-.06-.29-.13-.58-.18-.88 1.82-.26 3.65-.39 5.49-.35v-.01Zm-.09 18.72c-.49 1.67-1.05 3.33-1.6 4.97-1.07 3.19-2.19 6.38-3.57 9.46-.09.21-.19.43-.29.65-.25.07-.5.14-.74.22 2.53-6.16 4.61-11.29 6.2-15.3Zm-6.34 25.16c4.97-2.38 9.37-4.1 14.02-5.27l.26.64c-4.8 1.35-9.63 2.8-14.28 4.63Zm20.17 6.76c.33.23.68.42 1.04.56h-.33c-.12 0-.21.06-.26.13-.15-.23-.31-.45-.45-.7v.01ZM226.57 91.75c-3.55-4.74-6.68-9.11-9.31-12.99 9.2-15.25 10.05-17.81 10.35-18.38.17-.34 1.09-2.27.64-2.53-1.13-.65-1.03-.65-2.97-1.71-1.19-.65-3.04-1.61-4.53-2.12-1.71-.59-1.24-.36-3 2.77-.06.1-.11.2-.17.3-.75 1.02-1.48 2.05-2.2 3.09-1.88 2.71-3.73 5.45-5.69 8.1-3.68-4.91-6.88-8.76-9.51-11.43-.15-.15-.3-.29-.46-.42-1.27-1.28-7.24 3.53-7.93 5.58-.09.09-.19.16-.28.25-.27.26.03.64.33.58.19.65.5 1.29.94 1.91 3.85 5.06 7.19 9.76 9.94 14-1.23 2.61-3.06 5-4.67 7.38l-2.28 3.33c-.5.66-.93 1.23-1.29 1.69-.67.93-2.09 2.61-2.3 3.87-.51.85-1.16 1.84-1.29 2.83-.06.44.61.63.67.19.01-.08.04-.15.06-.22 1.36 1.08 2.76 2.11 4.19 3.11 1.3.91 2.62 1.85 4.04 2.56.21.1.4 0 .48-.17.24.07.48.14.72.2.44.1.62-.57.19-.67-2.02-.48-3.77-1.57-5.23-3.02-.47-.46-.9-.96-1.32-1.46 1.74 1.35 4.2 2.89 5.89 4.14 1.39 1.03 2.85-2.27 4.22-4.2 1.86-2.64 3.96-5.86 5.52-8.29l10.39 14.51c.67.81 1.14 1.21 1.57 1.36-.05.24.12.51.41.4 1.53-.58 3.05-1.19 4.54-1.87 1.52-.69 3.06-1.45 4.36-2.5a.28.28 0 0 0 .12-.23c1.66-1.1.81-1.74-1.41-4.91-1.13-1.58-1.71-2.36-3.7-5.01l-.03-.02Zm2.41 6.54c.56 1.15 1.19 2.52 1.11 3.81-.06.04-.12.07-.17.1-.03-.88-.55-2.66-.94-3.91Zm-16.51-32.73c1.86-2.65 3.65-5.35 5.57-7.95.4-.55.81-1.13 1.26-1.66.19-.18.38-.33.56-.45.18.03.36.08.55.13l-8.05 10.11.12-.18h-.01ZM192.7 95.48c.79-1.37 1.66-2.69 2.54-4 1.19-1.79 2.4-3.56 3.61-5.33-.04.09-.09.17-.13.26-.1.22.03.41.2.49-2.47 3.42-4.89 6.73-6.4 9.28.21.24.4.48.63.75-.24.07-.4.36-.17.56.4.33.72.77 1.05 1.17.09.11.18.21.27.32-.84-.61-1.66-1.24-2.47-1.88.24-.57.58-1.11.87-1.61v-.01Zm7.46-10.32c.47-.81.98-1.59 1.49-2.37.31-.48.64-.95.96-1.43.26-.29.52-.56.75-.79-.99 1.48-2.09 3.03-3.2 4.59Zm10.03-16.22s-.03-.05-.05-.07c.22-.29.43-.59.64-.89-.2.32-.4.65-.58.96h-.01ZM371.54 87.96c-.01-.08-.01-.16-.03-.23-.06-.38-.58-.29-.66.03-.3-.05-.6-.08-.81-.11-1.14-.15-2.29-.19-3.44-.2 1.04-.09 2.09-.18 3.14-.23.45-.02.45-.72 0-.7-6.57.35-13.14 1.23-19.65 2.11-1.53.21-3.05.42-4.57.68-.01 0-.02.01-.04.01-.04-3.33-.13-6.66-.24-9.99-.19-5.7-.4-11.41-.88-17.1-.13-1.51-.23-3.07-.49-4.58 0-.25 0-.48-.02-.68-.06-1.19-.04-2.61-.68-2.78-.16-.07-.72-.16-1.5-.24.22-.17.16-.62-.2-.63-1.19-.04-2.39.09-3.57.23-1.2.14-2.41.32-3.59.6-.16-.1-.41-.06-.5.12-.06.02-.13.03-.19.05-.35.1-.29.55-.03.66-.26.6-.19 2.27-.21 3-.02.66-.66 33.73-.9 40.3-.03.65.06 1.12.04 1.45-.16 3.05.87 4.96 6.34 3.93 1.09-.08 2.75-.77 5.36-1.43 4.13-1.04 5.78-1.52 6.2-1.65 6.43-1.69 6.78-1.97 11.72-2.43.55-.05 4.8-.38 6.03-.3.64.04 1.19.07 1.65.1.09 0 .16-.03.24-.05.1.27.56.33.66-.02.39-1.32.61-2.71.78-4.08.2-1.61.29-3.24.15-4.86.24.03.52-.23.38-.53-.09-.2-.27-.33-.49-.43v-.02Zm-.63.56c.07.57.11 1.14.11 1.71-.21-.99-.53-1.71-.95-1.87.22.03.44.06.65.11.06.01.12.04.19.05Zm-25.41 1.73c1.54-.36 3.1-.64 4.66-.89-1.61.37-3.18.77-4.66 1.2v-.31Zm-.86-7.37c-.07-1.37-.16-2.75-.25-4.12-.21-3.13-.45-6.27-.79-9.4.02-2.25.08-4.31.13-6.11.16 2.08.29 4.16.4 6.24.23 4.46.38 8.93.5 13.39h.01Zm-.94-4c.16 2.41.29 4.83.39 7.24.06 1.6.14 3.22.09 4.83-.15.05-.32.09-.47.14V78.88h-.01ZM483.72 92.83c-3.05-2.28-6.22-4.4-9.38-6.51 8.86-6.49 13.49-12.95 13.73-19.23.04-.76 0-1.5-.13-2.2-.67-3.82-3.5-6.68-8.39-8.48.13.04.27.08.4.13 3.92 1.39 7.74 4.23 8.5 8.56.34 1.95-.05 3.96-.98 5.69-.21.4.39.75.6.35 1.86-3.46 1.46-7.55-.97-10.63-3.53-4.47-9.76-5.88-15.16-6.16-2.32-.12-4.64-.04-6.95.19-6 .32-12.71 1.68-17.63 3.21-.37.11-.67.23-.92.35-.2-.17-.62.02-.57.37v.03c-.64.68-.18 1.64.48 3.21.38.91.67 1.89 1.15 2.58.32.76.68 1.51 1.13 2.19.14.21.38.19.53.07.19-.02.38-.05.57-.08v1.57c-.06.06-.1.13-.11.23-.27 4.18-.34 8.38-.48 12.57l-.3 9.03c-.24 3.91-.44 6.77-.46 7.26-.05.88-.11 1.95.07 2.81-.01.22-.02.43-.04.65 0 .11-.02.23-.03.35 0 .05-.03.27-.01.16-.05.4.5.59.64.28.05.04.12.08.2.08 1.75.13 3.5.28 5.25.3 1.69.02 3.38-.12 5.06-.32.08.23.36.39.55.15.06-.08.11-.17.16-.26.18-.09.24-.32.18-.48.05-.2.1-.4.13-.6.16-.86.25-1.74.33-2.62.11-1.17.17-2.34.23-3.51.15-.01.32-.03.52-.04.36-.03 1.73-.15 2.06-.15.39 0 .7-.02.95-.04 1.76 1.11 3.45 2.35 5.14 3.55 2.83 2.01 5.64 4.04 8.47 6.04 1.42 1 2.85 2 4.29 2.97.1.06.19.07.27.04.08 0 .17-.02.25-.1 1.61-1.56 3.15-3.18 4.6-4.88.75-.88 1.49-1.78 2.15-2.73.01.01.03.02.04.03.34.3.83-.2.49-.49-2.16-1.9-4.34-3.76-6.64-5.48l.03-.01Zm-6.38-3.65a55.72 55.72 0 0 0-4-2.13c.14-.1.26-.19.4-.29 1.2.81 2.4 1.61 3.6 2.42Zm-20.1 11.78c.67-.37 1.23-.91 1.67-1.6-.11.5-.24 1-.38 1.49-.43.04-.86.08-1.29.11Zm2.38-37.24c1.34-.31 2.56-.52 3.71-.69-1.03.19-2.04.41-3.04.65-.14-.07-.34-.02-.45.11-.07.02-.15.04-.22.05v-.13.01Zm.04.84c.07-.02.14-.03.2-.05.34 1.66.41 3.41.5 5.09.17 2.9.24 5.81.28 8.71l.03 3.17c-.17.07-.34.14-.51.2-.06-4.96-.21-10.58-.51-17.12h.01Zm16.04 5.62c-1.16 2.25-3.06 4.1-5.02 5.66-2.8 2.23-5.99 3.97-9.3 5.35-.01-3.56-.09-7.12-.27-10.67-.1-2.04-.16-4.16-.57-6.18 3.3-.78 6.72-1.36 10.1-1.1 1.85.14 4.23.59 5.32 2.29.92 1.43.46 3.24-.26 4.65Zm.85-.18c.6-1.37.9-2.92.28-4.32-.67-1.52-2.2-2.32-3.76-2.74.46.1.89.21 1.29.37 1.74.67 2.69 1.88 2.93 3.21.2 1.13-.05 2.25-.74 3.47V70Zm-27.47-4.14c-.12-.19-.23-.38-.34-.57.74.42.85.36.99.41v.08c-.22.03-.43.06-.65.08Zm11.21 30.46c-.08 1.08-.16 2.17-.33 3.24-.05.35-.11.69-.2 1.03 0 .04-.02.07-.03.11-.15.02-.3.04-.45.05.45-1.64.76-3.36.79-5.07.03-.29.08-.57.1-.89-.03-.31-.03-.47.24-.57-.04.69-.07 1.39-.12 2.08v.02Zm5.6-2.47c.48.11.92.52 2.49 1.72-.46-.32-.92-.65-1.38-.97-.37-.25-.73-.5-1.1-.75h-.01Zm21.23 7.24a70.76 70.76 0 0 1-4.37 4.63c-.14-.09-.27-.19-.4-.28.19-.09.37-.24.55-.47.87-1.14 5.43-5.51 5.49-7.45.31.26.62.53.92.79-.67.97-1.42 1.88-2.19 2.77v.01Z",
@@ -38305,13 +38394,13 @@ var ExcalidrawLogo = ({
   withText
 }) => {
   return /* @__PURE__ */ jsxs80("div", { className: `ExcalidrawLogo is-${size}`, style, children: [
-    /* @__PURE__ */ jsx152(LogoIcon, {}),
-    withText && /* @__PURE__ */ jsx152(LogoText, {})
+    /* @__PURE__ */ jsx153(LogoIcon, {}),
+    withText && /* @__PURE__ */ jsx153(LogoText, {})
   ] });
 };
 
 // components/welcome-screen/WelcomeScreen.Center.tsx
-import { Fragment as Fragment25, jsx as jsx153, jsxs as jsxs81 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx154, jsxs as jsxs81 } from "react/jsx-runtime";
 var WelcomeScreenMenuItemContent = ({
   icon,
   shortcut,
@@ -38319,9 +38408,9 @@ var WelcomeScreenMenuItemContent = ({
 }) => {
   const device = useDevice();
   return /* @__PURE__ */ jsxs81(Fragment25, { children: [
-    /* @__PURE__ */ jsx153("div", { className: "welcome-screen-menu-item__icon", children: icon }),
-    /* @__PURE__ */ jsx153("div", { className: "welcome-screen-menu-item__text", children }),
-    shortcut && !device.editor.isMobile && /* @__PURE__ */ jsx153("div", { className: "welcome-screen-menu-item__shortcut", children: shortcut })
+    /* @__PURE__ */ jsx154("div", { className: "welcome-screen-menu-item__icon", children: icon }),
+    /* @__PURE__ */ jsx154("div", { className: "welcome-screen-menu-item__text", children }),
+    shortcut && !device.editor.isMobile && /* @__PURE__ */ jsx154("div", { className: "welcome-screen-menu-item__shortcut", children: shortcut })
   ] });
 };
 WelcomeScreenMenuItemContent.displayName = "WelcomeScreenMenuItemContent";
@@ -38333,14 +38422,14 @@ var WelcomeScreenMenuItem = ({
   className = "",
   ...props
 }) => {
-  return /* @__PURE__ */ jsx153(
+  return /* @__PURE__ */ jsx154(
     "button",
     {
       ...props,
       type: "button",
       className: `welcome-screen-menu-item ${className}`,
       onClick: onSelect,
-      children: /* @__PURE__ */ jsx153(WelcomeScreenMenuItemContent, { icon, shortcut, children })
+      children: /* @__PURE__ */ jsx154(WelcomeScreenMenuItemContent, { icon, shortcut, children })
     }
   );
 };
@@ -38353,7 +38442,7 @@ var WelcomeScreenMenuItemLink = ({
   className = "",
   ...props
 }) => {
-  return /* @__PURE__ */ jsx153(
+  return /* @__PURE__ */ jsx154(
     "a",
     {
       ...props,
@@ -38361,38 +38450,38 @@ var WelcomeScreenMenuItemLink = ({
       href,
       target: "_blank",
       rel: "noreferrer",
-      children: /* @__PURE__ */ jsx153(WelcomeScreenMenuItemContent, { icon, shortcut, children })
+      children: /* @__PURE__ */ jsx154(WelcomeScreenMenuItemContent, { icon, shortcut, children })
     }
   );
 };
 WelcomeScreenMenuItemLink.displayName = "WelcomeScreenMenuItemLink";
 var Center = ({ children }) => {
   const { WelcomeScreenCenterTunnel } = useTunnels();
-  return /* @__PURE__ */ jsx153(WelcomeScreenCenterTunnel.In, { children: /* @__PURE__ */ jsx153("div", { className: "welcome-screen-center", children: children || /* @__PURE__ */ jsxs81(Fragment25, { children: [
-    /* @__PURE__ */ jsx153(Logo, {}),
-    /* @__PURE__ */ jsx153(Heading, { children: t("welcomeScreen.defaults.center_heading") }),
+  return /* @__PURE__ */ jsx154(WelcomeScreenCenterTunnel.In, { children: /* @__PURE__ */ jsx154("div", { className: "welcome-screen-center", children: children || /* @__PURE__ */ jsxs81(Fragment25, { children: [
+    /* @__PURE__ */ jsx154(Logo, {}),
+    /* @__PURE__ */ jsx154(Heading, { children: t("welcomeScreen.defaults.center_heading") }),
     /* @__PURE__ */ jsxs81(Menu, { children: [
-      /* @__PURE__ */ jsx153(MenuItemLoadScene, {}),
-      /* @__PURE__ */ jsx153(MenuItemHelp, {})
+      /* @__PURE__ */ jsx154(MenuItemLoadScene, {}),
+      /* @__PURE__ */ jsx154(MenuItemHelp, {})
     ] })
   ] }) }) });
 };
 Center.displayName = "Center";
 var Logo = ({ children }) => {
-  return /* @__PURE__ */ jsx153("div", { className: "welcome-screen-center__logo excalifont welcome-screen-decor", children: children || /* @__PURE__ */ jsx153(ExcalidrawLogo, { withText: true }) });
+  return /* @__PURE__ */ jsx154("div", { className: "welcome-screen-center__logo excalifont welcome-screen-decor", children: children || /* @__PURE__ */ jsx154(ExcalidrawLogo, { withText: true }) });
 };
 Logo.displayName = "Logo";
 var Heading = ({ children }) => {
-  return /* @__PURE__ */ jsx153("div", { className: "welcome-screen-center__heading welcome-screen-decor excalifont", children });
+  return /* @__PURE__ */ jsx154("div", { className: "welcome-screen-center__heading welcome-screen-decor excalifont", children });
 };
 Heading.displayName = "Heading";
 var Menu = ({ children }) => {
-  return /* @__PURE__ */ jsx153("div", { className: "welcome-screen-menu", children });
+  return /* @__PURE__ */ jsx154("div", { className: "welcome-screen-menu", children });
 };
 Menu.displayName = "Menu";
 var MenuItemHelp = () => {
   const actionManager = useExcalidrawActionManager();
-  return /* @__PURE__ */ jsx153(
+  return /* @__PURE__ */ jsx154(
     WelcomeScreenMenuItem,
     {
       onSelect: () => actionManager.executeAction(actionShortcuts),
@@ -38409,7 +38498,7 @@ var MenuItemLoadScene = () => {
   if (appState.viewModeEnabled) {
     return null;
   }
-  return /* @__PURE__ */ jsx153(
+  return /* @__PURE__ */ jsx154(
     WelcomeScreenMenuItem,
     {
       onSelect: () => actionManager.executeAction(actionLoadScene),
@@ -38424,7 +38513,7 @@ var MenuItemLiveCollaborationTrigger = ({
   onSelect
 }) => {
   const { t: t2 } = useI18n();
-  return /* @__PURE__ */ jsx153(WelcomeScreenMenuItem, { shortcut: null, onSelect, icon: usersIcon, children: t2("labels.liveCollaboration") });
+  return /* @__PURE__ */ jsx154(WelcomeScreenMenuItem, { shortcut: null, onSelect, icon: usersIcon, children: t2("labels.liveCollaboration") });
 };
 MenuItemLiveCollaborationTrigger.displayName = "MenuItemLiveCollaborationTrigger";
 Center.Logo = Logo;
@@ -38437,40 +38526,40 @@ Center.MenuItemLoadScene = MenuItemLoadScene;
 Center.MenuItemLiveCollaborationTrigger = MenuItemLiveCollaborationTrigger;
 
 // components/welcome-screen/WelcomeScreen.Hints.tsx
-import { jsx as jsx154, jsxs as jsxs82 } from "react/jsx-runtime";
+import { jsx as jsx155, jsxs as jsxs82 } from "react/jsx-runtime";
 var MenuHint = ({ children }) => {
   const { WelcomeScreenMenuHintTunnel } = useTunnels();
-  return /* @__PURE__ */ jsx154(WelcomeScreenMenuHintTunnel.In, { children: /* @__PURE__ */ jsxs82("div", { className: "excalifont welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--menu", children: [
+  return /* @__PURE__ */ jsx155(WelcomeScreenMenuHintTunnel.In, { children: /* @__PURE__ */ jsxs82("div", { className: "excalifont welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--menu", children: [
     WelcomeScreenMenuArrow,
-    /* @__PURE__ */ jsx154("div", { className: "welcome-screen-decor-hint__label", children: children || t("welcomeScreen.defaults.menuHint") })
+    /* @__PURE__ */ jsx155("div", { className: "welcome-screen-decor-hint__label", children: children || t("welcomeScreen.defaults.menuHint") })
   ] }) });
 };
 MenuHint.displayName = "MenuHint";
 var ToolbarHint = ({ children }) => {
   const { WelcomeScreenToolbarHintTunnel } = useTunnels();
-  return /* @__PURE__ */ jsx154(WelcomeScreenToolbarHintTunnel.In, { children: /* @__PURE__ */ jsxs82("div", { className: "excalifont welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--toolbar", children: [
-    /* @__PURE__ */ jsx154("div", { className: "welcome-screen-decor-hint__label", children: children || t("welcomeScreen.defaults.toolbarHint") }),
+  return /* @__PURE__ */ jsx155(WelcomeScreenToolbarHintTunnel.In, { children: /* @__PURE__ */ jsxs82("div", { className: "excalifont welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--toolbar", children: [
+    /* @__PURE__ */ jsx155("div", { className: "welcome-screen-decor-hint__label", children: children || t("welcomeScreen.defaults.toolbarHint") }),
     WelcomeScreenTopToolbarArrow
   ] }) });
 };
 ToolbarHint.displayName = "ToolbarHint";
 var HelpHint = ({ children }) => {
   const { WelcomeScreenHelpHintTunnel } = useTunnels();
-  return /* @__PURE__ */ jsx154(WelcomeScreenHelpHintTunnel.In, { children: /* @__PURE__ */ jsxs82("div", { className: "excalifont welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--help", children: [
-    /* @__PURE__ */ jsx154("div", { children: children || t("welcomeScreen.defaults.helpHint") }),
+  return /* @__PURE__ */ jsx155(WelcomeScreenHelpHintTunnel.In, { children: /* @__PURE__ */ jsxs82("div", { className: "excalifont welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--help", children: [
+    /* @__PURE__ */ jsx155("div", { children: children || t("welcomeScreen.defaults.helpHint") }),
     WelcomeScreenHelpArrow
   ] }) });
 };
 HelpHint.displayName = "HelpHint";
 
 // components/welcome-screen/WelcomeScreen.tsx
-import { Fragment as Fragment26, jsx as jsx155, jsxs as jsxs83 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx156, jsxs as jsxs83 } from "react/jsx-runtime";
 var WelcomeScreen = (props) => {
-  return /* @__PURE__ */ jsx155(Fragment26, { children: props.children || /* @__PURE__ */ jsxs83(Fragment26, { children: [
-    /* @__PURE__ */ jsx155(Center, {}),
-    /* @__PURE__ */ jsx155(MenuHint, {}),
-    /* @__PURE__ */ jsx155(ToolbarHint, {}),
-    /* @__PURE__ */ jsx155(HelpHint, {})
+  return /* @__PURE__ */ jsx156(Fragment26, { children: props.children || /* @__PURE__ */ jsxs83(Fragment26, { children: [
+    /* @__PURE__ */ jsx156(Center, {}),
+    /* @__PURE__ */ jsx156(MenuHint, {}),
+    /* @__PURE__ */ jsx156(ToolbarHint, {}),
+    /* @__PURE__ */ jsx156(HelpHint, {})
   ] }) });
 };
 WelcomeScreen.displayName = "WelcomeScreen";
@@ -38573,14 +38662,14 @@ var reconcileElements = (localElements, remoteElements, localAppState) => {
 };
 
 // components/TTDDialog/TTDDialogTrigger.tsx
-import { jsx as jsx156, jsxs as jsxs84 } from "react/jsx-runtime";
+import { jsx as jsx157, jsxs as jsxs84 } from "react/jsx-runtime";
 var TTDDialogTrigger = ({
   children,
   icon
 }) => {
   const { TTDDialogTriggerTunnel } = useTunnels();
   const setAppState = useExcalidrawSetAppState();
-  return /* @__PURE__ */ jsx156(TTDDialogTriggerTunnel.In, { children: /* @__PURE__ */ jsxs84(
+  return /* @__PURE__ */ jsx157(TTDDialogTriggerTunnel.In, { children: /* @__PURE__ */ jsxs84(
     DropdownMenu_default.Item,
     {
       onSelect: () => {
@@ -38590,7 +38679,7 @@ var TTDDialogTrigger = ({
       icon: icon ?? brainIcon,
       children: [
         children ?? t("labels.textToDiagram"),
-        /* @__PURE__ */ jsx156(DropdownMenu_default.Item.Badge, { children: "AI" })
+        /* @__PURE__ */ jsx157(DropdownMenu_default.Item.Badge, { children: "AI" })
       ]
     }
   ) });
@@ -38610,7 +38699,7 @@ var DiagramToCodePlugin = (props) => {
 };
 
 // index.tsx
-import { jsx as jsx157 } from "react/jsx-runtime";
+import { jsx as jsx158 } from "react/jsx-runtime";
 polyfill_default();
 var ExcalidrawBase = (props) => {
   const {
@@ -38683,7 +38772,7 @@ var ExcalidrawBase = (props) => {
       document.removeEventListener("touchmove", handleTouchMove);
     };
   }, []);
-  return /* @__PURE__ */ jsx157(EditorJotaiProvider, { store: editorJotaiStore, children: /* @__PURE__ */ jsx157(InitializeApp, { langCode, theme, children: /* @__PURE__ */ jsx157(
+  return /* @__PURE__ */ jsx158(EditorJotaiProvider, { store: editorJotaiStore, children: /* @__PURE__ */ jsx158(InitializeApp, { langCode, theme, children: /* @__PURE__ */ jsx158(
     App_default,
     {
       onChange,