@cupcodev/ui 1.2.3 → 1.2.4

package/dist/index.js

@@ -2275,7 +2275,7 @@ ModalDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/cupcode/NavbarCupcode.tsx
 import * as React10 from "react";
-import { Menu, X as X3 } from "lucide-react";
+import { Menu } from "lucide-react";
 import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 var NavbarCupcode = ({
   logo,
@@ -2284,9 +2284,54 @@ var NavbarCupcode = ({
   className
 }) => {
   const [isOpen, setIsOpen] = React10.useState(false);
+  const navRef = React10.useRef(null);
+  const mobileMenuId = React10.useId();
+  React10.useEffect(() => {
+    if (!isOpen) return;
+    const handlePointerDown = (event) => {
+      var _a65;
+      const target = event.target;
+      if (!(target instanceof Node)) return;
+      if (!((_a65 = navRef.current) == null ? void 0 : _a65.contains(target))) {
+        setIsOpen(false);
+      }
+    };
+    const handleEscape = (event) => {
+      if (event.key === "Escape") {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener("pointerdown", handlePointerDown);
+    document.addEventListener("keydown", handleEscape);
+    return () => {
+      document.removeEventListener("pointerdown", handlePointerDown);
+      document.removeEventListener("keydown", handleEscape);
+    };
+  }, [isOpen]);
+  React10.useEffect(() => {
+    if (!isOpen) return;
+    const { style } = document.body;
+    const previousOverflow = style.overflow;
+    style.overflow = "hidden";
+    return () => {
+      style.overflow = previousOverflow;
+    };
+  }, [isOpen]);
+  React10.useEffect(() => {
+    const handleResize = () => {
+      if (window.innerWidth >= 768) {
+        setIsOpen(false);
+      }
+    };
+    window.addEventListener("resize", handleResize);
+    return () => {
+      window.removeEventListener("resize", handleResize);
+    };
+  }, []);
   return /* @__PURE__ */ jsx21(
     "nav",
     {
+      ref: navRef,
       className: cn(
         "fixed top-0 left-0 right-0 z-[200] pointer-events-auto",
         "glass border-b border-border",
@@ -2345,45 +2390,56 @@ var NavbarCupcode = ({
           /* @__PURE__ */ jsx21(
             "button",
             {
+              type: "button",
               onClick: () => setIsOpen(!isOpen),
-              className: "md:hidden p-2 rounded-lg hover:bg-primary/10 transition-colors",
-              children: isOpen ? /* @__PURE__ */ jsx21(X3, { className: "h-6 w-6 text-foreground" }) : /* @__PURE__ */ jsx21(Menu, { className: "h-6 w-6 text-foreground" })
+              "aria-controls": mobileMenuId,
+              "aria-expanded": isOpen,
+              "aria-label": isOpen ? "Fechar menu de navega\xE7\xE3o" : "Abrir menu de navega\xE7\xE3o",
+              className: "md:hidden inline-flex h-10 w-10 items-center justify-center rounded-lg transition-colors hover:bg-primary/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
+              children: /* @__PURE__ */ jsx21(Menu, { className: cn("h-6 w-6 text-foreground", isOpen && "text-primary") })
             }
           )
         ] }),
-        isOpen && /* @__PURE__ */ jsxs17("div", { className: "md:hidden py-4 space-y-3 animate-slide-up", children: [
-          items.map((item, index) => {
-            const key = `${item.label}-${index}`;
-            const isActive = item.isActive;
-            const classes = cn(
-              "flex items-center gap-2 px-4 py-2 text-sm font-semibold text-foreground hover:bg-primary/10 rounded-lg transition-colors",
-              isActive && "text-primary"
-            );
-            const handleClick = (event) => {
-              var _a65;
-              (_a65 = item.onClick) == null ? void 0 : _a65.call(item, event);
-              setIsOpen(false);
-            };
-            if (item.href.startsWith("#")) {
-              return /* @__PURE__ */ jsxs17("a", { href: item.href, className: classes, onClick: handleClick, children: [
-                item.icon && /* @__PURE__ */ jsx21("span", { children: item.icon }),
-                item.label
-              ] }, key);
-            }
-            return /* @__PURE__ */ jsxs17("a", { href: item.href, className: classes, onClick: handleClick, children: [
-              item.icon && /* @__PURE__ */ jsx21("span", { children: item.icon }),
-              item.label
-            ] }, key);
-          }),
-          actions && /* @__PURE__ */ jsx21("div", { className: "px-4 pt-2", children: actions })
-        ] })
+        isOpen && /* @__PURE__ */ jsxs17(
+          "div",
+          {
+            id: mobileMenuId,
+            className: "md:hidden max-h-[calc(100dvh-4rem)] space-y-3 overflow-y-auto border-t border-border/60 py-4 animate-slide-up",
+            children: [
+              items.map((item, index) => {
+                const key = `${item.label}-${index}`;
+                const isActive = item.isActive;
+                const classes = cn(
+                  "flex min-h-11 items-center gap-2 rounded-lg px-4 py-2.5 text-sm font-semibold text-foreground transition-colors hover:bg-primary/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
+                  isActive && "text-primary"
+                );
+                const handleClick = (event) => {
+                  var _a65;
+                  (_a65 = item.onClick) == null ? void 0 : _a65.call(item, event);
+                  setIsOpen(false);
+                };
+                if (item.href.startsWith("#")) {
+                  return /* @__PURE__ */ jsxs17("a", { href: item.href, className: classes, onClick: handleClick, children: [
+                    item.icon && /* @__PURE__ */ jsx21("span", { children: item.icon }),
+                    item.label
+                  ] }, key);
+                }
+                return /* @__PURE__ */ jsxs17("a", { href: item.href, className: classes, onClick: handleClick, children: [
+                  item.icon && /* @__PURE__ */ jsx21("span", { children: item.icon }),
+                  item.label
+                ] }, key);
+              }),
+              actions && /* @__PURE__ */ jsx21("div", { className: "px-4 pb-[max(env(safe-area-inset-bottom),0.5rem)] pt-2", children: actions })
+            ]
+          }
+        )
       ] })
     }
   );
 };
 
 // src/components/cupcode/MainNavbar.tsx
-import { useCallback as useCallback6, useEffect as useEffect15, useMemo as useMemo8, useRef as useRef11, useState as useState13 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect16, useMemo as useMemo8, useRef as useRef12, useState as useState13 } from "react";
 
 // src/components/cupcode/TelescupImage.tsx
 import { jsx as jsx22 } from "react/jsx-runtime";
@@ -2471,13 +2527,13 @@ import {
   UserRound,
   UsersRound,
   Volume2,
-  X as X5
+  X as X4
 } from "lucide-react";
 import {
   useCallback as useCallback5,
-  useEffect as useEffect13,
+  useEffect as useEffect14,
   useMemo as useMemo7,
-  useRef as useRef10,
+  useRef as useRef11,
   useState as useState11
 } from "react";
 
@@ -2818,7 +2874,7 @@ AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 // src/components/ui/dialog.tsx
 import * as React16 from "react";
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
-import { X as X4 } from "lucide-react";
+import { X as X3 } from "lucide-react";
 import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive2.Root;
 var DialogTrigger = DialogPrimitive2.Trigger;
@@ -2850,7 +2906,7 @@ var DialogContent = React16.forwardRef(({ className, children, ...props }, ref)
       children: [
         children,
         /* @__PURE__ */ jsxs21(DialogPrimitive2.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-accent data-[state=open]:text-muted-foreground hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
-          /* @__PURE__ */ jsx28(X4, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx28(X3, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx28("span", { className: "sr-only", children: "Close" })
         ] })
       ]
@@ -3017,7 +3073,7 @@ function useToast() {
 }
 
 // src/components/cupcode/TelescupUpload.tsx
-import React27, { useCallback as useCallback4, useEffect as useEffect12, useMemo as useMemo6, useState as useState10 } from "react";
+import React27, { useCallback as useCallback4, useEffect as useEffect13, useMemo as useMemo6, useState as useState10 } from "react";
 
 // src/lib/telescupClient.ts
 var TelescupClientError = class extends Error {
@@ -4305,7 +4361,7 @@ var createTelescupClient = (config) => ({
 import React21, { useCallback as useCallback2, useMemo as useMemo3, useState as useState7 } from "react";
 
 // src/hooks/useTelescupAssets.ts
-import { useCallback, useEffect as useEffect10, useMemo as useMemo2, useRef as useRef7, useState as useState6 } from "react";
+import { useCallback, useEffect as useEffect11, useMemo as useMemo2, useRef as useRef8, useState as useState6 } from "react";
 var DEFAULT_CACHE_MS = 3e4;
 var listCache = /* @__PURE__ */ new Map();
 var inFlight = /* @__PURE__ */ new Map();
@@ -4340,8 +4396,8 @@ function useTelescupAssets(options) {
   const [isLoading, setIsLoading] = useState6(false);
   const [isLoadingMore, setIsLoadingMore] = useState6(false);
   const [error, setError] = useState6(null);
-  const aliveRef = useRef7(true);
-  const requestSeqRef = useRef7(0);
+  const aliveRef = useRef8(true);
+  const requestSeqRef = useRef8(0);
   const fetchFirst = useCallback(
     async (skipCache = false) => {
       if (!enabled) return;
@@ -4420,7 +4476,7 @@ function useTelescupAssets(options) {
       if (aliveRef.current && requestSeq === requestSeqRef.current) setIsLoadingMore(false);
     }
   }, [cacheKey, filters, isLoading, isLoadingMore, pageSize, resolvedClient, state.facets, state.items, state.nextCursor, state.total]);
-  useEffect10(() => {
+  useEffect11(() => {
     aliveRef.current = true;
     setState({ items: [] });
     setIsLoadingMore(false);
@@ -4782,10 +4838,10 @@ var TelescupAssetPicker = ({
 };
 
 // src/components/cupcode/TelescupUploader.tsx
-import { useMemo as useMemo5, useRef as useRef9, useState as useState9 } from "react";
+import { useMemo as useMemo5, useRef as useRef10, useState as useState9 } from "react";
 
 // src/hooks/useTelescupUploadQueue.tsx
-import { useCallback as useCallback3, useEffect as useEffect11, useMemo as useMemo4, useRef as useRef8, useState as useState8 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect12, useMemo as useMemo4, useRef as useRef9, useState as useState8 } from "react";
 var DEFAULT_CONCURRENCY = 3;
 var TELESCUP_UPLOAD_MODE = getRuntimeEnvOr("VITE_TELESCUP_UPLOAD_MODE", "standard").trim().toLowerCase();
 var makeId = () => Math.random().toString(36).slice(2, 10);
@@ -4841,9 +4897,9 @@ function useTelescupUploadQueue(options) {
     onItemError
   } = options;
   const [queue, setQueue] = useState8([]);
-  const queueRef = useRef8(queue);
-  const activeRef = useRef8(0);
-  useEffect11(() => {
+  const queueRef = useRef9(queue);
+  const activeRef = useRef9(0);
+  useEffect12(() => {
     queueRef.current = queue;
   }, [queue]);
   const enqueueFiles = useCallback3(
@@ -4972,7 +5028,7 @@ function useTelescupUploadQueue(options) {
     };
     void run();
   }, [client, conflictPolicy, concurrency, folderId, onItemComplete, onItemError, updateItem]);
-  useEffect11(() => {
+  useEffect12(() => {
     processQueue();
   }, [processQueue, queue]);
   const removeItem = useCallback3((id) => {
@@ -5050,7 +5106,7 @@ var TelescupUploader = ({
   onAssetUploaded
 }) => {
   var _a65;
-  const inputRef = useRef9(null);
+  const inputRef = useRef10(null);
   const [dragActive, setDragActive] = useState9(false);
   const {
     queue,
@@ -5432,7 +5488,7 @@ var TelescupMetaEditor = ({
   const [drafts, setDrafts] = useState10({});
   const [saving, setSaving] = useState10(false);
   const [aiLoading, setAiLoading] = useState10(false);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!assets.length) {
       setActiveAssetId("");
       return;
@@ -5660,7 +5716,7 @@ var TelescupUpload = ({
   const [stagedSelection, setStagedSelection] = useState10(null);
   const [assetRevision, setAssetRevision] = useState10(0);
   const assetMapRef = React27.useRef(/* @__PURE__ */ new Map());
-  useEffect12(() => {
+  useEffect13(() => {
     if (value) {
       setInternalSelection(value);
     }
@@ -5709,7 +5765,7 @@ var TelescupUpload = ({
     if (!isControlled) setInternalOpen(false);
     onClose == null ? void 0 : onClose();
   }, [isControlled, onClose]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (isOpen) return;
     setStagedSelection(null);
   }, [isOpen]);
@@ -6555,21 +6611,21 @@ var UserMenuCupcode = ({
   const [pendingLatestMessagesCount, setPendingLatestMessagesCount] = useState11(0);
   const [activeReactionPicker, setActiveReactionPicker] = useState11(null);
   const [internalStatus, setInternalStatus] = useState11(defaultStatus);
-  const emojiPickerRef = useRef10(null);
-  const reactionPickerRef = useRef10(null);
-  const chatMessagesPaneRef = useRef10(null);
-  const pendingReadRequestsRef = useRef10(/* @__PURE__ */ new Set());
-  const seenIncomingMessageIdsRef = useRef10(/* @__PURE__ */ new Set());
-  const hasBootstrappedIncomingMessagesRef = useRef10(false);
-  const wasFocusModeActiveRef = useRef10(false);
-  const previousChatUnreadCountRef = useRef10(0);
-  const chatIndicatorHideTimeoutRef = useRef10(null);
-  const chatIndicatorIntroTimeoutRef = useRef10(null);
-  const chatBadgePulseTimeoutRef = useRef10(null);
-  const activeConversationIdRef = useRef10(null);
-  const activeConversationMessageIdsRef = useRef10(/* @__PURE__ */ new Set());
-  const shouldAutoScrollToBottomRef = useRef10(false);
-  const autoScrollArmTimeoutRef = useRef10(null);
+  const emojiPickerRef = useRef11(null);
+  const reactionPickerRef = useRef11(null);
+  const chatMessagesPaneRef = useRef11(null);
+  const pendingReadRequestsRef = useRef11(/* @__PURE__ */ new Set());
+  const seenIncomingMessageIdsRef = useRef11(/* @__PURE__ */ new Set());
+  const hasBootstrappedIncomingMessagesRef = useRef11(false);
+  const wasFocusModeActiveRef = useRef11(false);
+  const previousChatUnreadCountRef = useRef11(0);
+  const chatIndicatorHideTimeoutRef = useRef11(null);
+  const chatIndicatorIntroTimeoutRef = useRef11(null);
+  const chatBadgePulseTimeoutRef = useRef11(null);
+  const activeConversationIdRef = useRef11(null);
+  const activeConversationMessageIdsRef = useRef11(/* @__PURE__ */ new Set());
+  const shouldAutoScrollToBottomRef = useRef11(false);
+  const autoScrollArmTimeoutRef = useRef11(null);
   const isChatMessagesControlled = typeof chatMessages !== "undefined";
   const isChatReactionsControlled = typeof chatReactions !== "undefined";
   const initials = useMemo7(() => buildInitials(displayName, email), [displayName, email]);
@@ -6808,7 +6864,7 @@ var UserMenuCupcode = ({
     });
     return unreadByUser;
   }, [conversationMetaByUserId]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!normalizedNotificationFeed.length) return;
     setNotificationReadMap((current) => {
       let changed = false;
@@ -6955,37 +7011,37 @@ var UserMenuCupcode = ({
     });
     return normalized;
   }, [resolvedAllChatReactions, resolvedCurrentChatUserId]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!isChatMessagesControlled) return;
     setInternalChatMessages(chatMessages != null ? chatMessages : []);
   }, [chatMessages, isChatMessagesControlled]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!isChatReactionsControlled) return;
     setInternalChatReactions(chatReactions != null ? chatReactions : []);
   }, [chatReactions, isChatReactionsControlled]);
-  useEffect13(() => {
+  useEffect14(() => {
     setProfileAvatarUrl(avatarUrl);
   }, [avatarUrl]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!isLanguageControlled) return;
     setInternalLanguage(normalizeLanguage(language));
   }, [isLanguageControlled, language]);
-  useEffect13(() => {
+  useEffect14(() => {
     persistChatSettings(chatSettings);
   }, [chatSettings]);
-  useEffect13(() => {
+  useEffect14(() => {
     persistExperienceSettings(experienceSettings);
   }, [experienceSettings]);
-  useEffect13(() => {
+  useEffect14(() => {
     persistIntegrationConnections(integrationConnections);
   }, [integrationConnections]);
-  useEffect13(() => {
+  useEffect14(() => {
     applyThemePreference(experienceSettings.theme);
   }, [experienceSettings.theme]);
-  useEffect13(() => {
+  useEffect14(() => {
     applyAccessibilityAttributes(experienceSettings);
   }, [experienceSettings]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (experienceSettings.theme !== "system" || typeof window === "undefined") return;
     const media = window.matchMedia("(prefers-color-scheme: dark)");
     const onSystemThemeChange = () => applyThemePreference("system");
@@ -6996,13 +7052,13 @@ var UserMenuCupcode = ({
     media.addListener(onSystemThemeChange);
     return () => media.removeListener(onSystemThemeChange);
   }, [experienceSettings.theme]);
-  useEffect13(() => {
+  useEffect14(() => {
     persistNotificationPreferences(notificationPreferences);
   }, [notificationPreferences]);
-  useEffect13(() => {
+  useEffect14(() => {
     setNotificationPermission(resolveNotificationPermission());
   }, []);
-  useEffect13(() => {
+  useEffect14(() => {
     if (typeof window === "undefined") return;
     const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
     const syncPreference = () => setPrefersReducedMotion(mediaQuery.matches);
@@ -7014,7 +7070,7 @@ var UserMenuCupcode = ({
     mediaQuery.addListener(syncPreference);
     return () => mediaQuery.removeListener(syncPreference);
   }, []);
-  useEffect13(() => {
+  useEffect14(() => {
     const previousCount = previousChatUnreadCountRef.current;
     const nextCount = visibleChatUnreadCount;
     const hadUnread = previousCount > 0;
@@ -7064,7 +7120,7 @@ var UserMenuCupcode = ({
     }
     previousChatUnreadCountRef.current = nextCount;
   }, [prefersReducedMotion, visibleChatUnreadCount]);
-  useEffect13(() => {
+  useEffect14(() => {
     return () => {
       if (chatIndicatorHideTimeoutRef.current) window.clearTimeout(chatIndicatorHideTimeoutRef.current);
       if (chatIndicatorIntroTimeoutRef.current) window.clearTimeout(chatIndicatorIntroTimeoutRef.current);
@@ -7072,7 +7128,7 @@ var UserMenuCupcode = ({
       if (autoScrollArmTimeoutRef.current) window.clearTimeout(autoScrollArmTimeoutRef.current);
     };
   }, []);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!isAuthenticated) {
       seenIncomingMessageIdsRef.current.clear();
       hasBootstrappedIncomingMessagesRef.current = false;
@@ -7106,15 +7162,15 @@ var UserMenuCupcode = ({
       }
     }
   }, [isAuthenticated]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (activeTab === "notifications") return;
     if (!isNotificationsPreferencesBackVisible) return;
     setIsNotificationsPreferencesBackVisible(false);
   }, [activeTab, isNotificationsPreferencesBackVisible]);
-  useEffect13(() => {
+  useEffect14(() => {
     setIsNotificationsExpanded(false);
   }, [activeTab, notificationReadFilter, notificationTypeFilter, notificationPreferences.grouping]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!notificationPreferences.focusUntil) return;
     const deadline = new Date(notificationPreferences.focusUntil).getTime();
     if (Number.isNaN(deadline) || deadline <= Date.now()) {
@@ -7128,7 +7184,7 @@ var UserMenuCupcode = ({
       window.clearTimeout(timer);
     };
   }, [notificationPreferences.focusUntil]);
-  useEffect13(() => {
+  useEffect14(() => {
     const wasFocusModeActive = wasFocusModeActiveRef.current;
     if (wasFocusModeActive && !isFocusModeActive && suppressedFocusNotifications.length) {
       const byType = suppressedFocusNotifications.reduce((acc, notification) => {
@@ -7158,7 +7214,7 @@ var UserMenuCupcode = ({
     }
     wasFocusModeActiveRef.current = isFocusModeActive;
   }, [isFocusModeActive, suppressedFocusNotifications]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!chatUsersList.length) {
       setActiveChatUserId("");
       return;
@@ -7169,18 +7225,18 @@ var UserMenuCupcode = ({
       return (_b5 = (_a66 = filteredAndSortedChatUsers[0]) == null ? void 0 : _a66.id) != null ? _b5 : chatUsersList[0].id;
     });
   }, [chatUsersList, filteredAndSortedChatUsers]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (activeTab === "chat" && open) return;
     setIsChatSidebarExpanded(false);
     setIsChatSidebarPinned(false);
   }, [activeTab, open]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!(chatOpenRequest == null ? void 0 : chatOpenRequest.userId)) return;
     setOpen(true);
     setActiveTab("chat");
     setActiveChatUserId(chatOpenRequest.userId);
   }, [chatOpenRequest == null ? void 0 : chatOpenRequest.at, chatOpenRequest == null ? void 0 : chatOpenRequest.userId]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!showEmojiPicker && !activeReactionPickerMessageId) return;
     const onPointerDown = (event) => {
       const target = event.target;
@@ -7197,7 +7253,7 @@ var UserMenuCupcode = ({
       document.removeEventListener("mousedown", onPointerDown);
     };
   }, [activeReactionPickerMessageId, showEmojiPicker]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!activeReactionPickerMessageId) return;
     const closePicker = () => setActiveReactionPicker(null);
     window.addEventListener("resize", closePicker);
@@ -7207,7 +7263,7 @@ var UserMenuCupcode = ({
       document.removeEventListener("scroll", closePicker, true);
     };
   }, [activeReactionPickerMessageId]);
-  useEffect13(() => {
+  useEffect14(() => {
     var _a66;
     if (!hasBootstrappedIncomingMessagesRef.current && isChatLoading) return;
     const knownIncomingIds = seenIncomingMessageIdsRef.current;
@@ -7378,7 +7434,7 @@ var UserMenuCupcode = ({
     });
     return items;
   }, [activeChatMessages]);
-  useEffect13(() => {
+  useEffect14(() => {
     var _a66;
     const conversationId = (_a66 = activeChatUser == null ? void 0 : activeChatUser.id) != null ? _a66 : null;
     if (!conversationId) {
@@ -7437,31 +7493,31 @@ var UserMenuCupcode = ({
     if (!replyToMessageId) return null;
     return (_a66 = activeChatMessagesMap.get(replyToMessageId)) != null ? _a66 : null;
   }, [activeChatMessagesMap, replyToMessageId]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!replyToMessageId) return;
     if (!activeChatMessagesMap.has(replyToMessageId)) {
       setReplyToMessageId(null);
     }
   }, [activeChatMessagesMap, replyToMessageId]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!activeReactionPickerMessageId) return;
     if (!activeChatMessagesMap.has(activeReactionPickerMessageId)) {
       setActiveReactionPicker(null);
     }
   }, [activeChatMessagesMap, activeReactionPickerMessageId]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!editingMessageId) return;
     if (!activeChatMessagesMap.has(editingMessageId)) {
       setEditingMessageId(null);
       setEditingDraft("");
     }
   }, [activeChatMessagesMap, editingMessageId]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!activeChatUser) {
       setIsChatLogsDialogOpen(false);
     }
   }, [activeChatUser]);
-  useEffect13(() => {
+  useEffect14(() => {
     var _a66;
     if (!open || activeTab !== "chat" || !activeChatUser || activeChatUser.isGroup) return;
     const unreadCount = (_a66 = resolvedChatUnreadByUser[activeChatUser.id]) != null ? _a66 : 0;
@@ -8158,7 +8214,7 @@ var UserMenuCupcode = ({
               !hasTelescupAvatarSupport ? /* @__PURE__ */ jsx42("p", { className: "text-center text-xs text-muted-foreground", children: "Telescup indispon\xEDvel neste ambiente." }) : null
             ] }),
             /* @__PURE__ */ jsxs27(DialogPrimitive3.Close, { className: "absolute right-3 top-3 inline-flex h-8 w-8 items-center justify-center rounded-full border border-border/70 bg-background/70 text-muted-foreground transition-all hover:bg-background hover:text-foreground", children: [
-              /* @__PURE__ */ jsx42(X5, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx42(X4, { className: "h-4 w-4" }),
               /* @__PURE__ */ jsx42("span", { className: "sr-only", children: "Fechar" })
             ] })
           ] })
@@ -8373,7 +8429,7 @@ var UserMenuCupcode = ({
                           onClick: () => setIsNotificationsPreferencesBackVisible(false),
                           className: "inline-flex h-7 items-center gap-1 rounded-md border border-border/70 px-2 text-xs font-semibold text-foreground transition-all hover:bg-muted/45",
                           children: [
-                            /* @__PURE__ */ jsx42(X5, { className: "h-3 w-3" }),
+                            /* @__PURE__ */ jsx42(X4, { className: "h-3 w-3" }),
                             "Voltar"
                           ]
                         }
@@ -9063,7 +9119,7 @@ var UserMenuCupcode = ({
                             onClick: () => setReplyToMessageId(null),
                             className: "inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-md border border-transparent text-muted-foreground transition-all hover:border-border/70 hover:bg-background/45 hover:text-foreground",
                             "aria-label": "Cancelar resposta",
-                            children: /* @__PURE__ */ jsx42(X5, { className: "h-3 w-3" })
+                            children: /* @__PURE__ */ jsx42(X4, { className: "h-3 w-3" })
                           }
                         )
                       ] }) : null,
@@ -9777,7 +9833,7 @@ var UserMenuCupcode = ({
                 type: "button",
                 onClick: () => openChatPanel(),
                 className: cn(
-                  "relative z-0 inline-flex h-9 min-w-[2.55rem] origin-right items-center justify-center rounded-[12px] border border-border/70 bg-background/80 px-2.5 text-foreground shadow-[0_10px_22px_-18px_rgba(0,0,0,0.75)] transition-[transform,opacity] duration-[260ms] will-change-transform",
+                  "relative z-0 inline-flex h-9 min-w-[2.55rem] origin-right items-center justify-center rounded-[12px] border border-border/70 bg-background/80 px-2.5 text-foreground shadow-[0_10px_22px_-18px_rgba(0,0,0,0.75)] transition-[transform,opacity] [transition-duration:260ms] will-change-transform",
                   prefersReducedMotion ? isChatIndicatorVisible ? "opacity-100" : "opacity-0" : isChatIndicatorVisible ? "translate-x-0 opacity-100" : "translate-x-[10px] opacity-0"
                 ),
                 style: {
@@ -9790,7 +9846,7 @@ var UserMenuCupcode = ({
                     "span",
                     {
                       className: cn(
-                        "relative inline-flex transition-[transform,opacity] duration-[220ms]",
+                        "relative inline-flex transition-[transform,opacity] [transition-duration:220ms]",
                         prefersReducedMotion ? isChatIndicatorVisible ? "scale-100 opacity-100" : "scale-100 opacity-0" : isChatIndicatorVisible ? isChatIndicatorIntroAnimating ? "scale-[1.08] opacity-100" : "scale-100 opacity-100" : "scale-[0.84] opacity-0"
                       ),
                       style: {
@@ -9803,7 +9859,7 @@ var UserMenuCupcode = ({
                     "span",
                     {
                       className: cn(
-                        "absolute -right-1 -top-1 inline-flex h-4 min-w-[1rem] items-center justify-center rounded-full border border-background bg-destructive px-1 text-[9px] font-bold text-destructive-foreground transition-[transform,opacity] duration-[180ms]",
+                        "absolute -right-1 -top-1 inline-flex h-4 min-w-[1rem] items-center justify-center rounded-full border border-background bg-destructive px-1 text-[9px] font-bold text-destructive-foreground transition-[transform,opacity] [transition-duration:180ms]",
                         prefersReducedMotion ? isChatIndicatorVisible ? "scale-100 opacity-100" : "scale-100 opacity-0" : isChatIndicatorVisible ? isChatBadgePulsing ? "scale-[1.14] opacity-100" : "scale-100 opacity-100" : "scale-[0.72] opacity-0"
                       ),
                       style: {
@@ -9844,7 +9900,7 @@ var UserMenuCupcode = ({
             /* @__PURE__ */ jsx42(DialogPrimitive3.Title, { className: "sr-only", children: "Menu do usu\xE1rio" }),
             /* @__PURE__ */ jsx42(DialogPrimitive3.Description, { className: "sr-only", children: "Painel lateral com perfil, notifica\xE7\xF5es, chat e configura\xE7\xF5es." }),
             /* @__PURE__ */ jsxs27(DialogPrimitive3.Close, { className: "absolute right-3 top-3 z-10 flex h-10 w-10 items-center justify-center rounded-full border border-border/70 bg-background/40 text-foreground transition-all hover:bg-muted/60 sm:-right-[58px]", children: [
-              /* @__PURE__ */ jsx42(X5, { className: "h-5 w-5" }),
+              /* @__PURE__ */ jsx42(X4, { className: "h-5 w-5" }),
               /* @__PURE__ */ jsx42("span", { className: "sr-only", children: "Fechar menu" })
             ] }),
             /* @__PURE__ */ jsxs27("div", { className: "relative flex h-full flex-col p-3 sm:p-4", children: [
@@ -22453,8 +22509,8 @@ var MainNavbar = ({
   const [accountsLanguage, setAccountsLanguage] = useState13("pt-BR");
   const [accountsRecentActivity, setAccountsRecentActivity] = useState13([]);
   const [isAccountsActivityLoading, setIsAccountsActivityLoading] = useState13(false);
-  const chatMessagesRef = useRef11([]);
-  const chatFeatureFlagsRef = useRef11(readStoredChatFeatureFlags());
+  const chatMessagesRef = useRef12([]);
+  const chatFeatureFlagsRef = useRef12(readStoredChatFeatureFlags());
   const updateChatFeatureFlags = useCallback6((partial) => {
     const nextFlags = {
       ...chatFeatureFlagsRef.current,
@@ -22484,7 +22540,7 @@ var MainNavbar = ({
   const resolvedProfileAvatarUrl = (_b5 = (_a65 = resolveChatAvatarUrl(persistedProfileAvatarValue)) != null ? _a65 : authUser == null ? void 0 : authUser.picture) != null ? _b5 : void 0;
   const effectiveCurrentUserId = resolvedSenderId != null ? resolvedSenderId : currentUserId;
   const isAuthenticated = authStatus === "authenticated";
-  useEffect15(() => {
+  useEffect16(() => {
     if (!isAuthenticated) {
       setResolvedSenderId(null);
       setPersistedProfileAvatarValue(void 0);
@@ -22563,7 +22619,7 @@ var MainNavbar = ({
       canceled = true;
     };
   }, [authEmail, currentUserId, isAuthenticated]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (!isAuthenticated) return;
     if (typeof window === "undefined") return;
     const controller = new AbortController();
@@ -22639,10 +22695,10 @@ var MainNavbar = ({
       controller.abort();
     };
   }, [getAccessToken, isAuthenticated, currentUserId]);
-  useEffect15(() => {
+  useEffect16(() => {
     chatMessagesRef.current = chatMessages;
   }, [chatMessages]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (!isAuthenticated) {
       setChatUsers([]);
       setChatMessages([]);
@@ -23015,7 +23071,7 @@ var MainNavbar = ({
       canceled = true;
     };
   }, [effectiveCurrentUserId, isAuthenticated, isChatSuperAdmin, updateChatFeatureFlags]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (!isAuthenticated || !effectiveCurrentUserId) return;
     const supabase = getSupabase();
     if (!supabase) return;
@@ -23894,15 +23950,15 @@ var MainNavbar = ({
 };
 
 // src/components/cupcode/ParticleSystem.tsx
-import { useEffect as useEffect16, useRef as useRef12 } from "react";
+import { useEffect as useEffect17, useRef as useRef13 } from "react";
 import { jsx as jsx46 } from "react/jsx-runtime";
 function ParticleSystem({
   count: count2 = 50,
   variant = "stars",
   className
 }) {
-  const canvasRef = useRef12(null);
-  useEffect16(() => {
+  const canvasRef = useRef13(null);
+  useEffect17(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -24549,7 +24605,7 @@ function Timeline({ items, variant = "vertical", className }) {
 }
 
 // src/components/cupcode/ToastCupcode.tsx
-import { X as X6, CheckCircle, AlertCircle, Info as Info2, AlertTriangle as AlertTriangle2 } from "lucide-react";
+import { X as X5, CheckCircle, AlertCircle, Info as Info2, AlertTriangle as AlertTriangle2 } from "lucide-react";
 import { jsx as jsx56, jsxs as jsxs36 } from "react/jsx-runtime";
 var variantStyles2 = {
   success: {
@@ -24608,7 +24664,7 @@ var ToastCupcode = ({
           {
             onClick: onClose,
             className: "shrink-0 rounded-md p-1 hover:bg-cupcode-ink/10 transition-colors",
-            children: /* @__PURE__ */ jsx56(X6, { className: "h-4 w-4 text-cupcode-ink/50" })
+            children: /* @__PURE__ */ jsx56(X5, { className: "h-4 w-4 text-cupcode-ink/50" })
           }
         )
       ] })
@@ -25986,7 +26042,7 @@ Separator5.displayName = SeparatorPrimitive.Root.displayName;
 // src/components/ui/sheet.tsx
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { cva as cva6 } from "class-variance-authority";
-import { X as X7 } from "lucide-react";
+import { X as X6 } from "lucide-react";
 import * as React56 from "react";
 import { jsx as jsx79, jsxs as jsxs47 } from "react/jsx-runtime";
 var Sheet = SheetPrimitive.Root;
@@ -26022,14 +26078,31 @@ var sheetVariants = cva6(
   }
 );
 var SheetContent = React56.forwardRef(
-  ({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs47(SheetPortal, { children: [
+  ({
+    side = "right",
+    className,
+    children,
+    showCloseButton = false,
+    closeButtonClassName,
+    closeButtonLabel = "Close",
+    ...props
+  }, ref) => /* @__PURE__ */ jsxs47(SheetPortal, { children: [
     /* @__PURE__ */ jsx79(SheetOverlay, {}),
     /* @__PURE__ */ jsxs47(SheetPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
       children,
-      /* @__PURE__ */ jsxs47(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-secondary hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
-        /* @__PURE__ */ jsx79(X7, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx79("span", { className: "sr-only", children: "Close" })
-      ] })
+      showCloseButton ? /* @__PURE__ */ jsxs47(
+        SheetPrimitive.Close,
+        {
+          className: cn(
+            "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-secondary hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+            closeButtonClassName
+          ),
+          children: [
+            /* @__PURE__ */ jsx79(X6, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx79("span", { className: "sr-only", children: closeButtonLabel })
+          ]
+        }
+      ) : null
     ] })
   ] })
 );
@@ -26160,7 +26233,7 @@ var Sidebar = React58.forwardRef(({ side = "left", variant = "sidebar", collapsi
       {
         "data-sidebar": "sidebar",
         "data-mobile": "true",
-        className: "w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
+        className: "w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground",
         style: {
           "--sidebar-width": SIDEBAR_WIDTH_MOBILE
         },
@@ -26632,7 +26705,7 @@ TableCaption.displayName = "TableCaption";
 import * as React61 from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva as cva8 } from "class-variance-authority";
-import { X as X8 } from "lucide-react";
+import { X as X7 } from "lucide-react";
 import { jsx as jsx83 } from "react/jsx-runtime";
 var ToastProvider = ToastPrimitives.Provider;
 var ToastViewport = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx83(
@@ -26691,7 +26764,7 @@ var ToastClose = React61.forwardRef(({ className, onClick, ...props }, ref) => /
     },
     "toast-close": "",
     ...props,
-    children: /* @__PURE__ */ jsx83(X8, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx83(X7, { className: "h-4 w-4" })
   }
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
@@ -26778,11 +26851,11 @@ var ToggleGroupItem = React63.forwardRef(({ className, children, variant, size,
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/hooks/useActiveSection.ts
-import { useEffect as useEffect22, useState as useState18 } from "react";
+import { useEffect as useEffect23, useState as useState18 } from "react";
 var useActiveSection = (sectionIds, offset = 180) => {
   var _a65;
   const [activeId, setActiveId] = useState18((_a65 = sectionIds[0]) != null ? _a65 : "");
-  useEffect22(() => {
+  useEffect23(() => {
     if (!sectionIds.length || typeof window === "undefined") return;
     const update = () => {
       let nextActive = sectionIds[0];
@@ -26809,7 +26882,7 @@ var useActiveSection = (sectionIds, offset = 180) => {
 };
 
 // src/lib/auth.tsx
-import { createContext as createContext6, useCallback as useCallback9, useContext as useContext7, useEffect as useEffect23, useMemo as useMemo11, useRef as useRef13, useState as useState19 } from "react";
+import { createContext as createContext6, useCallback as useCallback9, useContext as useContext7, useEffect as useEffect24, useMemo as useMemo11, useRef as useRef14, useState as useState19 } from "react";
 import { jsx as jsx87 } from "react/jsx-runtime";
 var STORAGE_KEYS = {
   accessToken: "cc_access_token",
@@ -26912,13 +26985,13 @@ var AuthProvider = ({ children }) => {
   const [accessToken, setAccessToken] = useState19(null);
   const [user, setUser] = useState19(null);
   const [presenceStatus, setPresenceStatusState] = useState19(() => readStoredPresence());
-  const presenceStatusRef = useRef13(readStoredPresence());
-  const presenceSourceRef = useRef13(readStoredPresenceSource());
-  const lastManualPresenceRef = useRef13(
+  const presenceStatusRef = useRef14(readStoredPresence());
+  const presenceSourceRef = useRef14(readStoredPresenceSource());
+  const lastManualPresenceRef = useRef14(
     readStoredPresence() === "offline" ? DEFAULT_PRESENCE_STATUS : readStoredPresence()
   );
-  const lastActivityAtRef = useRef13(Date.now());
-  const lastActivityBroadcastAtRef = useRef13(0);
+  const lastActivityAtRef = useRef14(Date.now());
+  const lastActivityBroadcastAtRef = useRef14(0);
   const storePresenceStatus = useCallback9((nextStatus) => {
     setPresenceStatusState(nextStatus);
     presenceStatusRef.current = nextStatus;
@@ -27038,7 +27111,7 @@ var AuthProvider = ({ children }) => {
     });
     return true;
   }, [startAuthorization]);
-  useEffect23(() => {
+  useEffect24(() => {
     let cancelled = false;
     const initializeAuth = async () => {
       var _a65;
@@ -27075,11 +27148,11 @@ var AuthProvider = ({ children }) => {
       cancelled = true;
     };
   }, [attemptSilentLogin]);
-  useEffect23(() => {
+  useEffect24(() => {
     if (status !== "authenticated") return;
     void loadPresenceFromDatabase(user);
   }, [loadPresenceFromDatabase, status, user]);
-  useEffect23(() => {
+  useEffect24(() => {
     var _a65;
     if (status !== "authenticated") return;
     const initialFromStorage = Number((_a65 = localStorage.getItem(LOCAL_STORAGE_KEYS.lastActivityAt)) != null ? _a65 : "0");