@wildmio/excalidraw 0.18.0-custom-1 → 0.18.0-custom.1

package/dist/dev/index.js

@@ -66,13 +66,13 @@ import {
   serializeAsJSON,
   serializeLibraryAsJSON,
   strokeRectWithRotation_simple
-} from "./chunk-55IZTNXR.js";
+} from "./chunk-7GZZDIRR.js";
 import {
   define_import_meta_env_default
-} from "./chunk-4BGRJMQS.js";
+} from "./chunk-QRXFLJOF.js";
 import {
   en_default
-} from "./chunk-OCFTI2BU.js";
+} from "./chunk-OWOU4ALI.js";
 import {
   percentages_default
 } from "./chunk-WCM2OLWY.js";
@@ -382,7 +382,7 @@ var globImport_locales_json = __glob({
   "./locales/de-CH.json": () => import("./locales/de-CH-OAWPDQFJ.js"),
   "./locales/de-DE.json": () => import("./locales/de-DE-HE4SJIAA.js"),
   "./locales/el-GR.json": () => import("./locales/el-GR-QXASZLPE.js"),
-  "./locales/en.json": () => import("./locales/en-MLZIHOCR.js"),
+  "./locales/en.json": () => import("./locales/en-GWPE5KV7.js"),
   "./locales/es-ES.json": () => import("./locales/es-ES-EDA76ZAF.js"),
   "./locales/eu-ES.json": () => import("./locales/eu-ES-TF2DGTZU.js"),
   "./locales/fa-IR.json": () => import("./locales/fa-IR-ITKFQ7QV.js"),
@@ -1063,6 +1063,34 @@ var HelpIconThin = createIcon(
   ] }),
   tablerIconProps
 );
+var EyeOnIcon = createIcon(
+  /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      height: "24px",
+      viewBox: "0 -960 960 960",
+      width: "24px",
+      fill: "currentColor",
+      children: /* @__PURE__ */ jsx("path", { d: "M480-320q75 0 127.5-52.5T660-500q0-75-52.5-127.5T480-680q-75 0-127.5 52.5T300-500q0 75 52.5 127.5T480-320Zm0-72q-45 0-76.5-31.5T372-500q0-45 31.5-76.5T480-608q45 0 76.5 31.5T588-500q0 45-31.5 76.5T480-392Zm0 192q-146 0-266-81.5T40-500q54-137 174-218.5T480-800q146 0 266 81.5T920-500q-54 137-174 218.5T480-200Zm0-300Zm0 220q113 0 207.5-59.5T832-500q-50-101-144.5-160.5T480-720q-113 0-207.5 59.5T128-500q50 101 144.5 160.5T480-280Z" })
+    }
+  ),
+  tablerIconProps
+);
+var EyeOffIcon = createIcon(
+  /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      height: "24px",
+      viewBox: "0 -960 960 960",
+      width: "24px",
+      fill: "currentColor",
+      children: /* @__PURE__ */ jsx("path", { d: "m644-428-58-58q9-47-27-88t-93-32l-58-58q17-8 34.5-12t37.5-4q75 0 127.5 52.5T660-500q0 20-4 37.5T644-428Zm128 126-58-56q38-29 67.5-63.5T832-500q-50-101-143.5-160.5T480-720q-29 0-57 4t-55 12l-62-62q41-17 84-25.5t90-8.5q151 0 269 83.5T920-500q-23 59-60.5 109.5T772-302Zm20 246L624-222q-35 11-70.5 16.5T480-200q-151 0-269-83.5T40-500q21-53 53-98.5t73-81.5L56-792l56-56 736 736-56 56ZM222-624q-29 26-53 57t-41 67q50 101 143.5 160.5T480-280q20 0 39-2.5t39-5.5l-36-38q-11 3-21 4.5t-21 1.5q-75 0-127.5-52.5T300-500q0-11 1.5-21t4.5-21l-84-82Zm319 93Zm-151 75Z" })
+    }
+  ),
+  tablerIconProps
+);
 var ExternalLinkIcon = createIcon(
   /* @__PURE__ */ jsx(
     "path",
@@ -9568,7 +9596,7 @@ var exportCanvas = async (type, elements, appState, files, {
     let blob = canvasToBlob(tempCanvas);
     if (appState.exportEmbedScene) {
       blob = blob.then(
-        (blob2) => import("./data/image-HFX5FVZR.js").then(
+        (blob2) => import("./data/image-OLRMF3PX.js").then(
           ({ encodePngMetadata: encodePngMetadata2 }) => encodePngMetadata2({
             blob: blob2,
             metadata: serializeAsJSON(elements, appState, files, "local")
@@ -11952,7 +11980,7 @@ var Hyperlink = ({
     setAppState({ showHyperlinkPopup: "editor" });
   };
   const { x, y } = getCoordsForPopover(element, appState, elementsMap);
-  if (appState.contextMenu || appState.selectedElementsAreBeingDragged || appState.resizingElement || appState.isRotating || appState.openMenu || appState.viewModeEnabled) {
+  if (appState.contextMenu || appState.selectedElementsAreBeingDragged || appState.resizingElement || appState.isRotating || appState.openMenu || appState.viewModeEnabled || appState.hideAnnotations) {
     return null;
   }
   return /* @__PURE__ */ jsxs26(
@@ -16725,7 +16753,7 @@ var SelectedShapeActions = ({
     (appState.activeTool.type === "freedraw" || targetElements.some((element) => element.type === "freedraw")) && renderAction("changeStrokeShape"),
     (hasStrokeStyle(appState.activeTool.type) || targetElements.some((element) => hasStrokeStyle(element.type))) && /* @__PURE__ */ jsxs40(Fragment10, { children: [
       renderAction("changeStrokeStyle"),
-      renderAction("changeSloppiness")
+      app.props.UIOptions.shapeControl?.sloppinessChangeEnabled && renderAction("changeSloppiness")
     ] }),
     (canChangeRoundness(appState.activeTool.type) || targetElements.some((element) => canChangeRoundness(element.type))) && /* @__PURE__ */ jsx71(Fragment10, { children: renderAction("changeRoundness") }),
     (toolIsArrow(appState.activeTool.type) || targetElements.some((element) => toolIsArrow(element.type))) && /* @__PURE__ */ jsx71(Fragment10, { children: renderAction("changeArrowType") }),
@@ -16798,7 +16826,8 @@ var CombinedShapeProperties = ({
   renderAction,
   setAppState,
   targetElements,
-  container
+  container,
+  app
 }) => {
   const showFillIcons = hasBackground(appState.activeTool.type) && !isTransparent3(appState.currentItemBackgroundColor) || targetElements.some(
     (element) => hasBackground(element.type) && !isTransparent3(element.backgroundColor)
@@ -16855,7 +16884,7 @@ var CombinedShapeProperties = ({
                 (element) => hasStrokeStyle(element.type)
               )) && /* @__PURE__ */ jsxs40(Fragment10, { children: [
                 renderAction("changeStrokeStyle"),
-                renderAction("changeSloppiness")
+                app.props.UIOptions.shapeControl?.sloppinessChangeEnabled && renderAction("changeSloppiness")
               ] }),
               (canChangeRoundness(appState.activeTool.type) || targetElements.some(
                 (element) => canChangeRoundness(element.type)
@@ -17182,7 +17211,8 @@ var CompactShapeActions = ({
         renderAction,
         setAppState,
         targetElements,
-        container
+        container,
+        app
       }
     ),
     /* @__PURE__ */ jsx71(
@@ -17281,7 +17311,8 @@ var MobileShapeActions = ({
                   renderAction,
                   setAppState,
                   targetElements,
-                  container
+                  container,
+                  app
                 }
               ),
               /* @__PURE__ */ jsx71(
@@ -18155,7 +18186,7 @@ function CommandPaletteInner({
   };
   const isCommandAvailable = useStableCallback(
     (command) => {
-      if (command.viewMode === false && uiAppState.viewModeEnabled) {
+      if (command.viewMode === false && (uiAppState.viewModeEnabled || uiAppState.hideAnnotations)) {
         return false;
       }
       return typeof command.predicate === "function" ? command.predicate(
@@ -21786,11 +21817,13 @@ var Renderer = class {
           editingTextElement,
           newElementId,
           // cache-invalidation nonce
-          sceneNonce: _sceneNonce
+          sceneNonce: _sceneNonce,
+          hideAnnotations
         }) => {
           const elements = this.scene.getNonDeletedElements();
+          const filteredElements = hideAnnotations ? elements.filter((el) => el.customData?.alwaysVisible === true) : elements;
           const elementsMap = getRenderableElements({
-            elements,
+            elements: filteredElements,
             editingTextElement,
             newElementId
           });
@@ -21839,7 +21872,7 @@ var ElementCanvasButtons = ({
   elementsMap
 }) => {
   const appState = useExcalidrawAppState();
-  if (appState.contextMenu || appState.newElement || appState.resizingElement || appState.isRotating || appState.openMenu || appState.viewModeEnabled) {
+  if (appState.contextMenu || appState.newElement || appState.resizingElement || appState.isRotating || appState.openMenu || appState.viewModeEnabled || appState.hideAnnotations) {
     return null;
   }
   const { x, y } = getContainerCoords2(element, appState, elementsMap);
@@ -24065,8 +24098,25 @@ var PenModeButton = (props) => {
   );
 };
 
+// components/EyeButton.tsx
+import { jsx as jsx89 } from "react/jsx-runtime";
+var EyeButton = (props) => {
+  const title = t("labels.toggleAnnotations");
+  return /* @__PURE__ */ jsx89(
+    "button",
+    {
+      className: "help-icon",
+      onClick: props.onClick,
+      type: "button",
+      title,
+      "aria-label": title,
+      children: props.status === "off" ? EyeOffIcon : EyeOnIcon
+    }
+  );
+};
+
 // components/MobileMenu.tsx
-import { Fragment as Fragment12, jsx as jsx89, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx90, jsxs as jsxs50 } from "react/jsx-runtime";
 var MobileMenu = ({
   appState,
   elements,
@@ -24079,7 +24129,8 @@ var MobileMenu = ({
   renderWelcomeScreen,
   UIOptions,
   app,
-  onPenModeToggle
+  onPenModeToggle,
+  onEyeButtonClick
 }) => {
   const {
     WelcomeScreenCenterTunnel,
@@ -24091,8 +24142,15 @@ var MobileMenu = ({
       return null;
     }
     const topRightUI = /* @__PURE__ */ jsxs50("div", { className: "excalidraw-ui-top-right", children: [
-      renderTopRightUI?.(true, appState) ?? (!appState.viewModeEnabled && /* @__PURE__ */ jsxs50(Fragment12, { children: [
-        /* @__PURE__ */ jsx89(
+      UIOptions.hideAnnotationsControlEnabled && /* @__PURE__ */ jsx90(
+        EyeButton,
+        {
+          status: appState.hideAnnotations ? "off" : "on",
+          onClick: onEyeButtonClick
+        }
+      ),
+      renderTopRightUI?.(true, appState) ?? (!(appState.viewModeEnabled || appState.hideAnnotations) && /* @__PURE__ */ jsxs50(Fragment12, { children: [
+        /* @__PURE__ */ jsx90(
           PenModeButton,
           {
             checked: appState.penMode,
@@ -24102,13 +24160,13 @@ var MobileMenu = ({
             penDetected: appState.penDetected
           }
         ),
-        /* @__PURE__ */ jsx89(DefaultSidebarTriggerTunnel.Out, {})
+        /* @__PURE__ */ jsx90(DefaultSidebarTriggerTunnel.Out, {})
       ] })),
-      appState.viewModeEnabled && /* @__PURE__ */ jsx89(ExitViewModeButton, { actionManager })
+      appState.viewModeEnabled && /* @__PURE__ */ jsx90(ExitViewModeButton, { actionManager })
     ] });
     const topLeftUI = /* @__PURE__ */ jsxs50("div", { className: "excalidraw-ui-top-left", children: [
       renderTopLeftUI?.(true, appState),
-      /* @__PURE__ */ jsx89(MainMenuTunnel.Out, {})
+      app.props.UIOptions.topLeftMenuEnabled && /* @__PURE__ */ jsx90(MainMenuTunnel.Out, {})
     ] });
     return /* @__PURE__ */ jsxs50(
       "div",
@@ -24127,7 +24185,7 @@ var MobileMenu = ({
     );
   };
   const renderToolbar = () => {
-    return /* @__PURE__ */ jsx89(
+    return /* @__PURE__ */ jsx90(
       MobileToolBar,
       {
         app,
@@ -24138,8 +24196,8 @@ var MobileMenu = ({
   };
   return /* @__PURE__ */ jsxs50(Fragment12, { children: [
     renderSidebars(),
-    /* @__PURE__ */ jsx89("div", { className: "App-welcome-screen", children: renderWelcomeScreen && /* @__PURE__ */ jsx89(WelcomeScreenCenterTunnel.Out, {}) }),
-    !appState.viewModeEnabled && /* @__PURE__ */ jsxs50(
+    /* @__PURE__ */ jsx90("div", { className: "App-welcome-screen", children: renderWelcomeScreen && /* @__PURE__ */ jsx90(WelcomeScreenCenterTunnel.Out, {}) }),
+    !(appState.viewModeEnabled || appState.hideAnnotations) && /* @__PURE__ */ jsxs50(
       "div",
       {
         className: "App-bottom-bar",
@@ -24147,7 +24205,7 @@ var MobileMenu = ({
           marginBottom: SCROLLBAR_WIDTH + SCROLLBAR_MARGIN
         },
         children: [
-          /* @__PURE__ */ jsx89(
+          /* @__PURE__ */ jsx90(
             MobileShapeActions,
             {
               appState,
@@ -24158,8 +24216,8 @@ var MobileMenu = ({
             }
           ),
           /* @__PURE__ */ jsxs50(Island, { className: "App-toolbar", children: [
-            !appState.viewModeEnabled && appState.openDialog?.name !== "elementLinkSelector" && renderToolbar(),
-            appState.scrolledOutside && !appState.openMenu && !appState.openSidebar && /* @__PURE__ */ jsx89(
+            !(appState.viewModeEnabled || appState.hideAnnotations) && appState.openDialog?.name !== "elementLinkSelector" && renderToolbar(),
+            appState.scrolledOutside && !appState.openMenu && !appState.openSidebar && /* @__PURE__ */ jsx90(
               "button",
               {
                 type: "button",
@@ -24176,14 +24234,14 @@ var MobileMenu = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx89(FixedSideContainer, { side: "top", className: "App-top-bar", children: renderAppTopBar() })
+    /* @__PURE__ */ jsx90(FixedSideContainer, { side: "top", className: "App-top-bar", children: renderAppTopBar() })
   ] });
 };
 
 // components/PasteChartDialog.tsx
 import oc2 from "open-color";
 import React32, { useLayoutEffect as useLayoutEffect5, useRef as useRef26, useState as useState28 } from "react";
-import { jsx as jsx90, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs51 } from "react/jsx-runtime";
 var ChartPreviewBtn = (props) => {
   const previewRef = useRef26(null);
   const [chartElements, setChartElements] = useState28(
@@ -24226,7 +24284,7 @@ var ChartPreviewBtn = (props) => {
       previewNode.replaceChildren();
     };
   }, [props.spreadsheet, props.chartType, props.selected]);
-  return /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsx91(
     "button",
     {
       type: "button",
@@ -24236,7 +24294,7 @@ var ChartPreviewBtn = (props) => {
           props.onClick(props.chartType, chartElements);
         }
       },
-      children: /* @__PURE__ */ jsx90("div", { ref: previewRef })
+      children: /* @__PURE__ */ jsx91("div", { ref: previewRef })
     }
   );
 };
@@ -24262,7 +24320,7 @@ var PasteChartDialog = ({
       }
     });
   };
-  return /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsx91(
     Dialog,
     {
       size: "small",
@@ -24271,7 +24329,7 @@ var PasteChartDialog = ({
       className: "PasteChartDialog",
       autofocus: false,
       children: /* @__PURE__ */ jsxs51("div", { className: "container", children: [
-        /* @__PURE__ */ jsx90(
+        /* @__PURE__ */ jsx91(
           ChartPreviewBtn,
           {
             chartType: "bar",
@@ -24280,7 +24338,7 @@ var PasteChartDialog = ({
             onClick: handleChartClick
           }
         ),
-        /* @__PURE__ */ jsx90(
+        /* @__PURE__ */ jsx91(
           ChartPreviewBtn,
           {
             chartType: "line",
@@ -24295,11 +24353,11 @@ var PasteChartDialog = ({
 };
 
 // components/Section.tsx
-import { Fragment as Fragment13, jsx as jsx91, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx92, jsxs as jsxs52 } from "react/jsx-runtime";
 var Section = ({ heading, children, ...props }) => {
   const { id } = useExcalidrawContainer();
-  const header = /* @__PURE__ */ jsx91("h2", { className: "visually-hidden", id: `${id}-${heading}-title`, children: t(`headings.${heading}`) });
-  return /* @__PURE__ */ jsx91("section", { ...props, "aria-labelledby": `${id}-${heading}-title`, children: typeof children === "function" ? children(header) : /* @__PURE__ */ jsxs52(Fragment13, { children: [
+  const header = /* @__PURE__ */ jsx92("h2", { className: "visually-hidden", id: `${id}-${heading}-title`, children: t(`headings.${heading}`) });
+  return /* @__PURE__ */ jsx92("section", { ...props, "aria-labelledby": `${id}-${heading}-title`, children: typeof children === "function" ? children(header) : /* @__PURE__ */ jsxs52(Fragment13, { children: [
     header,
     children
   ] }) });
@@ -24310,14 +24368,14 @@ import * as Popover9 from "@radix-ui/react-popover";
 import clsx44 from "clsx";
 import React33, { useLayoutEffect as useLayoutEffect6 } from "react";
 import { supportsResizeObserver, isShallowEqual as isShallowEqual5 } from "@excalidraw/common";
-import { Fragment as Fragment14, jsx as jsx92, jsxs as jsxs53 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx93, jsxs as jsxs53 } from "react/jsx-runtime";
 var DEFAULT_MAX_AVATARS = 4;
 var SHOW_COLLABORATORS_FILTER_AT = 8;
 var ConditionalTooltipWrapper = ({
   shouldWrap,
   children,
   username
-}) => shouldWrap ? /* @__PURE__ */ jsx92(Tooltip, { label: username || "Unknown user", children }) : /* @__PURE__ */ jsx92(Fragment14, { children });
+}) => shouldWrap ? /* @__PURE__ */ jsx93(Tooltip, { label: username || "Unknown user", children }) : /* @__PURE__ */ jsx93(Fragment14, { children });
 var renderCollaborator = ({
   actionManager,
   collaborator,
@@ -24333,7 +24391,7 @@ var renderCollaborator = ({
     isBeingFollowed
   };
   const avatarJSX = actionManager.renderAction("goToCollaborator", data);
-  return /* @__PURE__ */ jsx92(
+  return /* @__PURE__ */ jsx93(
     ConditionalTooltipWrapper,
     {
       username: collaborator.username,
@@ -24408,7 +24466,7 @@ var UserList = React33.memo(
         isBeingFollowed: collaborator.socketId === userToFollow
       })
     );
-    return mobile ? /* @__PURE__ */ jsx92("div", { className: clsx44("UserList UserList_mobile", className), children: uniqueCollaboratorsArray.map(
+    return mobile ? /* @__PURE__ */ jsx93("div", { className: clsx44("UserList UserList_mobile", className), children: uniqueCollaboratorsArray.map(
       (collaborator) => renderCollaborator({
         actionManager,
         collaborator,
@@ -24416,7 +24474,7 @@ var UserList = React33.memo(
         shouldWrapWithTooltip: true,
         isBeingFollowed: collaborator.socketId === userToFollow
       })
-    ) }) : /* @__PURE__ */ jsx92("div", { className: "UserList__wrapper", ref: userListWrapper, children: /* @__PURE__ */ jsxs53(
+    ) }) : /* @__PURE__ */ jsx93("div", { className: "UserList__wrapper", ref: userListWrapper, children: /* @__PURE__ */ jsxs53(
       "div",
       {
         className: clsx44("UserList", className),
@@ -24428,7 +24486,7 @@ var UserList = React33.memo(
               "+",
               uniqueCollaboratorsArray.length - maxAvatars + 1
             ] }),
-            /* @__PURE__ */ jsx92(
+            /* @__PURE__ */ jsx93(
               Popover9.Content,
               {
                 style: {
@@ -24439,20 +24497,20 @@ var UserList = React33.memo(
                 align: "end",
                 sideOffset: 10,
                 children: /* @__PURE__ */ jsxs53(Island, { padding: 2, children: [
-                  uniqueCollaboratorsArray.length >= SHOW_COLLABORATORS_FILTER_AT && /* @__PURE__ */ jsx92(
+                  uniqueCollaboratorsArray.length >= SHOW_COLLABORATORS_FILTER_AT && /* @__PURE__ */ jsx93(
                     QuickSearch,
                     {
                       placeholder: t("quickSearch.placeholder"),
                       onChange: setSearchTerm
                     }
                   ),
-                  /* @__PURE__ */ jsx92(
+                  /* @__PURE__ */ jsx93(
                     ScrollableList,
                     {
                       className: "dropdown-menu UserList__collaborators",
                       placeholder: t("userList.empty"),
                       children: filteredCollaborators.length > 0 ? [
-                        /* @__PURE__ */ jsx92("div", { className: "hint", children: t("userList.hint.text") }),
+                        /* @__PURE__ */ jsx93("div", { className: "hint", children: t("userList.hint.text") }),
                         filteredCollaborators.map(
                           (collaborator) => renderCollaborator({
                             actionManager,
@@ -24465,7 +24523,7 @@ var UserList = React33.memo(
                       ] : []
                     }
                   ),
-                  /* @__PURE__ */ jsx92(
+                  /* @__PURE__ */ jsx93(
                     Popover9.Arrow,
                     {
                       width: 20,
@@ -24509,8 +24567,8 @@ var UserList = React33.memo(
 import clsx45 from "clsx";
 
 // components/HelpButton.tsx
-import { jsx as jsx93 } from "react/jsx-runtime";
-var HelpButton = (props) => /* @__PURE__ */ jsx93(
+import { jsx as jsx94 } from "react/jsx-runtime";
+var HelpButton = (props) => /* @__PURE__ */ jsx94(
   "button",
   {
     className: "help-icon",
@@ -24523,7 +24581,7 @@ var HelpButton = (props) => /* @__PURE__ */ jsx93(
 );
 
 // components/footer/Footer.tsx
-import { jsx as jsx94, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx95, jsxs as jsxs54 } from "react/jsx-runtime";
 var Footer = ({
   appState,
   actionManager,
@@ -24531,7 +24589,9 @@ var Footer = ({
   renderWelcomeScreen,
   helpEnabled,
   showUndoRedo,
-  isTopAligned
+  isTopAligned,
+  hideAnnotationsControlEnabled,
+  onEyeButtonClick
 }) => {
   const { FooterCenterTunnel, WelcomeScreenHelpHintTunnel } = useTunnels();
   return /* @__PURE__ */ jsxs54(
@@ -24542,21 +24602,21 @@ var Footer = ({
         "layer-ui__wrapper__footer--top": isTopAligned
       }),
       children: [
-        /* @__PURE__ */ jsx94(
+        /* @__PURE__ */ jsx95(
           "div",
           {
             className: clsx45("layer-ui__wrapper__footer-left zen-mode-transition", {
               "layer-ui__wrapper__footer-left--transition-left": appState.zenModeEnabled
             }),
-            children: /* @__PURE__ */ jsx94(Stack_default.Col, { gap: 2, children: /* @__PURE__ */ jsxs54(Section, { heading: "canvasActions", children: [
-              /* @__PURE__ */ jsx94(
+            children: /* @__PURE__ */ jsx95(Stack_default.Col, { gap: 2, children: /* @__PURE__ */ jsxs54(Section, { heading: "canvasActions", children: [
+              /* @__PURE__ */ jsx95(
                 ZoomActions,
                 {
                   renderAction: actionManager.renderAction,
                   zoom: appState.zoom
                 }
               ),
-              !appState.viewModeEnabled && showUndoRedo && /* @__PURE__ */ jsx94(
+              !(appState.viewModeEnabled || appState.hideAnnotations) && showUndoRedo && /* @__PURE__ */ jsx95(
                 UndoRedoActions,
                 {
                   renderAction: actionManager.renderAction,
@@ -24569,25 +24629,37 @@ var Footer = ({
             ] }) })
           }
         ),
-        /* @__PURE__ */ jsx94(FooterCenterTunnel.Out, {}),
-        /* @__PURE__ */ jsx94(
+        /* @__PURE__ */ jsx95(FooterCenterTunnel.Out, {}),
+        /* @__PURE__ */ jsxs54(
           "div",
           {
-            className: clsx45("layer-ui__wrapper__footer-right zen-mode-transition", {
-              "transition-right": appState.zenModeEnabled
-            }),
-            children: /* @__PURE__ */ jsxs54("div", { style: { position: "relative" }, children: [
-              renderWelcomeScreen && /* @__PURE__ */ jsx94(WelcomeScreenHelpHintTunnel.Out, {}),
-              helpEnabled && /* @__PURE__ */ jsx94(
-                HelpButton,
+            className: clsx45(
+              "layer-ui__wrapper__footer-right zen-mode-transition gap-0.5",
+              {
+                "transition-right": appState.zenModeEnabled
+              }
+            ),
+            children: [
+              hideAnnotationsControlEnabled && /* @__PURE__ */ jsx95(
+                EyeButton,
                 {
-                  onClick: () => actionManager.executeAction(actionShortcuts)
+                  status: appState.hideAnnotations ? "off" : "on",
+                  onClick: onEyeButtonClick
                 }
-              )
-            ] })
+              ),
+              /* @__PURE__ */ jsxs54("div", { style: { position: "relative" }, children: [
+                renderWelcomeScreen && /* @__PURE__ */ jsx95(WelcomeScreenHelpHintTunnel.Out, {}),
+                helpEnabled && /* @__PURE__ */ jsx95(
+                  HelpButton,
+                  {
+                    onClick: () => actionManager.executeAction(actionShortcuts)
+                  }
+                )
+              ] })
+            ]
           }
         ),
-        /* @__PURE__ */ jsx94(
+        /* @__PURE__ */ jsx95(
           ExitZenModeButton,
           {
             actionManager,
@@ -24629,7 +24701,7 @@ import React34 from "react";
 var SidebarPropsContext = React34.createContext({});
 
 // components/Sidebar/SidebarHeader.tsx
-import { jsx as jsx95, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx96, jsxs as jsxs55 } from "react/jsx-runtime";
 var SidebarHeader = ({
   children,
   className
@@ -24645,7 +24717,7 @@ var SidebarHeader = ({
       children: [
         children,
         /* @__PURE__ */ jsxs55("div", { className: "sidebar__header__buttons", children: [
-          renderDockButton && /* @__PURE__ */ jsx95(Tooltip, { label: t("labels.sidebarLock"), children: /* @__PURE__ */ jsx95(
+          renderDockButton && /* @__PURE__ */ jsx96(Tooltip, { label: t("labels.sidebarLock"), children: /* @__PURE__ */ jsx96(
             Button,
             {
               onSelect: () => props.onDock?.(!props.docked),
@@ -24656,7 +24728,7 @@ var SidebarHeader = ({
               children: PinIcon
             }
           ) }),
-          /* @__PURE__ */ jsx95(
+          /* @__PURE__ */ jsx96(
             Button,
             {
               "data-testid": "sidebar-close",
@@ -24675,14 +24747,14 @@ SidebarHeader.displayName = "SidebarHeader";
 
 // components/Sidebar/SidebarTabTrigger.tsx
 import * as RadixTabs from "@radix-ui/react-tabs";
-import { jsx as jsx96 } from "react/jsx-runtime";
+import { jsx as jsx97 } from "react/jsx-runtime";
 var SidebarTabTrigger = ({
   children,
   tab,
   onSelect,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx96(RadixTabs.Trigger, { value: tab, asChild: true, onSelect, children: /* @__PURE__ */ jsx96(
+  return /* @__PURE__ */ jsx97(RadixTabs.Trigger, { value: tab, asChild: true, onSelect, children: /* @__PURE__ */ jsx97(
     "button",
     {
       type: "button",
@@ -24696,18 +24768,18 @@ SidebarTabTrigger.displayName = "SidebarTabTrigger";
 
 // components/Sidebar/SidebarTabTriggers.tsx
 import * as RadixTabs2 from "@radix-ui/react-tabs";
-import { jsx as jsx97 } from "react/jsx-runtime";
+import { jsx as jsx98 } from "react/jsx-runtime";
 var SidebarTabTriggers = ({
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx97(RadixTabs2.List, { className: "sidebar-triggers", ...rest, children });
+  return /* @__PURE__ */ jsx98(RadixTabs2.List, { className: "sidebar-triggers", ...rest, children });
 };
 SidebarTabTriggers.displayName = "SidebarTabTriggers";
 
 // components/Sidebar/SidebarTrigger.tsx
 import clsx47 from "clsx";
-import { jsx as jsx98, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs56 } from "react/jsx-runtime";
 var SidebarTrigger = ({
   name,
   tab,
@@ -24721,7 +24793,7 @@ var SidebarTrigger = ({
   const setAppState = useExcalidrawSetAppState();
   const appState = useUIAppState();
   return /* @__PURE__ */ jsxs56("label", { title, className: "sidebar-trigger__label-element", children: [
-    /* @__PURE__ */ jsx98(
+    /* @__PURE__ */ jsx99(
       "input",
       {
         className: "ToolIcon_type_checkbox",
@@ -24742,8 +24814,8 @@ var SidebarTrigger = ({
       }
     ),
     /* @__PURE__ */ jsxs56("div", { className: clsx47("sidebar-trigger", className), style, children: [
-      icon && /* @__PURE__ */ jsx98("div", { children: icon }),
-      children && /* @__PURE__ */ jsx98("div", { className: "sidebar-trigger__label", children })
+      icon && /* @__PURE__ */ jsx99("div", { children: icon }),
+      children && /* @__PURE__ */ jsx99("div", { className: "sidebar-trigger__label", children })
     ] })
   ] });
 };
@@ -24751,7 +24823,7 @@ SidebarTrigger.displayName = "SidebarTrigger";
 
 // components/Sidebar/SidebarTabs.tsx
 import * as RadixTabs3 from "@radix-ui/react-tabs";
-import { jsx as jsx99 } from "react/jsx-runtime";
+import { jsx as jsx100 } from "react/jsx-runtime";
 var SidebarTabs = ({
   children,
   ...rest
@@ -24762,7 +24834,7 @@ var SidebarTabs = ({
     return null;
   }
   const { name } = appState.openSidebar;
-  return /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsx100(
     RadixTabs3.Root,
     {
       className: "sidebar-tabs-root",
@@ -24780,18 +24852,18 @@ SidebarTabs.displayName = "SidebarTabs";
 
 // components/Sidebar/SidebarTab.tsx
 import * as RadixTabs4 from "@radix-ui/react-tabs";
-import { jsx as jsx100 } from "react/jsx-runtime";
+import { jsx as jsx101 } from "react/jsx-runtime";
 var SidebarTab = ({
   tab,
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx100(RadixTabs4.Content, { ...rest, value: tab, "data-testid": tab, children });
+  return /* @__PURE__ */ jsx101(RadixTabs4.Content, { ...rest, value: tab, "data-testid": tab, children });
 };
 SidebarTab.displayName = "SidebarTab";
 
 // components/Sidebar/Sidebar.tsx
-import { jsx as jsx101 } from "react/jsx-runtime";
+import { jsx as jsx102 } from "react/jsx-runtime";
 import { createElement } from "react";
 var isSidebarDockedAtom = atom(false);
 var SidebarInner = forwardRef4(
@@ -24865,7 +24937,7 @@ var SidebarInner = forwardRef4(
         document.removeEventListener(EVENT11.KEYDOWN, handleKeyDown);
       };
     }, [closeLibrary, docked, editorInterface.canFitSidebar]);
-    return /* @__PURE__ */ jsx101(
+    return /* @__PURE__ */ jsx102(
       Island,
       {
         ...rest,
@@ -24875,7 +24947,7 @@ var SidebarInner = forwardRef4(
           className
         ),
         ref: islandRef,
-        children: /* @__PURE__ */ jsx101(SidebarPropsContext.Provider, { value: headerPropsRef.current, children })
+        children: /* @__PURE__ */ jsx102(SidebarPropsContext.Provider, { value: headerPropsRef.current, children })
       }
     );
   }
@@ -24927,7 +24999,7 @@ import clsx51 from "clsx";
 
 // components/hoc/withInternalFallback.tsx
 import { useLayoutEffect as useLayoutEffect8, useRef as useRef28 } from "react";
-import { jsx as jsx102 } from "react/jsx-runtime";
+import { jsx as jsx103 } from "react/jsx-runtime";
 var withInternalFallback = (componentName, Component) => {
   const renderAtom = atom(0);
   const WrapperComponent = (props) => {
@@ -24972,7 +25044,7 @@ var withInternalFallback = (componentName, Component) => {
     ) {
       return null;
     }
-    return /* @__PURE__ */ jsx102(Component, { ...props });
+    return /* @__PURE__ */ jsx103(Component, { ...props });
   };
   WrapperComponent.displayName = componentName;
   return WrapperComponent;
@@ -25023,14 +25095,14 @@ async function openConfirmModal({
 
 // components/RadioGroup.tsx
 import clsx49 from "clsx";
-import { jsx as jsx103, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs57 } from "react/jsx-runtime";
 var RadioGroup = function({
   onChange,
   value,
   choices,
   name
 }) {
-  return /* @__PURE__ */ jsx103("div", { className: "RadioGroup", children: choices.map((choice) => /* @__PURE__ */ jsxs57(
+  return /* @__PURE__ */ jsx104("div", { className: "RadioGroup", children: choices.map((choice) => /* @__PURE__ */ jsxs57(
     "div",
     {
       className: clsx49("RadioGroup__choice", {
@@ -25038,7 +25110,7 @@ var RadioGroup = function({
       }),
       title: choice.ariaLabel,
       children: [
-        /* @__PURE__ */ jsx103(
+        /* @__PURE__ */ jsx104(
           "input",
           {
             name,
@@ -25056,7 +25128,7 @@ var RadioGroup = function({
 };
 
 // components/dropdownMenu/DropdownMenuItemContentRadio.tsx
-import { Fragment as Fragment15, jsx as jsx104, jsxs as jsxs58 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx105, jsxs as jsxs58 } from "react/jsx-runtime";
 var DropdownMenuItemContentRadio = ({
   value,
   shortcut,
@@ -25068,8 +25140,8 @@ var DropdownMenuItemContentRadio = ({
   const editorInterface = useEditorInterface();
   return /* @__PURE__ */ jsxs58(Fragment15, { children: [
     /* @__PURE__ */ jsxs58("div", { className: "dropdown-menu-item-base dropdown-menu-item-bare", children: [
-      /* @__PURE__ */ jsx104("label", { className: "dropdown-menu-item__text", htmlFor: name, children }),
-      /* @__PURE__ */ jsx104(
+      /* @__PURE__ */ jsx105("label", { className: "dropdown-menu-item__text", htmlFor: name, children }),
+      /* @__PURE__ */ jsx105(
         RadioGroup,
         {
           name,
@@ -25079,14 +25151,14 @@ var DropdownMenuItemContentRadio = ({
         }
       )
     ] }),
-    shortcut && editorInterface.formFactor !== "phone" && /* @__PURE__ */ jsx104("div", { className: "dropdown-menu-item__shortcut dropdown-menu-item__shortcut--orphaned", children: shortcut })
+    shortcut && editorInterface.formFactor !== "phone" && /* @__PURE__ */ jsx105("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 Fragment16, jsx as jsx105, jsxs as jsxs59 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx106, jsxs as jsxs59 } from "react/jsx-runtime";
 var LoadScene = () => {
   const { t: t2 } = useI18n();
   const actionManager = useExcalidrawActionManager();
@@ -25099,19 +25171,19 @@ var LoadScene = () => {
       title: t2("overwriteConfirm.modal.loadFromFile.title"),
       actionLabel: t2("overwriteConfirm.modal.loadFromFile.button"),
       color: "warning",
-      description: /* @__PURE__ */ jsx105(
+      description: /* @__PURE__ */ jsx106(
         Trans_default,
         {
           i18nKey: "overwriteConfirm.modal.loadFromFile.description",
-          bold: (text) => /* @__PURE__ */ jsx105("strong", { children: text }),
-          br: () => /* @__PURE__ */ jsx105("br", {})
+          bold: (text) => /* @__PURE__ */ jsx106("strong", { children: text }),
+          br: () => /* @__PURE__ */ jsx106("br", {})
         }
       )
     })) {
       actionManager.executeAction(actionLoadScene);
     }
   };
-  return /* @__PURE__ */ jsx105(
+  return /* @__PURE__ */ jsx106(
     DropdownMenuItem_default,
     {
       icon: LoadIcon,
@@ -25130,7 +25202,7 @@ var SaveToActiveFile = () => {
   if (!actionManager.isActionEnabled(actionSaveToActiveFile)) {
     return null;
   }
-  return /* @__PURE__ */ jsx105(
+  return /* @__PURE__ */ jsx106(
     DropdownMenuItem_default,
     {
       shortcut: getShortcutFromShortcutName("saveScene"),
@@ -25146,7 +25218,7 @@ SaveToActiveFile.displayName = "SaveToActiveFile";
 var SaveAsImage = () => {
   const setAppState = useExcalidrawSetAppState();
   const { t: t2 } = useI18n();
-  return /* @__PURE__ */ jsx105(
+  return /* @__PURE__ */ jsx106(
     DropdownMenuItem_default,
     {
       icon: ExportImageIcon,
@@ -25162,7 +25234,7 @@ SaveAsImage.displayName = "SaveAsImage";
 var CommandPalette2 = (opts) => {
   const setAppState = useExcalidrawSetAppState();
   const { t: t2 } = useI18n();
-  return /* @__PURE__ */ jsx105(
+  return /* @__PURE__ */ jsx106(
     DropdownMenuItem_default,
     {
       icon: boltIcon,
@@ -25182,7 +25254,7 @@ CommandPalette2.displayName = "CommandPalette";
 var SearchMenu = (opts) => {
   const { t: t2 } = useI18n();
   const actionManager = useExcalidrawActionManager();
-  return /* @__PURE__ */ jsx105(
+  return /* @__PURE__ */ jsx106(
     DropdownMenuItem_default,
     {
       icon: searchIcon,
@@ -25201,7 +25273,7 @@ SearchMenu.displayName = "SearchMenu";
 var Help = () => {
   const { t: t2 } = useI18n();
   const actionManager = useExcalidrawActionManager();
-  return /* @__PURE__ */ jsx105(
+  return /* @__PURE__ */ jsx106(
     DropdownMenuItem_default,
     {
       "data-testid": "help-menu-item",
@@ -25221,7 +25293,7 @@ var ClearCanvas = () => {
   if (!actionManager.isActionEnabled(actionClearCanvas)) {
     return null;
   }
-  return /* @__PURE__ */ jsx105(
+  return /* @__PURE__ */ jsx106(
     DropdownMenuItem_default,
     {
       icon: TrashIcon,
@@ -25242,7 +25314,7 @@ var ToggleTheme = (props) => {
     return null;
   }
   if (props?.allowSystemTheme) {
-    return /* @__PURE__ */ jsx105(
+    return /* @__PURE__ */ jsx106(
       DropdownMenuItemContentRadio_default,
       {
         name: "theme",
@@ -25269,7 +25341,7 @@ var ToggleTheme = (props) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx105(
+  return /* @__PURE__ */ jsx106(
     DropdownMenuItem_default,
     {
       onSelect: (event) => {
@@ -25296,11 +25368,11 @@ var ChangeCanvasBackground = () => {
   const appState = useUIAppState();
   const actionManager = useExcalidrawActionManager();
   const appProps = useAppProps();
-  if (appState.viewModeEnabled || !appProps.UIOptions.canvasActions.changeViewBackgroundColor) {
+  if (appState.viewModeEnabled || appState.hideAnnotations || !appProps.UIOptions.canvasActions.changeViewBackgroundColor) {
     return null;
   }
   return /* @__PURE__ */ jsxs59("div", { style: { marginTop: "0.5rem" }, children: [
-    /* @__PURE__ */ jsx105(
+    /* @__PURE__ */ jsx106(
       "div",
       {
         "data-testid": "canvas-background-label",
@@ -25308,14 +25380,14 @@ var ChangeCanvasBackground = () => {
         children: t2("labels.canvasBackground")
       }
     ),
-    /* @__PURE__ */ jsx105("div", { style: { padding: "0 0.625rem" }, children: actionManager.renderAction("changeViewBackgroundColor") })
+    /* @__PURE__ */ jsx106("div", { style: { padding: "0 0.625rem" }, children: actionManager.renderAction("changeViewBackgroundColor") })
   ] });
 };
 ChangeCanvasBackground.displayName = "ChangeCanvasBackground";
 var Export = () => {
   const { t: t2 } = useI18n();
   const setAppState = useExcalidrawSetAppState();
-  return /* @__PURE__ */ jsx105(
+  return /* @__PURE__ */ jsx106(
     DropdownMenuItem_default,
     {
       icon: ExportIcon,
@@ -25332,7 +25404,7 @@ Export.displayName = "Export";
 var Socials = () => {
   const { t: t2 } = useI18n();
   return /* @__PURE__ */ jsxs59(Fragment16, { children: [
-    /* @__PURE__ */ jsx105(
+    /* @__PURE__ */ jsx106(
       DropdownMenuItemLink_default,
       {
         icon: GithubIcon,
@@ -25341,7 +25413,7 @@ var Socials = () => {
         children: "GitHub"
       }
     ),
-    /* @__PURE__ */ jsx105(
+    /* @__PURE__ */ jsx106(
       DropdownMenuItemLink_default,
       {
         icon: XBrandIcon,
@@ -25350,7 +25422,7 @@ var Socials = () => {
         children: t2("labels.followUs")
       }
     ),
-    /* @__PURE__ */ jsx105(
+    /* @__PURE__ */ jsx106(
       DropdownMenuItemLink_default,
       {
         icon: DiscordIcon,
@@ -25367,7 +25439,7 @@ var LiveCollaborationTrigger = ({
   isCollaborating
 }) => {
   const { t: t2 } = useI18n();
-  return /* @__PURE__ */ jsx105(
+  return /* @__PURE__ */ jsx106(
     DropdownMenuItem_default,
     {
       "data-testid": "collab-button",
@@ -25383,7 +25455,7 @@ var LiveCollaborationTrigger = ({
 LiveCollaborationTrigger.displayName = "LiveCollaborationTrigger";
 
 // components/main-menu/MainMenu.tsx
-import { jsx as jsx106, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx107, jsxs as jsxs60 } from "react/jsx-runtime";
 var MainMenu = Object.assign(
   withInternalFallback(
     "MainMenu",
@@ -25396,8 +25468,8 @@ var MainMenu = Object.assign(
       const appState = useUIAppState();
       const appProps = useAppProps();
       const setAppState = useExcalidrawSetAppState();
-      return /* @__PURE__ */ jsx106(MainMenuTunnel.In, { children: /* @__PURE__ */ jsxs60(DropdownMenu_default, { open: appState.openMenu === "canvas", children: [
-        /* @__PURE__ */ jsx106(
+      return /* @__PURE__ */ jsx107(MainMenuTunnel.In, { children: /* @__PURE__ */ jsxs60(DropdownMenu_default, { open: appState.openMenu === "canvas", children: [
+        /* @__PURE__ */ jsx107(
           DropdownMenu_default.Trigger,
           {
             onToggle: () => {
@@ -25427,8 +25499,8 @@ var MainMenu = Object.assign(
             children: [
               children,
               editorInterface.formFactor === "phone" && appState.collaborators.size > 0 && /* @__PURE__ */ jsxs60("fieldset", { className: "UserList-Wrapper", children: [
-                /* @__PURE__ */ jsx106("legend", { children: t("labels.collaborators") }),
-                /* @__PURE__ */ jsx106(
+                /* @__PURE__ */ jsx107("legend", { children: t("labels.collaborators") }),
+                /* @__PURE__ */ jsx107(
                   UserList,
                   {
                     mobile: true,
@@ -25459,7 +25531,7 @@ var MainMenu_default = MainMenu;
 import clsx52 from "clsx";
 import { forwardRef as forwardRef5, useState as useState30 } from "react";
 import { isPromiseLike as isPromiseLike4 } from "@excalidraw/common";
-import { jsx as jsx107, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx108, jsxs as jsxs61 } from "react/jsx-runtime";
 var FilledButton = forwardRef5(
   ({
     children,
@@ -25496,7 +25568,7 @@ var FilledButton = forwardRef5(
     };
     const _status = isLoading ? "loading" : status;
     color = _status === "success" ? "success" : color;
-    return /* @__PURE__ */ jsx107(
+    return /* @__PURE__ */ jsx108(
       "button",
       {
         className: clsx52(
@@ -25514,8 +25586,8 @@ var FilledButton = forwardRef5(
         ref,
         disabled: _status === "loading" || _status === "success",
         children: /* @__PURE__ */ jsxs61("div", { className: "ExcButton__contents", children: [
-          _status === "loading" ? /* @__PURE__ */ jsx107(Spinner_default, { className: "ExcButton__statusIcon" }) : _status === "success" && /* @__PURE__ */ jsx107("div", { className: "ExcButton__statusIcon", children: tablerCheckIcon }),
-          icon && /* @__PURE__ */ jsx107("div", { className: "ExcButton__icon", "aria-hidden": true, children: icon }),
+          _status === "loading" ? /* @__PURE__ */ jsx108(Spinner_default, { className: "ExcButton__statusIcon" }) : _status === "success" && /* @__PURE__ */ jsx108("div", { className: "ExcButton__statusIcon", children: tablerCheckIcon }),
+          icon && /* @__PURE__ */ jsx108("div", { className: "ExcButton__icon", "aria-hidden": true, children: icon }),
           variant !== "icon" && (children ?? label)
         ] })
       }
@@ -25524,7 +25596,7 @@ var FilledButton = forwardRef5(
 );
 
 // components/OverwriteConfirm/OverwriteConfirmActions.tsx
-import { jsx as jsx108, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx109, jsxs as jsxs62 } from "react/jsx-runtime";
 var Action = ({
   title,
   children,
@@ -25532,9 +25604,9 @@ var Action = ({
   onClick
 }) => {
   return /* @__PURE__ */ jsxs62("div", { className: "OverwriteConfirm__Actions__Action", children: [
-    /* @__PURE__ */ jsx108("h4", { children: title }),
-    /* @__PURE__ */ jsx108("div", { className: "OverwriteConfirm__Actions__Action__content", children }),
-    /* @__PURE__ */ jsx108(
+    /* @__PURE__ */ jsx109("h4", { children: title }),
+    /* @__PURE__ */ jsx109("div", { className: "OverwriteConfirm__Actions__Action__content", children }),
+    /* @__PURE__ */ jsx109(
       FilledButton,
       {
         variant: "outlined",
@@ -25551,7 +25623,7 @@ var ExportToImage = () => {
   const { t: t2 } = useI18n();
   const actionManager = useExcalidrawActionManager();
   const setAppState = useExcalidrawSetAppState();
-  return /* @__PURE__ */ jsx108(
+  return /* @__PURE__ */ jsx109(
     Action,
     {
       title: t2("overwriteConfirm.action.exportToImage.title"),
@@ -25567,7 +25639,7 @@ var ExportToImage = () => {
 var SaveToDisk = () => {
   const { t: t2 } = useI18n();
   const actionManager = useExcalidrawActionManager();
-  return /* @__PURE__ */ jsx108(
+  return /* @__PURE__ */ jsx109(
     Action,
     {
       title: t2("overwriteConfirm.action.saveToDisk.title"),
@@ -25581,7 +25653,7 @@ var SaveToDisk = () => {
 };
 var Actions = Object.assign(
   ({ children }) => {
-    return /* @__PURE__ */ jsx108("div", { className: "OverwriteConfirm__Actions", children });
+    return /* @__PURE__ */ jsx109("div", { className: "OverwriteConfirm__Actions", children });
   },
   {
     ExportToImage,
@@ -25590,7 +25662,7 @@ var Actions = Object.assign(
 );
 
 // components/OverwriteConfirm/OverwriteConfirm.tsx
-import { jsx as jsx109, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx110, jsxs as jsxs63 } from "react/jsx-runtime";
 var OverwriteConfirmDialog = Object.assign(
   withInternalFallback(
     "OverwriteConfirmDialog",
@@ -25610,17 +25682,17 @@ var OverwriteConfirmDialog = Object.assign(
         overwriteConfirmState.onConfirm();
         setState((state) => ({ ...state, active: false }));
       };
-      return /* @__PURE__ */ jsx109(OverwriteConfirmDialogTunnel.In, { children: /* @__PURE__ */ jsx109(Dialog, { onCloseRequest: handleClose, title: false, size: 916, children: /* @__PURE__ */ jsxs63("div", { className: "OverwriteConfirm", children: [
-        /* @__PURE__ */ jsx109("h3", { children: overwriteConfirmState.title }),
+      return /* @__PURE__ */ jsx110(OverwriteConfirmDialogTunnel.In, { children: /* @__PURE__ */ jsx110(Dialog, { onCloseRequest: handleClose, title: false, size: 916, children: /* @__PURE__ */ jsxs63("div", { className: "OverwriteConfirm", children: [
+        /* @__PURE__ */ jsx110("h3", { children: overwriteConfirmState.title }),
         /* @__PURE__ */ jsxs63(
           "div",
           {
             className: `OverwriteConfirm__Description OverwriteConfirm__Description--color-${overwriteConfirmState.color}`,
             children: [
-              /* @__PURE__ */ jsx109("div", { className: "OverwriteConfirm__Description__icon", children: alertTriangleIcon }),
-              /* @__PURE__ */ jsx109("div", { children: overwriteConfirmState.description }),
-              /* @__PURE__ */ jsx109("div", { className: "OverwriteConfirm__Description__spacer" }),
-              /* @__PURE__ */ jsx109(
+              /* @__PURE__ */ jsx110("div", { className: "OverwriteConfirm__Description__icon", children: alertTriangleIcon }),
+              /* @__PURE__ */ jsx110("div", { children: overwriteConfirmState.description }),
+              /* @__PURE__ */ jsx110("div", { className: "OverwriteConfirm__Description__spacer" }),
+              /* @__PURE__ */ jsx110(
                 FilledButton,
                 {
                   color: overwriteConfirmState.color,
@@ -25632,7 +25704,7 @@ var OverwriteConfirmDialog = Object.assign(
             ]
           }
         ),
-        /* @__PURE__ */ jsx109(Actions, { children })
+        /* @__PURE__ */ jsx110(Actions, { children })
       ] }) }) });
     }
   ),
@@ -25674,7 +25746,7 @@ import {
 import { newTextElement as newTextElement2 } from "@excalidraw/element";
 import { isTextElement as isTextElement12, isFrameLikeElement as isFrameLikeElement10 } from "@excalidraw/element";
 import { getDefaultFrameName } from "@excalidraw/element/frame";
-import { Fragment as Fragment18, jsx as jsx110, jsxs as jsxs64 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx111, jsxs as jsxs64 } from "react/jsx-runtime";
 var searchQueryAtom = atom("");
 var searchItemInFocusAtom = atom(null);
 var SEARCH_DEBOUNCE = 350;
@@ -25886,7 +25958,7 @@ var SearchMenu2 = () => {
   }, [setAppState, stableState, app]);
   const matchCount = `${searchMatches.items.length} ${searchMatches.items.length === 1 ? t("search.singleResult") : t("search.multipleResults")}`;
   return /* @__PURE__ */ jsxs64("div", { className: "layer-ui__search", children: [
-    /* @__PURE__ */ jsx110("div", { className: "layer-ui__search-header", children: /* @__PURE__ */ jsx110(
+    /* @__PURE__ */ jsx111("div", { className: "layer-ui__search-header", children: /* @__PURE__ */ jsx111(
       TextField,
       {
         className: CLASSES7.SEARCH_MENU_INPUT_WRAPPER,
@@ -25928,9 +26000,9 @@ var SearchMenu2 = () => {
           focusIndex + 1,
           " / ",
           matchCount
-        ] }) : /* @__PURE__ */ jsx110("div", { children: matchCount }),
+        ] }) : /* @__PURE__ */ jsx111("div", { children: matchCount }),
         /* @__PURE__ */ jsxs64("div", { className: "result-nav", children: [
-          /* @__PURE__ */ jsx110(
+          /* @__PURE__ */ jsx111(
             Button,
             {
               onSelect: () => {
@@ -25940,7 +26012,7 @@ var SearchMenu2 = () => {
               children: collapseDownIcon
             }
           ),
-          /* @__PURE__ */ jsx110(
+          /* @__PURE__ */ jsx111(
             Button,
             {
               onSelect: () => {
@@ -25952,9 +26024,9 @@ var SearchMenu2 = () => {
           )
         ] })
       ] }),
-      searchMatches.items.length === 0 && searchQuery && searchedQueryRef.current && /* @__PURE__ */ jsx110("div", { style: { margin: "1rem auto" }, children: t("search.noMatch") })
+      searchMatches.items.length === 0 && searchQuery && searchedQueryRef.current && /* @__PURE__ */ jsx111("div", { style: { margin: "1rem auto" }, children: t("search.noMatch") })
     ] }),
-    /* @__PURE__ */ jsx110(
+    /* @__PURE__ */ jsx111(
       MatchList,
       {
         matches: searchMatches,
@@ -25978,7 +26050,7 @@ var ListItem = (props) => {
     ),
     props.preview.moreAfter ? "..." : ""
   ];
-  return /* @__PURE__ */ jsx110(
+  return /* @__PURE__ */ jsx111(
     "div",
     {
       tabIndex: -1,
@@ -25991,7 +26063,7 @@ var ListItem = (props) => {
           ref?.scrollIntoView({ behavior: "auto", block: "nearest" });
         }
       },
-      children: /* @__PURE__ */ jsx110("div", { className: "preview-text", children: preview.flatMap((text, idx) => /* @__PURE__ */ jsx110(Fragment17, { children: idx === 2 ? /* @__PURE__ */ jsx110("b", { children: text }) : text }, idx)) })
+      children: /* @__PURE__ */ jsx111("div", { className: "preview-text", children: preview.flatMap((text, idx) => /* @__PURE__ */ jsx111(Fragment17, { children: idx === 2 ? /* @__PURE__ */ jsx111("b", { children: text }) : text }, idx)) })
     }
   );
 };
@@ -26007,10 +26079,10 @@ var MatchListBase = (props) => {
   return /* @__PURE__ */ jsxs64("div", { children: [
     frameNameMatches.length > 0 && /* @__PURE__ */ jsxs64("div", { className: "layer-ui__search-result-container", children: [
       /* @__PURE__ */ jsxs64("div", { className: "layer-ui__search-result-title", children: [
-        /* @__PURE__ */ jsx110("div", { className: "title-icon", children: frameToolIcon }),
-        /* @__PURE__ */ jsx110("div", { children: t("search.frames") })
+        /* @__PURE__ */ jsx111("div", { className: "title-icon", children: frameToolIcon }),
+        /* @__PURE__ */ jsx111("div", { children: t("search.frames") })
       ] }),
-      frameNameMatches.map((searchMatch, index) => /* @__PURE__ */ jsx110(
+      frameNameMatches.map((searchMatch, index) => /* @__PURE__ */ jsx111(
         ListItem,
         {
           searchQuery: props.searchQuery,
@@ -26020,14 +26092,14 @@ var MatchListBase = (props) => {
         },
         searchMatch.element.id + searchMatch.index
       )),
-      textMatches.length > 0 && /* @__PURE__ */ jsx110("div", { className: "layer-ui__divider" })
+      textMatches.length > 0 && /* @__PURE__ */ jsx111("div", { className: "layer-ui__divider" })
     ] }),
     textMatches.length > 0 && /* @__PURE__ */ jsxs64("div", { className: "layer-ui__search-result-container", children: [
       /* @__PURE__ */ jsxs64("div", { className: "layer-ui__search-result-title", children: [
-        /* @__PURE__ */ jsx110("div", { className: "title-icon", children: TextIcon }),
-        /* @__PURE__ */ jsx110("div", { children: t("search.texts") })
+        /* @__PURE__ */ jsx111("div", { className: "title-icon", children: TextIcon }),
+        /* @__PURE__ */ jsx111("div", { children: t("search.texts") })
       ] }),
-      textMatches.map((searchMatch, index) => /* @__PURE__ */ jsx110(
+      textMatches.map((searchMatch, index) => /* @__PURE__ */ jsx111(
         ListItem,
         {
           searchQuery: props.searchQuery,
@@ -26266,13 +26338,13 @@ var handleSearch = debounce2(
 );
 
 // components/DefaultSidebar.tsx
-import { jsx as jsx111, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx112, jsxs as jsxs65 } from "react/jsx-runtime";
 import { createElement as createElement2 } from "react";
 var DefaultSidebarTrigger = withInternalFallback(
   "DefaultSidebarTrigger",
   (props) => {
     const { DefaultSidebarTriggerTunnel } = useTunnels();
-    return /* @__PURE__ */ jsx111(DefaultSidebarTriggerTunnel.In, { children: /* @__PURE__ */ jsx111(
+    return /* @__PURE__ */ jsx112(DefaultSidebarTriggerTunnel.In, { children: /* @__PURE__ */ jsx112(
       Sidebar.Trigger,
       {
         ...props,
@@ -26285,7 +26357,7 @@ var DefaultSidebarTrigger = withInternalFallback(
 DefaultSidebarTrigger.displayName = "DefaultSidebarTrigger";
 var DefaultTabTriggers = ({ children }) => {
   const { DefaultSidebarTabTriggersTunnel } = useTunnels();
-  return /* @__PURE__ */ jsx111(DefaultSidebarTabTriggersTunnel.In, { children });
+  return /* @__PURE__ */ jsx112(DefaultSidebarTabTriggersTunnel.In, { children });
 };
 DefaultTabTriggers.displayName = "DefaultTabTriggers";
 var DefaultSidebar = Object.assign(
@@ -26323,13 +26395,13 @@ var DefaultSidebar = Object.assign(
           )
         },
         /* @__PURE__ */ jsxs65(Sidebar.Tabs, { children: [
-          /* @__PURE__ */ jsx111(Sidebar.Header, { children: /* @__PURE__ */ jsxs65(Sidebar.TabTriggers, { children: [
-            /* @__PURE__ */ jsx111(Sidebar.TabTrigger, { tab: CANVAS_SEARCH_TAB2, children: searchIcon }),
-            appProps.UIOptions.libraryEnabled && /* @__PURE__ */ jsx111(Sidebar.TabTrigger, { tab: LIBRARY_SIDEBAR_TAB2, children: LibraryIcon }),
-            /* @__PURE__ */ jsx111(DefaultSidebarTabTriggersTunnel.Out, {})
+          /* @__PURE__ */ jsx112(Sidebar.Header, { children: /* @__PURE__ */ jsxs65(Sidebar.TabTriggers, { children: [
+            /* @__PURE__ */ jsx112(Sidebar.TabTrigger, { tab: CANVAS_SEARCH_TAB2, children: searchIcon }),
+            appProps.UIOptions.libraryEnabled && /* @__PURE__ */ jsx112(Sidebar.TabTrigger, { tab: LIBRARY_SIDEBAR_TAB2, children: LibraryIcon }),
+            /* @__PURE__ */ jsx112(DefaultSidebarTabTriggersTunnel.Out, {})
           ] }) }),
-          appProps.UIOptions.libraryEnabled && /* @__PURE__ */ jsx111(Sidebar.Tab, { tab: LIBRARY_SIDEBAR_TAB2, children: /* @__PURE__ */ jsx111(LibraryMenu, {}) }),
-          /* @__PURE__ */ jsx111(Sidebar.Tab, { tab: CANVAS_SEARCH_TAB2, children: /* @__PURE__ */ jsx111(SearchMenu2, {}) }),
+          appProps.UIOptions.libraryEnabled && /* @__PURE__ */ jsx112(Sidebar.Tab, { tab: LIBRARY_SIDEBAR_TAB2, children: /* @__PURE__ */ jsx112(LibraryMenu, {}) }),
+          /* @__PURE__ */ jsx112(Sidebar.Tab, { tab: CANVAS_SEARCH_TAB2, children: /* @__PURE__ */ jsx112(SearchMenu2, {}) }),
           children
         ] })
       );
@@ -26352,7 +26424,7 @@ import { EDITOR_LS_KEYS as EDITOR_LS_KEYS3, debounce as debounce3, isDevEnv as i
 // components/TTDDialog/TTDDialogInput.tsx
 import { useEffect as useEffect35, useRef as useRef30 } from "react";
 import { EVENT as EVENT13, KEYS as KEYS50 } from "@excalidraw/common";
-import { jsx as jsx112 } from "react/jsx-runtime";
+import { jsx as jsx113 } from "react/jsx-runtime";
 var TTDDialogInput = ({
   input,
   placeholder,
@@ -26381,7 +26453,7 @@ var TTDDialogInput = ({
       };
     }
   }, []);
-  return /* @__PURE__ */ jsx112(
+  return /* @__PURE__ */ jsx113(
     "textarea",
     {
       className: "ttd-dialog-input",
@@ -26394,7 +26466,7 @@ var TTDDialogInput = ({
 };
 
 // components/TTDDialog/TTDDialogOutput.tsx
-import { jsx as jsx113, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx114, jsxs as jsxs66 } from "react/jsx-runtime";
 var ErrorComp = ({ error }) => {
   return /* @__PURE__ */ jsxs66(
     "div",
@@ -26403,7 +26475,7 @@ var ErrorComp = ({ error }) => {
       className: "ttd-dialog-output-error",
       children: [
         "Error! ",
-        /* @__PURE__ */ jsx113("p", { children: error })
+        /* @__PURE__ */ jsx114("p", { children: error })
       ]
     }
   );
@@ -26414,21 +26486,21 @@ var TTDDialogOutput = ({
   loaded
 }) => {
   return /* @__PURE__ */ jsxs66("div", { className: "ttd-dialog-output-wrapper", children: [
-    error && /* @__PURE__ */ jsx113(ErrorComp, { error: error.message }),
-    loaded ? /* @__PURE__ */ jsx113(
+    error && /* @__PURE__ */ jsx114(ErrorComp, { error: error.message }),
+    loaded ? /* @__PURE__ */ jsx114(
       "div",
       {
         ref: canvasRef,
         style: { opacity: error ? "0.15" : 1 },
         className: "ttd-dialog-output-canvas-container"
       }
-    ) : /* @__PURE__ */ jsx113(Spinner_default, { size: "2rem" })
+    ) : /* @__PURE__ */ jsx114(Spinner_default, { size: "2rem" })
   ] });
 };
 
 // components/TTDDialog/TTDDialogPanel.tsx
 import clsx55 from "clsx";
-import { jsx as jsx114, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx115, jsxs as jsxs67 } from "react/jsx-runtime";
 var TTDDialogPanel = ({
   label,
   children,
@@ -26441,7 +26513,7 @@ var TTDDialogPanel = ({
 }) => {
   return /* @__PURE__ */ jsxs67("div", { className: "ttd-dialog-panel", children: [
     /* @__PURE__ */ jsxs67("div", { className: "ttd-dialog-panel__header", children: [
-      /* @__PURE__ */ jsx114("label", { children: label }),
+      /* @__PURE__ */ jsx115("label", { children: label }),
       renderTopRight?.()
     ] }),
     children,
@@ -26463,9 +26535,9 @@ var TTDDialogPanel = ({
               children: [
                 /* @__PURE__ */ jsxs67("div", { className: clsx55({ invisible: onTextSubmitInProgess }), children: [
                   panelAction?.label,
-                  panelAction?.icon && /* @__PURE__ */ jsx114("span", { children: panelAction.icon })
+                  panelAction?.icon && /* @__PURE__ */ jsx115("span", { children: panelAction.icon })
                 ] }),
-                onTextSubmitInProgess && /* @__PURE__ */ jsx114(Spinner_default, {})
+                onTextSubmitInProgess && /* @__PURE__ */ jsx115(Spinner_default, {})
               ]
             }
           ),
@@ -26478,17 +26550,17 @@ var TTDDialogPanel = ({
 };
 
 // components/TTDDialog/TTDDialogPanels.tsx
-import { jsx as jsx115 } from "react/jsx-runtime";
+import { jsx as jsx116 } from "react/jsx-runtime";
 var TTDDialogPanels = ({ children }) => {
-  return /* @__PURE__ */ jsx115("div", { className: "ttd-dialog-panels", children });
+  return /* @__PURE__ */ jsx116("div", { className: "ttd-dialog-panels", children });
 };
 
 // components/TTDDialog/TTDDialogSubmitShortcut.tsx
-import { jsx as jsx116, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx117, jsxs as jsxs68 } from "react/jsx-runtime";
 var TTDDialogSubmitShortcut = () => {
   return /* @__PURE__ */ jsxs68("div", { className: "ttd-dialog-submit-shortcut", children: [
-    /* @__PURE__ */ jsx116("div", { className: "ttd-dialog-submit-shortcut__key", children: getShortcutKey("CtrlOrCmd") }),
-    /* @__PURE__ */ jsx116("div", { className: "ttd-dialog-submit-shortcut__key", children: getShortcutKey("Enter") })
+    /* @__PURE__ */ jsx117("div", { className: "ttd-dialog-submit-shortcut__key", children: getShortcutKey("CtrlOrCmd") }),
+    /* @__PURE__ */ jsx117("div", { className: "ttd-dialog-submit-shortcut__key", children: getShortcutKey("Enter") })
   ] });
 };
 
@@ -26597,7 +26669,7 @@ var insertToEditor = ({
 };
 
 // components/TTDDialog/MermaidToExcalidraw.tsx
-import { Fragment as Fragment19, jsx as jsx117, jsxs as jsxs69 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx118, jsxs as jsxs69 } 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 = debounce3(saveMermaidDataToStorage, 300);
 var MermaidToExcalidraw = ({
@@ -26640,17 +26712,17 @@ var MermaidToExcalidraw = ({
     });
   };
   return /* @__PURE__ */ jsxs69(Fragment19, { children: [
-    /* @__PURE__ */ jsx117("div", { className: "ttd-dialog-desc", children: /* @__PURE__ */ jsx117(
+    /* @__PURE__ */ jsx118("div", { className: "ttd-dialog-desc", children: /* @__PURE__ */ jsx118(
       Trans_default,
       {
         i18nKey: "mermaid.description",
-        flowchartLink: (el) => /* @__PURE__ */ jsx117("a", { href: "https://mermaid.js.org/syntax/flowchart.html", children: el }),
-        sequenceLink: (el) => /* @__PURE__ */ jsx117("a", { href: "https://mermaid.js.org/syntax/sequenceDiagram.html", children: el }),
-        classLink: (el) => /* @__PURE__ */ jsx117("a", { href: "https://mermaid.js.org/syntax/classDiagram.html", children: el })
+        flowchartLink: (el) => /* @__PURE__ */ jsx118("a", { href: "https://mermaid.js.org/syntax/flowchart.html", children: el }),
+        sequenceLink: (el) => /* @__PURE__ */ jsx118("a", { href: "https://mermaid.js.org/syntax/sequenceDiagram.html", children: el }),
+        classLink: (el) => /* @__PURE__ */ jsx118("a", { href: "https://mermaid.js.org/syntax/classDiagram.html", children: el })
       }
     ) }),
     /* @__PURE__ */ jsxs69(TTDDialogPanels, { children: [
-      /* @__PURE__ */ jsx117(TTDDialogPanel, { label: t("mermaid.syntax"), children: /* @__PURE__ */ jsx117(
+      /* @__PURE__ */ jsx118(TTDDialogPanel, { label: t("mermaid.syntax"), children: /* @__PURE__ */ jsx118(
         TTDDialogInput,
         {
           input: text,
@@ -26661,7 +26733,7 @@ var MermaidToExcalidraw = ({
           }
         }
       ) }),
-      /* @__PURE__ */ jsx117(
+      /* @__PURE__ */ jsx118(
         TTDDialogPanel,
         {
           label: t("mermaid.preview"),
@@ -26672,8 +26744,8 @@ var MermaidToExcalidraw = ({
             label: t("mermaid.button"),
             icon: ArrowRightIcon
           },
-          renderSubmitShortcut: () => /* @__PURE__ */ jsx117(TTDDialogSubmitShortcut, {}),
-          children: /* @__PURE__ */ jsx117(
+          renderSubmitShortcut: () => /* @__PURE__ */ jsx118(TTDDialogSubmitShortcut, {}),
+          children: /* @__PURE__ */ jsx118(
             TTDDialogOutput,
             {
               canvasRef,
@@ -26692,12 +26764,12 @@ var MermaidToExcalidraw_default = MermaidToExcalidraw;
 import * as RadixTabs5 from "@radix-ui/react-tabs";
 import { useRef as useRef32 } from "react";
 import { isMemberOf as isMemberOf2 } from "@excalidraw/common";
-import { jsx as jsx118 } from "react/jsx-runtime";
+import { jsx as jsx119 } from "react/jsx-runtime";
 var TTDDialogTabs = (props) => {
   const setAppState = useExcalidrawSetAppState();
   const rootRef = useRef32(null);
   const minHeightRef = useRef32(0);
-  return /* @__PURE__ */ jsx118(
+  return /* @__PURE__ */ jsx119(
     RadixTabs5.Root,
     {
       ref: rootRef,
@@ -26730,42 +26802,42 @@ var TTDDialogTabs_default = TTDDialogTabs;
 
 // components/TTDDialog/TTDDialogTabTriggers.tsx
 import * as RadixTabs6 from "@radix-ui/react-tabs";
-import { jsx as jsx119 } from "react/jsx-runtime";
+import { jsx as jsx120 } from "react/jsx-runtime";
 var TTDDialogTabTriggers = ({
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx119(RadixTabs6.List, { className: "ttd-dialog-triggers", ...rest, children });
+  return /* @__PURE__ */ jsx120(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 jsx120 } from "react/jsx-runtime";
+import { jsx as jsx121 } from "react/jsx-runtime";
 var TTDDialogTabTrigger = ({
   children,
   tab,
   onSelect,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx120(RadixTabs7.Trigger, { value: tab, asChild: true, onSelect, children: /* @__PURE__ */ jsx120("button", { type: "button", className: "ttd-dialog-tab-trigger", ...rest, children }) });
+  return /* @__PURE__ */ jsx121(RadixTabs7.Trigger, { value: tab, asChild: true, onSelect, children: /* @__PURE__ */ jsx121("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 jsx121 } from "react/jsx-runtime";
+import { jsx as jsx122 } from "react/jsx-runtime";
 var TTDDialogTab = ({
   tab,
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx121(RadixTabs8.Content, { ...rest, value: tab, children });
+  return /* @__PURE__ */ jsx122(RadixTabs8.Content, { ...rest, value: tab, children });
 };
 TTDDialogTab.displayName = "TTDDialogTab";
 
 // components/TTDDialog/TTDDialog.tsx
-import { jsx as jsx122, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx123, jsxs as jsxs70 } from "react/jsx-runtime";
 var MIN_PROMPT_LENGTH = 3;
 var MAX_PROMPT_LENGTH = 1e3;
 var rateLimitsAtom = atom(null);
@@ -26775,7 +26847,7 @@ var TTDDialog = (props) => {
   if (appState.openDialog?.name !== "ttd") {
     return null;
   }
-  return /* @__PURE__ */ jsx122(TTDDialogBase, { ...props, tab: appState.openDialog.tab });
+  return /* @__PURE__ */ jsx123(TTDDialogBase, { ...props, tab: appState.openDialog.tab });
 };
 var TTDDialogBase = withInternalFallback(
   "TTDDialogBase",
@@ -26889,7 +26961,7 @@ TTD mermaid definition render errror: ${error3.message}`,
     }, [mermaidToExcalidrawLib.api]);
     const data = useRef33({ elements: [], files: null });
     const [error, setError] = useState33(null);
-    return /* @__PURE__ */ jsx122(
+    return /* @__PURE__ */ jsx123(
       Dialog,
       {
         className: "ttd-dialog",
@@ -26901,10 +26973,10 @@ TTD mermaid definition render errror: ${error3.message}`,
         ...rest,
         autofocus: false,
         children: /* @__PURE__ */ jsxs70(TTDDialogTabs_default, { dialog: "ttd", tab, children: [
-          "__fallback" in rest && rest.__fallback ? /* @__PURE__ */ jsx122("p", { className: "dialog-mermaid-title", children: t("mermaid.title") }) : /* @__PURE__ */ jsxs70(TTDDialogTabTriggers, { children: [
-            /* @__PURE__ */ jsx122(TTDDialogTabTrigger, { tab: "text-to-diagram", children: /* @__PURE__ */ jsxs70("div", { style: { display: "flex", alignItems: "center" }, children: [
+          "__fallback" in rest && rest.__fallback ? /* @__PURE__ */ jsx123("p", { className: "dialog-mermaid-title", children: t("mermaid.title") }) : /* @__PURE__ */ jsxs70(TTDDialogTabTriggers, { children: [
+            /* @__PURE__ */ jsx123(TTDDialogTabTrigger, { tab: "text-to-diagram", children: /* @__PURE__ */ jsxs70("div", { style: { display: "flex", alignItems: "center" }, children: [
               t("labels.textToDiagram"),
-              /* @__PURE__ */ jsx122(
+              /* @__PURE__ */ jsx123(
                 "div",
                 {
                   style: {
@@ -26922,18 +26994,18 @@ TTD mermaid definition render errror: ${error3.message}`,
                 }
               )
             ] }) }),
-            /* @__PURE__ */ jsx122(TTDDialogTabTrigger, { tab: "mermaid", children: "Mermaid" })
+            /* @__PURE__ */ jsx123(TTDDialogTabTrigger, { tab: "mermaid", children: "Mermaid" })
           ] }),
-          /* @__PURE__ */ jsx122(TTDDialogTab, { className: "ttd-dialog-content", tab: "mermaid", children: /* @__PURE__ */ jsx122(
+          /* @__PURE__ */ jsx123(TTDDialogTab, { className: "ttd-dialog-content", tab: "mermaid", children: /* @__PURE__ */ jsx123(
             MermaidToExcalidraw_default,
             {
               mermaidToExcalidrawLib
             }
           ) }),
           !("__fallback" in rest) && /* @__PURE__ */ jsxs70(TTDDialogTab, { className: "ttd-dialog-content", tab: "text-to-diagram", children: [
-            /* @__PURE__ */ jsx122("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__ */ jsx123("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__ */ jsxs70(TTDDialogPanels, { children: [
-              /* @__PURE__ */ jsx122(
+              /* @__PURE__ */ jsx123(
                 TTDDialogPanel,
                 {
                   label: t("labels.prompt"),
@@ -26964,7 +27036,7 @@ TTD mermaid definition render errror: ${error3.message}`,
                       }
                     );
                   },
-                  renderSubmitShortcut: () => /* @__PURE__ */ jsx122(TTDDialogSubmitShortcut, {}),
+                  renderSubmitShortcut: () => /* @__PURE__ */ jsx123(TTDDialogSubmitShortcut, {}),
                   renderBottomRight: () => {
                     if (typeof ttdGeneration?.generatedResponse === "string") {
                       return /* @__PURE__ */ jsxs70(
@@ -26984,7 +27056,7 @@ TTD mermaid definition render errror: ${error3.message}`,
                           },
                           children: [
                             "View as Mermaid",
-                            /* @__PURE__ */ jsx122(InlineIcon, { icon: ArrowRightIcon })
+                            /* @__PURE__ */ jsx123(InlineIcon, { icon: ArrowRightIcon })
                           ]
                         }
                       );
@@ -27011,7 +27083,7 @@ TTD mermaid definition render errror: ${error3.message}`,
                     }
                     return null;
                   },
-                  children: /* @__PURE__ */ jsx122(
+                  children: /* @__PURE__ */ jsx123(
                     TTDDialogInput,
                     {
                       onChange: handleTextChange,
@@ -27024,7 +27096,7 @@ TTD mermaid definition render errror: ${error3.message}`,
                   )
                 }
               ),
-              /* @__PURE__ */ jsx122(
+              /* @__PURE__ */ jsx123(
                 TTDDialogPanel,
                 {
                   label: "Preview",
@@ -27036,7 +27108,7 @@ TTD mermaid definition render errror: ${error3.message}`,
                     label: "Insert",
                     icon: ArrowRightIcon
                   },
-                  children: /* @__PURE__ */ jsx122(
+                  children: /* @__PURE__ */ jsx123(
                     TTDDialogOutput,
                     {
                       canvasRef: someRandomDivRef,
@@ -27223,7 +27295,7 @@ var getAtomicUnits = (targetElements, appState) => {
 };
 
 // components/Stats/DragInput.tsx
-import { jsx as jsx123, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx124, jsxs as jsxs71 } from "react/jsx-runtime";
 var StatsDragInput = ({
   label,
   icon,
@@ -27334,7 +27406,7 @@ var StatsDragInput = ({
       className: clsx56("drag-input-container", !editable && "disabled"),
       "data-testid": label,
       children: [
-        /* @__PURE__ */ jsx123(
+        /* @__PURE__ */ jsx124(
           "div",
           {
             className: "drag-input-label",
@@ -27422,10 +27494,10 @@ var StatsDragInput = ({
                 labelRef.current.style.cursor = "ew-resize";
               }
             },
-            children: icon ? /* @__PURE__ */ jsx123(InlineIcon, { icon }) : label
+            children: icon ? /* @__PURE__ */ jsx124(InlineIcon, { icon }) : label
           }
         ),
-        /* @__PURE__ */ jsx123(
+        /* @__PURE__ */ jsx124(
           "input",
           {
             className: "drag-input",
@@ -27472,7 +27544,7 @@ var StatsDragInput = ({
 var DragInput_default = StatsDragInput;
 
 // components/Stats/Angle.tsx
-import { jsx as jsx124 } from "react/jsx-runtime";
+import { jsx as jsx125 } from "react/jsx-runtime";
 var STEP_SIZE2 = 15;
 var handleDegreeChange = ({
   accumulatedChange,
@@ -27520,7 +27592,7 @@ var handleDegreeChange = ({
   }
 };
 var Angle = ({ element, scene, appState, property }) => {
-  return /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsx125(
     DragInput_default,
     {
       label: "A",
@@ -27538,7 +27610,7 @@ var Angle = ({ element, scene, appState, property }) => {
 var Angle_default = Angle;
 
 // components/Stats/CanvasGrid.tsx
-import { jsx as jsx125 } from "react/jsx-runtime";
+import { jsx as jsx126 } from "react/jsx-runtime";
 var STEP_SIZE3 = 5;
 var CanvasGrid = ({
   property,
@@ -27546,7 +27618,7 @@ var CanvasGrid = ({
   appState,
   setAppState
 }) => {
-  return /* @__PURE__ */ jsx125(
+  return /* @__PURE__ */ jsx126(
     DragInput_default,
     {
       label: "Grid step",
@@ -27600,7 +27672,7 @@ import { isImageElement as isImageElement4 } from "@excalidraw/element";
 import { isFrameLikeElement as isFrameLikeElement12 } from "@excalidraw/element";
 import { getElementsInResizingFrame as getElementsInResizingFrame2 } from "@excalidraw/element";
 import { replaceAllElementsInFrame as replaceAllElementsInFrame2 } from "@excalidraw/element";
-import { jsx as jsx126 } from "react/jsx-runtime";
+import { jsx as jsx127 } from "react/jsx-runtime";
 var STEP_SIZE4 = 10;
 var _shouldKeepAspectRatio = (element) => {
   return element.type === "image";
@@ -27838,7 +27910,7 @@ var DimensionDragInput = ({
       value = round3(element.crop.height * ratio, 2);
     }
   }
-  return /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsx127(
     DragInput_default,
     {
       label: property === "width" ? "W" : "H",
@@ -27861,7 +27933,7 @@ import {
   redrawTextBoundingBox as redrawTextBoundingBox6
 } from "@excalidraw/element";
 import { hasBoundTextElement as hasBoundTextElement7, isTextElement as isTextElement13 } from "@excalidraw/element";
-import { jsx as jsx127 } from "react/jsx-runtime";
+import { jsx as jsx128 } from "react/jsx-runtime";
 var MIN_FONT_SIZE = 4;
 var STEP_SIZE5 = 4;
 var handleFontSizeChange = ({
@@ -27909,7 +27981,7 @@ var FontSize = ({ element, scene, appState, property }) => {
   if (!_element) {
     return null;
   }
-  return /* @__PURE__ */ jsx127(
+  return /* @__PURE__ */ jsx128(
     DragInput_default,
     {
       label: "F",
@@ -27930,7 +28002,7 @@ import { degreesToRadians as degreesToRadians3, radiansToDegrees as radiansToDeg
 import { getBoundTextElement as getBoundTextElement12 } from "@excalidraw/element";
 import { isArrowElement as isArrowElement12 } from "@excalidraw/element";
 import { isInGroup as isInGroup2 } from "@excalidraw/element";
-import { jsx as jsx128 } from "react/jsx-runtime";
+import { jsx as jsx129 } from "react/jsx-runtime";
 var STEP_SIZE6 = 15;
 var handleDegreeChange2 = ({
   accumulatedChange,
@@ -28002,7 +28074,7 @@ var MultiAngle = ({
   const editable = editableLatestIndividualElements.some(
     (el) => isPropertyEditable(el, "angle")
   );
-  return /* @__PURE__ */ jsx128(
+  return /* @__PURE__ */ jsx129(
     DragInput_default,
     {
       label: "A",
@@ -28040,7 +28112,7 @@ import { isTextElement as isTextElement14 } from "@excalidraw/element";
 import { getCommonBounds as getCommonBounds6 } from "@excalidraw/element";
 
 // components/Stats/MultiDimension.tsx
-import { jsx as jsx129 } from "react/jsx-runtime";
+import { jsx as jsx130 } from "react/jsx-runtime";
 var STEP_SIZE7 = 10;
 var getResizedUpdates = (anchorX, anchorY, scale, origElement) => {
   const offsetX = origElement.x - anchorX;
@@ -28361,7 +28433,7 @@ var MultiDimension = ({
   );
   const value = new Set(sizes).size === 1 ? Math.round(sizes[0] * 100) / 100 : "Mixed";
   const editable = sizes.length > 0;
-  return /* @__PURE__ */ jsx129(
+  return /* @__PURE__ */ jsx130(
     DragInput_default,
     {
       label: property === "width" ? "W" : "H",
@@ -28385,7 +28457,7 @@ import {
 } from "@excalidraw/element";
 import { hasBoundTextElement as hasBoundTextElement8, isTextElement as isTextElement15 } from "@excalidraw/element";
 import { isInGroup as isInGroup3 } from "@excalidraw/element";
-import { jsx as jsx130 } from "react/jsx-runtime";
+import { jsx as jsx131 } from "react/jsx-runtime";
 var MIN_FONT_SIZE2 = 4;
 var STEP_SIZE8 = 4;
 var getApplicableTextElements = (elements, elementsMap) => elements.reduce(
@@ -28475,7 +28547,7 @@ var MultiFontSize = ({
   );
   const value = new Set(fontSizes).size === 1 ? fontSizes[0] : "Mixed";
   const editable = fontSizes.length > 0;
-  return /* @__PURE__ */ jsx130(
+  return /* @__PURE__ */ jsx131(
     DragInput_default,
     {
       label: "F",
@@ -28497,7 +28569,7 @@ import { pointFrom as pointFrom25, pointRotateRads as pointRotateRads17 } from "
 import { useMemo as useMemo10 } from "react";
 import { isTextElement as isTextElement16 } from "@excalidraw/element";
 import { getCommonBounds as getCommonBounds7 } from "@excalidraw/element";
-import { jsx as jsx131 } from "react/jsx-runtime";
+import { jsx as jsx132 } from "react/jsx-runtime";
 var moveElements = (property, changeInTopX, changeInTopY, originalElements, originalElementsMap, scene, appState) => {
   for (let i = 0; i < originalElements.length; i++) {
     const origElement = originalElements[i];
@@ -28663,7 +28735,7 @@ var MultiPosition = ({
     [atomicUnits, elementsMap, property]
   );
   const value = new Set(positions).size === 1 ? positions[0] : "Mixed";
-  return /* @__PURE__ */ jsx131(
+  return /* @__PURE__ */ jsx132(
     DragInput_default,
     {
       label: property === "x" ? "X" : "Y",
@@ -28685,7 +28757,7 @@ import {
   getUncroppedWidthAndHeight as getUncroppedWidthAndHeight2
 } from "@excalidraw/element";
 import { isImageElement as isImageElement5 } from "@excalidraw/element";
-import { jsx as jsx132 } from "react/jsx-runtime";
+import { jsx as jsx133 } from "react/jsx-runtime";
 var handlePositionChange2 = ({
   accumulatedChange,
   instantChange,
@@ -28821,7 +28893,7 @@ var Position = ({
       );
     }
   }
-  return /* @__PURE__ */ jsx132(
+  return /* @__PURE__ */ jsx133(
     DragInput_default,
     {
       label: property === "x" ? "X" : "Y",
@@ -28837,7 +28909,7 @@ var Position = ({
 var Position_default = Position;
 
 // components/Stats/index.tsx
-import { Fragment as Fragment20, jsx as jsx133, jsxs as jsxs72 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx134, jsxs as jsxs72 } from "react/jsx-runtime";
 var STATS_TIMEOUT = 50;
 var Stats = (props) => {
   const appState = useExcalidrawAppState();
@@ -28847,7 +28919,7 @@ var Stats = (props) => {
     includeBoundTextElement: false
   });
   const gridModeEnabled = isGridModeEnabled(props.app);
-  return /* @__PURE__ */ jsx133(
+  return /* @__PURE__ */ jsx134(
     StatsInner,
     {
       ...props,
@@ -28864,7 +28936,7 @@ var StatsRow = ({
   heading,
   style,
   ...rest
-}) => /* @__PURE__ */ jsx133(
+}) => /* @__PURE__ */ jsx134(
   "div",
   {
     className: clsx57("exc-stats__row", { "exc-stats__row--heading": heading }),
@@ -28882,7 +28954,7 @@ var StatsRows = ({
   order,
   style,
   ...rest
-}) => /* @__PURE__ */ jsx133("div", { className: "exc-stats__rows", style: { order, ...style }, ...rest, children });
+}) => /* @__PURE__ */ jsx134("div", { className: "exc-stats__rows", style: { order, ...style }, ...rest, children });
 StatsRows.displayName = "StatsRows";
 Stats.StatsRow = StatsRow;
 Stats.StatsRows = StatsRows;
@@ -28931,7 +29003,7 @@ var StatsInner = memo5(
     const _frameAndChildrenSelectedTogether = useMemo11(() => {
       return frameAndChildrenSelectedTogether2(selectedElements);
     }, [selectedElements]);
-    return /* @__PURE__ */ jsx133(
+    return /* @__PURE__ */ jsx134(
       "div",
       {
         className: clsx57("exc-stats", {
@@ -28939,13 +29011,13 @@ var StatsInner = memo5(
         }),
         children: /* @__PURE__ */ jsxs72(Island, { padding: 3, children: [
           /* @__PURE__ */ jsxs72("div", { className: "title", children: [
-            /* @__PURE__ */ jsx133("h2", { children: t("stats.title") }),
-            /* @__PURE__ */ jsx133("div", { className: "close", onClick: onClose, children: CloseIcon })
+            /* @__PURE__ */ jsx134("h2", { children: t("stats.title") }),
+            /* @__PURE__ */ jsx134("div", { className: "close", onClick: onClose, children: CloseIcon })
           ] }),
           /* @__PURE__ */ jsxs72(
             Collapsible_default,
             {
-              label: /* @__PURE__ */ jsx133("h3", { children: t("stats.generalStats") }),
+              label: /* @__PURE__ */ jsx134("h3", { children: t("stats.generalStats") }),
               open: !!(appState.stats.panels & STATS_PANELS.generalStats),
               openTrigger: () => setAppState((state) => {
                 return {
@@ -28957,22 +29029,22 @@ var StatsInner = memo5(
               }),
               children: [
                 /* @__PURE__ */ jsxs72(StatsRows, { children: [
-                  /* @__PURE__ */ jsx133(StatsRow, { heading: true, children: t("stats.scene") }),
+                  /* @__PURE__ */ jsx134(StatsRow, { heading: true, children: t("stats.scene") }),
                   /* @__PURE__ */ jsxs72(StatsRow, { columns: 2, children: [
-                    /* @__PURE__ */ jsx133("div", { children: t("stats.shapes") }),
-                    /* @__PURE__ */ jsx133("div", { children: elements.length })
+                    /* @__PURE__ */ jsx134("div", { children: t("stats.shapes") }),
+                    /* @__PURE__ */ jsx134("div", { children: elements.length })
                   ] }),
                   /* @__PURE__ */ jsxs72(StatsRow, { columns: 2, children: [
-                    /* @__PURE__ */ jsx133("div", { children: t("stats.width") }),
-                    /* @__PURE__ */ jsx133("div", { children: sceneDimension.width })
+                    /* @__PURE__ */ jsx134("div", { children: t("stats.width") }),
+                    /* @__PURE__ */ jsx134("div", { children: sceneDimension.width })
                   ] }),
                   /* @__PURE__ */ jsxs72(StatsRow, { columns: 2, children: [
-                    /* @__PURE__ */ jsx133("div", { children: t("stats.height") }),
-                    /* @__PURE__ */ jsx133("div", { children: sceneDimension.height })
+                    /* @__PURE__ */ jsx134("div", { children: t("stats.height") }),
+                    /* @__PURE__ */ jsx134("div", { children: sceneDimension.height })
                   ] }),
                   gridModeEnabled && /* @__PURE__ */ jsxs72(Fragment20, { children: [
-                    /* @__PURE__ */ jsx133(StatsRow, { heading: true, children: "Canvas" }),
-                    /* @__PURE__ */ jsx133(StatsRow, { children: /* @__PURE__ */ jsx133(
+                    /* @__PURE__ */ jsx134(StatsRow, { heading: true, children: "Canvas" }),
+                    /* @__PURE__ */ jsx134(StatsRow, { children: /* @__PURE__ */ jsx134(
                       CanvasGrid_default,
                       {
                         property: "gridStep",
@@ -28987,17 +29059,17 @@ var StatsInner = memo5(
               ]
             }
           ),
-          !_frameAndChildrenSelectedTogether && selectedElements.length > 0 && /* @__PURE__ */ jsx133(
+          !_frameAndChildrenSelectedTogether && selectedElements.length > 0 && /* @__PURE__ */ jsx134(
             "div",
             {
               id: "elementStats",
               style: {
                 marginTop: 12
               },
-              children: /* @__PURE__ */ jsx133(
+              children: /* @__PURE__ */ jsx134(
                 Collapsible_default,
                 {
-                  label: /* @__PURE__ */ jsx133("h3", { children: t("stats.elementProperties") }),
+                  label: /* @__PURE__ */ jsx134("h3", { children: t("stats.elementProperties") }),
                   open: !!(appState.stats.panels & STATS_PANELS.elementProperties),
                   openTrigger: () => setAppState((state) => {
                     return {
@@ -29009,16 +29081,16 @@ var StatsInner = memo5(
                   }),
                   children: /* @__PURE__ */ jsxs72(StatsRows, { children: [
                     singleElement && /* @__PURE__ */ jsxs72(Fragment20, { children: [
-                      cropMode && /* @__PURE__ */ jsx133(StatsRow, { heading: true, children: t("labels.unCroppedDimension") }),
+                      cropMode && /* @__PURE__ */ jsx134(StatsRow, { heading: true, children: t("labels.unCroppedDimension") }),
                       appState.croppingElementId && isImageElement6(singleElement) && unCroppedDimension && /* @__PURE__ */ jsxs72(StatsRow, { columns: 2, children: [
-                        /* @__PURE__ */ jsx133("div", { children: t("stats.width") }),
-                        /* @__PURE__ */ jsx133("div", { children: round5(unCroppedDimension.width, 2) })
+                        /* @__PURE__ */ jsx134("div", { children: t("stats.width") }),
+                        /* @__PURE__ */ jsx134("div", { children: round5(unCroppedDimension.width, 2) })
                       ] }),
                       appState.croppingElementId && isImageElement6(singleElement) && unCroppedDimension && /* @__PURE__ */ jsxs72(StatsRow, { columns: 2, children: [
-                        /* @__PURE__ */ jsx133("div", { children: t("stats.height") }),
-                        /* @__PURE__ */ jsx133("div", { children: round5(unCroppedDimension.height, 2) })
+                        /* @__PURE__ */ jsx134("div", { children: t("stats.height") }),
+                        /* @__PURE__ */ jsx134("div", { children: round5(unCroppedDimension.height, 2) })
                       ] }),
-                      /* @__PURE__ */ jsx133(
+                      /* @__PURE__ */ jsx134(
                         StatsRow,
                         {
                           heading: true,
@@ -29027,7 +29099,7 @@ var StatsInner = memo5(
                           children: appState.croppingElementId ? t("labels.imageCropping") : t(`element.${singleElement.type}`)
                         }
                       ),
-                      /* @__PURE__ */ jsx133(StatsRow, { children: /* @__PURE__ */ jsx133(
+                      /* @__PURE__ */ jsx134(StatsRow, { children: /* @__PURE__ */ jsx134(
                         Position_default,
                         {
                           element: singleElement,
@@ -29037,7 +29109,7 @@ var StatsInner = memo5(
                           appState
                         }
                       ) }),
-                      /* @__PURE__ */ jsx133(StatsRow, { children: /* @__PURE__ */ jsx133(
+                      /* @__PURE__ */ jsx134(StatsRow, { children: /* @__PURE__ */ jsx134(
                         Position_default,
                         {
                           element: singleElement,
@@ -29047,7 +29119,7 @@ var StatsInner = memo5(
                           appState
                         }
                       ) }),
-                      /* @__PURE__ */ jsx133(StatsRow, { children: /* @__PURE__ */ jsx133(
+                      /* @__PURE__ */ jsx134(StatsRow, { children: /* @__PURE__ */ jsx134(
                         Dimension_default,
                         {
                           property: "width",
@@ -29056,7 +29128,7 @@ var StatsInner = memo5(
                           appState
                         }
                       ) }),
-                      /* @__PURE__ */ jsx133(StatsRow, { children: /* @__PURE__ */ jsx133(
+                      /* @__PURE__ */ jsx134(StatsRow, { children: /* @__PURE__ */ jsx134(
                         Dimension_default,
                         {
                           property: "height",
@@ -29065,7 +29137,7 @@ var StatsInner = memo5(
                           appState
                         }
                       ) }),
-                      /* @__PURE__ */ jsx133(StatsRow, { children: /* @__PURE__ */ jsx133(
+                      /* @__PURE__ */ jsx134(StatsRow, { children: /* @__PURE__ */ jsx134(
                         Angle_default,
                         {
                           property: "angle",
@@ -29074,7 +29146,7 @@ var StatsInner = memo5(
                           appState
                         }
                       ) }),
-                      /* @__PURE__ */ jsx133(StatsRow, { children: /* @__PURE__ */ jsx133(
+                      /* @__PURE__ */ jsx134(StatsRow, { children: /* @__PURE__ */ jsx134(
                         FontSize_default,
                         {
                           property: "fontSize",
@@ -29085,12 +29157,12 @@ var StatsInner = memo5(
                       ) })
                     ] }),
                     multipleElements && /* @__PURE__ */ jsxs72(Fragment20, { children: [
-                      elementsAreInSameGroup2(multipleElements) && /* @__PURE__ */ jsx133(StatsRow, { heading: true, children: t("element.group") }),
+                      elementsAreInSameGroup2(multipleElements) && /* @__PURE__ */ jsx134(StatsRow, { heading: true, children: t("element.group") }),
                       /* @__PURE__ */ jsxs72(StatsRow, { columns: 2, style: { margin: "0.3125rem 0" }, children: [
-                        /* @__PURE__ */ jsx133("div", { children: t("stats.shapes") }),
-                        /* @__PURE__ */ jsx133("div", { children: selectedElements.length })
+                        /* @__PURE__ */ jsx134("div", { children: t("stats.shapes") }),
+                        /* @__PURE__ */ jsx134("div", { children: selectedElements.length })
                       ] }),
-                      /* @__PURE__ */ jsx133(StatsRow, { children: /* @__PURE__ */ jsx133(
+                      /* @__PURE__ */ jsx134(StatsRow, { children: /* @__PURE__ */ jsx134(
                         MultiPosition_default,
                         {
                           property: "x",
@@ -29101,7 +29173,7 @@ var StatsInner = memo5(
                           appState
                         }
                       ) }),
-                      /* @__PURE__ */ jsx133(StatsRow, { children: /* @__PURE__ */ jsx133(
+                      /* @__PURE__ */ jsx134(StatsRow, { children: /* @__PURE__ */ jsx134(
                         MultiPosition_default,
                         {
                           property: "y",
@@ -29112,7 +29184,7 @@ var StatsInner = memo5(
                           appState
                         }
                       ) }),
-                      /* @__PURE__ */ jsx133(StatsRow, { children: /* @__PURE__ */ jsx133(
+                      /* @__PURE__ */ jsx134(StatsRow, { children: /* @__PURE__ */ jsx134(
                         MultiDimension_default,
                         {
                           property: "width",
@@ -29123,7 +29195,7 @@ var StatsInner = memo5(
                           appState
                         }
                       ) }),
-                      /* @__PURE__ */ jsx133(StatsRow, { children: /* @__PURE__ */ jsx133(
+                      /* @__PURE__ */ jsx134(StatsRow, { children: /* @__PURE__ */ jsx134(
                         MultiDimension_default,
                         {
                           property: "height",
@@ -29134,7 +29206,7 @@ var StatsInner = memo5(
                           appState
                         }
                       ) }),
-                      /* @__PURE__ */ jsx133(StatsRow, { children: /* @__PURE__ */ jsx133(
+                      /* @__PURE__ */ jsx134(StatsRow, { children: /* @__PURE__ */ jsx134(
                         MultiAngle_default,
                         {
                           property: "angle",
@@ -29143,7 +29215,7 @@ var StatsInner = memo5(
                           appState
                         }
                       ) }),
-                      /* @__PURE__ */ jsx133(StatsRow, { children: /* @__PURE__ */ jsx133(
+                      /* @__PURE__ */ jsx134(StatsRow, { children: /* @__PURE__ */ jsx134(
                         MultiFontSize_default,
                         {
                           property: "fontSize",
@@ -29175,7 +29247,7 @@ import {
   defaultGetElementLinkFromSelection as defaultGetElementLinkFromSelection2,
   getLinkIdAndTypeFromSelection as getLinkIdAndTypeFromSelection2
 } from "@excalidraw/element";
-import { jsx as jsx134, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx135, jsxs as jsxs73 } from "react/jsx-runtime";
 var ElementLinkDialog = ({
   sourceElementId,
   onClose,
@@ -29240,11 +29312,11 @@ var ElementLinkDialog = ({
   }, [appState, onClose, handleConfirm]);
   return /* @__PURE__ */ jsxs73("div", { className: "ElementLinkDialog", children: [
     /* @__PURE__ */ jsxs73("div", { className: "ElementLinkDialog__header", children: [
-      /* @__PURE__ */ jsx134("h2", { children: t("elementLink.title") }),
-      /* @__PURE__ */ jsx134("p", { children: t("elementLink.desc") })
+      /* @__PURE__ */ jsx135("h2", { children: t("elementLink.title") }),
+      /* @__PURE__ */ jsx135("p", { children: t("elementLink.desc") })
     ] }),
     /* @__PURE__ */ jsxs73("div", { className: "ElementLinkDialog__input", children: [
-      /* @__PURE__ */ jsx134(
+      /* @__PURE__ */ jsx135(
         TextField,
         {
           value: nextLink ?? "",
@@ -29263,7 +29335,7 @@ var ElementLinkDialog = ({
           selectOnRender: true
         }
       ),
-      originalLink && nextLink && /* @__PURE__ */ jsx134(
+      originalLink && nextLink && /* @__PURE__ */ jsx135(
         ToolButton,
         {
           type: "button",
@@ -29280,7 +29352,7 @@ var ElementLinkDialog = ({
       )
     ] }),
     /* @__PURE__ */ jsxs73("div", { className: "ElementLinkDialog__actions", children: [
-      /* @__PURE__ */ jsx134(
+      /* @__PURE__ */ jsx135(
         DialogActionButton_default,
         {
           label: t("buttons.cancel"),
@@ -29292,7 +29364,7 @@ var ElementLinkDialog = ({
           }
         }
       ),
-      /* @__PURE__ */ jsx134(
+      /* @__PURE__ */ jsx135(
         DialogActionButton_default,
         {
           label: t("buttons.confirm"),
@@ -29307,7 +29379,7 @@ var ElementLinkDialog_default = ElementLinkDialog;
 
 // components/ErrorDialog.tsx
 import React38, { useState as useState37 } from "react";
-import { Fragment as Fragment21, jsx as jsx135 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx136 } from "react/jsx-runtime";
 var ErrorDialog = ({
   children,
   onClose
@@ -29321,13 +29393,13 @@ var ErrorDialog = ({
     }
     excalidrawContainer?.focus();
   }, [onClose, excalidrawContainer]);
-  return /* @__PURE__ */ jsx135(Fragment21, { children: modalIsShown && /* @__PURE__ */ jsx135(
+  return /* @__PURE__ */ jsx136(Fragment21, { children: modalIsShown && /* @__PURE__ */ jsx136(
     Dialog,
     {
       size: "small",
       onCloseRequest: handleClose,
       title: t("errorDialog.title"),
-      children: /* @__PURE__ */ jsx135("div", { style: { whiteSpace: "pre-wrap" }, children })
+      children: /* @__PURE__ */ jsx136("div", { style: { whiteSpace: "pre-wrap" }, children })
     }
   ) });
 };
@@ -29336,7 +29408,7 @@ var ErrorDialog = ({
 import React39 from "react";
 import { isDarwin as isDarwin4, isFirefox as isFirefox3, isWindows as isWindows2 } from "@excalidraw/common";
 import { KEYS as KEYS53 } from "@excalidraw/common";
-import { Fragment as Fragment22, jsx as jsx136, jsxs as jsxs74 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx137, jsxs as jsxs74 } from "react/jsx-runtime";
 var Header = () => /* @__PURE__ */ jsxs74("div", { className: "HelpDialog__header", children: [
   /* @__PURE__ */ jsxs74(
     "a",
@@ -29346,7 +29418,7 @@ var Header = () => /* @__PURE__ */ jsxs74("div", { className: "HelpDialog__heade
       target: "_blank",
       rel: "noopener",
       children: [
-        /* @__PURE__ */ jsx136("div", { className: "HelpDialog__link-icon", children: ExternalLinkIcon }),
+        /* @__PURE__ */ jsx137("div", { className: "HelpDialog__link-icon", children: ExternalLinkIcon }),
         t("helpDialog.documentation")
       ]
     }
@@ -29359,7 +29431,7 @@ var Header = () => /* @__PURE__ */ jsxs74("div", { className: "HelpDialog__heade
       target: "_blank",
       rel: "noopener",
       children: [
-        /* @__PURE__ */ jsx136("div", { className: "HelpDialog__link-icon", children: ExternalLinkIcon }),
+        /* @__PURE__ */ jsx137("div", { className: "HelpDialog__link-icon", children: ExternalLinkIcon }),
         t("helpDialog.blog")
       ]
     }
@@ -29372,7 +29444,7 @@ var Header = () => /* @__PURE__ */ jsxs74("div", { className: "HelpDialog__heade
       target: "_blank",
       rel: "noopener noreferrer",
       children: [
-        /* @__PURE__ */ jsx136("div", { className: "HelpDialog__link-icon", children: GithubIcon }),
+        /* @__PURE__ */ jsx137("div", { className: "HelpDialog__link-icon", children: GithubIcon }),
         t("helpDialog.github")
       ]
     }
@@ -29385,19 +29457,19 @@ var Header = () => /* @__PURE__ */ jsxs74("div", { className: "HelpDialog__heade
       target: "_blank",
       rel: "noopener noreferrer",
       children: [
-        /* @__PURE__ */ jsx136("div", { className: "HelpDialog__link-icon", children: youtubeIcon }),
+        /* @__PURE__ */ jsx137("div", { className: "HelpDialog__link-icon", children: youtubeIcon }),
         "YouTube"
       ]
     }
   )
 ] });
 var Section2 = (props) => /* @__PURE__ */ jsxs74(Fragment22, { children: [
-  /* @__PURE__ */ jsx136("h3", { children: props.title }),
-  /* @__PURE__ */ jsx136("div", { className: "HelpDialog__islands-container", children: props.children })
+  /* @__PURE__ */ jsx137("h3", { children: props.title }),
+  /* @__PURE__ */ jsx137("div", { className: "HelpDialog__islands-container", children: props.children })
 ] });
 var ShortcutIsland = (props) => /* @__PURE__ */ jsxs74("div", { className: `HelpDialog__island ${props.className}`, children: [
-  /* @__PURE__ */ jsx136("h4", { className: "HelpDialog__island-title", children: props.caption }),
-  /* @__PURE__ */ jsx136("div", { className: "HelpDialog__island-content", children: props.children })
+  /* @__PURE__ */ jsx137("h4", { className: "HelpDialog__island-title", children: props.caption }),
+  /* @__PURE__ */ jsx137("div", { className: "HelpDialog__island-content", children: props.children })
 ] });
 function* intersperse(as, delim) {
   let first = true;
@@ -29419,28 +29491,28 @@ var Shortcut = ({
 }) => {
   const splitShortcutKeys = shortcuts.map((shortcut) => {
     const keys = shortcut.endsWith("++") ? [...shortcut.slice(0, -2).split("+"), "+"] : shortcut.split("+");
-    return keys.map((key) => /* @__PURE__ */ jsx136(ShortcutKey, { children: upperCaseSingleChars(key) }, key));
+    return keys.map((key) => /* @__PURE__ */ jsx137(ShortcutKey, { children: upperCaseSingleChars(key) }, key));
   });
   return /* @__PURE__ */ jsxs74("div", { className: "HelpDialog__shortcut", children: [
-    /* @__PURE__ */ jsx136("div", { children: label }),
-    /* @__PURE__ */ jsx136("div", { className: "HelpDialog__key-container", children: [...intersperse(splitShortcutKeys, isOr ? t("helpDialog.or") : null)] })
+    /* @__PURE__ */ jsx137("div", { children: label }),
+    /* @__PURE__ */ jsx137("div", { className: "HelpDialog__key-container", children: [...intersperse(splitShortcutKeys, isOr ? t("helpDialog.or") : null)] })
   ] });
 };
-var ShortcutKey = (props) => /* @__PURE__ */ jsx136("kbd", { className: "HelpDialog__key", ...props });
+var ShortcutKey = (props) => /* @__PURE__ */ jsx137("kbd", { className: "HelpDialog__key", ...props });
 var HelpDialog = ({ onClose }) => {
   const handleClose = React39.useCallback(() => {
     if (onClose) {
       onClose();
     }
   }, [onClose]);
-  return /* @__PURE__ */ jsx136(Fragment22, { children: /* @__PURE__ */ jsxs74(
+  return /* @__PURE__ */ jsx137(Fragment22, { children: /* @__PURE__ */ jsxs74(
     Dialog,
     {
       onCloseRequest: handleClose,
       title: t("helpDialog.title"),
       className: "HelpDialog",
       children: [
-        /* @__PURE__ */ jsx136(Header, {}),
+        /* @__PURE__ */ jsx137(Header, {}),
         /* @__PURE__ */ jsxs74(Section2, { title: t("helpDialog.shortcuts"), children: [
           /* @__PURE__ */ jsxs74(
             ShortcutIsland,
@@ -29448,95 +29520,95 @@ var HelpDialog = ({ onClose }) => {
               className: "HelpDialog__island--tools",
               caption: t("helpDialog.tools"),
               children: [
-                /* @__PURE__ */ jsx136(Shortcut, { label: t("toolBar.hand"), shortcuts: [KEYS53.H] }),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(Shortcut, { label: t("toolBar.hand"), shortcuts: [KEYS53.H] }),
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("toolBar.selection"),
                     shortcuts: [KEYS53.V, KEYS53["1"]]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("toolBar.rectangle"),
                     shortcuts: [KEYS53.R, KEYS53["2"]]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("toolBar.diamond"),
                     shortcuts: [KEYS53.D, KEYS53["3"]]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("toolBar.ellipse"),
                     shortcuts: [KEYS53.O, KEYS53["4"]]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("toolBar.arrow"),
                     shortcuts: [KEYS53.A, KEYS53["5"]]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("toolBar.line"),
                     shortcuts: [KEYS53.L, KEYS53["6"]]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("toolBar.freedraw"),
                     shortcuts: [KEYS53.P, KEYS53["7"]]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("toolBar.text"),
                     shortcuts: [KEYS53.T, KEYS53["8"]]
                   }
                 ),
-                /* @__PURE__ */ jsx136(Shortcut, { label: t("toolBar.image"), shortcuts: [KEYS53["9"]] }),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(Shortcut, { label: t("toolBar.image"), shortcuts: [KEYS53["9"]] }),
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("toolBar.eraser"),
                     shortcuts: [KEYS53.E, KEYS53["0"]]
                   }
                 ),
-                /* @__PURE__ */ jsx136(Shortcut, { label: t("toolBar.frame"), shortcuts: [KEYS53.F] }),
-                /* @__PURE__ */ jsx136(Shortcut, { label: t("toolBar.laser"), shortcuts: [KEYS53.K] }),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(Shortcut, { label: t("toolBar.frame"), shortcuts: [KEYS53.F] }),
+                /* @__PURE__ */ jsx137(Shortcut, { label: t("toolBar.laser"), shortcuts: [KEYS53.K] }),
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.eyeDropper"),
                     shortcuts: [KEYS53.I, "Shift+S", "Shift+G"]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("helpDialog.editLineArrowPoints"),
                     shortcuts: [getShortcutKey("CtrlOrCmd+Enter")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("helpDialog.editText"),
                     shortcuts: [getShortcutKey("Enter")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("helpDialog.textNewLine"),
@@ -29546,7 +29618,7 @@ var HelpDialog = ({ onClose }) => {
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("helpDialog.textFinish"),
@@ -29556,7 +29628,7 @@ var HelpDialog = ({ onClose }) => {
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("helpDialog.curvedArrow"),
@@ -29569,7 +29641,7 @@ var HelpDialog = ({ onClose }) => {
                     isOr: false
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("helpDialog.curvedLine"),
@@ -29582,7 +29654,7 @@ var HelpDialog = ({ onClose }) => {
                     isOr: false
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("helpDialog.cropStart"),
@@ -29590,7 +29662,7 @@ var HelpDialog = ({ onClose }) => {
                     isOr: true
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("helpDialog.cropFinish"),
@@ -29598,22 +29670,22 @@ var HelpDialog = ({ onClose }) => {
                     isOr: true
                   }
                 ),
-                /* @__PURE__ */ jsx136(Shortcut, { label: t("toolBar.lock"), shortcuts: [KEYS53.Q] }),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(Shortcut, { label: t("toolBar.lock"), shortcuts: [KEYS53.Q] }),
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("helpDialog.preventBinding"),
                     shortcuts: [getShortcutKey("CtrlOrCmd")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("toolBar.link"),
                     shortcuts: [getShortcutKey("CtrlOrCmd+K")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("toolBar.convertElementType"),
@@ -29630,105 +29702,105 @@ var HelpDialog = ({ onClose }) => {
               className: "HelpDialog__island--view",
               caption: t("helpDialog.view"),
               children: [
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("buttons.zoomIn"),
                     shortcuts: [getShortcutKey("CtrlOrCmd++")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("buttons.zoomOut"),
                     shortcuts: [getShortcutKey("CtrlOrCmd+-")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("buttons.resetZoom"),
                     shortcuts: [getShortcutKey("CtrlOrCmd+0")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("helpDialog.zoomToFit"),
                     shortcuts: ["Shift+1"]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("helpDialog.zoomToSelection"),
                     shortcuts: ["Shift+2"]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("helpDialog.movePageUpDown"),
                     shortcuts: ["PgUp/PgDn"]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("helpDialog.movePageLeftRight"),
                     shortcuts: ["Shift+PgUp/PgDn"]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("buttons.zenMode"),
                     shortcuts: [getShortcutKey("Alt+Z")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("buttons.objectsSnapMode"),
                     shortcuts: [getShortcutKey("Alt+S")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.toggleGrid"),
                     shortcuts: [getShortcutKey("CtrlOrCmd+'")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.viewMode"),
                     shortcuts: [getShortcutKey("Alt+R")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.toggleTheme"),
                     shortcuts: [getShortcutKey("Alt+Shift+D")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("stats.fullTitle"),
                     shortcuts: [getShortcutKey("Alt+/")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("search.title"),
                     shortcuts: [getShortcutFromShortcutName("searchMenu")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("commandPalette.title"),
@@ -29747,7 +29819,7 @@ var HelpDialog = ({ onClose }) => {
               className: "HelpDialog__island--editor",
               caption: t("helpDialog.editor"),
               children: [
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("helpDialog.createFlowchart"),
@@ -29755,7 +29827,7 @@ var HelpDialog = ({ onClose }) => {
                     isOr: true
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("helpDialog.navigateFlowchart"),
@@ -29763,7 +29835,7 @@ var HelpDialog = ({ onClose }) => {
                     isOr: true
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.moveCanvas"),
@@ -29774,98 +29846,98 @@ var HelpDialog = ({ onClose }) => {
                     isOr: true
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("buttons.clearReset"),
                     shortcuts: [getShortcutKey("CtrlOrCmd+Delete")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.delete"),
                     shortcuts: [getShortcutKey("Delete")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.cut"),
                     shortcuts: [getShortcutKey("CtrlOrCmd+X")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.copy"),
                     shortcuts: [getShortcutKey("CtrlOrCmd+C")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.paste"),
                     shortcuts: [getShortcutKey("CtrlOrCmd+V")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.pasteAsPlaintext"),
                     shortcuts: [getShortcutKey("CtrlOrCmd+Shift+V")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.selectAll"),
                     shortcuts: [getShortcutKey("CtrlOrCmd+A")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.multiSelect"),
                     shortcuts: [getShortcutKey(`Shift+${t("helpDialog.click")}`)]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("helpDialog.deepSelect"),
                     shortcuts: [getShortcutKey(`CtrlOrCmd+${t("helpDialog.click")}`)]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("helpDialog.deepBoxSelect"),
                     shortcuts: [getShortcutKey(`CtrlOrCmd+${t("helpDialog.drag")}`)]
                   }
                 ),
-                (probablySupportsClipboardBlob || isFirefox3) && /* @__PURE__ */ jsx136(
+                (probablySupportsClipboardBlob || isFirefox3) && /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.copyAsPng"),
                     shortcuts: [getShortcutKey("Shift+Alt+C")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.copyStyles"),
                     shortcuts: [getShortcutKey("CtrlOrCmd+Alt+C")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.pasteStyles"),
                     shortcuts: [getShortcutKey("CtrlOrCmd+Alt+V")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.sendToBack"),
@@ -29874,7 +29946,7 @@ var HelpDialog = ({ onClose }) => {
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.bringToFront"),
@@ -29883,49 +29955,49 @@ var HelpDialog = ({ onClose }) => {
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.sendBackward"),
                     shortcuts: [getShortcutKey("CtrlOrCmd+[")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.bringForward"),
                     shortcuts: [getShortcutKey("CtrlOrCmd+]")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.alignTop"),
                     shortcuts: [getShortcutKey("CtrlOrCmd+Shift+Up")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.alignBottom"),
                     shortcuts: [getShortcutKey("CtrlOrCmd+Shift+Down")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.alignLeft"),
                     shortcuts: [getShortcutKey("CtrlOrCmd+Shift+Left")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.alignRight"),
                     shortcuts: [getShortcutKey("CtrlOrCmd+Shift+Right")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.duplicateSelection"),
@@ -29935,21 +30007,21 @@ var HelpDialog = ({ onClose }) => {
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("helpDialog.toggleElementLock"),
                     shortcuts: [getShortcutKey("CtrlOrCmd+Shift+L")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("buttons.undo"),
                     shortcuts: [getShortcutKey("CtrlOrCmd+Z")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("buttons.redo"),
@@ -29959,63 +30031,63 @@ var HelpDialog = ({ onClose }) => {
                     ] : [getShortcutKey("CtrlOrCmd+Shift+Z")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.group"),
                     shortcuts: [getShortcutKey("CtrlOrCmd+G")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.ungroup"),
                     shortcuts: [getShortcutKey("CtrlOrCmd+Shift+G")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.flipHorizontal"),
                     shortcuts: [getShortcutKey("Shift+H")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.flipVertical"),
                     shortcuts: [getShortcutKey("Shift+V")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.showStroke"),
                     shortcuts: [getShortcutKey("S")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.showBackground"),
                     shortcuts: [getShortcutKey("G")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.showFonts"),
                     shortcuts: [getShortcutKey("Shift+F")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.decreaseFontSize"),
                     shortcuts: [getShortcutKey("CtrlOrCmd+Shift+<")]
                   }
                 ),
-                /* @__PURE__ */ jsx136(
+                /* @__PURE__ */ jsx137(
                   Shortcut,
                   {
                     label: t("labels.increaseFontSize"),
@@ -30043,7 +30115,7 @@ import {
 } from "@excalidraw/element";
 import { isNodeInFlowchart } from "@excalidraw/element";
 import clsx58 from "clsx";
-import { jsx as jsx137 } from "react/jsx-runtime";
+import { jsx as jsx138 } from "react/jsx-runtime";
 var getTaggedShortcutKey = (key) => Array.isArray(key) ? `<kbd>${key.map(getShortcutKey).join(" + ")}</kbd>` : `<kbd>${getShortcutKey(key)}</kbd>`;
 var getHints = ({
   appState,
@@ -30214,17 +30286,17 @@ var HintViewer = ({
   const hintJSX = hint.split(/(<kbd>[^<]+<\/kbd>)/g).map((part, index) => {
     if (index % 2 === 1) {
       const shortcutMatch = part[0] === "<" && part.match(/^<kbd>([^<]+)<\/kbd>$/);
-      return /* @__PURE__ */ jsx137("kbd", { children: shortcutMatch ? shortcutMatch[1] : part }, index);
+      return /* @__PURE__ */ jsx138("kbd", { children: shortcutMatch ? shortcutMatch[1] : part }, index);
     }
     return part;
   });
-  return /* @__PURE__ */ jsx137(
+  return /* @__PURE__ */ jsx138(
     "div",
     {
       className: clsx58("HintViewer", {
         "HintViewer--align-bottom": app.props.UIOptions.swapTopMenuAndFooter
       }),
-      children: /* @__PURE__ */ jsx137("span", { children: hintJSX })
+      children: /* @__PURE__ */ jsx138("span", { children: hintJSX })
     }
   );
 };
@@ -30264,7 +30336,7 @@ var useCopyStatus = () => {
 
 // components/Switch.tsx
 import clsx59 from "clsx";
-import { jsx as jsx138 } from "react/jsx-runtime";
+import { jsx as jsx139 } from "react/jsx-runtime";
 var Switch = ({
   title,
   name,
@@ -30272,7 +30344,7 @@ var Switch = ({
   onChange,
   disabled = false
 }) => {
-  return /* @__PURE__ */ jsx138("div", { className: clsx59("Switch", { toggled: checked, disabled }), children: /* @__PURE__ */ jsx138(
+  return /* @__PURE__ */ jsx139("div", { className: clsx59("Switch", { toggled: checked, disabled }), children: /* @__PURE__ */ jsx139(
     "input",
     {
       name,
@@ -30292,12 +30364,12 @@ var Switch = ({
 };
 
 // components/ImageExportDialog.tsx
-import { jsx as jsx139, jsxs as jsxs75 } from "react/jsx-runtime";
+import { jsx as jsx140, jsxs as jsxs75 } from "react/jsx-runtime";
 var supportsContextFilters = "filter" in document.createElement("canvas").getContext("2d");
 var ErrorCanvasPreview = () => {
   return /* @__PURE__ */ jsxs75("div", { children: [
-    /* @__PURE__ */ jsx139("h3", { children: t("canvasError.cannotShowPreview") }),
-    /* @__PURE__ */ jsx139("p", { children: /* @__PURE__ */ jsx139("span", { children: t("canvasError.canvasTooBig") }) }),
+    /* @__PURE__ */ jsx140("h3", { children: t("canvasError.cannotShowPreview") }),
+    /* @__PURE__ */ jsx140("p", { children: /* @__PURE__ */ jsx140("span", { children: t("canvasError.canvasTooBig") }) }),
     /* @__PURE__ */ jsxs75("em", { children: [
       "(",
       t("canvasError.canvasTooBigTip"),
@@ -30397,10 +30469,10 @@ var ImageExportModal = ({
     embedScene
   ]);
   return /* @__PURE__ */ jsxs75("div", { className: "ImageExportModal", children: [
-    /* @__PURE__ */ jsx139("h3", { children: t("imageExportDialog.header") }),
+    /* @__PURE__ */ jsx140("h3", { children: t("imageExportDialog.header") }),
     /* @__PURE__ */ jsxs75("div", { className: "ImageExportModal__preview", children: [
-      /* @__PURE__ */ jsx139("div", { className: "ImageExportModal__preview__canvas", ref: previewRef, children: renderError && /* @__PURE__ */ jsx139(ErrorCanvasPreview, {}) }),
-      /* @__PURE__ */ jsx139("div", { className: "ImageExportModal__preview__filename", children: !nativeFileSystemSupported && /* @__PURE__ */ jsx139(
+      /* @__PURE__ */ jsx140("div", { className: "ImageExportModal__preview__canvas", ref: previewRef, children: renderError && /* @__PURE__ */ jsx140(ErrorCanvasPreview, {}) }),
+      /* @__PURE__ */ jsx140("div", { className: "ImageExportModal__preview__filename", children: !nativeFileSystemSupported && /* @__PURE__ */ jsx140(
         "input",
         {
           type: "text",
@@ -30419,13 +30491,13 @@ var ImageExportModal = ({
       ) })
     ] }),
     /* @__PURE__ */ jsxs75("div", { className: "ImageExportModal__settings", children: [
-      /* @__PURE__ */ jsx139("h3", { children: t("imageExportDialog.header") }),
-      hasSelection && /* @__PURE__ */ jsx139(
+      /* @__PURE__ */ jsx140("h3", { children: t("imageExportDialog.header") }),
+      hasSelection && /* @__PURE__ */ jsx140(
         ExportSetting,
         {
           label: t("imageExportDialog.label.onlySelected"),
           name: "exportOnlySelected",
-          children: /* @__PURE__ */ jsx139(
+          children: /* @__PURE__ */ jsx140(
             Switch,
             {
               name: "exportOnlySelected",
@@ -30437,12 +30509,12 @@ var ImageExportModal = ({
           )
         }
       ),
-      /* @__PURE__ */ jsx139(
+      /* @__PURE__ */ jsx140(
         ExportSetting,
         {
           label: t("imageExportDialog.label.withBackground"),
           name: "exportBackgroundSwitch",
-          children: /* @__PURE__ */ jsx139(
+          children: /* @__PURE__ */ jsx140(
             Switch,
             {
               name: "exportBackgroundSwitch",
@@ -30459,12 +30531,12 @@ var ImageExportModal = ({
           )
         }
       ),
-      supportsContextFilters && /* @__PURE__ */ jsx139(
+      supportsContextFilters && /* @__PURE__ */ jsx140(
         ExportSetting,
         {
           label: t("imageExportDialog.label.darkMode"),
           name: "exportDarkModeSwitch",
-          children: /* @__PURE__ */ jsx139(
+          children: /* @__PURE__ */ jsx140(
             Switch,
             {
               name: "exportDarkModeSwitch",
@@ -30481,13 +30553,13 @@ var ImageExportModal = ({
           )
         }
       ),
-      /* @__PURE__ */ jsx139(
+      /* @__PURE__ */ jsx140(
         ExportSetting,
         {
           label: t("imageExportDialog.label.embedScene"),
           tooltip: t("imageExportDialog.tooltip.embedScene"),
           name: "exportEmbedSwitch",
-          children: /* @__PURE__ */ jsx139(
+          children: /* @__PURE__ */ jsx140(
             Switch,
             {
               name: "exportEmbedSwitch",
@@ -30504,12 +30576,12 @@ var ImageExportModal = ({
           )
         }
       ),
-      /* @__PURE__ */ jsx139(
+      /* @__PURE__ */ jsx140(
         ExportSetting,
         {
           label: t("imageExportDialog.label.scale"),
           name: "exportScale",
-          children: /* @__PURE__ */ jsx139(
+          children: /* @__PURE__ */ jsx140(
             RadioGroup,
             {
               name: "exportScale",
@@ -30527,7 +30599,7 @@ var ImageExportModal = ({
         }
       ),
       /* @__PURE__ */ jsxs75("div", { className: "ImageExportModal__settings__buttons", children: [
-        /* @__PURE__ */ jsx139(
+        /* @__PURE__ */ jsx140(
           FilledButton,
           {
             className: "ImageExportModal__settings__buttons__button",
@@ -30539,7 +30611,7 @@ var ImageExportModal = ({
             children: t("imageExportDialog.button.exportToPng")
           }
         ),
-        /* @__PURE__ */ jsx139(
+        /* @__PURE__ */ jsx140(
           FilledButton,
           {
             className: "ImageExportModal__settings__buttons__button",
@@ -30551,7 +30623,7 @@ var ImageExportModal = ({
             children: t("imageExportDialog.button.exportToSvg")
           }
         ),
-        (probablySupportsClipboardBlob || isFirefox4) && /* @__PURE__ */ jsx139(
+        (probablySupportsClipboardBlob || isFirefox4) && /* @__PURE__ */ jsx140(
           FilledButton,
           {
             className: "ImageExportModal__settings__buttons__button",
@@ -30589,11 +30661,11 @@ var ExportSetting = ({
         className: "ImageExportModal__settings__setting__label",
         children: [
           label,
-          tooltip && /* @__PURE__ */ jsx139(Tooltip, { label: tooltip, long: true, children: helpIcon })
+          tooltip && /* @__PURE__ */ jsx140(Tooltip, { label: tooltip, long: true, children: helpIcon })
         ]
       }
     ),
-    /* @__PURE__ */ jsx139("div", { className: "ImageExportModal__settings__setting__content", children })
+    /* @__PURE__ */ jsx140("div", { className: "ImageExportModal__settings__setting__content", children })
   ] });
 };
 var ImageExportDialog = ({
@@ -30611,7 +30683,7 @@ var ImageExportDialog = ({
       elementsSnapshot: cloneJSON4(elements)
     };
   });
-  return /* @__PURE__ */ jsx139(Dialog, { onCloseRequest, size: "wide", title: false, children: /* @__PURE__ */ jsx139(
+  return /* @__PURE__ */ jsx140(Dialog, { onCloseRequest, size: "wide", title: false, children: /* @__PURE__ */ jsx140(
     ImageExportModal,
     {
       elementsSnapshot,
@@ -30630,9 +30702,9 @@ import { getFrame } from "@excalidraw/common";
 
 // components/Card.tsx
 import OpenColor3 from "open-color";
-import { jsx as jsx140 } from "react/jsx-runtime";
+import { jsx as jsx141 } from "react/jsx-runtime";
 var Card = ({ children, color }) => {
-  return /* @__PURE__ */ jsx140(
+  return /* @__PURE__ */ jsx141(
     "div",
     {
       className: "Card",
@@ -30647,7 +30719,7 @@ var Card = ({ children, color }) => {
 };
 
 // components/JSONExportDialog.tsx
-import { Fragment as Fragment23, jsx as jsx141, jsxs as jsxs76 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx142, jsxs as jsxs76 } from "react/jsx-runtime";
 var JSONExportModal = ({
   elements,
   appState,
@@ -30659,15 +30731,15 @@ var JSONExportModal = ({
   onCloseRequest
 }) => {
   const { onExportToBackend } = exportOpts;
-  return /* @__PURE__ */ jsx141("div", { className: "ExportDialog ExportDialog--json", children: /* @__PURE__ */ jsxs76("div", { className: "ExportDialog-cards", children: [
+  return /* @__PURE__ */ jsx142("div", { className: "ExportDialog ExportDialog--json", children: /* @__PURE__ */ jsxs76("div", { className: "ExportDialog-cards", children: [
     exportOpts.saveFileToDisk && /* @__PURE__ */ jsxs76(Card, { color: "lime", children: [
-      /* @__PURE__ */ jsx141("div", { className: "Card-icon", children: exportToFileIcon }),
-      /* @__PURE__ */ jsx141("h2", { children: t("exportDialog.disk_title") }),
+      /* @__PURE__ */ jsx142("div", { className: "Card-icon", children: exportToFileIcon }),
+      /* @__PURE__ */ jsx142("h2", { children: t("exportDialog.disk_title") }),
       /* @__PURE__ */ jsxs76("div", { className: "Card-details", children: [
         t("exportDialog.disk_details"),
         !nativeFileSystemSupported && actionManager.renderAction("changeProjectName")
       ] }),
-      /* @__PURE__ */ jsx141(
+      /* @__PURE__ */ jsx142(
         ToolButton,
         {
           className: "Card-button",
@@ -30682,10 +30754,10 @@ var JSONExportModal = ({
       )
     ] }),
     onExportToBackend && /* @__PURE__ */ jsxs76(Card, { color: "pink", children: [
-      /* @__PURE__ */ jsx141("div", { className: "Card-icon", children: LinkIcon }),
-      /* @__PURE__ */ jsx141("h2", { children: t("exportDialog.link_title") }),
-      /* @__PURE__ */ jsx141("div", { className: "Card-details", children: t("exportDialog.link_details") }),
-      /* @__PURE__ */ jsx141(
+      /* @__PURE__ */ jsx142("div", { className: "Card-icon", children: LinkIcon }),
+      /* @__PURE__ */ jsx142("h2", { children: t("exportDialog.link_title") }),
+      /* @__PURE__ */ jsx142("div", { className: "Card-details", children: t("exportDialog.link_details") }),
+      /* @__PURE__ */ jsx142(
         ToolButton,
         {
           className: "Card-button",
@@ -30720,7 +30792,7 @@ var JSONExportDialog = ({
   const handleClose = React41.useCallback(() => {
     setAppState({ openDialog: null });
   }, [setAppState]);
-  return /* @__PURE__ */ jsx141(Fragment23, { children: appState.openDialog?.name === "jsonExport" && /* @__PURE__ */ jsx141(Dialog, { onCloseRequest: handleClose, title: t("buttons.export"), children: /* @__PURE__ */ jsx141(
+  return /* @__PURE__ */ jsx142(Fragment23, { children: appState.openDialog?.name === "jsonExport" && /* @__PURE__ */ jsx142(Dialog, { onCloseRequest: handleClose, title: t("buttons.export"), children: /* @__PURE__ */ jsx142(
     JSONExportModal,
     {
       elements,
@@ -30737,7 +30809,7 @@ var JSONExportDialog = ({
 
 // components/LaserPointerButton.tsx
 import clsx60 from "clsx";
-import { jsx as jsx142, jsxs as jsxs77 } from "react/jsx-runtime";
+import { jsx as jsx143, jsxs as jsxs77 } from "react/jsx-runtime";
 var DEFAULT_SIZE3 = "small";
 var LaserPointerButton = (props) => {
   return /* @__PURE__ */ jsxs77(
@@ -30752,7 +30824,7 @@ var LaserPointerButton = (props) => {
       ),
       title: `${props.title}`,
       children: [
-        /* @__PURE__ */ jsx142(
+        /* @__PURE__ */ jsx143(
           "input",
           {
             className: "ToolIcon_type_checkbox",
@@ -30764,34 +30836,34 @@ var LaserPointerButton = (props) => {
             "data-testid": "toolbar-LaserPointer"
           }
         ),
-        /* @__PURE__ */ jsx142("div", { className: "ToolIcon__icon", children: laserPointerToolIcon })
+        /* @__PURE__ */ jsx143("div", { className: "ToolIcon__icon", children: laserPointerToolIcon })
       ]
     }
   );
 };
 
 // components/LayerUI.tsx
-import { Fragment as Fragment24, jsx as jsx143, jsxs as jsxs78 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx144, jsxs as jsxs78 } from "react/jsx-runtime";
 var DefaultMainMenu = ({ UIOptions }) => {
   return /* @__PURE__ */ jsxs78(MainMenu_default, { __fallback: true, children: [
-    /* @__PURE__ */ jsx143(MainMenu_default.DefaultItems.LoadScene, {}),
-    /* @__PURE__ */ jsx143(MainMenu_default.DefaultItems.SaveToActiveFile, {}),
-    UIOptions.canvasActions.export && /* @__PURE__ */ jsx143(MainMenu_default.DefaultItems.Export, {}),
-    UIOptions.canvasActions.saveAsImage && /* @__PURE__ */ jsx143(MainMenu_default.DefaultItems.SaveAsImage, {}),
-    /* @__PURE__ */ jsx143(MainMenu_default.DefaultItems.SearchMenu, {}),
-    /* @__PURE__ */ jsx143(MainMenu_default.DefaultItems.Help, {}),
-    /* @__PURE__ */ jsx143(MainMenu_default.DefaultItems.ClearCanvas, {}),
-    /* @__PURE__ */ jsx143(MainMenu_default.Separator, {}),
-    /* @__PURE__ */ jsx143(MainMenu_default.Group, { title: "Excalidraw links", children: /* @__PURE__ */ jsx143(MainMenu_default.DefaultItems.Socials, {}) }),
-    /* @__PURE__ */ jsx143(MainMenu_default.Separator, {}),
-    /* @__PURE__ */ jsx143(MainMenu_default.DefaultItems.ToggleTheme, {}),
-    /* @__PURE__ */ jsx143(MainMenu_default.DefaultItems.ChangeCanvasBackground, {})
+    /* @__PURE__ */ jsx144(MainMenu_default.DefaultItems.LoadScene, {}),
+    /* @__PURE__ */ jsx144(MainMenu_default.DefaultItems.SaveToActiveFile, {}),
+    UIOptions.canvasActions.export && /* @__PURE__ */ jsx144(MainMenu_default.DefaultItems.Export, {}),
+    UIOptions.canvasActions.saveAsImage && /* @__PURE__ */ jsx144(MainMenu_default.DefaultItems.SaveAsImage, {}),
+    /* @__PURE__ */ jsx144(MainMenu_default.DefaultItems.SearchMenu, {}),
+    /* @__PURE__ */ jsx144(MainMenu_default.DefaultItems.Help, {}),
+    /* @__PURE__ */ jsx144(MainMenu_default.DefaultItems.ClearCanvas, {}),
+    /* @__PURE__ */ jsx144(MainMenu_default.Separator, {}),
+    /* @__PURE__ */ jsx144(MainMenu_default.Group, { title: "Excalidraw links", children: /* @__PURE__ */ jsx144(MainMenu_default.DefaultItems.Socials, {}) }),
+    /* @__PURE__ */ jsx144(MainMenu_default.Separator, {}),
+    /* @__PURE__ */ jsx144(MainMenu_default.DefaultItems.ToggleTheme, {}),
+    /* @__PURE__ */ jsx144(MainMenu_default.DefaultItems.ChangeCanvasBackground, {})
   ] });
 };
 var DefaultOverwriteConfirmDialog = () => {
   return /* @__PURE__ */ jsxs78(OverwriteConfirmDialog, { __fallback: true, children: [
-    /* @__PURE__ */ jsx143(OverwriteConfirmDialog.Actions.SaveToDisk, {}),
-    /* @__PURE__ */ jsx143(OverwriteConfirmDialog.Actions.ExportToImage, {})
+    /* @__PURE__ */ jsx144(OverwriteConfirmDialog.Actions.SaveToDisk, {}),
+    /* @__PURE__ */ jsx144(OverwriteConfirmDialog.Actions.ExportToImage, {})
   ] });
 };
 var LayerUI = ({
@@ -30841,7 +30913,7 @@ var LayerUI = ({
     if (!UIOptions.canvasActions.export) {
       return null;
     }
-    return /* @__PURE__ */ jsx143(
+    return /* @__PURE__ */ jsx144(
       JSONExportDialog,
       {
         elements,
@@ -30858,7 +30930,7 @@ var LayerUI = ({
     if (!UIOptions.canvasActions.saveAsImage || appState.openDialog?.name !== "imageExport") {
       return null;
     }
-    return /* @__PURE__ */ jsx143(
+    return /* @__PURE__ */ jsx144(
       ImageExportDialog,
       {
         elements,
@@ -30879,14 +30951,14 @@ var LayerUI = ({
         "order-1": app.props.UIOptions.swapTopMenuAndFooter
       }),
       children: [
-        /* @__PURE__ */ jsx143(tunnels.MainMenuTunnel.Out, {}),
-        renderWelcomeScreen && /* @__PURE__ */ jsx143(tunnels.WelcomeScreenMenuHintTunnel.Out, {})
+        /* @__PURE__ */ jsx144(tunnels.MainMenuTunnel.Out, {}),
+        renderWelcomeScreen && /* @__PURE__ */ jsx144(tunnels.WelcomeScreenMenuHintTunnel.Out, {})
       ]
     }
   );
   const renderSelectedShapeActions = () => {
     const isCompactMode = isCompactStylesPanel;
-    return /* @__PURE__ */ jsx143(
+    return /* @__PURE__ */ jsx144(
       Section,
       {
         heading: "selectedShapeActions",
@@ -30894,7 +30966,7 @@ var LayerUI = ({
           "transition-left": appState.zenModeEnabled,
           relative: app.props.UIOptions.swapTopMenuAndFooter
         }),
-        children: isCompactMode ? /* @__PURE__ */ jsx143(
+        children: isCompactMode ? /* @__PURE__ */ jsx144(
           Island,
           {
             className: clsx61("compact-shape-actions-island"),
@@ -30904,7 +30976,7 @@ var LayerUI = ({
               // approximate height of hamburgerMenu + footer
               maxHeight: `${appState.height - 166}px`
             },
-            children: /* @__PURE__ */ jsx143(
+            children: /* @__PURE__ */ jsx144(
               CompactShapeActions,
               {
                 appState,
@@ -30915,7 +30987,7 @@ var LayerUI = ({
               }
             )
           }
-        ) : /* @__PURE__ */ jsx143(
+        ) : /* @__PURE__ */ jsx144(
           Island,
           {
             className: clsx61(CLASSES8.SHAPE_ACTIONS_MENU, {
@@ -30927,7 +30999,7 @@ var LayerUI = ({
               // approximate height of hamburgerMenu + footer
               maxHeight: `${appState.height - 166}px`
             },
-            children: /* @__PURE__ */ jsx143(
+            children: /* @__PURE__ */ jsx144(
               SelectedShapeActions,
               {
                 appState,
@@ -30946,8 +31018,8 @@ var LayerUI = ({
       appState,
       elements
     );
-    const shouldShowStats = appState.stats.open && !appState.zenModeEnabled && !appState.viewModeEnabled && appState.openDialog?.name !== "elementLinkSelector";
-    return /* @__PURE__ */ jsx143(FixedSideContainer, { side: "top", children: /* @__PURE__ */ jsxs78(
+    const shouldShowStats = appState.stats.open && !appState.zenModeEnabled && !(appState.viewModeEnabled || appState.hideAnnotations) && appState.openDialog?.name !== "elementLinkSelector";
+    return /* @__PURE__ */ jsx144(FixedSideContainer, { side: "top", children: /* @__PURE__ */ jsxs78(
       "div",
       {
         className: clsx61("App-menu App-menu_top", {
@@ -30961,7 +31033,7 @@ var LayerUI = ({
               className: clsx61("App-menu_top__left"),
               children: [
                 app.props.UIOptions.topLeftMenuEnabled && renderCanvasActions(),
-                /* @__PURE__ */ jsx143(
+                /* @__PURE__ */ jsx144(
                   "div",
                   {
                     className: clsx61("selected-shape-actions-container", {
@@ -30973,10 +31045,10 @@ var LayerUI = ({
               ]
             }
           ),
-          !appState.viewModeEnabled && appState.openDialog?.name !== "elementLinkSelector" && /* @__PURE__ */ jsx143(Section, { heading: "shapes", className: "shapes-section", children: (heading) => /* @__PURE__ */ jsxs78(Fragment24, { children: [
+          !(appState.viewModeEnabled || appState.hideAnnotations) && appState.openDialog?.name !== "elementLinkSelector" && /* @__PURE__ */ jsx144(Section, { heading: "shapes", className: "shapes-section", children: (heading) => /* @__PURE__ */ jsxs78(Fragment24, { children: [
             /* @__PURE__ */ jsxs78("div", { style: { position: "relative" }, children: [
-              renderWelcomeScreen && /* @__PURE__ */ jsx143(tunnels.WelcomeScreenToolbarHintTunnel.Out, {}),
-              /* @__PURE__ */ jsx143(Stack_default.Col, { gap: spacing.toolbarColGap, align: "start", children: /* @__PURE__ */ jsxs78(
+              renderWelcomeScreen && /* @__PURE__ */ jsx144(tunnels.WelcomeScreenToolbarHintTunnel.Out, {}),
+              /* @__PURE__ */ jsx144(Stack_default.Col, { gap: spacing.toolbarColGap, align: "start", children: /* @__PURE__ */ jsxs78(
                 Stack_default.Row,
                 {
                   gap: spacing.toolbarRowGap,
@@ -30993,7 +31065,7 @@ var LayerUI = ({
                           "App-toolbar--compact": isCompactStylesPanel
                         }),
                         children: [
-                          app.props.UIOptions.toolBar?.hintViewerEnabled && /* @__PURE__ */ jsx143(
+                          app.props.UIOptions.toolBar?.hintViewerEnabled && /* @__PURE__ */ jsx144(
                             HintViewer,
                             {
                               appState,
@@ -31004,7 +31076,7 @@ var LayerUI = ({
                           ),
                           heading,
                           /* @__PURE__ */ jsxs78(Stack_default.Row, { gap: spacing.toolbarInnerRowGap, children: [
-                            /* @__PURE__ */ jsx143(
+                            /* @__PURE__ */ jsx144(
                               PenModeButton,
                               {
                                 zenModeEnabled: appState.zenModeEnabled,
@@ -31014,7 +31086,7 @@ var LayerUI = ({
                                 penDetected: appState.penDetected
                               }
                             ),
-                            app.props.UIOptions.toolBar?.lockEnabled && /* @__PURE__ */ jsx143(
+                            app.props.UIOptions.toolBar?.lockEnabled && /* @__PURE__ */ jsx144(
                               LockButton,
                               {
                                 checked: appState.activeTool.locked,
@@ -31022,8 +31094,8 @@ var LayerUI = ({
                                 title: t("toolBar.lock")
                               }
                             ),
-                            (appState.penDetected || app.props.UIOptions.toolBar?.lockEnabled) && /* @__PURE__ */ jsx143("div", { className: "App-toolbar__divider" }),
-                            /* @__PURE__ */ jsx143(
+                            (appState.penDetected || app.props.UIOptions.toolBar?.lockEnabled) && /* @__PURE__ */ jsx144("div", { className: "App-toolbar__divider" }),
+                            /* @__PURE__ */ jsx144(
                               HandButton,
                               {
                                 checked: isHandToolActive(appState),
@@ -31032,7 +31104,7 @@ var LayerUI = ({
                                 isMobile: true
                               }
                             ),
-                            /* @__PURE__ */ jsx143(
+                            /* @__PURE__ */ jsx144(
                               ShapesSwitcher,
                               {
                                 setAppState,
@@ -31045,7 +31117,7 @@ var LayerUI = ({
                         ]
                       }
                     ),
-                    isCollaborating && /* @__PURE__ */ jsx143(
+                    isCollaborating && /* @__PURE__ */ jsx144(
                       Island,
                       {
                         style: {
@@ -31053,7 +31125,7 @@ var LayerUI = ({
                           alignSelf: "center",
                           height: "fit-content"
                         },
-                        children: /* @__PURE__ */ jsx143(
+                        children: /* @__PURE__ */ jsx144(
                           LaserPointerButton,
                           {
                             title: t("toolBar.laser"),
@@ -31068,7 +31140,7 @@ var LayerUI = ({
                 }
               ) })
             ] }),
-            app.props.UIOptions.undoRedoPosition === "toolbar" && /* @__PURE__ */ jsx143(
+            app.props.UIOptions.undoRedoPosition === "toolbar" && /* @__PURE__ */ jsx144(
               UndoRedoActions,
               {
                 renderAction: actionManager.renderAction,
@@ -31089,7 +31161,7 @@ var LayerUI = ({
                 }
               ),
               children: [
-                appState.collaborators.size > 0 && /* @__PURE__ */ jsx143(
+                appState.collaborators.size > 0 && /* @__PURE__ */ jsx144(
                   UserList,
                   {
                     collaborators: appState.collaborators,
@@ -31100,9 +31172,9 @@ var LayerUI = ({
                   editorInterface.formFactor === "phone",
                   appState
                 ),
-                !appState.viewModeEnabled && appState.openDialog?.name !== "elementLinkSelector" && // hide button when sidebar docked
-                (!isSidebarDocked || appState.openSidebar?.name !== DEFAULT_SIDEBAR6.name) && /* @__PURE__ */ jsx143(tunnels.DefaultSidebarTriggerTunnel.Out, {}),
-                shouldShowStats && /* @__PURE__ */ jsx143(
+                !(appState.viewModeEnabled || appState.hideAnnotations) && appState.openDialog?.name !== "elementLinkSelector" && // hide button when sidebar docked
+                (!isSidebarDocked || appState.openSidebar?.name !== DEFAULT_SIDEBAR6.name) && /* @__PURE__ */ jsx144(tunnels.DefaultSidebarTriggerTunnel.Out, {}),
+                shouldShowStats && /* @__PURE__ */ jsx144(
                   Stats,
                   {
                     app,
@@ -31120,7 +31192,7 @@ var LayerUI = ({
     ) });
   };
   const renderSidebars = () => {
-    return /* @__PURE__ */ jsx143(
+    return /* @__PURE__ */ jsx144(
       DefaultSidebar,
       {
         __fallback: true,
@@ -31137,8 +31209,8 @@ var LayerUI = ({
   const isSidebarDocked = useAtomValue(isSidebarDockedAtom);
   const layerUIJSX = /* @__PURE__ */ jsxs78(Fragment24, { children: [
     children,
-    /* @__PURE__ */ jsx143(DefaultMainMenu, { UIOptions }),
-    app.props.UIOptions.libraryEnabled && /* @__PURE__ */ jsx143(
+    /* @__PURE__ */ jsx144(DefaultMainMenu, { UIOptions }),
+    app.props.UIOptions.libraryEnabled && /* @__PURE__ */ jsx144(
       DefaultSidebar.Trigger,
       {
         __fallback: true,
@@ -31156,11 +31228,11 @@ var LayerUI = ({
         tab: DEFAULT_SIDEBAR6.defaultTab
       }
     ),
-    /* @__PURE__ */ jsx143(DefaultOverwriteConfirmDialog, {}),
-    appState.openDialog?.name === "ttd" && /* @__PURE__ */ jsx143(TTDDialog, { __fallback: true }),
-    appState.isLoading && /* @__PURE__ */ jsx143(LoadingMessage, { delay: 250 }),
-    appState.errorMessage && /* @__PURE__ */ jsx143(ErrorDialog, { onClose: () => setAppState({ errorMessage: null }), children: appState.errorMessage }),
-    eyeDropperState && editorInterface.formFactor !== "phone" && /* @__PURE__ */ jsx143(
+    /* @__PURE__ */ jsx144(DefaultOverwriteConfirmDialog, {}),
+    appState.openDialog?.name === "ttd" && /* @__PURE__ */ jsx144(TTDDialog, { __fallback: true }),
+    appState.isLoading && /* @__PURE__ */ jsx144(LoadingMessage, { delay: 250 }),
+    appState.errorMessage && /* @__PURE__ */ jsx144(ErrorDialog, { onClose: () => setAppState({ errorMessage: null }), children: appState.errorMessage }),
+    eyeDropperState && editorInterface.formFactor !== "phone" && /* @__PURE__ */ jsx144(
       EyeDropper,
       {
         colorPickerType: eyeDropperState.colorPickerType,
@@ -31195,7 +31267,7 @@ var LayerUI = ({
         }
       }
     ),
-    appState.openDialog?.name === "help" && /* @__PURE__ */ jsx143(
+    appState.openDialog?.name === "help" && /* @__PURE__ */ jsx144(
       HelpDialog,
       {
         onClose: () => {
@@ -31203,8 +31275,8 @@ var LayerUI = ({
         }
       }
     ),
-    /* @__PURE__ */ jsx143(ActiveConfirmDialog, {}),
-    appState.openDialog?.name === "elementLinkSelector" && /* @__PURE__ */ jsx143(
+    /* @__PURE__ */ jsx144(ActiveConfirmDialog, {}),
+    appState.openDialog?.name === "elementLinkSelector" && /* @__PURE__ */ jsx144(
       ElementLinkDialog_default,
       {
         sourceElementId: appState.openDialog.sourceElementId,
@@ -31218,10 +31290,10 @@ var LayerUI = ({
         generateLinkForSelection
       }
     ),
-    /* @__PURE__ */ jsx143(tunnels.OverwriteConfirmDialogTunnel.Out, {}),
+    /* @__PURE__ */ jsx144(tunnels.OverwriteConfirmDialogTunnel.Out, {}),
     renderImageExportDialog(),
     renderJSONExportDialog(),
-    appState.pasteDialog.shown && /* @__PURE__ */ jsx143(
+    appState.pasteDialog.shown && /* @__PURE__ */ jsx144(
       PasteChartDialog,
       {
         setAppState,
@@ -31231,7 +31303,7 @@ var LayerUI = ({
         })
       }
     ),
-    editorInterface.formFactor === "phone" && /* @__PURE__ */ jsx143(
+    editorInterface.formFactor === "phone" && /* @__PURE__ */ jsx144(
       MobileMenu,
       {
         app,
@@ -31247,7 +31319,8 @@ var LayerUI = ({
         renderTopRightUI,
         renderSidebars,
         renderWelcomeScreen,
-        UIOptions
+        UIOptions,
+        onEyeButtonClick: () => setAppState((s) => ({ hideAnnotations: !s.hideAnnotations }))
       }
     ),
     editorInterface.formFactor !== "phone" && /* @__PURE__ */ jsxs78(Fragment24, { children: [
@@ -31257,9 +31330,9 @@ var LayerUI = ({
           className: "layer-ui__wrapper",
           style: appState.openSidebar && isSidebarDocked && editorInterface.canFitSidebar ? { width: `calc(100% - var(--right-sidebar-width))` } : {},
           children: [
-            renderWelcomeScreen && /* @__PURE__ */ jsx143(tunnels.WelcomeScreenCenterTunnel.Out, {}),
+            renderWelcomeScreen && /* @__PURE__ */ jsx144(tunnels.WelcomeScreenCenterTunnel.Out, {}),
             renderFixedSideContainer(),
-            /* @__PURE__ */ jsx143(
+            /* @__PURE__ */ jsx144(
               Footer_default,
               {
                 appState,
@@ -31268,10 +31341,12 @@ var LayerUI = ({
                 renderWelcomeScreen,
                 helpEnabled: app.props.UIOptions.footer?.helpEnabled,
                 showUndoRedo: app.props.UIOptions.undoRedoPosition === "footer",
-                isTopAligned: app.props.UIOptions.swapTopMenuAndFooter
+                isTopAligned: app.props.UIOptions.swapTopMenuAndFooter,
+                hideAnnotationsControlEnabled: app.props.UIOptions.hideAnnotationsControlEnabled,
+                onEyeButtonClick: () => setAppState((s) => ({ hideAnnotations: !s.hideAnnotations }))
               }
             ),
-            appState.scrolledOutside && /* @__PURE__ */ jsx143(
+            appState.scrolledOutside && /* @__PURE__ */ jsx144(
               "button",
               {
                 type: "button",
@@ -31290,7 +31365,7 @@ var LayerUI = ({
       renderSidebars()
     ] })
   ] });
-  return /* @__PURE__ */ jsx143(UIAppStateContext.Provider, { value: appState, children: /* @__PURE__ */ jsx143(TunnelsJotaiProvider, { children: /* @__PURE__ */ jsx143(TunnelsContext.Provider, { value: tunnels, children: layerUIJSX }) }) });
+  return /* @__PURE__ */ jsx144(UIAppStateContext.Provider, { value: appState, children: /* @__PURE__ */ jsx144(TunnelsJotaiProvider, { children: /* @__PURE__ */ jsx144(TunnelsContext.Provider, { value: tunnels, children: layerUIJSX }) }) });
 };
 var stripIrrelevantAppStateProps = (appState) => {
   const { startBoundElement, cursorButton, scrollX, scrollY, ...ret } = appState;
@@ -31317,7 +31392,7 @@ var LayerUI_default = React42.memo(LayerUI, areEqual2);
 
 // components/MagicButton.tsx
 import clsx62 from "clsx";
-import { jsx as jsx144, jsxs as jsxs79 } from "react/jsx-runtime";
+import { jsx as jsx145, jsxs as jsxs79 } from "react/jsx-runtime";
 var DEFAULT_SIZE4 = "small";
 var ElementCanvasButton = (props) => {
   return /* @__PURE__ */ jsxs79(
@@ -31332,7 +31407,7 @@ var ElementCanvasButton = (props) => {
       ),
       title: `${props.title}`,
       children: [
-        /* @__PURE__ */ jsx144(
+        /* @__PURE__ */ jsx145(
           "input",
           {
             className: "ToolIcon_type_checkbox",
@@ -31343,7 +31418,7 @@ var ElementCanvasButton = (props) => {
             "aria-label": props.title
           }
         ),
-        /* @__PURE__ */ jsx144("div", { className: "ToolIcon__icon", children: props.icon })
+        /* @__PURE__ */ jsx145("div", { className: "ToolIcon__icon", children: props.icon })
       ]
     }
   );
@@ -31351,7 +31426,7 @@ var ElementCanvasButton = (props) => {
 
 // components/SVGLayer.tsx
 import { useEffect as useEffect42, useRef as useRef37 } from "react";
-import { jsx as jsx145 } from "react/jsx-runtime";
+import { jsx as jsx146 } from "react/jsx-runtime";
 var SVGLayer = ({ trails }) => {
   const svgRef = useRef37(null);
   useEffect42(() => {
@@ -31366,7 +31441,7 @@ var SVGLayer = ({ trails }) => {
       }
     };
   }, trails);
-  return /* @__PURE__ */ jsx145("div", { className: "SVGLayer", children: /* @__PURE__ */ jsx145("svg", { ref: svgRef }) });
+  return /* @__PURE__ */ jsx146("div", { className: "SVGLayer", children: /* @__PURE__ */ jsx146("svg", { ref: svgRef }) });
 };
 
 // components/canvases/InteractiveCanvas.tsx
@@ -32570,7 +32645,7 @@ var _renderInteractiveScene = ({
         // when we render we don't know which pointer type so use mouse,
         getOmitSidesForEditorInterface(editorInterface)
       );
-      if (!appState.viewModeEnabled && showBoundingBox && // do not show transform handles when text is being edited
+      if (!(appState.viewModeEnabled || appState.hideAnnotations) && showBoundingBox && // do not show transform handles when text is being edited
       !isTextElement18(appState.editingTextElement) && // do not show transform handles when image is being cropped
       !appState.croppingElementId) {
         renderTransformHandles(
@@ -32719,7 +32794,7 @@ var renderInteractiveScene = (renderConfig) => {
 };
 
 // components/canvases/InteractiveCanvas.tsx
-import { jsx as jsx146 } from "react/jsx-runtime";
+import { jsx as jsx147 } from "react/jsx-runtime";
 var INTERACTIVE_SCENE_ANIMATION_KEY = "animateInteractiveScene";
 var InteractiveCanvas = (props) => {
   const isComponentMounted = useRef38(false);
@@ -32815,14 +32890,14 @@ var InteractiveCanvas = (props) => {
       );
     }
   });
-  return /* @__PURE__ */ jsx146(
+  return /* @__PURE__ */ jsx147(
     "canvas",
     {
       className: "excalidraw__canvas interactive",
       style: {
         width: props.appState.width,
         height: props.appState.height,
-        cursor: props.appState.viewModeEnabled ? CURSOR_TYPE3.GRAB : CURSOR_TYPE3.AUTO
+        cursor: props.appState.viewModeEnabled || props.appState.hideAnnotations ? CURSOR_TYPE3.GRAB : CURSOR_TYPE3.AUTO
       },
       width: props.appState.width * props.scale,
       height: props.appState.height * props.scale,
@@ -32833,7 +32908,7 @@ var InteractiveCanvas = (props) => {
       onPointerCancel: props.onPointerCancel,
       onTouchMove: props.onTouchMove,
       onPointerDown: props.onPointerDown,
-      onDoubleClick: props.appState.viewModeEnabled ? void 0 : props.onDoubleClick,
+      onDoubleClick: props.appState.viewModeEnabled || props.appState.hideAnnotations ? void 0 : props.onDoubleClick,
       children: t("labels.drawingCanvas")
     }
   );
@@ -32844,6 +32919,7 @@ var getRelevantAppStateProps = (appState) => ({
   scrollY: appState.scrollY,
   width: appState.width,
   height: appState.height,
+  hideAnnotations: appState.hideAnnotations,
   viewModeEnabled: appState.viewModeEnabled,
   openDialog: appState.openDialog,
   editingGroupId: appState.editingGroupId,
@@ -32895,7 +32971,7 @@ var InteractiveCanvas_default = React43.memo(InteractiveCanvas, areEqual3);
 // components/canvases/StaticCanvas.tsx
 import React44, { useEffect as useEffect44, useRef as useRef39 } from "react";
 import { isShallowEqual as isShallowEqual8 } from "@excalidraw/common";
-import { jsx as jsx147 } from "react/jsx-runtime";
+import { jsx as jsx148 } from "react/jsx-runtime";
 var StaticCanvas = (props) => {
   const wrapperRef = useRef39(null);
   const isComponentMounted = useRef39(false);
@@ -32930,7 +33006,7 @@ var StaticCanvas = (props) => {
       isRenderThrottlingEnabled()
     );
   });
-  return /* @__PURE__ */ jsx147("div", { className: "excalidraw__canvas-wrapper", ref: wrapperRef });
+  return /* @__PURE__ */ jsx148("div", { className: "excalidraw__canvas-wrapper", ref: wrapperRef });
 };
 var getRelevantAppStateProps2 = (appState) => {
   const relevantAppStateProps = {
@@ -32939,6 +33015,7 @@ var getRelevantAppStateProps2 = (appState) => {
     scrollY: appState.scrollY,
     width: appState.width,
     height: appState.height,
+    hideAnnotations: appState.hideAnnotations,
     viewModeEnabled: appState.viewModeEnabled,
     openDialog: appState.openDialog,
     hoveredElementIds: appState.hoveredElementIds,
@@ -33052,7 +33129,7 @@ var renderNewElementScene = (renderConfig, throttle5) => {
 };
 
 // components/canvases/NewElementCanvas.tsx
-import { jsx as jsx148 } from "react/jsx-runtime";
+import { jsx as jsx149 } from "react/jsx-runtime";
 var NewElementCanvas = (props) => {
   const canvasRef = useRef40(null);
   useEffect45(() => {
@@ -33073,7 +33150,7 @@ var NewElementCanvas = (props) => {
       isRenderThrottlingEnabled()
     );
   });
-  return /* @__PURE__ */ jsx148(
+  return /* @__PURE__ */ jsx149(
     "canvas",
     {
       className: "excalidraw__canvas",
@@ -33091,7 +33168,7 @@ var NewElementCanvas_default = NewElementCanvas;
 
 // components/Toast.tsx
 import { useCallback as useCallback15, useEffect as useEffect46, useRef as useRef41 } from "react";
-import { jsx as jsx149, jsxs as jsxs80 } from "react/jsx-runtime";
+import { jsx as jsx150, jsxs as jsxs80 } from "react/jsx-runtime";
 var DEFAULT_TOAST_TIMEOUT = 5e3;
 var Toast = ({
   message,
@@ -33126,8 +33203,8 @@ var Toast = ({
       onMouseLeave,
       style,
       children: [
-        /* @__PURE__ */ jsx149("p", { className: "Toast__message", children: message }),
-        closable && /* @__PURE__ */ jsx149(
+        /* @__PURE__ */ jsx150("p", { className: "Toast__message", children: message }),
+        closable && /* @__PURE__ */ jsx150(
           ToolButton,
           {
             icon: CloseIcon,
@@ -33150,7 +33227,7 @@ import {
 } from "@excalidraw/element";
 import { sceneCoordsToViewportCoords as sceneCoordsToViewportCoords6 } from "@excalidraw/common";
 import { flushSync as flushSync2 } from "react-dom";
-import { jsx as jsx150 } from "react/jsx-runtime";
+import { jsx as jsx151 } from "react/jsx-runtime";
 var UnlockPopup = ({
   app,
   activeLockedId
@@ -33165,7 +33242,7 @@ var UnlockPopup = ({
     { sceneX: x, sceneY: y },
     app.state
   );
-  return /* @__PURE__ */ jsx150(
+  return /* @__PURE__ */ jsx151(
     "div",
     {
       className: "UnlockPopup",
@@ -33198,7 +33275,7 @@ var UnlockPopup = ({
 var UnlockPopup_default = UnlockPopup;
 
 // components/App.tsx
-import { Fragment as Fragment25, jsx as jsx151, jsxs as jsxs81 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx152, jsxs as jsxs81 } from "react/jsx-runtime";
 var AppContext = React45.createContext(null);
 var AppPropsContext = React45.createContext(null);
 var editorInterfaceContextInitialValue = {
@@ -33323,6 +33400,7 @@ var App = class _App extends React45.Component {
     __publicField(this, "onPointerUpEmitter", new Emitter3());
     __publicField(this, "onUserFollowEmitter", new Emitter3());
     __publicField(this, "onScrollChangeEmitter", new Emitter3());
+    __publicField(this, "onHideAnnotationsChangeEmitter", new Emitter3());
     __publicField(this, "missingPointerEventCleanupEmitter", new Emitter3());
     __publicField(this, "onRemoveEventListenersEmitter", new Emitter3());
     __publicField(this, "updateEditorAtom", (atom2, ...args) => {
@@ -33425,7 +33503,7 @@ var App = class _App extends React45.Component {
         return null;
       }
       const isDarkTheme = this.state.theme === THEME15.DARK;
-      const nonDeletedFramesLikes = this.scene.getNonDeletedFramesLikes();
+      const nonDeletedFramesLikes = this.state.hideAnnotations ? this.scene.getNonDeletedFramesLikes().filter((f) => f.customData?.alwaysVisible === true) : this.scene.getNonDeletedFramesLikes();
       const focusedSearchMatch = nonDeletedFramesLikes.length > 0 ? this.state.searchMatches?.focusedId && isFrameLikeElement15(
         this.scene.getElement(this.state.searchMatches.focusedId)
       ) ? this.state.searchMatches.matches.find((sm) => sm.focus) : null : null;
@@ -33457,7 +33535,7 @@ var App = class _App extends React45.Component {
         const frameName = getFrameLikeTitle(f);
         if (f.id === this.state.editingFrame) {
           const frameNameInEdit = frameName;
-          frameNameJSX = /* @__PURE__ */ jsx151(
+          frameNameJSX = /* @__PURE__ */ jsx152(
             "input",
             {
               autoFocus: true,
@@ -33500,7 +33578,7 @@ var App = class _App extends React45.Component {
         } else {
           frameNameJSX = frameName;
         }
-        return /* @__PURE__ */ jsx151(
+        return /* @__PURE__ */ jsx152(
           "div",
           {
             id: this.getFrameNameDOMId(f),
@@ -34741,7 +34819,7 @@ var App = class _App extends React45.Component {
         if (this.actionManager.handleKeyDown(event)) {
           return;
         }
-        if (this.state.viewModeEnabled) {
+        if (this.state.viewModeEnabled || this.state.hideAnnotations) {
           return;
         }
         if (event[KEYS54.CTRL_OR_CMD] && this.state.isBindingEnabled) {
@@ -34915,7 +34993,7 @@ var App = class _App extends React45.Component {
     ));
     __publicField(this, "onKeyUp", withBatchedUpdates((event) => {
       if (event.key === KEYS54.SPACE) {
-        if (this.state.viewModeEnabled || this.state.openDialog?.name === "elementLinkSelector") {
+        if (this.state.viewModeEnabled || this.state.hideAnnotations || this.state.openDialog?.name === "elementLinkSelector") {
           setCursor(this.interactiveCanvas, CURSOR_TYPE4.GRAB);
         } else if (isSelectionLikeTool(this.state.activeTool.type)) {
           resetCursor(this.interactiveCanvas);
@@ -35424,7 +35502,7 @@ var App = class _App extends React45.Component {
         }
       }
       resetCursor(this.interactiveCanvas);
-      if (!event[KEYS54.CTRL_OR_CMD] && !this.state.viewModeEnabled) {
+      if (!event[KEYS54.CTRL_OR_CMD] && !(this.state.viewModeEnabled || this.state.hideAnnotations)) {
         const hitElement = this.getElementAtPosition(sceneX, sceneY);
         if (isIframeLikeElement2(hitElement)) {
           this.setState({
@@ -35934,7 +36012,7 @@ var App = class _App extends React45.Component {
             this.interactiveCanvas,
             isTextElement19(hitElement) ? CURSOR_TYPE4.TEXT : CURSOR_TYPE4.CROSSHAIR
           );
-        } else if (this.state.viewModeEnabled) {
+        } else if (this.state.viewModeEnabled || this.state.hideAnnotations) {
           setCursor(this.interactiveCanvas, CURSOR_TYPE4.GRAB);
         } else if (this.state.openDialog?.name === "elementLinkSelector") {
           setCursor(this.interactiveCanvas, CURSOR_TYPE4.AUTO);
@@ -36291,7 +36369,7 @@ var App = class _App extends React45.Component {
       this.missingPointerEventCleanupEmitter.once(
         (_event) => onPointerUp(_event || event.nativeEvent)
       );
-      if (!this.state.viewModeEnabled || this.state.activeTool.type === "laser") {
+      if (!(this.state.viewModeEnabled || this.state.hideAnnotations) || this.state.activeTool.type === "laser") {
         window.addEventListener(EVENT15.POINTER_MOVE, onPointerMove);
         window.addEventListener(EVENT15.POINTER_UP, onPointerUp);
         window.addEventListener(EVENT15.KEYDOWN, onKeyDown);
@@ -36357,7 +36435,7 @@ var App = class _App extends React45.Component {
         } else {
           this.redirectToLink(event, this.editorInterface.isTouchScreen);
         }
-      } else if (this.state.viewModeEnabled) {
+      } else if (this.state.viewModeEnabled || this.state.hideAnnotations) {
         this.setState({
           activeEmbeddable: null,
           selectedElementIds: {}
@@ -36395,7 +36473,7 @@ var App = class _App extends React45.Component {
     });
     // Returns whether the event is a panning
     __publicField(this, "handleCanvasPanUsingWheelOrSpaceDrag", (event) => {
-      if (!(gesture.pointers.size <= 1 && (event.button === POINTER_BUTTON2.WHEEL || event.button === POINTER_BUTTON2.MAIN && isHoldingSpace || isHandToolActive(this.state) || this.state.viewModeEnabled))) {
+      if (!(gesture.pointers.size <= 1 && (event.button === POINTER_BUTTON2.WHEEL || event.button === POINTER_BUTTON2.MAIN && isHoldingSpace || isHandToolActive(this.state) || this.state.viewModeEnabled || this.state.hideAnnotations))) {
         return false;
       }
       isPanning = true;
@@ -36437,7 +36515,7 @@ var App = class _App extends React45.Component {
           lastPointerUp = null;
           isPanning = false;
           if (!isHoldingSpace) {
-            if (this.state.viewModeEnabled) {
+            if (this.state.viewModeEnabled || this.state.hideAnnotations) {
               setCursor(this.interactiveCanvas, CURSOR_TYPE4.GRAB);
             } else {
               setCursorForShape(this.interactiveCanvas, this.state);
@@ -38006,7 +38084,7 @@ var App = class _App extends React45.Component {
       const options = [];
       options.push(actionCopyAsPng, actionCopyAsSvg);
       if (type === "canvas") {
-        if (this.state.viewModeEnabled) {
+        if (this.state.viewModeEnabled || this.state.hideAnnotations) {
           return [
             ...options,
             actionToggleGridMode,
@@ -38033,7 +38111,7 @@ var App = class _App extends React45.Component {
         ];
       }
       options.push(copyText);
-      if (this.state.viewModeEnabled) {
+      if (this.state.viewModeEnabled || this.state.hideAnnotations) {
         return [actionCopy, ...options];
       }
       const libraryActions = this.props.UIOptions.libraryEnabled ? [CONTEXT_MENU_SEPARATOR, actionAddToLibrary] : [];
@@ -38203,6 +38281,7 @@ var App = class _App extends React45.Component {
     const defaultAppState = getDefaultAppState();
     const {
       excalidrawAPI,
+      hideAnnotations = false,
       viewModeEnabled = false,
       zenModeEnabled = false,
       gridModeEnabled = false,
@@ -38215,6 +38294,7 @@ var App = class _App extends React45.Component {
       theme,
       isLoading: true,
       ...this.getCanvasOffsets(),
+      hideAnnotations,
       viewModeEnabled,
       zenModeEnabled,
       objectsSnapModeEnabled,
@@ -38275,7 +38355,8 @@ var App = class _App extends React45.Component {
         onPointerDown: (cb) => this.onPointerDownEmitter.on(cb),
         onPointerUp: (cb) => this.onPointerUpEmitter.on(cb),
         onScrollChange: (cb) => this.onScrollChangeEmitter.on(cb),
-        onUserFollow: (cb) => this.onUserFollowEmitter.on(cb)
+        onUserFollow: (cb) => this.onUserFollowEmitter.on(cb),
+        onHideAnnotationsChange: (cb) => this.onHideAnnotationsChangeEmitter.on(cb)
       };
       if (typeof excalidrawAPI === "function") {
         excalidrawAPI(api);
@@ -38629,7 +38710,7 @@ var App = class _App extends React45.Component {
     const embeddableElements = this.scene.getNonDeletedElements().filter(
       (el) => isEmbeddableElement4(el) && this.embedsValidationStatus.get(el.id) === true || isIframeElement2(el)
     );
-    return /* @__PURE__ */ jsx151(Fragment25, { children: embeddableElements.map((el) => {
+    return /* @__PURE__ */ jsx152(Fragment25, { children: embeddableElements.map((el) => {
       const { x, y } = sceneCoordsToViewportCoords7(
         { sceneX: el.x, sceneY: el.y },
         this.state
@@ -38785,7 +38866,7 @@ var App = class _App extends React45.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__ */ jsx151(
+      return /* @__PURE__ */ jsx152(
         "div",
         {
           className: clsx63("excalidraw__embeddable-container", {
@@ -38817,15 +38898,15 @@ var App = class _App extends React45.Component {
                 pointerEvents: isActive ? POINTER_EVENTS.enabled : POINTER_EVENTS.disabled
               },
               children: [
-                isHovered && /* @__PURE__ */ jsx151("div", { className: "excalidraw__embeddable-hint", children: t("buttons.embeddableInteractionButton") }),
-                /* @__PURE__ */ jsx151(
+                isHovered && /* @__PURE__ */ jsx152("div", { className: "excalidraw__embeddable-hint", children: t("buttons.embeddableInteractionButton") }),
+                /* @__PURE__ */ jsx152(
                   "div",
                   {
                     className: "excalidraw__embeddable__outer",
                     style: {
                       padding: `${el.strokeWidth}px`
                     },
-                    children: (isEmbeddableElement4(el) ? this.props.renderEmbeddable?.(el, this.state) : null) ?? /* @__PURE__ */ jsx151(
+                    children: (isEmbeddableElement4(el) ? this.props.renderEmbeddable?.(el, this.state) : null) ?? /* @__PURE__ */ jsx152(
                       "iframe",
                       {
                         ref: (ref) => this.cacheEmbeddableRef(el, ref),
@@ -38867,7 +38948,8 @@ var App = class _App extends React45.Component {
       height: this.state.height,
       width: this.state.width,
       editingTextElement: this.state.editingTextElement,
-      newElementId: this.state.newElement?.id
+      newElementId: this.state.newElement?.id,
+      hideAnnotations: this.state.hideAnnotations
     });
     this.visibleElements = visibleElements;
     const allElementsMap = this.scene.getNonDeletedElementsMap();
@@ -38879,12 +38961,12 @@ var App = class _App extends React45.Component {
     );
     const firstSelectedElement = selectedElements[0];
     const showShapeSwitchPanel = editorJotaiStore.get(convertElementTypePopupAtom)?.type === "panel";
-    return /* @__PURE__ */ jsx151(
+    return /* @__PURE__ */ jsx152(
       "div",
       {
         translate: "no",
         className: clsx63("excalidraw excalidraw-container notranslate", {
-          "excalidraw--view-mode": this.state.viewModeEnabled || this.state.openDialog?.name === "elementLinkSelector",
+          "excalidraw--view-mode": this.state.viewModeEnabled || this.state.hideAnnotations || this.state.openDialog?.name === "elementLinkSelector",
           "excalidraw--mobile": this.editorInterface.formFactor === "phone"
         }),
         style: {
@@ -38897,11 +38979,11 @@ var App = class _App extends React45.Component {
         onKeyDown: this.props.handleKeyboardGlobally ? void 0 : this.onKeyDown,
         onPointerEnter: this.toggleOverscrollBehavior,
         onPointerLeave: this.toggleOverscrollBehavior,
-        children: /* @__PURE__ */ jsx151(AppContext.Provider, { value: this, children: /* @__PURE__ */ jsx151(AppPropsContext.Provider, { value: this.props, children: /* @__PURE__ */ jsx151(
+        children: /* @__PURE__ */ jsx152(AppContext.Provider, { value: this, children: /* @__PURE__ */ jsx152(AppPropsContext.Provider, { value: this.props, children: /* @__PURE__ */ jsx152(
           ExcalidrawContainerContext.Provider,
           {
             value: this.excalidrawContainerValue,
-            children: /* @__PURE__ */ jsx151(EditorInterfaceContext.Provider, { value: this.editorInterface, children: /* @__PURE__ */ jsx151(ExcalidrawSetAppStateContext.Provider, { value: this.setAppState, children: /* @__PURE__ */ jsx151(ExcalidrawAppStateContext.Provider, { value: this.state, children: /* @__PURE__ */ jsxs81(
+            children: /* @__PURE__ */ jsx152(EditorInterfaceContext.Provider, { value: this.editorInterface, children: /* @__PURE__ */ jsx152(ExcalidrawSetAppStateContext.Provider, { value: this.setAppState, children: /* @__PURE__ */ jsx152(ExcalidrawAppStateContext.Provider, { value: this.state, children: /* @__PURE__ */ jsxs81(
               ExcalidrawElementsContext.Provider,
               {
                 value: this.scene.getNonDeletedElements(),
@@ -38911,7 +38993,7 @@ var App = class _App extends React45.Component {
                     {
                       value: this.actionManager,
                       children: [
-                        /* @__PURE__ */ jsx151(
+                        /* @__PURE__ */ jsx152(
                           LayerUI_default,
                           {
                             canvas: this.canvas,
@@ -38937,10 +39019,10 @@ var App = class _App extends React45.Component {
                             children: this.props.children
                           }
                         ),
-                        /* @__PURE__ */ jsx151("div", { className: "excalidraw-textEditorContainer" }),
-                        /* @__PURE__ */ jsx151("div", { className: "excalidraw-contextMenuContainer" }),
-                        /* @__PURE__ */ jsx151("div", { className: "excalidraw-eye-dropper-container" }),
-                        /* @__PURE__ */ jsx151(
+                        /* @__PURE__ */ jsx152("div", { className: "excalidraw-textEditorContainer" }),
+                        /* @__PURE__ */ jsx152("div", { className: "excalidraw-contextMenuContainer" }),
+                        /* @__PURE__ */ jsx152("div", { className: "excalidraw-eye-dropper-container" }),
+                        /* @__PURE__ */ jsx152(
                           SVGLayer,
                           {
                             trails: [
@@ -38950,7 +39032,7 @@ var App = class _App extends React45.Component {
                             ]
                           }
                         ),
-                        selectedElements.length === 1 && this.state.openDialog?.name !== "elementLinkSelector" && this.state.showHyperlinkPopup && /* @__PURE__ */ jsx151(
+                        selectedElements.length === 1 && this.state.openDialog?.name !== "elementLinkSelector" && this.state.showHyperlinkPopup && /* @__PURE__ */ jsx152(
                           Hyperlink,
                           {
                             element: firstSelectedElement,
@@ -38962,12 +39044,12 @@ var App = class _App extends React45.Component {
                           },
                           firstSelectedElement.id
                         ),
-                        this.props.aiEnabled !== false && selectedElements.length === 1 && isMagicFrameElement2(firstSelectedElement) && /* @__PURE__ */ jsx151(
+                        this.props.aiEnabled !== false && selectedElements.length === 1 && isMagicFrameElement2(firstSelectedElement) && /* @__PURE__ */ jsx152(
                           ElementCanvasButtons,
                           {
                             element: firstSelectedElement,
                             elementsMap,
-                            children: /* @__PURE__ */ jsx151(
+                            children: /* @__PURE__ */ jsx152(
                               ElementCanvasButton,
                               {
                                 title: t("labels.convertToCode"),
@@ -38987,7 +39069,7 @@ var App = class _App extends React45.Component {
                             element: firstSelectedElement,
                             elementsMap,
                             children: [
-                              /* @__PURE__ */ jsx151(
+                              /* @__PURE__ */ jsx152(
                                 ElementCanvasButton,
                                 {
                                   title: t("labels.copySource"),
@@ -38996,7 +39078,7 @@ var App = class _App extends React45.Component {
                                   onChange: () => this.onIframeSrcCopy(firstSelectedElement)
                                 }
                               ),
-                              /* @__PURE__ */ jsx151(
+                              /* @__PURE__ */ jsx152(
                                 ElementCanvasButton,
                                 {
                                   title: "Enter fullscreen",
@@ -39033,7 +39115,7 @@ var App = class _App extends React45.Component {
                             ]
                           }
                         ),
-                        this.state.toast !== null && /* @__PURE__ */ jsx151(
+                        this.state.toast !== null && /* @__PURE__ */ jsx152(
                           Toast,
                           {
                             message: this.state.toast.message,
@@ -39042,7 +39124,7 @@ var App = class _App extends React45.Component {
                             closable: this.state.toast.closable
                           }
                         ),
-                        this.state.contextMenu && /* @__PURE__ */ jsx151(
+                        this.state.contextMenu && /* @__PURE__ */ jsx152(
                           ContextMenu,
                           {
                             items: this.state.contextMenu.items,
@@ -39057,7 +39139,7 @@ var App = class _App extends React45.Component {
                             }
                           }
                         ),
-                        /* @__PURE__ */ jsx151(
+                        /* @__PURE__ */ jsx152(
                           StaticCanvas_default,
                           {
                             canvas: this.canvas,
@@ -39080,7 +39162,7 @@ var App = class _App extends React45.Component {
                             }
                           }
                         ),
-                        this.state.newElement && /* @__PURE__ */ jsx151(
+                        this.state.newElement && /* @__PURE__ */ jsx152(
                           NewElementCanvas_default,
                           {
                             appState: this.state,
@@ -39099,7 +39181,7 @@ var App = class _App extends React45.Component {
                             }
                           }
                         ),
-                        /* @__PURE__ */ jsx151(
+                        /* @__PURE__ */ jsx152(
                           InteractiveCanvas_default,
                           {
                             app: this,
@@ -39126,7 +39208,7 @@ var App = class _App extends React45.Component {
                             onDoubleClick: this.handleCanvasDoubleClick
                           }
                         ),
-                        this.state.userToFollow && /* @__PURE__ */ jsx151(
+                        this.state.userToFollow && /* @__PURE__ */ jsx152(
                           FollowMode_default,
                           {
                             width: this.state.width,
@@ -39136,14 +39218,14 @@ var App = class _App extends React45.Component {
                           }
                         ),
                         this.renderFrameNames(),
-                        this.state.activeLockedId && /* @__PURE__ */ jsx151(
+                        this.state.activeLockedId && /* @__PURE__ */ jsx152(
                           UnlockPopup_default,
                           {
                             app: this,
                             activeLockedId: this.state.activeLockedId
                           }
                         ),
-                        showShapeSwitchPanel && /* @__PURE__ */ jsx151(ConvertElementTypePopup_default, { app: this })
+                        showShapeSwitchPanel && /* @__PURE__ */ jsx152(ConvertElementTypePopup_default, { app: this })
                       ]
                     }
                   ),
@@ -39318,7 +39400,7 @@ var App = class _App extends React45.Component {
     }
     if (isBrave() && !isMeasureTextSupported()) {
       this.setState({
-        errorMessage: /* @__PURE__ */ jsx151(BraveMeasureTextError_default, {})
+        errorMessage: /* @__PURE__ */ jsx152(BraveMeasureTextError_default, {})
       });
     }
   }
@@ -39418,7 +39500,7 @@ var App = class _App extends React45.Component {
         { passive: false }
       )
     );
-    if (this.state.viewModeEnabled) {
+    if (this.state.viewModeEnabled || this.state.hideAnnotations) {
       return;
     }
     this.onRemoveEventListenersEmitter.once(
@@ -39488,6 +39570,10 @@ var App = class _App extends React45.Component {
         this.state.zoom
       );
     }
+    if (prevState.hideAnnotations !== this.state.hideAnnotations) {
+      this.props?.onHideAnnotationsChange?.(this.state.hideAnnotations);
+      this.onHideAnnotationsChangeEmitter.trigger(this.state.hideAnnotations);
+    }
     if (prevState.userToFollow !== this.state.userToFollow) {
       if (prevState.userToFollow) {
         this.onUserFollowEmitter.trigger({
@@ -39522,7 +39608,10 @@ var App = class _App extends React45.Component {
     if (prevProps.viewModeEnabled !== this.props.viewModeEnabled) {
       this.setState({ viewModeEnabled: !!this.props.viewModeEnabled });
     }
-    if (prevState.viewModeEnabled !== this.state.viewModeEnabled) {
+    if (prevProps.hideAnnotations !== this.props.hideAnnotations) {
+      this.setState({ hideAnnotations: !!this.props.hideAnnotations });
+    }
+    if (prevState.viewModeEnabled !== this.state.viewModeEnabled || prevState.hideAnnotations !== this.state.hideAnnotations) {
       this.addEventListeners();
       this.deselectElements();
     }
@@ -41681,7 +41770,7 @@ var App_default = App;
 
 // components/InitializeApp.tsx
 import { useEffect as useEffect47, useState as useState40 } from "react";
-import { jsx as jsx152 } from "react/jsx-runtime";
+import { jsx as jsx153 } from "react/jsx-runtime";
 var InitializeApp = (props) => {
   const [loading, setLoading] = useState40(true);
   useEffect47(() => {
@@ -41692,18 +41781,18 @@ var InitializeApp = (props) => {
     const currentLang2 = languages.find((lang) => lang.code === props.langCode) || defaultLang;
     updateLang();
   }, [props.langCode]);
-  return loading ? /* @__PURE__ */ jsx152(LoadingMessage, { theme: props.theme }) : props.children;
+  return loading ? /* @__PURE__ */ jsx153(LoadingMessage, { theme: props.theme }) : props.children;
 };
 
 // components/footer/FooterCenter.tsx
 import clsx64 from "clsx";
-import { jsx as jsx153 } from "react/jsx-runtime";
+import { jsx as jsx154 } from "react/jsx-runtime";
 var FooterCenter = ({ children }) => {
   const { FooterCenterTunnel } = useTunnels();
   const appState = useUIAppState();
   const appProps = useAppProps();
   const isTopAligned = !!appProps.UIOptions?.swapTopMenuAndFooter;
-  return /* @__PURE__ */ jsx153(FooterCenterTunnel.In, { children: /* @__PURE__ */ jsx153(
+  return /* @__PURE__ */ jsx154(FooterCenterTunnel.In, { children: /* @__PURE__ */ jsx154(
     "div",
     {
       className: clsx64("footer-center zen-mode-transition", {
@@ -41720,7 +41809,7 @@ FooterCenter.displayName = "FooterCenter";
 // components/live-collaboration/LiveCollaborationTrigger.tsx
 import clsx65 from "clsx";
 import { MQ_MIN_WIDTH_DESKTOP } from "@excalidraw/common";
-import { jsx as jsx154, jsxs as jsxs82 } from "react/jsx-runtime";
+import { jsx as jsx155, jsxs as jsxs82 } from "react/jsx-runtime";
 var LiveCollaborationTrigger2 = ({
   isCollaborating,
   onSelect,
@@ -41740,7 +41829,7 @@ var LiveCollaborationTrigger2 = ({
       title: t("labels.liveCollaboration"),
       children: [
         showIconOnly ? share : t("labels.share"),
-        appState.collaborators.size > 0 && /* @__PURE__ */ jsx154("div", { className: "CollabButton-collaborators", children: appState.collaborators.size })
+        appState.collaborators.size > 0 && /* @__PURE__ */ jsx155("div", { className: "CollabButton-collaborators", children: appState.collaborators.size })
       ]
     }
   );
@@ -41749,15 +41838,15 @@ var LiveCollaborationTrigger_default = LiveCollaborationTrigger2;
 LiveCollaborationTrigger2.displayName = "LiveCollaborationTrigger";
 
 // components/ExcalidrawLogo.tsx
-import { jsx as jsx155, jsxs as jsxs83 } from "react/jsx-runtime";
-var LogoIcon = () => /* @__PURE__ */ jsx155(
+import { jsx as jsx156, jsxs as jsxs83 } from "react/jsx-runtime";
+var LogoIcon = () => /* @__PURE__ */ jsx156(
   "svg",
   {
     viewBox: "0 0 40 40",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     className: "ExcalidrawLogo-icon",
-    children: /* @__PURE__ */ jsx155(
+    children: /* @__PURE__ */ jsx156(
       "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",
@@ -41774,28 +41863,28 @@ var LogoText = () => /* @__PURE__ */ jsxs83(
     fill: "none",
     className: "ExcalidrawLogo-text",
     children: [
-      /* @__PURE__ */ jsx155(
+      /* @__PURE__ */ jsx156(
         "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__ */ jsx155(
+      /* @__PURE__ */ jsx156(
         "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__ */ jsx155(
+      /* @__PURE__ */ jsx156(
         "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__ */ jsx155(
+      /* @__PURE__ */ jsx156(
         "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",
@@ -41812,13 +41901,13 @@ var ExcalidrawLogo = ({
   withText
 }) => {
   return /* @__PURE__ */ jsxs83("div", { className: `ExcalidrawLogo is-${size}`, style, children: [
-    /* @__PURE__ */ jsx155(LogoIcon, {}),
-    withText && /* @__PURE__ */ jsx155(LogoText, {})
+    /* @__PURE__ */ jsx156(LogoIcon, {}),
+    withText && /* @__PURE__ */ jsx156(LogoText, {})
   ] });
 };
 
 // components/welcome-screen/WelcomeScreen.Center.tsx
-import { Fragment as Fragment26, jsx as jsx156, jsxs as jsxs84 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx157, jsxs as jsxs84 } from "react/jsx-runtime";
 var WelcomeScreenMenuItemContent = ({
   icon,
   shortcut,
@@ -41826,9 +41915,9 @@ var WelcomeScreenMenuItemContent = ({
 }) => {
   const editorInterface = useEditorInterface();
   return /* @__PURE__ */ jsxs84(Fragment26, { children: [
-    /* @__PURE__ */ jsx156("div", { className: "welcome-screen-menu-item__icon", children: icon }),
-    /* @__PURE__ */ jsx156("div", { className: "welcome-screen-menu-item__text", children }),
-    shortcut && editorInterface.formFactor !== "phone" && /* @__PURE__ */ jsx156("div", { className: "welcome-screen-menu-item__shortcut", children: shortcut })
+    /* @__PURE__ */ jsx157("div", { className: "welcome-screen-menu-item__icon", children: icon }),
+    /* @__PURE__ */ jsx157("div", { className: "welcome-screen-menu-item__text", children }),
+    shortcut && editorInterface.formFactor !== "phone" && /* @__PURE__ */ jsx157("div", { className: "welcome-screen-menu-item__shortcut", children: shortcut })
   ] });
 };
 WelcomeScreenMenuItemContent.displayName = "WelcomeScreenMenuItemContent";
@@ -41840,14 +41929,14 @@ var WelcomeScreenMenuItem = ({
   className = "",
   ...props
 }) => {
-  return /* @__PURE__ */ jsx156(
+  return /* @__PURE__ */ jsx157(
     "button",
     {
       ...props,
       type: "button",
       className: `welcome-screen-menu-item ${className}`,
       onClick: onSelect,
-      children: /* @__PURE__ */ jsx156(WelcomeScreenMenuItemContent, { icon, shortcut, children })
+      children: /* @__PURE__ */ jsx157(WelcomeScreenMenuItemContent, { icon, shortcut, children })
     }
   );
 };
@@ -41860,7 +41949,7 @@ var WelcomeScreenMenuItemLink = ({
   className = "",
   ...props
 }) => {
-  return /* @__PURE__ */ jsx156(
+  return /* @__PURE__ */ jsx157(
     "a",
     {
       ...props,
@@ -41868,38 +41957,38 @@ var WelcomeScreenMenuItemLink = ({
       href,
       target: "_blank",
       rel: "noopener",
-      children: /* @__PURE__ */ jsx156(WelcomeScreenMenuItemContent, { icon, shortcut, children })
+      children: /* @__PURE__ */ jsx157(WelcomeScreenMenuItemContent, { icon, shortcut, children })
     }
   );
 };
 WelcomeScreenMenuItemLink.displayName = "WelcomeScreenMenuItemLink";
 var Center = ({ children }) => {
   const { WelcomeScreenCenterTunnel } = useTunnels();
-  return /* @__PURE__ */ jsx156(WelcomeScreenCenterTunnel.In, { children: /* @__PURE__ */ jsx156("div", { className: "welcome-screen-center", children: children || /* @__PURE__ */ jsxs84(Fragment26, { children: [
-    /* @__PURE__ */ jsx156(Logo, {}),
-    /* @__PURE__ */ jsx156(Heading, { children: t("welcomeScreen.defaults.center_heading") }),
+  return /* @__PURE__ */ jsx157(WelcomeScreenCenterTunnel.In, { children: /* @__PURE__ */ jsx157("div", { className: "welcome-screen-center", children: children || /* @__PURE__ */ jsxs84(Fragment26, { children: [
+    /* @__PURE__ */ jsx157(Logo, {}),
+    /* @__PURE__ */ jsx157(Heading, { children: t("welcomeScreen.defaults.center_heading") }),
     /* @__PURE__ */ jsxs84(Menu, { children: [
-      /* @__PURE__ */ jsx156(MenuItemLoadScene, {}),
-      /* @__PURE__ */ jsx156(MenuItemHelp, {})
+      /* @__PURE__ */ jsx157(MenuItemLoadScene, {}),
+      /* @__PURE__ */ jsx157(MenuItemHelp, {})
     ] })
   ] }) }) });
 };
 Center.displayName = "Center";
 var Logo = ({ children }) => {
-  return /* @__PURE__ */ jsx156("div", { className: "welcome-screen-center__logo excalifont welcome-screen-decor", children: children || /* @__PURE__ */ jsx156(ExcalidrawLogo, { withText: true }) });
+  return /* @__PURE__ */ jsx157("div", { className: "welcome-screen-center__logo excalifont welcome-screen-decor", children: children || /* @__PURE__ */ jsx157(ExcalidrawLogo, { withText: true }) });
 };
 Logo.displayName = "Logo";
 var Heading = ({ children }) => {
-  return /* @__PURE__ */ jsx156("div", { className: "welcome-screen-center__heading welcome-screen-decor excalifont", children });
+  return /* @__PURE__ */ jsx157("div", { className: "welcome-screen-center__heading welcome-screen-decor excalifont", children });
 };
 Heading.displayName = "Heading";
 var Menu = ({ children }) => {
-  return /* @__PURE__ */ jsx156("div", { className: "welcome-screen-menu", children });
+  return /* @__PURE__ */ jsx157("div", { className: "welcome-screen-menu", children });
 };
 Menu.displayName = "Menu";
 var MenuItemHelp = () => {
   const actionManager = useExcalidrawActionManager();
-  return /* @__PURE__ */ jsx156(
+  return /* @__PURE__ */ jsx157(
     WelcomeScreenMenuItem,
     {
       onSelect: () => actionManager.executeAction(actionShortcuts),
@@ -41913,10 +42002,10 @@ MenuItemHelp.displayName = "MenuItemHelp";
 var MenuItemLoadScene = () => {
   const appState = useUIAppState();
   const actionManager = useExcalidrawActionManager();
-  if (appState.viewModeEnabled) {
+  if (appState.viewModeEnabled || appState.hideAnnotations) {
     return null;
   }
-  return /* @__PURE__ */ jsx156(
+  return /* @__PURE__ */ jsx157(
     WelcomeScreenMenuItem,
     {
       onSelect: () => actionManager.executeAction(actionLoadScene),
@@ -41931,7 +42020,7 @@ var MenuItemLiveCollaborationTrigger = ({
   onSelect
 }) => {
   const { t: t2 } = useI18n();
-  return /* @__PURE__ */ jsx156(WelcomeScreenMenuItem, { shortcut: null, onSelect, icon: usersIcon, children: t2("labels.liveCollaboration") });
+  return /* @__PURE__ */ jsx157(WelcomeScreenMenuItem, { shortcut: null, onSelect, icon: usersIcon, children: t2("labels.liveCollaboration") });
 };
 MenuItemLiveCollaborationTrigger.displayName = "MenuItemLiveCollaborationTrigger";
 Center.Logo = Logo;
@@ -41944,40 +42033,40 @@ Center.MenuItemLoadScene = MenuItemLoadScene;
 Center.MenuItemLiveCollaborationTrigger = MenuItemLiveCollaborationTrigger;
 
 // components/welcome-screen/WelcomeScreen.Hints.tsx
-import { jsx as jsx157, jsxs as jsxs85 } from "react/jsx-runtime";
+import { jsx as jsx158, jsxs as jsxs85 } from "react/jsx-runtime";
 var MenuHint = ({ children }) => {
   const { WelcomeScreenMenuHintTunnel } = useTunnels();
-  return /* @__PURE__ */ jsx157(WelcomeScreenMenuHintTunnel.In, { children: /* @__PURE__ */ jsxs85("div", { className: "excalifont welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--menu", children: [
+  return /* @__PURE__ */ jsx158(WelcomeScreenMenuHintTunnel.In, { children: /* @__PURE__ */ jsxs85("div", { className: "excalifont welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--menu", children: [
     WelcomeScreenMenuArrow,
-    /* @__PURE__ */ jsx157("div", { className: "welcome-screen-decor-hint__label", children: children || t("welcomeScreen.defaults.menuHint") })
+    /* @__PURE__ */ jsx158("div", { className: "welcome-screen-decor-hint__label", children: children || t("welcomeScreen.defaults.menuHint") })
   ] }) });
 };
 MenuHint.displayName = "MenuHint";
 var ToolbarHint = ({ children }) => {
   const { WelcomeScreenToolbarHintTunnel } = useTunnels();
-  return /* @__PURE__ */ jsx157(WelcomeScreenToolbarHintTunnel.In, { children: /* @__PURE__ */ jsxs85("div", { className: "excalifont welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--toolbar", children: [
-    /* @__PURE__ */ jsx157("div", { className: "welcome-screen-decor-hint__label", children: children || t("welcomeScreen.defaults.toolbarHint") }),
+  return /* @__PURE__ */ jsx158(WelcomeScreenToolbarHintTunnel.In, { children: /* @__PURE__ */ jsxs85("div", { className: "excalifont welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--toolbar", children: [
+    /* @__PURE__ */ jsx158("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__ */ jsx157(WelcomeScreenHelpHintTunnel.In, { children: /* @__PURE__ */ jsxs85("div", { className: "excalifont welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--help", children: [
-    /* @__PURE__ */ jsx157("div", { children: children || t("welcomeScreen.defaults.helpHint") }),
+  return /* @__PURE__ */ jsx158(WelcomeScreenHelpHintTunnel.In, { children: /* @__PURE__ */ jsxs85("div", { className: "excalifont welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--help", children: [
+    /* @__PURE__ */ jsx158("div", { children: children || t("welcomeScreen.defaults.helpHint") }),
     WelcomeScreenHelpArrow
   ] }) });
 };
 HelpHint.displayName = "HelpHint";
 
 // components/welcome-screen/WelcomeScreen.tsx
-import { Fragment as Fragment27, jsx as jsx158, jsxs as jsxs86 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx159, jsxs as jsxs86 } from "react/jsx-runtime";
 var WelcomeScreen = (props) => {
-  return /* @__PURE__ */ jsx158(Fragment27, { children: props.children || /* @__PURE__ */ jsxs86(Fragment27, { children: [
-    /* @__PURE__ */ jsx158(Center, {}),
-    /* @__PURE__ */ jsx158(MenuHint, {}),
-    /* @__PURE__ */ jsx158(ToolbarHint, {}),
-    /* @__PURE__ */ jsx158(HelpHint, {})
+  return /* @__PURE__ */ jsx159(Fragment27, { children: props.children || /* @__PURE__ */ jsxs86(Fragment27, { children: [
+    /* @__PURE__ */ jsx159(Center, {}),
+    /* @__PURE__ */ jsx159(MenuHint, {}),
+    /* @__PURE__ */ jsx159(ToolbarHint, {}),
+    /* @__PURE__ */ jsx159(HelpHint, {})
   ] }) });
 };
 WelcomeScreen.displayName = "WelcomeScreen";
@@ -42117,7 +42206,7 @@ import {
 import { CaptureUpdateAction as CaptureUpdateAction38 } from "@excalidraw/element";
 
 // components/TTDDialog/TTDDialogTrigger.tsx
-import { jsx as jsx159, jsxs as jsxs87 } from "react/jsx-runtime";
+import { jsx as jsx160, jsxs as jsxs87 } from "react/jsx-runtime";
 var TTDDialogTrigger = ({
   children,
   icon
@@ -42125,7 +42214,7 @@ var TTDDialogTrigger = ({
   const { t: t2 } = useI18n();
   const { TTDDialogTriggerTunnel } = useTunnels();
   const setAppState = useExcalidrawSetAppState();
-  return /* @__PURE__ */ jsx159(TTDDialogTriggerTunnel.In, { children: /* @__PURE__ */ jsxs87(
+  return /* @__PURE__ */ jsx160(TTDDialogTriggerTunnel.In, { children: /* @__PURE__ */ jsxs87(
     DropdownMenu_default.Item,
     {
       onSelect: () => {
@@ -42135,7 +42224,7 @@ var TTDDialogTrigger = ({
       icon: icon ?? brainIcon,
       children: [
         children ?? t2("labels.textToDiagram"),
-        /* @__PURE__ */ jsx159(DropdownMenu_default.Item.Badge, { children: "AI" })
+        /* @__PURE__ */ jsx160(DropdownMenu_default.Item.Badge, { children: "AI" })
       ]
     }
   ) });
@@ -42164,7 +42253,7 @@ var DiagramToCodePlugin = (props) => {
 // index.tsx
 import { isElementLink as isElementLink3 } from "@excalidraw/element";
 import { setCustomTextMetricsProvider } from "@excalidraw/element";
-import { jsx as jsx160 } from "react/jsx-runtime";
+import { jsx as jsx161 } from "react/jsx-runtime";
 polyfill_default();
 var ExcalidrawBase = (props) => {
   const {
@@ -42177,6 +42266,7 @@ var ExcalidrawBase = (props) => {
     renderTopLeftUI,
     renderTopRightUI,
     langCode = defaultLang.code,
+    hideAnnotations,
     viewModeEnabled,
     zenModeEnabled,
     gridModeEnabled,
@@ -42195,6 +42285,7 @@ var ExcalidrawBase = (props) => {
     onPointerDown,
     onPointerUp,
     onScrollChange,
+    onHideAnnotationsChange,
     onDuplicate,
     children,
     validateEmbeddable,
@@ -42227,9 +42318,14 @@ var ExcalidrawBase = (props) => {
       ...DEFAULT_UI_OPTIONS.fontPicker,
       ...props.UIOptions?.fontPicker
     },
+    shapeControl: {
+      ...DEFAULT_UI_OPTIONS.shapeControl,
+      ...props.UIOptions?.shapeControl
+    },
     viewModeControlEnabled: props.UIOptions?.viewModeControlEnabled ?? DEFAULT_UI_OPTIONS.viewModeControlEnabled,
     undoRedoPosition: props.UIOptions?.undoRedoPosition ?? DEFAULT_UI_OPTIONS.undoRedoPosition,
-    swapTopMenuAndFooter: props.UIOptions?.swapTopMenuAndFooter ?? DEFAULT_UI_OPTIONS.swapTopMenuAndFooter
+    swapTopMenuAndFooter: props.UIOptions?.swapTopMenuAndFooter ?? DEFAULT_UI_OPTIONS.swapTopMenuAndFooter,
+    hideAnnotationsControlEnabled: props.UIOptions?.hideAnnotationsControlEnabled ?? DEFAULT_UI_OPTIONS.hideAnnotationsControlEnabled
   };
   if (canvasActions?.export) {
     UIOptions.canvasActions.export.saveFileToDisk = canvasActions.export?.saveFileToDisk ?? DEFAULT_UI_OPTIONS.canvasActions.export.saveFileToDisk;
@@ -42254,7 +42350,7 @@ var ExcalidrawBase = (props) => {
       document.removeEventListener("touchmove", handleTouchMove);
     };
   }, []);
-  return /* @__PURE__ */ jsx160(EditorJotaiProvider, { store: editorJotaiStore, children: /* @__PURE__ */ jsx160(InitializeApp, { langCode, theme, children: /* @__PURE__ */ jsx160(
+  return /* @__PURE__ */ jsx161(EditorJotaiProvider, { store: editorJotaiStore, children: /* @__PURE__ */ jsx161(InitializeApp, { langCode, theme, children: /* @__PURE__ */ jsx161(
     App_default,
     {
       onChange,
@@ -42266,6 +42362,7 @@ var ExcalidrawBase = (props) => {
       renderTopLeftUI,
       renderTopRightUI,
       langCode,
+      hideAnnotations,
       viewModeEnabled,
       zenModeEnabled,
       gridModeEnabled,
@@ -42285,6 +42382,7 @@ var ExcalidrawBase = (props) => {
       onPointerDown,
       onPointerUp,
       onScrollChange,
+      onHideAnnotationsChange,
       onDuplicate,
       validateEmbeddable,
       renderEmbeddable,