microboard-ui-temp 0.8.1 → 0.9.1

package/dist/{chunk-zqybbz9v.js → chunk-b5xd0djw.js}

@@ -271309,8 +271309,11 @@ class ConnectorSnap {
   pointerMove() {
     this.setHover();
     const nearest = this.getNearest();
+    const underPointer = this.hover.item;
     if (this.isNearBorder(nearest)) {
       this.snap.item = nearest;
+    } else if (underPointer && underPointer !== this.connector) {
+      this.snap.item = underPointer;
     } else {
       this.snap.item = null;
     }
@@ -346077,7 +346080,7 @@ class Location {
 }
 
 // src/App/router.tsx
-var import_react458 = __toESM(require_react(), 1);
+var import_react459 = __toESM(require_react(), 1);
 
 // src/entities/AIInput/utils.ts
 var PLACEHOLDER_OFFSET = "\t\t\t\t\t\t\t\t\t\t\t\t";
@@ -441028,7 +441031,7 @@ function ToastProvider() {
 }
 
 // src/features/UserPanel/UserPanel.tsx
-var import_react404 = __toESM(require_react(), 1);
+var import_react405 = __toESM(require_react(), 1);
 
 // src/entities/comments/CommentsPanel/CommentsPanelContext.tsx
 var import_react372 = __toESM(require_react(), 1);
@@ -441734,7 +441737,7 @@ var PresenceUsers = () => {
 };
 
 // src/features/UserPanel/ActionButtons/ActionButtons.tsx
-var import_react382 = __toESM(require_react(), 1);
+var import_react383 = __toESM(require_react(), 1);
 
 // src/features/UserPanel/Buttons/AddComment/AddComment.tsx
 var import_react379 = __toESM(require_react(), 1);
@@ -441823,21 +441826,57 @@ var TogglePresenceRender = () => {
 };
 
 // src/features/ToolsPanel/Buttons/ThemeToggle.tsx
+var import_react382 = __toESM(require_react(), 1);
+
+// src/shared/lib/uiTheme.ts
 var import_react381 = __toESM(require_react(), 1);
+var STORAGE_KEY = "ui-theme";
+function applyTheme(theme2) {
+  document.documentElement.setAttribute("data-theme", theme2);
+  conf.theme = theme2;
+}
+function getInitialTheme() {
+  const stored = localStorage.getItem(STORAGE_KEY);
+  if (stored === "light" || stored === "dark")
+    return stored;
+  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function initTheme() {
+  applyTheme(getInitialTheme());
+}
+function toggleUITheme() {
+  const current2 = document.documentElement.getAttribute("data-theme");
+  const next5 = current2 === "dark" ? "light" : "dark";
+  localStorage.setItem(STORAGE_KEY, next5);
+  applyTheme(next5);
+  return next5;
+}
+function getCurrentUITheme() {
+  return document.documentElement.getAttribute("data-theme") ?? "light";
+}
+function useUITheme() {
+  const [theme2, setTheme] = import_react381.useState(getCurrentUITheme);
+  const toggle = () => {
+    setTheme(toggleUITheme());
+  };
+  return { theme: theme2, toggle };
+}
+
+// src/features/ToolsPanel/Buttons/ThemeToggle.tsx
 function SunIcon() {
-  return /* @__PURE__ */ import_react381.default.createElement("svg", {
+  return /* @__PURE__ */ import_react382.default.createElement("svg", {
     width: "20",
     height: "20",
     viewBox: "0 0 20 20",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ import_react381.default.createElement("circle", {
+  }, /* @__PURE__ */ import_react382.default.createElement("circle", {
     cx: "10",
     cy: "10",
     r: "3.5",
     stroke: "currentColor",
     strokeWidth: "1.5"
-  }), /* @__PURE__ */ import_react381.default.createElement("line", {
+  }), /* @__PURE__ */ import_react382.default.createElement("line", {
     x1: "10",
     y1: "1",
     x2: "10",
@@ -441845,7 +441884,7 @@ function SunIcon() {
     stroke: "currentColor",
     strokeWidth: "1.5",
     strokeLinecap: "round"
-  }), /* @__PURE__ */ import_react381.default.createElement("line", {
+  }), /* @__PURE__ */ import_react382.default.createElement("line", {
     x1: "10",
     y1: "16.5",
     x2: "10",
@@ -441853,7 +441892,7 @@ function SunIcon() {
     stroke: "currentColor",
     strokeWidth: "1.5",
     strokeLinecap: "round"
-  }), /* @__PURE__ */ import_react381.default.createElement("line", {
+  }), /* @__PURE__ */ import_react382.default.createElement("line", {
     x1: "19",
     y1: "10",
     x2: "16.5",
@@ -441861,7 +441900,7 @@ function SunIcon() {
     stroke: "currentColor",
     strokeWidth: "1.5",
     strokeLinecap: "round"
-  }), /* @__PURE__ */ import_react381.default.createElement("line", {
+  }), /* @__PURE__ */ import_react382.default.createElement("line", {
     x1: "3.5",
     y1: "10",
     x2: "1",
@@ -441869,7 +441908,7 @@ function SunIcon() {
     stroke: "currentColor",
     strokeWidth: "1.5",
     strokeLinecap: "round"
-  }), /* @__PURE__ */ import_react381.default.createElement("line", {
+  }), /* @__PURE__ */ import_react382.default.createElement("line", {
     x1: "16.07",
     y1: "3.93",
     x2: "14.31",
@@ -441877,7 +441916,7 @@ function SunIcon() {
     stroke: "currentColor",
     strokeWidth: "1.5",
     strokeLinecap: "round"
-  }), /* @__PURE__ */ import_react381.default.createElement("line", {
+  }), /* @__PURE__ */ import_react382.default.createElement("line", {
     x1: "5.69",
     y1: "14.31",
     x2: "3.93",
@@ -441885,7 +441924,7 @@ function SunIcon() {
     stroke: "currentColor",
     strokeWidth: "1.5",
     strokeLinecap: "round"
-  }), /* @__PURE__ */ import_react381.default.createElement("line", {
+  }), /* @__PURE__ */ import_react382.default.createElement("line", {
     x1: "16.07",
     y1: "16.07",
     x2: "14.31",
@@ -441893,7 +441932,7 @@ function SunIcon() {
     stroke: "currentColor",
     strokeWidth: "1.5",
     strokeLinecap: "round"
-  }), /* @__PURE__ */ import_react381.default.createElement("line", {
+  }), /* @__PURE__ */ import_react382.default.createElement("line", {
     x1: "5.69",
     y1: "5.69",
     x2: "3.93",
@@ -441904,13 +441943,13 @@ function SunIcon() {
   }));
 }
 function MoonIcon() {
-  return /* @__PURE__ */ import_react381.default.createElement("svg", {
+  return /* @__PURE__ */ import_react382.default.createElement("svg", {
     width: "20",
     height: "20",
     viewBox: "0 0 20 20",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ import_react381.default.createElement("path", {
+  }, /* @__PURE__ */ import_react382.default.createElement("path", {
     d: "M17 12.5A7.5 7.5 0 1 1 7.5 3a5.5 5.5 0 0 0 9.5 9.5z",
     stroke: "currentColor",
     strokeWidth: "1.5",
@@ -441920,21 +441959,19 @@ function MoonIcon() {
 }
 function ThemeToggle() {
   const { board } = useAppContext();
-  const [theme2, setTheme] = import_react381.useState(conf.theme);
+  const { theme: theme2, toggle } = useUITheme();
   const handleClick = () => {
-    const next5 = conf.theme === "light" ? "dark" : "light";
-    conf.theme = next5;
-    setTheme(next5);
+    toggle();
     board.items.subject.publish(board.items);
   };
-  return /* @__PURE__ */ import_react381.default.createElement(UiButton, {
+  return /* @__PURE__ */ import_react382.default.createElement(UiButton, {
     id: "theme-toggle",
     tooltip: theme2 === "light" ? "Switch to dark theme" : "Switch to light theme",
     tooltipPosition: "bottom",
     onClick: handleClick,
     variant: "secondary",
     rounded: "none"
-  }, theme2 === "light" ? /* @__PURE__ */ import_react381.default.createElement(MoonIcon, null) : /* @__PURE__ */ import_react381.default.createElement(SunIcon, null));
+  }, theme2 === "light" ? /* @__PURE__ */ import_react382.default.createElement(MoonIcon, null) : /* @__PURE__ */ import_react382.default.createElement(SunIcon, null));
 }
 
 // src/features/UserPanel/ActionButtons/ActionButtons.module.css
@@ -441950,13 +441987,13 @@ var ActionButtons = () => {
   if (!isBoardOpen) {
     return null;
   }
-  return /* @__PURE__ */ import_react382.default.createElement("div", {
+  return /* @__PURE__ */ import_react383.default.createElement("div", {
     className: ActionButtons_module_default.wrapper
-  }, (account.info?.name || account.info?.email) && /* @__PURE__ */ import_react382.default.createElement(AddComment2, null), /* @__PURE__ */ import_react382.default.createElement(TogglePresenceRender, null), /* @__PURE__ */ import_react382.default.createElement(ThemeToggle, null));
+  }, (account.info?.name || account.info?.email) && /* @__PURE__ */ import_react383.default.createElement(AddComment2, null), /* @__PURE__ */ import_react383.default.createElement(TogglePresenceRender, null), /* @__PURE__ */ import_react383.default.createElement(ThemeToggle, null));
 };
 
 // src/features/UserPanel/Buttons/ShareBtn/ShareBtn.tsx
-var import_react383 = __toESM(require_react(), 1);
+var import_react384 = __toESM(require_react(), 1);
 var ShareBtn = () => {
   const { setIds } = useContextMenuContext();
   const { openModal: openModal2 } = useUiModalContext();
@@ -441980,12 +442017,12 @@ var ShareBtn = () => {
   if (board.getBoardId() === "blank") {
     return null;
   }
-  return /* @__PURE__ */ import_react383.default.createElement(UiButton, {
+  return /* @__PURE__ */ import_react384.default.createElement(UiButton, {
     onClick: handleShare,
     variant: "primary",
     className: UserPanel_module_default.shareButton,
     size: "sm"
-  }, /* @__PURE__ */ import_react383.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react384.default.createElement(Icon, {
     width: 16,
     height: 16,
     iconName: boardInfo?.isPublic ? "publicDrafts" : "lock"
@@ -441993,7 +442030,7 @@ var ShareBtn = () => {
 };
 
 // src/entities/comments/CommentsPanel/CommentsPanel.tsx
-var import_react403 = __toESM(require_react(), 1);
+var import_react404 = __toESM(require_react(), 1);
 
 // src/entities/comments/CommentsPanel/CommentsPanel.module.css
 var CommentsPanel_module_default = {
@@ -442015,7 +442052,7 @@ var CommentsPanel_module_default = {
 };
 
 // src/features/UserPanel/Buttons/ButtonWithMenu/ButtonWithMenu.tsx
-var import_react384 = __toESM(require_react(), 1);
+var import_react385 = __toESM(require_react(), 1);
 
 // src/features/UserPanel/Buttons/ButtonWithMenu/ButtonWithMenu.module.css
 var ButtonWithMenu_module_default2 = {
@@ -442024,21 +442061,21 @@ var ButtonWithMenu_module_default2 = {
 };
 
 // src/features/UserPanel/Buttons/ButtonWithMenu/ButtonWithMenu.tsx
-var ButtonWithMenu3 = import_react384.forwardRef(({ button, children, isOpen, className }, ref4) => {
-  return /* @__PURE__ */ import_react384.default.createElement("div", {
+var ButtonWithMenu3 = import_react385.forwardRef(({ button, children, isOpen, className }, ref4) => {
+  return /* @__PURE__ */ import_react385.default.createElement("div", {
     className: clsx_default(ButtonWithMenu_module_default2.container, className && className),
     ref: ref4
-  }, button, isOpen && /* @__PURE__ */ import_react384.default.createElement("div", {
+  }, button, isOpen && /* @__PURE__ */ import_react385.default.createElement("div", {
     className: ButtonWithMenu_module_default2.menu
   }, children));
 });
 ButtonWithMenu3.displayName = "ButtonWithMenu";
 
 // src/entities/comments/CommentsProvider.tsx
-var import_react399 = __toESM(require_react(), 1);
+var import_react400 = __toESM(require_react(), 1);
 
 // src/entities/comments/CommentContainer/CommentContainer.tsx
-var import_react395 = __toESM(require_react(), 1);
+var import_react396 = __toESM(require_react(), 1);
 
 // src/entities/comments/CommentContainer/CommentContainer.module.css
 var CommentContainer_module_default = {
@@ -442050,7 +442087,7 @@ var CommentContainer_module_default = {
 };
 
 // src/entities/comments/Thread/ThreadPanel.tsx
-var import_react393 = __toESM(require_react(), 1);
+var import_react394 = __toESM(require_react(), 1);
 
 // src/entities/comments/Thread/ThreadPanel.module.css
 var ThreadPanel_module_default = {
@@ -442066,7 +442103,7 @@ var ThreadPanel_module_default = {
 };
 
 // src/entities/comments/Thread/message/Message.tsx
-var import_react387 = __toESM(require_react(), 1);
+var import_react388 = __toESM(require_react(), 1);
 
 // src/entities/comments/Thread/message/Message.module.css
 var Message_module_default = {
@@ -442083,7 +442120,7 @@ var Message_module_default = {
 };
 
 // src/features/UserPanel/Avatar/Avatar.tsx
-var import_react385 = __toESM(require_react(), 1);
+var import_react386 = __toESM(require_react(), 1);
 
 // src/features/UserPanel/Avatar/Avatar.module.css
 var Avatar_module_default = {
@@ -442099,15 +442136,15 @@ var Avatar2 = ({
   style: style3,
   classname
 }) => {
-  const [isAvatar, setIsAvatar] = import_react385.useState(!!avatar);
-  return /* @__PURE__ */ import_react385.default.createElement("div", {
+  const [isAvatar, setIsAvatar] = import_react386.useState(!!avatar);
+  return /* @__PURE__ */ import_react386.default.createElement("div", {
     className: clsx_default(Avatar_module_default.avatar, classname),
     style: { minWidth: width3, maxWidth: width3, height: height4, ...style3 }
-  }, isAvatar ? /* @__PURE__ */ import_react385.default.createElement("img", {
+  }, isAvatar ? /* @__PURE__ */ import_react386.default.createElement("img", {
     src: avatar,
     className: Avatar_module_default.noPointerEvents,
     onError: () => setIsAvatar(false)
-  }) : /* @__PURE__ */ import_react385.default.createElement(Icon, {
+  }) : /* @__PURE__ */ import_react386.default.createElement(Icon, {
     className: Avatar_module_default.noPointerEvents,
     iconName: "UserPic",
     width: 12,
@@ -442139,7 +442176,7 @@ function formatDate2(date) {
 }
 
 // src/entities/comments/CommentInput/CommentInput.tsx
-var import_react386 = __toESM(require_react(), 1);
+var import_react387 = __toESM(require_react(), 1);
 
 // src/entities/comments/CommentInput/CommentInput.module.css
 var CommentInput_module_default = {
@@ -442164,7 +442201,7 @@ var CommentInput = ({
   handleReject,
   onInput
 }) => {
-  const [showSeparator, setShowSeparator] = import_react386.useState(true);
+  const [showSeparator, setShowSeparator] = import_react387.useState(true);
   const { t: t11 } = useTranslation();
   const onKeyDown = (event) => {
     event.stopPropagation();
@@ -442191,9 +442228,9 @@ var CommentInput = ({
       setShowSeparator(true);
     }
   };
-  return /* @__PURE__ */ import_react386.default.createElement("div", {
+  return /* @__PURE__ */ import_react387.default.createElement("div", {
     className: CommentInput_module_default.wrapper
-  }, /* @__PURE__ */ import_react386.default.createElement(Input, {
+  }, /* @__PURE__ */ import_react387.default.createElement(Input, {
     maxLength: 560,
     id: `comment-message-input-${mode}`,
     placeholder: t11(`comment.${mode}`),
@@ -442207,38 +442244,38 @@ var CommentInput = ({
     onPaste: (event) => event.stopPropagation(),
     onCopy: (event) => event.stopPropagation(),
     onChange: handleChange,
-    postfixButton: (mode === "create" || mode === "reply") && /* @__PURE__ */ import_react386.default.createElement("div", {
+    postfixButton: (mode === "create" || mode === "reply") && /* @__PURE__ */ import_react387.default.createElement("div", {
       className: CommentInput_module_default.submitBtnWrapper
-    }, showSeparator && /* @__PURE__ */ import_react386.default.createElement(UiSeparator, {
+    }, showSeparator && /* @__PURE__ */ import_react387.default.createElement(UiSeparator, {
       vertical: true,
       className: CommentInput_module_default.submitBtnSeparator
-    }), /* @__PURE__ */ import_react386.default.createElement(UiButton, {
+    }), /* @__PURE__ */ import_react387.default.createElement(UiButton, {
       variant: "secondary",
       className: CommentInput_module_default.submitBtn,
       active: !!value2,
       disabled: !value2,
       onClick: handleSubmit,
       style: { backgroundColor: "transparent" }
-    }, /* @__PURE__ */ import_react386.default.createElement(Icon, {
+    }, /* @__PURE__ */ import_react387.default.createElement(Icon, {
       iconName: "Vector",
       width: 20,
       height: 20
     })))
-  }), mode === "edit" && /* @__PURE__ */ import_react386.default.createElement("div", {
+  }), mode === "edit" && /* @__PURE__ */ import_react387.default.createElement("div", {
     className: CommentInput_module_default.editModeButtons
-  }, /* @__PURE__ */ import_react386.default.createElement("div", null, /* @__PURE__ */ import_react386.default.createElement("button", {
+  }, /* @__PURE__ */ import_react387.default.createElement("div", null, /* @__PURE__ */ import_react387.default.createElement("button", {
     onClick: handleReject
-  }, t11("common.cancel")), /* @__PURE__ */ import_react386.default.createElement("button", {
+  }, t11("common.cancel")), /* @__PURE__ */ import_react387.default.createElement("button", {
     onClick: handleSubmit,
     className: CommentInput_module_default.saveBtn
-  }, t11("common.save"))), /* @__PURE__ */ import_react386.default.createElement("button", {
+  }, t11("common.save"))), /* @__PURE__ */ import_react387.default.createElement("button", {
     onClick: handleRemove,
     className: CommentInput_module_default.deleteBtn
   }, t11("comment.deleteMessage"))));
 };
 
 // src/entities/comments/Thread/message/Message.tsx
-var Message = import_react387.forwardRef(({
+var Message = import_react388.forwardRef(({
   text: text5,
   date,
   commentator,
@@ -442251,8 +442288,8 @@ var Message = import_react387.forwardRef(({
   isOptionsPanelActive,
   handleRemoveMessage
 }, ref4) => {
-  const [value2, setValue] = import_react387.useState(text5);
-  const [isOptionsBtnVisible, setIsOptionsBtnVisible] = import_react387.useState(false);
+  const [value2, setValue] = import_react388.useState(text5);
+  const [isOptionsBtnVisible, setIsOptionsBtnVisible] = import_react388.useState(false);
   const account = useAccount();
   const canEdit = account.info?.id === commentator.id;
   const handleEditClick = () => {
@@ -442268,42 +442305,42 @@ var Message = import_react387.forwardRef(({
       setTextUnderEditor(id3);
     }
   };
-  return /* @__PURE__ */ import_react387.default.createElement("div", {
+  return /* @__PURE__ */ import_react388.default.createElement("div", {
     className: clsx_default(Message_module_default.message, isShorted && Message_module_default.shortedMessage),
     ref: !canEdit ? ref4 : undefined,
     onMouseEnter: () => setIsOptionsBtnVisible(true),
     onMouseLeave: () => setIsOptionsBtnVisible(false)
-  }, /* @__PURE__ */ import_react387.default.createElement("div", {
+  }, /* @__PURE__ */ import_react388.default.createElement("div", {
     className: Message_module_default.header
-  }, /* @__PURE__ */ import_react387.default.createElement("div", {
+  }, /* @__PURE__ */ import_react388.default.createElement("div", {
     className: Message_module_default.headerInfo
-  }, !isShorted && /* @__PURE__ */ import_react387.default.createElement(import_react387.default.Fragment, null, /* @__PURE__ */ import_react387.default.createElement(Avatar2, {
+  }, !isShorted && /* @__PURE__ */ import_react388.default.createElement(import_react388.default.Fragment, null, /* @__PURE__ */ import_react388.default.createElement(Avatar2, {
     avatar: commentator.avatar,
     width: 32,
     height: 32
-  }), /* @__PURE__ */ import_react387.default.createElement("p", {
+  }), /* @__PURE__ */ import_react388.default.createElement("p", {
     className: Message_module_default.username
-  }, commentator.username)), /* @__PURE__ */ import_react387.default.createElement("p", {
+  }, commentator.username)), /* @__PURE__ */ import_react388.default.createElement("p", {
     className: clsx_default(Message_module_default.date, isShorted && (isOptionsBtnVisible || isOptionsPanelActive ? Message_module_default.visible : Message_module_default.invisible))
-  }, formatDate2(new Date(date)))), /* @__PURE__ */ import_react387.default.createElement("div", {
+  }, formatDate2(new Date(date)))), /* @__PURE__ */ import_react388.default.createElement("div", {
     className: Message_module_default.panelContainer
-  }, canEdit && /* @__PURE__ */ import_react387.default.createElement(UiButton, {
+  }, canEdit && /* @__PURE__ */ import_react388.default.createElement(UiButton, {
     ref: ref4,
     className: clsx_default(Message_module_default.dotsBtn, isOptionsBtnVisible || isOptionsPanelActive ? Message_module_default.visible : Message_module_default.invisible),
     variant: "secondary",
     onClick: handleOptionsClick
-  }, /* @__PURE__ */ import_react387.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react388.default.createElement(Icon, {
     iconName: "Dots",
     width: 16,
     height: 16
-  })))), isTextUnderEditor && canEdit ? /* @__PURE__ */ import_react387.default.createElement(CommentInput, {
+  })))), isTextUnderEditor && canEdit ? /* @__PURE__ */ import_react388.default.createElement(CommentInput, {
     mode: "edit",
     value: value2,
     setValue,
     handleSubmit: handleEditClick,
     handleRemove: handleRemoveMessage,
     handleReject
-  }) : /* @__PURE__ */ import_react387.default.createElement("p", {
+  }) : /* @__PURE__ */ import_react388.default.createElement("p", {
     onDoubleClick: setEditor,
     className: Message_module_default.text
   }, value2));
@@ -442311,7 +442348,7 @@ var Message = import_react387.forwardRef(({
 Message.displayName = "Message";
 
 // src/entities/comments/Thread/ExtraOptions/ExtraOptions.tsx
-var import_react388 = __toESM(require_react(), 1);
+var import_react389 = __toESM(require_react(), 1);
 
 // src/entities/comments/Thread/ExtraOptions/ExtraOptions.module.css
 var ExtraOptions_module_default = {
@@ -442326,8 +442363,8 @@ var ExtraOptions = ({
   comment: comment3,
   canEdit
 }) => {
-  const [isCursorOnButton, setIsCursorOnButton] = import_react388.useState(false);
-  const [isCursorOnMenu, setIsCursorOnMenu] = import_react388.useState(false);
+  const [isCursorOnButton, setIsCursorOnButton] = import_react389.useState(false);
+  const [isCursorOnMenu, setIsCursorOnMenu] = import_react389.useState(false);
   const { board } = useAppContext();
   const account = useAccount();
   const { t: t11 } = useTranslation();
@@ -442366,9 +442403,9 @@ var ExtraOptions = ({
       });
     }
   };
-  return /* @__PURE__ */ import_react388.default.createElement("div", {
+  return /* @__PURE__ */ import_react389.default.createElement("div", {
     className: ExtraOptions_module_default.container
-  }, /* @__PURE__ */ import_react388.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react389.default.createElement(UiButton, {
     size: "sm",
     variant: "secondary",
     onMouseEnter: () => setIsCursorOnButton(true),
@@ -442377,35 +442414,35 @@ var ExtraOptions = ({
       padding: 0,
       color: "#696B76"
     }
-  }, /* @__PURE__ */ import_react388.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react389.default.createElement(Icon, {
     iconName: "Dots",
     width: 24,
     height: 24
-  })), (isCursorOnButton || isCursorOnMenu) && /* @__PURE__ */ import_react388.default.createElement("div", {
+  })), (isCursorOnButton || isCursorOnMenu) && /* @__PURE__ */ import_react389.default.createElement("div", {
     className: ExtraOptions_module_default.panelContainer,
     onMouseEnter: () => setIsCursorOnMenu(true),
     onMouseLeave: () => handleMouseLeave("menu")
-  }, /* @__PURE__ */ import_react388.default.createElement(UiPanel, {
+  }, /* @__PURE__ */ import_react389.default.createElement(UiPanel, {
     className: ExtraOptions_module_default.panel,
     vertical: true
-  }, userId && !comment3.getIsThreadMarkedAsUnread(userId) && /* @__PURE__ */ import_react388.default.createElement("button", {
+  }, userId && !comment3.getIsThreadMarkedAsUnread(userId) && /* @__PURE__ */ import_react389.default.createElement("button", {
     className: ExtraOptions_module_default.btn,
     onClick: handleMarkAsUnread
-  }, /* @__PURE__ */ import_react388.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react389.default.createElement(Icon, {
     iconName: "MarkAsUnreadComment",
     width: 20,
     height: 20
-  }), t11("comment.markAsUnread")), /* @__PURE__ */ import_react388.default.createElement("button", {
+  }), t11("comment.markAsUnread")), /* @__PURE__ */ import_react389.default.createElement("button", {
     onClick: handleCopyLink,
     className: ExtraOptions_module_default.btn
-  }, /* @__PURE__ */ import_react388.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react389.default.createElement(Icon, {
     iconName: "CopyLink",
     width: 20,
     height: 20
-  }), t11("comment.copyLink")), canEdit && /* @__PURE__ */ import_react388.default.createElement("button", {
+  }), t11("comment.copyLink")), canEdit && /* @__PURE__ */ import_react389.default.createElement("button", {
     className: ExtraOptions_module_default.btn,
     onClick: handleRemove
-  }, /* @__PURE__ */ import_react388.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react389.default.createElement(Icon, {
     style: { color: "#696B76" },
     iconName: "Delete",
     width: 20,
@@ -442414,7 +442451,7 @@ var ExtraOptions = ({
 };
 
 // src/entities/comments/Thread/OptionsPanel/OptionsPanel.tsx
-var import_react389 = __toESM(require_react(), 1);
+var import_react390 = __toESM(require_react(), 1);
 
 // src/entities/comments/Thread/OptionsPanel/OptionsPanel.module.css
 var OptionsPanel_module_default = {
@@ -442423,24 +442460,24 @@ var OptionsPanel_module_default = {
 };
 
 // src/entities/comments/Thread/OptionsPanel/OptionsPanel.tsx
-var OptionsPanel = import_react389.forwardRef(({ canRemove, handleRemove, style: style3, setTextUnderEditor }, ref4) => {
+var OptionsPanel = import_react390.forwardRef(({ canRemove, handleRemove, style: style3, setTextUnderEditor }, ref4) => {
   const { t: t11 } = useTranslation();
-  return /* @__PURE__ */ import_react389.default.createElement(UiPanel, {
+  return /* @__PURE__ */ import_react390.default.createElement(UiPanel, {
     ref: ref4,
     className: OptionsPanel_module_default.panel,
     vertical: true,
     style: style3
-  }, canRemove && /* @__PURE__ */ import_react389.default.createElement("button", {
+  }, canRemove && /* @__PURE__ */ import_react390.default.createElement("button", {
     className: OptionsPanel_module_default.btn,
     onClick: handleRemove
-  }, t11("comment.deleteMessage")), /* @__PURE__ */ import_react389.default.createElement("button", {
+  }, t11("comment.deleteMessage")), /* @__PURE__ */ import_react390.default.createElement("button", {
     onClick: setTextUnderEditor,
     className: OptionsPanel_module_default.btn
   }, t11("comment.editMessage")));
 });
 
 // src/entities/comments/CommentsContext.tsx
-var import_react390 = __toESM(require_react(), 1);
+var import_react391 = __toESM(require_react(), 1);
 var CommentsContext = createStrictContext();
 function useCommentsContext() {
   return useStrictContext(CommentsContext);
@@ -442448,13 +442485,13 @@ function useCommentsContext() {
 var CommentsContextProvider = ({
   children
 }) => {
-  const [openedThreadId, setOpenedThreadId] = import_react390.useState(undefined);
-  const [showResolved, setShowResolved] = import_react390.useState(false);
-  const [showComments, setShowComments] = import_react390.useState(true);
-  const [enableClusters, setEnableClusters] = import_react390.useState(true);
-  const [targetMessageId, setTargetMessageId] = import_react390.useState(undefined);
-  const [movingComment, setMovingComment] = import_react390.useState(null);
-  return /* @__PURE__ */ import_react390.default.createElement(CommentsContext.Provider, {
+  const [openedThreadId, setOpenedThreadId] = import_react391.useState(undefined);
+  const [showResolved, setShowResolved] = import_react391.useState(false);
+  const [showComments, setShowComments] = import_react391.useState(true);
+  const [enableClusters, setEnableClusters] = import_react391.useState(true);
+  const [targetMessageId, setTargetMessageId] = import_react391.useState(undefined);
+  const [movingComment, setMovingComment] = import_react391.useState(null);
+  return /* @__PURE__ */ import_react391.default.createElement(CommentsContext.Provider, {
     value: {
       openedThreadId,
       setOpenedThreadId,
@@ -442473,7 +442510,7 @@ var CommentsContextProvider = ({
 };
 
 // src/entities/comments/hooks/useIntersectionObserver.ts
-var import_react391 = __toESM(require_react(), 1);
+var import_react392 = __toESM(require_react(), 1);
 var useIntersectionObserver = ({
   comment: comment3,
   refs,
@@ -442481,7 +442518,7 @@ var useIntersectionObserver = ({
   deps = [],
   disabled = false
 }) => {
-  import_react391.useEffect(() => {
+  import_react392.useEffect(() => {
     const unreadMessages = comment3.getUnreadMessages(userId);
     const observer = new IntersectionObserver((entries2) => {
       for (const entry of entries2) {
@@ -442511,13 +442548,13 @@ var useIntersectionObserver = ({
 };
 
 // src/entities/comments/hooks/useScrollToUnreadMessage.ts
-var import_react392 = __toESM(require_react(), 1);
+var import_react393 = __toESM(require_react(), 1);
 var useScrollToUnreadMessage = ({
   unreadMessages,
   refs,
   deps = []
 }) => {
-  import_react392.useEffect(() => {
+  import_react393.useEffect(() => {
     if (unreadMessages && unreadMessages.length) {
       const unreadMessageElement = refs.current[unreadMessages[0].id];
       if (!unreadMessageElement) {
@@ -442529,13 +442566,13 @@ var useScrollToUnreadMessage = ({
 };
 
 // src/entities/comments/Thread/ThreadPanel.tsx
-var ThreadPanel = import_react393.forwardRef(({ comment: comment3, mbr }, ref4) => {
-  const [value2, setValue] = import_react393.useState("");
+var ThreadPanel = import_react394.forwardRef(({ comment: comment3, mbr }, ref4) => {
+  const [value2, setValue] = import_react394.useState("");
   const { board } = useAppContext();
-  const [messageOptionsData, setMessageOptionsData] = import_react393.useState(null);
-  const refs = import_react393.useRef({});
-  const messageOptionsRef = import_react393.useRef(null);
-  const [textUnderEditorId, setTextUnderEditorId] = import_react393.useState(undefined);
+  const [messageOptionsData, setMessageOptionsData] = import_react394.useState(null);
+  const refs = import_react394.useRef({});
+  const messageOptionsRef = import_react394.useRef(null);
+  const [textUnderEditorId, setTextUnderEditorId] = import_react394.useState(undefined);
   const {
     setOpenedThreadId,
     setTargetMessageId,
@@ -442543,7 +442580,7 @@ var ThreadPanel = import_react393.forwardRef(({ comment: comment3, mbr }, ref4)
     openedThreadId
   } = useCommentsContext();
   const account = useAccount();
-  const openedThreadIdRef = import_react393.useRef(openedThreadId);
+  const openedThreadIdRef = import_react394.useRef(openedThreadId);
   openedThreadIdRef.current = openedThreadId;
   const threadRef = useClickOutside(() => setOpenedThreadId(undefined), [messageOptionsRef], true);
   const { t: t11 } = useTranslation();
@@ -442590,7 +442627,7 @@ var ThreadPanel = import_react393.forwardRef(({ comment: comment3, mbr }, ref4)
       top: top2 - mbr.top + 26
     });
   };
-  import_react393.useEffect(() => {
+  import_react394.useEffect(() => {
     if (userId && comment3.getIsThreadMarkedAsUnread(userId)) {
       comment3.markThreadAsRead(userId);
     }
@@ -442619,29 +442656,29 @@ var ThreadPanel = import_react393.forwardRef(({ comment: comment3, mbr }, ref4)
   };
   const thread = comment3.getThread();
   const canEditThread = account.permissions.checkPermissions("owns", "boards", board.getBoardId()) || userId === comment3.getCommentators()[0].id;
-  return /* @__PURE__ */ import_react393.default.createElement("div", {
+  return /* @__PURE__ */ import_react394.default.createElement("div", {
     ref: threadRef
-  }, /* @__PURE__ */ import_react393.default.createElement(UiPanel, {
+  }, /* @__PURE__ */ import_react394.default.createElement(UiPanel, {
     className: ThreadPanel_module_default.panel,
     ref: ref4,
     zIndex: 2
-  }, /* @__PURE__ */ import_react393.default.createElement("div", {
+  }, /* @__PURE__ */ import_react394.default.createElement("div", {
     className: clsx_default(ThreadPanel_module_default.header, !canEditThread && ThreadPanel_module_default.noPermission)
-  }, canEditThread && /* @__PURE__ */ import_react393.default.createElement(UiButton, {
+  }, canEditThread && /* @__PURE__ */ import_react394.default.createElement(UiButton, {
     className: ThreadPanel_module_default.threadBtn,
     variant: "quaternary",
     onClick: toggleResolved,
     size: "sm"
-  }, !comment3.getResolved() && /* @__PURE__ */ import_react393.default.createElement(Icon, {
+  }, !comment3.getResolved() && /* @__PURE__ */ import_react394.default.createElement(Icon, {
     iconName: "checkMark",
     width: 20,
     height: 20
-  }), comment3.getResolved() ? t11("comment.openThread") : t11("comment.closeThread")), /* @__PURE__ */ import_react393.default.createElement("div", {
+  }), comment3.getResolved() ? t11("comment.openThread") : t11("comment.closeThread")), /* @__PURE__ */ import_react394.default.createElement("div", {
     className: ThreadPanel_module_default.headerOptions
-  }, /* @__PURE__ */ import_react393.default.createElement(ExtraOptions, {
+  }, /* @__PURE__ */ import_react394.default.createElement(ExtraOptions, {
     comment: comment3,
     canEdit: canEditThread
-  }), /* @__PURE__ */ import_react393.default.createElement(UiButton, {
+  }), /* @__PURE__ */ import_react394.default.createElement(UiButton, {
     size: "sm",
     variant: "secondary",
     onClick: handleClose,
@@ -442649,17 +442686,17 @@ var ThreadPanel = import_react393.forwardRef(({ comment: comment3, mbr }, ref4)
       padding: 0,
       color: "#696B76"
     }
-  }, /* @__PURE__ */ import_react393.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react394.default.createElement(Icon, {
     iconName: "modalCross",
     width: 16,
     height: 16
-  })))), /* @__PURE__ */ import_react393.default.createElement(UiSeparator, null), /* @__PURE__ */ import_react393.default.createElement("div", {
+  })))), /* @__PURE__ */ import_react394.default.createElement(UiSeparator, null), /* @__PURE__ */ import_react394.default.createElement("div", {
     className: clsx_default(ThreadPanel_module_default.messages, ThreadPanel_module_default.scrollContainer)
   }, thread.map((mes, index4) => {
     if (!mes || !mes.id) {
       return null;
     }
-    return /* @__PURE__ */ import_react393.default.createElement(Message, {
+    return /* @__PURE__ */ import_react394.default.createElement(Message, {
       ref: setRef2(mes.id),
       key: mes.id,
       text: mes.text,
@@ -442674,21 +442711,21 @@ var ThreadPanel = import_react393.forwardRef(({ comment: comment3, mbr }, ref4)
       isShorted: thread[index4 - 1] && thread[index4 - 1].commentator.username === mes.commentator.username,
       isOptionsPanelActive: Boolean(messageOptionsData && messageOptionsData.messageId === mes.id)
     });
-  })), (userId || userId === 0) && accountInfo?.name && /* @__PURE__ */ import_react393.default.createElement(import_react393.default.Fragment, null, /* @__PURE__ */ import_react393.default.createElement(UiSeparator, null), /* @__PURE__ */ import_react393.default.createElement("div", {
+  })), (userId || userId === 0) && accountInfo?.name && /* @__PURE__ */ import_react394.default.createElement(import_react394.default.Fragment, null, /* @__PURE__ */ import_react394.default.createElement(UiSeparator, null), /* @__PURE__ */ import_react394.default.createElement("div", {
     className: ThreadPanel_module_default.scrollContainer
-  }, /* @__PURE__ */ import_react393.default.createElement("div", {
+  }, /* @__PURE__ */ import_react394.default.createElement("div", {
     className: ThreadPanel_module_default.createMessage
-  }, /* @__PURE__ */ import_react393.default.createElement(Avatar2, {
+  }, /* @__PURE__ */ import_react394.default.createElement(Avatar2, {
     avatar: accountInfo?.avatar,
     width: 20,
     height: 20
-  }), /* @__PURE__ */ import_react393.default.createElement(CommentInput, {
+  }), /* @__PURE__ */ import_react394.default.createElement(CommentInput, {
     mode: "reply",
     value: value2,
     setValue,
     handleSubmit: handleCreateMessage,
     onInput: () => comment3.subject.publish(comment3)
-  })))), messageOptionsData && /* @__PURE__ */ import_react393.default.createElement(OptionsPanel, {
+  })))), messageOptionsData && /* @__PURE__ */ import_react394.default.createElement(OptionsPanel, {
     ref: messageOptionsRef,
     setTextUnderEditor: handleSetEditor,
     canRemove,
@@ -442703,7 +442740,7 @@ var ThreadPanel = import_react393.forwardRef(({ comment: comment3, mbr }, ref4)
 ThreadPanel.displayName = "ThreadPanel";
 
 // src/entities/comments/CommentContainer/CommentPreview/CommentPreview.tsx
-var import_react394 = __toESM(require_react(), 1);
+var import_react395 = __toESM(require_react(), 1);
 
 // src/entities/comments/CommentContainer/CommentPreview/CommentPreview.module.css
 var CommentPreview_module_default = {
@@ -442729,40 +442766,40 @@ var CommentPreview = ({
   isOpen
 }) => {
   const { t: t11 } = useTranslation();
-  return /* @__PURE__ */ import_react394.default.createElement("div", {
+  return /* @__PURE__ */ import_react395.default.createElement("div", {
     onClick: handleClick,
     className: CommentPreview_module_default.preview,
     style: isOpen ? undefined : { display: "none" }
-  }, /* @__PURE__ */ import_react394.default.createElement("div", {
+  }, /* @__PURE__ */ import_react395.default.createElement("div", {
     className: clsx_default(commentators.length > 1 ? CommentPreview_module_default.wrap : CommentPreview_module_default.noWrap)
-  }, commentators.length === 1 ? /* @__PURE__ */ import_react394.default.createElement(Avatar2, {
+  }, commentators.length === 1 ? /* @__PURE__ */ import_react395.default.createElement(Avatar2, {
     key: commentators[0].username,
     avatar: commentators[0].avatar,
     width: 32,
     height: 32
-  }) : /* @__PURE__ */ import_react394.default.createElement("div", {
+  }) : /* @__PURE__ */ import_react395.default.createElement("div", {
     className: CommentPreview_module_default.avatarsMap
   }, commentators.slice(0, 5).map((commentator) => {
-    return /* @__PURE__ */ import_react394.default.createElement(Avatar2, {
+    return /* @__PURE__ */ import_react395.default.createElement(Avatar2, {
       key: commentator.id,
       avatar: commentator.avatar,
       width: 32,
       height: 32
     });
-  })), /* @__PURE__ */ import_react394.default.createElement("div", null, /* @__PURE__ */ import_react394.default.createElement("div", {
+  })), /* @__PURE__ */ import_react395.default.createElement("div", null, /* @__PURE__ */ import_react395.default.createElement("div", {
     className: clsx_default(CommentPreview_module_default.noWrap, CommentPreview_module_default.spaceBetween, CommentPreview_module_default.infoContainer)
-  }, /* @__PURE__ */ import_react394.default.createElement("p", {
+  }, /* @__PURE__ */ import_react395.default.createElement("p", {
     className: CommentPreview_module_default.username
-  }, commentators[0].username), /* @__PURE__ */ import_react394.default.createElement("p", {
+  }, commentators[0].username), /* @__PURE__ */ import_react395.default.createElement("p", {
     className: CommentPreview_module_default.smallText
-  }, formatDate2(new Date(firstMessage.date)))), /* @__PURE__ */ import_react394.default.createElement("p", {
+  }, formatDate2(new Date(firstMessage.date)))), /* @__PURE__ */ import_react395.default.createElement("p", {
     className: CommentPreview_module_default.message
-  }, firstMessage.text))), /* @__PURE__ */ import_react394.default.createElement(Icon, {
+  }, firstMessage.text))), /* @__PURE__ */ import_react395.default.createElement(Icon, {
     width: 18,
     height: 8,
     iconName: "CommentTippy",
     className: CommentPreview_module_default.commentTippy
-  }), !!messagesCount && /* @__PURE__ */ import_react394.default.createElement("p", {
+  }), !!messagesCount && /* @__PURE__ */ import_react395.default.createElement("p", {
     className: clsx_default(CommentPreview_module_default.smallText, CommentPreview_module_default.fullWidth)
   }, messagesCount, " ", t11(`comment.answer.${getCorrectEnding(messagesCount)}`)));
 };
@@ -442772,17 +442809,17 @@ var AVATARS_OFFSET = 18;
 var CLICK_THRESHOLD = 10;
 var DRAG_THRESHOLD_PX = 8;
 var CommentContainer = ({ comment: comment3 }) => {
-  const commentContainerRef = import_react395.useRef(null);
-  const threadPanelRef = import_react395.useRef(null);
-  const commentRef = import_react395.useRef(null);
-  const [isPreviewOpen, setIsPreviewOpen] = import_react395.useState(false);
-  const initialCommentPosition = import_react395.useRef(comment3.getAnchorPoint());
+  const commentContainerRef = import_react396.useRef(null);
+  const threadPanelRef = import_react396.useRef(null);
+  const commentRef = import_react396.useRef(null);
+  const [isPreviewOpen, setIsPreviewOpen] = import_react396.useState(false);
+  const initialCommentPosition = import_react396.useRef(comment3.getAnchorPoint());
   const { app, board } = useAppContext();
   const { openedThreadId, setOpenedThreadId, setMovingComment, movingComment } = useCommentsContext();
-  const movingCommentRef = import_react395.useRef(movingComment);
-  const lastTouchStartRef = import_react395.useRef(0);
-  const touchStartScreenPosRef = import_react395.useRef(null);
-  const isDraggingRef = import_react395.useRef(false);
+  const movingCommentRef = import_react396.useRef(movingComment);
+  const lastTouchStartRef = import_react396.useRef(0);
+  const touchStartScreenPosRef = import_react396.useRef(null);
+  const isDraggingRef = import_react396.useRef(false);
   const isThreadOpen = openedThreadId === comment3.getId();
   const account = useAccount();
   const mbr = useDomMbr({
@@ -442811,7 +442848,7 @@ var CommentContainer = ({ comment: comment3 }) => {
   });
   const commentators = comment3.getCommentators();
   const width3 = 36 + AVATARS_OFFSET * (commentators.length > 3 ? 2 : commentators.length - 1);
-  import_react395.useEffect(() => {
+  import_react396.useEffect(() => {
     const el2 = commentRef.current;
     if (!el2)
       return;
@@ -442900,7 +442937,7 @@ var CommentContainer = ({ comment: comment3 }) => {
   const zIndex2 = isThreadOpen ? 101 : isPreviewOpen ? 2 : 1;
   const isMobile2 = window.innerWidth <= 640;
   const threadStyle = isThreadOpen && isMobile2 ? { left: "50%", top: "50%", transform: "translate(-50%, -50%)" } : { left: mbr.left, top: mbr.top, transform: undefined };
-  return /* @__PURE__ */ import_react395.default.createElement("div", {
+  return /* @__PURE__ */ import_react396.default.createElement("div", {
     ref: commentContainerRef,
     style: {
       width: "fit-content",
@@ -442911,11 +442948,11 @@ var CommentContainer = ({ comment: comment3 }) => {
       pointerEvents: movingComment ? "none" : "auto"
     },
     id: `comment-${comment3.getId()}`
-  }, isThreadOpen ? /* @__PURE__ */ import_react395.default.createElement(ThreadPanel, {
+  }, isThreadOpen ? /* @__PURE__ */ import_react396.default.createElement(ThreadPanel, {
     comment: comment3,
     ref: threadPanelRef,
     mbr
-  }) : /* @__PURE__ */ import_react395.default.createElement("div", {
+  }) : /* @__PURE__ */ import_react396.default.createElement("div", {
     ref: commentRef,
     onMouseEnter: openPreview,
     onMouseLeave: closePreview,
@@ -442923,13 +442960,13 @@ var CommentContainer = ({ comment: comment3 }) => {
     onTouchStart: handleMouseDown,
     onTouchEnd: handleMouseUp,
     onMouseUp: handleMouseUp
-  }, /* @__PURE__ */ import_react395.default.createElement("div", {
+  }, /* @__PURE__ */ import_react396.default.createElement("div", {
     className: clsx_default(CommentContainer_module_default.comment, isUnread && CommentContainer_module_default.unread),
     style: {
       width: width3
     }
   }, !comment3.getResolved() ? commentators.slice(0, 3).map((commentator, index4) => {
-    return /* @__PURE__ */ import_react395.default.createElement(Avatar2, {
+    return /* @__PURE__ */ import_react396.default.createElement(Avatar2, {
       avatar: commentator.avatar,
       key: index4,
       style: {
@@ -442938,21 +442975,21 @@ var CommentContainer = ({ comment: comment3 }) => {
         marginLeft: index4 > 0 ? "-6px" : 0
       }
     });
-  }) : /* @__PURE__ */ import_react395.default.createElement(Icon, {
+  }) : /* @__PURE__ */ import_react396.default.createElement(Icon, {
     iconName: "checkMark",
     width: 20,
     height: 20
-  }), /* @__PURE__ */ import_react395.default.createElement(CommentPreview, {
+  }), /* @__PURE__ */ import_react396.default.createElement(CommentPreview, {
     isOpen: isPreviewOpen,
     handleClick: () => setOpenedThreadId(comment3.getId()),
     commentators,
     firstMessage: comment3.getThread()[0],
     messagesCount: comment3.getThread().length - 1
-  }), isUnread && /* @__PURE__ */ import_react395.default.createElement("div", {
+  }), isUnread && /* @__PURE__ */ import_react396.default.createElement("div", {
     className: CommentContainer_module_default.badge
-  }, userId && comment3.getIsThreadMarkedAsUnread(userId) ? /* @__PURE__ */ import_react395.default.createElement("div", {
+  }, userId && comment3.getIsThreadMarkedAsUnread(userId) ? /* @__PURE__ */ import_react396.default.createElement("div", {
     className: CommentContainer_module_default.badgeDot
-  }) : unreadMessages?.length), /* @__PURE__ */ import_react395.default.createElement(Icon, {
+  }) : unreadMessages?.length), /* @__PURE__ */ import_react396.default.createElement(Icon, {
     width: 18,
     height: 8,
     iconName: "CommentTippy",
@@ -442961,7 +442998,7 @@ var CommentContainer = ({ comment: comment3 }) => {
 };
 
 // src/entities/comments/CreateComment/CreateComment.tsx
-var import_react396 = __toESM(require_react(), 1);
+var import_react397 = __toESM(require_react(), 1);
 
 // src/entities/comments/CreateComment/CreateComment.module.css
 var CreateComment_module_default = {
@@ -442974,8 +443011,8 @@ var CreateComment = ({
   comment: comment3,
   className
 }) => {
-  const formRef = import_react396.useRef(null);
-  const [value2, setValue] = import_react396.useState("");
+  const formRef = import_react397.useRef(null);
+  const [value2, setValue] = import_react397.useState("");
   const { app, board } = useAppContext();
   const account = useAccount();
   const mbr = useDomMbr({
@@ -442996,7 +443033,7 @@ var CreateComment = ({
   const handleReject = () => {
     return board.tools.addComment(true);
   };
-  return /* @__PURE__ */ import_react396.default.createElement("div", {
+  return /* @__PURE__ */ import_react397.default.createElement("div", {
     ref: formRef,
     className: clsx_default(CreateComment_module_default.form, className),
     style: {
@@ -443005,7 +443042,7 @@ var CreateComment = ({
       top: mbr.top,
       zIndex: "4"
     }
-  }, /* @__PURE__ */ import_react396.default.createElement(CommentInput, {
+  }, /* @__PURE__ */ import_react397.default.createElement(CommentInput, {
     mode: "create",
     value: value2,
     handleReject,
@@ -443020,7 +443057,7 @@ var CommentsProvider_module_default = {
 };
 
 // src/entities/comments/Cluster/Cluster.tsx
-var import_react397 = __toESM(require_react(), 1);
+var import_react398 = __toESM(require_react(), 1);
 
 // src/entities/comments/Cluster/Cluster.module.css
 var Cluster_module_default = {
@@ -443031,7 +443068,7 @@ var Cluster_module_default = {
 
 // src/entities/comments/Cluster/Cluster.tsx
 var Cluster = ({ comments }) => {
-  const clusterRef = import_react397.useRef(null);
+  const clusterRef = import_react398.useRef(null);
   const { board, app } = useAppContext();
   const account = useAccount();
   const mbr = useDomMbr({
@@ -443042,7 +443079,7 @@ var Cluster = ({ comments }) => {
     subjects: ["camera", "selectionItem"],
     fit: "comment"
   });
-  import_react397.useEffect(() => {
+  import_react398.useEffect(() => {
     if (clusterRef.current) {
       clusterRef.current.addEventListener("wheel", app.controller.onWheel, {
         capture: true,
@@ -443079,7 +443116,7 @@ var Cluster = ({ comments }) => {
     board.camera.zoomToFit(mbrToFit);
   };
   const hasUnreadMessages = comments.some((comment3) => comment3.getUnreadMessages(account.info?.id));
-  return /* @__PURE__ */ import_react397.default.createElement("div", {
+  return /* @__PURE__ */ import_react398.default.createElement("div", {
     ref: clusterRef,
     onClick: handleClick,
     className: clsx_default(Cluster_module_default.cluster, hasUnreadMessages && Cluster_module_default.unread),
@@ -443087,7 +443124,7 @@ var Cluster = ({ comments }) => {
       left: mbr.left,
       top: mbr.top
     }
-  }, /* @__PURE__ */ import_react397.default.createElement("p", null, comments.length), /* @__PURE__ */ import_react397.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react398.default.createElement("p", null, comments.length), /* @__PURE__ */ import_react398.default.createElement(Icon, {
     width: 18,
     height: 8,
     iconName: "CommentTippy",
@@ -443096,7 +443133,7 @@ var Cluster = ({ comments }) => {
 };
 
 // src/entities/comments/hooks/useCommentsMerge.ts
-var import_react398 = __toESM(require_react(), 1);
+var import_react399 = __toESM(require_react(), 1);
 var TRESHOLD = 56;
 var mergeComments = (comments, threshold, scale, existingClusters) => {
   const clusters = [];
@@ -443143,8 +443180,8 @@ var mergeComments = (comments, threshold, scale, existingClusters) => {
   return { clusters, singleComments };
 };
 var useCommentsMerge = (comments, cameraScale) => {
-  const prevScale = import_react398.useRef(cameraScale);
-  const existingClusters = import_react398.useRef([]);
+  const prevScale = import_react399.useRef(cameraScale);
+  const existingClusters = import_react399.useRef([]);
   const { clusters, singleComments } = mergeComments(comments, TRESHOLD / cameraScale, cameraScale, prevScale.current > cameraScale ? existingClusters.current : undefined);
   existingClusters.current = clusters;
   prevScale.current = cameraScale;
@@ -443174,27 +443211,27 @@ var CommentsProvider = () => {
   });
   const { clusters, singleComments } = useCommentsMerge(comments.filter((comment3) => comment3 !== movingComment && !comment3.transformationRenderBlock), board.camera.getScale());
   if (!showComments) {
-    return /* @__PURE__ */ import_react399.default.createElement(import_react399.default.Fragment, null);
+    return /* @__PURE__ */ import_react400.default.createElement(import_react400.default.Fragment, null);
   }
   const commentsToShow = enableClusters ? singleComments : comments;
   if (movingComment) {
     commentsToShow.push(movingComment);
   }
-  return /* @__PURE__ */ import_react399.default.createElement(import_react399.default.Fragment, null, commentsToShow.map((comment3) => {
-    return /* @__PURE__ */ import_react399.default.createElement(CommentContainer, {
+  return /* @__PURE__ */ import_react400.default.createElement(import_react400.default.Fragment, null, commentsToShow.map((comment3) => {
+    return /* @__PURE__ */ import_react400.default.createElement(CommentContainer, {
       comment: comment3,
       key: comment3.getId()
     });
-  }), showCreateComment && commentToAdd && /* @__PURE__ */ import_react399.default.createElement(CreateComment, {
+  }), showCreateComment && commentToAdd && /* @__PURE__ */ import_react400.default.createElement(CreateComment, {
     className: CommentsProvider_module_default.createComment,
     comment: commentToAdd
-  }), enableClusters && clusters.map((cluster) => /* @__PURE__ */ import_react399.default.createElement(Cluster, {
+  }), enableClusters && clusters.map((cluster) => /* @__PURE__ */ import_react400.default.createElement(Cluster, {
     key: cluster[0].getId(),
     comments: cluster
   })));
 };
 // src/shared/ui-lib/ToggleMark/ToggleMark.tsx
-var import_react400 = __toESM(require_react(), 1);
+var import_react401 = __toESM(require_react(), 1);
 
 // src/shared/ui-lib/ToggleMark/ToggleMark.module.css
 var ToggleMark_module_default = {
@@ -443204,13 +443241,13 @@ var ToggleMark_module_default = {
 
 // src/shared/ui-lib/ToggleMark/ToggleMark.tsx
 var ToggleMark = ({ isActive }) => {
-  return /* @__PURE__ */ import_react400.default.createElement("div", {
+  return /* @__PURE__ */ import_react401.default.createElement("div", {
     className: clsx_default(ToggleMark_module_default.toggle, isActive && ToggleMark_module_default.active)
-  }, /* @__PURE__ */ import_react400.default.createElement("span", null));
+  }, /* @__PURE__ */ import_react401.default.createElement("span", null));
 };
 
 // src/entities/comments/CommentsPanel/CommentCard/CommentCard.tsx
-var import_react402 = __toESM(require_react(), 1);
+var import_react403 = __toESM(require_react(), 1);
 
 // src/entities/comments/CommentsPanel/CommentCard/CommentCard.module.css
 var CommentCard_module_default = {
@@ -443222,7 +443259,7 @@ var CommentCard_module_default = {
 };
 
 // src/entities/comments/CommentsPanel/CommentCard/Message/Message.tsx
-var import_react401 = __toESM(require_react(), 1);
+var import_react402 = __toESM(require_react(), 1);
 
 // src/entities/comments/CommentsPanel/CommentCard/Message/Message.module.css
 var Message_module_default2 = {
@@ -443239,7 +443276,7 @@ var Message_module_default2 = {
 };
 
 // src/entities/comments/CommentsPanel/CommentCard/Message/Message.tsx
-var Message2 = import_react401.forwardRef(({ message, handleClick, clipText = false, isFirstMessage, isUnread }, ref4) => {
+var Message2 = import_react402.forwardRef(({ message, handleClick, clipText = false, isFirstMessage, isUnread }, ref4) => {
   const { setTargetMessageId } = useCommentsContext();
   const commentator = message.commentator;
   const onClick = () => {
@@ -443248,23 +443285,23 @@ var Message2 = import_react401.forwardRef(({ message, handleClick, clipText = fa
       setTargetMessageId(message.id);
     }
   };
-  return /* @__PURE__ */ import_react401.default.createElement("div", {
+  return /* @__PURE__ */ import_react402.default.createElement("div", {
     onClick,
     ref: ref4,
     className: clsx_default(isFirstMessage ? Message_module_default2.firstMessage : Message_module_default2.message, isUnread && Message_module_default2.unread)
-  }, /* @__PURE__ */ import_react401.default.createElement(Avatar2, {
+  }, /* @__PURE__ */ import_react402.default.createElement(Avatar2, {
     avatar: commentator.avatar,
     width: 32,
     height: 32
-  }), /* @__PURE__ */ import_react401.default.createElement("div", {
+  }), /* @__PURE__ */ import_react402.default.createElement("div", {
     className: Message_module_default2.fullWidth
-  }, /* @__PURE__ */ import_react401.default.createElement("div", {
+  }, /* @__PURE__ */ import_react402.default.createElement("div", {
     className: Message_module_default2.messageInfo
-  }, /* @__PURE__ */ import_react401.default.createElement("p", {
+  }, /* @__PURE__ */ import_react402.default.createElement("p", {
     className: Message_module_default2.username
-  }, commentator.username), /* @__PURE__ */ import_react401.default.createElement("p", {
+  }, commentator.username), /* @__PURE__ */ import_react402.default.createElement("p", {
     className: clsx_default(Message_module_default2.smallText, Message_module_default2.date)
-  }, formatDate2(new Date(message.date)))), /* @__PURE__ */ import_react401.default.createElement("p", {
+  }, formatDate2(new Date(message.date)))), /* @__PURE__ */ import_react402.default.createElement("p", {
     className: clsx_default(Message_module_default2.smallText, clipText && Message_module_default2.clipText)
   }, message.text)));
 });
@@ -443272,8 +443309,8 @@ Message2.displayName = "Message";
 
 // src/entities/comments/CommentsPanel/CommentCard/CommentCard.tsx
 var CommentCard = ({ comment: comment3 }) => {
-  const [showMoreComments, setShowMoreComments] = import_react402.useState(false);
-  const refs = import_react402.useRef({});
+  const [showMoreComments, setShowMoreComments] = import_react403.useState(false);
+  const refs = import_react403.useRef({});
   const { board } = useAppContext();
   const account = useAccount();
   const { t: t11 } = useTranslation();
@@ -443320,25 +443357,25 @@ var CommentCard = ({ comment: comment3 }) => {
     showMoreText = `${t11("comment.panel.card.showMore", { count: messages.length - 1 })} 
         ${t11(`comment.panel.card.comments.${getCorrectEnding(messages.length - 1)}`)}`;
   }
-  return /* @__PURE__ */ import_react402.default.createElement("div", {
+  return /* @__PURE__ */ import_react403.default.createElement("div", {
     className: CommentCard_module_default.card,
     onClick: handleCardClick
-  }, /* @__PURE__ */ import_react402.default.createElement("div", {
+  }, /* @__PURE__ */ import_react403.default.createElement("div", {
     className: clsx_default(CommentCard_module_default.firstMessage, !!unreadMessages && !!unreadMessages.find((message) => message.id === messages[0].id) && CommentCard_module_default.unread)
-  }, /* @__PURE__ */ import_react402.default.createElement(Message2, {
+  }, /* @__PURE__ */ import_react403.default.createElement(Message2, {
     isUnread: false,
     isFirstMessage: true,
     ref: setRef2(messages[0].id),
     message: messages[0],
     clipText: !showMoreComments && messages.length > 1
-  }), messages.length > 1 && /* @__PURE__ */ import_react402.default.createElement("button", {
+  }), messages.length > 1 && /* @__PURE__ */ import_react403.default.createElement("button", {
     className: clsx_default(CommentCard_module_default.btn, unreadMessages && CommentCard_module_default.highlighted),
     onClick: handleShowBtnClick
   }, !showMoreComments ? showMoreText : t11("comment.panel.card.hideComments"))), showMoreComments && messages.length && messages.slice(1).map((mes) => {
     if (!mes || !mes.id) {
       return null;
     }
-    return /* @__PURE__ */ import_react402.default.createElement(Message2, {
+    return /* @__PURE__ */ import_react403.default.createElement(Message2, {
       isUnread: !!unreadMessages && !!unreadMessages.length && !!unreadMessages.find((message) => message.id === mes.id),
       handleClick: handleMessageClick,
       ref: setRef2(mes.id),
@@ -443350,9 +443387,9 @@ var CommentCard = ({ comment: comment3 }) => {
 
 // src/entities/comments/CommentsPanel/CommentsPanel.tsx
 var CommentsPanel = () => {
-  const [isOptionsPanelOpen, setIsOptionsPanelOpen] = import_react403.useState(false);
-  const [isFiltersPanelOpen, setIsFiltersPanelOpen] = import_react403.useState(false);
-  const [showCommentsFilter, setShowCommentsFilter] = import_react403.useState("all");
+  const [isOptionsPanelOpen, setIsOptionsPanelOpen] = import_react404.useState(false);
+  const [isFiltersPanelOpen, setIsFiltersPanelOpen] = import_react404.useState(false);
+  const [showCommentsFilter, setShowCommentsFilter] = import_react404.useState("all");
   const { t: t11 } = useTranslation();
   const {
     showResolved,
@@ -443365,8 +443402,8 @@ var CommentsPanel = () => {
   const { setIsPanelOpen, isPanelOpen } = useCommentsPanelContext();
   const { board } = useAppContext();
   const forceUpdate = useForceUpdate();
-  const optionsPanelRef = import_react403.useRef(null);
-  const filtersPanelRef = import_react403.useRef(null);
+  const optionsPanelRef = import_react404.useRef(null);
+  const filtersPanelRef = import_react404.useRef(null);
   const account = useAccount();
   useAppSubscription({
     subjects: ["items"],
@@ -443432,98 +443469,98 @@ var CommentsPanel = () => {
   if (board.getBoardId() === "blank") {
     return null;
   }
-  return /* @__PURE__ */ import_react403.default.createElement(UiPanel, {
+  return /* @__PURE__ */ import_react404.default.createElement(UiPanel, {
     style: isPanelOpen ? { padding: "0 4px" } : { padding: "0" },
     className: clsx_default(CommentsPanel_module_default.panel, isPanelOpen && CommentsPanel_module_default.open),
     vertical: true,
     zIndex: 5
-  }, /* @__PURE__ */ import_react403.default.createElement("div", {
+  }, /* @__PURE__ */ import_react404.default.createElement("div", {
     className: CommentsPanel_module_default.header
-  }, /* @__PURE__ */ import_react403.default.createElement("h3", {
+  }, /* @__PURE__ */ import_react404.default.createElement("h3", {
     className: CommentsPanel_module_default.title
-  }, t11("comment.panel.title")), /* @__PURE__ */ import_react403.default.createElement(UiButton, {
+  }, t11("comment.panel.title")), /* @__PURE__ */ import_react404.default.createElement(UiButton, {
     onClick: () => setIsPanelOpen(false),
     variant: "secondary",
     className: CommentsPanel_module_default.close
-  }, /* @__PURE__ */ import_react403.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react404.default.createElement(Icon, {
     iconName: "modalCross",
     width: 12,
     height: 12
-  }))), /* @__PURE__ */ import_react403.default.createElement("div", {
+  }))), /* @__PURE__ */ import_react404.default.createElement("div", {
     className: CommentsPanel_module_default.controls
-  }, /* @__PURE__ */ import_react403.default.createElement(ButtonWithMenu3, {
+  }, /* @__PURE__ */ import_react404.default.createElement(ButtonWithMenu3, {
     ref: filtersPanelRef,
-    button: /* @__PURE__ */ import_react403.default.createElement("button", {
+    button: /* @__PURE__ */ import_react404.default.createElement("button", {
       id: "comments-filters",
       onClick: handleFiltersBtnClick,
       className: clsx_default(CommentsPanel_module_default.btn, CommentsPanel_module_default.filtersBtn)
-    }, t11(`comment.panel.showComments.${showCommentsFilter}`), /* @__PURE__ */ import_react403.default.createElement(Icon, {
+    }, t11(`comment.panel.showComments.${showCommentsFilter}`), /* @__PURE__ */ import_react404.default.createElement(Icon, {
       iconName: isFiltersPanelOpen ? "StrokeChevronUp" : "StrokeChevronDown",
       width: 14,
       height: 14
     })),
     isOpen: isFiltersPanelOpen
-  }, /* @__PURE__ */ import_react403.default.createElement("div", {
+  }, /* @__PURE__ */ import_react404.default.createElement("div", {
     className: CommentsPanel_module_default.optionsContainer
-  }, /* @__PURE__ */ import_react403.default.createElement("button", {
+  }, /* @__PURE__ */ import_react404.default.createElement("button", {
     onClick: () => handleShowCommentsFilterClick("all"),
     className: clsx_default(CommentsPanel_module_default.btn, showCommentsFilter === "all" && CommentsPanel_module_default.active)
-  }, t11("comment.panel.showComments.all")), /* @__PURE__ */ import_react403.default.createElement("button", {
+  }, t11("comment.panel.showComments.all")), /* @__PURE__ */ import_react404.default.createElement("button", {
     onClick: () => handleShowCommentsFilterClick("replies"),
     className: clsx_default(CommentsPanel_module_default.btn, showCommentsFilter === "replies" && CommentsPanel_module_default.active)
-  }, t11("comment.panel.showComments.replies")), canViewResolvedComments && /* @__PURE__ */ import_react403.default.createElement(import_react403.default.Fragment, null, /* @__PURE__ */ import_react403.default.createElement("div", {
+  }, t11("comment.panel.showComments.replies")), canViewResolvedComments && /* @__PURE__ */ import_react404.default.createElement(import_react404.default.Fragment, null, /* @__PURE__ */ import_react404.default.createElement("div", {
     className: CommentsPanel_module_default.separator
-  }), /* @__PURE__ */ import_react403.default.createElement("button", {
+  }), /* @__PURE__ */ import_react404.default.createElement("button", {
     onClick: toggleShowResolved,
     className: CommentsPanel_module_default.btn
-  }, t11("comment.panel.showResolved"), /* @__PURE__ */ import_react403.default.createElement(ToggleMark, {
+  }, t11("comment.panel.showResolved"), /* @__PURE__ */ import_react404.default.createElement(ToggleMark, {
     isActive: showResolved
-  }))))), /* @__PURE__ */ import_react403.default.createElement(ButtonWithMenu3, {
+  }))))), /* @__PURE__ */ import_react404.default.createElement(ButtonWithMenu3, {
     ref: optionsPanelRef,
-    button: /* @__PURE__ */ import_react403.default.createElement(UiButton, {
+    button: /* @__PURE__ */ import_react404.default.createElement(UiButton, {
       id: "comments-options",
       onClick: handleOptionsBtnClick,
       active: isOptionsPanelOpen,
       variant: "secondary",
       size: "sm",
       style: { padding: 0 }
-    }, /* @__PURE__ */ import_react403.default.createElement(Icon, {
+    }, /* @__PURE__ */ import_react404.default.createElement(Icon, {
       iconName: "GearStroke",
       width: 16,
       height: 16
     })),
     isOpen: isOptionsPanelOpen
-  }, /* @__PURE__ */ import_react403.default.createElement("div", {
+  }, /* @__PURE__ */ import_react404.default.createElement("div", {
     className: clsx_default(CommentsPanel_module_default.optionsContainer, CommentsPanel_module_default.optionsPanel)
-  }, /* @__PURE__ */ import_react403.default.createElement("button", {
+  }, /* @__PURE__ */ import_react404.default.createElement("button", {
     onClick: toggleShowComments,
     className: CommentsPanel_module_default.btn
-  }, t11("comment.panel.showCommentsOnBoard"), /* @__PURE__ */ import_react403.default.createElement(ToggleMark, {
+  }, t11("comment.panel.showCommentsOnBoard"), /* @__PURE__ */ import_react404.default.createElement(ToggleMark, {
     isActive: showComments
-  })), /* @__PURE__ */ import_react403.default.createElement("button", {
+  })), /* @__PURE__ */ import_react404.default.createElement("button", {
     onClick: toggleEnableClusters,
     className: CommentsPanel_module_default.btn
-  }, t11("comment.panel.groupComments"), /* @__PURE__ */ import_react403.default.createElement(ToggleMark, {
+  }, t11("comment.panel.groupComments"), /* @__PURE__ */ import_react404.default.createElement(ToggleMark, {
     isActive: enableClusters
-  })), /* @__PURE__ */ import_react403.default.createElement("button", {
+  })), /* @__PURE__ */ import_react404.default.createElement("button", {
     onClick: markAllCommentsAsRead,
     className: CommentsPanel_module_default.btn
-  }, /* @__PURE__ */ import_react403.default.createElement("div", {
+  }, /* @__PURE__ */ import_react404.default.createElement("div", {
     className: CommentsPanel_module_default.flex
-  }, /* @__PURE__ */ import_react403.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react404.default.createElement(Icon, {
     iconName: "MarkAsReadComment",
     width: 20,
     height: 20
-  }), t11("comment.panel.markAllAsRead")))))), /* @__PURE__ */ import_react403.default.createElement("div", {
+  }), t11("comment.panel.markAllAsRead")))))), /* @__PURE__ */ import_react404.default.createElement("div", {
     className: CommentsPanel_module_default.scrollContainer
-  }, comments.length ? /* @__PURE__ */ import_react403.default.createElement("div", {
+  }, comments.length ? /* @__PURE__ */ import_react404.default.createElement("div", {
     className: CommentsPanel_module_default.cards
-  }, comments.map((comment3) => /* @__PURE__ */ import_react403.default.createElement(CommentCard, {
+  }, comments.map((comment3) => /* @__PURE__ */ import_react404.default.createElement(CommentCard, {
     key: comment3.getId(),
     comment: comment3
-  }))) : /* @__PURE__ */ import_react403.default.createElement("p", {
+  }))) : /* @__PURE__ */ import_react404.default.createElement("p", {
     className: CommentsPanel_module_default.noComments
-  }, "You have no unread messages")), /* @__PURE__ */ import_react403.default.createElement("div", {
+  }, "You have no unread messages")), /* @__PURE__ */ import_react404.default.createElement("div", {
     ref: clickOutsideRef
   }));
 };
@@ -443544,53 +443581,53 @@ var UserPanel = () => {
     }
   };
   if (!account.isLoggedIn) {
-    return /* @__PURE__ */ import_react404.default.createElement(UiPanel, {
+    return /* @__PURE__ */ import_react405.default.createElement(UiPanel, {
       padding: 0,
       className: clsx_default(UserPanel_module_default.wrapper, isMicroboardIframe() && insideOfMicroboard && UserPanel_module_default.iframe)
-    }, /* @__PURE__ */ import_react404.default.createElement("div", {
+    }, /* @__PURE__ */ import_react405.default.createElement("div", {
       className: UserPanel_module_default.unauthWrapper
-    }, /* @__PURE__ */ import_react404.default.createElement("div", {
+    }, /* @__PURE__ */ import_react405.default.createElement("div", {
       className: UserPanel_module_default.unauthBtns
-    }, isMicroboardIframe() && insideOfMicroboard ? /* @__PURE__ */ import_react404.default.createElement(import_react404.default.Fragment, null, /* @__PURE__ */ import_react404.default.createElement(UiLink, {
+    }, /* @__PURE__ */ import_react405.default.createElement(ThemeToggle, null), isMicroboardIframe() && insideOfMicroboard ? /* @__PURE__ */ import_react405.default.createElement(import_react405.default.Fragment, null, /* @__PURE__ */ import_react405.default.createElement(UiLink, {
       variant: "secondary",
       className: UserPanel_module_default.logInBtn,
       onClick: () => onLoginOrRegistrationClick(`/auth/sign-in`),
       target: "_parent",
       size: "sm"
-    }, t11("auth.login")), /* @__PURE__ */ import_react404.default.createElement(UiLink, {
+    }, t11("auth.login")), /* @__PURE__ */ import_react405.default.createElement(UiLink, {
       className: clsx_default(UserPanel_module_default.signUpBtn, UserPanel_module_default.smallMobileHide),
       onClick: () => onLoginOrRegistrationClick(`/auth/sign-up`),
       size: "sm",
       target: "_parent"
-    }, t11("auth.signUpForFree")), /* @__PURE__ */ import_react404.default.createElement(ShareBtn, null)) : /* @__PURE__ */ import_react404.default.createElement(import_react404.default.Fragment, null, /* @__PURE__ */ import_react404.default.createElement(UiButton, {
+    }, t11("auth.signUpForFree")), /* @__PURE__ */ import_react405.default.createElement(ShareBtn, null)) : /* @__PURE__ */ import_react405.default.createElement(import_react405.default.Fragment, null, /* @__PURE__ */ import_react405.default.createElement(UiButton, {
       variant: "secondary",
       className: UserPanel_module_default.logInBtn,
       onClick: () => onLoginOrRegistrationClick("/auth/sign-in"),
       size: "sm"
-    }, t11("auth.login")), /* @__PURE__ */ import_react404.default.createElement(UiButton, {
+    }, t11("auth.login")), /* @__PURE__ */ import_react405.default.createElement(UiButton, {
       className: UserPanel_module_default.signUpBtn,
       onClick: () => onLoginOrRegistrationClick("/auth/sign-up"),
       size: "sm"
-    }, t11("auth.signUpForFree")), /* @__PURE__ */ import_react404.default.createElement(ShareBtn, null)))));
+    }, t11("auth.signUpForFree")), /* @__PURE__ */ import_react405.default.createElement(ShareBtn, null)))));
   }
-  return /* @__PURE__ */ import_react404.default.createElement(CommentsPanelContextProvider, null, /* @__PURE__ */ import_react404.default.createElement(UiPanel, {
+  return /* @__PURE__ */ import_react405.default.createElement(CommentsPanelContextProvider, null, /* @__PURE__ */ import_react405.default.createElement(UiPanel, {
     zIndex: 10,
     padding: 0,
     className: UserPanel_module_default.wrapper
-  }, /* @__PURE__ */ import_react404.default.createElement(ActionButtons, null), /* @__PURE__ */ import_react404.default.createElement(PresenceUsers, {
+  }, /* @__PURE__ */ import_react405.default.createElement(ActionButtons, null), /* @__PURE__ */ import_react405.default.createElement(PresenceUsers, {
     app
-  }), board.getBoardId() !== "blank" && /* @__PURE__ */ import_react404.default.createElement("div", {
+  }), board.getBoardId() !== "blank" && /* @__PURE__ */ import_react405.default.createElement("div", {
     className: UserPanel_module_default.container
-  }, /* @__PURE__ */ import_react404.default.createElement(ShareBtn, null))), /* @__PURE__ */ import_react404.default.createElement(CommentsPanel, null));
+  }, /* @__PURE__ */ import_react405.default.createElement(ShareBtn, null))), /* @__PURE__ */ import_react405.default.createElement(CommentsPanel, null));
 };
 var UserPanelLayout = () => {
-  return /* @__PURE__ */ import_react404.default.createElement("div", {
+  return /* @__PURE__ */ import_react405.default.createElement("div", {
     className: UserPanel_module_default.layoutWrapper
-  }, shouldShow("userPanel") && /* @__PURE__ */ import_react404.default.createElement(UserPanel, null));
+  }, shouldShow("userPanel") && /* @__PURE__ */ import_react405.default.createElement(UserPanel, null));
 };
 
 // src/features/ZoomPanel/ZoomPanel.tsx
-var import_react406 = __toESM(require_react(), 1);
+var import_react407 = __toESM(require_react(), 1);
 
 // src/features/ZoomPanel/ZoomPanel.module.css
 var ZoomPanel_module_default = {
@@ -443602,11 +443639,11 @@ var ZoomPanel_module_default = {
 };
 
 // src/shared/lib/useMediaQuery.tsx
-var import_react405 = __toESM(require_react(), 1);
+var import_react406 = __toESM(require_react(), 1);
 function useMediaQuery(query2) {
   const getIsMediaMatches = () => matchMedia(query2).matches;
-  const [isMediaMatches, setIsMediaMatches] = import_react405.useState(getIsMediaMatches);
-  import_react405.useEffect(() => {
+  const [isMediaMatches, setIsMediaMatches] = import_react406.useState(getIsMediaMatches);
+  import_react406.useEffect(() => {
     const handleWindowSizeChange = () => setIsMediaMatches(getIsMediaMatches());
     window.addEventListener("resize", handleWindowSizeChange);
     return () => window.removeEventListener("resize", handleWindowSizeChange);
@@ -443645,10 +443682,10 @@ function ZoomPanel() {
   };
   const scale = board.camera.getScale();
   const currentScale = scale < 0.01 ? 1 : Math.round(scale * 100);
-  return /* @__PURE__ */ import_react406.default.createElement(UiPanel, {
+  return /* @__PURE__ */ import_react407.default.createElement(UiPanel, {
     className: clsx_default(ZoomPanel_module_default.panel, board.getInterfaceType() === "view" && ZoomPanel_module_default.defaultPosition),
     padding: 0
-  }, /* @__PURE__ */ import_react406.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react407.default.createElement(UiButton, {
     className: ZoomPanel_module_default.zoomToFit,
     id: "zoom-to-fit",
     tooltip: t11("zoomPanel.zoomToFit.tooltip"),
@@ -443656,12 +443693,12 @@ function ZoomPanel() {
     onClick: zoomToFit,
     variant: "secondary",
     rounded: "left"
-  }, /* @__PURE__ */ import_react406.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react407.default.createElement(Icon, {
     iconName: "ZoomToFit"
-  })), /* @__PURE__ */ import_react406.default.createElement(UiSeparator, {
+  })), /* @__PURE__ */ import_react407.default.createElement(UiSeparator, {
     vertical: true,
     className: ZoomPanel_module_default.tableHide
-  }), /* @__PURE__ */ import_react406.default.createElement(UiButton, {
+  }), /* @__PURE__ */ import_react407.default.createElement(UiButton, {
     className: ZoomPanel_module_default.tableHide,
     id: "zoom-out",
     tooltipPosition: "top",
@@ -443670,9 +443707,9 @@ function ZoomPanel() {
     onClick: handleZoomOut,
     variant: "secondary",
     rounded: "none"
-  }, /* @__PURE__ */ import_react406.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react407.default.createElement(Icon, {
     iconName: "Minus"
-  })), /* @__PURE__ */ import_react406.default.createElement(UiButton, {
+  })), /* @__PURE__ */ import_react407.default.createElement(UiButton, {
     className: clsx_default(ZoomPanel_module_default.tableHide, ZoomPanel_module_default.zoom),
     id: "zoom-default",
     tooltipPosition: "top",
@@ -443681,7 +443718,7 @@ function ZoomPanel() {
     onClick: handleDefaultZoom,
     variant: "secondary",
     rounded: "none"
-  }, currentScale, "%"), /* @__PURE__ */ import_react406.default.createElement(UiButton, {
+  }, currentScale, "%"), /* @__PURE__ */ import_react407.default.createElement(UiButton, {
     className: ZoomPanel_module_default.tableHide,
     id: "zoom-in",
     tooltipPosition: "top-right",
@@ -443690,15 +443727,15 @@ function ZoomPanel() {
     onClick: handleZoomIn,
     variant: "secondary",
     rounded: "right"
-  }, /* @__PURE__ */ import_react406.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react407.default.createElement(Icon, {
     iconName: "Plus"
   })));
 }
 // src/features/AppView/AppView.tsx
-var import_react426 = __toESM(require_react(), 1);
+var import_react427 = __toESM(require_react(), 1);
 
 // src/shared/ui-lib/UIMainLoader/UIMainLoader.tsx
-var import_react407 = __toESM(require_react(), 1);
+var import_react408 = __toESM(require_react(), 1);
 
 // src/shared/ui-lib/UIMainLoader/UIMainLoader.module.css
 var UIMainLoader_module_default = {
@@ -443708,9 +443745,9 @@ var UIMainLoader_module_default = {
 
 // src/shared/ui-lib/UIMainLoader/UIMainLoader.tsx
 var UIMainLoader = () => {
-  return /* @__PURE__ */ import_react407.default.createElement("div", {
+  return /* @__PURE__ */ import_react408.default.createElement("div", {
     className: UIMainLoader_module_default.animateLogo
-  }, /* @__PURE__ */ import_react407.default.createElement("img", {
+  }, /* @__PURE__ */ import_react408.default.createElement("img", {
     src: "/loader.svg",
     alt: "Loading...",
     className: UIMainLoader_module_default.icon
@@ -443718,10 +443755,10 @@ var UIMainLoader = () => {
 };
 
 // src/features/LinksProvider/LinksProvider.tsx
-var import_react409 = __toESM(require_react(), 1);
+var import_react410 = __toESM(require_react(), 1);
 
 // src/features/LinksProvider/LinkToButton/LinkToButton.tsx
-var import_react408 = __toESM(require_react(), 1);
+var import_react409 = __toESM(require_react(), 1);
 
 // src/features/LinksProvider/LinkToButton/LinkToButton.module.css
 var LinkToButton_module_default = {
@@ -443755,12 +443792,12 @@ var LinkToButton = ({
   item,
   handleClick
 }) => {
-  const linkToButtonRef = import_react408.useRef(null);
-  const [iconUrl, setIconUrl] = import_react408.useState(undefined);
-  const imgRef = import_react408.useRef(null);
-  const [isTooltipOpen, setIsTooltipOpen] = import_react408.useState(false);
+  const linkToButtonRef = import_react409.useRef(null);
+  const [iconUrl, setIconUrl] = import_react409.useState(undefined);
+  const imgRef = import_react409.useRef(null);
+  const [isTooltipOpen, setIsTooltipOpen] = import_react409.useState(false);
   const { app, board } = useAppContext();
-  const closeTooltipTimeoutId = import_react408.useRef();
+  const closeTooltipTimeoutId = import_react409.useRef();
   const mbr = useDomMbr({
     app,
     board,
@@ -443769,7 +443806,7 @@ var LinkToButton = ({
     subjects: ["camera", "selection"],
     fit: "linkToBtn"
   });
-  import_react408.useEffect(() => {
+  import_react409.useEffect(() => {
     let url3 = undefined;
     try {
       url3 = `${new URL(item.getLinkTo()).origin}/favicon.ico`;
@@ -443799,10 +443836,10 @@ var LinkToButton = ({
     }
     setIsTooltipOpen(true);
   };
-  return /* @__PURE__ */ import_react408.default.createElement("div", {
+  return /* @__PURE__ */ import_react409.default.createElement("div", {
     onMouseEnter: openTooltip,
     onMouseLeave: closeTooltip
-  }, /* @__PURE__ */ import_react408.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react409.default.createElement(UiButton, {
     style: {
       position: "absolute",
       left: mbr.left,
@@ -443814,7 +443851,7 @@ var LinkToButton = ({
     onClick: () => handleClick(item),
     variant: "secondary",
     rounded: "none"
-  }, /* @__PURE__ */ import_react408.default.createElement(LinkTooltip, {
+  }, /* @__PURE__ */ import_react409.default.createElement(LinkTooltip, {
     link: item.getLinkTo(),
     isOpen: isTooltipOpen,
     onClick: () => handleClick(item),
@@ -443822,13 +443859,13 @@ var LinkToButton = ({
     top: mbr.top + 24,
     openTooltip,
     closeTooltip
-  }), iconUrl ? /* @__PURE__ */ import_react408.default.createElement("img", {
+  }), iconUrl ? /* @__PURE__ */ import_react409.default.createElement("img", {
     ref: imgRef,
     className: LinkToButton_module_default.icon,
     src: iconUrl,
     alt: "#",
     onError: setIcon
-  }) : /* @__PURE__ */ import_react408.default.createElement(Icon, {
+  }) : /* @__PURE__ */ import_react409.default.createElement(Icon, {
     iconName: "linkTo",
     width: 16,
     height: 16
@@ -443846,7 +443883,7 @@ var LinkTooltip = ({
   if (!link2 || !isOpen) {
     return null;
   }
-  return import_react_dom15.createPortal(/* @__PURE__ */ import_react408.default.createElement("div", {
+  return import_react_dom15.createPortal(/* @__PURE__ */ import_react409.default.createElement("div", {
     onMouseEnter: openTooltip,
     onMouseLeave: closeTooltip,
     onClick,
@@ -443869,7 +443906,7 @@ var LinksProvider = () => {
     }
   });
   const { t: t11 } = useTranslation();
-  const handleClick = import_react409.useCallback((item) => {
+  const handleClick = import_react410.useCallback((item) => {
     const link2 = item.getLinkTo();
     if (!link2) {
       return;
@@ -443905,8 +443942,8 @@ var LinksProvider = () => {
     }
     window.open(url3, "_blank");
   }, []);
-  return /* @__PURE__ */ import_react409.default.createElement(import_react409.default.Fragment, null, board.items.listAll().filter((item) => item.getLinkTo() && !item.transformationRenderBlock).map((item) => {
-    return /* @__PURE__ */ import_react409.default.createElement(LinkToButton, {
+  return /* @__PURE__ */ import_react410.default.createElement(import_react410.default.Fragment, null, board.items.listAll().filter((item) => item.getLinkTo() && !item.transformationRenderBlock).map((item) => {
+    return /* @__PURE__ */ import_react410.default.createElement(LinkToButton, {
       item,
       key: item.getId(),
       handleClick
@@ -443921,7 +443958,7 @@ var AppView_module_default = {
 };
 
 // src/features/AppView/NoBoardIsOpen.tsx
-var import_react410 = __toESM(require_react(), 1);
+var import_react411 = __toESM(require_react(), 1);
 
 // src/features/AppView/NoBoardIsOpen.module.css
 var NoBoardIsOpen_module_default = {
@@ -443962,20 +443999,20 @@ var NoBoardIsOpen = () => {
   if (board?.getBoardId() !== "blank") {
     return null;
   }
-  return /* @__PURE__ */ import_react410.default.createElement("div", {
+  return /* @__PURE__ */ import_react411.default.createElement("div", {
     className: NoBoardIsOpen_module_default.container
-  }, /* @__PURE__ */ import_react410.default.createElement("div", {
+  }, /* @__PURE__ */ import_react411.default.createElement("div", {
     className: NoBoardIsOpen_module_default.innerContainer
-  }, /* @__PURE__ */ import_react410.default.createElement("span", {
+  }, /* @__PURE__ */ import_react411.default.createElement("span", {
     className: NoBoardIsOpen_module_default.title
-  }, t11("noBoard.title")), /* @__PURE__ */ import_react410.default.createElement("div", {
+  }, t11("noBoard.title")), /* @__PURE__ */ import_react411.default.createElement("div", {
     className: NoBoardIsOpen_module_default.btns
-  }, /* @__PURE__ */ import_react410.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react411.default.createElement(UiButton, {
     className: NoBoardIsOpen_module_default.btn,
     variant: "quaternary",
     onClick: handleOpenMenu,
     size: "lg"
-  }, t11("noBoard.chooseBoard")), /* @__PURE__ */ import_react410.default.createElement(UiButton, {
+  }, t11("noBoard.chooseBoard")), /* @__PURE__ */ import_react411.default.createElement(UiButton, {
     className: NoBoardIsOpen_module_default.btn,
     onClick: handleCreateNewBoard,
     size: "lg"
@@ -443984,7 +444021,7 @@ var NoBoardIsOpen = () => {
 var NoBoardIsOpen_default = NoBoardIsOpen;
 
 // src/features/AppView/QuickAddPanel/QuickAddPanel.tsx
-var import_react411 = __toESM(require_react(), 1);
+var import_react412 = __toESM(require_react(), 1);
 
 // src/features/AppView/QuickAddPanel/QuickAddPanel.module.css
 var QuickAddPanel_module_default = {
@@ -444020,51 +444057,51 @@ function QuickAddPanel() {
     quickAddItem(appBoard, type, single);
   };
   console.log("render");
-  const shapesButtons = [BASIC_SHAPES[0], ...BASIC_SHAPES.slice(2, 7)].map((shape2) => /* @__PURE__ */ import_react411.default.createElement(UiButton, {
+  const shapesButtons = [BASIC_SHAPES[0], ...BASIC_SHAPES.slice(2, 7)].map((shape2) => /* @__PURE__ */ import_react412.default.createElement(UiButton, {
     id: `quickAdd-${shape2}`,
     onClick: () => handlePick(shape2),
     key: `quickAdd-${shape2}`,
     size: "md",
     variant: "secondary"
-  }, /* @__PURE__ */ import_react411.default.createElement(ShapeIcon, {
+  }, /* @__PURE__ */ import_react412.default.createElement(ShapeIcon, {
     iconName: shape2,
     width: 24,
     height: 24
   })));
-  const aiButton = /* @__PURE__ */ import_react411.default.createElement(UiButton, {
+  const aiButton = /* @__PURE__ */ import_react412.default.createElement(UiButton, {
     id: "quickAdd-AINode",
     onClick: () => handlePick("AINode"),
     key: "quickAdd-AINode",
     size: "md",
     variant: "secondary"
-  }, /* @__PURE__ */ import_react411.default.createElement(StarIcon, {
+  }, /* @__PURE__ */ import_react412.default.createElement(StarIcon, {
     width: 24,
     height: 24
   }));
-  const textButton = /* @__PURE__ */ import_react411.default.createElement(UiButton, {
+  const textButton = /* @__PURE__ */ import_react412.default.createElement(UiButton, {
     id: "quickAdd-text",
     onClick: () => handlePick("RichText"),
     key: "quickAdd-text",
     size: "md",
     variant: "secondary"
-  }, /* @__PURE__ */ import_react411.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react412.default.createElement(Icon, {
     width: 24,
     height: 24,
     iconName: "Text"
   }));
-  const stickerButton = /* @__PURE__ */ import_react411.default.createElement(UiButton, {
+  const stickerButton = /* @__PURE__ */ import_react412.default.createElement(UiButton, {
     id: "quickAdd-sticker",
     onClick: () => handlePick("Sticker"),
     key: "quickAdd-sticker",
     size: "md",
     variant: "secondary"
-  }, /* @__PURE__ */ import_react411.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react412.default.createElement(Icon, {
     width: 24,
     height: 24,
     iconName: "Sticker"
   }));
   const gridButtons = [aiButton, textButton, stickerButton, ...shapesButtons];
-  return /* @__PURE__ */ import_react411.default.createElement(UiPanel, {
+  return /* @__PURE__ */ import_react412.default.createElement(UiPanel, {
     style: {
       position: "absolute",
       left: endPoint.x * cameraMatrix.scaleX + cameraMatrix.translateX,
@@ -444075,7 +444112,7 @@ function QuickAddPanel() {
       zIndex: 3
     },
     rounded: "full"
-  }, /* @__PURE__ */ import_react411.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react412.default.createElement(UiButton, {
     onClick: () => handlePick(itemToAddType),
     size: "md",
     variant: "tertiary",
@@ -444087,23 +444124,23 @@ function QuickAddPanel() {
     },
     tooltip: getHotkeyLabel("confirm"),
     tooltipPosition: "top"
-  }, /* @__PURE__ */ import_react411.default.createElement("div", {
+  }, /* @__PURE__ */ import_react412.default.createElement("div", {
     style: {
       maxWidth: "56px",
       padding: "6px 0px"
     }
-  }, t11("quickAdd.panel.sameObj")), /* @__PURE__ */ import_react411.default.createElement(Icon, {
+  }, t11("quickAdd.panel.sameObj")), /* @__PURE__ */ import_react412.default.createElement(Icon, {
     iconName: "Duplicate",
     width: 16,
     height: 16
-  })), /* @__PURE__ */ import_react411.default.createElement("div", {
+  })), /* @__PURE__ */ import_react412.default.createElement("div", {
     className: QuickAddPanel_module_default.wrapper
-  }, /* @__PURE__ */ import_react411.default.createElement("div", {
+  }, /* @__PURE__ */ import_react412.default.createElement("div", {
     className: QuickAddPanel_module_default.panel
   }, gridButtons)));
 }
 // src/features/MediaUnavailableModal/MediaUnavailableModal.tsx
-var import_react412 = __toESM(require_react(), 1);
+var import_react413 = __toESM(require_react(), 1);
 
 // src/features/MediaUnavailableModal/MediaUnavailableModal.module.css
 var MediaUnavailableModal_module_default = {
@@ -444120,32 +444157,32 @@ function MediaUnavailableModal() {
   const { t: t11 } = useTranslation();
   const navigate = useNavigate();
   const { closeModal: closeModal2 } = useUiModalContext();
-  return /* @__PURE__ */ import_react412.default.createElement(UiModal, {
+  return /* @__PURE__ */ import_react413.default.createElement(UiModal, {
     modalId: MEDIA_UNAVAILABLE_MODAL_ID,
     renderAsPageOnMobile: false
-  }, /* @__PURE__ */ import_react412.default.createElement("div", {
+  }, /* @__PURE__ */ import_react413.default.createElement("div", {
     className: MediaUnavailableModal_module_default.wrapper
-  }, /* @__PURE__ */ import_react412.default.createElement("h1", {
+  }, /* @__PURE__ */ import_react413.default.createElement("h1", {
     className: MediaUnavailableModal_module_default.heading
-  }, t11("toolsPanel.addMedia.unauth.heading")), /* @__PURE__ */ import_react412.default.createElement("div", {
+  }, t11("toolsPanel.addMedia.unauth.heading")), /* @__PURE__ */ import_react413.default.createElement("div", {
     className: MediaUnavailableModal_module_default.msg
-  }, /* @__PURE__ */ import_react412.default.createElement(Trans2, {
+  }, /* @__PURE__ */ import_react413.default.createElement(Trans2, {
     t: t11,
     i18nKey: "toolsPanel.addMedia.unauth.description",
     components: {
-      p: /* @__PURE__ */ import_react412.default.createElement("p", null),
-      signinLink: /* @__PURE__ */ import_react412.default.createElement(Link2, {
+      p: /* @__PURE__ */ import_react413.default.createElement("p", null),
+      signinLink: /* @__PURE__ */ import_react413.default.createElement(Link2, {
         to: "/auth/sign-in",
         className: MediaUnavailableModal_module_default.link,
         onClick: closeModal2
       }),
-      signupLink: /* @__PURE__ */ import_react412.default.createElement(Link2, {
+      signupLink: /* @__PURE__ */ import_react413.default.createElement(Link2, {
         to: "/auth/sign-up",
         className: MediaUnavailableModal_module_default.link,
         onClick: closeModal2
       })
     }
-  })), /* @__PURE__ */ import_react412.default.createElement(UiButton, {
+  })), /* @__PURE__ */ import_react413.default.createElement(UiButton, {
     variant: "primary",
     className: MediaUnavailableModal_module_default.btn,
     onClick: () => {
@@ -444156,10 +444193,10 @@ function MediaUnavailableModal() {
   }, t11("auth.signIn"))));
 }
 // src/entities/BoardMenu/BoardMenu.tsx
-var import_react417 = __toESM(require_react(), 1);
+var import_react418 = __toESM(require_react(), 1);
 
 // src/entities/BoardMenu/sections/Comments.tsx
-var import_react413 = __toESM(require_react(), 1);
+var import_react414 = __toESM(require_react(), 1);
 
 // src/entities/BoardMenu/BoardMenu.module.css
 var BoardMenu_module_default = {
@@ -444190,21 +444227,21 @@ var Comments = () => {
       }
     });
   };
-  return /* @__PURE__ */ import_react413.default.createElement(import_react413.default.Fragment, null, /* @__PURE__ */ import_react413.default.createElement("button", {
+  return /* @__PURE__ */ import_react414.default.createElement(import_react414.default.Fragment, null, /* @__PURE__ */ import_react414.default.createElement("button", {
     onClick: toggleShowResolved,
     className: BoardMenu_module_default.btn
-  }, /* @__PURE__ */ import_react413.default.createElement("div", {
+  }, /* @__PURE__ */ import_react414.default.createElement("div", {
     className: BoardMenu_module_default.buttonContainer
-  }, /* @__PURE__ */ import_react413.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react414.default.createElement(Icon, {
     iconName: showResolved ? "EyeCrossed" : "EyeOpen",
     width: 20,
     height: 20
-  }), showResolved ? t11("boardMenu.comments.hideResolved") : t11("boardMenu.comments.showResolved"))), isOwner && /* @__PURE__ */ import_react413.default.createElement("button", {
+  }), showResolved ? t11("boardMenu.comments.hideResolved") : t11("boardMenu.comments.showResolved"))), isOwner && /* @__PURE__ */ import_react414.default.createElement("button", {
     onClick: resolveAllComments,
     className: BoardMenu_module_default.btn
-  }, /* @__PURE__ */ import_react413.default.createElement("div", {
+  }, /* @__PURE__ */ import_react414.default.createElement("div", {
     className: BoardMenu_module_default.buttonContainer
-  }, /* @__PURE__ */ import_react413.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react414.default.createElement(Icon, {
     iconName: "Comment",
     width: 18,
     height: 18,
@@ -444213,7 +444250,7 @@ var Comments = () => {
 };
 
 // src/entities/BoardMenu/sections/Items.tsx
-var import_react414 = __toESM(require_react(), 1);
+var import_react415 = __toESM(require_react(), 1);
 var Items2 = () => {
   const { board } = useAppContext();
   const account = useAccount();
@@ -444257,12 +444294,12 @@ var Items2 = () => {
     }
     board.setIsBoardMenuOpen(false);
   };
-  return /* @__PURE__ */ import_react414.default.createElement(import_react414.default.Fragment, null, /* @__PURE__ */ import_react414.default.createElement("button", {
+  return /* @__PURE__ */ import_react415.default.createElement(import_react415.default.Fragment, null, /* @__PURE__ */ import_react415.default.createElement("button", {
     onClick: handlePasteClick,
     className: BoardMenu_module_default.btn
-  }, /* @__PURE__ */ import_react414.default.createElement("div", {
+  }, /* @__PURE__ */ import_react415.default.createElement("div", {
     className: BoardMenu_module_default.buttonContainer
-  }, /* @__PURE__ */ import_react414.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react415.default.createElement(Icon, {
     iconName: "Paste",
     width: 20,
     height: 20
@@ -444270,10 +444307,10 @@ var Items2 = () => {
 };
 
 // src/entities/BoardMenu/sections/MouseOrTrackpad.tsx
-var import_react416 = __toESM(require_react(), 1);
+var import_react417 = __toESM(require_react(), 1);
 
 // src/entities/BoardMenu/MouseOrTracpadModal/MouseOrTrackpadModal.tsx
-var import_react415 = __toESM(require_react(), 1);
+var import_react416 = __toESM(require_react(), 1);
 
 // src/entities/BoardMenu/MouseOrTracpadModal/MouseOrTracpadModal.module.css
 var MouseOrTracpadModal_module_default = {
@@ -444293,7 +444330,7 @@ var MOUSE_OR_TRACKPAD_MODAL = Symbol("mouseOrTrackpadModal");
 var modes = ["mouse", "trackpad", "auto"];
 var MouseOrTrackpadModal = () => {
   const { app } = useAppContext();
-  const [selectedMode, setSelectedMode] = import_react415.useState(app.getSettings().controlMode);
+  const [selectedMode, setSelectedMode] = import_react416.useState(app.getSettings().controlMode);
   const { closeModal: closeModal2 } = useUiModalContext();
   const { t: t11 } = useTranslation();
   const mouseCards = [
@@ -444330,57 +444367,57 @@ var MouseOrTrackpadModal = () => {
     app.setControlMode(selectedMode);
     closeModal2();
   };
-  return /* @__PURE__ */ import_react415.default.createElement(UiModal, {
+  return /* @__PURE__ */ import_react416.default.createElement(UiModal, {
     modalId: MOUSE_OR_TRACKPAD_MODAL,
     closeByBgClick: true,
     closeOnClickOutside: true
-  }, /* @__PURE__ */ import_react415.default.createElement("div", {
+  }, /* @__PURE__ */ import_react416.default.createElement("div", {
     className: MouseOrTracpadModal_module_default.wrapper
-  }, /* @__PURE__ */ import_react415.default.createElement("h2", {
+  }, /* @__PURE__ */ import_react416.default.createElement("h2", {
     className: MouseOrTracpadModal_module_default.title
-  }, t11("boardMenu.controlMode.modal.title")), /* @__PURE__ */ import_react415.default.createElement("p", {
+  }, t11("boardMenu.controlMode.modal.title")), /* @__PURE__ */ import_react416.default.createElement("p", {
     className: MouseOrTracpadModal_module_default.subtitle
-  }, t11("boardMenu.controlMode.modal.subtitle")), /* @__PURE__ */ import_react415.default.createElement("div", {
+  }, t11("boardMenu.controlMode.modal.subtitle")), /* @__PURE__ */ import_react416.default.createElement("div", {
     className: MouseOrTracpadModal_module_default.selectorPanel
-  }, /* @__PURE__ */ import_react415.default.createElement("div", {
+  }, /* @__PURE__ */ import_react416.default.createElement("div", {
     className: clsx_default(MouseOrTracpadModal_module_default.selector, selectedMode === "mouse" && MouseOrTracpadModal_module_default.selected),
     onClick: () => setSelectedMode("mouse")
-  }, t11("boardMenu.controlMode.mouse")), /* @__PURE__ */ import_react415.default.createElement("div", {
+  }, t11("boardMenu.controlMode.mouse")), /* @__PURE__ */ import_react416.default.createElement("div", {
     className: clsx_default(MouseOrTracpadModal_module_default.selector, selectedMode === "trackpad" && MouseOrTracpadModal_module_default.selected),
     onClick: () => setSelectedMode("trackpad")
-  }, t11("boardMenu.controlMode.trackpad")), /* @__PURE__ */ import_react415.default.createElement("div", {
+  }, t11("boardMenu.controlMode.trackpad")), /* @__PURE__ */ import_react416.default.createElement("div", {
     className: clsx_default(MouseOrTracpadModal_module_default.selector, selectedMode === "auto" && MouseOrTracpadModal_module_default.selected),
     onClick: () => setSelectedMode("auto")
-  }, t11("boardMenu.controlMode.auto")), /* @__PURE__ */ import_react415.default.createElement("div", {
+  }, t11("boardMenu.controlMode.auto")), /* @__PURE__ */ import_react416.default.createElement("div", {
     className: MouseOrTracpadModal_module_default.movingBar,
     style: {
       left: `${modes.indexOf(selectedMode) * 138}px`
     }
-  })), /* @__PURE__ */ import_react415.default.createElement("div", {
+  })), /* @__PURE__ */ import_react416.default.createElement("div", {
     className: MouseOrTracpadModal_module_default.cardsGrid
-  }, getCardsArray().map((card) => /* @__PURE__ */ import_react415.default.createElement(Card7, {
+  }, getCardsArray().map((card) => /* @__PURE__ */ import_react416.default.createElement(Card7, {
     key: card.iconName,
     iconName: card.iconName,
     text: card.text,
     style: card.style
-  }))), /* @__PURE__ */ import_react415.default.createElement(Button, {
+  }))), /* @__PURE__ */ import_react416.default.createElement(Button, {
     onClick: setControlMode
   }, t11("common.save"))));
 };
 var Card7 = ({ iconName, style: style3, text: text5 }) => {
-  return /* @__PURE__ */ import_react415.default.createElement("div", {
+  return /* @__PURE__ */ import_react416.default.createElement("div", {
     className: MouseOrTracpadModal_module_default.card,
     style: style3
-  }, /* @__PURE__ */ import_react415.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react416.default.createElement(Icon, {
     iconName,
     width: 99,
     height: 61
-  }), /* @__PURE__ */ import_react415.default.createElement("p", null, text5));
+  }), /* @__PURE__ */ import_react416.default.createElement("p", null, text5));
 };
 
 // src/entities/BoardMenu/sections/MouseOrTrackpad.tsx
 var MouseOrTrackpad = () => {
-  const [isSetControlModeOpen, setIsSetControlModeOpen] = import_react416.useState(false);
+  const [isSetControlModeOpen, setIsSetControlModeOpen] = import_react417.useState(false);
   const { app, board } = useAppContext();
   const { t: t11 } = useTranslation();
   const forceUpdate = useForceUpdate();
@@ -444392,66 +444429,66 @@ var MouseOrTrackpad = () => {
   const getIsActive = (mode) => {
     return app.getSettings().controlMode === mode;
   };
-  return /* @__PURE__ */ import_react416.default.createElement(ButtonWithMenu2, {
+  return /* @__PURE__ */ import_react417.default.createElement(ButtonWithMenu2, {
     className: BoardMenu_module_default.buttonWithMenu,
     isOpen: isSetControlModeOpen,
-    button: /* @__PURE__ */ import_react416.default.createElement("button", {
+    button: /* @__PURE__ */ import_react417.default.createElement("button", {
       onClick: () => setIsSetControlModeOpen(!isSetControlModeOpen),
       className: BoardMenu_module_default.btn
-    }, /* @__PURE__ */ import_react416.default.createElement("div", {
+    }, /* @__PURE__ */ import_react417.default.createElement("div", {
       className: BoardMenu_module_default.buttonContainer
-    }, /* @__PURE__ */ import_react416.default.createElement(Icon, {
+    }, /* @__PURE__ */ import_react417.default.createElement(Icon, {
       iconName: "MouseOrTrackpad",
       width: 20,
       height: 20
     }), t11("boardMenu.controlMode.tooltip")))
-  }, /* @__PURE__ */ import_react416.default.createElement(UiPanel, {
+  }, /* @__PURE__ */ import_react417.default.createElement(UiPanel, {
     rounded: "full",
     style: { padding: "4px", gap: "2px" },
     grid: true,
     vertical: true
-  }, /* @__PURE__ */ import_react416.default.createElement("button", {
+  }, /* @__PURE__ */ import_react417.default.createElement("button", {
     onClick: () => setControlMode("mouse"),
     className: BoardMenu_module_default.btn
-  }, /* @__PURE__ */ import_react416.default.createElement("div", {
+  }, /* @__PURE__ */ import_react417.default.createElement("div", {
     className: BoardMenu_module_default.buttonContainer
-  }, /* @__PURE__ */ import_react416.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react417.default.createElement(Icon, {
     iconName: "Mouse",
     width: 20,
     height: 20
-  }), t11("boardMenu.controlMode.mouse")), getIsActive("mouse") && /* @__PURE__ */ import_react416.default.createElement(Icon, {
+  }), t11("boardMenu.controlMode.mouse")), getIsActive("mouse") && /* @__PURE__ */ import_react417.default.createElement(Icon, {
     iconName: "checkMark",
     width: 16,
     height: 16
-  })), /* @__PURE__ */ import_react416.default.createElement("button", {
+  })), /* @__PURE__ */ import_react417.default.createElement("button", {
     onClick: () => setControlMode("trackpad"),
     className: BoardMenu_module_default.btn
-  }, /* @__PURE__ */ import_react416.default.createElement("div", {
+  }, /* @__PURE__ */ import_react417.default.createElement("div", {
     className: BoardMenu_module_default.buttonContainer
-  }, /* @__PURE__ */ import_react416.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react417.default.createElement(Icon, {
     iconName: "Trackpad",
     width: 20,
     height: 20
-  }), t11("boardMenu.controlMode.trackpad")), getIsActive("trackpad") && /* @__PURE__ */ import_react416.default.createElement(Icon, {
+  }), t11("boardMenu.controlMode.trackpad")), getIsActive("trackpad") && /* @__PURE__ */ import_react417.default.createElement(Icon, {
     iconName: "checkMark",
     width: 16,
     height: 16
-  })), /* @__PURE__ */ import_react416.default.createElement("button", {
+  })), /* @__PURE__ */ import_react417.default.createElement("button", {
     onClick: () => setControlMode("auto"),
     className: BoardMenu_module_default.btn
-  }, /* @__PURE__ */ import_react416.default.createElement("div", {
+  }, /* @__PURE__ */ import_react417.default.createElement("div", {
     className: BoardMenu_module_default.buttonContainer
-  }, /* @__PURE__ */ import_react416.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react417.default.createElement(Icon, {
     iconName: "Auto",
     width: 20,
     height: 20
-  }), t11("boardMenu.controlMode.auto")), getIsActive("auto") && /* @__PURE__ */ import_react416.default.createElement(Icon, {
+  }), t11("boardMenu.controlMode.auto")), getIsActive("auto") && /* @__PURE__ */ import_react417.default.createElement(Icon, {
     iconName: "checkMark",
     width: 16,
     height: 16
-  })), /* @__PURE__ */ import_react416.default.createElement(UiSeparator, {
+  })), /* @__PURE__ */ import_react417.default.createElement(UiSeparator, {
     className: BoardMenu_module_default.separator
-  }), /* @__PURE__ */ import_react416.default.createElement("button", {
+  }), /* @__PURE__ */ import_react417.default.createElement("button", {
     onClick: (evt) => {
       evt.preventDefault();
       evt.stopPropagation();
@@ -444464,12 +444501,12 @@ var MouseOrTrackpad = () => {
 
 // src/entities/BoardMenu/BoardMenu.tsx
 var BoardMenu = () => {
-  const menuRef = import_react417.useRef(null);
+  const menuRef = import_react418.useRef(null);
   const { board, app } = useAppContext();
   const cursorPosition2 = board.pointer.point;
-  const [isOpen, setIsOpen] = import_react417.useState(false);
-  const position5 = import_react417.useRef(new Mbr);
-  const shouldUpdatePosition = import_react417.useRef(true);
+  const [isOpen, setIsOpen] = import_react418.useState(false);
+  const position5 = import_react418.useRef(new Mbr);
+  const shouldUpdatePosition = import_react418.useRef(true);
   const forceUpdate = useForceUpdate();
   useAppSubscription({
     subjects: [
@@ -444496,10 +444533,10 @@ var BoardMenu = () => {
   } else {
     setTimeout(() => shouldUpdatePosition.current = true, 100);
   }
-  import_react417.useEffect(() => {
+  import_react418.useEffect(() => {
     setIsOpen(board.getIsBoardMenuOpen());
   }, [board.getIsBoardMenuOpen()]);
-  return isOpen ? /* @__PURE__ */ import_react417.default.createElement(UiPanel, {
+  return isOpen ? /* @__PURE__ */ import_react418.default.createElement(UiPanel, {
     onPointerUp: () => shouldUpdatePosition.current = false,
     onPointerDown: () => shouldUpdatePosition.current = false,
     onClick: () => shouldUpdatePosition.current = false,
@@ -444513,19 +444550,19 @@ var BoardMenu = () => {
     },
     padding: 4,
     zIndex: 5
-  }, /* @__PURE__ */ import_react417.default.createElement(Items2, null), /* @__PURE__ */ import_react417.default.createElement(UiSeparator, {
+  }, /* @__PURE__ */ import_react418.default.createElement(Items2, null), /* @__PURE__ */ import_react418.default.createElement(UiSeparator, {
     className: BoardMenu_module_default.separator,
     vertical: false
-  }), /* @__PURE__ */ import_react417.default.createElement(MouseOrTrackpad, null), /* @__PURE__ */ import_react417.default.createElement(UiSeparator, {
+  }), /* @__PURE__ */ import_react418.default.createElement(MouseOrTrackpad, null), /* @__PURE__ */ import_react418.default.createElement(UiSeparator, {
     className: BoardMenu_module_default.separator,
     vertical: false
-  }), /* @__PURE__ */ import_react417.default.createElement(Comments, null)) : /* @__PURE__ */ import_react417.default.createElement(import_react417.default.Fragment, null);
+  }), /* @__PURE__ */ import_react418.default.createElement(Comments, null)) : /* @__PURE__ */ import_react418.default.createElement(import_react418.default.Fragment, null);
 };
 // src/features/ItemsProvider/ItemsProvider.tsx
-var import_react419 = __toESM(require_react(), 1);
+var import_react420 = __toESM(require_react(), 1);
 
 // src/features/VideoPlayer/VideoCanvasControls.tsx
-var import_react418 = __toESM(require_react(), 1);
+var import_react419 = __toESM(require_react(), 1);
 var import_react_dom16 = __toESM(require_react_dom(), 1);
 var VideoCanvasControls = () => {
   const { board } = useAppContext();
@@ -444534,7 +444571,7 @@ var VideoCanvasControls = () => {
     subjects: ["pointer"],
     observer: () => forceUpdate()
   });
-  const playBtnRef = import_react418.useRef(null);
+  const playBtnRef = import_react419.useRef(null);
   const hoveredItem = board.items.getUnderPointer().pop();
   const getCanvasPlayBtnMbr = () => {
     if (hoveredItem && hoveredItem instanceof VideoItem && hoveredItem.getShouldShowControls() && hoveredItem.getPreviewUrl()) {
@@ -444552,7 +444589,7 @@ var VideoCanvasControls = () => {
   if (!mbr) {
     return null;
   }
-  return import_react_dom16.createPortal(/* @__PURE__ */ import_react418.default.createElement("div", {
+  return import_react_dom16.createPortal(/* @__PURE__ */ import_react419.default.createElement("div", {
     ref: playBtnRef,
     style: {
       position: "fixed",
@@ -444588,19 +444625,19 @@ var ItemsProvider = ({
     }
     return true;
   });
-  return /* @__PURE__ */ import_react419.default.createElement(import_react419.default.Fragment, null, items.map((item) => {
+  return /* @__PURE__ */ import_react420.default.createElement(import_react420.default.Fragment, null, items.map((item) => {
     const ItemComponent = itemsComponents[item.itemType];
     if (!ItemComponent) {
       return null;
     }
-    return /* @__PURE__ */ import_react419.default.createElement(ItemComponent, {
+    return /* @__PURE__ */ import_react420.default.createElement(ItemComponent, {
       key: item.id,
       item
     });
-  }), /* @__PURE__ */ import_react419.default.createElement(VideoCanvasControls, null));
+  }), /* @__PURE__ */ import_react420.default.createElement(VideoCanvasControls, null));
 };
 // src/features/VideoPlayer/VideoPlayer.tsx
-var import_react422 = __toESM(require_react(), 1);
+var import_react423 = __toESM(require_react(), 1);
 
 // src/features/VideoPlayer/VideoPlayer.module.css
 var VideoPlayer_module_default = {
@@ -444609,7 +444646,7 @@ var VideoPlayer_module_default = {
 
 // node_modules/react-youtube/dist/YouTube.esm.js
 var import_prop_types5 = __toESM(require_prop_types(), 1);
-var import_react420 = __toESM(require_react(), 1);
+var import_react421 = __toESM(require_react(), 1);
 var import_fast_deep_equal = __toESM(require_fast_deep_equal(), 1);
 var import_youtube_player = __toESM(require_dist9(), 1);
 var __defProp4 = Object.defineProperty;
@@ -444714,7 +444751,7 @@ var propTypes = {
   onPlaybackRateChange: import_prop_types5.default.func,
   onPlaybackQualityChange: import_prop_types5.default.func
 };
-var _YouTube = class extends import_react420.default.Component {
+var _YouTube = class extends import_react421.default.Component {
   constructor(props) {
     super(props);
     this.destroyPlayerPromise = undefined;
@@ -444866,10 +444903,10 @@ var _YouTube = class extends import_react420.default.Component {
     this.destroyPlayer();
   }
   render() {
-    return /* @__PURE__ */ import_react420.default.createElement("div", {
+    return /* @__PURE__ */ import_react421.default.createElement("div", {
       className: this.props.className,
       style: this.props.style
-    }, /* @__PURE__ */ import_react420.default.createElement("div", {
+    }, /* @__PURE__ */ import_react421.default.createElement("div", {
       id: this.props.id,
       className: this.props.iframeClassName,
       ref: this.refContainer
@@ -444890,17 +444927,17 @@ YouTube.PlayerState = {
 var YouTube_default = YouTube;
 
 // src/shared/lib/useResolveRedirectUrl.ts
-var import_react421 = __toESM(require_react(), 1);
+var import_react422 = __toESM(require_react(), 1);
 var useResolveRedirectUrl = ({
   mediaUrl,
   accessToken,
   beforeStartCb
 }) => {
-  const [resolvedUrl, setResolvedUrl] = import_react421.useState(null);
-  const [isLoadingUrl, setIsLoadingUrl] = import_react421.useState(false);
-  const [error3, setError] = import_react421.useState(null);
-  const requestRef = import_react421.useRef(0);
-  import_react421.useEffect(() => {
+  const [resolvedUrl, setResolvedUrl] = import_react422.useState(null);
+  const [isLoadingUrl, setIsLoadingUrl] = import_react422.useState(false);
+  const [error3, setError] = import_react422.useState(null);
+  const requestRef = import_react422.useRef(0);
+  import_react422.useEffect(() => {
     if (!mediaUrl) {
       setResolvedUrl(null);
       setIsLoadingUrl(false);
@@ -444939,20 +444976,20 @@ var VideoPlayer = ({ item }) => {
   const { board, app } = useAppContext();
   const account = useAccount();
   const videoId = window.MICROBOARD_CONFIG.getYouTubeId(item.getUrl());
-  const videoRef = import_react422.useRef(null);
-  const containerRef = import_react422.useRef(null);
-  const stopTimeoutRef = import_react422.useRef(null);
+  const videoRef = import_react423.useRef(null);
+  const containerRef = import_react423.useRef(null);
+  const stopTimeoutRef = import_react423.useRef(null);
   const timeoutDuration = videoId ? 300 : 10;
   const { resolvedUrl } = useResolveRedirectUrl({
     mediaUrl: item.getUrl(),
     accessToken: account.accessToken
   });
-  import_react422.useEffect(() => {
+  import_react423.useEffect(() => {
     if (resolvedUrl && videoRef.current) {
       videoRef.current.load();
     }
   }, [resolvedUrl]);
-  import_react422.useEffect(() => {
+  import_react423.useEffect(() => {
     containerRef.current?.addEventListener("wheel", app.controller.onWheel, {
       capture: true,
       passive: false
@@ -445026,7 +445063,7 @@ var VideoPlayer = ({ item }) => {
       modestbranding: 1
     }
   };
-  return /* @__PURE__ */ import_react422.default.createElement("div", {
+  return /* @__PURE__ */ import_react423.default.createElement("div", {
     className: VideoPlayer_module_default.container,
     style: {
       left: mbr.left,
@@ -445034,7 +445071,7 @@ var VideoPlayer = ({ item }) => {
       zIndex: board.getZIndex(item)
     },
     ref: containerRef
-  }, videoId ? /* @__PURE__ */ import_react422.default.createElement(YouTube_default, {
+  }, videoId ? /* @__PURE__ */ import_react423.default.createElement(YouTube_default, {
     videoId,
     opts,
     onReady: (event) => {
@@ -445044,7 +445081,7 @@ var VideoPlayer = ({ item }) => {
     onStateChange,
     onPause: stopYoutubeVideo,
     onEnd: onEnded
-  }) : /* @__PURE__ */ import_react422.default.createElement("video", {
+  }) : /* @__PURE__ */ import_react423.default.createElement("video", {
     ref: videoRef,
     controls: true,
     width: mbr.getWidth(),
@@ -445053,14 +445090,14 @@ var VideoPlayer = ({ item }) => {
     onSeeking: clearStopTimeout,
     onSeeked: clearStopTimeout,
     onEnded
-  }, /* @__PURE__ */ import_react422.default.createElement("source", {
+  }, /* @__PURE__ */ import_react423.default.createElement("source", {
     src: resolvedUrl || "",
     type: "video/mp4"
   })));
 };
 
 // src/features/AudioPlayer/AudioPlayer.tsx
-var import_react423 = __toESM(require_react(), 1);
+var import_react424 = __toESM(require_react(), 1);
 
 // src/features/AudioPlayer/AudioPlayer.module.css
 var AudioPlayer_module_default = {
@@ -445114,22 +445151,22 @@ function secondsToHumanReadable(seconds) {
 }
 var AudioPlayer = ({ item }) => {
   const { board } = useAppContext();
-  const [currentTime, setCurrentTime] = import_react423.useState(0);
-  const [duration2, setDuration] = import_react423.useState(0);
-  const [volume, setVolume] = import_react423.useState(1);
-  const [playbackRateIndex, setPlaybackRateIndex] = import_react423.useState(3);
-  const [bufferedTime, setBufferedTime] = import_react423.useState(0);
-  const [isVolumeBarDown, setIsVolumeBarDown] = import_react423.useState(false);
-  const [isProgressBarDown, setIsProgressBarDown] = import_react423.useState(false);
-  const [openedMenu, setOpenedMenu] = import_react423.useState("none");
-  const [isMetadataLoaded, setIsMetadataLoaded] = import_react423.useState(false);
-  const audioRef = import_react423.useRef(null);
-  const containerRef = import_react423.useRef(null);
-  const progressBarRef = import_react423.useRef(null);
-  const volumeBarRef = import_react423.useRef(null);
-  const extraOptionsBtnRef = import_react423.useRef(null);
-  const playbackRateBtnRef = import_react423.useRef(null);
-  const volumeBtnRef = import_react423.useRef(null);
+  const [currentTime, setCurrentTime] = import_react424.useState(0);
+  const [duration2, setDuration] = import_react424.useState(0);
+  const [volume, setVolume] = import_react424.useState(1);
+  const [playbackRateIndex, setPlaybackRateIndex] = import_react424.useState(3);
+  const [bufferedTime, setBufferedTime] = import_react424.useState(0);
+  const [isVolumeBarDown, setIsVolumeBarDown] = import_react424.useState(false);
+  const [isProgressBarDown, setIsProgressBarDown] = import_react424.useState(false);
+  const [openedMenu, setOpenedMenu] = import_react424.useState("none");
+  const [isMetadataLoaded, setIsMetadataLoaded] = import_react424.useState(false);
+  const audioRef = import_react424.useRef(null);
+  const containerRef = import_react424.useRef(null);
+  const progressBarRef = import_react424.useRef(null);
+  const volumeBarRef = import_react424.useRef(null);
+  const extraOptionsBtnRef = import_react424.useRef(null);
+  const playbackRateBtnRef = import_react424.useRef(null);
+  const volumeBtnRef = import_react424.useRef(null);
   const { t: t11 } = useTranslation();
   const account = useAccount();
   const optionsRef = useClickOutside(() => setOpenedMenu("none"), [extraOptionsBtnRef, playbackRateBtnRef], true);
@@ -445140,7 +445177,7 @@ var AudioPlayer = ({ item }) => {
   });
   const isPlaying = item.getIsPlaying();
   const isDisabled = isLoadingUrl || !isMetadataLoaded || !resolvedUrl;
-  import_react423.useEffect(() => {
+  import_react424.useEffect(() => {
     const audio = audioRef.current;
     if (!audio) {
       return;
@@ -445260,7 +445297,7 @@ var AudioPlayer = ({ item }) => {
   };
   const audioMbr = item.getMbr();
   const mbr = new Mbr(audioMbr.left, audioMbr.top, audioMbr.right, audioMbr.bottom).getTransformed(board.camera.getMatrix());
-  return /* @__PURE__ */ import_react423.default.createElement("div", {
+  return /* @__PURE__ */ import_react424.default.createElement("div", {
     className: AudioPlayer_module_default.container,
     style: {
       width: "368px",
@@ -445272,9 +445309,9 @@ var AudioPlayer = ({ item }) => {
       transformOrigin: "top left"
     },
     ref: containerRef
-  }, /* @__PURE__ */ import_react423.default.createElement("div", {
+  }, /* @__PURE__ */ import_react424.default.createElement("div", {
     className: AudioPlayer_module_default.movementBar
-  }), /* @__PURE__ */ import_react423.default.createElement("audio", {
+  }), /* @__PURE__ */ import_react424.default.createElement("audio", {
     ref: audioRef,
     className: AudioPlayer_module_default.displayNone,
     src: resolvedUrl || "",
@@ -445282,9 +445319,9 @@ var AudioPlayer = ({ item }) => {
     onTimeUpdate,
     onLoadedData,
     onProgress
-  }), /* @__PURE__ */ import_react423.default.createElement("div", {
+  }), /* @__PURE__ */ import_react424.default.createElement("div", {
     className: AudioPlayer_module_default.controls
-  }, /* @__PURE__ */ import_react423.default.createElement("button", {
+  }, /* @__PURE__ */ import_react424.default.createElement("button", {
     className: clsx_default(AudioPlayer_module_default.playPauseButton, isDisabled && AudioPlayer_module_default.disabledBackground),
     onClick: () => {
       if (!isDisabled) {
@@ -445292,16 +445329,16 @@ var AudioPlayer = ({ item }) => {
         clearBoardSelection();
       }
     }
-  }, /* @__PURE__ */ import_react423.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react424.default.createElement(Icon, {
     className: clsx_default(isDisabled && AudioPlayer_module_default.disabledColor),
     iconName: isPlaying ? "Pause" : "Play",
     width: 16,
     height: 16
-  })), /* @__PURE__ */ import_react423.default.createElement("div", {
+  })), /* @__PURE__ */ import_react424.default.createElement("div", {
     className: AudioPlayer_module_default.timeControls
-  }, /* @__PURE__ */ import_react423.default.createElement("span", {
+  }, /* @__PURE__ */ import_react424.default.createElement("span", {
     className: clsx_default(AudioPlayer_module_default.duration, isDisabled && AudioPlayer_module_default.disabledColor)
-  }, secondsToHumanReadable(currentTime), " /", " ", secondsToHumanReadable(duration2)), /* @__PURE__ */ import_react423.default.createElement("div", {
+  }, secondsToHumanReadable(currentTime), " /", " ", secondsToHumanReadable(duration2)), /* @__PURE__ */ import_react424.default.createElement("div", {
     ref: progressBarRef,
     className: AudioPlayer_module_default.barContainer,
     onMouseMove: (event) => {
@@ -445321,25 +445358,25 @@ var AudioPlayer = ({ item }) => {
       setIsProgressBarDown(false);
       onProgressBarMove(event);
     }
-  }, /* @__PURE__ */ import_react423.default.createElement("div", {
+  }, /* @__PURE__ */ import_react424.default.createElement("div", {
     className: AudioPlayer_module_default.progressBarContainer
-  }, /* @__PURE__ */ import_react423.default.createElement("div", {
+  }, /* @__PURE__ */ import_react424.default.createElement("div", {
     className: AudioPlayer_module_default.bufferedProgressBar,
     style: {
       width: `${bufferedTime / duration2 * 100 || 0}%`
     }
-  }), /* @__PURE__ */ import_react423.default.createElement("div", {
+  }), /* @__PURE__ */ import_react424.default.createElement("div", {
     className: AudioPlayer_module_default.progressBar,
     style: {
       width: `${currentTime / duration2 * 100 || 0}%`
     }
-  })))), /* @__PURE__ */ import_react423.default.createElement("div", {
+  })))), /* @__PURE__ */ import_react424.default.createElement("div", {
     className: AudioPlayer_module_default.controls,
     ref: optionsRef
-  }, /* @__PURE__ */ import_react423.default.createElement("div", {
+  }, /* @__PURE__ */ import_react424.default.createElement("div", {
     ref: volumeBtnRef,
     className: AudioPlayer_module_default.dropdown
-  }, /* @__PURE__ */ import_react423.default.createElement("button", {
+  }, /* @__PURE__ */ import_react424.default.createElement("button", {
     className: AudioPlayer_module_default.controlsBtn,
     onClick: () => {
       if (!isDisabled) {
@@ -445347,15 +445384,15 @@ var AudioPlayer = ({ item }) => {
         clearBoardSelection();
       }
     }
-  }, /* @__PURE__ */ import_react423.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react424.default.createElement(Icon, {
     className: clsx_default(isDisabled && AudioPlayer_module_default.disabledColor),
     iconName: "Volume",
     width: 16,
     height: 16
-  })), openedMenu === "volume" && /* @__PURE__ */ import_react423.default.createElement(Dropdown2, {
+  })), openedMenu === "volume" && /* @__PURE__ */ import_react424.default.createElement(Dropdown2, {
     className: clsx_default(AudioPlayer_module_default.dropdownMenu, AudioPlayer_module_default.volumeBarMenu),
     style: getVolumeDropdownPosition()
-  }, /* @__PURE__ */ import_react423.default.createElement("div", {
+  }, /* @__PURE__ */ import_react424.default.createElement("div", {
     ref: volumeBarRef,
     style: {
       width: "100%",
@@ -445372,17 +445409,17 @@ var AudioPlayer = ({ item }) => {
     },
     onMouseMove: onVolumeBarMove,
     className: AudioPlayer_module_default.barContainer
-  }, /* @__PURE__ */ import_react423.default.createElement("div", {
+  }, /* @__PURE__ */ import_react424.default.createElement("div", {
     className: AudioPlayer_module_default.volumeBarContainer
-  }, /* @__PURE__ */ import_react423.default.createElement("div", {
+  }, /* @__PURE__ */ import_react424.default.createElement("div", {
     className: AudioPlayer_module_default.volumeBar,
     style: {
       width: `${volume * 100}%`
     }
-  }))))), /* @__PURE__ */ import_react423.default.createElement("div", {
+  }))))), /* @__PURE__ */ import_react424.default.createElement("div", {
     ref: extraOptionsBtnRef,
     className: AudioPlayer_module_default.dropdown
-  }, /* @__PURE__ */ import_react423.default.createElement("button", {
+  }, /* @__PURE__ */ import_react424.default.createElement("button", {
     className: AudioPlayer_module_default.controlsBtn,
     onClick: () => {
       if (!isDisabled) {
@@ -445390,44 +445427,44 @@ var AudioPlayer = ({ item }) => {
         clearBoardSelection();
       }
     }
-  }, /* @__PURE__ */ import_react423.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react424.default.createElement(Icon, {
     className: clsx_default(isDisabled && AudioPlayer_module_default.disabledColor),
     iconName: "Dots",
     width: 16,
     height: 16
-  })), openedMenu === "extraOptions" && /* @__PURE__ */ import_react423.default.createElement(Dropdown2, {
+  })), openedMenu === "extraOptions" && /* @__PURE__ */ import_react424.default.createElement(Dropdown2, {
     padding: 6,
     className: clsx_default(AudioPlayer_module_default.dropdownMenu, AudioPlayer_module_default.extraOptionsMenu),
     style: getOptionsDropdownPosition()
-  }, /* @__PURE__ */ import_react423.default.createElement("div", {
+  }, /* @__PURE__ */ import_react424.default.createElement("div", {
     ref: playbackRateBtnRef
-  }, /* @__PURE__ */ import_react423.default.createElement("button", {
+  }, /* @__PURE__ */ import_react424.default.createElement("button", {
     onClick: onDownloadClick,
     className: AudioPlayer_module_default.dropdownButton
-  }, /* @__PURE__ */ import_react423.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react424.default.createElement(Icon, {
     iconName: "Download",
     width: 20,
     height: 20
-  }), t11("audio.download")), /* @__PURE__ */ import_react423.default.createElement("button", {
+  }), t11("audio.download")), /* @__PURE__ */ import_react424.default.createElement("button", {
     onClick: () => setTimeout(() => toggleOpenedMenu("playbackRate")),
     className: AudioPlayer_module_default.dropdownButton
-  }, /* @__PURE__ */ import_react423.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react424.default.createElement(Icon, {
     iconName: "PlaybackRate",
     width: 20,
     height: 20
-  }), t11("audio.playbackRate")))), openedMenu === "playbackRate" && /* @__PURE__ */ import_react423.default.createElement(Dropdown2, {
+  }), t11("audio.playbackRate")))), openedMenu === "playbackRate" && /* @__PURE__ */ import_react424.default.createElement(Dropdown2, {
     padding: 6,
     className: clsx_default(AudioPlayer_module_default.dropdownMenu, AudioPlayer_module_default.extraOptionsMenu),
     style: getOptionsDropdownPosition()
-  }, /* @__PURE__ */ import_react423.default.createElement("div", {
+  }, /* @__PURE__ */ import_react424.default.createElement("div", {
     onWheelCapture: (event) => event.stopPropagation(),
     className: AudioPlayer_module_default.scrollContainer
   }, PLAYBACK_RATES.map((rate, index4) => {
-    return /* @__PURE__ */ import_react423.default.createElement("button", {
+    return /* @__PURE__ */ import_react424.default.createElement("button", {
       key: rate,
       className: clsx_default(AudioPlayer_module_default.dropdownButton, AudioPlayer_module_default.paybackRateBtn),
       onClick: () => handlePlaybackRateChange(index4)
-    }, rate, index4 === playbackRateIndex && /* @__PURE__ */ import_react423.default.createElement(Icon, {
+    }, rate, index4 === playbackRateIndex && /* @__PURE__ */ import_react424.default.createElement(Icon, {
       iconName: "checkMark",
       width: 20,
       height: 20
@@ -445435,7 +445472,7 @@ var AudioPlayer = ({ item }) => {
   })))))));
 };
 var Dropdown2 = ({ children, className, style: style3, padding: padding3 }) => {
-  return import_react_dom17.createPortal(/* @__PURE__ */ import_react423.default.createElement(UiPanel, {
+  return import_react_dom17.createPortal(/* @__PURE__ */ import_react424.default.createElement(UiPanel, {
     padding: padding3,
     vertical: true,
     style: style3,
@@ -445444,10 +445481,10 @@ var Dropdown2 = ({ children, className, style: style3, padding: padding3 }) => {
 };
 
 // src/features/ErrorBoundary/ErrorBoundary.tsx
-var import_react425 = __toESM(require_react(), 1);
+var import_react426 = __toESM(require_react(), 1);
 
 // src/features/ErrorBoundary/ErrorScreen.tsx
-var import_react424 = __toESM(require_react(), 1);
+var import_react425 = __toESM(require_react(), 1);
 
 // src/features/ErrorBoundary/ErrorBoundary.module.css
 var ErrorBoundary_module_default = {
@@ -445460,23 +445497,23 @@ var ErrorBoundary_module_default = {
 
 // src/features/ErrorBoundary/ErrorScreen.tsx
 function ErrorScreen({ message }) {
-  return /* @__PURE__ */ import_react424.default.createElement("div", {
+  return /* @__PURE__ */ import_react425.default.createElement("div", {
     className: ErrorBoundary_module_default.wrapper
-  }, /* @__PURE__ */ import_react424.default.createElement("div", {
+  }, /* @__PURE__ */ import_react425.default.createElement("div", {
     className: ErrorBoundary_module_default.errorContainer
-  }, /* @__PURE__ */ import_react424.default.createElement("div", {
+  }, /* @__PURE__ */ import_react425.default.createElement("div", {
     className: ErrorBoundary_module_default.errorMessage
-  }, /* @__PURE__ */ import_react424.default.createElement("h2", null, "Something went wrong"), message && /* @__PURE__ */ import_react424.default.createElement("p", {
+  }, /* @__PURE__ */ import_react425.default.createElement("h2", null, "Something went wrong"), message && /* @__PURE__ */ import_react425.default.createElement("p", {
     className: ErrorBoundary_module_default.recoveryInfo
-  }, message), /* @__PURE__ */ import_react424.default.createElement("p", null, "Please reload the page. If the problem persists, try clearing your browser cache."), /* @__PURE__ */ import_react424.default.createElement("div", {
+  }, message), /* @__PURE__ */ import_react425.default.createElement("p", null, "Please reload the page. If the problem persists, try clearing your browser cache."), /* @__PURE__ */ import_react425.default.createElement("div", {
     className: ErrorBoundary_module_default.errorButtons
-  }, /* @__PURE__ */ import_react424.default.createElement(Button, {
+  }, /* @__PURE__ */ import_react425.default.createElement(Button, {
     onClick: () => window.location.reload()
   }, "Reload Page")))));
 }
 
 // src/features/ErrorBoundary/ErrorBoundary.tsx
-class ErrorBoundary extends import_react425.default.Component {
+class ErrorBoundary extends import_react426.default.Component {
   MAX_RECOVERY_ATTEMPTS = 3;
   RECOVERY_TIMEOUT = 1000;
   constructor(props) {
@@ -445520,7 +445557,7 @@ class ErrorBoundary extends import_react425.default.Component {
   };
   render() {
     if (this.state.hasError && this.state.recoveryAttempts >= this.MAX_RECOVERY_ATTEMPTS) {
-      return /* @__PURE__ */ import_react425.default.createElement(ErrorScreen, {
+      return /* @__PURE__ */ import_react426.default.createElement(ErrorScreen, {
         message: this.state.error?.message
       });
     }
@@ -445538,9 +445575,9 @@ function AppView() {
   const navigate = useNavigate();
   const params = useParams();
   const forceUpdate = useForceUpdate();
-  const animationId = import_react426.useRef(null);
-  const containerRef = import_react426.useRef(null);
-  const [offlineNotificationSent, setOfflineNotificationSent] = import_react426.useState(false);
+  const animationId = import_react427.useRef(null);
+  const containerRef = import_react427.useRef(null);
+  const [offlineNotificationSent, setOfflineNotificationSent] = import_react427.useState(false);
   const [searchParams] = useSearchParams();
   const authCode = searchParams.get("code");
   const teamIdSearch = searchParams.get("team_id");
@@ -445558,7 +445595,7 @@ function AppView() {
     Video: VideoPlayer,
     Audio: AudioPlayer
   };
-  import_react426.useEffect(() => {
+  import_react427.useEffect(() => {
     if (!offlineNotificationSent && window.location.href.includes("/welcome")) {
       notify2({
         header: t11("notifications.offlineHeader"),
@@ -445637,54 +445674,54 @@ function AppView() {
     };
   }, [containerRef.current]);
   const appBoard = app.getBoard();
-  return /* @__PURE__ */ import_react426.default.createElement(ErrorBoundary, null, /* @__PURE__ */ import_react426.default.createElement("div", {
+  return /* @__PURE__ */ import_react427.default.createElement(ErrorBoundary, null, /* @__PURE__ */ import_react427.default.createElement("div", {
     className: AppView_module_default.wrapper
-  }, shouldShow("titlePanel") && /* @__PURE__ */ import_react426.default.createElement(LandingMenu, null), shouldShow("titlePanel") && /* @__PURE__ */ import_react426.default.createElement(MobileLandingMenu, null), /* @__PURE__ */ import_react426.default.createElement(InactiveBoardHidder, null, /* @__PURE__ */ import_react426.default.createElement("div", {
+  }, shouldShow("titlePanel") && /* @__PURE__ */ import_react427.default.createElement(LandingMenu, null), shouldShow("titlePanel") && /* @__PURE__ */ import_react427.default.createElement(MobileLandingMenu, null), /* @__PURE__ */ import_react427.default.createElement(InactiveBoardHidder, null, /* @__PURE__ */ import_react427.default.createElement("div", {
     ref: containerRef,
     className: "NoContextMenu"
-  }, /* @__PURE__ */ import_react426.default.createElement(ViewModeGuard, {
+  }, /* @__PURE__ */ import_react427.default.createElement(ViewModeGuard, {
     mode: ["edit", "view"],
-    fallback: /* @__PURE__ */ import_react426.default.createElement("div", {
+    fallback: /* @__PURE__ */ import_react427.default.createElement("div", {
       className: AppView_module_default.loaderWrapper
-    }, /* @__PURE__ */ import_react426.default.createElement(UIMainLoader, null))
-  }), /* @__PURE__ */ import_react426.default.createElement(Canvas, {
+    }, /* @__PURE__ */ import_react427.default.createElement(UIMainLoader, null))
+  }), /* @__PURE__ */ import_react427.default.createElement(Canvas, {
     router: { location: location3, navigate, params },
     app,
     board
-  }, /* @__PURE__ */ import_react426.default.createElement(LinksProvider, null), /* @__PURE__ */ import_react426.default.createElement(ItemsProvider, {
+  }, /* @__PURE__ */ import_react427.default.createElement(LinksProvider, null), /* @__PURE__ */ import_react427.default.createElement(ItemsProvider, {
     itemsComponents
-  })), /* @__PURE__ */ import_react426.default.createElement(TextEditors, {
+  })), /* @__PURE__ */ import_react427.default.createElement(TextEditors, {
     app,
     board,
     setQuotedText,
     setHyperLinkData,
     hyperLinkData,
     sendGenerationRequest: tryToSendGenerationRequest
-  }))), appBoard.getBoardId() === "blank" && /* @__PURE__ */ import_react426.default.createElement(NoBoardIsOpen_default, null), /* @__PURE__ */ import_react426.default.createElement(ExportVisible, null, /* @__PURE__ */ import_react426.default.createElement(SidePanelsContainer, {
+  }))), appBoard.getBoardId() === "blank" && /* @__PURE__ */ import_react427.default.createElement(NoBoardIsOpen_default, null), /* @__PURE__ */ import_react427.default.createElement(ExportVisible, null, /* @__PURE__ */ import_react427.default.createElement(SidePanelsContainer, {
     isBlank: appBoard.getBoardId() === "blank"
-  }), /* @__PURE__ */ import_react426.default.createElement(ContextMenu, null), /* @__PURE__ */ import_react426.default.createElement(ItemTooltip, null), /* @__PURE__ */ import_react426.default.createElement(ViewModeGuard, {
+  }), /* @__PURE__ */ import_react427.default.createElement(ContextMenu, null), /* @__PURE__ */ import_react427.default.createElement(ItemTooltip, null), /* @__PURE__ */ import_react427.default.createElement(ViewModeGuard, {
     mode: "edit"
   }, (interfaceType) => {
     if (interfaceType === "edit" && window.enableAI) {
-      return /* @__PURE__ */ import_react426.default.createElement(AIInput, null);
+      return /* @__PURE__ */ import_react427.default.createElement(AIInput, null);
     }
     return null;
-  })), /* @__PURE__ */ import_react426.default.createElement(ExportVisible, null, /* @__PURE__ */ import_react426.default.createElement(UserPanelLayout, {
+  })), /* @__PURE__ */ import_react427.default.createElement(ExportVisible, null, /* @__PURE__ */ import_react427.default.createElement(UserPanelLayout, {
     app
-  }), /* @__PURE__ */ import_react426.default.createElement(CommentsProvider, null)), /* @__PURE__ */ import_react426.default.createElement(ExportVisible, null, /* @__PURE__ */ import_react426.default.createElement(UserTracking, {
+  }), /* @__PURE__ */ import_react427.default.createElement(CommentsProvider, null)), /* @__PURE__ */ import_react427.default.createElement(ExportVisible, null, /* @__PURE__ */ import_react427.default.createElement(UserTracking, {
     board
-  })), /* @__PURE__ */ import_react426.default.createElement(InactiveBoardHidder, null, /* @__PURE__ */ import_react426.default.createElement(ZoomPanel, 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(ExportPanel, null), /* @__PURE__ */ import_react426.default.createElement(BoardMenu, null)), /* @__PURE__ */ import_react426.default.createElement(HyperLink, null), /* @__PURE__ */ import_react426.default.createElement(AiGenerationButton, null), /* @__PURE__ */ import_react426.default.createElement(HyperLinkInput, null), /* @__PURE__ */ import_react426.default.createElement(ToastProvider, null), authCode && teamIdSearch ? /* @__PURE__ */ import_react426.default.createElement(ImportMiro, null) : null, /* @__PURE__ */ import_react426.default.createElement(CookiesModal, null), /* @__PURE__ */ import_react426.default.createElement(UiModalBackground, null, /* @__PURE__ */ import_react426.default.createElement(ImportMiroStartModal, null), /* @__PURE__ */ import_react426.default.createElement(SelectPaymentModal, null), /* @__PURE__ */ import_react426.default.createElement(UserPlanModal, null), /* @__PURE__ */ import_react426.default.createElement(LimitsModal, null), /* @__PURE__ */ import_react426.default.createElement(HistoryModal, null), /* @__PURE__ */ import_react426.default.createElement(ShareModal, null), /* @__PURE__ */ import_react426.default.createElement(ShareSnapshotModal, null), /* @__PURE__ */ import_react426.default.createElement(ProfileSettingsModal, null), /* @__PURE__ */ import_react426.default.createElement(ChangePasswordModal, null), /* @__PURE__ */ import_react426.default.createElement(AccessDeniedModal, null), /* @__PURE__ */ import_react426.default.createElement(AiUnavailableModal, null), /* @__PURE__ */ import_react426.default.createElement(MediaUnavailableModal, null), /* @__PURE__ */ import_react426.default.createElement(SelectTemplateModal, null), /* @__PURE__ */ import_react426.default.createElement(AuthClipboardModal, null), /* @__PURE__ */ import_react426.default.createElement(ImgAuthClipboardModal, null), /* @__PURE__ */ import_react426.default.createElement(LoadingNotification, null), /* @__PURE__ */ import_react426.default.createElement(ErrorNotification, null), /* @__PURE__ */ import_react426.default.createElement(SuccessNotification, null), /* @__PURE__ */ import_react426.default.createElement(WarnClipboardNotification, null), /* @__PURE__ */ import_react426.default.createElement(WarnNotification, null), /* @__PURE__ */ import_react426.default.createElement(SetLinkToModal, null), /* @__PURE__ */ import_react426.default.createElement(CreateTemplateModal, null), /* @__PURE__ */ import_react426.default.createElement(MouseOrTrackpadModal, null), /* @__PURE__ */ import_react426.default.createElement(CreateCardsModal, null), /* @__PURE__ */ import_react426.default.createElement(CreateDiceModal, null)), /* @__PURE__ */ import_react426.default.createElement(LocalFileSaveProgress_default, null)));
+  })), /* @__PURE__ */ import_react427.default.createElement(InactiveBoardHidder, null, /* @__PURE__ */ import_react427.default.createElement(ZoomPanel, null)), /* @__PURE__ */ import_react427.default.createElement(ViewModeGuard, null, /* @__PURE__ */ import_react427.default.createElement(ContextPanel, null), /* @__PURE__ */ import_react427.default.createElement(QuickAddPanel, null), /* @__PURE__ */ import_react427.default.createElement(ExportPanel, null), /* @__PURE__ */ import_react427.default.createElement(BoardMenu, null)), /* @__PURE__ */ import_react427.default.createElement(HyperLink, null), /* @__PURE__ */ import_react427.default.createElement(AiGenerationButton, null), /* @__PURE__ */ import_react427.default.createElement(HyperLinkInput, null), /* @__PURE__ */ import_react427.default.createElement(ToastProvider, null), authCode && teamIdSearch ? /* @__PURE__ */ import_react427.default.createElement(ImportMiro, null) : null, /* @__PURE__ */ import_react427.default.createElement(CookiesModal, null), /* @__PURE__ */ import_react427.default.createElement(UiModalBackground, null, /* @__PURE__ */ import_react427.default.createElement(ImportMiroStartModal, null), /* @__PURE__ */ import_react427.default.createElement(SelectPaymentModal, null), /* @__PURE__ */ import_react427.default.createElement(UserPlanModal, null), /* @__PURE__ */ import_react427.default.createElement(LimitsModal, null), /* @__PURE__ */ import_react427.default.createElement(HistoryModal, null), /* @__PURE__ */ import_react427.default.createElement(ShareModal, null), /* @__PURE__ */ import_react427.default.createElement(ShareSnapshotModal, null), /* @__PURE__ */ import_react427.default.createElement(ProfileSettingsModal, null), /* @__PURE__ */ import_react427.default.createElement(ChangePasswordModal, null), /* @__PURE__ */ import_react427.default.createElement(AccessDeniedModal, null), /* @__PURE__ */ import_react427.default.createElement(AiUnavailableModal, null), /* @__PURE__ */ import_react427.default.createElement(MediaUnavailableModal, null), /* @__PURE__ */ import_react427.default.createElement(SelectTemplateModal, null), /* @__PURE__ */ import_react427.default.createElement(AuthClipboardModal, null), /* @__PURE__ */ import_react427.default.createElement(ImgAuthClipboardModal, null), /* @__PURE__ */ import_react427.default.createElement(LoadingNotification, null), /* @__PURE__ */ import_react427.default.createElement(ErrorNotification, null), /* @__PURE__ */ import_react427.default.createElement(SuccessNotification, null), /* @__PURE__ */ import_react427.default.createElement(WarnClipboardNotification, null), /* @__PURE__ */ import_react427.default.createElement(WarnNotification, null), /* @__PURE__ */ import_react427.default.createElement(SetLinkToModal, null), /* @__PURE__ */ import_react427.default.createElement(CreateTemplateModal, null), /* @__PURE__ */ import_react427.default.createElement(MouseOrTrackpadModal, null), /* @__PURE__ */ import_react427.default.createElement(CreateCardsModal, null), /* @__PURE__ */ import_react427.default.createElement(CreateDiceModal, null)), /* @__PURE__ */ import_react427.default.createElement(LocalFileSaveProgress_default, null)));
 }
 function preventDefault2(event) {
   event.preventDefault();
 }
 // src/features/AppView/LocalAppView.tsx
-var import_react427 = __toESM(require_react(), 1);
+var import_react428 = __toESM(require_react(), 1);
 function LocalAppView() {
   const { app, board } = useAppContext();
   const forceUpdate = useForceUpdate();
-  const animationId = import_react427.useRef(null);
-  const containerRef = import_react427.useRef(null);
+  const animationId = import_react428.useRef(null);
+  const containerRef = import_react428.useRef(null);
   const { setQuotedText, tryToSendGenerationRequest } = useAIContext();
   const { setHyperLinkData, hyperLinkData } = useHyperLinkContext();
   let canPasteAgain = true;
@@ -445701,7 +445738,7 @@ function LocalAppView() {
       animationId.current = null;
     });
   }
-  import_react427.useEffect(() => {
+  import_react428.useEffect(() => {
     const handleCtrlWheel = (ev) => {
       if (ev.ctrlKey) {
         ev.preventDefault();
@@ -445764,37 +445801,37 @@ function LocalAppView() {
       }
     };
   }, [containerRef.current]);
-  return /* @__PURE__ */ import_react427.default.createElement(ErrorBoundary, null, /* @__PURE__ */ import_react427.default.createElement("div", {
+  return /* @__PURE__ */ import_react428.default.createElement(ErrorBoundary, null, /* @__PURE__ */ import_react428.default.createElement("div", {
     className: AppView_module_default.wrapper
-  }, /* @__PURE__ */ import_react427.default.createElement(InactiveBoardHidder, null, /* @__PURE__ */ import_react427.default.createElement("div", {
+  }, /* @__PURE__ */ import_react428.default.createElement(InactiveBoardHidder, null, /* @__PURE__ */ import_react428.default.createElement("div", {
     ref: containerRef
-  }, /* @__PURE__ */ import_react427.default.createElement(CanvasNoRouter, {
+  }, /* @__PURE__ */ import_react428.default.createElement(CanvasNoRouter, {
     app,
     board
-  }, /* @__PURE__ */ import_react427.default.createElement(LinksProvider, null)), /* @__PURE__ */ import_react427.default.createElement(TextEditors, {
+  }, /* @__PURE__ */ import_react428.default.createElement(LinksProvider, null)), /* @__PURE__ */ import_react428.default.createElement(TextEditors, {
     app,
     board,
     setQuotedText,
     setHyperLinkData,
     hyperLinkData,
     sendGenerationRequest: tryToSendGenerationRequest
-  }))), /* @__PURE__ */ import_react427.default.createElement(ExportVisible, null, /* @__PURE__ */ import_react427.default.createElement(ShapesPanelContextProvider, null, /* @__PURE__ */ import_react427.default.createElement(ToolsPanel, null))), /* @__PURE__ */ import_react427.default.createElement(InactiveBoardHidder, null, /* @__PURE__ */ import_react427.default.createElement(ZoomPanel, null)), /* @__PURE__ */ import_react427.default.createElement(HyperLink, null), /* @__PURE__ */ import_react427.default.createElement(ItemsProvider, {
+  }))), /* @__PURE__ */ import_react428.default.createElement(ExportVisible, null, /* @__PURE__ */ import_react428.default.createElement(ShapesPanelContextProvider, null, /* @__PURE__ */ import_react428.default.createElement(ToolsPanel, null))), /* @__PURE__ */ import_react428.default.createElement(InactiveBoardHidder, null, /* @__PURE__ */ import_react428.default.createElement(ZoomPanel, null)), /* @__PURE__ */ import_react428.default.createElement(HyperLink, null), /* @__PURE__ */ import_react428.default.createElement(ItemsProvider, {
     itemsComponents
-  }), /* @__PURE__ */ import_react427.default.createElement(ViewModeGuard, null, /* @__PURE__ */ import_react427.default.createElement(ContextPanel, null), /* @__PURE__ */ import_react427.default.createElement(QuickAddPanel, null)), /* @__PURE__ */ import_react427.default.createElement(ToastProvider, null), /* @__PURE__ */ import_react427.default.createElement(LocalFileSaveProgress_default, null)));
+  }), /* @__PURE__ */ import_react428.default.createElement(ViewModeGuard, null, /* @__PURE__ */ import_react428.default.createElement(ContextPanel, null), /* @__PURE__ */ import_react428.default.createElement(QuickAddPanel, null)), /* @__PURE__ */ import_react428.default.createElement(ToastProvider, null), /* @__PURE__ */ import_react428.default.createElement(LocalFileSaveProgress_default, null)));
 }
 function preventDefault3(event) {
   event.preventDefault();
 }
 // src/pages/SignupPage/EmailIcon.tsx
-var import_react428 = __toESM(require_react(), 1);
+var import_react429 = __toESM(require_react(), 1);
 var EmailIcon = ({ width: width3 = 20, height: height4 = 20 }) => {
-  return /* @__PURE__ */ import_react428.default.createElement("svg", {
+  return /* @__PURE__ */ import_react429.default.createElement("svg", {
     width: width3,
     height: height4,
     viewBox: "0 0 20 20",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ import_react428.default.createElement("path", {
+  }, /* @__PURE__ */ import_react429.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"
@@ -445802,7 +445839,7 @@ var EmailIcon = ({ width: width3 = 20, height: height4 = 20 }) => {
 };
 
 // src/pages/AddEmailView/AddEmailPage.tsx
-var import_react429 = __toESM(require_react(), 1);
+var import_react430 = __toESM(require_react(), 1);
 var import_isEmail3 = __toESM(require_isEmail(), 1);
 
 // src/pages/AddEmailView/AddEmailPage.module.css
@@ -445823,11 +445860,11 @@ var AddEmailPage_module_default = {
 var AddEmailPage = () => {
   const { t: t11 } = useTranslation();
   const navigate = useNavigate();
-  const formRef = import_react429.default.useRef(null);
-  const [isDisabled, setIsDisabled] = import_react429.useState(true);
-  const [isSubmitLoading, setIsSubmitLoading] = import_react429.useState(false);
-  const [error3, setError] = import_react429.useState("");
-  const [emailError, setEmailError] = import_react429.useState("");
+  const formRef = import_react430.default.useRef(null);
+  const [isDisabled, setIsDisabled] = import_react430.useState(true);
+  const [isSubmitLoading, setIsSubmitLoading] = import_react430.useState(false);
+  const [error3, setError] = import_react430.useState("");
+  const [emailError, setEmailError] = import_react430.useState("");
   const account = useAccount();
   const checkEmail = () => {
     const email = formRef.current?.email.value;
@@ -445902,16 +445939,16 @@ var AddEmailPage = () => {
       }
     }
   };
-  return /* @__PURE__ */ import_react429.default.createElement("div", {
+  return /* @__PURE__ */ import_react430.default.createElement("div", {
     className: AddEmailPage_module_default.wrapper
-  }, /* @__PURE__ */ import_react429.default.createElement("form", {
+  }, /* @__PURE__ */ import_react430.default.createElement("form", {
     className: AddEmailPage_module_default.form,
     onSubmit,
     ref: formRef
-  }, /* @__PURE__ */ import_react429.default.createElement("h1", {
+  }, /* @__PURE__ */ import_react430.default.createElement("h1", {
     className: AddEmailPage_module_default.title
-  }, t11("auth.addEmail")), /* @__PURE__ */ import_react429.default.createElement(Input, {
-    prefixIcon: /* @__PURE__ */ import_react429.default.createElement(EmailIcon, null),
+  }, t11("auth.addEmail")), /* @__PURE__ */ import_react430.default.createElement(Input, {
+    prefixIcon: /* @__PURE__ */ import_react430.default.createElement(EmailIcon, null),
     id: "email",
     type: "text",
     placeholder: t11("auth.emailPlaceholder"),
@@ -445919,18 +445956,18 @@ var AddEmailPage = () => {
     onChange: handleEmailInput,
     hasError: !!emailError,
     errorText: emailError
-  }), /* @__PURE__ */ import_react429.default.createElement("div", {
+  }), /* @__PURE__ */ import_react430.default.createElement("div", {
     className: AddEmailPage_module_default.btns
-  }, /* @__PURE__ */ import_react429.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react430.default.createElement(UiButton, {
     type: "submit",
     disabled: isDisabled,
     loading: isSubmitLoading,
     variant: "primary",
     size: "lg"
-  }, t11("auth.submit"), /* @__PURE__ */ import_react429.default.createElement(Tail, null)))));
+  }, t11("auth.submit"), /* @__PURE__ */ import_react430.default.createElement(Tail, null)))));
 };
 // src/pages/BindEmailPage/BindEmailPage.tsx
-var import_react430 = __toESM(require_react(), 1);
+var import_react431 = __toESM(require_react(), 1);
 
 // src/pages/BindEmailPage/BindEmailPage.module.css
 var BindEmailPage_module_default = {
@@ -445955,16 +445992,16 @@ var BindEmailPage = () => {
   const [searchParams] = useSearchParams();
   const navigate = useNavigate();
   const account = useAccount();
-  const formRef = import_react430.useRef(null);
-  const [retryCount, setRetryCount] = import_react430.useState(0);
-  const [error3, setError] = import_react430.useState("");
-  const [submitDisabled, setSubmitDisabled] = import_react430.useState(true);
-  const [isSubmitLoading, setIsSubmitLoading] = import_react430.useState(false);
-  const [retryDisabled, setRetryDisabled] = import_react430.useState(false);
-  const [isRetryLoading, setIsRetryLoading] = import_react430.useState(false);
-  const [codeTip, setCodeTip] = import_react430.useState("");
-  const [isNewCode, setIsNewCode] = import_react430.useState(false);
-  const [isAttemptsExceeded, setIsAttemptsExceeded] = import_react430.useState(false);
+  const formRef = import_react431.useRef(null);
+  const [retryCount, setRetryCount] = import_react431.useState(0);
+  const [error3, setError] = import_react431.useState("");
+  const [submitDisabled, setSubmitDisabled] = import_react431.useState(true);
+  const [isSubmitLoading, setIsSubmitLoading] = import_react431.useState(false);
+  const [retryDisabled, setRetryDisabled] = import_react431.useState(false);
+  const [isRetryLoading, setIsRetryLoading] = import_react431.useState(false);
+  const [codeTip, setCodeTip] = import_react431.useState("");
+  const [isNewCode, setIsNewCode] = import_react431.useState(false);
+  const [isAttemptsExceeded, setIsAttemptsExceeded] = import_react431.useState(false);
   const boardsList = useBoardsList();
   const onSuccess = async () => {
     await account.fetchAccountInfo();
@@ -446064,7 +446101,7 @@ var BindEmailPage = () => {
       setIsRetryLoading(false);
     });
   };
-  import_react430.useEffect(() => {
+  import_react431.useEffect(() => {
     const emailParam = searchParams.get("email");
     if (!emailParam) {
       return;
@@ -446093,7 +446130,7 @@ var BindEmailPage = () => {
       setIsSubmitLoading(false);
     });
   }, []);
-  import_react430.useEffect(() => {
+  import_react431.useEffect(() => {
     const interval = setInterval(() => {
       setRetryCount((prevCount) => prevCount > 0 ? prevCount - 1 : prevCount);
     }, 1000);
@@ -446101,20 +446138,20 @@ var BindEmailPage = () => {
       clearInterval(interval);
     };
   }, []);
-  return /* @__PURE__ */ import_react430.default.createElement("div", {
+  return /* @__PURE__ */ import_react431.default.createElement("div", {
     className: BindEmailPage_module_default.wrapper
-  }, /* @__PURE__ */ import_react430.default.createElement("form", {
+  }, /* @__PURE__ */ import_react431.default.createElement("form", {
     onSubmit,
     className: BindEmailPage_module_default.form,
     ref: formRef
-  }, /* @__PURE__ */ import_react430.default.createElement("h1", {
+  }, /* @__PURE__ */ import_react431.default.createElement("h1", {
     className: BindEmailPage_module_default.title
-  }, t11("auth.checkInbox")), /* @__PURE__ */ import_react430.default.createElement("p", {
+  }, t11("auth.checkInbox")), /* @__PURE__ */ import_react431.default.createElement("p", {
     className: BindEmailPage_module_default.checkEmail
-  }, t11("auth.weSentCode"), " ", /* @__PURE__ */ import_react430.default.createElement("span", {
+  }, t11("auth.weSentCode"), " ", /* @__PURE__ */ import_react431.default.createElement("span", {
     className: BindEmailPage_module_default.email
-  }, searchParams.get("email")), /* @__PURE__ */ import_react430.default.createElement("br", null), isNewCode ? t11("auth.enterNewCodeBelow") : t11("auth.enterCodeBelow")), /* @__PURE__ */ import_react430.default.createElement(Input, {
-    prefixIcon: /* @__PURE__ */ import_react430.default.createElement(LockIcon, null),
+  }, searchParams.get("email")), /* @__PURE__ */ import_react431.default.createElement("br", null), isNewCode ? t11("auth.enterNewCodeBelow") : t11("auth.enterCodeBelow")), /* @__PURE__ */ import_react431.default.createElement(Input, {
+    prefixIcon: /* @__PURE__ */ import_react431.default.createElement(LockIcon, null),
     type: "text",
     id: "code",
     name: "code",
@@ -446126,15 +446163,15 @@ var BindEmailPage = () => {
     onInput: handleInputChange,
     onFocus: handleInputChange,
     onBlur: handleInputChange
-  }), /* @__PURE__ */ import_react430.default.createElement("div", {
+  }), /* @__PURE__ */ import_react431.default.createElement("div", {
     className: BindEmailPage_module_default.btns
-  }, /* @__PURE__ */ import_react430.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react431.default.createElement(UiButton, {
     disabled: isAttemptsExceeded || submitDisabled,
     type: "submit",
     loading: isSubmitLoading,
     variant: "primary",
     size: "lg"
-  }, t11("auth.submit"), /* @__PURE__ */ import_react430.default.createElement(Tail, null)), /* @__PURE__ */ import_react430.default.createElement(UiButton, {
+  }, t11("auth.submit"), /* @__PURE__ */ import_react431.default.createElement(Tail, null)), /* @__PURE__ */ import_react431.default.createElement(UiButton, {
     variant: "ghost",
     disabled: retryDisabled || retryCount > 0,
     loading: isRetryLoading,
@@ -446144,7 +446181,7 @@ var BindEmailPage = () => {
   }, t11("auth.resendCode"), " ", retryCount > 0 ? `(${secondsToHumanReadable2(retryCount)})` : null))));
 };
 // src/pages/BoardPage.tsx
-var import_react431 = __toESM(require_react(), 1);
+var import_react432 = __toESM(require_react(), 1);
 var BoardPage = () => {
   const { app } = useAppContext();
   const board = app.getBoard();
@@ -446174,7 +446211,7 @@ var BoardPage = () => {
       app.render();
     }
   };
-  import_react431.useEffect(() => {
+  import_react432.useEffect(() => {
     boardsList.loadBoards().then(() => {
       if (params.boardId?.includes("local")) {
         app.openBoardFromFile().then(() => {
@@ -446270,15 +446307,15 @@ var BoardPage = () => {
     });
   }, []);
   if (!board || !account.isInitialized) {
-    return /* @__PURE__ */ import_react431.default.createElement("div", null);
+    return /* @__PURE__ */ import_react432.default.createElement("div", null);
   }
-  return /* @__PURE__ */ import_react431.default.createElement(AppContext.Provider, {
+  return /* @__PURE__ */ import_react432.default.createElement(AppContext.Provider, {
     value: { app, board }
-  }, /* @__PURE__ */ import_react431.default.createElement(AppView, null));
+  }, /* @__PURE__ */ import_react432.default.createElement(AppView, null));
 };
 
 // src/pages/ForgotPasswordPage/ForgotPasswordPage.tsx
-var import_react433 = __toESM(require_react(), 1);
+var import_react434 = __toESM(require_react(), 1);
 
 // src/pages/ForgotPasswordPage/ForgotPasswordPage.module.css
 var ForgotPasswordPage_module_default = {
@@ -446299,15 +446336,15 @@ var isEmail4 = (email) => {
 };
 
 // src/pages/ForgotPasswordPage/SuccessIcon.tsx
-var import_react432 = __toESM(require_react(), 1);
+var import_react433 = __toESM(require_react(), 1);
 var SuccessIcon2 = () => {
-  return /* @__PURE__ */ import_react432.default.createElement("svg", {
+  return /* @__PURE__ */ import_react433.default.createElement("svg", {
     width: "60",
     height: "60",
     viewBox: "0 0 60 60",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ import_react432.default.createElement("path", {
+  }, /* @__PURE__ */ import_react433.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"
   }));
@@ -446316,11 +446353,11 @@ var SuccessIcon2 = () => {
 // src/pages/ForgotPasswordPage/ForgotPasswordPage.tsx
 var ForgotPasswordPage = () => {
   const { t: t11 } = useTranslation();
-  const formRef = import_react433.useRef(null);
-  const [requested, setRequested] = import_react433.useState(false);
-  const [disabled, setDisabled] = import_react433.useState(true);
-  const [isSubmitLoading, setIsSubmitLoading] = import_react433.useState(false);
-  const [error3, setError] = import_react433.useState("");
+  const formRef = import_react434.useRef(null);
+  const [requested, setRequested] = import_react434.useState(false);
+  const [disabled, setDisabled] = import_react434.useState(true);
+  const [isSubmitLoading, setIsSubmitLoading] = import_react434.useState(false);
+  const [error3, setError] = import_react434.useState("");
   const navigate = useNavigate();
   const checkForm = () => {
     if (!formRef.current) {
@@ -446395,25 +446432,25 @@ var ForgotPasswordPage = () => {
     });
   };
   if (requested) {
-    return /* @__PURE__ */ import_react433.default.createElement("div", {
+    return /* @__PURE__ */ import_react434.default.createElement("div", {
       className: ForgotPasswordPage_module_default.requested
-    }, /* @__PURE__ */ import_react433.default.createElement("div", null, /* @__PURE__ */ import_react433.default.createElement(SuccessIcon2, null)), /* @__PURE__ */ import_react433.default.createElement("h1", {
+    }, /* @__PURE__ */ import_react434.default.createElement("div", null, /* @__PURE__ */ import_react434.default.createElement(SuccessIcon2, null)), /* @__PURE__ */ import_react434.default.createElement("h1", {
       className: ForgotPasswordPage_module_default.resetPassword
-    }, t11("auth.resetPassword")), /* @__PURE__ */ import_react433.default.createElement("p", {
+    }, t11("auth.resetPassword")), /* @__PURE__ */ import_react434.default.createElement("p", {
       className: ForgotPasswordPage_module_default.resetPasswordParagraph
-    }, t11("auth.requestReceivedSuccessfully")), /* @__PURE__ */ import_react433.default.createElement(UiButton, {
+    }, t11("auth.requestReceivedSuccessfully")), /* @__PURE__ */ import_react434.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_react433.default.createElement("form", {
+  return /* @__PURE__ */ import_react434.default.createElement("form", {
     ref: formRef,
     onSubmit
-  }, /* @__PURE__ */ import_react433.default.createElement("h1", {
+  }, /* @__PURE__ */ import_react434.default.createElement("h1", {
     className: ForgotPasswordPage_module_default.title
-  }, t11("auth.forgotPassword")), /* @__PURE__ */ import_react433.default.createElement(Input, {
+  }, t11("auth.forgotPassword")), /* @__PURE__ */ import_react434.default.createElement(Input, {
     id: "email",
     label: t11("auth.enterEmailForLink"),
     placeholder: t11("auth.emailPlaceholder"),
@@ -446422,16 +446459,16 @@ var ForgotPasswordPage = () => {
     onBlur: checkFormWithError,
     onInput: handleEmailInput,
     onFocus: checkForm
-  }), /* @__PURE__ */ import_react433.default.createElement("div", {
+  }), /* @__PURE__ */ import_react434.default.createElement("div", {
     className: ForgotPasswordPage_module_default.btns
-  }, /* @__PURE__ */ import_react433.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react434.default.createElement(UiButton, {
     type: "submit",
     disabled,
     className: ForgotPasswordPage_module_default.submitBtn,
     loading: isSubmitLoading,
     variant: "primary",
     size: "lg"
-  }, t11("auth.submit"), " ", /* @__PURE__ */ import_react433.default.createElement(Tail, null)), /* @__PURE__ */ import_react433.default.createElement(UiButton, {
+  }, t11("auth.submit"), " ", /* @__PURE__ */ import_react434.default.createElement(Tail, null)), /* @__PURE__ */ import_react434.default.createElement(UiButton, {
     variant: "ghost",
     onClick: () => {
       navigate(`/auth/sign-in${location.search}`);
@@ -446440,17 +446477,17 @@ var ForgotPasswordPage = () => {
   }, t11("auth.backToLogIn"))));
 };
 // src/pages/HTMLSnapshot/HTMLSnapshot.tsx
-var import_react434 = __toESM(require_react(), 1);
+var import_react435 = __toESM(require_react(), 1);
 var HTMLSnapshot = () => {
   const { uid: uid3 } = useParams();
   const uniquePass = window.location.search;
-  const [htmlContent, setHtmlContent] = import_react434.useState("");
-  const [errStatus, setErrStatus] = import_react434.useState(null);
+  const [htmlContent, setHtmlContent] = import_react435.useState("");
+  const [errStatus, setErrStatus] = import_react435.useState(null);
   const account = useAccount();
-  import_react434.useEffect(() => {
+  import_react435.useEffect(() => {
     account.init();
   }, []);
-  import_react434.useEffect(() => {
+  import_react435.useEffect(() => {
     if (!account.isInitialized) {
       return;
     }
@@ -446472,13 +446509,13 @@ var HTMLSnapshot = () => {
     fetchSnapshot();
   }, [uid3, account]);
   if (errStatus === 404) {
-    return /* @__PURE__ */ import_react434.default.createElement("div", null, "Not found");
+    return /* @__PURE__ */ import_react435.default.createElement("div", null, "Not found");
   } else if (errStatus) {
-    return /* @__PURE__ */ import_react434.default.createElement("div", null, "Unkown error");
+    return /* @__PURE__ */ import_react435.default.createElement("div", null, "Unkown error");
   } else if (!htmlContent || !account.isInitialized) {
-    return /* @__PURE__ */ import_react434.default.createElement("div", null, "Loading...");
+    return /* @__PURE__ */ import_react435.default.createElement("div", null, "Loading...");
   }
-  return /* @__PURE__ */ import_react434.default.createElement("iframe", {
+  return /* @__PURE__ */ import_react435.default.createElement("iframe", {
     title: "HTML Snapshot",
     srcDoc: htmlContent,
     style: { width: "100%", height: "100vh", border: "none" }
@@ -446486,12 +446523,12 @@ var HTMLSnapshot = () => {
 };
 var HTMLSnapshot_default = HTMLSnapshot;
 // src/pages/layouts/AppLayout.tsx
-var import_react439 = __toESM(require_react(), 1);
+var import_react440 = __toESM(require_react(), 1);
 // src/features/Modal/ModalsWrapper.tsx
-var import_react436 = __toESM(require_react(), 1);
+var import_react437 = __toESM(require_react(), 1);
 
 // src/features/Modal/InfoModal.tsx
-var import_react435 = __toESM(require_react(), 1);
+var import_react436 = __toESM(require_react(), 1);
 var import_react_dom18 = __toESM(require_react_dom(), 1);
 
 // src/features/Modal/InfoModal.module.css
@@ -446519,36 +446556,36 @@ var InfoModalView = ({
     event.preventDefault();
     onClose();
   };
-  return /* @__PURE__ */ import_react435.default.createElement("div", {
+  return /* @__PURE__ */ import_react436.default.createElement("div", {
     className: `${InfoModal_module_default.modal} ${isOpen ? InfoModal_module_default.open : null}`
-  }, /* @__PURE__ */ import_react435.default.createElement("div", {
+  }, /* @__PURE__ */ import_react436.default.createElement("div", {
     className: InfoModal_module_default.wrapper
-  }, /* @__PURE__ */ import_react435.default.createElement("div", {
+  }, /* @__PURE__ */ import_react436.default.createElement("div", {
     className: InfoModal_module_default.title
-  }, title2), /* @__PURE__ */ import_react435.default.createElement("div", {
+  }, title2), /* @__PURE__ */ import_react436.default.createElement("div", {
     className: InfoModal_module_default.description
-  }, description), /* @__PURE__ */ import_react435.default.createElement("button", {
+  }, description), /* @__PURE__ */ import_react436.default.createElement("button", {
     className: InfoModal_module_default.modalButton,
     onClick: handleClose
   }, t11("ok"))));
 };
 var InfoModal = (props) => {
-  return import_react_dom18.createPortal(/* @__PURE__ */ import_react435.default.createElement(InfoModalView, {
+  return import_react_dom18.createPortal(/* @__PURE__ */ import_react436.default.createElement(InfoModalView, {
     ...props
   }), document.getElementById("root"));
 };
 var InfoModalContext = createStrictContext();
 var InfoModalProvider = ({ children }) => {
-  const [modalInfo, setModalInfo] = import_react435.useState({ opened: false, title: "", description: "" });
+  const [modalInfo, setModalInfo] = import_react436.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_react435.default.createElement(InfoModalContext.Provider, {
+  return /* @__PURE__ */ import_react436.default.createElement(InfoModalContext.Provider, {
     value: { openModalInfo, closeModalInfo }
-  }, children, /* @__PURE__ */ import_react435.default.createElement(InfoModal, {
+  }, children, /* @__PURE__ */ import_react436.default.createElement(InfoModal, {
     isOpen: modalInfo.opened,
     title: modalInfo.title,
     description: modalInfo.description,
@@ -446558,12 +446595,12 @@ var InfoModalProvider = ({ children }) => {
 
 // src/features/Modal/ModalsWrapper.tsx
 var ModalsWrapper = ({ children }) => {
-  return /* @__PURE__ */ import_react436.default.createElement(ConfirmModalProvider, null, /* @__PURE__ */ import_react436.default.createElement(InfoModalProvider, null, children));
+  return /* @__PURE__ */ import_react437.default.createElement(ConfirmModalProvider, null, /* @__PURE__ */ import_react437.default.createElement(InfoModalProvider, null, children));
 };
 var ModalsWrapper_default = ModalsWrapper;
 
 // src/features/CryptoWrapper/CryptoWrapper.tsx
-var import_react437 = __toESM(require_react(), 1);
+var import_react438 = __toESM(require_react(), 1);
 
 // src/shared/ViewSettings.tsx
 init_chains();
@@ -446576,7 +446613,7 @@ var ViewSettings = {
 };
 
 // src/features/CryptoWrapper/CryptoWrapper.tsx
-class CryptoErrorBoundary extends import_react437.default.Component {
+class CryptoErrorBoundary extends import_react438.default.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -446590,7 +446627,7 @@ class CryptoErrorBoundary extends import_react437.default.Component {
   }
   render() {
     if (this.state.hasError) {
-      return this.props.fallback || /* @__PURE__ */ import_react437.default.createElement(ErrorScreen, null);
+      return this.props.fallback || /* @__PURE__ */ import_react438.default.createElement(ErrorScreen, null);
     }
     return this.props.children;
   }
@@ -446607,18 +446644,18 @@ var queryClient2 = new QueryClient;
 function CryptoWrapper({
   children
 }) {
-  return /* @__PURE__ */ import_react437.default.createElement(CryptoErrorBoundary, {
+  return /* @__PURE__ */ import_react438.default.createElement(CryptoErrorBoundary, {
     onError: (error3, errorInfo) => {
       console.error("Detailed Crypto Wrapper Error:", error3, errorInfo);
     }
-  }, /* @__PURE__ */ import_react437.default.createElement(WagmiProvider, {
+  }, /* @__PURE__ */ import_react438.default.createElement(WagmiProvider, {
     config: createWagmiConfig()
-  }, /* @__PURE__ */ import_react437.default.createElement(QueryClientProvider, {
+  }, /* @__PURE__ */ import_react438.default.createElement(QueryClientProvider, {
     client: queryClient2
-  }, /* @__PURE__ */ import_react437.default.createElement(RainbowKitProvider, null, children))));
+  }, /* @__PURE__ */ import_react438.default.createElement(RainbowKitProvider, null, children))));
 }
 // src/shared/ui-lib/Icon/Sprite.tsx
-var import_react438 = __toESM(require_react(), 1);
+var import_react439 = __toESM(require_react(), 1);
 
 // src/shared/ui-lib/Icon/sprite.svg
 var sprite_default = `<svg width="0" height="0" class="hidden">
@@ -448439,7 +448476,7 @@ var sprite_default = `<svg width="0" height="0" class="hidden">
 
 // src/shared/ui-lib/Icon/Sprite.tsx
 function Sprite() {
-  return /* @__PURE__ */ import_react438.default.createElement("div", {
+  return /* @__PURE__ */ import_react439.default.createElement("div", {
     id: "sprite",
     "aria-hidden": true,
     style: { display: "none" },
@@ -448452,8 +448489,8 @@ function compose2(components) {
     children
   }) {
     return components.reduceRight((acc, Component4) => {
-      return /* @__PURE__ */ import_react439.default.createElement(Component4, null, acc);
-    }, children ? /* @__PURE__ */ import_react439.default.createElement(import_react439.default.Fragment, null, children) : /* @__PURE__ */ import_react439.default.createElement(import_react439.default.Fragment, null));
+      return /* @__PURE__ */ import_react440.default.createElement(Component4, null, acc);
+    }, children ? /* @__PURE__ */ import_react440.default.createElement(import_react440.default.Fragment, null, children) : /* @__PURE__ */ import_react440.default.createElement(import_react440.default.Fragment, null));
   };
 }
 var PROVIDERS = [
@@ -448476,44 +448513,44 @@ var Provider = compose2(PROVIDERS);
 var LocalProvider = compose2(LOCAL_PROVIDERS);
 function AppLayout({ app }) {
   const board = app.getBoard();
-  return /* @__PURE__ */ import_react439.default.createElement(ErrorBoundary, null, /* @__PURE__ */ import_react439.default.createElement(AppContext.Provider, {
+  return /* @__PURE__ */ import_react440.default.createElement(ErrorBoundary, null, /* @__PURE__ */ import_react440.default.createElement(AppContext.Provider, {
     value: { app, board }
-  }, /* @__PURE__ */ import_react439.default.createElement(Sprite, null), /* @__PURE__ */ import_react439.default.createElement(Provider, null, /* @__PURE__ */ import_react439.default.createElement(Outlet, null), /* @__PURE__ */ import_react439.default.createElement(ToastProvider, null))));
+  }, /* @__PURE__ */ import_react440.default.createElement(Sprite, null), /* @__PURE__ */ import_react440.default.createElement(Provider, null, /* @__PURE__ */ import_react440.default.createElement(Outlet, null), /* @__PURE__ */ import_react440.default.createElement(ToastProvider, null))));
 }
 function LocalAppLayout({
   app,
   children
 }) {
   const board = app.getBoard();
-  return /* @__PURE__ */ import_react439.default.createElement(AppContext.Provider, {
+  return /* @__PURE__ */ import_react440.default.createElement(AppContext.Provider, {
     value: { app, board }
-  }, /* @__PURE__ */ import_react439.default.createElement(Sprite, null), /* @__PURE__ */ import_react439.default.createElement(LocalProvider, null, children, /* @__PURE__ */ import_react439.default.createElement(Outlet, null)));
+  }, /* @__PURE__ */ import_react440.default.createElement(Sprite, null), /* @__PURE__ */ import_react440.default.createElement(LocalProvider, null, children, /* @__PURE__ */ import_react440.default.createElement(Outlet, null)));
 }
 
 // src/features/QuickAddButtons/QuickAddButtonsClear.tsx
-var import_react440 = __toESM(require_react(), 1);
+var import_react441 = __toESM(require_react(), 1);
 var QuickAddButtonsClear = ({
   children
 }) => {
   const { app } = useAppContext();
   app.getBoard()?.selection.quickAddButtons.clear();
-  return /* @__PURE__ */ import_react440.default.createElement(import_react440.default.Fragment, null, children);
+  return /* @__PURE__ */ import_react441.default.createElement(import_react441.default.Fragment, null, children);
 };
 var QuickAddButtonsClear_default = QuickAddButtonsClear;
 
 // src/features/Widgets/Navbar/Navbar.tsx
-var import_react442 = __toESM(require_react(), 1);
+var import_react443 = __toESM(require_react(), 1);
 
 // src/features/Widgets/Navbar/lead-icon.tsx
-var import_react441 = __toESM(require_react(), 1);
+var import_react442 = __toESM(require_react(), 1);
 var LeadIcon = ({ width: width3 = 20, height: height4 = 20 }) => {
-  return /* @__PURE__ */ import_react441.default.createElement("svg", {
+  return /* @__PURE__ */ import_react442.default.createElement("svg", {
     width: width3,
     height: height4,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ import_react441.default.createElement("path", {
+  }, /* @__PURE__ */ import_react442.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",
@@ -448528,6 +448565,102 @@ var signUpVisibleRoutes = [
   "/auth/forgot-password",
   "/auth/restore-password"
 ];
+function NavThemeToggle() {
+  const { theme: theme2, toggle } = useUITheme();
+  return /* @__PURE__ */ import_react443.default.createElement("button", {
+    className: "ThemeToggle",
+    onClick: toggle,
+    title: theme2 === "light" ? "Switch to dark theme" : "Switch to light theme"
+  }, theme2 === "light" ? /* @__PURE__ */ import_react443.default.createElement("svg", {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /* @__PURE__ */ import_react443.default.createElement("path", {
+    d: "M17 12.5A7.5 7.5 0 1 1 7.5 3a5.5 5.5 0 0 0 9.5 9.5z",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })) : /* @__PURE__ */ import_react443.default.createElement("svg", {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /* @__PURE__ */ import_react443.default.createElement("circle", {
+    cx: "10",
+    cy: "10",
+    r: "3.5",
+    stroke: "currentColor",
+    strokeWidth: "1.5"
+  }), /* @__PURE__ */ import_react443.default.createElement("line", {
+    x1: "10",
+    y1: "1",
+    x2: "10",
+    y2: "3.5",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round"
+  }), /* @__PURE__ */ import_react443.default.createElement("line", {
+    x1: "10",
+    y1: "16.5",
+    x2: "10",
+    y2: "19",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round"
+  }), /* @__PURE__ */ import_react443.default.createElement("line", {
+    x1: "19",
+    y1: "10",
+    x2: "16.5",
+    y2: "10",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round"
+  }), /* @__PURE__ */ import_react443.default.createElement("line", {
+    x1: "3.5",
+    y1: "10",
+    x2: "1",
+    y2: "10",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round"
+  }), /* @__PURE__ */ import_react443.default.createElement("line", {
+    x1: "16.07",
+    y1: "3.93",
+    x2: "14.31",
+    y2: "5.69",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round"
+  }), /* @__PURE__ */ import_react443.default.createElement("line", {
+    x1: "5.69",
+    y1: "14.31",
+    x2: "3.93",
+    y2: "16.07",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round"
+  }), /* @__PURE__ */ import_react443.default.createElement("line", {
+    x1: "16.07",
+    y1: "16.07",
+    x2: "14.31",
+    y2: "14.31",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round"
+  }), /* @__PURE__ */ import_react443.default.createElement("line", {
+    x1: "5.69",
+    y1: "5.69",
+    x2: "3.93",
+    y2: "3.93",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round"
+  })));
+}
 var Navbar = () => {
   const { t: t11 } = useTranslation();
   const location3 = useLocation();
@@ -448535,26 +448668,28 @@ 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_react442.default.createElement(import_react442.default.Fragment, null, /* @__PURE__ */ import_react442.default.createElement("header", {
+  return /* @__PURE__ */ import_react443.default.createElement(import_react443.default.Fragment, null, /* @__PURE__ */ import_react443.default.createElement("header", {
     className: "NavbarWrapper"
-  }, /* @__PURE__ */ import_react442.default.createElement("a", {
+  }, /* @__PURE__ */ import_react443.default.createElement("a", {
     className: "Logo",
     target: isIframe2() ? "_blank" : "_top",
     href: "https://microboard.ru",
     rel: "noreferrer"
-  }, /* @__PURE__ */ import_react442.default.createElement(LeadIcon, {
+  }, /* @__PURE__ */ import_react443.default.createElement(LeadIcon, {
     width: 20,
     height: 20
-  }), /* @__PURE__ */ import_react442.default.createElement("span", null, "Microboard")), /* @__PURE__ */ import_react442.default.createElement("div", null, isLoginVisible && /* @__PURE__ */ import_react442.default.createElement(NavLink, {
+  }), /* @__PURE__ */ import_react443.default.createElement("span", null, "Microboard")), /* @__PURE__ */ import_react443.default.createElement("div", {
+    className: "NavbarActions"
+  }, isLoginVisible && /* @__PURE__ */ import_react443.default.createElement(NavLink, {
     to: `/auth/sign-in${location3.search}`,
     className: "Link"
-  }, t11("auth.signIn")), isSignUpVisible && /* @__PURE__ */ import_react442.default.createElement(NavLink, {
+  }, t11("auth.signIn")), isSignUpVisible && /* @__PURE__ */ import_react443.default.createElement(NavLink, {
     to: `/auth/sign-up${location3.search}`,
     className: "Link"
-  }, t11("auth.signUpForFree")))), (lastBoardLink || backToSelect) && /* @__PURE__ */ import_react442.default.createElement(NavLink, {
+  }, t11("auth.signUpForFree")), /* @__PURE__ */ import_react443.default.createElement(NavThemeToggle, null))), (lastBoardLink || backToSelect) && /* @__PURE__ */ import_react443.default.createElement(NavLink, {
     to: !backToSelect ? `/boards/${lastBoardLink}` : "/selectBoard",
     className: "Link Back"
-  }, /* @__PURE__ */ import_react442.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react443.default.createElement(Icon, {
     width: 20,
     height: 20,
     iconName: "ArrowLeft1"
@@ -448562,7 +448697,7 @@ var Navbar = () => {
 };
 
 // src/pages/layouts/AuthLayout/AuthLayout.tsx
-var import_react443 = __toESM(require_react(), 1);
+var import_react444 = __toESM(require_react(), 1);
 
 // src/pages/layouts/AuthLayout/AuthLayout.module.css
 var AuthLayout_module_default = {
@@ -448578,7 +448713,7 @@ var AuthLayout = ({ showPolicies }) => {
   const location3 = useLocation();
   const navigate = useNavigate();
   const { t: t11, i18n: i18n2 } = useTranslation();
-  import_react443.useEffect(() => {
+  import_react444.useEffect(() => {
     const params = new URLSearchParams(location3.search);
     if (params.get("authException") === "true") {
       setTimeout(() => {
@@ -448592,24 +448727,24 @@ var AuthLayout = ({ showPolicies }) => {
       navigate({ search: params.toString() }, { replace: true });
     }
   }, [location3, navigate]);
-  return /* @__PURE__ */ import_react443.default.createElement(QuickAddButtonsClear_default, null, /* @__PURE__ */ import_react443.default.createElement("div", {
+  return /* @__PURE__ */ import_react444.default.createElement(QuickAddButtonsClear_default, null, /* @__PURE__ */ import_react444.default.createElement("div", {
     className: AuthLayout_module_default.authView
-  }, /* @__PURE__ */ import_react443.default.createElement("div", {
+  }, /* @__PURE__ */ import_react444.default.createElement("div", {
     className: AuthLayout_module_default.navbar
-  }, /* @__PURE__ */ import_react443.default.createElement(Navbar, null)), /* @__PURE__ */ import_react443.default.createElement("div", {
+  }, /* @__PURE__ */ import_react444.default.createElement(Navbar, null)), /* @__PURE__ */ import_react444.default.createElement("div", {
     className: AuthLayout_module_default.content
-  }, /* @__PURE__ */ import_react443.default.createElement(Outlet, null)), showPolicies && /* @__PURE__ */ import_react443.default.createElement("div", {
+  }, /* @__PURE__ */ import_react444.default.createElement(Outlet, null)), showPolicies && /* @__PURE__ */ import_react444.default.createElement("div", {
     className: AuthLayout_module_default.policy
-  }, t11("auth.policyWith"), " ", /* @__PURE__ */ import_react443.default.createElement(OuterLink, {
+  }, t11("auth.policyWith"), " ", /* @__PURE__ */ import_react444.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_react443.default.createElement(OuterLink, {
+  }, t11("auth.termsAndConditions")), " ", t11("common.and"), " ", /* @__PURE__ */ import_react444.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_react444 = __toESM(require_react(), 1);
+var import_react445 = __toESM(require_react(), 1);
 
 // src/pages/RestorePasswordPage/RestorePasswordPage.module.css
 var RestorePasswordPage_module_default = {
@@ -448624,13 +448759,13 @@ var RestorePasswordPage_module_default = {
 // src/pages/RestorePasswordPage/RestorePasswordPage.tsx
 var RestorePasswordPage = () => {
   const { t: t11 } = useTranslation();
-  const [isDisabled, setIsDisabled] = import_react444.useState(true);
-  const [isSubmitLoading, setIsSubmitLoading] = import_react444.useState(false);
-  const [newPassError, setNewPassError] = import_react444.useState("");
-  const [error3, setError] = import_react444.useState("");
-  const formRef = import_react444.useRef(null);
+  const [isDisabled, setIsDisabled] = import_react445.useState(true);
+  const [isSubmitLoading, setIsSubmitLoading] = import_react445.useState(false);
+  const [newPassError, setNewPassError] = import_react445.useState("");
+  const [error3, setError] = import_react445.useState("");
+  const formRef = import_react445.useRef(null);
   const [searchParams, _9] = useSearchParams();
-  const [isPasswordChanged, setIsPasswordChanged] = import_react444.useState(false);
+  const [isPasswordChanged, setIsPasswordChanged] = import_react445.useState(false);
   const navigate = useNavigate();
   const account = useAccount();
   const checkForm = () => {
@@ -448727,9 +448862,9 @@ var RestorePasswordPage = () => {
     });
   };
   if (isPasswordChanged) {
-    return /* @__PURE__ */ import_react444.default.createElement("div", {
+    return /* @__PURE__ */ import_react445.default.createElement("div", {
       className: RestorePasswordPage_module_default.passwordChanged
-    }, /* @__PURE__ */ import_react444.default.createElement(PasswordChanged, null), /* @__PURE__ */ import_react444.default.createElement(UiButton, {
+    }, /* @__PURE__ */ import_react445.default.createElement(PasswordChanged, null), /* @__PURE__ */ import_react445.default.createElement(UiButton, {
       onClick: () => navigate("/auth/sign-in"),
       variant: "primary",
       size: "lg",
@@ -448738,24 +448873,24 @@ var RestorePasswordPage = () => {
   }
   if (!searchParams.get("token")) {
     console.log("token not provided", searchParams);
-    return /* @__PURE__ */ import_react444.default.createElement("div", null, /* @__PURE__ */ import_react444.default.createElement("p", {
+    return /* @__PURE__ */ import_react445.default.createElement("div", null, /* @__PURE__ */ import_react445.default.createElement("p", {
       className: RestorePasswordPage_module_default.error
-    }, t11("auth.restorationTokenIsNotProvided")), /* @__PURE__ */ import_react444.default.createElement(Link2, {
+    }, t11("auth.restorationTokenIsNotProvided")), /* @__PURE__ */ import_react445.default.createElement(Link2, {
       to: "/auth/forgot-password"
-    }, t11("auth.restorePassword")), /* @__PURE__ */ import_react444.default.createElement(UiButton, {
+    }, t11("auth.restorePassword")), /* @__PURE__ */ import_react445.default.createElement(UiButton, {
       variant: "primary",
       size: "lg"
-    }, /* @__PURE__ */ import_react444.default.createElement(Link, {
+    }, /* @__PURE__ */ import_react445.default.createElement(Link, {
       to: "/auth/sign-in",
       className: RestorePasswordPage_module_default.link
     }, t11("common.backToMain"))));
   }
-  return /* @__PURE__ */ import_react444.default.createElement(AuthForm, {
+  return /* @__PURE__ */ import_react445.default.createElement(AuthForm, {
     ref: formRef,
     onSubmit,
     title: t11("auth.resetPassword"),
     id: "restore-password"
-  }, /* @__PURE__ */ import_react444.default.createElement(Input, {
+  }, /* @__PURE__ */ import_react445.default.createElement(Input, {
     password: true,
     label: t11("auth.passwordMustBeDifferent"),
     placeholder: t11("auth.newPassword"),
@@ -448768,7 +448903,7 @@ var RestorePasswordPage = () => {
     },
     onInput: handleNewPasswordInput,
     onFocus: checkNewPassword
-  }), /* @__PURE__ */ import_react444.default.createElement(Input, {
+  }), /* @__PURE__ */ import_react445.default.createElement(Input, {
     password: true,
     placeholder: t11("auth.newPassword"),
     id: "repeatedPassword",
@@ -448778,16 +448913,16 @@ var RestorePasswordPage = () => {
     errorText: error3,
     helperText: t11("auth.passwordAtLeast"),
     hasError: !!error3.length
-  }), /* @__PURE__ */ import_react444.default.createElement("div", {
+  }), /* @__PURE__ */ import_react445.default.createElement("div", {
     className: RestorePasswordPage_module_default.btns
-  }, /* @__PURE__ */ import_react444.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react445.default.createElement(UiButton, {
     variant: "primary",
     disabled: isDisabled,
     type: "submit",
     className: RestorePasswordPage_module_default.submit,
     loading: isSubmitLoading,
     size: "lg"
-  }, t11("auth.submit"), /* @__PURE__ */ import_react444.default.createElement(Tail, null)), /* @__PURE__ */ import_react444.default.createElement(UiButton, {
+  }, t11("auth.submit"), /* @__PURE__ */ import_react445.default.createElement(Tail, null)), /* @__PURE__ */ import_react445.default.createElement(UiButton, {
     variant: "ghost",
     onClick: () => navigate("/auth/sign-in"),
     size: "lg"
@@ -448799,7 +448934,7 @@ function getEmbedUrl() {
 }
 
 // src/pages/SelectBoardPage/SelectBoardPage.tsx
-var import_react445 = __toESM(require_react(), 1);
+var import_react446 = __toESM(require_react(), 1);
 
 // src/pages/SelectBoardPage/SelectBoardPage.module.css
 var SelectBoardPage_module_default = {
@@ -448837,13 +448972,13 @@ var SelectBoardPage = () => {
   const boardsList = useBoardsList();
   const account = useAccount();
   const isAuth = account.isLoggedIn;
-  const newBoardRef = import_react445.useRef(null);
-  const selectorRef = import_react445.useRef(null);
-  const userPanelRef = import_react445.useRef(null);
-  const [isDropdownOpen, setIsDropdownOpen] = import_react445.useState(false);
-  const [loading, setLoading] = import_react445.useState(false);
-  const [selected, setSelected] = import_react445.useState(null);
-  const [newBoardName, setNewBoardName] = import_react445.useState(t11("board.untitled"));
+  const newBoardRef = import_react446.useRef(null);
+  const selectorRef = import_react446.useRef(null);
+  const userPanelRef = import_react446.useRef(null);
+  const [isDropdownOpen, setIsDropdownOpen] = import_react446.useState(false);
+  const [loading, setLoading] = import_react446.useState(false);
+  const [selected, setSelected] = import_react446.useState(null);
+  const [newBoardName, setNewBoardName] = import_react446.useState(t11("board.untitled"));
   function handleError(er8) {
     window.opener?.postMessage({
       error: er8
@@ -448871,13 +449006,13 @@ var SelectBoardPage = () => {
     }
     successMessageToParent(boardId, accessKey.accessKey, getName(t11, name3));
   }
-  import_react445.useEffect(() => {
+  import_react446.useEffect(() => {
     if (selected === "addNew" && newBoardRef.current) {
       newBoardRef.current.focus();
       newBoardRef.current.select();
     }
   }, [selected]);
-  import_react445.useEffect(() => {
+  import_react446.useEffect(() => {
     const fetchBoards = async () => {
       await app.boardsList.loadBoards();
     };
@@ -448910,40 +449045,40 @@ var SelectBoardPage = () => {
       handleError(er8);
     }
   };
-  return /* @__PURE__ */ import_react445.default.createElement(import_react445.default.Fragment, null, /* @__PURE__ */ import_react445.default.createElement("div", {
+  return /* @__PURE__ */ import_react446.default.createElement(import_react446.default.Fragment, null, /* @__PURE__ */ import_react446.default.createElement("div", {
     className: SelectBoardPage_module_default.container
-  }, /* @__PURE__ */ import_react445.default.createElement("div", {
+  }, /* @__PURE__ */ import_react446.default.createElement("div", {
     className: SelectBoardPage_module_default.header,
     style: { position: "relative" }
-  }, /* @__PURE__ */ import_react445.default.createElement("div", {
+  }, /* @__PURE__ */ import_react446.default.createElement("div", {
     className: SelectBoardPage_module_default.logo
-  }, /* @__PURE__ */ import_react445.default.createElement(Logo, {
+  }, /* @__PURE__ */ import_react446.default.createElement(Logo, {
     id: "logo"
-  }), /* @__PURE__ */ import_react445.default.createElement("div", {
+  }), /* @__PURE__ */ import_react446.default.createElement("div", {
     className: SelectBoardPage_module_default.headerTitle
-  }, "Microboard")), /* @__PURE__ */ import_react445.default.createElement("div", {
+  }, "Microboard")), /* @__PURE__ */ import_react446.default.createElement("div", {
     ref: userPanelRef,
     className: `${SelectBoardPage_module_default.profile} ${!isAuth && SelectBoardPage_module_default.unAuth}`,
     onClick: () => setIsDropdownOpen((prev2) => !prev2)
-  }, /* @__PURE__ */ import_react445.default.createElement(UserAvatar, {
+  }, /* @__PURE__ */ import_react446.default.createElement(UserAvatar, {
     src: account.info?.avatar
-  }), /* @__PURE__ */ import_react445.default.createElement(UserDropDown, {
+  }), /* @__PURE__ */ import_react446.default.createElement(UserDropDown, {
     openerRef: userPanelRef,
     isOpen: isDropdownOpen,
     setIsDropdownOpen,
     customTop: 50,
     email: account.info?.email,
     buttons: isAuth ? [
-      /* @__PURE__ */ import_react445.default.createElement(UiButton, {
+      /* @__PURE__ */ import_react446.default.createElement(UiButton, {
         key: "userDropDown2",
         variant: "ghost",
         onClick: async () => {
           await account.logout();
         },
         size: "lg"
-      }, /* @__PURE__ */ import_react445.default.createElement(Logout, null), " ", t11("auth.logout"))
+      }, /* @__PURE__ */ import_react446.default.createElement(Logout, null), " ", t11("auth.logout"))
     ] : [
-      /* @__PURE__ */ import_react445.default.createElement(UiButton, {
+      /* @__PURE__ */ import_react446.default.createElement(UiButton, {
         key: "userDropDown1",
         onClick: () => {
           setIsDropdownOpen(false);
@@ -448951,12 +449086,12 @@ var SelectBoardPage = () => {
         },
         variant: "ghost",
         size: "lg"
-      }, /* @__PURE__ */ import_react445.default.createElement(Icon, {
+      }, /* @__PURE__ */ import_react446.default.createElement(Icon, {
         iconName: "SignIn",
         width: 20,
         height: 20
       }), " ", t11("auth.signIn")),
-      /* @__PURE__ */ import_react445.default.createElement(UiButton, {
+      /* @__PURE__ */ import_react446.default.createElement(UiButton, {
         key: "userDropDown2",
         variant: "ghost",
         onClick: () => {
@@ -448964,57 +449099,57 @@ var SelectBoardPage = () => {
           navigate("/auth/sign-up?backToSelect=true");
         },
         size: "lg"
-      }, /* @__PURE__ */ import_react445.default.createElement(Icon, {
+      }, /* @__PURE__ */ import_react446.default.createElement(Icon, {
         iconName: "BoxedPlus",
         width: 20,
         height: 20
       }), " ", t11("auth.signUp"))
     ]
-  }))), /* @__PURE__ */ import_react445.default.createElement("div", {
+  }))), /* @__PURE__ */ import_react446.default.createElement("div", {
     className: SelectBoardPage_module_default.title
-  }, !selected && t11("embedding.title"), selected && t11("embedding.customize")), !selected && /* @__PURE__ */ import_react445.default.createElement(import_react445.default.Fragment, null, /* @__PURE__ */ import_react445.default.createElement("div", {
+  }, !selected && t11("embedding.title"), selected && t11("embedding.customize")), !selected && /* @__PURE__ */ import_react446.default.createElement(import_react446.default.Fragment, null, /* @__PURE__ */ import_react446.default.createElement("div", {
     className: SelectBoardPage_module_default.addContainer,
     onClick: () => setSelected("addNew")
-  }, /* @__PURE__ */ import_react445.default.createElement("button", {
+  }, /* @__PURE__ */ import_react446.default.createElement("button", {
     className: SelectBoardPage_module_default.add,
     onClick: () => setSelected("addNew")
-  }, /* @__PURE__ */ import_react445.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react446.default.createElement(Icon, {
     iconName: "addButton",
     width: 16,
     height: 16
-  })), /* @__PURE__ */ import_react445.default.createElement("span", null, t11("embedding.addNew"))), /* @__PURE__ */ import_react445.default.createElement(Folder, {
+  })), /* @__PURE__ */ import_react446.default.createElement("span", null, t11("embedding.addNew"))), /* @__PURE__ */ import_react446.default.createElement(Folder, {
     folder: boardsList.getRootFolder(),
     handleOpenBoard: (board) => setSelected(board)
-  }), /* @__PURE__ */ import_react445.default.createElement(Folder, {
+  }), /* @__PURE__ */ import_react446.default.createElement(Folder, {
     folder: boardsList.getSharedFolder(),
     handleOpenBoard: (board) => setSelected(board)
-  })), selected && selected !== "addNew" && /* @__PURE__ */ import_react445.default.createElement("div", {
+  })), selected && selected !== "addNew" && /* @__PURE__ */ import_react446.default.createElement("div", {
     className: SelectBoardPage_module_default.selected
-  }, /* @__PURE__ */ import_react445.default.createElement("span", {
+  }, /* @__PURE__ */ import_react446.default.createElement("span", {
     className: SelectBoardPage_module_default.selectedIcon
-  }, /* @__PURE__ */ import_react445.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react446.default.createElement(Icon, {
     iconName: "EmbedBoardIcon",
     width: 20,
     height: 20
-  })), /* @__PURE__ */ import_react445.default.createElement("span", null, selected.title)), selected === "addNew" && /* @__PURE__ */ import_react445.default.createElement("div", {
+  })), /* @__PURE__ */ import_react446.default.createElement("span", null, selected.title)), selected === "addNew" && /* @__PURE__ */ import_react446.default.createElement("div", {
     className: SelectBoardPage_module_default.search
-  }, /* @__PURE__ */ import_react445.default.createElement("input", {
+  }, /* @__PURE__ */ import_react446.default.createElement("input", {
     type: "text",
     placeholder: t11("embedding.newBoardPlaceholder"),
     ref: newBoardRef,
     value: newBoardName,
     onChange: (event) => setNewBoardName(event.target.value)
-  })), selected && /* @__PURE__ */ import_react445.default.createElement(import_react445.default.Fragment, null, selected === "addNew" || boardsList.getBoardInfo(selected.id) ? /* @__PURE__ */ import_react445.default.createElement("div", {
+  })), selected && /* @__PURE__ */ import_react446.default.createElement(import_react446.default.Fragment, null, selected === "addNew" || boardsList.getBoardInfo(selected.id) ? /* @__PURE__ */ import_react446.default.createElement("div", {
     className: SelectBoardPage_module_default.selectorsContainer
-  }, /* @__PURE__ */ import_react445.default.createElement(Selector, {
+  }, /* @__PURE__ */ import_react446.default.createElement(Selector, {
     ref: selectorRef,
     label: t11("embedding.allVisitors"),
     options: [
       {
         value: "edit",
-        label: /* @__PURE__ */ import_react445.default.createElement("div", {
+        label: /* @__PURE__ */ import_react446.default.createElement("div", {
           className: SelectBoardPage_module_default.selectorText
-        }, /* @__PURE__ */ import_react445.default.createElement(Icon, {
+        }, /* @__PURE__ */ import_react446.default.createElement(Icon, {
           style: {
             marginRight: "10px"
           },
@@ -449025,9 +449160,9 @@ var SelectBoardPage = () => {
       },
       {
         value: "view",
-        label: /* @__PURE__ */ import_react445.default.createElement("div", {
+        label: /* @__PURE__ */ import_react446.default.createElement("div", {
           className: SelectBoardPage_module_default.selectorText
-        }, /* @__PURE__ */ import_react445.default.createElement(Icon, {
+        }, /* @__PURE__ */ import_react446.default.createElement(Icon, {
           style: {
             marginRight: "10px"
           },
@@ -449037,30 +449172,30 @@ var SelectBoardPage = () => {
         }), " ", t11("embedding.canView"))
       }
     ]
-  })) : !selected.notFound && /* @__PURE__ */ import_react445.default.createElement("div", {
+  })) : !selected.notFound && /* @__PURE__ */ import_react446.default.createElement("div", {
     className: SelectBoardPage_module_default.infoMessage
-  }, /* @__PURE__ */ import_react445.default.createElement("div", null, /* @__PURE__ */ import_react445.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react446.default.createElement("div", null, /* @__PURE__ */ import_react446.default.createElement(Icon, {
     iconName: "Info",
     width: 16,
     height: 16
-  }), t11("embedding.notOwner")), /* @__PURE__ */ import_react445.default.createElement("div", {
+  }), t11("embedding.notOwner")), /* @__PURE__ */ import_react446.default.createElement("div", {
     className: SelectBoardPage_module_default.secondary
-  }, t11("embedding.optionsUnavailable"))), selected !== "addNew" && selected.notFound && /* @__PURE__ */ import_react445.default.createElement("div", {
+  }, t11("embedding.optionsUnavailable"))), selected !== "addNew" && selected.notFound && /* @__PURE__ */ import_react446.default.createElement("div", {
     className: `${SelectBoardPage_module_default.infoMessage} ${SelectBoardPage_module_default.error}`
-  }, /* @__PURE__ */ import_react445.default.createElement("div", null, /* @__PURE__ */ import_react445.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react446.default.createElement("div", null, /* @__PURE__ */ import_react446.default.createElement(Icon, {
     iconName: "Info",
     width: 16,
     height: 16
-  }), t11("modalInfo.accessDenied.title")), /* @__PURE__ */ import_react445.default.createElement("div", {
+  }), t11("modalInfo.accessDenied.title")), /* @__PURE__ */ import_react446.default.createElement("div", {
     className: SelectBoardPage_module_default.secondary
-  }, t11("modalInfo.accessDenied.description"))), /* @__PURE__ */ import_react445.default.createElement("div", {
+  }, t11("modalInfo.accessDenied.description"))), /* @__PURE__ */ import_react446.default.createElement("div", {
     className: SelectBoardPage_module_default.buttonContainer
-  }, /* @__PURE__ */ import_react445.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react446.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_react445.default.createElement(UiButton, {
+  }, t11("embedding.embedBoardButton")), /* @__PURE__ */ import_react446.default.createElement(UiButton, {
     className: `${SelectBoardPage_module_default.button} ${SelectBoardPage_module_default.secondary}`,
     onClick: () => setSelected(null),
     disabled: loading,
@@ -449068,7 +449203,7 @@ var SelectBoardPage = () => {
   }, t11("embedding.back"))))));
 };
 // src/pages/SigninPage/SigninPage.tsx
-var import_react448 = __toESM(require_react(), 1);
+var import_react449 = __toESM(require_react(), 1);
 
 // src/pages/SigninPage/SigninPage.module.css
 var SigninPage_module_default = {
@@ -449078,7 +449213,7 @@ var SigninPage_module_default = {
 };
 
 // src/features/Notifications/SigninErrorNotification.tsx
-var import_react446 = __toESM(require_react(), 1);
+var import_react447 = __toESM(require_react(), 1);
 
 // src/features/Notifications/Notifications.module.css
 var Notifications_module_default = {
@@ -449092,48 +449227,48 @@ var ERROR_SIGNIN_NOTIFY = Symbol("errorSignin");
 var SigninErrorNotification = () => {
   const { isModalOpen: isModalOpen2, closeModal: closeModal2 } = useUiModalContext();
   const { t: t11 } = useTranslation();
-  return /* @__PURE__ */ import_react446.default.createElement(Notification, {
+  return /* @__PURE__ */ import_react447.default.createElement(Notification, {
     isOpen: isModalOpen2(ERROR_SIGNIN_NOTIFY),
     setIsOpen: closeModal2,
     infoColor: "#E6483D" /* error */,
     infoIcon: true,
     cross: true
-  }, /* @__PURE__ */ import_react446.default.createElement("div", {
+  }, /* @__PURE__ */ import_react447.default.createElement("div", {
     className: Notifications_module_default.notificationWr
-  }, /* @__PURE__ */ import_react446.default.createElement("h3", {
+  }, /* @__PURE__ */ import_react447.default.createElement("h3", {
     className: Notifications_module_default.notificationTitle
-  }, t11("auth.signinNotifyError.title")), /* @__PURE__ */ import_react446.default.createElement("p", {
+  }, t11("auth.signinNotifyError.title")), /* @__PURE__ */ import_react447.default.createElement("p", {
     className: Notifications_module_default.notificationText
   }, t11("auth.signinNotifyError.text"))));
 };
 // src/features/Notifications/SignupErrorNotification.tsx
-var import_react447 = __toESM(require_react(), 1);
+var import_react448 = __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_react447.default.createElement(Notification, {
+  return /* @__PURE__ */ import_react448.default.createElement(Notification, {
     isOpen: isModalOpen2(ERROR_SIGNUP_NOTIFY),
     setIsOpen: closeModal2,
     infoColor: "#E6483D" /* error */,
     cross: true
-  }, /* @__PURE__ */ import_react447.default.createElement("div", {
+  }, /* @__PURE__ */ import_react448.default.createElement("div", {
     className: Notifications_module_default.notificationWr
-  }, /* @__PURE__ */ import_react447.default.createElement("h3", {
+  }, /* @__PURE__ */ import_react448.default.createElement("h3", {
     className: Notifications_module_default.notificationTitle
-  }, t11("auth.signupNotifyError.title")), /* @__PURE__ */ import_react447.default.createElement("p", {
+  }, t11("auth.signupNotifyError.title")), /* @__PURE__ */ import_react448.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_react448.useState(true);
-  const [isSubmitLoading, setIsSubmitLoading] = import_react448.useState(false);
+  const [submitDisabled, setSubmitDisabled] = import_react449.useState(true);
+  const [isSubmitLoading, setIsSubmitLoading] = import_react449.useState(false);
   const navigate = useNavigate();
-  const formRef = import_react448.useRef(null);
-  const [emailError, setEmailError] = import_react448.useState("");
-  const [errorText, setErrorText] = import_react448.useState("");
+  const formRef = import_react449.useRef(null);
+  const [emailError, setEmailError] = import_react449.useState("");
+  const [errorText, setErrorText] = import_react449.useState("");
   const account = useAccount();
   const boards = useBoardsList();
   const { openModal: openModal2 } = useUiModalContext();
@@ -449228,25 +449363,25 @@ var SigninPage = () => {
   const handlePasswordInput = () => {
     checkForm();
   };
-  return /* @__PURE__ */ import_react448.default.createElement(import_react448.default.Fragment, null, /* @__PURE__ */ import_react448.default.createElement(AuthForm, {
+  return /* @__PURE__ */ import_react449.default.createElement(import_react449.default.Fragment, null, /* @__PURE__ */ import_react449.default.createElement(AuthForm, {
     title: t11("auth.signIn"),
     id: "signin-form",
     onSubmit,
     ref: formRef,
     showPolicies: true,
     showAnotherAuthWay: true
-  }, /* @__PURE__ */ import_react448.default.createElement(Input, {
+  }, /* @__PURE__ */ import_react449.default.createElement(Input, {
     id: "email",
-    prefixIcon: /* @__PURE__ */ import_react448.default.createElement(EmailIcon, null),
+    prefixIcon: /* @__PURE__ */ import_react449.default.createElement(EmailIcon, null),
     placeholder: t11("auth.emailPlaceholder"),
     hasError: !!emailError.length,
     errorText: emailError,
     onBlur: checkEmail,
     onInput: handleEmailInput,
     onFocus: checkForm
-  }), /* @__PURE__ */ import_react448.default.createElement(Input, {
+  }), /* @__PURE__ */ import_react449.default.createElement(Input, {
     id: "password",
-    prefixIcon: /* @__PURE__ */ import_react448.default.createElement(LockIcon, null),
+    prefixIcon: /* @__PURE__ */ import_react449.default.createElement(LockIcon, null),
     placeholder: t11("auth.passwordPlaceholder"),
     password: true,
     onInput: handlePasswordInput,
@@ -449254,27 +449389,27 @@ var SigninPage = () => {
     onBlur: checkForm,
     errorText,
     hasError: !!errorText
-  }), /* @__PURE__ */ import_react448.default.createElement("div", {
+  }), /* @__PURE__ */ import_react449.default.createElement("div", {
     className: SigninPage_module_default.btns
-  }, /* @__PURE__ */ import_react448.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react449.default.createElement(UiButton, {
     type: "submit",
     disabled: submitDisabled,
     loading: isSubmitLoading,
     variant: "primary",
     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: "secondary",
     className: SigninPage_module_default.forgot,
     onClick: () => navigate(`/auth/forgot-password${location.search}`),
     size: "lg"
-  }, t11("auth.forgotPassword")), /* @__PURE__ */ import_react448.default.createElement(UiButton, {
+  }, t11("auth.forgotPassword")), /* @__PURE__ */ import_react449.default.createElement(UiButton, {
     variant: "ghost",
     onClick: () => navigate(`/auth/sign-up${location.search}`),
     size: "lg"
-  }, t11("auth.signUpForFree")))), /* @__PURE__ */ import_react448.default.createElement(SigninErrorNotification, null));
+  }, t11("auth.signUpForFree")))), /* @__PURE__ */ import_react449.default.createElement(SigninErrorNotification, null));
 };
 // src/pages/SignupPage/SignupPage.tsx
-var import_react449 = __toESM(require_react(), 1);
+var import_react450 = __toESM(require_react(), 1);
 var import_isEmail4 = __toESM(require_isEmail(), 1);
 
 // src/pages/SignupPage/SignupPage.module.css
@@ -449291,14 +449426,14 @@ var SignupPage_module_default = {
 var SignupPage = () => {
   const { t: t11 } = useTranslation();
   const navigate = useNavigate();
-  const formRef = import_react449.default.useRef(null);
-  const [showNameInput, setShowNameInput] = import_react449.useState(true);
-  const [username, setUsername] = import_react449.useState("");
-  const [newsletter, setNewsletter] = import_react449.useState(true);
-  const [isDisabled, setIsDisabled] = import_react449.useState(true);
-  const [isSubmitLoading, setIsSubmitLoading] = import_react449.useState(false);
-  const [error3, setError] = import_react449.useState("");
-  const [emailError, setEmailError] = import_react449.useState("");
+  const formRef = import_react450.default.useRef(null);
+  const [showNameInput, setShowNameInput] = import_react450.useState(true);
+  const [username, setUsername] = import_react450.useState("");
+  const [newsletter, setNewsletter] = import_react450.useState(true);
+  const [isDisabled, setIsDisabled] = import_react450.useState(true);
+  const [isSubmitLoading, setIsSubmitLoading] = import_react450.useState(false);
+  const [error3, setError] = import_react450.useState("");
+  const [emailError, setEmailError] = import_react450.useState("");
   const account = useAccount();
   const { openModal: openModal2 } = useUiModalContext();
   const next5 = () => {
@@ -449441,19 +449576,19 @@ var SignupPage = () => {
     });
   };
   const onNewsletterChange = (checked3) => setNewsletter(checked3);
-  return /* @__PURE__ */ import_react449.default.createElement(import_react449.default.Fragment, null, /* @__PURE__ */ import_react449.default.createElement(AuthForm, {
+  return /* @__PURE__ */ import_react450.default.createElement(import_react450.default.Fragment, null, /* @__PURE__ */ import_react450.default.createElement(AuthForm, {
     onSubmit,
     ref: formRef,
     id: "sign-up",
     title: t11("auth.signUpForFree"),
     showAnotherAuthWay: true
-  }, showNameInput ? /* @__PURE__ */ import_react449.default.createElement(Input, {
+  }, showNameInput ? /* @__PURE__ */ import_react450.default.createElement(Input, {
     id: "name",
     onChange: (ev) => {
       setUsername(ev.target.value);
       checkName(ev.target.value);
     },
-    prefixIcon: /* @__PURE__ */ import_react449.default.createElement(Icon, {
+    prefixIcon: /* @__PURE__ */ import_react450.default.createElement(Icon, {
       iconName: "human",
       width: 20,
       height: 20
@@ -449463,8 +449598,8 @@ var SignupPage = () => {
     hasError: !!error3,
     errorText: error3,
     helperText: error3 ? "" : t11("auth.nameDesc")
-  }) : /* @__PURE__ */ import_react449.default.createElement(import_react449.default.Fragment, null, /* @__PURE__ */ import_react449.default.createElement(Input, {
-    prefixIcon: /* @__PURE__ */ import_react449.default.createElement(EmailIcon, null),
+  }) : /* @__PURE__ */ import_react450.default.createElement(import_react450.default.Fragment, null, /* @__PURE__ */ import_react450.default.createElement(Input, {
+    prefixIcon: /* @__PURE__ */ import_react450.default.createElement(EmailIcon, null),
     id: "email",
     type: "text",
     placeholder: t11("auth.emailPlaceholder"),
@@ -449473,8 +449608,8 @@ var SignupPage = () => {
     onFocus: checkForm,
     hasError: !!emailError,
     errorText: emailError
-  }), /* @__PURE__ */ import_react449.default.createElement(Input, {
-    prefixIcon: /* @__PURE__ */ import_react449.default.createElement(LockIcon, null),
+  }), /* @__PURE__ */ import_react450.default.createElement(Input, {
+    prefixIcon: /* @__PURE__ */ import_react450.default.createElement(LockIcon, null),
     id: "password",
     errorText: error3,
     password: true,
@@ -449484,9 +449619,9 @@ var SignupPage = () => {
     onInput: handlePasswordInput,
     onFocus: checkForm,
     onBlur: checkForm
-  })), /* @__PURE__ */ import_react449.default.createElement("div", {
+  })), /* @__PURE__ */ import_react450.default.createElement("div", {
     className: SignupPage_module_default.btns
-  }, showNameInput ? /* @__PURE__ */ import_react449.default.createElement(UiButton, {
+  }, showNameInput ? /* @__PURE__ */ import_react450.default.createElement(UiButton, {
     variant: "primary",
     disabled: isDisabled,
     type: "button",
@@ -449495,22 +449630,22 @@ var SignupPage = () => {
       next5();
     },
     size: "lg"
-  }, t11("auth.next")) : /* @__PURE__ */ import_react449.default.createElement(import_react449.default.Fragment, null, /* @__PURE__ */ import_react449.default.createElement(Checkbox, {
+  }, t11("auth.next")) : /* @__PURE__ */ import_react450.default.createElement(import_react450.default.Fragment, null, /* @__PURE__ */ import_react450.default.createElement(Checkbox, {
     checked: true,
     onChange: onNewsletterChange,
     className: SignupPage_module_default.checkboxWr
-  }, /* @__PURE__ */ import_react449.default.createElement("span", {
+  }, /* @__PURE__ */ import_react450.default.createElement("span", {
     className: SignupPage_module_default.newsletter
-  }, t11("auth.newsletter"), /* @__PURE__ */ import_react449.default.createElement(OuterLink, {
+  }, t11("auth.newsletter"), /* @__PURE__ */ import_react450.default.createElement(OuterLink, {
     href: "https://microboard.io/privacy-policy",
     className: SignupPage_module_default.newsletterLink
-  }, " ", "Microboard.io"))), /* @__PURE__ */ import_react449.default.createElement(UiButton, {
+  }, " ", "Microboard.io"))), /* @__PURE__ */ import_react450.default.createElement(UiButton, {
     type: "submit",
     disabled: isDisabled,
     loading: isSubmitLoading,
     variant: "primary",
     size: "lg"
-  }, t11("auth.submit"), /* @__PURE__ */ import_react449.default.createElement(Tail, null))), /* @__PURE__ */ import_react449.default.createElement(UiButton, {
+  }, t11("auth.submit"), /* @__PURE__ */ import_react450.default.createElement(Tail, null))), /* @__PURE__ */ import_react450.default.createElement(UiButton, {
     variant: "ghost",
     onClick: (ev) => {
       ev.preventDefault();
@@ -449519,11 +449654,11 @@ var SignupPage = () => {
     className: SignupPage_module_default.login,
     type: "button",
     size: "lg"
-  }, t11("auth.signIn")))), /* @__PURE__ */ import_react449.default.createElement(SignupErrorNotification, null));
+  }, t11("auth.signIn")))), /* @__PURE__ */ import_react450.default.createElement(SignupErrorNotification, null));
 };
 
 // src/pages/VerifyMailPage/VerifyMailPage.tsx
-var import_react450 = __toESM(require_react(), 1);
+var import_react451 = __toESM(require_react(), 1);
 
 // src/pages/VerifyMailPage/VerifyMailPage.module.css
 var VerifyMailPage_module_default = {
@@ -449541,17 +449676,17 @@ var secondsToHumanReadable3 = (seconds) => {
 var VerifyMailPage = () => {
   const { t: t11 } = useTranslation();
   const [searchParams, _setSearchParams] = useSearchParams();
-  const [retryCount, setRetryCount] = import_react450.default.useState(0);
+  const [retryCount, setRetryCount] = import_react451.default.useState(0);
   const navigate = useNavigate();
-  const [error3, setError] = import_react450.useState("");
-  const [submitDisabled, setSubmitDisabled] = import_react450.useState(true);
-  const [isSubmitLoading, setIsSubmitLoading] = import_react450.useState(false);
-  const [retryDisabled, setRetryDisabled] = import_react450.useState(false);
-  const [isRetryLoading, setIsRetryLoading] = import_react450.useState(false);
-  const formRef = import_react450.useRef(null);
-  const [codeTip, setCodeTip] = import_react450.useState("");
-  const [isNewCode, setIsNewCode] = import_react450.useState(false);
-  const [isAttemptsExceeded, setIsAttemptsExceeded] = import_react450.useState(false);
+  const [error3, setError] = import_react451.useState("");
+  const [submitDisabled, setSubmitDisabled] = import_react451.useState(true);
+  const [isSubmitLoading, setIsSubmitLoading] = import_react451.useState(false);
+  const [retryDisabled, setRetryDisabled] = import_react451.useState(false);
+  const [isRetryLoading, setIsRetryLoading] = import_react451.useState(false);
+  const formRef = import_react451.useRef(null);
+  const [codeTip, setCodeTip] = import_react451.useState("");
+  const [isNewCode, setIsNewCode] = import_react451.useState(false);
+  const [isAttemptsExceeded, setIsAttemptsExceeded] = import_react451.useState(false);
   const account = useAccount();
   const boardsList = useBoardsList();
   const onSuccess = async () => {
@@ -449660,7 +449795,7 @@ var VerifyMailPage = () => {
       setIsRetryLoading(false);
     });
   };
-  import_react450.useEffect(() => {
+  import_react451.useEffect(() => {
     if (!searchParams.get("email")) {
       return;
     }
@@ -449692,7 +449827,7 @@ var VerifyMailPage = () => {
       setIsSubmitLoading(false);
     });
   }, []);
-  import_react450.useEffect(() => {
+  import_react451.useEffect(() => {
     const interval = setInterval(() => {
       if (retryCount > 0) {
         setRetryCount(retryCount - 1);
@@ -449704,17 +449839,17 @@ var VerifyMailPage = () => {
       }
     };
   });
-  return /* @__PURE__ */ import_react450.default.createElement(AuthForm, {
+  return /* @__PURE__ */ import_react451.default.createElement(AuthForm, {
     onSubmit,
     ref: formRef,
     title: t11("auth.checkInbox"),
     id: "verify-mail"
-  }, !isNewCode && /* @__PURE__ */ import_react450.default.createElement("p", {
+  }, !isNewCode && /* @__PURE__ */ import_react451.default.createElement("p", {
     className: VerifyMailPage_module_default.checkEmail
-  }, t11("auth.weSentCode"), " ", /* @__PURE__ */ import_react450.default.createElement("span", {
+  }, t11("auth.weSentCode"), " ", /* @__PURE__ */ import_react451.default.createElement("span", {
     className: VerifyMailPage_module_default.email
-  }, searchParams.get("email")), /* @__PURE__ */ import_react450.default.createElement("br", null), t11("auth.enterCodeBelow")), /* @__PURE__ */ import_react450.default.createElement(Input, {
-    prefixIcon: /* @__PURE__ */ import_react450.default.createElement(LockIcon, null),
+  }, searchParams.get("email")), /* @__PURE__ */ import_react451.default.createElement("br", null), t11("auth.enterCodeBelow")), /* @__PURE__ */ import_react451.default.createElement(Input, {
+    prefixIcon: /* @__PURE__ */ import_react451.default.createElement(LockIcon, null),
     type: "text",
     id: "code",
     name: "code",
@@ -449726,15 +449861,15 @@ var VerifyMailPage = () => {
     onInput: handleInputChange,
     onFocus: handleInputChange,
     onBlur: handleBlur
-  }), /* @__PURE__ */ import_react450.default.createElement("div", {
+  }), /* @__PURE__ */ import_react451.default.createElement("div", {
     className: VerifyMailPage_module_default.btns
-  }, /* @__PURE__ */ import_react450.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react451.default.createElement(UiButton, {
     variant: "primary",
     disabled: isAttemptsExceeded || submitDisabled,
     type: "submit",
     loading: isSubmitLoading,
     size: "lg"
-  }, t11("auth.submit"), /* @__PURE__ */ import_react450.default.createElement(Tail, null)), /* @__PURE__ */ import_react450.default.createElement(UiButton, {
+  }, t11("auth.submit"), /* @__PURE__ */ import_react451.default.createElement(Tail, null)), /* @__PURE__ */ import_react451.default.createElement(UiButton, {
     variant: "ghost",
     disabled: retryDisabled || retryCount > 0,
     loading: isRetryLoading,
@@ -449787,7 +449922,7 @@ class WheelEventLogger {
 }
 
 // src/pages/WheelLogger/WheelLogger.tsx
-var import_react451 = __toESM(require_react(), 1);
+var import_react452 = __toESM(require_react(), 1);
 
 // src/pages/WheelLogger/WheelLogger.module.css
 var WheelLogger_module_default = {
@@ -449803,10 +449938,10 @@ var WheelEventLoggerPage = () => {
   const { app } = useAppContext();
   const board = app.getBoard();
   const boardsList = useBoardsList();
-  const [events4, setEvents] = import_react451.useState([]);
-  const [mousePosition, setMousePosition] = import_react451.useState({ x: 0, y: 0 });
-  const loggerRef = import_react451.useRef(null);
-  import_react451.useLayoutEffect(() => {
+  const [events4, setEvents] = import_react452.useState([]);
+  const [mousePosition, setMousePosition] = import_react452.useState({ x: 0, y: 0 });
+  const loggerRef = import_react452.useRef(null);
+  import_react452.useLayoutEffect(() => {
     const init7 = async () => {
       try {
         await boardsList.loadBoards();
@@ -449837,21 +449972,21 @@ var WheelEventLoggerPage = () => {
     document.body.removeChild(a10);
   };
   if (!board) {
-    return /* @__PURE__ */ import_react451.default.createElement("div", null);
+    return /* @__PURE__ */ import_react452.default.createElement("div", null);
   }
-  return /* @__PURE__ */ import_react451.default.createElement(import_react451.default.Fragment, null, /* @__PURE__ */ import_react451.default.createElement(AppContext.Provider, {
+  return /* @__PURE__ */ import_react452.default.createElement(import_react452.default.Fragment, null, /* @__PURE__ */ import_react452.default.createElement(AppContext.Provider, {
     value: { app, board }
-  }, /* @__PURE__ */ import_react451.default.createElement(AppView, null)), /* @__PURE__ */ import_react451.default.createElement("div", {
+  }, /* @__PURE__ */ import_react452.default.createElement(AppView, null)), /* @__PURE__ */ import_react452.default.createElement("div", {
     className: WheelLogger_module_default.loggerContainer
-  }, /* @__PURE__ */ import_react451.default.createElement("div", {
+  }, /* @__PURE__ */ import_react452.default.createElement("div", {
     className: WheelLogger_module_default.loggerTitle
-  }, "Wheel Event Logger"), /* @__PURE__ */ import_react451.default.createElement("div", {
+  }, "Wheel Event Logger"), /* @__PURE__ */ import_react452.default.createElement("div", {
     className: WheelLogger_module_default.loggerMouse
-  }, "Mouse: (", mousePosition.x, ", ", mousePosition.y, ")"), /* @__PURE__ */ import_react451.default.createElement("div", {
+  }, "Mouse: (", mousePosition.x, ", ", mousePosition.y, ")"), /* @__PURE__ */ import_react452.default.createElement("div", {
     className: WheelLogger_module_default.loggerEvents
-  }, events4.slice(0, 10).map((entry, index4) => /* @__PURE__ */ import_react451.default.createElement("div", {
+  }, events4.slice(0, 10).map((entry, index4) => /* @__PURE__ */ import_react452.default.createElement("div", {
     key: index4
-  }, `ΔX: ${entry.deltaX}, ΔY: ${entry.deltaY}, Mode: ${entry.deltaMode}`))), /* @__PURE__ */ import_react451.default.createElement(UiButton, {
+  }, `ΔX: ${entry.deltaX}, ΔY: ${entry.deltaY}, Mode: ${entry.deltaMode}`))), /* @__PURE__ */ import_react452.default.createElement(UiButton, {
     variant: "secondary",
     className: WheelLogger_module_default.loggerButton,
     onClick: exportData,
@@ -449863,7 +449998,7 @@ var WheelEventLoggerPage = () => {
 var import_client2 = __toESM(require_client(), 1);
 
 // src/pages/AdminPage/AdminPage.tsx
-var import_react455 = __toESM(require_react(), 1);
+var import_react456 = __toESM(require_react(), 1);
 
 // src/pages/AdminPage/AdminPage.module.css
 var AdminPage_module_default = {
@@ -449891,7 +450026,7 @@ var AdminPage_module_default = {
 };
 
 // src/pages/AdminPage/ManageAccessModal/ManageAccessModal.tsx
-var import_react452 = __toESM(require_react(), 1);
+var import_react453 = __toESM(require_react(), 1);
 
 // src/pages/AdminPage/ManageAccessModal/ManageAccessModal.module.css
 var ManageAccessModal_module_default = {
@@ -449916,12 +450051,12 @@ var MANAGE_ACCESS_MODAL = Symbol("manageAccessModal");
 function ManageAccessModal() {
   const { closeModal: closeModal2, data, setModalData: setModalData2 } = useUiModalContext();
   const { board, onSuccess } = data || {};
-  const [loading, setLoading] = import_react452.useState(false);
-  const [error3, setError] = import_react452.useState(null);
-  const [isPublic, setIsPublic] = import_react452.useState(board?.isPublic || false);
-  const [directAccessType, setDirectAccessType] = import_react452.useState("view" /* VIEW */);
+  const [loading, setLoading] = import_react453.useState(false);
+  const [error3, setError] = import_react453.useState(null);
+  const [isPublic, setIsPublic] = import_react453.useState(board?.isPublic || false);
+  const [directAccessType, setDirectAccessType] = import_react453.useState("view" /* VIEW */);
   console.log(board, data);
-  import_react452.useEffect(() => {
+  import_react453.useEffect(() => {
     if (board) {
       setIsPublic(board.isPublic);
       setDirectAccessType("view" /* VIEW */);
@@ -449929,7 +450064,7 @@ function ManageAccessModal() {
     console.log(board);
   }, [board]);
   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 handleSave = async () => {
     setLoading(true);
     setError(null);
@@ -449959,61 +450094,61 @@ function ManageAccessModal() {
   };
   const showAccessTypeSelector = !board.isPublic && isPublic;
   const showPrivacyWarning = board.isPublic && !isPublic;
-  return /* @__PURE__ */ import_react452.default.createElement(UiModal, {
+  return /* @__PURE__ */ import_react453.default.createElement(UiModal, {
     modalId: MANAGE_ACCESS_MODAL,
     closeOnClickOutside: false,
     renderAsPageOnMobile: true
-  }, /* @__PURE__ */ import_react452.default.createElement("div", {
+  }, /* @__PURE__ */ import_react453.default.createElement("div", {
     className: ManageAccessModal_module_default.modalContent
-  }, /* @__PURE__ */ import_react452.default.createElement("div", {
+  }, /* @__PURE__ */ import_react453.default.createElement("div", {
     className: ManageAccessModal_module_default.title
-  }, `Управление доступом: "${board.title}"`), error3 && /* @__PURE__ */ import_react452.default.createElement("div", {
+  }, `Управление доступом: "${board.title}"`), error3 && /* @__PURE__ */ import_react453.default.createElement("div", {
     className: ManageAccessModal_module_default.errorAlert
-  }, error3), /* @__PURE__ */ import_react452.default.createElement("div", {
+  }, error3), /* @__PURE__ */ import_react453.default.createElement("div", {
     className: ManageAccessModal_module_default.form
-  }, /* @__PURE__ */ import_react452.default.createElement("div", {
+  }, /* @__PURE__ */ import_react453.default.createElement("div", {
     className: ManageAccessModal_module_default.formRow
-  }, /* @__PURE__ */ import_react452.default.createElement("label", {
+  }, /* @__PURE__ */ import_react453.default.createElement("label", {
     className: ManageAccessModal_module_default.label
-  }, "Статус доски"), /* @__PURE__ */ import_react452.default.createElement("label", {
+  }, "Статус доски"), /* @__PURE__ */ import_react453.default.createElement("label", {
     className: ManageAccessModal_module_default.switch
-  }, /* @__PURE__ */ import_react452.default.createElement("input", {
+  }, /* @__PURE__ */ import_react453.default.createElement("input", {
     type: "checkbox",
     checked: isPublic,
     onChange: (e15) => setIsPublic(e15.target.checked)
-  }), /* @__PURE__ */ import_react452.default.createElement("span", {
+  }), /* @__PURE__ */ import_react453.default.createElement("span", {
     className: ManageAccessModal_module_default.slider
-  })), /* @__PURE__ */ import_react452.default.createElement("span", {
+  })), /* @__PURE__ */ import_react453.default.createElement("span", {
     className: ManageAccessModal_module_default.switchLabel
-  }, isPublic ? "Публичная" : "Приватная")), showAccessTypeSelector && /* @__PURE__ */ import_react452.default.createElement("div", {
+  }, isPublic ? "Публичная" : "Приватная")), showAccessTypeSelector && /* @__PURE__ */ import_react453.default.createElement("div", {
     className: ManageAccessModal_module_default.formRow
-  }, /* @__PURE__ */ import_react452.default.createElement("label", {
+  }, /* @__PURE__ */ import_react453.default.createElement("label", {
     htmlFor: "accessType",
     className: ManageAccessModal_module_default.label
-  }, "Уровень доступа для всех", /* @__PURE__ */ import_react452.default.createElement("span", {
+  }, "Уровень доступа для всех", /* @__PURE__ */ import_react453.default.createElement("span", {
     className: ManageAccessModal_module_default.tooltip
-  }, "?", /* @__PURE__ */ import_react452.default.createElement("span", {
+  }, "?", /* @__PURE__ */ import_react453.default.createElement("span", {
     className: ManageAccessModal_module_default.tooltipText
-  }, "Какой доступ получат все пользователи, у которых нет явных разрешений?"))), /* @__PURE__ */ import_react452.default.createElement("select", {
+  }, "Какой доступ получат все пользователи, у которых нет явных разрешений?"))), /* @__PURE__ */ import_react453.default.createElement("select", {
     id: "accessType",
     className: ManageAccessModal_module_default.select,
     value: directAccessType,
     onChange: (e15) => setDirectAccessType(e15.target.value)
-  }, /* @__PURE__ */ import_react452.default.createElement("option", {
+  }, /* @__PURE__ */ import_react453.default.createElement("option", {
     value: "view" /* VIEW */
-  }, "Только просмотр"), /* @__PURE__ */ import_react452.default.createElement("option", {
+  }, "Только просмотр"), /* @__PURE__ */ import_react453.default.createElement("option", {
     value: "edit" /* EDIT */
-  }, "Просмотр и редактирование"))), showPrivacyWarning && /* @__PURE__ */ import_react452.default.createElement("div", {
+  }, "Просмотр и редактирование"))), showPrivacyWarning && /* @__PURE__ */ import_react453.default.createElement("div", {
     className: ManageAccessModal_module_default.infoAlert
-  }, "Пользователи с прямым доступом сохранят свои права после того, как доска станет приватной.")), /* @__PURE__ */ import_react452.default.createElement("div", {
+  }, "Пользователи с прямым доступом сохранят свои права после того, как доска станет приватной.")), /* @__PURE__ */ import_react453.default.createElement("div", {
     className: ManageAccessModal_module_default.footer
-  }, /* @__PURE__ */ import_react452.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react453.default.createElement(UiButton, {
     variant: "secondary",
     onClick: () => {
       setModalData2(undefined);
       closeModal2();
     }
-  }, "Отмена"), /* @__PURE__ */ import_react452.default.createElement(UiButton, {
+  }, "Отмена"), /* @__PURE__ */ import_react453.default.createElement(UiButton, {
     variant: "primary",
     onClick: handleSave,
     disabled: loading
@@ -450021,7 +450156,7 @@ function ManageAccessModal() {
 }
 
 // src/pages/AdminPage/ManageUsersModal/ManageUsersModal.tsx
-var import_react453 = __toESM(require_react(), 1);
+var import_react454 = __toESM(require_react(), 1);
 
 // src/pages/AdminPage/ManageUsersModal/ManageUsersModal.module.css
 var ManageUsersModal_module_default = {
@@ -450048,10 +450183,10 @@ var getAccessType = (permissions) => {
 function ManageUsersModal() {
   const { closeModal: closeModal2, data, setModalData: setModalData2 } = useUiModalContext();
   const { board, onSuccess } = data || {};
-  const [editableUsers, setEditableUsers] = import_react453.useState([]);
-  const [isSaving, setIsSaving] = import_react453.useState(false);
-  const [error3, setError] = import_react453.useState(null);
-  import_react453.useEffect(() => {
+  const [editableUsers, setEditableUsers] = import_react454.useState([]);
+  const [isSaving, setIsSaving] = import_react454.useState(false);
+  const [error3, setError] = import_react454.useState(null);
+  import_react454.useEffect(() => {
     if (board) {
       setEditableUsers(board.users.map((user) => ({
         ...user,
@@ -450060,7 +450195,7 @@ function ManageUsersModal() {
     }
   }, [board]);
   if (!board)
-    return /* @__PURE__ */ import_react453.default.createElement(import_react453.default.Fragment, null);
+    return /* @__PURE__ */ import_react454.default.createElement(import_react454.default.Fragment, null);
   const handleAccessChange = (userId, newAccessType) => {
     setEditableUsers((currentUsers) => currentUsers.map((u10) => u10.id === userId ? { ...u10, accessType: newAccessType } : u10));
   };
@@ -450090,41 +450225,41 @@ function ManageUsersModal() {
     setModalData2(undefined);
     closeModal2();
   };
-  return /* @__PURE__ */ import_react453.default.createElement(UiModal, {
+  return /* @__PURE__ */ import_react454.default.createElement(UiModal, {
     modalId: MANAGE_USERS_MODAL,
     closeOnClickOutside: false,
     renderAsPageOnMobile: true
-  }, /* @__PURE__ */ import_react453.default.createElement("div", {
+  }, /* @__PURE__ */ import_react454.default.createElement("div", {
     className: ManageUsersModal_module_default.modalContent
-  }, /* @__PURE__ */ import_react453.default.createElement("div", {
+  }, /* @__PURE__ */ import_react454.default.createElement("div", {
     className: ManageUsersModal_module_default.title
-  }, `Пользователи доски "${board.title}"`), error3 && /* @__PURE__ */ import_react453.default.createElement("div", {
+  }, `Пользователи доски "${board.title}"`), error3 && /* @__PURE__ */ import_react454.default.createElement("div", {
     className: ManageUsersModal_module_default.errorAlert
-  }, error3), /* @__PURE__ */ import_react453.default.createElement("div", {
+  }, error3), /* @__PURE__ */ import_react454.default.createElement("div", {
     className: ManageUsersModal_module_default.userList
-  }, editableUsers.map((user) => /* @__PURE__ */ import_react453.default.createElement("div", {
+  }, editableUsers.map((user) => /* @__PURE__ */ import_react454.default.createElement("div", {
     key: user.id,
     className: ManageUsersModal_module_default.userRow
-  }, /* @__PURE__ */ import_react453.default.createElement("span", {
+  }, /* @__PURE__ */ import_react454.default.createElement("span", {
     className: ManageUsersModal_module_default.userEmail
-  }, user.email), /* @__PURE__ */ import_react453.default.createElement("select", {
+  }, user.email), /* @__PURE__ */ import_react454.default.createElement("select", {
     className: ManageUsersModal_module_default.select,
     value: user.accessType,
     onChange: (e15) => handleAccessChange(user.id, e15.target.value)
-  }, /* @__PURE__ */ import_react453.default.createElement("option", {
+  }, /* @__PURE__ */ import_react454.default.createElement("option", {
     value: "edit" /* Edit */
-  }, "Редактор"), /* @__PURE__ */ import_react453.default.createElement("option", {
+  }, "Редактор"), /* @__PURE__ */ import_react454.default.createElement("option", {
     value: "view" /* View */
-  }, "Читатель"), /* @__PURE__ */ import_react453.default.createElement("option", {
+  }, "Читатель"), /* @__PURE__ */ import_react454.default.createElement("option", {
     value: "noAccess" /* NoAccess */
-  }, "Нет доступа")))), editableUsers.length === 0 && /* @__PURE__ */ import_react453.default.createElement("div", {
+  }, "Нет доступа")))), editableUsers.length === 0 && /* @__PURE__ */ import_react454.default.createElement("div", {
     className: ManageUsersModal_module_default.noUsers
-  }, "У этой доски нет пользователей с доступом.")), /* @__PURE__ */ import_react453.default.createElement("div", {
+  }, "У этой доски нет пользователей с доступом.")), /* @__PURE__ */ import_react454.default.createElement("div", {
     className: ManageUsersModal_module_default.footer
-  }, /* @__PURE__ */ import_react453.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react454.default.createElement(UiButton, {
     variant: "secondary",
     onClick: handleClose
-  }, "Отмена"), /* @__PURE__ */ import_react453.default.createElement(UiButton, {
+  }, "Отмена"), /* @__PURE__ */ import_react454.default.createElement(UiButton, {
     variant: "primary",
     onClick: handleSaveChanges,
     disabled: isSaving
@@ -450132,7 +450267,7 @@ function ManageUsersModal() {
 }
 
 // src/pages/AdminPage/ConfirmDeleteModal/ConfirmDeleteModal.tsx
-var import_react454 = __toESM(require_react(), 1);
+var import_react455 = __toESM(require_react(), 1);
 
 // src/pages/AdminPage/ConfirmDeleteModal/ConfirmDeleteModal.module.css
 var ConfirmDeleteModal_module_default = {
@@ -450150,10 +450285,10 @@ var CONFIRM_DELETE_MODAL = Symbol("confirmDeleteModal");
 function ConfirmDeleteModal() {
   const { closeModal: closeModal2, data, setModalData: setModalData2 } = useUiModalContext();
   const { board, onSuccess } = data || {};
-  const [isDeleting, setIsDeleting] = import_react454.useState(false);
-  const [error3, setError] = import_react454.useState(null);
+  const [isDeleting, setIsDeleting] = import_react455.useState(false);
+  const [error3, setError] = import_react455.useState(null);
   if (!board)
-    return /* @__PURE__ */ import_react454.default.createElement(import_react454.default.Fragment, null);
+    return /* @__PURE__ */ import_react455.default.createElement(import_react455.default.Fragment, null);
   const handleConfirmDelete = async () => {
     setIsDeleting(true);
     setError(null);
@@ -450175,25 +450310,25 @@ function ConfirmDeleteModal() {
     setModalData2(undefined);
     closeModal2();
   };
-  return /* @__PURE__ */ import_react454.default.createElement(UiModal, {
+  return /* @__PURE__ */ import_react455.default.createElement(UiModal, {
     modalId: CONFIRM_DELETE_MODAL,
     closeOnClickOutside: false,
     renderAsPageOnMobile: true
-  }, /* @__PURE__ */ import_react454.default.createElement("div", {
+  }, /* @__PURE__ */ import_react455.default.createElement("div", {
     className: ConfirmDeleteModal_module_default.modalContent
-  }, /* @__PURE__ */ import_react454.default.createElement("div", {
+  }, /* @__PURE__ */ import_react455.default.createElement("div", {
     className: ConfirmDeleteModal_module_default.title
-  }, "Удаление доски"), /* @__PURE__ */ import_react454.default.createElement("p", {
+  }, "Удаление доски"), /* @__PURE__ */ import_react455.default.createElement("p", {
     className: ConfirmDeleteModal_module_default.description
-  }, "Вы уверены, что хотите удалить доску ", /* @__PURE__ */ import_react454.default.createElement("br", null), /* @__PURE__ */ import_react454.default.createElement("strong", null, '"', board.title, '"'), "?", /* @__PURE__ */ import_react454.default.createElement("br", null), /* @__PURE__ */ import_react454.default.createElement("br", null), "Это действие необратимо."), error3 && /* @__PURE__ */ import_react454.default.createElement("div", {
+  }, "Вы уверены, что хотите удалить доску ", /* @__PURE__ */ import_react455.default.createElement("br", null), /* @__PURE__ */ import_react455.default.createElement("strong", null, '"', board.title, '"'), "?", /* @__PURE__ */ import_react455.default.createElement("br", null), /* @__PURE__ */ import_react455.default.createElement("br", null), "Это действие необратимо."), error3 && /* @__PURE__ */ import_react455.default.createElement("div", {
     className: ConfirmDeleteModal_module_default.errorAlert
-  }, error3), /* @__PURE__ */ import_react454.default.createElement("div", {
+  }, error3), /* @__PURE__ */ import_react455.default.createElement("div", {
     className: ConfirmDeleteModal_module_default.footer
-  }, /* @__PURE__ */ import_react454.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react455.default.createElement(UiButton, {
     variant: "secondary",
     onClick: handleClose,
     disabled: isDeleting
-  }, "Отмена"), /* @__PURE__ */ import_react454.default.createElement(UiButton, {
+  }, "Отмена"), /* @__PURE__ */ import_react455.default.createElement(UiButton, {
     variant: "primary",
     className: ConfirmDeleteModal_module_default.dangerButton,
     onClick: handleConfirmDelete,
@@ -450203,19 +450338,19 @@ function ConfirmDeleteModal() {
 
 // src/pages/AdminPage/AdminPage.tsx
 var AdminDashboardPage = () => {
-  const [boards, setBoards] = import_react455.useState([]);
-  const [loading, setLoading] = import_react455.useState(true);
-  const [error3, setError] = import_react455.useState(null);
+  const [boards, setBoards] = import_react456.useState([]);
+  const [loading, setLoading] = import_react456.useState(true);
+  const [error3, setError] = import_react456.useState(null);
   const { openModal: openModal2, setModalData: setModalData2 } = useUiModalContext();
-  const [pagination, setPagination] = import_react455.useState({
+  const [pagination, setPagination] = import_react456.useState({
     current: 1,
     pageSize: 10,
     total: 0
   });
   const navigate = useNavigate();
-  const [searchQuery, setSearchQuery] = import_react455.useState("");
-  const [searchTerm, setSearchTerm] = import_react455.useState("");
-  const fetchBoardsData = import_react455.useCallback(async (page, pageSize2, query2) => {
+  const [searchQuery, setSearchQuery] = import_react456.useState("");
+  const [searchTerm, setSearchTerm] = import_react456.useState("");
+  const fetchBoardsData = import_react456.useCallback(async (page, pageSize2, query2) => {
     setLoading(true);
     setError(null);
     try {
@@ -450238,7 +450373,7 @@ var AdminDashboardPage = () => {
       setLoading(false);
     }
   }, []);
-  import_react455.useEffect(() => {
+  import_react456.useEffect(() => {
     fetchBoardsData(pagination.current, pagination.pageSize, searchQuery);
   }, [fetchBoardsData, pagination.current, pagination.pageSize, searchQuery]);
   const handlePageChange = (newPage) => {
@@ -450280,86 +450415,86 @@ var AdminDashboardPage = () => {
   const handleBackBtnClick = () => {
     navigate("/");
   };
-  return /* @__PURE__ */ import_react455.default.createElement("div", {
+  return /* @__PURE__ */ import_react456.default.createElement("div", {
     className: AdminPage_module_default.adminDashboard
-  }, /* @__PURE__ */ import_react455.default.createElement("div", {
+  }, /* @__PURE__ */ import_react456.default.createElement("div", {
     className: AdminPage_module_default.header
-  }, /* @__PURE__ */ import_react455.default.createElement(UiButton, {
+  }, /* @__PURE__ */ import_react456.default.createElement(UiButton, {
     variant: "secondary",
     className: AdminPage_module_default.backBtn,
     onClick: handleBackBtnClick
-  }, /* @__PURE__ */ import_react455.default.createElement(Icon, {
+  }, /* @__PURE__ */ import_react456.default.createElement(Icon, {
     width: 24,
     height: 24,
     iconName: "BackArrow"
-  })), /* @__PURE__ */ import_react455.default.createElement("h2", {
+  })), /* @__PURE__ */ import_react456.default.createElement("h2", {
     className: AdminPage_module_default.dashboardTitle
-  }, "Управление досками")), /* @__PURE__ */ import_react455.default.createElement("div", {
+  }, "Управление досками")), /* @__PURE__ */ import_react456.default.createElement("div", {
     className: AdminPage_module_default.searchBar
-  }, /* @__PURE__ */ import_react455.default.createElement("div", {
+  }, /* @__PURE__ */ import_react456.default.createElement("div", {
     style: { width: "100%" }
-  }, /* @__PURE__ */ import_react455.default.createElement(Input, {
+  }, /* @__PURE__ */ import_react456.default.createElement(Input, {
     id: "admin-board-search-input",
     placeholder: "Введите ID доски для поиска",
     value: searchTerm,
     onChange: (e15) => setSearchTerm(e15.target.value)
-  })), /* @__PURE__ */ import_react455.default.createElement(Button, {
+  })), /* @__PURE__ */ import_react456.default.createElement(Button, {
     className: AdminPage_module_default.searchBtn,
     onClick: handleSearch,
     pattern: "tertiary"
-  }, "Найти"), searchTerm && /* @__PURE__ */ import_react455.default.createElement(Button, {
+  }, "Найти"), searchTerm && /* @__PURE__ */ import_react456.default.createElement(Button, {
     className: AdminPage_module_default.searchBtn,
     onClick: handleClearSearch
-  }, "Очистить")), error3 && /* @__PURE__ */ import_react455.default.createElement("div", {
+  }, "Очистить")), error3 && /* @__PURE__ */ import_react456.default.createElement("div", {
     className: AdminPage_module_default.errorAlert
-  }, error3), /* @__PURE__ */ import_react455.default.createElement("div", {
+  }, error3), /* @__PURE__ */ import_react456.default.createElement("div", {
     className: AdminPage_module_default.tableContainer
-  }, /* @__PURE__ */ import_react455.default.createElement("table", {
+  }, /* @__PURE__ */ import_react456.default.createElement("table", {
     className: AdminPage_module_default.customTable
-  }, /* @__PURE__ */ import_react455.default.createElement("thead", null, /* @__PURE__ */ import_react455.default.createElement("tr", null, /* @__PURE__ */ import_react455.default.createElement("th", null, "ID"), /* @__PURE__ */ import_react455.default.createElement("th", null, "Название"), /* @__PURE__ */ import_react455.default.createElement("th", null, "Автор"), /* @__PURE__ */ import_react455.default.createElement("th", null, "Статус"), /* @__PURE__ */ import_react455.default.createElement("th", null, "Действия"))), /* @__PURE__ */ import_react455.default.createElement("tbody", null, loading ? /* @__PURE__ */ import_react455.default.createElement("tr", null, /* @__PURE__ */ import_react455.default.createElement("td", {
+  }, /* @__PURE__ */ import_react456.default.createElement("thead", null, /* @__PURE__ */ import_react456.default.createElement("tr", null, /* @__PURE__ */ import_react456.default.createElement("th", null, "ID"), /* @__PURE__ */ import_react456.default.createElement("th", null, "Название"), /* @__PURE__ */ import_react456.default.createElement("th", null, "Автор"), /* @__PURE__ */ import_react456.default.createElement("th", null, "Статус"), /* @__PURE__ */ import_react456.default.createElement("th", null, "Действия"))), /* @__PURE__ */ import_react456.default.createElement("tbody", null, loading ? /* @__PURE__ */ import_react456.default.createElement("tr", null, /* @__PURE__ */ import_react456.default.createElement("td", {
     colSpan: 5,
     className: AdminPage_module_default.loadingCell
-  }, "Загрузка...")) : boards.length > 0 ? boards.map((board) => /* @__PURE__ */ import_react455.default.createElement("tr", {
+  }, "Загрузка...")) : boards.length > 0 ? boards.map((board) => /* @__PURE__ */ import_react456.default.createElement("tr", {
     key: board.uuid
-  }, /* @__PURE__ */ import_react455.default.createElement("td", {
+  }, /* @__PURE__ */ import_react456.default.createElement("td", {
     "data-label": "ID"
-  }, board.uuid), /* @__PURE__ */ import_react455.default.createElement("td", {
+  }, board.uuid), /* @__PURE__ */ import_react456.default.createElement("td", {
     "data-label": "Название"
-  }, board.title), /* @__PURE__ */ import_react455.default.createElement("td", {
+  }, board.title), /* @__PURE__ */ import_react456.default.createElement("td", {
     "data-label": "Автор"
-  }, board.author?.email || "N/A"), /* @__PURE__ */ import_react455.default.createElement("td", {
+  }, board.author?.email || "N/A"), /* @__PURE__ */ import_react456.default.createElement("td", {
     "data-label": "Статус"
-  }, /* @__PURE__ */ import_react455.default.createElement("span", {
+  }, /* @__PURE__ */ import_react456.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_react455.default.createElement("td", {
+  }, board.isPublic ? "Публичная" : "Приватная")), /* @__PURE__ */ import_react456.default.createElement("td", {
     "data-label": "Действия"
-  }, /* @__PURE__ */ import_react455.default.createElement("div", {
+  }, /* @__PURE__ */ import_react456.default.createElement("div", {
     className: AdminPage_module_default.actionButtons
-  }, /* @__PURE__ */ import_react455.default.createElement(Button, {
+  }, /* @__PURE__ */ import_react456.default.createElement(Button, {
     pattern: "quaternary",
     onClick: () => showUsersModal(board)
-  }, "Пользователи"), /* @__PURE__ */ import_react455.default.createElement(Button, {
+  }, "Пользователи"), /* @__PURE__ */ import_react456.default.createElement(Button, {
     onClick: () => handleDelete(board),
     pattern: "primary"
-  }, "Удалить"))))) : /* @__PURE__ */ import_react455.default.createElement("tr", null, /* @__PURE__ */ import_react455.default.createElement("td", {
+  }, "Удалить"))))) : /* @__PURE__ */ import_react456.default.createElement("tr", null, /* @__PURE__ */ import_react456.default.createElement("td", {
     colSpan: 5,
     className: AdminPage_module_default.noDataCell
-  }, "Данные не найдены"))))), !loading && pagination.total > 0 && /* @__PURE__ */ import_react455.default.createElement("div", {
+  }, "Данные не найдены"))))), !loading && pagination.total > 0 && /* @__PURE__ */ import_react456.default.createElement("div", {
     className: AdminPage_module_default.pagination
-  }, /* @__PURE__ */ import_react455.default.createElement(Button, {
+  }, /* @__PURE__ */ import_react456.default.createElement(Button, {
     className: AdminPage_module_default.searchBtn,
     onClick: () => handlePageChange(pagination.current - 1),
     disabled: pagination.current === 1
-  }, "Назад"), /* @__PURE__ */ import_react455.default.createElement("span", null, "Страница ", pagination.current, " из ", totalPages), /* @__PURE__ */ import_react455.default.createElement(Button, {
+  }, "Назад"), /* @__PURE__ */ import_react456.default.createElement("span", null, "Страница ", pagination.current, " из ", totalPages), /* @__PURE__ */ import_react456.default.createElement(Button, {
     className: AdminPage_module_default.searchBtn,
     onClick: () => handlePageChange(pagination.current + 1),
     disabled: pagination.current === totalPages
-  }, "Вперед")), /* @__PURE__ */ import_react455.default.createElement(UiModalBackground, null, /* @__PURE__ */ import_react455.default.createElement(ManageAccessModal, null), /* @__PURE__ */ import_react455.default.createElement(ManageUsersModal, null), /* @__PURE__ */ import_react455.default.createElement(ConfirmDeleteModal, null)));
+  }, "Вперед")), /* @__PURE__ */ import_react456.default.createElement(UiModalBackground, null, /* @__PURE__ */ import_react456.default.createElement(ManageAccessModal, null), /* @__PURE__ */ import_react456.default.createElement(ManageUsersModal, null), /* @__PURE__ */ import_react456.default.createElement(ConfirmDeleteModal, null)));
 };
 
 // src/entities/account/RouterRolesGuard.tsx
-var import_react456 = __toESM(require_react(), 1);
+var import_react457 = __toESM(require_react(), 1);
 function RouterRolesGuard({ allowedRoles }) {
   const account = useAccount();
   if (!account.isInitialized) {
@@ -450367,9 +450502,9 @@ function RouterRolesGuard({ allowedRoles }) {
   }
   const userRole = account.tokenData?.role;
   if (userRole && allowedRoles.includes(userRole)) {
-    return /* @__PURE__ */ import_react456.default.createElement(Outlet, null);
+    return /* @__PURE__ */ import_react457.default.createElement(Outlet, null);
   } else {
-    return /* @__PURE__ */ import_react456.default.createElement(Navigate2, {
+    return /* @__PURE__ */ import_react457.default.createElement(Navigate2, {
       to: "/",
       replace: true
     });
@@ -450377,13 +450512,13 @@ function RouterRolesGuard({ allowedRoles }) {
 }
 
 // src/pages/TemplateBoardPage.tsx
-var import_react457 = __toESM(require_react(), 1);
+var import_react458 = __toESM(require_react(), 1);
 var TemplateBoardPage = () => {
   const { app } = useAppContext();
   const board = app.getBoard();
   const { templateId } = useParams();
   const account = useAccount();
-  import_react457.useEffect(() => {
+  import_react458.useEffect(() => {
     if (templateId) {
       app.openBoard(templateId).then(() => {
         app.render();
@@ -450391,62 +450526,62 @@ var TemplateBoardPage = () => {
     }
   }, []);
   if (!board || !account.isInitialized) {
-    return /* @__PURE__ */ import_react457.default.createElement("div", null);
+    return /* @__PURE__ */ import_react458.default.createElement("div", null);
   }
-  return /* @__PURE__ */ import_react457.default.createElement(AppContext.Provider, {
+  return /* @__PURE__ */ import_react458.default.createElement(AppContext.Provider, {
     value: { app, board }
-  }, /* @__PURE__ */ import_react457.default.createElement(AppView, null));
+  }, /* @__PURE__ */ import_react458.default.createElement(AppView, null));
 };
 
 // src/App/router.tsx
 function getRender(app) {
   const router = createBrowserRouter([
     {
-      element: /* @__PURE__ */ import_react458.default.createElement(AppLayout, {
+      element: /* @__PURE__ */ import_react459.default.createElement(AppLayout, {
         app
       }),
       children: [
-        { path: "/", element: /* @__PURE__ */ import_react458.default.createElement(Navigate2, {
+        { path: "/", element: /* @__PURE__ */ import_react459.default.createElement(Navigate2, {
           to: "/boards/blank"
         }) },
         {
           path: "/auth",
-          element: /* @__PURE__ */ import_react458.default.createElement(AuthLayout, {
+          element: /* @__PURE__ */ import_react459.default.createElement(AuthLayout, {
             showPolicies: true
           }),
           children: [
             {
-              element: /* @__PURE__ */ import_react458.default.createElement(UnauthGuard, null),
+              element: /* @__PURE__ */ import_react459.default.createElement(UnauthGuard, null),
               children: [
-                { path: "sign-up", element: /* @__PURE__ */ import_react458.default.createElement(SignupPage, null) },
-                { path: "sign-in", element: /* @__PURE__ */ import_react458.default.createElement(SigninPage, null) },
-                { path: "verify", element: /* @__PURE__ */ import_react458.default.createElement(VerifyMailPage, null) },
-                { path: "restore-password", element: /* @__PURE__ */ import_react458.default.createElement(RestorePasswordPage, null) },
-                { path: "forgot-password", element: /* @__PURE__ */ import_react458.default.createElement(ForgotPasswordPage, null) }
+                { path: "sign-up", element: /* @__PURE__ */ import_react459.default.createElement(SignupPage, null) },
+                { path: "sign-in", element: /* @__PURE__ */ import_react459.default.createElement(SigninPage, null) },
+                { path: "verify", element: /* @__PURE__ */ import_react459.default.createElement(VerifyMailPage, null) },
+                { path: "restore-password", element: /* @__PURE__ */ import_react459.default.createElement(RestorePasswordPage, null) },
+                { path: "forgot-password", element: /* @__PURE__ */ import_react459.default.createElement(ForgotPasswordPage, null) }
               ]
             }
           ]
         },
         {
           path: "/bind-email",
-          element: /* @__PURE__ */ import_react458.default.createElement(AuthLayout, null),
+          element: /* @__PURE__ */ import_react459.default.createElement(AuthLayout, null),
           children: [
-            { path: "add-email", element: /* @__PURE__ */ import_react458.default.createElement(AddEmailPage, null) },
-            { path: "verify", element: /* @__PURE__ */ import_react458.default.createElement(BindEmailPage, null) }
+            { path: "add-email", element: /* @__PURE__ */ import_react459.default.createElement(AddEmailPage, null) },
+            { path: "verify", element: /* @__PURE__ */ import_react459.default.createElement(BindEmailPage, null) }
           ]
         },
         {
-          element: /* @__PURE__ */ import_react458.default.createElement(RouterRolesGuard, {
+          element: /* @__PURE__ */ import_react459.default.createElement(RouterRolesGuard, {
             allowedRoles: ["ADMIN" /* ADMIN */]
           }),
-          children: [{ path: "/admin", element: /* @__PURE__ */ import_react458.default.createElement(AdminDashboardPage, null) }]
-        },
-        { path: "/welcome", element: /* @__PURE__ */ import_react458.default.createElement(WelcomePage, null) },
-        { path: "/boards/:boardId?", element: /* @__PURE__ */ import_react458.default.createElement(BoardPage, null) },
-        { path: "/templates/:templateId", element: /* @__PURE__ */ import_react458.default.createElement(TemplateBoardPage, null) },
-        { path: "/selectBoard", element: /* @__PURE__ */ import_react458.default.createElement(SelectBoardPage, null) },
-        { path: "/test-wheel", element: /* @__PURE__ */ import_react458.default.createElement(WheelEventLoggerPage, null) },
-        { path: "/snapshots/:uid?", element: /* @__PURE__ */ import_react458.default.createElement(HTMLSnapshot_default, null) }
+          children: [{ path: "/admin", element: /* @__PURE__ */ import_react459.default.createElement(AdminDashboardPage, null) }]
+        },
+        { path: "/welcome", element: /* @__PURE__ */ import_react459.default.createElement(WelcomePage, null) },
+        { path: "/boards/:boardId?", element: /* @__PURE__ */ import_react459.default.createElement(BoardPage, null) },
+        { path: "/templates/:templateId", element: /* @__PURE__ */ import_react459.default.createElement(TemplateBoardPage, null) },
+        { path: "/selectBoard", element: /* @__PURE__ */ import_react459.default.createElement(SelectBoardPage, null) },
+        { path: "/test-wheel", element: /* @__PURE__ */ import_react459.default.createElement(WheelEventLoggerPage, null) },
+        { path: "/snapshots/:uid?", element: /* @__PURE__ */ import_react459.default.createElement(HTMLSnapshot_default, null) }
       ]
     }
   ]);
@@ -450460,7 +450595,7 @@ function getRender(app) {
       if (!root3) {
         root3 = import_client2.createRoot(container);
       }
-      root3.render(/* @__PURE__ */ import_react458.default.createElement(RouterProvider, {
+      root3.render(/* @__PURE__ */ import_react459.default.createElement(RouterProvider, {
         router
       }));
     },
@@ -450477,9 +450612,9 @@ function getLocalRender(app) {
     if (!root3) {
       root3 = import_client2.createRoot(container);
     }
-    root3.render(/* @__PURE__ */ import_react458.default.createElement(LocalAppLayout, {
+    root3.render(/* @__PURE__ */ import_react459.default.createElement(LocalAppLayout, {
       app
-    }, /* @__PURE__ */ import_react458.default.createElement(LocalSidePanelContextProvider, null, /* @__PURE__ */ import_react458.default.createElement(LocalAppView, null))));
+    }, /* @__PURE__ */ import_react459.default.createElement(LocalSidePanelContextProvider, null, /* @__PURE__ */ import_react459.default.createElement(LocalAppView, null))));
   };
 }
 
@@ -451548,6 +451683,9 @@ window.MICROBOARD_CONFIG.cursorsMap["sticker-yellow"] = `url(${svgToDataUri(stic
 window.MICROBOARD_CONFIG.cursorsMap["sticker-light-gray"] = `url(${svgToDataUri(sticker_light_gray_default)}) 12 12, auto`;
 window.MICROBOARD_CONFIG.cursorsMap["sticker-gray"] = `url(${svgToDataUri(sticker_gray_default)}) 12 12, auto`;
 var customCursors_default = {};
+// src/index.ts
+initTheme();
+
 // src/public/spa.ts
 console.log("prevent shake", customCursors_default, sprite_default);
 window.showDebug = false;