microboard-ui-temp 0.1.164 → 0.1.166

package/dist/{chunk-wepez8d2.js → chunk-7tssw3d2.js}

@@ -235452,7 +235452,8 @@ var conf = {
   DECK_VERTICAL_OFFSET: 2,
   CARD_DIMENSIONS: { width: 250, height: 400 },
   DEFAULT_GAME_ITEM_DIMENSIONS: { width: 200, height: 200 },
-  MAX_CARD_SIZE: 500
+  MAX_CARD_SIZE: 500,
+  CONNECTOR_ITEM_OFFSET: 20
 };
 initDefaultI18N();
 
@@ -237008,7 +237009,7 @@ class SessionStorage {
   get(key) {
     const boardId = this.getBoardId() || "";
     const item = _sessionStorage.getItem(boardId + "_" + key);
-    if (!item) {
+    if (!item || item === "undefined") {
       return;
     }
     return JSON.parse(item);
@@ -264395,7 +264396,6 @@ function getPointerMatrix(point5, angleRadians, scale = 0.3) {
 function radiansBetweenPoints(point1, point222) {
   return Math.atan2(point222.y - point1.y, point222.x - point1.x);
 }
-var ITEM_OFFSET = 1;
 function getDirection2(from, to) {
   if (!to) {
     return null;
@@ -264438,7 +264438,7 @@ function getNeighbors(node22, grid, obstacles) {
   for (const pos of potentialNeighbors) {
     if (pos.x >= 0 && pos.x < grid.length && pos.y >= 0) {
       const newPoint = grid[pos.x][pos.y];
-      if (newPoint && !obstacles.some((obstacle) => obstacle.isAlmostInside(newPoint, ITEM_OFFSET - 1))) {
+      if (newPoint && !obstacles.some((obstacle) => obstacle.isAlmostInside(newPoint, conf.CONNECTOR_ITEM_OFFSET - 1))) {
         neighbors.push({
           point: newPoint,
           costSoFar: 0,
@@ -264486,10 +264486,10 @@ function createGrid(start2, end2, toVisitPoints = []) {
   const endDir = getPointerDirection(end2);
   const revertMapDir = { top: 0, bottom: 1, right: 2, left: 3 };
   const offsetMap = {
-    top: { x: 0, y: -ITEM_OFFSET },
-    bottom: { x: 0, y: ITEM_OFFSET },
-    right: { x: ITEM_OFFSET, y: 0 },
-    left: { x: -ITEM_OFFSET, y: 0 }
+    top: { x: 0, y: -conf.CONNECTOR_ITEM_OFFSET },
+    bottom: { x: 0, y: conf.CONNECTOR_ITEM_OFFSET },
+    right: { x: conf.CONNECTOR_ITEM_OFFSET, y: 0 },
+    left: { x: -conf.CONNECTOR_ITEM_OFFSET, y: 0 }
   };
   const horizontalLines = [];
   const verticalLines = [];
@@ -264502,8 +264502,8 @@ function createGrid(start2, end2, toVisitPoints = []) {
     const newPoint = Object.create(Object.getPrototypeOf(point5), Object.getOwnPropertyDescriptors(point5));
     newPoint.x = pointOnMbr.x + offsetMap[dir2].x;
     newPoint.y = pointOnMbr.y + offsetMap[dir2].y;
-    verticalLines.push(mbrFloored.left - ITEM_OFFSET, mbrFloored.left, pointOnMbr.x, mbrFloored.right, mbrFloored.right + ITEM_OFFSET);
-    horizontalLines.push(mbrFloored.top - ITEM_OFFSET, mbrFloored.top, pointOnMbr.y, mbrFloored.bottom, mbrFloored.bottom + ITEM_OFFSET);
+    verticalLines.push(mbrFloored.left - conf.CONNECTOR_ITEM_OFFSET, mbrFloored.left, pointOnMbr.x, mbrFloored.right, mbrFloored.right + conf.CONNECTOR_ITEM_OFFSET);
+    horizontalLines.push(mbrFloored.top - conf.CONNECTOR_ITEM_OFFSET, mbrFloored.top, pointOnMbr.y, mbrFloored.bottom, mbrFloored.bottom + conf.CONNECTOR_ITEM_OFFSET);
     return newPoint;
   };
   if (start2.pointType !== "Board" && startDir) {
@@ -268897,80 +268897,72 @@ async function sha2563(message) {
   const hashHex = hashArray.map((byte) => byte.toString(16).padStart(2, "0")).join("");
   return hashHex;
 }
-async function fileTosha256(file) {
-  const buffer = await file.arrayBuffer();
-  const hashBuffer = await crypto.subtle.digest("SHA-256", buffer);
-  const hashArray = Array.from(new Uint8Array(hashBuffer));
-  return hashArray.map((byte) => byte.toString(16).padStart(2, "0")).join("");
-}
-var uploadMediaToStorage = async (hash2, blob, accessToken, boardId, type) => {
+var uploadSvgDirectly = async (blob, accessToken, boardId) => {
+  const response = await fetch(`/api/v1/media/svg/${boardId}`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "image/svg+xml",
+      Authorization: `Bearer ${accessToken}`
+    },
+    body: blob
+  });
+  if (!response.ok) {
+    conf.hooks.onUploadMediaError(response, "image");
+    throw new Error(`Failed to upload SVG. Status: ${response.status}`);
+  }
+  const data = await response.json();
+  if (!data.url) {
+    throw new Error("Server did not provide a key for the uploaded SVG.");
+  }
+  return data.url;
+};
+var uploadWithPresignedUrl = async (blob, accessToken, boardId, type) => {
+  const generateUrlResponse = await fetch(`/api/v1/media/upload`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${accessToken}`
+    },
+    body: JSON.stringify({
+      fileSize: blob.size,
+      fileType: blob.type,
+      boardId
+    })
+  });
+  if (!generateUrlResponse.ok) {
+    conf.hooks.onUploadMediaError(generateUrlResponse, type);
+    throw new Error(`Failed to get presigned URL. Status: ${generateUrlResponse.status}`);
+  }
+  const data = await generateUrlResponse.json();
+  const { uploadUrl, url } = data;
+  if (!uploadUrl || !url) {
+    throw new Error("Server did not provide an uploadUrl or key in the response.");
+  }
+  const uploadResponse = await fetch(uploadUrl, {
+    method: "PUT",
+    headers: {
+      "Content-Type": blob.type
+    },
+    body: blob
+  });
+  if (!uploadResponse.ok) {
+    console.error("Direct upload to storage failed:", uploadResponse.status, uploadResponse.statusText);
+    throw new Error(`Direct upload to storage failed. Status: ${uploadResponse.status}`);
+  }
+  return url;
+};
+var uploadMediaToStorage = async (blob, accessToken, boardId, type) => {
   try {
-    const generateUrlResponse = await fetch(`${window.location.origin}/api/v1/media/generate-upload-url`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        Authorization: `Bearer ${accessToken}`
-      },
-      body: JSON.stringify({
-        fileSize: blob.size,
-        boardId,
-        hash: hash2
-      })
-    });
-    if (!generateUrlResponse.ok) {
-      conf.hooks.onUploadMediaError(generateUrlResponse, type);
-      throw new Error(`Failed to get presigned URL. Status: ${generateUrlResponse.status}`);
-    }
-    const data = await generateUrlResponse.json();
-    if (data.mediaUrl) {
-      console.log("Media already exists, skipping upload.");
-      return data.mediaUrl;
-    }
-    const { uploadUrl, promisedMediaUrl } = data;
-    if (!uploadUrl || !promisedMediaUrl) {
-      throw new Error("Server did not provide an uploadUrl or promisedMediaUrl in the response.");
-    }
-    const uploadResponse = await fetch(uploadUrl, {
-      method: "PUT",
-      headers: {
-        "Content-Type": blob.type
-      },
-      body: blob
-    });
-    if (!uploadResponse.ok) {
-      console.error("Direct upload to storage failed:", uploadResponse.status, uploadResponse.statusText);
-      throw new Error(`Direct upload to storage failed. Status: ${uploadResponse.status}`);
+    if (blob.type === "image/svg+xml") {
+      return await uploadSvgDirectly(blob, accessToken, boardId);
+    } else {
+      return await uploadWithPresignedUrl(blob, accessToken, boardId, type);
     }
-    return promisedMediaUrl;
   } catch (error) {
     console.error("Media upload process error:", error);
     throw error;
   }
 };
-var uploadToTheStorage = async (hash2, dataURL, accessToken, boardId) => {
-  return new Promise((resolve2, reject) => {
-    const { blob, mimeType } = getBlobFromDataURL(dataURL);
-    fetch(`${window?.location.origin}/api/v1/media/image/${boardId}`, {
-      method: "POST",
-      headers: {
-        "Content-Type": mimeType,
-        "X-Image-Id": hash2,
-        Authorization: `Bearer ${accessToken}`
-      },
-      body: blob
-    }).then(async (response) => {
-      if (response.status !== 200) {
-        return conf.hooks.onUploadMediaError(response, "image");
-      }
-      return response.json();
-    }).then((data) => {
-      resolve2(data.src);
-    }).catch((error) => {
-      console.error("Media storage error:", error);
-      reject(error);
-    });
-  });
-};
 var getBlobFromDataURL = (dataURL) => {
   const base64String = dataURL.split(",")[1];
   const mimeType = dataURL.split(",")[0].split(":")[1].split(";")[0];
@@ -269047,16 +269039,7 @@ var resizeAndConvertToPng = async (inp) => {
 };
 var prepareImage = (inp, accessToken, boardId) => resizeAndConvertToPng(inp).then(({ width: width2, height: height2, dataURL, hash: hash2 }) => {
   const { blob, mimeType } = getBlobFromDataURL(dataURL);
-  if (mimeType === "image/svg+xml") {
-    return uploadToTheStorage(hash2, dataURL, accessToken, boardId).then((src) => {
-      return {
-        imageDimension: { width: width2, height: height2 },
-        base64: dataURL,
-        storageLink: src
-      };
-    });
-  }
-  return uploadMediaToStorage(hash2, blob, accessToken, boardId, "image").then((src) => {
+  return uploadMediaToStorage(blob, accessToken, boardId, "image").then((src) => {
     return {
       imageDimension: { width: width2, height: height2 },
       base64: dataURL,
@@ -269101,16 +269084,12 @@ var prepareVideo = (file, accessToken, boardId) => {
       video.onseeked = () => {
         video.onseeked = null;
         prepareImage(captureFrame(0.1, video)?.src, accessToken, boardId).then((imageData) => {
-          fileTosha256(file).then((hash2) => {
-            uploadMediaToStorage(hash2, file, accessToken, boardId, "video").then((url) => {
-              resolve2({
-                url,
-                previewUrl: imageData.storageLink
-              });
-            }).catch(reject);
-          }).catch(() => {
-            reject(new Error("Failed to generate hash"));
-          });
+          uploadMediaToStorage(file, accessToken, boardId, "video").then((url) => {
+            resolve2({
+              url,
+              previewUrl: imageData.storageLink
+            });
+          }).catch(reject);
         }).catch(() => reject(new Error("Failed to load video preview")));
       };
       video.currentTime = 0.1;
@@ -269407,13 +269386,9 @@ var prepareAudio = (file, accessToken, boardId) => {
     const audio = document.createElement("audio");
     audio.src = URL.createObjectURL(file);
     audio.onloadedmetadata = () => {
-      fileTosha256(file).then((hash2) => {
-        uploadMediaToStorage(hash2, file, accessToken, boardId, "audio").then((url) => {
-          resolve2(url);
-        }).catch(reject);
-      }).catch(() => {
-        reject(new Error("Failed to generate hash"));
-      });
+      uploadMediaToStorage(file, accessToken, boardId, "audio").then((url) => {
+        resolve2(url);
+      }).catch(reject);
     };
     audio.onerror = () => {
       reject(new Error("Failed to load audio"));
@@ -280951,7 +280926,7 @@ class BoardSelection {
       if (!text5) {
         return;
       }
-      tempStorage.setVerticalAlignment(item.itemType, verticalAlignment);
+      tempStorage.setVerticalAlignment(item.itemType, verticalAlignment || "top");
       if (item instanceof RichText) {
         item.setEditorFocus(this.context);
       }
@@ -281884,6 +281859,10 @@ class Board {
           itemData.endPoint.x += -minX + x;
           itemData.endPoint.y += -minY + y;
         }
+        if (itemData.middlePoint?.pointType === "Board") {
+          itemData.middlePoint.x += -minX + x;
+          itemData.middlePoint.y += -minY + y;
+        }
       } else if (itemData.transformation) {
         itemData.transformation.translateX = translateX - minX + x;
         itemData.transformation.translateY = translateY - minY + y;
@@ -289097,6 +289076,7 @@ __export(exports_boards, {
   manageAccess: () => manageAccess,
   grantAccess: () => grantAccess,
   getGrantedUsers: () => getGrantedUsers,
+  getBoardsWithUsers: () => getBoardsWithUsers,
   getBoard: () => getBoard,
   getAccessKeys: () => getAccessKeys,
   getAccessKey: () => getAccessKey,
@@ -289239,6 +289219,18 @@ async function publishSnapshot(HTMLSnapshot, snapshotUId, boardUId) {
   }
   return data;
 }
+async function getBoardsWithUsers(page, pageSize, boardId) {
+  const query = {
+    page: String(page),
+    pageSize: String(pageSize)
+  };
+  if (boardId && boardId.trim() !== "") {
+    query["uuid"] = boardId.trim();
+  }
+  return api.get("/boards", {
+    query
+  });
+}
 // src/shared/api/folders/index.ts
 var exports_folders = {};
 __export(exports_folders, {
@@ -335923,6 +335915,7 @@ Upgrade to Plus to increase the limit and keep working`,
     passwordChanged: "Password changed successfully",
     addEmail: "Add Email",
     support: "Support",
+    adminPanel: "Admin panel",
     logout: "Logout",
     name: "Name",
     email: "Email Address",
@@ -337179,6 +337172,7 @@ var ru_default = {
     passwordChanged: "Пароль успешно изменен",
     addEmail: "Добавить",
     support: "Поддержка",
+    adminPanel: "Панель администратора",
     logout: "Выйти",
     name: "Имя",
     email: "Электронная почта",
@@ -358612,7 +358606,7 @@ var INITIAL_GEOMETRY = {
 };
 var TEXT_VERTICAL_ALIGNMENT = {
   top: "top",
-  middle: "center",
+  center: "center",
   bottom: "bottom"
 };
 var STICKER_COLOR = {
@@ -360201,7 +360195,7 @@ class SessionStorage2 {
   get(key) {
     const boardId = this.getBoardId() || "";
     const item = _sessionStorage2.getItem(boardId + "_" + key);
-    if (!item) {
+    if (!item || item === "undefined") {
       return;
     }
     return JSON.parse(item);
@@ -361060,7 +361054,7 @@ class Location {
 }
 
 // src/App/router.tsx
-var import_react447 = __toESM(require_react(), 1);
+var import_react452 = __toESM(require_react(), 1);
 
 // src/entities/AIInput/utils.ts
 var PLACEHOLDER_OFFSET = "\t\t\t\t\t\t\t\t\t\t\t\t";
@@ -366218,7 +366212,7 @@ function SearchInput({
 // src/features/ShareModal/SharePanel.tsx
 var MODE_SELECTOR_OPTIONS = [
   {
-    label: instance2.t("sharing.accessOptions.edit"),
+    label: conf.i18n.t("sharing.accessOptions.edit"),
     value: "edit",
     icon: /* @__PURE__ */ import_react197.default.createElement(Icon, {
       width: 20,
@@ -366227,7 +366221,7 @@ var MODE_SELECTOR_OPTIONS = [
     })
   },
   {
-    label: instance2.t("sharing.accessOptions.view"),
+    label: conf.i18n.t("sharing.accessOptions.view"),
     value: "view",
     icon: /* @__PURE__ */ import_react197.default.createElement(Icon, {
       width: 20,
@@ -366270,7 +366264,10 @@ var SharePanel = import_react197.forwardRef(({
   }, /* @__PURE__ */ import_react197.default.createElement(UiButton, {
     variant: "secondary",
     className: clsx_default(SharePanel_module_default.closeBtn),
-    onClick: toggleIsOpen
+    onClick: (evt) => {
+      evt.stopPropagation();
+      toggleIsOpen();
+    }
   }, /* @__PURE__ */ import_react197.default.createElement(Icon, {
     width: 28,
     height: 28,
@@ -376176,21 +376173,21 @@ function ImportMiro() {
   const authCode = searchParams.get("code");
   const teamIdSearch = searchParams.get("team_id");
   const { openModal: openModal2 } = useUiModalContext();
-  const fetchToken = async () => {
+  const fetchToken = async (authCode2) => {
     try {
-      const clientId = globalThis.__ENV__?.MIRO_CLIENT_ID ?? "";
-      const clientSecret = globalThis.__ENV__?.MIRO_CLIENT_SECRET ?? "";
-      const redirectRoute = "/boards/blank?clipboard=true";
-      const redirectUrl = window.location.origin + redirectRoute;
-      const response = await fetch(getApiUrl("/miro/token" + "?grant_type=authorization_code&client_id=" + clientId + "&client_secret=" + clientSecret + "&code=" + authCode + "&redirect_uri=" + redirectUrl), {
+      const response = await fetch(getApiUrl("/miro/get-token"), {
         method: "POST",
         headers: {
-          Accept: "application/json, application/*+json, application/x-jackson-smile, application/cbor"
-        }
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({ code: authCode2 })
       });
-      const token = await response.json();
-      if (token) {
-        api10.set("miro_accessToken", token.access_token);
+      if (!response.ok) {
+        throw new Error("Error getting token");
+      }
+      const tokenData = await response.json();
+      if (tokenData && tokenData.access_token) {
+        api10.set("miro_accessToken", tokenData.access_token);
         openSeenLastBoard();
       }
     } catch (error3) {
@@ -376219,7 +376216,7 @@ function ImportMiro() {
       return;
     }
     if (!token || token === "undefined") {
-      fetchToken();
+      fetchToken(authCode);
     }
     if (token && token !== "undefined") {
       openSeenLastBoard();
@@ -440880,6 +440877,20 @@ var UserDropDown = ({
   })));
 };
 
+// src/entities/account/ComponentRolesGuard.tsx
+function ComponentRolesGuard({ allowedRoles, children }) {
+  const account = useAccount2();
+  if (!account.isInitialized) {
+    return null;
+  }
+  const userRole = account.tokenData?.role;
+  if (userRole && allowedRoles.includes(userRole)) {
+    return children;
+  } else {
+    return null;
+  }
+}
+
 // src/features/UserPanel/UserPic/UserPic.tsx
 var UserPic = ({ ...props }) => {
   const { t: t11 } = useTranslation();
@@ -440911,6 +440922,11 @@ var UserPic = ({ ...props }) => {
     ev.stopPropagation();
     window.open("https://x.com/Microboard_io", "_blank");
   };
+  const handleOpenAdminPage = (ev) => {
+    ev.preventDefault();
+    ev.stopPropagation();
+    navigate("/admin");
+  };
   return /* @__PURE__ */ import_react374.default.createElement(import_react374.default.Fragment, null, /* @__PURE__ */ import_react374.default.createElement("div", {
     className: UserPanel_module_default.userPicWrapper,
     ref: userPanelRef,
@@ -440978,9 +440994,24 @@ var UserPic = ({ ...props }) => {
       }), " ", /* @__PURE__ */ import_react374.default.createElement("span", {
         className: UserPanel_module_default.userDropDownButton
       }, t11("profile.support"))),
-      /* @__PURE__ */ import_react374.default.createElement(UiButton, {
+      /* @__PURE__ */ import_react374.default.createElement(ComponentRolesGuard, {
+        allowedRoles: ["ADMIN" /* ADMIN */]
+      }, /* @__PURE__ */ import_react374.default.createElement(UiButton, {
         type: "button",
         key: "userDropDown3",
+        onClick: handleOpenAdminPage,
+        variant: "ghost",
+        size: "lg"
+      }, /* @__PURE__ */ import_react374.default.createElement(Icon, {
+        width: 20,
+        height: 20,
+        iconName: "Admin"
+      }), " ", /* @__PURE__ */ import_react374.default.createElement("span", {
+        className: UserPanel_module_default.userDropDownButton
+      }, t11("profile.adminPanel")))),
+      /* @__PURE__ */ import_react374.default.createElement(UiButton, {
+        type: "button",
+        key: "userDropDown4",
         onClick: handleLogout,
         variant: "ghost",
         size: "lg"
@@ -444362,6 +444393,8 @@ var AudioPlayer = ({ item }) => {
   const [isProgressBarDown, setIsProgressBarDown] = import_react419.useState(false);
   const [openedMenu, setOpenedMenu] = import_react419.useState("none");
   const [isMetadataLoaded, setIsMetadataLoaded] = import_react419.useState(false);
+  const [resolvedAudioUrl, setResolvedAudioUrl] = import_react419.useState(null);
+  const [isLoadingUrl, setIsLoadingUrl] = import_react419.useState(true);
   const audioRef = import_react419.useRef(null);
   const containerRef = import_react419.useRef(null);
   const progressBarRef = import_react419.useRef(null);
@@ -444371,8 +444404,43 @@ var AudioPlayer = ({ item }) => {
   const volumeBtnRef = import_react419.useRef(null);
   const { t: t11 } = useTranslation();
   const isPlaying = item.getIsPlaying();
-  const isDisabled = !isMetadataLoaded || !item.getUrl();
+  const isDisabled = isLoadingUrl || !isMetadataLoaded || !resolvedAudioUrl;
+  const account = useAccount2();
   const optionsRef = useClickOutside(() => setOpenedMenu("none"), [extraOptionsBtnRef, playbackRateBtnRef], true);
+  import_react419.useEffect(() => {
+    setResolvedAudioUrl(null);
+    setIsLoadingUrl(true);
+    setIsMetadataLoaded(false);
+    const apiUrl = item.getUrl();
+    if (!apiUrl || !account.accessToken) {
+      setIsLoadingUrl(false);
+      return;
+    }
+    let isMounted = true;
+    const resolveRedirectUrl = async () => {
+      try {
+        const response = await fetch(apiUrl, {
+          method: "HEAD",
+          headers: {
+            Authorization: `Bearer ${account.accessToken}`
+          }
+        });
+        if (isMounted) {
+          setResolvedAudioUrl(response.url);
+        }
+      } catch (error3) {
+        console.error("Error resolving redirect URL:", error3);
+      } finally {
+        if (isMounted) {
+          setIsLoadingUrl(false);
+        }
+      }
+    };
+    resolveRedirectUrl();
+    return () => {
+      isMounted = false;
+    };
+  }, [item.getUrl(), account.accessToken]);
   import_react419.useEffect(() => {
     const audio = audioRef.current;
     if (!audio) {
@@ -444510,7 +444578,7 @@ var AudioPlayer = ({ item }) => {
   }), /* @__PURE__ */ import_react419.default.createElement("audio", {
     ref: audioRef,
     className: AudioPlayer_module_default.displayNone,
-    src: item.getUrl(),
+    src: resolvedAudioUrl || "",
     onEnded,
     onTimeUpdate,
     onLoadedData,
@@ -447637,6 +447705,9 @@ var sprite_default = `<svg width="0" height="0" class="hidden">
       </path>
     </g>
   </symbol>
+  <symbol id="Admin" viewBox="0 0 18 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M8 13V15C6.4087 15 4.88258 15.6321 3.75736 16.7574C2.63214 17.8826 2 19.4087 2 21H0C0 18.8783 0.842855 16.8434 2.34315 15.3431C3.84344 13.8429 5.87827 13 8 13ZM8 12C4.685 12 2 9.315 2 6C2 2.685 4.685 0 8 0C11.315 0 14 2.685 14 6C14 9.315 11.315 12 8 12ZM8 10C10.21 10 12 8.21 12 6C12 3.79 10.21 2 8 2C5.79 2 4 3.79 4 6C4 8.21 5.79 10 8 10ZM17 16H18V21H10V16H11V15C11 14.2044 11.3161 13.4413 11.8787 12.8787C12.4413 12.3161 13.2044 12 14 12C14.7956 12 15.5587 12.3161 16.1213 12.8787C16.6839 13.4413 17 14.2044 17 15V16ZM15 16V15C15 14.7348 14.8946 14.4804 14.7071 14.2929C14.5196 14.1054 14.2652 14 14 14C13.7348 14 13.4804 14.1054 13.2929 14.2929C13.1054 14.4804 13 14.7348 13 15V16H15Z" fill="currentColor"/>
+  </symbol>
 
 </svg>
 `;
@@ -449066,47 +449137,569 @@ var WheelEventLoggerPage = () => {
 
 // src/App/router.tsx
 var import_client2 = __toESM(require_client(), 1);
+
+// src/pages/AdminPage/AdminPage.tsx
+var import_react450 = __toESM(require_react(), 1);
+
+// src/pages/AdminPage/AdminPage.module.css
+var AdminPage_module_default = {
+  adminDashboard: "adminDashboard_d3ewvA",
+  header: "header_d3ewvA",
+  dashboardTitle: "dashboardTitle_d3ewvA",
+  searchBar: "searchBar_d3ewvA",
+  customInput: "customInput_d3ewvA",
+  customButton: "customButton_d3ewvA",
+  buttonSecondary: "buttonSecondary_d3ewvA",
+  buttonDanger: "buttonDanger_d3ewvA",
+  disabled: "disabled_d3ewvA",
+  errorAlert: "errorAlert_d3ewvA",
+  tableContainer: "tableContainer_d3ewvA",
+  customTable: "customTable_d3ewvA",
+  loadingCell: "loadingCell_d3ewvA",
+  noDataCell: "noDataCell_d3ewvA",
+  actionButtons: "actionButtons_d3ewvA",
+  statusTag: "statusTag_d3ewvA",
+  statusPublic: "statusPublic_d3ewvA",
+  statusPrivate: "statusPrivate_d3ewvA",
+  searchBtn: "searchBtn_d3ewvA",
+  pagination: "pagination_d3ewvA",
+  backBtn: "backBtn_d3ewvA"
+};
+
+// src/pages/AdminPage/ManageAccessModal/ManageAccessModal.tsx
+var import_react447 = __toESM(require_react(), 1);
+
+// src/pages/AdminPage/ManageAccessModal/ManageAccessModal.module.css
+var ManageAccessModal_module_default = {
+  modalContent: "modalContent_J7xl7w",
+  title: "title_J7xl7w",
+  form: "form_J7xl7w",
+  formRow: "formRow_J7xl7w",
+  label: "label_J7xl7w",
+  switch: "switch_J7xl7w",
+  slider: "slider_J7xl7w",
+  switchLabel: "switchLabel_J7xl7w",
+  select: "select_J7xl7w",
+  tooltip: "tooltip_J7xl7w",
+  tooltipText: "tooltipText_J7xl7w",
+  infoAlert: "infoAlert_J7xl7w",
+  errorAlert: "errorAlert_J7xl7w",
+  footer: "footer_J7xl7w"
+};
+
+// src/pages/AdminPage/ManageAccessModal/ManageAccessModal.tsx
+var MANAGE_ACCESS_MODAL = Symbol("manageAccessModal");
+function ManageAccessModal() {
+  const { closeModal: closeModal2, data, setModalData: setModalData2 } = useUiModalContext();
+  const { board, onSuccess } = data || {};
+  const [loading, setLoading] = import_react447.useState(false);
+  const [error3, setError] = import_react447.useState(null);
+  const [isPublic, setIsPublic] = import_react447.useState(board?.isPublic || false);
+  const [directAccessType, setDirectAccessType] = import_react447.useState("view" /* VIEW */);
+  console.log(board, data);
+  import_react447.useEffect(() => {
+    if (board) {
+      setIsPublic(board.isPublic);
+      setDirectAccessType("view" /* VIEW */);
+    }
+    console.log(board);
+  }, [board]);
+  if (!board)
+    return /* @__PURE__ */ import_react447.default.createElement(import_react447.default.Fragment, null);
+  const handleSave = async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const usersPayload = board.users.map((user) => ({
+        userId: user.id,
+        email: user.email,
+        accessType: user.permissions.includes("edit" /* Edit */) ? "edit" /* Edit */ : "view" /* View */
+      }));
+      const payload = {
+        isPublic,
+        directAccessType,
+        users: usersPayload
+      };
+      await manageAccess(board.uuid, payload);
+      if (onSuccess) {
+        onSuccess();
+      }
+      setModalData2(undefined);
+      closeModal2();
+    } catch (err2) {
+      console.error("Failed to manage access:", err2);
+      setError("Не удалось обновить статус. Пожалуйста, попробуйте снова.");
+    } finally {
+      setLoading(false);
+    }
+  };
+  const showAccessTypeSelector = !board.isPublic && isPublic;
+  const showPrivacyWarning = board.isPublic && !isPublic;
+  return /* @__PURE__ */ import_react447.default.createElement(UiModal, {
+    modalId: MANAGE_ACCESS_MODAL,
+    closeOnClickOutside: false,
+    renderAsPageOnMobile: true
+  }, /* @__PURE__ */ import_react447.default.createElement("div", {
+    className: ManageAccessModal_module_default.modalContent
+  }, /* @__PURE__ */ import_react447.default.createElement("div", {
+    className: ManageAccessModal_module_default.title
+  }, `Управление доступом: "${board.title}"`), error3 && /* @__PURE__ */ import_react447.default.createElement("div", {
+    className: ManageAccessModal_module_default.errorAlert
+  }, error3), /* @__PURE__ */ import_react447.default.createElement("div", {
+    className: ManageAccessModal_module_default.form
+  }, /* @__PURE__ */ import_react447.default.createElement("div", {
+    className: ManageAccessModal_module_default.formRow
+  }, /* @__PURE__ */ import_react447.default.createElement("label", {
+    className: ManageAccessModal_module_default.label
+  }, "Статус доски"), /* @__PURE__ */ import_react447.default.createElement("label", {
+    className: ManageAccessModal_module_default.switch
+  }, /* @__PURE__ */ import_react447.default.createElement("input", {
+    type: "checkbox",
+    checked: isPublic,
+    onChange: (e15) => setIsPublic(e15.target.checked)
+  }), /* @__PURE__ */ import_react447.default.createElement("span", {
+    className: ManageAccessModal_module_default.slider
+  })), /* @__PURE__ */ import_react447.default.createElement("span", {
+    className: ManageAccessModal_module_default.switchLabel
+  }, isPublic ? "Публичная" : "Приватная")), showAccessTypeSelector && /* @__PURE__ */ import_react447.default.createElement("div", {
+    className: ManageAccessModal_module_default.formRow
+  }, /* @__PURE__ */ import_react447.default.createElement("label", {
+    htmlFor: "accessType",
+    className: ManageAccessModal_module_default.label
+  }, "Уровень доступа для всех", /* @__PURE__ */ import_react447.default.createElement("span", {
+    className: ManageAccessModal_module_default.tooltip
+  }, "?", /* @__PURE__ */ import_react447.default.createElement("span", {
+    className: ManageAccessModal_module_default.tooltipText
+  }, "Какой доступ получат все пользователи, у которых нет явных разрешений?"))), /* @__PURE__ */ import_react447.default.createElement("select", {
+    id: "accessType",
+    className: ManageAccessModal_module_default.select,
+    value: directAccessType,
+    onChange: (e15) => setDirectAccessType(e15.target.value)
+  }, /* @__PURE__ */ import_react447.default.createElement("option", {
+    value: "view" /* VIEW */
+  }, "Только просмотр"), /* @__PURE__ */ import_react447.default.createElement("option", {
+    value: "edit" /* EDIT */
+  }, "Просмотр и редактирование"))), showPrivacyWarning && /* @__PURE__ */ import_react447.default.createElement("div", {
+    className: ManageAccessModal_module_default.infoAlert
+  }, "Пользователи с прямым доступом сохранят свои права после того, как доска станет приватной.")), /* @__PURE__ */ import_react447.default.createElement("div", {
+    className: ManageAccessModal_module_default.footer
+  }, /* @__PURE__ */ import_react447.default.createElement(UiButton, {
+    variant: "secondary",
+    onClick: () => {
+      setModalData2(undefined);
+      closeModal2();
+    }
+  }, "Отмена"), /* @__PURE__ */ import_react447.default.createElement(UiButton, {
+    variant: "primary",
+    onClick: handleSave,
+    disabled: loading
+  }, loading ? "Сохранение..." : "Сохранить"))));
+}
+
+// src/pages/AdminPage/ManageUsersModal/ManageUsersModal.tsx
+var import_react448 = __toESM(require_react(), 1);
+
+// src/pages/AdminPage/ManageUsersModal/ManageUsersModal.module.css
+var ManageUsersModal_module_default = {
+  modalContent: "modalContent_T4M-EA",
+  title: "title_T4M-EA",
+  userList: "userList_T4M-EA",
+  userRow: "userRow_T4M-EA",
+  userEmail: "userEmail_T4M-EA",
+  select: "select_T4M-EA",
+  noUsers: "noUsers_T4M-EA",
+  errorAlert: "errorAlert_T4M-EA",
+  footer: "footer_T4M-EA"
+};
+
+// src/pages/AdminPage/ManageUsersModal/ManageUsersModal.tsx
+var MANAGE_USERS_MODAL = Symbol("manageUsersModal");
+var getAccessType = (permissions) => {
+  if (permissions.includes("edit" /* Edit */))
+    return "edit" /* Edit */;
+  if (permissions.includes("view" /* View */))
+    return "view" /* View */;
+  return "noAccess" /* NoAccess */;
+};
+function ManageUsersModal() {
+  const { closeModal: closeModal2, data, setModalData: setModalData2 } = useUiModalContext();
+  const { board, onSuccess } = data || {};
+  const [editableUsers, setEditableUsers] = import_react448.useState([]);
+  const [isSaving, setIsSaving] = import_react448.useState(false);
+  const [error3, setError] = import_react448.useState(null);
+  import_react448.useEffect(() => {
+    if (board) {
+      setEditableUsers(board.users.map((user) => ({
+        ...user,
+        accessType: getAccessType(user.permissions)
+      })));
+    }
+  }, [board]);
+  if (!board)
+    return /* @__PURE__ */ import_react448.default.createElement(import_react448.default.Fragment, null);
+  const handleAccessChange = (userId, newAccessType) => {
+    setEditableUsers((currentUsers) => currentUsers.map((u10) => u10.id === userId ? { ...u10, accessType: newAccessType } : u10));
+  };
+  const handleSaveChanges = async () => {
+    setIsSaving(true);
+    setError(null);
+    try {
+      const payload = editableUsers.map((u10) => ({
+        userId: u10.id,
+        accessType: u10.accessType,
+        email: u10.email || ""
+      }));
+      await grantAccess(board.uuid, payload);
+      if (onSuccess) {
+        onSuccess();
+      }
+      setModalData2(undefined);
+      closeModal2();
+    } catch (err2) {
+      console.error(err2);
+      setError("Ошибка при сохранении прав. Попробуйте снова.");
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  const handleClose = () => {
+    setModalData2(undefined);
+    closeModal2();
+  };
+  return /* @__PURE__ */ import_react448.default.createElement(UiModal, {
+    modalId: MANAGE_USERS_MODAL,
+    closeOnClickOutside: false,
+    renderAsPageOnMobile: true
+  }, /* @__PURE__ */ import_react448.default.createElement("div", {
+    className: ManageUsersModal_module_default.modalContent
+  }, /* @__PURE__ */ import_react448.default.createElement("div", {
+    className: ManageUsersModal_module_default.title
+  }, `Пользователи доски "${board.title}"`), error3 && /* @__PURE__ */ import_react448.default.createElement("div", {
+    className: ManageUsersModal_module_default.errorAlert
+  }, error3), /* @__PURE__ */ import_react448.default.createElement("div", {
+    className: ManageUsersModal_module_default.userList
+  }, editableUsers.map((user) => /* @__PURE__ */ import_react448.default.createElement("div", {
+    key: user.id,
+    className: ManageUsersModal_module_default.userRow
+  }, /* @__PURE__ */ import_react448.default.createElement("span", {
+    className: ManageUsersModal_module_default.userEmail
+  }, user.email), /* @__PURE__ */ import_react448.default.createElement("select", {
+    className: ManageUsersModal_module_default.select,
+    value: user.accessType,
+    onChange: (e15) => handleAccessChange(user.id, e15.target.value)
+  }, /* @__PURE__ */ import_react448.default.createElement("option", {
+    value: "edit" /* Edit */
+  }, "Редактор"), /* @__PURE__ */ import_react448.default.createElement("option", {
+    value: "view" /* View */
+  }, "Читатель"), /* @__PURE__ */ import_react448.default.createElement("option", {
+    value: "noAccess" /* NoAccess */
+  }, "Нет доступа")))), editableUsers.length === 0 && /* @__PURE__ */ import_react448.default.createElement("div", {
+    className: ManageUsersModal_module_default.noUsers
+  }, "У этой доски нет пользователей с доступом.")), /* @__PURE__ */ import_react448.default.createElement("div", {
+    className: ManageUsersModal_module_default.footer
+  }, /* @__PURE__ */ import_react448.default.createElement(UiButton, {
+    variant: "secondary",
+    onClick: handleClose
+  }, "Отмена"), /* @__PURE__ */ import_react448.default.createElement(UiButton, {
+    variant: "primary",
+    onClick: handleSaveChanges,
+    disabled: isSaving
+  }, isSaving ? "Сохранение..." : "Сохранить"))));
+}
+
+// src/pages/AdminPage/ConfirmDeleteModal/ConfirmDeleteModal.tsx
+var import_react449 = __toESM(require_react(), 1);
+
+// src/pages/AdminPage/ConfirmDeleteModal/ConfirmDeleteModal.module.css
+var ConfirmDeleteModal_module_default = {
+  modalContent: "modalContent_X6J-gw",
+  icon: "icon_X6J-gw",
+  title: "title_X6J-gw",
+  description: "description_X6J-gw",
+  errorAlert: "errorAlert_X6J-gw",
+  footer: "footer_X6J-gw",
+  dangerButton: "dangerButton_X6J-gw"
+};
+
+// src/pages/AdminPage/ConfirmDeleteModal/ConfirmDeleteModal.tsx
+var CONFIRM_DELETE_MODAL = Symbol("confirmDeleteModal");
+function ConfirmDeleteModal() {
+  const { closeModal: closeModal2, data, setModalData: setModalData2 } = useUiModalContext();
+  const { board, onSuccess } = data || {};
+  const [isDeleting, setIsDeleting] = import_react449.useState(false);
+  const [error3, setError] = import_react449.useState(null);
+  if (!board)
+    return /* @__PURE__ */ import_react449.default.createElement(import_react449.default.Fragment, null);
+  const handleConfirmDelete = async () => {
+    setIsDeleting(true);
+    setError(null);
+    try {
+      await deleteBoard(board.uuid);
+      if (onSuccess) {
+        onSuccess();
+      }
+      setModalData2(undefined);
+      closeModal2();
+    } catch (err2) {
+      console.error("Ошибка при удалении доски:", err2);
+      setError("Не удалось удалить доску. Пожалуйста, попробуйте снова.");
+    } finally {
+      setIsDeleting(false);
+    }
+  };
+  const handleClose = () => {
+    setModalData2(undefined);
+    closeModal2();
+  };
+  return /* @__PURE__ */ import_react449.default.createElement(UiModal, {
+    modalId: CONFIRM_DELETE_MODAL,
+    closeOnClickOutside: false,
+    renderAsPageOnMobile: true
+  }, /* @__PURE__ */ import_react449.default.createElement("div", {
+    className: ConfirmDeleteModal_module_default.modalContent
+  }, /* @__PURE__ */ import_react449.default.createElement("div", {
+    className: ConfirmDeleteModal_module_default.title
+  }, "Удаление доски"), /* @__PURE__ */ import_react449.default.createElement("p", {
+    className: ConfirmDeleteModal_module_default.description
+  }, "Вы уверены, что хотите удалить доску ", /* @__PURE__ */ import_react449.default.createElement("br", null), /* @__PURE__ */ import_react449.default.createElement("strong", null, '"', board.title, '"'), "?", /* @__PURE__ */ import_react449.default.createElement("br", null), /* @__PURE__ */ import_react449.default.createElement("br", null), "Это действие необратимо."), error3 && /* @__PURE__ */ import_react449.default.createElement("div", {
+    className: ConfirmDeleteModal_module_default.errorAlert
+  }, error3), /* @__PURE__ */ import_react449.default.createElement("div", {
+    className: ConfirmDeleteModal_module_default.footer
+  }, /* @__PURE__ */ import_react449.default.createElement(UiButton, {
+    variant: "secondary",
+    onClick: handleClose,
+    disabled: isDeleting
+  }, "Отмена"), /* @__PURE__ */ import_react449.default.createElement(UiButton, {
+    variant: "primary",
+    className: ConfirmDeleteModal_module_default.dangerButton,
+    onClick: handleConfirmDelete,
+    disabled: isDeleting
+  }, isDeleting ? "Удаление..." : "Да, удалить"))));
+}
+
+// src/pages/AdminPage/AdminPage.tsx
+var AdminDashboardPage = () => {
+  const [boards, setBoards] = import_react450.useState([]);
+  const [loading, setLoading] = import_react450.useState(true);
+  const [error3, setError] = import_react450.useState(null);
+  const { openModal: openModal2, setModalData: setModalData2 } = useUiModalContext();
+  const [pagination, setPagination] = import_react450.useState({
+    current: 1,
+    pageSize: 10,
+    total: 0
+  });
+  const navigate = useNavigate();
+  const [searchQuery, setSearchQuery] = import_react450.useState("");
+  const [searchTerm, setSearchTerm] = import_react450.useState("");
+  const fetchBoardsData = import_react450.useCallback(async (page, pageSize2, query2) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const response = (await exports_boards.getBoardsWithUsers(page, pageSize2, query2)).data;
+      if (!response) {
+        setError("Не удалось загрузить данные. Попробуйте обновить страницу.");
+        return;
+      }
+      setBoards(response.data);
+      setPagination((prev2) => ({
+        ...prev2,
+        total: response.total,
+        current: page,
+        pageSize: pageSize2
+      }));
+    } catch (err2) {
+      setError("Не удалось загрузить данные. Попробуйте обновить страницу.");
+      console.error(err2);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  import_react450.useEffect(() => {
+    fetchBoardsData(pagination.current, pagination.pageSize, searchQuery);
+  }, [fetchBoardsData, pagination.current, pagination.pageSize, searchQuery]);
+  const handlePageChange = (newPage) => {
+    if (newPage > 0 && newPage <= Math.ceil(pagination.total / pagination.pageSize)) {
+      setPagination((prev2) => ({ ...prev2, current: newPage }));
+    }
+  };
+  const handleSearch = () => {
+    setPagination((prev2) => ({ ...prev2, current: 1 }));
+    setSearchQuery(searchTerm);
+  };
+  const handleClearSearch = () => {
+    setSearchTerm("");
+    setSearchQuery("");
+    setPagination((prev2) => ({ ...prev2, current: 1 }));
+  };
+  const handleDelete = (board) => {
+    setModalData2({
+      board,
+      onSuccess: () => fetchBoardsData(pagination.current, pagination.pageSize, searchQuery)
+    });
+    openModal2(CONFIRM_DELETE_MODAL);
+  };
+  const showUsersModal = (board) => {
+    setModalData2({
+      board,
+      onSuccess: () => fetchBoardsData(pagination.current, pagination.pageSize, searchQuery)
+    });
+    openModal2(MANAGE_USERS_MODAL);
+  };
+  const showAccessModal = (board) => {
+    setModalData2({
+      board,
+      onSuccess: () => fetchBoardsData(pagination.current, pagination.pageSize, searchQuery)
+    });
+    openModal2(MANAGE_ACCESS_MODAL);
+  };
+  const totalPages = Math.ceil(pagination.total / pagination.pageSize);
+  const handleBackBtnClick = () => {
+    navigate("/");
+  };
+  return /* @__PURE__ */ import_react450.default.createElement("div", {
+    className: AdminPage_module_default.adminDashboard
+  }, /* @__PURE__ */ import_react450.default.createElement("div", {
+    className: AdminPage_module_default.header
+  }, /* @__PURE__ */ import_react450.default.createElement(UiButton, {
+    variant: "secondary",
+    className: AdminPage_module_default.backBtn,
+    onClick: handleBackBtnClick
+  }, /* @__PURE__ */ import_react450.default.createElement(Icon, {
+    width: 24,
+    height: 24,
+    iconName: "BackArrow"
+  })), /* @__PURE__ */ import_react450.default.createElement("h2", {
+    className: AdminPage_module_default.dashboardTitle
+  }, "Управление досками")), /* @__PURE__ */ import_react450.default.createElement("div", {
+    className: AdminPage_module_default.searchBar
+  }, /* @__PURE__ */ import_react450.default.createElement("div", {
+    style: { width: "100%" }
+  }, /* @__PURE__ */ import_react450.default.createElement(Input, {
+    id: "admin-board-search-input",
+    placeholder: "Введите ID доски для поиска",
+    value: searchTerm,
+    onChange: (e15) => setSearchTerm(e15.target.value)
+  })), /* @__PURE__ */ import_react450.default.createElement(Button, {
+    className: AdminPage_module_default.searchBtn,
+    onClick: handleSearch,
+    pattern: "tertiary"
+  }, "Найти"), searchTerm && /* @__PURE__ */ import_react450.default.createElement(Button, {
+    className: AdminPage_module_default.searchBtn,
+    onClick: handleClearSearch
+  }, "Очистить")), error3 && /* @__PURE__ */ import_react450.default.createElement("div", {
+    className: AdminPage_module_default.errorAlert
+  }, error3), /* @__PURE__ */ import_react450.default.createElement("div", {
+    className: AdminPage_module_default.tableContainer
+  }, /* @__PURE__ */ import_react450.default.createElement("table", {
+    className: AdminPage_module_default.customTable
+  }, /* @__PURE__ */ import_react450.default.createElement("thead", null, /* @__PURE__ */ import_react450.default.createElement("tr", null, /* @__PURE__ */ import_react450.default.createElement("th", null, "ID"), /* @__PURE__ */ import_react450.default.createElement("th", null, "Название"), /* @__PURE__ */ import_react450.default.createElement("th", null, "Автор"), /* @__PURE__ */ import_react450.default.createElement("th", null, "Статус"), /* @__PURE__ */ import_react450.default.createElement("th", null, "Действия"))), /* @__PURE__ */ import_react450.default.createElement("tbody", null, loading ? /* @__PURE__ */ import_react450.default.createElement("tr", null, /* @__PURE__ */ import_react450.default.createElement("td", {
+    colSpan: 5,
+    className: AdminPage_module_default.loadingCell
+  }, "Загрузка...")) : boards.length > 0 ? boards.map((board) => /* @__PURE__ */ import_react450.default.createElement("tr", {
+    key: board.uuid
+  }, /* @__PURE__ */ import_react450.default.createElement("td", {
+    "data-label": "ID"
+  }, board.uuid), /* @__PURE__ */ import_react450.default.createElement("td", {
+    "data-label": "Название"
+  }, board.title), /* @__PURE__ */ import_react450.default.createElement("td", {
+    "data-label": "Автор"
+  }, board.author?.email || "N/A"), /* @__PURE__ */ import_react450.default.createElement("td", {
+    "data-label": "Статус"
+  }, /* @__PURE__ */ import_react450.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_react450.default.createElement("td", {
+    "data-label": "Действия"
+  }, /* @__PURE__ */ import_react450.default.createElement("div", {
+    className: AdminPage_module_default.actionButtons
+  }, /* @__PURE__ */ import_react450.default.createElement(Button, {
+    pattern: "quaternary",
+    onClick: () => showUsersModal(board)
+  }, "Пользователи"), /* @__PURE__ */ import_react450.default.createElement(Button, {
+    onClick: () => handleDelete(board),
+    pattern: "primary"
+  }, "Удалить"))))) : /* @__PURE__ */ import_react450.default.createElement("tr", null, /* @__PURE__ */ import_react450.default.createElement("td", {
+    colSpan: 5,
+    className: AdminPage_module_default.noDataCell
+  }, "Данные не найдены"))))), !loading && pagination.total > 0 && /* @__PURE__ */ import_react450.default.createElement("div", {
+    className: AdminPage_module_default.pagination
+  }, /* @__PURE__ */ import_react450.default.createElement(Button, {
+    className: AdminPage_module_default.searchBtn,
+    onClick: () => handlePageChange(pagination.current - 1),
+    disabled: pagination.current === 1
+  }, "Назад"), /* @__PURE__ */ import_react450.default.createElement("span", null, "Страница ", pagination.current, " из ", totalPages), /* @__PURE__ */ import_react450.default.createElement(Button, {
+    className: AdminPage_module_default.searchBtn,
+    onClick: () => handlePageChange(pagination.current + 1),
+    disabled: pagination.current === totalPages
+  }, "Вперед")), /* @__PURE__ */ import_react450.default.createElement(UiModalBackground, null, /* @__PURE__ */ import_react450.default.createElement(ManageAccessModal, null), /* @__PURE__ */ import_react450.default.createElement(ManageUsersModal, null), /* @__PURE__ */ import_react450.default.createElement(ConfirmDeleteModal, null)));
+};
+
+// src/entities/account/RouterRolesGuard.tsx
+var import_react451 = __toESM(require_react(), 1);
+function RouterRolesGuard({ allowedRoles }) {
+  const account = useAccount2();
+  if (!account.isInitialized) {
+    return null;
+  }
+  const userRole = account.tokenData?.role;
+  if (userRole && allowedRoles.includes(userRole)) {
+    return /* @__PURE__ */ import_react451.default.createElement(Outlet, null);
+  } else {
+    return /* @__PURE__ */ import_react451.default.createElement(Navigate2, {
+      to: "/",
+      replace: true
+    });
+  }
+}
+
+// src/App/router.tsx
 function getRender(app) {
   const router = createBrowserRouter([
     {
-      element: /* @__PURE__ */ import_react447.default.createElement(AppLayout, {
+      element: /* @__PURE__ */ import_react452.default.createElement(AppLayout, {
         app
       }),
       children: [
-        { path: "/", element: /* @__PURE__ */ import_react447.default.createElement(Navigate2, {
+        { path: "/", element: /* @__PURE__ */ import_react452.default.createElement(Navigate2, {
           to: "/boards/blank"
         }) },
         {
           path: "/auth",
-          element: /* @__PURE__ */ import_react447.default.createElement(AuthLayout, {
+          element: /* @__PURE__ */ import_react452.default.createElement(AuthLayout, {
             showPolicies: true
           }),
           children: [
             {
-              element: /* @__PURE__ */ import_react447.default.createElement(UnauthGuard, null),
+              element: /* @__PURE__ */ import_react452.default.createElement(UnauthGuard, null),
               children: [
-                { path: "sign-up", element: /* @__PURE__ */ import_react447.default.createElement(SignupPage, null) },
-                { path: "sign-in", element: /* @__PURE__ */ import_react447.default.createElement(SigninPage, null) },
-                { path: "verify", element: /* @__PURE__ */ import_react447.default.createElement(VerifyMailPage, null) },
-                { path: "restore-password", element: /* @__PURE__ */ import_react447.default.createElement(RestorePasswordPage, null) },
-                { path: "forgot-password", element: /* @__PURE__ */ import_react447.default.createElement(ForgotPasswordPage, null) }
+                { path: "sign-up", element: /* @__PURE__ */ import_react452.default.createElement(SignupPage, null) },
+                { path: "sign-in", element: /* @__PURE__ */ import_react452.default.createElement(SigninPage, null) },
+                { path: "verify", element: /* @__PURE__ */ import_react452.default.createElement(VerifyMailPage, null) },
+                { path: "restore-password", element: /* @__PURE__ */ import_react452.default.createElement(RestorePasswordPage, null) },
+                { path: "forgot-password", element: /* @__PURE__ */ import_react452.default.createElement(ForgotPasswordPage, null) }
               ]
             }
           ]
         },
         {
           path: "/bind-email",
-          element: /* @__PURE__ */ import_react447.default.createElement(AuthLayout, null),
+          element: /* @__PURE__ */ import_react452.default.createElement(AuthLayout, null),
           children: [
-            { path: "add-email", element: /* @__PURE__ */ import_react447.default.createElement(AddEmailPage, null) },
-            { path: "verify", element: /* @__PURE__ */ import_react447.default.createElement(BindEmailPage, null) }
+            { path: "add-email", element: /* @__PURE__ */ import_react452.default.createElement(AddEmailPage, null) },
+            { path: "verify", element: /* @__PURE__ */ import_react452.default.createElement(BindEmailPage, null) }
           ]
         },
-        { path: "/welcome", element: /* @__PURE__ */ import_react447.default.createElement(WelcomePage, null) },
-        { path: "/boards/:boardId?", element: /* @__PURE__ */ import_react447.default.createElement(BoardPage, null) },
-        { path: "/selectBoard", element: /* @__PURE__ */ import_react447.default.createElement(SelectBoardPage, null) },
-        { path: "/test-wheel", element: /* @__PURE__ */ import_react447.default.createElement(WheelEventLoggerPage, null) },
-        { path: "/snapshots/:uid?", element: /* @__PURE__ */ import_react447.default.createElement(HTMLSnapshot_default, null) }
+        {
+          element: /* @__PURE__ */ import_react452.default.createElement(RouterRolesGuard, {
+            allowedRoles: ["ADMIN" /* ADMIN */]
+          }),
+          children: [{ path: "/admin", element: /* @__PURE__ */ import_react452.default.createElement(AdminDashboardPage, null) }]
+        },
+        { path: "/welcome", element: /* @__PURE__ */ import_react452.default.createElement(WelcomePage, null) },
+        { path: "/boards/:boardId?", element: /* @__PURE__ */ import_react452.default.createElement(BoardPage, null) },
+        { path: "/selectBoard", element: /* @__PURE__ */ import_react452.default.createElement(SelectBoardPage, null) },
+        { path: "/test-wheel", element: /* @__PURE__ */ import_react452.default.createElement(WheelEventLoggerPage, null) },
+        { path: "/snapshots/:uid?", element: /* @__PURE__ */ import_react452.default.createElement(HTMLSnapshot_default, null) }
       ]
     }
   ]);
@@ -449120,7 +449713,7 @@ function getRender(app) {
       if (!root3) {
         root3 = import_client2.createRoot(container);
       }
-      root3.render(/* @__PURE__ */ import_react447.default.createElement(RouterProvider, {
+      root3.render(/* @__PURE__ */ import_react452.default.createElement(RouterProvider, {
         router
       }));
     },
@@ -449137,9 +449730,9 @@ function getLocalRender(app) {
     if (!root3) {
       root3 = import_client2.createRoot(container);
     }
-    root3.render(/* @__PURE__ */ import_react447.default.createElement(LocalAppLayout, {
+    root3.render(/* @__PURE__ */ import_react452.default.createElement(LocalAppLayout, {
       app
-    }, /* @__PURE__ */ import_react447.default.createElement(LocalSidePanelContextProvider, null, /* @__PURE__ */ import_react447.default.createElement(LocalAppView, null))));
+    }, /* @__PURE__ */ import_react452.default.createElement(LocalSidePanelContextProvider, null, /* @__PURE__ */ import_react452.default.createElement(LocalAppView, null))));
   };
 }