@carlonicora/nextjs-jsonapi 1.91.0 → 1.92.1

package/dist/{chunk-WHZMP3ZF.mjs → chunk-KW2CKXJX.mjs}

@@ -8191,7 +8191,7 @@ __name(UserResentInvitationEmail, "UserResentInvitationEmail");
 // src/features/user/components/forms/UserSelector.tsx
 import { CircleX, RefreshCwIcon as RefreshCwIcon2, SearchIcon as SearchIcon4, XIcon as XIcon8 } from "lucide-react";
 import { useTranslations as useTranslations19 } from "next-intl";
-import { useCallback as useCallback18, useEffect as useEffect27, useRef as useRef17, useState as useState28 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect27, useRef as useRef18, useState as useState28 } from "react";
 
 // src/components/forms/CommonAssociationForm.tsx
 import { useTranslations as useTranslations8 } from "next-intl";
@@ -9207,11 +9207,14 @@ function FormCheckbox({ form, id, name, labelBefore, description, isRequired })
 }
 __name(FormCheckbox, "FormCheckbox");
 
+// src/components/forms/FormBlockNote.tsx
+import { useRef as useRef15 } from "react";
+
 // src/components/editors/BlockNoteEditorContainer.tsx
 import dynamic from "next/dynamic";
 import React14 from "react";
 import { jsx as jsx73 } from "react/jsx-runtime";
-var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-S3MWGDLG.mjs"), {
+var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-YGEDKNPP.mjs"), {
   ssr: false
 });
 var BlockNoteEditorContainer = React14.memo(/* @__PURE__ */ __name(function EditorContainer(props) {
@@ -9239,6 +9242,8 @@ function FormBlockNote({
   mentionSearchParams,
   mentionResolveFn
 }) {
+  const initialContentRef = useRef15(null);
+  const lastEditorContentRef = useRef15(void 0);
   return /* @__PURE__ */ jsx74(
     "div",
     {
@@ -9256,27 +9261,34 @@ function FormBlockNote({
           isRequired,
           description,
           testId,
-          children: (field) => /* @__PURE__ */ jsx74(
-            BlockNoteEditorContainer,
-            {
-              id: form.getValues("id"),
-              type,
-              initialContent: field.value,
-              onChange: (content, isEmpty) => {
-                field.onChange(content);
-                onEmptyChange?.(isEmpty);
-              },
-              placeholder,
-              bordered: true,
-              inlineContentSpecs,
-              renderOverlays,
-              enableMentions,
-              mentionSearchFn,
-              mentionSearchParams,
-              mentionResolveFn,
-              className: cn(stretch && "min-h-0 flex-1")
+          children: (field) => {
+            const isInternalChange = lastEditorContentRef.current !== void 0 && field.value === lastEditorContentRef.current;
+            if (!isInternalChange) {
+              initialContentRef.current = field.value;
             }
-          )
+            return /* @__PURE__ */ jsx74(
+              BlockNoteEditorContainer,
+              {
+                id: form.getValues("id"),
+                type,
+                initialContent: initialContentRef.current,
+                onChange: (content, isEmpty) => {
+                  lastEditorContentRef.current = content;
+                  field.onChange(content);
+                  onEmptyChange?.(isEmpty);
+                },
+                placeholder,
+                bordered: true,
+                inlineContentSpecs,
+                renderOverlays,
+                enableMentions,
+                mentionSearchFn,
+                mentionSearchParams,
+                mentionResolveFn,
+                className: cn(stretch && "min-h-0 flex-1")
+              }
+            );
+          }
         }
       )
     }
@@ -9661,13 +9673,13 @@ function FormInput({
 __name(FormInput, "FormInput");
 
 // src/components/forms/PasswordInput.tsx
-import * as React15 from "react";
+import * as React16 from "react";
 import { EyeIcon, EyeOffIcon } from "lucide-react";
 import { useTranslations as useTranslations16 } from "next-intl";
 import { jsx as jsx78, jsxs as jsxs47 } from "react/jsx-runtime";
-var PasswordInput = React15.forwardRef(
+var PasswordInput = React16.forwardRef(
   ({ className, type: _type, ...props }, ref) => {
-    const [showPassword, setShowPassword] = React15.useState(false);
+    const [showPassword, setShowPassword] = React16.useState(false);
     const disabled = props.value === "" || props.value === void 0 || props.disabled;
     const t = useTranslations16();
     return /* @__PURE__ */ jsxs47("div", { className: "relative", children: [
@@ -9727,7 +9739,7 @@ function FormPassword({
 __name(FormPassword, "FormPassword");
 
 // src/components/forms/FormPlaceAutocomplete.tsx
-import { useEffect as useEffect23, useRef as useRef15, useState as useState24 } from "react";
+import { useEffect as useEffect23, useRef as useRef16, useState as useState24 } from "react";
 import { jsx as jsx80, jsxs as jsxs48 } from "react/jsx-runtime";
 function FormPlaceAutocomplete({
   form,
@@ -9747,8 +9759,8 @@ function FormPlaceAutocomplete({
   const [showSuggestions, setShowSuggestions] = useState24(false);
   const [loadError, setLoadError] = useState24(false);
   const [apiKey, setApiKey] = useState24(null);
-  const debounceRef = useRef15(null);
-  const containerRef = useRef15(null);
+  const debounceRef = useRef16(null);
+  const containerRef = useRef16(null);
   useEffect23(() => {
     const key = process.env.NEXT_PUBLIC_GOOGLE_MAPS_API_KEY;
     if (!key) {
@@ -10209,12 +10221,12 @@ import { useTranslations as useTranslations18 } from "next-intl";
 import { useEffect as useEffect26, useState as useState27 } from "react";
 
 // src/features/user/hooks/useUserSearch.ts
-import { useCallback as useCallback17, useEffect as useEffect25, useRef as useRef16, useState as useState26 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect25, useRef as useRef17, useState as useState26 } from "react";
 var useUserSearch = /* @__PURE__ */ __name(() => {
   const [users, setUsers] = useState26([]);
   const [searchQuery, setSearchQuery] = useState26("");
   const [isLoading, setIsLoading] = useState26(false);
-  const searchQueryRef = useRef16("");
+  const searchQueryRef = useRef17("");
   const loadUsers = useCallback17(
     async (search) => {
       try {
@@ -10415,7 +10427,7 @@ import { Fragment as Fragment12, jsx as jsx92, jsxs as jsxs58 } from "react/jsx-
 function UserSelector({ id, form, label, placeholder, onChange, isRequired = false }) {
   const t = useTranslations19();
   const [open, setOpen] = useState28(false);
-  const searchTermRef = useRef17("");
+  const searchTermRef = useRef18("");
   const [searchTerm, setSearchTerm] = useState28("");
   const [isSearching, setIsSearching] = useState28(false);
   const data = useDataListRetriever({
@@ -10889,13 +10901,13 @@ function RoleUsersList({ role }) {
 __name(RoleUsersList, "RoleUsersList");
 
 // src/features/user/components/lists/UserListInAdd.tsx
-import React16 from "react";
+import React17 from "react";
 import { Fragment as Fragment15, jsx as jsx107, jsxs as jsxs64 } from "react/jsx-runtime";
 function UserListInAdd({ data, existingUsers, setSelectedUser, setLevelOpen }) {
   return /* @__PURE__ */ jsx107(Fragment15, { children: data.data !== void 0 && data.data.filter(
     (user) => existingUsers && !existingUsers.find((existingUser) => existingUser.id === user.id)
   ).map((user) => {
-    return /* @__PURE__ */ jsx107(React16.Fragment, { children: /* @__PURE__ */ jsx107(
+    return /* @__PURE__ */ jsx107(React17.Fragment, { children: /* @__PURE__ */ jsx107(
       CommandItem,
       {
         className: "cursor-pointer hover:bg-muted data-selected:hover:bg-muted bg-transparent data-selected:bg-transparent",
@@ -11430,7 +11442,7 @@ import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
 import { UploadIcon as UploadIcon3 } from "lucide-react";
 import { useTranslations as useTranslations35 } from "next-intl";
 import Image6 from "next/image";
-import { useCallback as useCallback19, useEffect as useEffect29, useMemo as useMemo15, useRef as useRef18, useState as useState31 } from "react";
+import { useCallback as useCallback19, useEffect as useEffect29, useMemo as useMemo15, useRef as useRef19, useState as useState31 } from "react";
 import { useForm as useForm3 } from "react-hook-form";
 import { v4 as v42 } from "uuid";
 import { z as z2 } from "zod";
@@ -11452,8 +11464,8 @@ function CompanyEditorInternal({
   const [files, setFiles] = useState31(null);
   const [contentType, setContentType] = useState31(null);
   const t = useTranslations35();
-  const fiscalRef = useRef18(null);
-  const addressComponentsRef = useRef18({});
+  const fiscalRef = useRef19(null);
+  const addressComponentsRef = useRef19({});
   const canAccessFeatures = hasRole(getRoleId().Administrator) || hasRole(getRoleId().CompanyAdministrator) && process.env.NEXT_PUBLIC_PRIVATE_INSTALLATION?.toLowerCase() === "true";
   const handleDialogOpenChange = useCallback19(
     (open) => {
@@ -11912,7 +11924,7 @@ var useNotificationContext = /* @__PURE__ */ __name(() => {
 }, "useNotificationContext");
 
 // src/features/onboarding/contexts/OnboardingContext.tsx
-import { createContext as createContext11, useCallback as useCallback21, useContext as useContext12, useEffect as useEffect32, useRef as useRef19, useState as useState35 } from "react";
+import { createContext as createContext11, useCallback as useCallback21, useContext as useContext12, useEffect as useEffect32, useRef as useRef20, useState as useState35 } from "react";
 import { createRoot } from "react-dom/client";
 import Shepherd from "shepherd.js";
 import "shepherd.js/dist/css/shepherd.css";
@@ -11983,8 +11995,8 @@ function OnboardingProvider({
   const [activeTourId, setActiveTourId] = useState35(null);
   const [currentStepIndex, setCurrentStepIndex] = useState35(0);
   const [totalSteps, setTotalSteps] = useState35(0);
-  const tourRef = useRef19(null);
-  const rootsRef = useRef19(/* @__PURE__ */ new Map());
+  const tourRef = useRef20(null);
+  const rootsRef = useRef20(/* @__PURE__ */ new Map());
   const cleanupRoots = useCallback21(() => {
     rootsRef.current.forEach((root) => {
       try {
@@ -12918,7 +12930,7 @@ __name(useHeaderLeftContent, "useHeaderLeftContent");
 // src/components/EditableAvatar.tsx
 import { PencilIcon as PencilIcon3, Trash2Icon as Trash2Icon3 } from "lucide-react";
 import { useTranslations as useTranslations47 } from "next-intl";
-import { useCallback as useCallback25, useRef as useRef20, useState as useState41 } from "react";
+import { useCallback as useCallback25, useRef as useRef21, useState as useState41 } from "react";
 import { jsx as jsx136, jsxs as jsxs77 } from "react/jsx-runtime";
 function EditableAvatar({
   entityId,
@@ -12932,7 +12944,7 @@ function EditableAvatar({
 }) {
   const { company } = useCurrentUserContext();
   const t = useTranslations47();
-  const fileInputRef = useRef20(null);
+  const fileInputRef = useRef21(null);
   const [optimisticImage, setOptimisticImage] = useState41(null);
   const [isUploading, setIsUploading] = useState41(false);
   const displayImage = optimisticImage ?? image;
@@ -13069,11 +13081,14 @@ __name(TableCellAvatar, "TableCellAvatar");
 // src/components/navigations/Breadcrumb.tsx
 import { useTranslations as useTranslations48 } from "next-intl";
 import { Fragment as Fragment20, useState as useState42 } from "react";
+import { ChevronDownIcon as ChevronDownIcon8 } from "lucide-react";
 import { Fragment as Fragment21, jsx as jsx138, jsxs as jsxs79 } from "react/jsx-runtime";
 var ITEMS_TO_DISPLAY = 4;
-function BreadcrumbNavigation({ items }) {
-  const generateUrl = usePageUrlGenerator();
-  const t = useTranslations48();
+function BreadcrumbDesktop({
+  items,
+  generateUrl,
+  t
+}) {
   const [open, setOpen] = useState42(false);
   return /* @__PURE__ */ jsx138(Breadcrumb, { children: /* @__PURE__ */ jsxs79(BreadcrumbList, { children: [
     /* @__PURE__ */ jsx138(BreadcrumbItem, { children: /* @__PURE__ */ jsx138(Link, { href: generateUrl({ page: `/` }), children: t(`common.home`) }) }),
@@ -13096,6 +13111,36 @@ function BreadcrumbNavigation({ items }) {
     ] }, index)) })
   ] }) });
 }
+__name(BreadcrumbDesktop, "BreadcrumbDesktop");
+function BreadcrumbMobile({
+  items,
+  generateUrl,
+  t
+}) {
+  const [open, setOpen] = useState42(false);
+  const lastItem = items[items.length - 1];
+  const allItems = [{ name: t(`common.home`), href: generateUrl({ page: `/` }) }, ...items];
+  if (!lastItem && items.length === 0) {
+    return /* @__PURE__ */ jsx138(Breadcrumb, { children: /* @__PURE__ */ jsx138(BreadcrumbList, { children: /* @__PURE__ */ jsx138(BreadcrumbItem, { children: /* @__PURE__ */ jsx138(Link, { href: generateUrl({ page: `/` }), children: t(`common.home`) }) }) }) });
+  }
+  return /* @__PURE__ */ jsxs79(DropdownMenu, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxs79(DropdownMenuTrigger, { className: "text-foreground text-xs/relaxed font-normal hover:bg-accent flex items-center gap-1 rounded-md px-1.5 py-0.5 transition-colors outline-none", children: [
+      lastItem?.name,
+      /* @__PURE__ */ jsx138(ChevronDownIcon8, { className: "text-muted-foreground size-3.5" })
+    ] }),
+    /* @__PURE__ */ jsx138(DropdownMenuContent, { align: "start", children: allItems.map((item, index) => /* @__PURE__ */ jsx138(DropdownMenuItem, { children: item.href ? /* @__PURE__ */ jsx138(Link, { href: item.href, children: item.name }) : /* @__PURE__ */ jsx138(Fragment21, { children: item.name }) }, index)) })
+  ] });
+}
+__name(BreadcrumbMobile, "BreadcrumbMobile");
+function BreadcrumbNavigation({ items }) {
+  const generateUrl = usePageUrlGenerator();
+  const t = useTranslations48();
+  const isMobile = useIsMobile();
+  if (isMobile) {
+    return /* @__PURE__ */ jsx138(BreadcrumbMobile, { items, generateUrl, t });
+  }
+  return /* @__PURE__ */ jsx138(BreadcrumbDesktop, { items, generateUrl, t });
+}
 __name(BreadcrumbNavigation, "BreadcrumbNavigation");
 
 // src/components/navigations/ContentTitle.tsx
@@ -13135,11 +13180,12 @@ __name(ContentTitle, "ContentTitle");
 import { jsx as jsx140, jsxs as jsxs81 } from "react/jsx-runtime";
 function Header({ children, leftContent, className }) {
   const { breadcrumbs } = useSharedContext();
+  const isMobile = useIsMobile();
   return /* @__PURE__ */ jsx140("header", { className: `sticky top-0 z-10 flex h-12 flex-col items-center justify-start gap-x-4 ${className ?? ""}`, children: /* @__PURE__ */ jsxs81("div", { className: "bg-sidebar flex h-12 w-full flex-row items-center justify-between pl-2 pr-4", children: [
     /* @__PURE__ */ jsx140(SidebarTrigger, { "aria-label": "Toggle sidebar", id: "sidebar-trigger" }),
     leftContent,
     /* @__PURE__ */ jsx140("div", { className: "flex w-full flex-row items-center justify-start", children: /* @__PURE__ */ jsx140(BreadcrumbNavigation, { items: breadcrumbs }) }),
-    /* @__PURE__ */ jsx140("div", { className: "flex w-64 flex-row items-center justify-end gap-x-4 whitespace-nowrap", children: /* @__PURE__ */ jsx140("div", { className: "flex flex-row items-center justify-end gap-x-4 whitespace-nowrap", children: children ? children : null }) })
+    !isMobile && children && /* @__PURE__ */ jsx140("div", { className: "flex w-64 flex-row items-center justify-end gap-x-4 whitespace-nowrap", children: /* @__PURE__ */ jsx140("div", { className: "flex flex-row items-center justify-end gap-x-4 whitespace-nowrap", children }) })
   ] }) });
 }
 __name(Header, "Header");
@@ -13158,7 +13204,7 @@ function ModeToggleSwitch() {
 __name(ModeToggleSwitch, "ModeToggleSwitch");
 
 // src/components/navigations/PageSection.tsx
-import { ChevronDownIcon as ChevronDownIcon8, ChevronRightIcon as ChevronRightIcon6 } from "lucide-react";
+import { ChevronDownIcon as ChevronDownIcon9, ChevronRightIcon as ChevronRightIcon6 } from "lucide-react";
 import { useEffect as useEffect36, useState as useState44 } from "react";
 import { v4 as v44 } from "uuid";
 import { jsx as jsx142, jsxs as jsxs82 } from "react/jsx-runtime";
@@ -13191,7 +13237,7 @@ function PageSection({ children, title, options, open, small, onToggle }) {
             className: `${isOpen ? "mb-4" : "mb-0"} flex w-full justify-between border-b ${small ? `border-muted` : `border-primary`} pb-1`,
             children: [
               /* @__PURE__ */ jsxs82("div", { className: "flex w-full cursor-pointer items-center justify-start gap-x-2", onClick: toggleOpen, children: [
-                isOpen ? /* @__PURE__ */ jsx142(ChevronDownIcon8, { className: `text-primary h-4 w-4` }) : /* @__PURE__ */ jsx142(ChevronRightIcon6, { className: "text-primary h-4 w-4" }),
+                isOpen ? /* @__PURE__ */ jsx142(ChevronDownIcon9, { className: `text-primary h-4 w-4` }) : /* @__PURE__ */ jsx142(ChevronRightIcon6, { className: "text-primary h-4 w-4" }),
                 /* @__PURE__ */ jsx142("h2", { className: `flex w-full ${small === true ? `text-sm` : `text-lg`} text-primary font-semibold`, children: title })
               ] }),
               options && /* @__PURE__ */ jsx142("div", { className: "flex gap-2", children: options })
@@ -13246,7 +13292,7 @@ __name(PageContainer, "PageContainer");
 // src/components/containers/ReactMarkdownContainer.tsx
 import { ChevronDown as ChevronDown2, ChevronUp } from "lucide-react";
 import { useTranslations as useTranslations50 } from "next-intl";
-import { useEffect as useEffect37, useRef as useRef21, useState as useState45 } from "react";
+import { useEffect as useEffect37, useRef as useRef22, useState as useState45 } from "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import { jsx as jsx145, jsxs as jsxs85 } from "react/jsx-runtime";
@@ -13259,7 +13305,7 @@ function ReactMarkdownContainer({
   const t = useTranslations50("ui.buttons");
   const [isExpanded, setIsExpanded] = useState45(false);
   const [showExpandButton, setShowExpandButton] = useState45(false);
-  const contentRef = useRef21(null);
+  const contentRef = useRef22(null);
   useEffect37(() => {
     if (collapsible && contentRef.current && !isExpanded) {
       const isOverflowing = contentRef.current.scrollHeight > contentRef.current.clientHeight;
@@ -13332,8 +13378,9 @@ function RoundPageContainerTitle({
   setShowDetails
 }) {
   const { title } = useSharedContext();
-  return /* @__PURE__ */ jsxs86("div", { className: "flex w-full flex-row items-center justify-between border-b p-4", children: [
-    /* @__PURE__ */ jsxs86("div", { className: "flex w-full gap-x-4", children: [
+  const isMobile = useIsMobile();
+  return /* @__PURE__ */ jsxs86("div", { className: cn(`flex w-full flex-row items-center border-b p-4`, isMobile ? `justify-end` : `justify-between`), children: [
+    !isMobile && /* @__PURE__ */ jsxs86("div", { className: "flex w-full gap-x-4", children: [
       /* @__PURE__ */ jsxs86("div", { className: "text-muted-foreground flex items-center gap-x-2 text-lg font-light whitespace-nowrap", children: [
         module && module.icon ? /* @__PURE__ */ jsx146(module.icon, { className: "text-primary h-6 w-6" }) : title.icon,
         title.type
@@ -13378,10 +13425,15 @@ function RoundPageContainer({
   const headerChildren = useHeaderChildren();
   const headerLeftContent = useHeaderLeftContent();
   const [showDetails, setShowDetailsState] = useState46(false);
+  const isMobile = useIsMobile();
+  const [mounted, setMounted] = useState46(false);
   useEffect38(() => {
     const match = document.cookie.split("; ").find((row) => row.startsWith(`${DETAILS_COOKIE_NAME}=`));
     if (match?.split("=")[1] === "true") setShowDetailsState(true);
   }, []);
+  useEffect38(() => {
+    setMounted(true);
+  }, []);
   const setShowDetails = useCallback26((value) => {
     setShowDetailsState(value);
     document.cookie = `${DETAILS_COOKIE_NAME}=${value}; path=/; max-age=${DETAILS_COOKIE_MAX_AGE}`;
@@ -13399,10 +13451,24 @@ function RoundPageContainer({
       }
     }
   }, [section, tabs]);
+  const handleTabChange = useCallback26(
+    (key) => {
+      setActiveTab(key);
+      if (module && id) rewriteUrl({ page: module, id, additionalParameters: { section: key } });
+    },
+    [module, id, rewriteUrl]
+  );
   const activeFillHeight = tabs?.find((t) => (t.key?.name ?? t.label) === activeTab)?.fillHeight === true;
+  const isReady = mounted && isMobile !== void 0;
+  if (!isReady) {
+    return /* @__PURE__ */ jsxs87(Fragment22, { children: [
+      /* @__PURE__ */ jsx147(Header, { leftContent: headerLeftContent, className: "bg-sidebar border-0", children: headerChildren }),
+      /* @__PURE__ */ jsx147("div", { className: cn("flex h-[calc(100vh-3rem)] w-full flex-col", isMobile ? "" : "p-2 pt-0 pl-0"), children: /* @__PURE__ */ jsx147("div", { className: cn("bg-background flex h-full w-full", isMobile ? "" : "rounded-lg border p-0"), children: /* @__PURE__ */ jsx147("div", { className: "flex w-full flex-col" }) }) })
+    ] });
+  }
   return /* @__PURE__ */ jsxs87(Fragment22, { children: [
     /* @__PURE__ */ jsx147(Header, { leftContent: headerLeftContent, className: "bg-sidebar border-0", children: headerChildren }),
-    /* @__PURE__ */ jsx147("div", { className: "flex h-[calc(100vh-3rem)] w-full flex-col p-2 pt-0 pl-0", children: /* @__PURE__ */ jsx147("div", { className: "bg-background flex h-full w-full rounded-lg border p-0", children: /* @__PURE__ */ jsxs87("div", { className: "flex w-full flex-col", children: [
+    /* @__PURE__ */ jsx147("div", { className: cn(`flex h-[calc(100vh-3rem)] w-full flex-col`, isMobile ? "p-1 pt-0" : "p-2 pt-0 pl-0"), children: /* @__PURE__ */ jsx147("div", { className: "bg-background flex h-full w-full rounded-lg border p-0", children: /* @__PURE__ */ jsxs87("div", { className: "flex w-full flex-col", children: [
       (!fullWidth || forceHeader) && /* @__PURE__ */ jsx147(
         RoundPageContainerTitle,
         {
@@ -13418,7 +13484,8 @@ function RoundPageContainer({
           "div",
           {
             className: cn(
-              `grow p-4`,
+              `grow`,
+              isMobile ? `p-2` : `p-4`,
               activeFillHeight ? `flex flex-col overflow-hidden` : `overflow-y-auto`,
               fullWidth && `p-0`
             ),
@@ -13436,17 +13503,29 @@ function RoundPageContainer({
                     {
                       value: activeTab,
                       className: cn(`w-full`, activeFillHeight && `flex flex-1 min-h-0 flex-col`),
-                      onValueChange: (key) => {
-                        setActiveTab(key);
-                        if (module && id)
-                          rewriteUrl({ page: module, id, additionalParameters: { section: key } });
-                      },
+                      onValueChange: handleTabChange,
                       children: [
-                        /* @__PURE__ */ jsx147("div", { className: "p-4", children: /* @__PURE__ */ jsx147(TabsList, { className: ``, children: tabs.map((tab) => /* @__PURE__ */ jsx147(TabsTrigger, { value: tab.key?.name ?? tab.label, className: `px-4`, children: tab.contentLabel ?? tab.label }, tab.label)) }) }),
+                        isMobile ? /* @__PURE__ */ jsx147("div", { className: "p-0", children: /* @__PURE__ */ jsxs87(
+                          Select,
+                          {
+                            value: activeTab,
+                            onValueChange: (value) => {
+                              if (value) handleTabChange(value);
+                            },
+                            children: [
+                              /* @__PURE__ */ jsx147(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx147(SelectValue, {}) }),
+                              /* @__PURE__ */ jsx147(SelectContent, { children: tabs.map((tab) => /* @__PURE__ */ jsx147(SelectItem, { value: tab.key?.name ?? tab.label, children: tab.contentLabel ?? tab.label }, tab.label)) })
+                            ]
+                          }
+                        ) }) : /* @__PURE__ */ jsx147("div", { className: "p-4", children: /* @__PURE__ */ jsx147(TabsList, { children: tabs.map((tab) => /* @__PURE__ */ jsx147(TabsTrigger, { value: tab.key?.name ?? tab.label, className: "px-4", children: tab.contentLabel ?? tab.label }, tab.label)) }) }),
                         /* @__PURE__ */ jsx147(
                           "div",
                           {
-                            className: cn(`flex w-full px-4`, activeFillHeight ? `flex-1 min-h-0` : `overflow-y-auto`),
+                            className: cn(
+                              `flex w-full `,
+                              isMobile ? `` : `px-4`,
+                              activeFillHeight ? `flex-1 min-h-0` : `overflow-y-auto`
+                            ),
                             children: tabs.map((tab) => /* @__PURE__ */ jsx147(
                               TabsContent,
                               {
@@ -13461,13 +13540,16 @@ function RoundPageContainer({
                       ]
                     }
                   ),
-                  children && /* @__PURE__ */ jsx147("div", { className: "flex px-4", children })
+                  children && /* @__PURE__ */ jsx147("div", { className: cn(`flex`, isMobile ? `px-2` : `px-4`), children })
                 ] }) : children
               }
             )
           }
         ),
-        details && /* @__PURE__ */ jsx147(
+        details && (isMobile ? /* @__PURE__ */ jsx147(Sheet, { open: showDetails, onOpenChange: setShowDetails, children: /* @__PURE__ */ jsxs87(SheetContent, { side: "right", children: [
+          /* @__PURE__ */ jsx147(SheetHeader, { children: /* @__PURE__ */ jsx147(SheetTitle, { children: "Details" }) }),
+          /* @__PURE__ */ jsx147("div", { className: "overflow-y-auto p-6 pt-0", children: details })
+        ] }) }) : /* @__PURE__ */ jsx147(
           "div",
           {
             className: cn(
@@ -13476,7 +13558,7 @@ function RoundPageContainer({
             ),
             children: details
           }
-        )
+        ))
       ] })
     ] }) }) })
   ] });
@@ -13546,7 +13628,7 @@ function AllowedUsersDetails({ showTitle, content }) {
 __name(AllowedUsersDetails, "AllowedUsersDetails");
 
 // src/components/editors/BlockNoteEditorMentionHoverCard.tsx
-import { useCallback as useCallback27, useEffect as useEffect39, useRef as useRef22, useState as useState47 } from "react";
+import { useCallback as useCallback27, useEffect as useEffect39, useRef as useRef23, useState as useState47 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
 import { jsx as jsx150 } from "react/jsx-runtime";
 function BlockNoteEditorMentionHoverCard({
@@ -13554,7 +13636,7 @@ function BlockNoteEditorMentionHoverCard({
   mentionResolveFn
 }) {
   const [hovered, setHovered] = useState47(null);
-  const closeTimeoutRef = useRef22(null);
+  const closeTimeoutRef = useRef23(null);
   const scheduleClose = useCallback27(() => {
     closeTimeoutRef.current = setTimeout(() => setHovered(null), 200);
   }, []);
@@ -13623,7 +13705,7 @@ __name(BlockNoteEditorMentionHoverCard, "BlockNoteEditorMentionHoverCard");
 // src/components/editors/BlockNoteEditorMentionInlineContent.tsx
 import { createReactInlineContentSpec } from "@blocknote/react";
 import Link3 from "next/link";
-import React20 from "react";
+import React21 from "react";
 import { jsx as jsx151, jsxs as jsxs90 } from "react/jsx-runtime";
 var mentionDataAttrs = /* @__PURE__ */ __name((p) => ({
   "data-mention-id": p.id,
@@ -13631,7 +13713,7 @@ var mentionDataAttrs = /* @__PURE__ */ __name((p) => ({
   "data-mention-alias": p.alias
 }), "mentionDataAttrs");
 var createMentionInlineContentSpec = /* @__PURE__ */ __name((resolveFn, disableMention) => {
-  const Mention = React20.memo(/* @__PURE__ */ __name(function Mention2(props) {
+  const Mention = React21.memo(/* @__PURE__ */ __name(function Mention2(props) {
     if (disableMention) {
       const resolved2 = resolveFn?.(props.id, props.entityType, props.alias);
       return /* @__PURE__ */ jsxs90(Link3, { href: resolved2?.url ?? "#", className: "text-primary", children: [
@@ -13677,7 +13759,7 @@ var createMentionInlineContentSpec = /* @__PURE__ */ __name((resolveFn, disableM
 // src/components/editors/BlockNoteEditorSuggestionMenuController.tsx
 import { SuggestionMenuController } from "@blocknote/react";
 import { autoUpdate, flip, shift } from "@floating-ui/react";
-import { useCallback as useCallback28, useRef as useRef23 } from "react";
+import { useCallback as useCallback28, useRef as useRef24 } from "react";
 import { jsx as jsx152 } from "react/jsx-runtime";
 var DEBOUNCE_MS = 300;
 function BlockNoteEditorMentionSuggestionMenu({
@@ -13685,7 +13767,7 @@ function BlockNoteEditorMentionSuggestionMenu({
   mentionSearchFn,
   mentionSearchParams
 }) {
-  const lastQueryRef = useRef23("");
+  const lastQueryRef = useRef24("");
   const getItems = useCallback28(
     async (query) => {
       lastQueryRef.current = query;
@@ -13738,12 +13820,12 @@ function BlockNoteEditorMentionSuggestionMenu({
 __name(BlockNoteEditorMentionSuggestionMenu, "BlockNoteEditorMentionSuggestionMenu");
 
 // src/components/pages/PageContainerContentDetails.tsx
-import { useEffect as useEffect40, useRef as useRef24, useState as useState48 } from "react";
+import { useEffect as useEffect40, useRef as useRef25, useState as useState48 } from "react";
 import { jsx as jsx153, jsxs as jsxs91 } from "react/jsx-runtime";
 function PageContainerContentDetails({ items, section, module, id }) {
   const rewriteUrl = useUrlRewriter();
   const [isScrolled, setIsScrolled] = useState48(false);
-  const sentinelRef = useRef24(null);
+  const sentinelRef = useRef25(null);
   useEffect40(() => {
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -13950,13 +14032,13 @@ function JsonApiProvider({ config, children }) {
 __name(JsonApiProvider, "JsonApiProvider");
 
 // src/client/hooks/useJsonApiGet.ts
-import { useState as useState50, useEffect as useEffect43, useCallback as useCallback29, useRef as useRef25 } from "react";
+import { useState as useState50, useEffect as useEffect43, useCallback as useCallback29, useRef as useRef26 } from "react";
 function useJsonApiGet(params) {
   const [data, setData] = useState50(null);
   const [loading, setLoading] = useState50(false);
   const [error, setError] = useState50(null);
   const [response, setResponse] = useState50(null);
-  const isMounted = useRef25(true);
+  const isMounted = useRef26(true);
   const fetchData = useCallback29(async () => {
     if (params.options?.enabled === false) return;
     setLoading(true);
@@ -14758,12 +14840,12 @@ import { memo, useMemo as useMemo25, useState as useState55 } from "react";
 // src/components/tables/ContentTableSearch.tsx
 import { RefreshCw, Search, X as X3 } from "lucide-react";
 import { useTranslations as useTranslations55 } from "next-intl";
-import { useCallback as useCallback34, useEffect as useEffect47, useRef as useRef26, useState as useState54 } from "react";
+import { useCallback as useCallback34, useEffect as useEffect47, useRef as useRef27, useState as useState54 } from "react";
 import { jsx as jsx164, jsxs as jsxs94 } from "react/jsx-runtime";
 function ContentTableSearch({ data }) {
   const t = useTranslations55();
-  const searchTermRef = useRef26("");
-  const inputRef = useRef26(null);
+  const searchTermRef = useRef27("");
+  const inputRef = useRef27(null);
   const [searchTerm, setSearchTerm] = useState54("");
   const [isFocused, setIsFocused] = useState54(false);
   const [isSearching, setIsSearching] = useState54(false);
@@ -14963,12 +15045,12 @@ var ContentListTable = memo(/* @__PURE__ */ __name(function ContentListTable2(pr
 }, "ContentListTable"));
 
 // src/components/grids/ContentListGrid.tsx
-import { useEffect as useEffect48, useRef as useRef27 } from "react";
+import { useEffect as useEffect48, useRef as useRef28 } from "react";
 import { Fragment as Fragment27, jsx as jsx166, jsxs as jsxs96 } 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 = useRef27(null);
+  const sentinelRef = useRef28(null);
   useEffect48(() => {
     if (!data.next || !sentinelRef.current) return;
     const observer = new IntersectionObserver(
@@ -15063,14 +15145,14 @@ __name(validateItalianTaxCode, "validateItalianTaxCode");
 
 // src/components/fiscal/ItalianFiscalData.tsx
 import { useTranslations as useTranslations56 } from "next-intl";
-import { forwardRef as forwardRef8, useCallback as useCallback35, useImperativeHandle as useImperativeHandle2, useRef as useRef28, useState as useState56 } from "react";
+import { forwardRef as forwardRef8, useCallback as useCallback35, useImperativeHandle as useImperativeHandle2, useRef as useRef29, useState as useState56 } from "react";
 import { z as z4 } from "zod";
 import { jsx as jsx167, jsxs as jsxs97 } from "react/jsx-runtime";
 var ItalianFiscalData = forwardRef8(/* @__PURE__ */ __name(function ItalianFiscalData2({ initialData }, ref) {
   const t = useTranslations56();
-  const initialRef = useRef28(initialData);
+  const initialRef = useRef29(initialData);
   const [fiscalData, setFiscalData] = useState56(initialData);
-  const fiscalDataRef = useRef28(initialData);
+  const fiscalDataRef = useRef29(initialData);
   const [fiscalErrors, setFiscalErrors] = useState56({});
   const updateFiscalField = useCallback35((key, value) => {
     setFiscalData((prev) => {
@@ -15707,11 +15789,11 @@ import { useTranslations as useTranslations60 } from "next-intl";
 import { useState as useState61 } from "react";
 
 // src/features/auth/components/two-factor/TotpInput.tsx
-import { useEffect as useEffect50, useRef as useRef29, useState as useState60 } from "react";
+import { useEffect as useEffect50, useRef as useRef30, useState as useState60 } from "react";
 import { jsx as jsx173, jsxs as jsxs101 } from "react/jsx-runtime";
 function TotpInput({ onComplete, disabled = false, autoFocus = true, error }) {
   const [digits, setDigits] = useState60(["", "", "", "", "", ""]);
-  const inputRefs = useRef29([]);
+  const inputRefs = useRef30([]);
   useEffect50(() => {
     if (autoFocus && inputRefs.current[0]) {
       inputRefs.current[0].focus();
@@ -17200,7 +17282,7 @@ __name(RelevantContentsList, "RelevantContentsList");
 // src/features/how-to/components/containers/HowToCommand.tsx
 import { ArrowRight, LifeBuoyIcon } from "lucide-react";
 import { useTranslations as useTranslations78 } from "next-intl";
-import { useCallback as useCallback37, useEffect as useEffect59, useMemo as useMemo28, useRef as useRef30, useState as useState75 } from "react";
+import { useCallback as useCallback37, useEffect as useEffect59, useMemo as useMemo28, useRef as useRef31, useState as useState75 } from "react";
 
 // src/features/how-to/components/containers/HowToCommandViewer.tsx
 import { ArrowLeft, BookOpen, MessageSquare } from "lucide-react";
@@ -17328,7 +17410,7 @@ function HowToCommand({ pathname, extraGroups, onStartChat }) {
   const t = useTranslations78();
   const [dialogOpen, setDialogOpen] = useState75(false);
   const [selectedHowTo, setSelectedHowTo] = useState75(null);
-  const searchTermRef = useRef30("");
+  const searchTermRef = useRef31("");
   const [searchTerm, setSearchTerm] = useState75("");
   const data = useDataListRetriever({
     retriever: /* @__PURE__ */ __name((params) => {
@@ -17670,7 +17752,7 @@ __name(HowToMultiSelector, "HowToMultiSelector");
 // src/features/how-to/components/forms/HowToSelector.tsx
 import { CircleX as CircleX2, RefreshCwIcon as RefreshCwIcon3, SearchIcon as SearchIcon6, XIcon as XIcon10 } from "lucide-react";
 import { useTranslations as useTranslations83 } from "next-intl";
-import { useCallback as useCallback38, useEffect as useEffect60, useRef as useRef31, useState as useState76 } from "react";
+import { useCallback as useCallback38, useEffect as useEffect60, useRef as useRef32, useState as useState76 } from "react";
 import { Fragment as Fragment42, jsx as jsx203, jsxs as jsxs120 } from "react/jsx-runtime";
 function HowToSelector({
   id,
@@ -17682,7 +17764,7 @@ function HowToSelector({
 }) {
   const t = useTranslations83();
   const [open, setOpen] = useState76(false);
-  const searchTermRef = useRef31("");
+  const searchTermRef = useRef32("");
   const [searchTerm, setSearchTerm] = useState76("");
   const [isSearching, setIsSearching] = useState76(false);
   const data = useDataListRetriever({
@@ -17976,7 +18058,7 @@ function AssistantThreadHeader({ assistant, onRename, onDelete }) {
 __name(AssistantThreadHeader, "AssistantThreadHeader");
 
 // src/features/assistant/components/parts/AssistantThread.tsx
-import { useEffect as useEffect62, useRef as useRef32 } from "react";
+import { useEffect as useEffect62, useRef as useRef33 } from "react";
 
 // src/features/assistant-message/components/MessageItem.tsx
 import { useTranslations as useTranslations93 } from "next-intl";
@@ -18530,7 +18612,7 @@ __name(AssistantStatusLine, "AssistantStatusLine");
 // src/features/assistant/components/parts/AssistantThread.tsx
 import { jsx as jsx219, jsxs as jsxs133 } from "react/jsx-runtime";
 function AssistantThread({ messages, sending, status, onSelectFollowUp, failedMessageIds, onRetry }) {
-  const endRef = useRef32(null);
+  const endRef = useRef33(null);
   useEffect62(() => {
     endRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [messages.length, sending]);
@@ -18724,10 +18806,10 @@ __name(NotificationsListContainer, "NotificationsListContainer");
 // src/features/notification/components/modals/NotificationModal.tsx
 import { BellIcon } from "lucide-react";
 import { useTranslations as useTranslations97 } from "next-intl";
-import { Fragment as Fragment47, useCallback as useCallback39, useEffect as useEffect63, useMemo as useMemo32, useRef as useRef33, useState as useState83 } from "react";
+import { Fragment as Fragment47, useCallback as useCallback39, useEffect as useEffect63, useMemo as useMemo32, useRef as useRef34, useState as useState83 } from "react";
 import { jsx as jsx224, jsxs as jsxs138 } from "react/jsx-runtime";
 function NotificationModalContent({ isOpen, setIsOpen }) {
-  const _instanceId = useRef33(Math.random().toString(36).substr(2, 9));
+  const _instanceId = useRef34(Math.random().toString(36).substr(2, 9));
   const {
     notifications,
     addNotification,
@@ -18748,8 +18830,8 @@ function NotificationModalContent({ isOpen, setIsOpen }) {
   const t = useTranslations97();
   const generateUrl = usePageUrlGenerator();
   const [newNotifications, setNewNotifications] = useState83(false);
-  const preventAutoClose = useRef33(false);
-  const circuitBreakerRef = useRef33({
+  const preventAutoClose = useRef34(false);
+  const circuitBreakerRef = useRef34({
     count: 0,
     resetTime: 0,
     isOpen: false
@@ -18782,7 +18864,7 @@ function NotificationModalContent({ isOpen, setIsOpen }) {
   useEffect63(() => {
     if (lastLoaded === 0) loadNotifications();
   }, [lastLoaded, loadNotifications]);
-  const processSocketNotificationsRef = useRef33(null);
+  const processSocketNotificationsRef = useRef34(null);
   const processSocketNotifications = useCallback39(() => {
     if (socketNotifications.length === 0) {
       return;
@@ -18943,7 +19025,7 @@ __name(ReferralCodeCapture, "ReferralCodeCapture");
 
 // src/features/referral/components/ReferralWidget.tsx
 import { Copy as Copy2, Loader2 as Loader25, Mail, Users } from "lucide-react";
-import { useCallback as useCallback40, useRef as useRef34, useState as useState86 } from "react";
+import { useCallback as useCallback40, useRef as useRef35, useState as useState86 } from "react";
 
 // src/features/referral/hooks/useReferralInvite.ts
 import { useState as useState84 } from "react";
@@ -19049,7 +19131,7 @@ function ReferralWidget({
   const { sendInvite, sending } = useReferralInvite();
   const [email, setEmail] = useState86("");
   const [copied, setCopied] = useState86(false);
-  const linkInputRef = useRef34(null);
+  const linkInputRef = useRef35(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}` : "";
@@ -19337,11 +19419,11 @@ __name(RemoveUserFromRole, "RemoveUserFromRole");
 // src/features/role/components/forms/UserRoleAdd.tsx
 import { PlusCircle as PlusCircle2 } from "lucide-react";
 import { useTranslations as useTranslations101 } from "next-intl";
-import { useCallback as useCallback41, useEffect as useEffect67, useRef as useRef35, useState as useState88 } from "react";
+import { useCallback as useCallback41, useEffect as useEffect67, useRef as useRef36, useState as useState88 } from "react";
 import { Fragment as Fragment51, jsx as jsx232, jsxs as jsxs144 } from "react/jsx-runtime";
 function UserRoleAdd({ user, refresh }) {
   const [open, setOpen] = useState88(false);
-  const inputRef = useRef35(null);
+  const inputRef = useRef36(null);
   const [searchTerm, setSearchTerm] = useState88("");
   const [roles, setRoles] = useState88([]);
   const t = useTranslations101();
@@ -20761,7 +20843,7 @@ __name(WaitlistList, "WaitlistList");
 // src/features/rbac/components/RbacContainer.tsx
 import { Loader2Icon as Loader2Icon3 } from "lucide-react";
 import { useTranslations as useTranslations110 } from "next-intl";
-import { memo as memo2, useCallback as useCallback49, useEffect as useEffect71, useMemo as useMemo33, useRef as useRef36, useState as useState96 } from "react";
+import { memo as memo2, useCallback as useCallback49, useEffect as useEffect71, useMemo as useMemo33, useRef as useRef37, useState as useState96 } from "react";
 
 // src/features/rbac/components/RbacPermissionCell.tsx
 import { CheckIcon as CheckIcon9, MinusIcon as MinusIcon2, XIcon as XIcon11 } from "lucide-react";
@@ -21030,7 +21112,7 @@ var CellButton = memo2(/* @__PURE__ */ __name(function CellButton2({
   isRoleColumn,
   onOpen
 }) {
-  const ref = useRef36(null);
+  const ref = useRef37(null);
   const value = cellValue(tokens, action);
   const handleClick = useCallback49(() => {
     if (!ref.current) return;
@@ -21216,7 +21298,7 @@ __name(RbacContainer, "RbacContainer");
 // src/features/rbac/components/RbacByRoleContainer.tsx
 import { Loader2Icon as Loader2Icon4 } from "lucide-react";
 import { useTranslations as useTranslations111 } from "next-intl";
-import { Fragment as Fragment55, memo as memo3, useCallback as useCallback50, useEffect as useEffect72, useMemo as useMemo34, useRef as useRef37, useState as useState97 } from "react";
+import { Fragment as Fragment55, memo as memo3, useCallback as useCallback50, useEffect as useEffect72, useMemo as useMemo34, useRef as useRef38, useState as useState97 } from "react";
 import { jsx as jsx256, jsxs as jsxs166 } from "react/jsx-runtime";
 function findToken2(tokens, action) {
   if (!tokens) return void 0;
@@ -21237,7 +21319,7 @@ var CellButton3 = memo3(/* @__PURE__ */ __name(function CellButton4({
   isRoleColumn,
   onOpen
 }) {
-  const ref = useRef37(null);
+  const ref = useRef38(null);
   const value = cellValue2(tokens, action);
   const handleClick = useCallback50(() => {
     if (!ref.current) return;
@@ -21902,4 +21984,4 @@ export {
   useOAuthClients,
   useOAuthClient
 };
-//# sourceMappingURL=chunk-WHZMP3ZF.mjs.map
+//# sourceMappingURL=chunk-KW2CKXJX.mjs.map