microboard-ui-temp 0.6.0 → 0.7.0

package/dist/spa.js

@@ -346021,7 +346021,7 @@ class Location {
 }
 
 // src/App/router.tsx
-var import_react456 = __toESM(require_react(), 1);
+var import_react457 = __toESM(require_react(), 1);
 
 // src/entities/AIInput/utils.ts
 var PLACEHOLDER_OFFSET = "\t\t\t\t\t\t\t\t\t\t\t\t";
@@ -372797,7 +372797,8 @@ function ColorItem({
   color: color2,
   active: active2,
   onPick,
-  id: id3
+  id: id3,
+  tooltip
 }) {
   return /* @__PURE__ */ import_react227.default.createElement("button", {
     onClick: () => onPick(color2),
@@ -372806,23 +372807,30 @@ function ColorItem({
       backgroundColor: color2 === "none" ? "transparent" : color2
     },
     className: clsx_default(ColorItem_module_default.button, active2 && ColorItem_module_default.active, color2 === "none" && ColorItem_module_default.none)
-  });
+  }, tooltip && /* @__PURE__ */ import_react227.default.createElement(Tooltip, {
+    tooltip,
+    tooltipPosition: "top"
+  }));
 }
 
 // src/features/Pickers/ColorPicker/SemanticColorPicker.tsx
 function SemanticColorPicker({
   onPick,
   currentValue,
-  id: id3 = ""
+  id: id3 = "",
+  role = "background"
 }) {
   const activeSemanticId = getSemanticId(currentValue);
   return /* @__PURE__ */ import_react228.default.createElement(import_react228.default.Fragment, null, CONTRAST_PALETTE_LIST.map((pair) => {
-    const displayColor = conf.theme === "light" ? pair.light : pair.dark;
+    const isForeground = role === "foreground";
+    const isLight = conf.theme === "light";
+    const displayColor = isForeground ? isLight ? pair.dark : pair.light : isLight ? pair.light : pair.dark;
     return /* @__PURE__ */ import_react228.default.createElement(ColorItem, {
       key: pair.id,
       id: id3 ? `${id3}-sem-${pair.id}` : "",
       color: displayColor,
       active: activeSemanticId === pair.id,
+      tooltip: pair.label,
       onPick: () => onPick(semanticColor(pair.id))
     });
   }));
@@ -372987,7 +372995,8 @@ function DrawFillStyle() {
   }, /* @__PURE__ */ import_react230.default.createElement(SemanticColorPicker, {
     id: "drawing",
     currentValue: rawDrawingColor,
-    onPick: handlePick
+    onPick: handlePick,
+    role: "foreground"
   }), /* @__PURE__ */ import_react230.default.createElement(UiColorInput, {
     onChange: handleCustomPick,
     color: isSemanticColor ? "none" : drawingColor,
@@ -374212,7 +374221,8 @@ function StrokeStyle({
   }, /* @__PURE__ */ import_react257.default.createElement(SemanticColorPicker, {
     id: "stroke-style",
     currentValue: rawBorderColor,
-    onPick: handleStrokeColorPick
+    onPick: handleStrokeColorPick,
+    role: "foreground"
   }), /* @__PURE__ */ import_react257.default.createElement(UiColorInput, {
     onChange: handleStrokeCustomColorPick,
     color: isSemanticStroke ? "none" : borderColor,
@@ -374394,24 +374404,20 @@ function TextColor() {
   const { toggleMenu, openedMenu, panelMbr, windowHeight } = usePanelContext();
   const { board } = useAppContext();
   const { t: t10 } = useTranslation();
-  const fontColor = board.selection.getFontColor();
+  const rawFontColor = board.selection.getFontColor();
+  const fontColor = resolveColorForUI(rawFontColor, "foreground");
+  const isSemanticFont = getSemanticId(rawFontColor) !== null;
   const handleClick = () => {
     toggleMenu(MENU_NAME15);
   };
   const handleSemanticPick = (colorValue) => {
-    const resolved = resolveColorForUI(colorValue, "foreground");
-    board.selection.setFontColor(resolved);
+    board.selection.setFontColor(colorValue);
     toggleMenu("None");
   };
   const handleCustomPick = (color2) => {
     const rgbColor = convertHexToRGBA2(color2, false);
     board.selection.setFontColor(rgbColor);
   };
-  const activeSemanticId = CONTRAST_PALETTE_LIST.find((pair) => {
-    const fg2 = conf.theme === "light" ? pair.dark : pair.light;
-    return fg2 === fontColor;
-  })?.id ?? null;
-  const isSemanticFont = activeSemanticId !== null;
   return /* @__PURE__ */ import_react262.default.createElement(ButtonWithMenu, {
     menuName: MENU_NAME15,
     openedMenu,
@@ -374438,8 +374444,9 @@ function TextColor() {
     gap: 8
   }, /* @__PURE__ */ import_react262.default.createElement(SemanticColorPicker, {
     id: "TextColor",
-    currentValue: { type: "semantic", id: activeSemanticId },
-    onPick: handleSemanticPick
+    currentValue: rawFontColor,
+    onPick: handleSemanticPick,
+    role: "foreground"
   }), /* @__PURE__ */ import_react262.default.createElement(UiColorInput, {
     onChange: handleCustomPick,
     color: isSemanticFont ? "none" : fontColor,
@@ -374454,24 +374461,20 @@ function TextHighlight() {
   const { toggleMenu, openedMenu, panelMbr, windowHeight } = usePanelContext();
   const { board } = useAppContext();
   const { t: t10 } = useTranslation();
-  const highlightColor = board.selection.getFontHighlight();
+  const rawHighlightColor = board.selection.getFontHighlight();
+  const highlightColor = resolveColorForUI(rawHighlightColor, "background");
+  const isSemanticHighlight = getSemanticId(rawHighlightColor) !== null;
   const handleClick = () => {
     toggleMenu(MENU_NAME16);
   };
   const handleSemanticPick = (colorValue) => {
-    const resolved = resolveColorForUI(colorValue, "background");
-    board.selection.setFontHighlight(resolved);
+    board.selection.setFontHighlight(colorValue);
     toggleMenu("None");
   };
   const handleCustomPick = (color2) => {
     const rgbColor = convertHexToRGBA2(color2, false);
     board.selection.setFontHighlight(rgbColor);
   };
-  const activeSemanticId = CONTRAST_PALETTE_LIST.find((pair) => {
-    const bg = conf.theme === "light" ? pair.light : pair.dark;
-    return bg === highlightColor;
-  })?.id ?? null;
-  const isSemanticHighlight = activeSemanticId !== null;
   return /* @__PURE__ */ import_react263.default.createElement(ButtonWithMenu, {
     menuName: MENU_NAME16,
     openedMenu,
@@ -374498,7 +374501,7 @@ function TextHighlight() {
     gap: 8
   }, /* @__PURE__ */ import_react263.default.createElement(SemanticColorPicker, {
     id: "TextHighlight",
-    currentValue: { type: "semantic", id: activeSemanticId },
+    currentValue: rawHighlightColor,
     onPick: handleSemanticPick
   }), /* @__PURE__ */ import_react263.default.createElement(UiColorInput, {
     onChange: handleCustomPick,
@@ -374644,7 +374647,8 @@ function ConnectorLineColor() {
   }, /* @__PURE__ */ import_react266.default.createElement(SemanticColorPicker, {
     id: "connector-line-color",
     currentValue: rawLineColor,
-    onPick: handlePick
+    onPick: handlePick,
+    role: "foreground"
   }), /* @__PURE__ */ import_react266.default.createElement(UiColorInput, {
     onChange: handleCustomPick,
     color: isSemanticLine ? "none" : connectorLineColor,
@@ -437979,7 +437983,8 @@ function AddHighlighter2() {
   })), /* @__PURE__ */ import_react324.default.createElement("div", {
     className: AddHighlighter_module_default.colors
   }, /* @__PURE__ */ import_react324.default.createElement(SemanticColorPicker, {
-    onPick: handleColorPick
+    onPick: handleColorPick,
+    role: "foreground"
   }), /* @__PURE__ */ import_react324.default.createElement(UiColorInput, {
     color: isCustomColor ? selectedColor : "none",
     isActive: isCustomColor && selectedColor !== "none",
@@ -438080,7 +438085,8 @@ function AddPen() {
     className: AddPen_module_default.colors
   }, /* @__PURE__ */ import_react325.default.createElement(SemanticColorPicker, {
     currentValue: selectedColor,
-    onPick: handleColorPick
+    onPick: handleColorPick,
+    role: "foreground"
   }), /* @__PURE__ */ import_react325.default.createElement(UiColorInput, {
     color: isSemanticColor ? "none" : selectedColor,
     isActive: !!selectedColor && selectedColor !== "none" && !isSemanticColor,
@@ -443591,7 +443597,7 @@ function ZoomPanel() {
   })));
 }
 // src/features/AppView/AppView.tsx
-var import_react424 = __toESM(require_react(), 1);
+var import_react425 = __toESM(require_react(), 1);
 
 // src/shared/ui-lib/UIMainLoader/UIMainLoader.tsx
 var import_react406 = __toESM(require_react(), 1);
@@ -445340,6 +445346,9 @@ var Dropdown2 = ({ children, className, style: style3, padding: padding3 }) => {
 };
 
 // src/features/ErrorBoundary/ErrorBoundary.tsx
+var import_react424 = __toESM(require_react(), 1);
+
+// src/features/ErrorBoundary/ErrorScreen.tsx
 var import_react423 = __toESM(require_react(), 1);
 
 // src/features/ErrorBoundary/ErrorBoundary.module.css
@@ -445351,8 +445360,25 @@ var ErrorBoundary_module_default = {
   recoveryInfo: "recoveryInfo_GqFZyQ"
 };
 
+// src/features/ErrorBoundary/ErrorScreen.tsx
+function ErrorScreen({ message }) {
+  return /* @__PURE__ */ import_react423.default.createElement("div", {
+    className: ErrorBoundary_module_default.wrapper
+  }, /* @__PURE__ */ import_react423.default.createElement("div", {
+    className: ErrorBoundary_module_default.errorContainer
+  }, /* @__PURE__ */ import_react423.default.createElement("div", {
+    className: ErrorBoundary_module_default.errorMessage
+  }, /* @__PURE__ */ import_react423.default.createElement("h2", null, "Something went wrong"), message && /* @__PURE__ */ import_react423.default.createElement("p", {
+    className: ErrorBoundary_module_default.recoveryInfo
+  }, message), /* @__PURE__ */ import_react423.default.createElement("p", null, "Please reload the page. If the problem persists, try clearing your browser cache."), /* @__PURE__ */ import_react423.default.createElement("div", {
+    className: ErrorBoundary_module_default.errorButtons
+  }, /* @__PURE__ */ import_react423.default.createElement(Button, {
+    onClick: () => window.location.reload()
+  }, "Reload Page")))));
+}
+
 // src/features/ErrorBoundary/ErrorBoundary.tsx
-class ErrorBoundary extends import_react423.default.Component {
+class ErrorBoundary extends import_react424.default.Component {
   MAX_RECOVERY_ATTEMPTS = 3;
   RECOVERY_TIMEOUT = 1000;
   constructor(props) {
@@ -445396,19 +445422,9 @@ class ErrorBoundary extends import_react423.default.Component {
   };
   render() {
     if (this.state.hasError && this.state.recoveryAttempts >= this.MAX_RECOVERY_ATTEMPTS) {
-      return /* @__PURE__ */ import_react423.default.createElement("div", {
-        className: ErrorBoundary_module_default.wrapper
-      }, /* @__PURE__ */ import_react423.default.createElement("div", {
-        className: ErrorBoundary_module_default.errorContainer
-      }, /* @__PURE__ */ import_react423.default.createElement("div", {
-        className: ErrorBoundary_module_default.errorMessage
-      }, /* @__PURE__ */ import_react423.default.createElement("h2", null, "Something went wrong"), /* @__PURE__ */ import_react423.default.createElement("p", null, "An error occurred:"), /* @__PURE__ */ import_react423.default.createElement("p", {
-        className: ErrorBoundary_module_default.recoveryInfo
-      }, this.state.error?.message || `We tried to recover automatically ${this.MAX_RECOVERY_ATTEMPTS} times but couldn't fix the issue.`), /* @__PURE__ */ import_react423.default.createElement("div", {
-        className: ErrorBoundary_module_default.errorButtons
-      }, /* @__PURE__ */ import_react423.default.createElement(Button, {
-        onClick: () => window.location.reload()
-      }, "Refresh Page")))));
+      return /* @__PURE__ */ import_react424.default.createElement(ErrorScreen, {
+        message: this.state.error?.message
+      });
     }
     return this.props.children;
   }
@@ -445424,9 +445440,9 @@ function AppView() {
   const navigate = useNavigate();
   const params = useParams();
   const forceUpdate = useForceUpdate();
-  const animationId = import_react424.useRef(null);
-  const containerRef = import_react424.useRef(null);
-  const [offlineNotificationSent, setOfflineNotificationSent] = import_react424.useState(false);
+  const animationId = import_react425.useRef(null);
+  const containerRef = import_react425.useRef(null);
+  const [offlineNotificationSent, setOfflineNotificationSent] = import_react425.useState(false);
   const [searchParams] = useSearchParams();
   const authCode = searchParams.get("code");
   const teamIdSearch = searchParams.get("team_id");
@@ -445444,7 +445460,7 @@ function AppView() {
     Video: VideoPlayer,
     Audio: AudioPlayer
   };
-  import_react424.useEffect(() => {
+  import_react425.useEffect(() => {
     if (!offlineNotificationSent && window.location.href.includes("/welcome")) {
       notify2({
         header: t11("notifications.offlineHeader"),
@@ -445523,54 +445539,54 @@ function AppView() {
     };
   }, [containerRef.current]);
   const appBoard = app.getBoard();
-  return /* @__PURE__ */ import_react424.default.createElement(ErrorBoundary, null, /* @__PURE__ */ import_react424.default.createElement("div", {
+  return /* @__PURE__ */ import_react425.default.createElement(ErrorBoundary, null, /* @__PURE__ */ import_react425.default.createElement("div", {
     className: AppView_module_default.wrapper
-  }, shouldShow("titlePanel") && /* @__PURE__ */ import_react424.default.createElement(LandingMenu, null), shouldShow("titlePanel") && /* @__PURE__ */ import_react424.default.createElement(MobileLandingMenu, null), /* @__PURE__ */ import_react424.default.createElement(InactiveBoardHidder, null, /* @__PURE__ */ import_react424.default.createElement("div", {
+  }, shouldShow("titlePanel") && /* @__PURE__ */ import_react425.default.createElement(LandingMenu, null), shouldShow("titlePanel") && /* @__PURE__ */ import_react425.default.createElement(MobileLandingMenu, null), /* @__PURE__ */ import_react425.default.createElement(InactiveBoardHidder, null, /* @__PURE__ */ import_react425.default.createElement("div", {
     ref: containerRef,
     className: "NoContextMenu"
-  }, /* @__PURE__ */ import_react424.default.createElement(ViewModeGuard, {
+  }, /* @__PURE__ */ import_react425.default.createElement(ViewModeGuard, {
     mode: ["edit", "view"],
-    fallback: /* @__PURE__ */ import_react424.default.createElement("div", {
+    fallback: /* @__PURE__ */ import_react425.default.createElement("div", {
       className: AppView_module_default.loaderWrapper
-    }, /* @__PURE__ */ import_react424.default.createElement(UIMainLoader, null))
-  }), /* @__PURE__ */ import_react424.default.createElement(Canvas, {
+    }, /* @__PURE__ */ import_react425.default.createElement(UIMainLoader, null))
+  }), /* @__PURE__ */ import_react425.default.createElement(Canvas, {
     router: { location: location3, navigate, params },
     app,
     board
-  }, /* @__PURE__ */ import_react424.default.createElement(LinksProvider, null), /* @__PURE__ */ import_react424.default.createElement(ItemsProvider, {
+  }, /* @__PURE__ */ import_react425.default.createElement(LinksProvider, null), /* @__PURE__ */ import_react425.default.createElement(ItemsProvider, {
     itemsComponents
-  })), /* @__PURE__ */ import_react424.default.createElement(TextEditors, {
+  })), /* @__PURE__ */ import_react425.default.createElement(TextEditors, {
     app,
     board,
     setQuotedText,
     setHyperLinkData,
     hyperLinkData,
     sendGenerationRequest: tryToSendGenerationRequest
-  }))), appBoard.getBoardId() === "blank" && /* @__PURE__ */ import_react424.default.createElement(NoBoardIsOpen_default, null), /* @__PURE__ */ import_react424.default.createElement(ExportVisible, null, /* @__PURE__ */ import_react424.default.createElement(SidePanelsContainer, {
+  }))), appBoard.getBoardId() === "blank" && /* @__PURE__ */ import_react425.default.createElement(NoBoardIsOpen_default, null), /* @__PURE__ */ import_react425.default.createElement(ExportVisible, null, /* @__PURE__ */ import_react425.default.createElement(SidePanelsContainer, {
     isBlank: appBoard.getBoardId() === "blank"
-  }), /* @__PURE__ */ import_react424.default.createElement(ContextMenu, null), /* @__PURE__ */ import_react424.default.createElement(ItemTooltip, null), /* @__PURE__ */ import_react424.default.createElement(ViewModeGuard, {
+  }), /* @__PURE__ */ import_react425.default.createElement(ContextMenu, null), /* @__PURE__ */ import_react425.default.createElement(ItemTooltip, null), /* @__PURE__ */ import_react425.default.createElement(ViewModeGuard, {
     mode: "edit"
   }, (interfaceType) => {
     if (interfaceType === "edit" && window.enableAI) {
-      return /* @__PURE__ */ import_react424.default.createElement(AIInput, null);
+      return /* @__PURE__ */ import_react425.default.createElement(AIInput, null);
     }
     return null;
-  })), /* @__PURE__ */ import_react424.default.createElement(ExportVisible, null, /* @__PURE__ */ import_react424.default.createElement(UserPanelLayout, {
+  })), /* @__PURE__ */ import_react425.default.createElement(ExportVisible, null, /* @__PURE__ */ import_react425.default.createElement(UserPanelLayout, {
     app
-  }), /* @__PURE__ */ import_react424.default.createElement(CommentsProvider, null)), /* @__PURE__ */ import_react424.default.createElement(ExportVisible, null, /* @__PURE__ */ import_react424.default.createElement(UserTracking, {
+  }), /* @__PURE__ */ import_react425.default.createElement(CommentsProvider, null)), /* @__PURE__ */ import_react425.default.createElement(ExportVisible, null, /* @__PURE__ */ import_react425.default.createElement(UserTracking, {
     board
-  })), /* @__PURE__ */ import_react424.default.createElement(InactiveBoardHidder, null, /* @__PURE__ */ import_react424.default.createElement(ZoomPanel, null)), /* @__PURE__ */ import_react424.default.createElement(ViewModeGuard, null, /* @__PURE__ */ import_react424.default.createElement(ContextPanel, null), /* @__PURE__ */ import_react424.default.createElement(QuickAddPanel, null), /* @__PURE__ */ import_react424.default.createElement(ExportPanel, null), /* @__PURE__ */ import_react424.default.createElement(BoardMenu, null)), /* @__PURE__ */ import_react424.default.createElement(HyperLink, null), /* @__PURE__ */ import_react424.default.createElement(AiGenerationButton, null), /* @__PURE__ */ import_react424.default.createElement(HyperLinkInput, null), /* @__PURE__ */ import_react424.default.createElement(ToastProvider, null), authCode && teamIdSearch ? /* @__PURE__ */ import_react424.default.createElement(ImportMiro, null) : null, /* @__PURE__ */ import_react424.default.createElement(CookiesModal, null), /* @__PURE__ */ import_react424.default.createElement(UiModalBackground, null, /* @__PURE__ */ import_react424.default.createElement(ImportMiroStartModal, null), /* @__PURE__ */ import_react424.default.createElement(SelectPaymentModal, null), /* @__PURE__ */ import_react424.default.createElement(UserPlanModal, null), /* @__PURE__ */ import_react424.default.createElement(LimitsModal, null), /* @__PURE__ */ import_react424.default.createElement(HistoryModal, null), /* @__PURE__ */ import_react424.default.createElement(ShareModal, null), /* @__PURE__ */ import_react424.default.createElement(ShareSnapshotModal, null), /* @__PURE__ */ import_react424.default.createElement(ProfileSettingsModal, null), /* @__PURE__ */ import_react424.default.createElement(ChangePasswordModal, null), /* @__PURE__ */ import_react424.default.createElement(AccessDeniedModal, null), /* @__PURE__ */ import_react424.default.createElement(AiUnavailableModal, null), /* @__PURE__ */ import_react424.default.createElement(MediaUnavailableModal, null), /* @__PURE__ */ import_react424.default.createElement(SelectTemplateModal, null), /* @__PURE__ */ import_react424.default.createElement(AuthClipboardModal, null), /* @__PURE__ */ import_react424.default.createElement(ImgAuthClipboardModal, null), /* @__PURE__ */ import_react424.default.createElement(LoadingNotification, null), /* @__PURE__ */ import_react424.default.createElement(ErrorNotification, null), /* @__PURE__ */ import_react424.default.createElement(SuccessNotification, null), /* @__PURE__ */ import_react424.default.createElement(WarnClipboardNotification, null), /* @__PURE__ */ import_react424.default.createElement(WarnNotification, null), /* @__PURE__ */ import_react424.default.createElement(SetLinkToModal, null), /* @__PURE__ */ import_react424.default.createElement(CreateTemplateModal, null), /* @__PURE__ */ import_react424.default.createElement(MouseOrTrackpadModal, null), /* @__PURE__ */ import_react424.default.createElement(CreateCardsModal, null), /* @__PURE__ */ import_react424.default.createElement(CreateDiceModal, null)), /* @__PURE__ */ import_react424.default.createElement(LocalFileSaveProgress_default, null)));
+  })), /* @__PURE__ */ import_react425.default.createElement(InactiveBoardHidder, null, /* @__PURE__ */ import_react425.default.createElement(ZoomPanel, null)), /* @__PURE__ */ import_react425.default.createElement(ViewModeGuard, null, /* @__PURE__ */ import_react425.default.createElement(ContextPanel, null), /* @__PURE__ */ import_react425.default.createElement(QuickAddPanel, null), /* @__PURE__ */ import_react425.default.createElement(ExportPanel, null), /* @__PURE__ */ import_react425.default.createElement(BoardMenu, null)), /* @__PURE__ */ import_react425.default.createElement(HyperLink, null), /* @__PURE__ */ import_react425.default.createElement(AiGenerationButton, null), /* @__PURE__ */ import_react425.default.createElement(HyperLinkInput, null), /* @__PURE__ */ import_react425.default.createElement(ToastProvider, null), authCode && teamIdSearch ? /* @__PURE__ */ import_react425.default.createElement(ImportMiro, null) : null, /* @__PURE__ */ import_react425.default.createElement(CookiesModal, null), /* @__PURE__ */ import_react425.default.createElement(UiModalBackground, null, /* @__PURE__ */ import_react425.default.createElement(ImportMiroStartModal, null), /* @__PURE__ */ import_react425.default.createElement(SelectPaymentModal, null), /* @__PURE__ */ import_react425.default.createElement(UserPlanModal, null), /* @__PURE__ */ import_react425.default.createElement(LimitsModal, null), /* @__PURE__ */ import_react425.default.createElement(HistoryModal, null), /* @__PURE__ */ import_react425.default.createElement(ShareModal, null), /* @__PURE__ */ import_react425.default.createElement(ShareSnapshotModal, null), /* @__PURE__ */ import_react425.default.createElement(ProfileSettingsModal, null), /* @__PURE__ */ import_react425.default.createElement(ChangePasswordModal, null), /* @__PURE__ */ import_react425.default.createElement(AccessDeniedModal, null), /* @__PURE__ */ import_react425.default.createElement(AiUnavailableModal, null), /* @__PURE__ */ import_react425.default.createElement(MediaUnavailableModal, null), /* @__PURE__ */ import_react425.default.createElement(SelectTemplateModal, null), /* @__PURE__ */ import_react425.default.createElement(AuthClipboardModal, null), /* @__PURE__ */ import_react425.default.createElement(ImgAuthClipboardModal, null), /* @__PURE__ */ import_react425.default.createElement(LoadingNotification, null), /* @__PURE__ */ import_react425.default.createElement(ErrorNotification, null), /* @__PURE__ */ import_react425.default.createElement(SuccessNotification, null), /* @__PURE__ */ import_react425.default.createElement(WarnClipboardNotification, null), /* @__PURE__ */ import_react425.default.createElement(WarnNotification, null), /* @__PURE__ */ import_react425.default.createElement(SetLinkToModal, null), /* @__PURE__ */ import_react425.default.createElement(CreateTemplateModal, null), /* @__PURE__ */ import_react425.default.createElement(MouseOrTrackpadModal, null), /* @__PURE__ */ import_react425.default.createElement(CreateCardsModal, null), /* @__PURE__ */ import_react425.default.createElement(CreateDiceModal, null)), /* @__PURE__ */ import_react425.default.createElement(LocalFileSaveProgress_default, null)));
 }
 function preventDefault2(event) {
   event.preventDefault();
 }
 // src/features/AppView/LocalAppView.tsx
-var import_react425 = __toESM(require_react(), 1);
+var import_react426 = __toESM(require_react(), 1);
 function LocalAppView() {
   const { app, board } = useAppContext();
   const forceUpdate = useForceUpdate();
-  const animationId = import_react425.useRef(null);
-  const containerRef = import_react425.useRef(null);
+  const animationId = import_react426.useRef(null);
+  const containerRef = import_react426.useRef(null);
   const { setQuotedText, tryToSendGenerationRequest } = useAIContext();
   const { setHyperLinkData, hyperLinkData } = useHyperLinkContext();
   let canPasteAgain = true;
@@ -445587,7 +445603,7 @@ function LocalAppView() {
       animationId.current = null;
     });
   }
-  import_react425.useEffect(() => {
+  import_react426.useEffect(() => {
     const handleCtrlWheel = (ev) => {
       if (ev.ctrlKey) {
         ev.preventDefault();
@@ -445650,37 +445666,37 @@ function LocalAppView() {
       }
     };
   }, [containerRef.current]);
-  return /* @__PURE__ */ import_react425.default.createElement(ErrorBoundary, null, /* @__PURE__ */ import_react425.default.createElement("div", {
+  return /* @__PURE__ */ import_react426.default.createElement(ErrorBoundary, null, /* @__PURE__ */ import_react426.default.createElement("div", {
     className: AppView_module_default.wrapper
-  }, /* @__PURE__ */ import_react425.default.createElement(InactiveBoardHidder, null, /* @__PURE__ */ import_react425.default.createElement("div", {
+  }, /* @__PURE__ */ import_react426.default.createElement(InactiveBoardHidder, null, /* @__PURE__ */ import_react426.default.createElement("div", {
     ref: containerRef
-  }, /* @__PURE__ */ import_react425.default.createElement(CanvasNoRouter, {
+  }, /* @__PURE__ */ import_react426.default.createElement(CanvasNoRouter, {
     app,
     board
-  }, /* @__PURE__ */ import_react425.default.createElement(LinksProvider, null)), /* @__PURE__ */ import_react425.default.createElement(TextEditors, {
+  }, /* @__PURE__ */ import_react426.default.createElement(LinksProvider, null)), /* @__PURE__ */ import_react426.default.createElement(TextEditors, {
     app,
     board,
     setQuotedText,
     setHyperLinkData,
     hyperLinkData,
     sendGenerationRequest: tryToSendGenerationRequest
-  }))), /* @__PURE__ */ import_react425.default.createElement(ExportVisible, null, /* @__PURE__ */ import_react425.default.createElement(ShapesPanelContextProvider, null, /* @__PURE__ */ import_react425.default.createElement(ToolsPanel, null))), /* @__PURE__ */ import_react425.default.createElement(InactiveBoardHidder, null, /* @__PURE__ */ import_react425.default.createElement(ZoomPanel, null)), /* @__PURE__ */ import_react425.default.createElement(HyperLink, null), /* @__PURE__ */ import_react425.default.createElement(ItemsProvider, {
+  }))), /* @__PURE__ */ import_react426.default.createElement(ExportVisible, null, /* @__PURE__ */ import_react426.default.createElement(ShapesPanelContextProvider, null, /* @__PURE__ */ import_react426.default.createElement(ToolsPanel, null))), /* @__PURE__ */ import_react426.default.createElement(InactiveBoardHidder, null, /* @__PURE__ */ import_react426.default.createElement(ZoomPanel, null)), /* @__PURE__ */ import_react426.default.createElement(HyperLink, null), /* @__PURE__ */ import_react426.default.createElement(ItemsProvider, {
     itemsComponents
-  }), /* @__PURE__ */ import_react425.default.createElement(ViewModeGuard, null, /* @__PURE__ */ import_react425.default.createElement(ContextPanel, null), /* @__PURE__ */ import_react425.default.createElement(QuickAddPanel, null)), /* @__PURE__ */ import_react425.default.createElement(ToastProvider, null), /* @__PURE__ */ import_react425.default.createElement(LocalFileSaveProgress_default, null)));
+  }), /* @__PURE__ */ import_react426.default.createElement(ViewModeGuard, null, /* @__PURE__ */ import_react426.default.createElement(ContextPanel, null), /* @__PURE__ */ import_react426.default.createElement(QuickAddPanel, null)), /* @__PURE__ */ import_react426.default.createElement(ToastProvider, null), /* @__PURE__ */ import_react426.default.createElement(LocalFileSaveProgress_default, null)));
 }
 function preventDefault3(event) {
   event.preventDefault();
 }
 // src/pages/SignupPage/EmailIcon.tsx
-var import_react426 = __toESM(require_react(), 1);
+var import_react427 = __toESM(require_react(), 1);
 var EmailIcon = ({ width: width3 = 20, height: height4 = 20 }) => {
-  return /* @__PURE__ */ import_react426.default.createElement("svg", {
+  return /* @__PURE__ */ import_react427.default.createElement("svg", {
     width: width3,
     height: height4,
     viewBox: "0 0 20 20",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ import_react426.default.createElement("path", {
+  }, /* @__PURE__ */ import_react427.default.createElement("path", {
     d: "M2.49935 2.5H17.4993C17.7204 2.5 17.9323 2.5878 18.0886 2.74408C18.2449 2.90036 18.3327 3.11232 18.3327 3.33333V16.6667C18.3327 16.8877 18.2449 17.0996 18.0886 17.2559C17.9323 17.4122 17.7204 17.5 17.4993 17.5H2.49935C2.27834 17.5 2.06637 17.4122 1.91009 17.2559C1.75381 17.0996 1.66602 16.8877 1.66602 16.6667V3.33333C1.66602 3.11232 1.75381 2.90036 1.91009 2.74408C2.06637 2.5878 2.27834 2.5 2.49935 2.5V2.5ZM16.666 6.03167L10.0593 11.9483L3.33268 6.01333V15.8333H16.666V6.03167ZM3.75852 4.16667L10.0502 9.71833L16.251 4.16667H3.75852Z",
     fill: "#0D1126",
     fillOpacity: "0.4"
@@ -445688,7 +445704,7 @@ var EmailIcon = ({ width: width3 = 20, height: height4 = 20 }) => {
 };
 
 // src/pages/AddEmailView/AddEmailPage.tsx
-var import_react427 = __toESM(require_react(), 1);
+var import_react428 = __toESM(require_react(), 1);
 var import_isEmail3 = __toESM(require_isEmail(), 1);
 
 // src/pages/AddEmailView/AddEmailPage.module.css
@@ -445709,11 +445725,11 @@ var AddEmailPage_module_default = {
 var AddEmailPage = () => {
   const { t: t11 } = useTranslation();
   const navigate = useNavigate();
-  const formRef = import_react427.default.useRef(null);
-  const [isDisabled, setIsDisabled] = import_react427.useState(true);
-  const [isSubmitLoading, setIsSubmitLoading] = import_react427.useState(false);
-  const [error3, setError] = import_react427.useState("");
-  const [emailError, setEmailError] = import_react427.useState("");
+  const formRef = import_react428.default.useRef(null);
+  const [isDisabled, setIsDisabled] = import_react428.useState(true);
+  const [isSubmitLoading, setIsSubmitLoading] = import_react428.useState(false);
+  const [error3, setError] = import_react428.useState("");
+  const [emailError, setEmailError] = import_react428.useState("");
   const account = useAccount();
   const checkEmail = () => {
     const email = formRef.current?.email.value;
@@ -445788,16 +445804,16 @@ var AddEmailPage = () => {
       }
     }
   };
-  return /* @__PURE__ */ import_react427.default.createElement("div", {
+  return /* @__PURE__ */ import_react428.default.createElement("div", {
     className: AddEmailPage_module_default.wrapper
-  }, /* @__PURE__ */ import_react427.default.createElement("form", {
+  }, /* @__PURE__ */ import_react428.default.createElement("form", {
     className: AddEmailPage_module_default.form,
     onSubmit,
     ref: formRef
-  }, /* @__PURE__ */ import_react427.default.createElement("h1", {
+  }, /* @__PURE__ */ import_react428.default.createElement("h1", {
     className: AddEmailPage_module_default.title
-  }, t11("auth.addEmail")), /* @__PURE__ */ import_react427.default.createElement(Input, {
-    prefixIcon: /* @__PURE__ */ import_react427.default.createElement(EmailIcon, null),
+  }, t11("auth.addEmail")), /* @__PURE__ */ import_react428.default.createElement(Input, {
+    prefixIcon: /* @__PURE__ */ import_react428.default.createElement(EmailIcon, null),
     id: "email",
     type: "text",
     placeholder: t11("auth.emailPlaceholder"),
@@ -445805,18 +445821,18 @@ var AddEmailPage = () => {
     onChange: handleEmailInput,
     hasError: !!emailError,
     errorText: emailError
-  }), /* @__PURE__ */ import_react427.default.createElement("div", {
+  }), /* @__PURE__ */ import_react428.default.createElement("div", {
     className: AddEmailPage_module_default.btns
-  }, /* @__PURE__ */ import_react427.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react428.default.createElement(UiButton, {
     type: "submit",
     disabled: isDisabled,
     loading: isSubmitLoading,
     variant: "primary",
     size: "lg"
-  }, t11("auth.submit"), /* @__PURE__ */ import_react427.default.createElement(Tail, null)))));
+  }, t11("auth.submit"), /* @__PURE__ */ import_react428.default.createElement(Tail, null)))));
 };
 // src/pages/BindEmailPage/BindEmailPage.tsx
-var import_react428 = __toESM(require_react(), 1);
+var import_react429 = __toESM(require_react(), 1);
 
 // src/pages/BindEmailPage/BindEmailPage.module.css
 var BindEmailPage_module_default = {
@@ -445841,16 +445857,16 @@ var BindEmailPage = () => {
   const [searchParams] = useSearchParams();
   const navigate = useNavigate();
   const account = useAccount();
-  const formRef = import_react428.useRef(null);
-  const [retryCount, setRetryCount] = import_react428.useState(0);
-  const [error3, setError] = import_react428.useState("");
-  const [submitDisabled, setSubmitDisabled] = import_react428.useState(true);
-  const [isSubmitLoading, setIsSubmitLoading] = import_react428.useState(false);
-  const [retryDisabled, setRetryDisabled] = import_react428.useState(false);
-  const [isRetryLoading, setIsRetryLoading] = import_react428.useState(false);
-  const [codeTip, setCodeTip] = import_react428.useState("");
-  const [isNewCode, setIsNewCode] = import_react428.useState(false);
-  const [isAttemptsExceeded, setIsAttemptsExceeded] = import_react428.useState(false);
+  const formRef = import_react429.useRef(null);
+  const [retryCount, setRetryCount] = import_react429.useState(0);
+  const [error3, setError] = import_react429.useState("");
+  const [submitDisabled, setSubmitDisabled] = import_react429.useState(true);
+  const [isSubmitLoading, setIsSubmitLoading] = import_react429.useState(false);
+  const [retryDisabled, setRetryDisabled] = import_react429.useState(false);
+  const [isRetryLoading, setIsRetryLoading] = import_react429.useState(false);
+  const [codeTip, setCodeTip] = import_react429.useState("");
+  const [isNewCode, setIsNewCode] = import_react429.useState(false);
+  const [isAttemptsExceeded, setIsAttemptsExceeded] = import_react429.useState(false);
   const boardsList = useBoardsList();
   const onSuccess = async () => {
     await account.fetchAccountInfo();
@@ -445950,7 +445966,7 @@ var BindEmailPage = () => {
       setIsRetryLoading(false);
     });
   };
-  import_react428.useEffect(() => {
+  import_react429.useEffect(() => {
     const emailParam = searchParams.get("email");
     if (!emailParam) {
       return;
@@ -445979,7 +445995,7 @@ var BindEmailPage = () => {
       setIsSubmitLoading(false);
     });
   }, []);
-  import_react428.useEffect(() => {
+  import_react429.useEffect(() => {
     const interval = setInterval(() => {
       setRetryCount((prevCount) => prevCount > 0 ? prevCount - 1 : prevCount);
     }, 1000);
@@ -445987,20 +446003,20 @@ var BindEmailPage = () => {
       clearInterval(interval);
     };
   }, []);
-  return /* @__PURE__ */ import_react428.default.createElement("div", {
+  return /* @__PURE__ */ import_react429.default.createElement("div", {
     className: BindEmailPage_module_default.wrapper
-  }, /* @__PURE__ */ import_react428.default.createElement("form", {
+  }, /* @__PURE__ */ import_react429.default.createElement("form", {
     onSubmit,
     className: BindEmailPage_module_default.form,
     ref: formRef
-  }, /* @__PURE__ */ import_react428.default.createElement("h1", {
+  }, /* @__PURE__ */ import_react429.default.createElement("h1", {
     className: BindEmailPage_module_default.title
-  }, t11("auth.checkInbox")), /* @__PURE__ */ import_react428.default.createElement("p", {
+  }, t11("auth.checkInbox")), /* @__PURE__ */ import_react429.default.createElement("p", {
     className: BindEmailPage_module_default.checkEmail
-  }, t11("auth.weSentCode"), " ", /* @__PURE__ */ import_react428.default.createElement("span", {
+  }, t11("auth.weSentCode"), " ", /* @__PURE__ */ import_react429.default.createElement("span", {
     className: BindEmailPage_module_default.email
-  }, searchParams.get("email")), /* @__PURE__ */ import_react428.default.createElement("br", null), isNewCode ? t11("auth.enterNewCodeBelow") : t11("auth.enterCodeBelow")), /* @__PURE__ */ import_react428.default.createElement(Input, {
-    prefixIcon: /* @__PURE__ */ import_react428.default.createElement(LockIcon, null),
+  }, searchParams.get("email")), /* @__PURE__ */ import_react429.default.createElement("br", null), isNewCode ? t11("auth.enterNewCodeBelow") : t11("auth.enterCodeBelow")), /* @__PURE__ */ import_react429.default.createElement(Input, {
+    prefixIcon: /* @__PURE__ */ import_react429.default.createElement(LockIcon, null),
     type: "text",
     id: "code",
     name: "code",
@@ -446012,15 +446028,15 @@ var BindEmailPage = () => {
     onInput: handleInputChange,
     onFocus: handleInputChange,
     onBlur: handleInputChange
-  }), /* @__PURE__ */ import_react428.default.createElement("div", {
+  }), /* @__PURE__ */ import_react429.default.createElement("div", {
     className: BindEmailPage_module_default.btns
-  }, /* @__PURE__ */ import_react428.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react429.default.createElement(UiButton, {
     disabled: isAttemptsExceeded || submitDisabled,
     type: "submit",
     loading: isSubmitLoading,
     variant: "primary",
     size: "lg"
-  }, t11("auth.submit"), /* @__PURE__ */ import_react428.default.createElement(Tail, null)), /* @__PURE__ */ import_react428.default.createElement(UiButton, {
+  }, t11("auth.submit"), /* @__PURE__ */ import_react429.default.createElement(Tail, null)), /* @__PURE__ */ import_react429.default.createElement(UiButton, {
     variant: "ghost",
     disabled: retryDisabled || retryCount > 0,
     loading: isRetryLoading,
@@ -446030,7 +446046,7 @@ var BindEmailPage = () => {
   }, t11("auth.resendCode"), " ", retryCount > 0 ? `(${secondsToHumanReadable2(retryCount)})` : null))));
 };
 // src/pages/BoardPage.tsx
-var import_react429 = __toESM(require_react(), 1);
+var import_react430 = __toESM(require_react(), 1);
 var BoardPage = () => {
   const { app } = useAppContext();
   const board = app.getBoard();
@@ -446060,7 +446076,7 @@ var BoardPage = () => {
       app.render();
     }
   };
-  import_react429.useEffect(() => {
+  import_react430.useEffect(() => {
     boardsList.loadBoards().then(() => {
       if (params.boardId?.includes("local")) {
         app.openBoardFromFile().then(() => {
@@ -446156,15 +446172,15 @@ var BoardPage = () => {
     });
   }, []);
   if (!board || !account.isInitialized) {
-    return /* @__PURE__ */ import_react429.default.createElement("div", null);
+    return /* @__PURE__ */ import_react430.default.createElement("div", null);
   }
-  return /* @__PURE__ */ import_react429.default.createElement(AppContext.Provider, {
+  return /* @__PURE__ */ import_react430.default.createElement(AppContext.Provider, {
     value: { app, board }
-  }, /* @__PURE__ */ import_react429.default.createElement(AppView, null));
+  }, /* @__PURE__ */ import_react430.default.createElement(AppView, null));
 };
 
 // src/pages/ForgotPasswordPage/ForgotPasswordPage.tsx
-var import_react431 = __toESM(require_react(), 1);
+var import_react432 = __toESM(require_react(), 1);
 
 // src/pages/ForgotPasswordPage/ForgotPasswordPage.module.css
 var ForgotPasswordPage_module_default = {
@@ -446185,15 +446201,15 @@ var isEmail4 = (email) => {
 };
 
 // src/pages/ForgotPasswordPage/SuccessIcon.tsx
-var import_react430 = __toESM(require_react(), 1);
+var import_react431 = __toESM(require_react(), 1);
 var SuccessIcon2 = () => {
-  return /* @__PURE__ */ import_react430.default.createElement("svg", {
+  return /* @__PURE__ */ import_react431.default.createElement("svg", {
     width: "60",
     height: "60",
     viewBox: "0 0 60 60",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ import_react430.default.createElement("path", {
+  }, /* @__PURE__ */ import_react431.default.createElement("path", {
     d: "M30 55C16.1925 55 5 43.8075 5 30C5 16.1925 16.1925 5 30 5C43.8075 5 55 16.1925 55 30C55 43.8075 43.8075 55 30 55ZM30 50C35.3043 50 40.3914 47.8929 44.1421 44.1421C47.8929 40.3914 50 35.3043 50 30C50 24.6957 47.8929 19.6086 44.1421 15.8579C40.3914 12.1071 35.3043 10 30 10C24.6957 10 19.6086 12.1071 15.8579 15.8579C12.1071 19.6086 10 24.6957 10 30C10 35.3043 12.1071 40.3914 15.8579 44.1421C19.6086 47.8929 24.6957 50 30 50V50ZM27.5075 40L16.9 29.3925L20.435 25.8575L27.5075 32.93L41.6475 18.7875L45.185 22.3225L27.5075 40Z",
     fill: "#26BD6C"
   }));
@@ -446202,11 +446218,11 @@ var SuccessIcon2 = () => {
 // src/pages/ForgotPasswordPage/ForgotPasswordPage.tsx
 var ForgotPasswordPage = () => {
   const { t: t11 } = useTranslation();
-  const formRef = import_react431.useRef(null);
-  const [requested, setRequested] = import_react431.useState(false);
-  const [disabled, setDisabled] = import_react431.useState(true);
-  const [isSubmitLoading, setIsSubmitLoading] = import_react431.useState(false);
-  const [error3, setError] = import_react431.useState("");
+  const formRef = import_react432.useRef(null);
+  const [requested, setRequested] = import_react432.useState(false);
+  const [disabled, setDisabled] = import_react432.useState(true);
+  const [isSubmitLoading, setIsSubmitLoading] = import_react432.useState(false);
+  const [error3, setError] = import_react432.useState("");
   const navigate = useNavigate();
   const checkForm = () => {
     if (!formRef.current) {
@@ -446281,25 +446297,25 @@ var ForgotPasswordPage = () => {
     });
   };
   if (requested) {
-    return /* @__PURE__ */ import_react431.default.createElement("div", {
+    return /* @__PURE__ */ import_react432.default.createElement("div", {
       className: ForgotPasswordPage_module_default.requested
-    }, /* @__PURE__ */ import_react431.default.createElement("div", null, /* @__PURE__ */ import_react431.default.createElement(SuccessIcon2, null)), /* @__PURE__ */ import_react431.default.createElement("h1", {
+    }, /* @__PURE__ */ import_react432.default.createElement("div", null, /* @__PURE__ */ import_react432.default.createElement(SuccessIcon2, null)), /* @__PURE__ */ import_react432.default.createElement("h1", {
       className: ForgotPasswordPage_module_default.resetPassword
-    }, t11("auth.resetPassword")), /* @__PURE__ */ import_react431.default.createElement("p", {
+    }, t11("auth.resetPassword")), /* @__PURE__ */ import_react432.default.createElement("p", {
       className: ForgotPasswordPage_module_default.resetPasswordParagraph
-    }, t11("auth.requestReceivedSuccessfully")), /* @__PURE__ */ import_react431.default.createElement(UiButton, {
+    }, t11("auth.requestReceivedSuccessfully")), /* @__PURE__ */ import_react432.default.createElement(UiButton, {
       variant: "primary",
       onClick: () => navigate(`/auth/sign-in${location.search}`),
       className: ForgotPasswordPage_module_default.backToLogin,
       size: "lg"
     }, t11("auth.backToLogIn")));
   }
-  return /* @__PURE__ */ import_react431.default.createElement("form", {
+  return /* @__PURE__ */ import_react432.default.createElement("form", {
     ref: formRef,
     onSubmit
-  }, /* @__PURE__ */ import_react431.default.createElement("h1", {
+  }, /* @__PURE__ */ import_react432.default.createElement("h1", {
     className: ForgotPasswordPage_module_default.title
-  }, t11("auth.forgotPassword")), /* @__PURE__ */ import_react431.default.createElement(Input, {
+  }, t11("auth.forgotPassword")), /* @__PURE__ */ import_react432.default.createElement(Input, {
     id: "email",
     label: t11("auth.enterEmailForLink"),
     placeholder: t11("auth.emailPlaceholder"),
@@ -446308,16 +446324,16 @@ var ForgotPasswordPage = () => {
     onBlur: checkFormWithError,
     onInput: handleEmailInput,
     onFocus: checkForm
-  }), /* @__PURE__ */ import_react431.default.createElement("div", {
+  }), /* @__PURE__ */ import_react432.default.createElement("div", {
     className: ForgotPasswordPage_module_default.btns
-  }, /* @__PURE__ */ import_react431.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react432.default.createElement(UiButton, {
     type: "submit",
     disabled,
     className: ForgotPasswordPage_module_default.submitBtn,
     loading: isSubmitLoading,
     variant: "primary",
     size: "lg"
-  }, t11("auth.submit"), " ", /* @__PURE__ */ import_react431.default.createElement(Tail, null)), /* @__PURE__ */ import_react431.default.createElement(UiButton, {
+  }, t11("auth.submit"), " ", /* @__PURE__ */ import_react432.default.createElement(Tail, null)), /* @__PURE__ */ import_react432.default.createElement(UiButton, {
     variant: "ghost",
     onClick: () => {
       navigate(`/auth/sign-in${location.search}`);
@@ -446326,17 +446342,17 @@ var ForgotPasswordPage = () => {
   }, t11("auth.backToLogIn"))));
 };
 // src/pages/HTMLSnapshot/HTMLSnapshot.tsx
-var import_react432 = __toESM(require_react(), 1);
+var import_react433 = __toESM(require_react(), 1);
 var HTMLSnapshot = () => {
   const { uid: uid3 } = useParams();
   const uniquePass = window.location.search;
-  const [htmlContent, setHtmlContent] = import_react432.useState("");
-  const [errStatus, setErrStatus] = import_react432.useState(null);
+  const [htmlContent, setHtmlContent] = import_react433.useState("");
+  const [errStatus, setErrStatus] = import_react433.useState(null);
   const account = useAccount();
-  import_react432.useEffect(() => {
+  import_react433.useEffect(() => {
     account.init();
   }, []);
-  import_react432.useEffect(() => {
+  import_react433.useEffect(() => {
     if (!account.isInitialized) {
       return;
     }
@@ -446358,13 +446374,13 @@ var HTMLSnapshot = () => {
     fetchSnapshot();
   }, [uid3, account]);
   if (errStatus === 404) {
-    return /* @__PURE__ */ import_react432.default.createElement("div", null, "Not found");
+    return /* @__PURE__ */ import_react433.default.createElement("div", null, "Not found");
   } else if (errStatus) {
-    return /* @__PURE__ */ import_react432.default.createElement("div", null, "Unkown error");
+    return /* @__PURE__ */ import_react433.default.createElement("div", null, "Unkown error");
   } else if (!htmlContent || !account.isInitialized) {
-    return /* @__PURE__ */ import_react432.default.createElement("div", null, "Loading...");
+    return /* @__PURE__ */ import_react433.default.createElement("div", null, "Loading...");
   }
-  return /* @__PURE__ */ import_react432.default.createElement("iframe", {
+  return /* @__PURE__ */ import_react433.default.createElement("iframe", {
     title: "HTML Snapshot",
     srcDoc: htmlContent,
     style: { width: "100%", height: "100vh", border: "none" }
@@ -446372,12 +446388,12 @@ var HTMLSnapshot = () => {
 };
 var HTMLSnapshot_default = HTMLSnapshot;
 // src/pages/layouts/AppLayout.tsx
-var import_react437 = __toESM(require_react(), 1);
+var import_react438 = __toESM(require_react(), 1);
 // src/features/Modal/ModalsWrapper.tsx
-var import_react434 = __toESM(require_react(), 1);
+var import_react435 = __toESM(require_react(), 1);
 
 // src/features/Modal/InfoModal.tsx
-var import_react433 = __toESM(require_react(), 1);
+var import_react434 = __toESM(require_react(), 1);
 var import_react_dom18 = __toESM(require_react_dom(), 1);
 
 // src/features/Modal/InfoModal.module.css
@@ -446405,36 +446421,36 @@ var InfoModalView = ({
     event.preventDefault();
     onClose();
   };
-  return /* @__PURE__ */ import_react433.default.createElement("div", {
+  return /* @__PURE__ */ import_react434.default.createElement("div", {
     className: `${InfoModal_module_default.modal} ${isOpen ? InfoModal_module_default.open : null}`
-  }, /* @__PURE__ */ import_react433.default.createElement("div", {
+  }, /* @__PURE__ */ import_react434.default.createElement("div", {
     className: InfoModal_module_default.wrapper
-  }, /* @__PURE__ */ import_react433.default.createElement("div", {
+  }, /* @__PURE__ */ import_react434.default.createElement("div", {
     className: InfoModal_module_default.title
-  }, title2), /* @__PURE__ */ import_react433.default.createElement("div", {
+  }, title2), /* @__PURE__ */ import_react434.default.createElement("div", {
     className: InfoModal_module_default.description
-  }, description), /* @__PURE__ */ import_react433.default.createElement("button", {
+  }, description), /* @__PURE__ */ import_react434.default.createElement("button", {
     className: InfoModal_module_default.modalButton,
     onClick: handleClose
   }, t11("ok"))));
 };
 var InfoModal = (props) => {
-  return import_react_dom18.createPortal(/* @__PURE__ */ import_react433.default.createElement(InfoModalView, {
+  return import_react_dom18.createPortal(/* @__PURE__ */ import_react434.default.createElement(InfoModalView, {
     ...props
   }), document.getElementById("root"));
 };
 var InfoModalContext = createStrictContext();
 var InfoModalProvider = ({ children }) => {
-  const [modalInfo, setModalInfo] = import_react433.useState({ opened: false, title: "", description: "" });
+  const [modalInfo, setModalInfo] = import_react434.useState({ opened: false, title: "", description: "" });
   const openModalInfo = (title2, description) => {
     setModalInfo({ title: title2, description, opened: true });
   };
   const closeModalInfo = () => {
     setModalInfo({ opened: false, title: "", description: "" });
   };
-  return /* @__PURE__ */ import_react433.default.createElement(InfoModalContext.Provider, {
+  return /* @__PURE__ */ import_react434.default.createElement(InfoModalContext.Provider, {
     value: { openModalInfo, closeModalInfo }
-  }, children, /* @__PURE__ */ import_react433.default.createElement(InfoModal, {
+  }, children, /* @__PURE__ */ import_react434.default.createElement(InfoModal, {
     isOpen: modalInfo.opened,
     title: modalInfo.title,
     description: modalInfo.description,
@@ -446444,12 +446460,12 @@ var InfoModalProvider = ({ children }) => {
 
 // src/features/Modal/ModalsWrapper.tsx
 var ModalsWrapper = ({ children }) => {
-  return /* @__PURE__ */ import_react434.default.createElement(ConfirmModalProvider, null, /* @__PURE__ */ import_react434.default.createElement(InfoModalProvider, null, children));
+  return /* @__PURE__ */ import_react435.default.createElement(ConfirmModalProvider, null, /* @__PURE__ */ import_react435.default.createElement(InfoModalProvider, null, children));
 };
 var ModalsWrapper_default = ModalsWrapper;
 
 // src/features/CryptoWrapper/CryptoWrapper.tsx
-var import_react435 = __toESM(require_react(), 1);
+var import_react436 = __toESM(require_react(), 1);
 
 // src/shared/ViewSettings.tsx
 init_chains();
@@ -446462,7 +446478,7 @@ var ViewSettings = {
 };
 
 // src/features/CryptoWrapper/CryptoWrapper.tsx
-class CryptoErrorBoundary extends import_react435.default.Component {
+class CryptoErrorBoundary extends import_react436.default.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -446476,7 +446492,7 @@ class CryptoErrorBoundary extends import_react435.default.Component {
   }
   render() {
     if (this.state.hasError) {
-      return this.props.fallback || /* @__PURE__ */ import_react435.default.createElement("div", null, "Something went wrong with crypto providers");
+      return this.props.fallback || /* @__PURE__ */ import_react436.default.createElement(ErrorScreen, null);
     }
     return this.props.children;
   }
@@ -446493,19 +446509,18 @@ var queryClient2 = new QueryClient;
 function CryptoWrapper({
   children
 }) {
-  return /* @__PURE__ */ import_react435.default.createElement(CryptoErrorBoundary, {
-    fallback: /* @__PURE__ */ import_react435.default.createElement("div", null, "Crypto Provider Initialization Failed"),
+  return /* @__PURE__ */ import_react436.default.createElement(CryptoErrorBoundary, {
     onError: (error3, errorInfo) => {
       console.error("Detailed Crypto Wrapper Error:", error3, errorInfo);
     }
-  }, /* @__PURE__ */ import_react435.default.createElement(WagmiProvider, {
+  }, /* @__PURE__ */ import_react436.default.createElement(WagmiProvider, {
     config: createWagmiConfig()
-  }, /* @__PURE__ */ import_react435.default.createElement(QueryClientProvider, {
+  }, /* @__PURE__ */ import_react436.default.createElement(QueryClientProvider, {
     client: queryClient2
-  }, /* @__PURE__ */ import_react435.default.createElement(RainbowKitProvider, null, children))));
+  }, /* @__PURE__ */ import_react436.default.createElement(RainbowKitProvider, null, children))));
 }
 // src/shared/ui-lib/Icon/Sprite.tsx
-var import_react436 = __toESM(require_react(), 1);
+var import_react437 = __toESM(require_react(), 1);
 
 // src/shared/ui-lib/Icon/sprite.svg
 var sprite_default = `<svg width="0" height="0" class="hidden">
@@ -448326,22 +448341,21 @@ var sprite_default = `<svg width="0" height="0" class="hidden">
 
 // src/shared/ui-lib/Icon/Sprite.tsx
 function Sprite() {
-  return /* @__PURE__ */ import_react436.default.createElement("div", {
+  return /* @__PURE__ */ import_react437.default.createElement("div", {
     id: "sprite",
     "aria-hidden": true,
     style: { display: "none" },
     dangerouslySetInnerHTML: { __html: sprite_default }
   });
 }
-
 // src/pages/layouts/AppLayout.tsx
 function compose2(components) {
   return function ComposedComponent({
     children
   }) {
     return components.reduceRight((acc, Component4) => {
-      return /* @__PURE__ */ import_react437.default.createElement(Component4, null, acc);
-    }, children ? /* @__PURE__ */ import_react437.default.createElement(import_react437.default.Fragment, null, children) : /* @__PURE__ */ import_react437.default.createElement(import_react437.default.Fragment, null));
+      return /* @__PURE__ */ import_react438.default.createElement(Component4, null, acc);
+    }, children ? /* @__PURE__ */ import_react438.default.createElement(import_react438.default.Fragment, null, children) : /* @__PURE__ */ import_react438.default.createElement(import_react438.default.Fragment, null));
   };
 }
 var PROVIDERS = [
@@ -448364,44 +448378,44 @@ var Provider = compose2(PROVIDERS);
 var LocalProvider = compose2(LOCAL_PROVIDERS);
 function AppLayout({ app }) {
   const board = app.getBoard();
-  return /* @__PURE__ */ import_react437.default.createElement(AppContext.Provider, {
+  return /* @__PURE__ */ import_react438.default.createElement(ErrorBoundary, null, /* @__PURE__ */ import_react438.default.createElement(AppContext.Provider, {
     value: { app, board }
-  }, /* @__PURE__ */ import_react437.default.createElement(Sprite, null), /* @__PURE__ */ import_react437.default.createElement(Provider, null, /* @__PURE__ */ import_react437.default.createElement(Outlet, null), /* @__PURE__ */ import_react437.default.createElement(ToastProvider, null)));
+  }, /* @__PURE__ */ import_react438.default.createElement(Sprite, null), /* @__PURE__ */ import_react438.default.createElement(Provider, null, /* @__PURE__ */ import_react438.default.createElement(Outlet, null), /* @__PURE__ */ import_react438.default.createElement(ToastProvider, null))));
 }
 function LocalAppLayout({
   app,
   children
 }) {
   const board = app.getBoard();
-  return /* @__PURE__ */ import_react437.default.createElement(AppContext.Provider, {
+  return /* @__PURE__ */ import_react438.default.createElement(AppContext.Provider, {
     value: { app, board }
-  }, /* @__PURE__ */ import_react437.default.createElement(Sprite, null), /* @__PURE__ */ import_react437.default.createElement(LocalProvider, null, children, /* @__PURE__ */ import_react437.default.createElement(Outlet, null)));
+  }, /* @__PURE__ */ import_react438.default.createElement(Sprite, null), /* @__PURE__ */ import_react438.default.createElement(LocalProvider, null, children, /* @__PURE__ */ import_react438.default.createElement(Outlet, null)));
 }
 
 // src/features/QuickAddButtons/QuickAddButtonsClear.tsx
-var import_react438 = __toESM(require_react(), 1);
+var import_react439 = __toESM(require_react(), 1);
 var QuickAddButtonsClear = ({
   children
 }) => {
   const { app } = useAppContext();
   app.getBoard()?.selection.quickAddButtons.clear();
-  return /* @__PURE__ */ import_react438.default.createElement(import_react438.default.Fragment, null, children);
+  return /* @__PURE__ */ import_react439.default.createElement(import_react439.default.Fragment, null, children);
 };
 var QuickAddButtonsClear_default = QuickAddButtonsClear;
 
 // src/features/Widgets/Navbar/Navbar.tsx
-var import_react440 = __toESM(require_react(), 1);
+var import_react441 = __toESM(require_react(), 1);
 
 // src/features/Widgets/Navbar/lead-icon.tsx
-var import_react439 = __toESM(require_react(), 1);
+var import_react440 = __toESM(require_react(), 1);
 var LeadIcon = ({ width: width3 = 20, height: height4 = 20 }) => {
-  return /* @__PURE__ */ import_react439.default.createElement("svg", {
+  return /* @__PURE__ */ import_react440.default.createElement("svg", {
     width: width3,
     height: height4,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ import_react439.default.createElement("path", {
+  }, /* @__PURE__ */ import_react440.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M12.0118 2.04402C15.2239 2.90472 17.21 6.05727 16.682 9.27093L21.049 10.4411C21.7332 10.6244 22.1394 11.3277 21.956 12.012C21.0953 15.2242 17.9426 17.2103 14.7289 16.6822L13.5589 21.049C13.3755 21.7333 12.6722 22.1393 11.988 21.956C8.77579 21.0953 6.78975 17.9427 7.31772 14.7291L2.95099 13.559C2.26674 13.3757 1.86068 12.6724 2.04402 11.9882C2.90471 8.77602 6.05716 6.78999 9.27077 7.31789L10.4409 2.95099C10.6242 2.26674 11.3275 1.86068 12.0118 2.04402ZM13.3604 10.8829C12.609 10.1315 11.3909 10.1315 10.6395 10.8829C9.88817 11.6343 9.88817 12.8525 10.6395 13.6038C11.3909 14.3552 12.609 14.3552 13.3604 13.6038C14.1117 12.8525 14.1117 11.6342 13.3604 10.8829Z",
@@ -448423,26 +448437,26 @@ var Navbar = () => {
   const isSignUpVisible = signUpVisibleRoutes.includes(location3.pathname);
   const lastBoardLink = localStorage.getItem(LAST_BOARD_KEY_QS);
   const backToSelect = new URLSearchParams(location3.search).get("backToSelect") === "true";
-  return /* @__PURE__ */ import_react440.default.createElement(import_react440.default.Fragment, null, /* @__PURE__ */ import_react440.default.createElement("header", {
+  return /* @__PURE__ */ import_react441.default.createElement(import_react441.default.Fragment, null, /* @__PURE__ */ import_react441.default.createElement("header", {
     className: "NavbarWrapper"
-  }, /* @__PURE__ */ import_react440.default.createElement("a", {
+  }, /* @__PURE__ */ import_react441.default.createElement("a", {
     className: "Logo",
     target: isIframe2() ? "_blank" : "_top",
     href: "https://microboard.ru",
     rel: "noreferrer"
-  }, /* @__PURE__ */ import_react440.default.createElement(LeadIcon, {
+  }, /* @__PURE__ */ import_react441.default.createElement(LeadIcon, {
     width: 20,
     height: 20
-  }), /* @__PURE__ */ import_react440.default.createElement("span", null, "Microboard")), /* @__PURE__ */ import_react440.default.createElement("div", null, isLoginVisible && /* @__PURE__ */ import_react440.default.createElement(NavLink, {
+  }), /* @__PURE__ */ import_react441.default.createElement("span", null, "Microboard")), /* @__PURE__ */ import_react441.default.createElement("div", null, isLoginVisible && /* @__PURE__ */ import_react441.default.createElement(NavLink, {
     to: `/auth/sign-in${location3.search}`,
     className: "Link"
-  }, t11("auth.signIn")), isSignUpVisible && /* @__PURE__ */ import_react440.default.createElement(NavLink, {
+  }, t11("auth.signIn")), isSignUpVisible && /* @__PURE__ */ import_react441.default.createElement(NavLink, {
     to: `/auth/sign-up${location3.search}`,
     className: "Link"
-  }, t11("auth.signUpForFree")))), (lastBoardLink || backToSelect) && /* @__PURE__ */ import_react440.default.createElement(NavLink, {
+  }, t11("auth.signUpForFree")))), (lastBoardLink || backToSelect) && /* @__PURE__ */ import_react441.default.createElement(NavLink, {
     to: !backToSelect ? `/boards/${lastBoardLink}` : "/selectBoard",
     className: "Link Back"
-  }, /* @__PURE__ */ import_react440.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react441.default.createElement(Icon, {
     width: 20,
     height: 20,
     iconName: "ArrowLeft1"
@@ -448450,7 +448464,7 @@ var Navbar = () => {
 };
 
 // src/pages/layouts/AuthLayout/AuthLayout.tsx
-var import_react441 = __toESM(require_react(), 1);
+var import_react442 = __toESM(require_react(), 1);
 
 // src/pages/layouts/AuthLayout/AuthLayout.module.css
 var AuthLayout_module_default = {
@@ -448466,7 +448480,7 @@ var AuthLayout = ({ showPolicies }) => {
   const location3 = useLocation();
   const navigate = useNavigate();
   const { t: t11, i18n: i18n2 } = useTranslation();
-  import_react441.useEffect(() => {
+  import_react442.useEffect(() => {
     const params = new URLSearchParams(location3.search);
     if (params.get("authException") === "true") {
       setTimeout(() => {
@@ -448480,24 +448494,24 @@ var AuthLayout = ({ showPolicies }) => {
       navigate({ search: params.toString() }, { replace: true });
     }
   }, [location3, navigate]);
-  return /* @__PURE__ */ import_react441.default.createElement(QuickAddButtonsClear_default, null, /* @__PURE__ */ import_react441.default.createElement("div", {
+  return /* @__PURE__ */ import_react442.default.createElement(QuickAddButtonsClear_default, null, /* @__PURE__ */ import_react442.default.createElement("div", {
     className: AuthLayout_module_default.authView
-  }, /* @__PURE__ */ import_react441.default.createElement("div", {
+  }, /* @__PURE__ */ import_react442.default.createElement("div", {
     className: AuthLayout_module_default.navbar
-  }, /* @__PURE__ */ import_react441.default.createElement(Navbar, null)), /* @__PURE__ */ import_react441.default.createElement("div", {
+  }, /* @__PURE__ */ import_react442.default.createElement(Navbar, null)), /* @__PURE__ */ import_react442.default.createElement("div", {
     className: AuthLayout_module_default.content
-  }, /* @__PURE__ */ import_react441.default.createElement(Outlet, null)), showPolicies && /* @__PURE__ */ import_react441.default.createElement("div", {
+  }, /* @__PURE__ */ import_react442.default.createElement(Outlet, null)), showPolicies && /* @__PURE__ */ import_react442.default.createElement("div", {
     className: AuthLayout_module_default.policy
-  }, t11("auth.policyWith"), " ", /* @__PURE__ */ import_react441.default.createElement(OuterLink, {
+  }, t11("auth.policyWith"), " ", /* @__PURE__ */ import_react442.default.createElement(OuterLink, {
     href: i18n2.language === "ru" ? window.location.origin + "/pdf/terms_conditions_ru.pdf" : window.location.origin + "/pdf/terms_conditions_en.pdf",
     className: AuthLayout_module_default.policyLink
-  }, t11("auth.termsAndConditions")), " ", t11("common.and"), " ", /* @__PURE__ */ import_react441.default.createElement(OuterLink, {
+  }, t11("auth.termsAndConditions")), " ", t11("common.and"), " ", /* @__PURE__ */ import_react442.default.createElement(OuterLink, {
     href: i18n2.language === "ru" ? window.location.origin + "/pdf/privacy_policy_ru.pdf" : window.location.origin + "/pdf/privacy_policy_en.pdf",
     className: AuthLayout_module_default.policyLink
   }, t11("auth.privacyPolicy")))));
 };
 // src/pages/RestorePasswordPage/RestorePasswordPage.tsx
-var import_react442 = __toESM(require_react(), 1);
+var import_react443 = __toESM(require_react(), 1);
 
 // src/pages/RestorePasswordPage/RestorePasswordPage.module.css
 var RestorePasswordPage_module_default = {
@@ -448512,13 +448526,13 @@ var RestorePasswordPage_module_default = {
 // src/pages/RestorePasswordPage/RestorePasswordPage.tsx
 var RestorePasswordPage = () => {
   const { t: t11 } = useTranslation();
-  const [isDisabled, setIsDisabled] = import_react442.useState(true);
-  const [isSubmitLoading, setIsSubmitLoading] = import_react442.useState(false);
-  const [newPassError, setNewPassError] = import_react442.useState("");
-  const [error3, setError] = import_react442.useState("");
-  const formRef = import_react442.useRef(null);
+  const [isDisabled, setIsDisabled] = import_react443.useState(true);
+  const [isSubmitLoading, setIsSubmitLoading] = import_react443.useState(false);
+  const [newPassError, setNewPassError] = import_react443.useState("");
+  const [error3, setError] = import_react443.useState("");
+  const formRef = import_react443.useRef(null);
   const [searchParams, _9] = useSearchParams();
-  const [isPasswordChanged, setIsPasswordChanged] = import_react442.useState(false);
+  const [isPasswordChanged, setIsPasswordChanged] = import_react443.useState(false);
   const navigate = useNavigate();
   const account = useAccount();
   const checkForm = () => {
@@ -448615,9 +448629,9 @@ var RestorePasswordPage = () => {
     });
   };
   if (isPasswordChanged) {
-    return /* @__PURE__ */ import_react442.default.createElement("div", {
+    return /* @__PURE__ */ import_react443.default.createElement("div", {
       className: RestorePasswordPage_module_default.passwordChanged
-    }, /* @__PURE__ */ import_react442.default.createElement(PasswordChanged, null), /* @__PURE__ */ import_react442.default.createElement(UiButton, {
+    }, /* @__PURE__ */ import_react443.default.createElement(PasswordChanged, null), /* @__PURE__ */ import_react443.default.createElement(UiButton, {
       onClick: () => navigate("/auth/sign-in"),
       variant: "primary",
       size: "lg",
@@ -448626,24 +448640,24 @@ var RestorePasswordPage = () => {
   }
   if (!searchParams.get("token")) {
     console.log("token not provided", searchParams);
-    return /* @__PURE__ */ import_react442.default.createElement("div", null, /* @__PURE__ */ import_react442.default.createElement("p", {
+    return /* @__PURE__ */ import_react443.default.createElement("div", null, /* @__PURE__ */ import_react443.default.createElement("p", {
       className: RestorePasswordPage_module_default.error
-    }, t11("auth.restorationTokenIsNotProvided")), /* @__PURE__ */ import_react442.default.createElement(Link2, {
+    }, t11("auth.restorationTokenIsNotProvided")), /* @__PURE__ */ import_react443.default.createElement(Link2, {
       to: "/auth/forgot-password"
-    }, t11("auth.restorePassword")), /* @__PURE__ */ import_react442.default.createElement(UiButton, {
+    }, t11("auth.restorePassword")), /* @__PURE__ */ import_react443.default.createElement(UiButton, {
       variant: "primary",
       size: "lg"
-    }, /* @__PURE__ */ import_react442.default.createElement(Link, {
+    }, /* @__PURE__ */ import_react443.default.createElement(Link, {
       to: "/auth/sign-in",
       className: RestorePasswordPage_module_default.link
     }, t11("common.backToMain"))));
   }
-  return /* @__PURE__ */ import_react442.default.createElement(AuthForm, {
+  return /* @__PURE__ */ import_react443.default.createElement(AuthForm, {
     ref: formRef,
     onSubmit,
     title: t11("auth.resetPassword"),
     id: "restore-password"
-  }, /* @__PURE__ */ import_react442.default.createElement(Input, {
+  }, /* @__PURE__ */ import_react443.default.createElement(Input, {
     password: true,
     label: t11("auth.passwordMustBeDifferent"),
     placeholder: t11("auth.newPassword"),
@@ -448656,7 +448670,7 @@ var RestorePasswordPage = () => {
     },
     onInput: handleNewPasswordInput,
     onFocus: checkNewPassword
-  }), /* @__PURE__ */ import_react442.default.createElement(Input, {
+  }), /* @__PURE__ */ import_react443.default.createElement(Input, {
     password: true,
     placeholder: t11("auth.newPassword"),
     id: "repeatedPassword",
@@ -448666,16 +448680,16 @@ var RestorePasswordPage = () => {
     errorText: error3,
     helperText: t11("auth.passwordAtLeast"),
     hasError: !!error3.length
-  }), /* @__PURE__ */ import_react442.default.createElement("div", {
+  }), /* @__PURE__ */ import_react443.default.createElement("div", {
     className: RestorePasswordPage_module_default.btns
-  }, /* @__PURE__ */ import_react442.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react443.default.createElement(UiButton, {
     variant: "primary",
     disabled: isDisabled,
     type: "submit",
     className: RestorePasswordPage_module_default.submit,
     loading: isSubmitLoading,
     size: "lg"
-  }, t11("auth.submit"), /* @__PURE__ */ import_react442.default.createElement(Tail, null)), /* @__PURE__ */ import_react442.default.createElement(UiButton, {
+  }, t11("auth.submit"), /* @__PURE__ */ import_react443.default.createElement(Tail, null)), /* @__PURE__ */ import_react443.default.createElement(UiButton, {
     variant: "ghost",
     onClick: () => navigate("/auth/sign-in"),
     size: "lg"
@@ -448687,7 +448701,7 @@ function getEmbedUrl() {
 }
 
 // src/pages/SelectBoardPage/SelectBoardPage.tsx
-var import_react443 = __toESM(require_react(), 1);
+var import_react444 = __toESM(require_react(), 1);
 
 // src/pages/SelectBoardPage/SelectBoardPage.module.css
 var SelectBoardPage_module_default = {
@@ -448725,13 +448739,13 @@ var SelectBoardPage = () => {
   const boardsList = useBoardsList();
   const account = useAccount();
   const isAuth = account.isLoggedIn;
-  const newBoardRef = import_react443.useRef(null);
-  const selectorRef = import_react443.useRef(null);
-  const userPanelRef = import_react443.useRef(null);
-  const [isDropdownOpen, setIsDropdownOpen] = import_react443.useState(false);
-  const [loading, setLoading] = import_react443.useState(false);
-  const [selected, setSelected] = import_react443.useState(null);
-  const [newBoardName, setNewBoardName] = import_react443.useState(t11("board.untitled"));
+  const newBoardRef = import_react444.useRef(null);
+  const selectorRef = import_react444.useRef(null);
+  const userPanelRef = import_react444.useRef(null);
+  const [isDropdownOpen, setIsDropdownOpen] = import_react444.useState(false);
+  const [loading, setLoading] = import_react444.useState(false);
+  const [selected, setSelected] = import_react444.useState(null);
+  const [newBoardName, setNewBoardName] = import_react444.useState(t11("board.untitled"));
   function handleError(er8) {
     window.opener?.postMessage({
       error: er8
@@ -448759,13 +448773,13 @@ var SelectBoardPage = () => {
     }
     successMessageToParent(boardId, accessKey.accessKey, getName(t11, name3));
   }
-  import_react443.useEffect(() => {
+  import_react444.useEffect(() => {
     if (selected === "addNew" && newBoardRef.current) {
       newBoardRef.current.focus();
       newBoardRef.current.select();
     }
   }, [selected]);
-  import_react443.useEffect(() => {
+  import_react444.useEffect(() => {
     const fetchBoards = async () => {
       await app.boardsList.loadBoards();
     };
@@ -448798,40 +448812,40 @@ var SelectBoardPage = () => {
       handleError(er8);
     }
   };
-  return /* @__PURE__ */ import_react443.default.createElement(import_react443.default.Fragment, null, /* @__PURE__ */ import_react443.default.createElement("div", {
+  return /* @__PURE__ */ import_react444.default.createElement(import_react444.default.Fragment, null, /* @__PURE__ */ import_react444.default.createElement("div", {
     className: SelectBoardPage_module_default.container
-  }, /* @__PURE__ */ import_react443.default.createElement("div", {
+  }, /* @__PURE__ */ import_react444.default.createElement("div", {
     className: SelectBoardPage_module_default.header,
     style: { position: "relative" }
-  }, /* @__PURE__ */ import_react443.default.createElement("div", {
+  }, /* @__PURE__ */ import_react444.default.createElement("div", {
     className: SelectBoardPage_module_default.logo
-  }, /* @__PURE__ */ import_react443.default.createElement(Logo, {
+  }, /* @__PURE__ */ import_react444.default.createElement(Logo, {
     id: "logo"
-  }), /* @__PURE__ */ import_react443.default.createElement("div", {
+  }), /* @__PURE__ */ import_react444.default.createElement("div", {
     className: SelectBoardPage_module_default.headerTitle
-  }, "Microboard")), /* @__PURE__ */ import_react443.default.createElement("div", {
+  }, "Microboard")), /* @__PURE__ */ import_react444.default.createElement("div", {
     ref: userPanelRef,
     className: `${SelectBoardPage_module_default.profile} ${!isAuth && SelectBoardPage_module_default.unAuth}`,
     onClick: () => setIsDropdownOpen((prev2) => !prev2)
-  }, /* @__PURE__ */ import_react443.default.createElement(UserAvatar, {
+  }, /* @__PURE__ */ import_react444.default.createElement(UserAvatar, {
     src: account.info?.avatar
-  }), /* @__PURE__ */ import_react443.default.createElement(UserDropDown, {
+  }), /* @__PURE__ */ import_react444.default.createElement(UserDropDown, {
     openerRef: userPanelRef,
     isOpen: isDropdownOpen,
     setIsDropdownOpen,
     customTop: 50,
     email: account.info?.email,
     buttons: isAuth ? [
-      /* @__PURE__ */ import_react443.default.createElement(UiButton, {
+      /* @__PURE__ */ import_react444.default.createElement(UiButton, {
         key: "userDropDown2",
         variant: "ghost",
         onClick: async () => {
           await account.logout();
         },
         size: "lg"
-      }, /* @__PURE__ */ import_react443.default.createElement(Logout, null), " ", t11("auth.logout"))
+      }, /* @__PURE__ */ import_react444.default.createElement(Logout, null), " ", t11("auth.logout"))
     ] : [
-      /* @__PURE__ */ import_react443.default.createElement(UiButton, {
+      /* @__PURE__ */ import_react444.default.createElement(UiButton, {
         key: "userDropDown1",
         onClick: () => {
           setIsDropdownOpen(false);
@@ -448839,12 +448853,12 @@ var SelectBoardPage = () => {
         },
         variant: "ghost",
         size: "lg"
-      }, /* @__PURE__ */ import_react443.default.createElement(Icon, {
+      }, /* @__PURE__ */ import_react444.default.createElement(Icon, {
         iconName: "SignIn",
         width: 20,
         height: 20
       }), " ", t11("auth.signIn")),
-      /* @__PURE__ */ import_react443.default.createElement(UiButton, {
+      /* @__PURE__ */ import_react444.default.createElement(UiButton, {
         key: "userDropDown2",
         variant: "ghost",
         onClick: () => {
@@ -448852,57 +448866,57 @@ var SelectBoardPage = () => {
           navigate("/auth/sign-up?backToSelect=true");
         },
         size: "lg"
-      }, /* @__PURE__ */ import_react443.default.createElement(Icon, {
+      }, /* @__PURE__ */ import_react444.default.createElement(Icon, {
         iconName: "BoxedPlus",
         width: 20,
         height: 20
       }), " ", t11("auth.signUp"))
     ]
-  }))), /* @__PURE__ */ import_react443.default.createElement("div", {
+  }))), /* @__PURE__ */ import_react444.default.createElement("div", {
     className: SelectBoardPage_module_default.title
-  }, !selected && t11("embedding.title"), selected && t11("embedding.customize")), !selected && /* @__PURE__ */ import_react443.default.createElement(import_react443.default.Fragment, null, /* @__PURE__ */ import_react443.default.createElement("div", {
+  }, !selected && t11("embedding.title"), selected && t11("embedding.customize")), !selected && /* @__PURE__ */ import_react444.default.createElement(import_react444.default.Fragment, null, /* @__PURE__ */ import_react444.default.createElement("div", {
     className: SelectBoardPage_module_default.addContainer,
     onClick: () => setSelected("addNew")
-  }, /* @__PURE__ */ import_react443.default.createElement("button", {
+  }, /* @__PURE__ */ import_react444.default.createElement("button", {
     className: SelectBoardPage_module_default.add,
     onClick: () => setSelected("addNew")
-  }, /* @__PURE__ */ import_react443.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react444.default.createElement(Icon, {
     iconName: "addButton",
     width: 16,
     height: 16
-  })), /* @__PURE__ */ import_react443.default.createElement("span", null, t11("embedding.addNew"))), /* @__PURE__ */ import_react443.default.createElement(Folder, {
+  })), /* @__PURE__ */ import_react444.default.createElement("span", null, t11("embedding.addNew"))), /* @__PURE__ */ import_react444.default.createElement(Folder, {
     folder: boardsList.getRootFolder(),
     handleOpenBoard: (board) => setSelected(board)
-  }), /* @__PURE__ */ import_react443.default.createElement(Folder, {
+  }), /* @__PURE__ */ import_react444.default.createElement(Folder, {
     folder: boardsList.getSharedFolder(),
     handleOpenBoard: (board) => setSelected(board)
-  })), selected && selected !== "addNew" && /* @__PURE__ */ import_react443.default.createElement("div", {
+  })), selected && selected !== "addNew" && /* @__PURE__ */ import_react444.default.createElement("div", {
     className: SelectBoardPage_module_default.selected
-  }, /* @__PURE__ */ import_react443.default.createElement("span", {
+  }, /* @__PURE__ */ import_react444.default.createElement("span", {
     className: SelectBoardPage_module_default.selectedIcon
-  }, /* @__PURE__ */ import_react443.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react444.default.createElement(Icon, {
     iconName: "EmbedBoardIcon",
     width: 20,
     height: 20
-  })), /* @__PURE__ */ import_react443.default.createElement("span", null, selected.title)), selected === "addNew" && /* @__PURE__ */ import_react443.default.createElement("div", {
+  })), /* @__PURE__ */ import_react444.default.createElement("span", null, selected.title)), selected === "addNew" && /* @__PURE__ */ import_react444.default.createElement("div", {
     className: SelectBoardPage_module_default.search
-  }, /* @__PURE__ */ import_react443.default.createElement("input", {
+  }, /* @__PURE__ */ import_react444.default.createElement("input", {
     type: "text",
     placeholder: t11("embedding.newBoardPlaceholder"),
     ref: newBoardRef,
     value: newBoardName,
     onChange: (event) => setNewBoardName(event.target.value)
-  })), selected && /* @__PURE__ */ import_react443.default.createElement(import_react443.default.Fragment, null, selected === "addNew" || boardsList.getBoardInfo(selected.id) ? /* @__PURE__ */ import_react443.default.createElement("div", {
+  })), selected && /* @__PURE__ */ import_react444.default.createElement(import_react444.default.Fragment, null, selected === "addNew" || boardsList.getBoardInfo(selected.id) ? /* @__PURE__ */ import_react444.default.createElement("div", {
     className: SelectBoardPage_module_default.selectorsContainer
-  }, /* @__PURE__ */ import_react443.default.createElement(Selector, {
+  }, /* @__PURE__ */ import_react444.default.createElement(Selector, {
     ref: selectorRef,
     label: t11("embedding.allVisitors"),
     options: [
       {
         value: "edit",
-        label: /* @__PURE__ */ import_react443.default.createElement("div", {
+        label: /* @__PURE__ */ import_react444.default.createElement("div", {
           className: SelectBoardPage_module_default.selectorText
-        }, /* @__PURE__ */ import_react443.default.createElement(Icon, {
+        }, /* @__PURE__ */ import_react444.default.createElement(Icon, {
           style: {
             marginRight: "10px"
           },
@@ -448913,9 +448927,9 @@ var SelectBoardPage = () => {
       },
       {
         value: "view",
-        label: /* @__PURE__ */ import_react443.default.createElement("div", {
+        label: /* @__PURE__ */ import_react444.default.createElement("div", {
           className: SelectBoardPage_module_default.selectorText
-        }, /* @__PURE__ */ import_react443.default.createElement(Icon, {
+        }, /* @__PURE__ */ import_react444.default.createElement(Icon, {
           style: {
             marginRight: "10px"
           },
@@ -448925,30 +448939,30 @@ var SelectBoardPage = () => {
         }), " ", t11("embedding.canView"))
       }
     ]
-  })) : !selected.notFound && /* @__PURE__ */ import_react443.default.createElement("div", {
+  })) : !selected.notFound && /* @__PURE__ */ import_react444.default.createElement("div", {
     className: SelectBoardPage_module_default.infoMessage
-  }, /* @__PURE__ */ import_react443.default.createElement("div", null, /* @__PURE__ */ import_react443.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react444.default.createElement("div", null, /* @__PURE__ */ import_react444.default.createElement(Icon, {
     iconName: "Info",
     width: 16,
     height: 16
-  }), t11("embedding.notOwner")), /* @__PURE__ */ import_react443.default.createElement("div", {
+  }), t11("embedding.notOwner")), /* @__PURE__ */ import_react444.default.createElement("div", {
     className: SelectBoardPage_module_default.secondary
-  }, t11("embedding.optionsUnavailable"))), selected !== "addNew" && selected.notFound && /* @__PURE__ */ import_react443.default.createElement("div", {
+  }, t11("embedding.optionsUnavailable"))), selected !== "addNew" && selected.notFound && /* @__PURE__ */ import_react444.default.createElement("div", {
     className: `${SelectBoardPage_module_default.infoMessage} ${SelectBoardPage_module_default.error}`
-  }, /* @__PURE__ */ import_react443.default.createElement("div", null, /* @__PURE__ */ import_react443.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react444.default.createElement("div", null, /* @__PURE__ */ import_react444.default.createElement(Icon, {
     iconName: "Info",
     width: 16,
     height: 16
-  }), t11("modalInfo.accessDenied.title")), /* @__PURE__ */ import_react443.default.createElement("div", {
+  }), t11("modalInfo.accessDenied.title")), /* @__PURE__ */ import_react444.default.createElement("div", {
     className: SelectBoardPage_module_default.secondary
-  }, t11("modalInfo.accessDenied.description"))), /* @__PURE__ */ import_react443.default.createElement("div", {
+  }, t11("modalInfo.accessDenied.description"))), /* @__PURE__ */ import_react444.default.createElement("div", {
     className: SelectBoardPage_module_default.buttonContainer
-  }, /* @__PURE__ */ import_react443.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react444.default.createElement(UiButton, {
     className: `${SelectBoardPage_module_default.button} ${SelectBoardPage_module_default.primary}`,
     onClick: handleEmbed,
     disabled: loading || selected !== "addNew" && selected.notFound,
     size: "sm"
-  }, t11("embedding.embedBoardButton")), /* @__PURE__ */ import_react443.default.createElement(UiButton, {
+  }, t11("embedding.embedBoardButton")), /* @__PURE__ */ import_react444.default.createElement(UiButton, {
     className: `${SelectBoardPage_module_default.button} ${SelectBoardPage_module_default.secondary}`,
     onClick: () => setSelected(null),
     disabled: loading,
@@ -448956,7 +448970,7 @@ var SelectBoardPage = () => {
   }, t11("embedding.back"))))));
 };
 // src/pages/SigninPage/SigninPage.tsx
-var import_react446 = __toESM(require_react(), 1);
+var import_react447 = __toESM(require_react(), 1);
 
 // src/pages/SigninPage/SigninPage.module.css
 var SigninPage_module_default = {
@@ -448966,7 +448980,7 @@ var SigninPage_module_default = {
 };
 
 // src/features/Notifications/SigninErrorNotification.tsx
-var import_react444 = __toESM(require_react(), 1);
+var import_react445 = __toESM(require_react(), 1);
 
 // src/features/Notifications/Notifications.module.css
 var Notifications_module_default = {
@@ -448980,48 +448994,48 @@ var ERROR_SIGNIN_NOTIFY = Symbol("errorSignin");
 var SigninErrorNotification = () => {
   const { isModalOpen: isModalOpen2, closeModal: closeModal2 } = useUiModalContext();
   const { t: t11 } = useTranslation();
-  return /* @__PURE__ */ import_react444.default.createElement(Notification, {
+  return /* @__PURE__ */ import_react445.default.createElement(Notification, {
     isOpen: isModalOpen2(ERROR_SIGNIN_NOTIFY),
     setIsOpen: closeModal2,
     infoColor: "#E6483D" /* error */,
     infoIcon: true,
     cross: true
-  }, /* @__PURE__ */ import_react444.default.createElement("div", {
+  }, /* @__PURE__ */ import_react445.default.createElement("div", {
     className: Notifications_module_default.notificationWr
-  }, /* @__PURE__ */ import_react444.default.createElement("h3", {
+  }, /* @__PURE__ */ import_react445.default.createElement("h3", {
     className: Notifications_module_default.notificationTitle
-  }, t11("auth.signinNotifyError.title")), /* @__PURE__ */ import_react444.default.createElement("p", {
+  }, t11("auth.signinNotifyError.title")), /* @__PURE__ */ import_react445.default.createElement("p", {
     className: Notifications_module_default.notificationText
   }, t11("auth.signinNotifyError.text"))));
 };
 // src/features/Notifications/SignupErrorNotification.tsx
-var import_react445 = __toESM(require_react(), 1);
+var import_react446 = __toESM(require_react(), 1);
 var ERROR_SIGNUP_NOTIFY = Symbol("errorSignup");
 var SignupErrorNotification = () => {
   const { isModalOpen: isModalOpen2, closeModal: closeModal2 } = useUiModalContext();
   const { t: t11 } = useTranslation();
-  return /* @__PURE__ */ import_react445.default.createElement(Notification, {
+  return /* @__PURE__ */ import_react446.default.createElement(Notification, {
     isOpen: isModalOpen2(ERROR_SIGNUP_NOTIFY),
     setIsOpen: closeModal2,
     infoColor: "#E6483D" /* error */,
     cross: true
-  }, /* @__PURE__ */ import_react445.default.createElement("div", {
+  }, /* @__PURE__ */ import_react446.default.createElement("div", {
     className: Notifications_module_default.notificationWr
-  }, /* @__PURE__ */ import_react445.default.createElement("h3", {
+  }, /* @__PURE__ */ import_react446.default.createElement("h3", {
     className: Notifications_module_default.notificationTitle
-  }, t11("auth.signupNotifyError.title")), /* @__PURE__ */ import_react445.default.createElement("p", {
+  }, t11("auth.signupNotifyError.title")), /* @__PURE__ */ import_react446.default.createElement("p", {
     className: Notifications_module_default.notificationText
   }, t11("auth.signupNotifyError.text"))));
 };
 // src/pages/SigninPage/SigninPage.tsx
 var SigninPage = () => {
   const { t: t11 } = useTranslation();
-  const [submitDisabled, setSubmitDisabled] = import_react446.useState(true);
-  const [isSubmitLoading, setIsSubmitLoading] = import_react446.useState(false);
+  const [submitDisabled, setSubmitDisabled] = import_react447.useState(true);
+  const [isSubmitLoading, setIsSubmitLoading] = import_react447.useState(false);
   const navigate = useNavigate();
-  const formRef = import_react446.useRef(null);
-  const [emailError, setEmailError] = import_react446.useState("");
-  const [errorText, setErrorText] = import_react446.useState("");
+  const formRef = import_react447.useRef(null);
+  const [emailError, setEmailError] = import_react447.useState("");
+  const [errorText, setErrorText] = import_react447.useState("");
   const account = useAccount();
   const boards = useBoardsList();
   const { openModal: openModal2 } = useUiModalContext();
@@ -449116,25 +449130,25 @@ var SigninPage = () => {
   const handlePasswordInput = () => {
     checkForm();
   };
-  return /* @__PURE__ */ import_react446.default.createElement(import_react446.default.Fragment, null, /* @__PURE__ */ import_react446.default.createElement(AuthForm, {
+  return /* @__PURE__ */ import_react447.default.createElement(import_react447.default.Fragment, null, /* @__PURE__ */ import_react447.default.createElement(AuthForm, {
     title: t11("auth.signIn"),
     id: "signin-form",
     onSubmit,
     ref: formRef,
     showPolicies: true,
     showAnotherAuthWay: true
-  }, /* @__PURE__ */ import_react446.default.createElement(Input, {
+  }, /* @__PURE__ */ import_react447.default.createElement(Input, {
     id: "email",
-    prefixIcon: /* @__PURE__ */ import_react446.default.createElement(EmailIcon, null),
+    prefixIcon: /* @__PURE__ */ import_react447.default.createElement(EmailIcon, null),
     placeholder: t11("auth.emailPlaceholder"),
     hasError: !!emailError.length,
     errorText: emailError,
     onBlur: checkEmail,
     onInput: handleEmailInput,
     onFocus: checkForm
-  }), /* @__PURE__ */ import_react446.default.createElement(Input, {
+  }), /* @__PURE__ */ import_react447.default.createElement(Input, {
     id: "password",
-    prefixIcon: /* @__PURE__ */ import_react446.default.createElement(LockIcon, null),
+    prefixIcon: /* @__PURE__ */ import_react447.default.createElement(LockIcon, null),
     placeholder: t11("auth.passwordPlaceholder"),
     password: true,
     onInput: handlePasswordInput,
@@ -449142,27 +449156,27 @@ var SigninPage = () => {
     onBlur: checkForm,
     errorText,
     hasError: !!errorText
-  }), /* @__PURE__ */ import_react446.default.createElement("div", {
+  }), /* @__PURE__ */ import_react447.default.createElement("div", {
     className: SigninPage_module_default.btns
-  }, /* @__PURE__ */ import_react446.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react447.default.createElement(UiButton, {
     type: "submit",
     disabled: submitDisabled,
     loading: isSubmitLoading,
     variant: "primary",
     size: "lg"
-  }, t11("auth.submit"), /* @__PURE__ */ import_react446.default.createElement(Tail, null)), /* @__PURE__ */ import_react446.default.createElement(UiButton, {
+  }, t11("auth.submit"), /* @__PURE__ */ import_react447.default.createElement(Tail, null)), /* @__PURE__ */ import_react447.default.createElement(UiButton, {
     variant: "secondary",
     className: SigninPage_module_default.forgot,
     onClick: () => navigate(`/auth/forgot-password${location.search}`),
     size: "lg"
-  }, t11("auth.forgotPassword")), /* @__PURE__ */ import_react446.default.createElement(UiButton, {
+  }, t11("auth.forgotPassword")), /* @__PURE__ */ import_react447.default.createElement(UiButton, {
     variant: "ghost",
     onClick: () => navigate(`/auth/sign-up${location.search}`),
     size: "lg"
-  }, t11("auth.signUpForFree")))), /* @__PURE__ */ import_react446.default.createElement(SigninErrorNotification, null));
+  }, t11("auth.signUpForFree")))), /* @__PURE__ */ import_react447.default.createElement(SigninErrorNotification, null));
 };
 // src/pages/SignupPage/SignupPage.tsx
-var import_react447 = __toESM(require_react(), 1);
+var import_react448 = __toESM(require_react(), 1);
 var import_isEmail4 = __toESM(require_isEmail(), 1);
 
 // src/pages/SignupPage/SignupPage.module.css
@@ -449179,14 +449193,14 @@ var SignupPage_module_default = {
 var SignupPage = () => {
   const { t: t11 } = useTranslation();
   const navigate = useNavigate();
-  const formRef = import_react447.default.useRef(null);
-  const [showNameInput, setShowNameInput] = import_react447.useState(true);
-  const [username, setUsername] = import_react447.useState("");
-  const [newsletter, setNewsletter] = import_react447.useState(true);
-  const [isDisabled, setIsDisabled] = import_react447.useState(true);
-  const [isSubmitLoading, setIsSubmitLoading] = import_react447.useState(false);
-  const [error3, setError] = import_react447.useState("");
-  const [emailError, setEmailError] = import_react447.useState("");
+  const formRef = import_react448.default.useRef(null);
+  const [showNameInput, setShowNameInput] = import_react448.useState(true);
+  const [username, setUsername] = import_react448.useState("");
+  const [newsletter, setNewsletter] = import_react448.useState(true);
+  const [isDisabled, setIsDisabled] = import_react448.useState(true);
+  const [isSubmitLoading, setIsSubmitLoading] = import_react448.useState(false);
+  const [error3, setError] = import_react448.useState("");
+  const [emailError, setEmailError] = import_react448.useState("");
   const account = useAccount();
   const { openModal: openModal2 } = useUiModalContext();
   const next5 = () => {
@@ -449329,19 +449343,19 @@ var SignupPage = () => {
     });
   };
   const onNewsletterChange = (checked3) => setNewsletter(checked3);
-  return /* @__PURE__ */ import_react447.default.createElement(import_react447.default.Fragment, null, /* @__PURE__ */ import_react447.default.createElement(AuthForm, {
+  return /* @__PURE__ */ import_react448.default.createElement(import_react448.default.Fragment, null, /* @__PURE__ */ import_react448.default.createElement(AuthForm, {
     onSubmit,
     ref: formRef,
     id: "sign-up",
     title: t11("auth.signUpForFree"),
     showAnotherAuthWay: true
-  }, showNameInput ? /* @__PURE__ */ import_react447.default.createElement(Input, {
+  }, showNameInput ? /* @__PURE__ */ import_react448.default.createElement(Input, {
     id: "name",
     onChange: (ev) => {
       setUsername(ev.target.value);
       checkName(ev.target.value);
     },
-    prefixIcon: /* @__PURE__ */ import_react447.default.createElement(Icon, {
+    prefixIcon: /* @__PURE__ */ import_react448.default.createElement(Icon, {
       iconName: "human",
       width: 20,
       height: 20
@@ -449351,8 +449365,8 @@ var SignupPage = () => {
     hasError: !!error3,
     errorText: error3,
     helperText: error3 ? "" : t11("auth.nameDesc")
-  }) : /* @__PURE__ */ import_react447.default.createElement(import_react447.default.Fragment, null, /* @__PURE__ */ import_react447.default.createElement(Input, {
-    prefixIcon: /* @__PURE__ */ import_react447.default.createElement(EmailIcon, null),
+  }) : /* @__PURE__ */ import_react448.default.createElement(import_react448.default.Fragment, null, /* @__PURE__ */ import_react448.default.createElement(Input, {
+    prefixIcon: /* @__PURE__ */ import_react448.default.createElement(EmailIcon, null),
     id: "email",
     type: "text",
     placeholder: t11("auth.emailPlaceholder"),
@@ -449361,8 +449375,8 @@ var SignupPage = () => {
     onFocus: checkForm,
     hasError: !!emailError,
     errorText: emailError
-  }), /* @__PURE__ */ import_react447.default.createElement(Input, {
-    prefixIcon: /* @__PURE__ */ import_react447.default.createElement(LockIcon, null),
+  }), /* @__PURE__ */ import_react448.default.createElement(Input, {
+    prefixIcon: /* @__PURE__ */ import_react448.default.createElement(LockIcon, null),
     id: "password",
     errorText: error3,
     password: true,
@@ -449372,9 +449386,9 @@ var SignupPage = () => {
     onInput: handlePasswordInput,
     onFocus: checkForm,
     onBlur: checkForm
-  })), /* @__PURE__ */ import_react447.default.createElement("div", {
+  })), /* @__PURE__ */ import_react448.default.createElement("div", {
     className: SignupPage_module_default.btns
-  }, showNameInput ? /* @__PURE__ */ import_react447.default.createElement(UiButton, {
+  }, showNameInput ? /* @__PURE__ */ import_react448.default.createElement(UiButton, {
     variant: "primary",
     disabled: isDisabled,
     type: "button",
@@ -449383,22 +449397,22 @@ var SignupPage = () => {
       next5();
     },
     size: "lg"
-  }, t11("auth.next")) : /* @__PURE__ */ import_react447.default.createElement(import_react447.default.Fragment, null, /* @__PURE__ */ import_react447.default.createElement(Checkbox, {
+  }, t11("auth.next")) : /* @__PURE__ */ import_react448.default.createElement(import_react448.default.Fragment, null, /* @__PURE__ */ import_react448.default.createElement(Checkbox, {
     checked: true,
     onChange: onNewsletterChange,
     className: SignupPage_module_default.checkboxWr
-  }, /* @__PURE__ */ import_react447.default.createElement("span", {
+  }, /* @__PURE__ */ import_react448.default.createElement("span", {
     className: SignupPage_module_default.newsletter
-  }, t11("auth.newsletter"), /* @__PURE__ */ import_react447.default.createElement(OuterLink, {
+  }, t11("auth.newsletter"), /* @__PURE__ */ import_react448.default.createElement(OuterLink, {
     href: "https://microboard.io/privacy-policy",
     className: SignupPage_module_default.newsletterLink
-  }, " ", "Microboard.io"))), /* @__PURE__ */ import_react447.default.createElement(UiButton, {
+  }, " ", "Microboard.io"))), /* @__PURE__ */ import_react448.default.createElement(UiButton, {
     type: "submit",
     disabled: isDisabled,
     loading: isSubmitLoading,
     variant: "primary",
     size: "lg"
-  }, t11("auth.submit"), /* @__PURE__ */ import_react447.default.createElement(Tail, null))), /* @__PURE__ */ import_react447.default.createElement(UiButton, {
+  }, t11("auth.submit"), /* @__PURE__ */ import_react448.default.createElement(Tail, null))), /* @__PURE__ */ import_react448.default.createElement(UiButton, {
     variant: "ghost",
     onClick: (ev) => {
       ev.preventDefault();
@@ -449407,11 +449421,11 @@ var SignupPage = () => {
     className: SignupPage_module_default.login,
     type: "button",
     size: "lg"
-  }, t11("auth.signIn")))), /* @__PURE__ */ import_react447.default.createElement(SignupErrorNotification, null));
+  }, t11("auth.signIn")))), /* @__PURE__ */ import_react448.default.createElement(SignupErrorNotification, null));
 };
 
 // src/pages/VerifyMailPage/VerifyMailPage.tsx
-var import_react448 = __toESM(require_react(), 1);
+var import_react449 = __toESM(require_react(), 1);
 
 // src/pages/VerifyMailPage/VerifyMailPage.module.css
 var VerifyMailPage_module_default = {
@@ -449429,17 +449443,17 @@ var secondsToHumanReadable3 = (seconds) => {
 var VerifyMailPage = () => {
   const { t: t11 } = useTranslation();
   const [searchParams, _setSearchParams] = useSearchParams();
-  const [retryCount, setRetryCount] = import_react448.default.useState(0);
+  const [retryCount, setRetryCount] = import_react449.default.useState(0);
   const navigate = useNavigate();
-  const [error3, setError] = import_react448.useState("");
-  const [submitDisabled, setSubmitDisabled] = import_react448.useState(true);
-  const [isSubmitLoading, setIsSubmitLoading] = import_react448.useState(false);
-  const [retryDisabled, setRetryDisabled] = import_react448.useState(false);
-  const [isRetryLoading, setIsRetryLoading] = import_react448.useState(false);
-  const formRef = import_react448.useRef(null);
-  const [codeTip, setCodeTip] = import_react448.useState("");
-  const [isNewCode, setIsNewCode] = import_react448.useState(false);
-  const [isAttemptsExceeded, setIsAttemptsExceeded] = import_react448.useState(false);
+  const [error3, setError] = import_react449.useState("");
+  const [submitDisabled, setSubmitDisabled] = import_react449.useState(true);
+  const [isSubmitLoading, setIsSubmitLoading] = import_react449.useState(false);
+  const [retryDisabled, setRetryDisabled] = import_react449.useState(false);
+  const [isRetryLoading, setIsRetryLoading] = import_react449.useState(false);
+  const formRef = import_react449.useRef(null);
+  const [codeTip, setCodeTip] = import_react449.useState("");
+  const [isNewCode, setIsNewCode] = import_react449.useState(false);
+  const [isAttemptsExceeded, setIsAttemptsExceeded] = import_react449.useState(false);
   const account = useAccount();
   const boardsList = useBoardsList();
   const onSuccess = async () => {
@@ -449548,7 +449562,7 @@ var VerifyMailPage = () => {
       setIsRetryLoading(false);
     });
   };
-  import_react448.useEffect(() => {
+  import_react449.useEffect(() => {
     if (!searchParams.get("email")) {
       return;
     }
@@ -449580,7 +449594,7 @@ var VerifyMailPage = () => {
       setIsSubmitLoading(false);
     });
   }, []);
-  import_react448.useEffect(() => {
+  import_react449.useEffect(() => {
     const interval = setInterval(() => {
       if (retryCount > 0) {
         setRetryCount(retryCount - 1);
@@ -449592,17 +449606,17 @@ var VerifyMailPage = () => {
       }
     };
   });
-  return /* @__PURE__ */ import_react448.default.createElement(AuthForm, {
+  return /* @__PURE__ */ import_react449.default.createElement(AuthForm, {
     onSubmit,
     ref: formRef,
     title: t11("auth.checkInbox"),
     id: "verify-mail"
-  }, !isNewCode && /* @__PURE__ */ import_react448.default.createElement("p", {
+  }, !isNewCode && /* @__PURE__ */ import_react449.default.createElement("p", {
     className: VerifyMailPage_module_default.checkEmail
-  }, t11("auth.weSentCode"), " ", /* @__PURE__ */ import_react448.default.createElement("span", {
+  }, t11("auth.weSentCode"), " ", /* @__PURE__ */ import_react449.default.createElement("span", {
     className: VerifyMailPage_module_default.email
-  }, searchParams.get("email")), /* @__PURE__ */ import_react448.default.createElement("br", null), t11("auth.enterCodeBelow")), /* @__PURE__ */ import_react448.default.createElement(Input, {
-    prefixIcon: /* @__PURE__ */ import_react448.default.createElement(LockIcon, null),
+  }, searchParams.get("email")), /* @__PURE__ */ import_react449.default.createElement("br", null), t11("auth.enterCodeBelow")), /* @__PURE__ */ import_react449.default.createElement(Input, {
+    prefixIcon: /* @__PURE__ */ import_react449.default.createElement(LockIcon, null),
     type: "text",
     id: "code",
     name: "code",
@@ -449614,15 +449628,15 @@ var VerifyMailPage = () => {
     onInput: handleInputChange,
     onFocus: handleInputChange,
     onBlur: handleBlur
-  }), /* @__PURE__ */ import_react448.default.createElement("div", {
+  }), /* @__PURE__ */ import_react449.default.createElement("div", {
     className: VerifyMailPage_module_default.btns
-  }, /* @__PURE__ */ import_react448.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react449.default.createElement(UiButton, {
     variant: "primary",
     disabled: isAttemptsExceeded || submitDisabled,
     type: "submit",
     loading: isSubmitLoading,
     size: "lg"
-  }, t11("auth.submit"), /* @__PURE__ */ import_react448.default.createElement(Tail, null)), /* @__PURE__ */ import_react448.default.createElement(UiButton, {
+  }, t11("auth.submit"), /* @__PURE__ */ import_react449.default.createElement(Tail, null)), /* @__PURE__ */ import_react449.default.createElement(UiButton, {
     variant: "ghost",
     disabled: retryDisabled || retryCount > 0,
     loading: isRetryLoading,
@@ -449675,7 +449689,7 @@ class WheelEventLogger {
 }
 
 // src/pages/WheelLogger/WheelLogger.tsx
-var import_react449 = __toESM(require_react(), 1);
+var import_react450 = __toESM(require_react(), 1);
 
 // src/pages/WheelLogger/WheelLogger.module.css
 var WheelLogger_module_default = {
@@ -449691,10 +449705,10 @@ var WheelEventLoggerPage = () => {
   const { app } = useAppContext();
   const board = app.getBoard();
   const boardsList = useBoardsList();
-  const [events4, setEvents] = import_react449.useState([]);
-  const [mousePosition, setMousePosition] = import_react449.useState({ x: 0, y: 0 });
-  const loggerRef = import_react449.useRef(null);
-  import_react449.useLayoutEffect(() => {
+  const [events4, setEvents] = import_react450.useState([]);
+  const [mousePosition, setMousePosition] = import_react450.useState({ x: 0, y: 0 });
+  const loggerRef = import_react450.useRef(null);
+  import_react450.useLayoutEffect(() => {
     const init7 = async () => {
       try {
         await boardsList.loadBoards();
@@ -449725,21 +449739,21 @@ var WheelEventLoggerPage = () => {
     document.body.removeChild(a10);
   };
   if (!board) {
-    return /* @__PURE__ */ import_react449.default.createElement("div", null);
+    return /* @__PURE__ */ import_react450.default.createElement("div", null);
   }
-  return /* @__PURE__ */ import_react449.default.createElement(import_react449.default.Fragment, null, /* @__PURE__ */ import_react449.default.createElement(AppContext.Provider, {
+  return /* @__PURE__ */ import_react450.default.createElement(import_react450.default.Fragment, null, /* @__PURE__ */ import_react450.default.createElement(AppContext.Provider, {
     value: { app, board }
-  }, /* @__PURE__ */ import_react449.default.createElement(AppView, null)), /* @__PURE__ */ import_react449.default.createElement("div", {
+  }, /* @__PURE__ */ import_react450.default.createElement(AppView, null)), /* @__PURE__ */ import_react450.default.createElement("div", {
     className: WheelLogger_module_default.loggerContainer
-  }, /* @__PURE__ */ import_react449.default.createElement("div", {
+  }, /* @__PURE__ */ import_react450.default.createElement("div", {
     className: WheelLogger_module_default.loggerTitle
-  }, "Wheel Event Logger"), /* @__PURE__ */ import_react449.default.createElement("div", {
+  }, "Wheel Event Logger"), /* @__PURE__ */ import_react450.default.createElement("div", {
     className: WheelLogger_module_default.loggerMouse
-  }, "Mouse: (", mousePosition.x, ", ", mousePosition.y, ")"), /* @__PURE__ */ import_react449.default.createElement("div", {
+  }, "Mouse: (", mousePosition.x, ", ", mousePosition.y, ")"), /* @__PURE__ */ import_react450.default.createElement("div", {
     className: WheelLogger_module_default.loggerEvents
-  }, events4.slice(0, 10).map((entry, index4) => /* @__PURE__ */ import_react449.default.createElement("div", {
+  }, events4.slice(0, 10).map((entry, index4) => /* @__PURE__ */ import_react450.default.createElement("div", {
     key: index4
-  }, `ΔX: ${entry.deltaX}, ΔY: ${entry.deltaY}, Mode: ${entry.deltaMode}`))), /* @__PURE__ */ import_react449.default.createElement(UiButton, {
+  }, `ΔX: ${entry.deltaX}, ΔY: ${entry.deltaY}, Mode: ${entry.deltaMode}`))), /* @__PURE__ */ import_react450.default.createElement(UiButton, {
     variant: "secondary",
     className: WheelLogger_module_default.loggerButton,
     onClick: exportData,
@@ -449751,7 +449765,7 @@ var WheelEventLoggerPage = () => {
 var import_client2 = __toESM(require_client(), 1);
 
 // src/pages/AdminPage/AdminPage.tsx
-var import_react453 = __toESM(require_react(), 1);
+var import_react454 = __toESM(require_react(), 1);
 
 // src/pages/AdminPage/AdminPage.module.css
 var AdminPage_module_default = {
@@ -449779,7 +449793,7 @@ var AdminPage_module_default = {
 };
 
 // src/pages/AdminPage/ManageAccessModal/ManageAccessModal.tsx
-var import_react450 = __toESM(require_react(), 1);
+var import_react451 = __toESM(require_react(), 1);
 
 // src/pages/AdminPage/ManageAccessModal/ManageAccessModal.module.css
 var ManageAccessModal_module_default = {
@@ -449804,12 +449818,12 @@ var MANAGE_ACCESS_MODAL = Symbol("manageAccessModal");
 function ManageAccessModal() {
   const { closeModal: closeModal2, data, setModalData: setModalData2 } = useUiModalContext();
   const { board, onSuccess } = data || {};
-  const [loading, setLoading] = import_react450.useState(false);
-  const [error3, setError] = import_react450.useState(null);
-  const [isPublic, setIsPublic] = import_react450.useState(board?.isPublic || false);
-  const [directAccessType, setDirectAccessType] = import_react450.useState("view" /* VIEW */);
+  const [loading, setLoading] = import_react451.useState(false);
+  const [error3, setError] = import_react451.useState(null);
+  const [isPublic, setIsPublic] = import_react451.useState(board?.isPublic || false);
+  const [directAccessType, setDirectAccessType] = import_react451.useState("view" /* VIEW */);
   console.log(board, data);
-  import_react450.useEffect(() => {
+  import_react451.useEffect(() => {
     if (board) {
       setIsPublic(board.isPublic);
       setDirectAccessType("view" /* VIEW */);
@@ -449817,7 +449831,7 @@ function ManageAccessModal() {
     console.log(board);
   }, [board]);
   if (!board)
-    return /* @__PURE__ */ import_react450.default.createElement(import_react450.default.Fragment, null);
+    return /* @__PURE__ */ import_react451.default.createElement(import_react451.default.Fragment, null);
   const handleSave = async () => {
     setLoading(true);
     setError(null);
@@ -449847,61 +449861,61 @@ function ManageAccessModal() {
   };
   const showAccessTypeSelector = !board.isPublic && isPublic;
   const showPrivacyWarning = board.isPublic && !isPublic;
-  return /* @__PURE__ */ import_react450.default.createElement(UiModal, {
+  return /* @__PURE__ */ import_react451.default.createElement(UiModal, {
     modalId: MANAGE_ACCESS_MODAL,
     closeOnClickOutside: false,
     renderAsPageOnMobile: true
-  }, /* @__PURE__ */ import_react450.default.createElement("div", {
+  }, /* @__PURE__ */ import_react451.default.createElement("div", {
     className: ManageAccessModal_module_default.modalContent
-  }, /* @__PURE__ */ import_react450.default.createElement("div", {
+  }, /* @__PURE__ */ import_react451.default.createElement("div", {
     className: ManageAccessModal_module_default.title
-  }, `Управление доступом: "${board.title}"`), error3 && /* @__PURE__ */ import_react450.default.createElement("div", {
+  }, `Управление доступом: "${board.title}"`), error3 && /* @__PURE__ */ import_react451.default.createElement("div", {
     className: ManageAccessModal_module_default.errorAlert
-  }, error3), /* @__PURE__ */ import_react450.default.createElement("div", {
+  }, error3), /* @__PURE__ */ import_react451.default.createElement("div", {
     className: ManageAccessModal_module_default.form
-  }, /* @__PURE__ */ import_react450.default.createElement("div", {
+  }, /* @__PURE__ */ import_react451.default.createElement("div", {
     className: ManageAccessModal_module_default.formRow
-  }, /* @__PURE__ */ import_react450.default.createElement("label", {
+  }, /* @__PURE__ */ import_react451.default.createElement("label", {
     className: ManageAccessModal_module_default.label
-  }, "Статус доски"), /* @__PURE__ */ import_react450.default.createElement("label", {
+  }, "Статус доски"), /* @__PURE__ */ import_react451.default.createElement("label", {
     className: ManageAccessModal_module_default.switch
-  }, /* @__PURE__ */ import_react450.default.createElement("input", {
+  }, /* @__PURE__ */ import_react451.default.createElement("input", {
     type: "checkbox",
     checked: isPublic,
     onChange: (e15) => setIsPublic(e15.target.checked)
-  }), /* @__PURE__ */ import_react450.default.createElement("span", {
+  }), /* @__PURE__ */ import_react451.default.createElement("span", {
     className: ManageAccessModal_module_default.slider
-  })), /* @__PURE__ */ import_react450.default.createElement("span", {
+  })), /* @__PURE__ */ import_react451.default.createElement("span", {
     className: ManageAccessModal_module_default.switchLabel
-  }, isPublic ? "Публичная" : "Приватная")), showAccessTypeSelector && /* @__PURE__ */ import_react450.default.createElement("div", {
+  }, isPublic ? "Публичная" : "Приватная")), showAccessTypeSelector && /* @__PURE__ */ import_react451.default.createElement("div", {
     className: ManageAccessModal_module_default.formRow
-  }, /* @__PURE__ */ import_react450.default.createElement("label", {
+  }, /* @__PURE__ */ import_react451.default.createElement("label", {
     htmlFor: "accessType",
     className: ManageAccessModal_module_default.label
-  }, "Уровень доступа для всех", /* @__PURE__ */ import_react450.default.createElement("span", {
+  }, "Уровень доступа для всех", /* @__PURE__ */ import_react451.default.createElement("span", {
     className: ManageAccessModal_module_default.tooltip
-  }, "?", /* @__PURE__ */ import_react450.default.createElement("span", {
+  }, "?", /* @__PURE__ */ import_react451.default.createElement("span", {
     className: ManageAccessModal_module_default.tooltipText
-  }, "Какой доступ получат все пользователи, у которых нет явных разрешений?"))), /* @__PURE__ */ import_react450.default.createElement("select", {
+  }, "Какой доступ получат все пользователи, у которых нет явных разрешений?"))), /* @__PURE__ */ import_react451.default.createElement("select", {
     id: "accessType",
     className: ManageAccessModal_module_default.select,
     value: directAccessType,
     onChange: (e15) => setDirectAccessType(e15.target.value)
-  }, /* @__PURE__ */ import_react450.default.createElement("option", {
+  }, /* @__PURE__ */ import_react451.default.createElement("option", {
     value: "view" /* VIEW */
-  }, "Только просмотр"), /* @__PURE__ */ import_react450.default.createElement("option", {
+  }, "Только просмотр"), /* @__PURE__ */ import_react451.default.createElement("option", {
     value: "edit" /* EDIT */
-  }, "Просмотр и редактирование"))), showPrivacyWarning && /* @__PURE__ */ import_react450.default.createElement("div", {
+  }, "Просмотр и редактирование"))), showPrivacyWarning && /* @__PURE__ */ import_react451.default.createElement("div", {
     className: ManageAccessModal_module_default.infoAlert
-  }, "Пользователи с прямым доступом сохранят свои права после того, как доска станет приватной.")), /* @__PURE__ */ import_react450.default.createElement("div", {
+  }, "Пользователи с прямым доступом сохранят свои права после того, как доска станет приватной.")), /* @__PURE__ */ import_react451.default.createElement("div", {
     className: ManageAccessModal_module_default.footer
-  }, /* @__PURE__ */ import_react450.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react451.default.createElement(UiButton, {
     variant: "secondary",
     onClick: () => {
       setModalData2(undefined);
       closeModal2();
     }
-  }, "Отмена"), /* @__PURE__ */ import_react450.default.createElement(UiButton, {
+  }, "Отмена"), /* @__PURE__ */ import_react451.default.createElement(UiButton, {
     variant: "primary",
     onClick: handleSave,
     disabled: loading
@@ -449909,7 +449923,7 @@ function ManageAccessModal() {
 }
 
 // src/pages/AdminPage/ManageUsersModal/ManageUsersModal.tsx
-var import_react451 = __toESM(require_react(), 1);
+var import_react452 = __toESM(require_react(), 1);
 
 // src/pages/AdminPage/ManageUsersModal/ManageUsersModal.module.css
 var ManageUsersModal_module_default = {
@@ -449936,10 +449950,10 @@ var getAccessType = (permissions) => {
 function ManageUsersModal() {
   const { closeModal: closeModal2, data, setModalData: setModalData2 } = useUiModalContext();
   const { board, onSuccess } = data || {};
-  const [editableUsers, setEditableUsers] = import_react451.useState([]);
-  const [isSaving, setIsSaving] = import_react451.useState(false);
-  const [error3, setError] = import_react451.useState(null);
-  import_react451.useEffect(() => {
+  const [editableUsers, setEditableUsers] = import_react452.useState([]);
+  const [isSaving, setIsSaving] = import_react452.useState(false);
+  const [error3, setError] = import_react452.useState(null);
+  import_react452.useEffect(() => {
     if (board) {
       setEditableUsers(board.users.map((user) => ({
         ...user,
@@ -449948,7 +449962,7 @@ function ManageUsersModal() {
     }
   }, [board]);
   if (!board)
-    return /* @__PURE__ */ import_react451.default.createElement(import_react451.default.Fragment, null);
+    return /* @__PURE__ */ import_react452.default.createElement(import_react452.default.Fragment, null);
   const handleAccessChange = (userId, newAccessType) => {
     setEditableUsers((currentUsers) => currentUsers.map((u10) => u10.id === userId ? { ...u10, accessType: newAccessType } : u10));
   };
@@ -449978,41 +449992,41 @@ function ManageUsersModal() {
     setModalData2(undefined);
     closeModal2();
   };
-  return /* @__PURE__ */ import_react451.default.createElement(UiModal, {
+  return /* @__PURE__ */ import_react452.default.createElement(UiModal, {
     modalId: MANAGE_USERS_MODAL,
     closeOnClickOutside: false,
     renderAsPageOnMobile: true
-  }, /* @__PURE__ */ import_react451.default.createElement("div", {
+  }, /* @__PURE__ */ import_react452.default.createElement("div", {
     className: ManageUsersModal_module_default.modalContent
-  }, /* @__PURE__ */ import_react451.default.createElement("div", {
+  }, /* @__PURE__ */ import_react452.default.createElement("div", {
     className: ManageUsersModal_module_default.title
-  }, `Пользователи доски "${board.title}"`), error3 && /* @__PURE__ */ import_react451.default.createElement("div", {
+  }, `Пользователи доски "${board.title}"`), error3 && /* @__PURE__ */ import_react452.default.createElement("div", {
     className: ManageUsersModal_module_default.errorAlert
-  }, error3), /* @__PURE__ */ import_react451.default.createElement("div", {
+  }, error3), /* @__PURE__ */ import_react452.default.createElement("div", {
     className: ManageUsersModal_module_default.userList
-  }, editableUsers.map((user) => /* @__PURE__ */ import_react451.default.createElement("div", {
+  }, editableUsers.map((user) => /* @__PURE__ */ import_react452.default.createElement("div", {
     key: user.id,
     className: ManageUsersModal_module_default.userRow
-  }, /* @__PURE__ */ import_react451.default.createElement("span", {
+  }, /* @__PURE__ */ import_react452.default.createElement("span", {
     className: ManageUsersModal_module_default.userEmail
-  }, user.email), /* @__PURE__ */ import_react451.default.createElement("select", {
+  }, user.email), /* @__PURE__ */ import_react452.default.createElement("select", {
     className: ManageUsersModal_module_default.select,
     value: user.accessType,
     onChange: (e15) => handleAccessChange(user.id, e15.target.value)
-  }, /* @__PURE__ */ import_react451.default.createElement("option", {
+  }, /* @__PURE__ */ import_react452.default.createElement("option", {
     value: "edit" /* Edit */
-  }, "Редактор"), /* @__PURE__ */ import_react451.default.createElement("option", {
+  }, "Редактор"), /* @__PURE__ */ import_react452.default.createElement("option", {
     value: "view" /* View */
-  }, "Читатель"), /* @__PURE__ */ import_react451.default.createElement("option", {
+  }, "Читатель"), /* @__PURE__ */ import_react452.default.createElement("option", {
     value: "noAccess" /* NoAccess */
-  }, "Нет доступа")))), editableUsers.length === 0 && /* @__PURE__ */ import_react451.default.createElement("div", {
+  }, "Нет доступа")))), editableUsers.length === 0 && /* @__PURE__ */ import_react452.default.createElement("div", {
     className: ManageUsersModal_module_default.noUsers
-  }, "У этой доски нет пользователей с доступом.")), /* @__PURE__ */ import_react451.default.createElement("div", {
+  }, "У этой доски нет пользователей с доступом.")), /* @__PURE__ */ import_react452.default.createElement("div", {
     className: ManageUsersModal_module_default.footer
-  }, /* @__PURE__ */ import_react451.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react452.default.createElement(UiButton, {
     variant: "secondary",
     onClick: handleClose
-  }, "Отмена"), /* @__PURE__ */ import_react451.default.createElement(UiButton, {
+  }, "Отмена"), /* @__PURE__ */ import_react452.default.createElement(UiButton, {
     variant: "primary",
     onClick: handleSaveChanges,
     disabled: isSaving
@@ -450020,7 +450034,7 @@ function ManageUsersModal() {
 }
 
 // src/pages/AdminPage/ConfirmDeleteModal/ConfirmDeleteModal.tsx
-var import_react452 = __toESM(require_react(), 1);
+var import_react453 = __toESM(require_react(), 1);
 
 // src/pages/AdminPage/ConfirmDeleteModal/ConfirmDeleteModal.module.css
 var ConfirmDeleteModal_module_default = {
@@ -450038,10 +450052,10 @@ var CONFIRM_DELETE_MODAL = Symbol("confirmDeleteModal");
 function ConfirmDeleteModal() {
   const { closeModal: closeModal2, data, setModalData: setModalData2 } = useUiModalContext();
   const { board, onSuccess } = data || {};
-  const [isDeleting, setIsDeleting] = import_react452.useState(false);
-  const [error3, setError] = import_react452.useState(null);
+  const [isDeleting, setIsDeleting] = import_react453.useState(false);
+  const [error3, setError] = import_react453.useState(null);
   if (!board)
-    return /* @__PURE__ */ import_react452.default.createElement(import_react452.default.Fragment, null);
+    return /* @__PURE__ */ import_react453.default.createElement(import_react453.default.Fragment, null);
   const handleConfirmDelete = async () => {
     setIsDeleting(true);
     setError(null);
@@ -450063,25 +450077,25 @@ function ConfirmDeleteModal() {
     setModalData2(undefined);
     closeModal2();
   };
-  return /* @__PURE__ */ import_react452.default.createElement(UiModal, {
+  return /* @__PURE__ */ import_react453.default.createElement(UiModal, {
     modalId: CONFIRM_DELETE_MODAL,
     closeOnClickOutside: false,
     renderAsPageOnMobile: true
-  }, /* @__PURE__ */ import_react452.default.createElement("div", {
+  }, /* @__PURE__ */ import_react453.default.createElement("div", {
     className: ConfirmDeleteModal_module_default.modalContent
-  }, /* @__PURE__ */ import_react452.default.createElement("div", {
+  }, /* @__PURE__ */ import_react453.default.createElement("div", {
     className: ConfirmDeleteModal_module_default.title
-  }, "Удаление доски"), /* @__PURE__ */ import_react452.default.createElement("p", {
+  }, "Удаление доски"), /* @__PURE__ */ import_react453.default.createElement("p", {
     className: ConfirmDeleteModal_module_default.description
-  }, "Вы уверены, что хотите удалить доску ", /* @__PURE__ */ import_react452.default.createElement("br", null), /* @__PURE__ */ import_react452.default.createElement("strong", null, '"', board.title, '"'), "?", /* @__PURE__ */ import_react452.default.createElement("br", null), /* @__PURE__ */ import_react452.default.createElement("br", null), "Это действие необратимо."), error3 && /* @__PURE__ */ import_react452.default.createElement("div", {
+  }, "Вы уверены, что хотите удалить доску ", /* @__PURE__ */ import_react453.default.createElement("br", null), /* @__PURE__ */ import_react453.default.createElement("strong", null, '"', board.title, '"'), "?", /* @__PURE__ */ import_react453.default.createElement("br", null), /* @__PURE__ */ import_react453.default.createElement("br", null), "Это действие необратимо."), error3 && /* @__PURE__ */ import_react453.default.createElement("div", {
     className: ConfirmDeleteModal_module_default.errorAlert
-  }, error3), /* @__PURE__ */ import_react452.default.createElement("div", {
+  }, error3), /* @__PURE__ */ import_react453.default.createElement("div", {
     className: ConfirmDeleteModal_module_default.footer
-  }, /* @__PURE__ */ import_react452.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react453.default.createElement(UiButton, {
     variant: "secondary",
     onClick: handleClose,
     disabled: isDeleting
-  }, "Отмена"), /* @__PURE__ */ import_react452.default.createElement(UiButton, {
+  }, "Отмена"), /* @__PURE__ */ import_react453.default.createElement(UiButton, {
     variant: "primary",
     className: ConfirmDeleteModal_module_default.dangerButton,
     onClick: handleConfirmDelete,
@@ -450091,19 +450105,19 @@ function ConfirmDeleteModal() {
 
 // src/pages/AdminPage/AdminPage.tsx
 var AdminDashboardPage = () => {
-  const [boards, setBoards] = import_react453.useState([]);
-  const [loading, setLoading] = import_react453.useState(true);
-  const [error3, setError] = import_react453.useState(null);
+  const [boards, setBoards] = import_react454.useState([]);
+  const [loading, setLoading] = import_react454.useState(true);
+  const [error3, setError] = import_react454.useState(null);
   const { openModal: openModal2, setModalData: setModalData2 } = useUiModalContext();
-  const [pagination, setPagination] = import_react453.useState({
+  const [pagination, setPagination] = import_react454.useState({
     current: 1,
     pageSize: 10,
     total: 0
   });
   const navigate = useNavigate();
-  const [searchQuery, setSearchQuery] = import_react453.useState("");
-  const [searchTerm, setSearchTerm] = import_react453.useState("");
-  const fetchBoardsData = import_react453.useCallback(async (page, pageSize2, query2) => {
+  const [searchQuery, setSearchQuery] = import_react454.useState("");
+  const [searchTerm, setSearchTerm] = import_react454.useState("");
+  const fetchBoardsData = import_react454.useCallback(async (page, pageSize2, query2) => {
     setLoading(true);
     setError(null);
     try {
@@ -450126,7 +450140,7 @@ var AdminDashboardPage = () => {
       setLoading(false);
     }
   }, []);
-  import_react453.useEffect(() => {
+  import_react454.useEffect(() => {
     fetchBoardsData(pagination.current, pagination.pageSize, searchQuery);
   }, [fetchBoardsData, pagination.current, pagination.pageSize, searchQuery]);
   const handlePageChange = (newPage) => {
@@ -450168,86 +450182,86 @@ var AdminDashboardPage = () => {
   const handleBackBtnClick = () => {
     navigate("/");
   };
-  return /* @__PURE__ */ import_react453.default.createElement("div", {
+  return /* @__PURE__ */ import_react454.default.createElement("div", {
     className: AdminPage_module_default.adminDashboard
-  }, /* @__PURE__ */ import_react453.default.createElement("div", {
+  }, /* @__PURE__ */ import_react454.default.createElement("div", {
     className: AdminPage_module_default.header
-  }, /* @__PURE__ */ import_react453.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react454.default.createElement(UiButton, {
     variant: "secondary",
     className: AdminPage_module_default.backBtn,
     onClick: handleBackBtnClick
-  }, /* @__PURE__ */ import_react453.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react454.default.createElement(Icon, {
     width: 24,
     height: 24,
     iconName: "BackArrow"
-  })), /* @__PURE__ */ import_react453.default.createElement("h2", {
+  })), /* @__PURE__ */ import_react454.default.createElement("h2", {
     className: AdminPage_module_default.dashboardTitle
-  }, "Управление досками")), /* @__PURE__ */ import_react453.default.createElement("div", {
+  }, "Управление досками")), /* @__PURE__ */ import_react454.default.createElement("div", {
     className: AdminPage_module_default.searchBar
-  }, /* @__PURE__ */ import_react453.default.createElement("div", {
+  }, /* @__PURE__ */ import_react454.default.createElement("div", {
     style: { width: "100%" }
-  }, /* @__PURE__ */ import_react453.default.createElement(Input, {
+  }, /* @__PURE__ */ import_react454.default.createElement(Input, {
     id: "admin-board-search-input",
     placeholder: "Введите ID доски для поиска",
     value: searchTerm,
     onChange: (e15) => setSearchTerm(e15.target.value)
-  })), /* @__PURE__ */ import_react453.default.createElement(Button, {
+  })), /* @__PURE__ */ import_react454.default.createElement(Button, {
     className: AdminPage_module_default.searchBtn,
     onClick: handleSearch,
     pattern: "tertiary"
-  }, "Найти"), searchTerm && /* @__PURE__ */ import_react453.default.createElement(Button, {
+  }, "Найти"), searchTerm && /* @__PURE__ */ import_react454.default.createElement(Button, {
     className: AdminPage_module_default.searchBtn,
     onClick: handleClearSearch
-  }, "Очистить")), error3 && /* @__PURE__ */ import_react453.default.createElement("div", {
+  }, "Очистить")), error3 && /* @__PURE__ */ import_react454.default.createElement("div", {
     className: AdminPage_module_default.errorAlert
-  }, error3), /* @__PURE__ */ import_react453.default.createElement("div", {
+  }, error3), /* @__PURE__ */ import_react454.default.createElement("div", {
     className: AdminPage_module_default.tableContainer
-  }, /* @__PURE__ */ import_react453.default.createElement("table", {
+  }, /* @__PURE__ */ import_react454.default.createElement("table", {
     className: AdminPage_module_default.customTable
-  }, /* @__PURE__ */ import_react453.default.createElement("thead", null, /* @__PURE__ */ import_react453.default.createElement("tr", null, /* @__PURE__ */ import_react453.default.createElement("th", null, "ID"), /* @__PURE__ */ import_react453.default.createElement("th", null, "Название"), /* @__PURE__ */ import_react453.default.createElement("th", null, "Автор"), /* @__PURE__ */ import_react453.default.createElement("th", null, "Статус"), /* @__PURE__ */ import_react453.default.createElement("th", null, "Действия"))), /* @__PURE__ */ import_react453.default.createElement("tbody", null, loading ? /* @__PURE__ */ import_react453.default.createElement("tr", null, /* @__PURE__ */ import_react453.default.createElement("td", {
+  }, /* @__PURE__ */ import_react454.default.createElement("thead", null, /* @__PURE__ */ import_react454.default.createElement("tr", null, /* @__PURE__ */ import_react454.default.createElement("th", null, "ID"), /* @__PURE__ */ import_react454.default.createElement("th", null, "Название"), /* @__PURE__ */ import_react454.default.createElement("th", null, "Автор"), /* @__PURE__ */ import_react454.default.createElement("th", null, "Статус"), /* @__PURE__ */ import_react454.default.createElement("th", null, "Действия"))), /* @__PURE__ */ import_react454.default.createElement("tbody", null, loading ? /* @__PURE__ */ import_react454.default.createElement("tr", null, /* @__PURE__ */ import_react454.default.createElement("td", {
     colSpan: 5,
     className: AdminPage_module_default.loadingCell
-  }, "Загрузка...")) : boards.length > 0 ? boards.map((board) => /* @__PURE__ */ import_react453.default.createElement("tr", {
+  }, "Загрузка...")) : boards.length > 0 ? boards.map((board) => /* @__PURE__ */ import_react454.default.createElement("tr", {
     key: board.uuid
-  }, /* @__PURE__ */ import_react453.default.createElement("td", {
+  }, /* @__PURE__ */ import_react454.default.createElement("td", {
     "data-label": "ID"
-  }, board.uuid), /* @__PURE__ */ import_react453.default.createElement("td", {
+  }, board.uuid), /* @__PURE__ */ import_react454.default.createElement("td", {
     "data-label": "Название"
-  }, board.title), /* @__PURE__ */ import_react453.default.createElement("td", {
+  }, board.title), /* @__PURE__ */ import_react454.default.createElement("td", {
     "data-label": "Автор"
-  }, board.author?.email || "N/A"), /* @__PURE__ */ import_react453.default.createElement("td", {
+  }, board.author?.email || "N/A"), /* @__PURE__ */ import_react454.default.createElement("td", {
     "data-label": "Статус"
-  }, /* @__PURE__ */ import_react453.default.createElement("span", {
+  }, /* @__PURE__ */ import_react454.default.createElement("span", {
     onClick: () => showAccessModal(board),
     className: clsx_default(AdminPage_module_default.statusTag, board.isPublic ? AdminPage_module_default.statusPublic : AdminPage_module_default.statusPrivate)
-  }, board.isPublic ? "Публичная" : "Приватная")), /* @__PURE__ */ import_react453.default.createElement("td", {
+  }, board.isPublic ? "Публичная" : "Приватная")), /* @__PURE__ */ import_react454.default.createElement("td", {
     "data-label": "Действия"
-  }, /* @__PURE__ */ import_react453.default.createElement("div", {
+  }, /* @__PURE__ */ import_react454.default.createElement("div", {
     className: AdminPage_module_default.actionButtons
-  }, /* @__PURE__ */ import_react453.default.createElement(Button, {
+  }, /* @__PURE__ */ import_react454.default.createElement(Button, {
     pattern: "quaternary",
     onClick: () => showUsersModal(board)
-  }, "Пользователи"), /* @__PURE__ */ import_react453.default.createElement(Button, {
+  }, "Пользователи"), /* @__PURE__ */ import_react454.default.createElement(Button, {
     onClick: () => handleDelete(board),
     pattern: "primary"
-  }, "Удалить"))))) : /* @__PURE__ */ import_react453.default.createElement("tr", null, /* @__PURE__ */ import_react453.default.createElement("td", {
+  }, "Удалить"))))) : /* @__PURE__ */ import_react454.default.createElement("tr", null, /* @__PURE__ */ import_react454.default.createElement("td", {
     colSpan: 5,
     className: AdminPage_module_default.noDataCell
-  }, "Данные не найдены"))))), !loading && pagination.total > 0 && /* @__PURE__ */ import_react453.default.createElement("div", {
+  }, "Данные не найдены"))))), !loading && pagination.total > 0 && /* @__PURE__ */ import_react454.default.createElement("div", {
     className: AdminPage_module_default.pagination
-  }, /* @__PURE__ */ import_react453.default.createElement(Button, {
+  }, /* @__PURE__ */ import_react454.default.createElement(Button, {
     className: AdminPage_module_default.searchBtn,
     onClick: () => handlePageChange(pagination.current - 1),
     disabled: pagination.current === 1
-  }, "Назад"), /* @__PURE__ */ import_react453.default.createElement("span", null, "Страница ", pagination.current, " из ", totalPages), /* @__PURE__ */ import_react453.default.createElement(Button, {
+  }, "Назад"), /* @__PURE__ */ import_react454.default.createElement("span", null, "Страница ", pagination.current, " из ", totalPages), /* @__PURE__ */ import_react454.default.createElement(Button, {
     className: AdminPage_module_default.searchBtn,
     onClick: () => handlePageChange(pagination.current + 1),
     disabled: pagination.current === totalPages
-  }, "Вперед")), /* @__PURE__ */ import_react453.default.createElement(UiModalBackground, null, /* @__PURE__ */ import_react453.default.createElement(ManageAccessModal, null), /* @__PURE__ */ import_react453.default.createElement(ManageUsersModal, null), /* @__PURE__ */ import_react453.default.createElement(ConfirmDeleteModal, null)));
+  }, "Вперед")), /* @__PURE__ */ import_react454.default.createElement(UiModalBackground, null, /* @__PURE__ */ import_react454.default.createElement(ManageAccessModal, null), /* @__PURE__ */ import_react454.default.createElement(ManageUsersModal, null), /* @__PURE__ */ import_react454.default.createElement(ConfirmDeleteModal, null)));
 };
 
 // src/entities/account/RouterRolesGuard.tsx
-var import_react454 = __toESM(require_react(), 1);
+var import_react455 = __toESM(require_react(), 1);
 function RouterRolesGuard({ allowedRoles }) {
   const account = useAccount();
   if (!account.isInitialized) {
@@ -450255,9 +450269,9 @@ function RouterRolesGuard({ allowedRoles }) {
   }
   const userRole = account.tokenData?.role;
   if (userRole && allowedRoles.includes(userRole)) {
-    return /* @__PURE__ */ import_react454.default.createElement(Outlet, null);
+    return /* @__PURE__ */ import_react455.default.createElement(Outlet, null);
   } else {
-    return /* @__PURE__ */ import_react454.default.createElement(Navigate2, {
+    return /* @__PURE__ */ import_react455.default.createElement(Navigate2, {
       to: "/",
       replace: true
     });
@@ -450265,13 +450279,13 @@ function RouterRolesGuard({ allowedRoles }) {
 }
 
 // src/pages/TemplateBoardPage.tsx
-var import_react455 = __toESM(require_react(), 1);
+var import_react456 = __toESM(require_react(), 1);
 var TemplateBoardPage = () => {
   const { app } = useAppContext();
   const board = app.getBoard();
   const { templateId } = useParams();
   const account = useAccount();
-  import_react455.useEffect(() => {
+  import_react456.useEffect(() => {
     if (templateId) {
       app.openBoard(templateId).then(() => {
         app.render();
@@ -450279,62 +450293,62 @@ var TemplateBoardPage = () => {
     }
   }, []);
   if (!board || !account.isInitialized) {
-    return /* @__PURE__ */ import_react455.default.createElement("div", null);
+    return /* @__PURE__ */ import_react456.default.createElement("div", null);
   }
-  return /* @__PURE__ */ import_react455.default.createElement(AppContext.Provider, {
+  return /* @__PURE__ */ import_react456.default.createElement(AppContext.Provider, {
     value: { app, board }
-  }, /* @__PURE__ */ import_react455.default.createElement(AppView, null));
+  }, /* @__PURE__ */ import_react456.default.createElement(AppView, null));
 };
 
 // src/App/router.tsx
 function getRender(app) {
   const router = createBrowserRouter([
     {
-      element: /* @__PURE__ */ import_react456.default.createElement(AppLayout, {
+      element: /* @__PURE__ */ import_react457.default.createElement(AppLayout, {
         app
       }),
       children: [
-        { path: "/", element: /* @__PURE__ */ import_react456.default.createElement(Navigate2, {
+        { path: "/", element: /* @__PURE__ */ import_react457.default.createElement(Navigate2, {
           to: "/boards/blank"
         }) },
         {
           path: "/auth",
-          element: /* @__PURE__ */ import_react456.default.createElement(AuthLayout, {
+          element: /* @__PURE__ */ import_react457.default.createElement(AuthLayout, {
             showPolicies: true
           }),
           children: [
             {
-              element: /* @__PURE__ */ import_react456.default.createElement(UnauthGuard, null),
+              element: /* @__PURE__ */ import_react457.default.createElement(UnauthGuard, null),
               children: [
-                { path: "sign-up", element: /* @__PURE__ */ import_react456.default.createElement(SignupPage, null) },
-                { path: "sign-in", element: /* @__PURE__ */ import_react456.default.createElement(SigninPage, null) },
-                { path: "verify", element: /* @__PURE__ */ import_react456.default.createElement(VerifyMailPage, null) },
-                { path: "restore-password", element: /* @__PURE__ */ import_react456.default.createElement(RestorePasswordPage, null) },
-                { path: "forgot-password", element: /* @__PURE__ */ import_react456.default.createElement(ForgotPasswordPage, null) }
+                { path: "sign-up", element: /* @__PURE__ */ import_react457.default.createElement(SignupPage, null) },
+                { path: "sign-in", element: /* @__PURE__ */ import_react457.default.createElement(SigninPage, null) },
+                { path: "verify", element: /* @__PURE__ */ import_react457.default.createElement(VerifyMailPage, null) },
+                { path: "restore-password", element: /* @__PURE__ */ import_react457.default.createElement(RestorePasswordPage, null) },
+                { path: "forgot-password", element: /* @__PURE__ */ import_react457.default.createElement(ForgotPasswordPage, null) }
               ]
             }
           ]
         },
         {
           path: "/bind-email",
-          element: /* @__PURE__ */ import_react456.default.createElement(AuthLayout, null),
+          element: /* @__PURE__ */ import_react457.default.createElement(AuthLayout, null),
           children: [
-            { path: "add-email", element: /* @__PURE__ */ import_react456.default.createElement(AddEmailPage, null) },
-            { path: "verify", element: /* @__PURE__ */ import_react456.default.createElement(BindEmailPage, null) }
+            { path: "add-email", element: /* @__PURE__ */ import_react457.default.createElement(AddEmailPage, null) },
+            { path: "verify", element: /* @__PURE__ */ import_react457.default.createElement(BindEmailPage, null) }
           ]
         },
         {
-          element: /* @__PURE__ */ import_react456.default.createElement(RouterRolesGuard, {
+          element: /* @__PURE__ */ import_react457.default.createElement(RouterRolesGuard, {
             allowedRoles: ["ADMIN" /* ADMIN */]
           }),
-          children: [{ path: "/admin", element: /* @__PURE__ */ import_react456.default.createElement(AdminDashboardPage, null) }]
-        },
-        { path: "/welcome", element: /* @__PURE__ */ import_react456.default.createElement(WelcomePage, null) },
-        { path: "/boards/:boardId?", element: /* @__PURE__ */ import_react456.default.createElement(BoardPage, null) },
-        { path: "/templates/:templateId", element: /* @__PURE__ */ import_react456.default.createElement(TemplateBoardPage, null) },
-        { path: "/selectBoard", element: /* @__PURE__ */ import_react456.default.createElement(SelectBoardPage, null) },
-        { path: "/test-wheel", element: /* @__PURE__ */ import_react456.default.createElement(WheelEventLoggerPage, null) },
-        { path: "/snapshots/:uid?", element: /* @__PURE__ */ import_react456.default.createElement(HTMLSnapshot_default, null) }
+          children: [{ path: "/admin", element: /* @__PURE__ */ import_react457.default.createElement(AdminDashboardPage, null) }]
+        },
+        { path: "/welcome", element: /* @__PURE__ */ import_react457.default.createElement(WelcomePage, null) },
+        { path: "/boards/:boardId?", element: /* @__PURE__ */ import_react457.default.createElement(BoardPage, null) },
+        { path: "/templates/:templateId", element: /* @__PURE__ */ import_react457.default.createElement(TemplateBoardPage, null) },
+        { path: "/selectBoard", element: /* @__PURE__ */ import_react457.default.createElement(SelectBoardPage, null) },
+        { path: "/test-wheel", element: /* @__PURE__ */ import_react457.default.createElement(WheelEventLoggerPage, null) },
+        { path: "/snapshots/:uid?", element: /* @__PURE__ */ import_react457.default.createElement(HTMLSnapshot_default, null) }
       ]
     }
   ]);
@@ -450348,7 +450362,7 @@ function getRender(app) {
       if (!root3) {
         root3 = import_client2.createRoot(container);
       }
-      root3.render(/* @__PURE__ */ import_react456.default.createElement(RouterProvider, {
+      root3.render(/* @__PURE__ */ import_react457.default.createElement(RouterProvider, {
         router
       }));
     },
@@ -450365,9 +450379,9 @@ function getLocalRender(app) {
     if (!root3) {
       root3 = import_client2.createRoot(container);
     }
-    root3.render(/* @__PURE__ */ import_react456.default.createElement(LocalAppLayout, {
+    root3.render(/* @__PURE__ */ import_react457.default.createElement(LocalAppLayout, {
       app
-    }, /* @__PURE__ */ import_react456.default.createElement(LocalSidePanelContextProvider, null, /* @__PURE__ */ import_react456.default.createElement(LocalAppView, null))));
+    }, /* @__PURE__ */ import_react457.default.createElement(LocalSidePanelContextProvider, null, /* @__PURE__ */ import_react457.default.createElement(LocalAppView, null))));
   };
 }