@haoxin-web/excalidraw 1.0.0 → 1.0.2

package/dist/dev/index.js

@@ -69,10 +69,10 @@ import {
   serializeLibraryAsJSON,
   strokeEllipseWithRotation,
   strokeRectWithRotation
-} from "./chunk-PTYT4VPM.js";
+} from "./chunk-3RD5RWFE.js";
 import {
   define_import_meta_env_default
-} from "./chunk-VC7V2GEZ.js";
+} from "./chunk-R3GBEHWA.js";
 import {
   en_default
 } from "./chunk-ZSSURRA2.js";
@@ -87,7 +87,7 @@ import {
 
 // index.tsx
 import React48, { useEffect as useEffect49 } from "react";
-import { DEFAULT_UI_OPTIONS, isShallowEqual as isShallowEqual9 } from "haoxin-excalidraw-sdk-common";
+import { DEFAULT_UI_OPTIONS, isShallowEqual as isShallowEqual9 } from "@haoxin-web/excalidraw-common";
 
 // components/App.tsx
 import clsx57 from "clsx";
@@ -107,7 +107,7 @@ import {
   vectorSubtract as vectorSubtract2,
   vectorDot,
   vectorNormalize as vectorNormalize4
-} from "haoxin-excalidraw-sdk-math";
+} from "@haoxin-web/excalidraw-math";
 import {
   COLOR_PALETTE as COLOR_PALETTE6,
   CODES as CODES13,
@@ -192,7 +192,7 @@ import {
   isMobile,
   MINIMUM_ARROW_SIZE,
   DOUBLE_TAP_POSITION_THRESHOLD
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 import {
   getObservedAppState,
   getCommonBounds as getCommonBounds12,
@@ -324,29 +324,29 @@ import {
   isSimpleArrow,
   StoreDelta as StoreDelta2,
   positionElementsOnGrid
-} from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
 
 // actions/actionDeleteSelected.tsx
-import { KEYS, updateActiveTool } from "haoxin-excalidraw-sdk-common";
-import { getNonDeletedElements } from "haoxin-excalidraw-sdk-element";
-import { fixBindingsAfterDeletion } from "haoxin-excalidraw-sdk-element";
-import { LinearElementEditor } from "haoxin-excalidraw-sdk-element";
-import { newElementWith } from "haoxin-excalidraw-sdk-element";
-import { getContainerElement } from "haoxin-excalidraw-sdk-element";
+import { KEYS, updateActiveTool } from "@haoxin-web/excalidraw-common";
+import { getNonDeletedElements } from "@haoxin-web/excalidraw-element";
+import { fixBindingsAfterDeletion } from "@haoxin-web/excalidraw-element";
+import { LinearElementEditor } from "@haoxin-web/excalidraw-element";
+import { newElementWith } from "@haoxin-web/excalidraw-element";
+import { getContainerElement } from "@haoxin-web/excalidraw-element";
 import {
   isBoundToContainer,
   isElbowArrow,
   isFrameLikeElement
-} from "haoxin-excalidraw-sdk-element";
-import { getFrameChildren } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { getFrameChildren } from "@haoxin-web/excalidraw-element";
 import {
   getElementsInGroup,
   selectGroupsForSelectedElements
-} from "haoxin-excalidraw-sdk-element";
-import { CaptureUpdateAction } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { CaptureUpdateAction } from "@haoxin-web/excalidraw-element";
 
 // i18n.ts
-import { isDevEnv } from "haoxin-excalidraw-sdk-common";
+import { isDevEnv } from "@haoxin-web/excalidraw-common";
 
 // editor-jotai.ts
 import {
@@ -547,7 +547,7 @@ var useI18n = () => {
 import clsx from "clsx";
 import oc from "open-color";
 import React from "react";
-import { THEME } from "haoxin-excalidraw-sdk-common";
+import { THEME } from "@haoxin-web/excalidraw-common";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var iconFillColor = (theme) => "var(--icon-fill-color)";
 var handlerColor = (theme) => theme === THEME.LIGHT ? oc.white : "#1e1e1e";
@@ -2846,7 +2846,7 @@ var elementLinkIcon = createIcon(
 // components/ToolButton.tsx
 import clsx2 from "clsx";
 import React3, { useEffect, useRef, useState } from "react";
-import { isPromiseLike } from "haoxin-excalidraw-sdk-common";
+import { isPromiseLike } from "@haoxin-web/excalidraw-common";
 
 // components/Spinner.tsx
 import React2 from "react";
@@ -3262,14 +3262,14 @@ var actionDeleteSelected = register({
 });
 
 // actions/actionZindex.tsx
-import { KEYS as KEYS2, CODES, getShortcutKey, isDarwin } from "haoxin-excalidraw-sdk-common";
+import { KEYS as KEYS2, CODES, getShortcutKey, isDarwin } from "@haoxin-web/excalidraw-common";
 import {
   moveOneLeft,
   moveOneRight,
   moveAllLeft,
   moveAllRight
-} from "haoxin-excalidraw-sdk-element";
-import { CaptureUpdateAction as CaptureUpdateAction2 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { CaptureUpdateAction as CaptureUpdateAction2 } from "@haoxin-web/excalidraw-element";
 import { jsx as jsx5 } from "react/jsx-runtime";
 var actionSendBackward = register({
   name: "sendBackward",
@@ -3375,12 +3375,12 @@ var actionBringToFront = register({
 });
 
 // actions/actionSelectAll.ts
-import { getNonDeletedElements as getNonDeletedElements2 } from "haoxin-excalidraw-sdk-element";
-import { LinearElementEditor as LinearElementEditor2 } from "haoxin-excalidraw-sdk-element";
-import { isLinearElement, isTextElement } from "haoxin-excalidraw-sdk-element";
-import { arrayToMap, KEYS as KEYS3 } from "haoxin-excalidraw-sdk-common";
-import { selectGroupsForSelectedElements as selectGroupsForSelectedElements2 } from "haoxin-excalidraw-sdk-element";
-import { CaptureUpdateAction as CaptureUpdateAction3 } from "haoxin-excalidraw-sdk-element";
+import { getNonDeletedElements as getNonDeletedElements2 } from "@haoxin-web/excalidraw-element";
+import { LinearElementEditor as LinearElementEditor2 } from "@haoxin-web/excalidraw-element";
+import { isLinearElement, isTextElement } from "@haoxin-web/excalidraw-element";
+import { arrayToMap, KEYS as KEYS3 } from "@haoxin-web/excalidraw-common";
+import { selectGroupsForSelectedElements as selectGroupsForSelectedElements2 } from "@haoxin-web/excalidraw-element";
+import { CaptureUpdateAction as CaptureUpdateAction3 } from "@haoxin-web/excalidraw-element";
 var actionSelectAll = register({
   name: "selectAll",
   label: "labels.selectAll",
@@ -3426,16 +3426,16 @@ import {
   KEYS as KEYS4,
   arrayToMap as arrayToMap2,
   getShortcutKey as getShortcutKey2
-} from "haoxin-excalidraw-sdk-common";
-import { getNonDeletedElements as getNonDeletedElements3 } from "haoxin-excalidraw-sdk-element";
-import { LinearElementEditor as LinearElementEditor3 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-common";
+import { getNonDeletedElements as getNonDeletedElements3 } from "@haoxin-web/excalidraw-element";
+import { LinearElementEditor as LinearElementEditor3 } from "@haoxin-web/excalidraw-element";
 import {
   getSelectedElements as getSelectedElements2,
   getSelectionStateForElements
-} from "haoxin-excalidraw-sdk-element";
-import { syncMovedIndices } from "haoxin-excalidraw-sdk-element";
-import { duplicateElements } from "haoxin-excalidraw-sdk-element";
-import { CaptureUpdateAction as CaptureUpdateAction4 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { syncMovedIndices } from "@haoxin-web/excalidraw-element";
+import { duplicateElements } from "@haoxin-web/excalidraw-element";
+import { CaptureUpdateAction as CaptureUpdateAction4 } from "@haoxin-web/excalidraw-element";
 import { jsx as jsx6 } from "react/jsx-runtime";
 var actionDuplicateSelection = register({
   name: "duplicateSelection",
@@ -3523,7 +3523,7 @@ var actionDuplicateSelection = register({
 });
 
 // actions/actionProperties.tsx
-import { pointFrom } from "haoxin-excalidraw-sdk-math";
+import { pointFrom } from "@haoxin-web/excalidraw-math";
 import { useEffect as useEffect13, useMemo as useMemo4, useRef as useRef11, useState as useState6 } from "react";
 import {
   DEFAULT_ELEMENT_BACKGROUND_COLOR_PALETTE,
@@ -3545,19 +3545,19 @@ import {
   getLineHeight,
   isTransparent as isTransparent2,
   reduceToCommonValue
-} from "haoxin-excalidraw-sdk-common";
-import { canBecomePolygon, getNonDeletedElements as getNonDeletedElements4 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-common";
+import { canBecomePolygon, getNonDeletedElements as getNonDeletedElements4 } from "@haoxin-web/excalidraw-element";
 import {
   bindLinearElement,
   calculateFixedPointForElbowArrowBinding,
   updateBoundElements
-} from "haoxin-excalidraw-sdk-element";
-import { LinearElementEditor as LinearElementEditor4 } from "haoxin-excalidraw-sdk-element";
-import { newElementWith as newElementWith2 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { LinearElementEditor as LinearElementEditor4 } from "@haoxin-web/excalidraw-element";
+import { newElementWith as newElementWith2 } from "@haoxin-web/excalidraw-element";
 import {
   getBoundTextElement,
   redrawTextBoundingBox
-} from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
 import {
   isArrowElement,
   isBoundToContainer as isBoundToContainer2,
@@ -3566,16 +3566,16 @@ import {
   isLineElement,
   isTextElement as isTextElement2,
   isUsingAdaptiveRadius
-} from "haoxin-excalidraw-sdk-element";
-import { hasStrokeColor } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { hasStrokeColor } from "@haoxin-web/excalidraw-element";
 import {
   updateElbowArrowPoints,
   CaptureUpdateAction as CaptureUpdateAction5,
   toggleLinePolygonState
-} from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
 
 // analytics.ts
-import { isDevEnv as isDevEnv2 } from "haoxin-excalidraw-sdk-common";
+import { isDevEnv as isDevEnv2 } from "@haoxin-web/excalidraw-common";
 var ALLOWED_CATEGORIES_TO_TRACK = /* @__PURE__ */ new Set(["command_palette", "export"]);
 var trackEvent = (category, action, label, value) => {
   try {
@@ -3674,7 +3674,7 @@ import {
   COLOR_OUTLINE_CONTRAST_THRESHOLD as COLOR_OUTLINE_CONTRAST_THRESHOLD2,
   COLOR_PALETTE as COLOR_PALETTE2,
   isTransparent
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 
 // components/ButtonSeparator.tsx
 import { jsx as jsx9 } from "react/jsx-runtime";
@@ -3693,7 +3693,7 @@ var ButtonSeparator = () => /* @__PURE__ */ jsx9(
 // components/EyeDropper.tsx
 import { useEffect as useEffect3, useRef as useRef3 } from "react";
 import { createPortal } from "react-dom";
-import { EVENT as EVENT2, KEYS as KEYS5, rgbToHex } from "haoxin-excalidraw-sdk-common";
+import { EVENT as EVENT2, KEYS as KEYS5, rgbToHex } from "@haoxin-web/excalidraw-common";
 
 // context/ui-appState.ts
 import React4 from "react";
@@ -3702,7 +3702,7 @@ var useUIAppState = () => React4.useContext(UIAppStateContext);
 
 // hooks/useCreatePortalContainer.ts
 import { useState as useState2, useLayoutEffect } from "react";
-import { THEME as THEME2 } from "haoxin-excalidraw-sdk-common";
+import { THEME as THEME2 } from "@haoxin-web/excalidraw-common";
 var useCreatePortalContainer = (opts) => {
   const [div, setDiv] = useState2(null);
   const device = useDevice();
@@ -3733,7 +3733,7 @@ var useCreatePortalContainer = (opts) => {
 
 // hooks/useOutsideClick.ts
 import { useEffect as useEffect2 } from "react";
-import { EVENT } from "haoxin-excalidraw-sdk-common";
+import { EVENT } from "@haoxin-web/excalidraw-common";
 function useOutsideClick(ref, callback, isInside) {
   useEffect2(() => {
     function onOutsideClick(event) {
@@ -3932,7 +3932,7 @@ var EyeDropper = ({ onCancel, onChange, onSelect, colorPickerType }) => {
 import * as Popover from "@radix-ui/react-popover";
 import clsx6 from "clsx";
 import React6 from "react";
-import { isInteractive } from "haoxin-excalidraw-sdk-common";
+import { isInteractive } from "@haoxin-web/excalidraw-common";
 
 // components/Island.tsx
 import React5 from "react";
@@ -4012,10 +4012,10 @@ var PropertiesPopover = React6.forwardRef(
 // components/ColorPicker/ColorInput.tsx
 import clsx7 from "clsx";
 import { useCallback, useEffect as useEffect4, useRef as useRef4, useState as useState3 } from "react";
-import { KEYS as KEYS6, getShortcutKey as getShortcutKey3 } from "haoxin-excalidraw-sdk-common";
+import { KEYS as KEYS6, getShortcutKey as getShortcutKey3 } from "@haoxin-web/excalidraw-common";
 
 // components/ColorPicker/colorPickerUtils.ts
-import { MAX_CUSTOM_COLORS_USED_IN_CANVAS } from "haoxin-excalidraw-sdk-common";
+import { MAX_CUSTOM_COLORS_USED_IN_CANVAS } from "@haoxin-web/excalidraw-common";
 var getColorNameAndShadeFromColor = ({
   palette: palette2,
   color
@@ -4215,12 +4215,12 @@ var ColorInput = ({
 
 // components/ColorPicker/Picker.tsx
 import React7, { useEffect as useEffect8, useImperativeHandle, useState as useState4 } from "react";
-import { EVENT as EVENT3 } from "haoxin-excalidraw-sdk-common";
+import { EVENT as EVENT3 } from "@haoxin-web/excalidraw-common";
 import {
   DEFAULT_ELEMENT_BACKGROUND_COLOR_INDEX,
   DEFAULT_ELEMENT_STROKE_COLOR_INDEX,
   KEYS as KEYS8
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 
 // components/ColorPicker/CustomColorList.tsx
 import clsx8 from "clsx";
@@ -4453,7 +4453,7 @@ var ShadeList = ({ color, onChange, palette: palette2 }) => {
 };
 
 // components/ColorPicker/keyboardNavHandlers.ts
-import { COLORS_PER_ROW, COLOR_PALETTE, KEYS as KEYS7 } from "haoxin-excalidraw-sdk-common";
+import { COLORS_PER_ROW, COLOR_PALETTE, KEYS as KEYS7 } from "@haoxin-web/excalidraw-common";
 var arrowHandler = (eventKey, currentIndex, length) => {
   const rows = Math.ceil(length / COLORS_PER_ROW);
   currentIndex = currentIndex ?? -1;
@@ -4770,7 +4770,7 @@ import {
   DEFAULT_CANVAS_BACKGROUND_PICKS,
   DEFAULT_ELEMENT_BACKGROUND_PICKS,
   DEFAULT_ELEMENT_STROKE_PICKS
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 import { jsx as jsx19 } from "react/jsx-runtime";
 var TopPicks = ({
   onChange,
@@ -4994,7 +4994,7 @@ var ColorPicker = ({
 // components/FontPicker/FontPicker.tsx
 import * as Popover4 from "@radix-ui/react-popover";
 import React12, { useCallback as useCallback3, useMemo as useMemo3 } from "react";
-import { FONT_FAMILY as FONT_FAMILY2 } from "haoxin-excalidraw-sdk-common";
+import { FONT_FAMILY as FONT_FAMILY2 } from "@haoxin-web/excalidraw-common";
 
 // components/FontPicker/FontPickerList.tsx
 import React11, {
@@ -5009,7 +5009,7 @@ import {
   debounce,
   FONT_FAMILY,
   getFontFamilyString
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 
 // components/QuickSearch.tsx
 import clsx13 from "clsx";
@@ -5064,7 +5064,7 @@ MenuGroup.displayName = "DropdownMenuGroup";
 
 // components/dropdownMenu/DropdownMenuItem.tsx
 import { useEffect as useEffect9, useRef as useRef9 } from "react";
-import { THEME as THEME3 } from "haoxin-excalidraw-sdk-common";
+import { THEME as THEME3 } from "@haoxin-web/excalidraw-common";
 
 // components/Ellipsify.tsx
 import { jsx as jsx24 } from "react/jsx-runtime";
@@ -5106,7 +5106,7 @@ var DropdownMenuItemContent_default = MenuItemContent;
 
 // components/dropdownMenu/common.ts
 import React9, { useContext } from "react";
-import { EVENT as EVENT4, composeEventHandlers } from "haoxin-excalidraw-sdk-common";
+import { EVENT as EVENT4, composeEventHandlers } from "@haoxin-web/excalidraw-common";
 var DropdownMenuContentPropsContext = React9.createContext({});
 var getDropdownMenuItemClassName = (className = "", selected = false, hovered = false) => {
   return `dropdown-menu-item dropdown-menu-item-base ${className}
@@ -5213,7 +5213,7 @@ DropdownMenuItem.Badge = DropDownMenuItemBadge;
 var DropdownMenuItem_default = DropdownMenuItem;
 
 // components/FontPicker/keyboardNavHandlers.ts
-import { KEYS as KEYS9 } from "haoxin-excalidraw-sdk-common";
+import { KEYS as KEYS9 } from "@haoxin-web/excalidraw-common";
 var fontPickerKeyHandler = ({
   event,
   inputRef,
@@ -5576,7 +5576,7 @@ var FontPicker = React12.memo(
 import * as Popover5 from "@radix-ui/react-popover";
 import clsx15 from "clsx";
 import React13, { useEffect as useEffect11 } from "react";
-import { isArrowKey, KEYS as KEYS10 } from "haoxin-excalidraw-sdk-common";
+import { isArrowKey, KEYS as KEYS10 } from "@haoxin-web/excalidraw-common";
 
 // components/InlineIcon.tsx
 import { jsx as jsx30 } from "react/jsx-runtime";
@@ -7235,7 +7235,7 @@ var actionChangeArrowType = register({
 });
 
 // actions/actionCanvas.tsx
-import { clamp, roundToStep } from "haoxin-excalidraw-sdk-math";
+import { clamp, roundToStep } from "@haoxin-web/excalidraw-math";
 import {
   DEFAULT_CANVAS_BACKGROUND_PICKS as DEFAULT_CANVAS_BACKGROUND_PICKS2,
   CURSOR_TYPE as CURSOR_TYPE2,
@@ -7247,11 +7247,11 @@ import {
   updateActiveTool as updateActiveTool2,
   CODES as CODES2,
   KEYS as KEYS12
-} from "haoxin-excalidraw-sdk-common";
-import { getNonDeletedElements as getNonDeletedElements5 } from "haoxin-excalidraw-sdk-element";
-import { newElementWith as newElementWith3 } from "haoxin-excalidraw-sdk-element";
-import { getCommonBounds } from "haoxin-excalidraw-sdk-element";
-import { CaptureUpdateAction as CaptureUpdateAction6 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-common";
+import { getNonDeletedElements as getNonDeletedElements5 } from "@haoxin-web/excalidraw-element";
+import { newElementWith as newElementWith3 } from "@haoxin-web/excalidraw-element";
+import { getCommonBounds } from "@haoxin-web/excalidraw-element";
+import { CaptureUpdateAction as CaptureUpdateAction6 } from "@haoxin-web/excalidraw-element";
 
 // components/Tooltip.tsx
 import { useEffect as useEffect14 } from "react";
@@ -7336,7 +7336,7 @@ var Tooltip = ({
 
 // cursor.ts
 import OpenColor from "open-color";
-import { CURSOR_TYPE, MIME_TYPES, THEME as THEME4 } from "haoxin-excalidraw-sdk-common";
+import { CURSOR_TYPE, MIME_TYPES, THEME as THEME4 } from "@haoxin-web/excalidraw-common";
 var laserPointerCursorSVG_tag = `<svg viewBox="0 0 24 24" stroke-width="1" width="28" height="28" xmlns="http://www.w3.org/2000/svg">`;
 var laserPointerCursorBackgroundSVG = `<path d="M6.164 11.755a5.314 5.314 0 0 1-4.932-5.298 5.314 5.314 0 0 1 5.311-5.311 5.314 5.314 0 0 1 5.307 5.113l8.773 8.773a3.322 3.322 0 0 1 0 4.696l-.895.895a3.322 3.322 0 0 1-4.696 0l-8.868-8.868Z" style="fill:#fff"/>`;
 var laserPointerCursorIconSVG = `<path stroke="#1b1b1f" fill="#fff" d="m7.868 11.113 7.773 7.774a2.359 2.359 0 0 0 1.667.691 2.368 2.368 0 0 0 2.357-2.358c0-.625-.248-1.225-.69-1.667L11.201 7.78 9.558 9.469l-1.69 1.643v.001Zm10.273 3.606-3.333 3.333m-3.25-6.583 2 2m-7-7 3 3M3.664 3.625l1 1M2.529 6.922l1.407-.144m5.735-2.932-1.118.866M4.285 9.823l.758-1.194m1.863-6.207-.13 1.408"/>`;
@@ -7507,6 +7507,9 @@ var actionZoomIn = register({
   viewMode: true,
   icon: ZoomInIcon,
   trackEvent: { category: "canvas" },
+  predicate: (elements, appState, appProps) => {
+    return appProps.showZoomActions !== false;
+  },
   perform: (_elements, appState, _, app) => {
     return {
       appState: {
@@ -7538,7 +7541,9 @@ var actionZoomIn = register({
       }
     }
   ),
-  keyTest: (event) => (event.code === CODES2.EQUAL || event.code === CODES2.NUM_ADD) && (event[KEYS12.CTRL_OR_CMD] || event.shiftKey)
+  keyTest: (event, appState, elements, app) => {
+    return app.props.showZoomActions !== false && (event.code === CODES2.EQUAL || event.code === CODES2.NUM_ADD) && (event[KEYS12.CTRL_OR_CMD] || event.shiftKey);
+  }
 });
 var actionZoomOut = register({
   name: "zoomOut",
@@ -7546,6 +7551,9 @@ var actionZoomOut = register({
   icon: ZoomOutIcon,
   viewMode: true,
   trackEvent: { category: "canvas" },
+  predicate: (elements, appState, appProps) => {
+    return appProps.showZoomActions !== false;
+  },
   perform: (_elements, appState, _, app) => {
     return {
       appState: {
@@ -7577,7 +7585,9 @@ var actionZoomOut = register({
       }
     }
   ),
-  keyTest: (event) => (event.code === CODES2.MINUS || event.code === CODES2.NUM_SUBTRACT) && (event[KEYS12.CTRL_OR_CMD] || event.shiftKey)
+  keyTest: (event, appState, elements, app) => {
+    return app.props.showZoomActions !== false && (event.code === CODES2.MINUS || event.code === CODES2.NUM_SUBTRACT) && (event[KEYS12.CTRL_OR_CMD] || event.shiftKey);
+  }
 });
 var actionResetZoom = register({
   name: "resetZoom",
@@ -7585,6 +7595,9 @@ var actionResetZoom = register({
   icon: ZoomResetIcon,
   viewMode: true,
   trackEvent: { category: "canvas" },
+  predicate: (elements, appState, appProps) => {
+    return appProps.showZoomActions !== false;
+  },
   perform: (_elements, appState, _, app) => {
     return {
       appState: {
@@ -7618,7 +7631,9 @@ var actionResetZoom = register({
       ]
     }
   ) }),
-  keyTest: (event) => (event.code === CODES2.ZERO || event.code === CODES2.NUM_ZERO) && (event[KEYS12.CTRL_OR_CMD] || event.shiftKey)
+  keyTest: (event, appState, elements, app) => {
+    return app.props.showZoomActions !== false && (event.code === CODES2.ZERO || event.code === CODES2.NUM_ZERO) && (event[KEYS12.CTRL_OR_CMD] || event.shiftKey);
+  }
 });
 var zoomValueToFitBoundsOnViewport = (bounds, viewportDimensions, viewportZoomFactor = 1) => {
   const [x1, y1, x2, y2] = bounds;
@@ -7714,6 +7729,9 @@ var actionZoomToFitSelectionInViewport = register({
   label: "labels.zoomToFitViewport",
   icon: zoomAreaIcon,
   trackEvent: { category: "canvas" },
+  predicate: (elements, appState, appProps) => {
+    return appProps.showZoomActions !== false;
+  },
   perform: (elements, appState, _, app) => {
     const selectedElements = app.scene.getSelectedElements(appState);
     return zoomToFit({
@@ -7728,13 +7746,18 @@ var actionZoomToFitSelectionInViewport = register({
   },
   // NOTE shift-2 should have been assigned actionZoomToFitSelection.
   // TBD on how proceed
-  keyTest: (event) => event.code === CODES2.TWO && event.shiftKey && !event.altKey && !event[KEYS12.CTRL_OR_CMD]
+  keyTest: (event, appState, elements, app) => {
+    return app.props.showZoomActions !== false && event.code === CODES2.TWO && event.shiftKey && !event.altKey && !event[KEYS12.CTRL_OR_CMD];
+  }
 });
 var actionZoomToFitSelection = register({
   name: "zoomToFitSelection",
   label: "helpDialog.zoomToSelection",
   icon: zoomAreaIcon,
   trackEvent: { category: "canvas" },
+  predicate: (elements, appState, appProps) => {
+    return appProps.showZoomActions !== false;
+  },
   perform: (elements, appState, _, app) => {
     const selectedElements = app.scene.getSelectedElements(appState);
     return zoomToFit({
@@ -7748,7 +7771,9 @@ var actionZoomToFitSelection = register({
     });
   },
   // NOTE this action should use shift-2 per figma, alas
-  keyTest: (event) => event.code === CODES2.THREE && event.shiftKey && !event.altKey && !event[KEYS12.CTRL_OR_CMD]
+  keyTest: (event, appState, elements, app) => {
+    return app.props.showZoomActions !== false && event.code === CODES2.THREE && event.shiftKey && !event.altKey && !event[KEYS12.CTRL_OR_CMD];
+  }
 });
 var actionZoomToFit = register({
   name: "zoomToFit",
@@ -7756,6 +7781,9 @@ var actionZoomToFit = register({
   icon: zoomAreaIcon,
   viewMode: true,
   trackEvent: { category: "canvas" },
+  predicate: (elements, appState, appProps) => {
+    return appProps.showZoomActions !== false;
+  },
   perform: (elements, appState, _, app) => zoomToFit({
     targetElements: elements,
     appState: {
@@ -7765,7 +7793,9 @@ var actionZoomToFit = register({
     fitToViewport: false,
     canvasOffsets: app.getEditorUIOffsets()
   }),
-  keyTest: (event) => event.code === CODES2.ONE && event.shiftKey && !event.altKey && !event[KEYS12.CTRL_OR_CMD]
+  keyTest: (event, appState, elements, app) => {
+    return app.props.showZoomActions !== false && event.code === CODES2.ONE && event.shiftKey && !event.altKey && !event[KEYS12.CTRL_OR_CMD];
+  }
 });
 var actionToggleTheme = register({
   name: "toggleTheme",
@@ -7861,6 +7891,9 @@ var actionToggleHandTool = register({
   trackEvent: { category: "toolbar" },
   icon: handIcon,
   viewMode: false,
+  predicate: (elements, appState, appProps) => {
+    return appProps.showPanActions !== false;
+  },
   perform: (elements, appState, _, app) => {
     let activeTool;
     if (isHandToolActive(appState)) {
@@ -7888,12 +7921,14 @@ var actionToggleHandTool = register({
       captureUpdate: CaptureUpdateAction6.IMMEDIATELY
     };
   },
-  keyTest: (event) => !event.altKey && !event[KEYS12.CTRL_OR_CMD] && event.key === KEYS12.H
+  keyTest: (event, appState, elements, app) => {
+    return app.props.showPanActions !== false && !event.altKey && !event[KEYS12.CTRL_OR_CMD] && event.key === KEYS12.H;
+  }
 });
 
 // actions/actionEmbeddable.ts
-import { updateActiveTool as updateActiveTool3 } from "haoxin-excalidraw-sdk-common";
-import { CaptureUpdateAction as CaptureUpdateAction7 } from "haoxin-excalidraw-sdk-element";
+import { updateActiveTool as updateActiveTool3 } from "@haoxin-web/excalidraw-common";
+import { CaptureUpdateAction as CaptureUpdateAction7 } from "@haoxin-web/excalidraw-element";
 var actionSetEmbeddableAsActiveTool = register({
   name: "setEmbeddableAsActiveTool",
   trackEvent: { category: "toolbar" },
@@ -7921,32 +7956,32 @@ var actionSetEmbeddableAsActiveTool = register({
 });
 
 // actions/actionFinalize.tsx
-import { pointFrom as pointFrom2 } from "haoxin-excalidraw-sdk-math";
+import { pointFrom as pointFrom2 } from "@haoxin-web/excalidraw-math";
 import {
   maybeBindLinearElement,
   bindOrUnbindLinearElement,
   isBindingEnabled
-} from "haoxin-excalidraw-sdk-element/binding";
+} from "@haoxin-web/excalidraw-element/binding";
 import {
   isValidPolygon,
   LinearElementEditor as LinearElementEditor5,
   newElementWith as newElementWith4
-} from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
 import {
   isBindingElement,
   isFreeDrawElement,
   isLinearElement as isLinearElement3,
   isLineElement as isLineElement2
-} from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
 import {
   KEYS as KEYS13,
   arrayToMap as arrayToMap4,
   tupleToCoors,
   updateActiveTool as updateActiveTool4
-} from "haoxin-excalidraw-sdk-common";
-import { isPathALoop } from "haoxin-excalidraw-sdk-element";
-import { isInvisiblySmallElement } from "haoxin-excalidraw-sdk-element";
-import { CaptureUpdateAction as CaptureUpdateAction8 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-common";
+import { isPathALoop } from "@haoxin-web/excalidraw-element";
+import { isInvisiblySmallElement } from "@haoxin-web/excalidraw-element";
+import { CaptureUpdateAction as CaptureUpdateAction8 } from "@haoxin-web/excalidraw-element";
 import { jsx as jsx37 } from "react/jsx-runtime";
 var actionFinalize = register({
   name: "finalize",
@@ -8168,9 +8203,9 @@ import {
   DEFAULT_EXPORT_PADDING as DEFAULT_EXPORT_PADDING2,
   EXPORT_SCALES,
   THEME as THEME7
-} from "haoxin-excalidraw-sdk-common";
-import { getNonDeletedElements as getNonDeletedElements7 } from "haoxin-excalidraw-sdk-element";
-import { CaptureUpdateAction as CaptureUpdateAction9 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-common";
+import { getNonDeletedElements as getNonDeletedElements7 } from "@haoxin-web/excalidraw-element";
+import { CaptureUpdateAction as CaptureUpdateAction9 } from "@haoxin-web/excalidraw-element";
 
 // components/CheckboxItem.tsx
 import clsx16 from "clsx";
@@ -8204,7 +8239,7 @@ var CheckboxItem = ({ children, checked, onChange, className }) => {
 };
 
 // components/DarkModeToggle.tsx
-import { THEME as THEME6 } from "haoxin-excalidraw-sdk-common";
+import { THEME as THEME6 } from "@haoxin-web/excalidraw-common";
 import { jsx as jsx39 } from "react/jsx-runtime";
 var DarkModeToggle = (props) => {
   const title = props.title || (props.value === THEME6.DARK ? t("buttons.lightMode") : t("buttons.darkMode"));
@@ -8239,7 +8274,7 @@ var ICONS = {
 
 // components/ProjectName.tsx
 import { useState as useState7 } from "react";
-import { focusNearestParent, KEYS as KEYS14 } from "haoxin-excalidraw-sdk-common";
+import { focusNearestParent, KEYS as KEYS14 } from "@haoxin-web/excalidraw-common";
 import { jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
 var ProjectName = (props) => {
   const { id } = useExcalidrawContainer();
@@ -8288,10 +8323,10 @@ import {
   MIME_TYPES as MIME_TYPES3,
   cloneJSON,
   SVG_DOCUMENT_PREAMBLE
-} from "haoxin-excalidraw-sdk-common";
-import { getNonDeletedElements as getNonDeletedElements6 } from "haoxin-excalidraw-sdk-element";
-import { isFrameLikeElement as isFrameLikeElement3 } from "haoxin-excalidraw-sdk-element";
-import { getElementsOverlappingFrame } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-common";
+import { getNonDeletedElements as getNonDeletedElements6 } from "@haoxin-web/excalidraw-element";
+import { isFrameLikeElement as isFrameLikeElement3 } from "@haoxin-web/excalidraw-element";
+import { getElementsOverlappingFrame } from "@haoxin-web/excalidraw-element";
 
 // clipboard.ts
 import {
@@ -8302,17 +8337,17 @@ import {
   isMemberOf,
   isPromiseLike as isPromiseLike2,
   EVENT as EVENT5
-} from "haoxin-excalidraw-sdk-common";
-import { mutateElement } from "haoxin-excalidraw-sdk-element";
-import { deepCopyElement } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-common";
+import { mutateElement } from "@haoxin-web/excalidraw-element";
+import { deepCopyElement } from "@haoxin-web/excalidraw-element";
 import {
   isFrameLikeElement as isFrameLikeElement2,
   isInitializedImageElement
-} from "haoxin-excalidraw-sdk-element";
-import { getContainingFrame } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { getContainingFrame } from "@haoxin-web/excalidraw-element";
 
 // charts.ts
-import { pointFrom as pointFrom3 } from "haoxin-excalidraw-sdk-math";
+import { pointFrom as pointFrom3 } from "@haoxin-web/excalidraw-math";
 import {
   COLOR_PALETTE as COLOR_PALETTE3,
   DEFAULT_CHART_COLOR_INDEX,
@@ -8322,12 +8357,12 @@ import {
   VERTICAL_ALIGN as VERTICAL_ALIGN2,
   randomId,
   isDevEnv as isDevEnv3
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 import {
   newTextElement,
   newLinearElement,
   newElement
-} from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
 var BAR_WIDTH = 32;
 var BAR_GAP = 12;
 var BAR_HEIGHT = 256;
@@ -9145,7 +9180,7 @@ var exportCanvas = async (type, elements, appState, files, {
     let blob = canvasToBlob(tempCanvas);
     if (appState.exportEmbedScene) {
       blob = blob.then(
-        (blob2) => import("./data/image-CVHJEERS.js").then(
+        (blob2) => import("./data/image-6VUVQVTV.js").then(
           ({ encodePngMetadata: encodePngMetadata2 }) => encodePngMetadata2({
             blob: blob2,
             metadata: serializeAsJSON(elements, appState, files, "local")
@@ -9485,8 +9520,8 @@ import {
   CODES as CODES3,
   KEYS as KEYS16,
   getLineHeight as getLineHeight2
-} from "haoxin-excalidraw-sdk-common";
-import { newElementWith as newElementWith5 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-common";
+import { newElementWith as newElementWith5 } from "@haoxin-web/excalidraw-element";
 import {
   hasBoundTextElement,
   canApplyRoundnessTypeToElement,
@@ -9495,12 +9530,12 @@ import {
   isArrowElement as isArrowElement2,
   isExcalidrawElement,
   isTextElement as isTextElement3
-} from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
 import {
   getBoundTextElement as getBoundTextElement2,
   redrawTextBoundingBox as redrawTextBoundingBox2
-} from "haoxin-excalidraw-sdk-element";
-import { CaptureUpdateAction as CaptureUpdateAction10 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { CaptureUpdateAction as CaptureUpdateAction10 } from "@haoxin-web/excalidraw-element";
 var copiedStyles = "{}";
 var actionCopyStyles = register({
   name: "copyStyles",
@@ -9610,10 +9645,10 @@ var actionPasteStyles = register({
 });
 
 // actions/actionMenu.tsx
-import { KEYS as KEYS17 } from "haoxin-excalidraw-sdk-common";
-import { getNonDeletedElements as getNonDeletedElements8 } from "haoxin-excalidraw-sdk-element";
-import { showSelectedShapeActions } from "haoxin-excalidraw-sdk-element";
-import { CaptureUpdateAction as CaptureUpdateAction11 } from "haoxin-excalidraw-sdk-element";
+import { KEYS as KEYS17 } from "@haoxin-web/excalidraw-common";
+import { getNonDeletedElements as getNonDeletedElements8 } from "@haoxin-web/excalidraw-element";
+import { showSelectedShapeActions } from "@haoxin-web/excalidraw-element";
+import { CaptureUpdateAction as CaptureUpdateAction11 } from "@haoxin-web/excalidraw-element";
 import { jsx as jsx42 } from "react/jsx-runtime";
 var actionToggleCanvasMenu = register({
   name: "toggleCanvasMenu",
@@ -9687,9 +9722,9 @@ var actionShortcuts = register({
 });
 
 // actions/actionGroup.tsx
-import { getNonDeletedElements as getNonDeletedElements9 } from "haoxin-excalidraw-sdk-element";
-import { newElementWith as newElementWith6 } from "haoxin-excalidraw-sdk-element";
-import { isBoundToContainer as isBoundToContainer3 } from "haoxin-excalidraw-sdk-element";
+import { getNonDeletedElements as getNonDeletedElements9 } from "@haoxin-web/excalidraw-element";
+import { newElementWith as newElementWith6 } from "@haoxin-web/excalidraw-element";
+import { isBoundToContainer as isBoundToContainer3 } from "@haoxin-web/excalidraw-element";
 import {
   frameAndChildrenSelectedTogether,
   getElementsInResizingFrame,
@@ -9698,8 +9733,8 @@ import {
   groupByFrameLikes,
   removeElementsFromFrame,
   replaceAllElementsInFrame
-} from "haoxin-excalidraw-sdk-element";
-import { KEYS as KEYS18, randomId as randomId2, arrayToMap as arrayToMap6, getShortcutKey as getShortcutKey6 } from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-element";
+import { KEYS as KEYS18, randomId as randomId2, arrayToMap as arrayToMap6, getShortcutKey as getShortcutKey6 } from "@haoxin-web/excalidraw-common";
 import {
   getSelectedGroupIds,
   selectGroup,
@@ -9708,9 +9743,9 @@ import {
   addToGroup,
   removeFromSelectedGroups,
   isElementInGroup
-} from "haoxin-excalidraw-sdk-element";
-import { syncMovedIndices as syncMovedIndices2 } from "haoxin-excalidraw-sdk-element";
-import { CaptureUpdateAction as CaptureUpdateAction12 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { syncMovedIndices as syncMovedIndices2 } from "@haoxin-web/excalidraw-element";
+import { CaptureUpdateAction as CaptureUpdateAction12 } from "@haoxin-web/excalidraw-element";
 import { jsx as jsx43 } from "react/jsx-runtime";
 var allElementsInSameGroup = (elements) => {
   if (elements.length >= 2) {
@@ -9936,7 +9971,7 @@ var actionUngroup = register({
 
 // actions/actionNavigate.tsx
 import clsx18 from "clsx";
-import { CaptureUpdateAction as CaptureUpdateAction13 } from "haoxin-excalidraw-sdk-element";
+import { CaptureUpdateAction as CaptureUpdateAction13 } from "@haoxin-web/excalidraw-element";
 
 // clients.ts
 import {
@@ -9945,7 +9980,7 @@ import {
   COLOR_WHITE,
   THEME as THEME8,
   UserIdleState
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 
 // renderer/roundRect.ts
 var roundRect = (context, x, y, width, height, radius, strokeColor) => {
@@ -10295,9 +10330,9 @@ var actionGoToCollaborator = register({
 });
 
 // actions/actionAddToLibrary.ts
-import { LIBRARY_DISABLED_TYPES, randomId as randomId3 } from "haoxin-excalidraw-sdk-common";
-import { deepCopyElement as deepCopyElement2 } from "haoxin-excalidraw-sdk-element";
-import { CaptureUpdateAction as CaptureUpdateAction14 } from "haoxin-excalidraw-sdk-element";
+import { LIBRARY_DISABLED_TYPES, randomId as randomId3 } from "@haoxin-web/excalidraw-common";
+import { deepCopyElement as deepCopyElement2 } from "@haoxin-web/excalidraw-element";
+import { CaptureUpdateAction as CaptureUpdateAction14 } from "@haoxin-web/excalidraw-element";
 var actionAddToLibrary = register({
   name: "addToLibrary",
   trackEvent: { category: "element" },
@@ -10350,13 +10385,13 @@ var actionAddToLibrary = register({
 });
 
 // actions/actionAlign.tsx
-import { getNonDeletedElements as getNonDeletedElements10 } from "haoxin-excalidraw-sdk-element";
-import { isFrameLikeElement as isFrameLikeElement5 } from "haoxin-excalidraw-sdk-element";
-import { updateFrameMembershipOfSelectedElements } from "haoxin-excalidraw-sdk-element";
-import { KEYS as KEYS19, arrayToMap as arrayToMap7, getShortcutKey as getShortcutKey7 } from "haoxin-excalidraw-sdk-common";
-import { alignElements } from "haoxin-excalidraw-sdk-element";
-import { CaptureUpdateAction as CaptureUpdateAction15 } from "haoxin-excalidraw-sdk-element";
-import { getSelectedElementsByGroup } from "haoxin-excalidraw-sdk-element";
+import { getNonDeletedElements as getNonDeletedElements10 } from "@haoxin-web/excalidraw-element";
+import { isFrameLikeElement as isFrameLikeElement5 } from "@haoxin-web/excalidraw-element";
+import { updateFrameMembershipOfSelectedElements } from "@haoxin-web/excalidraw-element";
+import { KEYS as KEYS19, arrayToMap as arrayToMap7, getShortcutKey as getShortcutKey7 } from "@haoxin-web/excalidraw-common";
+import { alignElements } from "@haoxin-web/excalidraw-element";
+import { CaptureUpdateAction as CaptureUpdateAction15 } from "@haoxin-web/excalidraw-element";
+import { getSelectedElementsByGroup } from "@haoxin-web/excalidraw-element";
 import { jsx as jsx46 } from "react/jsx-runtime";
 var alignActionsPredicate = (appState, app) => {
   const selectedElements = app.scene.getSelectedElements(appState);
@@ -10570,13 +10605,13 @@ var actionAlignHorizontallyCentered = register({
 });
 
 // actions/actionDistribute.tsx
-import { getNonDeletedElements as getNonDeletedElements11 } from "haoxin-excalidraw-sdk-element";
-import { isFrameLikeElement as isFrameLikeElement6 } from "haoxin-excalidraw-sdk-element";
-import { CODES as CODES4, KEYS as KEYS20, arrayToMap as arrayToMap8, getShortcutKey as getShortcutKey8 } from "haoxin-excalidraw-sdk-common";
-import { updateFrameMembershipOfSelectedElements as updateFrameMembershipOfSelectedElements2 } from "haoxin-excalidraw-sdk-element";
-import { distributeElements } from "haoxin-excalidraw-sdk-element";
-import { CaptureUpdateAction as CaptureUpdateAction16 } from "haoxin-excalidraw-sdk-element";
-import { getSelectedElementsByGroup as getSelectedElementsByGroup2 } from "haoxin-excalidraw-sdk-element";
+import { getNonDeletedElements as getNonDeletedElements11 } from "@haoxin-web/excalidraw-element";
+import { isFrameLikeElement as isFrameLikeElement6 } from "@haoxin-web/excalidraw-element";
+import { CODES as CODES4, KEYS as KEYS20, arrayToMap as arrayToMap8, getShortcutKey as getShortcutKey8 } from "@haoxin-web/excalidraw-common";
+import { updateFrameMembershipOfSelectedElements as updateFrameMembershipOfSelectedElements2 } from "@haoxin-web/excalidraw-element";
+import { distributeElements } from "@haoxin-web/excalidraw-element";
+import { CaptureUpdateAction as CaptureUpdateAction16 } from "@haoxin-web/excalidraw-element";
+import { getSelectedElementsByGroup as getSelectedElementsByGroup2 } from "@haoxin-web/excalidraw-element";
 import { jsx as jsx47 } from "react/jsx-runtime";
 var enableActionGroup2 = (appState, app) => {
   const selectedElements = app.scene.getSelectedElements(appState);
@@ -10662,23 +10697,23 @@ var distributeVertically = register({
 });
 
 // actions/actionFlip.ts
-import { getNonDeletedElements as getNonDeletedElements12 } from "haoxin-excalidraw-sdk-element";
+import { getNonDeletedElements as getNonDeletedElements12 } from "@haoxin-web/excalidraw-element";
 import {
   bindOrUnbindLinearElements,
   isBindingEnabled as isBindingEnabled2
-} from "haoxin-excalidraw-sdk-element";
-import { getCommonBoundingBox } from "haoxin-excalidraw-sdk-element";
-import { newElementWith as newElementWith7 } from "haoxin-excalidraw-sdk-element";
-import { deepCopyElement as deepCopyElement3 } from "haoxin-excalidraw-sdk-element";
-import { resizeMultipleElements } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { getCommonBoundingBox } from "@haoxin-web/excalidraw-element";
+import { newElementWith as newElementWith7 } from "@haoxin-web/excalidraw-element";
+import { deepCopyElement as deepCopyElement3 } from "@haoxin-web/excalidraw-element";
+import { resizeMultipleElements } from "@haoxin-web/excalidraw-element";
 import {
   isArrowElement as isArrowElement3,
   isElbowArrow as isElbowArrow3,
   isLinearElement as isLinearElement4
-} from "haoxin-excalidraw-sdk-element";
-import { updateFrameMembershipOfSelectedElements as updateFrameMembershipOfSelectedElements3 } from "haoxin-excalidraw-sdk-element";
-import { CODES as CODES5, KEYS as KEYS21, arrayToMap as arrayToMap9 } from "haoxin-excalidraw-sdk-common";
-import { CaptureUpdateAction as CaptureUpdateAction17 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { updateFrameMembershipOfSelectedElements as updateFrameMembershipOfSelectedElements3 } from "@haoxin-web/excalidraw-element";
+import { CODES as CODES5, KEYS as KEYS21, arrayToMap as arrayToMap9 } from "@haoxin-web/excalidraw-common";
+import { CaptureUpdateAction as CaptureUpdateAction17 } from "@haoxin-web/excalidraw-element";
 var actionFlipHorizontal = register({
   name: "flipHorizontal",
   label: "labels.flipHorizontal",
@@ -10808,10 +10843,10 @@ var flipElements = (selectedElements, elementsMap, appState, flipDirection, app)
 };
 
 // actions/actionClipboard.tsx
-import { isTextElement as isTextElement4 } from "haoxin-excalidraw-sdk-element";
-import { getTextFromElements } from "haoxin-excalidraw-sdk-element";
-import { CODES as CODES6, KEYS as KEYS22, isFirefox as isFirefox2 } from "haoxin-excalidraw-sdk-common";
-import { CaptureUpdateAction as CaptureUpdateAction18 } from "haoxin-excalidraw-sdk-element";
+import { isTextElement as isTextElement4 } from "@haoxin-web/excalidraw-element";
+import { getTextFromElements } from "@haoxin-web/excalidraw-element";
+import { CODES as CODES6, KEYS as KEYS22, isFirefox as isFirefox2 } from "@haoxin-web/excalidraw-common";
+import { CaptureUpdateAction as CaptureUpdateAction18 } from "@haoxin-web/excalidraw-element";
 var actionCopy = register({
   name: "copy",
   label: "labels.copy",
@@ -11044,8 +11079,8 @@ var copyText = register({
 });
 
 // actions/actionToggleGridMode.tsx
-import { CODES as CODES7, KEYS as KEYS23 } from "haoxin-excalidraw-sdk-common";
-import { CaptureUpdateAction as CaptureUpdateAction19 } from "haoxin-excalidraw-sdk-element";
+import { CODES as CODES7, KEYS as KEYS23 } from "@haoxin-web/excalidraw-common";
+import { CaptureUpdateAction as CaptureUpdateAction19 } from "@haoxin-web/excalidraw-element";
 var actionToggleGridMode = register({
   name: "gridMode",
   icon: gridIcon,
@@ -11074,8 +11109,8 @@ var actionToggleGridMode = register({
 });
 
 // actions/actionToggleZenMode.tsx
-import { CODES as CODES8, KEYS as KEYS24 } from "haoxin-excalidraw-sdk-common";
-import { CaptureUpdateAction as CaptureUpdateAction20 } from "haoxin-excalidraw-sdk-element";
+import { CODES as CODES8, KEYS as KEYS24 } from "@haoxin-web/excalidraw-common";
+import { CaptureUpdateAction as CaptureUpdateAction20 } from "@haoxin-web/excalidraw-element";
 var actionToggleZenMode = register({
   name: "zenMode",
   label: "buttons.zenMode",
@@ -11102,8 +11137,8 @@ var actionToggleZenMode = register({
 });
 
 // actions/actionToggleObjectsSnapMode.tsx
-import { CODES as CODES9, KEYS as KEYS25 } from "haoxin-excalidraw-sdk-common";
-import { CaptureUpdateAction as CaptureUpdateAction21 } from "haoxin-excalidraw-sdk-element";
+import { CODES as CODES9, KEYS as KEYS25 } from "@haoxin-web/excalidraw-common";
+import { CaptureUpdateAction as CaptureUpdateAction21 } from "@haoxin-web/excalidraw-element";
 var actionToggleObjectsSnapMode = register({
   name: "objectsSnapMode",
   label: "buttons.objectsSnapMode",
@@ -11131,8 +11166,8 @@ var actionToggleObjectsSnapMode = register({
 });
 
 // actions/actionToggleStats.tsx
-import { CODES as CODES10, KEYS as KEYS26 } from "haoxin-excalidraw-sdk-common";
-import { CaptureUpdateAction as CaptureUpdateAction22 } from "haoxin-excalidraw-sdk-element";
+import { CODES as CODES10, KEYS as KEYS26 } from "@haoxin-web/excalidraw-common";
+import { CaptureUpdateAction as CaptureUpdateAction22 } from "@haoxin-web/excalidraw-element";
 var actionToggleStats = register({
   name: "stats",
   label: "stats.fullTitle",
@@ -11161,29 +11196,29 @@ import {
   VERTICAL_ALIGN as VERTICAL_ALIGN3,
   arrayToMap as arrayToMap10,
   getFontString
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 import {
   getOriginalContainerHeightFromCache,
   resetOriginalContainerCache,
   updateOriginalContainerCache
-} from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
 import {
   computeBoundTextPosition,
   computeContainerDimensionForBoundText,
   getBoundTextElement as getBoundTextElement3,
   redrawTextBoundingBox as redrawTextBoundingBox3
-} from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
 import {
   hasBoundTextElement as hasBoundTextElement2,
   isArrowElement as isArrowElement4,
   isTextBindableContainer,
   isTextElement as isTextElement5,
   isUsingAdaptiveRadius as isUsingAdaptiveRadius2
-} from "haoxin-excalidraw-sdk-element";
-import { measureText } from "haoxin-excalidraw-sdk-element";
-import { syncMovedIndices as syncMovedIndices3 } from "haoxin-excalidraw-sdk-element";
-import { newElement as newElement2 } from "haoxin-excalidraw-sdk-element";
-import { CaptureUpdateAction as CaptureUpdateAction23 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { measureText } from "@haoxin-web/excalidraw-element";
+import { syncMovedIndices as syncMovedIndices3 } from "@haoxin-web/excalidraw-element";
+import { newElement as newElement2 } from "@haoxin-web/excalidraw-element";
+import { CaptureUpdateAction as CaptureUpdateAction23 } from "@haoxin-web/excalidraw-element";
 var actionUnbindText = register({
   name: "unbindText",
   label: "labels.unbindText",
@@ -11417,12 +11452,12 @@ var actionWrapTextInContainer = register({
 });
 
 // actions/actionLink.tsx
-import { isEmbeddableElement as isEmbeddableElement2 } from "haoxin-excalidraw-sdk-element";
-import { KEYS as KEYS28, getShortcutKey as getShortcutKey9 } from "haoxin-excalidraw-sdk-common";
-import { CaptureUpdateAction as CaptureUpdateAction24 } from "haoxin-excalidraw-sdk-element";
+import { isEmbeddableElement as isEmbeddableElement2 } from "@haoxin-web/excalidraw-element";
+import { KEYS as KEYS28, getShortcutKey as getShortcutKey9 } from "@haoxin-web/excalidraw-common";
+import { CaptureUpdateAction as CaptureUpdateAction24 } from "@haoxin-web/excalidraw-element";
 
 // components/hyperlink/Hyperlink.tsx
-import { pointFrom as pointFrom4 } from "haoxin-excalidraw-sdk-math";
+import { pointFrom as pointFrom4 } from "@haoxin-web/excalidraw-math";
 import clsx19 from "clsx";
 import {
   useCallback as useCallback4,
@@ -11431,19 +11466,19 @@ import {
   useRef as useRef12,
   useState as useState9
 } from "react";
-import { EVENT as EVENT6, HYPERLINK_TOOLTIP_DELAY, KEYS as KEYS27 } from "haoxin-excalidraw-sdk-common";
-import { getElementAbsoluteCoords } from "haoxin-excalidraw-sdk-element";
-import { hitElementBoundingBox } from "haoxin-excalidraw-sdk-element";
-import { isElementLink } from "haoxin-excalidraw-sdk-element";
-import { getEmbedLink, embeddableURLValidator } from "haoxin-excalidraw-sdk-element";
+import { EVENT as EVENT6, HYPERLINK_TOOLTIP_DELAY, KEYS as KEYS27 } from "@haoxin-web/excalidraw-common";
+import { getElementAbsoluteCoords } from "@haoxin-web/excalidraw-element";
+import { hitElementBoundingBox } from "@haoxin-web/excalidraw-element";
+import { isElementLink } from "@haoxin-web/excalidraw-element";
+import { getEmbedLink, embeddableURLValidator } from "@haoxin-web/excalidraw-element";
 import {
   sceneCoordsToViewportCoords,
   viewportCoordsToSceneCoords,
   wrapEvent,
   isLocalLink,
   normalizeLink
-} from "haoxin-excalidraw-sdk-common";
-import { isEmbeddableElement } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-common";
+import { isEmbeddableElement } from "@haoxin-web/excalidraw-element";
 import { jsx as jsx48, jsxs as jsxs26 } from "react/jsx-runtime";
 var POPUP_WIDTH = 380;
 var POPUP_HEIGHT = 42;
@@ -11822,13 +11857,13 @@ var actionLink = register({
 });
 
 // actions/actionElementLock.ts
-import { KEYS as KEYS29, arrayToMap as arrayToMap11, randomId as randomId4 } from "haoxin-excalidraw-sdk-common";
+import { KEYS as KEYS29, arrayToMap as arrayToMap11, randomId as randomId4 } from "@haoxin-web/excalidraw-common";
 import {
   elementsAreInSameGroup,
   newElementWith as newElementWith8,
   selectGroupsFromGivenElements
-} from "haoxin-excalidraw-sdk-element";
-import { CaptureUpdateAction as CaptureUpdateAction25 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { CaptureUpdateAction as CaptureUpdateAction25 } from "@haoxin-web/excalidraw-element";
 var shouldLock = (elements) => elements.every((el) => !el.locked);
 var actionToggleElementLock = register({
   name: "toggleElementLock",
@@ -11974,12 +12009,12 @@ import {
   isElbowArrow as isElbowArrow7,
   isLinearElement as isLinearElement9,
   isLineElement as isLineElement4
-} from "haoxin-excalidraw-sdk-element";
-import { arrayToMap as arrayToMap20, invariant as invariant8 } from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-element";
+import { arrayToMap as arrayToMap20, invariant as invariant8 } from "@haoxin-web/excalidraw-common";
 import {
   toggleLinePolygonState as toggleLinePolygonState3,
   CaptureUpdateAction as CaptureUpdateAction28
-} from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
 
 // components/CommandPalette/CommandPalette.tsx
 import clsx32 from "clsx";
@@ -11992,18 +12027,18 @@ import {
   capitalizeString as capitalizeString2,
   getShortcutKey as getShortcutKey11,
   isWritableElement
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 
 // actions/actionToggleShapeSwitch.tsx
-import { CaptureUpdateAction as CaptureUpdateAction26 } from "haoxin-excalidraw-sdk-element";
+import { CaptureUpdateAction as CaptureUpdateAction26 } from "@haoxin-web/excalidraw-element";
 
 // components/ConvertElementTypePopup.tsx
 import { useEffect as useEffect16, useMemo as useMemo5, useRef as useRef13, useState as useState10 } from "react";
 import {
   getLinearElementSubType,
   updateElbowArrowPoints as updateElbowArrowPoints2
-} from "haoxin-excalidraw-sdk-element";
-import { pointFrom as pointFrom5, pointRotateRads } from "haoxin-excalidraw-sdk-math";
+} from "@haoxin-web/excalidraw-element";
+import { pointFrom as pointFrom5, pointRotateRads } from "@haoxin-web/excalidraw-math";
 import {
   hasBoundTextElement as hasBoundTextElement3,
   isArrowBoundToElement,
@@ -12011,18 +12046,18 @@ import {
   isElbowArrow as isElbowArrow4,
   isLinearElement as isLinearElement5,
   isUsingAdaptiveRadius as isUsingAdaptiveRadius3
-} from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
 import {
   getCommonBoundingBox as getCommonBoundingBox2,
   getElementAbsoluteCoords as getElementAbsoluteCoords2
-} from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
 import {
   getBoundTextElement as getBoundTextElement4,
   getBoundTextMaxHeight,
   getBoundTextMaxWidth,
   redrawTextBoundingBox as redrawTextBoundingBox4
-} from "haoxin-excalidraw-sdk-element";
-import { wrapText } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { wrapText } from "@haoxin-web/excalidraw-element";
 import {
   assertNever,
   CLASSES,
@@ -12031,16 +12066,16 @@ import {
   mapFind,
   reduceToCommonValue as reduceToCommonValue2,
   updateActiveTool as updateActiveTool5
-} from "haoxin-excalidraw-sdk-common";
-import { measureText as measureText2 } from "haoxin-excalidraw-sdk-element";
-import { LinearElementEditor as LinearElementEditor6 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-common";
+import { measureText as measureText2 } from "@haoxin-web/excalidraw-element";
+import { LinearElementEditor as LinearElementEditor6 } from "@haoxin-web/excalidraw-element";
 import {
   newArrowElement,
   newElement as newElement3,
   newLinearElement as newLinearElement2
-} from "haoxin-excalidraw-sdk-element";
-import { ShapeCache } from "haoxin-excalidraw-sdk-element";
-import { updateBindings } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { ShapeCache } from "@haoxin-web/excalidraw-element";
+import { updateBindings } from "@haoxin-web/excalidraw-element";
 import { jsx as jsx50 } from "react/jsx-runtime";
 var GAP_HORIZONTAL = 8;
 var GAP_VERTICAL = 10;
@@ -12631,8 +12666,8 @@ import {
   canCreateLinkFromElements,
   defaultGetElementLinkFromSelection,
   getLinkIdAndTypeFromSelection
-} from "haoxin-excalidraw-sdk-element";
-import { CaptureUpdateAction as CaptureUpdateAction27 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { CaptureUpdateAction as CaptureUpdateAction27 } from "@haoxin-web/excalidraw-element";
 var actionCopyElementLink = register({
   name: "copyElementLink",
   label: "labels.copyElementLink",
@@ -12715,7 +12750,7 @@ var actionLinkToElement = register({
 });
 
 // actions/shortcuts.ts
-import { isDarwin as isDarwin2, getShortcutKey as getShortcutKey10 } from "haoxin-excalidraw-sdk-common";
+import { isDarwin as isDarwin2, getShortcutKey as getShortcutKey10 } from "@haoxin-web/excalidraw-common";
 var shortcutMap = {
   toggleTheme: [getShortcutKey10("Shift+Alt+D")],
   saveScene: [getShortcutKey10("CtrlOrCmd+S")],
@@ -12993,7 +13028,7 @@ var deburr = (str) => {
 // components/Dialog.tsx
 import clsx28 from "clsx";
 import { useEffect as useEffect26, useState as useState19 } from "react";
-import { KEYS as KEYS32, queryFocusableElements } from "haoxin-excalidraw-sdk-common";
+import { KEYS as KEYS32, queryFocusableElements } from "@haoxin-web/excalidraw-common";
 
 // hooks/useCallbackRefState.ts
 import { useCallback as useCallback5, useState as useState11 } from "react";
@@ -13016,7 +13051,7 @@ import {
   LIBRARY_DISABLED_TYPES as LIBRARY_DISABLED_TYPES2,
   randomId as randomId5,
   isShallowEqual
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 
 // data/library.ts
 import { useEffect as useEffect18, useRef as useRef14 } from "react";
@@ -13035,12 +13070,12 @@ import {
   toValidURL,
   Queue,
   Emitter
-} from "haoxin-excalidraw-sdk-common";
-import { hashElementsVersion, hashString } from "haoxin-excalidraw-sdk-element";
-import { getCommonBoundingBox as getCommonBoundingBox3 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-common";
+import { hashElementsVersion, hashString } from "@haoxin-web/excalidraw-element";
+import { getCommonBoundingBox as getCommonBoundingBox3 } from "@haoxin-web/excalidraw-element";
 
 // ../utils/src/export.ts
-import { MIME_TYPES as MIME_TYPES4 } from "haoxin-excalidraw-sdk-common";
+import { MIME_TYPES as MIME_TYPES4 } from "@haoxin-web/excalidraw-common";
 var exportToCanvas2 = ({
   elements,
   appState,
@@ -13177,7 +13212,7 @@ var exportToClipboard = async (opts) => {
 
 // hooks/useLibraryItemSvg.ts
 import { useEffect as useEffect17, useState as useState12 } from "react";
-import { COLOR_PALETTE as COLOR_PALETTE4 } from "haoxin-excalidraw-sdk-common";
+import { COLOR_PALETTE as COLOR_PALETTE4 } from "@haoxin-web/excalidraw-common";
 var libraryItemSvgsCache = atom(/* @__PURE__ */ new Map());
 var exportLibraryItemToSvg = async (elements) => {
   return await exportToSvg2({
@@ -13797,7 +13832,7 @@ var useHandleLibrary = (opts) => {
 import clsx20 from "clsx";
 
 // components/LibraryMenuBrowseButton.tsx
-import { VERSIONS } from "haoxin-excalidraw-sdk-common";
+import { VERSIONS } from "@haoxin-web/excalidraw-common";
 import { jsx as jsx51 } from "react/jsx-runtime";
 var LibraryMenuBrowseButton = ({
   theme,
@@ -13855,8 +13890,8 @@ import {
   useRef as useRef18,
   useState as useState17
 } from "react";
-import { MIME_TYPES as MIME_TYPES6, arrayToMap as arrayToMap13 } from "haoxin-excalidraw-sdk-common";
-import { duplicateElements as duplicateElements2 } from "haoxin-excalidraw-sdk-element";
+import { MIME_TYPES as MIME_TYPES6, arrayToMap as arrayToMap13 } from "@haoxin-web/excalidraw-common";
+import { duplicateElements as duplicateElements2 } from "@haoxin-web/excalidraw-element";
 
 // hooks/useScrollPosition.ts
 import throttle from "lodash.throttle";
@@ -13885,7 +13920,7 @@ var useScrollPosition = (elementRef) => {
 // components/LibraryMenuHeaderContent.tsx
 import clsx25 from "clsx";
 import { useCallback as useCallback7, useState as useState14 } from "react";
-import { muteFSAbortError } from "haoxin-excalidraw-sdk-common";
+import { muteFSAbortError } from "@haoxin-web/excalidraw-common";
 
 // components/ConfirmDialog.tsx
 import { flushSync } from "react-dom";
@@ -13993,7 +14028,7 @@ import {
   VERSIONS as VERSIONS2,
   chunk,
   getExportSource
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 
 // data/EditorLocalStorage.ts
 var EditorLocalStorage = class {
@@ -14566,7 +14601,7 @@ var PublishLibrary_default = PublishLibrary;
 // components/dropdownMenu/DropdownMenuContent.tsx
 import clsx23 from "clsx";
 import { useEffect as useEffect21, useRef as useRef16 } from "react";
-import { EVENT as EVENT8, KEYS as KEYS30 } from "haoxin-excalidraw-sdk-common";
+import { EVENT as EVENT8, KEYS as KEYS30 } from "@haoxin-web/excalidraw-common";
 
 // components/Stack.tsx
 import { forwardRef as forwardRef2 } from "react";
@@ -15649,7 +15684,7 @@ var LibraryMenu = memo3(() => {
 import clsx27 from "clsx";
 import { useRef as useRef20 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
-import { KEYS as KEYS31 } from "haoxin-excalidraw-sdk-common";
+import { KEYS as KEYS31 } from "@haoxin-web/excalidraw-common";
 import { jsx as jsx67, jsxs as jsxs36 } from "react/jsx-runtime";
 var Modal = (props) => {
   const { closeOnClickOutside = true } = props;
@@ -15804,7 +15839,7 @@ import {
 
 // components/Button.tsx
 import clsx29 from "clsx";
-import { composeEventHandlers as composeEventHandlers2 } from "haoxin-excalidraw-sdk-common";
+import { composeEventHandlers as composeEventHandlers2 } from "@haoxin-web/excalidraw-common";
 import { jsx as jsx69 } from "react/jsx-runtime";
 var Button = ({
   type = "button",
@@ -15906,7 +15941,7 @@ var TextField = forwardRef3(
 );
 
 // components/shapes.tsx
-import { KEYS as KEYS33 } from "haoxin-excalidraw-sdk-common";
+import { KEYS as KEYS33 } from "@haoxin-web/excalidraw-common";
 var SHAPES = [
   {
     icon: SelectionIcon,
@@ -16071,19 +16106,19 @@ import {
   KEYS as KEYS34,
   capitalizeString,
   isTransparent as isTransparent3
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 import {
   shouldAllowVerticalAlign,
   suppportsHorizontalAlign
-} from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
 import {
   hasBoundTextElement as hasBoundTextElement4,
   isElbowArrow as isElbowArrow5,
   isImageElement,
   isLinearElement as isLinearElement6,
   isTextElement as isTextElement6
-} from "haoxin-excalidraw-sdk-element";
-import { hasStrokeColor as hasStrokeColor2, toolIsArrow } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { hasStrokeColor as hasStrokeColor2, toolIsArrow } from "@haoxin-web/excalidraw-element";
 
 // context/tunnels.ts
 import { createIsolation as createIsolation2 } from "jotai-scope";
@@ -16265,19 +16300,27 @@ var ShapesSwitcher = ({
               }
               if (value === "freedraw") {
                 window.dispatchEvent(
-                  new CustomEvent("leftflyout:toggle", { detail: { group: "freedraw" } })
+                  new CustomEvent("leftflyout:toggle", {
+                    detail: { group: "freedraw" }
+                  })
                 );
               } else if (value === "line") {
                 window.dispatchEvent(
-                  new CustomEvent("leftflyout:toggle", { detail: { group: "line" } })
+                  new CustomEvent("leftflyout:toggle", {
+                    detail: { group: "line" }
+                  })
                 );
               } else if (value === "rectangle") {
                 window.dispatchEvent(
-                  new CustomEvent("leftflyout:toggle", { detail: { group: "shapes" } })
+                  new CustomEvent("leftflyout:toggle", {
+                    detail: { group: "shapes" }
+                  })
                 );
               } else if (value === "text") {
                 window.dispatchEvent(
-                  new CustomEvent("leftflyout:toggle", { detail: { group: "text" } })
+                  new CustomEvent("leftflyout:toggle", {
+                    detail: { group: "text" }
+                  })
                 );
               }
               if (value === "selection") {
@@ -16345,23 +16388,18 @@ var ShapesSwitcher = ({
 };
 var ZoomActions = ({
   renderAction,
-  zoom
-}) => /* @__PURE__ */ jsx71(Stack_default.Col, { gap: 1, className: CLASSES2.ZOOM_ACTIONS, children: /* @__PURE__ */ jsxs39(Stack_default.Row, { align: "center", children: [
-  renderAction("zoomOut"),
-  renderAction("resetZoom"),
-  renderAction("zoomIn")
-] }) });
-var UndoRedoActions = ({
-  renderAction,
-  className
-}) => /* @__PURE__ */ jsxs39("div", { className: `undo-redo-buttons ${className}`, style: { display: "none" }, children: [
-  /* @__PURE__ */ jsx71("div", { className: "undo-button-container", children: /* @__PURE__ */ jsx71(Tooltip, { label: t("buttons.undo"), children: renderAction("undo") }) }),
-  /* @__PURE__ */ jsx71("div", { className: "redo-button-container", children: /* @__PURE__ */ jsxs39(Tooltip, { label: t("buttons.redo"), children: [
-    " ",
-    renderAction("redo")
-  ] }) }),
-  /* @__PURE__ */ jsx71("div", { className: "clear-button-container", children: /* @__PURE__ */ jsx71(Tooltip, { label: t("labels.clearCanvas"), children: renderAction("clearCanvas") }) })
-] });
+  zoom,
+  visible = true
+}) => {
+  if (!visible) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx71(Stack_default.Col, { gap: 1, className: CLASSES2.ZOOM_ACTIONS, children: /* @__PURE__ */ jsxs39(Stack_default.Row, { align: "center", children: [
+    renderAction("zoomOut"),
+    renderAction("resetZoom"),
+    renderAction("zoomIn")
+  ] }) });
+};
 var ExitZenModeAction = ({
   actionManager,
   showExitZenModeBtn
@@ -17169,14 +17207,14 @@ import {
   getSizeFromPoints as getSizeFromPoints2,
   randomInteger as randomInteger2,
   getUpdatedTimestamp
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 
 // ../element/src/shape.ts
 import { simplify } from "points-on-curve";
 
 // ../utils/src/shape.ts
 import { pointsOnBezierCurves } from "points-on-curve";
-import { invariant } from "haoxin-excalidraw-sdk-common";
+import { invariant } from "@haoxin-web/excalidraw-common";
 import {
   curve,
   lineSegment,
@@ -17193,8 +17231,8 @@ import {
   vectorAdd,
   vectorFromPoint,
   vectorScale
-} from "haoxin-excalidraw-sdk-math";
-import { getElementAbsoluteCoords as getElementAbsoluteCoords3 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-math";
+import { getElementAbsoluteCoords as getElementAbsoluteCoords3 } from "@haoxin-web/excalidraw-element";
 var getCurvePathOps = (shape) => {
   if (!shape) {
     return [];
@@ -17212,20 +17250,20 @@ import {
   pointFrom as pointFrom18,
   pointDistance as pointDistance7,
   pointRotateRads as pointRotateRads12
-} from "haoxin-excalidraw-sdk-math";
+} from "@haoxin-web/excalidraw-math";
 import {
   ROUGHNESS,
   isTransparent as isTransparent5,
   assertNever as assertNever3,
   COLOR_PALETTE as COLOR_PALETTE5,
   LINE_POLYGON_POINT_MERGE_DISTANCE
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 import { RoughGenerator } from "roughjs/bin/generator";
 
 // ../element/src/renderElement.ts
 import rough2 from "roughjs/bin/rough";
 import { getStroke } from "perfect-freehand";
-import { isRightAngleRads } from "haoxin-excalidraw-sdk-math";
+import { isRightAngleRads } from "@haoxin-web/excalidraw-math";
 import {
   BOUND_TEXT_PADDING as BOUND_TEXT_PADDING4,
   DEFAULT_REDUCED_GLOBAL_ALPHA,
@@ -17237,7 +17275,7 @@ import {
   getFontString as getFontString5,
   isRTL,
   getVerticalOffset
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 
 // ../element/src/bounds.ts
 import rough from "roughjs/bin/rough";
@@ -17246,7 +17284,7 @@ import {
   invariant as invariant7,
   rescalePoints,
   sizeOf
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 import {
   degreesToRadians,
   lineSegment as lineSegment5,
@@ -17254,7 +17292,7 @@ import {
   pointFrom as pointFrom14,
   pointFromArray as pointFromArray3,
   pointRotateRads as pointRotateRads9
-} from "haoxin-excalidraw-sdk-math";
+} from "@haoxin-web/excalidraw-math";
 import { pointsOnBezierCurves as pointsOnBezierCurves2 } from "points-on-curve";
 
 // ../element/src/linearElementEditor.ts
@@ -17267,7 +17305,7 @@ import {
   vectorFromPoint as vectorFromPoint6,
   curveLength,
   curvePointAtLength
-} from "haoxin-excalidraw-sdk-math";
+} from "@haoxin-web/excalidraw-math";
 import {
   DRAGGING_THRESHOLD,
   KEYS as KEYS37,
@@ -17276,11 +17314,11 @@ import {
   invariant as invariant6,
   tupleToCoors as tupleToCoors4,
   viewportCoordsToSceneCoords as viewportCoordsToSceneCoords3
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 import {
   deconstructLinearOrFreeDrawElement as deconstructLinearOrFreeDrawElement2,
   isPathALoop as isPathALoop3
-} from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
 
 // ../element/src/binding.ts
 import {
@@ -17291,7 +17329,7 @@ import {
   invariant as invariant5,
   isDevEnv as isDevEnv7,
   isTestEnv as isTestEnv4
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 import {
   lineSegment as lineSegment4,
   pointFrom as pointFrom12,
@@ -17307,10 +17345,10 @@ import {
   pointsEqual as pointsEqual5,
   lineSegmentIntersectionPoints as lineSegmentIntersectionPoints2,
   PRECISION as PRECISION2
-} from "haoxin-excalidraw-sdk-math";
+} from "@haoxin-web/excalidraw-math";
 
 // ../element/src/collision.ts
-import { isTransparent as isTransparent4 } from "haoxin-excalidraw-sdk-common";
+import { isTransparent as isTransparent4 } from "@haoxin-web/excalidraw-common";
 import {
   curveIntersectLineSegment,
   isPointWithinBounds,
@@ -17323,11 +17361,11 @@ import {
   vectorFromPoint as vectorFromPoint2,
   vectorNormalize,
   vectorScale as vectorScale2
-} from "haoxin-excalidraw-sdk-math";
+} from "@haoxin-web/excalidraw-math";
 import {
   ellipse as ellipse2,
   ellipseSegmentInterceptPoints
-} from "haoxin-excalidraw-sdk-math/ellipse";
+} from "@haoxin-web/excalidraw-math/ellipse";
 
 // ../element/src/utils.ts
 import {
@@ -17335,7 +17373,7 @@ import {
   DEFAULT_PROPORTIONAL_RADIUS,
   LINE_CONFIRM_THRESHOLD,
   ROUNDNESS as ROUNDNESS4
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 import {
   curve as curve2,
   curveCatmullRomCubicApproxPoints,
@@ -17345,7 +17383,7 @@ import {
   pointFrom as pointFrom7,
   pointFromArray as pointFromArray2,
   rectangle
-} from "haoxin-excalidraw-sdk-math";
+} from "@haoxin-web/excalidraw-math";
 var isPathALoop2 = (points, zoomValue = 1) => {
   if (points.length >= 3) {
     const [first, last] = [points[0], points[points.length - 1]];
@@ -17370,8 +17408,8 @@ var getCornerRadius = (x, element) => {
 };
 
 // ../element/src/typeChecks.ts
-import { ROUNDNESS as ROUNDNESS5 } from "haoxin-excalidraw-sdk-common";
-import { pointsEqual } from "haoxin-excalidraw-sdk-math";
+import { ROUNDNESS as ROUNDNESS5 } from "@haoxin-web/excalidraw-common";
+import { pointsEqual } from "@haoxin-web/excalidraw-math";
 var isEmbeddableElement3 = (element) => {
   return !!element && element.type === "embeddable";
 };
@@ -17414,8 +17452,8 @@ import {
   getFontString as getFontString4,
   isProdEnv as isProdEnv2,
   invariant as invariant2
-} from "haoxin-excalidraw-sdk-common";
-import { pointFrom as pointFrom8, pointRotateRads as pointRotateRads3 } from "haoxin-excalidraw-sdk-math";
+} from "@haoxin-web/excalidraw-common";
+import { pointFrom as pointFrom8, pointRotateRads as pointRotateRads3 } from "@haoxin-web/excalidraw-math";
 
 // ../element/src/textMeasurements.ts
 import {
@@ -17425,22 +17463,22 @@ import {
   getFontString as getFontString3,
   isTestEnv,
   normalizeEOL
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 var DUMMY_TEXT = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789".toLocaleUpperCase();
 
 // ../element/src/textWrapping.ts
-import { isDevEnv as isDevEnv4, isTestEnv as isTestEnv2 } from "haoxin-excalidraw-sdk-common";
+import { isDevEnv as isDevEnv4, isTestEnv as isTestEnv2 } from "@haoxin-web/excalidraw-common";
 
 // ../element/src/distance.ts
 import {
   curvePointDistance,
   distanceToLineSegment,
   pointRotateRads as pointRotateRads4
-} from "haoxin-excalidraw-sdk-math";
-import { ellipse, ellipseDistanceFromPoint } from "haoxin-excalidraw-sdk-math/ellipse";
+} from "@haoxin-web/excalidraw-math";
+import { ellipse, ellipseDistanceFromPoint } from "@haoxin-web/excalidraw-math/ellipse";
 
 // ../element/src/heading.ts
-import { invariant as invariant3, isDevEnv as isDevEnv5, isTestEnv as isTestEnv3 } from "haoxin-excalidraw-sdk-common";
+import { invariant as invariant3, isDevEnv as isDevEnv5, isTestEnv as isTestEnv3 } from "@haoxin-web/excalidraw-common";
 import {
   pointFrom as pointFrom10,
   pointFromVector as pointFromVector3,
@@ -17451,7 +17489,7 @@ import {
   vectorCross,
   vectorFromPoint as vectorFromPoint3,
   vectorScale as vectorScale3
-} from "haoxin-excalidraw-sdk-math";
+} from "@haoxin-web/excalidraw-math";
 var HEADING_RIGHT = [1, 0];
 var HEADING_DOWN = [0, 1];
 var HEADING_LEFT = [-1, 0];
@@ -17486,7 +17524,7 @@ import {
   vectorCross as vectorCross2,
   vectorFromPoint as vectorFromPoint4,
   vectorScale as vectorScale4
-} from "haoxin-excalidraw-sdk-math";
+} from "@haoxin-web/excalidraw-math";
 import {
   BinaryHeap,
   invariant as invariant4,
@@ -17495,19 +17533,19 @@ import {
   getSizeFromPoints,
   isDevEnv as isDevEnv6,
   arrayToMap as arrayToMap14
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 
 // ../element/src/sizeHelpers.ts
 import {
   SHIFT_LOCKING_ANGLE,
   viewportCoordsToSceneCoords as viewportCoordsToSceneCoords2
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 import {
   normalizeRadians,
   radiansBetweenAngles,
   radiansDifference
-} from "haoxin-excalidraw-sdk-math";
-import { pointsEqual as pointsEqual6 } from "haoxin-excalidraw-sdk-math";
+} from "@haoxin-web/excalidraw-math";
+import { pointsEqual as pointsEqual6 } from "@haoxin-web/excalidraw-math";
 
 // ../element/src/bounds.ts
 var getDiamondPoints = (element) => {
@@ -17675,34 +17713,34 @@ import {
   pointFromVector as pointFromVector5,
   clamp as clamp4,
   isCloseTo
-} from "haoxin-excalidraw-sdk-math";
+} from "@haoxin-web/excalidraw-math";
 
 // ../element/src/frame.ts
-import { arrayToMap as arrayToMap19 } from "haoxin-excalidraw-sdk-common";
-import { isPointWithinBounds as isPointWithinBounds2, pointFrom as pointFrom17 } from "haoxin-excalidraw-sdk-math";
+import { arrayToMap as arrayToMap19 } from "@haoxin-web/excalidraw-common";
+import { isPointWithinBounds as isPointWithinBounds2, pointFrom as pointFrom17 } from "@haoxin-web/excalidraw-math";
 
 // ../utils/src/bbox.ts
 import {
   vectorCross as vectorCross4,
   vectorFromPoint as vectorFromPoint8
-} from "haoxin-excalidraw-sdk-math";
+} from "@haoxin-web/excalidraw-math";
 
 // ../utils/src/withinBounds.ts
-import { arrayToMap as arrayToMap17 } from "haoxin-excalidraw-sdk-common";
-import { getElementBounds as getElementBounds2 } from "haoxin-excalidraw-sdk-element";
+import { arrayToMap as arrayToMap17 } from "@haoxin-web/excalidraw-common";
+import { getElementBounds as getElementBounds2 } from "@haoxin-web/excalidraw-element";
 import {
   isArrowElement as isArrowElement7,
   isExcalidrawElement as isExcalidrawElement2,
   isFreeDrawElement as isFreeDrawElement3,
   isLinearElement as isLinearElement8,
   isTextElement as isTextElement8
-} from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
 import {
   rangeIncludesValue,
   pointFrom as pointFrom16,
   pointRotateRads as pointRotateRads11,
   rangeInclusive
-} from "haoxin-excalidraw-sdk-math";
+} from "@haoxin-web/excalidraw-math";
 var getNonLinearElementRelativePoints = (element) => {
   if (element.type === "diamond") {
     return [
@@ -17828,7 +17866,7 @@ var elementsOverlappingBBox = ({
 };
 
 // ../element/src/selection.ts
-import { arrayToMap as arrayToMap18, isShallowEqual as isShallowEqual2 } from "haoxin-excalidraw-sdk-common";
+import { arrayToMap as arrayToMap18, isShallowEqual as isShallowEqual2 } from "@haoxin-web/excalidraw-common";
 
 // ../element/src/groups.ts
 var selectGroupsForSelectedElements4 = function() {
@@ -18818,8 +18856,8 @@ import {
   CANVAS_SEARCH_TAB,
   CLASSES as CLASSES3,
   DEFAULT_SIDEBAR as DEFAULT_SIDEBAR3
-} from "haoxin-excalidraw-sdk-common";
-import { CaptureUpdateAction as CaptureUpdateAction29 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-common";
+import { CaptureUpdateAction as CaptureUpdateAction29 } from "@haoxin-web/excalidraw-element";
 var actionToggleSearchMenu = register({
   name: "searchMenu",
   icon: searchIcon,
@@ -18860,8 +18898,8 @@ var actionToggleSearchMenu = register({
 });
 
 // actions/actionCropEditor.tsx
-import { isImageElement as isImageElement3 } from "haoxin-excalidraw-sdk-element";
-import { CaptureUpdateAction as CaptureUpdateAction30 } from "haoxin-excalidraw-sdk-element";
+import { isImageElement as isImageElement3 } from "@haoxin-web/excalidraw-element";
+import { CaptureUpdateAction as CaptureUpdateAction30 } from "@haoxin-web/excalidraw-element";
 import { jsx as jsx75 } from "react/jsx-runtime";
 var actionToggleCropEditor = register({
   name: "cropEditor",
@@ -18907,19 +18945,19 @@ var actionToggleCropEditor = register({
 });
 
 // actions/actionFrame.ts
-import { getNonDeletedElements as getNonDeletedElements13 } from "haoxin-excalidraw-sdk-element";
-import { mutateElement as mutateElement4 } from "haoxin-excalidraw-sdk-element";
-import { newFrameElement } from "haoxin-excalidraw-sdk-element";
-import { isFrameLikeElement as isFrameLikeElement8 } from "haoxin-excalidraw-sdk-element";
+import { getNonDeletedElements as getNonDeletedElements13 } from "@haoxin-web/excalidraw-element";
+import { mutateElement as mutateElement4 } from "@haoxin-web/excalidraw-element";
+import { newFrameElement } from "@haoxin-web/excalidraw-element";
+import { isFrameLikeElement as isFrameLikeElement8 } from "@haoxin-web/excalidraw-element";
 import {
   addElementsToFrame,
   removeAllElementsFromFrame
-} from "haoxin-excalidraw-sdk-element";
-import { getFrameChildren as getFrameChildren3 } from "haoxin-excalidraw-sdk-element";
-import { KEYS as KEYS39, updateActiveTool as updateActiveTool6 } from "haoxin-excalidraw-sdk-common";
-import { getElementsInGroup as getElementsInGroup4 } from "haoxin-excalidraw-sdk-element";
-import { getCommonBounds as getCommonBounds3 } from "haoxin-excalidraw-sdk-element";
-import { CaptureUpdateAction as CaptureUpdateAction31 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { getFrameChildren as getFrameChildren3 } from "@haoxin-web/excalidraw-element";
+import { KEYS as KEYS39, updateActiveTool as updateActiveTool6 } from "@haoxin-web/excalidraw-common";
+import { getElementsInGroup as getElementsInGroup4 } from "@haoxin-web/excalidraw-element";
+import { getCommonBounds as getCommonBounds3 } from "@haoxin-web/excalidraw-element";
+import { CaptureUpdateAction as CaptureUpdateAction31 } from "@haoxin-web/excalidraw-element";
 var isSingleFrameSelected = (appState, app) => {
   const selectedElements = app.scene.getSelectedElements(appState);
   return selectedElements.length === 1 && isFrameLikeElement8(selectedElements[0]);
@@ -19076,17 +19114,17 @@ var actionWrapSelectionInFrame = register({
 });
 
 // actions/actionHistory.tsx
-import { isWindows, KEYS as KEYS40, matchKey, arrayToMap as arrayToMap21 } from "haoxin-excalidraw-sdk-common";
-import { CaptureUpdateAction as CaptureUpdateAction33 } from "haoxin-excalidraw-sdk-element";
-import { orderByFractionalIndex } from "haoxin-excalidraw-sdk-element";
+import { isWindows, KEYS as KEYS40, matchKey, arrayToMap as arrayToMap21 } from "@haoxin-web/excalidraw-common";
+import { CaptureUpdateAction as CaptureUpdateAction33 } from "@haoxin-web/excalidraw-element";
+import { orderByFractionalIndex } from "@haoxin-web/excalidraw-element";
 
 // history.ts
-import { Emitter as Emitter2 } from "haoxin-excalidraw-sdk-common";
+import { Emitter as Emitter2 } from "@haoxin-web/excalidraw-common";
 import {
   CaptureUpdateAction as CaptureUpdateAction32,
   StoreChange,
   StoreDelta
-} from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
 var HistoryDelta = class extends StoreDelta {
   /**
    * Apply the delta to the passed elements and appState, does not modify the snapshot.
@@ -19362,11 +19400,11 @@ var createRedoAction = (history) => ({
 });
 
 // actions/actionTextAutoResize.ts
-import { getFontString as getFontString6 } from "haoxin-excalidraw-sdk-common";
-import { newElementWith as newElementWith10 } from "haoxin-excalidraw-sdk-element";
-import { measureText as measureText4 } from "haoxin-excalidraw-sdk-element";
-import { isTextElement as isTextElement9 } from "haoxin-excalidraw-sdk-element";
-import { CaptureUpdateAction as CaptureUpdateAction34 } from "haoxin-excalidraw-sdk-element";
+import { getFontString as getFontString6 } from "@haoxin-web/excalidraw-common";
+import { newElementWith as newElementWith10 } from "@haoxin-web/excalidraw-element";
+import { measureText as measureText4 } from "@haoxin-web/excalidraw-element";
+import { isTextElement as isTextElement9 } from "@haoxin-web/excalidraw-element";
+import { CaptureUpdateAction as CaptureUpdateAction34 } from "@haoxin-web/excalidraw-element";
 var actionTextAutoResize = register({
   name: "autoResize",
   label: "labels.autoResize",
@@ -19402,8 +19440,8 @@ var actionTextAutoResize = register({
 });
 
 // actions/actionToggleViewMode.tsx
-import { CODES as CODES11, KEYS as KEYS41 } from "haoxin-excalidraw-sdk-common";
-import { CaptureUpdateAction as CaptureUpdateAction35 } from "haoxin-excalidraw-sdk-element";
+import { CODES as CODES11, KEYS as KEYS41 } from "@haoxin-web/excalidraw-common";
+import { CaptureUpdateAction as CaptureUpdateAction35 } from "@haoxin-web/excalidraw-element";
 var actionToggleViewMode = register({
   name: "viewMode",
   label: "labels.viewMode",
@@ -19430,7 +19468,7 @@ var actionToggleViewMode = register({
 });
 
 // actions/manager.tsx
-import { isPromiseLike as isPromiseLike3 } from "haoxin-excalidraw-sdk-common";
+import { isPromiseLike as isPromiseLike3 } from "@haoxin-web/excalidraw-common";
 import { jsx as jsx77 } from "react/jsx-runtime";
 var trackAction = (action, source, appState, elements, app, value) => {
   if (action.trackEvent) {
@@ -19462,12 +19500,12 @@ var ActionManager = class {
      */
     __publicField(this, "renderAction", (name, data) => {
       const canvasActions = this.app.props.UIOptions.canvasActions;
-      if (this.actions[name] && "PanelComponent" in this.actions[name] && (name in canvasActions ? canvasActions[name] : true)) {
-        const action = this.actions[name];
+      const elements = this.getElementsIncludingDeleted();
+      const appState = this.getAppState();
+      const action = this.actions[name];
+      if (action && "PanelComponent" in action && (name in canvasActions ? canvasActions[name] : true) && (!action.predicate || action.predicate(elements, appState, this.app.props, this.app))) {
         const PanelComponent = action.PanelComponent;
         PanelComponent.displayName = "PanelComponent";
-        const elements = this.getElementsIncludingDeleted();
-        const appState = this.getAppState();
         const updateData = (formState) => {
           trackAction(action, "ui", appState, elements, this.app, formState);
           this.updater(
@@ -19520,13 +19558,11 @@ var ActionManager = class {
   }
   handleKeyDown(event) {
     const canvasActions = this.app.props.UIOptions.canvasActions;
+    const elements = this.getElementsIncludingDeleted();
+    const appState = this.getAppState();
+    const appProps = this.app.props;
     const data = Object.values(this.actions).sort((a, b) => (b.keyPriority || 0) - (a.keyPriority || 0)).filter(
-      (action2) => (action2.name in canvasActions ? canvasActions[action2.name] : true) && action2.keyTest && action2.keyTest(
-        event,
-        this.getAppState(),
-        this.getElementsIncludingDeleted(),
-        this.app
-      )
+      (action2) => (action2.name in canvasActions ? canvasActions[action2.name] : true) && action2.keyTest && (!action2.predicate || action2.predicate(elements, appState, appProps, this.app)) && action2.keyTest(event, appState, elements, this.app)
     );
     if (data.length !== 1) {
       if (data.length > 1) {
@@ -19535,11 +19571,9 @@ var ActionManager = class {
       return false;
     }
     const action = data[0];
-    if (this.getAppState().viewModeEnabled && action.viewMode !== true) {
+    if (appState.viewModeEnabled && action.viewMode !== true) {
       return false;
     }
-    const elements = this.getElementsIncludingDeleted();
-    const appState = this.getAppState();
     const value = null;
     trackAction(action, "keyboard", appState, elements, this.app, null);
     event.preventDefault();
@@ -19631,19 +19665,19 @@ import {
   rangeInclusive as rangeInclusive2,
   rangeIntersection,
   rangesOverlap
-} from "haoxin-excalidraw-sdk-math";
-import { TOOL_TYPE, KEYS as KEYS42 } from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-math";
+import { TOOL_TYPE, KEYS as KEYS42 } from "@haoxin-web/excalidraw-common";
 import {
   getCommonBounds as getCommonBounds4,
   getDraggedElementsBounds,
   getElementAbsoluteCoords as getElementAbsoluteCoords5
-} from "haoxin-excalidraw-sdk-element";
-import { isBoundToContainer as isBoundToContainer5 } from "haoxin-excalidraw-sdk-element";
-import { getMaximumGroups } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { isBoundToContainer as isBoundToContainer5 } from "@haoxin-web/excalidraw-element";
+import { getMaximumGroups } from "@haoxin-web/excalidraw-element";
 import {
   getSelectedElements as getSelectedElements4,
   getVisibleAndNonSelectedElements
-} from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
 var SNAP_DISTANCE = 8;
 var VISIBLE_GAPS_LIMIT_PER_AXIS = 99999;
 var getSnapDistance = (zoomValue) => {
@@ -20601,7 +20635,7 @@ var isActiveToolNonLinearSnappable = (activeToolType) => {
 };
 
 // data/transform.ts
-import { pointFrom as pointFrom20 } from "haoxin-excalidraw-sdk-math";
+import { pointFrom as pointFrom20 } from "@haoxin-web/excalidraw-math";
 import {
   DEFAULT_FONT_FAMILY as DEFAULT_FONT_FAMILY5,
   DEFAULT_FONT_SIZE as DEFAULT_FONT_SIZE6,
@@ -20616,8 +20650,8 @@ import {
   isDevEnv as isDevEnv8,
   toBrandedType,
   getLineHeight as getLineHeight3
-} from "haoxin-excalidraw-sdk-common";
-import { bindLinearElement as bindLinearElement2 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-common";
+import { bindLinearElement as bindLinearElement2 } from "@haoxin-web/excalidraw-element";
 import {
   newArrowElement as newArrowElement2,
   newElement as newElement4,
@@ -20626,14 +20660,14 @@ import {
   newLinearElement as newLinearElement3,
   newMagicFrameElement,
   newTextElement as newTextElement2
-} from "haoxin-excalidraw-sdk-element";
-import { measureText as measureText5, normalizeText } from "haoxin-excalidraw-sdk-element";
-import { isArrowElement as isArrowElement8 } from "haoxin-excalidraw-sdk-element";
-import { syncInvalidIndices } from "haoxin-excalidraw-sdk-element";
-import { redrawTextBoundingBox as redrawTextBoundingBox5 } from "haoxin-excalidraw-sdk-element";
-import { LinearElementEditor as LinearElementEditor8 } from "haoxin-excalidraw-sdk-element";
-import { getCommonBounds as getCommonBounds5 } from "haoxin-excalidraw-sdk-element";
-import { Scene } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { measureText as measureText5, normalizeText } from "@haoxin-web/excalidraw-element";
+import { isArrowElement as isArrowElement8 } from "@haoxin-web/excalidraw-element";
+import { syncInvalidIndices } from "@haoxin-web/excalidraw-element";
+import { redrawTextBoundingBox as redrawTextBoundingBox5 } from "@haoxin-web/excalidraw-element";
+import { LinearElementEditor as LinearElementEditor8 } from "@haoxin-web/excalidraw-element";
+import { getCommonBounds as getCommonBounds5 } from "@haoxin-web/excalidraw-element";
+import { Scene } from "@haoxin-web/excalidraw-element";
 var DEFAULT_LINEAR_ELEMENT_PROPS = {
   width: 100,
   height: 0
@@ -21136,14 +21170,14 @@ var convertToExcalidrawElements = (elementsSkeleton, opts) => {
 };
 
 // scene/Renderer.ts
-import { isElementInViewport as isElementInViewport2 } from "haoxin-excalidraw-sdk-element";
-import { memoize, toBrandedType as toBrandedType2 } from "haoxin-excalidraw-sdk-common";
+import { isElementInViewport as isElementInViewport2 } from "@haoxin-web/excalidraw-element";
+import { memoize, toBrandedType as toBrandedType2 } from "@haoxin-web/excalidraw-common";
 
 // renderer/interactiveScene.ts
 import {
   pointFrom as pointFrom22,
   pointsEqual as pointsEqual8
-} from "haoxin-excalidraw-sdk-math";
+} from "@haoxin-web/excalidraw-math";
 import oc2 from "open-color";
 import {
   arrayToMap as arrayToMap23,
@@ -21152,15 +21186,15 @@ import {
   invariant as invariant9,
   THEME as THEME11,
   throttleRAF
-} from "haoxin-excalidraw-sdk-common";
-import { FIXED_BINDING_DISTANCE as FIXED_BINDING_DISTANCE2, maxBindingGap } from "haoxin-excalidraw-sdk-element";
-import { LinearElementEditor as LinearElementEditor9 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-common";
+import { FIXED_BINDING_DISTANCE as FIXED_BINDING_DISTANCE2, maxBindingGap } from "@haoxin-web/excalidraw-element";
+import { LinearElementEditor as LinearElementEditor9 } from "@haoxin-web/excalidraw-element";
 import {
   getOmitSidesForDevice,
   getTransformHandles,
   getTransformHandlesFromCoords,
   shouldShowBoundingBox
-} from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
 import {
   isElbowArrow as isElbowArrow8,
   isFrameLikeElement as isFrameLikeElement9,
@@ -21168,19 +21202,19 @@ import {
   isLinearElement as isLinearElement10,
   isLineElement as isLineElement5,
   isTextElement as isTextElement10
-} from "haoxin-excalidraw-sdk-element";
-import { renderSelectionElement } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { renderSelectionElement } from "@haoxin-web/excalidraw-element";
 import {
   getElementsInGroup as getElementsInGroup5,
   getSelectedGroupIds as getSelectedGroupIds2,
   isSelectedViaGroup,
   selectGroupsFromGivenElements as selectGroupsFromGivenElements3
-} from "haoxin-excalidraw-sdk-element";
-import { getCommonBounds as getCommonBounds7, getElementAbsoluteCoords as getElementAbsoluteCoords6 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { getCommonBounds as getCommonBounds7, getElementAbsoluteCoords as getElementAbsoluteCoords6 } from "@haoxin-web/excalidraw-element";
 
 // renderer/renderSnaps.ts
-import { pointFrom as pointFrom21 } from "haoxin-excalidraw-sdk-math";
-import { THEME as THEME10 } from "haoxin-excalidraw-sdk-common";
+import { pointFrom as pointFrom21 } from "@haoxin-web/excalidraw-math";
+import { THEME as THEME10 } from "@haoxin-web/excalidraw-common";
 var SNAP_COLOR_LIGHT = "#ff6b6b";
 var SNAP_COLOR_DARK = "#ff0000";
 var SNAP_WIDTH = 1;
@@ -21311,8 +21345,8 @@ var drawGapLine = (from, to, direction, appState, context) => {
 };
 
 // scene/scrollbars.ts
-import { getGlobalCSSVariable } from "haoxin-excalidraw-sdk-common";
-import { getCommonBounds as getCommonBounds6 } from "haoxin-excalidraw-sdk-element";
+import { getGlobalCSSVariable } from "@haoxin-web/excalidraw-common";
+import { getCommonBounds as getCommonBounds6 } from "@haoxin-web/excalidraw-element";
 var SCROLLBAR_MARGIN = 4;
 var SCROLLBAR_WIDTH = 6;
 var SCROLLBAR_COLOR = "rgba(0,0,0,0.3)";
@@ -22285,8 +22319,8 @@ var Renderer = class {
 };
 
 // components/ElementCanvasButtons.tsx
-import { sceneCoordsToViewportCoords as sceneCoordsToViewportCoords3 } from "haoxin-excalidraw-sdk-common";
-import { getElementAbsoluteCoords as getElementAbsoluteCoords7 } from "haoxin-excalidraw-sdk-element";
+import { sceneCoordsToViewportCoords as sceneCoordsToViewportCoords3 } from "@haoxin-web/excalidraw-common";
+import { getElementAbsoluteCoords as getElementAbsoluteCoords7 } from "@haoxin-web/excalidraw-element";
 import { jsx as jsx78 } from "react/jsx-runtime";
 var CONTAINER_PADDING = 5;
 var getContainerCoords2 = (element, appState, elementsMap) => {
@@ -22325,7 +22359,7 @@ var ElementCanvasButtons = ({
 };
 
 // laser-trails.ts
-import { DEFAULT_LASER_COLOR, easeOut } from "haoxin-excalidraw-sdk-common";
+import { DEFAULT_LASER_COLOR, easeOut } from "@haoxin-web/excalidraw-common";
 
 // animated-trail.ts
 import { LaserPointer } from "@excalidraw/laser-pointer";
@@ -22333,7 +22367,7 @@ import {
   SVG_NS,
   getSvgPathFromStroke as getSvgPathFromStroke2,
   sceneCoordsToViewportCoords as sceneCoordsToViewportCoords4
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 var AnimatedTrail = class {
   constructor(animationFrameHandler, app, options) {
     this.animationFrameHandler = animationFrameHandler;
@@ -22560,7 +22594,7 @@ var LaserTrails = class {
 // reactUtils.ts
 import { version as ReactVersion } from "react";
 import { unstable_batchedUpdates } from "react-dom";
-import { throttleRAF as throttleRAF2 } from "haoxin-excalidraw-sdk-common";
+import { throttleRAF as throttleRAF2 } from "@haoxin-web/excalidraw-common";
 var withBatchedUpdates = (func) => (event) => {
   unstable_batchedUpdates(func, event);
 };
@@ -22606,13 +22640,13 @@ import {
   getFontFamilyString as getFontFamilyString3,
   isTestEnv as isTestEnv5,
   MIME_TYPES as MIME_TYPES8
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 import {
   originalContainerCache,
   updateOriginalContainerCache as updateOriginalContainerCache3
-} from "haoxin-excalidraw-sdk-element";
-import { LinearElementEditor as LinearElementEditor10 } from "haoxin-excalidraw-sdk-element";
-import { bumpVersion as bumpVersion2 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { LinearElementEditor as LinearElementEditor10 } from "@haoxin-web/excalidraw-element";
+import { bumpVersion as bumpVersion2 } from "@haoxin-web/excalidraw-element";
 import {
   getBoundTextElementId,
   getContainerElement as getContainerElement3,
@@ -22623,15 +22657,15 @@ import {
   computeContainerDimensionForBoundText as computeContainerDimensionForBoundText2,
   computeBoundTextPosition as computeBoundTextPosition2,
   getBoundTextElement as getBoundTextElement6
-} from "haoxin-excalidraw-sdk-element";
-import { getTextWidth } from "haoxin-excalidraw-sdk-element";
-import { normalizeText as normalizeText2 } from "haoxin-excalidraw-sdk-element";
-import { wrapText as wrapText3 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { getTextWidth } from "@haoxin-web/excalidraw-element";
+import { normalizeText as normalizeText2 } from "@haoxin-web/excalidraw-element";
+import { wrapText as wrapText3 } from "@haoxin-web/excalidraw-element";
 import {
   isArrowElement as isArrowElement9,
   isBoundToContainer as isBoundToContainer6,
   isTextElement as isTextElement11
-} from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
 var getTransform = (width, height, angle, appState, maxWidth, maxHeight) => {
   const { zoom } = appState;
   const degree = 180 * angle / Math.PI;
@@ -22797,10 +22831,7 @@ var textWysiwyg = ({
       const strike = styleFromElement.strikethrough ?? app.state.currentTextStrikethrough ? true : false;
       editable.style.fontWeight = bold ? "700" : "400";
       editable.style.fontStyle = italic ? "italic" : "normal";
-      editable.style.textDecoration = [
-        underline ? "underline" : "",
-        strike ? "line-through" : ""
-      ].filter(Boolean).join(" ") || "none";
+      editable.style.textDecoration = [underline ? "underline" : "", strike ? "line-through" : ""].filter(Boolean).join(" ") || "none";
       editable.scrollTop = 0;
       if (isTestEnv5()) {
         editable.style.fontFamily = getFontFamilyString3(updatedTextElement);
@@ -22888,15 +22919,30 @@ var textWysiwyg = ({
     };
   }
   editable.onkeydown = (event) => {
-    if (!event.shiftKey && actionZoomIn.keyTest(event)) {
+    if (!event.shiftKey && actionZoomIn.keyTest(
+      event,
+      app.state,
+      Object.values(app.scene.getNonDeletedElementsMap()),
+      app
+    )) {
       event.preventDefault();
       app.actionManager.executeAction(actionZoomIn);
       updateWysiwygStyle();
-    } else if (!event.shiftKey && actionZoomOut.keyTest(event)) {
+    } else if (!event.shiftKey && actionZoomOut.keyTest(
+      event,
+      app.state,
+      Object.values(app.scene.getNonDeletedElementsMap()),
+      app
+    )) {
       event.preventDefault();
       app.actionManager.executeAction(actionZoomOut);
       updateWysiwygStyle();
-    } else if (!event.shiftKey && actionResetZoom.keyTest(event)) {
+    } else if (!event.shiftKey && actionResetZoom.keyTest(
+      event,
+      app.state,
+      Object.values(app.scene.getNonDeletedElementsMap()),
+      app
+    )) {
       event.preventDefault();
       app.actionManager.executeAction(actionResetZoom);
       updateWysiwygStyle();
@@ -23171,18 +23217,18 @@ var isMaybeMermaidDefinition = (text) => {
 // lasso/index.ts
 import {
   pointFrom as pointFrom23
-} from "haoxin-excalidraw-sdk-math";
-import { getElementLineSegments as getElementLineSegments2 } from "haoxin-excalidraw-sdk-element";
-import { LinearElementEditor as LinearElementEditor11 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-math";
+import { getElementLineSegments as getElementLineSegments2 } from "@haoxin-web/excalidraw-element";
+import { LinearElementEditor as LinearElementEditor11 } from "@haoxin-web/excalidraw-element";
 import {
   isFrameLikeElement as isFrameLikeElement10,
   isLinearElement as isLinearElement11,
   isTextElement as isTextElement12
-} from "haoxin-excalidraw-sdk-element";
-import { getFrameChildren as getFrameChildren4 } from "haoxin-excalidraw-sdk-element";
-import { selectGroupsForSelectedElements as selectGroupsForSelectedElements5 } from "haoxin-excalidraw-sdk-element";
-import { getContainerElement as getContainerElement4 } from "haoxin-excalidraw-sdk-element";
-import { arrayToMap as arrayToMap24, easeOut as easeOut2, isShallowEqual as isShallowEqual3 } from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-element";
+import { getFrameChildren as getFrameChildren4 } from "@haoxin-web/excalidraw-element";
+import { selectGroupsForSelectedElements as selectGroupsForSelectedElements5 } from "@haoxin-web/excalidraw-element";
+import { getContainerElement as getContainerElement4 } from "@haoxin-web/excalidraw-element";
+import { arrayToMap as arrayToMap24, easeOut as easeOut2, isShallowEqual as isShallowEqual3 } from "@haoxin-web/excalidraw-common";
 
 // lasso/utils.ts
 import { simplify as simplify2 } from "points-on-curve";
@@ -23190,14 +23236,14 @@ import {
   polygonFromPoints as polygonFromPoints2,
   lineSegment as lineSegment6,
   polygonIncludesPointNonZero
-} from "haoxin-excalidraw-sdk-math";
+} from "@haoxin-web/excalidraw-math";
 import {
   computeBoundTextPosition as computeBoundTextPosition3,
   doBoundsIntersect as doBoundsIntersect2,
   getBoundTextElement as getBoundTextElement7,
   getElementBounds as getElementBounds3,
   intersectElementWithLineSegment as intersectElementWithLineSegment2
-} from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
 var getLassoSelectedElementIds = (input) => {
   const {
     lassoPath,
@@ -23422,18 +23468,18 @@ var LassoTrail = class extends AnimatedTrail {
 };
 
 // eraser/index.ts
-import { arrayToMap as arrayToMap25, easeOut as easeOut3, THEME as THEME12 } from "haoxin-excalidraw-sdk-common";
+import { arrayToMap as arrayToMap25, easeOut as easeOut3, THEME as THEME12 } from "@haoxin-web/excalidraw-common";
 import {
   computeBoundTextPosition as computeBoundTextPosition4,
   getBoundTextElement as getBoundTextElement8,
   intersectElementWithLineSegment as intersectElementWithLineSegment3,
   isPointInElement
-} from "haoxin-excalidraw-sdk-element";
-import { lineSegment as lineSegment7, pointFrom as pointFrom24 } from "haoxin-excalidraw-sdk-math";
-import { getElementsInGroup as getElementsInGroup6 } from "haoxin-excalidraw-sdk-element";
-import { shouldTestInside as shouldTestInside2 } from "haoxin-excalidraw-sdk-element";
-import { hasBoundTextElement as hasBoundTextElement6, isBoundToContainer as isBoundToContainer7 } from "haoxin-excalidraw-sdk-element";
-import { getBoundTextElementId as getBoundTextElementId2 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { lineSegment as lineSegment7, pointFrom as pointFrom24 } from "@haoxin-web/excalidraw-math";
+import { getElementsInGroup as getElementsInGroup6 } from "@haoxin-web/excalidraw-element";
+import { shouldTestInside as shouldTestInside2 } from "@haoxin-web/excalidraw-element";
+import { hasBoundTextElement as hasBoundTextElement6, isBoundToContainer as isBoundToContainer7 } from "@haoxin-web/excalidraw-element";
+import { getBoundTextElementId as getBoundTextElementId2 } from "@haoxin-web/excalidraw-element";
 var EraserTrail = class extends AnimatedTrail {
   constructor(animationFrameHandler, app) {
     super(animationFrameHandler, app, {
@@ -23613,7 +23659,7 @@ import React29 from "react";
 // components/Popover.tsx
 import { useLayoutEffect as useLayoutEffect4, useRef as useRef24, useEffect as useEffect29 } from "react";
 import { unstable_batchedUpdates as unstable_batchedUpdates2 } from "react-dom";
-import { KEYS as KEYS44, queryFocusableElements as queryFocusableElements2 } from "haoxin-excalidraw-sdk-common";
+import { KEYS as KEYS44, queryFocusableElements as queryFocusableElements2 } from "@haoxin-web/excalidraw-common";
 import { jsx as jsx80 } from "react/jsx-runtime";
 var Popover6 = ({
   children,
@@ -23866,14 +23912,21 @@ import {
   arrayToMap as arrayToMap26,
   capitalizeString as capitalizeString3,
   isShallowEqual as isShallowEqual5
-} from "haoxin-excalidraw-sdk-common";
-import { mutateElement as mutateElement5 } from "haoxin-excalidraw-sdk-element";
-import { ShapeCache as ShapeCache3 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-common";
+import { mutateElement as mutateElement5 } from "@haoxin-web/excalidraw-element";
+import { ShapeCache as ShapeCache3 } from "@haoxin-web/excalidraw-element";
 
 // components/LeftMainToolbar.tsx
-import { TOOL_TYPE as TOOL_TYPE2 } from "haoxin-excalidraw-sdk-common";
+import { TOOL_TYPE as TOOL_TYPE2 } from "@haoxin-web/excalidraw-common";
 import { jsx as jsx83, jsxs as jsxs45 } from "react/jsx-runtime";
-var LeftMainToolbar = ({ appState, app }) => {
+var LeftMainToolbar = ({
+  appState,
+  app,
+  visible = true
+}) => {
+  if (!visible) {
+    return null;
+  }
   const active = appState.activeTool.type;
   let lineGroupIcon = LineIcon;
   let shapesGroupIcon = RectangleIcon;
@@ -24021,7 +24074,7 @@ var LeftMainToolbar_default = LeftMainToolbar;
 // components/LoadingMessage.tsx
 import clsx34 from "clsx";
 import { useState as useState24, useEffect as useEffect30 } from "react";
-import { THEME as THEME13 } from "haoxin-excalidraw-sdk-common";
+import { THEME as THEME13 } from "@haoxin-web/excalidraw-common";
 import { jsx as jsx84, jsxs as jsxs46 } from "react/jsx-runtime";
 var LoadingMessage = ({
   delay,
@@ -24056,7 +24109,7 @@ var LoadingMessage = ({
 
 // components/MobileMenu.tsx
 import { useEffect as useEffect31 } from "react";
-import { showSelectedShapeActions as showSelectedShapeActions2 } from "haoxin-excalidraw-sdk-element";
+import { showSelectedShapeActions as showSelectedShapeActions2 } from "@haoxin-web/excalidraw-element";
 
 // components/FixedSideContainer.tsx
 import clsx35 from "clsx";
@@ -24079,9 +24132,12 @@ var FixedSideContainer = ({
 
 // components/HandButton.tsx
 import clsx36 from "clsx";
-import { KEYS as KEYS45 } from "haoxin-excalidraw-sdk-common";
+import { KEYS as KEYS45 } from "@haoxin-web/excalidraw-common";
 import { jsx as jsx86 } from "react/jsx-runtime";
 var HandButton = (props) => {
+  if (props.visible === false) {
+    return null;
+  }
   return /* @__PURE__ */ jsx86(
     ToolButton,
     {
@@ -24101,7 +24157,7 @@ var HandButton = (props) => {
 };
 
 // components/HintViewer.tsx
-import { CANVAS_SEARCH_TAB as CANVAS_SEARCH_TAB2, DEFAULT_SIDEBAR as DEFAULT_SIDEBAR4 } from "haoxin-excalidraw-sdk-common";
+import { CANVAS_SEARCH_TAB as CANVAS_SEARCH_TAB2, DEFAULT_SIDEBAR as DEFAULT_SIDEBAR4 } from "@haoxin-web/excalidraw-common";
 import {
   isFlowchartNodeElement,
   isImageElement as isImageElement5,
@@ -24109,9 +24165,9 @@ import {
   isLineElement as isLineElement6,
   isTextBindableContainer as isTextBindableContainer2,
   isTextElement as isTextElement13
-} from "haoxin-excalidraw-sdk-element";
-import { getShortcutKey as getShortcutKey12 } from "haoxin-excalidraw-sdk-common";
-import { isNodeInFlowchart } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { getShortcutKey as getShortcutKey12 } from "@haoxin-web/excalidraw-common";
+import { isNodeInFlowchart } from "@haoxin-web/excalidraw-element";
 import { jsx as jsx87 } from "react/jsx-runtime";
 var getHints = ({
   appState,
@@ -24328,7 +24384,8 @@ var MobileMenu = ({
   device,
   renderWelcomeScreen,
   UIOptions,
-  app
+  app,
+  showPanActions
 }) => {
   const {
     WelcomeScreenCenterTunnel,
@@ -24353,7 +24410,8 @@ var MobileMenu = ({
                 checked: isHandToolActive(appState),
                 onChange: () => onHandToolToggle(),
                 title: t("toolBar.hand"),
-                isMobile: true
+                isMobile: true,
+                visible: showPanActions !== false
               }
             ),
             /* @__PURE__ */ jsx91(
@@ -24431,15 +24489,22 @@ var MobileMenu = ({
           marginRight: SCROLLBAR_WIDTH + SCROLLBAR_MARGIN * 2
         },
         children: /* @__PURE__ */ jsxs50(Island, { padding: 0, children: [
-          appState.openMenu === "shape" && showSelectedShapeActions2(appState, elements) ? /* @__PURE__ */ jsx91(Section, { className: "App-mobile-menu", heading: "selectedShapeActions", children: /* @__PURE__ */ jsx91(
-            SelectedShapeActions,
+          appState.openMenu === "shape" && showSelectedShapeActions2(appState, elements) ? /* @__PURE__ */ jsx91(
+            Section,
             {
-              appState,
-              elementsMap: app.scene.getNonDeletedElementsMap(),
-              renderAction: actionManager.renderAction,
-              app
+              className: "App-mobile-menu",
+              heading: "selectedShapeActions",
+              children: /* @__PURE__ */ jsx91(
+                SelectedShapeActions,
+                {
+                  appState,
+                  elementsMap: app.scene.getNonDeletedElementsMap(),
+                  renderAction: actionManager.renderAction,
+                  app
+                }
+              )
             }
-          ) }) : null,
+          ) : null,
           /* @__PURE__ */ jsxs50("footer", { className: "App-toolbar", children: [
             renderAppToolbar(),
             appState.scrolledOutside && !appState.openMenu && !appState.openSidebar && /* @__PURE__ */ jsx91(
@@ -24580,7 +24645,7 @@ var PasteChartDialog = ({
 import * as Popover7 from "@radix-ui/react-popover";
 import clsx39 from "clsx";
 import React32, { useLayoutEffect as useLayoutEffect6 } from "react";
-import { supportsResizeObserver, isShallowEqual as isShallowEqual4 } from "haoxin-excalidraw-sdk-common";
+import { supportsResizeObserver, isShallowEqual as isShallowEqual4 } from "@haoxin-web/excalidraw-common";
 import { Fragment as Fragment14, jsx as jsx93, jsxs as jsxs52 } from "react/jsx-runtime";
 var DEFAULT_MAX_AVATARS = 4;
 var SHOW_COLLABORATORS_FILTER_AT = 8;
@@ -24799,8 +24864,10 @@ var Footer = ({
   appState,
   actionManager,
   showExitZenModeBtn,
-  renderWelcomeScreen
+  renderWelcomeScreen,
+  showZoomActions
 }) => {
+  const effectiveShowZoomActions = showZoomActions !== false;
   const { FooterCenterTunnel, WelcomeScreenHelpHintTunnel } = useTunnels();
   return /* @__PURE__ */ jsxs53(
     "footer",
@@ -24808,30 +24875,23 @@ var Footer = ({
       role: "contentinfo",
       className: "layer-ui__wrapper__footer App-menu App-menu_bottom",
       children: [
-        /* @__PURE__ */ jsx95(
+        effectiveShowZoomActions && /* @__PURE__ */ jsx95(
           "div",
           {
-            className: clsx40("layer-ui__wrapper__footer-left zen-mode-transition", {
-              "layer-ui__wrapper__footer-left--transition-left": appState.zenModeEnabled
-            }),
-            children: /* @__PURE__ */ jsx95(Stack_default.Col, { gap: 2, children: /* @__PURE__ */ jsxs53(Section, { heading: "canvasActions", children: [
-              /* @__PURE__ */ jsx95(
-                ZoomActions,
-                {
-                  renderAction: actionManager.renderAction,
-                  zoom: appState.zoom
-                }
-              ),
-              !appState.viewModeEnabled && /* @__PURE__ */ jsx95(
-                UndoRedoActions,
-                {
-                  renderAction: actionManager.renderAction,
-                  className: clsx40("zen-mode-transition", {
-                    "layer-ui__wrapper__footer-left--transition-bottom": appState.zenModeEnabled
-                  })
-                }
-              )
-            ] }) })
+            className: clsx40(
+              "layer-ui__wrapper__footer-left zen-mode-transition",
+              {
+                "layer-ui__wrapper__footer-left--transition-left": appState.zenModeEnabled
+              }
+            ),
+            children: /* @__PURE__ */ jsx95(Stack_default.Col, { gap: 2, children: /* @__PURE__ */ jsx95(Section, { heading: "canvasActions", children: /* @__PURE__ */ jsx95(
+              ZoomActions,
+              {
+                renderAction: actionManager.renderAction,
+                zoom: appState.zoom,
+                visible: effectiveShowZoomActions
+              }
+            ) }) })
           }
         ),
         /* @__PURE__ */ jsx95(FooterCenterTunnel.Out, {}),
@@ -24878,7 +24938,7 @@ import {
   useImperativeHandle as useImperativeHandle3,
   useCallback as useCallback11
 } from "react";
-import { EVENT as EVENT10, isDevEnv as isDevEnv9, KEYS as KEYS46, updateObject } from "haoxin-excalidraw-sdk-common";
+import { EVENT as EVENT10, isDevEnv as isDevEnv9, KEYS as KEYS46, updateObject } from "@haoxin-web/excalidraw-common";
 
 // components/Sidebar/SidebarHeader.tsx
 import clsx41 from "clsx";
@@ -25174,7 +25234,7 @@ var Sidebar = Object.assign(
 Sidebar.displayName = "Sidebar";
 
 // components/main-menu/MainMenu.tsx
-import { composeEventHandlers as composeEventHandlers3 } from "haoxin-excalidraw-sdk-common";
+import { composeEventHandlers as composeEventHandlers3 } from "@haoxin-web/excalidraw-common";
 
 // components/hoc/withInternalFallback.tsx
 import { useLayoutEffect as useLayoutEffect8, useRef as useRef27 } from "react";
@@ -25246,7 +25306,7 @@ __export(DefaultItems_exports, {
   ToggleTheme: () => ToggleTheme
 });
 import clsx45 from "clsx";
-import { THEME as THEME14 } from "haoxin-excalidraw-sdk-common";
+import { THEME as THEME14 } from "@haoxin-web/excalidraw-common";
 
 // components/OverwriteConfirm/OverwriteConfirmState.ts
 var overwriteConfirmStateAtom = atom({
@@ -25702,16 +25762,20 @@ var MainMenu_default = MainMenu;
 // components/LeftToolFlyouts.tsx
 import { useEffect as useEffect33, useRef as useRef28, useState as useState27 } from "react";
 import clsx46 from "clsx";
-import { isTextElement as isTextElement14 } from "haoxin-excalidraw-sdk-element";
-import { getBoundTextElement as getBoundTextElement9, getContainerElement as getContainerElement5, redrawTextBoundingBox as redrawTextBoundingBox7, newElementWith as newElementWith11 } from "haoxin-excalidraw-sdk-element";
-import { DEFAULT_ELEMENT_STROKE_COLOR_PALETTE as DEFAULT_ELEMENT_STROKE_COLOR_PALETTE2, STROKE_WIDTH as STROKE_WIDTH2 } from "haoxin-excalidraw-sdk-common";
+import { isTextElement as isTextElement14 } from "@haoxin-web/excalidraw-element";
+import { getBoundTextElement as getBoundTextElement9, getContainerElement as getContainerElement5, redrawTextBoundingBox as redrawTextBoundingBox7, newElementWith as newElementWith11 } from "@haoxin-web/excalidraw-element";
+import { DEFAULT_ELEMENT_STROKE_COLOR_PALETTE as DEFAULT_ELEMENT_STROKE_COLOR_PALETTE2, STROKE_WIDTH as STROKE_WIDTH2 } from "@haoxin-web/excalidraw-common";
 import { jsx as jsx108, jsxs as jsxs60 } from "react/jsx-runtime";
 var LeftToolFlyouts = ({
   appState,
   app,
   actionManager,
-  elements
+  elements,
+  showToolBar = true
 }) => {
+  if (!showToolBar) {
+    return null;
+  }
   const activeTool = appState.activeTool.type;
   const selectedStrokeWidth = getFormValue(
     elements,
@@ -26452,7 +26516,7 @@ var LeftToolFlyouts_default = LeftToolFlyouts;
 // components/FilledButton.tsx
 import clsx47 from "clsx";
 import { forwardRef as forwardRef5, useState as useState28 } from "react";
-import { isPromiseLike as isPromiseLike4 } from "haoxin-excalidraw-sdk-common";
+import { isPromiseLike as isPromiseLike4 } from "@haoxin-web/excalidraw-common";
 import { jsx as jsx109, jsxs as jsxs61 } from "react/jsx-runtime";
 var FilledButton = forwardRef5(
   ({
@@ -26643,10 +26707,10 @@ import {
   DEFAULT_SIDEBAR as DEFAULT_SIDEBAR5,
   LIBRARY_SIDEBAR_TAB as LIBRARY_SIDEBAR_TAB2,
   composeEventHandlers as composeEventHandlers4
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 
 // components/SearchMenu.tsx
-import { round as round2 } from "haoxin-excalidraw-sdk-math";
+import { round as round2 } from "@haoxin-web/excalidraw-math";
 import clsx48 from "clsx";
 import debounce2 from "lodash.debounce";
 import { Fragment as Fragment17, memo as memo4, useEffect as useEffect34, useMemo as useMemo8, useRef as useRef29, useState as useState29 } from "react";
@@ -26656,18 +26720,18 @@ import {
   FONT_FAMILY as FONT_FAMILY4,
   FRAME_STYLE as FRAME_STYLE3,
   getLineHeight as getLineHeight4
-} from "haoxin-excalidraw-sdk-common";
-import { isElementCompletelyInViewport } from "haoxin-excalidraw-sdk-element";
-import { measureText as measureText6 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-common";
+import { isElementCompletelyInViewport } from "@haoxin-web/excalidraw-element";
+import { measureText as measureText6 } from "@haoxin-web/excalidraw-element";
 import {
   KEYS as KEYS47,
   randomInteger as randomInteger3,
   addEventListener,
   getFontString as getFontString9
-} from "haoxin-excalidraw-sdk-common";
-import { newTextElement as newTextElement3 } from "haoxin-excalidraw-sdk-element";
-import { isTextElement as isTextElement15, isFrameLikeElement as isFrameLikeElement11 } from "haoxin-excalidraw-sdk-element";
-import { getDefaultFrameName } from "haoxin-excalidraw-sdk-element/frame";
+} from "@haoxin-web/excalidraw-common";
+import { newTextElement as newTextElement3 } from "@haoxin-web/excalidraw-element";
+import { isTextElement as isTextElement15, isFrameLikeElement as isFrameLikeElement11 } from "@haoxin-web/excalidraw-element";
+import { getDefaultFrameName } from "@haoxin-web/excalidraw-element/frame";
 import { Fragment as Fragment18, jsx as jsx112, jsxs as jsxs64 } from "react/jsx-runtime";
 var searchQueryAtom = atom("");
 var searchItemInFocusAtom = atom(null);
@@ -27336,15 +27400,15 @@ var DefaultSidebar = Object.assign(
 
 // components/TTDDialog/TTDDialog.tsx
 import { useEffect as useEffect37, useRef as useRef33, useState as useState31 } from "react";
-import { isFiniteNumber } from "haoxin-excalidraw-sdk-math";
+import { isFiniteNumber } from "@haoxin-web/excalidraw-math";
 
 // components/TTDDialog/MermaidToExcalidraw.tsx
 import { useState as useState30, useRef as useRef31, useEffect as useEffect36, useDeferredValue } from "react";
-import { EDITOR_LS_KEYS as EDITOR_LS_KEYS3, debounce as debounce3, isDevEnv as isDevEnv10 } from "haoxin-excalidraw-sdk-common";
+import { EDITOR_LS_KEYS as EDITOR_LS_KEYS3, debounce as debounce3, isDevEnv as isDevEnv10 } from "@haoxin-web/excalidraw-common";
 
 // components/TTDDialog/TTDDialogInput.tsx
 import { useEffect as useEffect35, useRef as useRef30 } from "react";
-import { EVENT as EVENT12, KEYS as KEYS48 } from "haoxin-excalidraw-sdk-common";
+import { EVENT as EVENT12, KEYS as KEYS48 } from "@haoxin-web/excalidraw-common";
 import { jsx as jsx114 } from "react/jsx-runtime";
 var TTDDialogInput = ({
   input,
@@ -27477,7 +27541,7 @@ var TTDDialogPanels = ({ children }) => {
 };
 
 // components/TTDDialog/TTDDialogSubmitShortcut.tsx
-import { getShortcutKey as getShortcutKey13 } from "haoxin-excalidraw-sdk-common";
+import { getShortcutKey as getShortcutKey13 } from "@haoxin-web/excalidraw-common";
 import { jsx as jsx118, jsxs as jsxs68 } from "react/jsx-runtime";
 var TTDDialogSubmitShortcut = () => {
   return /* @__PURE__ */ jsxs68("div", { className: "ttd-dialog-submit-shortcut", children: [
@@ -27487,7 +27551,7 @@ var TTDDialogSubmitShortcut = () => {
 };
 
 // components/TTDDialog/common.ts
-import { DEFAULT_EXPORT_PADDING as DEFAULT_EXPORT_PADDING3, EDITOR_LS_KEYS as EDITOR_LS_KEYS2 } from "haoxin-excalidraw-sdk-common";
+import { DEFAULT_EXPORT_PADDING as DEFAULT_EXPORT_PADDING3, EDITOR_LS_KEYS as EDITOR_LS_KEYS2 } from "@haoxin-web/excalidraw-common";
 var resetPreview = ({
   canvasRef,
   setError
@@ -27685,7 +27749,7 @@ var MermaidToExcalidraw_default = MermaidToExcalidraw;
 // components/TTDDialog/TTDDialogTabs.tsx
 import * as RadixTabs5 from "@radix-ui/react-tabs";
 import { useRef as useRef32 } from "react";
-import { isMemberOf as isMemberOf2 } from "haoxin-excalidraw-sdk-common";
+import { isMemberOf as isMemberOf2 } from "@haoxin-web/excalidraw-common";
 import { jsx as jsx120 } from "react/jsx-runtime";
 var TTDDialogTabs = (props) => {
   const setAppState = useExcalidrawSetAppState();
@@ -28049,41 +28113,41 @@ TTD mermaid definition render errror: ${error3.message}`,
 );
 
 // components/Stats/index.tsx
-import { round as round5 } from "haoxin-excalidraw-sdk-math";
+import { round as round5 } from "@haoxin-web/excalidraw-math";
 import clsx52 from "clsx";
 import throttle2 from "lodash.throttle";
 import { useEffect as useEffect39, useMemo as useMemo11, useState as useState33, memo as memo5 } from "react";
-import { STATS_PANELS } from "haoxin-excalidraw-sdk-common";
-import { getCommonBounds as getCommonBounds10 } from "haoxin-excalidraw-sdk-element";
-import { getUncroppedWidthAndHeight as getUncroppedWidthAndHeight3 } from "haoxin-excalidraw-sdk-element";
-import { isElbowArrow as isElbowArrow10, isImageElement as isImageElement8 } from "haoxin-excalidraw-sdk-element";
-import { frameAndChildrenSelectedTogether as frameAndChildrenSelectedTogether2 } from "haoxin-excalidraw-sdk-element";
-import { elementsAreInSameGroup as elementsAreInSameGroup2 } from "haoxin-excalidraw-sdk-element";
+import { STATS_PANELS } from "@haoxin-web/excalidraw-common";
+import { getCommonBounds as getCommonBounds10 } from "@haoxin-web/excalidraw-element";
+import { getUncroppedWidthAndHeight as getUncroppedWidthAndHeight3 } from "@haoxin-web/excalidraw-element";
+import { isElbowArrow as isElbowArrow10, isImageElement as isImageElement8 } from "@haoxin-web/excalidraw-element";
+import { frameAndChildrenSelectedTogether as frameAndChildrenSelectedTogether2 } from "@haoxin-web/excalidraw-element";
+import { elementsAreInSameGroup as elementsAreInSameGroup2 } from "@haoxin-web/excalidraw-element";
 
 // components/Stats/Angle.tsx
-import { degreesToRadians as degreesToRadians2, radiansToDegrees } from "haoxin-excalidraw-sdk-math";
-import { getBoundTextElement as getBoundTextElement11 } from "haoxin-excalidraw-sdk-element";
-import { isArrowElement as isArrowElement10, isElbowArrow as isElbowArrow9 } from "haoxin-excalidraw-sdk-element";
-import { updateBindings as updateBindings3 } from "haoxin-excalidraw-sdk-element";
+import { degreesToRadians as degreesToRadians2, radiansToDegrees } from "@haoxin-web/excalidraw-math";
+import { getBoundTextElement as getBoundTextElement11 } from "@haoxin-web/excalidraw-element";
+import { isArrowElement as isArrowElement10, isElbowArrow as isElbowArrow9 } from "@haoxin-web/excalidraw-element";
+import { updateBindings as updateBindings3 } from "@haoxin-web/excalidraw-element";
 
 // components/Stats/DragInput.tsx
 import clsx51 from "clsx";
 import { useEffect as useEffect38, useRef as useRef34, useState as useState32 } from "react";
-import { EVENT as EVENT13, KEYS as KEYS49, cloneJSON as cloneJSON4 } from "haoxin-excalidraw-sdk-common";
-import { deepCopyElement as deepCopyElement4 } from "haoxin-excalidraw-sdk-element";
-import { CaptureUpdateAction as CaptureUpdateAction36 } from "haoxin-excalidraw-sdk-element";
+import { EVENT as EVENT13, KEYS as KEYS49, cloneJSON as cloneJSON4 } from "@haoxin-web/excalidraw-common";
+import { deepCopyElement as deepCopyElement4 } from "@haoxin-web/excalidraw-element";
+import { CaptureUpdateAction as CaptureUpdateAction36 } from "@haoxin-web/excalidraw-element";
 
 // components/Stats/utils.ts
-import { pointFrom as pointFrom25, pointRotateRads as pointRotateRads14 } from "haoxin-excalidraw-sdk-math";
-import { getBoundTextElement as getBoundTextElement10 } from "haoxin-excalidraw-sdk-element";
-import { isFrameLikeElement as isFrameLikeElement12 } from "haoxin-excalidraw-sdk-element";
+import { pointFrom as pointFrom25, pointRotateRads as pointRotateRads14 } from "@haoxin-web/excalidraw-math";
+import { getBoundTextElement as getBoundTextElement10 } from "@haoxin-web/excalidraw-element";
+import { isFrameLikeElement as isFrameLikeElement12 } from "@haoxin-web/excalidraw-element";
 import {
   getSelectedGroupIds as getSelectedGroupIds3,
   getElementsInGroup as getElementsInGroup7,
   isInGroup
-} from "haoxin-excalidraw-sdk-element";
-import { getFrameChildren as getFrameChildren5 } from "haoxin-excalidraw-sdk-element";
-import { updateBindings as updateBindings2 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { getFrameChildren as getFrameChildren5 } from "@haoxin-web/excalidraw-element";
+import { updateBindings as updateBindings2 } from "@haoxin-web/excalidraw-element";
 var SMALLEST_DELTA = 0.01;
 var STEP_SIZE = 10;
 var isPropertyEditable = (element, property) => {
@@ -28570,17 +28634,17 @@ var CanvasGrid = ({
 var CanvasGrid_default = CanvasGrid;
 
 // components/Stats/Dimension.tsx
-import { clamp as clamp5, round as round3 } from "haoxin-excalidraw-sdk-math";
-import { MIN_WIDTH_OR_HEIGHT } from "haoxin-excalidraw-sdk-common";
+import { clamp as clamp5, round as round3 } from "@haoxin-web/excalidraw-math";
+import { MIN_WIDTH_OR_HEIGHT } from "@haoxin-web/excalidraw-common";
 import {
   MINIMAL_CROP_SIZE,
   getUncroppedWidthAndHeight
-} from "haoxin-excalidraw-sdk-element";
-import { resizeSingleElement } from "haoxin-excalidraw-sdk-element";
-import { isImageElement as isImageElement6 } from "haoxin-excalidraw-sdk-element";
-import { isFrameLikeElement as isFrameLikeElement13 } from "haoxin-excalidraw-sdk-element";
-import { getElementsInResizingFrame as getElementsInResizingFrame2 } from "haoxin-excalidraw-sdk-element";
-import { replaceAllElementsInFrame as replaceAllElementsInFrame2 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { resizeSingleElement } from "@haoxin-web/excalidraw-element";
+import { isImageElement as isImageElement6 } from "@haoxin-web/excalidraw-element";
+import { isFrameLikeElement as isFrameLikeElement13 } from "@haoxin-web/excalidraw-element";
+import { getElementsInResizingFrame as getElementsInResizingFrame2 } from "@haoxin-web/excalidraw-element";
+import { replaceAllElementsInFrame as replaceAllElementsInFrame2 } from "@haoxin-web/excalidraw-element";
 import { jsx as jsx128 } from "react/jsx-runtime";
 var STEP_SIZE4 = 10;
 var _shouldKeepAspectRatio = (element) => {
@@ -28840,8 +28904,8 @@ var Dimension_default = DimensionDragInput;
 import {
   getBoundTextElement as getBoundTextElement12,
   redrawTextBoundingBox as redrawTextBoundingBox8
-} from "haoxin-excalidraw-sdk-element";
-import { hasBoundTextElement as hasBoundTextElement7, isTextElement as isTextElement16 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { hasBoundTextElement as hasBoundTextElement7, isTextElement as isTextElement16 } from "@haoxin-web/excalidraw-element";
 import { jsx as jsx129 } from "react/jsx-runtime";
 var MIN_FONT_SIZE = 4;
 var STEP_SIZE5 = 4;
@@ -28907,10 +28971,10 @@ var FontSize = ({ element, scene, appState, property }) => {
 var FontSize_default = FontSize;
 
 // components/Stats/MultiAngle.tsx
-import { degreesToRadians as degreesToRadians3, radiansToDegrees as radiansToDegrees2 } from "haoxin-excalidraw-sdk-math";
-import { getBoundTextElement as getBoundTextElement13 } from "haoxin-excalidraw-sdk-element";
-import { isArrowElement as isArrowElement11 } from "haoxin-excalidraw-sdk-element";
-import { isInGroup as isInGroup2 } from "haoxin-excalidraw-sdk-element";
+import { degreesToRadians as degreesToRadians3, radiansToDegrees as radiansToDegrees2 } from "@haoxin-web/excalidraw-math";
+import { getBoundTextElement as getBoundTextElement13 } from "@haoxin-web/excalidraw-element";
+import { isArrowElement as isArrowElement11 } from "@haoxin-web/excalidraw-element";
+import { isInGroup as isInGroup2 } from "@haoxin-web/excalidraw-element";
 import { jsx as jsx130 } from "react/jsx-runtime";
 var STEP_SIZE6 = 15;
 var handleDegreeChange2 = ({
@@ -29001,24 +29065,24 @@ var MultiAngle = ({
 var MultiAngle_default = MultiAngle;
 
 // components/Stats/MultiDimension.tsx
-import { pointFrom as pointFrom26 } from "haoxin-excalidraw-sdk-math";
+import { pointFrom as pointFrom26 } from "@haoxin-web/excalidraw-math";
 import { useMemo as useMemo9 } from "react";
-import { MIN_WIDTH_OR_HEIGHT as MIN_WIDTH_OR_HEIGHT2 } from "haoxin-excalidraw-sdk-common";
+import { MIN_WIDTH_OR_HEIGHT as MIN_WIDTH_OR_HEIGHT2 } from "@haoxin-web/excalidraw-common";
 import {
   getElementsInResizingFrame as getElementsInResizingFrame3,
   isFrameLikeElement as isFrameLikeElement14,
   replaceAllElementsInFrame as replaceAllElementsInFrame3,
   updateBoundElements as updateBoundElements2
-} from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
 import {
   rescalePointsInElement,
   resizeSingleElement as resizeSingleElement2
-} from "haoxin-excalidraw-sdk-element";
-import { getBoundTextElement as getBoundTextElement14, handleBindTextResize as handleBindTextResize2 } from "haoxin-excalidraw-sdk-element";
-import { isTextElement as isTextElement17 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { getBoundTextElement as getBoundTextElement14, handleBindTextResize as handleBindTextResize2 } from "@haoxin-web/excalidraw-element";
+import { isTextElement as isTextElement17 } from "@haoxin-web/excalidraw-element";
 
 // ../utils/src/index.ts
-import { getCommonBounds as getCommonBounds8 } from "haoxin-excalidraw-sdk-element";
+import { getCommonBounds as getCommonBounds8 } from "@haoxin-web/excalidraw-element";
 
 // components/Stats/MultiDimension.tsx
 import { jsx as jsx131 } from "react/jsx-runtime";
@@ -29365,9 +29429,9 @@ var MultiDimension_default = MultiDimension;
 import {
   getBoundTextElement as getBoundTextElement15,
   redrawTextBoundingBox as redrawTextBoundingBox9
-} from "haoxin-excalidraw-sdk-element";
-import { hasBoundTextElement as hasBoundTextElement8, isTextElement as isTextElement18 } from "haoxin-excalidraw-sdk-element";
-import { isInGroup as isInGroup3 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { hasBoundTextElement as hasBoundTextElement8, isTextElement as isTextElement18 } from "@haoxin-web/excalidraw-element";
+import { isInGroup as isInGroup3 } from "@haoxin-web/excalidraw-element";
 import { jsx as jsx132 } from "react/jsx-runtime";
 var MIN_FONT_SIZE2 = 4;
 var STEP_SIZE8 = 4;
@@ -29476,10 +29540,10 @@ var MultiFontSize = ({
 var MultiFontSize_default = MultiFontSize;
 
 // components/Stats/MultiPosition.tsx
-import { pointFrom as pointFrom27, pointRotateRads as pointRotateRads15 } from "haoxin-excalidraw-sdk-math";
+import { pointFrom as pointFrom27, pointRotateRads as pointRotateRads15 } from "@haoxin-web/excalidraw-math";
 import { useMemo as useMemo10 } from "react";
-import { isTextElement as isTextElement19 } from "haoxin-excalidraw-sdk-element";
-import { getCommonBounds as getCommonBounds9 } from "haoxin-excalidraw-sdk-element";
+import { isTextElement as isTextElement19 } from "@haoxin-web/excalidraw-element";
+import { getCommonBounds as getCommonBounds9 } from "@haoxin-web/excalidraw-element";
 import { jsx as jsx133 } from "react/jsx-runtime";
 var moveElements = (property, changeInTopX, changeInTopY, originalElements, originalElementsMap, scene) => {
   for (let i = 0; i < originalElements.length; i++) {
@@ -29656,12 +29720,12 @@ var MultiPosition = ({
 var MultiPosition_default = MultiPosition;
 
 // components/Stats/Position.tsx
-import { clamp as clamp6, pointFrom as pointFrom28, pointRotateRads as pointRotateRads16, round as round4 } from "haoxin-excalidraw-sdk-math";
+import { clamp as clamp6, pointFrom as pointFrom28, pointRotateRads as pointRotateRads16, round as round4 } from "@haoxin-web/excalidraw-math";
 import {
   getFlipAdjustedCropPosition,
   getUncroppedWidthAndHeight as getUncroppedWidthAndHeight2
-} from "haoxin-excalidraw-sdk-element";
-import { isImageElement as isImageElement7 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { isImageElement as isImageElement7 } from "@haoxin-web/excalidraw-element";
 import { jsx as jsx134 } from "react/jsx-runtime";
 var handlePositionChange2 = ({
   accumulatedChange,
@@ -30136,11 +30200,11 @@ var StatsInner = memo5(
 
 // components/ElementLinkDialog.tsx
 import { useCallback as useCallback12, useEffect as useEffect40, useState as useState34 } from "react";
-import { normalizeLink as normalizeLink2, KEYS as KEYS50 } from "haoxin-excalidraw-sdk-common";
+import { normalizeLink as normalizeLink2, KEYS as KEYS50 } from "@haoxin-web/excalidraw-common";
 import {
   defaultGetElementLinkFromSelection as defaultGetElementLinkFromSelection2,
   getLinkIdAndTypeFromSelection as getLinkIdAndTypeFromSelection2
-} from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
 import { jsx as jsx136, jsxs as jsxs73 } from "react/jsx-runtime";
 var ElementLinkDialog = ({
   sourceElementId,
@@ -30300,8 +30364,8 @@ var ErrorDialog = ({
 
 // components/HelpDialog.tsx
 import React39 from "react";
-import { isDarwin as isDarwin3, isFirefox as isFirefox3, isWindows as isWindows2 } from "haoxin-excalidraw-sdk-common";
-import { KEYS as KEYS51, getShortcutKey as getShortcutKey14 } from "haoxin-excalidraw-sdk-common";
+import { isDarwin as isDarwin3, isFirefox as isFirefox3, isWindows as isWindows2 } from "@haoxin-web/excalidraw-common";
+import { KEYS as KEYS51, getShortcutKey as getShortcutKey14 } from "@haoxin-web/excalidraw-common";
 import { Fragment as Fragment22, jsx as jsx138, jsxs as jsxs74 } from "react/jsx-runtime";
 var Header = () => /* @__PURE__ */ jsxs74("div", { className: "HelpDialog__header", children: [
   /* @__PURE__ */ jsxs74(
@@ -31005,7 +31069,7 @@ import {
   isFirefox as isFirefox4,
   EXPORT_SCALES as EXPORT_SCALES2,
   cloneJSON as cloneJSON5
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 
 // hooks/useCopiedIndicator.ts
 import { useCallback as useCallback13, useRef as useRef35, useState as useState36 } from "react";
@@ -31394,7 +31458,7 @@ var ImageExportDialog = ({
 
 // components/JSONExportDialog.tsx
 import React41 from "react";
-import { getFrame } from "haoxin-excalidraw-sdk-common";
+import { getFrame } from "@haoxin-web/excalidraw-common";
 
 // components/Card.tsx
 import OpenColor3 from "open-color";
@@ -31857,7 +31921,10 @@ var LayerUI = ({
   children,
   app,
   isCollaborating,
-  generateLinkForSelection
+  generateLinkForSelection,
+  showZoomActions,
+  showPanActions,
+  showToolBar = true
 }) => {
   const device = useDevice();
   const tunnels = useInitializeTunnels();
@@ -31902,13 +31969,20 @@ var LayerUI = ({
     renderWelcomeScreen && /* @__PURE__ */ jsx145(tunnels.WelcomeScreenMenuHintTunnel.Out, {})
   ] });
   const renderLeftToolbar = () => {
-    if (appState.viewModeEnabled || appState.openDialog?.name === "elementLinkSelector") {
+    if (appState.viewModeEnabled || appState.openDialog?.name === "elementLinkSelector" || !showToolBar) {
       return null;
     }
     return /* @__PURE__ */ jsx145(FixedSideContainer, { side: "left", children: /* @__PURE__ */ jsx145("div", { className: "App-menu App-menu_left", children: /* @__PURE__ */ jsx145(Section, { heading: "shapes", className: "shapes-section-left", children: (heading) => /* @__PURE__ */ jsxs79("div", { style: { position: "relative" }, children: [
       renderWelcomeScreen && /* @__PURE__ */ jsx145(tunnels.WelcomeScreenToolbarHintTunnel.Out, {}),
       /* @__PURE__ */ jsxs79(Stack_default.Col, { gap: 4, align: "center", children: [
-        /* @__PURE__ */ jsx145(LeftMainToolbar_default, { appState, app }),
+        /* @__PURE__ */ jsx145(
+          LeftMainToolbar_default,
+          {
+            appState,
+            app,
+            visible: showToolBar
+          }
+        ),
         isCollaborating && /* @__PURE__ */ jsx145(
           Island,
           {
@@ -31934,7 +32008,15 @@ var LayerUI = ({
   const renderFixedSideContainer = () => {
     const shouldShowStats = appState.stats.open && !appState.zenModeEnabled && !appState.viewModeEnabled && appState.openDialog?.name !== "elementLinkSelector";
     return /* @__PURE__ */ jsx145(FixedSideContainer, { side: "top", children: /* @__PURE__ */ jsxs79("div", { className: "App-menu App-menu_top", children: [
-      /* @__PURE__ */ jsx145(Stack_default.Col, { gap: 6, className: clsx55("App-menu_top__left"), style: { display: "none" }, children: renderCanvasActions() }),
+      /* @__PURE__ */ jsx145(
+        Stack_default.Col,
+        {
+          gap: 6,
+          className: clsx55("App-menu_top__left"),
+          style: { display: "none" },
+          children: renderCanvasActions()
+        }
+      ),
       /* @__PURE__ */ jsxs79(
         "div",
         {
@@ -32102,7 +32184,8 @@ var LayerUI = ({
         renderSidebars,
         device,
         renderWelcomeScreen,
-        UIOptions
+        UIOptions,
+        showPanActions
       }
     ),
     !device.editor.isMobile && /* @__PURE__ */ jsxs79(Fragment24, { children: [
@@ -32121,7 +32204,8 @@ var LayerUI = ({
                 appState,
                 actionManager,
                 showExitZenModeBtn,
-                renderWelcomeScreen
+                renderWelcomeScreen,
+                showZoomActions
               }
             ),
             appState.scrolledOutside && /* @__PURE__ */ jsx145(
@@ -32145,16 +32229,17 @@ var LayerUI = ({
   ] });
   return /* @__PURE__ */ jsx145(UIAppStateContext.Provider, { value: appState, children: /* @__PURE__ */ jsx145(TunnelsJotaiProvider, { children: /* @__PURE__ */ jsxs79(TunnelsContext.Provider, { value: tunnels, children: [
     layerUIJSX,
-    !appState.viewModeEnabled && /* @__PURE__ */ jsx145(
+    !appState.viewModeEnabled && showToolBar && /* @__PURE__ */ jsx145(
       LeftToolFlyouts_default,
       {
         appState,
         app,
         actionManager,
-        elements
+        elements,
+        showToolBar
       }
     ),
-    !device.editor.isMobile && !appState.viewModeEnabled && /* @__PURE__ */ jsx145(
+    !device.editor.isMobile && !appState.viewModeEnabled && showToolBar && /* @__PURE__ */ jsx145(
       TopLeftToolbar,
       {
         appState,
@@ -32255,7 +32340,7 @@ import {
   CURSOR_TYPE as CURSOR_TYPE3,
   isShallowEqual as isShallowEqual6,
   sceneCoordsToViewportCoords as sceneCoordsToViewportCoords5
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 import { jsx as jsx148 } from "react/jsx-runtime";
 var InteractiveCanvas = (props) => {
   const isComponentMounted = useRef39(false);
@@ -32400,7 +32485,7 @@ var InteractiveCanvas_default = React44.memo(InteractiveCanvas, areEqual3);
 
 // components/canvases/StaticCanvas.tsx
 import React45, { useEffect as useEffect45, useRef as useRef40 } from "react";
-import { isShallowEqual as isShallowEqual7 } from "haoxin-excalidraw-sdk-common";
+import { isShallowEqual as isShallowEqual7 } from "@haoxin-web/excalidraw-common";
 import { jsx as jsx149 } from "react/jsx-runtime";
 var StaticCanvas = (props) => {
   const wrapperRef = useRef40(null);
@@ -32486,13 +32571,13 @@ var StaticCanvas_default = React45.memo(StaticCanvas, areEqual4);
 import { useEffect as useEffect46, useRef as useRef41 } from "react";
 
 // renderer/renderNewElementScene.ts
-import { throttleRAF as throttleRAF3 } from "haoxin-excalidraw-sdk-common";
+import { throttleRAF as throttleRAF3 } from "@haoxin-web/excalidraw-common";
 import {
   getTargetFrame,
   isInvisiblySmallElement as isInvisiblySmallElement2,
   renderElement,
   shouldApplyFrameClip
-} from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
 var _renderNewElementScene = ({
   canvas,
   rc,
@@ -32652,8 +32737,8 @@ import {
   getCommonBounds as getCommonBounds11,
   getElementsInGroup as getElementsInGroup8,
   selectGroupsFromGivenElements as selectGroupsFromGivenElements4
-} from "haoxin-excalidraw-sdk-element";
-import { sceneCoordsToViewportCoords as sceneCoordsToViewportCoords6 } from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-element";
+import { sceneCoordsToViewportCoords as sceneCoordsToViewportCoords6 } from "@haoxin-web/excalidraw-common";
 import { flushSync as flushSync2 } from "react-dom";
 import { jsx as jsx152 } from "react/jsx-runtime";
 var UnlockPopup = ({
@@ -33857,10 +33942,27 @@ var App = class _App extends React46.Component {
       }
     });
     /** use when changing scrollX/scrollY/zoom based on user interaction */
-    __publicField(this, "translateCanvas", (state) => {
+    __publicField(this, "translateCanvas", (state, callback) => {
+      if (this.props.showPanActions === false) {
+        if (typeof state === "function") {
+          const wrappedStateFn = (prevState) => {
+            const nextState = state(prevState);
+            if (nextState.scrollX !== prevState.scrollX || nextState.scrollY !== prevState.scrollY) {
+              return prevState;
+            }
+            return nextState;
+          };
+          this.cancelInProgressAnimation?.();
+          this.maybeUnfollowRemoteUser();
+          this.setState(wrappedStateFn, callback);
+          return;
+        } else if (state.scrollX !== void 0 || state.scrollY !== void 0) {
+          return;
+        }
+      }
       this.cancelInProgressAnimation?.();
       this.maybeUnfollowRemoteUser();
-      this.setState(state);
+      this.setState(state, callback);
     });
     __publicField(this, "setToast", (toast) => {
       this.setState({ toast });
@@ -33953,7 +34055,7 @@ var App = class _App extends React46.Component {
      * This method has the same signature as updateScene but marks the
      * onChange callback with source: "updateSceneSilently" so consumers
      * can choose how to handle it.
-     * 
+     *
      * Use this method when you need to update the canvas programmatically
      * and want to inform consumers that this was a programmatic update.
      */
@@ -34043,6 +34145,24 @@ var App = class _App extends React46.Component {
         left: Math.max(propertiesPanelRect?.right ?? 0, 0) + PADDING
       };
     });
+    __publicField(this, "zoomToFit", () => {
+      console.log("\u{1F50D} \u8C03\u7528 zoomToFit \u65B9\u6CD5");
+      const result = zoomToFit({
+        targetElements: this.scene.getNonDeletedElements(),
+        appState: {
+          ...this.state,
+          userToFollow: null
+        },
+        fitToViewport: false,
+        canvasOffsets: {}
+      });
+      if (result) {
+        console.log("\u2705 zoomToFit \u6210\u529F\u6267\u884C\uFF0C\u66F4\u65B0\u573A\u666F");
+        this.updateScene(result);
+      } else {
+        console.log("\u26A0\uFE0F zoomToFit \u6CA1\u6709\u8FD4\u56DE\u7ED3\u679C\uFF0C\u53EF\u80FD\u6CA1\u6709\u5143\u7D20\u9700\u8981\u7F29\u653E");
+      }
+    });
     // Input handling
     __publicField(this, "onKeyDown", withBatchedUpdates(
       (event) => {
@@ -34368,7 +34488,7 @@ var App = class _App extends React46.Component {
             event.stopPropagation();
           }
         }
-        if (event.key === KEYS52.SPACE && gesture.pointers.size === 0) {
+        if (event.key === KEYS52.SPACE && gesture.pointers.size === 0 && this.props.showPanActions !== false) {
           isHoldingSpace = true;
           setCursor(this.interactiveCanvas, CURSOR_TYPE4.GRAB);
           event.preventDefault();
@@ -35755,7 +35875,7 @@ var App = class _App extends React46.Component {
     });
     // Returns whether the event is a panning
     __publicField(this, "handleCanvasPanUsingWheelOrSpaceDrag", (event) => {
-      if (!(gesture.pointers.size <= 1 && (event.button === POINTER_BUTTON2.WHEEL || event.button === POINTER_BUTTON2.MAIN && isHoldingSpace || isHandToolActive(this.state) || this.state.viewModeEnabled))) {
+      if (!(this.props.showPanActions !== false && gesture.pointers.size <= 1 && (event.button === POINTER_BUTTON2.WHEEL || event.button === POINTER_BUTTON2.MAIN && isHoldingSpace || isHandToolActive(this.state) || this.state.viewModeEnabled))) {
         return false;
       }
       isPanning = true;
@@ -37336,17 +37456,19 @@ var App = class _App extends React46.Component {
           this.resetShouldCacheIgnoreZoomDebounced();
           return;
         }
-        if (event.shiftKey) {
+        if (event.shiftKey && this.props.showPanActions !== false) {
           this.translateCanvas(({ zoom, scrollX }) => ({
             // on Mac, shift+wheel tends to result in deltaX
             scrollX: scrollX - (deltaY || deltaX) / zoom.value
           }));
           return;
         }
-        this.translateCanvas(({ zoom, scrollX, scrollY }) => ({
-          scrollX: scrollX - deltaX / zoom.value,
-          scrollY: scrollY - deltaY / zoom.value
-        }));
+        if (this.props.showPanActions !== false) {
+          this.translateCanvas(({ zoom, scrollX, scrollY }) => ({
+            scrollX: scrollX - deltaX / zoom.value,
+            scrollY: scrollY - deltaY / zoom.value
+          }));
+        }
       }
     ));
     __publicField(this, "savePointer", (x, y, button) => {
@@ -37466,6 +37588,7 @@ var App = class _App extends React46.Component {
           clear: this.resetHistory
         },
         scrollToContent: this.scrollToContent,
+        zoomToFit: this.zoomToFit,
         getSceneElements: this.getSceneElements,
         getAppState: () => this.state,
         getFiles: () => this.files,
@@ -37939,6 +38062,9 @@ var App = class _App extends React46.Component {
                             app: this,
                             isCollaborating: this.props.isCollaborating,
                             generateLinkForSelection: this.props.generateLinkForSelection,
+                            showZoomActions: this.props.showZoomActions,
+                            showPanActions: this.props.showPanActions,
+                            showToolBar: this.props.showToolBar,
                             children: this.props.children
                           }
                         ),
@@ -38839,8 +38965,14 @@ var App = class _App extends React46.Component {
             const currentStyle = _element.customData?.textStyle || {};
             const pick = (cur, st) => cur === void 0 ? !!st : !!cur;
             const nextStyle = {
-              bold: pick(currentStyle.bold, this.state.currentTextBold),
-              italic: pick(currentStyle.italic, this.state.currentTextItalic),
+              bold: pick(
+                currentStyle.bold,
+                this.state.currentTextBold
+              ),
+              italic: pick(
+                currentStyle.italic,
+                this.state.currentTextItalic
+              ),
               underline: pick(
                 currentStyle.underline,
                 this.state.currentTextUnderline
@@ -38860,7 +38992,10 @@ var App = class _App extends React46.Component {
                 elementsMap,
                 nextOriginalText
               ),
-              customData: { ..._element.customData || {}, textStyle: nextStyle }
+              customData: {
+                ..._element.customData || {},
+                textStyle: nextStyle
+              }
             });
           }
           return _element;
@@ -41058,18 +41193,18 @@ import {
   hashElementsVersion as hashElementsVersion2,
   hashString as hashString2,
   getNonDeletedElements as getNonDeletedElements14
-} from "haoxin-excalidraw-sdk-element";
-import { getTextFromElements as getTextFromElements2 } from "haoxin-excalidraw-sdk-element";
-import { isInvisiblySmallElement as isInvisiblySmallElement4 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { getTextFromElements as getTextFromElements2 } from "@haoxin-web/excalidraw-element";
+import { isInvisiblySmallElement as isInvisiblySmallElement4 } from "@haoxin-web/excalidraw-element";
 
 // data/reconcile.ts
 import throttle4 from "lodash.throttle";
-import { arrayToMap as arrayToMap28, isDevEnv as isDevEnv12, isTestEnv as isTestEnv7 } from "haoxin-excalidraw-sdk-common";
+import { arrayToMap as arrayToMap28, isDevEnv as isDevEnv12, isTestEnv as isTestEnv7 } from "@haoxin-web/excalidraw-common";
 import {
   orderByFractionalIndex as orderByFractionalIndex2,
   syncInvalidIndices as syncInvalidIndices3,
   validateFractionalIndices
-} from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
 var shouldDiscardRemoteElement = (localAppState, local, remote) => {
   if (local && // local element is being edited
   (local.id === localAppState.editingTextElement?.id || local.id === localAppState.resizingElement?.id || local.id === localAppState.newElement?.id || // local element is newer
@@ -41134,8 +41269,8 @@ var reconcileElements = (localElements, remoteElements, localAppState) => {
 };
 
 // index.tsx
-import { getFreeDrawSvgPath as getFreeDrawSvgPath2 } from "haoxin-excalidraw-sdk-element";
-import { isLinearElement as isLinearElement14 } from "haoxin-excalidraw-sdk-element";
+import { getFreeDrawSvgPath as getFreeDrawSvgPath2 } from "@haoxin-web/excalidraw-element";
+import { isLinearElement as isLinearElement14 } from "@haoxin-web/excalidraw-element";
 import {
   FONT_FAMILY as FONT_FAMILY5,
   THEME as THEME16,
@@ -41144,17 +41279,17 @@ import {
   DEFAULT_LASER_COLOR as DEFAULT_LASER_COLOR2,
   UserIdleState as UserIdleState2,
   normalizeLink as normalizeLink4
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 import {
   mutateElement as mutateElement2,
   newElementWith as newElementWith13,
   bumpVersion
-} from "haoxin-excalidraw-sdk-element";
-import { CaptureUpdateAction as CaptureUpdateAction38 } from "haoxin-excalidraw-sdk-element";
+} from "@haoxin-web/excalidraw-element";
+import { CaptureUpdateAction as CaptureUpdateAction38 } from "@haoxin-web/excalidraw-element";
 import {
   sceneCoordsToViewportCoords as sceneCoordsToViewportCoords2,
   viewportCoordsToSceneCoords as viewportCoordsToSceneCoords5
-} from "haoxin-excalidraw-sdk-common";
+} from "@haoxin-web/excalidraw-common";
 
 // components/TTDDialog/TTDDialogTrigger.tsx
 import { jsx as jsx161, jsxs as jsxs88 } from "react/jsx-runtime";
@@ -41182,7 +41317,7 @@ var TTDDialogTrigger = ({
 TTDDialogTrigger.displayName = "TTDDialogTrigger";
 
 // index.tsx
-import { getCommonBounds as getCommonBounds13, getVisibleSceneBounds as getVisibleSceneBounds2 } from "haoxin-excalidraw-sdk-element";
+import { getCommonBounds as getCommonBounds13, getVisibleSceneBounds as getVisibleSceneBounds2 } from "@haoxin-web/excalidraw-element";
 
 // components/DiagramToCodePlugin/DiagramToCodePlugin.tsx
 import { useLayoutEffect as useLayoutEffect9 } from "react";
@@ -41197,11 +41332,12 @@ var DiagramToCodePlugin = (props) => {
 };
 
 // index.tsx
-import { isElementLink as isElementLink3 } from "haoxin-excalidraw-sdk-element";
-import { setCustomTextMetricsProvider } from "haoxin-excalidraw-sdk-element";
+import { isElementLink as isElementLink3 } from "@haoxin-web/excalidraw-element";
+import { setCustomTextMetricsProvider } from "@haoxin-web/excalidraw-element";
 import { jsx as jsx162 } from "react/jsx-runtime";
 polyfill_default();
 var ExcalidrawBase = (props) => {
+  console.log("\u4F7F\u7528\u4E86\u7EC4\u4EF6=====Excalidraw component initialized");
   const {
     onChange,
     onIncrement,
@@ -41235,7 +41371,10 @@ var ExcalidrawBase = (props) => {
     renderEmbeddable,
     aiEnabled,
     showDeprecatedFonts,
-    renderScrollbars
+    renderScrollbars,
+    showZoomActions,
+    showPanActions,
+    showToolBar
   } = props;
   const canvasActions = props.UIOptions?.canvasActions;
   const UIOptions = {
@@ -41307,6 +41446,9 @@ var ExcalidrawBase = (props) => {
       aiEnabled: aiEnabled !== false,
       showDeprecatedFonts,
       renderScrollbars,
+      showZoomActions,
+      showPanActions,
+      showToolBar,
       children
     }
   ) }) });