@carlonicora/nextjs-jsonapi 2.1.3 → 2.2.1

package/dist/{chunk-KIFJ7JRO.mjs → chunk-OC7F4L7K.mjs}

@@ -20,7 +20,7 @@ import {
   useI18nLocale,
   useI18nRouter,
   useI18nTranslations
-} from "./chunk-MAWTFEY3.mjs";
+} from "./chunk-B34NBMKV.mjs";
 import {
   AVAILABLE_OAUTH_SCOPES,
   AssistantActionService,
@@ -57,6 +57,7 @@ import {
   getLastApiTotal,
   getTokenHandler,
   getViewportContext,
+  isRemoteImageSrc,
   measureViewport,
   persistViewport,
   rehydrate,
@@ -68,7 +69,7 @@ import {
   useIsMobile,
   validateItalianTaxCode,
   validatePartitaIva
-} from "./chunk-P5TMD7GK.mjs";
+} from "./chunk-R57FRJ6H.mjs";
 import {
   JsonApiContext
 } from "./chunk-VOXD3ZLY.mjs";
@@ -7830,6 +7831,7 @@ function UserAvatarEditor({ user, file, setFile, resetImage, setResetImage }) {
       setFile(files[0]);
     }
   }, [files]);
+  const avatarSrc = file ? URL.createObjectURL(file) : user?.avatar || "";
   const dropzone2 = {
     multiple: false,
     maxSize: 100 * 1024 * 1024,
@@ -7849,10 +7851,11 @@ function UserAvatarEditor({ user, file, setFile, resetImage, setResetImage }) {
         children: /* @__PURE__ */ jsx61(FileInput, { className: "bg-muted text-muted-foreground flex h-full w-full flex-col items-center justify-center", children: !resetImage && (file || user?.avatar) ? /* @__PURE__ */ jsx61(
           Image,
           {
-            src: file ? URL.createObjectURL(file) : user?.avatar || "",
+            src: avatarSrc,
             alt: t(`common.avatar`),
             width: 200,
-            height: 200
+            height: 200,
+            unoptimized: isRemoteImageSrc(avatarSrc)
           }
         ) : /* @__PURE__ */ jsx61(UploadIcon, { className: "my-4 h-8 w-8" }) })
       }
@@ -10165,7 +10168,7 @@ import { useRef as useRef17 } from "react";
 import dynamic from "next/dynamic";
 import React17 from "react";
 import { jsx as jsx86 } from "react/jsx-runtime";
-var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-75CHO24E.mjs"), {
+var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-2LGNETXD.mjs"), {
   ssr: false
 });
 var BlockNoteEditorContainer = React17.memo(/* @__PURE__ */ __name(function EditorContainer(props) {
@@ -11800,6 +11803,7 @@ function UserStanadaloneDetails({ user }) {
         alt: user.name,
         width: 800,
         height: 600,
+        unoptimized: isRemoteImageSrc(user.avatar),
         className: "h-auto w-full rounded-lg object-contain"
       }
     ) }) }),
@@ -14236,13 +14240,24 @@ __name(useNotificationSync, "useNotificationSync");
 // src/hooks/usePageTracker.ts
 import { useAtom as useAtom2 } from "jotai";
 import { usePathname as usePathname2 } from "next/navigation";
-import { useEffect as useEffect35 } from "react";
+import { useEffect as useEffect35, useRef as useRef25 } from "react";
 var EXCLUDED_ROUTES = ["/", "/login", "/register", "/forgot-password", "/reset-password", "/activate"];
+function readEntityTitle() {
+  if (typeof document === "undefined") return null;
+  const afterEntityType = document.title.split("]")[1];
+  if (!afterEntityType) return null;
+  return afterEntityType.split("|")[0]?.trim() || null;
+}
+__name(readEntityTitle, "readEntityTitle");
 function usePageTracker() {
   const pathname = usePathname2();
   const [_recentPages, setRecentPages] = useAtom2(recentPagesAtom);
+  const previousPathname = useRef25(null);
+  const previousTitle = useRef25(null);
   useEffect35(() => {
     if (!pathname) return;
+    const arrivedByClientNavigation = previousPathname.current !== null && previousPathname.current !== pathname;
+    previousPathname.current = pathname;
     if (EXCLUDED_ROUTES.some((route) => pathname === route || pathname.endsWith(route))) {
       return;
     }
@@ -14255,24 +14270,50 @@ function usePageTracker() {
     const foundModule = trackablePages.find((mod) => mod.pageUrl === `/${moduleName}`);
     if (!foundModule) return;
     const baseUrl = `/${moduleName}/${entityId}`;
-    let pageTitle = foundModule.name;
-    if (typeof document !== "undefined") {
-      const titleParts = document.title.split("]");
-      if (titleParts[1]) {
-        const cleanTitle = titleParts[1].split("|")[0]?.trim();
-        pageTitle = cleanTitle || foundModule.name;
-      }
+    if (pathParts.length > 2) {
+      setRecentPages((prev) => {
+        const existing = prev.find((page) => page.url === baseUrl);
+        const refreshed = {
+          url: baseUrl,
+          title: existing?.title ?? foundModule.name,
+          moduleType: foundModule.name,
+          timestamp: Date.now()
+        };
+        return [refreshed, ...prev.filter((page) => page.url !== baseUrl)].slice(0, 10);
+      });
+      previousTitle.current = document.title;
+      return;
     }
-    const newPage = {
-      url: baseUrl,
-      title: pageTitle,
-      moduleType: foundModule.name,
-      timestamp: Date.now()
-    };
-    setRecentPages((prev) => {
-      const filtered = prev.filter((page) => page.url !== newPage.url);
-      return [newPage, ...filtered].slice(0, 10);
+    let lastRecordedTitle = null;
+    const record = /* @__PURE__ */ __name((pageTitle) => {
+      if (pageTitle === lastRecordedTitle) return;
+      lastRecordedTitle = pageTitle;
+      const newPage = {
+        url: baseUrl,
+        title: pageTitle,
+        moduleType: foundModule.name,
+        timestamp: Date.now()
+      };
+      setRecentPages((prev) => {
+        const filtered = prev.filter((page) => page.url !== newPage.url);
+        return [newPage, ...filtered].slice(0, 10);
+      });
+    }, "record");
+    const titleAlreadyChanged = document.title !== previousTitle.current;
+    const seededTitle = !arrivedByClientNavigation || titleAlreadyChanged ? readEntityTitle() : null;
+    record(seededTitle ?? foundModule.name);
+    previousTitle.current = document.title;
+    if (typeof document === "undefined") return;
+    const observer = new MutationObserver(() => {
+      if (!window.location.pathname.includes(baseUrl)) return;
+      const title = readEntityTitle();
+      if (title) {
+        record(title);
+        previousTitle.current = document.title;
+      }
     });
+    observer.observe(document.head, { childList: true, subtree: true, characterData: true });
+    return () => observer.disconnect();
   }, [pathname, setRecentPages]);
 }
 __name(usePageTracker, "usePageTracker");
@@ -14340,17 +14381,17 @@ function usePushNotifications() {
 __name(usePushNotifications, "usePushNotifications");
 
 // src/hooks/useSocket.ts
-import { useEffect as useEffect37, useRef as useRef25, useState as useState46 } from "react";
+import { useEffect as useEffect37, useRef as useRef26, useState as useState46 } from "react";
 import io from "socket.io-client";
 function useSocket({ token }) {
-  const _errorCount = useRef25(0);
-  const shouldConnect = useRef25(true);
-  const _hookInstanceId = useRef25(Math.random().toString(36).substring(2, 11));
+  const _errorCount = useRef26(0);
+  const shouldConnect = useRef26(true);
+  const _hookInstanceId = useRef26(Math.random().toString(36).substring(2, 11));
   const [socket, setSocket] = useState46(null);
   const [isConnected, setIsConnected] = useState46(false);
   const [messages, setMessages] = useState46([]);
   const [socketNotifications, setSocketNotifications] = useState46([]);
-  const socketRef = useRef25(null);
+  const socketRef = useRef26(null);
   useEffect37(() => {
     if (!token) return;
     const globalSocketKey = `__socket_${process.env.NEXT_PUBLIC_API_URL?.replace(/[^a-zA-Z0-9]/g, "_")}`;
@@ -14757,25 +14798,50 @@ __name(PageSection, "PageSection");
 import { useAtomValue } from "jotai";
 import { HistoryIcon } from "lucide-react";
 import { useTranslations as useTranslations51 } from "next-intl";
+import { usePathname as usePathname4 } from "next/navigation";
 import { jsx as jsx157, jsxs as jsxs90 } from "react/jsx-runtime";
 function RecentPagesNavigator() {
   const recentPages = useAtomValue(recentPagesAtom);
   const t = useTranslations51();
-  const { state, isMobile } = useSidebar();
-  if (recentPages.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs90(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx157(DropdownMenuTrigger, { render: /* @__PURE__ */ jsx157("span", {}), nativeButton: false, children: /* @__PURE__ */ jsx157("span", { className: "flex w-full cursor-pointer items-center gap-2", children: state === "collapsed" && !isMobile ? /* @__PURE__ */ jsx157(HistoryIcon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx157("span", { children: t(`common.recent_pages`) }) }) }),
-    /* @__PURE__ */ jsx157(DropdownMenuContent, { align: "start", className: "w-96", children: /* @__PURE__ */ jsxs90(DropdownMenuGroup, { children: [
+  const { isMobile } = useSidebar();
+  const pathname = usePathname4();
+  const isCurrentPage = /* @__PURE__ */ __name((url) => !!pathname && (pathname === url || pathname.startsWith(`${url}/`)), "isCurrentPage");
+  const pages = recentPages.filter((page) => !isCurrentPage(page.url));
+  if (pages.length === 0) return null;
+  return /* @__PURE__ */ jsx157(SidebarMenuItem, { children: /* @__PURE__ */ jsxs90(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxs90(
+      DropdownMenuTrigger,
+      {
+        "data-testid": "sidebar-recent-pages",
+        render: /* @__PURE__ */ jsx157(
+          SidebarMenuButton,
+          {
+            className: "text-muted-foreground hover:bg-muted/50 cursor-pointer",
+            tooltip: t(`common.recent_pages`)
+          }
+        ),
+        children: [
+          /* @__PURE__ */ jsx157(HistoryIcon, {}),
+          /* @__PURE__ */ jsx157("span", { children: t(`common.recent_pages`) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx157(DropdownMenuContent, { side: isMobile ? "bottom" : "right", align: "start", className: "w-96", children: /* @__PURE__ */ jsxs90(DropdownMenuGroup, { children: [
       /* @__PURE__ */ jsx157(DropdownMenuLabel, { children: t(`common.recent_pages`) }),
       /* @__PURE__ */ jsx157(DropdownMenuSeparator, {}),
-      recentPages.map((page, index) => /* @__PURE__ */ jsx157(DropdownMenuItem, { children: /* @__PURE__ */ jsx157(Link, { href: page.url, className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs90("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsx157("div", { className: "truncate text-sm", children: page.title }),
-        /* @__PURE__ */ jsx157("div", { className: "text-muted-foreground text-xs font-normal", children: t(`entities.${page.moduleType}`, { count: 1 }) })
-      ] }) }) }, `${page.url}-${index}`))
+      pages.map((page, index) => /* @__PURE__ */ jsx157(
+        DropdownMenuItem,
+        {
+          render: /* @__PURE__ */ jsx157(Link, { href: page.url, className: "flex items-center gap-2" }),
+          children: /* @__PURE__ */ jsxs90("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsx157("div", { className: "truncate", children: page.title }),
+            /* @__PURE__ */ jsx157("div", { className: "text-muted-foreground text-xs font-normal", children: t(`entities.${page.moduleType}`, { count: 1 }) })
+          ] })
+        },
+        `${page.url}-${index}`
+      ))
     ] }) })
-  ] });
+  ] }) });
 }
 __name(RecentPagesNavigator, "RecentPagesNavigator");
 
@@ -14822,7 +14888,7 @@ __name(partitionTabs, "partitionTabs");
 // src/components/containers/ReactMarkdownContainer.tsx
 import { ChevronDown as ChevronDown2, ChevronUp } from "lucide-react";
 import { useTranslations as useTranslations52 } from "next-intl";
-import { useEffect as useEffect40, useRef as useRef26, useState as useState50 } from "react";
+import { useEffect as useEffect40, useRef as useRef27, useState as useState50 } from "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import { jsx as jsx159, jsxs as jsxs92 } from "react/jsx-runtime";
@@ -14835,7 +14901,7 @@ function ReactMarkdownContainer({
   const t = useTranslations52("ui.buttons");
   const [isExpanded, setIsExpanded] = useState50(false);
   const [showExpandButton, setShowExpandButton] = useState50(false);
-  const contentRef = useRef26(null);
+  const contentRef = useRef27(null);
   useEffect40(() => {
     if (collapsible && contentRef.current && !isExpanded) {
       const isOverflowing = contentRef.current.scrollHeight > contentRef.current.clientHeight;
@@ -15134,7 +15200,7 @@ function RoundPageContainer({
                         {
                           "data-testid": "round-page-rail",
                           className: "hidden shrink-0 border-r p-4 md:flex md:w-56 md:flex-col md:overflow-y-auto",
-                          children: /* @__PURE__ */ jsxs94(TabsList, { className: "flex h-auto flex-col items-stretch gap-0.5 bg-transparent p-0", children: [
+                          children: /* @__PURE__ */ jsxs94(TabsList, { className: "flex h-auto w-full flex-col items-stretch gap-0.5 bg-transparent p-0", children: [
                             ungrouped.map((tab) => /* @__PURE__ */ jsx161(TabsTrigger, { value: tabValue(tab), className: railTriggerClass, children: tab.contentLabel ?? tab.label }, tab.label)),
                             groups.map((group) => /* @__PURE__ */ jsxs94(Fragment23, { children: [
                               /* @__PURE__ */ jsx161(
@@ -15384,7 +15450,7 @@ function AllowedUsersDetails({ showTitle, content }) {
 __name(AllowedUsersDetails, "AllowedUsersDetails");
 
 // src/components/editors/BlockNoteEditorMentionHoverCard.tsx
-import { useCallback as useCallback28, useEffect as useEffect42, useRef as useRef27, useState as useState52 } from "react";
+import { useCallback as useCallback28, useEffect as useEffect42, useRef as useRef28, useState as useState52 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
 import { jsx as jsx164 } from "react/jsx-runtime";
 function BlockNoteEditorMentionHoverCard({
@@ -15392,7 +15458,7 @@ function BlockNoteEditorMentionHoverCard({
   mentionResolveFn
 }) {
   const [hovered, setHovered] = useState52(null);
-  const closeTimeoutRef = useRef27(null);
+  const closeTimeoutRef = useRef28(null);
   const scheduleClose = useCallback28(() => {
     closeTimeoutRef.current = setTimeout(() => setHovered(null), 200);
   }, []);
@@ -15651,12 +15717,12 @@ var BlockNoteViewerContainer = React28.memo(/* @__PURE__ */ __name(function View
 }, "ViewerContainer"));
 
 // src/components/pages/PageContainerContentDetails.tsx
-import { useEffect as useEffect43, useRef as useRef28, useState as useState53 } from "react";
+import { useEffect as useEffect43, useRef as useRef29, useState as useState53 } from "react";
 import { jsx as jsx168, jsxs as jsxs98 } from "react/jsx-runtime";
 function PageContainerContentDetails({ items, section, module, id }) {
   const rewriteUrl = useUrlRewriter();
   const [isScrolled, setIsScrolled] = useState53(false);
-  const sentinelRef = useRef28(null);
+  const sentinelRef = useRef29(null);
   useEffect43(() => {
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -15863,13 +15929,13 @@ function JsonApiProvider({ config, children }) {
 __name(JsonApiProvider, "JsonApiProvider");
 
 // src/client/hooks/useJsonApiGet.ts
-import { useState as useState55, useEffect as useEffect46, useCallback as useCallback30, useRef as useRef29 } from "react";
+import { useState as useState55, useEffect as useEffect46, useCallback as useCallback30, useRef as useRef30 } from "react";
 function useJsonApiGet(params) {
   const [data, setData] = useState55(null);
   const [loading, setLoading] = useState55(false);
   const [error, setError] = useState55(null);
   const [response, setResponse] = useState55(null);
-  const isMounted = useRef29(true);
+  const isMounted = useRef30(true);
   const fetchData = useCallback30(async () => {
     if (params.options?.enabled === false) return;
     setLoading(true);
@@ -16673,12 +16739,12 @@ import React30, { memo, useMemo as useMemo30, useState as useState60 } from "rea
 // src/components/tables/ContentTableSearch.tsx
 import { RefreshCw, Search, X as X3 } from "lucide-react";
 import { useTranslations as useTranslations57 } from "next-intl";
-import { useCallback as useCallback35, useEffect as useEffect50, useRef as useRef30, useState as useState59 } from "react";
+import { useCallback as useCallback35, useEffect as useEffect50, useRef as useRef31, useState as useState59 } from "react";
 import { jsx as jsx179, jsxs as jsxs101 } from "react/jsx-runtime";
 function ContentTableSearch({ data }) {
   const t = useTranslations57();
-  const searchTermRef = useRef30("");
-  const inputRef = useRef30(null);
+  const searchTermRef = useRef31("");
+  const inputRef = useRef31(null);
   const [searchTerm, setSearchTerm] = useState59("");
   const [isFocused, setIsFocused] = useState59(false);
   const [isSearching, setIsSearching] = useState59(false);
@@ -16964,12 +17030,12 @@ var ContentListTable = memo(/* @__PURE__ */ __name(function ContentListTable2(pr
 }, "ContentListTable"));
 
 // src/components/grids/ContentListGrid.tsx
-import { useEffect as useEffect51, useRef as useRef31 } from "react";
+import { useEffect as useEffect51, useRef as useRef32 } from "react";
 import { Fragment as Fragment29, jsx as jsx181, jsxs as jsxs103 } from "react/jsx-runtime";
 var DEFAULT_GRID_CLASSES = "grid grid-cols-2 gap-4 p-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5";
 function ContentListGrid(props) {
   const { data, ItemComponent, allowSearch, fullWidth, gridClassName } = props;
-  const sentinelRef = useRef31(null);
+  const sentinelRef = useRef32(null);
   useEffect51(() => {
     if (!data.next || !sentinelRef.current) return;
     const observer = new IntersectionObserver(
@@ -17013,14 +17079,14 @@ __name(ContentListGrid, "ContentListGrid");
 
 // src/components/fiscal/ItalianFiscalData.tsx
 import { useTranslations as useTranslations59 } from "next-intl";
-import { forwardRef as forwardRef8, useCallback as useCallback36, useImperativeHandle as useImperativeHandle2, useRef as useRef32, useState as useState61 } from "react";
+import { forwardRef as forwardRef8, useCallback as useCallback36, useImperativeHandle as useImperativeHandle2, useRef as useRef33, useState as useState61 } from "react";
 import { z as z4 } from "zod";
 import { jsx as jsx182, jsxs as jsxs104 } from "react/jsx-runtime";
 var ItalianFiscalData = forwardRef8(/* @__PURE__ */ __name(function ItalianFiscalData2({ initialData }, ref) {
   const t = useTranslations59();
-  const initialRef = useRef32(initialData);
+  const initialRef = useRef33(initialData);
   const [fiscalData, setFiscalData] = useState61(initialData);
-  const fiscalDataRef = useRef32(initialData);
+  const fiscalDataRef = useRef33(initialData);
   const [fiscalErrors, setFiscalErrors] = useState61({});
   const updateFiscalField = useCallback36((key, value) => {
     setFiscalData((prev) => {
@@ -17745,11 +17811,11 @@ import { useTranslations as useTranslations63 } from "next-intl";
 import { useState as useState66 } from "react";
 
 // src/features/auth/components/two-factor/TotpInput.tsx
-import { useEffect as useEffect53, useRef as useRef33, useState as useState65 } from "react";
+import { useEffect as useEffect53, useRef as useRef34, useState as useState65 } from "react";
 import { jsx as jsx193, jsxs as jsxs111 } from "react/jsx-runtime";
 function TotpInput({ onComplete, disabled = false, autoFocus = true, error }) {
   const [digits, setDigits] = useState65(["", "", "", "", "", ""]);
-  const inputRefs = useRef33([]);
+  const inputRefs = useRef34([]);
   useEffect53(() => {
     if (autoFocus && inputRefs.current[0]) {
       inputRefs.current[0].focus();
@@ -19238,7 +19304,7 @@ __name(RelevantContentsList, "RelevantContentsList");
 // src/features/how-to/components/containers/HowToCommand.tsx
 import { ArrowRight, LifeBuoyIcon } from "lucide-react";
 import { useTranslations as useTranslations81 } from "next-intl";
-import { useCallback as useCallback38, useEffect as useEffect62, useMemo as useMemo33, useRef as useRef34, useState as useState80 } from "react";
+import { useCallback as useCallback38, useEffect as useEffect62, useMemo as useMemo33, useRef as useRef35, useState as useState80 } from "react";
 
 // src/features/how-to/components/containers/HowToCommandViewer.tsx
 import { ArrowLeft, BookOpen, MessageSquare } from "lucide-react";
@@ -19366,7 +19432,7 @@ function HowToCommand({ pathname, extraGroups, onStartChat }) {
   const t = useTranslations81();
   const [dialogOpen, setDialogOpen] = useState80(false);
   const [selectedHowTo, setSelectedHowTo] = useState80(null);
-  const searchTermRef = useRef34("");
+  const searchTermRef = useRef35("");
   const [searchTerm, setSearchTerm] = useState80("");
   const data = useDataListRetriever({
     retriever: /* @__PURE__ */ __name((params) => {
@@ -19676,7 +19742,7 @@ __name(HowToListContainer, "HowToListContainer");
 // src/features/how-to/components/forms/HowToSelector.tsx
 import { CircleX as CircleX3, RefreshCwIcon as RefreshCwIcon4, SearchIcon as SearchIcon7, XIcon as XIcon11 } from "lucide-react";
 import { useTranslations as useTranslations85 } from "next-intl";
-import { useCallback as useCallback39, useEffect as useEffect63, useRef as useRef35, useState as useState81 } from "react";
+import { useCallback as useCallback39, useEffect as useEffect63, useRef as useRef36, useState as useState81 } from "react";
 import { Fragment as Fragment44, jsx as jsx222, jsxs as jsxs130 } from "react/jsx-runtime";
 function HowToSelector({
   id,
@@ -19688,7 +19754,7 @@ function HowToSelector({
 }) {
   const t = useTranslations85();
   const [open, setOpen] = useState81(false);
-  const searchTermRef = useRef35("");
+  const searchTermRef = useRef36("");
   const [searchTerm, setSearchTerm] = useState81("");
   const [isSearching, setIsSearching] = useState81(false);
   const data = useDataListRetriever({
@@ -19994,7 +20060,7 @@ function AssistantThreadHeader({ assistant, onRename, onDelete }) {
 __name(AssistantThreadHeader, "AssistantThreadHeader");
 
 // src/features/assistant/components/parts/AssistantThread.tsx
-import { useEffect as useEffect65, useRef as useRef36 } from "react";
+import { useEffect as useEffect65, useRef as useRef37 } from "react";
 
 // src/features/assistant-message/components/MessageItem.tsx
 import { useTranslations as useTranslations96 } from "next-intl";
@@ -20632,7 +20698,7 @@ function AssistantThread({
   renderApprovalAction,
   renderMention
 }) {
-  const endRef = useRef36(null);
+  const endRef = useRef37(null);
   useEffect65(() => {
     endRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [messages.length, sending]);
@@ -21105,10 +21171,10 @@ __name(NotificationsListContainer, "NotificationsListContainer");
 // src/features/notification/components/modals/NotificationModal.tsx
 import { BellIcon } from "lucide-react";
 import { useTranslations as useTranslations103 } from "next-intl";
-import { Fragment as Fragment51, useCallback as useCallback42, useEffect as useEffect67, useMemo as useMemo38, useRef as useRef37, useState as useState90 } from "react";
+import { Fragment as Fragment51, useCallback as useCallback42, useEffect as useEffect67, useMemo as useMemo38, useRef as useRef38, useState as useState90 } from "react";
 import { jsx as jsx247, jsxs as jsxs151 } from "react/jsx-runtime";
 function NotificationModalContent({ isOpen, setIsOpen }) {
-  const _instanceId = useRef37(Math.random().toString(36).substr(2, 9));
+  const _instanceId = useRef38(Math.random().toString(36).substr(2, 9));
   const {
     notifications,
     addNotification,
@@ -21128,8 +21194,8 @@ function NotificationModalContent({ isOpen, setIsOpen }) {
   const t = useTranslations103();
   const generateUrl = usePageUrlGenerator();
   const [newNotifications, setNewNotifications] = useState90(false);
-  const preventAutoClose = useRef37(false);
-  const circuitBreakerRef = useRef37({
+  const preventAutoClose = useRef38(false);
+  const circuitBreakerRef = useRef38({
     count: 0,
     resetTime: 0,
     isOpen: false
@@ -21159,7 +21225,7 @@ function NotificationModalContent({ isOpen, setIsOpen }) {
   useEffect67(() => {
     setNewNotifications(unreadCount > 0);
   }, [unreadCount]);
-  const processSocketNotificationsRef = useRef37(null);
+  const processSocketNotificationsRef = useRef38(null);
   const processSocketNotifications = useCallback42(() => {
     if (socketNotifications.length === 0) {
       return;
@@ -21320,7 +21386,7 @@ __name(ReferralCodeCapture, "ReferralCodeCapture");
 
 // src/features/referral/components/ReferralWidget.tsx
 import { Copy as Copy2, Loader2 as Loader26, Mail, Users } from "lucide-react";
-import { useCallback as useCallback43, useRef as useRef38, useState as useState93 } from "react";
+import { useCallback as useCallback43, useRef as useRef39, useState as useState93 } from "react";
 
 // src/features/referral/hooks/useReferralInvite.ts
 import { useState as useState91 } from "react";
@@ -21426,7 +21492,7 @@ function ReferralWidget({
   const { sendInvite, sending } = useReferralInvite();
   const [email, setEmail] = useState93("");
   const [copied, setCopied] = useState93(false);
-  const linkInputRef = useRef38(null);
+  const linkInputRef = useRef39(null);
   const config = getReferralConfig();
   const baseUrl = config.referralUrlBase || (typeof window !== "undefined" ? window.location.origin : "");
   const referralUrl = stats?.referralCode ? `${baseUrl}${config.referralPath}?${config.urlParamName}=${stats.referralCode}` : "";
@@ -21714,11 +21780,11 @@ __name(RemoveUserFromRole, "RemoveUserFromRole");
 // src/features/role/components/forms/UserRoleAdd.tsx
 import { PlusCircle as PlusCircle2 } from "lucide-react";
 import { useTranslations as useTranslations107 } from "next-intl";
-import { useCallback as useCallback44, useEffect as useEffect71, useRef as useRef39, useState as useState95 } from "react";
+import { useCallback as useCallback44, useEffect as useEffect71, useRef as useRef40, useState as useState95 } from "react";
 import { Fragment as Fragment55, jsx as jsx255, jsxs as jsxs157 } from "react/jsx-runtime";
 function UserRoleAdd({ user, refresh }) {
   const [open, setOpen] = useState95(false);
-  const inputRef = useRef39(null);
+  const inputRef = useRef40(null);
   const [searchTerm, setSearchTerm] = useState95("");
   const [roles, setRoles] = useState95([]);
   const t = useTranslations107();
@@ -23148,7 +23214,7 @@ __name(WaitlistList, "WaitlistList");
 // src/features/rbac/components/RbacContainer.tsx
 import { Loader2Icon as Loader2Icon4 } from "lucide-react";
 import { useTranslations as useTranslations116 } from "next-intl";
-import { memo as memo2, useCallback as useCallback52, useEffect as useEffect75, useMemo as useMemo40, useRef as useRef40, useState as useState103 } from "react";
+import { memo as memo2, useCallback as useCallback52, useEffect as useEffect75, useMemo as useMemo40, useRef as useRef41, useState as useState103 } from "react";
 
 // src/features/rbac/components/RbacPermissionCell.tsx
 import { CheckIcon as CheckIcon9, MinusIcon as MinusIcon2, XIcon as XIcon12 } from "lucide-react";
@@ -23417,7 +23483,7 @@ var CellButton = memo2(/* @__PURE__ */ __name(function CellButton2({
   isRoleColumn,
   onOpen
 }) {
-  const ref = useRef40(null);
+  const ref = useRef41(null);
   const value = cellValue(tokens, action);
   const handleClick = useCallback52(() => {
     if (!ref.current) return;
@@ -23603,7 +23669,7 @@ __name(RbacContainer, "RbacContainer");
 // src/features/rbac/components/RbacByRoleContainer.tsx
 import { Loader2Icon as Loader2Icon5 } from "lucide-react";
 import { useTranslations as useTranslations117 } from "next-intl";
-import { Fragment as Fragment59, memo as memo3, useCallback as useCallback53, useEffect as useEffect76, useMemo as useMemo41, useRef as useRef41, useState as useState104 } from "react";
+import { Fragment as Fragment59, memo as memo3, useCallback as useCallback53, useEffect as useEffect76, useMemo as useMemo41, useRef as useRef42, useState as useState104 } from "react";
 import { jsx as jsx279, jsxs as jsxs179 } from "react/jsx-runtime";
 function findToken2(tokens, action) {
   if (!tokens) return void 0;
@@ -23624,7 +23690,7 @@ var CellButton3 = memo3(/* @__PURE__ */ __name(function CellButton4({
   isRoleColumn,
   onOpen
 }) {
-  const ref = useRef41(null);
+  const ref = useRef42(null);
   const value = cellValue2(tokens, action);
   const handleClick = useCallback53(() => {
     if (!ref.current) return;
@@ -24330,4 +24396,4 @@ export {
   useOAuthClients,
   useOAuthClient
 };
-//# sourceMappingURL=chunk-KIFJ7JRO.mjs.map
+//# sourceMappingURL=chunk-OC7F4L7K.mjs.map