@carlonicora/nextjs-jsonapi 1.121.0 → 1.123.0

package/dist/{chunk-DMG6R3Y4.mjs → chunk-BPGXWAKV.mjs}

@@ -4416,17 +4416,34 @@ __name(TableCaption, "TableCaption");
 // src/shadcnui/ui/tabs.tsx
 import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
 import { cva as cva9 } from "class-variance-authority";
+import { createContext as createContext4, useContext as useContext5, useState as useState4 } from "react";
 import { jsx as jsx45 } from "react/jsx-runtime";
-function Tabs({ className, orientation = "horizontal", ...props }) {
-  return /* @__PURE__ */ jsx45(
+var TabsActiveValueContext = createContext4(void 0);
+function Tabs({
+  className,
+  orientation = "horizontal",
+  value,
+  defaultValue,
+  onValueChange,
+  ...props
+}) {
+  const [uncontrolledValue, setUncontrolledValue] = useState4(defaultValue);
+  const activeValue = value !== void 0 ? value : uncontrolledValue;
+  return /* @__PURE__ */ jsx45(TabsActiveValueContext.Provider, { value: activeValue, children: /* @__PURE__ */ jsx45(
     TabsPrimitive.Root,
     {
       "data-slot": "tabs",
       "data-orientation": orientation,
       className: cn("gap-2 group/tabs flex data-[orientation=horizontal]:flex-col", className),
+      value,
+      defaultValue,
+      onValueChange: (newValue, eventDetails) => {
+        setUncontrolledValue(newValue);
+        onValueChange?.(newValue, eventDetails);
+      },
       ...props
     }
-  );
+  ) });
 }
 __name(Tabs, "Tabs");
 var tabsListVariants = cva9(
@@ -4476,13 +4493,21 @@ function TabsTrigger({ className, ...props }) {
   );
 }
 __name(TabsTrigger, "TabsTrigger");
-function TabsContent({ className, ...props }) {
+function TabsContent({ className, value, keepMounted, children, ...props }) {
+  const activeValue = useContext5(TabsActiveValueContext);
+  const isActive = activeValue !== void 0 && activeValue === value;
+  const [hasBeenActive, setHasBeenActive] = useState4(isActive);
+  if (isActive && !hasBeenActive) setHasBeenActive(true);
+  const shouldRenderChildren = !keepMounted || activeValue === void 0 || hasBeenActive;
   return /* @__PURE__ */ jsx45(
     TabsPrimitive.Panel,
     {
       "data-slot": "tabs-content",
+      value,
+      keepMounted,
       className: cn("text-xs/relaxed flex-1 outline-none", className),
-      ...props
+      ...props,
+      children: shouldRenderChildren ? children : null
     }
   );
 }
@@ -6151,7 +6176,7 @@ __name(EntityAvatar, "EntityAvatar");
 
 // src/features/company/contexts/CompanyContext.tsx
 import { useTranslations as useTranslations38 } from "next-intl";
-import { Fragment as Fragment19, createContext as createContext9, useContext as useContext10, useState as useState34 } from "react";
+import { Fragment as Fragment19, createContext as createContext10, useContext as useContext11, useState as useState35 } from "react";
 
 // src/hooks/TableGeneratorRegistry.ts
 var TableGeneratorRegistry = class _TableGeneratorRegistry {
@@ -6259,14 +6284,14 @@ function useUrlRewriter() {
 __name(useUrlRewriter, "useUrlRewriter");
 
 // src/hooks/useDataListRetriever.ts
-import { useCallback as useCallback7, useEffect as useEffect6, useMemo as useMemo7, useRef as useRef6, useState as useState7 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect6, useMemo as useMemo7, useRef as useRef6, useState as useState8 } from "react";
 function useDataListRetriever(params) {
-  const [data, setData] = useState7(void 0);
-  const [total, setTotal] = useState7(void 0);
-  const [nextPage, setNextPage] = useState7(void 0);
-  const [previousPage, setPreviousPage] = useState7(void 0);
-  const [isLoaded, setIsLoaded] = useState7(false);
-  const [ready, setReady] = useState7(params.ready ?? true);
+  const [data, setData] = useState8(void 0);
+  const [total, setTotal] = useState8(void 0);
+  const [nextPage, setNextPage] = useState8(void 0);
+  const [previousPage, setPreviousPage] = useState8(void 0);
+  const [isLoaded, setIsLoaded] = useState8(false);
+  const [ready, setReady] = useState8(params.ready ?? true);
   const searchTermRef = useRef6("");
   const additionalParamsRef = useRef6({});
   const requestIdRef = useRef6(0);
@@ -7374,16 +7399,16 @@ function usePushNotifications() {
 __name(usePushNotifications, "usePushNotifications");
 
 // src/hooks/useSocket.ts
-import { useEffect as useEffect12, useRef as useRef9, useState as useState8 } from "react";
+import { useEffect as useEffect12, useRef as useRef9, useState as useState9 } from "react";
 import io from "socket.io-client";
 function useSocket({ token }) {
   const _errorCount = useRef9(0);
   const shouldConnect = useRef9(true);
   const _hookInstanceId = useRef9(Math.random().toString(36).substring(2, 11));
-  const [socket, setSocket] = useState8(null);
-  const [isConnected, setIsConnected] = useState8(false);
-  const [messages, setMessages] = useState8([]);
-  const [socketNotifications, setSocketNotifications] = useState8([]);
+  const [socket, setSocket] = useState9(null);
+  const [isConnected, setIsConnected] = useState9(false);
+  const [messages, setMessages] = useState9([]);
+  const [socketNotifications, setSocketNotifications] = useState9([]);
   const socketRef = useRef9(null);
   useEffect12(() => {
     if (!token) return;
@@ -7529,10 +7554,10 @@ __name(useSocket, "useSocket");
 import { useAtom as useAtom2 } from "jotai";
 import { atomWithStorage as atomWithStorage2 } from "jotai/utils";
 import { usePathname as usePathname2 } from "next/navigation";
-import { createContext as createContext6, useCallback as useCallback10, useContext as useContext7, useEffect as useEffect13, useRef as useRef10, useState as useState9 } from "react";
+import { createContext as createContext7, useCallback as useCallback10, useContext as useContext8, useEffect as useEffect13, useRef as useRef10, useState as useState10 } from "react";
 
 // src/contexts/SocketContext.tsx
-import { createContext as createContext5, useContext as useContext6 } from "react";
+import { createContext as createContext6, useContext as useContext7 } from "react";
 import { jsx as jsx53 } from "react/jsx-runtime";
 var defaultContextValue = {
   socket: null,
@@ -7550,7 +7575,7 @@ var defaultContextValue = {
   clearSocketNotifications: /* @__PURE__ */ __name(() => {
   }, "clearSocketNotifications")
 };
-var SocketContext = createContext5(defaultContextValue);
+var SocketContext = createContext6(defaultContextValue);
 var SocketProvider = /* @__PURE__ */ __name(({ token, children }) => {
   const socketHookData = token ? useSocket({ token }) : null;
   const sendMessage = /* @__PURE__ */ __name((event, data) => {
@@ -7568,7 +7593,7 @@ var SocketProvider = /* @__PURE__ */ __name(({ token, children }) => {
   return /* @__PURE__ */ jsx53(SocketContext.Provider, { value, children });
 }, "SocketProvider");
 var useSocketContext = /* @__PURE__ */ __name(() => {
-  const context = useContext6(SocketContext);
+  const context = useContext7(SocketContext);
   if (!context) {
     throw new Error("useSocketContext must be used within a SocketProvider");
   }
@@ -7578,7 +7603,7 @@ var useSocketContext = /* @__PURE__ */ __name(() => {
 // src/features/user/contexts/CurrentUserContext.tsx
 import { jsx as jsx54 } from "react/jsx-runtime";
 var userAtom = atomWithStorage2("user", null);
-var CurrentUserContext = createContext6(void 0);
+var CurrentUserContext = createContext7(void 0);
 var CurrentUserProvider = /* @__PURE__ */ __name(({ children }) => {
   const path = usePathname2();
   const [dehydratedUser, setDehydratedUser] = useAtom2(userAtom);
@@ -7634,7 +7659,7 @@ var CurrentUserProvider = /* @__PURE__ */ __name(({ children }) => {
     return response;
   }
   __name(hasPermissionToPath, "hasPermissionToPath");
-  const [isRefreshing, setIsRefreshing] = useState9(false);
+  const [isRefreshing, setIsRefreshing] = useState10(false);
   const refreshUser = useCallback10(
     async (options) => {
       if (isRefreshing) {
@@ -7710,7 +7735,7 @@ var CurrentUserProvider = /* @__PURE__ */ __name(({ children }) => {
   );
 }, "CurrentUserProvider");
 function useCurrentUserContext() {
-  const context = useContext7(CurrentUserContext);
+  const context = useContext8(CurrentUserContext);
   if (context === void 0) {
     throw new Error("useCurrentUserContext must be used within a UserProvider");
   }
@@ -7720,18 +7745,18 @@ __name(useCurrentUserContext, "useCurrentUserContext");
 
 // src/features/user/contexts/UserContext.tsx
 import { useTranslations as useTranslations21 } from "next-intl";
-import { createContext as createContext8, useContext as useContext9, useState as useState31 } from "react";
+import { createContext as createContext9, useContext as useContext10, useState as useState32 } from "react";
 
 // src/features/user/components/forms/RoleUserAdd.tsx
 import { useTranslations } from "next-intl";
-import { useEffect as useEffect14, useState as useState10 } from "react";
+import { useEffect as useEffect14, useState as useState11 } from "react";
 import { Fragment as Fragment5, jsx as jsx55, jsxs as jsxs27 } from "react/jsx-runtime";
 function AddUserToRoleInternal({ role, refresh }) {
   const { company } = useCurrentUserContext();
-  const [show, setShow] = useState10(false);
-  const [users, setUsers] = useState10([]);
+  const [show, setShow] = useState11(false);
+  const [users, setUsers] = useState11([]);
   const t = useTranslations();
-  const [existingUsers, setExistingUsers] = useState10(null);
+  const [existingUsers, setExistingUsers] = useState11(null);
   useEffect14(() => {
     const fetchExistingUsers = /* @__PURE__ */ __name(async () => {
       setExistingUsers(await UserService.findMany({ roleId: role.id, fetchAll: true }));
@@ -7800,10 +7825,10 @@ __name(AddUserToRole, "AddUserToRole");
 import { UploadIcon } from "lucide-react";
 import { useTranslations as useTranslations2 } from "next-intl";
 import Image from "next/image";
-import { useEffect as useEffect15, useState as useState11 } from "react";
+import { useEffect as useEffect15, useState as useState12 } from "react";
 import { jsx as jsx56, jsxs as jsxs28 } from "react/jsx-runtime";
 function UserAvatarEditor({ user, file, setFile, resetImage, setResetImage }) {
-  const [files, setFiles] = useState11(null);
+  const [files, setFiles] = useState12(null);
   const t = useTranslations2();
   useEffect15(() => {
     if (files && files.length > 0) {
@@ -7893,7 +7918,7 @@ __name(UserDeleter, "UserDeleter");
 // src/features/user/components/forms/UserEditor.tsx
 import { zodResolver } from "@hookform/resolvers/zod";
 import { useTranslations as useTranslations4 } from "next-intl";
-import { useCallback as useCallback11, useEffect as useEffect16, useMemo as useMemo9, useState as useState12 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect16, useMemo as useMemo9, useState as useState13 } from "react";
 import { useForm } from "react-hook-form";
 import { v4 } from "uuid";
 import { z } from "zod";
@@ -7918,12 +7943,12 @@ function UserEditorInternal({
   } = useCurrentUserContext();
   const { company: companyFromContext } = useCompanyContext();
   const router = useI18nRouter();
-  const [roles, setRoles] = useState12([]);
-  const [file, setFile] = useState12(null);
-  const [contentType, setContentType] = useState12(null);
-  const [resetImage, setResetImage] = useState12(false);
+  const [roles, setRoles] = useState13([]);
+  const [file, setFile] = useState13(null);
+  const [contentType, setContentType] = useState13(null);
+  const [resetImage, setResetImage] = useState13(false);
   const t = useTranslations4();
-  const [company, setCompany] = useState12(companyFromContext || userCompany);
+  const [company, setCompany] = useState13(companyFromContext || userCompany);
   useEffect16(() => {
     if (!companyFromContext && userCompany) setCompany(userCompany);
   }, [company]);
@@ -8165,7 +8190,7 @@ __name(UserEditor, "UserEditor");
 import { useTranslations as useTranslations5 } from "next-intl";
 
 // src/components/forms/EntityMultiSelector.tsx
-import { useCallback as useCallback12, useEffect as useEffect17, useMemo as useMemo10, useRef as useRef11, useState as useState13 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect17, useMemo as useMemo10, useRef as useRef11, useState as useState14 } from "react";
 import { useWatch } from "react-hook-form";
 import { CheckIcon as CheckIcon8, ChevronDownIcon as ChevronDownIcon7, SearchIcon as SearchIcon2, XIcon as XIcon5 } from "lucide-react";
 
@@ -8224,9 +8249,9 @@ function EntityMultiSelector({
   onChange,
   renderOption
 }) {
-  const [open, setOpen] = useState13(false);
-  const [searchTerm, setSearchTerm] = useState13("");
-  const [options, setOptions] = useState13([]);
+  const [open, setOpen] = useState14(false);
+  const [searchTerm, setSearchTerm] = useState14("");
+  const [options, setOptions] = useState14([]);
   const searchInputRef = useRef11(null);
   const getLabelRef = useRef11(getLabel);
   const toFormValueRef = useRef11(toFormValue);
@@ -8482,10 +8507,10 @@ __name(UserMultiSelect, "UserMultiSelect");
 // src/features/user/components/forms/UserReactivator.tsx
 import { UserCheckIcon } from "lucide-react";
 import { useTranslations as useTranslations6 } from "next-intl";
-import { useState as useState14 } from "react";
+import { useState as useState15 } from "react";
 import { jsx as jsx62, jsxs as jsxs33 } from "react/jsx-runtime";
 function UserReactivatorInterface({ user, propagateChanges }) {
-  const [open, setOpen] = useState14(false);
+  const [open, setOpen] = useState15(false);
   const t = useTranslations6();
   const reactivateUser = /* @__PURE__ */ __name(async () => {
     try {
@@ -8535,10 +8560,10 @@ __name(UserReactivator, "UserReactivator");
 // src/features/user/components/forms/UserResentInvitationEmail.tsx
 import { MailIcon } from "lucide-react";
 import { useTranslations as useTranslations7 } from "next-intl";
-import { useState as useState15 } from "react";
+import { useState as useState16 } from "react";
 import { jsx as jsx63, jsxs as jsxs34 } from "react/jsx-runtime";
 function UserResentInvitationEmailInternal({ user }) {
-  const [open, setOpen] = useState15(false);
+  const [open, setOpen] = useState16(false);
   const t = useTranslations7();
   const sendInvitationEmail = /* @__PURE__ */ __name(async () => {
     try {
@@ -8590,11 +8615,11 @@ __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 useTranslations20 } from "next-intl";
-import { useCallback as useCallback18, useEffect as useEffect27, useRef as useRef18, useState as useState30 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect27, useRef as useRef18, useState as useState31 } from "react";
 
 // src/components/forms/CommonAssociationForm.tsx
 import { useTranslations as useTranslations8 } from "next-intl";
-import { useCallback as useCallback13, useEffect as useEffect18, useRef as useRef12, useState as useState16 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect18, useRef as useRef12, useState as useState17 } from "react";
 import { jsx as jsx64, jsxs as jsxs35 } from "react/jsx-runtime";
 function CommonAssociationTrigger({
   sourceType,
@@ -8622,7 +8647,7 @@ function CommonAssociationCommandDialog({
 }) {
   const t = useTranslations8();
   const searchTermRef = useRef12("");
-  const [searchTerm, setSearchTerm] = useState16("");
+  const [searchTerm, setSearchTerm] = useState17("");
   const refreshList = useCallback13(
     async (searchedTerm) => {
       if (searchedTerm === searchTermRef.current) return;
@@ -8701,7 +8726,7 @@ var triggerAssociationToast = /* @__PURE__ */ __name((params) => {
 
 // src/components/forms/CommonDeleter.tsx
 import { LoaderCircleIcon, Trash2Icon } from "lucide-react";
-import { useState as useState17 } from "react";
+import { useState as useState18 } from "react";
 
 // src/components/errors/ErrorDetails.tsx
 import Image2 from "next/image";
@@ -8757,8 +8782,8 @@ function CommonDeleter({
 }) {
   const t = useI18nTranslations();
   const router = useI18nRouter();
-  const [open, setOpen] = useState17(forceShow || false);
-  const [isDeleting, setIsDeleting] = useState17(false);
+  const [open, setOpen] = useState18(forceShow || false);
+  const [isDeleting, setIsDeleting] = useState18(false);
   const handleDelete = /* @__PURE__ */ __name(async () => {
     setIsDeleting(true);
     try {
@@ -8926,10 +8951,10 @@ var CommonAddTrigger = React15.forwardRef(
 CommonAddTrigger.displayName = "CommonAddTrigger";
 
 // src/components/forms/useEditorDialog.ts
-import { useCallback as useCallback14, useEffect as useEffect19, useState as useState18 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect19, useState as useState19 } from "react";
 function useEditorDialog(isFormDirty, options) {
-  const [open, setOpen] = useState18(false);
-  const [showDiscardConfirm, setShowDiscardConfirm] = useState18(false);
+  const [open, setOpen] = useState19(false);
+  const [showDiscardConfirm, setShowDiscardConfirm] = useState19(false);
   useEffect19(() => {
     if (options?.dialogOpen !== void 0) {
       setOpen(options.dialogOpen);
@@ -9023,6 +9048,7 @@ function EditorSheet({
   dialogOpen,
   onDialogOpenChange,
   renderFooter,
+  actions,
   children
 }) {
   const t = useTranslations13();
@@ -9070,6 +9096,8 @@ function EditorSheet({
     },
     [onSubmit, setOpen, onSuccess, onSaved, onRevalidate, onNavigate, generateUrl, module, isEdit, propagateChanges, t]
   );
+  const headerTitle = titleOverride ?? (isEdit ? t("common.edit.update.title", { type: entityType }) : t("common.edit.create.title", { type: entityType }));
+  const headerDescription = descriptionOverride ?? (isEdit ? t("common.edit.update.description", { type: entityType, name: entityName ?? "" }) : t("common.edit.create.description", { type: entityType }));
   return /* @__PURE__ */ jsxs41(Fragment9, { children: [
     /* @__PURE__ */ jsxs41(Sheet, { open, onOpenChange: handleOpenChange, children: [
       dialogOpen === void 0 && forceShow === void 0 && (trigger ? (
@@ -9091,10 +9119,19 @@ function EditorSheet({
         }
       ) : /* @__PURE__ */ jsx71(Button, { render: /* @__PURE__ */ jsx71("div", {}), nativeButton: false, size: "sm", variant: "outline", children: t("ui.buttons.create") }) })),
       /* @__PURE__ */ jsxs41(SheetContent, { side: "right", className: sizeClasses[size], children: [
-        /* @__PURE__ */ jsxs41(SheetHeader, { className: "border-b px-6 py-4", children: [
-          /* @__PURE__ */ jsx71(SheetTitle, { children: titleOverride ?? (isEdit ? t("common.edit.update.title", { type: entityType }) : t("common.edit.create.title", { type: entityType })) }),
-          /* @__PURE__ */ jsx71(SheetDescription, { children: descriptionOverride ?? (isEdit ? t("common.edit.update.description", { type: entityType, name: entityName ?? "" }) : t("common.edit.create.description", { type: entityType })) })
-        ] }),
+        /* @__PURE__ */ jsx71(SheetHeader, { className: "border-b px-6 py-4", children: actions ? (
+          // pr-10 clears the SheetContent close button (absolute top-4 right-4).
+          /* @__PURE__ */ jsxs41("div", { className: "flex items-start justify-between gap-x-4 pr-10", children: [
+            /* @__PURE__ */ jsxs41("div", { className: "flex min-w-0 flex-col gap-y-1.5", children: [
+              /* @__PURE__ */ jsx71(SheetTitle, { children: headerTitle }),
+              /* @__PURE__ */ jsx71(SheetDescription, { children: headerDescription })
+            ] }),
+            /* @__PURE__ */ jsx71("div", { className: "flex shrink-0 items-center gap-x-2", children: actions })
+          ] })
+        ) : /* @__PURE__ */ jsxs41(Fragment9, { children: [
+          /* @__PURE__ */ jsx71(SheetTitle, { children: headerTitle }),
+          /* @__PURE__ */ jsx71(SheetDescription, { children: headerDescription })
+        ] }) }),
         /* @__PURE__ */ jsx71(Form, { ...form, children: /* @__PURE__ */ jsxs41(
           "form",
           {
@@ -9129,7 +9166,7 @@ __name(EditorSheet, "EditorSheet");
 // src/components/forms/DatePickerPopover.tsx
 import { isValid, parse } from "date-fns";
 import { Calendar as CalendarIcon, CircleXIcon } from "lucide-react";
-import { useMemo as useMemo11, useState as useState19 } from "react";
+import { useMemo as useMemo11, useState as useState20 } from "react";
 import { jsx as jsx72, jsxs as jsxs42 } from "react/jsx-runtime";
 var DatePickerPopover = /* @__PURE__ */ __name(({
   children,
@@ -9141,8 +9178,8 @@ var DatePickerPopover = /* @__PURE__ */ __name(({
 }) => {
   const locale = useI18nLocale();
   const dateFnsLocale = useI18nDateFnsLocale();
-  const [isOpen, setIsOpen] = useState19(false);
-  const [displayMonth, setDisplayMonth] = useState19(() => value || /* @__PURE__ */ new Date());
+  const [isOpen, setIsOpen] = useState20(false);
+  const [displayMonth, setDisplayMonth] = useState20(() => value || /* @__PURE__ */ new Date());
   const dateFormatter = useMemo11(
     () => new Intl.DateTimeFormat(locale, { day: "2-digit", month: "2-digit", year: "numeric" }),
     [locale]
@@ -9166,7 +9203,7 @@ var DatePickerPopover = /* @__PURE__ */ __name(({
       return part.value;
     }).join("");
   }, [dateFormatter]);
-  const [inputValue, setInputValue] = useState19(() => value ? formatDate(value) : "");
+  const [inputValue, setInputValue] = useState20(() => value ? formatDate(value) : "");
   const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
   const yearOptions = Array.from({ length: currentYear - 1900 + 11 }, (_, i) => 1900 + i);
   const monthNames = useMemo11(() => {
@@ -9291,22 +9328,22 @@ var DatePickerPopover = /* @__PURE__ */ __name(({
 import { format } from "date-fns";
 import { CalendarIcon as CalendarIcon2 } from "lucide-react";
 import { useTranslations as useTranslations14 } from "next-intl";
-import { useEffect as useEffect21, useState as useState20 } from "react";
+import { useEffect as useEffect21, useState as useState21 } from "react";
 import { Fragment as Fragment10, jsx as jsx73, jsxs as jsxs43 } from "react/jsx-runtime";
 function DateRangeSelector({ onDateChange, avoidSettingDates, showPreviousMonth }) {
   const t = useTranslations14();
-  const [date, setDate] = useState20(
+  const [date, setDate] = useState21(
     avoidSettingDates ? void 0 : {
       from: new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
       to: new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() + 1, 0)
     }
   );
-  const [open, setOpen] = useState20(false);
-  const [mounted, setMounted] = useState20(false);
+  const [open, setOpen] = useState21(false);
+  const [mounted, setMounted] = useState21(false);
   useEffect21(() => {
     setMounted(true);
   }, []);
-  const [prevRange, setPrevRange] = useState20(date);
+  const [prevRange, setPrevRange] = useState21(date);
   useEffect21(() => {
     if (date?.from && date?.to && date.to > date.from && (prevRange?.from?.getTime() !== date.from.getTime() || prevRange?.to?.getTime() !== date.to.getTime())) {
       onDateChange(date);
@@ -9401,20 +9438,20 @@ __name(DateRangeSelector, "DateRangeSelector");
 import { Trash2 as RemoveIcon } from "lucide-react";
 import { useTranslations as useTranslations15 } from "next-intl";
 import {
-  createContext as createContext7,
+  createContext as createContext8,
   forwardRef as forwardRef6,
   useCallback as useCallback16,
-  useContext as useContext8,
+  useContext as useContext9,
   useEffect as useEffect22,
   useMemo as useMemo12,
   useRef as useRef14,
-  useState as useState21
+  useState as useState22
 } from "react";
 import { useDropzone } from "react-dropzone";
 import { jsx as jsx74, jsxs as jsxs44 } from "react/jsx-runtime";
-var FileUploaderContext = createContext7(null);
+var FileUploaderContext = createContext8(null);
 var useFileUpload = /* @__PURE__ */ __name(() => {
-  const context = useContext8(FileUploaderContext);
+  const context = useContext9(FileUploaderContext);
   if (!context) {
     throw new Error("useFileUpload must be used within a FileUploaderProvider");
   }
@@ -9422,9 +9459,9 @@ var useFileUpload = /* @__PURE__ */ __name(() => {
 }, "useFileUpload");
 var FileUploader = forwardRef6(
   ({ className, dropzoneOptions, value, onValueChange, reSelect, orientation = "vertical", children, dir, ...props }, ref) => {
-    const [isFileTooBig, setIsFileTooBig] = useState21(false);
-    const [isLOF, setIsLOF] = useState21(false);
-    const [activeIndex, setActiveIndex] = useState21(-1);
+    const [isFileTooBig, setIsFileTooBig] = useState22(false);
+    const [isLOF, setIsLOF] = useState22(false);
+    const [activeIndex, setActiveIndex] = useState22(-1);
     const { maxFiles = 1, maxSize = 4 * 1024 * 1024, multiple = true } = dropzoneOptions;
     const t = useTranslations15();
     const reSelectAll = maxFiles === 1 ? true : reSelect;
@@ -9693,7 +9730,7 @@ var FileInput = forwardRef6(
 FileInput.displayName = "FileInput";
 
 // src/components/forms/CurrencyInput.tsx
-import { useState as useState22 } from "react";
+import { useState as useState23 } from "react";
 import { jsx as jsx75, jsxs as jsxs45 } from "react/jsx-runtime";
 function centsToInput(cents) {
   return (cents / 100).toFixed(2);
@@ -9739,7 +9776,7 @@ function CurrencyInput({
   className,
   testId
 }) {
-  const [draft, setDraft] = useState22(null);
+  const [draft, setDraft] = useState23(null);
   const display = draft !== null ? draft : centsToInput(valueCents);
   const handleChange = /* @__PURE__ */ __name((e) => {
     setDraft(sanitizeKeystroke(e.target.value));
@@ -9801,7 +9838,7 @@ import { useRef as useRef15 } from "react";
 import dynamic from "next/dynamic";
 import React17 from "react";
 import { jsx as jsx77 } from "react/jsx-runtime";
-var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-ZDSKVOWD.mjs"), {
+var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-4TXISWF2.mjs"), {
   ssr: false
 });
 var BlockNoteEditorContainer = React17.memo(/* @__PURE__ */ __name(function EditorContainer(props) {
@@ -9895,7 +9932,7 @@ __name(FormBlockNote, "FormBlockNote");
 // src/components/forms/FormDate.tsx
 import { isValid as isValid2, parse as parse2 } from "date-fns";
 import { Calendar as CalendarIcon3, CircleXIcon as CircleXIcon2 } from "lucide-react";
-import { useMemo as useMemo13, useState as useState23 } from "react";
+import { useMemo as useMemo13, useState as useState24 } from "react";
 import { jsx as jsx79, jsxs as jsxs47 } from "react/jsx-runtime";
 function FormDate({
   form,
@@ -9912,8 +9949,8 @@ function FormDate({
   const t = useI18nTranslations();
   const locale = useI18nLocale();
   const dateFnsLocale = useI18nDateFnsLocale();
-  const [open, setOpen] = useState23(false);
-  const [displayMonth, setDisplayMonth] = useState23(() => {
+  const [open, setOpen] = useState24(false);
+  const [displayMonth, setDisplayMonth] = useState24(() => {
     const currentValue = form.getValues(id);
     return currentValue || defaultMonth || /* @__PURE__ */ new Date();
   });
@@ -9940,7 +9977,7 @@ function FormDate({
       return part.value;
     }).join("");
   }, [dateFormatter]);
-  const [inputValue, setInputValue] = useState23(() => {
+  const [inputValue, setInputValue] = useState24(() => {
     const currentValue = form.getValues(id);
     return currentValue ? formatDate(currentValue) : "";
   });
@@ -10036,7 +10073,7 @@ __name(FormDate, "FormDate");
 
 // src/components/forms/FormDateTime.tsx
 import { Calendar as CalendarIcon4, CircleXIcon as CircleXIcon3 } from "lucide-react";
-import { useMemo as useMemo14, useState as useState24 } from "react";
+import { useMemo as useMemo14, useState as useState25 } from "react";
 import { jsx as jsx80, jsxs as jsxs48 } from "react/jsx-runtime";
 function FormDateTime({
   form,
@@ -10050,11 +10087,11 @@ function FormDateTime({
   isRequired,
   description
 }) {
-  const [open, setOpen] = useState24(false);
+  const [open, setOpen] = useState25(false);
   const t = useI18nTranslations();
   const locale = useI18nLocale();
   const dateFnsLocale = useI18nDateFnsLocale();
-  const [displayMonth, setDisplayMonth] = useState24(() => {
+  const [displayMonth, setDisplayMonth] = useState25(() => {
     const currentValue = form.getValues(id);
     return currentValue || defaultMonth || /* @__PURE__ */ new Date();
   });
@@ -10070,8 +10107,8 @@ function FormDateTime({
     [locale]
   );
   const formatDateTime = /* @__PURE__ */ __name((date) => dateTimeFormatter.format(date), "formatDateTime");
-  const [selectedHours, setSelectedHours] = useState24((/* @__PURE__ */ new Date()).getHours());
-  const [selectedMinutes, setSelectedMinutes] = useState24(roundToNearestFiveMinutes((/* @__PURE__ */ new Date()).getMinutes()));
+  const [selectedHours, setSelectedHours] = useState25((/* @__PURE__ */ new Date()).getHours());
+  const [selectedMinutes, setSelectedMinutes] = useState25(roundToNearestFiveMinutes((/* @__PURE__ */ new Date()).getMinutes()));
   const hoursOptions = Array.from({ length: 24 }, (_, i) => {
     const hour = i;
     return {
@@ -10404,7 +10441,7 @@ function FormPassword({
 __name(FormPassword, "FormPassword");
 
 // src/components/forms/FormPlaceAutocomplete.tsx
-import { useEffect as useEffect23, useRef as useRef16, useState as useState26 } from "react";
+import { useEffect as useEffect23, useRef as useRef16, useState as useState27 } from "react";
 import { jsx as jsx84, jsxs as jsxs51 } from "react/jsx-runtime";
 function FormPlaceAutocomplete({
   form,
@@ -10420,12 +10457,12 @@ function FormPlaceAutocomplete({
   includeTypes,
   languageCode = "en"
 }) {
-  const [inputValue, setInputValue] = useState26("");
-  const [suggestions, setSuggestions] = useState26([]);
-  const [isLoading, setIsLoading] = useState26(false);
-  const [showSuggestions, setShowSuggestions] = useState26(false);
-  const [loadError, setLoadError] = useState26(false);
-  const [apiKey, setApiKey] = useState26(null);
+  const [inputValue, setInputValue] = useState27("");
+  const [suggestions, setSuggestions] = useState27([]);
+  const [isLoading, setIsLoading] = useState27(false);
+  const [showSuggestions, setShowSuggestions] = useState27(false);
+  const [loadError, setLoadError] = useState27(false);
+  const [apiKey, setApiKey] = useState27(null);
   const debounceRef = useRef16(null);
   const containerRef = useRef16(null);
   useEffect23(() => {
@@ -10661,7 +10698,7 @@ function FormSelect({
             field.onChange(actual);
             if (onChange) onChange(actual);
           },
-          value: field.value || (allowEmpty ? EMPTY_VALUE : field.value),
+          value: field.value || (allowEmpty ? EMPTY_VALUE : ""),
           disabled,
           "data-testid": testId,
           children: [
@@ -10791,7 +10828,7 @@ __name(GdprConsentCheckbox, "GdprConsentCheckbox");
 // src/components/forms/MultiFileUploader.tsx
 import { FileIcon, FileImageIcon, FileSpreadsheetIcon, FileTextIcon, UploadIcon as UploadIcon2, XIcon as XIcon6 } from "lucide-react";
 import Image3 from "next/image";
-import { useEffect as useEffect24, useState as useState27 } from "react";
+import { useEffect as useEffect24, useState as useState28 } from "react";
 import { jsx as jsx90, jsxs as jsxs56 } from "react/jsx-runtime";
 var dropzone = {
   multiple: false,
@@ -10903,14 +10940,14 @@ __name(UserAvatarList, "UserAvatarList");
 // src/features/user/components/widgets/UserSearchPopover.tsx
 import { RefreshCwIcon, SearchIcon as SearchIcon3, XIcon as XIcon7 } from "lucide-react";
 import { useTranslations as useTranslations19 } from "next-intl";
-import { useEffect as useEffect26, useState as useState29 } from "react";
+import { useEffect as useEffect26, useState as useState30 } from "react";
 
 // src/features/user/hooks/useUserSearch.ts
-import { useCallback as useCallback17, useEffect as useEffect25, useRef as useRef17, useState as useState28 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect25, useRef as useRef17, useState as useState29 } from "react";
 var useUserSearch = /* @__PURE__ */ __name(() => {
-  const [users, setUsers] = useState28([]);
-  const [searchQuery, setSearchQuery] = useState28("");
-  const [isLoading, setIsLoading] = useState28(false);
+  const [users, setUsers] = useState29([]);
+  const [searchQuery, setSearchQuery] = useState29("");
+  const [isLoading, setIsLoading] = useState29(false);
   const searchQueryRef = useRef17("");
   const loadUsers = useCallback17(
     async (search) => {
@@ -11052,7 +11089,7 @@ var useUserTableStructure = /* @__PURE__ */ __name((params) => {
 import { jsx as jsx95, jsxs as jsxs60 } from "react/jsx-runtime";
 var UserSearchPopover = /* @__PURE__ */ __name(({ children, onSelect, align = "start", className }) => {
   const t = useTranslations19();
-  const [isOpen, setIsOpen] = useState29(false);
+  const [isOpen, setIsOpen] = useState30(false);
   const { users, searchQuery, setSearchQuery, isLoading, loadUsers, clearSearch } = useUserSearch();
   useEffect26(() => {
     if (isOpen && users.length === 0 && !searchQuery) {
@@ -11111,10 +11148,10 @@ var UserSearchPopover = /* @__PURE__ */ __name(({ children, onSelect, align = "s
 import { Fragment as Fragment12, jsx as jsx96, jsxs as jsxs61 } from "react/jsx-runtime";
 function UserSelector({ id, form, label, placeholder, onChange, isRequired = false }) {
   const t = useTranslations20();
-  const [open, setOpen] = useState30(false);
+  const [open, setOpen] = useState31(false);
   const searchTermRef = useRef18("");
-  const [searchTerm, setSearchTerm] = useState30("");
-  const [isSearching, setIsSearching] = useState30(false);
+  const [searchTerm, setSearchTerm] = useState31("");
+  const [isSearching, setIsSearching] = useState31(false);
   const data = useDataListRetriever({
     retriever: /* @__PURE__ */ __name((params) => {
       return UserService.findMany(params);
@@ -11213,12 +11250,12 @@ __name(UserSelector, "UserSelector");
 
 // src/features/user/contexts/UserContext.tsx
 import { jsx as jsx97 } from "react/jsx-runtime";
-var UserContext = createContext8(void 0);
+var UserContext = createContext9(void 0);
 var UserProvider = /* @__PURE__ */ __name(({ children, dehydratedUser }) => {
   const generateUrl = usePageUrlGenerator();
   const { hasPermissionToModule } = useCurrentUserContext();
   const t = useTranslations21();
-  const [user, setUser] = useState31(
+  const [user, setUser] = useState32(
     dehydratedUser ? rehydrate(Modules.User, dehydratedUser) : void 0
   );
   const breadcrumb = /* @__PURE__ */ __name(() => {
@@ -11267,7 +11304,7 @@ var UserProvider = /* @__PURE__ */ __name(({ children, dehydratedUser }) => {
   ) });
 }, "UserProvider");
 var useUserContext = /* @__PURE__ */ __name(() => {
-  const context = useContext9(UserContext);
+  const context = useContext10(UserContext);
   if (context === void 0) {
     throw new Error("useUserContext must be used within a UserProvider");
   }
@@ -11986,15 +12023,15 @@ __name(CompanyConfigurationEditor, "CompanyConfigurationEditor");
 // src/features/company/components/forms/CompanyDeleter.tsx
 import { LoaderCircleIcon as LoaderCircleIcon2, Trash2Icon as Trash2Icon2 } from "lucide-react";
 import { useTranslations as useTranslations35 } from "next-intl";
-import { useState as useState32 } from "react";
+import { useState as useState33 } from "react";
 import { Fragment as Fragment17, jsx as jsx122, jsxs as jsxs74 } from "react/jsx-runtime";
 function CompanyDeleterInternal({ company, isAdministrator: isAdministrator2 }) {
   const t = useTranslations35();
   const generateUrl = usePageUrlGenerator();
-  const [open, setOpen] = useState32(false);
-  const [finalWarningOpen, setFinalWarningOpen] = useState32(false);
-  const [isDeleting, setIsDeleting] = useState32(false);
-  const [companyName, setCompanyName] = useState32("");
+  const [open, setOpen] = useState33(false);
+  const [finalWarningOpen, setFinalWarningOpen] = useState33(false);
+  const [isDeleting, setIsDeleting] = useState33(false);
+  const [companyName, setCompanyName] = useState33("");
   const handleProceedToFinalWarning = /* @__PURE__ */ __name(() => {
     setOpen(false);
     setFinalWarningOpen(true);
@@ -12127,7 +12164,7 @@ import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
 import { UploadIcon as UploadIcon3 } from "lucide-react";
 import { useTranslations as useTranslations36 } from "next-intl";
 import Image6 from "next/image";
-import { useCallback as useCallback19, useEffect as useEffect29, useMemo as useMemo16, useRef as useRef19, useState as useState33 } from "react";
+import { useCallback as useCallback19, useEffect as useEffect29, useMemo as useMemo16, useRef as useRef19, useState as useState34 } from "react";
 import { useForm as useForm3 } from "react-hook-form";
 import { v4 as v42 } from "uuid";
 import { z as z2 } from "zod";
@@ -12144,10 +12181,10 @@ function CompanyEditorInternal({
 }) {
   const { hasRole, setUser } = useCurrentUserContext();
   const router = useI18nRouter();
-  const [features, setFeatures] = useState33([]);
-  const [file, setFile] = useState33(null);
-  const [files, setFiles] = useState33(null);
-  const [contentType, setContentType] = useState33(null);
+  const [features, setFeatures] = useState34([]);
+  const [file, setFile] = useState34(null);
+  const [files, setFiles] = useState34(null);
+  const [contentType, setContentType] = useState34(null);
   const t = useTranslations36();
   const fiscalRef = useRef19(null);
   const addressComponentsRef = useRef19({});
@@ -12360,7 +12397,7 @@ __name(CompaniesList, "CompaniesList");
 
 // src/features/company/contexts/CompanyContext.tsx
 import { jsx as jsx125 } from "react/jsx-runtime";
-var CompanyContext = createContext9(void 0);
+var CompanyContext = createContext10(void 0);
 var defaultContextValue2 = {
   company: void 0,
   setCompany: /* @__PURE__ */ __name(() => {
@@ -12370,7 +12407,7 @@ var CompanyProvider = /* @__PURE__ */ __name(({ children, dehydratedCompany, con
   const generateUrl = usePageUrlGenerator();
   const t = useTranslations38();
   const { hasPermissionToModule, hasRole } = useCurrentUserContext();
-  const [company, setCompany] = useState34(
+  const [company, setCompany] = useState35(
     dehydratedCompany ? rehydrate(Modules.Company, dehydratedCompany) : void 0
   );
   const breadcrumb = /* @__PURE__ */ __name(() => {
@@ -12410,16 +12447,16 @@ var CompanyProvider = /* @__PURE__ */ __name(({ children, dehydratedCompany, con
   ) });
 }, "CompanyProvider");
 var useCompanyContext = /* @__PURE__ */ __name(() => {
-  return useContext10(CompanyContext) ?? defaultContextValue2;
+  return useContext11(CompanyContext) ?? defaultContextValue2;
 }, "useCompanyContext");
 
 // src/features/notification/contexts/NotificationContext.tsx
 import { useTranslations as useTranslations40 } from "next-intl";
-import { createContext as createContext10, useCallback as useCallback20, useContext as useContext11, useEffect as useEffect31, useRef as useRef20, useState as useState36 } from "react";
+import { createContext as createContext11, useCallback as useCallback20, useContext as useContext12, useEffect as useEffect31, useRef as useRef20, useState as useState37 } from "react";
 
 // src/features/notification/components/notifications/Notification.tsx
 import { useTranslations as useTranslations39 } from "next-intl";
-import { useEffect as useEffect30, useState as useState35 } from "react";
+import { useEffect as useEffect30, useState as useState36 } from "react";
 import { jsx as jsx126, jsxs as jsxs76 } from "react/jsx-runtime";
 var generateNotificationData = /* @__PURE__ */ __name((params) => {
   const response = {};
@@ -12456,7 +12493,7 @@ function NotificationToast(notification, t, generateUrl, reouter) {
 __name(NotificationToast, "NotificationToast");
 function NotificationMenuItem({ notification, closePopover }) {
   const generateUrl = usePageUrlGenerator();
-  const [isRead, setIsRead] = useState35(false);
+  const [isRead, setIsRead] = useState36(false);
   const t = useTranslations39();
   useEffect30(() => {
     setIsRead(notification.isRead);
@@ -12481,15 +12518,15 @@ __name(NotificationMenuItem, "NotificationMenuItem");
 
 // src/features/notification/contexts/NotificationContext.tsx
 import { jsx as jsx127 } from "react/jsx-runtime";
-var NotificationContext = createContext10(void 0);
+var NotificationContext = createContext11(void 0);
 var NotificationContextProvider = /* @__PURE__ */ __name(({ children }) => {
   const t = useTranslations40();
   const router = useI18nRouter();
-  const [notifications, setNotifications] = useState36([]);
-  const [isLoading, setIsLoading] = useState36(false);
-  const [error, setError] = useState36(null);
-  const [lastLoaded, setLastLoaded] = useState36(0);
-  const [hasInitiallyLoaded, setHasInitiallyLoaded] = useState36(false);
+  const [notifications, setNotifications] = useState37([]);
+  const [isLoading, setIsLoading] = useState37(false);
+  const [error, setError] = useState37(null);
+  const [lastLoaded, setLastLoaded] = useState37(0);
+  const [hasInitiallyLoaded, setHasInitiallyLoaded] = useState37(false);
   const inFlightRef = useRef20(null);
   const { currentUser } = useCurrentUserContext();
   const shouldRefresh = Date.now() - lastLoaded > 5 * 60 * 1e3;
@@ -12608,7 +12645,7 @@ var NotificationContextProvider = /* @__PURE__ */ __name(({ children }) => {
   ) });
 }, "NotificationContextProvider");
 var useNotificationContext = /* @__PURE__ */ __name(() => {
-  const context = useContext11(NotificationContext);
+  const context = useContext12(NotificationContext);
   if (context === void 0) {
     throw new Error(`Notification.messages.errors.use_context`);
   }
@@ -12616,7 +12653,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 useRef21, useState as useState37 } from "react";
+import { createContext as createContext12, useCallback as useCallback21, useContext as useContext13, useEffect as useEffect32, useRef as useRef21, useState as useState38 } from "react";
 import { createRoot } from "react-dom/client";
 import Shepherd from "shepherd.js";
 import "shepherd.js/dist/css/shepherd.css";
@@ -12674,7 +12711,7 @@ var DEFAULT_ONBOARDING_LABELS = {
 
 // src/features/onboarding/contexts/OnboardingContext.tsx
 import { jsx as jsx129 } from "react/jsx-runtime";
-var OnboardingContext = createContext11(null);
+var OnboardingContext = createContext12(null);
 function OnboardingProvider({
   children,
   tours = [],
@@ -12683,10 +12720,10 @@ function OnboardingProvider({
   renderCard,
   zIndex: _zIndex = 9999
 }) {
-  const [isTourActive, setIsTourActive] = useState37(false);
-  const [activeTourId, setActiveTourId] = useState37(null);
-  const [currentStepIndex, setCurrentStepIndex] = useState37(0);
-  const [totalSteps, setTotalSteps] = useState37(0);
+  const [isTourActive, setIsTourActive] = useState38(false);
+  const [activeTourId, setActiveTourId] = useState38(null);
+  const [currentStepIndex, setCurrentStepIndex] = useState38(0);
+  const [totalSteps, setTotalSteps] = useState38(0);
   const tourRef = useRef21(null);
   const rootsRef = useRef21(/* @__PURE__ */ new Map());
   const cleanupRoots = useCallback21(() => {
@@ -12837,7 +12874,7 @@ function OnboardingProvider({
 }
 __name(OnboardingProvider, "OnboardingProvider");
 function useOnboarding() {
-  const context = useContext12(OnboardingContext);
+  const context = useContext13(OnboardingContext);
   if (!context) {
     throw new Error("useOnboarding must be used within an OnboardingProvider");
   }
@@ -12847,13 +12884,13 @@ __name(useOnboarding, "useOnboarding");
 
 // src/features/role/contexts/RoleContext.tsx
 import { useTranslations as useTranslations41 } from "next-intl";
-import { createContext as createContext12, useContext as useContext13, useState as useState38 } from "react";
+import { createContext as createContext13, useContext as useContext14, useState as useState39 } from "react";
 import { jsx as jsx130 } from "react/jsx-runtime";
-var RoleContext = createContext12(void 0);
+var RoleContext = createContext13(void 0);
 var RoleProvider = /* @__PURE__ */ __name(({ children, dehydratedRole }) => {
   const generateUrl = usePageUrlGenerator();
   const t = useTranslations41();
-  const [role, setRole] = useState38(
+  const [role, setRole] = useState39(
     dehydratedRole ? rehydrate(Modules.Role, dehydratedRole) : void 0
   );
   const breadcrumb = /* @__PURE__ */ __name(() => {
@@ -12892,7 +12929,7 @@ var RoleProvider = /* @__PURE__ */ __name(({ children, dehydratedRole }) => {
   ) });
 }, "RoleProvider");
 var useRoleContext = /* @__PURE__ */ __name(() => {
-  const context = useContext13(RoleContext);
+  const context = useContext14(RoleContext);
   if (context === void 0) {
     throw new Error("useRoleContext must be used within a RoleProvider");
   }
@@ -12900,14 +12937,14 @@ var useRoleContext = /* @__PURE__ */ __name(() => {
 }, "useRoleContext");
 
 // src/contexts/SharedContext.tsx
-import { createContext as createContext13, useContext as useContext14 } from "react";
+import { createContext as createContext14, useContext as useContext15 } from "react";
 import { jsx as jsx131 } from "react/jsx-runtime";
-var SharedContext = createContext13(null);
+var SharedContext = createContext14(null);
 var SharedProvider = /* @__PURE__ */ __name(({ children, value }) => {
   return /* @__PURE__ */ jsx131(SharedContext.Provider, { value, children });
 }, "SharedProvider");
 var useSharedContext = /* @__PURE__ */ __name(() => {
-  const context = useContext14(SharedContext);
+  const context = useContext15(SharedContext);
   if (!context) {
     throw new Error("useSharedContext must be used within a SharedProvider");
   }
@@ -12940,7 +12977,7 @@ __name(HowToDeleter, "HowToDeleter");
 import { zodResolver as zodResolver4 } from "@hookform/resolvers/zod";
 import { PlusIcon, SearchIcon as SearchIcon5, XIcon as XIcon9 } from "lucide-react";
 import { useTranslations as useTranslations44 } from "next-intl";
-import { useCallback as useCallback22, useEffect as useEffect33, useMemo as useMemo17, useRef as useRef22, useState as useState39 } from "react";
+import { useCallback as useCallback22, useEffect as useEffect33, useMemo as useMemo17, useRef as useRef22, useState as useState40 } from "react";
 import { useForm as useForm4 } from "react-hook-form";
 import { v4 as v43 } from "uuid";
 import { z as z3 } from "zod";
@@ -12989,8 +13026,8 @@ function PageSelector({
   onSelect,
   onRemove
 }) {
-  const [open, setOpen] = useState39(false);
-  const [search, setSearch] = useState39("");
+  const [open, setOpen] = useState40(false);
+  const [search, setSearch] = useState40("");
   const selectedLabel = value ? allPageUrls.find((opt) => opt.id === value) : void 0;
   const filteredOptions = useMemo17(() => {
     const available = allPageUrls.filter((opt) => opt.id === value || !selectedPages.includes(opt.id));
@@ -13303,13 +13340,13 @@ __name(HowToEditor, "HowToEditor");
 
 // src/features/how-to/contexts/HowToContext.tsx
 import { useTranslations as useTranslations45 } from "next-intl";
-import { createContext as createContext14, useContext as useContext15, useState as useState40 } from "react";
+import { createContext as createContext15, useContext as useContext16, useState as useState41 } from "react";
 import { jsx as jsx135 } from "react/jsx-runtime";
-var HowToContext = createContext14(void 0);
+var HowToContext = createContext15(void 0);
 var HowToProvider = /* @__PURE__ */ __name(({ children, dehydratedHowTo }) => {
   const generateUrl = usePageUrlGenerator();
   const t = useTranslations45();
-  const [howTo, setHowTo] = useState40(
+  const [howTo, setHowTo] = useState41(
     dehydratedHowTo ? rehydrate(Modules.HowTo, dehydratedHowTo) : void 0
   );
   const reloadHowTo = /* @__PURE__ */ __name(async () => {
@@ -13358,7 +13395,7 @@ var HowToProvider = /* @__PURE__ */ __name(({ children, dehydratedHowTo }) => {
   ) });
 }, "HowToProvider");
 var useHowToContext = /* @__PURE__ */ __name(() => {
-  const context = useContext15(HowToContext);
+  const context = useContext16(HowToContext);
   if (context === void 0) {
     throw new Error("useHowToContext must be used within a HowToProvider");
   }
@@ -13368,7 +13405,7 @@ var useHowToContext = /* @__PURE__ */ __name(() => {
 // src/features/rbac/contexts/RbacContext.tsx
 import { DownloadIcon, Loader2Icon as Loader2Icon3 } from "lucide-react";
 import { useTranslations as useTranslations46 } from "next-intl";
-import { createContext as createContext15, useCallback as useCallback23, useContext as useContext16, useEffect as useEffect34, useMemo as useMemo18, useState as useState41 } from "react";
+import { createContext as createContext16, useCallback as useCallback23, useContext as useContext17, useEffect as useEffect34, useMemo as useMemo18, useState as useState42 } from "react";
 import { jsx as jsx136, jsxs as jsxs79 } from "react/jsx-runtime";
 var DEFAULT_OUTPUT_PATH = "apps/api/src/rbac/permissions.ts";
 function upsertToken(tokens, action, scope) {
@@ -13382,7 +13419,7 @@ function removeToken(tokens, action) {
   return (tokens ?? []).filter((t) => t.action !== action);
 }
 __name(removeToken, "removeToken");
-var RbacContext = createContext15(void 0);
+var RbacContext = createContext16(void 0);
 var RbacProvider = /* @__PURE__ */ __name(({
   children,
   roleNames,
@@ -13391,11 +13428,11 @@ var RbacProvider = /* @__PURE__ */ __name(({
 }) => {
   const generateUrl = usePageUrlGenerator();
   const t = useTranslations46();
-  const [matrix, setMatrix] = useState41(null);
-  const [modulePaths, setModulePaths] = useState41({});
-  const [loading, setLoading] = useState41(true);
-  const [error, setError] = useState41(null);
-  const [saving, setSaving] = useState41(false);
+  const [matrix, setMatrix] = useState42(null);
+  const [modulePaths, setModulePaths] = useState42({});
+  const [loading, setLoading] = useState42(true);
+  const [error, setError] = useState42(null);
+  const [saving, setSaving] = useState42(false);
   useEffect34(() => {
     let cancelled = false;
     setLoading(true);
@@ -13494,7 +13531,7 @@ var RbacProvider = /* @__PURE__ */ __name(({
   return /* @__PURE__ */ jsx136(SharedProvider, { value: { breadcrumbs: breadcrumb(), title: title() }, children: /* @__PURE__ */ jsx136(RbacContext.Provider, { value: contextValue, children }) });
 }, "RbacProvider");
 var useRbacContext = /* @__PURE__ */ __name(() => {
-  const ctx = useContext16(RbacContext);
+  const ctx = useContext17(RbacContext);
   if (!ctx) {
     throw new Error("useRbacContext must be used within an RbacProvider");
   }
@@ -13503,9 +13540,9 @@ var useRbacContext = /* @__PURE__ */ __name(() => {
 
 // src/features/assistant/contexts/AssistantContext.tsx
 import { useTranslations as useTranslations47 } from "next-intl";
-import { createContext as createContext16, useCallback as useCallback24, useContext as useContext17, useEffect as useEffect35, useMemo as useMemo19, useState as useState42 } from "react";
+import { createContext as createContext17, useCallback as useCallback24, useContext as useContext18, useEffect as useEffect35, useMemo as useMemo19, useState as useState43 } from "react";
 import { jsx as jsx137 } from "react/jsx-runtime";
-var AssistantContext = createContext16(void 0);
+var AssistantContext = createContext17(void 0);
 function stripOptimistic(list) {
   return list.filter((m) => !m.isOptimistic);
 }
@@ -13528,18 +13565,18 @@ __name(withPatchedTitle, "withPatchedTitle");
 function AssistantProvider({ children, dehydratedAssistant, dehydratedMessages, manageUrl = true }) {
   const t = useTranslations47();
   const generateUrl = usePageUrlGenerator();
-  const [assistant, setAssistant] = useState42(
+  const [assistant, setAssistant] = useState43(
     () => dehydratedAssistant ? rehydrate(Modules.Assistant, dehydratedAssistant) : void 0
   );
-  const [messages, setMessages] = useState42(
+  const [messages, setMessages] = useState43(
     () => dehydratedMessages ? rehydrateList(Modules.AssistantMessage, dehydratedMessages) : []
   );
-  const [threads, setThreads] = useState42([]);
-  const [threadsLoading, setThreadsLoading] = useState42(true);
-  const [sending, setSending] = useState42(false);
-  const [status, setStatus] = useState42(void 0);
-  const [failedMessageIds, setFailedMessageIds] = useState42(() => /* @__PURE__ */ new Set());
-  const [operatorMode, setOperatorMode] = useState42(
+  const [threads, setThreads] = useState43([]);
+  const [threadsLoading, setThreadsLoading] = useState43(true);
+  const [sending, setSending] = useState43(false);
+  const [status, setStatus] = useState43(void 0);
+  const [failedMessageIds, setFailedMessageIds] = useState43(() => /* @__PURE__ */ new Set());
+  const [operatorMode, setOperatorMode] = useState43(
     () => dehydratedAssistant?.jsonApi?.attributes?.engine === "operator"
   );
   const { socket } = useSocketContext();
@@ -13724,7 +13761,7 @@ function AssistantProvider({ children, dehydratedAssistant, dehydratedMessages,
 }
 __name(AssistantProvider, "AssistantProvider");
 function useAssistantContext() {
-  const ctx = useContext17(AssistantContext);
+  const ctx = useContext18(AssistantContext);
   if (!ctx) throw new Error("useAssistantContext must be used within AssistantProvider");
   return ctx;
 }
@@ -13732,9 +13769,9 @@ __name(useAssistantContext, "useAssistantContext");
 
 // src/contexts/CommonContext.tsx
 import { useTranslations as useTranslations48 } from "next-intl";
-import { createContext as createContext17, useContext as useContext18 } from "react";
+import { createContext as createContext18, useContext as useContext19 } from "react";
 import { jsx as jsx138 } from "react/jsx-runtime";
-var CommonContext = createContext17(void 0);
+var CommonContext = createContext18(void 0);
 var CommonProvider = /* @__PURE__ */ __name(({ children }) => {
   const { company } = useCurrentUserContext();
   const t = useTranslations48();
@@ -13752,7 +13789,7 @@ var CommonProvider = /* @__PURE__ */ __name(({ children }) => {
   return /* @__PURE__ */ jsx138(SharedProvider, { value: { breadcrumbs: breadcrumb(), title: title() }, children: /* @__PURE__ */ jsx138(CommonContext.Provider, { value: {}, children }) });
 }, "CommonProvider");
 var useCommonContext = /* @__PURE__ */ __name(() => {
-  const context = useContext18(CommonContext);
+  const context = useContext19(CommonContext);
   if (context === void 0) {
     throw new Error("useCommonContext must be used within a CommonProvider");
   }
@@ -13760,9 +13797,9 @@ var useCommonContext = /* @__PURE__ */ __name(() => {
 }, "useCommonContext");
 
 // src/contexts/HeaderChildrenContext.tsx
-import { createContext as createContext18, useContext as useContext19 } from "react";
+import { createContext as createContext19, useContext as useContext20 } from "react";
 import { jsx as jsx139 } from "react/jsx-runtime";
-var HeaderChildrenContext = createContext18({
+var HeaderChildrenContext = createContext19({
   headerChildren: null
 });
 function HeaderChildrenProvider({ children, content }) {
@@ -13770,15 +13807,15 @@ function HeaderChildrenProvider({ children, content }) {
 }
 __name(HeaderChildrenProvider, "HeaderChildrenProvider");
 function useHeaderChildren() {
-  const context = useContext19(HeaderChildrenContext);
+  const context = useContext20(HeaderChildrenContext);
   return context.headerChildren;
 }
 __name(useHeaderChildren, "useHeaderChildren");
 
 // src/contexts/HeaderLeftContentContext.tsx
-import { createContext as createContext19, useContext as useContext20 } from "react";
+import { createContext as createContext20, useContext as useContext21 } from "react";
 import { jsx as jsx140 } from "react/jsx-runtime";
-var HeaderLeftContentContext = createContext19({
+var HeaderLeftContentContext = createContext20({
   headerLeftContent: null
 });
 function HeaderLeftContentProvider({ children, content }) {
@@ -13786,7 +13823,7 @@ function HeaderLeftContentProvider({ children, content }) {
 }
 __name(HeaderLeftContentProvider, "HeaderLeftContentProvider");
 function useHeaderLeftContent() {
-  const context = useContext20(HeaderLeftContentContext);
+  const context = useContext21(HeaderLeftContentContext);
   return context.headerLeftContent;
 }
 __name(useHeaderLeftContent, "useHeaderLeftContent");
@@ -13794,7 +13831,7 @@ __name(useHeaderLeftContent, "useHeaderLeftContent");
 // src/components/EditableAvatar.tsx
 import { PencilIcon as PencilIcon3, Trash2Icon as Trash2Icon3 } from "lucide-react";
 import { useTranslations as useTranslations49 } from "next-intl";
-import { useCallback as useCallback25, useRef as useRef23, useState as useState43 } from "react";
+import { useCallback as useCallback25, useRef as useRef23, useState as useState44 } from "react";
 import { jsx as jsx141, jsxs as jsxs80 } from "react/jsx-runtime";
 function EditableAvatar({
   entityId,
@@ -13809,8 +13846,8 @@ function EditableAvatar({
   const { company } = useCurrentUserContext();
   const t = useTranslations49();
   const fileInputRef = useRef23(null);
-  const [optimisticImage, setOptimisticImage] = useState43(null);
-  const [isUploading, setIsUploading] = useState43(false);
+  const [optimisticImage, setOptimisticImage] = useState44(null);
+  const [isUploading, setIsUploading] = useState44(false);
   const displayImage = optimisticImage ?? image;
   const generateS3Key = useCallback25(
     (file) => {
@@ -13944,7 +13981,7 @@ __name(TableCellAvatar, "TableCellAvatar");
 
 // src/components/navigations/Breadcrumb.tsx
 import { useTranslations as useTranslations50 } from "next-intl";
-import { Fragment as Fragment20, useState as useState44 } from "react";
+import { Fragment as Fragment20, useState as useState45 } from "react";
 import { ChevronDownIcon as ChevronDownIcon8 } from "lucide-react";
 import { Fragment as Fragment21, jsx as jsx143, jsxs as jsxs82 } from "react/jsx-runtime";
 var ITEMS_TO_DISPLAY = 4;
@@ -13953,7 +13990,7 @@ function BreadcrumbDesktop({
   generateUrl,
   t
 }) {
-  const [open, setOpen] = useState44(false);
+  const [open, setOpen] = useState45(false);
   return /* @__PURE__ */ jsx143(Breadcrumb, { children: /* @__PURE__ */ jsxs82(BreadcrumbList, { children: [
     /* @__PURE__ */ jsx143(BreadcrumbItem, { children: /* @__PURE__ */ jsx143(Link, { href: generateUrl({ page: `/` }), children: t(`common.home`) }) }),
     items.length > 0 && /* @__PURE__ */ jsx143(BreadcrumbSeparator, {}),
@@ -13981,7 +14018,7 @@ function BreadcrumbMobile({
   generateUrl,
   t
 }) {
-  const [open, setOpen] = useState44(false);
+  const [open, setOpen] = useState45(false);
   const lastItem = items[items.length - 1];
   const allItems = [{ name: t(`common.home`), href: generateUrl({ page: `/` }) }, ...items];
   if (!lastItem && items.length === 0) {
@@ -14008,11 +14045,11 @@ function BreadcrumbNavigation({ items }) {
 __name(BreadcrumbNavigation, "BreadcrumbNavigation");
 
 // src/components/navigations/ContentTitle.tsx
-import { useEffect as useEffect36, useState as useState45 } from "react";
+import { useEffect as useEffect36, useState as useState46 } from "react";
 import { jsx as jsx144, jsxs as jsxs83 } from "react/jsx-runtime";
 function ContentTitle({ module, type, element, functions, className, prioritizeFunctions }) {
-  const [clientFunctions, setClientFunctions] = useState45(null);
-  const [isClient, setIsClient] = useState45(false);
+  const [clientFunctions, setClientFunctions] = useState46(null);
+  const [isClient, setIsClient] = useState46(false);
   useEffect36(() => {
     setIsClient(true);
     setClientFunctions(functions);
@@ -14069,12 +14106,12 @@ __name(ModeToggleSwitch, "ModeToggleSwitch");
 
 // src/components/navigations/PageSection.tsx
 import { ChevronDownIcon as ChevronDownIcon9, ChevronRightIcon as ChevronRightIcon6 } from "lucide-react";
-import { useEffect as useEffect37, useState as useState46 } from "react";
+import { useEffect as useEffect37, useState as useState47 } from "react";
 import { v4 as v44 } from "uuid";
 import { jsx as jsx147, jsxs as jsxs85 } from "react/jsx-runtime";
 function PageSection({ children, title, options, open, small, onToggle }) {
-  const [isOpen, setIsOpen] = useState46(open ?? true);
-  const [shouldRender, setShouldRender] = useState46(open ?? true);
+  const [isOpen, setIsOpen] = useState47(open ?? true);
+  const [shouldRender, setShouldRender] = useState47(open ?? true);
   useEffect37(() => {
     if (onToggle) {
       onToggle(isOpen);
@@ -14182,7 +14219,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 useEffect38, useRef as useRef24, useState as useState47 } from "react";
+import { useEffect as useEffect38, useRef as useRef24, useState as useState48 } from "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import { jsx as jsx150, jsxs as jsxs88 } from "react/jsx-runtime";
@@ -14193,8 +14230,8 @@ function ReactMarkdownContainer({
   size = "normal"
 }) {
   const t = useTranslations52("ui.buttons");
-  const [isExpanded, setIsExpanded] = useState47(false);
-  const [showExpandButton, setShowExpandButton] = useState47(false);
+  const [isExpanded, setIsExpanded] = useState48(false);
+  const [showExpandButton, setShowExpandButton] = useState48(false);
   const contentRef = useRef24(null);
   useEffect38(() => {
     if (collapsible && contentRef.current && !isExpanded) {
@@ -14299,7 +14336,7 @@ __name(RoundPageContainerTitle, "RoundPageContainerTitle");
 
 // src/components/containers/RoundPageContainer.tsx
 import { useSearchParams } from "next/navigation";
-import { Fragment as Fragment22, useCallback as useCallback26, useEffect as useEffect39, useMemo as useMemo20, useState as useState48 } from "react";
+import { Fragment as Fragment22, useCallback as useCallback26, useEffect as useEffect39, useMemo as useMemo20, useState as useState49 } from "react";
 import { Fragment as Fragment23, jsx as jsx152, jsxs as jsxs90 } from "react/jsx-runtime";
 var DETAILS_COOKIE_NAME = "round_page_details_state";
 var DETAILS_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
@@ -14324,9 +14361,9 @@ function RoundPageContainer({
 }) {
   const headerChildren = useHeaderChildren();
   const headerLeftContent = useHeaderLeftContent();
-  const [showDetails, setShowDetailsState] = useState48(false);
+  const [showDetails, setShowDetailsState] = useState49(false);
   const isMobile = useIsMobile();
-  const [mounted, setMounted] = useState48(false);
+  const [mounted, setMounted] = useState49(false);
   useEffect39(() => {
     const match = document.cookie.split("; ").find((row) => row.startsWith(`${DETAILS_COOKIE_NAME}=`));
     if (match?.split("=")[1] === "true") setShowDetailsState(true);
@@ -14342,7 +14379,7 @@ function RoundPageContainer({
   const section = searchParams.get("section");
   const rewriteUrl = useUrlRewriter();
   const initialValue = tabs ? (section && tabs.find((i) => tabValue(i) === section) ? section : null) || tabValue(tabs[0]) : void 0;
-  const [activeTab, setActiveTab] = useState48(initialValue);
+  const [activeTab, setActiveTab] = useState49(initialValue);
   useEffect39(() => {
     if (tabs && section) {
       const tab = tabs.find((i) => tabValue(i) === section);
@@ -14611,14 +14648,14 @@ function AllowedUsersDetails({ showTitle, content }) {
 __name(AllowedUsersDetails, "AllowedUsersDetails");
 
 // src/components/editors/BlockNoteEditorMentionHoverCard.tsx
-import { useCallback as useCallback27, useEffect as useEffect40, useRef as useRef25, useState as useState49 } from "react";
+import { useCallback as useCallback27, useEffect as useEffect40, useRef as useRef25, useState as useState50 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
 import { jsx as jsx155 } from "react/jsx-runtime";
 function BlockNoteEditorMentionHoverCard({
   containerRef,
   mentionResolveFn
 }) {
-  const [hovered, setHovered] = useState49(null);
+  const [hovered, setHovered] = useState50(null);
   const closeTimeoutRef = useRef25(null);
   const scheduleClose = useCallback27(() => {
     closeTimeoutRef.current = setTimeout(() => setHovered(null), 200);
@@ -14876,11 +14913,11 @@ var BlockNoteViewerContainer = React26.memo(/* @__PURE__ */ __name(function View
 }, "ViewerContainer"));
 
 // src/components/pages/PageContainerContentDetails.tsx
-import { useEffect as useEffect41, useRef as useRef26, useState as useState50 } from "react";
+import { useEffect as useEffect41, useRef as useRef26, useState as useState51 } from "react";
 import { jsx as jsx159, jsxs as jsxs94 } from "react/jsx-runtime";
 function PageContainerContentDetails({ items, section, module, id }) {
   const rewriteUrl = useUrlRewriter();
-  const [isScrolled, setIsScrolled] = useState50(false);
+  const [isScrolled, setIsScrolled] = useState51(false);
   const sentinelRef = useRef26(null);
   useEffect41(() => {
     const sentinel = sentinelRef.current;
@@ -14915,11 +14952,11 @@ function PageContainerContentDetails({ items, section, module, id }) {
 __name(PageContainerContentDetails, "PageContainerContentDetails");
 
 // src/components/pages/PageContentContainer.tsx
-import { useEffect as useEffect42, useState as useState51 } from "react";
+import { useEffect as useEffect42, useState as useState52 } from "react";
 import { useDefaultLayout } from "react-resizable-panels";
 import { jsx as jsx160, jsxs as jsxs95 } from "react/jsx-runtime";
 function PageContentContainer({ header, details, footer, content, fullBleed }) {
-  const [mounted, setMounted] = useState51(false);
+  const [mounted, setMounted] = useState52(false);
   const isMobile = useIsMobile();
   useEffect42(() => {
     setMounted(true);
@@ -15088,12 +15125,12 @@ function JsonApiProvider({ config, children }) {
 __name(JsonApiProvider, "JsonApiProvider");
 
 // src/client/hooks/useJsonApiGet.ts
-import { useState as useState52, useEffect as useEffect44, useCallback as useCallback29, useRef as useRef27 } from "react";
+import { useState as useState53, useEffect as useEffect44, useCallback as useCallback29, useRef as useRef27 } from "react";
 function useJsonApiGet(params) {
-  const [data, setData] = useState52(null);
-  const [loading, setLoading] = useState52(false);
-  const [error, setError] = useState52(null);
-  const [response, setResponse] = useState52(null);
+  const [data, setData] = useState53(null);
+  const [loading, setLoading] = useState53(false);
+  const [error, setError] = useState53(null);
+  const [response, setResponse] = useState53(null);
   const isMounted = useRef27(true);
   const fetchData = useCallback29(async () => {
     if (params.options?.enabled === false) return;
@@ -15188,12 +15225,12 @@ function useJsonApiGet(params) {
 __name(useJsonApiGet, "useJsonApiGet");
 
 // src/client/hooks/useJsonApiMutation.ts
-import { useState as useState53, useCallback as useCallback30 } from "react";
+import { useState as useState54, useCallback as useCallback30 } from "react";
 function useJsonApiMutation(config) {
-  const [data, setData] = useState53(null);
-  const [loading, setLoading] = useState53(false);
-  const [error, setError] = useState53(null);
-  const [response, setResponse] = useState53(null);
+  const [data, setData] = useState54(null);
+  const [loading, setLoading] = useState54(false);
+  const [error, setError] = useState54(null);
+  const [response, setResponse] = useState54(null);
   const reset = useCallback30(() => {
     setData(null);
     setLoading(false);
@@ -15712,15 +15749,15 @@ __name(useOAuthClients, "useOAuthClients");
 
 // src/features/oauth/hooks/useOAuthClient.ts
 import { useAtomValue as useAtomValue2, useSetAtom as useSetAtom2 } from "jotai";
-import { useCallback as useCallback32, useEffect as useEffect46, useState as useState54 } from "react";
+import { useCallback as useCallback32, useEffect as useEffect46, useState as useState55 } from "react";
 function useOAuthClient(clientId) {
   const storedClient = useAtomValue2(oauthClientByIdAtom(clientId));
   const updateClientInStore = useSetAtom2(updateOAuthClientAtom);
   const removeClientFromStore = useSetAtom2(removeOAuthClientAtom);
   const setNewClientSecret = useSetAtom2(setNewClientSecretAtom);
-  const [fetchedClient, setFetchedClient] = useState54(null);
-  const [isLoading, setIsLoading] = useState54(false);
-  const [error, setError] = useState54(null);
+  const [fetchedClient, setFetchedClient] = useState55(null);
+  const [isLoading, setIsLoading] = useState55(false);
+  const [error, setError] = useState55(null);
   const client = storedClient || fetchedClient;
   const fetchClient = useCallback32(async () => {
     if (!clientId) return;
@@ -15810,12 +15847,12 @@ function useOAuthClient(clientId) {
 __name(useOAuthClient, "useOAuthClient");
 
 // src/features/oauth/hooks/useOAuthConsent.ts
-import { useCallback as useCallback33, useEffect as useEffect47, useState as useState55 } from "react";
+import { useCallback as useCallback33, useEffect as useEffect47, useState as useState56 } from "react";
 function useOAuthConsent(params) {
-  const [clientInfo, setClientInfo] = useState55(null);
-  const [isLoading, setIsLoading] = useState55(true);
-  const [error, setError] = useState55(null);
-  const [isSubmitting, setIsSubmitting] = useState55(false);
+  const [clientInfo, setClientInfo] = useState56(null);
+  const [isLoading, setIsLoading] = useState56(true);
+  const [error, setError] = useState56(null);
+  const [isSubmitting, setIsSubmitting] = useState56(false);
   useEffect47(() => {
     const fetchInfo = /* @__PURE__ */ __name(async () => {
       if (!params.clientId || !params.redirectUri || !params.scope) {
@@ -15891,20 +15928,20 @@ registerTableGenerator("companies", useCompanyTableStructure);
 // src/components/tables/ContentListTable.tsx
 import { flexRender, getCoreRowModel, getExpandedRowModel, useReactTable } from "@tanstack/react-table";
 import { ChevronLeft, ChevronRight } from "lucide-react";
-import React28, { memo, useMemo as useMemo28, useState as useState57 } from "react";
+import React28, { memo, useMemo as useMemo28, useState as useState58 } from "react";
 
 // src/components/tables/ContentTableSearch.tsx
 import { RefreshCw, Search, X as X3 } from "lucide-react";
 import { useTranslations as useTranslations57 } from "next-intl";
-import { useCallback as useCallback34, useEffect as useEffect48, useRef as useRef28, useState as useState56 } from "react";
+import { useCallback as useCallback34, useEffect as useEffect48, useRef as useRef28, useState as useState57 } from "react";
 import { jsx as jsx170, jsxs as jsxs97 } from "react/jsx-runtime";
 function ContentTableSearch({ data }) {
   const t = useTranslations57();
   const searchTermRef = useRef28("");
   const inputRef = useRef28(null);
-  const [searchTerm, setSearchTerm] = useState56("");
-  const [isFocused, setIsFocused] = useState56(false);
-  const [isSearching, setIsSearching] = useState56(false);
+  const [searchTerm, setSearchTerm] = useState57("");
+  const [isFocused, setIsFocused] = useState57(false);
+  const [isSearching, setIsSearching] = useState57(false);
   const isExpanded = isFocused || searchTerm.length > 0;
   const search = useCallback34(
     async (searchedTerm) => {
@@ -15999,7 +16036,7 @@ function getGroupKeys(item, field) {
 __name(getGroupKeys, "getGroupKeys");
 var ContentListTable = memo(/* @__PURE__ */ __name(function ContentListTable2(props) {
   const { data, fields, checkedIds, toggleId, allowSearch, filters: _filters, fullWidth } = props;
-  const [expanded, setExpanded] = useState57(
+  const [expanded, setExpanded] = useState58(
     props.defaultExpanded === true ? true : typeof props.defaultExpanded === "object" ? props.defaultExpanded : {}
   );
   const { data: tableData, columns: tableColumns } = useTableGenerator(props.tableGeneratorType, {
@@ -16245,15 +16282,15 @@ __name(validateItalianTaxCode, "validateItalianTaxCode");
 
 // src/components/fiscal/ItalianFiscalData.tsx
 import { useTranslations as useTranslations58 } from "next-intl";
-import { forwardRef as forwardRef8, useCallback as useCallback35, useImperativeHandle as useImperativeHandle2, useRef as useRef30, useState as useState58 } from "react";
+import { forwardRef as forwardRef8, useCallback as useCallback35, useImperativeHandle as useImperativeHandle2, useRef as useRef30, useState as useState59 } from "react";
 import { z as z4 } from "zod";
 import { jsx as jsx173, jsxs as jsxs100 } from "react/jsx-runtime";
 var ItalianFiscalData = forwardRef8(/* @__PURE__ */ __name(function ItalianFiscalData2({ initialData }, ref) {
   const t = useTranslations58();
   const initialRef = useRef30(initialData);
-  const [fiscalData, setFiscalData] = useState58(initialData);
+  const [fiscalData, setFiscalData] = useState59(initialData);
   const fiscalDataRef = useRef30(initialData);
-  const [fiscalErrors, setFiscalErrors] = useState58({});
+  const [fiscalErrors, setFiscalErrors] = useState59({});
   const updateFiscalField = useCallback35((key, value) => {
     setFiscalData((prev) => {
       const next = { ...prev, [key]: value };
@@ -16358,7 +16395,7 @@ var ItalianFiscalData_default = ItalianFiscalData;
 import Image8 from "next/image";
 
 // src/features/auth/contexts/AuthContext.tsx
-import { createContext as createContext20, useContext as useContext21, useMemo as useMemo29, useState as useState60 } from "react";
+import { createContext as createContext21, useContext as useContext22, useMemo as useMemo29, useState as useState61 } from "react";
 
 // src/features/auth/components/forms/Register.tsx
 import { zodResolver as zodResolver5 } from "@hookform/resolvers/zod";
@@ -16366,7 +16403,7 @@ import { Loader2 as Loader23 } from "lucide-react";
 import { useTranslations as useTranslations60 } from "next-intl";
 import Image7 from "next/image";
 import { useSearchParams as useSearchParams2 } from "next/navigation";
-import { useEffect as useEffect50, useState as useState59 } from "react";
+import { useEffect as useEffect50, useState as useState60 } from "react";
 import { useForm as useForm5 } from "react-hook-form";
 import { v4 as v45 } from "uuid";
 import { z as z5 } from "zod";
@@ -16437,13 +16474,13 @@ function Register() {
   const searchParams = useSearchParams2();
   const inviteCode = searchParams.get("invite");
   const registrationMode = getRegistrationMode();
-  const [showConfirmation, setShowConfirmation] = useState59(false);
-  const [inviteValidated, setInviteValidated] = useState59(false);
-  const [inviteError, setInviteError] = useState59("");
-  const [isValidatingInvite, setIsValidatingInvite] = useState59(
+  const [showConfirmation, setShowConfirmation] = useState60(false);
+  const [inviteValidated, setInviteValidated] = useState60(false);
+  const [inviteError, setInviteError] = useState60("");
+  const [isValidatingInvite, setIsValidatingInvite] = useState60(
     registrationMode === "waitlist" && !!inviteCode
   );
-  const [referralCode, setReferralCode2] = useState59(null);
+  const [referralCode, setReferralCode2] = useState60(null);
   useEffect50(() => {
     const code = getReferralCode();
     setReferralCode2(code);
@@ -16708,15 +16745,15 @@ __name(Register, "Register");
 
 // src/features/auth/contexts/AuthContext.tsx
 import { jsx as jsx176 } from "react/jsx-runtime";
-var AuthContext = createContext20(void 0);
+var AuthContext = createContext21(void 0);
 var AuthContextProvider = /* @__PURE__ */ __name(({
   children,
   initialComponentType,
   initialParams
 }) => {
-  const [componentType, setComponentType] = useState60(initialComponentType);
-  const [params, setParams] = useState60(initialParams);
-  const [pendingTwoFactor, setPendingTwoFactor] = useState60();
+  const [componentType, setComponentType] = useState61(initialComponentType);
+  const [params, setParams] = useState61(initialParams);
+  const [pendingTwoFactor, setPendingTwoFactor] = useState61();
   const activeComponent = useMemo29(() => {
     if (componentType === void 0) return null;
     switch (componentType) {
@@ -16754,7 +16791,7 @@ var AuthContextProvider = /* @__PURE__ */ __name(({
   );
 }, "AuthContextProvider");
 var useAuthContext = /* @__PURE__ */ __name(() => {
-  const context = useContext21(AuthContext);
+  const context = useContext22(AuthContext);
   if (context === void 0) {
     throw new Error("useAuthContext must be used within a AuthComponentProvider");
   }
@@ -16778,20 +16815,20 @@ __name(InnerAuthContainer, "InnerAuthContainer");
 // src/features/auth/components/two-factor/TwoFactorSettings.tsx
 import { ShieldAlert, ShieldCheck } from "lucide-react";
 import { useTranslations as useTranslations67 } from "next-intl";
-import { useCallback as useCallback36, useEffect as useEffect52, useState as useState68 } from "react";
+import { useCallback as useCallback36, useEffect as useEffect52, useState as useState69 } from "react";
 import { v4 as v48 } from "uuid";
 
 // src/features/auth/components/two-factor/BackupCodesDialog.tsx
 import { Copy, Download, RefreshCw as RefreshCw2 } from "lucide-react";
 import { useTranslations as useTranslations61 } from "next-intl";
-import { useState as useState61 } from "react";
+import { useState as useState62 } from "react";
 import { jsx as jsx178, jsxs as jsxs103 } from "react/jsx-runtime";
 function BackupCodesDialog({ remainingCodes, onRegenerate, trigger }) {
   const t = useTranslations61();
-  const [open, setOpen] = useState61(false);
-  const [codes, setCodes] = useState61([]);
-  const [isLoading, setIsLoading] = useState61(false);
-  const [showCodes, setShowCodes] = useState61(false);
+  const [open, setOpen] = useState62(false);
+  const [codes, setCodes] = useState62([]);
+  const [isLoading, setIsLoading] = useState62(false);
+  const [showCodes, setShowCodes] = useState62(false);
   const handleGenerate = /* @__PURE__ */ __name(async () => {
     setIsLoading(true);
     try {
@@ -16886,13 +16923,13 @@ __name(BackupCodesDialog, "BackupCodesDialog");
 
 // src/features/auth/components/two-factor/DisableTwoFactorDialog.tsx
 import { useTranslations as useTranslations62 } from "next-intl";
-import { useState as useState63 } from "react";
+import { useState as useState64 } from "react";
 
 // src/features/auth/components/two-factor/TotpInput.tsx
-import { useEffect as useEffect51, useRef as useRef31, useState as useState62 } from "react";
+import { useEffect as useEffect51, useRef as useRef31, useState as useState63 } from "react";
 import { jsx as jsx179, jsxs as jsxs104 } from "react/jsx-runtime";
 function TotpInput({ onComplete, disabled = false, autoFocus = true, error }) {
-  const [digits, setDigits] = useState62(["", "", "", "", "", ""]);
+  const [digits, setDigits] = useState63(["", "", "", "", "", ""]);
   const inputRefs = useRef31([]);
   useEffect51(() => {
     if (autoFocus && inputRefs.current[0]) {
@@ -16956,9 +16993,9 @@ __name(TotpInput, "TotpInput");
 import { jsx as jsx180, jsxs as jsxs105 } from "react/jsx-runtime";
 function DisableTwoFactorDialog({ onSuccess, trigger }) {
   const t = useTranslations62();
-  const [open, setOpen] = useState63(false);
-  const [isLoading, setIsLoading] = useState63(false);
-  const [error, setError] = useState63();
+  const [open, setOpen] = useState64(false);
+  const [isLoading, setIsLoading] = useState64(false);
+  const [error, setError] = useState64();
   const handleVerify = /* @__PURE__ */ __name(async (code) => {
     setIsLoading(true);
     setError(void 0);
@@ -16999,14 +17036,14 @@ __name(DisableTwoFactorDialog, "DisableTwoFactorDialog");
 // src/features/auth/components/two-factor/PasskeyList.tsx
 import { Edit, Key, Trash2 } from "lucide-react";
 import { useTranslations as useTranslations63 } from "next-intl";
-import { useState as useState64 } from "react";
+import { useState as useState65 } from "react";
 import { Fragment as Fragment31, jsx as jsx181, jsxs as jsxs106 } from "react/jsx-runtime";
 function PasskeyList({ passkeys, onRefresh }) {
   const t = useTranslations63();
-  const [renameDialogOpen, setRenameDialogOpen] = useState64(false);
-  const [selectedPasskey, setSelectedPasskey] = useState64(null);
-  const [newName, setNewName] = useState64("");
-  const [isLoading, setIsLoading] = useState64(false);
+  const [renameDialogOpen, setRenameDialogOpen] = useState65(false);
+  const [selectedPasskey, setSelectedPasskey] = useState65(null);
+  const [newName, setNewName] = useState65("");
+  const [isLoading, setIsLoading] = useState65(false);
   const handleDelete = /* @__PURE__ */ __name(async (passkey) => {
     setIsLoading(true);
     try {
@@ -17120,14 +17157,14 @@ __name(PasskeyList, "PasskeyList");
 // src/features/auth/components/two-factor/PasskeySetupDialog.tsx
 import { startRegistration } from "@simplewebauthn/browser";
 import { useTranslations as useTranslations64 } from "next-intl";
-import { useState as useState65 } from "react";
+import { useState as useState66 } from "react";
 import { v4 as v46 } from "uuid";
 import { jsx as jsx182, jsxs as jsxs107 } from "react/jsx-runtime";
 function PasskeySetupDialog({ open, onOpenChange, onSuccess }) {
   const t = useTranslations64();
   const { currentUser } = useCurrentUserContext();
-  const [name, setName] = useState65("");
-  const [isLoading, setIsLoading] = useState65(false);
+  const [name, setName] = useState66("");
+  const [isLoading, setIsLoading] = useState66(false);
   const handleRegister = /* @__PURE__ */ __name(async () => {
     if (!name.trim()) return;
     setIsLoading(true);
@@ -17191,11 +17228,11 @@ __name(PasskeySetupDialog, "PasskeySetupDialog");
 // src/features/auth/components/two-factor/TotpAuthenticatorList.tsx
 import { Smartphone, Trash2 as Trash22 } from "lucide-react";
 import { useTranslations as useTranslations65 } from "next-intl";
-import { useState as useState66 } from "react";
+import { useState as useState67 } from "react";
 import { jsx as jsx183, jsxs as jsxs108 } from "react/jsx-runtime";
 function TotpAuthenticatorList({ authenticators, onDelete }) {
   const t = useTranslations65();
-  const [deletingId, setDeletingId] = useState66(null);
+  const [deletingId, setDeletingId] = useState67(null);
   const handleDelete = /* @__PURE__ */ __name(async (id) => {
     setDeletingId(id);
     try {
@@ -17266,19 +17303,19 @@ __name(TotpAuthenticatorList, "TotpAuthenticatorList");
 // src/features/auth/components/two-factor/TotpSetupDialog.tsx
 import { useTranslations as useTranslations66 } from "next-intl";
 import { QRCodeSVG } from "qrcode.react";
-import { useState as useState67 } from "react";
+import { useState as useState68 } from "react";
 import { v4 as v47 } from "uuid";
 import { jsx as jsx184, jsxs as jsxs109 } from "react/jsx-runtime";
 function TotpSetupDialog({ onSuccess, trigger }) {
   const t = useTranslations66();
   const { currentUser } = useCurrentUserContext();
-  const [open, setOpen] = useState67(false);
-  const [step, setStep] = useState67("name");
-  const [name, setName] = useState67("");
-  const [qrCodeUri, setQrCodeUri] = useState67("");
-  const [authenticatorId, setAuthenticatorId] = useState67("");
-  const [isLoading, setIsLoading] = useState67(false);
-  const [verifyError, setVerifyError] = useState67();
+  const [open, setOpen] = useState68(false);
+  const [step, setStep] = useState68("name");
+  const [name, setName] = useState68("");
+  const [qrCodeUri, setQrCodeUri] = useState68("");
+  const [authenticatorId, setAuthenticatorId] = useState68("");
+  const [isLoading, setIsLoading] = useState68(false);
+  const [verifyError, setVerifyError] = useState68();
   const handleStartSetup = /* @__PURE__ */ __name(async () => {
     if (!name.trim()) return;
     setIsLoading(true);
@@ -17376,12 +17413,12 @@ __name(TotpSetupDialog, "TotpSetupDialog");
 import { Fragment as Fragment32, jsx as jsx185, jsxs as jsxs110 } from "react/jsx-runtime";
 function TwoFactorSettings() {
   const t = useTranslations67();
-  const [status, setStatus] = useState68(null);
-  const [authenticators, setAuthenticators] = useState68([]);
-  const [passkeys, setPasskeys] = useState68([]);
-  const [isLoading, setIsLoading] = useState68(true);
-  const [isEnabling, setIsEnabling] = useState68(false);
-  const [passkeyDialogOpen, setPasskeyDialogOpen] = useState68(false);
+  const [status, setStatus] = useState69(null);
+  const [authenticators, setAuthenticators] = useState69([]);
+  const [passkeys, setPasskeys] = useState69([]);
+  const [isLoading, setIsLoading] = useState69(true);
+  const [isEnabling, setIsEnabling] = useState69(false);
+  const [passkeyDialogOpen, setPasskeyDialogOpen] = useState69(false);
   const loadStatus = useCallback36(async () => {
     try {
       const [statusData, authenticatorsList, passkeysList] = await Promise.all([
@@ -17588,14 +17625,14 @@ __name(LandingComponent, "LandingComponent");
 import { zodResolver as zodResolver6 } from "@hookform/resolvers/zod";
 import { useTranslations as useTranslations69 } from "next-intl";
 import Image10 from "next/image";
-import { useEffect as useEffect53, useState as useState69 } from "react";
+import { useEffect as useEffect53, useState as useState70 } from "react";
 import { useForm as useForm6 } from "react-hook-form";
 import { z as z6 } from "zod";
 import { Fragment as Fragment34, jsx as jsx189, jsxs as jsxs113 } from "react/jsx-runtime";
 function AcceptInvitation() {
   const { setComponentType, params, setParams } = useAuthContext();
-  const [showConfirmation, setShowConfirmation] = useState69(false);
-  const [error, setError] = useState69(void 0);
+  const [showConfirmation, setShowConfirmation] = useState70(false);
+  const [error, setError] = useState70(void 0);
   const t = useTranslations69();
   useEffect53(() => {
     async function validateCode(code) {
@@ -17690,12 +17727,12 @@ __name(AcceptInvitation, "AcceptInvitation");
 // src/features/auth/components/forms/ActivateAccount.tsx
 import { useTranslations as useTranslations70 } from "next-intl";
 import Image11 from "next/image";
-import { useEffect as useEffect54, useState as useState70 } from "react";
+import { useEffect as useEffect54, useState as useState71 } from "react";
 import { Fragment as Fragment35, jsx as jsx190, jsxs as jsxs114 } from "react/jsx-runtime";
 function ActivateAccount() {
   const { setComponentType, params, setParams } = useAuthContext();
-  const [showConfirmation, setShowConfirmation] = useState70(false);
-  const [error, setError] = useState70(void 0);
+  const [showConfirmation, setShowConfirmation] = useState71(false);
+  const [error, setError] = useState71(void 0);
   const t = useTranslations70();
   useEffect54(() => {
     async function ActivateAccount2(code) {
@@ -17738,11 +17775,11 @@ function ActivateAccount() {
 __name(ActivateAccount, "ActivateAccount");
 
 // src/features/auth/components/forms/Cookies.tsx
-import { useEffect as useEffect55, useState as useState71 } from "react";
+import { useEffect as useEffect55, useState as useState72 } from "react";
 function Cookies({ dehydratedAuth, page }) {
   const { setUser } = useCurrentUserContext();
   const router = useI18nRouter();
-  const [hasSaved, setHasSaved] = useState71(false);
+  const [hasSaved, setHasSaved] = useState72(false);
   useEffect55(() => {
     if (hasSaved) return;
     async function saveTokenOnServer() {
@@ -17766,14 +17803,14 @@ __name(Cookies, "Cookies");
 import { zodResolver as zodResolver7 } from "@hookform/resolvers/zod";
 import { useTranslations as useTranslations71 } from "next-intl";
 import Image12 from "next/image";
-import { useState as useState72 } from "react";
+import { useState as useState73 } from "react";
 import { useForm as useForm7 } from "react-hook-form";
 import { z as z7 } from "zod";
 import { Fragment as Fragment36, jsx as jsx191, jsxs as jsxs115 } from "react/jsx-runtime";
 function ForgotPassword() {
   const t = useTranslations71();
   const { setComponentType } = useAuthContext();
-  const [showConfirmation, setShowConfirmation] = useState72(false);
+  const [showConfirmation, setShowConfirmation] = useState73(false);
   const formSchema = z7.object({
     email: z7.string().email({
       message: t(`common.errors.invalid_email`)
@@ -17838,7 +17875,7 @@ import { zodResolver as zodResolver8 } from "@hookform/resolvers/zod";
 import { useTranslations as useTranslations72 } from "next-intl";
 import Image13 from "next/image";
 import { useRouter, useSearchParams as useSearchParams3 } from "next/navigation";
-import { useEffect as useEffect56, useState as useState73 } from "react";
+import { useEffect as useEffect56, useState as useState74 } from "react";
 import { useForm as useForm8 } from "react-hook-form";
 import { z as z8 } from "zod";
 import { Fragment as Fragment37, jsx as jsx192, jsxs as jsxs116 } from "react/jsx-runtime";
@@ -17851,7 +17888,7 @@ function Login() {
   const nativeRouter = useRouter();
   const searchParams = useSearchParams3();
   const callbackUrl = searchParams.get("callbackUrl");
-  const [referralCode, setReferralCode2] = useState73(null);
+  const [referralCode, setReferralCode2] = useState74(null);
   useEffect56(() => {
     const cookies = document.cookie.split("; ");
     for (const cookie of cookies) {
@@ -18034,14 +18071,14 @@ __name(RefreshUser, "RefreshUser");
 import { zodResolver as zodResolver9 } from "@hookform/resolvers/zod";
 import { useTranslations as useTranslations73 } from "next-intl";
 import Image14 from "next/image";
-import { useEffect as useEffect59, useState as useState74 } from "react";
+import { useEffect as useEffect59, useState as useState75 } from "react";
 import { useForm as useForm9 } from "react-hook-form";
 import { z as z9 } from "zod";
 import { Fragment as Fragment39, jsx as jsx194, jsxs as jsxs117 } from "react/jsx-runtime";
 function ResetPassword() {
   const { setComponentType, params, setParams } = useAuthContext();
-  const [showConfirmation, setShowConfirmation] = useState74(false);
-  const [error, setError] = useState74(void 0);
+  const [showConfirmation, setShowConfirmation] = useState75(false);
+  const [error, setError] = useState75(void 0);
   const t = useTranslations73();
   useEffect59(() => {
     async function validateResetPasswordCode(code) {
@@ -18120,18 +18157,18 @@ __name(ResetPassword, "ResetPassword");
 // src/features/auth/components/forms/TwoFactorChallenge.tsx
 import { useTranslations as useTranslations75 } from "next-intl";
 import { useRouter as useRouter2, useSearchParams as useSearchParams4 } from "next/navigation";
-import { useState as useState76 } from "react";
+import { useState as useState77 } from "react";
 import { v4 as v410 } from "uuid";
 
 // src/features/auth/components/two-factor/PasskeyButton.tsx
 import { startAuthentication } from "@simplewebauthn/browser";
 import { useTranslations as useTranslations74 } from "next-intl";
-import { useState as useState75 } from "react";
+import { useState as useState76 } from "react";
 import { v4 as v49 } from "uuid";
 import { jsx as jsx195 } from "react/jsx-runtime";
 function PasskeyButton({ pendingToken, onSuccess, onError, disabled = false }) {
   const t = useTranslations74();
-  const [isLoading, setIsLoading] = useState75(false);
+  const [isLoading, setIsLoading] = useState76(false);
   const handleClick = /* @__PURE__ */ __name(async () => {
     setIsLoading(true);
     try {
@@ -18176,10 +18213,10 @@ function TwoFactorChallenge() {
   const nativeRouter = useRouter2();
   const searchParams = useSearchParams4();
   const callbackUrl = searchParams.get("callbackUrl");
-  const [isVerifying, setIsVerifying] = useState76(false);
-  const [totpError, setTotpError] = useState76();
-  const [backupCode, setBackupCode] = useState76("");
-  const [backupError, setBackupError] = useState76();
+  const [isVerifying, setIsVerifying] = useState77(false);
+  const [totpError, setTotpError] = useState77();
+  const [backupCode, setBackupCode] = useState77("");
+  const [backupError, setBackupError] = useState77();
   if (!pendingTwoFactor) {
     return null;
   }
@@ -18382,7 +18419,7 @@ __name(RelevantContentsList, "RelevantContentsList");
 // src/features/how-to/components/containers/HowToCommand.tsx
 import { ArrowRight, LifeBuoyIcon } from "lucide-react";
 import { useTranslations as useTranslations80 } from "next-intl";
-import { useCallback as useCallback37, useEffect as useEffect60, useMemo as useMemo31, useRef as useRef32, useState as useState77 } from "react";
+import { useCallback as useCallback37, useEffect as useEffect60, useMemo as useMemo31, useRef as useRef32, useState as useState78 } from "react";
 
 // src/features/how-to/components/containers/HowToCommandViewer.tsx
 import { ArrowLeft, BookOpen, MessageSquare } from "lucide-react";
@@ -18508,10 +18545,10 @@ function matchPage(pathname, pattern) {
 __name(matchPage, "matchPage");
 function HowToCommand({ pathname, extraGroups, onStartChat }) {
   const t = useTranslations80();
-  const [dialogOpen, setDialogOpen] = useState77(false);
-  const [selectedHowTo, setSelectedHowTo] = useState77(null);
+  const [dialogOpen, setDialogOpen] = useState78(false);
+  const [selectedHowTo, setSelectedHowTo] = useState78(null);
   const searchTermRef = useRef32("");
-  const [searchTerm, setSearchTerm] = useState77("");
+  const [searchTerm, setSearchTerm] = useState78("");
   const data = useDataListRetriever({
     retriever: /* @__PURE__ */ __name((params) => {
       return HowToService.findMany(params);
@@ -18820,7 +18857,7 @@ __name(HowToListContainer, "HowToListContainer");
 // 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 useTranslations84 } from "next-intl";
-import { useCallback as useCallback38, useEffect as useEffect61, useRef as useRef33, useState as useState78 } from "react";
+import { useCallback as useCallback38, useEffect as useEffect61, useRef as useRef33, useState as useState79 } from "react";
 import { Fragment as Fragment43, jsx as jsx208, jsxs as jsxs123 } from "react/jsx-runtime";
 function HowToSelector({
   id,
@@ -18831,10 +18868,10 @@ function HowToSelector({
   isRequired = false
 }) {
   const t = useTranslations84();
-  const [open, setOpen] = useState78(false);
+  const [open, setOpen] = useState79(false);
   const searchTermRef = useRef33("");
-  const [searchTerm, setSearchTerm] = useState78("");
-  const [isSearching, setIsSearching] = useState78(false);
+  const [searchTerm, setSearchTerm] = useState79("");
+  const [isSearching, setIsSearching] = useState79(false);
   const data = useDataListRetriever({
     retriever: /* @__PURE__ */ __name((params) => {
       return HowToService.findMany(params);
@@ -18983,18 +19020,18 @@ function AssistantSidebar({ threads, activeId, onSelect, onNew }) {
 __name(AssistantSidebar, "AssistantSidebar");
 
 // src/features/assistant/components/parts/AssistantEmptyState.tsx
-import { useState as useState80 } from "react";
+import { useState as useState81 } from "react";
 import { useTranslations as useTranslations87 } from "next-intl";
 import { Sparkles } from "lucide-react";
 
 // src/features/assistant/components/parts/AssistantComposer.tsx
-import { useState as useState79 } from "react";
+import { useState as useState80 } from "react";
 import { useTranslations as useTranslations86 } from "next-intl";
 import { ArrowUp } from "lucide-react";
 import { jsx as jsx210, jsxs as jsxs125 } from "react/jsx-runtime";
 function AssistantComposer({ onSend, disabled, value: controlled, onValueChange }) {
   const t = useTranslations86();
-  const [internal, setInternal] = useState79("");
+  const [internal, setInternal] = useState80("");
   const value = controlled ?? internal;
   const setValue = onValueChange ?? setInternal;
   const canSend = value.trim().length > 0 && !disabled;
@@ -19040,7 +19077,7 @@ import { jsx as jsx211, jsxs as jsxs126 } from "react/jsx-runtime";
 var STARTER_KEYS = ["a", "b", "c", "d"];
 function AssistantEmptyState({ onSend, operatorMode = false, onOperatorModeChange }) {
   const t = useTranslations87();
-  const [draft, setDraft] = useState80("");
+  const [draft, setDraft] = useState81("");
   return /* @__PURE__ */ jsx211("div", { className: "flex h-full w-full items-center justify-center p-10", children: /* @__PURE__ */ jsxs126("div", { className: "flex w-full max-w-2xl flex-col gap-6", children: [
     /* @__PURE__ */ jsxs126("div", { className: "text-center", children: [
       /* @__PURE__ */ jsx211("div", { className: "mx-auto mb-3 flex h-10 w-10 items-center justify-center rounded-full bg-gradient-to-br from-blue-400 to-violet-500 text-white", children: /* @__PURE__ */ jsx211(Sparkles, { className: "h-5 w-5" }) }),
@@ -19078,14 +19115,14 @@ function AssistantEmptyState({ onSend, operatorMode = false, onOperatorModeChang
 __name(AssistantEmptyState, "AssistantEmptyState");
 
 // src/features/assistant/components/parts/AssistantThreadHeader.tsx
-import { useState as useState81 } from "react";
+import { useState as useState82 } from "react";
 import { useTranslations as useTranslations88 } from "next-intl";
 import { jsx as jsx212, jsxs as jsxs127 } from "react/jsx-runtime";
 function AssistantThreadHeader({ assistant, onRename, onDelete }) {
   const t = useTranslations88();
-  const [renameValue, setRenameValue] = useState81(assistant.title);
-  const [renameOpen, setRenameOpen] = useState81(false);
-  const [deleteOpen, setDeleteOpen] = useState81(false);
+  const [renameValue, setRenameValue] = useState82(assistant.title);
+  const [renameOpen, setRenameOpen] = useState82(false);
+  const [deleteOpen, setDeleteOpen] = useState82(false);
   const handleRename = /* @__PURE__ */ __name(async () => {
     const trimmed = renameValue.trim() || assistant.title;
     await onRename(trimmed);
@@ -19147,10 +19184,10 @@ import ReactMarkdown3 from "react-markdown";
 import remarkGfm3 from "remark-gfm";
 
 // src/features/assistant-message/components/parts/MessageSourcesContainer.tsx
-import { useEffect as useEffect62, useMemo as useMemo34, useState as useState84 } from "react";
+import { useEffect as useEffect62, useMemo as useMemo34, useState as useState85 } from "react";
 
 // src/features/assistant-message/components/parts/MessageSourcesPanel.tsx
-import { useMemo as useMemo33, useState as useState83 } from "react";
+import { useMemo as useMemo33, useState as useState84 } from "react";
 import { useTranslations as useTranslations93 } from "next-intl";
 import { ChevronDown as ChevronDown4, ChevronRight as ChevronRight2 } from "lucide-react";
 
@@ -19187,7 +19224,7 @@ function ReferencesTab({ references }) {
 __name(ReferencesTab, "ReferencesTab");
 
 // src/features/assistant-message/components/parts/tabs/CitationsTab.tsx
-import { Fragment as Fragment45, useState as useState82 } from "react";
+import { Fragment as Fragment45, useState as useState83 } from "react";
 import { useTranslations as useTranslations90 } from "next-intl";
 import { ChevronDown as ChevronDown3, HelpCircle } from "lucide-react";
 import ReactMarkdown2 from "react-markdown";
@@ -19226,7 +19263,7 @@ __name(RelevanceMeter, "RelevanceMeter");
 import { jsx as jsx215, jsxs as jsxs130 } from "react/jsx-runtime";
 function CitationsTab({ citations, sources }) {
   const t = useTranslations90();
-  const [expanded, setExpanded] = useState82(/* @__PURE__ */ new Set());
+  const [expanded, setExpanded] = useState83(/* @__PURE__ */ new Set());
   if (citations.length === 0) return null;
   const sorted = [...citations].sort((a, b) => (b.relevance ?? 0) - (a.relevance ?? 0));
   const toggle = /* @__PURE__ */ __name((id) => {
@@ -19475,8 +19512,8 @@ function MessageSourcesPanel({ message, isLatestAssistant, onSelectFollowUp, sou
   if (usersCount > 0) visibleTabs.push("users");
   const autoOpen = isLatestAssistant && suggestionsCount > 0;
   const initialTab = autoOpen ? "suggested" : visibleTabs[0];
-  const [open, setOpen] = useState83(autoOpen);
-  const [active, setActive] = useState83(initialTab);
+  const [open, setOpen] = useState84(autoOpen);
+  const [active, setActive] = useState84(initialTab);
   if (total === 0) return null;
   const panelId = `sources-panel-${message.id}`;
   return /* @__PURE__ */ jsxs133("div", { className: "mt-2 w-full min-w-0", children: [
@@ -19555,7 +19592,7 @@ function MessageSourcesContainer({ message, isLatestAssistant, onSelectFollowUp
     }
     return parts.sort().join("|");
   }, [groups]);
-  const [resolved, setResolved] = useState84([]);
+  const [resolved, setResolved] = useState85([]);
   useEffect62(() => {
     if (groups.size === 0) {
       setResolved([]);
@@ -19918,7 +19955,7 @@ __name(NotificationsListContainer, "NotificationsListContainer");
 // src/features/notification/components/modals/NotificationModal.tsx
 import { BellIcon } from "lucide-react";
 import { useTranslations as useTranslations98 } from "next-intl";
-import { Fragment as Fragment48, useCallback as useCallback39, useEffect as useEffect64, useMemo as useMemo35, useRef as useRef35, useState as useState85 } from "react";
+import { Fragment as Fragment48, useCallback as useCallback39, useEffect as useEffect64, useMemo as useMemo35, useRef as useRef35, useState as useState86 } from "react";
 import { jsx as jsx229, jsxs as jsxs141 } from "react/jsx-runtime";
 function NotificationModalContent({ isOpen, setIsOpen }) {
   const _instanceId = useRef35(Math.random().toString(36).substr(2, 9));
@@ -19940,7 +19977,7 @@ function NotificationModalContent({ isOpen, setIsOpen }) {
   } = useSocketContext();
   const t = useTranslations98();
   const generateUrl = usePageUrlGenerator();
-  const [newNotifications, setNewNotifications] = useState85(false);
+  const [newNotifications, setNewNotifications] = useState86(false);
   const preventAutoClose = useRef35(false);
   const circuitBreakerRef = useRef35({
     count: 0,
@@ -20133,14 +20170,14 @@ __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 useRef36, useState as useState88 } from "react";
+import { useCallback as useCallback40, useRef as useRef36, useState as useState89 } from "react";
 
 // src/features/referral/hooks/useReferralInvite.ts
-import { useState as useState86 } from "react";
+import { useState as useState87 } from "react";
 function useReferralInvite() {
-  const [sending, setSending] = useState86(false);
-  const [error, setError] = useState86(null);
-  const [success, setSuccess] = useState86(false);
+  const [sending, setSending] = useState87(false);
+  const [error, setError] = useState87(null);
+  const [success, setSuccess] = useState87(false);
   const sendInvite = /* @__PURE__ */ __name(async (email) => {
     if (!isReferralEnabled()) {
       return;
@@ -20162,11 +20199,11 @@ function useReferralInvite() {
 __name(useReferralInvite, "useReferralInvite");
 
 // src/features/referral/hooks/useReferralStats.ts
-import { useEffect as useEffect66, useState as useState87 } from "react";
+import { useEffect as useEffect66, useState as useState88 } from "react";
 function useReferralStats() {
-  const [stats, setStats] = useState87(null);
-  const [loading, setLoading] = useState87(true);
-  const [error, setError] = useState87(null);
+  const [stats, setStats] = useState88(null);
+  const [loading, setLoading] = useState88(true);
+  const [error, setError] = useState88(null);
   useEffect66(() => {
     if (!isReferralEnabled()) {
       setLoading(false);
@@ -20237,8 +20274,8 @@ function ReferralWidget({
   const t = { ...DEFAULT_TRANSLATIONS, ...translations };
   const { stats, loading, error } = useReferralStats();
   const { sendInvite, sending } = useReferralInvite();
-  const [email, setEmail] = useState88("");
-  const [copied, setCopied] = useState88(false);
+  const [email, setEmail] = useState89("");
+  const [copied, setCopied] = useState89(false);
   const linkInputRef = useRef36(null);
   const config = getReferralConfig();
   const baseUrl = config.referralUrlBase || (typeof window !== "undefined" ? window.location.origin : "");
@@ -20451,11 +20488,11 @@ __name(FormRoles, "FormRoles");
 
 // src/features/role/components/forms/RemoveUserFromRole.tsx
 import { useTranslations as useTranslations101 } from "next-intl";
-import { useEffect as useEffect67, useState as useState89 } from "react";
+import { useEffect as useEffect67, useState as useState90 } from "react";
 import { Fragment as Fragment51, jsx as jsx236, jsxs as jsxs146 } from "react/jsx-runtime";
 function RemoveUserFromRole({ role, user, refresh }) {
-  const [open, setOpen] = useState89(false);
-  const [canRemove, setCanRemove] = useState89(false);
+  const [open, setOpen] = useState90(false);
+  const [canRemove, setCanRemove] = useState90(false);
   const t = useTranslations101();
   useEffect67(() => {
     async function checkCompanyAdminDeletability() {
@@ -20527,13 +20564,13 @@ __name(RemoveUserFromRole, "RemoveUserFromRole");
 // src/features/role/components/forms/UserRoleAdd.tsx
 import { PlusCircle as PlusCircle2 } from "lucide-react";
 import { useTranslations as useTranslations102 } from "next-intl";
-import { useCallback as useCallback41, useEffect as useEffect68, useRef as useRef37, useState as useState90 } from "react";
+import { useCallback as useCallback41, useEffect as useEffect68, useRef as useRef37, useState as useState91 } from "react";
 import { Fragment as Fragment52, jsx as jsx237, jsxs as jsxs147 } from "react/jsx-runtime";
 function UserRoleAdd({ user, refresh }) {
-  const [open, setOpen] = useState90(false);
+  const [open, setOpen] = useState91(false);
   const inputRef = useRef37(null);
-  const [searchTerm, setSearchTerm] = useState90("");
-  const [roles, setRoles] = useState90([]);
+  const [searchTerm, setSearchTerm] = useState91("");
+  const [roles, setRoles] = useState91([]);
   const t = useTranslations102();
   const addUserToRole = /* @__PURE__ */ __name(async (role) => {
     await RoleService.addUserToRole({
@@ -20839,11 +20876,11 @@ function OAuthScopeSelector({
 __name(OAuthScopeSelector, "OAuthScopeSelector");
 
 // src/features/oauth/components/OAuthClientSecretDisplay.tsx
-import { useState as useState91, useCallback as useCallback44 } from "react";
+import { useState as useState92, useCallback as useCallback44 } from "react";
 import { Copy as Copy3, Check, AlertTriangle } from "lucide-react";
 import { jsx as jsx242, jsxs as jsxs150 } from "react/jsx-runtime";
 function OAuthClientSecretDisplay({ secret, onDismiss, open, clientName }) {
-  const [copied, setCopied] = useState91(false);
+  const [copied, setCopied] = useState92(false);
   const handleCopy = useCallback44(async () => {
     try {
       await navigator.clipboard.writeText(secret);
@@ -21036,18 +21073,18 @@ function OAuthClientList({
 __name(OAuthClientList, "OAuthClientList");
 
 // src/features/oauth/components/OAuthClientForm.tsx
-import { useState as useState92, useCallback as useCallback45 } from "react";
+import { useState as useState93, useCallback as useCallback45 } from "react";
 import { jsx as jsx245, jsxs as jsxs153 } from "react/jsx-runtime";
 function OAuthClientForm({ client, onSubmit, onCancel, isLoading = false }) {
   const isEditMode = !!client;
-  const [formState, setFormState] = useState92({
+  const [formState, setFormState] = useState93({
     name: client?.name || "",
     description: client?.description || "",
     redirectUris: client?.redirectUris?.length ? client.redirectUris : [""],
     allowedScopes: client?.allowedScopes || [],
     isConfidential: client?.isConfidential ?? true
   });
-  const [errors, setErrors] = useState92({});
+  const [errors, setErrors] = useState93({});
   const validate = useCallback45(() => {
     const newErrors = {};
     if (!formState.name.trim()) {
@@ -21170,7 +21207,7 @@ function OAuthClientForm({ client, onSubmit, onCancel, isLoading = false }) {
 __name(OAuthClientForm, "OAuthClientForm");
 
 // src/features/oauth/components/OAuthClientDetail.tsx
-import { useState as useState93, useCallback as useCallback46 } from "react";
+import { useState as useState94, useCallback as useCallback46 } from "react";
 import { format as format2 } from "date-fns";
 import { Copy as Copy4, Check as Check2, RefreshCw as RefreshCw3, Pencil as Pencil2, Trash2 as Trash25, ExternalLink } from "lucide-react";
 import { Fragment as Fragment53, jsx as jsx246, jsxs as jsxs154 } from "react/jsx-runtime";
@@ -21181,11 +21218,11 @@ function OAuthClientDetail({
   onDelete,
   onRegenerateSecret
 }) {
-  const [copiedField, setCopiedField] = useState93(null);
-  const [showDeleteConfirm, setShowDeleteConfirm] = useState93(false);
-  const [showRegenerateConfirm, setShowRegenerateConfirm] = useState93(false);
-  const [isDeleting, setIsDeleting] = useState93(false);
-  const [isRegenerating, setIsRegenerating] = useState93(false);
+  const [copiedField, setCopiedField] = useState94(null);
+  const [showDeleteConfirm, setShowDeleteConfirm] = useState94(false);
+  const [showRegenerateConfirm, setShowRegenerateConfirm] = useState94(false);
+  const [isDeleting, setIsDeleting] = useState94(false);
+  const [isRegenerating, setIsRegenerating] = useState94(false);
   const copyToClipboard2 = useCallback46(async (text, field) => {
     try {
       await navigator.clipboard.writeText(text);
@@ -21454,7 +21491,7 @@ __name(OAuthConsentScreen, "OAuthConsentScreen");
 import { zodResolver as zodResolver10 } from "@hookform/resolvers/zod";
 import { CheckCircle, Mail as Mail2 } from "lucide-react";
 import { useTranslations as useTranslations105 } from "next-intl";
-import { useState as useState94 } from "react";
+import { useState as useState95 } from "react";
 import { useForm as useForm10 } from "react-hook-form";
 import { v4 as v411 } from "uuid";
 import { z as z10 } from "zod";
@@ -21555,8 +21592,8 @@ __name(WaitlistQuestionnaireRenderer, "WaitlistQuestionnaireRenderer");
 import { Fragment as Fragment54, jsx as jsx252, jsxs as jsxs160 } from "react/jsx-runtime";
 function WaitlistForm({ onSuccess }) {
   const t = useTranslations105();
-  const [isSubmitting, setIsSubmitting] = useState94(false);
-  const [isSuccess, setIsSuccess] = useState94(false);
+  const [isSubmitting, setIsSubmitting] = useState95(false);
+  const [isSuccess, setIsSuccess] = useState95(false);
   const config = getWaitlistConfig();
   const questionnaireFields = config.questionnaire ?? [];
   const questionnaireSchema = questionnaireFields.reduce(
@@ -21735,12 +21772,12 @@ __name(WaitlistSuccessState, "WaitlistSuccessState");
 // src/features/waitlist/components/sections/WaitlistConfirmation.tsx
 import { CheckCircle as CheckCircle4, Loader2 as Loader27, XCircle as XCircle2 } from "lucide-react";
 import { useTranslations as useTranslations107 } from "next-intl";
-import { useEffect as useEffect69, useState as useState95 } from "react";
+import { useEffect as useEffect69, useState as useState96 } from "react";
 import { jsx as jsx255, jsxs as jsxs163 } from "react/jsx-runtime";
 function WaitlistConfirmation({ code }) {
   const t = useTranslations107();
-  const [state, setState] = useState95("loading");
-  const [errorMessage, setErrorMessage] = useState95("");
+  const [state, setState] = useState96("loading");
+  const [errorMessage, setErrorMessage] = useState96("");
   useEffect69(() => {
     async function confirmEmail() {
       try {
@@ -21781,7 +21818,7 @@ __name(WaitlistConfirmation, "WaitlistConfirmation");
 import { flexRender as flexRender2, getCoreRowModel as getCoreRowModel2, useReactTable as useReactTable2 } from "@tanstack/react-table";
 import { RefreshCw as RefreshCw4, Users as Users2 } from "lucide-react";
 import { useTranslations as useTranslations109 } from "next-intl";
-import { useCallback as useCallback47, useEffect as useEffect70, useState as useState96 } from "react";
+import { useCallback as useCallback47, useEffect as useEffect70, useState as useState97 } from "react";
 
 // src/features/waitlist/hooks/useWaitlistTableStructure.tsx
 import { Send } from "lucide-react";
@@ -21878,10 +21915,10 @@ __name(useWaitlistTableStructure, "useWaitlistTableStructure");
 import { jsx as jsx257, jsxs as jsxs165 } from "react/jsx-runtime";
 function WaitlistList() {
   const t = useTranslations109();
-  const [entries, setEntries] = useState96([]);
-  const [total, setTotal] = useState96(0);
-  const [isLoading, setIsLoading] = useState96(true);
-  const [statusFilter, setStatusFilter] = useState96("all");
+  const [entries, setEntries] = useState97([]);
+  const [total, setTotal] = useState97(0);
+  const [isLoading, setIsLoading] = useState97(true);
+  const [statusFilter, setStatusFilter] = useState97("all");
   const loadEntries = useCallback47(async () => {
     setIsLoading(true);
     try {
@@ -21951,7 +21988,7 @@ __name(WaitlistList, "WaitlistList");
 // src/features/rbac/components/RbacContainer.tsx
 import { Loader2Icon as Loader2Icon4 } from "lucide-react";
 import { useTranslations as useTranslations111 } from "next-intl";
-import { memo as memo2, useCallback as useCallback49, useEffect as useEffect72, useMemo as useMemo36, useRef as useRef38, useState as useState98 } from "react";
+import { memo as memo2, useCallback as useCallback49, useEffect as useEffect72, useMemo as useMemo36, useRef as useRef38, useState as useState99 } from "react";
 
 // src/features/rbac/components/RbacPermissionCell.tsx
 import { CheckIcon as CheckIcon9, MinusIcon as MinusIcon2, XIcon as XIcon11 } from "lucide-react";
@@ -22032,7 +22069,7 @@ __name(RbacPermissionCell, "RbacPermissionCell");
 import { Popover as PopoverPrimitive2 } from "@base-ui/react/popover";
 import { CheckIcon as CheckIcon10, MinusIcon as MinusIcon3, XIcon as XIcon12 } from "lucide-react";
 import { useTranslations as useTranslations110 } from "next-intl";
-import { useCallback as useCallback48, useEffect as useEffect71, useState as useState97 } from "react";
+import { useCallback as useCallback48, useEffect as useEffect71, useState as useState98 } from "react";
 import { Fragment as Fragment55, jsx as jsx259, jsxs as jsxs167 } from "react/jsx-runtime";
 function RbacPermissionPicker({
   open,
@@ -22045,7 +22082,7 @@ function RbacPermissionPicker({
   onClose
 }) {
   const t = useTranslations110();
-  const [customSegment, setCustomSegment] = useState97("");
+  const [customSegment, setCustomSegment] = useState98("");
   useEffect71(() => {
     if (!open) setCustomSegment("");
   }, [open]);
@@ -22294,8 +22331,8 @@ var ModuleEditor = memo2(/* @__PURE__ */ __name(function ModuleEditor2({
 function RbacContainer() {
   const t = useTranslations111();
   const { matrix, modulePaths, loading, error, roleNames, moduleNames, updateCell, clearCell } = useRbacContext();
-  const [selectedModuleId, setSelectedModuleId] = useState98(null);
-  const [activePicker, setActivePicker] = useState98(null);
+  const [selectedModuleId, setSelectedModuleId] = useState99(null);
+  const [activePicker, setActivePicker] = useState99(null);
   const openPicker = useCallback49((picker) => {
     setActivePicker(picker);
   }, []);
@@ -22406,7 +22443,7 @@ __name(RbacContainer, "RbacContainer");
 // src/features/rbac/components/RbacByRoleContainer.tsx
 import { Loader2Icon as Loader2Icon5 } from "lucide-react";
 import { useTranslations as useTranslations112 } from "next-intl";
-import { Fragment as Fragment56, memo as memo3, useCallback as useCallback50, useEffect as useEffect73, useMemo as useMemo37, useRef as useRef39, useState as useState99 } from "react";
+import { Fragment as Fragment56, memo as memo3, useCallback as useCallback50, useEffect as useEffect73, useMemo as useMemo37, useRef as useRef39, useState as useState100 } from "react";
 import { jsx as jsx261, jsxs as jsxs169 } from "react/jsx-runtime";
 function findToken2(tokens, action) {
   if (!tokens) return void 0;
@@ -22444,8 +22481,8 @@ var ACTION_LABELS2 = {
 function RbacByRoleContainer() {
   const t = useTranslations112();
   const { matrix, modulePaths, loading, error, roleNames, moduleNames, updateCell, clearCell } = useRbacContext();
-  const [selectedRoleId, setSelectedRoleId] = useState99(null);
-  const [activePicker, setActivePicker] = useState99(null);
+  const [selectedRoleId, setSelectedRoleId] = useState100(null);
+  const [activePicker, setActivePicker] = useState100(null);
   const openPicker = useCallback50((picker) => {
     setActivePicker(picker);
   }, []);
@@ -23107,4 +23144,4 @@ export {
   useOAuthClients,
   useOAuthClient
 };
-//# sourceMappingURL=chunk-DMG6R3Y4.mjs.map
+//# sourceMappingURL=chunk-BPGXWAKV.mjs.map