@realtimexsco/live-chat 1.4.10 → 1.4.12

package/dist/index.cjs

@@ -6,7 +6,7 @@ var socket_ioClient = require('socket.io-client');
 var axios = require('axios');
 var zustand = require('zustand');
 var middleware = require('zustand/middleware');
-var React2 = require('react');
+var React3 = require('react');
 var radixUi = require('radix-ui');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
@@ -39,7 +39,7 @@ function _interopNamespace(e) {
 }
 
 var axios__default = /*#__PURE__*/_interopDefault(axios);
-var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
 var EmojiPicker__default = /*#__PURE__*/_interopDefault(EmojiPicker);
 var toast__default = /*#__PURE__*/_interopDefault(toast);
 
@@ -1190,6 +1190,7 @@ function resolveChatApiKey(url) {
   }
   if (path.includes("/message/search-messages")) return "searchMessages";
   if (path.includes("/message/searched-message/context")) return "searchMessagesContext";
+  if (path.includes("/settings/effective")) return "effectiveSettings";
   if (path.includes("/conversation/group/create")) return "createGroup";
   if (path.includes("/conversation/group/permission/update")) return "updateGroupPermissions";
   if (path.includes("/conversation/group/information/update")) return "updateGroupInfo";
@@ -1233,7 +1234,8 @@ var init_query_params = __esm({
       "pinnedMessages",
       "starredMessages",
       "searchMessages",
-      "searchMessagesContext"
+      "searchMessagesContext",
+      "effectiveSettings"
     ];
     exports.CHAT_API_KEYS = [
       "all",
@@ -1251,6 +1253,64 @@ var init_query_params = __esm({
     ];
   }
 });
+
+// src/services/api/api-version.ts
+var DEFAULT_VERSIONS, apiVersions, normalizeApiVersion; exports.resolveApiRoot = void 0; exports.buildVersionedApiUrl = void 0; exports.setChatApiVersions = void 0; exports.getChatApiVersions = void 0; exports.setChatPushApiVersion = void 0; var syncDefaultApiVersionFromBaseUrl;
+var init_api_version = __esm({
+  "src/services/api/api-version.ts"() {
+    init_client();
+    DEFAULT_VERSIONS = {
+      v1: "v1",
+      v2: "v2"
+    };
+    apiVersions = { ...DEFAULT_VERSIONS };
+    normalizeApiVersion = (version) => {
+      const raw = String(version || "v1").trim().replace(/^\/+|\/+$/g, "");
+      if (!raw) return "v1";
+      return /^v\d+$/i.test(raw) ? raw.toLowerCase() : `v${raw}`;
+    };
+    exports.resolveApiRoot = (baseUrl) => {
+      const raw = String(
+        baseUrl || exports.getChatBaseUrl() || apiClient.defaults.baseURL || ""
+      ).trim().replace(/\/$/, "");
+      if (!raw) return "";
+      const withoutVersion = raw.replace(/\/v\d+$/i, "");
+      return withoutVersion || raw;
+    };
+    exports.buildVersionedApiUrl = (path, options) => {
+      const root = exports.resolveApiRoot(options?.baseUrl);
+      const version = normalizeApiVersion(
+        options?.version ?? (options?.service ? apiVersions[options.service] : apiVersions.v1)
+      );
+      const normalizedPath = path.startsWith("/") ? path : `/${path}`;
+      if (!root) {
+        return `/${version}${normalizedPath}`;
+      }
+      return `${root}/${version}${normalizedPath}`;
+    };
+    exports.setChatApiVersions = (config) => {
+      if (!config) return;
+      if (config.v1) {
+        apiVersions.v1 = normalizeApiVersion(config.v1);
+      }
+      if (config.v2) {
+        apiVersions.v2 = normalizeApiVersion(config.v2);
+      }
+    };
+    exports.getChatApiVersions = () => ({
+      ...apiVersions
+    });
+    exports.setChatPushApiVersion = (version) => {
+      apiVersions.v2 = normalizeApiVersion(version);
+    };
+    syncDefaultApiVersionFromBaseUrl = (baseUrl) => {
+      const match = String(baseUrl || "").trim().match(/\/(v\d+)\/?$/i);
+      if (match?.[1]) {
+        apiVersions.v1 = normalizeApiVersion(match[1]);
+      }
+    };
+  }
+});
 function resolveParamsForRequest(url, method) {
   const apiKey = resolveChatApiKey(url);
   const httpMethod = (method || "get").toLowerCase();
@@ -1267,7 +1327,9 @@ var chatClientId, chatAccessToken, chatBaseUrl, chatSocketUrl, chatQueryParams,
 var init_client = __esm({
   "src/services/api/client.ts"() {
     init_query_params();
+    init_api_version();
     init_query_params();
+    init_api_version();
     chatClientId = "";
     chatAccessToken = "";
     chatBaseUrl = "";
@@ -1285,6 +1347,7 @@ var init_client = __esm({
     exports.setChatBaseURL = (url) => {
       chatBaseUrl = url.trim();
       apiClient.defaults.baseURL = chatBaseUrl;
+      syncDefaultApiVersionFromBaseUrl(chatBaseUrl);
     };
     exports.getChatBaseUrl = () => chatBaseUrl;
     exports.setChatSocketUrl = (url) => {
@@ -1388,6 +1451,9 @@ var init_api_constants = __esm({
         SEARCH_MESSAGES: "/message/search-messages",
         SEARCH_MESSAGES_CONTEXT: (messageId2) => `/message/searched-message/context?messageId=${messageId2}`,
         BLOCK_UNBLOCK_USER: "/user/block-unblock"
+      },
+      SETTINGS: {
+        PERMISSIONS: "/settings/effective"
       }
     };
   }
@@ -1424,13 +1490,11 @@ var init_auth_api = __esm({
 });
 
 // src/constants/chat.constants.ts
-var DEFAULT_MESSAGES_LIMIT, DEFAULT_CONVERSATIONS_LIMIT, DM_EDIT_WINDOW_MS, GROUP_EDIT_WINDOW_MS, MAX_ATTACHMENT_CAPTION_LENGTH, ATTACHMENT_FILENAME_TIMESTAMP_LENGTH;
+var DEFAULT_MESSAGES_LIMIT, DEFAULT_CONVERSATIONS_LIMIT, MAX_ATTACHMENT_CAPTION_LENGTH, ATTACHMENT_FILENAME_TIMESTAMP_LENGTH;
 var init_chat_constants = __esm({
   "src/constants/chat.constants.ts"() {
     DEFAULT_MESSAGES_LIMIT = 20;
     DEFAULT_CONVERSATIONS_LIMIT = 20;
-    DM_EDIT_WINDOW_MS = 5 * 60 * 1e3;
-    GROUP_EDIT_WINDOW_MS = 10 * 60 * 1e3;
     MAX_ATTACHMENT_CAPTION_LENGTH = 100;
     ATTACHMENT_FILENAME_TIMESTAMP_LENGTH = 13;
   }
@@ -1633,6 +1697,206 @@ var init_uploads_api = __esm({
   }
 });
 
+// src/types/settings.types.ts
+exports.DEFAULT_EFFECTIVE_SETTINGS = void 0; exports.ADMIN_PERMISSION_DENIED_MESSAGE = void 0; exports.CALLS_NOT_CONFIGURED_MESSAGE = void 0;
+var init_settings_types = __esm({
+  "src/types/settings.types.ts"() {
+    exports.DEFAULT_EFFECTIVE_SETTINGS = {
+      pushNotificationEnabled: true,
+      videoCallEnabled: true,
+      audioCallEnabled: true,
+      blockUsersEnabled: true,
+      calls: {
+        enabled: true,
+        configured: true
+      },
+      groupPolicy: {
+        defaults: {
+          onlyAdminCanSendMessage: false,
+          onlyAdminCanEditInfo: false,
+          senderCanEditMessage: true,
+          allowMemberAdd: true,
+          allowMemberRemove: false,
+          moderationEnabled: false
+        },
+        locked: []
+      },
+      messageTimers: {
+        dmEditMinutes: 5,
+        dmDeleteMinutes: 5,
+        groupEditMinutes: 10,
+        groupDeleteMinutes: 10
+      },
+      attachments: {
+        enabled: true,
+        maxFileSizeMB: 10,
+        allowedMimeTypes: ["image/*", "video/*", "audio/*", "application/pdf"],
+        maxAttachmentsPerMessage: 10
+      },
+      maxAdminsPerGroup: 5,
+      maxParticipantsPerGroup: 100,
+      maxPinnedMessagesPerConversation: 10,
+      groupCreationEnabled: true
+    };
+    exports.ADMIN_PERMISSION_DENIED_MESSAGE = "This feature is disabled by your administrator.";
+    exports.CALLS_NOT_CONFIGURED_MESSAGE = "Calls are not configured. Please contact your administrator.";
+  }
+});
+
+// src/services/api/settings.api.ts
+function asBoolean(value, fallback) {
+  return typeof value === "boolean" ? value : fallback;
+}
+function asPositiveNumber(value, fallback) {
+  return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : fallback;
+}
+function asStringArray(value, fallback) {
+  if (!Array.isArray(value)) return fallback;
+  const next = value.filter((item) => typeof item === "string");
+  return next.length > 0 ? next : fallback;
+}
+function normalizeGroupPermissions(value, fallback) {
+  if (!value || typeof value !== "object") return { ...fallback };
+  const raw = value;
+  return {
+    onlyAdminCanSendMessage: asBoolean(
+      raw.onlyAdminCanSendMessage,
+      fallback.onlyAdminCanSendMessage
+    ),
+    onlyAdminCanEditInfo: asBoolean(
+      raw.onlyAdminCanEditInfo,
+      fallback.onlyAdminCanEditInfo
+    ),
+    senderCanEditMessage: asBoolean(
+      raw.senderCanEditMessage,
+      fallback.senderCanEditMessage
+    ),
+    allowMemberAdd: asBoolean(raw.allowMemberAdd, fallback.allowMemberAdd),
+    allowMemberRemove: asBoolean(
+      raw.allowMemberRemove,
+      fallback.allowMemberRemove
+    ),
+    moderationEnabled: asBoolean(
+      raw.moderationEnabled,
+      fallback.moderationEnabled
+    )
+  };
+}
+function normalizeCalls(value, fallback) {
+  if (!value || typeof value !== "object") return { ...fallback };
+  const raw = value;
+  return {
+    enabled: asBoolean(raw.enabled, fallback.enabled),
+    configured: asBoolean(raw.configured, fallback.configured)
+  };
+}
+function normalizeGroupPolicy(value, fallback) {
+  if (!value || typeof value !== "object") {
+    return {
+      defaults: { ...fallback.defaults },
+      locked: [...fallback.locked]
+    };
+  }
+  const raw = value;
+  return {
+    defaults: normalizeGroupPermissions(raw.defaults, fallback.defaults),
+    locked: asStringArray(raw.locked, fallback.locked)
+  };
+}
+function normalizeMessageTimers(value, fallback) {
+  if (!value || typeof value !== "object") return { ...fallback };
+  const raw = value;
+  return {
+    dmEditMinutes: asPositiveNumber(raw.dmEditMinutes, fallback.dmEditMinutes),
+    dmDeleteMinutes: asPositiveNumber(
+      raw.dmDeleteMinutes,
+      fallback.dmDeleteMinutes
+    ),
+    groupEditMinutes: asPositiveNumber(
+      raw.groupEditMinutes,
+      fallback.groupEditMinutes
+    ),
+    groupDeleteMinutes: asPositiveNumber(
+      raw.groupDeleteMinutes,
+      fallback.groupDeleteMinutes
+    )
+  };
+}
+function normalizeAttachments(value, fallback) {
+  if (!value || typeof value !== "object") return { ...fallback };
+  const raw = value;
+  return {
+    enabled: asBoolean(raw.enabled, fallback.enabled),
+    maxFileSizeMB: asPositiveNumber(raw.maxFileSizeMB, fallback.maxFileSizeMB),
+    allowedMimeTypes: asStringArray(
+      raw.allowedMimeTypes,
+      fallback.allowedMimeTypes
+    ),
+    maxAttachmentsPerMessage: asPositiveNumber(
+      raw.maxAttachmentsPerMessage,
+      fallback.maxAttachmentsPerMessage
+    )
+  };
+}
+function normalizeEffectiveSettings(raw) {
+  const payload = raw && typeof raw === "object" ? raw.data ?? raw : null;
+  const source = payload && typeof payload === "object" ? payload : {};
+  const defaults = exports.DEFAULT_EFFECTIVE_SETTINGS;
+  return {
+    pushNotificationEnabled: asBoolean(
+      source.pushNotificationEnabled,
+      defaults.pushNotificationEnabled
+    ),
+    videoCallEnabled: asBoolean(
+      source.videoCallEnabled,
+      defaults.videoCallEnabled
+    ),
+    audioCallEnabled: asBoolean(
+      source.audioCallEnabled,
+      defaults.audioCallEnabled
+    ),
+    blockUsersEnabled: asBoolean(
+      source.blockUsersEnabled,
+      defaults.blockUsersEnabled
+    ),
+    calls: normalizeCalls(source.calls, defaults.calls),
+    groupPolicy: normalizeGroupPolicy(source.groupPolicy, defaults.groupPolicy),
+    messageTimers: normalizeMessageTimers(
+      source.messageTimers,
+      defaults.messageTimers
+    ),
+    attachments: normalizeAttachments(source.attachments, defaults.attachments),
+    maxAdminsPerGroup: asPositiveNumber(
+      source.maxAdminsPerGroup,
+      defaults.maxAdminsPerGroup
+    ),
+    maxParticipantsPerGroup: asPositiveNumber(
+      source.maxParticipantsPerGroup,
+      defaults.maxParticipantsPerGroup
+    ),
+    maxPinnedMessagesPerConversation: asPositiveNumber(
+      source.maxPinnedMessagesPerConversation,
+      defaults.maxPinnedMessagesPerConversation
+    ),
+    groupCreationEnabled: asBoolean(
+      source.groupCreationEnabled,
+      defaults.groupCreationEnabled
+    )
+  };
+}
+exports.fetchEffectiveSettings = void 0;
+var init_settings_api = __esm({
+  "src/services/api/settings.api.ts"() {
+    init_api_constants();
+    init_client();
+    init_settings_types();
+    exports.fetchEffectiveSettings = async () => {
+      const response = await apiClient.get(API_ENDPOINTS.SETTINGS.PERMISSIONS);
+      return normalizeEffectiveSettings(response.data);
+    };
+  }
+});
+
 // src/services/api/index.ts
 var init_api = __esm({
   "src/services/api/index.ts"() {
@@ -1641,6 +1905,7 @@ var init_api = __esm({
     init_messages_api();
     init_groups_api();
     init_uploads_api();
+    init_settings_api();
   }
 });
 
@@ -3750,7 +4015,7 @@ function resolveApiUrl(apiUrl) {
 function resolveSocketUrl(socketUrl, apiUrl) {
   const explicit = (socketUrl ?? "").trim();
   if (explicit) return explicit;
-  return resolveApiUrl(apiUrl).replace(/\/api\/v1\/?$/, "");
+  return resolveApiUrl(apiUrl).replace(/\/api\/v\d+\/?$/i, "");
 }
 
 // src/hooks/chat-sync/useChatSync.ts
@@ -4324,7 +4589,7 @@ var syncLocalMessagesOnDmMarkRead = (prev, lastDMMarkRead, conversations, logged
 
 // src/hooks/chat-sync/useChatSync.ts
 var useChatSync = () => {
-  const [localMessages, setLocalMessages] = React2.useState({});
+  const [localMessages, setLocalMessages] = React3.useState({});
   const lastDM = useSocketStore((s) => s.lastDM);
   const lastEditDM = useSocketStore((s) => s.lastEditDM);
   const lastDeleteDM = useSocketStore((s) => s.lastDeleteDM);
@@ -4337,17 +4602,17 @@ var useChatSync = () => {
   const messagesByConversation = useSocketStore((s) => s.messagesByConversation);
   const messagesMetadata = useSocketStore((s) => s.messagesMetadata);
   const loggedUserDetails = useAuthStore((s) => s.loggedUserDetails);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     setLocalMessages(
       (prev) => syncLocalMessagesOnStoreClear(prev, messagesByConversation, messagesMetadata)
     );
   }, [messagesByConversation, messagesMetadata]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (lastPinUpdate) {
       setLocalMessages((prev) => syncLocalMessagesOnPinUpdate(prev, lastPinUpdate));
     }
   }, [lastPinUpdate]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (lastStarUpdate) {
       setLocalMessages((prev) => {
         const next = syncLocalMessagesOnStarUpdate(
@@ -4359,18 +4624,18 @@ var useChatSync = () => {
       });
     }
   }, [lastStarUpdate, loggedUserDetails?._id]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!lastReactionUpdate) return;
     setLocalMessages(
       (prev) => syncLocalMessagesOnReactionUpdate(prev, lastReactionUpdate, messagesByConversation)
     );
   }, [lastReactionUpdate, messagesByConversation]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (lastDeleteDM) {
       setLocalMessages((prev) => syncLocalMessagesOnDelete(prev, lastDeleteDM));
     }
   }, [lastDeleteDM]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (lastEditDM) {
       setLocalMessages((prev) => {
         const next = syncLocalMessagesOnEdit(prev, lastEditDM);
@@ -4378,7 +4643,7 @@ var useChatSync = () => {
       });
     }
   }, [lastEditDM]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!lastDM) return;
     const result = buildIncomingMessageFromDM(
       lastDM,
@@ -4390,14 +4655,14 @@ var useChatSync = () => {
       (prev) => applyMessageUpdate(prev, result.storageKey, result.incomingMsg, result.isMe)
     );
   }, [lastDM, loggedUserDetails, conversations]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (lastStatusUpdate) {
       setLocalMessages(
         (prev) => syncLocalMessagesOnStatusUpdate(prev, lastStatusUpdate, loggedUserDetails)
       );
     }
   }, [lastStatusUpdate, loggedUserDetails]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (lastDMMarkRead) {
       setLocalMessages((prev) => {
         const next = syncLocalMessagesOnDmMarkRead(
@@ -4427,16 +4692,16 @@ var mergeChatCustomization = (config) => ({
   classNames: { ...defaultChatClassNames, ...config?.classNames ?? {} },
   features: { ...defaultChatFeatures, ...config?.features ?? {} }
 });
-var ChatCustomizationContext = React2.createContext(void 0);
+var ChatCustomizationContext = React3.createContext(void 0);
 var ChatCustomizationProvider = ({
   children,
   customization
 }) => {
-  const merged = React2.useMemo(
+  const merged = React3.useMemo(
     () => mergeChatCustomization(customization),
     [customization]
   );
-  const value = React2.useMemo(
+  const value = React3.useMemo(
     () => ({
       components: merged.components,
       classNames: merged.classNames,
@@ -4452,7 +4717,7 @@ var ChatCustomizationProvider = ({
   return /* @__PURE__ */ jsxRuntime.jsx(ChatCustomizationContext.Provider, { value, children });
 };
 var useChatCustomization = () => {
-  const context = React2.useContext(ChatCustomizationContext);
+  const context = React3.useContext(ChatCustomizationContext);
   if (!context) {
     throw new Error(
       "useChatCustomization must be used within ChatCustomizationProvider"
@@ -4461,7 +4726,7 @@ var useChatCustomization = () => {
   return context;
 };
 var useChatCustomizationOptional = () => {
-  const context = React2.useContext(ChatCustomizationContext);
+  const context = React3.useContext(ChatCustomizationContext);
   return context ?? {
     components: {},
     classNames: {},
@@ -4472,9 +4737,146 @@ var useChatCustomizationOptional = () => {
 };
 var useChatFeatures = () => useChatCustomization().features;
 var useChatFeaturesOptional = () => useChatCustomizationOptional().features;
-var ChatContext = React2.createContext(void 0);
+
+// src/context/ChatEffectiveSettingsContext.tsx
+init_settings_api();
+init_settings_types();
+var ChatEffectiveSettingsContext = React3.createContext(null);
+function buildCallGate(settings, featureEnabled) {
+  if (!settings.calls.configured) {
+    return {
+      visible: true,
+      enabled: false,
+      disabledReason: exports.CALLS_NOT_CONFIGURED_MESSAGE
+    };
+  }
+  if (!settings.calls.enabled) {
+    return {
+      visible: true,
+      enabled: false,
+      disabledReason: exports.ADMIN_PERMISSION_DENIED_MESSAGE
+    };
+  }
+  if (!featureEnabled) {
+    return {
+      visible: true,
+      enabled: false,
+      disabledReason: exports.ADMIN_PERMISSION_DENIED_MESSAGE
+    };
+  }
+  return { visible: true, enabled: true, disabledReason: null };
+}
+function ChatEffectiveSettingsProvider({
+  children,
+  enabled = true
+}) {
+  const [settings, setSettings] = React3.useState(
+    exports.DEFAULT_EFFECTIVE_SETTINGS
+  );
+  const [loading, setLoading] = React3.useState(true);
+  const [error, setError] = React3.useState(null);
+  const refresh = React3.useCallback(async () => {
+    if (!enabled) {
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    try {
+      const next = await exports.fetchEffectiveSettings();
+      setSettings(next);
+      setError(null);
+    } catch (err) {
+      console.error("Failed to fetch effective settings:", err);
+      setError(
+        err instanceof Error ? err.message : "Could not load chat permissions"
+      );
+      setSettings(exports.DEFAULT_EFFECTIVE_SETTINGS);
+    } finally {
+      setLoading(false);
+    }
+  }, [enabled]);
+  React3.useEffect(() => {
+    void refresh();
+  }, [refresh]);
+  const value = React3.useMemo(() => {
+    const isGroupPermissionLocked = (key) => settings.groupPolicy.locked.includes(key);
+    return {
+      settings,
+      loading,
+      error,
+      refresh,
+      isGroupPermissionLocked,
+      getAudioCallGate: () => buildCallGate(settings, settings.audioCallEnabled),
+      getVideoCallGate: () => buildCallGate(settings, settings.videoCallEnabled),
+      getPushNotificationGate: () => ({
+        visible: true,
+        enabled: settings.pushNotificationEnabled,
+        disabledReason: settings.pushNotificationEnabled ? null : exports.ADMIN_PERMISSION_DENIED_MESSAGE
+      }),
+      getBlockUsersGate: () => ({
+        visible: true,
+        enabled: settings.blockUsersEnabled,
+        disabledReason: settings.blockUsersEnabled ? null : exports.ADMIN_PERMISSION_DENIED_MESSAGE
+      }),
+      getAttachmentsGate: () => ({
+        visible: true,
+        enabled: settings.attachments.enabled,
+        disabledReason: settings.attachments.enabled ? null : exports.ADMIN_PERMISSION_DENIED_MESSAGE
+      }),
+      getGroupCreationGate: () => ({
+        visible: true,
+        enabled: settings.groupCreationEnabled,
+        disabledReason: settings.groupCreationEnabled ? null : exports.ADMIN_PERMISSION_DENIED_MESSAGE
+      })
+    };
+  }, [settings, loading, error, refresh]);
+  return /* @__PURE__ */ jsxRuntime.jsx(ChatEffectiveSettingsContext.Provider, { value, children });
+}
+function useEffectiveSettings() {
+  const ctx = React3.useContext(ChatEffectiveSettingsContext);
+  if (!ctx) {
+    throw new Error(
+      "useEffectiveSettings must be used within ChatEffectiveSettingsProvider"
+    );
+  }
+  return ctx;
+}
+function useEffectiveSettingsOptional() {
+  const ctx = React3.useContext(ChatEffectiveSettingsContext);
+  if (ctx) return ctx;
+  return {
+    settings: exports.DEFAULT_EFFECTIVE_SETTINGS,
+    loading: false,
+    error: null,
+    refresh: async () => void 0,
+    isGroupPermissionLocked: () => false,
+    getAudioCallGate: () => buildCallGate(exports.DEFAULT_EFFECTIVE_SETTINGS, true),
+    getVideoCallGate: () => buildCallGate(exports.DEFAULT_EFFECTIVE_SETTINGS, true),
+    getPushNotificationGate: () => ({
+      visible: true,
+      enabled: true,
+      disabledReason: null
+    }),
+    getBlockUsersGate: () => ({
+      visible: true,
+      enabled: true,
+      disabledReason: null
+    }),
+    getAttachmentsGate: () => ({
+      visible: true,
+      enabled: true,
+      disabledReason: null
+    }),
+    getGroupCreationGate: () => ({
+      visible: true,
+      enabled: true,
+      disabledReason: null
+    })
+  };
+}
+var ChatContext = React3.createContext(void 0);
 var useChatContext = () => {
-  const context = React2.useContext(ChatContext);
+  const context = React3.useContext(ChatContext);
   if (!context) {
     throw new Error("useChatContext must be used within a Chat provider");
   }
@@ -4497,6 +4899,7 @@ var Chat = ({
   queryParams,
   queryParamApis,
   queryParamsByApi,
+  apiVersions: apiVersions2,
   channelsData,
   messagesData,
   onMessageReceived,
@@ -4510,7 +4913,7 @@ var Chat = ({
   const status = exports.useChatStore((s) => s.status);
   const error = exports.useChatStore((s) => s.error);
   useChatSync();
-  React2__namespace.default.useEffect(() => {
+  React3__namespace.default.useEffect(() => {
     const clientId = client?.id;
     const initializeChat = async () => {
       if (!clientId || !loggedUserDetails) return;
@@ -4522,6 +4925,7 @@ var Chat = ({
       const resolvedApiUrl = resolveApiUrl(apiUrl);
       const resolvedSocketUrl = resolveSocketUrl(socketUrl, resolvedApiUrl);
       if (resolvedApiUrl) exports.setChatBaseURL(resolvedApiUrl);
+      exports.setChatApiVersions(apiVersions2);
       if (resolvedSocketUrl) exports.setChatSocketUrl(resolvedSocketUrl);
       let currentToken = accessToken || "";
       let sessionUser = resolveUserFromAccessToken(currentToken, loggedUserDetails);
@@ -4599,28 +5003,28 @@ var Chat = ({
     queryParamApis: queryParamApis ?? ["get"],
     queryParamsByApi: queryParamsByApi ?? {}
   });
-  React2__namespace.default.useEffect(() => {
+  React3__namespace.default.useEffect(() => {
     exports.setChatQueryParams(queryParams);
     exports.setChatQueryParamApis(queryParamApis);
     exports.setChatQueryParamsByApi(queryParamsByApi);
   }, [queryConfigKey]);
-  React2__namespace.default.useEffect(() => {
+  React3__namespace.default.useEffect(() => {
     if (lastDM && onMessageReceived) {
       onMessageReceived(lastDM);
     }
   }, [lastDM, onMessageReceived]);
-  React2__namespace.default.useEffect(() => {
+  React3__namespace.default.useEffect(() => {
     if (status === "connected" && onSocketConnected) {
       const socketId = exports.useChatStore.getState().socketId;
       if (socketId) onSocketConnected(socketId);
     }
   }, [status, onSocketConnected]);
-  React2__namespace.default.useEffect(() => {
+  React3__namespace.default.useEffect(() => {
     if (status === "error" && error && onSocketError) {
       onSocketError(error);
     }
   }, [status, error, onSocketError]);
-  const contextValue = React2__namespace.default.useMemo(
+  const contextValue = React3__namespace.default.useMemo(
     () => ({
       onSendMessage,
       client,
@@ -4640,7 +5044,7 @@ var Chat = ({
       messagesData
     ]
   );
-  const customization = React2__namespace.default.useMemo(
+  const customization = React3__namespace.default.useMemo(
     () => ({
       components: uiConfig.components,
       classNames: uiConfig.classNames,
@@ -4648,7 +5052,7 @@ var Chat = ({
     }),
     [uiConfig.components, uiConfig.classNames, uiConfig.features]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(ChatContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(ChatCustomizationProvider, { customization, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "chat-container-root flex h-full min-h-0 w-full flex-1 flex-col overflow-hidden", children: isSessionReady ? children : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center text-gray-400 font-bold", children: "Initializing session..." }) }) }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(ChatContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(ChatCustomizationProvider, { customization, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "chat-container-root flex h-full min-h-0 w-full flex-1 flex-col overflow-hidden", children: isSessionReady ? /* @__PURE__ */ jsxRuntime.jsx(ChatEffectiveSettingsProvider, { enabled: true, children }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center text-gray-400 font-bold", children: "Initializing session..." }) }) }) }) });
 };
 
 // src/hooks/useChatController.ts
@@ -4946,7 +5350,7 @@ function toDisplayAttachments(attachments) {
   }));
 }
 var useChatController = () => {
-  const [state, setState] = React2.useState({
+  const [state, setState] = React3.useState({
     activeChannel: null,
     activeConversationId: null,
     replyToMessage: null,
@@ -4956,15 +5360,15 @@ var useChatController = () => {
     debouncedSearch: "",
     isCreateModalOpen: false
   });
-  const updateState = React2.useCallback((updates) => {
+  const updateState = React3.useCallback((updates) => {
     setState((prev) => ({ ...prev, ...updates }));
   }, []);
-  const handleSelectionModeChange = React2.useCallback((active) => {
+  const handleSelectionModeChange = React3.useCallback((active) => {
     setState(
       (prev) => prev.isMessageSelectionMode === active ? prev : { ...prev, isMessageSelectionMode: active }
     );
   }, []);
-  const handleActiveChannelPatch = React2.useCallback((patch) => {
+  const handleActiveChannelPatch = React3.useCallback((patch) => {
     setState(
       (prev) => prev.activeChannel ? { ...prev, activeChannel: { ...prev.activeChannel, ...patch } } : prev
     );
@@ -4988,11 +5392,11 @@ var useChatController = () => {
   const allUsers = exports.useChatStore((s) => s.allUsers);
   const isFetchingConversations = exports.useChatStore((s) => s.isFetchingConversations);
   const conversations = exports.useChatStore((s) => s.conversations);
-  const [pendingOpenRequest, setPendingOpenRequest] = React2.useState(() => peekPendingOpenRequest());
+  const [pendingOpenRequest, setPendingOpenRequest] = React3.useState(() => peekPendingOpenRequest());
   const conversationsLength = exports.useChatStore(
     (s) => state.activeChannel?.conversationId ? 0 : s.conversations.length
   );
-  const lastConversationActionsRef = React2.useRef(null);
+  const lastConversationActionsRef = React3.useRef(null);
   const activeChannelId = state.activeChannel?.id;
   const activeChannelConvId = state.activeChannel?.conversationId;
   const activeChannelIsGroup = !!state.activeChannel?.isGroup;
@@ -5017,7 +5421,7 @@ var useChatController = () => {
       isGroupConversation(latestInfo)
     ].join("|");
   });
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     const onOpen = (event) => {
       const detail = event.detail;
       if (detail?.conversationId) {
@@ -5034,7 +5438,7 @@ var useChatController = () => {
     window.addEventListener(OPEN_CONVERSATION_EVENT, onOpen);
     return () => window.removeEventListener(OPEN_CONVERSATION_EVENT, onOpen);
   }, []);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!pendingOpenRequest?.conversationId || !loggedUserDetails) return;
     let cancelled = false;
     const openPending = async () => {
@@ -5100,13 +5504,13 @@ var useChatController = () => {
     allUsers,
     fetchConversationInfo2
   ]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     const handler = setTimeout(() => {
       updateState({ debouncedSearch: state.searchQuery });
     }, 400);
     return () => clearTimeout(handler);
   }, [state.searchQuery, updateState]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!state.activeChannel || !loggedUserDetails) {
       setState(
         (prev) => prev.activeConversationId === null ? prev : { ...prev, activeConversationId: null }
@@ -5122,7 +5526,7 @@ var useChatController = () => {
       (prev) => prev.activeConversationId === nextId ? prev : { ...prev, activeConversationId: nextId }
     );
   }, [state.activeChannel, loggedUserDetails, conversationsLength]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!lastDM?.conversationId || !loggedUserDetails) return;
     const convId = String(lastDM.conversationId);
     const senderId = String(lastDM.sender?._id || lastDM.sender || "");
@@ -5155,7 +5559,7 @@ var useChatController = () => {
       };
     });
   }, [lastDM, loggedUserDetails]);
-  const resolvedLocalMessages = React2.useMemo(
+  const resolvedLocalMessages = React3.useMemo(
     () => resolveLocalMessagesForChannel(
       localMessages,
       state.activeConversationId,
@@ -5163,7 +5567,7 @@ var useChatController = () => {
     ),
     [localMessages, state.activeConversationId, state.activeChannel?.id]
   );
-  const resolvedConversationMessages = React2.useMemo(() => {
+  const resolvedConversationMessages = React3.useMemo(() => {
     if (state.activeConversationId) {
       return messagesByConversation[state.activeConversationId] || [];
     }
@@ -5171,7 +5575,7 @@ var useChatController = () => {
     const groupConversationId = String(state.activeChannel.id);
     return messagesByConversation[groupConversationId] || [];
   }, [messagesByConversation, state.activeConversationId, state.activeChannel]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!activeChannelSyncKey || !state.activeChannel) return;
     const [convId, pinned, starred, isLeft, isBlocked, isGroup] = activeChannelSyncKey.split("|");
     setState((prev) => {
@@ -5194,10 +5598,10 @@ var useChatController = () => {
       };
     });
   }, [activeChannelSyncKey, state.activeChannel]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     setActiveConversationId(state.activeConversationId);
   }, [state.activeConversationId, setActiveConversationId]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!state.activeConversationId || !state.activeChannel || !loggedUserDetails) {
       lastConversationActionsRef.current = null;
       return;
@@ -5244,7 +5648,7 @@ var useChatController = () => {
     emitGroupMarkRead,
     emitMarkAsRead
   ]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (globalAppError?.type === "participant" && state.activeChannel) {
       updateState({ activeChannel: null, activeConversationId: null });
     }
@@ -5421,7 +5825,7 @@ function withThemeTransition(apply) {
   }
   reactDom.flushSync(apply);
 }
-var ChatThemeContext = React2.createContext(null);
+var ChatThemeContext = React3.createContext(null);
 var ChatThemeProvider = ({
   children,
   themeColor,
@@ -5431,10 +5835,10 @@ var ChatThemeProvider = ({
   showColorModeToggle = true
 }) => {
   const isControlled = colorMode !== void 0;
-  const [internalMode, setInternalMode] = React2.useState(defaultColorMode);
-  const [isThemeTransitionReady, setIsThemeTransitionReady] = React2.useState(false);
-  const skipThemeTransitionRef = React2.useRef(true);
-  React2.useLayoutEffect(() => {
+  const [internalMode, setInternalMode] = React3.useState(defaultColorMode);
+  const [isThemeTransitionReady, setIsThemeTransitionReady] = React3.useState(false);
+  const skipThemeTransitionRef = React3.useRef(true);
+  React3.useLayoutEffect(() => {
     if (!isControlled) {
       const stored = loadChatColorMode();
       if (stored) {
@@ -5449,7 +5853,7 @@ var ChatThemeProvider = ({
   }, [isControlled]);
   const resolvedMode = isControlled ? colorMode : internalMode;
   const isDark = resolvedMode === "dark";
-  const setColorMode = React2.useCallback(
+  const setColorMode = React3.useCallback(
     (mode) => {
       const apply = () => {
         if (!isControlled) {
@@ -5466,10 +5870,10 @@ var ChatThemeProvider = ({
     },
     [isControlled, onColorModeChange]
   );
-  const toggleColorMode = React2.useCallback(() => {
+  const toggleColorMode = React3.useCallback(() => {
     setColorMode(resolvedMode === "dark" ? "light" : "dark");
   }, [resolvedMode, setColorMode]);
-  const value = React2.useMemo(
+  const value = React3.useMemo(
     () => ({
       colorMode: resolvedMode,
       isDark,
@@ -5497,7 +5901,7 @@ var ChatThemeProvider = ({
   return /* @__PURE__ */ jsxRuntime.jsx(ChatThemeContext.Provider, { value, children });
 };
 var useChatTheme = () => {
-  const context = React2.useContext(ChatThemeContext);
+  const context = React3.useContext(ChatThemeContext);
   if (!context) {
     throw new Error("useChatTheme must be used within ChatThemeProvider");
   }
@@ -5639,6 +6043,18 @@ function formatMemberName(name) {
 function formatLoggedUserName(name) {
   return name ? name.charAt(0).toUpperCase() + name.slice(1) : "User";
 }
+
+// src/chat/sidebar/build-logged-user-profile.ts
+var buildLoggedUserProfile = (loggedUserDetails) => ({
+  _id: loggedUserDetails?._id || "1",
+  name: formatLoggedUserName(loggedUserDetails?.name),
+  email: loggedUserDetails?.email || "user@example.com",
+  role: loggedUserDetails?.role || "user",
+  isActive: loggedUserDetails?.isActive ?? true,
+  createdAt: loggedUserDetails?.createdAt ? new Date(loggedUserDetails.createdAt) : /* @__PURE__ */ new Date(),
+  updatedAt: loggedUserDetails?.updatedAt ? new Date(loggedUserDetails.updatedAt) : /* @__PURE__ */ new Date(),
+  image: loggedUserDetails?.image || void 0
+});
 function Dialog({
   ...props
 }) {
@@ -6030,7 +6446,7 @@ function useCreateChatDialog({
   onUserSelect,
   setIsCreateModalOpen
 }) {
-  const [state, setState] = React2.useState(initialState);
+  const [state, setState] = React3.useState(initialState);
   const updateState = (updates) => {
     setState((prev) => ({ ...prev, ...updates }));
   };
@@ -6039,8 +6455,10 @@ function useCreateChatDialog({
   const fetchAllUsers = exports.useChatStore((storeState) => storeState.fetchAllUsers);
   const accessToken = exports.useChatStore((storeState) => storeState.accessToken);
   const fetchConversations2 = exports.useChatStore((storeState) => storeState.fetchConversations);
-  const fileInputRef = React2.useRef(null);
-  React2.useEffect(() => {
+  const { settings } = useEffectiveSettingsOptional();
+  const maxParticipants = settings.maxParticipantsPerGroup;
+  const fileInputRef = React3.useRef(null);
+  React3.useEffect(() => {
     if (accessToken) {
       fetchAllUsers();
     }
@@ -6052,9 +6470,18 @@ function useCreateChatDialog({
     setState((prev) => {
       const memberId = String(member._id);
       const exists = prev.selectedMembers.some((m) => String(m._id) === memberId);
+      if (exists) {
+        return {
+          ...prev,
+          selectedMembers: prev.selectedMembers.filter((m) => String(m._id) !== memberId)
+        };
+      }
+      if (prev.selectedMembers.length + 1 >= maxParticipants) {
+        return prev;
+      }
       return {
         ...prev,
-        selectedMembers: exists ? prev.selectedMembers.filter((m) => String(m._id) !== memberId) : [...prev.selectedMembers, member]
+        selectedMembers: [...prev.selectedMembers, member]
       };
     });
   };
@@ -6438,8 +6865,25 @@ function GroupCreateTab({
     ) })
   ] });
 }
+function AdminPermissionTooltip({
+  disabled,
+  message,
+  side = "top",
+  className,
+  children
+}) {
+  if (!disabled || !message) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("inline-flex", className), children }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side, className: "max-w-[240px] text-xs", children: message })
+  ] });
+}
 var CreateChatDialog = (props) => {
   const { isCreateModalOpen = false, setIsCreateModalOpen } = props;
+  const { getGroupCreationGate } = useEffectiveSettingsOptional();
+  const groupCreationGate = getGroupCreationGate();
   const {
     state,
     updateState,
@@ -6493,24 +6937,39 @@ var CreateChatDialog = (props) => {
                 ) })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid shrink-0 grid-cols-2 gap-2 px-5", children: [
-                { id: "dm", label: "Message", icon: lucideReact.MessageCircle },
-                { id: "group", label: "New group", icon: lucideReact.Users }
-              ].map(({ id, label, icon: Icon }) => /* @__PURE__ */ jsxRuntime.jsxs(
-                "button",
+                { id: "dm", label: "Message", icon: lucideReact.MessageCircle, disabled: false, reason: null },
                 {
-                  type: "button",
-                  onClick: () => updateState({ activeTab: id }),
-                  className: cn(
-                    "flex items-center justify-center gap-2 rounded-full border py-2 text-sm transition-colors",
-                    state.activeTab === id ? "border-(--chat-theme-20) bg-(--chat-theme-5) text-(--chat-theme)" : "border-(--chat-border) text-(--chat-muted) hover:border-(--chat-theme-20) hover:text-(--chat-text)"
-                  ),
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-4" }),
-                    label
-                  ]
-                },
-                id
-              )) }),
+                  id: "group",
+                  label: "New group",
+                  icon: lucideReact.Users,
+                  disabled: !groupCreationGate.enabled,
+                  reason: groupCreationGate.disabledReason
+                }
+              ].map(({ id, label, icon: Icon, disabled, reason }) => {
+                const tabButton = /* @__PURE__ */ jsxRuntime.jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    disabled,
+                    onClick: () => {
+                      if (disabled) return;
+                      updateState({ activeTab: id });
+                    },
+                    className: cn(
+                      "flex w-full items-center justify-center gap-2 rounded-full border py-2 text-sm transition-colors disabled:cursor-not-allowed disabled:opacity-40",
+                      state.activeTab === id ? "border-(--chat-theme-20) bg-(--chat-theme-5) text-(--chat-theme)" : "border-(--chat-border) text-(--chat-muted) hover:border-(--chat-theme-20) hover:text-(--chat-text)"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-4" }),
+                      label
+                    ]
+                  }
+                );
+                if (!disabled || !reason) {
+                  return /* @__PURE__ */ jsxRuntime.jsx(React3.Fragment, { children: tabButton }, id);
+                }
+                return /* @__PURE__ */ jsxRuntime.jsx(AdminPermissionTooltip, { disabled: true, message: reason, children: tabButton }, id);
+              }) }),
               state.activeTab === "dm" && /* @__PURE__ */ jsxRuntime.jsx(
                 DmContactsTab,
                 {
@@ -6521,7 +6980,7 @@ var CreateChatDialog = (props) => {
                   onStartDM: handleStartDM
                 }
               ),
-              state.activeTab === "group" && /* @__PURE__ */ jsxRuntime.jsx(
+              state.activeTab === "group" && groupCreationGate.enabled && /* @__PURE__ */ jsxRuntime.jsx(
                 GroupCreateTab,
                 {
                   state,
@@ -6573,6 +7032,7 @@ function Switch({
 
 // src/notifications/push.service.ts
 init_client();
+init_api_version();
 var PUSH_TOKEN_STORAGE_KEY = "realtimex-push-token";
 var SERVICE_WORKER_PATH = "/firebase-messaging-sw.js";
 var PUSH_CHANGED_EVENT = "realtimex:push-changed";
@@ -6584,33 +7044,33 @@ var emitPushChanged = (enabled) => {
   } catch {
   }
 };
-var v2Url = "https://realtimex.softwareco.com/api/v2";
+var pushApiUrl = (path) => exports.buildVersionedApiUrl(path, { service: "v2" });
 var apiGetPushConfig = async () => {
-  const { data } = await apiClient.get(`${v2Url}/notifications/push/config`);
+  const { data } = await apiClient.get(pushApiUrl("/notifications/push/config"));
   return data?.data;
 };
 var apiRegisterPushToken = async (token, deviceLabel) => {
-  const { data } = await apiClient.post(`${v2Url}/notifications/push/token`, {
+  const { data } = await apiClient.post(pushApiUrl("/notifications/push/token"), {
     token,
     deviceLabel
   });
   return data?.data;
 };
 var apiRemovePushToken = async (token) => {
-  const { data } = await apiClient.delete(`${v2Url}/notifications/push/token`, {
+  const { data } = await apiClient.delete(pushApiUrl("/notifications/push/token"), {
     data: { token }
   });
   return data;
 };
 var apiGetPushPreference = async () => {
   const { data } = await apiClient.get(
-    `${v2Url}/notifications/push/preference`
+    pushApiUrl("/notifications/push/preference")
   );
   return data?.data;
 };
 var apiUpdatePushPreference = async (enabled) => {
   const { data } = await apiClient.patch(
-    `${v2Url}/notifications/push/preference`,
+    pushApiUrl("/notifications/push/preference"),
     { enabled }
   );
   return data?.data;
@@ -6733,7 +7193,7 @@ var onForegroundPush = async (callback) => {
 
 // src/notifications/usePushNotifications.ts
 var usePushNotifications = () => {
-  const [state, setState] = React2.useState({
+  const [state, setState] = React3.useState({
     supported: false,
     allowedByWorkspace: false,
     configured: false,
@@ -6743,7 +7203,7 @@ var usePushNotifications = () => {
     loading: true,
     error: null
   });
-  const refresh = React2.useCallback(async () => {
+  const refresh = React3.useCallback(async () => {
     if (!isPushSupported()) {
       setState((prev) => ({
         ...prev,
@@ -6776,10 +7236,10 @@ var usePushNotifications = () => {
       }));
     }
   }, []);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     void refresh();
   }, [refresh]);
-  const enable = React2.useCallback(async () => {
+  const enable = React3.useCallback(async () => {
     setState((prev) => ({ ...prev, loading: true, error: null }));
     try {
       await enablePushOnThisDevice();
@@ -6795,7 +7255,7 @@ var usePushNotifications = () => {
       return false;
     }
   }, [refresh]);
-  const disable = React2.useCallback(async () => {
+  const disable = React3.useCallback(async () => {
     setState((prev) => ({ ...prev, loading: true, error: null }));
     try {
       await disablePushOnThisDevice();
@@ -6803,15 +7263,17 @@ var usePushNotifications = () => {
       await refresh();
     }
   }, [refresh]);
-  const setUserEnabled = React2.useCallback(
+  const setUserEnabled = React3.useCallback(
     async (enabled) => {
-      setState((prev) => ({ ...prev, userEnabled: enabled }));
+      setState((prev) => ({ ...prev, loading: true, error: null }));
       try {
         await apiUpdatePushPreference(enabled);
+        setState((prev) => ({ ...prev, userEnabled: enabled, loading: false }));
       } catch (error) {
         setState((prev) => ({
           ...prev,
           userEnabled: !enabled,
+          loading: false,
           error: error instanceof Error ? error.message : "Could not update push preference"
         }));
       }
@@ -6823,95 +7285,229 @@ var usePushNotifications = () => {
 var PushNotificationToggle = ({
   className,
   label = "Push notifications",
-  description = "Get notified about new messages on this device"
+  description = "Get notified about new messages on this device",
+  children
 }) => {
   const push = usePushNotifications();
-  if (!push.supported || !push.allowedByWorkspace || !push.configured) {
+  const { getPushNotificationGate } = useEffectiveSettingsOptional();
+  const adminGate = getPushNotificationGate();
+  const [isToggling, setIsToggling] = React3.useState(false);
+  if (!push.supported) {
     return null;
   }
   const isOn = push.deviceEnabled && push.userEnabled;
   const permissionBlocked = push.permission === "denied";
+  const adminBlocked = !adminGate.enabled;
+  const notConfigured = !push.configured;
+  const showLoader = isToggling;
+  const isDisabled = showLoader || permissionBlocked || push.loading || adminBlocked || notConfigured;
   const handleChange = async (checked) => {
-    if (checked) {
-      if (!push.userEnabled) await push.setUserEnabled(true);
-      if (!push.deviceEnabled) await push.enable();
-    } else {
-      await push.disable();
+    if (adminBlocked || notConfigured) return;
+    setIsToggling(true);
+    try {
+      if (checked) {
+        if (!push.userEnabled) await push.setUserEnabled(true);
+        if (!push.deviceEnabled) await push.enable();
+      } else {
+        await push.disable();
+      }
+    } finally {
+      setIsToggling(false);
     }
   };
+  const descriptionText = adminBlocked ? adminGate.disabledReason || description : notConfigured ? "Push notifications are not configured. Please contact your administrator." : permissionBlocked ? "Notifications are blocked in your browser settings" : push.error ?? description;
+  const renderProps = {
+    label,
+    description: descriptionText,
+    checked: adminBlocked || notConfigured ? false : isOn,
+    disabled: isDisabled,
+    loading: showLoader || push.loading,
+    permissionBlocked,
+    error: push.error,
+    onCheckedChange: (checked) => void handleChange(checked)
+  };
+  if (children) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: children(renderProps) });
+  }
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: className ?? "flex items-center justify-between gap-4 rounded-xl border border-(--chat-border) bg-(--chat-surface) px-4 py-3",
+      className: cn(
+        "flex items-center justify-between gap-4 rounded-xl border border-(--chat-border) bg-(--chat-surface) px-4 py-3",
+        className
+      ),
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0.5", children: [
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-(--chat-text)", children: label }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-(--chat-muted)", children: permissionBlocked ? "Notifications are blocked in your browser settings" : push.error ?? description })
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-(--chat-muted)", children: renderProps.description })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Switch,
+        showLoader ? /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.Loader2,
           {
-            checked: isOn,
-            disabled: push.loading || permissionBlocked,
-            onCheckedChange: (checked) => void handleChange(checked),
-            "aria-label": `Toggle ${label}`
+            className: "size-5 shrink-0 animate-spin text-(--chat-theme)",
+            "aria-label": "Updating push notifications"
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          AdminPermissionTooltip,
+          {
+            disabled: adminBlocked || notConfigured,
+            message: adminBlocked ? adminGate.disabledReason : "Push notifications are not configured. Please contact your administrator.",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              Switch,
+              {
+                checked: adminBlocked || notConfigured ? false : isOn,
+                disabled: isDisabled,
+                onCheckedChange: (checked) => void handleChange(checked),
+                "aria-label": `Toggle ${label}`
+              }
+            )
           }
         )
       ]
     }
   );
 };
-var LoggedUserSettingsDialog = ({
-  loggedUserDetails
+var LoggedUserSettingsContent = ({
+  user,
+  title = "Account settings",
+  showProfile = true,
+  showPushToggle = true,
+  className
 }) => {
-  const [open, setOpen] = React2.useState(false);
-  const user = {
-    _id: loggedUserDetails?._id || "1",
-    name: formatLoggedUserName(loggedUserDetails?.name),
-    email: loggedUserDetails?.email || "user@example.com",
-    role: loggedUserDetails?.role || "user",
-    isActive: loggedUserDetails?.isActive ?? true,
-    createdAt: loggedUserDetails?.createdAt ? new Date(loggedUserDetails.createdAt) : /* @__PURE__ */ new Date(),
-    updatedAt: loggedUserDetails?.updatedAt ? new Date(loggedUserDetails.updatedAt) : /* @__PURE__ */ new Date(),
-    image: loggedUserDetails?.image || void 0
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(Dialog, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-        Button,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "icon",
-          className: sidebarActionBtnClass,
-          "aria-label": "Account settings",
-          onClick: () => setOpen(true),
-          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "size-3.5", strokeWidth: 2 })
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side: "bottom", children: "Settings" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ChatDialogContent, { className: "gap-0 overflow-hidden p-0 sm:max-w-[380px]", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-(--chat-border) px-5 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "text-left text-base font-semibold text-(--chat-text)", children: "Account settings" }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5 px-5 py-5", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center text-center", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-16 ring-2 ring-(--chat-theme-20)", children: [
-              user.image ? /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: user.image, alt: user.name }) : null,
-              /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "bg-(--chat-theme-10) text-lg font-medium text-(--chat-theme)", children: (user.name || "?").charAt(0).toUpperCase() })
+  const { resolveComponent, slotClassName } = useChatCustomization();
+  const PushToggleSlot = resolveComponent(
+    "PushNotificationToggle",
+    PushNotificationToggle
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          "border-b border-(--chat-border) px-5 py-4",
+          slotClassName("loggedUserSettingsHeader")
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "text-left text-base font-semibold text-(--chat-text)", children: title })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "space-y-5 px-5 py-5",
+          slotClassName("loggedUserSettingsContent", className)
+        ),
+        children: [
+          showProfile ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center text-center", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                Avatar,
+                {
+                  className: cn(
+                    "size-16 ring-2 ring-(--chat-theme-20)",
+                    slotClassName("loggedUserSettingsAvatar")
+                  ),
+                  children: [
+                    user.image ? /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: user.image, alt: user.name }) : null,
+                    /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "bg-(--chat-theme-10) text-lg font-medium text-(--chat-theme)", children: (user.name || "?").charAt(0).toUpperCase() })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute bottom-0.5 right-0.5 size-3 rounded-full border-2 border-(--chat-surface) bg-(--chat-online)" })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute bottom-0.5 right-0.5 size-3 rounded-full border-2 border-(--chat-surface) bg-(--chat-online)" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mt-3 text-base font-semibold text-(--chat-text)", children: user.name }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-sm text-(--chat-muted)", children: user.email }),
-          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-2 inline-flex items-center gap-1.5 rounded-full bg-(--chat-theme-10) px-2.5 py-0.5 text-xs font-medium text-(--chat-theme)", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-1.5 rounded-full bg-(--chat-online)" }),
-            "Online"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-(--chat-border) pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(PushNotificationToggle, { className: "flex items-center justify-between gap-4 rounded-xl border border-(--chat-border) bg-(--chat-theme-10) px-4 py-3" }) })
-      ] })
-    ] })
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mt-3 text-base font-semibold text-(--chat-text)", children: user.name }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-sm text-(--chat-muted)", children: user.email }),
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-2 inline-flex items-center gap-1.5 rounded-full bg-(--chat-theme-10) px-2.5 py-0.5 text-xs font-medium text-(--chat-theme)", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-1.5 rounded-full bg-(--chat-online)" }),
+              "Online"
+            ] })
+          ] }) : null,
+          showPushToggle ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-(--chat-border) pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+            PushToggleSlot,
+            {
+              className: cn(
+                "flex items-center justify-between gap-4 rounded-xl border border-(--chat-border) bg-(--chat-theme-10) px-4 py-3",
+                slotClassName("pushNotificationToggle")
+              )
+            }
+          ) }) : null
+        ]
+      }
+    )
+  ] });
+};
+var LoggedUserSettingsContent_default = LoggedUserSettingsContent;
+var LoggedUserSettingsTrigger = ({
+  onClick,
+  className,
+  tooltip = "Settings",
+  ariaLabel = "Account settings"
+}) => {
+  const { slotClassName } = useChatCustomization();
+  return /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        className: cn(
+          sidebarActionBtnClass,
+          slotClassName("loggedUserSettingsTrigger", className)
+        ),
+        "aria-label": ariaLabel,
+        onClick,
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "size-3.5", strokeWidth: 2 })
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side: "bottom", children: tooltip })
+  ] });
+};
+var LoggedUserSettingsTrigger_default = LoggedUserSettingsTrigger;
+var LoggedUserSettingsDialog = ({
+  loggedUserDetails,
+  open: controlledOpen,
+  onOpenChange: controlledOnOpenChange,
+  title,
+  showProfile = true,
+  showPushToggle = true,
+  className
+}) => {
+  const { resolveComponent, slotClassName } = useChatCustomization();
+  const [internalOpen, setInternalOpen] = React3.useState(false);
+  const open = controlledOpen ?? internalOpen;
+  const onOpenChange = controlledOnOpenChange ?? setInternalOpen;
+  const TriggerSlot = resolveComponent(
+    "LoggedUserSettingsTrigger",
+    LoggedUserSettingsTrigger_default
+  );
+  const ContentSlot = resolveComponent(
+    "LoggedUserSettingsContent",
+    LoggedUserSettingsContent_default
+  );
+  const user = buildLoggedUserProfile(loggedUserDetails);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Dialog, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TriggerSlot, { onClick: () => onOpenChange(true) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ChatDialogContent,
+      {
+        className: cn(
+          "gap-0 overflow-hidden p-0 sm:max-w-[380px]",
+          slotClassName("loggedUserSettingsDialog", className)
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          ContentSlot,
+          {
+            loggedUserDetails,
+            user,
+            onClose: () => onOpenChange(false),
+            title,
+            showProfile,
+            showPushToggle
+          }
+        )
+      }
+    )
   ] });
 };
 var LoggedUserSettingsDialog_default = LoggedUserSettingsDialog;
@@ -6924,16 +7520,12 @@ var LoggedUserDetails = ({
   setSearchQuery
 }) => {
   const { showColorModeToggle } = useChatTheme();
-  const user = {
-    _id: loggedUserDetails?._id || "1",
-    name: formatLoggedUserName(loggedUserDetails?.name),
-    email: loggedUserDetails?.email || "user@example.com",
-    role: loggedUserDetails?.role || "user",
-    isActive: loggedUserDetails?.isActive ?? true,
-    createdAt: loggedUserDetails?.createdAt ? new Date(loggedUserDetails.createdAt) : /* @__PURE__ */ new Date(),
-    updatedAt: loggedUserDetails?.updatedAt ? new Date(loggedUserDetails.updatedAt) : /* @__PURE__ */ new Date(),
-    image: loggedUserDetails?.image || void 0
-  };
+  const { resolveComponent } = useChatCustomization();
+  const SettingsDialogSlot = resolveComponent(
+    "LoggedUserSettingsDialog",
+    LoggedUserSettingsDialog_default
+  );
+  const user = buildLoggedUserProfile(loggedUserDetails);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 border-b border-(--chat-border) bg-(--chat-surface) px-3 pb-3 pt-3", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2.5", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative shrink-0", children: [
@@ -6944,14 +7536,11 @@ var LoggedUserDetails = ({
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -bottom-0.5 -right-0.5 size-2 rounded-full border-2 border-(--chat-surface) bg-(--chat-online)" })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "truncate text-xs font-medium leading-tight text-(--chat-text)", children: [
-          user.name,
-          "123"
-        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "truncate text-xs font-medium leading-tight text-(--chat-text)", children: user.name }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-[10px] text-(--chat-muted)", children: user.email })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-0.5", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(LoggedUserSettingsDialog_default, { loggedUserDetails }),
+        /* @__PURE__ */ jsxRuntime.jsx(SettingsDialogSlot, { loggedUserDetails }),
         showColorModeToggle ? /* @__PURE__ */ jsxRuntime.jsx(ChatThemeToggle_default, {}) : null
       ] })
     ] }),
@@ -7073,7 +7662,7 @@ function getDraftRevision() {
   return draftRevision;
 }
 function useDraftRevision() {
-  return React2.useSyncExternalStore(subscribeToDrafts, getDraftRevision, getDraftRevision);
+  return React3.useSyncExternalStore(subscribeToDrafts, getDraftRevision, getDraftRevision);
 }
 function getConversationDraft(conversationId) {
   if (!conversationId) return emptyDraft();
@@ -7111,11 +7700,11 @@ function getConversationDraftPreview(conversationId) {
   return null;
 }
 function useConversationDraft(conversationId) {
-  const composerRef = React2.useRef(emptyDraft());
-  const syncComposerRef = React2.useCallback((draft) => {
+  const composerRef = React3.useRef(emptyDraft());
+  const syncComposerRef = React3.useCallback((draft) => {
     composerRef.current = draft;
   }, []);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     const id = conversationId;
     return () => {
       if (!id) return;
@@ -7334,7 +7923,7 @@ var saveChatDateTimePreferences = (prefs) => {
   } catch {
   }
 };
-var ChatLocaleContext = React2.createContext(null);
+var ChatLocaleContext = React3.createContext(null);
 var resolveInitialPrefs = (defaults) => {
   const stored = loadChatDateTimePreferences();
   const fallback = resolveStoredPrefs(defaults);
@@ -7361,7 +7950,7 @@ var ChatLocaleProvider = ({
   const localeControlled = controlledLocale !== void 0;
   const timeZoneControlled = controlledTimeZone !== void 0;
   const hour12Controlled = controlledHour12 !== void 0;
-  const [internalPrefs, setInternalPrefs] = React2.useState(
+  const [internalPrefs, setInternalPrefs] = React3.useState(
     () => resolveInitialPrefs({
       locale: defaultLocale,
       timeZone: defaultTimeZone,
@@ -7371,7 +7960,7 @@ var ChatLocaleProvider = ({
   const resolvedLocale = localeControlled ? controlledLocale : internalPrefs.locale;
   const resolvedTimeZone = timeZoneControlled ? controlledTimeZone : internalPrefs.timeZone;
   const resolvedHour12 = hour12Controlled ? controlledHour12 ?? getDefaultHour12() : internalPrefs.hour12 ?? getDefaultHour12();
-  const updatePrefs = React2.useCallback(
+  const updatePrefs = React3.useCallback(
     (updates) => {
       const next = {
         locale: updates.locale !== void 0 ? updates.locale : resolvedLocale,
@@ -7400,19 +7989,19 @@ var ChatLocaleProvider = ({
       onDateTimePreferencesChange
     ]
   );
-  const setLocale = React2.useCallback(
+  const setLocale = React3.useCallback(
     (locale) => updatePrefs({ locale }),
     [updatePrefs]
   );
-  const setTimeZone = React2.useCallback(
+  const setTimeZone = React3.useCallback(
     (timeZone) => updatePrefs({ timeZone }),
     [updatePrefs]
   );
-  const setHour12 = React2.useCallback(
+  const setHour12 = React3.useCallback(
     (hour12) => updatePrefs({ hour12 }),
     [updatePrefs]
   );
-  const prefs = React2.useMemo(
+  const prefs = React3.useMemo(
     () => ({
       locale: resolvedLocale,
       timeZone: resolvedTimeZone,
@@ -7420,8 +8009,8 @@ var ChatLocaleProvider = ({
     }),
     [resolvedLocale, resolvedTimeZone, resolvedHour12]
   );
-  const formatters = React2.useMemo(() => createChatDateTimeFormatters(prefs), [prefs]);
-  const value = React2.useMemo(
+  const formatters = React3.useMemo(() => createChatDateTimeFormatters(prefs), [prefs]);
+  const value = React3.useMemo(
     () => ({
       ...formatters,
       locale: resolvedLocale,
@@ -7446,7 +8035,7 @@ var ChatLocaleProvider = ({
   return /* @__PURE__ */ jsxRuntime.jsx(ChatLocaleContext.Provider, { value, children });
 };
 var useChatLocale = () => {
-  const context = React2.useContext(ChatLocaleContext);
+  const context = React3.useContext(ChatLocaleContext);
   if (!context) {
     throw new Error("useChatLocale must be used within ChatLocaleProvider");
   }
@@ -7568,15 +8157,15 @@ function useChannelList({ debouncedSearch = "" }) {
   const conversationsPage = exports.useChatStore((s) => s.conversationsPage);
   const accessToken = exports.useChatStore((s) => s.accessToken);
   const loggedUserDetails = exports.useChatStore((s) => s.loggedUserDetails);
-  const lastFetchKeyRef = React2.useRef(null);
+  const lastFetchKeyRef = React3.useRef(null);
   useDraftRevision();
   const { formatSidebarTime } = useChatLocale();
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (accessToken) {
       exports.useChatStore.getState().fetchAllUsers();
     }
   }, [accessToken]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!accessToken) return;
     const fetchKey = debouncedSearch;
     if (lastFetchKeyRef.current === fetchKey) return;
@@ -7588,7 +8177,7 @@ function useChannelList({ debouncedSearch = "" }) {
     }
     fetchConversations2(DEFAULT_CONVERSATIONS_LIMIT, 1, debouncedSearch, true);
   }, [accessToken, debouncedSearch]);
-  const mappedChannels = React2.useMemo(() => {
+  const mappedChannels = React3.useMemo(() => {
     const safeConversations = Array.isArray(conversations) ? conversations : [];
     const seenConversationIds = /* @__PURE__ */ new Set();
     return safeConversations.map((c) => {
@@ -8192,7 +8781,7 @@ function highlightSearchMatch(text, query) {
         children: part
       },
       `${part}-${index}`
-    ) : /* @__PURE__ */ jsxRuntime.jsx(React2__namespace.default.Fragment, { children: part }, `${part}-${index}`)
+    ) : /* @__PURE__ */ jsxRuntime.jsx(React3__namespace.default.Fragment, { children: part }, `${part}-${index}`)
   );
 }
 function getMessagePreview(message) {
@@ -8239,14 +8828,14 @@ var HeaderSearchPopover = ({
 }) => {
   const { scopeClassName, themeStyles } = useChatTheme();
   const { formatMessageTime, formatShortDate } = useChatLocale();
-  const inputRef = React2.useRef(null);
-  React2.useEffect(() => {
+  const inputRef = React3.useRef(null);
+  React3.useEffect(() => {
     if (!open) return;
     const timer = window.setTimeout(() => inputRef.current?.focus(), 0);
     return () => window.clearTimeout(timer);
   }, [open]);
   const showResults = searchQuery.trim().length > 0;
-  const resultCountLabel = React2.useMemo(() => {
+  const resultCountLabel = React3.useMemo(() => {
     if (!searchResults.length) return "0 results";
     return `${searchResults.length}${hasMore ? "+" : ""} result${searchResults.length === 1 ? "" : "s"}`;
   }, [hasMore, searchResults.length]);
@@ -8372,7 +8961,7 @@ var HeaderSearchPopover = ({
   ] });
 };
 var HeaderSearchPopover_default = HeaderSearchPopover;
-var actionBtnClass = "size-8 rounded-lg text-(--chat-muted) transition-colors hover:bg-(--chat-surface) hover:text-(--chat-text)";
+var actionBtnClass = "size-8 rounded-lg text-(--chat-muted) transition-colors hover:bg-(--chat-surface) hover:text-(--chat-text) disabled:pointer-events-none disabled:opacity-40";
 var DefaultHeaderCallActions = ({
   activeChannel,
   conversationId,
@@ -8383,48 +8972,91 @@ var DefaultHeaderCallActions = ({
   className
 }) => {
   const { components, slotClassName, features } = useChatCustomizationOptional();
+  const { getAudioCallGate, getVideoCallGate } = useEffectiveSettingsOptional();
   const PhoneSlot = components.PhoneCallButton;
   const VideoSlot = components.VideoCallButton;
   const hideInGroups = features.hideCallActionsInGroupChats ?? false;
+  const audioGate = getAudioCallGate();
+  const videoGate = getVideoCallGate();
   if (hideInGroups && activeChannel.isGroup) return null;
   if (!showPhoneCall && !showVideoCall) return null;
+  const phoneEnabled = showPhoneCall && audioGate.enabled;
+  const videoEnabled = showVideoCall && videoGate.enabled;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     showPhoneCall && (PhoneSlot ? /* @__PURE__ */ jsxRuntime.jsx(
-      PhoneSlot,
+      AdminPermissionTooltip,
       {
-        activeChannel,
-        conversationId,
-        onPhoneCall,
-        className: cn(className, slotClassName("phoneCallButton"))
+        disabled: !audioGate.enabled,
+        message: audioGate.disabledReason,
+        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex", children: /* @__PURE__ */ jsxRuntime.jsx(
+          PhoneSlot,
+          {
+            activeChannel,
+            conversationId,
+            onPhoneCall: phoneEnabled ? onPhoneCall : void 0,
+            className: cn(
+              className,
+              slotClassName("phoneCallButton"),
+              !audioGate.enabled && "pointer-events-none opacity-40"
+            )
+          }
+        ) })
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx(
-      Button,
+      AdminPermissionTooltip,
       {
-        variant: "ghost",
-        size: "icon",
-        className: cn(actionBtnClass, className, slotClassName("phoneCallButton")),
-        "aria-label": "Voice call",
-        onClick: onPhoneCall,
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Phone, { size: 15 })
+        disabled: !audioGate.enabled,
+        message: audioGate.disabledReason,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: cn(actionBtnClass, className, slotClassName("phoneCallButton")),
+            "aria-label": "Voice call",
+            disabled: !audioGate.enabled,
+            onClick: phoneEnabled ? onPhoneCall : void 0,
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Phone, { size: 15 })
+          }
+        )
       }
     )),
     showVideoCall && (VideoSlot ? /* @__PURE__ */ jsxRuntime.jsx(
-      VideoSlot,
+      AdminPermissionTooltip,
       {
-        activeChannel,
-        conversationId,
-        onVideoCall,
-        className: cn(className, slotClassName("videoCallButton"))
+        disabled: !videoGate.enabled,
+        message: videoGate.disabledReason,
+        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex", children: /* @__PURE__ */ jsxRuntime.jsx(
+          VideoSlot,
+          {
+            activeChannel,
+            conversationId,
+            onVideoCall: videoEnabled ? onVideoCall : void 0,
+            className: cn(
+              className,
+              slotClassName("videoCallButton"),
+              !videoGate.enabled && "pointer-events-none opacity-40"
+            )
+          }
+        ) })
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx(
-      Button,
+      AdminPermissionTooltip,
       {
-        variant: "ghost",
-        size: "icon",
-        className: cn(actionBtnClass, className, slotClassName("videoCallButton")),
-        "aria-label": "Video call",
-        onClick: onVideoCall,
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Video, { size: 15 })
+        disabled: !videoGate.enabled,
+        message: videoGate.disabledReason,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: cn(actionBtnClass, className, slotClassName("videoCallButton")),
+            "aria-label": "Video call",
+            disabled: !videoGate.enabled,
+            onClick: videoEnabled ? onVideoCall : void 0,
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Video, { size: 15 })
+          }
+        )
       }
     ))
   ] });
@@ -8446,19 +9078,38 @@ function OptionsMenuItem({
   icon: Icon,
   label,
   onSelect,
-  destructive = false
+  destructive = false,
+  disabled = false,
+  disabledReason
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  const item = /* @__PURE__ */ jsxRuntime.jsxs(
     DropdownMenuItem,
     {
-      className: destructive ? chatOptionsMenuItemDestructiveClass : chatOptionsMenuItemClass,
-      onSelect,
+      className: cn(
+        destructive ? chatOptionsMenuItemDestructiveClass : chatOptionsMenuItemClass,
+        disabled && "pointer-events-none opacity-40"
+      ),
+      disabled,
+      onSelect: (event) => {
+        if (disabled) {
+          event.preventDefault();
+          return;
+        }
+        onSelect?.();
+      },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(Icon, { strokeWidth: 1.75 }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children: label })
       ]
     }
   );
+  if (!disabled || !disabledReason) {
+    return item;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: item }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side: "left", className: "max-w-[220px] text-xs", children: disabledReason })
+  ] });
 }
 var HeaderRightSide = ({
   activeChannel,
@@ -8493,6 +9144,8 @@ var HeaderRightSide = ({
   const { scopeClassName, themeStyles, showColorModeToggle } = useChatTheme();
   const { showDateTimeSettings } = useChatLocale();
   const features = useChatFeaturesOptional();
+  const { getBlockUsersGate } = useEffectiveSettingsOptional();
+  const blockUsersGate = getBlockUsersGate();
   const showPhoneCall = features.showPhoneCall ?? defaultChatFeatures.showPhoneCall;
   const showVideoCall = features.showVideoCall ?? defaultChatFeatures.showVideoCall;
   const handlePhoneCall = () => {
@@ -8641,7 +9294,9 @@ var HeaderRightSide = ({
                 icon: lucideReact.Ban,
                 label: isBlocked ? "Unblock User" : "Block User",
                 onSelect: onToggleBlock,
-                destructive: true
+                destructive: true,
+                disabled: !blockUsersGate.enabled,
+                disabledReason: blockUsersGate.disabledReason
               }
             )
           ]
@@ -9012,13 +9667,13 @@ function AudioAttachmentPlayer({
   showDownload = true,
   downloadName
 }) {
-  const audioRef = React2.useRef(null);
-  const [isPlaying, setIsPlaying] = React2.useState(false);
-  const [currentTime, setCurrentTime] = React2.useState(0);
-  const [duration, setDuration] = React2.useState(durationProp ?? 0);
+  const audioRef = React3.useRef(null);
+  const [isPlaying, setIsPlaying] = React3.useState(false);
+  const [currentTime, setCurrentTime] = React3.useState(0);
+  const [duration, setDuration] = React3.useState(durationProp ?? 0);
   const resolvedDuration = duration > 0 ? duration : 0;
   const progressPercent = resolvedDuration > 0 ? Math.min(100, currentTime / resolvedDuration * 100) : 0;
-  const togglePlay = React2.useCallback(async () => {
+  const togglePlay = React3.useCallback(async () => {
     const audio = audioRef.current;
     if (!audio || !url) return;
     if (audio.paused) {
@@ -9040,7 +9695,7 @@ function AudioAttachmentPlayer({
     audio.currentTime = next;
     setCurrentTime(next);
   };
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     const audio = audioRef.current;
     if (!audio) return;
     const onTimeUpdate = () => setCurrentTime(audio.currentTime);
@@ -9068,7 +9723,7 @@ function AudioAttachmentPlayer({
       audio.removeEventListener("play", onPlay);
     };
   }, [url]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (durationProp && durationProp > 0) {
       setDuration(durationProp);
     }
@@ -9190,12 +9845,12 @@ function VideoAttachmentPlayer({
   downloadName,
   onOpenPreview
 }) {
-  const videoRef = React2.useRef(null);
-  const [isPlaying, setIsPlaying] = React2.useState(false);
-  const [duration, setDuration] = React2.useState(durationProp ?? 0);
+  const videoRef = React3.useRef(null);
+  const [isPlaying, setIsPlaying] = React3.useState(false);
+  const [duration, setDuration] = React3.useState(durationProp ?? 0);
   const onThemeBubble = inBubble && isSender;
   const resolvedDuration = duration > 0 ? duration : 0;
-  const togglePlay = React2.useCallback(async () => {
+  const togglePlay = React3.useCallback(async () => {
     const video = videoRef.current;
     if (!video || !url) return;
     if (video.paused) {
@@ -9210,7 +9865,7 @@ function VideoAttachmentPlayer({
       setIsPlaying(false);
     }
   }, [url]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (durationProp && durationProp > 0) {
       setDuration(durationProp);
     }
@@ -9488,10 +10143,10 @@ async function fetchAuthenticatedBlob(url) {
   return response.blob();
 }
 function PdfPreviewPanel({ url, name }) {
-  const [blobUrl, setBlobUrl] = React2.useState(null);
-  const [fallbackUrl, setFallbackUrl] = React2.useState(null);
-  const [loading, setLoading] = React2.useState(true);
-  React2.useEffect(() => {
+  const [blobUrl, setBlobUrl] = React3.useState(null);
+  const [fallbackUrl, setFallbackUrl] = React3.useState(null);
+  const [loading, setLoading] = React3.useState(true);
+  React3.useEffect(() => {
     let active = true;
     let objectUrl = null;
     const loadPdf = async () => {
@@ -9995,60 +10650,60 @@ function AttachmentImageLightbox({
   onSaveCaption,
   initialCaptionEditing = false
 }) {
-  const [index, setIndex] = React2.useState(initialIndex);
-  const [zoom, setZoom] = React2.useState(1);
-  const [pan, setPan] = React2.useState({ x: 0, y: 0 });
-  const [imageVersion, setImageVersion] = React2.useState(0);
-  const [localCaptions, setLocalCaptions] = React2.useState({});
-  const [captionDraft, setCaptionDraft] = React2.useState("");
-  const [isCaptionEditing, setIsCaptionEditing] = React2.useState(false);
-  const thumbRefs = React2.useRef([]);
-  const captionInputRef = React2.useRef(null);
-  const touchStartX = React2.useRef(null);
-  const isPanning = React2.useRef(false);
-  const panStart = React2.useRef({ x: 0, y: 0, originX: 0, originY: 0 });
+  const [index, setIndex] = React3.useState(initialIndex);
+  const [zoom, setZoom] = React3.useState(1);
+  const [pan, setPan] = React3.useState({ x: 0, y: 0 });
+  const [imageVersion, setImageVersion] = React3.useState(0);
+  const [localCaptions, setLocalCaptions] = React3.useState({});
+  const [captionDraft, setCaptionDraft] = React3.useState("");
+  const [isCaptionEditing, setIsCaptionEditing] = React3.useState(false);
+  const thumbRefs = React3.useRef([]);
+  const captionInputRef = React3.useRef(null);
+  const touchStartX = React3.useRef(null);
+  const isPanning = React3.useRef(false);
+  const panStart = React3.useRef({ x: 0, y: 0, originX: 0, originY: 0 });
   const canEdit = canEditCaption && !!onSaveCaption;
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     setIndex(initialIndex);
   }, [initialIndex]);
-  const resetView = React2.useCallback(() => {
+  const resetView = React3.useCallback(() => {
     setZoom(1);
     setPan({ x: 0, y: 0 });
   }, []);
-  const reloadImage = React2.useCallback(() => {
+  const reloadImage = React3.useCallback(() => {
     resetView();
     setImageVersion((version) => version + 1);
   }, [resetView]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     resetView();
     setIsCaptionEditing(false);
   }, [index, resetView]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!initialCaptionEditing || !canEdit) return;
     setIsCaptionEditing(true);
   }, [initialCaptionEditing, canEdit]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!isCaptionEditing) return;
     const id = window.setTimeout(() => captionInputRef.current?.focus(), 40);
     return () => window.clearTimeout(id);
   }, [isCaptionEditing]);
-  const goPrev = React2.useCallback(() => {
+  const goPrev = React3.useCallback(() => {
     setIndex((current2) => current2 > 0 ? current2 - 1 : images.length - 1);
   }, [images.length]);
-  const goNext = React2.useCallback(() => {
+  const goNext = React3.useCallback(() => {
     setIndex((current2) => current2 < images.length - 1 ? current2 + 1 : 0);
   }, [images.length]);
-  const zoomIn = React2.useCallback(() => {
+  const zoomIn = React3.useCallback(() => {
     setZoom((current2) => clampZoom(Number((current2 + ZOOM_STEP).toFixed(2))));
   }, []);
-  const zoomOut = React2.useCallback(() => {
+  const zoomOut = React3.useCallback(() => {
     setZoom((current2) => {
       const next = clampZoom(Number((current2 - ZOOM_STEP).toFixed(2)));
       if (next <= MIN_ZOOM) setPan({ x: 0, y: 0 });
       return next;
     });
   }, []);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     const onKeyDown = (event) => {
       const tag = event.target?.tagName;
       const isTyping = tag === "INPUT" || tag === "TEXTAREA";
@@ -10062,14 +10717,14 @@ function AttachmentImageLightbox({
     window.addEventListener("keydown", onKeyDown);
     return () => window.removeEventListener("keydown", onKeyDown);
   }, [goPrev, goNext, zoomIn, zoomOut, resetView]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     thumbRefs.current[index]?.scrollIntoView({
       behavior: "smooth",
       block: "nearest",
       inline: "center"
     });
   }, [index]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     const attachment = images[index];
     if (!attachment) return;
     setCaptionDraft(getCaptionForAttachment(attachment, localCaptions));
@@ -10540,7 +11195,7 @@ function MessageAttachmentGrid({
   onToggleAttachmentSelect,
   onAttachmentHover
 }) {
-  const [lightboxIndex, setLightboxIndex] = React2.useState(null);
+  const [lightboxIndex, setLightboxIndex] = React3.useState(null);
   if (!images.length) return null;
   const visible = images.slice(0, MAX_VISIBLE);
   const overflow = images.length - MAX_VISIBLE;
@@ -10760,7 +11415,7 @@ function MessageAttachmentsImageSection({
   hoveredAttachmentId,
   onAttachmentHover
 }) {
-  const [lightboxIndex, setLightboxIndex] = React2.useState(null);
+  const [lightboxIndex, setLightboxIndex] = React3.useState(null);
   if (images.length === 0) return null;
   const renderMediaMetaOverlay = () => /* @__PURE__ */ jsxRuntime.jsx(
     MediaMetaOverlay,
@@ -11235,7 +11890,7 @@ function MessageAttachmentsView({
   senderName,
   senderId
 }) {
-  const [documentPreview, setDocumentPreview] = React2.useState(null);
+  const [documentPreview, setDocumentPreview] = React3.useState(null);
   const visibleAttachments = getVisibleAttachments(attachments);
   if (isDeletedForEveryone || visibleAttachments.length === 0) return null;
   const messageCaption = caption?.trim() || "";
@@ -11620,8 +12275,8 @@ var SavedMessagesDrawer = ({
   const conversationMessages = exports.useChatStore(
     (s) => conversationId ? s.messagesByConversation[conversationId] ?? EMPTY_CONVERSATION_MESSAGES : EMPTY_CONVERSATION_MESSAGES
   );
-  const [searchQuery, setSearchQuery] = React2.useState("");
-  const parsedEntries = React2.useMemo(() => {
+  const [searchQuery, setSearchQuery] = React3.useState("");
+  const parsedEntries = React3.useMemo(() => {
     return messages.map((msg) => ({
       msg,
       item: parseSavedMessage(msg, {
@@ -11642,7 +12297,7 @@ var SavedMessagesDrawer = ({
     variant,
     prefs
   ]);
-  const groupedEntries = React2.useMemo(() => {
+  const groupedEntries = React3.useMemo(() => {
     const query = searchQuery.trim().toLowerCase();
     const filtered = parsedEntries.filter(({ item, msg }) => {
       if (!query) return true;
@@ -11915,15 +12570,15 @@ function SectionScrollArea({
   onLoadMore,
   dependencyKey
 }) {
-  const scrollRef = React2.useRef(null);
-  const [showArrow, setShowArrow] = React2.useState(false);
-  const updateArrow = React2.useCallback(() => {
+  const scrollRef = React3.useRef(null);
+  const [showArrow, setShowArrow] = React3.useState(false);
+  const updateArrow = React3.useCallback(() => {
     const el = scrollRef.current;
     if (!el) return;
     const canScrollDown = el.scrollHeight - el.scrollTop - el.clientHeight > 6;
     setShowArrow(canScrollDown || hasMoreToLoad);
   }, [hasMoreToLoad]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     updateArrow();
     const el = scrollRef.current;
     if (!el) return;
@@ -12099,31 +12754,31 @@ var AttachmentsDrawer = ({ isOpen, onOpenChange, conversationId }) => {
   const messagesByConversation = exports.useChatStore((s) => s.messagesByConversation);
   const messagesMetadata = exports.useChatStore((s) => s.messagesMetadata);
   const fetchMessages2 = exports.useChatStore((s) => s.fetchMessages);
-  const [sectionVisibleCount, setSectionVisibleCount] = React2.useState({});
-  const [documentPreview, setDocumentPreview] = React2.useState(null);
-  const [imageLightboxIndex, setImageLightboxIndex] = React2.useState(null);
+  const [sectionVisibleCount, setSectionVisibleCount] = React3.useState({});
+  const [documentPreview, setDocumentPreview] = React3.useState(null);
+  const [imageLightboxIndex, setImageLightboxIndex] = React3.useState(null);
   const hasLoadedMessages = conversationId ? Boolean(messagesMetadata[conversationId]?.isFirstPage) : false;
   const isLoading = isOpen && !!conversationId && !hasLoadedMessages;
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!isOpen) {
       setSectionVisibleCount({});
       setDocumentPreview(null);
       setImageLightboxIndex(null);
     }
   }, [isOpen]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     setSectionVisibleCount({});
   }, [conversationId]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!isOpen || !conversationId || hasLoadedMessages) return;
     fetchMessages2(conversationId);
   }, [isOpen, conversationId, hasLoadedMessages, fetchMessages2]);
-  const attachments = React2.useMemo(() => {
+  const attachments = React3.useMemo(() => {
     if (!conversationId) return [];
     const messages = messagesByConversation[conversationId] || [];
     return collectConversationAttachments(messages);
   }, [conversationId, messagesByConversation]);
-  const imageLightboxItems = React2.useMemo(
+  const imageLightboxItems = React3.useMemo(
     () => attachments.filter((item) => item.type === "image").map((item) => ({
       id: item.id,
       url: item.url,
@@ -12132,14 +12787,14 @@ var AttachmentsDrawer = ({ isOpen, onOpenChange, conversationId }) => {
     })),
     [attachments]
   );
-  const openImagePreview = React2.useCallback(
+  const openImagePreview = React3.useCallback(
     (item) => {
       const index = imageLightboxItems.findIndex((entry) => entry.id === item.id);
       if (index >= 0) setImageLightboxIndex(index);
     },
     [imageLightboxItems]
   );
-  const grouped = React2.useMemo(() => {
+  const grouped = React3.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const item of attachments) {
       const bucket = map.get(item.type) ?? [];
@@ -12239,13 +12894,13 @@ var useGroupInfo = (conversationId) => {
   const conversationInfos = exports.useChatStore((s) => s.conversationInfos);
   const loggedUserDetails = exports.useChatStore((s) => s.loggedUserDetails);
   const info = conversationId ? conversationInfos[conversationId] : null;
-  const isAdmin = React2.useMemo(() => {
+  const isAdmin = React3.useMemo(() => {
     if (!info || !loggedUserDetails) return false;
     return info.groupAdmins?.some(
       (admin) => (typeof admin === "string" ? admin : admin._id) === String(loggedUserDetails._id)
     ) || false;
   }, [info, loggedUserDetails]);
-  const isOwner = React2.useMemo(() => {
+  const isOwner = React3.useMemo(() => {
     if (!info || !loggedUserDetails) return false;
     let ownerId = null;
     if (info.owner) {
@@ -12254,7 +12909,7 @@ var useGroupInfo = (conversationId) => {
     return String(ownerId) === String(loggedUserDetails._id);
   }, [info, loggedUserDetails]);
   const permissions = info?.groupPermissions || null;
-  const userPermissions = React2.useMemo(() => {
+  const userPermissions = React3.useMemo(() => {
     return {
       canSendMessage: isOwner || isAdmin || !permissions?.onlyAdminCanSendMessage,
       canEditInfo: isOwner || isAdmin || !permissions?.onlyAdminCanEditInfo,
@@ -12303,21 +12958,21 @@ function useChannelDetailsDrawer({
   const conversationId = conversationInfo?._id || activeChannel?.conversationId || storeActiveConversationId || null;
   const { userPermissions } = useGroupInfo(conversationId);
   const { formatLongDate } = useChatLocale();
-  const storeConversation = React2.useMemo(
+  const storeConversation = React3.useMemo(
     () => conversations.find((c) => conversationId && String(c._id) === String(conversationId)),
     [conversations, conversationId]
   );
-  const isGroupChannel = React2.useMemo(() => {
+  const isGroupChannel = React3.useMemo(() => {
     if (storeConversation) {
       return storeConversation.conversationType === "group" || !!storeConversation.isGroup;
     }
     return !!activeChannel?.isGroup;
   }, [storeConversation, activeChannel?.isGroup]);
-  const participantsSource = React2.useMemo(
+  const participantsSource = React3.useMemo(
     () => conversationInfo?.participants || storeConversation?.participants || [],
     [conversationInfo?.participants, storeConversation?.participants]
   );
-  const resolvedOtherParticipant = React2.useMemo(() => {
+  const resolvedOtherParticipant = React3.useMemo(() => {
     if (isGroupChannel) return { id: "", user: null };
     return resolveOtherParticipant(
       {
@@ -12336,7 +12991,7 @@ function useChannelDetailsDrawer({
     allUsers
   ]);
   const otherUser = resolvedOtherParticipant.user;
-  const otherUserEmail = React2.useMemo(() => {
+  const otherUserEmail = React3.useMemo(() => {
     if (isGroupChannel) return null;
     const fromResolved = resolvedOtherParticipant.user?.email?.trim();
     if (fromResolved) return fromResolved;
@@ -12344,7 +12999,7 @@ function useChannelDetailsDrawer({
     if (!otherId) return null;
     return allUsers.find((user) => String(user._id) === String(otherId))?.email?.trim() || activeChannel?.email?.trim() || null;
   }, [isGroupChannel, resolvedOtherParticipant.id, resolvedOtherParticipant.user?.email, allUsers, activeChannel?.email]);
-  const resolvedCreatedAt = React2.useMemo(
+  const resolvedCreatedAt = React3.useMemo(
     () => pickDate(
       conversationInfo?.createdAt,
       conversationInfo?.updatedAt,
@@ -12357,9 +13012,9 @@ function useChannelDetailsDrawer({
     ),
     [conversationInfo, storeConversation, otherUser, conversationId, messagesByConversation]
   );
-  const [detailsLoading, setDetailsLoading] = React2.useState(false);
-  const fetchStartedRef = React2.useRef(null);
-  React2.useEffect(() => {
+  const [detailsLoading, setDetailsLoading] = React3.useState(false);
+  const fetchStartedRef = React3.useRef(null);
+  React3.useEffect(() => {
     if (!isOpen) {
       fetchStartedRef.current = null;
       setDetailsLoading(false);
@@ -12401,16 +13056,16 @@ function useChannelDetailsDrawer({
     };
   }, [isOpen, conversationId, isGroupChannel, fetchAllUsers]);
   const canEditInfo = activeChannel ? userPermissions.canEditInfo : false;
-  const [isEditing, setIsEditing] = React2.useState(false);
-  const [name, setName] = React2.useState("");
-  const [description, setDescription] = React2.useState("");
-  const [image, setImage] = React2.useState(null);
-  const [uploadedImageUrl, setUploadedImageUrl] = React2.useState(null);
-  const [imageUploadStatus, setImageUploadStatus] = React2.useState("idle");
-  const [imageUploadError, setImageUploadError] = React2.useState(null);
-  const [isSaving, setIsSaving] = React2.useState(false);
-  const fileInputRef = React2.useRef(null);
-  React2.useEffect(() => {
+  const [isEditing, setIsEditing] = React3.useState(false);
+  const [name, setName] = React3.useState("");
+  const [description, setDescription] = React3.useState("");
+  const [image, setImage] = React3.useState(null);
+  const [uploadedImageUrl, setUploadedImageUrl] = React3.useState(null);
+  const [imageUploadStatus, setImageUploadStatus] = React3.useState("idle");
+  const [imageUploadError, setImageUploadError] = React3.useState(null);
+  const [isSaving, setIsSaving] = React3.useState(false);
+  const fileInputRef = React3.useRef(null);
+  React3.useEffect(() => {
     if (conversationInfo) {
       setName(conversationInfo.groupName || activeChannel?.name || "");
       setDescription(conversationInfo.groupDescription || "");
@@ -12681,17 +13336,24 @@ var ChannelDetailsDrawer = (props) => {
 };
 var ChannelDetailsDrawer_default = ChannelDetailsDrawer;
 init_useStore();
+init_settings_types();
 var PermissionDrawer = ({ isOpen, onOpenChange, conversationId, conversationInfo }) => {
   const updateGroupPermissions = exports.useChatStore((s) => s.updateGroupPermissions);
-  const [permissions, setPermissions] = React2.useState(null);
-  const [isSaving, setIsSaving] = React2.useState(false);
-  React2.useEffect(() => {
+  const { settings, isGroupPermissionLocked } = useEffectiveSettingsOptional();
+  const [permissions, setPermissions] = React3.useState(null);
+  const [isSaving, setIsSaving] = React3.useState(false);
+  React3.useEffect(() => {
     if (conversationInfo?.groupPermissions) {
       setPermissions(conversationInfo.groupPermissions);
+      return;
+    }
+    if (isOpen) {
+      setPermissions({ ...settings.groupPolicy.defaults });
     }
-  }, [conversationInfo]);
+  }, [conversationInfo, isOpen, settings.groupPolicy.defaults]);
   if (!conversationId || !permissions) return null;
   const handleToggle = (key) => {
+    if (isGroupPermissionLocked(key)) return;
     setPermissions((prev) => prev ? { ...prev, [key]: !prev[key] } : null);
   };
   const handleSave = async () => {
@@ -12723,31 +13385,43 @@ var PermissionDrawer = ({ isOpen, onOpenChange, conversationId, conversationInfo
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(chatSheetBodyClass, "flex flex-col px-2.5 py-2"), children: [
       /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "mb-2.5 flex-1", children: [
         /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-1 px-0.5 text-[10px] font-semibold uppercase tracking-wide text-(--chat-muted)", children: "Permissions" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-(--chat-border) px-3", children: permissionItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: cn(
-              "flex items-start justify-between gap-3 py-2.5",
-              index < permissionItems.length - 1 && "border-b border-(--chat-border)"
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 space-y-0.5", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[12px] font-semibold leading-snug text-(--chat-text)", children: item.label }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] leading-relaxed text-(--chat-muted)", children: item.desc })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                Switch,
-                {
-                  size: "sm",
-                  className: "mt-0.5 shrink-0 data-[state=checked]:bg-(--chat-theme) data-[state=unchecked]:bg-(--chat-border)",
-                  checked: "inverted" in item && item.inverted ? !permissions[item.key] : permissions[item.key],
-                  onCheckedChange: () => handleToggle(item.key)
-                }
-              )
-            ]
-          },
-          item.key
-        )) })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-(--chat-border) px-3", children: permissionItems.map((item, index) => {
+          const locked = isGroupPermissionLocked(item.key);
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cn(
+                "flex items-start justify-between gap-3 py-2.5",
+                index < permissionItems.length - 1 && "border-b border-(--chat-border)"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 space-y-0.5", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[12px] font-semibold leading-snug text-(--chat-text)", children: item.label }),
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] leading-relaxed text-(--chat-muted)", children: item.desc }),
+                  locked ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-medium text-(--chat-theme)", children: "Locked by administrator" }) : null
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  AdminPermissionTooltip,
+                  {
+                    disabled: locked,
+                    message: exports.ADMIN_PERMISSION_DENIED_MESSAGE,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      Switch,
+                      {
+                        size: "sm",
+                        className: "mt-0.5 shrink-0 data-[state=checked]:bg-(--chat-theme) data-[state=unchecked]:bg-(--chat-border)",
+                        disabled: locked,
+                        checked: item.inverted ? !permissions[item.key] : permissions[item.key],
+                        onCheckedChange: () => handleToggle(item.key)
+                      }
+                    )
+                  }
+                )
+              ]
+            },
+            item.key
+          );
+        }) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky bottom-0 border-t border-(--chat-border) bg-(--chat-surface) px-0.5 pt-2.5 pb-1", children: /* @__PURE__ */ jsxRuntime.jsx(
         Button,
@@ -12773,51 +13447,61 @@ var PermissionDrawer_default = PermissionDrawer;
 // src/chat/header/admins-drawer/useAdminsDrawer.ts
 init_useStore();
 function useAdminsDrawer({ conversationId, conversationInfo }) {
-  const [searchQuery, setSearchQuery] = React2.useState("");
-  const [isManaging, setIsManaging] = React2.useState(null);
+  const [searchQuery, setSearchQuery] = React3.useState("");
+  const [isManaging, setIsManaging] = React3.useState(null);
   const manageGroupAdmins = exports.useChatStore((s) => s.manageGroupAdmins);
   const { isOwner } = useGroupInfo(conversationId);
-  const participants = React2.useMemo(
+  const { settings } = useEffectiveSettingsOptional();
+  const maxAdmins = settings.maxAdminsPerGroup;
+  const participants = React3.useMemo(
     () => conversationInfo?.participants ?? [],
     [conversationInfo?.participants]
   );
-  const admins = React2.useMemo(
+  const admins = React3.useMemo(
     () => conversationInfo?.groupAdmins ?? [],
     [conversationInfo?.groupAdmins]
   );
-  const ownerId = React2.useMemo(() => {
+  const ownerId = React3.useMemo(() => {
     if (!conversationInfo?.owner) return null;
     return typeof conversationInfo.owner === "object" && conversationInfo.owner !== null ? conversationInfo.owner._id || conversationInfo.owner.id : conversationInfo.owner;
   }, [conversationInfo?.owner]);
-  const adminIds = React2.useMemo(
+  const adminIds = React3.useMemo(
     () => new Set(
       admins.map((a) => typeof a === "string" ? a : a._id).filter((id) => Boolean(id))
     ),
     [admins]
   );
-  const isAdmin = React2.useCallback((userId) => adminIds.has(userId), [adminIds]);
-  const filteredParticipants = React2.useMemo(() => {
+  const isAdmin = React3.useCallback((userId) => adminIds.has(userId), [adminIds]);
+  const filteredParticipants = React3.useMemo(() => {
     if (!searchQuery.trim()) return participants;
     return participants.filter(
       (p) => p.name?.toLowerCase().includes(searchQuery.toLowerCase()) || p.email?.toLowerCase().includes(searchQuery.toLowerCase())
     );
   }, [participants, searchQuery]);
-  const adminParticipants = React2.useMemo(
+  const adminParticipants = React3.useMemo(
     () => filteredParticipants.filter((p) => {
       const id = typeof p === "string" ? p : p._id;
       return id && (adminIds.has(id) || id === ownerId);
     }),
     [filteredParticipants, adminIds, ownerId]
   );
-  const promotableParticipants = React2.useMemo(
+  const promotableParticipants = React3.useMemo(
     () => filteredParticipants.filter((p) => {
       const id = typeof p === "string" ? p : p._id;
       return id && id !== ownerId && !adminIds.has(id);
     }),
     [filteredParticipants, adminIds, ownerId]
   );
+  const adminCount = admins.length + (ownerId ? 1 : 0);
+  const atAdminLimit = adminCount >= maxAdmins;
   const handleManageAdmin = async (userId, type) => {
     if (!conversationId) return;
+    if (type === "add" && adminCount >= maxAdmins) {
+      exports.useChatStore.getState().handleAppError(
+        `You can have up to ${maxAdmins} admins in this group.`
+      );
+      return;
+    }
     setIsManaging(userId);
     try {
       await manageGroupAdmins({
@@ -12829,7 +13513,6 @@ function useAdminsDrawer({ conversationId, conversationInfo }) {
       setIsManaging(null);
     }
   };
-  const adminCount = admins.length + (ownerId ? 1 : 0);
   return {
     searchQuery,
     setSearchQuery,
@@ -12841,6 +13524,8 @@ function useAdminsDrawer({ conversationId, conversationInfo }) {
     promotableParticipants,
     handleManageAdmin,
     adminCount,
+    maxAdmins,
+    atAdminLimit,
     hasRequiredData: Boolean(conversationId && conversationInfo)
   };
 }
@@ -12853,6 +13538,8 @@ function AdminParticipantRow({
   isAdmin,
   showPromote,
   showDemote,
+  promoteDisabled = false,
+  promoteDisabledReason,
   isOwnerViewer,
   isManaging,
   onManageAdmin
@@ -12893,14 +13580,24 @@ function AdminParticipantRow({
             }
           ),
           showPromote && isOwnerViewer && /* @__PURE__ */ jsxRuntime.jsx(
-            Button,
+            AdminPermissionTooltip,
             {
-              variant: "ghost",
-              size: "sm",
-              className: "size-7 rounded-md p-0 text-(--chat-muted) hover:bg-(--chat-theme-10) hover:text-(--chat-theme)",
-              onClick: () => onManageAdmin(memberId, "add"),
-              disabled: isManaging === memberId,
-              children: isManaging === memberId ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserPlus, { size: 13 })
+              disabled: promoteDisabled,
+              message: promoteDisabledReason,
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  className: "size-7 rounded-md p-0 text-(--chat-muted) hover:bg-(--chat-theme-10) hover:text-(--chat-theme) disabled:opacity-40",
+                  onClick: () => {
+                    if (promoteDisabled) return;
+                    onManageAdmin(memberId, "add");
+                  },
+                  disabled: isManaging === memberId || promoteDisabled,
+                  children: isManaging === memberId ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserPlus, { size: 13 })
+                }
+              )
             }
           )
         ] })
@@ -12924,7 +13621,9 @@ function AdminParticipantList({
   isAdmin,
   onManageAdmin,
   showPromote,
-  showDemoteForAdmins
+  showDemoteForAdmins,
+  promoteDisabled = false,
+  promoteDisabledReason
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: members.map((member, index) => {
     const { memberId, memberName, memberEmail, memberImage } = getMemberFields(member);
@@ -12942,6 +13641,8 @@ function AdminParticipantList({
         isAdmin: userIsAdmin,
         showPromote: showPromote && !userIsAdmin && !userIsOwner,
         showDemote: showDemoteForAdmins ? userIsAdmin && !userIsOwner : false,
+        promoteDisabled,
+        promoteDisabledReason,
         isOwnerViewer,
         isManaging,
         onManageAdmin
@@ -12961,6 +13662,8 @@ var AdminsDrawer = ({ isOpen, onOpenChange, conversationId, conversationInfo })
     promotableParticipants,
     handleManageAdmin,
     adminCount,
+    maxAdmins,
+    atAdminLimit,
     hasRequiredData
   } = useAdminsDrawer({ conversationId, conversationInfo });
   if (!hasRequiredData) return null;
@@ -12980,7 +13683,10 @@ var AdminsDrawer = ({ isOpen, onOpenChange, conversationId, conversationInfo })
             /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { className: chatSheetTitleClass, children: "Group Administrators" }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-(--chat-theme-10) px-2 py-0.5 text-[11px] font-medium leading-none text-(--chat-theme)", children: adminCount })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: chatSheetSubtitleClass, children: "Manage who can adjust group settings and members." })
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: chatSheetSubtitleClass, children: [
+            "Manage who can adjust group settings and members",
+            maxAdmins ? ` (max ${maxAdmins}).` : "."
+          ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(chatSheetBodyClass, "px-2.5 py-2"), children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2.5 px-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -13023,7 +13729,9 @@ var AdminsDrawer = ({ isOpen, onOpenChange, conversationId, conversationInfo })
                 ownerId,
                 isAdmin,
                 onManageAdmin: handleManageAdmin,
-                showPromote: true
+                showPromote: true,
+                promoteDisabled: atAdminLimit,
+                promoteDisabledReason: `Maximum ${maxAdmins} admins allowed in this group.`
               }
             ) })
           ] }),
@@ -13040,7 +13748,9 @@ var AdminsDrawer = ({ isOpen, onOpenChange, conversationId, conversationInfo })
                 isAdmin,
                 onManageAdmin: handleManageAdmin,
                 showPromote: true,
-                showDemoteForAdmins: true
+                showDemoteForAdmins: true,
+                promoteDisabled: atAdminLimit,
+                promoteDisabledReason: `Maximum ${maxAdmins} admins allowed in this group.`
               }
             ) })
           ] }),
@@ -13056,21 +13766,24 @@ var AdminsDrawer = ({ isOpen, onOpenChange, conversationId, conversationInfo })
 var AdminsDrawer_default = AdminsDrawer;
 init_useStore();
 var MembersDrawer = ({ isOpen, onOpenChange, conversationId, conversationInfo }) => {
-  const [searchQuery, setSearchQuery] = React2.useState("");
-  const [isManaging, setIsManaging] = React2.useState(null);
+  const [searchQuery, setSearchQuery] = React3.useState("");
+  const [isManaging, setIsManaging] = React3.useState(null);
   const allUsers = exports.useChatStore((s) => s.allUsers);
   const manageGroupMembers = exports.useChatStore((s) => s.manageGroupMembers);
   const loggedUserDetails = exports.useChatStore((s) => s.loggedUserDetails);
-  const filteredUsers = React2.useMemo(() => {
+  const filteredUsers = React3.useMemo(() => {
     if (!searchQuery.trim()) return allUsers;
     return allUsers.filter(
       (u) => u.name?.toLowerCase().includes(searchQuery.toLowerCase()) || u.email?.toLowerCase().includes(searchQuery.toLowerCase())
     );
   }, [allUsers, searchQuery]);
   const { userPermissions } = useGroupInfo(conversationId);
+  const { settings } = useEffectiveSettingsOptional();
+  const maxParticipants = settings.maxParticipantsPerGroup;
   if (!conversationId || !conversationInfo) return null;
   const participants = conversationInfo.participants || [];
   const admins = conversationInfo.groupAdmins || [];
+  const atParticipantLimit = participants.length >= maxParticipants;
   let ownerId = null;
   if (conversationInfo.owner) {
     ownerId = typeof conversationInfo.owner === "object" && conversationInfo.owner !== null ? conversationInfo.owner._id || conversationInfo.owner.id : conversationInfo.owner;
@@ -13124,14 +13837,24 @@ var MembersDrawer = ({ isOpen, onOpenChange, conversationId, conversationInfo })
             }
           ),
           options.showAdd && /* @__PURE__ */ jsxRuntime.jsx(
-            Button,
+            AdminPermissionTooltip,
             {
-              variant: "ghost",
-              size: "sm",
-              className: "size-7 rounded-md p-0 text-(--chat-muted) hover:bg-(--chat-theme-10) hover:text-(--chat-theme)",
-              onClick: () => handleManageMember(memberId, "add"),
-              disabled: isManaging === memberId,
-              children: isManaging === memberId ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserPlus, { size: 13 })
+              disabled: atParticipantLimit,
+              message: `Maximum ${maxParticipants} participants allowed in this group.`,
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  className: "size-7 rounded-md p-0 text-(--chat-muted) hover:bg-(--chat-theme-10) hover:text-(--chat-theme) disabled:opacity-40",
+                  onClick: () => {
+                    if (atParticipantLimit) return;
+                    handleManageMember(memberId, "add");
+                  },
+                  disabled: isManaging === memberId || atParticipantLimit,
+                  children: isManaging === memberId ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserPlus, { size: 13 })
+                }
+              )
             }
           )
         ] })
@@ -13153,7 +13876,11 @@ var MembersDrawer = ({ isOpen, onOpenChange, conversationId, conversationInfo })
             /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { className: chatSheetTitleClass, children: "Group Management" }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-(--chat-theme-10) px-2 py-0.5 text-[11px] font-medium leading-none text-(--chat-theme)", children: participants.length })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: chatSheetSubtitleClass, children: "Manage members and invite people." })
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: chatSheetSubtitleClass, children: [
+            "Manage members and invite people (max ",
+            maxParticipants,
+            ")."
+          ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(chatSheetBodyClass, "px-2.5 py-2"), children: [
           !searchQuery && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "mb-2.5", children: [
@@ -13274,8 +14001,8 @@ var ChatActionModal_default = ChatActionModal;
 // src/chat/channel-header/useChannelHeader.ts
 init_useStore();
 function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = React2.useState(value);
-  React2.useEffect(() => {
+  const [debouncedValue, setDebouncedValue] = React3.useState(value);
+  React3.useEffect(() => {
     const timer = setTimeout(() => setDebouncedValue(value), delay);
     return () => {
       clearTimeout(timer);
@@ -13295,7 +14022,9 @@ init_store_helpers();
 function useBlockUser(activeChannel, conversationId, onActiveChannelPatch) {
   const loggedUserDetails = exports.useChatStore((s) => s.loggedUserDetails);
   const composerDisabledByConversation = exports.useChatStore((s) => s.composerDisabledByConversation);
-  const [isBlocking, setIsBlocking] = React2.useState(false);
+  const { getBlockUsersGate } = useEffectiveSettingsOptional();
+  const blockUsersGate = getBlockUsersGate();
+  const [isBlocking, setIsBlocking] = React3.useState(false);
   const resolvedConversationId = conversationId ?? activeChannel?.conversationId ?? null;
   const composerDisabledReason = resolvedConversationId ? composerDisabledByConversation[resolvedConversationId] : void 0;
   const isBlockedFromConversation = exports.useChatStore((s) => {
@@ -13313,9 +14042,15 @@ function useBlockUser(activeChannel, conversationId, onActiveChannelPatch) {
     return !!conv?.isBlocked || !!activeChannel.isBlocked;
   });
   const isBlocked = isBlockedFromConversation || !activeChannel?.isGroup && !!composerDisabledReason && /block/i.test(composerDisabledReason);
-  const toggleBlock = React2.useCallback(async () => {
+  const toggleBlock = React3.useCallback(async () => {
     if (!activeChannel?.id || activeChannel.isGroup) return false;
     const nextBlocked = !isBlocked;
+    if (nextBlocked && !blockUsersGate.enabled) {
+      exports.useChatStore.getState().handleAppError(
+        blockUsersGate.disabledReason || "Blocking users is disabled by your administrator."
+      );
+      return false;
+    }
     const type = nextBlocked ? "block" : "unblock";
     try {
       setIsBlocking(true);
@@ -13336,8 +14071,8 @@ function useBlockUser(activeChannel, conversationId, onActiveChannelPatch) {
     } finally {
       setIsBlocking(false);
     }
-  }, [activeChannel, isBlocked, onActiveChannelPatch, resolvedConversationId]);
-  return { isBlocked, isBlocking, toggleBlock };
+  }, [activeChannel, isBlocked, onActiveChannelPatch, resolvedConversationId, blockUsersGate]);
+  return { isBlocked, isBlocking, toggleBlock, blockUsersGate };
 }
 
 // src/chat/channel-header/useChannelHeader.ts
@@ -13370,8 +14105,8 @@ function useChannelHeader({
   onBack,
   onActiveChannelPatch
 }) {
-  const [state, setState] = React2.useState(initialState2);
-  const updateState = React2.useCallback((updates) => {
+  const [state, setState] = React3.useState(initialState2);
+  const updateState = React3.useCallback((updates) => {
     setState((prev) => ({ ...prev, ...updates }));
   }, []);
   const { formatLongDate } = useChatLocale();
@@ -13411,7 +14146,7 @@ function useChannelHeader({
   const setSearchedMessageId = exports.useChatStore((s) => s.setSearchedMessageId);
   const isSearchActive = exports.useChatStore((s) => s.isSearchActive);
   const debouncedSearch = useDebounce(state.searchQuery, 800);
-  const handleSearch = React2.useCallback(async (query, cursor) => {
+  const handleSearch = React3.useCallback(async (query, cursor) => {
     if (!conversationId) return;
     const isFirstPage = !cursor;
     updateState({ isSearching: isFirstPage, isLoadingMoreSearch: !isFirstPage });
@@ -13432,7 +14167,7 @@ function useChannelHeader({
       updateState({ isSearching: false, isLoadingMoreSearch: false });
     }
   }, [conversationId, updateState]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (debouncedSearch && conversationId) {
       updateState({ searchCursor: null, searchHasMore: false });
       handleSearch(debouncedSearch);
@@ -13466,32 +14201,32 @@ function useChannelHeader({
     handleCloseSearch();
   };
   const canViewMembers = isAdmin || userPermissions.canAddMember || userPermissions.canRemoveMember;
-  const prevIsClearingRef = React2.useRef(isClearingChat);
-  React2.useEffect(() => {
+  const prevIsClearingRef = React3.useRef(isClearingChat);
+  React3.useEffect(() => {
     if (prevIsClearingRef.current === true && !isClearingChat) {
       updateState({ isClearChatAlertOpen: false });
     }
     prevIsClearingRef.current = isClearingChat;
   }, [isClearingChat, updateState]);
-  const prevIsDeletingRef = React2.useRef(isDeletingConversation);
-  React2.useEffect(() => {
+  const prevIsDeletingRef = React3.useRef(isDeletingConversation);
+  React3.useEffect(() => {
     if (prevIsDeletingRef.current === true && !isDeletingConversation) {
       updateState({ isDeletingConversationAlertOpen: false });
       onBack?.();
     }
     prevIsDeletingRef.current = isDeletingConversation;
   }, [isDeletingConversation, onBack, updateState]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (state.isPinOpen && conversationId) {
       fetchPinnedMessages2(conversationId);
     }
   }, [state.isPinOpen, conversationId, fetchPinnedMessages2]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (state.isFavoriteOpen && conversationId) {
       fetchStarredMessages2(conversationId);
     }
   }, [state.isFavoriteOpen, conversationId, fetchStarredMessages2]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (state.isAttachmentsOpen && conversationId) {
       const meta = exports.useChatStore.getState().messagesMetadata[conversationId];
       if (!meta?.isFirstPage) {
@@ -13873,6 +14608,7 @@ var MessageReactions_default = MessageReactions;
 var MessageToolbar = ({
   isSender,
   isRecent,
+  isWithinDeleteWindow = isRecent,
   isPinned,
   isStarred,
   isPinPending,
@@ -13896,7 +14632,7 @@ var MessageToolbar = ({
 }) => {
   const { isDark, scopeClassName, themeStyles } = useChatTheme();
   const showDeleteMenu = isSender || hasAttachments || attachmentDeleteMode;
-  const showDeleteForEveryone = isSender && isRecent;
+  const showDeleteForEveryone = isSender && isWithinDeleteWindow;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -14051,8 +14787,8 @@ function SentAttachmentCaptionModal({
   canEdit = false,
   onSave
 }) {
-  const [draft, setDraft] = React2.useState("");
-  React2.useEffect(() => {
+  const [draft, setDraft] = React3.useState("");
+  React3.useEffect(() => {
     if (open && attachment) {
       setDraft(attachment.caption || "");
     }
@@ -14218,16 +14954,59 @@ function resolveForwardItems(selectedKeys, messages) {
 }
 
 // src/chat/lib/chat-edit-window.ts
-init_chat_constants();
-function getMessageEditWindowMs(isGroup) {
-  return isGroup ? GROUP_EDIT_WINDOW_MS : DM_EDIT_WINDOW_MS;
+init_settings_types();
+
+// src/lib/effective-settings.helpers.ts
+function minutesToMs(minutes) {
+  return Math.max(0, minutes) * 60 * 1e3;
 }
-function isWithinMessageEditWindow(createdAt, isGroup) {
+function getEditWindowMs(timers, isGroup) {
+  return minutesToMs(isGroup ? timers.groupEditMinutes : timers.dmEditMinutes);
+}
+function getDeleteWindowMs(timers, isGroup) {
+  return minutesToMs(
+    isGroup ? timers.groupDeleteMinutes : timers.dmDeleteMinutes
+  );
+}
+function isWithinWindow(createdAt, windowMs) {
   if (!createdAt) return false;
   const date = new Date(createdAt);
   if (isNaN(date.getTime())) return false;
   const diff = Date.now() - date.getTime();
-  return diff >= 0 && diff < getMessageEditWindowMs(isGroup);
+  return diff >= 0 && diff < windowMs;
+}
+function isWithinMessageEditWindow(createdAt, timers, isGroup) {
+  return isWithinWindow(createdAt, getEditWindowMs(timers, isGroup));
+}
+function isWithinMessageDeleteWindow(createdAt, timers, isGroup) {
+  return isWithinWindow(createdAt, getDeleteWindowMs(timers, isGroup));
+}
+function matchesAllowedMimeType(fileType, allowedMimeTypes) {
+  const mime = (fileType || "application/octet-stream").toLowerCase();
+  return allowedMimeTypes.some((pattern) => {
+    const normalized = pattern.trim().toLowerCase();
+    if (!normalized) return false;
+    if (normalized.endsWith("/*")) {
+      const prefix = normalized.slice(0, -1);
+      return mime.startsWith(prefix);
+    }
+    return mime === normalized;
+  });
+}
+function buildAcceptFromMimeTypes(allowedMimeTypes) {
+  return allowedMimeTypes.map((type) => type.trim()).filter(Boolean).join(",");
+}
+function formatFileSizeMB(sizeBytes) {
+  return `${(sizeBytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+
+// src/chat/lib/chat-edit-window.ts
+var FALLBACK_TIMERS = exports.DEFAULT_EFFECTIVE_SETTINGS.messageTimers;
+function isWithinMessageEditWindow2(createdAt, isGroup, timers = FALLBACK_TIMERS) {
+  return isWithinMessageEditWindow(createdAt, timers, isGroup);
+}
+function isWithinMessageDeleteWindow2(createdAt, isGroup, timers = FALLBACK_TIMERS) {
+  return isWithinMessageDeleteWindow(createdAt, timers, isGroup);
 }
 
 // src/chat/message-item/useMessageItemActions.ts
@@ -14252,7 +15031,7 @@ function useMessageItemActions({
   selectionMode = false,
   selectedKeys
 }) {
-  const [state, setState] = React2.useState({
+  const [state, setState] = React3.useState({
     isHoverMessage: false,
     isEditing: false,
     editValue: String(message || ""),
@@ -14265,7 +15044,7 @@ function useMessageItemActions({
   const updateState = (updates) => {
     setState((prev) => ({ ...prev, ...updates }));
   };
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     setState((prev) => ({ ...prev, editValue: String(message || "") }));
   }, [message]);
   const emitDmEdit = exports.useChatStore((s) => s.emitDmEdit);
@@ -14305,6 +15084,9 @@ function useMessageItemActions({
   const canUnpin = !isPinned || isPinnedByMe;
   const { userPermissions } = useGroupInfo(conversationId || null);
   const { formatMessageTime } = useChatLocale();
+  const { settings } = useEffectiveSettingsOptional();
+  const messageTimers = settings.messageTimers;
+  const maxPinnedMessages = settings.maxPinnedMessagesPerConversation;
   const visibleAttachments = getVisibleAttachments(attachments);
   const hasAttachments = visibleAttachments.length > 0;
   const hasMultiAttachments = hasAttachments && messageUsesAttachmentSelection({ attachments: visibleAttachments });
@@ -14321,7 +15103,8 @@ function useMessageItemActions({
   const hasText = Boolean(message?.trim());
   const isSelected = !!mid && !!selectedKeys && isMessageWhollySelected(selectedKeys, mid) && !hasMultiAttachments;
   const canEdit = (!isGroup || userPermissions.canEditMessage) && hasText;
-  const isWithinEditWindow = () => isWithinMessageEditWindow(createdAt, isGroup);
+  const isWithinEditWindow = () => isWithinMessageEditWindow2(createdAt, isGroup, messageTimers);
+  const isWithinDeleteWindow = () => isWithinMessageDeleteWindow2(createdAt, isGroup, messageTimers);
   const canEditAttachmentCaption = isSender && isWithinEditWindow() && (!isGroup || userPermissions.canEditMessage) && !isDeletedForEveryone && !!mid;
   const handleAttachmentCaptionClick = (attachment) => {
     if (!canEditAttachmentCaption) return;
@@ -14490,6 +15273,15 @@ function useMessageItemActions({
         });
       }
     } else {
+      if (conversationId) {
+        const pinnedCount = (pinnedMessagesByConversation[conversationId] || []).length || exports.useChatStore.getState().liveConversationCounts[conversationId]?.pinnedCount || 0;
+        if (pinnedCount >= maxPinnedMessages) {
+          exports.useChatStore.getState().handleAppError(
+            `You can pin up to ${maxPinnedMessages} messages in this conversation.`
+          );
+          return;
+        }
+      }
       if (isGroup) {
         if (!conversationId) return;
         emitGroupPin({
@@ -14548,6 +15340,7 @@ function useMessageItemActions({
     canUnpin,
     canEdit,
     isWithinEditWindow,
+    isWithinDeleteWindow,
     canEditAttachmentCaption,
     visibleAttachments,
     hasAttachments,
@@ -14579,7 +15372,7 @@ function useMessageItemActions({
 }
 
 // src/chat/lib/reply-preview.ts
-function normalizeAttachments(replyTo, loggedUserId) {
+function normalizeAttachments2(replyTo, loggedUserId) {
   const raw = replyTo?.attachments;
   if (!Array.isArray(raw) || raw.length === 0) return [];
   return raw.map((att, index) => {
@@ -14592,7 +15385,7 @@ function resolveReplyToMessage(replyTo, messagesById, loggedUserId) {
   if (typeof replyTo === "object" && (replyTo.content?.trim() || replyTo.attachments?.length)) {
     return {
       ...replyTo,
-      attachments: normalizeAttachments(replyTo, loggedUserId)
+      attachments: normalizeAttachments2(replyTo, loggedUserId)
     };
   }
   const replyId = String(
@@ -15029,6 +15822,7 @@ function MessageItemView(props) {
     canUnpin,
     canEdit,
     isWithinEditWindow,
+    isWithinDeleteWindow,
     canEditAttachmentCaption,
     visibleAttachments,
     hasAttachments,
@@ -15120,6 +15914,7 @@ function MessageItemView(props) {
                 {
                   isSender,
                   isRecent: isWithinEditWindow(),
+                  isWithinDeleteWindow: isWithinDeleteWindow(),
                   messageId: mid,
                   isPinned,
                   isStarred,
@@ -15309,7 +16104,7 @@ function MessageSelectionBar({
   className
 }) {
   const { scopeClassName, themeStyles } = useChatTheme();
-  const [isDeleteOpen, setIsDeleteOpen] = React2.useState(false);
+  const [isDeleteOpen, setIsDeleteOpen] = React3.useState(false);
   if (count === 0) return null;
   const countLabel = selectionLabel === "files" ? count === 1 ? "file" : "files" : count === 1 ? "message" : "messages";
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -15414,6 +16209,7 @@ function MessageSelectionBar({
 }
 
 // src/chat/active-channel-messages/utils.ts
+init_settings_types();
 var getMessageSenderId2 = (msg) => msg ? String(msg.senderId || msg.sender?._id || "") : "";
 var isLikelyObjectId = (value) => /^[a-f\d]{24}$/i.test(value);
 function resolveGroupSenderDisplay(message, allUsers = [], participants = []) {
@@ -15445,7 +16241,7 @@ var isSameMessageSide = (a, b, isGroupChat) => {
   const bId = getMessageSenderId2(b);
   return aId !== "" && aId === bId;
 };
-function canDeleteSelectionForEveryone(selectedKeys, messages, isGroup) {
+function canDeleteSelectionForEveryone(selectedKeys, messages, isGroup, timers = exports.DEFAULT_EFFECTIVE_SETTINGS.messageTimers) {
   if (selectedKeys.size === 0) return false;
   const parsed = [...selectedKeys].map((key) => parseSelectionKey(key));
   const messageIds = new Set(parsed.map((entry) => entry.messageId));
@@ -15453,7 +16249,7 @@ function canDeleteSelectionForEveryone(selectedKeys, messages, isGroup) {
   const messageId2 = [...messageIds][0];
   const message = messages.find((entry) => String(entry._id || entry.id) === messageId2);
   if (!message?.isOwnMessage) return false;
-  if (!isWithinMessageEditWindow(message.timestamp, isGroup)) return false;
+  if (!isWithinMessageDeleteWindow2(message.timestamp, isGroup, timers)) return false;
   const hasAttachmentKey = parsed.some((entry) => entry.attachmentId);
   if (!hasAttachmentKey) {
     return selectedKeys.size === 1;
@@ -15617,22 +16413,24 @@ function useActiveChannelMessages({
   onSelectionModeChange,
   conversationInfo
 }) {
-  const [selectionMode, setSelectionMode] = React2.useState(false);
-  const [selectedKeys, setSelectedKeys] = React2.useState(/* @__PURE__ */ new Set());
+  const [selectionMode, setSelectionMode] = React3.useState(false);
+  const [selectedKeys, setSelectedKeys] = React3.useState(/* @__PURE__ */ new Set());
   const emitDmDelete = exports.useChatStore((s) => s.emitDmDelete);
   const emitGroupDelete = exports.useChatStore((s) => s.emitGroupDelete);
   const loggedUserDetails = exports.useChatStore((s) => s.loggedUserDetails);
-  const scrollContainerRef = React2.useRef(null);
-  const bottomRef = React2.useRef(null);
-  const messageListInitializedRef = React2.useRef(false);
-  const previousMessageCountRef = React2.useRef(0);
-  const previousLastMessageIdRef = React2.useRef(null);
-  const [enteringMessageIds, setEnteringMessageIds] = React2.useState(/* @__PURE__ */ new Set());
-  const [showScrollToBottom, setShowScrollToBottom] = React2.useState(false);
-  const stickToBottomRef = React2.useRef(true);
-  const pendingJumpRef = React2.useRef(null);
-  const jumpPagesRef = React2.useRef(0);
-  const [jumpNonce, setJumpNonce] = React2.useState(0);
+  const { settings } = useEffectiveSettingsOptional();
+  const messageTimers = settings.messageTimers;
+  const scrollContainerRef = React3.useRef(null);
+  const bottomRef = React3.useRef(null);
+  const messageListInitializedRef = React3.useRef(false);
+  const previousMessageCountRef = React3.useRef(0);
+  const previousLastMessageIdRef = React3.useRef(null);
+  const [enteringMessageIds, setEnteringMessageIds] = React3.useState(/* @__PURE__ */ new Set());
+  const [showScrollToBottom, setShowScrollToBottom] = React3.useState(false);
+  const stickToBottomRef = React3.useRef(true);
+  const pendingJumpRef = React3.useRef(null);
+  const jumpPagesRef = React3.useRef(0);
+  const [jumpNonce, setJumpNonce] = React3.useState(0);
   const { fetchMessages: fetchMessages2, messagesMetadata, deletedForMeIds, searchedMessageId, isSearchActive, setSearchActive, setSearchedMessageId, fetchSearchMessageContext } = exports.useChatStore();
   const loggedUserImage = exports.useChatStore((s) => s.loggedUserDetails?.image);
   const conversations = exports.useChatStore((s) => s.conversations);
@@ -15641,29 +16439,29 @@ function useActiveChannelMessages({
   const mappedApiMessages = conversationMessages.map(
     (m) => mapApiMessage(m, activeChannel, conversationId, loggedUserId, activeConversation)
   );
-  const displayMessages = React2.useMemo(
+  const displayMessages = React3.useMemo(
     () => mergeChatMessages(mappedApiMessages, localMessages, loggedUserId).filter((m) => !deletedForMeIds.includes(String(m._id || m.id)) && !m.isDeletedForMe).filter((m) => !conversationId || String(m.conversationId || "") === String(conversationId)).sort((a, b) => new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime()),
     [mappedApiMessages, localMessages, loggedUserId, deletedForMeIds, conversationId]
   );
-  const messagesById = React2.useMemo(
+  const messagesById = React3.useMemo(
     () => new Map(displayMessages.map((message) => [String(message._id || message.id), message])),
     [displayMessages]
   );
-  const messagesWithResolvedReplies = React2.useMemo(
+  const messagesWithResolvedReplies = React3.useMemo(
     () => displayMessages.map((message) => ({
       ...message,
       replyTo: resolveReplyToMessage(message.replyTo, messagesById, loggedUserId)
     })),
     [displayMessages, messagesById, loggedUserId]
   );
-  const jumpDateBounds = React2.useMemo(
+  const jumpDateBounds = React3.useMemo(
     () => resolveJumpDateBounds(
       conversationInfo?.createdAt,
       displayMessages[0]?.timestamp
     ),
     [conversationInfo?.createdAt, displayMessages]
   );
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     const messages = messagesWithResolvedReplies;
     const lastMessage = messages[messages.length - 1];
     const lastMessageId = lastMessage ? String(lastMessage._id || lastMessage.id) : null;
@@ -15690,11 +16488,11 @@ function useActiveChannelMessages({
   }, [messagesWithResolvedReplies]);
   const isInitialLoading = isLoading && currentMeta?.isFirstPage;
   const isLoadingMore = isLoading && !currentMeta?.isFirstPage;
-  const clearSelection = React2.useCallback(() => {
+  const clearSelection = React3.useCallback(() => {
     setSelectionMode(false);
     setSelectedKeys(/* @__PURE__ */ new Set());
   }, []);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     clearSelection();
     messageListInitializedRef.current = false;
     previousMessageCountRef.current = 0;
@@ -15705,14 +16503,14 @@ function useActiveChannelMessages({
     stickToBottomRef.current = true;
     setShowScrollToBottom(false);
   }, [conversationId, clearSelection]);
-  const onSelectionModeChangeRef = React2.useRef(onSelectionModeChange);
-  React2.useEffect(() => {
+  const onSelectionModeChangeRef = React3.useRef(onSelectionModeChange);
+  React3.useEffect(() => {
     onSelectionModeChangeRef.current = onSelectionModeChange;
   }, [onSelectionModeChange]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     onSelectionModeChangeRef.current?.(selectionMode);
   }, [selectionMode]);
-  const toggleSelection = React2.useCallback((message, attachmentId) => {
+  const toggleSelection = React3.useCallback((message, attachmentId) => {
     const messageId2 = String(message._id || message.id);
     if (!messageId2) return;
     const useAttachmentSelection = messageUsesAttachmentSelection(message);
@@ -15725,7 +16523,7 @@ function useActiveChannelMessages({
       return next;
     });
   }, []);
-  const enterSelectionMode = React2.useCallback((message, attachmentId) => {
+  const enterSelectionMode = React3.useCallback((message, attachmentId) => {
     const messageId2 = String(message._id || message.id);
     if (!messageId2) return;
     setSelectionMode(true);
@@ -15739,17 +16537,23 @@ function useActiveChannelMessages({
     setSelectedKeys((prev) => new Set(prev).add(messageId2));
   }, []);
   const selectedForwardItems = resolveForwardItems(selectedKeys, displayMessages);
-  const canDeleteForEveryone = React2.useMemo(
-    () => canDeleteSelectionForEveryone(selectedKeys, displayMessages, !!activeChannel?.isGroup),
-    [selectedKeys, displayMessages, activeChannel?.isGroup]
+  const canDeleteForEveryone = React3.useMemo(
+    () => canDeleteSelectionForEveryone(
+      selectedKeys,
+      displayMessages,
+      !!activeChannel?.isGroup,
+      messageTimers
+    ),
+    [selectedKeys, displayMessages, activeChannel?.isGroup, messageTimers]
   );
-  const emitSelectionDelete = React2.useCallback(
+  const emitSelectionDelete = React3.useCallback(
     (deleteType) => {
       if (!loggedUserDetails || selectedKeys.size === 0) return;
       if (deleteType === "everyone" && !canDeleteSelectionForEveryone(
         selectedKeys,
         displayMessages,
-        !!activeChannel?.isGroup
+        !!activeChannel?.isGroup,
+        messageTimers
       )) {
         return;
       }
@@ -15790,13 +16594,14 @@ function useActiveChannelMessages({
       conversationId,
       emitGroupDelete,
       emitDmDelete,
-      clearSelection
+      clearSelection,
+      messageTimers
     ]
   );
-  const handleBatchDeleteForMe = React2.useCallback(() => {
+  const handleBatchDeleteForMe = React3.useCallback(() => {
     emitSelectionDelete("me");
   }, [emitSelectionDelete]);
-  const handleBatchDeleteForEveryone = React2.useCallback(() => {
+  const handleBatchDeleteForEveryone = React3.useCallback(() => {
     emitSelectionDelete("everyone");
   }, [emitSelectionDelete]);
   const handleBatchForward = () => {
@@ -15820,7 +16625,7 @@ function useActiveChannelMessages({
     }
     await fetchSearchMessageContext(messageId2, { searchMode: false });
   };
-  const handleJumpTo = React2.useCallback((preset, specificDate) => {
+  const handleJumpTo = React3.useCallback((preset, specificDate) => {
     stickToBottomRef.current = false;
     if (preset === "beginning") {
       pendingJumpRef.current = { kind: "beginning" };
@@ -15841,7 +16646,7 @@ function useActiveChannelMessages({
     jumpPagesRef.current = 0;
     setJumpNonce((n) => n + 1);
   }, [jumpDateBounds.minDay, jumpDateBounds.maxDay]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     const pending = pendingJumpRef.current;
     if (!pending || isLoading) return;
     const step = resolveJumpStep(
@@ -15880,13 +16685,13 @@ function useActiveChannelMessages({
     fetchMessages2,
     setSearchedMessageId
   ]);
-  const updateScrollToBottomVisibility = React2.useCallback((el) => {
+  const updateScrollToBottomVisibility = React3.useCallback((el) => {
     const distanceFromBottom = el.scrollHeight - el.scrollTop - el.clientHeight;
     const nearBottom = distanceFromBottom <= 96;
     stickToBottomRef.current = nearBottom;
     setShowScrollToBottom(!nearBottom);
   }, []);
-  const handleScrollToBottom = React2.useCallback(() => {
+  const handleScrollToBottom = React3.useCallback(() => {
     stickToBottomRef.current = true;
     if (isSearchActive) {
       setSearchActive(false);
@@ -15913,12 +16718,12 @@ function useActiveChannelMessages({
       });
     }
   };
-  React2.useLayoutEffect(() => {
+  React3.useLayoutEffect(() => {
     if (!isInitialLoading && stickToBottomRef.current && !pendingJumpRef.current) {
       bottomRef.current?.scrollIntoView({ behavior: "smooth" });
     }
   }, [messagesWithResolvedReplies.length, isInitialLoading]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (searchedMessageId && !isLoading) {
       stickToBottomRef.current = false;
       const container = scrollContainerRef.current;
@@ -16128,8 +16933,8 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = reactDayPicker.getDefaultClassNames();
-  const ref = React2__namespace.useRef(null);
-  React2__namespace.useEffect(() => {
+  const ref = React3__namespace.useRef(null);
+  React3__namespace.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -16161,12 +16966,12 @@ var PRESETS = [
 ];
 function ChatDateJumpMenu({ label, minDay, maxDay, onJump }) {
   const { scopeClassName } = useChatTheme();
-  const [open, setOpen] = React2.useState(false);
-  const [showCalendar, setShowCalendar] = React2.useState(false);
-  const [calendarMonth, setCalendarMonth] = React2.useState(() => new Date(maxDay));
+  const [open, setOpen] = React3.useState(false);
+  const [showCalendar, setShowCalendar] = React3.useState(false);
+  const [calendarMonth, setCalendarMonth] = React3.useState(() => new Date(maxDay));
   const minDate = new Date(minDay);
   const maxDate = new Date(maxDay);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (showCalendar) setCalendarMonth(new Date(maxDay));
   }, [showCalendar, maxDay]);
   const queueJump = (preset, specificDate) => {
@@ -16500,8 +17305,8 @@ function AttachmentCaptionModal({
   attachment,
   onSave
 }) {
-  const [draft, setDraft] = React2.useState("");
-  React2.useEffect(() => {
+  const [draft, setDraft] = React3.useState("");
+  React3.useEffect(() => {
     if (open && attachment) {
       setDraft(attachment.caption || "");
     }
@@ -16878,9 +17683,9 @@ function ComposerAttachmentPreview({
   embedded = false,
   maxAttachments = COMPOSER_MAX_ATTACHMENTS
 }) {
-  const [captionTargetId, setCaptionTargetId] = React2.useState(null);
-  const [lightboxState, setLightboxState] = React2.useState(null);
-  const { media, files, imageMedia, lightboxImages } = React2.useMemo(() => {
+  const [captionTargetId, setCaptionTargetId] = React3.useState(null);
+  const [lightboxState, setLightboxState] = React3.useState(null);
+  const { media, files, imageMedia, lightboxImages } = React3.useMemo(() => {
     const mediaItems = attachments.filter(
       (item) => (item.type === "image" || item.type === "video") && item.previewUrl
     );
@@ -17033,7 +17838,6 @@ var getAttachmentType = (file) => {
 };
 
 // src/chat/channel-message-box/useChannelMessageBox.ts
-var MAX_ATTACHMENTS = COMPOSER_MAX_ATTACHMENTS;
 function useChannelMessageBox({
   activeChannel,
   conversationId,
@@ -17047,7 +17851,13 @@ function useChannelMessageBox({
     conversationId,
     onActiveChannelPatch
   );
-  const [state, setState] = React2.useState({
+  const { settings, getAttachmentsGate } = useEffectiveSettingsOptional();
+  const attachmentsGate = getAttachmentsGate();
+  const maxAttachments = settings.attachments.maxAttachmentsPerMessage;
+  const maxFileSizeBytes = settings.attachments.maxFileSizeMB * 1024 * 1024;
+  const allowedMimeTypes = settings.attachments.allowedMimeTypes;
+  const acceptAttribute = buildAcceptFromMimeTypes(allowedMimeTypes);
+  const [state, setState] = React3.useState({
     messageInput: "",
     attachments: [],
     isFocused: false,
@@ -17057,8 +17867,8 @@ function useChannelMessageBox({
   const updateState = (updates) => {
     setState((prev) => ({ ...prev, ...updates }));
   };
-  const typingTimeoutRef = React2.useRef(null);
-  const conversationIdRef = React2.useRef(conversationId);
+  const typingTimeoutRef = React3.useRef(null);
+  const conversationIdRef = React3.useRef(conversationId);
   conversationIdRef.current = conversationId;
   const { syncComposerRef } = useConversationDraft(conversationId);
   const emitTypingStart = exports.useChatStore((s) => s.emitTypingStart);
@@ -17069,12 +17879,12 @@ function useChannelMessageBox({
   const allUsers = exports.useChatStore((s) => s.allUsers);
   const composerDisabledByConversation = exports.useChatStore((s) => s.composerDisabledByConversation);
   const composerDisabledReason = conversationId ? composerDisabledByConversation[conversationId] : void 0;
-  const fileInputRef = React2.useRef(null);
-  const attachmentsCountRef = React2.useRef(0);
-  React2__namespace.default.useEffect(() => {
+  const fileInputRef = React3.useRef(null);
+  const attachmentsCountRef = React3.useRef(0);
+  React3__namespace.default.useEffect(() => {
     attachmentsCountRef.current = state.attachments.length;
   }, [state.attachments.length]);
-  React2__namespace.default.useEffect(() => {
+  React3__namespace.default.useEffect(() => {
     const draft = {
       messageInput: state.messageInput,
       attachments: state.attachments
@@ -17082,7 +17892,7 @@ function useChannelMessageBox({
     syncComposerRef(draft);
     updateConversationDraft(conversationIdRef.current, draft);
   }, [state.messageInput, state.attachments, syncComposerRef]);
-  React2__namespace.default.useEffect(() => {
+  React3__namespace.default.useEffect(() => {
     if (typingTimeoutRef.current) {
       clearTimeout(typingTimeoutRef.current);
       typingTimeoutRef.current = null;
@@ -17142,21 +17952,52 @@ function useChannelMessageBox({
   const handleFileChange = (e) => {
     const files = e.target.files ? Array.from(e.target.files) : [];
     if (!files.length) return;
+    if (!attachmentsGate.enabled) {
+      updateState({
+        attachmentError: attachmentsGate.disabledReason || "Attachments are disabled by your administrator."
+      });
+      if (fileInputRef.current) fileInputRef.current.value = "";
+      return;
+    }
     const currentCount = attachmentsCountRef.current;
-    const remaining = MAX_ATTACHMENTS - currentCount;
+    const remaining = maxAttachments - currentCount;
     if (remaining <= 0) {
-      updateState({ attachmentError: `Maximum ${MAX_ATTACHMENTS} files allowed` });
+      updateState({ attachmentError: `Maximum ${maxAttachments} files allowed` });
       if (fileInputRef.current) fileInputRef.current.value = "";
       return;
     }
-    if (files.length > remaining) {
+    const validFiles = [];
+    const rejectionMessages = [];
+    for (const file of files) {
+      if (!matchesAllowedMimeType(file.type, allowedMimeTypes)) {
+        rejectionMessages.push(`"${file.name}" type is not allowed`);
+        continue;
+      }
+      if (file.size > maxFileSizeBytes) {
+        rejectionMessages.push(
+          `"${file.name}" exceeds ${settings.attachments.maxFileSizeMB} MB (got ${formatFileSizeMB(file.size)})`
+        );
+        continue;
+      }
+      validFiles.push(file);
+    }
+    if (validFiles.length === 0) {
+      updateState({
+        attachmentError: rejectionMessages[0] || "Selected files are not allowed"
+      });
+      if (fileInputRef.current) fileInputRef.current.value = "";
+      return;
+    }
+    if (validFiles.length > remaining) {
       updateState({
         attachmentError: `You can upload only ${remaining} more file${remaining > 1 ? "s" : ""}`
       });
+    } else if (rejectionMessages.length > 0) {
+      updateState({ attachmentError: rejectionMessages[0] });
     } else {
       updateState({ attachmentError: "" });
     }
-    const filesToAdd = files.slice(0, remaining);
+    const filesToAdd = validFiles.slice(0, remaining);
     attachmentsCountRef.current = currentCount + filesToAdd.length;
     const newAttachments = filesToAdd.map((file) => ({
       id: `att-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
@@ -17213,7 +18054,7 @@ function useChannelMessageBox({
       return {
         ...prev,
         attachments: nextAttachments,
-        attachmentError: nextAttachments.length < MAX_ATTACHMENTS ? "" : prev.attachmentError
+        attachmentError: nextAttachments.length < maxAttachments ? "" : prev.attachmentError
       };
     });
   };
@@ -17320,7 +18161,10 @@ function useChannelMessageBox({
     onlyAdminCanSendMessage,
     fileInputRef,
     hasUploadingAttachments,
-    maxAttachments: MAX_ATTACHMENTS,
+    maxAttachments,
+    acceptAttribute,
+    attachmentsEnabled: attachmentsGate.enabled,
+    attachmentsDisabledReason: attachmentsGate.disabledReason,
     handleInputChange,
     handleFileChange,
     handleRemoveAttachment,
@@ -17348,6 +18192,9 @@ var ChannelMessageBoxView = (props) => {
     fileInputRef,
     hasUploadingAttachments,
     maxAttachments,
+    acceptAttribute,
+    attachmentsEnabled,
+    attachmentsDisabledReason,
     handleInputChange,
     handleFileChange,
     handleRemoveAttachment,
@@ -17445,16 +18292,23 @@ var ChannelMessageBoxView = (props) => {
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end gap-1.5 p-1.5", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              Button,
+              AdminPermissionTooltip,
               {
-                type: "button",
-                variant: "ghost",
-                size: "icon",
-                className: "shrink-0 size-9 rounded-xl text-(--chat-muted) transition-all hover:bg-(--chat-hover) hover:text-(--chat-text)",
-                onClick: () => !hasUploadingAttachments && fileInputRef.current?.click(),
-                disabled: hasUploadingAttachments,
-                "aria-label": "Attach files",
-                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Paperclip, { size: 16 })
+                disabled: !attachmentsEnabled,
+                message: attachmentsDisabledReason,
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon",
+                    className: "shrink-0 size-9 rounded-xl text-(--chat-muted) transition-all hover:bg-(--chat-hover) hover:text-(--chat-text) disabled:opacity-40",
+                    onClick: () => attachmentsEnabled && !hasUploadingAttachments && fileInputRef.current?.click(),
+                    disabled: !attachmentsEnabled || hasUploadingAttachments,
+                    "aria-label": "Attach files",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Paperclip, { size: 16 })
+                  }
+                )
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -17464,8 +18318,9 @@ var ChannelMessageBoxView = (props) => {
                 ref: fileInputRef,
                 className: "hidden",
                 multiple: true,
-                accept: "image/*,video/*,audio/*,.pdf,.doc,.docx,.xls,.xlsx",
-                onChange: handleFileChange
+                accept: acceptAttribute || void 0,
+                onChange: handleFileChange,
+                disabled: !attachmentsEnabled
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsxs(Popover, { children: [
@@ -17544,11 +18399,11 @@ var ChannelMessageBoxView_default = ChannelMessageBoxView;
 // src/chat/forward-modal/useForwardModal.ts
 init_useStore();
 function useForwardModal({ isOpen, onClose, items, onForwardComplete }) {
-  const [search, setSearch] = React2.useState("");
-  const [debouncedSearch, setDebouncedSearch] = React2.useState("");
-  const targetChannelRef = React2.useRef(null);
-  const wasForwardingRef = React2.useRef(false);
-  const completionHandledRef = React2.useRef(false);
+  const [search, setSearch] = React3.useState("");
+  const [debouncedSearch, setDebouncedSearch] = React3.useState("");
+  const targetChannelRef = React3.useRef(null);
+  const wasForwardingRef = React3.useRef(false);
+  const completionHandledRef = React3.useRef(false);
   const emitDmForward = exports.useChatStore((s) => s.emitDmForward);
   const emitGroupForward = exports.useChatStore((s) => s.emitGroupForward);
   const loggedUserDetails = exports.useChatStore((s) => s.loggedUserDetails);
@@ -17556,23 +18411,23 @@ function useForwardModal({ isOpen, onClose, items, onForwardComplete }) {
   const storeConversations = exports.useChatStore((s) => s.conversations);
   const allUsers = exports.useChatStore((s) => s.allUsers);
   const sourceMessage = items[0]?.message ?? null;
-  const mids = React2.useMemo(
+  const mids = React3.useMemo(
     () => items.map((item) => String(item.message._id || item.message.id || "")).filter(Boolean),
     [items]
   );
   const isForwarding = mids.some((id) => pendingActions[id]?.includes("forward"));
-  const onCloseRef = React2.useRef(onClose);
-  const onForwardCompleteRef = React2.useRef(onForwardComplete);
-  React2.useEffect(() => {
+  const onCloseRef = React3.useRef(onClose);
+  const onForwardCompleteRef = React3.useRef(onForwardComplete);
+  React3.useEffect(() => {
     onCloseRef.current = onClose;
   }, [onClose]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     onForwardCompleteRef.current = onForwardComplete;
   }, [onForwardComplete]);
-  const handleOpenChange = React2.useCallback((open) => {
+  const handleOpenChange = React3.useCallback((open) => {
     if (!open) onCloseRef.current();
   }, []);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (isForwarding) {
       wasForwardingRef.current = true;
       const timeout = setTimeout(() => {
@@ -17590,7 +18445,7 @@ function useForwardModal({ isOpen, onClose, items, onForwardComplete }) {
       queueMicrotask(() => onForwardCompleteRef.current(target));
     }
   }, [isForwarding, mids]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!isOpen) {
       setSearch("");
       setDebouncedSearch("");
@@ -17599,11 +18454,11 @@ function useForwardModal({ isOpen, onClose, items, onForwardComplete }) {
       completionHandledRef.current = false;
     }
   }, [isOpen]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     const handler = setTimeout(() => setDebouncedSearch(search), 400);
     return () => clearTimeout(handler);
   }, [search]);
-  const mappedChannels = React2.useMemo(() => {
+  const mappedChannels = React3.useMemo(() => {
     const sourceConversationId = sourceMessage?.conversationId ? String(sourceMessage.conversationId) : null;
     const query = debouncedSearch.trim().toLowerCase();
     return storeConversations.filter((c) => !sourceConversationId || String(c._id) !== sourceConversationId).map((c) => {
@@ -17731,7 +18586,7 @@ function ForwardModalView(props) {
 
 // src/chat/ChatPanelAlerts.tsx
 init_useStore();
-var ChatAlertsContext = React2.createContext({});
+var ChatAlertsContext = React3.createContext({});
 function ChatAlertsProvider({
   children,
   value
@@ -17739,7 +18594,7 @@ function ChatAlertsProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(ChatAlertsContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-0 h-full w-full flex-1 flex-col overflow-hidden", children }) });
 }
 function useChatAlerts() {
-  return React2.useContext(ChatAlertsContext);
+  return React3.useContext(ChatAlertsContext);
 }
 var normalizeMessage = (message) => message.trim().toLowerCase();
 var alertStyles = {
@@ -17754,14 +18609,14 @@ var ChatPanelAlerts = () => {
   const conversationErrors = exports.useChatStore((s) => s.conversationErrors);
   const clearAppError = exports.useChatStore((s) => s.clearAppError);
   const rateLimitResetAt2 = exports.useChatStore((s) => s.rateLimitResetAt);
-  const [now, setNow] = React2.useState(() => Date.now());
+  const [now, setNow] = React3.useState(() => Date.now());
   const conversationAppError = activeConversationId ? conversationErrors[activeConversationId] ?? null : null;
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (rateLimitResetAt2 <= Date.now()) return;
     const id = window.setInterval(() => setNow(Date.now()), 1e3);
     return () => window.clearInterval(id);
   }, [rateLimitResetAt2]);
-  const alerts = React2.useMemo(() => {
+  const alerts = React3.useMemo(() => {
     const items = [];
     const seen = /* @__PURE__ */ new Set();
     const push = (item) => {
@@ -18185,9 +19040,9 @@ var emitToast = (payload, onPush) => {
 };
 var ForegroundPushBridge = ({ onPush }) => {
   const lastDM = exports.useChatStore((s) => s.lastDM);
-  const onPushRef = React2.useRef(onPush);
+  const onPushRef = React3.useRef(onPush);
   onPushRef.current = onPush;
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!lastDM) return;
     if (typeof document !== "undefined" && document.visibilityState !== "visible") {
       return;
@@ -18227,7 +19082,7 @@ var ForegroundPushBridge = ({ onPush }) => {
       onPushRef.current
     );
   }, [lastDM]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     let unsubscribe = null;
     let retryTimer = null;
     let cancelled = false;
@@ -18303,7 +19158,7 @@ var ForegroundPushBridge = ({ onPush }) => {
       window.removeEventListener(PUSH_CHANGED_EVENT, onPushChanged);
     };
   }, []);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     const onOpen = (event) => {
       const id = String(
         event.detail?.conversationId || ""
@@ -18353,6 +19208,7 @@ var ChatMain = ({
   queryParams,
   queryParamApis,
   queryParamsByApi,
+  apiVersions: apiVersions2,
   themeColor = "#7494ec",
   theme,
   uiConfig,
@@ -18379,8 +19235,8 @@ var ChatMain = ({
   viewportHeight = "full",
   viewportClassName
 }) => {
-  const clientObj = React2__namespace.default.useMemo(() => ({ id: clientId }), [clientId]);
-  const uiConfigObj = React2__namespace.default.useMemo(
+  const clientObj = React3__namespace.default.useMemo(() => ({ id: clientId }), [clientId]);
+  const uiConfigObj = React3__namespace.default.useMemo(
     () => ({
       ...uiConfig || {},
       components: { ...uiConfig?.components, ...components },
@@ -18422,6 +19278,7 @@ var ChatMain = ({
               queryParams,
               queryParamApis,
               queryParamsByApi,
+              apiVersions: apiVersions2,
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(ForegroundPushBridge, {}),
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -18714,6 +19571,10 @@ var ChannelListItem_default = ChannelListItem2;
 var packageDefaultComponents = {
   ChatLayout: DefaultChatLayout_default,
   LoggedUserDetails: LoggedUserDetails_default,
+  LoggedUserSettingsDialog: LoggedUserSettingsDialog_default,
+  LoggedUserSettingsTrigger: LoggedUserSettingsTrigger_default,
+  LoggedUserSettingsContent: LoggedUserSettingsContent_default,
+  PushNotificationToggle,
   ChannelList: ChannelListView_default,
   ChannelListItem: DefaultChannelListItem,
   ChannelHeader: ChannelHeaderView_default,
@@ -18746,6 +19607,8 @@ var packageDefaultComponents = {
 };
 
 // src/index.ts
+init_settings_types();
+init_api_service();
 var index_default = ChatMain_default;
 
 exports.Calendar = Calendar;
@@ -18759,6 +19622,7 @@ exports.ChatAlertsProvider = ChatAlertsProvider;
 exports.ChatAvatar = ChatAvatar_default;
 exports.ChatCustomizationProvider = ChatCustomizationProvider;
 exports.ChatDateJumpMenu = ChatDateJumpMenu;
+exports.ChatEffectiveSettingsProvider = ChatEffectiveSettingsProvider;
 exports.ChatLayout = ChatLayout_default;
 exports.ChatLocaleProvider = ChatLocaleProvider;
 exports.ChatMain = ChatMain_default;
@@ -18771,6 +19635,9 @@ exports.ForegroundPushBridge = ForegroundPushBridge;
 exports.ForwardModal = ForwardModalView;
 exports.HeaderCallActions = HeaderCallActions_default;
 exports.LoggedUserDetails = LoggedUserDetails_default;
+exports.LoggedUserSettingsContent = LoggedUserSettingsContent_default;
+exports.LoggedUserSettingsDialog = LoggedUserSettingsDialog_default;
+exports.LoggedUserSettingsTrigger = LoggedUserSettingsTrigger_default;
 exports.MessageInput = ChannelMessageBoxView_default;
 exports.MessageItem = MessageItemView;
 exports.MessageList = ActiveChannelMessagesView_default;
@@ -18786,6 +19653,7 @@ exports.apiRegisterPushToken = apiRegisterPushToken;
 exports.apiRemovePushToken = apiRemovePushToken;
 exports.apiUpdatePushPreference = apiUpdatePushPreference;
 exports.buildChannelFromPushRequest = buildChannelFromPushRequest;
+exports.buildLoggedUserProfile = buildLoggedUserProfile;
 exports.capitalizeFirst = capitalizeFirst;
 exports.clampJumpDate = clampJumpDate;
 exports.consumePendingOpenConversation = consumePendingOpenConversation;
@@ -18834,6 +19702,8 @@ exports.useChatFeatures = useChatFeatures;
 exports.useChatFeaturesOptional = useChatFeaturesOptional;
 exports.useChatLocale = useChatLocale;
 exports.useChatTheme = useChatTheme;
+exports.useEffectiveSettings = useEffectiveSettings;
+exports.useEffectiveSettingsOptional = useEffectiveSettingsOptional;
 exports.usePushNotifications = usePushNotifications;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map