@excalidraw/excalidraw 0.17.1-1d71f84 → 0.17.1-4689a6b

package/dist/browser/dev/index.js

@@ -154,6 +154,7 @@ import {
   getBoundTextElementId,
   getBoundTextMaxHeight,
   getBoundTextMaxWidth,
+  getClosedCurveShape,
   getCommonAttributeOfSelectedElements,
   getCommonBoundingBox,
   getCommonBounds,
@@ -162,6 +163,7 @@ import {
   getContainingFrame,
   getCornerRadius,
   getCursorForResizingElement,
+  getCurveShape,
   getDataURL,
   getDateTime,
   getDefaultAppState,
@@ -171,13 +173,13 @@ import {
   getDraggedElementsBounds,
   getElementAbsoluteCoords,
   getElementWithTransformHandleType,
-  getElementsAtPosition,
   getElementsInGroup,
   getElementsInNewFrame,
   getElementsInResizingFrame,
   getElementsOverlappingFrame,
   getElementsWithinSelection,
   getEligibleElementsForBinding,
+  getEllipseShape,
   getEmbedLink,
   getExportSize,
   getFileFromEvent,
@@ -189,6 +191,7 @@ import {
   getFrameLikeElements,
   getFrameLikeTitle,
   getFreeDrawSvgPath,
+  getFreedrawShape,
   getGlobalCSSVariable,
   getGridPoint,
   getHoveredElementForBinding,
@@ -203,6 +206,7 @@ import {
   getNormalizedDimensions,
   getNormalizedZoom,
   getOriginalContainerHeightFromCache,
+  getPolygonShape,
   getRenderOpacity,
   getResizeArrowDirection,
   getResizeOffsetXY,
@@ -216,7 +220,6 @@ import {
   getStateForZoom,
   getSvgPathFromStroke,
   getTargetElements,
-  getTextBindableContainerAtPosition,
   getTextElementAngle,
   getTextWidth,
   getTransformHandleTypeFromCoords,
@@ -232,7 +235,10 @@ import {
   hasStrokeWidth,
   hashElementsVersion,
   hashString,
-  hitTest,
+  hitElementBoundText,
+  hitElementBoundingBox,
+  hitElementBoundingBoxOnly,
+  hitElementItself,
   isArrowElement,
   isArrowKey,
   isBindingElement,
@@ -242,6 +248,7 @@ import {
   isBrave,
   isCursorInFrame,
   isDarwin,
+  isDevEnv,
   isElementInFrame,
   isElementInGroup,
   isElementInViewport,
@@ -254,8 +261,6 @@ import {
   isFrameElement,
   isFrameLikeElement,
   isHandToolActive,
-  isHittingElementBoundingBoxWithoutHittingElement,
-  isHittingElementNotConsideringBoundingBox,
   isIOS,
   isIframeElement,
   isIframeLikeElement,
@@ -275,9 +280,9 @@ import {
   isMemberOf,
   isNonDeletedElement,
   isPathALoop,
-  isPointHittingElementBoundingBox,
   isPointHittingLink,
   isPointHittingLinkIcon,
+  isPointInShape,
   isPromiseLike,
   isSelectedViaGroup,
   isShallowEqual,
@@ -375,9 +380,12 @@ import {
   shouldResizeFromCenter,
   shouldRotateWithDiscreteAngle,
   shouldShowBoundingBox,
+  shouldTestInside,
   showSelectedShapeActions,
   supportsResizeObserver,
   suppportsHorizontalAlign,
+  syncInvalidIndices,
+  syncMovedIndices,
   throttleRAF,
   toBrandedType,
   toValidURL,
@@ -395,14 +403,14 @@ import {
   viewportCoordsToSceneCoords,
   wrapEvent,
   wrapText
-} from "./excalidraw-assets-dev/chunk-RWZVJAQU.js";
+} from "./excalidraw-assets-dev/chunk-7D5BMEAB.js";
 import {
   define_import_meta_env_default,
   init_define_import_meta_env
 } from "./excalidraw-assets-dev/chunk-YRUDZAGT.js";
 import {
   en_default
-} from "./excalidraw-assets-dev/chunk-AK7SWNLN.js";
+} from "./excalidraw-assets-dev/chunk-23CKV3WP.js";
 import {
   percentages_default
 } from "./excalidraw-assets-dev/chunk-YZTYRBEQ.js";
@@ -1290,11 +1298,11 @@ var require_react_jsx_runtime_development = __commonJS({
             return jsxWithValidation(type, props, key, false);
           }
         }
-        var jsx133 = jsxWithValidationDynamic;
-        var jsxs77 = jsxWithValidationStatic;
+        var jsx134 = jsxWithValidationDynamic;
+        var jsxs78 = jsxWithValidationStatic;
         exports.Fragment = REACT_FRAGMENT_TYPE;
-        exports.jsx = jsx133;
-        exports.jsxs = jsxs77;
+        exports.jsx = jsx134;
+        exports.jsxs = jsxs78;
       })();
     }
   }
@@ -2666,7 +2674,7 @@ var globImport_locales_json = __glob({
   "./locales/da-DK.json": () => import("./excalidraw-assets-dev/da-DK-6OKJ2GQ6.js"),
   "./locales/de-DE.json": () => import("./excalidraw-assets-dev/de-DE-BD5ICOQ2.js"),
   "./locales/el-GR.json": () => import("./excalidraw-assets-dev/el-GR-JFDBTDHS.js"),
-  "./locales/en.json": () => import("./excalidraw-assets-dev/en-5TCZHGGJ.js"),
+  "./locales/en.json": () => import("./excalidraw-assets-dev/en-W7TECCRB.js"),
   "./locales/es-ES.json": () => import("./excalidraw-assets-dev/es-ES-CBBTGYGR.js"),
   "./locales/eu-ES.json": () => import("./excalidraw-assets-dev/eu-ES-CHAPMSLE.js"),
   "./locales/fa-IR.json": () => import("./excalidraw-assets-dev/fa-IR-LOJOKEJO.js"),
@@ -3509,17 +3517,8 @@ var MoonIcon = createIcon(
   modifiedTablerIconProps
 );
 var SunIcon = createIcon(
-  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    "g",
-    {
-      stroke: "currentColor",
-      strokeWidth: "1.25",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M10 12.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM10 4.167V2.5M14.167 5.833l1.166-1.166M15.833 10H17.5M14.167 14.167l1.166 1.166M10 15.833V17.5M5.833 14.167l-1.166 1.166M5 10H3.333M5.833 5.833 4.667 4.667" })
-    }
-  ),
-  modifiedTablerIconProps
+  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("g", { stroke: "currentColor", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M10 12.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM10 4.167V2.5M14.167 5.833l1.166-1.166M15.833 10H17.5M14.167 14.167l1.166 1.166M10 15.833V17.5M5.833 14.167l-1.166 1.166M5 10H3.333M5.833 5.833 4.667 4.667" }) }),
+  { ...modifiedTablerIconProps, strokeWidth: 1.5 }
 );
 var HamburgerMenuIcon = createIcon(
   /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("g", { strokeWidth: "1.5", children: [
@@ -5164,6 +5163,31 @@ var coffeeIcon = createIcon(
   ] }),
   tablerIconProps
 );
+var DeviceDesktopIcon = createIcon(
+  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("g", { stroke: "currentColor", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M3 5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-16a1 1 0 0 1-1-1v-10zM7 20h10M9 16v4M15 16v4" })
+  ] }),
+  { ...tablerIconProps, strokeWidth: 1.5 }
+);
+var arrowBarToLeftIcon = createIcon(
+  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M10 12l10 0" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M10 12l4 4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M10 12l4 -4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M4 4l0 16" })
+  ] }),
+  tablerIconProps
+);
+var youtubeIcon = createIcon(
+  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M2 8a4 4 0 0 1 4 -4h12a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-12a4 4 0 0 1 -4 -4v-8z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M10 9l5 3l-5 3z" })
+  ] }),
+  tablerIconProps
+);
 
 // actions/actionDeleteSelected.tsx
 var import_jsx_runtime6 = __toESM(require_jsx_runtime(), 1);
@@ -5446,9 +5470,9 @@ var getTargetIndex = (appState, elements, boundaryIndex, direction, containingFr
 var getTargetElementsMap = (elements, indices) => {
   return indices.reduce((acc, index2) => {
     const element = elements[index2];
-    acc[element.id] = element;
+    acc.set(element.id, element);
     return acc;
-  }, {});
+  }, /* @__PURE__ */ new Map());
 };
 var shiftElementsByOne = (elements, appState, direction) => {
   const indicesToMove = getIndicesToMove(elements, appState);
@@ -5494,12 +5518,8 @@ var shiftElementsByOne = (elements, appState, direction) => {
       ...trailingElements
     ];
   });
-  return elements.map((element) => {
-    if (targetElementsMap[element.id]) {
-      return bumpVersion(element);
-    }
-    return element;
-  });
+  syncMovedIndices(elements, targetElementsMap);
+  return elements;
 };
 var shiftElementsToEnd = (elements, appState, direction, containingFrame, elementsToBeMoved) => {
   const indicesToMove = getIndicesToMove(elements, appState, elementsToBeMoved);
@@ -5554,12 +5574,10 @@ var shiftElementsToEnd = (elements, appState, direction, containingFrame, elemen
       displacedElements.push(elements[index2]);
     }
   }
-  const targetElements = Object.values(targetElementsMap).map((element) => {
-    return bumpVersion(element);
-  });
+  const targetElements = Array.from(targetElementsMap.values());
   const leadingElements = elements.slice(0, leadingIndex);
   const trailingElements = elements.slice(trailingIndex + 1);
-  return direction === "left" ? [
+  const nextElements = direction === "left" ? [
     ...leadingElements,
     ...targetElements,
     ...displacedElements,
@@ -5570,6 +5588,8 @@ var shiftElementsToEnd = (elements, appState, direction, containingFrame, elemen
     ...targetElements,
     ...trailingElements
   ];
+  syncMovedIndices(nextElements, targetElementsMap);
+  return nextElements;
 };
 function shiftElementsAccountingForFrames(allElements, appState, direction, shiftFunction) {
   const elementsToMove = arrayToMap(
@@ -5930,6 +5950,7 @@ var duplicateElements2 = (elements, appState) => {
   const newElements = [];
   const oldElements = [];
   const oldIdToDuplicatedId = /* @__PURE__ */ new Map();
+  const duplicatedElementsMap = /* @__PURE__ */ new Map();
   const duplicateAndOffsetElement = (element) => {
     const newElement2 = duplicateElement(
       appState.editingGroupId,
@@ -5940,6 +5961,7 @@ var duplicateElements2 = (elements, appState) => {
         y: element.y + GRID_SIZE / 2
       }
     );
+    duplicatedElementsMap.set(newElement2.id, newElement2);
     oldIdToDuplicatedId.set(element.id, newElement2.id);
     oldElements.push(element);
     newElements.push(newElement2);
@@ -6031,6 +6053,7 @@ var duplicateElements2 = (elements, appState) => {
     }
   }
   const finalElements = finalElementsReversed.reverse();
+  syncMovedIndices(finalElements, arrayToMap([...oldElements, ...newElements]));
   bindTextToShapeAfterDuplication(
     elementsWithClones,
     oldElements,
@@ -6077,7 +6100,7 @@ init_define_import_meta_env();
 
 // analytics.ts
 init_define_import_meta_env();
-var ALLOWED_CATEGORIES_TO_TRACK = ["ai"];
+var ALLOWED_CATEGORIES_TO_TRACK = ["ai", "command_palette"];
 var trackEvent = (category, action, label, value) => {
   try {
     if (typeof window === "undefined" || define_import_meta_env_default.VITE_WORKER_ID || define_import_meta_env_default.PROD) {
@@ -9881,7 +9904,7 @@ var useCreatePortalContainer = (opts) => {
       div.className = "";
       div.classList.add("excalidraw", ...opts?.className?.split(/\s+/) || []);
       div.classList.toggle("excalidraw--mobile", device.editor.isMobile);
-      div.classList.toggle("theme--dark", theme === "dark");
+      div.classList.toggle("theme--dark", theme === THEME.DARK);
     }
   }, [div, theme, device.editor.isMobile, opts?.className]);
   (0, import_react32.useLayoutEffect)(() => {
@@ -12127,7 +12150,7 @@ var actionZoomToFit = register({
 var actionToggleTheme = register({
   name: "toggleTheme",
   label: (_, appState) => {
-    return appState.theme === "dark" ? "buttons.lightMode" : "buttons.darkMode";
+    return appState.theme === THEME.DARK ? "buttons.lightMode" : "buttons.darkMode";
   },
   keywords: ["toggle", "dark", "light", "mode", "theme"],
   icon: (appState) => appState.theme === THEME.LIGHT ? MoonIcon : SunIcon,
@@ -12223,7 +12246,8 @@ var actionFinalize = register({
   name: "finalize",
   label: "",
   trackEvent: false,
-  perform: (elements, appState, _, { interactiveCanvas, focusContainer, scene }) => {
+  perform: (elements, appState, _, app) => {
+    const { interactiveCanvas, focusContainer, scene } = app;
     const elementsMap = scene.getNonDeletedElementsMap();
     if (appState.editingLinearElement) {
       const { elementId, startBindingElement, endBindingElement } = appState.editingLinearElement;
@@ -12289,13 +12313,7 @@ var actionFinalize = register({
           -1,
           arrayToMap(elements)
         );
-        maybeBindLinearElement(
-          multiPointElement,
-          appState,
-          Scene_default.getScene(multiPointElement),
-          { x: x3, y: y3 },
-          elementsMap
-        );
+        maybeBindLinearElement(multiPointElement, appState, { x: x3, y: y3 }, app);
       }
     }
     if (!appState.activeTool.locked && appState.activeTool.type !== "freedraw" || !multiPointElement) {
@@ -12401,7 +12419,7 @@ var ProjectName = (props) => {
 init_define_import_meta_env();
 var import_jsx_runtime27 = __toESM(require_jsx_runtime(), 1);
 var DarkModeToggle = (props) => {
-  const title = props.title || (props.value === "dark" ? t("buttons.lightMode") : t("buttons.darkMode"));
+  const title = props.title || (props.value === THEME.DARK ? t("buttons.lightMode") : t("buttons.darkMode"));
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     ToolButton,
     {
@@ -12521,7 +12539,7 @@ var exportCanvas = async (type, elements, appState, files, {
     let blob = canvasToBlob(tempCanvas);
     if (appState.exportEmbedScene) {
       blob = blob.then(
-        (blob2) => import("./excalidraw-assets-dev/image-EDKQZH7Z.js").then(
+        (blob2) => import("./excalidraw-assets-dev/image-JKT6GXZD.js").then(
           ({ encodePngMetadata }) => encodePngMetadata({
             blob: blob2,
             metadata: serializeAsJSON(elements, appState, files, "local")
@@ -13153,11 +13171,12 @@ var actionGroup = register({
     const elementsBeforeGroup = nextElements.slice(0, lastGroupElementIndex).filter(
       (updatedElement) => !isElementInGroup(updatedElement, newGroupId)
     );
-    nextElements = [
+    const reorderedElements = [
       ...elementsBeforeGroup,
       ...elementsInGroup,
       ...elementsAfterGroup
     ];
+    syncMovedIndices(reorderedElements, arrayToMap(elementsInGroup));
     return {
       appState: {
         ...appState,
@@ -13167,7 +13186,7 @@ var actionGroup = register({
           getNonDeletedElements(nextElements)
         )
       },
-      elements: nextElements,
+      elements: reorderedElements,
       commitToHistory: true
     };
   },
@@ -14088,7 +14107,8 @@ var actionFlipHorizontal = register({
           elements,
           app.scene.getNonDeletedElementsMap(),
           appState,
-          "horizontal"
+          "horizontal",
+          app
         ),
         appState,
         app
@@ -14111,7 +14131,8 @@ var actionFlipVertical = register({
           elements,
           app.scene.getNonDeletedElementsMap(),
           appState,
-          "vertical"
+          "vertical",
+          app
         ),
         appState,
         app
@@ -14122,7 +14143,7 @@ var actionFlipVertical = register({
   },
   keyTest: (event) => event.shiftKey && event.code === CODES.V && !event[KEYS.CTRL_OR_CMD]
 });
-var flipSelectedElements = (elements, elementsMap, appState, flipDirection) => {
+var flipSelectedElements = (elements, elementsMap, appState, flipDirection, app) => {
   const selectedElements = getSelectedElements(
     getNonDeletedElements(elements),
     appState,
@@ -14136,14 +14157,15 @@ var flipSelectedElements = (elements, elementsMap, appState, flipDirection) => {
     elements,
     elementsMap,
     appState,
-    flipDirection
+    flipDirection,
+    app
   );
   const updatedElementsMap = arrayToMap(updatedElements);
   return elements.map(
     (element) => updatedElementsMap.get(element.id) || element
   );
 };
-var flipElements = (selectedElements, elements, elementsMap, appState, flipDirection) => {
+var flipElements = (selectedElements, elements, elementsMap, appState, flipDirection, app) => {
   const { minX, minY, maxX, maxY } = getCommonBoundingBox(selectedElements);
   resizeMultipleElements(
     elementsMap,
@@ -14154,7 +14176,7 @@ var flipElements = (selectedElements, elements, elementsMap, appState, flipDirec
     flipDirection === "horizontal" ? maxX : minX,
     flipDirection === "horizontal" ? minY : maxY
   );
-  isBindingEnabled(appState) ? bindOrUnbindSelectedElements(selectedElements, elements, elementsMap) : unbindLinearElements(selectedElements, elementsMap);
+  isBindingEnabled(appState) ? bindOrUnbindSelectedElements(selectedElements, app) : unbindLinearElements(selectedElements, elementsMap);
   return selectedElements;
 };
 
@@ -14612,6 +14634,7 @@ var pushTextAboveContainer = (elements, container, textElement) => {
     (ele) => ele.id === container.id
   );
   updatedElements.splice(containerIndex + 1, 0, textElement);
+  syncMovedIndices(updatedElements, arrayToMap([container, textElement]));
   return updatedElements;
 };
 var pushContainerBelowText = (elements, container, textElement) => {
@@ -14624,6 +14647,7 @@ var pushContainerBelowText = (elements, container, textElement) => {
     (ele) => ele.id === textElement.id
   );
   updatedElements.splice(textElementIndex, 0, container);
+  syncMovedIndices(updatedElements, arrayToMap([container, textElement]));
   return updatedElements;
 };
 var actionWrapTextInContainer = register({
@@ -15031,13 +15055,7 @@ var shouldHideLinkPopup = (element, elementsMap, appState, [clientX, clientY]) =
     appState
   );
   const threshold = 15 / appState.zoom.value;
-  if (isPointHittingElementBoundingBox(
-    element,
-    elementsMap,
-    [sceneX, sceneY],
-    threshold,
-    null
-  )) {
+  if (hitElementBoundingBox(sceneX, sceneY, element, elementsMap)) {
     return false;
   }
   const [x1, y1, x22] = getElementAbsoluteCoords(element, elementsMap);
@@ -18039,8 +18057,8 @@ var shortcutMap = {
   clearCanvas: [getShortcutKey("CtrlOrCmd+Delete")],
   imageExport: [getShortcutKey("CtrlOrCmd+Shift+E")],
   commandPalette: [
-    getShortcutKey("CtrlOrCmd+Shift+P"),
-    getShortcutKey("CtrlOrCmd+/")
+    getShortcutKey("CtrlOrCmd+/"),
+    getShortcutKey("CtrlOrCmd+Shift+P")
   ],
   cut: [getShortcutKey("CtrlOrCmd+X")],
   copy: [getShortcutKey("CtrlOrCmd+C")],
@@ -18987,9 +19005,15 @@ var CommandPalette = Object.assign(
         if (isCommandPaletteToggleShortcut(event)) {
           event.preventDefault();
           event.stopPropagation();
-          setAppState((appState) => ({
-            openDialog: appState.openDialog?.name === "commandPalette" ? null : { name: "commandPalette" }
-          }));
+          setAppState((appState) => {
+            const nextState = appState.openDialog?.name === "commandPalette" ? null : { name: "commandPalette" };
+            if (nextState) {
+              trackEvent("command_palette", "open", "shortcut");
+            }
+            return {
+              openDialog: nextState
+            };
+          });
         }
       };
       window.addEventListener("keydown" /* KEYDOWN */, commandPaletteShortcut, {
@@ -19019,10 +19043,13 @@ function CommandPaletteInner({
   const [lastUsed, setLastUsed] = useAtom(lastUsedPaletteItem);
   const [allCommands, setAllCommands] = (0, import_react69.useState)(null);
   const inputRef = (0, import_react69.useRef)(null);
+  const stableDeps = useStable({
+    uiAppState,
+    customCommandPaletteItems,
+    appProps
+  });
   (0, import_react69.useEffect)(() => {
-    if (!uiAppState || !app.scene || !actionManager) {
-      return;
-    }
+    const { uiAppState: uiAppState2, customCommandPaletteItems: customCommandPaletteItems2, appProps: appProps2 } = stableDeps;
     const getActionLabel = (action) => {
       let label = "";
       if (action.label) {
@@ -19030,7 +19057,7 @@ function CommandPaletteInner({
           label = t(
             action.label(
               app.scene.getNonDeletedElements(),
-              uiAppState,
+              uiAppState2,
               app
             )
           );
@@ -19042,7 +19069,7 @@ function CommandPaletteInner({
     };
     const getActionIcon = (action) => {
       if (typeof action.icon === "function") {
-        return action.icon(uiAppState, app.scene.getNonDeletedElements());
+        return action.icon(uiAppState2, app.scene.getNonDeletedElements());
       }
       return action.icon;
     };
@@ -19062,7 +19089,7 @@ function CommandPaletteInner({
       };
       return transformer ? transformer(command, action) : command;
     };
-    if (uiAppState && app.scene && actionManager) {
+    if (uiAppState2 && app.scene && actionManager) {
       const elementsCommands = [
         actionManager.actions.group,
         actionManager.actions.ungroup,
@@ -19096,7 +19123,7 @@ function CommandPaletteInner({
           DEFAULT_CATEGORIES.elements,
           (command, action2) => ({
             ...command,
-            predicate: action2.predicate ? action2.predicate : (elements, appState, appProps2, app2) => {
+            predicate: action2.predicate ? action2.predicate : (elements, appState, appProps3, app2) => {
               const selectedElements = getSelectedElements(
                 elements,
                 appState
@@ -19175,7 +19202,7 @@ function CommandPaletteInner({
           icon: LibraryIcon,
           viewMode: false,
           perform: () => {
-            if (uiAppState.openSidebar) {
+            if (uiAppState2.openSidebar) {
               setAppState({
                 openSidebar: null
               });
@@ -19238,7 +19265,7 @@ function CommandPaletteInner({
         },
         ...SHAPES.reduce((acc, shape) => {
           const { value, icon, key, numericKey } = shape;
-          if (appProps.UIOptions.tools?.[value] === false) {
+          if (appProps2.UIOptions.tools?.[value] === false) {
             return acc;
           }
           const letter = key && capitalizeString(typeof key === "string" ? key : key[0]);
@@ -19268,7 +19295,7 @@ function CommandPaletteInner({
         {
           label: t("toolBar.lock"),
           category: DEFAULT_CATEGORIES.tools,
-          icon: uiAppState.activeTool.locked ? LockedIcon : UnlockedIcon,
+          icon: uiAppState2.activeTool.locked ? LockedIcon : UnlockedIcon,
           shortcut: KEYS.Q.toLocaleUpperCase(),
           viewMode: false,
           perform: () => {
@@ -19280,7 +19307,7 @@ function CommandPaletteInner({
           category: DEFAULT_CATEGORIES.tools,
           icon: brainIconThin,
           viewMode: false,
-          predicate: appProps.aiEnabled,
+          predicate: appProps2.aiEnabled,
           perform: () => {
             setAppState((state) => ({
               ...state,
@@ -19296,7 +19323,7 @@ function CommandPaletteInner({
           category: DEFAULT_CATEGORIES.tools,
           icon: mermaidLogoIcon,
           viewMode: false,
-          predicate: appProps.aiEnabled,
+          predicate: appProps2.aiEnabled,
           perform: () => {
             setAppState((state) => ({
               ...state,
@@ -19321,7 +19348,7 @@ function CommandPaletteInner({
       const allCommands2 = [
         ...commandsFromActions,
         ...additionalCommands,
-        ...customCommandPaletteItems || []
+        ...customCommandPaletteItems2 || []
       ].map((command) => {
         return {
           ...command,
@@ -19336,15 +19363,13 @@ function CommandPaletteInner({
       );
     }
   }, [
+    stableDeps,
     app,
-    appProps,
-    uiAppState,
     actionManager,
     setAllCommands,
     lastUsed?.label,
     setLastUsed,
-    setAppState,
-    customCommandPaletteItems
+    setAppState
   ]);
   const [commandSearch, setCommandSearch] = (0, import_react69.useState)("");
   const [currentCommand, setCurrentCommand] = (0, import_react69.useState)(null);
@@ -19696,6 +19721,7 @@ var writeData = (prevElements, appState, updater) => {
       )
     );
     fixBindingsAfterDeletion(elements, deletedElements);
+    syncInvalidIndices(elements);
     return {
       elements,
       appState: { ...appState, ...data.appState },
@@ -20214,6 +20240,7 @@ var RadioGroup = function({
       className: clsx_m_default("RadioGroup__choice", {
         active: choice.value === value
       }),
+      title: choice.ariaLabel,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
           "input",
@@ -20221,13 +20248,14 @@ var RadioGroup = function({
             name,
             type: "radio",
             checked: choice.value === value,
-            onChange: () => onChange(choice.value)
+            onChange: () => onChange(choice.value),
+            "aria-label": choice.ariaLabel
           }
         ),
         choice.label
       ]
     },
-    choice.label
+    String(choice.value)
   )) });
 };
 
@@ -21254,8 +21282,8 @@ var Header = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { class
       target: "_blank",
       rel: "noopener noreferrer",
       children: [
-        t("helpDialog.documentation"),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "HelpDialog__link-icon", children: ExternalLinkIcon })
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "HelpDialog__link-icon", children: ExternalLinkIcon }),
+        t("helpDialog.documentation")
       ]
     }
   ),
@@ -21267,8 +21295,8 @@ var Header = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { class
       target: "_blank",
       rel: "noopener noreferrer",
       children: [
-        t("helpDialog.blog"),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "HelpDialog__link-icon", children: ExternalLinkIcon })
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "HelpDialog__link-icon", children: ExternalLinkIcon }),
+        t("helpDialog.blog")
       ]
     }
   ),
@@ -21280,8 +21308,21 @@ var Header = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { class
       target: "_blank",
       rel: "noopener noreferrer",
       children: [
-        t("helpDialog.github"),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "HelpDialog__link-icon", children: ExternalLinkIcon })
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "HelpDialog__link-icon", children: GithubIcon }),
+        t("helpDialog.github")
+      ]
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+    "a",
+    {
+      className: "HelpDialog__btn",
+      href: "https://youtube.com/@excalidraw",
+      target: "_blank",
+      rel: "noopener noreferrer",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "HelpDialog__link-icon", children: youtubeIcon }),
+        "YouTube"
       ]
     }
   )
@@ -21596,7 +21637,7 @@ var HelpDialog = ({ onClose }) => {
                   Shortcut,
                   {
                     label: t("commandPalette.title"),
-                    shortcuts: [
+                    shortcuts: isFirefox ? [getShortcutFromShortcutName("commandPalette")] : [
                       getShortcutFromShortcutName("commandPalette"),
                       getShortcutFromShortcutName("commandPalette", 1)
                     ]
@@ -23108,8 +23149,39 @@ async function openConfirmModal({
   });
 }
 
-// components/main-menu/DefaultItems.tsx
+// components/dropdownMenu/DropdownMenuItemContentRadio.tsx
+init_define_import_meta_env();
 var import_jsx_runtime97 = __toESM(require_jsx_runtime(), 1);
+var DropdownMenuItemContentRadio = ({
+  value,
+  shortcut,
+  onChange,
+  choices,
+  children,
+  name
+}) => {
+  const device = useDevice();
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "dropdown-menu-item-base dropdown-menu-item-bare", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("label", { className: "dropdown-menu-item__text", htmlFor: name, children }),
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+        RadioGroup,
+        {
+          name,
+          value,
+          onChange,
+          choices
+        }
+      )
+    ] }),
+    shortcut && !device.editor.isMobile && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("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
+var import_jsx_runtime98 = __toESM(require_jsx_runtime(), 1);
 var LoadScene = () => {
   const { t: t3 } = useI18n();
   const actionManager = useExcalidrawActionManager();
@@ -23122,19 +23194,19 @@ var LoadScene = () => {
       title: t3("overwriteConfirm.modal.loadFromFile.title"),
       actionLabel: t3("overwriteConfirm.modal.loadFromFile.button"),
       color: "warning",
-      description: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+      description: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
         Trans_default,
         {
           i18nKey: "overwriteConfirm.modal.loadFromFile.description",
-          bold: (text) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("strong", { children: text }),
-          br: () => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("br", {})
+          bold: (text) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("strong", { children: text }),
+          br: () => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("br", {})
         }
       )
     })) {
       actionManager.executeAction(actionLoadScene);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     DropdownMenuItem_default,
     {
       icon: LoadIcon,
@@ -23153,7 +23225,7 @@ var SaveToActiveFile = () => {
   if (!actionManager.isActionEnabled(actionSaveToActiveFile)) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     DropdownMenuItem_default,
     {
       shortcut: getShortcutFromShortcutName("saveScene"),
@@ -23169,7 +23241,7 @@ SaveToActiveFile.displayName = "SaveToActiveFile";
 var SaveAsImage = () => {
   const setAppState = useExcalidrawSetAppState();
   const { t: t3 } = useI18n();
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     DropdownMenuItem_default,
     {
       icon: ExportImageIcon,
@@ -23182,17 +23254,21 @@ var SaveAsImage = () => {
   );
 };
 SaveAsImage.displayName = "SaveAsImage";
-var CommandPalette2 = () => {
+var CommandPalette2 = (opts) => {
   const setAppState = useExcalidrawSetAppState();
   const { t: t3 } = useI18n();
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     DropdownMenuItem_default,
     {
       icon: boltIcon,
       "data-testid": "command-palette-button",
-      onSelect: () => setAppState({ openDialog: { name: "commandPalette" } }),
+      onSelect: () => {
+        trackEvent("command_palette", "open", "menu");
+        setAppState({ openDialog: { name: "commandPalette" } });
+      },
       shortcut: getShortcutFromShortcutName("commandPalette"),
       "aria-label": t3("commandPalette.title"),
+      className: opts?.className,
       children: t3("commandPalette.title")
     }
   );
@@ -23201,7 +23277,7 @@ CommandPalette2.displayName = "CommandPalette";
 var Help = () => {
   const { t: t3 } = useI18n();
   const actionManager = useExcalidrawActionManager();
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     DropdownMenuItem_default,
     {
       "data-testid": "help-menu-item",
@@ -23224,7 +23300,7 @@ var ClearCanvas = () => {
   if (!actionManager.isActionEnabled(actionClearCanvas)) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     DropdownMenuItem_default,
     {
       icon: TrashIcon,
@@ -23236,25 +23312,60 @@ var ClearCanvas = () => {
   );
 };
 ClearCanvas.displayName = "ClearCanvas";
-var ToggleTheme = () => {
+var ToggleTheme = (props) => {
   const { t: t3 } = useI18n();
   const appState = useUIAppState();
   const actionManager = useExcalidrawActionManager();
+  const shortcut = getShortcutFromShortcutName("toggleTheme");
   if (!actionManager.isActionEnabled(actionToggleTheme)) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  if (props?.allowSystemTheme) {
+    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      DropdownMenuItemContentRadio_default,
+      {
+        name: "theme",
+        value: props.theme,
+        onChange: (value) => props.onSelect(value),
+        choices: [
+          {
+            value: THEME.LIGHT,
+            label: SunIcon,
+            ariaLabel: `${t3("buttons.lightMode")} - ${shortcut}`
+          },
+          {
+            value: THEME.DARK,
+            label: MoonIcon,
+            ariaLabel: `${t3("buttons.darkMode")} - ${shortcut}`
+          },
+          {
+            value: "system",
+            label: DeviceDesktopIcon,
+            ariaLabel: t3("buttons.systemMode")
+          }
+        ],
+        children: t3("labels.theme")
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     DropdownMenuItem_default,
     {
       onSelect: (event) => {
         event.preventDefault();
-        return actionManager.executeAction(actionToggleTheme);
+        if (props?.onSelect) {
+          props.onSelect(
+            appState.theme === THEME.DARK ? THEME.LIGHT : THEME.DARK
+          );
+        } else {
+          return actionManager.executeAction(actionToggleTheme);
+        }
       },
-      icon: appState.theme === "dark" ? SunIcon : MoonIcon,
+      icon: appState.theme === THEME.DARK ? SunIcon : MoonIcon,
       "data-testid": "toggle-dark-mode",
-      shortcut: getShortcutFromShortcutName("toggleTheme"),
-      "aria-label": appState.theme === "dark" ? t3("buttons.lightMode") : t3("buttons.darkMode"),
-      children: appState.theme === "dark" ? t3("buttons.lightMode") : t3("buttons.darkMode")
+      shortcut,
+      "aria-label": appState.theme === THEME.DARK ? t3("buttons.lightMode") : t3("buttons.darkMode"),
+      children: appState.theme === THEME.DARK ? t3("buttons.lightMode") : t3("buttons.darkMode")
     }
   );
 };
@@ -23267,8 +23378,8 @@ var ChangeCanvasBackground = () => {
   if (appState.viewModeEnabled || !appProps.UIOptions.canvasActions.changeViewBackgroundColor) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { style: { marginTop: "0.5rem" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { style: { marginTop: "0.5rem" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       "div",
       {
         "data-testid": "canvas-background-label",
@@ -23276,14 +23387,14 @@ var ChangeCanvasBackground = () => {
         children: t3("labels.canvasBackground")
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { style: { padding: "0 0.625rem" }, children: actionManager.renderAction("changeViewBackgroundColor") })
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { style: { padding: "0 0.625rem" }, children: actionManager.renderAction("changeViewBackgroundColor") })
   ] });
 };
 ChangeCanvasBackground.displayName = "ChangeCanvasBackground";
 var Export = () => {
   const { t: t3 } = useI18n();
   const setAppState = useExcalidrawSetAppState();
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     DropdownMenuItem_default,
     {
       icon: ExportIcon,
@@ -23299,8 +23410,8 @@ var Export = () => {
 Export.displayName = "Export";
 var Socials = () => {
   const { t: t3 } = useI18n();
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       DropdownMenuItemLink_default,
       {
         icon: GithubIcon,
@@ -23309,7 +23420,7 @@ var Socials = () => {
         children: "GitHub"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       DropdownMenuItemLink_default,
       {
         icon: XBrandIcon,
@@ -23318,7 +23429,7 @@ var Socials = () => {
         children: t3("labels.followUs")
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       DropdownMenuItemLink_default,
       {
         icon: DiscordIcon,
@@ -23335,7 +23446,7 @@ var LiveCollaborationTrigger = ({
   isCollaborating
 }) => {
   const { t: t3 } = useI18n();
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     DropdownMenuItem_default,
     {
       "data-testid": "collab-button",
@@ -23353,7 +23464,7 @@ LiveCollaborationTrigger.displayName = "LiveCollaborationTrigger";
 // components/hoc/withInternalFallback.tsx
 init_define_import_meta_env();
 var import_react86 = __toESM(require_react(), 1);
-var import_jsx_runtime98 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime99 = __toESM(require_jsx_runtime(), 1);
 var withInternalFallback = (componentName, Component) => {
   const renderAtom = atom2(0);
   const WrapperComponent = (props) => {
@@ -23396,14 +23507,14 @@ var withInternalFallback = (componentName, Component) => {
     ) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Component, { ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Component, { ...props });
   };
   WrapperComponent.displayName = componentName;
   return WrapperComponent;
 };
 
 // components/main-menu/MainMenu.tsx
-var import_jsx_runtime99 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime100 = __toESM(require_jsx_runtime(), 1);
 var MainMenu = Object.assign(
   withInternalFallback(
     "MainMenu",
@@ -23416,8 +23527,8 @@ var MainMenu = Object.assign(
       const appState = useUIAppState();
       const setAppState = useExcalidrawSetAppState();
       const onClickOutside = device.editor.isMobile ? void 0 : () => setAppState({ openMenu: null });
-      return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(MainMenuTunnel.In, { children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(DropdownMenu_default, { open: appState.openMenu === "canvas", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(MainMenuTunnel.In, { children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(DropdownMenu_default, { open: appState.openMenu === "canvas", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
           DropdownMenu_default.Trigger,
           {
             onToggle: () => {
@@ -23430,7 +23541,7 @@ var MainMenu = Object.assign(
             children: HamburgerMenuIcon
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
           DropdownMenu_default.Content,
           {
             onClickOutside,
@@ -23439,9 +23550,9 @@ var MainMenu = Object.assign(
             }),
             children: [
               children,
-              device.editor.isMobile && appState.collaborators.size > 0 && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("fieldset", { className: "UserList-Wrapper", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("legend", { children: t("labels.collaborators") }),
-                /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+              device.editor.isMobile && appState.collaborators.size > 0 && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("fieldset", { className: "UserList-Wrapper", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("legend", { children: t("labels.collaborators") }),
+                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                   UserList,
                   {
                     mobile: true,
@@ -23473,17 +23584,17 @@ init_define_import_meta_env();
 
 // components/OverwriteConfirm/OverwriteConfirmActions.tsx
 init_define_import_meta_env();
-var import_jsx_runtime100 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime101 = __toESM(require_jsx_runtime(), 1);
 var Action = ({
   title,
   children,
   actionLabel,
   onClick
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "OverwriteConfirm__Actions__Action", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("h4", { children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "OverwriteConfirm__Actions__Action__content", children }),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "OverwriteConfirm__Actions__Action", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("h4", { children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "OverwriteConfirm__Actions__Action__content", children }),
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       FilledButton,
       {
         variant: "outlined",
@@ -23500,7 +23611,7 @@ var ExportToImage = () => {
   const { t: t3 } = useI18n();
   const actionManager = useExcalidrawActionManager();
   const setAppState = useExcalidrawSetAppState();
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
     Action,
     {
       title: t3("overwriteConfirm.action.exportToImage.title"),
@@ -23516,7 +23627,7 @@ var ExportToImage = () => {
 var SaveToDisk = () => {
   const { t: t3 } = useI18n();
   const actionManager = useExcalidrawActionManager();
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
     Action,
     {
       title: t3("overwriteConfirm.action.saveToDisk.title"),
@@ -23530,7 +23641,7 @@ var SaveToDisk = () => {
 };
 var Actions = Object.assign(
   ({ children }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "OverwriteConfirm__Actions", children });
+    return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "OverwriteConfirm__Actions", children });
   },
   {
     ExportToImage,
@@ -23539,7 +23650,7 @@ var Actions = Object.assign(
 );
 
 // components/OverwriteConfirm/OverwriteConfirm.tsx
-var import_jsx_runtime101 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime102 = __toESM(require_jsx_runtime(), 1);
 var OverwriteConfirmDialog = Object.assign(
   withInternalFallback(
     "OverwriteConfirmDialog",
@@ -23560,17 +23671,17 @@ var OverwriteConfirmDialog = Object.assign(
         overwriteConfirmState.onConfirm();
         setState((state) => ({ ...state, active: false }));
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(OverwriteConfirmDialogTunnel.In, { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Dialog, { onCloseRequest: handleClose, title: false, size: 916, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "OverwriteConfirm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("h3", { children: overwriteConfirmState.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(OverwriteConfirmDialogTunnel.In, { children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Dialog, { onCloseRequest: handleClose, title: false, size: 916, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "OverwriteConfirm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("h3", { children: overwriteConfirmState.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
           "div",
           {
             className: `OverwriteConfirm__Description OverwriteConfirm__Description--color-${overwriteConfirmState.color}`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "OverwriteConfirm__Description__icon", children: alertTriangleIcon }),
-              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { children: overwriteConfirmState.description }),
-              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "OverwriteConfirm__Description__spacer" }),
-              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "OverwriteConfirm__Description__icon", children: alertTriangleIcon }),
+              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { children: overwriteConfirmState.description }),
+              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "OverwriteConfirm__Description__spacer" }),
+              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
                 FilledButton,
                 {
                   color: overwriteConfirmState.color,
@@ -23582,7 +23693,7 @@ var OverwriteConfirmDialog = Object.assign(
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Actions, { children })
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Actions, { children })
       ] }) }) });
     }
   ),
@@ -23594,13 +23705,13 @@ var OverwriteConfirmDialog = Object.assign(
 
 // components/DefaultSidebar.tsx
 init_define_import_meta_env();
-var import_jsx_runtime102 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime103 = __toESM(require_jsx_runtime(), 1);
 var import_react87 = __toESM(require_react(), 1);
 var DefaultSidebarTrigger = withInternalFallback(
   "DefaultSidebarTrigger",
   (props) => {
     const { DefaultSidebarTriggerTunnel } = useTunnels();
-    return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(DefaultSidebarTriggerTunnel.In, { children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(DefaultSidebarTriggerTunnel.In, { children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       Sidebar.Trigger,
       {
         ...props,
@@ -23616,7 +23727,7 @@ var DefaultTabTriggers = ({
   ...rest
 }) => {
   const { DefaultSidebarTabTriggersTunnel } = useTunnels();
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(DefaultSidebarTabTriggersTunnel.In, { children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Sidebar.TabTriggers, { ...rest, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(DefaultSidebarTabTriggersTunnel.In, { children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Sidebar.TabTriggers, { ...rest, children }) });
 };
 DefaultTabTriggers.displayName = "DefaultTabTriggers";
 var DefaultSidebar = Object.assign(
@@ -23651,9 +23762,9 @@ var DefaultSidebar = Object.assign(
             )
           )
         },
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(Sidebar.Tabs, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(Sidebar.Header, { children: [
-            rest.__fallback && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(Sidebar.Tabs, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(Sidebar.Header, { children: [
+            rest.__fallback && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
               "div",
               {
                 style: {
@@ -23668,9 +23779,9 @@ var DefaultSidebar = Object.assign(
                 children: t("toolBar.library")
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(DefaultSidebarTabTriggersTunnel.Out, {})
+            /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(DefaultSidebarTabTriggersTunnel.Out, {})
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Sidebar.Tab, { tab: LIBRARY_SIDEBAR_TAB, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(LibraryMenu, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Sidebar.Tab, { tab: LIBRARY_SIDEBAR_TAB, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(LibraryMenu, {}) }),
           children
         ] })
       );
@@ -23684,10 +23795,10 @@ var DefaultSidebar = Object.assign(
 
 // components/LaserPointerButton.tsx
 init_define_import_meta_env();
-var import_jsx_runtime103 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime104 = __toESM(require_jsx_runtime(), 1);
 var DEFAULT_SIZE3 = "small";
 var LaserPointerButton = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
     "label",
     {
       className: clsx_m_default(
@@ -23699,7 +23810,7 @@ var LaserPointerButton = (props) => {
       ),
       title: `${props.title}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
           "input",
           {
             className: "ToolIcon_type_checkbox",
@@ -23711,7 +23822,7 @@ var LaserPointerButton = (props) => {
             "data-testid": "toolbar-LaserPointer"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "ToolIcon__icon", children: laserPointerToolIcon })
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "ToolIcon__icon", children: laserPointerToolIcon })
       ]
     }
   );
@@ -23723,20 +23834,20 @@ var import_react89 = __toESM(require_react(), 1);
 
 // components/Paragraph.tsx
 init_define_import_meta_env();
-var import_jsx_runtime104 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime105 = __toESM(require_jsx_runtime(), 1);
 var Paragraph = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "excalidraw__paragraph", style: props.style, children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "excalidraw__paragraph", style: props.style, children: props.children });
 };
 
 // components/TTDDialog/TTDDialogTabs.tsx
 init_define_import_meta_env();
 var import_react88 = __toESM(require_react(), 1);
-var import_jsx_runtime105 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime106 = __toESM(require_jsx_runtime(), 1);
 var TTDDialogTabs = (props) => {
   const setAppState = useExcalidrawSetAppState();
   const rootRef = (0, import_react88.useRef)(null);
   const minHeightRef = (0, import_react88.useRef)(0);
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
     $69cb30bb0017df05$export$be92b6f5f03c0fe9,
     {
       ref: rootRef,
@@ -23773,18 +23884,18 @@ var TTDDialogTabs_default = TTDDialogTabs;
 
 // components/TTDDialog/TTDDialogTab.tsx
 init_define_import_meta_env();
-var import_jsx_runtime106 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime107 = __toESM(require_jsx_runtime(), 1);
 var TTDDialogTab = ({
   tab,
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)($69cb30bb0017df05$export$7c6e2c02157bb7d2, { ...rest, value: tab, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)($69cb30bb0017df05$export$7c6e2c02157bb7d2, { ...rest, value: tab, children });
 };
 TTDDialogTab.displayName = "TTDDialogTab";
 
 // components/MagicSettings.tsx
-var import_jsx_runtime107 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime108 = __toESM(require_jsx_runtime(), 1);
 var MagicSettings = (props) => {
   const [keyInputValue, setKeyInputValue] = (0, import_react89.useState)(props.openAIKey || "");
   const [shouldPersist, setShouldPersist] = (0, import_react89.useState)(
@@ -23797,17 +23908,17 @@ var MagicSettings = (props) => {
   if (appState.openDialog?.name !== "settings") {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
     Dialog,
     {
       onCloseRequest: () => {
         props.onClose();
         props.onConfirm(keyInputValue.trim(), shouldPersist);
       },
-      title: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { style: { display: "flex" }, children: [
+      title: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { style: { display: "flex" }, children: [
         "Wireframe to Code (AI)",
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
           "div",
           {
             style: {
@@ -23827,21 +23938,21 @@ var MagicSettings = (props) => {
       ] }),
       className: "MagicSettings",
       autofocus: false,
-      children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(TTDDialogTabs_default, { dialog: "settings", tab: appState.openDialog.tab, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(TTDDialogTabs_default, { dialog: "settings", tab: appState.openDialog.tab, children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
         TTDDialogTab,
         {
           tab: "diagram-to-code",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(Paragraph, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(Paragraph, { children: [
               "For the diagram-to-code feature we use",
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(InlineIcon, { icon: OpenAIIcon }),
+              /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(InlineIcon, { icon: OpenAIIcon }),
               "OpenAI."
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(Paragraph, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(Paragraph, { children: [
               "While the OpenAI API is in beta, its use is strictly limited \u2014 as such we require you use your own API key. You can create an",
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
                 "a",
                 {
                   href: "https://platform.openai.com/login?launch",
@@ -23852,7 +23963,7 @@ var MagicSettings = (props) => {
               ),
               ", add a small credit (5 USD minimum), and",
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
                 "a",
                 {
                   href: "https://platform.openai.com/api-keys",
@@ -23863,8 +23974,8 @@ var MagicSettings = (props) => {
               ),
               "."
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Paragraph, { children: "Your OpenAI key does not leave the browser, and you can also set your own limit in your OpenAI account dashboard if needed." }),
-            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Paragraph, { children: "Your OpenAI key does not leave the browser, and you can also set your own limit in your OpenAI account dashboard if needed." }),
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
               TextField,
               {
                 isRedacted: true,
@@ -23879,20 +23990,20 @@ var MagicSettings = (props) => {
                 onKeyDown: (event) => event.key === KEYS.ENTER && onConfirm()
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Paragraph, { children: "By default, your API token is not persisted anywhere so you'll need to insert it again after reload. But, you can persist locally in your browser below." }),
-            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(CheckboxItem, { checked: shouldPersist, onChange: setShouldPersist, children: "Persist API key in browser storage" }),
-            /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(Paragraph, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Paragraph, { children: "By default, your API token is not persisted anywhere so you'll need to insert it again after reload. But, you can persist locally in your browser below." }),
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(CheckboxItem, { checked: shouldPersist, onChange: setShouldPersist, children: "Persist API key in browser storage" }),
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(Paragraph, { children: [
               "Once API key is set, you can use the ",
-              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(InlineIcon, { icon: MagicIcon }),
+              /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(InlineIcon, { icon: MagicIcon }),
               " ",
               "tool to wrap your elements in a frame that will then allow you to turn it into code. This dialog can be accessed using the",
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("b", { children: "AI Settings" }),
+              /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("b", { children: "AI Settings" }),
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(InlineIcon, { icon: OpenAIIcon }),
+              /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(InlineIcon, { icon: OpenAIIcon }),
               "."
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
               FilledButton,
               {
                 className: "MagicSettings__confirm",
@@ -24026,14 +24137,14 @@ var insertToEditor = ({
 
 // components/TTDDialog/TTDDialogPanels.tsx
 init_define_import_meta_env();
-var import_jsx_runtime108 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime109 = __toESM(require_jsx_runtime(), 1);
 var TTDDialogPanels = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "ttd-dialog-panels", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "ttd-dialog-panels", children });
 };
 
 // components/TTDDialog/TTDDialogPanel.tsx
 init_define_import_meta_env();
-var import_jsx_runtime109 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime110 = __toESM(require_jsx_runtime(), 1);
 var TTDDialogPanel = ({
   label,
   children,
@@ -24044,13 +24155,13 @@ var TTDDialogPanel = ({
   renderSubmitShortcut,
   renderBottomRight
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "ttd-dialog-panel", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "ttd-dialog-panel__header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("label", { children: label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "ttd-dialog-panel", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "ttd-dialog-panel__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("label", { children: label }),
       renderTopRight?.()
     ] }),
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
       "div",
       {
         className: clsx_m_default("ttd-dialog-panel-button-container", {
@@ -24058,7 +24169,7 @@ var TTDDialogPanel = ({
         }),
         style: { display: "flex", alignItems: "center" },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
             Button,
             {
               className: "ttd-dialog-panel-button",
@@ -24066,11 +24177,11 @@ var TTDDialogPanel = ({
               },
               disabled: panelActionDisabled || onTextSubmitInProgess,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: clsx_m_default({ invisible: onTextSubmitInProgess }), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: clsx_m_default({ invisible: onTextSubmitInProgess }), children: [
                   panelAction?.label,
-                  panelAction?.icon && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { children: panelAction.icon })
+                  panelAction?.icon && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: panelAction.icon })
                 ] }),
-                onTextSubmitInProgess && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Spinner_default, {})
+                onTextSubmitInProgess && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Spinner_default, {})
               ]
             }
           ),
@@ -24085,7 +24196,7 @@ var TTDDialogPanel = ({
 // components/TTDDialog/TTDDialogInput.tsx
 init_define_import_meta_env();
 var import_react90 = __toESM(require_react(), 1);
-var import_jsx_runtime110 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime111 = __toESM(require_jsx_runtime(), 1);
 var TTDDialogInput = ({
   input,
   placeholder,
@@ -24113,7 +24224,7 @@ var TTDDialogInput = ({
       };
     }
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
     "textarea",
     {
       className: "ttd-dialog-input",
@@ -24128,16 +24239,16 @@ var TTDDialogInput = ({
 
 // components/TTDDialog/TTDDialogOutput.tsx
 init_define_import_meta_env();
-var import_jsx_runtime111 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime112 = __toESM(require_jsx_runtime(), 1);
 var ErrorComp = ({ error }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
     "div",
     {
       "data-testid": "ttd-dialog-output-error",
       className: "ttd-dialog-output-error",
       children: [
         "Error! ",
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { children: error })
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { children: error })
       ]
     }
   );
@@ -24147,31 +24258,31 @@ var TTDDialogOutput = ({
   canvasRef,
   loaded
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "ttd-dialog-output-wrapper", children: [
-    error && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(ErrorComp, { error: error.message }),
-    loaded ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "ttd-dialog-output-wrapper", children: [
+    error && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(ErrorComp, { error: error.message }),
+    loaded ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
       "div",
       {
         ref: canvasRef,
         style: { opacity: error ? "0.15" : 1 },
         className: "ttd-dialog-output-canvas-container"
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Spinner_default, { size: "2rem" })
+    ) : /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Spinner_default, { size: "2rem" })
   ] });
 };
 
 // components/TTDDialog/TTDDialogSubmitShortcut.tsx
 init_define_import_meta_env();
-var import_jsx_runtime112 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime113 = __toESM(require_jsx_runtime(), 1);
 var TTDDialogSubmitShortcut = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "ttd-dialog-submit-shortcut", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "ttd-dialog-submit-shortcut__key", children: getShortcutKey("CtrlOrCmd") }),
-    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "ttd-dialog-submit-shortcut__key", children: getShortcutKey("Enter") })
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "ttd-dialog-submit-shortcut", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "ttd-dialog-submit-shortcut__key", children: getShortcutKey("CtrlOrCmd") }),
+    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "ttd-dialog-submit-shortcut__key", children: getShortcutKey("Enter") })
   ] });
 };
 
 // components/TTDDialog/MermaidToExcalidraw.tsx
-var import_jsx_runtime113 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime114 = __toESM(require_jsx_runtime(), 1);
 var MERMAID_EXAMPLE = "flowchart TD\n A[Christmas] -->|Get money| B(Go shopping)\n B --> C{Let me think}\n C -->|One| D[Laptop]\n C -->|Two| E[iPhone]\n C -->|Three| F[Car]";
 var debouncedSaveMermaidDefinition = debounce(saveMermaidDataToStorage, 300);
 var MermaidToExcalidraw = ({
@@ -24192,7 +24303,10 @@ var MermaidToExcalidraw = ({
       mermaidToExcalidrawLib,
       setError,
       mermaidDefinition: deferredText
-    }).catch(() => {
+    }).catch((err) => {
+      if (isDevEnv()) {
+        console.error("Failed to parse mermaid definition", err);
+      }
     });
     debouncedSaveMermaidDefinition(deferredText);
   }, [deferredText, mermaidToExcalidrawLib]);
@@ -24210,18 +24324,18 @@ var MermaidToExcalidraw = ({
       shouldSaveMermaidDataToStorage: true
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_jsx_runtime113.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "ttd-dialog-desc", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_jsx_runtime114.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "ttd-dialog-desc", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
       Trans_default,
       {
         i18nKey: "mermaid.description",
-        flowchartLink: (el) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("a", { href: "https://mermaid.js.org/syntax/flowchart.html", children: el }),
-        sequenceLink: (el) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("a", { href: "https://mermaid.js.org/syntax/sequenceDiagram.html", children: el }),
-        classLink: (el) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("a", { href: "https://mermaid.js.org/syntax/classDiagram.html", children: el })
+        flowchartLink: (el) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("a", { href: "https://mermaid.js.org/syntax/flowchart.html", children: el }),
+        sequenceLink: (el) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("a", { href: "https://mermaid.js.org/syntax/sequenceDiagram.html", children: el }),
+        classLink: (el) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("a", { href: "https://mermaid.js.org/syntax/classDiagram.html", children: el })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(TTDDialogPanels, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(TTDDialogPanel, { label: t("mermaid.syntax"), children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(TTDDialogPanels, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(TTDDialogPanel, { label: t("mermaid.syntax"), children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
         TTDDialogInput,
         {
           input: text,
@@ -24232,7 +24346,7 @@ var MermaidToExcalidraw = ({
           }
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
         TTDDialogPanel,
         {
           label: t("mermaid.preview"),
@@ -24243,8 +24357,8 @@ var MermaidToExcalidraw = ({
             label: t("mermaid.button"),
             icon: ArrowRightIcon
           },
-          renderSubmitShortcut: () => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(TTDDialogSubmitShortcut, {}),
-          children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+          renderSubmitShortcut: () => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(TTDDialogSubmitShortcut, {}),
+          children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
             TTDDialogOutput,
             {
               canvasRef,
@@ -24264,30 +24378,30 @@ var import_react92 = __toESM(require_react(), 1);
 
 // components/TTDDialog/TTDDialogTabTriggers.tsx
 init_define_import_meta_env();
-var import_jsx_runtime114 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime115 = __toESM(require_jsx_runtime(), 1);
 var TTDDialogTabTriggers = ({
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)($69cb30bb0017df05$export$54c2e3dc7acea9f5, { className: "ttd-dialog-triggers", ...rest, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)($69cb30bb0017df05$export$54c2e3dc7acea9f5, { className: "ttd-dialog-triggers", ...rest, children });
 };
 TTDDialogTabTriggers.displayName = "TTDDialogTabTriggers";
 
 // components/TTDDialog/TTDDialogTabTrigger.tsx
 init_define_import_meta_env();
-var import_jsx_runtime115 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime116 = __toESM(require_jsx_runtime(), 1);
 var TTDDialogTabTrigger = ({
   children,
   tab,
   onSelect,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)($69cb30bb0017df05$export$41fb9f06171c75f4, { value: tab, asChild: true, onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("button", { type: "button", className: "ttd-dialog-tab-trigger", ...rest, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)($69cb30bb0017df05$export$41fb9f06171c75f4, { value: tab, asChild: true, onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("button", { type: "button", className: "ttd-dialog-tab-trigger", ...rest, children }) });
 };
 TTDDialogTabTrigger.displayName = "TTDDialogTabTrigger";
 
 // components/TTDDialog/TTDDialog.tsx
-var import_jsx_runtime116 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime117 = __toESM(require_jsx_runtime(), 1);
 var MIN_PROMPT_LENGTH = 3;
 var MAX_PROMPT_LENGTH = 1e3;
 var rateLimitsAtom = atom2(null);
@@ -24297,7 +24411,7 @@ var TTDDialog = (props) => {
   if (appState.openDialog?.name !== "ttd") {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(TTDDialogBase, { ...props, tab: appState.openDialog.tab });
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(TTDDialogBase, { ...props, tab: appState.openDialog.tab });
 };
 var TTDDialogBase = withInternalFallback(
   "TTDDialogBase",
@@ -24411,7 +24525,7 @@ TTD mermaid definition render errror: ${error3.message}`,
     }, [mermaidToExcalidrawLib.api]);
     const data = (0, import_react92.useRef)({ elements: [], files: null });
     const [error, setError] = (0, import_react92.useState)(null);
-    return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
       Dialog,
       {
         className: "ttd-dialog",
@@ -24422,11 +24536,11 @@ TTD mermaid definition render errror: ${error3.message}`,
         title: false,
         ...rest,
         autofocus: false,
-        children: /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(TTDDialogTabs_default, { dialog: "ttd", tab, children: [
-          "__fallback" in rest && rest.__fallback ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("p", { className: "dialog-mermaid-title", children: t("mermaid.title") }) : /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(TTDDialogTabTriggers, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(TTDDialogTabTrigger, { tab: "text-to-diagram", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { style: { display: "flex", alignItems: "center" }, children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(TTDDialogTabs_default, { dialog: "ttd", tab, children: [
+          "__fallback" in rest && rest.__fallback ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("p", { className: "dialog-mermaid-title", children: t("mermaid.title") }) : /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(TTDDialogTabTriggers, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(TTDDialogTabTrigger, { tab: "text-to-diagram", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { style: { display: "flex", alignItems: "center" }, children: [
               t("labels.textToDiagram"),
-              /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
                 "div",
                 {
                   style: {
@@ -24444,18 +24558,18 @@ TTD mermaid definition render errror: ${error3.message}`,
                 }
               )
             ] }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(TTDDialogTabTrigger, { tab: "mermaid", children: "Mermaid" })
+            /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(TTDDialogTabTrigger, { tab: "mermaid", children: "Mermaid" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(TTDDialogTab, { className: "ttd-dialog-content", tab: "mermaid", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(TTDDialogTab, { className: "ttd-dialog-content", tab: "mermaid", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
             MermaidToExcalidraw_default,
             {
               mermaidToExcalidrawLib
             }
           ) }),
-          !("__fallback" in rest) && /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(TTDDialogTab, { className: "ttd-dialog-content", tab: "text-to-diagram", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("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__ */ (0, import_jsx_runtime116.jsxs)(TTDDialogPanels, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+          !("__fallback" in rest) && /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(TTDDialogTab, { className: "ttd-dialog-content", tab: "text-to-diagram", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("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__ */ (0, import_jsx_runtime117.jsxs)(TTDDialogPanels, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
                 TTDDialogPanel,
                 {
                   label: t("labels.prompt"),
@@ -24470,7 +24584,7 @@ TTD mermaid definition render errror: ${error3.message}`,
                     if (!rateLimits) {
                       return null;
                     }
-                    return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
                       "div",
                       {
                         className: "ttd-dialog-rate-limit",
@@ -24486,10 +24600,10 @@ TTD mermaid definition render errror: ${error3.message}`,
                       }
                     );
                   },
-                  renderSubmitShortcut: () => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(TTDDialogSubmitShortcut, {}),
+                  renderSubmitShortcut: () => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(TTDDialogSubmitShortcut, {}),
                   renderBottomRight: () => {
                     if (typeof ttdGeneration?.generatedResponse === "string") {
-                      return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
                         "div",
                         {
                           className: "excalidraw-link",
@@ -24506,14 +24620,14 @@ TTD mermaid definition render errror: ${error3.message}`,
                           },
                           children: [
                             "View as Mermaid",
-                            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(InlineIcon, { icon: ArrowRightIcon })
+                            /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(InlineIcon, { icon: ArrowRightIcon })
                           ]
                         }
                       );
                     }
                     const ratio = prompt.length / MAX_PROMPT_LENGTH;
                     if (ratio > 0.8) {
-                      return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
                         "div",
                         {
                           style: {
@@ -24533,7 +24647,7 @@ TTD mermaid definition render errror: ${error3.message}`,
                     }
                     return null;
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
                     TTDDialogInput,
                     {
                       onChange: handleTextChange,
@@ -24546,7 +24660,7 @@ TTD mermaid definition render errror: ${error3.message}`,
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
                 TTDDialogPanel,
                 {
                   label: "Preview",
@@ -24558,7 +24672,7 @@ TTD mermaid definition render errror: ${error3.message}`,
                     label: "Insert",
                     icon: ArrowRightIcon
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
                     TTDDialogOutput,
                     {
                       canvasRef: someRandomDivRef,
@@ -24577,26 +24691,26 @@ TTD mermaid definition render errror: ${error3.message}`,
 );
 
 // components/LayerUI.tsx
-var import_jsx_runtime117 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime118 = __toESM(require_jsx_runtime(), 1);
 var DefaultMainMenu = ({ UIOptions }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(MainMenu_default, { __fallback: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(MainMenu_default.DefaultItems.LoadScene, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(MainMenu_default.DefaultItems.SaveToActiveFile, {}),
-    UIOptions.canvasActions.export && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(MainMenu_default.DefaultItems.Export, {}),
-    UIOptions.canvasActions.saveAsImage && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(MainMenu_default.DefaultItems.SaveAsImage, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(MainMenu_default.DefaultItems.Help, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(MainMenu_default.DefaultItems.ClearCanvas, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(MainMenu_default.Separator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(MainMenu_default.Group, { title: "Excalidraw links", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(MainMenu_default.DefaultItems.Socials, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(MainMenu_default.Separator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(MainMenu_default.DefaultItems.ToggleTheme, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(MainMenu_default.DefaultItems.ChangeCanvasBackground, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(MainMenu_default, { __fallback: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(MainMenu_default.DefaultItems.LoadScene, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(MainMenu_default.DefaultItems.SaveToActiveFile, {}),
+    UIOptions.canvasActions.export && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(MainMenu_default.DefaultItems.Export, {}),
+    UIOptions.canvasActions.saveAsImage && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(MainMenu_default.DefaultItems.SaveAsImage, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(MainMenu_default.DefaultItems.Help, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(MainMenu_default.DefaultItems.ClearCanvas, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(MainMenu_default.Separator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(MainMenu_default.Group, { title: "Excalidraw links", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(MainMenu_default.DefaultItems.Socials, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(MainMenu_default.Separator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(MainMenu_default.DefaultItems.ToggleTheme, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(MainMenu_default.DefaultItems.ChangeCanvasBackground, {})
   ] });
 };
 var DefaultOverwriteConfirmDialog = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(OverwriteConfirmDialog, { __fallback: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(OverwriteConfirmDialog.Actions.SaveToDisk, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(OverwriteConfirmDialog.Actions.ExportToImage, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(OverwriteConfirmDialog, { __fallback: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(OverwriteConfirmDialog.Actions.SaveToDisk, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(OverwriteConfirmDialog.Actions.ExportToImage, {})
   ] });
 };
 var LayerUI = ({
@@ -24633,7 +24747,7 @@ var LayerUI = ({
     if (!UIOptions.canvasActions.export) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
       JSONExportDialog,
       {
         elements,
@@ -24650,7 +24764,7 @@ var LayerUI = ({
     if (!UIOptions.canvasActions.saveAsImage || appState.openDialog?.name !== "imageExport") {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
       ImageExportDialog,
       {
         elements,
@@ -24663,18 +24777,18 @@ var LayerUI = ({
       }
     );
   };
-  const renderCanvasActions = () => /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { style: { position: "relative" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(tunnels.MainMenuTunnel.Out, {}),
-    renderWelcomeScreen && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(tunnels.WelcomeScreenMenuHintTunnel.Out, {})
+  const renderCanvasActions = () => /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { style: { position: "relative" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(tunnels.MainMenuTunnel.Out, {}),
+    renderWelcomeScreen && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(tunnels.WelcomeScreenMenuHintTunnel.Out, {})
   ] });
-  const renderSelectedShapeActions = () => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+  const renderSelectedShapeActions = () => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
     Section,
     {
       heading: "selectedShapeActions",
       className: clsx_m_default("selected-shape-actions zen-mode-transition", {
         "transition-left": appState.zenModeEnabled
       }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
         Island,
         {
           className: CLASSES.SHAPE_ACTIONS_MENU,
@@ -24684,7 +24798,7 @@ var LayerUI = ({
             // approximate height of hamburgerMenu + footer
             maxHeight: `${appState.height - 166}px`
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
             SelectedShapeActions,
             {
               appState,
@@ -24701,14 +24815,14 @@ var LayerUI = ({
       appState,
       elements
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(FixedSideContainer, { side: "top", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "App-menu App-menu_top", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(Stack_default.Col, { gap: 6, className: clsx_m_default("App-menu_top__left"), children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(FixedSideContainer, { side: "top", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "App-menu App-menu_top", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(Stack_default.Col, { gap: 6, className: clsx_m_default("App-menu_top__left"), children: [
         renderCanvasActions(),
         shouldRenderSelectedShapeActions && renderSelectedShapeActions()
       ] }),
-      !appState.viewModeEnabled && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Section, { heading: "shapes", className: "shapes-section", children: (heading) => /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { style: { position: "relative" }, children: [
-        renderWelcomeScreen && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(tunnels.WelcomeScreenToolbarHintTunnel.Out, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Stack_default.Col, { gap: 4, align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+      !appState.viewModeEnabled && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Section, { heading: "shapes", className: "shapes-section", children: (heading) => /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { style: { position: "relative" }, children: [
+        renderWelcomeScreen && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(tunnels.WelcomeScreenToolbarHintTunnel.Out, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Stack_default.Col, { gap: 4, align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
           Stack_default.Row,
           {
             gap: 1,
@@ -24716,7 +24830,7 @@ var LayerUI = ({
               "zen-mode": appState.zenModeEnabled
             }),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
                 Island,
                 {
                   padding: 1,
@@ -24724,7 +24838,7 @@ var LayerUI = ({
                     "zen-mode": appState.zenModeEnabled
                   }),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                       HintViewer,
                       {
                         appState,
@@ -24734,8 +24848,8 @@ var LayerUI = ({
                       }
                     ),
                     heading,
-                    /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(Stack_default.Row, { gap: 1, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(Stack_default.Row, { gap: 1, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                         PenModeButton,
                         {
                           zenModeEnabled: appState.zenModeEnabled,
@@ -24745,7 +24859,7 @@ var LayerUI = ({
                           penDetected: appState.penDetected
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                         LockButton,
                         {
                           checked: appState.activeTool.locked,
@@ -24753,8 +24867,8 @@ var LayerUI = ({
                           title: t("toolBar.lock")
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "App-toolbar__divider" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "App-toolbar__divider" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                         HandButton,
                         {
                           checked: isHandToolActive(appState),
@@ -24763,7 +24877,7 @@ var LayerUI = ({
                           isMobile: true
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                         ShapesSwitcher,
                         {
                           appState,
@@ -24776,7 +24890,7 @@ var LayerUI = ({
                   ]
                 }
               ),
-              isCollaborating && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+              isCollaborating && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                 Island,
                 {
                   style: {
@@ -24784,7 +24898,7 @@ var LayerUI = ({
                     alignSelf: "center",
                     height: "fit-content"
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                     LaserPointerButton,
                     {
                       title: t("toolBar.laser"),
@@ -24799,7 +24913,7 @@ var LayerUI = ({
           }
         ) })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
         "div",
         {
           className: clsx_m_default(
@@ -24809,7 +24923,7 @@ var LayerUI = ({
             }
           ),
           children: [
-            appState.collaborators.size > 0 && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+            appState.collaborators.size > 0 && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
               UserList,
               {
                 collaborators: appState.collaborators,
@@ -24818,14 +24932,14 @@ var LayerUI = ({
             ),
             renderTopRightUI?.(device.editor.isMobile, appState),
             !appState.viewModeEnabled && // hide button when sidebar docked
-            (!isSidebarDocked || appState.openSidebar?.name !== DEFAULT_SIDEBAR.name) && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(tunnels.DefaultSidebarTriggerTunnel.Out, {})
+            (!isSidebarDocked || appState.openSidebar?.name !== DEFAULT_SIDEBAR.name) && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(tunnels.DefaultSidebarTriggerTunnel.Out, {})
           ]
         }
       )
     ] }) });
   };
   const renderSidebars = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
       DefaultSidebar,
       {
         __fallback: true,
@@ -24840,10 +24954,10 @@ var LayerUI = ({
     );
   };
   const isSidebarDocked = useAtomValue(isSidebarDockedAtom, jotaiScope);
-  const layerUIJSX = /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(import_jsx_runtime117.Fragment, { children: [
+  const layerUIJSX = /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(import_jsx_runtime118.Fragment, { children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(DefaultMainMenu, { UIOptions }),
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(DefaultMainMenu, { UIOptions }),
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
       DefaultSidebar.Trigger,
       {
         __fallback: true,
@@ -24862,11 +24976,11 @@ var LayerUI = ({
         children: t("toolBar.library")
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(DefaultOverwriteConfirmDialog, {}),
-    appState.openDialog?.name === "ttd" && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(TTDDialog, { __fallback: true }),
-    appState.isLoading && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(LoadingMessage, { delay: 250 }),
-    appState.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(ErrorDialog, { onClose: () => setAppState({ errorMessage: null }), children: appState.errorMessage }),
-    eyeDropperState && !device.editor.isMobile && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(DefaultOverwriteConfirmDialog, {}),
+    appState.openDialog?.name === "ttd" && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(TTDDialog, { __fallback: true }),
+    appState.isLoading && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(LoadingMessage, { delay: 250 }),
+    appState.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(ErrorDialog, { onClose: () => setAppState({ errorMessage: null }), children: appState.errorMessage }),
+    eyeDropperState && !device.editor.isMobile && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
       EyeDropper,
       {
         colorPickerType: eyeDropperState.colorPickerType,
@@ -24905,7 +25019,7 @@ var LayerUI = ({
         }
       }
     ),
-    appState.openDialog?.name === "help" && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+    appState.openDialog?.name === "help" && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
       HelpDialog,
       {
         onClose: () => {
@@ -24913,7 +25027,7 @@ var LayerUI = ({
         }
       }
     ),
-    appState.openDialog?.name === "settings" && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+    appState.openDialog?.name === "settings" && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
       MagicSettings,
       {
         openAIKey,
@@ -24930,11 +25044,11 @@ var LayerUI = ({
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(ActiveConfirmDialog, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(tunnels.OverwriteConfirmDialogTunnel.Out, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(ActiveConfirmDialog, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(tunnels.OverwriteConfirmDialogTunnel.Out, {}),
     renderImageExportDialog(),
     renderJSONExportDialog(),
-    appState.pasteDialog.shown && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+    appState.pasteDialog.shown && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
       PasteChartDialog,
       {
         setAppState,
@@ -24944,7 +25058,7 @@ var LayerUI = ({
         })
       }
     ),
-    device.editor.isMobile && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+    device.editor.isMobile && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
       MobileMenu,
       {
         app,
@@ -24965,16 +25079,16 @@ var LayerUI = ({
         UIOptions
       }
     ),
-    !device.editor.isMobile && /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(import_jsx_runtime117.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+    !device.editor.isMobile && /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(import_jsx_runtime118.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
         "div",
         {
           className: "layer-ui__wrapper",
           style: appState.openSidebar && isSidebarDocked && device.editor.canFitSidebar ? { width: `calc(100% - ${LIBRARY_SIDEBAR_WIDTH}px)` } : {},
           children: [
-            renderWelcomeScreen && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(tunnels.WelcomeScreenCenterTunnel.Out, {}),
+            renderWelcomeScreen && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(tunnels.WelcomeScreenCenterTunnel.Out, {}),
             renderFixedSideContainer(),
-            /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
               Footer_default,
               {
                 appState,
@@ -24983,7 +25097,7 @@ var LayerUI = ({
                 renderWelcomeScreen
               }
             ),
-            appState.showStats && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+            appState.showStats && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
               Stats,
               {
                 appState,
@@ -24995,7 +25109,7 @@ var LayerUI = ({
                 renderCustomStats
               }
             ),
-            appState.scrolledOutside && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+            appState.scrolledOutside && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
               "button",
               {
                 className: "scroll-back-to-content",
@@ -25013,7 +25127,7 @@ var LayerUI = ({
       renderSidebars()
     ] })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(UIAppStateContext.Provider, { value: appState, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Provider, { scope: tunnels.jotaiScope, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(TunnelsContext.Provider, { value: tunnels, children: layerUIJSX }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(UIAppStateContext.Provider, { value: appState, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Provider, { scope: tunnels.jotaiScope, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(TunnelsContext.Provider, { value: tunnels, children: layerUIJSX }) }) });
 };
 var stripIrrelevantAppStateProps = (appState) => {
   const {
@@ -25048,7 +25162,7 @@ var LayerUI_default = import_react93.default.memo(LayerUI, areEqual);
 // components/Toast.tsx
 init_define_import_meta_env();
 var import_react94 = __toESM(require_react(), 1);
-var import_jsx_runtime118 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime119 = __toESM(require_jsx_runtime(), 1);
 var DEFAULT_TOAST_TIMEOUT = 5e3;
 var Toast = ({
   message,
@@ -25075,7 +25189,7 @@ var Toast = ({
   }, [scheduleTimeout, message, duration, shouldAutoClose]);
   const onMouseEnter = shouldAutoClose ? () => clearTimeout(timerRef?.current) : void 0;
   const onMouseLeave = shouldAutoClose ? scheduleTimeout : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
     "div",
     {
       className: "Toast",
@@ -25083,8 +25197,8 @@ var Toast = ({
       onMouseLeave,
       style,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { className: "Toast__message", children: message }),
-        closable && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { className: "Toast__message", children: message }),
+        closable && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
           ToolButton,
           {
             icon: CloseIcon,
@@ -26267,36 +26381,36 @@ var isActiveToolNonLinearSnappable = (activeToolType) => {
 
 // components/BraveMeasureTextError.tsx
 init_define_import_meta_env();
-var import_jsx_runtime119 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime120 = __toESM(require_jsx_runtime(), 1);
 var BraveMeasureTextError = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { "data-testid": "brave-measure-text-error", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { "data-testid": "brave-measure-text-error", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
       Trans_default,
       {
         i18nKey: "errors.brave_measure_text_error.line1",
-        bold: (el) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { style: { fontWeight: 600 }, children: el })
+        bold: (el) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { style: { fontWeight: 600 }, children: el })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
       Trans_default,
       {
         i18nKey: "errors.brave_measure_text_error.line2",
-        bold: (el) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { style: { fontWeight: 600 }, children: el })
+        bold: (el) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { style: { fontWeight: 600 }, children: el })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
       Trans_default,
       {
         i18nKey: "errors.brave_measure_text_error.line3",
-        link: (el) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("a", { href: "http://docs.excalidraw.com/docs/@excalidraw/excalidraw/faq#turning-off-aggresive-block-fingerprinting-in-brave-browser", children: el })
+        link: (el) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("a", { href: "http://docs.excalidraw.com/docs/@excalidraw/excalidraw/faq#turning-off-aggresive-block-fingerprinting-in-brave-browser", children: el })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
       Trans_default,
       {
         i18nKey: "errors.brave_measure_text_error.line4",
-        issueLink: (el) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("a", { href: "https://github.com/excalidraw/excalidraw/issues/new", children: el }),
-        discordLink: (el) => /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("a", { href: "https://discord.gg/UexuTaE", children: [
+        issueLink: (el) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("a", { href: "https://github.com/excalidraw/excalidraw/issues/new", children: el }),
+        discordLink: (el) => /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("a", { href: "https://discord.gg/UexuTaE", children: [
           el,
           "."
         ] })
@@ -26480,6 +26594,13 @@ var bindLinearElementToElement = (linearElement, start2, end, elementStore, elem
       );
     }
   }
+  if (linearElement.points.length < 2) {
+    return {
+      linearElement,
+      startBoundElement,
+      endBoundElement
+    };
+  }
   const endPointIndex = linearElement.points.length - 1;
   const delta = 0.5;
   const newPoints = cloneJSON(linearElement.points);
@@ -26515,10 +26636,12 @@ var ElementStore = class {
     this.excalidrawElements.set(ele.id, ele);
   };
   getElements = () => {
-    return Array.from(this.excalidrawElements.values());
+    return syncInvalidIndices(Array.from(this.excalidrawElements.values()));
   };
   getElementsMap = () => {
-    return toBrandedType(this.excalidrawElements);
+    return toBrandedType(
+      arrayToMap(this.getElements())
+    );
   };
   getElement = (id) => {
     return this.excalidrawElements.get(id);
@@ -26829,7 +26952,7 @@ var renderSnaps = (context, appState) => {
   if (!appState.snapLines.length) {
     return;
   }
-  const snapColor = appState.theme === "light" || appState.zenModeEnabled ? SNAP_COLOR_LIGHT : SNAP_COLOR_DARK;
+  const snapColor = appState.theme === THEME.LIGHT || appState.zenModeEnabled ? SNAP_COLOR_LIGHT : SNAP_COLOR_DARK;
   const snapWidth = (appState.zenModeEnabled ? SNAP_WIDTH * 1.5 : SNAP_WIDTH) / appState.zoom.value;
   context.save();
   context.translate(appState.scrollX, appState.scrollY);
@@ -27565,7 +27688,7 @@ var renderInteractiveScene = (renderConfig, throttle3) => {
 };
 
 // components/canvases/InteractiveCanvas.tsx
-var import_jsx_runtime120 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime121 = __toESM(require_jsx_runtime(), 1);
 var InteractiveCanvas = (props) => {
   const isComponentMounted = (0, import_react96.useRef)(false);
   (0, import_react96.useEffect)(() => {
@@ -27633,7 +27756,7 @@ var InteractiveCanvas = (props) => {
       isRenderThrottlingEnabled()
     );
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
     "canvas",
     {
       className: "excalidraw__canvas interactive",
@@ -27704,7 +27827,7 @@ var InteractiveCanvas_default = import_react96.default.memo(InteractiveCanvas, a
 // components/canvases/StaticCanvas.tsx
 init_define_import_meta_env();
 var import_react97 = __toESM(require_react(), 1);
-var import_jsx_runtime121 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime122 = __toESM(require_jsx_runtime(), 1);
 var StaticCanvas = (props) => {
   const wrapperRef = (0, import_react97.useRef)(null);
   const isComponentMounted = (0, import_react97.useRef)(false);
@@ -27749,7 +27872,7 @@ var StaticCanvas = (props) => {
       isRenderThrottlingEnabled()
     );
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "excalidraw__canvas-wrapper", ref: wrapperRef });
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "excalidraw__canvas-wrapper", ref: wrapperRef });
 };
 var getRelevantAppStateProps2 = (appState) => ({
   zoom: appState.zoom,
@@ -27894,7 +28017,7 @@ var Renderer = class {
 // components/SVGLayer.tsx
 init_define_import_meta_env();
 var import_react98 = __toESM(require_react(), 1);
-var import_jsx_runtime122 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime123 = __toESM(require_jsx_runtime(), 1);
 var SVGLayer = ({ trails }) => {
   const svgRef = (0, import_react98.useRef)(null);
   (0, import_react98.useEffect)(() => {
@@ -27909,12 +28032,12 @@ var SVGLayer = ({ trails }) => {
       }
     };
   }, trails);
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "SVGLayer", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("svg", { ref: svgRef }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "SVGLayer", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("svg", { ref: svgRef }) });
 };
 
 // element/ElementCanvasButtons.tsx
 init_define_import_meta_env();
-var import_jsx_runtime123 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime124 = __toESM(require_jsx_runtime(), 1);
 var CONTAINER_PADDING2 = 5;
 var getContainerCoords = (element, appState, elementsMap) => {
   const [x1, y1] = getElementAbsoluteCoords(element, elementsMap);
@@ -27936,7 +28059,7 @@ var ElementCanvasButtons = ({
     return null;
   }
   const { x: x3, y: y3 } = getContainerCoords(element, appState, elementsMap);
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
     "div",
     {
       className: "excalidraw-canvas-buttons",
@@ -27978,7 +28101,7 @@ async function diagramToHTML({
   image,
   apiKey,
   text,
-  theme = "light"
+  theme = THEME.LIGHT
 }) {
   const body = {
     model: "gpt-4-vision-preview",
@@ -28033,10 +28156,10 @@ async function diagramToHTML({
 
 // components/MagicButton.tsx
 init_define_import_meta_env();
-var import_jsx_runtime124 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime125 = __toESM(require_jsx_runtime(), 1);
 var DEFAULT_SIZE4 = "small";
 var ElementCanvasButton = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
     "label",
     {
       className: clsx_m_default(
@@ -28048,7 +28171,7 @@ var ElementCanvasButton = (props) => {
       ),
       title: `${props.title}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
           "input",
           {
             className: "ToolIcon_type_checkbox",
@@ -28059,7 +28182,7 @@ var ElementCanvasButton = (props) => {
             "aria-label": props.title
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "ToolIcon__icon", children: props.icon })
+        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "ToolIcon__icon", children: props.icon })
       ]
     }
   );
@@ -28067,18 +28190,18 @@ var ElementCanvasButton = (props) => {
 
 // components/FollowMode/FollowMode.tsx
 init_define_import_meta_env();
-var import_jsx_runtime125 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime126 = __toESM(require_jsx_runtime(), 1);
 var FollowMode = ({
   height,
   width,
   userToFollow,
   onDisconnect
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "follow-mode", style: { width, height }, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "follow-mode__badge", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "follow-mode__badge__label", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "follow-mode", style: { width, height }, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "follow-mode__badge", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "follow-mode__badge__label", children: [
       "Following",
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
         "span",
         {
           className: "follow-mode__badge__username",
@@ -28087,7 +28210,7 @@ var FollowMode = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("button", { onClick: onDisconnect, className: "follow-mode__disconnect-btn", children: CloseIcon })
+    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("button", { onClick: onDisconnect, className: "follow-mode__disconnect-btn", children: CloseIcon })
   ] }) });
 };
 var FollowMode_default = FollowMode;
@@ -29162,7 +29285,7 @@ var textWysiwyg = ({
 };
 
 // components/App.tsx
-var import_jsx_runtime126 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime127 = __toESM(require_jsx_runtime(), 1);
 var AppContext = import_react99.default.createContext(null);
 var AppPropsContext = import_react99.default.createContext(null);
 var deviceContextInitialValue = {
@@ -29536,7 +29659,7 @@ var App = class _App extends import_react99.default.Component {
     const embeddableElements = this.scene.getNonDeletedElements().filter(
       (el) => isEmbeddableElement(el) && this.embedsValidationStatus.get(el.id) === true || isIframeElement(el)
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_jsx_runtime126.Fragment, { children: embeddableElements.map((el) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_jsx_runtime127.Fragment, { children: embeddableElements.map((el) => {
       const { x: x3, y: y3 } = sceneCoordsToViewportCoords(
         { sceneX: el.x, sceneY: el.y },
         this.state
@@ -29583,7 +29706,7 @@ var App = class _App extends import_react99.default.Component {
                       html, body {
                         width: 100%;
                         height: 100%;
-                        color: ${this.state.theme === "dark" ? "white" : "black"};
+                        color: ${this.state.theme === THEME.DARK ? "white" : "black"};
                       }
                       body {
                         display: flex;
@@ -29692,7 +29815,7 @@ var App = class _App extends import_react99.default.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__ */ (0, import_jsx_runtime126.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
         "div",
         {
           className: clsx_m_default("excalidraw__embeddable-container", {
@@ -29711,7 +29834,7 @@ var App = class _App extends import_react99.default.Component {
               el
             )}px`
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
             "div",
             {
               className: "excalidraw__embeddable-container__inner",
@@ -29722,15 +29845,15 @@ var App = class _App extends import_react99.default.Component {
                 pointerEvents: isActive ? POINTER_EVENTS.enabled : POINTER_EVENTS.disabled
               },
               children: [
-                isHovered && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "excalidraw__embeddable-hint", children: t("buttons.embeddableInteractionButton") }),
-                /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+                isHovered && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "excalidraw__embeddable-hint", children: t("buttons.embeddableInteractionButton") }),
+                /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                   "div",
                   {
                     className: "excalidraw__embeddable__outer",
                     style: {
                       padding: `${el.strokeWidth}px`
                     },
-                    children: (isEmbeddableElement(el) ? this.props.renderEmbeddable?.(el, this.state) : null) ?? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+                    children: (isEmbeddableElement(el) ? this.props.renderEmbeddable?.(el, this.state) : null) ?? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                       "iframe",
                       {
                         ref: (ref) => this.cacheEmbeddableRef(el, ref),
@@ -29742,7 +29865,7 @@ var App = class _App extends import_react99.default.Component {
                         title: "Excalidraw Embedded Content",
                         allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
                         allowFullScreen: true,
-                        sandbox: "allow-same-origin allow-scripts allow-forms allow-popups allow-popups-to-escape-sandbox allow-presentation allow-downloads"
+                        sandbox: `${src?.sandbox?.allowSameOrigin ? "allow-same-origin" : ""} allow-scripts allow-forms allow-popups allow-popups-to-escape-sandbox allow-presentation allow-downloads`
                       }
                     )
                   }
@@ -29800,7 +29923,7 @@ var App = class _App extends import_react99.default.Component {
     if (!this.state.frameRendering.enabled || !this.state.frameRendering.name) {
       return null;
     }
-    const isDarkTheme = this.state.theme === "dark";
+    const isDarkTheme = this.state.theme === THEME.DARK;
     let frameIndex = 0;
     let magicFrameIndex = 0;
     return this.scene.getNonDeletedFramesLikes().map((f3) => {
@@ -29840,7 +29963,7 @@ var App = class _App extends import_react99.default.Component {
       );
       if (f3.id === this.state.editingFrame) {
         const frameNameInEdit = frameName;
-        frameNameJSX = /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+        frameNameJSX = /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
           "input",
           {
             autoFocus: true,
@@ -29883,7 +30006,7 @@ var App = class _App extends import_react99.default.Component {
       } else {
         frameNameJSX = frameName;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
         "div",
         {
           id: this.getFrameNameDOMId(f3),
@@ -29945,7 +30068,7 @@ var App = class _App extends import_react99.default.Component {
     const shouldBlockPointerEvents = !(this.state.editingElement && isLinearElement(this.state.editingElement)) && (this.state.selectionElement || this.state.draggingElement || this.state.resizingElement || this.state.activeTool.type === "laser" && // technically we can just test on this once we make it more safe
     this.state.cursorButton === "down" || this.state.editingElement && !isTextElement(this.state.editingElement));
     const firstSelectedElement = selectedElements[0];
-    return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
       "div",
       {
         className: clsx_m_default("excalidraw excalidraw-container", {
@@ -29961,21 +30084,21 @@ var App = class _App extends import_react99.default.Component {
         onKeyDown: this.props.handleKeyboardGlobally ? void 0 : this.onKeyDown,
         onPointerEnter: this.toggleOverscrollBehavior,
         onPointerLeave: this.toggleOverscrollBehavior,
-        children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(AppContext.Provider, { value: this, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(AppPropsContext.Provider, { value: this.props, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(AppContext.Provider, { value: this, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(AppPropsContext.Provider, { value: this.props, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
           ExcalidrawContainerContext.Provider,
           {
             value: this.excalidrawContainerValue,
-            children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(DeviceContext.Provider, { value: this.device, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(ExcalidrawSetAppStateContext.Provider, { value: this.setAppState, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(ExcalidrawAppStateContext.Provider, { value: this.state, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(DeviceContext.Provider, { value: this.device, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(ExcalidrawSetAppStateContext.Provider, { value: this.setAppState, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(ExcalidrawAppStateContext.Provider, { value: this.state, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
               ExcalidrawElementsContext.Provider,
               {
                 value: this.scene.getNonDeletedElements(),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
                     ExcalidrawActionManagerContext.Provider,
                     {
                       value: this.actionManager,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                           LayerUI_default,
                           {
                             canvas: this.canvas,
@@ -30003,16 +30126,16 @@ var App = class _App extends import_react99.default.Component {
                             children: this.props.children
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "excalidraw-textEditorContainer" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "excalidraw-contextMenuContainer" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "excalidraw-eye-dropper-container" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "excalidraw-textEditorContainer" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "excalidraw-contextMenuContainer" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "excalidraw-eye-dropper-container" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                           SVGLayer,
                           {
                             trails: [this.laserTrails, this.eraserTrail]
                           }
                         ),
-                        selectedElements.length === 1 && this.state.showHyperlinkPopup && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+                        selectedElements.length === 1 && this.state.showHyperlinkPopup && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                           Hyperlink,
                           {
                             element: firstSelectedElement,
@@ -30024,12 +30147,12 @@ var App = class _App extends import_react99.default.Component {
                           },
                           firstSelectedElement.id
                         ),
-                        this.props.aiEnabled !== false && selectedElements.length === 1 && isMagicFrameElement(firstSelectedElement) && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+                        this.props.aiEnabled !== false && selectedElements.length === 1 && isMagicFrameElement(firstSelectedElement) && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                           ElementCanvasButtons,
                           {
                             element: firstSelectedElement,
                             elementsMap,
-                            children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+                            children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                               ElementCanvasButton,
                               {
                                 title: t("labels.convertToCode"),
@@ -30043,13 +30166,13 @@ var App = class _App extends import_react99.default.Component {
                             )
                           }
                         ),
-                        selectedElements.length === 1 && isIframeElement(firstSelectedElement) && firstSelectedElement.customData?.generationData?.status === "done" && /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
+                        selectedElements.length === 1 && isIframeElement(firstSelectedElement) && firstSelectedElement.customData?.generationData?.status === "done" && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
                           ElementCanvasButtons,
                           {
                             element: firstSelectedElement,
                             elementsMap,
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                                 ElementCanvasButton,
                                 {
                                   title: t("labels.copySource"),
@@ -30058,7 +30181,7 @@ var App = class _App extends import_react99.default.Component {
                                   onChange: () => this.onIframeSrcCopy(firstSelectedElement)
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                                 ElementCanvasButton,
                                 {
                                   title: "Enter fullscreen",
@@ -30095,7 +30218,7 @@ var App = class _App extends import_react99.default.Component {
                             ]
                           }
                         ),
-                        this.state.toast !== null && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+                        this.state.toast !== null && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                           Toast,
                           {
                             message: this.state.toast.message,
@@ -30104,7 +30227,7 @@ var App = class _App extends import_react99.default.Component {
                             closable: this.state.toast.closable
                           }
                         ),
-                        this.state.contextMenu && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+                        this.state.contextMenu && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                           ContextMenu,
                           {
                             items: this.state.contextMenu.items,
@@ -30119,7 +30242,7 @@ var App = class _App extends import_react99.default.Component {
                             }
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                           StaticCanvas_default,
                           {
                             canvas: this.canvas,
@@ -30141,7 +30264,7 @@ var App = class _App extends import_react99.default.Component {
                             }
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                           InteractiveCanvas_default,
                           {
                             containerRef: this.excalidrawContainerRef,
@@ -30164,7 +30287,7 @@ var App = class _App extends import_react99.default.Component {
                             onDoubleClick: this.handleCanvasDoubleClick
                           }
                         ),
-                        this.state.userToFollow && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+                        this.state.userToFollow && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                           FollowMode_default,
                           {
                             width: this.state.width,
@@ -30433,7 +30556,7 @@ var App = class _App extends import_react99.default.Component {
           opacity: 100,
           locked: false
         });
-        this.scene.addNewElement(frame);
+        this.scene.insertElement(frame);
         for (const child of selectedElements) {
           mutateElement(child, { frameId: frame.id });
         }
@@ -30748,7 +30871,7 @@ var App = class _App extends import_react99.default.Component {
     }
     if (isBrave() && !isMeasureTextSupported()) {
       this.setState({
-        errorMessage: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(BraveMeasureTextError_default, {})
+        errorMessage: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(BraveMeasureTextError_default, {})
       });
     }
   }
@@ -30963,7 +31086,7 @@ var App = class _App extends import_react99.default.Component {
     }
     this.excalidrawContainerRef.current?.classList.toggle(
       "theme--dark",
-      this.state.theme === "dark"
+      this.state.theme === THEME.DARK
     );
     if (this.state.editingLinearElement && !this.state.selectedElementIds[this.state.editingLinearElement.elementId]) {
       setTimeout(() => {
@@ -30981,7 +31104,6 @@ var App = class _App extends import_react99.default.Component {
       maybeBindLinearElement(
         multiElement,
         this.state,
-        this.scene,
         tupleToCoors(
           LinearElementEditor.getPointAtIndexGlobalCoordinates(
             multiElement,
@@ -30989,7 +31111,7 @@ var App = class _App extends import_react99.default.Component {
             elementsMap
           )
         ),
-        elementsMap
+        this
       );
     }
     this.history.record(this.state, elements);
@@ -31237,19 +31359,18 @@ var App = class _App extends import_react99.default.Component {
         randomizeSeed: !opts.retainSeed
       }
     );
-    const allElements = [
-      ...this.scene.getElementsIncludingDeleted(),
-      ...newElements
-    ];
+    const prevElements = this.scene.getElementsIncludingDeleted();
+    const nextElements = [...prevElements, ...newElements];
+    syncMovedIndices(nextElements, arrayToMap(newElements));
     const topLayerFrame = this.getTopLayerFrameAtSceneCoords({ x: x3, y: y3 });
     if (topLayerFrame) {
       const eligibleElements = filterElementsEligibleAsFrameChildren(
         newElements,
         topLayerFrame
       );
-      addElementsToFrame(allElements, eligibleElements, topLayerFrame);
+      addElementsToFrame(nextElements, eligibleElements, topLayerFrame);
     }
-    this.scene.replaceAllElements(allElements);
+    this.scene.replaceAllElements(nextElements);
     newElements.forEach((newElement2) => {
       if (isTextElement(newElement2) && isBoundToContainer(newElement2)) {
         const container = getContainerElement(
@@ -31437,18 +31558,7 @@ var App = class _App extends import_react99.default.Component {
     if (textElements.length === 0) {
       return;
     }
-    const frameId = textElements[0].frameId;
-    if (frameId) {
-      this.scene.insertElementsAtIndex(
-        textElements,
-        this.scene.getElementIndex(frameId)
-      );
-    } else {
-      this.scene.replaceAllElements([
-        ...this.scene.getElementsIncludingDeleted(),
-        ...textElements
-      ]);
-    }
+    this.scene.insertElements(textElements);
     this.setState({
       selectedElementIds: makeNextSelectedElementIds(
         Object.fromEntries(textElements.map((el) => [el.id, true])),
@@ -31714,8 +31824,7 @@ var App = class _App extends import_react99.default.Component {
       if (event[KEYS.CTRL_OR_CMD] && event.key === KEYS.P && !event.shiftKey && !event.altKey) {
         this.setToast({
           message: t("commandPalette.shortcutHint", {
-            shortcutOne: getShortcutFromShortcutName("commandPalette"),
-            shortcutTwo: getShortcutFromShortcutName("commandPalette", 1)
+            shortcut: getShortcutFromShortcutName("commandPalette")
           })
         });
         event.preventDefault();
@@ -31930,11 +32039,7 @@ var App = class _App extends import_react99.default.Component {
     if (isArrowKey(event.key)) {
       const selectedElements = this.scene.getSelectedElements(this.state);
       const elementsMap = this.scene.getNonDeletedElementsMap();
-      isBindingEnabled(this.state) ? bindOrUnbindSelectedElements(
-        selectedElements,
-        this.scene.getNonDeletedElements(),
-        elementsMap
-      ) : unbindLinearElements(selectedElements, elementsMap);
+      isBindingEnabled(this.state) ? bindOrUnbindSelectedElements(selectedElements, this) : unbindLinearElements(selectedElements, elementsMap);
       this.setState({ suggestedBindings: [] });
     }
   });
@@ -32159,6 +32264,73 @@ var App = class _App extends import_react99.default.Component {
     }
     return null;
   }
+  /**
+   * get the pure geometric shape of an excalidraw element
+   * which is then used for hit detection
+   */
+  getElementShape(element) {
+    switch (element.type) {
+      case "rectangle":
+      case "diamond":
+      case "frame":
+      case "magicframe":
+      case "embeddable":
+      case "image":
+      case "iframe":
+      case "text":
+      case "selection":
+        return getPolygonShape(element);
+      case "arrow":
+      case "line": {
+        const roughShape = ShapeCache.get(element)?.[0] ?? ShapeCache.generateElementShape(element, null)[0];
+        const [, , , , cx, cy] = getElementAbsoluteCoords(
+          element,
+          this.scene.getNonDeletedElementsMap()
+        );
+        return shouldTestInside(element) ? getClosedCurveShape(
+          element,
+          roughShape,
+          [element.x, element.y],
+          element.angle,
+          [cx, cy]
+        ) : getCurveShape(roughShape, [element.x, element.y], element.angle, [
+          cx,
+          cy
+        ]);
+      }
+      case "ellipse":
+        return getEllipseShape(element);
+      case "freedraw": {
+        const [, , , , cx, cy] = getElementAbsoluteCoords(
+          element,
+          this.scene.getNonDeletedElementsMap()
+        );
+        return getFreedrawShape(element, [cx, cy], shouldTestInside(element));
+      }
+    }
+  }
+  getBoundTextShape(element) {
+    const boundTextElement = getBoundTextElement(
+      element,
+      this.scene.getNonDeletedElementsMap()
+    );
+    if (boundTextElement) {
+      if (element.type === "arrow") {
+        return this.getElementShape({
+          ...boundTextElement,
+          // arrow's bound text accurate position is not stored in the element's property
+          // but rather calculated and returned from the following static method
+          ...LinearElementEditor.getBoundTextElementPosition(
+            element,
+            boundTextElement,
+            this.scene.getNonDeletedElementsMap()
+          )
+        });
+      }
+      return this.getElementShape(boundTextElement);
+    }
+    return null;
+  }
   getElementAtPosition(x3, y3, opts) {
     const allHitElements = this.getElementsAtPosition(
       x3,
@@ -32175,14 +32347,10 @@ var App = class _App extends import_react99.default.Component {
         }
       }
       const elementWithHighestZIndex = allHitElements[allHitElements.length - 1];
-      return isHittingElementBoundingBoxWithoutHittingElement(
-        elementWithHighestZIndex,
-        this.state,
-        this.frameNameBoundsCache,
-        x3,
-        y3,
-        this.scene.getNonDeletedElementsMap()
-      ) ? allHitElements[allHitElements.length - 2] : elementWithHighestZIndex;
+      return isPointInShape(
+        [x3, y3],
+        this.getElementShape(elementWithHighestZIndex)
+      ) ? elementWithHighestZIndex : allHitElements[allHitElements.length - 2];
     }
     if (allHitElements.length === 1) {
       return allHitElements[0];
@@ -32190,25 +32358,83 @@ var App = class _App extends import_react99.default.Component {
     return null;
   }
   getElementsAtPosition(x3, y3, includeBoundTextElement = false, includeLockedElements = false) {
-    const elements = includeBoundTextElement && includeLockedElements ? this.scene.getNonDeletedElements() : this.scene.getNonDeletedElements().filter(
-      (element) => (includeLockedElements || !element.locked) && (includeBoundTextElement || !(isTextElement(element) && element.containerId))
-    );
+    const iframeLikes = [];
     const elementsMap = this.scene.getNonDeletedElementsMap();
-    return getElementsAtPosition(
-      elements,
-      (element) => hitTest(
-        element,
-        this.state,
-        this.frameNameBoundsCache,
-        x3,
-        y3,
-        elementsMap
-      )
-    ).filter((element) => {
+    const elements = (includeBoundTextElement && includeLockedElements ? this.scene.getNonDeletedElements() : this.scene.getNonDeletedElements().filter(
+      (element) => (includeLockedElements || !element.locked) && (includeBoundTextElement || !(isTextElement(element) && element.containerId))
+    )).filter((el) => this.hitElement(x3, y3, el)).filter((element) => {
       const containingFrame = getContainingFrame(element, elementsMap);
       return containingFrame && this.state.frameRendering.enabled && this.state.frameRendering.clip ? isCursorInFrame({ x: x3, y: y3 }, containingFrame, elementsMap) : true;
+    }).filter((el) => {
+      if (isIframeElement(el)) {
+        iframeLikes.push(el);
+        return false;
+      }
+      return true;
+    }).concat(iframeLikes);
+    return elements;
+  }
+  getHitThreshold() {
+    return 10 / this.state.zoom.value;
+  }
+  hitElement(x3, y3, element, considerBoundingBox = true) {
+    if (considerBoundingBox && this.state.selectedElementIds[element.id] && shouldShowBoundingBox([element], this.state)) {
+      return hitElementBoundingBox(
+        x3,
+        y3,
+        element,
+        this.scene.getNonDeletedElementsMap(),
+        this.getHitThreshold()
+      );
+    }
+    const hitBoundTextOfElement = hitElementBoundText(
+      x3,
+      y3,
+      this.getBoundTextShape(element)
+    );
+    if (hitBoundTextOfElement) {
+      return true;
+    }
+    return hitElementItself({
+      x: x3,
+      y: y3,
+      element,
+      shape: this.getElementShape(element),
+      threshold: this.getHitThreshold(),
+      frameNameBound: isFrameLikeElement(element) ? this.frameNameBoundsCache.get(element) : null
     });
   }
+  getTextBindableContainerAtPosition(x3, y3) {
+    const elements = this.scene.getNonDeletedElements();
+    const selectedElements = this.scene.getSelectedElements(this.state);
+    if (selectedElements.length === 1) {
+      return isTextBindableContainer(selectedElements[0], false) ? selectedElements[0] : null;
+    }
+    let hitElement = null;
+    for (let index2 = elements.length - 1; index2 >= 0; --index2) {
+      if (elements[index2].isDeleted) {
+        continue;
+      }
+      const [x1, y1, x22, y22] = getElementAbsoluteCoords(
+        elements[index2],
+        this.scene.getNonDeletedElementsMap()
+      );
+      if (isArrowElement(elements[index2]) && hitElementItself({
+        x: x3,
+        y: y3,
+        element: elements[index2],
+        shape: this.getElementShape(elements[index2]),
+        threshold: this.getHitThreshold()
+      })) {
+        hitElement = elements[index2];
+        break;
+      } else if (x1 < x3 && x3 < x22 && y1 < y3 && y3 < y22) {
+        hitElement = elements[index2];
+        break;
+      }
+    }
+    return isTextBindableContainer(hitElement, false) ? hitElement : null;
+  }
   startTextEditing = ({
     sceneX,
     sceneY,
@@ -32313,7 +32539,7 @@ var App = class _App extends import_react99.default.Component {
         const containerIndex = this.scene.getElementIndex(container.id);
         this.scene.insertElementAtIndex(element, containerIndex + 1);
       } else {
-        this.scene.addNewElement(element);
+        this.scene.insertElement(element);
       }
     }
     this.setState({
@@ -32374,21 +32600,15 @@ var App = class _App extends import_react99.default.Component {
         });
         return;
       }
-      const container = getTextBindableContainerAtPosition(
-        this.scene.getNonDeletedElements(),
-        this.state,
-        sceneX,
-        sceneY,
-        this.scene.getNonDeletedElementsMap()
-      );
+      const container = this.getTextBindableContainerAtPosition(sceneX, sceneY);
       if (container) {
-        if (hasBoundTextElement(container) || !isTransparent(container.backgroundColor) || isHittingElementNotConsideringBoundingBox(
-          container,
-          this.state,
-          this.frameNameBoundsCache,
-          [sceneX, sceneY],
-          this.scene.getNonDeletedElementsMap()
-        )) {
+        if (hasBoundTextElement(container) || !isTransparent(container.backgroundColor) || hitElementItself({
+          x: sceneX,
+          y: sceneY,
+          element: container,
+          shape: this.getElementShape(container),
+          threshold: this.getHitThreshold()
+        })) {
           const midPoint = getContainerCenter(
             container,
             this.state,
@@ -32473,11 +32693,7 @@ var App = class _App extends import_react99.default.Component {
         }
         if (!customEvent?.defaultPrevented) {
           const target = isLocalLink(url) ? "_self" : "_blank";
-          const newWindow = window.open(
-            void 0,
-            target,
-            "noopener noreferrer"
-          );
+          const newWindow = window.open(void 0, target);
           if (newWindow) {
             newWindow.opener = null;
             newWindow.location = url;
@@ -32830,7 +33046,7 @@ var App = class _App extends import_react99.default.Component {
       scenePointer.x,
       scenePointer.y
     );
-    const threshold = 10 / this.state.zoom.value;
+    const threshold = this.getHitThreshold();
     const point = { ...pointerDownState.lastCoords };
     let samplingInterval = 0;
     while (samplingInterval <= distance2) {
@@ -32874,20 +33090,18 @@ var App = class _App extends import_react99.default.Component {
       linearElementEditor.elementId,
       elementsMap
     );
-    const boundTextElement = getBoundTextElement(element, elementsMap);
     if (!element) {
       return;
     }
     if (this.state.selectedLinearElement) {
       let hoverPointIndex = -1;
       let segmentMidPointHoveredCoords = null;
-      if (isHittingElementNotConsideringBoundingBox(
+      if (hitElementItself({
+        x: scenePointerX,
+        y: scenePointerY,
         element,
-        this.state,
-        this.frameNameBoundsCache,
-        [scenePointerX, scenePointerY],
-        elementsMap
-      )) {
+        shape: this.getElementShape(element)
+      })) {
         hoverPointIndex = LinearElementEditor.getPointIndexUnderCursor(
           element,
           elementsMap,
@@ -32906,23 +33120,7 @@ var App = class _App extends import_react99.default.Component {
         } else {
           setCursor(this.interactiveCanvas, CURSOR_TYPE.MOVE);
         }
-      } else if (shouldShowBoundingBox([element], this.state) && isHittingElementBoundingBoxWithoutHittingElement(
-        element,
-        this.state,
-        this.frameNameBoundsCache,
-        scenePointerX,
-        scenePointerY,
-        elementsMap
-      )) {
-        setCursor(this.interactiveCanvas, CURSOR_TYPE.MOVE);
-      } else if (boundTextElement && hitTest(
-        boundTextElement,
-        this.state,
-        this.frameNameBoundsCache,
-        scenePointerX,
-        scenePointerY,
-        this.scene.getNonDeletedElementsMap()
-      )) {
+      } else if (this.hitElement(scenePointerX, scenePointerY, element)) {
         setCursor(this.interactiveCanvas, CURSOR_TYPE.MOVE);
       }
       if (this.state.selectedLinearElement.hoverPointIndex !== hoverPointIndex) {
@@ -33467,8 +33665,7 @@ var App = class _App extends import_react99.default.Component {
             this.history,
             pointerDownState.origin,
             linearElementEditor,
-            this.scene.getNonDeletedElements(),
-            elementsMap
+            this
           );
           if (ret.hitElement) {
             pointerDownState.hit.element = ret.hitElement;
@@ -33618,7 +33815,7 @@ var App = class _App extends import_react99.default.Component {
     if (selectedElements.length < 2) {
       return false;
     }
-    const threshold = 10 / this.state.zoom.value;
+    const threshold = this.getHitThreshold();
     const [x1, y1, x22, y22] = getCommonBounds(selectedElements);
     return point.x > x1 - threshold && point.x < x22 + threshold && point.y > y1 - threshold && point.y < y22 + threshold;
   }
@@ -33631,13 +33828,7 @@ var App = class _App extends import_react99.default.Component {
     const element = this.getElementAtPosition(sceneX, sceneY, {
       includeBoundTextElement: true
     });
-    let container = getTextBindableContainerAtPosition(
-      this.scene.getNonDeletedElements(),
-      this.state,
-      sceneX,
-      sceneY,
-      this.scene.getNonDeletedElementsMap()
-    );
+    let container = this.getTextBindableContainerAtPosition(sceneX, sceneY);
     if (hasBoundTextElement(element)) {
       container = element;
       sceneX = element.x + element.width / 2;
@@ -33701,10 +33892,9 @@ var App = class _App extends import_react99.default.Component {
     });
     const boundElement = getHoveredElementForBinding(
       pointerDownState.origin,
-      this.scene.getNonDeletedElements(),
-      this.scene.getNonDeletedElementsMap()
+      this
     );
-    this.scene.addNewElement(element);
+    this.scene.insertElement(element);
     this.setState({
       draggingElement: element,
       editingElement: element,
@@ -33739,10 +33929,7 @@ var App = class _App extends import_react99.default.Component {
       width,
       height
     });
-    this.scene.replaceAllElements([
-      ...this.scene.getElementsIncludingDeleted(),
-      element
-    ]);
+    this.scene.insertElement(element);
     return element;
   };
   //create rectangle element with youtube top left on nearest grid point width / hight 640/360
@@ -33783,10 +33970,7 @@ var App = class _App extends import_react99.default.Component {
       height: embedLink.intrinsicSize.h,
       link
     });
-    this.scene.replaceAllElements([
-      ...this.scene.getElementsIncludingDeleted(),
-      element
-    ]);
+    this.scene.insertElement(element);
     return element;
   };
   createImageElement = ({
@@ -33899,10 +34083,9 @@ var App = class _App extends import_react99.default.Component {
       });
       const boundElement = getHoveredElementForBinding(
         pointerDownState.origin,
-        this.scene.getNonDeletedElements(),
-        this.scene.getNonDeletedElementsMap()
+        this
       );
-      this.scene.addNewElement(element);
+      this.scene.insertElement(element);
       this.setState({
         draggingElement: element,
         editingElement: element,
@@ -33958,7 +34141,7 @@ var App = class _App extends import_react99.default.Component {
         draggingElement: element
       });
     } else {
-      this.scene.addNewElement(element);
+      this.scene.insertElement(element);
       this.setState({
         multiElement: null,
         draggingElement: element,
@@ -33980,10 +34163,7 @@ var App = class _App extends import_react99.default.Component {
       ...FRAME_STYLE
     };
     const frame = type === TOOL_TYPE.magicframe ? newMagicFrameElement(constructorOpts) : newFrameElement(constructorOpts);
-    this.scene.replaceAllElements([
-      ...this.scene.getElementsIncludingDeleted(),
-      frame
-    ]);
+    this.scene.insertElement(frame);
     this.setState({
       multiElement: null,
       draggingElement: frame,
@@ -34271,6 +34451,7 @@ var App = class _App extends import_react99.default.Component {
               }
             }
             const nextSceneElements = [...nextElements, ...elementsToAppend];
+            syncMovedIndices(nextSceneElements, arrayToMap(elementsToAppend));
             bindTextToShapeAfterDuplication(
               nextElements,
               elementsToAppend,
@@ -34487,8 +34668,7 @@ var App = class _App extends import_react99.default.Component {
             childEvent,
             this.state.editingLinearElement,
             this.state,
-            this.scene.getNonDeletedElements(),
-            elementsMap
+            this
           );
           if (editingLinearElement !== this.state.editingLinearElement) {
             this.setState({
@@ -34508,8 +34688,7 @@ var App = class _App extends import_react99.default.Component {
             childEvent,
             this.state.selectedLinearElement,
             this.state,
-            this.scene.getNonDeletedElements(),
-            elementsMap
+            this
           );
           const { startBindingElement, endBindingElement } = linearElementEditor;
           const element = this.scene.getElement(linearElementEditor.elementId);
@@ -34630,9 +34809,8 @@ var App = class _App extends import_react99.default.Component {
             maybeBindLinearElement(
               draggingElement,
               this.state,
-              this.scene,
               pointerCoords,
-              elementsMap
+              this
             );
           }
           this.setState({ suggestedBindings: [], startBoundElement: null });
@@ -34961,14 +35139,22 @@ var App = class _App extends import_react99.default.Component {
           }));
         }
       }
-      if (!pointerDownState.drag.hasOccurred && !this.state.isResizing && (hitElement && isHittingElementBoundingBoxWithoutHittingElement(
-        hitElement,
-        this.state,
-        this.frameNameBoundsCache,
-        pointerDownState.origin.x,
-        pointerDownState.origin.y,
-        this.scene.getNonDeletedElementsMap()
-      ) || !hitElement && pointerDownState.hit.hasHitCommonBoundingBoxOfSelectedElements)) {
+      if (
+        // not dragged
+        !pointerDownState.drag.hasOccurred && // not resized
+        !this.state.isResizing && // only hitting the bounding box of the previous hit element
+        (hitElement && hitElementBoundingBoxOnly(
+          {
+            x: pointerDownState.origin.x,
+            y: pointerDownState.origin.y,
+            element: hitElement,
+            shape: this.getElementShape(hitElement),
+            threshold: this.getHitThreshold(),
+            frameNameBound: isFrameLikeElement(hitElement) ? this.frameNameBoundsCache.get(hitElement) : null
+          },
+          elementsMap
+        ) || !hitElement && pointerDownState.hit.hasHitCommonBoundingBoxOfSelectedElements)
+      ) {
         if (this.state.editingLinearElement) {
           this.setState({ editingLinearElement: null });
         } else {
@@ -34979,6 +35165,7 @@ var App = class _App extends import_react99.default.Component {
             activeEmbeddable: null
           });
         }
+        setCursor(this.interactiveCanvas, CURSOR_TYPE.AUTO);
         return;
       }
       if (!activeTool.locked && activeTool.type !== "freedraw" && draggingElement && draggingElement.type !== "selection") {
@@ -34999,10 +35186,9 @@ var App = class _App extends import_react99.default.Component {
       if (pointerDownState.drag.hasOccurred || isResizing || isRotating) {
         isBindingEnabled(this.state) ? bindOrUnbindSelectedElements(
           this.scene.getSelectedElements(this.state),
-          this.scene.getNonDeletedElements(),
-          elementsMap
+          this
         ) : unbindLinearElements(
-          this.scene.getSelectedElements(this.state),
+          this.scene.getNonDeletedElements(),
           elementsMap
         );
       }
@@ -35159,7 +35345,7 @@ var App = class _App extends import_react99.default.Component {
       this.setState({ errorMessage: t("errors.imageToolNotSupported") });
       return;
     }
-    this.scene.addNewElement(imageElement);
+    this.scene.insertElement(imageElement);
     try {
       return await this.initializeImage({
         imageFile,
@@ -35368,8 +35554,7 @@ var App = class _App extends import_react99.default.Component {
   maybeSuggestBindingAtCursor = (pointerCoords) => {
     const hoveredBindableElement = getHoveredElementForBinding(
       pointerCoords,
-      this.scene.getNonDeletedElements(),
-      this.scene.getNonDeletedElementsMap()
+      this
     );
     this.setState({
       suggestedBindings: hoveredBindableElement != null ? [hoveredBindableElement] : []
@@ -35383,8 +35568,7 @@ var App = class _App extends import_react99.default.Component {
       (acc, coords) => {
         const hoveredBindableElement = getHoveredElementForBinding(
           coords,
-          this.scene.getNonDeletedElements(),
-          this.scene.getNonDeletedElementsMap()
+          this
         );
         if (hoveredBindableElement != null && !isLinearElementSimpleAndAlreadyBound(
           linearElement,
@@ -35405,8 +35589,7 @@ var App = class _App extends import_react99.default.Component {
     }
     const suggestedBindings = getEligibleElementsForBinding(
       selectedElements,
-      this.scene.getNonDeletedElements(),
-      this.scene.getNonDeletedElementsMap()
+      this
     );
     this.setState({ suggestedBindings });
   }
@@ -36030,7 +36213,9 @@ var createTestHook = () => {
           return this.app?.scene.getElementsIncludingDeleted();
         },
         set(elements) {
-          return this.app?.scene.replaceAllElements(elements);
+          return this.app?.scene.replaceAllElements(
+            syncInvalidIndices(elements)
+          );
         }
       }
     });
@@ -36070,11 +36255,11 @@ var polyfill_default = polyfill;
 
 // components/footer/FooterCenter.tsx
 init_define_import_meta_env();
-var import_jsx_runtime127 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime128 = __toESM(require_jsx_runtime(), 1);
 var FooterCenter = ({ children }) => {
   const { FooterCenterTunnel } = useTunnels();
   const appState = useUIAppState();
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(FooterCenterTunnel.In, { children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(FooterCenterTunnel.In, { children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
     "div",
     {
       className: clsx_m_default("footer-center zen-mode-transition", {
@@ -36095,15 +36280,15 @@ init_define_import_meta_env();
 
 // components/ExcalidrawLogo.tsx
 init_define_import_meta_env();
-var import_jsx_runtime128 = __toESM(require_jsx_runtime(), 1);
-var LogoIcon = () => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+var import_jsx_runtime129 = __toESM(require_jsx_runtime(), 1);
+var LogoIcon = () => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
   "svg",
   {
     viewBox: "0 0 40 40",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     className: "ExcalidrawLogo-icon",
-    children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
       "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",
@@ -36112,7 +36297,7 @@ var LogoIcon = () => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
     )
   }
 );
-var LogoText = () => /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+var LogoText = () => /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
   "svg",
   {
     viewBox: "0 0 450 55",
@@ -36120,28 +36305,28 @@ var LogoText = () => /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
     fill: "none",
     className: "ExcalidrawLogo-text",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
         "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__ */ (0, import_jsx_runtime128.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
         "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__ */ (0, import_jsx_runtime128.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
         "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__ */ (0, import_jsx_runtime128.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
         "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",
@@ -36157,24 +36342,24 @@ var ExcalidrawLogo = ({
   size = "small",
   withText
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: `ExcalidrawLogo is-${size}`, style, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(LogoIcon, {}),
-    withText && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(LogoText, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: `ExcalidrawLogo is-${size}`, style, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(LogoIcon, {}),
+    withText && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(LogoText, {})
   ] });
 };
 
 // components/welcome-screen/WelcomeScreen.Center.tsx
-var import_jsx_runtime129 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime130 = __toESM(require_jsx_runtime(), 1);
 var WelcomeScreenMenuItemContent = ({
   icon,
   shortcut,
   children
 }) => {
   const device = useDevice();
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(import_jsx_runtime129.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "welcome-screen-menu-item__icon", children: icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "welcome-screen-menu-item__text", children }),
-    shortcut && !device.editor.isMobile && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "welcome-screen-menu-item__shortcut", children: shortcut })
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(import_jsx_runtime130.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "welcome-screen-menu-item__icon", children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "welcome-screen-menu-item__text", children }),
+    shortcut && !device.editor.isMobile && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "welcome-screen-menu-item__shortcut", children: shortcut })
   ] });
 };
 WelcomeScreenMenuItemContent.displayName = "WelcomeScreenMenuItemContent";
@@ -36186,14 +36371,14 @@ var WelcomeScreenMenuItem = ({
   className = "",
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
     "button",
     {
       ...props,
       type: "button",
       className: `welcome-screen-menu-item ${className}`,
       onClick: onSelect,
-      children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(WelcomeScreenMenuItemContent, { icon, shortcut, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(WelcomeScreenMenuItemContent, { icon, shortcut, children })
     }
   );
 };
@@ -36206,7 +36391,7 @@ var WelcomeScreenMenuItemLink = ({
   className = "",
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
     "a",
     {
       ...props,
@@ -36214,38 +36399,38 @@ var WelcomeScreenMenuItemLink = ({
       href,
       target: "_blank",
       rel: "noreferrer",
-      children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(WelcomeScreenMenuItemContent, { icon, shortcut, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(WelcomeScreenMenuItemContent, { icon, shortcut, children })
     }
   );
 };
 WelcomeScreenMenuItemLink.displayName = "WelcomeScreenMenuItemLink";
 var Center = ({ children }) => {
   const { WelcomeScreenCenterTunnel } = useTunnels();
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(WelcomeScreenCenterTunnel.In, { children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "welcome-screen-center", children: children || /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(import_jsx_runtime129.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Logo, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Heading, { children: t("welcomeScreen.defaults.center_heading") }),
-    /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(Menu, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(MenuItemLoadScene, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(MenuItemHelp, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(WelcomeScreenCenterTunnel.In, { children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "welcome-screen-center", children: children || /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(import_jsx_runtime130.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Logo, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Heading, { children: t("welcomeScreen.defaults.center_heading") }),
+    /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(Menu, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(MenuItemLoadScene, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(MenuItemHelp, {})
     ] })
   ] }) }) });
 };
 Center.displayName = "Center";
 var Logo = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "welcome-screen-center__logo virgil welcome-screen-decor", children: children || /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(ExcalidrawLogo, { withText: true }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "welcome-screen-center__logo virgil welcome-screen-decor", children: children || /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(ExcalidrawLogo, { withText: true }) });
 };
 Logo.displayName = "Logo";
 var Heading = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "welcome-screen-center__heading welcome-screen-decor virgil", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "welcome-screen-center__heading welcome-screen-decor virgil", children });
 };
 Heading.displayName = "Heading";
 var Menu = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "welcome-screen-menu", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "welcome-screen-menu", children });
 };
 Menu.displayName = "Menu";
 var MenuItemHelp = () => {
   const actionManager = useExcalidrawActionManager();
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
     WelcomeScreenMenuItem,
     {
       onSelect: () => actionManager.executeAction(actionShortcuts),
@@ -36262,7 +36447,7 @@ var MenuItemLoadScene = () => {
   if (appState.viewModeEnabled) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
     WelcomeScreenMenuItem,
     {
       onSelect: () => actionManager.executeAction(actionLoadScene),
@@ -36277,7 +36462,7 @@ var MenuItemLiveCollaborationTrigger = ({
   onSelect
 }) => {
   const { t: t3 } = useI18n();
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(WelcomeScreenMenuItem, { shortcut: null, onSelect, icon: usersIcon, children: t3("labels.liveCollaboration") });
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(WelcomeScreenMenuItem, { shortcut: null, onSelect, icon: usersIcon, children: t3("labels.liveCollaboration") });
 };
 MenuItemLiveCollaborationTrigger.displayName = "MenuItemLiveCollaborationTrigger";
 Center.Logo = Logo;
@@ -36291,40 +36476,40 @@ Center.MenuItemLiveCollaborationTrigger = MenuItemLiveCollaborationTrigger;
 
 // components/welcome-screen/WelcomeScreen.Hints.tsx
 init_define_import_meta_env();
-var import_jsx_runtime130 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime131 = __toESM(require_jsx_runtime(), 1);
 var MenuHint = ({ children }) => {
   const { WelcomeScreenMenuHintTunnel } = useTunnels();
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(WelcomeScreenMenuHintTunnel.In, { children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "virgil welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--menu", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(WelcomeScreenMenuHintTunnel.In, { children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "virgil welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--menu", children: [
     WelcomeScreenMenuArrow,
-    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "welcome-screen-decor-hint__label", children: children || t("welcomeScreen.defaults.menuHint") })
+    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "welcome-screen-decor-hint__label", children: children || t("welcomeScreen.defaults.menuHint") })
   ] }) });
 };
 MenuHint.displayName = "MenuHint";
 var ToolbarHint = ({ children }) => {
   const { WelcomeScreenToolbarHintTunnel } = useTunnels();
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(WelcomeScreenToolbarHintTunnel.In, { children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "virgil welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--toolbar", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "welcome-screen-decor-hint__label", children: children || t("welcomeScreen.defaults.toolbarHint") }),
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(WelcomeScreenToolbarHintTunnel.In, { children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "virgil welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--toolbar", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("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__ */ (0, import_jsx_runtime130.jsx)(WelcomeScreenHelpHintTunnel.In, { children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "virgil welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--help", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { children: children || t("welcomeScreen.defaults.helpHint") }),
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(WelcomeScreenHelpHintTunnel.In, { children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "virgil welcome-screen-decor welcome-screen-decor-hint welcome-screen-decor-hint--help", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { children: children || t("welcomeScreen.defaults.helpHint") }),
     WelcomeScreenHelpArrow
   ] }) });
 };
 HelpHint.displayName = "HelpHint";
 
 // components/welcome-screen/WelcomeScreen.tsx
-var import_jsx_runtime131 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime132 = __toESM(require_jsx_runtime(), 1);
 var WelcomeScreen = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_jsx_runtime131.Fragment, { children: props.children || /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_jsx_runtime131.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Center, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(MenuHint, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(ToolbarHint, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(HelpHint, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_jsx_runtime132.Fragment, { children: props.children || /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_jsx_runtime132.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Center, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(MenuHint, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(ToolbarHint, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(HelpHint, {})
   ] }) });
 };
 WelcomeScreen.displayName = "WelcomeScreen";
@@ -36334,7 +36519,7 @@ var WelcomeScreen_default = WelcomeScreen;
 
 // components/live-collaboration/LiveCollaborationTrigger.tsx
 init_define_import_meta_env();
-var import_jsx_runtime132 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime133 = __toESM(require_jsx_runtime(), 1);
 var LiveCollaborationTrigger2 = ({
   isCollaborating,
   onSelect,
@@ -36342,7 +36527,7 @@ var LiveCollaborationTrigger2 = ({
 }) => {
   const appState = useUIAppState();
   const showIconOnly = appState.width < 830;
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
     Button,
     {
       ...rest,
@@ -36353,7 +36538,7 @@ var LiveCollaborationTrigger2 = ({
       title: t("labels.liveCollaboration"),
       children: [
         showIconOnly ? share : t("labels.share"),
-        appState.collaborators.size > 0 && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "CollabButton-collaborators", children: appState.collaborators.size })
+        appState.collaborators.size > 0 && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "CollabButton-collaborators", children: appState.collaborators.size })
       ]
     }
   );
@@ -36363,14 +36548,14 @@ LiveCollaborationTrigger2.displayName = "LiveCollaborationTrigger";
 
 // components/TTDDialog/TTDDialogTrigger.tsx
 init_define_import_meta_env();
-var import_jsx_runtime133 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime134 = __toESM(require_jsx_runtime(), 1);
 var TTDDialogTrigger = ({
   children,
   icon
 }) => {
   const { TTDDialogTriggerTunnel } = useTunnels();
   const setAppState = useExcalidrawSetAppState();
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(TTDDialogTriggerTunnel.In, { children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(TTDDialogTriggerTunnel.In, { children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
     DropdownMenu_default.Item,
     {
       onSelect: () => {
@@ -36380,7 +36565,7 @@ var TTDDialogTrigger = ({
       icon: icon ?? brainIcon,
       children: [
         children ?? t("labels.textToDiagram"),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(DropdownMenu_default.Item.Badge, { children: "AI" })
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(DropdownMenu_default.Item.Badge, { children: "AI" })
       ]
     }
   ) });
@@ -36388,7 +36573,7 @@ var TTDDialogTrigger = ({
 TTDDialogTrigger.displayName = "TTDDialogTrigger";
 
 // index.tsx
-var import_jsx_runtime134 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime135 = __toESM(require_jsx_runtime(), 1);
 polyfill_default();
 var ExcalidrawBase = (props) => {
   const {
@@ -36455,7 +36640,7 @@ var ExcalidrawBase = (props) => {
       document.removeEventListener("touchmove", handleTouchMove);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Provider, { unstable_createStore: () => jotaiStore, scope: jotaiScope, children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(InitializeApp, { langCode, theme, children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Provider, { unstable_createStore: () => jotaiStore, scope: jotaiScope, children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(InitializeApp, { langCode, theme, children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
     App_default,
     {
       onChange,