@carlonicora/nextjs-jsonapi 3.25.0 → 3.26.1

package/dist/{chunk-XDYILJ2S.mjs → chunk-7SJ4HKDR.mjs}

@@ -243,7 +243,7 @@ var buttonVariants = cva2(
         link: "text-primary"
       },
       size: {
-        default: "h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        default: "h-7 max-md:h-9 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_svg:not([class*='size-'])]:size-3.5",
         xs: "h-5 gap-1 rounded-sm px-2 text-xs/relaxed has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_svg:not([class*='size-'])]:size-2.5",
         sm: "h-6 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_svg:not([class*='size-'])]:size-3",
         lg: "h-8 gap-1 px-2.5 text-xs/relaxed has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2 [&_svg:not([class*='size-'])]:size-4",
@@ -1310,7 +1310,7 @@ function Checkbox({ className, ...props }) {
     {
       "data-slot": "checkbox",
       className: cn(
-        "border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-shadow group-has-disabled/field:opacity-50 focus-visible:ring-[2px] aria-invalid:ring-[2px] peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 cursor-pointer data-disabled:cursor-not-allowed data-disabled:opacity-50",
+        "border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-shadow group-has-disabled/field:opacity-50 focus-visible:ring-[2px] aria-invalid:ring-[2px] peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 max-md:after:-inset-y-3 cursor-pointer data-disabled:cursor-not-allowed data-disabled:opacity-50",
         className
       ),
       ...props,
@@ -1360,7 +1360,7 @@ function Input({ className, type, ...props }) {
       type,
       "data-slot": "input",
       className: cn(
-        "bg-input/20 dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 h-7 rounded-md border px-2 py-0.5 text-sm transition-colors file:h-6 file:text-xs/relaxed file:font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] md:text-xs/relaxed file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+        "bg-input/20 dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 h-7 max-md:h-10 rounded-md border px-2 py-0.5 text-base transition-colors file:h-6 file:text-xs/relaxed file:font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] md:text-xs/relaxed file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       ...props
@@ -1377,7 +1377,7 @@ function Textarea({ className, ...props }) {
     {
       "data-slot": "textarea",
       className: cn(
-        "border-input bg-input/20 dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 resize-none rounded-md border px-2 py-2 text-sm transition-colors focus-visible:ring-[2px] aria-invalid:ring-[2px] md:text-xs/relaxed placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50",
+        "border-input bg-input/20 dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 resize-none rounded-md border px-2 py-2 text-base transition-colors focus-visible:ring-[2px] aria-invalid:ring-[2px] md:text-xs/relaxed placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       ...props
@@ -1812,6 +1812,8 @@ function DialogContent({
         className: cn(
           // rtl-ok: symmetric centering (`left-1/2` + `-translate-x-1/2`) — identical in LTR and RTL
           "bg-background data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 grid gap-4 rounded-xl p-4 text-xs/relaxed ring-1 duration-100 fixed top-1/2 left-1/2 z-50 w-full max-w-lg -translate-x-1/2 -translate-y-1/2 outline-none",
+          // Phone: never wider or taller than the screen; the dialog scrolls inside.
+          "max-md:max-h-[calc(100svh-2rem)] max-md:max-w-[calc(100vw-2rem)] max-md:overflow-y-auto",
           className
         ),
         ...props,
@@ -1883,7 +1885,7 @@ function Command({ className, ...props }) {
     {
       "data-slot": "command",
       className: cn(
-        "bg-popover text-popover-foreground rounded-xl p-1 flex size-full flex-col overflow-hidden",
+        "bg-popover text-popover-foreground rounded-xl p-1 flex size-full flex-col overflow-hidden max-md:min-h-0",
         "[[data-slot=dialog-content]_&]:bg-transparent [[data-slot=dialog-content]_&]:text-foreground",
         className
       ),
@@ -1910,13 +1912,13 @@ function CommandDialog({
 }
 __name(CommandDialog, "CommandDialog");
 function CommandInput({ className, ...props }) {
-  return /* @__PURE__ */ jsx19("div", { "data-slot": "command-input-wrapper", className: "p-1 pb-0", children: /* @__PURE__ */ jsxs8(InputGroup, { className: "bg-input/20 dark:bg-input/30 h-8!", children: [
+  return /* @__PURE__ */ jsx19("div", { "data-slot": "command-input-wrapper", className: "p-1 pb-0", children: /* @__PURE__ */ jsxs8(InputGroup, { className: "bg-input/20 dark:bg-input/30 h-8! max-md:h-10!", children: [
     /* @__PURE__ */ jsx19(
       CommandPrimitive.Input,
       {
         "data-slot": "command-input",
         className: cn(
-          "w-full text-xs/relaxed outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+          "w-full text-xs/relaxed max-md:text-base outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
           className
         ),
         ...props
@@ -1931,7 +1933,10 @@ function CommandList({ className, ...props }) {
     CommandPrimitive.List,
     {
       "data-slot": "command-list",
-      className: cn("no-scrollbar max-h-72 scroll-py-1 outline-none overflow-x-hidden overflow-y-auto", className),
+      className: cn(
+        "no-scrollbar max-h-72 max-md:min-h-0 scroll-py-1 outline-none overflow-x-hidden overflow-y-auto",
+        className
+      ),
       ...props
     }
   );
@@ -3128,6 +3133,7 @@ function PopoverContent({
   anchor,
   ...props
 }) {
+  const matchesAnchorWidth = typeof className === "string" && className.includes("--anchor-width");
   return /* @__PURE__ */ jsx31(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx31(
     PopoverPrimitive.Positioner,
     {
@@ -3143,6 +3149,11 @@ function PopoverContent({
           "data-slot": "popover-content",
           className: cn(
             "bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-4 rounded-lg p-2.5 text-xs shadow-md ring-1 duration-100 z-50 w-72 origin-(--transform-origin) outline-hidden",
+            // Phone: never taller than the space the positioner reports (the
+            // keyboard shrinks it), so a picker list shrinks and scrolls instead
+            // of running under the keyboard.
+            "max-md:max-h-(--available-height) max-md:overflow-y-auto",
+            matchesAnchorWidth && "max-md:min-w-[min(20rem,calc(100vw-2rem))]",
             className
           ),
           ...props
@@ -3377,7 +3388,7 @@ function SelectTrigger({
       "data-slot": "select-trigger",
       "data-size": size,
       className: cn(
-        "border-input data-[placeholder]:text-muted-foreground bg-input/20 dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 gap-1.5 rounded-md border px-2 py-1.5 text-xs/relaxed transition-colors focus-visible:ring-[2px] aria-invalid:ring-[2px] data-[size=default]:h-7 data-[size=sm]:h-6 *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-3.5 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        "border-input data-[placeholder]:text-muted-foreground bg-input/20 dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 gap-1.5 rounded-md border px-2 py-1.5 text-xs/relaxed transition-colors focus-visible:ring-[2px] aria-invalid:ring-[2px] data-[size=default]:h-7 data-[size=sm]:h-6 max-md:data-[size=default]:h-10 max-md:text-base *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-3.5 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
         className
       ),
       ...props,
@@ -3573,7 +3584,17 @@ function SheetContent({
             SheetPrimitive.Close,
             {
               "data-slot": "sheet-close",
-              render: /* @__PURE__ */ jsx37(Button, { variant: "ghost", className: "absolute top-4 end-4", size: "icon-sm" }),
+              render: (
+                // Phone: a 40px tap target, moved by 8px so its centre stays where the 24px one sits.
+                /* @__PURE__ */ jsx37(
+                  Button,
+                  {
+                    variant: "ghost",
+                    className: "absolute top-4 end-4 max-md:top-2 max-md:end-2 max-md:size-10",
+                    size: "icon-sm"
+                  }
+                )
+              ),
               children: [
                 /* @__PURE__ */ jsx37(XIcon3, {}),
                 /* @__PURE__ */ jsx37("span", { className: "sr-only", children: "Close" })
@@ -4466,7 +4487,7 @@ __name(Switch, "Switch");
 // src/shadcnui/ui/table.tsx
 import { jsx as jsx45 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx45("div", { "data-slot": "table-container", className: "relative w-full overflow-x-clip", children: /* @__PURE__ */ jsx45("table", { "data-slot": "table", className: cn("w-full caption-bottom text-xs", className), ...props }) });
+  return /* @__PURE__ */ jsx45("div", { "data-slot": "table-container", className: "relative w-full overflow-x-clip max-md:overflow-x-auto", children: /* @__PURE__ */ jsx45("table", { "data-slot": "table", className: cn("w-full caption-bottom text-xs", className), ...props }) });
 }
 __name(Table, "Table");
 function TableHeader({ className, ...props }) {
@@ -4518,7 +4539,10 @@ function TableCell({ className, ...props }) {
     "td",
     {
       "data-slot": "table-cell",
-      className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pe-0", className),
+      className: cn(
+        "p-2 align-middle whitespace-nowrap max-md:whitespace-normal [&:has([role=checkbox])]:pe-0",
+        className
+      ),
       ...props
     }
   );
@@ -6534,7 +6558,7 @@ __name(useHeaderLogo, "useHeaderLogo");
 
 // src/components/navigations/Breadcrumb.tsx
 import { useTranslations as useTranslations51 } from "next-intl";
-import { Fragment as Fragment20, useState as useState47 } from "react";
+import { Fragment as Fragment21, useState as useState47 } from "react";
 import { ChevronDownIcon as ChevronDownIcon8 } from "lucide-react";
 
 // src/hooks/TableGeneratorRegistry.ts
@@ -7677,7 +7701,7 @@ var useAdministrationContext = /* @__PURE__ */ __name(() => {
 
 // src/features/company/contexts/CompanyContext.tsx
 import { useTranslations as useTranslations41 } from "next-intl";
-import { Fragment as Fragment19, createContext as createContext17, useContext as useContext18, useState as useState36 } from "react";
+import { Fragment as Fragment20, createContext as createContext17, useContext as useContext18, useState as useState36 } from "react";
 
 // src/features/user/contexts/CurrentUserContext.tsx
 import { getCookie } from "cookies-next";
@@ -8557,7 +8581,7 @@ function EntityMultiSelector({
       /* @__PURE__ */ jsx68(PopoverTrigger, { className: "w-full", disabled, children: /* @__PURE__ */ jsxs33(
         "div",
         {
-          className: `bg-input/20 dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/30 focus-visible:ring-[2px] flex min-h-7 w-full items-center gap-2 rounded-md border px-2 text-sm md:text-xs/relaxed ${disabled ? "cursor-not-allowed opacity-50" : ""}`,
+          className: `bg-input/20 dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/30 focus-visible:ring-[2px] flex min-h-7 max-md:min-h-10 w-full items-center gap-2 rounded-md border px-2 text-sm md:text-xs/relaxed ${disabled ? "cursor-not-allowed opacity-50" : ""}`,
           children: [
             selectedValues.length > 0 ? /* @__PURE__ */ jsxs33(Fragment7, { children: [
               /* @__PURE__ */ jsx68("span", { className: "text-foreground min-w-0 flex-1 truncate text-start", children: triggerSummary }),
@@ -8576,7 +8600,7 @@ function EntityMultiSelector({
               ref: searchInputRef,
               placeholder,
               type: "text",
-              className: "h-8 w-full pe-7 ps-7 text-xs",
+              className: "h-8 w-full pe-7 ps-7 text-xs max-md:text-base",
               value: searchTerm,
               onChange: (e) => setSearchTerm(e.target.value)
             }
@@ -8591,7 +8615,7 @@ function EntityMultiSelector({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx68("div", { className: "max-h-52 overflow-y-auto p-1", children: sortedOptions.length === 0 ? /* @__PURE__ */ jsx68("div", { className: "text-muted-foreground py-4 text-center text-xs", children: emptyText }) : sortedOptions.map((option) => {
+        /* @__PURE__ */ jsx68("div", { className: "max-h-52 max-md:min-h-0 overflow-y-auto p-1", children: sortedOptions.length === 0 ? /* @__PURE__ */ jsx68("div", { className: "text-muted-foreground py-4 text-center text-xs", children: emptyText }) : sortedOptions.map((option) => {
           const isSelected = selectedIds.has(option.id);
           return /* @__PURE__ */ jsx68(
             "button",
@@ -8635,7 +8659,7 @@ function EntityMultiSelector({
             "button",
             {
               type: "button",
-              className: "text-muted-foreground hover:text-foreground rounded-sm p-0.5 transition-colors",
+              className: "text-muted-foreground hover:text-foreground rounded-sm p-0.5 max-md:p-2 transition-colors",
               onClick: () => removeEntity(value.id),
               children: /* @__PURE__ */ jsx68(XIcon5, { className: "size-3" })
             }
@@ -9601,6 +9625,20 @@ import { PencilIcon as PencilIcon3 } from "lucide-react";
 // src/components/forms/useEditorDialog.ts
 import { useCallback as useCallback15, useEffect as useEffect16, useRef as useRef13, useState as useState22 } from "react";
 var openEditorStack = [];
+var INNER_LAYER_SELECTOR = [
+  "[data-slot=popover-content][data-open]",
+  "[data-slot=select-content][data-open]",
+  "[data-slot=combobox-content][data-open]",
+  "[data-slot=dropdown-menu-content][data-open]",
+  "[data-slot=context-menu-content][data-open]",
+  "[data-slot=dialog-content][data-open]",
+  "[data-slot=alert-dialog-content][data-open]",
+  ".bn-suggestion-menu"
+].join(",");
+function hasOpenInnerLayer(doc = document) {
+  return doc.querySelector(INNER_LAYER_SELECTOR) !== null;
+}
+__name(hasOpenInnerLayer, "hasOpenInnerLayer");
 function useEditorDialog(isFormDirty, options) {
   const [open, setOpen] = useState22(false);
   const [showDiscardConfirm, setShowDiscardConfirm] = useState22(false);
@@ -9652,6 +9690,7 @@ function useEditorDialog(isFormDirty, options) {
     const handleKeyDown = /* @__PURE__ */ __name((event) => {
       if (event.key === "Escape" && open) {
         if (openEditorStack[openEditorStack.length - 1] !== dialogId.current) return;
+        if (hasOpenInnerLayer()) return;
         event.preventDefault();
         event.stopPropagation();
         handleOpenChange(false);
@@ -9986,7 +10025,7 @@ function EntitySelector({
         /* @__PURE__ */ jsx88(PopoverTrigger, { className: "w-full", disabled, children: /* @__PURE__ */ jsxs49(
           "div",
           {
-            className: `bg-input/20 dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/30 focus-visible:ring-[2px] flex min-h-7 w-full items-center gap-2 rounded-md border px-2 py-0.5 text-sm md:text-xs/relaxed ${hasValue(effectiveValue) ? "" : "text-muted-foreground"} ${disabled ? "cursor-not-allowed opacity-50" : ""}`,
+            className: `bg-input/20 dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/30 focus-visible:ring-[2px] flex min-h-7 max-md:min-h-10 w-full items-center gap-2 rounded-md border px-2 py-0.5 text-sm md:text-xs/relaxed ${hasValue(effectiveValue) ? "" : "text-muted-foreground"} ${disabled ? "cursor-not-allowed opacity-50" : ""}`,
             children: [
               /* @__PURE__ */ jsx88("span", { className: "min-w-0 flex-1 truncate text-start", children: hasValue(effectiveValue) ? getSelectedItemDisplay ? getSelectedItemDisplay(effectiveValue) : effectiveValue?.name ?? "" : placeholder }),
               hasValue(effectiveValue) && !disabled && /* @__PURE__ */ jsx88(
@@ -10005,7 +10044,7 @@ function EntitySelector({
         ) }),
         /* @__PURE__ */ jsx88(PopoverContent, { align: "start", className: "w-(--anchor-width) pointer-events-auto", children: /* @__PURE__ */ jsxs49(Command, { shouldFilter: false, children: [
           /* @__PURE__ */ jsxs49("div", { className: "relative mb-2 w-full", children: [
-            /* @__PURE__ */ jsx88(SearchIcon3, { className: "text-muted-foreground absolute top-2.5 start-2.5 h-4 w-4" }),
+            /* @__PURE__ */ jsx88(SearchIcon3, { className: "text-muted-foreground absolute top-2.5 max-md:top-3 start-2.5 h-4 w-4" }),
             /* @__PURE__ */ jsx88(
               Input,
               {
@@ -10016,10 +10055,10 @@ function EntitySelector({
                 value: searchTerm
               }
             ),
-            isSearching ? /* @__PURE__ */ jsx88(RefreshCwIcon, { className: "text-muted-foreground absolute top-2.5 end-2.5 h-4 w-4 animate-spin" }) : searchTermRef.current ? /* @__PURE__ */ jsx88(
+            isSearching ? /* @__PURE__ */ jsx88(RefreshCwIcon, { className: "text-muted-foreground absolute top-2.5 max-md:top-3 end-2.5 h-4 w-4 animate-spin" }) : searchTermRef.current ? /* @__PURE__ */ jsx88(
               XIcon6,
               {
-                className: "absolute top-2.5 end-2.5 h-4 w-4 cursor-pointer",
+                className: "absolute top-2.5 max-md:top-3 end-2.5 h-4 w-4 cursor-pointer",
                 onClick: () => {
                   setSearchTerm("");
                   search("");
@@ -10399,7 +10438,7 @@ import { useRef as useRef17 } from "react";
 import dynamic from "next/dynamic";
 import React18 from "react";
 import { jsx as jsx90 } from "react/jsx-runtime";
-var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-46O3JC4Z.mjs"), {
+var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-VET2JD72.mjs"), {
   ssr: false
 });
 var BlockNoteEditorContainer = React18.memo(/* @__PURE__ */ __name(function EditorContainer(props) {
@@ -10408,6 +10447,14 @@ var BlockNoteEditorContainer = React18.memo(/* @__PURE__ */ __name(function Edit
 
 // src/components/forms/FormBlockNote.tsx
 import { jsx as jsx91 } from "react/jsx-runtime";
+function isEmptyDocument(value) {
+  return value === void 0 || value === null || value === "" || Array.isArray(value) && value.length === 0;
+}
+__name(isEmptyDocument, "isEmptyDocument");
+function getPath(source, path) {
+  return path.split(".").reduce((acc, key) => acc == null ? void 0 : acc[key], source);
+}
+__name(getPath, "getPath");
 function FormBlockNote({
   form,
   id,
@@ -10441,6 +10488,10 @@ function FormBlockNote({
       className: cn(
         "flex w-full flex-col",
         stretch && "min-h-0 flex-1 [&>[data-slot=field]]:min-h-0 [&>[data-slot=field]]:flex-1",
+        // Phone: the sheet is too short to share with the other fields, so the
+        // editor stops filling the leftover space (2px in a long form) and grows
+        // with its content instead; the sheet body does the scrolling.
+        stretch && "max-md:min-h-64 max-md:flex-none",
         className
       ),
       children: /* @__PURE__ */ jsx91(
@@ -10466,7 +10517,11 @@ function FormBlockNote({
                 initialContent: initialContentRef.current,
                 onChange: (content, isEmpty) => {
                   lastEditorContentRef.current = content;
-                  field.onChange(content);
+                  if (isEmpty && isEmptyDocument(getPath(form.formState.defaultValues, id)) && !form.getFieldState(id).isDirty) {
+                    form.resetField(id, { defaultValue: content });
+                  } else {
+                    field.onChange(content);
+                  }
                   onEmptyChange?.(isEmpty);
                 },
                 placeholder,
@@ -10498,7 +10553,10 @@ __name(FormBlockNote, "FormBlockNote");
 import { jsx as jsx92, jsxs as jsxs51 } from "react/jsx-runtime";
 function FormCheckbox({ form, id, name, labelBefore, description, isRequired }) {
   const simpleLabel = /* @__PURE__ */ __name(() => {
-    return /* @__PURE__ */ jsx92(FieldLabel, { htmlFor: id, className: `font-normal ${labelBefore ? "" : "ms-3"}`, children: name });
+    return (
+      // Phone: the label fills the row and is 40px tall, so the whole row toggles the box.
+      /* @__PURE__ */ jsx92(FieldLabel, { htmlFor: id, className: `font-normal ${labelBefore ? "" : "ms-3"} max-md:min-h-10 max-md:flex-1`, children: name })
+    );
   }, "simpleLabel");
   const label = /* @__PURE__ */ __name(() => {
     if (!description) return simpleLabel();
@@ -10508,7 +10566,7 @@ function FormCheckbox({ form, id, name, labelBefore, description, isRequired })
         /* @__PURE__ */ jsx92(TooltipContent, { children: description })
       ] });
   }, "label");
-  return /* @__PURE__ */ jsx92("div", { className: "flex w-full flex-col", children: /* @__PURE__ */ jsx92(FormFieldWrapper, { form, name: id, orientation: "horizontal", children: (field) => /* @__PURE__ */ jsxs51("div", { className: "flex gap-x-4", children: [
+  return /* @__PURE__ */ jsx92("div", { className: "flex w-full flex-col", children: /* @__PURE__ */ jsx92(FormFieldWrapper, { form, name: id, orientation: "horizontal", children: (field) => /* @__PURE__ */ jsxs51("div", { className: "flex gap-x-4 max-md:min-h-10 max-md:items-center", children: [
     labelBefore && label(),
     labelBefore && isRequired && /* @__PURE__ */ jsx92("span", { className: "ms-1 text-destructive", children: "*" }),
     /* @__PURE__ */ jsx92(Checkbox, { id, checked: field.value ?? false, onCheckedChange: field.onChange }),
@@ -12477,7 +12535,7 @@ function CompanyContent({ company, actions }) {
   const t = useTranslations35();
   if (!company) return null;
   return /* @__PURE__ */ jsxs74("div", { className: "flex flex-col gap-y-8", children: [
-    /* @__PURE__ */ jsxs74("div", { className: "flex w-full items-center justify-between", children: [
+    /* @__PURE__ */ jsxs74("div", { className: cn("flex w-full items-center justify-between", !actions && "max-md:hidden"), children: [
       /* @__PURE__ */ jsx132(SectionHeader, { level: 2, children: company.name }),
       actions && /* @__PURE__ */ jsx132("div", { className: "flex items-center gap-x-2", children: actions })
     ] }),
@@ -12532,9 +12590,14 @@ __name(CompanyContent, "CompanyContent");
 import { Battery, BatteryFull, BatteryLow, BatteryMedium, PlusCircle } from "lucide-react";
 import Link2 from "next/link";
 import { useTranslations as useTranslations36 } from "next-intl";
-import { jsx as jsx133, jsxs as jsxs75 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx133, jsxs as jsxs75 } from "react/jsx-runtime";
 var asWholeCredits = /* @__PURE__ */ __name((value) => Math.trunc(value).toLocaleString(), "asWholeCredits");
-function TokenStatusIndicator({ className, size = "md", showExtraPages = true }) {
+function TokenStatusIndicator({
+  className,
+  size = "md",
+  showExtraPages = true,
+  href
+}) {
   const { company } = useCurrentUserContext();
   const t = useTranslations36();
   if (!company) return null;
@@ -12616,20 +12679,32 @@ function TokenStatusIndicator({ className, size = "md", showExtraPages = true })
       /* @__PURE__ */ jsx133(Link2, { href: "/settings/billing?action=subscribe", className: "w-full flex justify-end my-4", children: /* @__PURE__ */ jsx133(Button, { variant: "outline", size: "sm", children: t("billing.tokens.purchase_extra", { defaultValue: "Purchase additional analysis" }) }) })
     ] })
   ] });
+  const badge = /* @__PURE__ */ jsxs75(Fragment16, { children: [
+    getBatteryIcon(),
+    /* @__PURE__ */ jsx133("span", { className: cn(textSize, "text-muted-foreground font-medium leading-none"), children: asWholeCredits(availableMonthlyCredits) }),
+    showExtraPages && availableExtraCredits > 0 && /* @__PURE__ */ jsxs75("span", { className: "inline-flex items-center gap-0.5", children: [
+      /* @__PURE__ */ jsx133(PlusCircle, { className: cn(smallIconSize, "text-blue-500") }),
+      /* @__PURE__ */ jsx133("span", { className: cn(textSize, "text-blue-500 font-medium leading-none"), children: asWholeCredits(availableExtraCredits) })
+    ] })
+  ] });
+  if (href) {
+    return /* @__PURE__ */ jsx133(
+      Link2,
+      {
+        href,
+        className: cn("inline-flex min-h-10 min-w-10 items-center justify-center gap-1.5 px-1", className),
+        "aria-label": t("billing.tokens.status", { defaultValue: "Page Status" }),
+        children: badge
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs75(Tooltip2, { children: [
-    /* @__PURE__ */ jsxs75(
+    /* @__PURE__ */ jsx133(
       TooltipTrigger,
       {
         className: cn("inline-flex items-center gap-1.5 cursor-default", className),
         "aria-label": t("billing.tokens.status", { defaultValue: "Page Status" }),
-        children: [
-          getBatteryIcon(),
-          /* @__PURE__ */ jsx133("span", { className: cn(textSize, "text-muted-foreground font-medium leading-none"), children: asWholeCredits(availableMonthlyCredits) }),
-          showExtraPages && availableExtraCredits > 0 && /* @__PURE__ */ jsxs75("span", { className: "inline-flex items-center gap-0.5", children: [
-            /* @__PURE__ */ jsx133(PlusCircle, { className: cn(smallIconSize, "text-blue-500") }),
-            /* @__PURE__ */ jsx133("span", { className: cn(textSize, "text-blue-500 font-medium leading-none"), children: asWholeCredits(availableExtraCredits) })
-          ] })
-        ]
+        children: badge
       }
     ),
     /* @__PURE__ */ jsx133(TooltipContent, { side: "top", className: "max-w-xs", children: tooltipContent })
@@ -12645,7 +12720,16 @@ function CompanyDetails() {
   const { company } = useCompanyContext();
   if (!company) return null;
   return /* @__PURE__ */ jsxs76("div", { className: "flex w-full flex-col gap-y-2", children: [
-    /* @__PURE__ */ jsx134(ContentTitle, { module: Modules.Company, type: title.type, element: title.element, functions: title.functions }),
+    /* @__PURE__ */ jsx134(
+      ContentTitle,
+      {
+        module: Modules.Company,
+        type: title.type,
+        element: title.element,
+        functions: title.functions,
+        className: "max-md:hidden"
+      }
+    ),
     /* @__PURE__ */ jsx134(TokenStatusIndicator, { size: "md" }),
     /* @__PURE__ */ jsx134(CompanyContent, { company })
   ] });
@@ -12653,12 +12737,12 @@ function CompanyDetails() {
 __name(CompanyDetails, "CompanyDetails");
 
 // src/features/company/components/containers/AdminCompanyContainer.tsx
-import { Fragment as Fragment16, jsx as jsx135, jsxs as jsxs77 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx135, jsxs as jsxs77 } from "react/jsx-runtime";
 function AdminCompanyContainerInternal() {
   const { company } = useCompanyContext();
   const { hasRole } = useCurrentUserContext();
   if (!company || !hasRole(getRoleId().Administrator)) return null;
-  return /* @__PURE__ */ jsxs77(Fragment16, { children: [
+  return /* @__PURE__ */ jsxs77(Fragment17, { children: [
     /* @__PURE__ */ jsx135(CompanyDetails, {}),
     /* @__PURE__ */ jsx135(AdminUsersList, {})
   ] });
@@ -12681,7 +12765,7 @@ import { useCallback as useCallback21, useEffect as useEffect26, useMemo as useM
 import { useForm as useForm2 } from "react-hook-form";
 import { v4 as v42 } from "uuid";
 import { z as z2 } from "zod";
-import { Fragment as Fragment17, jsx as jsx136, jsxs as jsxs78 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx136, jsxs as jsxs78 } from "react/jsx-runtime";
 function CompanyEditorInternal({
   company,
   propagateChanges,
@@ -12842,7 +12926,7 @@ function CompanyEditorInternal({
             width: 200,
             height: 200
           }
-        ) : /* @__PURE__ */ jsxs78(Fragment17, { children: [
+        ) : /* @__PURE__ */ jsxs78(Fragment18, { children: [
           /* @__PURE__ */ jsx136(UploadIcon3, { className: "my-4 h-8 w-8" }),
           /* @__PURE__ */ jsx136("p", { className: "mb-1 flex w-full text-center text-sm", children: t(`company.click_drag_logo`) })
         ] }) }) }) }) }) }),
@@ -12990,7 +13074,7 @@ __name(CompanyConfigurationEditor, "CompanyConfigurationEditor");
 import { LoaderCircleIcon as LoaderCircleIcon2, Trash2Icon as Trash2Icon3 } from "lucide-react";
 import { useTranslations as useTranslations40 } from "next-intl";
 import { useState as useState35 } from "react";
-import { Fragment as Fragment18, jsx as jsx141, jsxs as jsxs80 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx141, jsxs as jsxs80 } from "react/jsx-runtime";
 function CompanyDeleterInternal({ company, isAdministrator: isAdministrator2 }) {
   const t = useTranslations40();
   const generateUrl = usePageUrlGenerator();
@@ -13021,7 +13105,7 @@ function CompanyDeleterInternal({ company, isAdministrator: isAdministrator2 })
     setFinalWarningOpen(false);
     setCompanyName("");
   }, "handleGoBack");
-  return /* @__PURE__ */ jsxs80(Fragment18, { children: [
+  return /* @__PURE__ */ jsxs80(Fragment19, { children: [
     /* @__PURE__ */ jsxs80(AlertDialog, { open, onOpenChange: setOpen, children: [
       /* @__PURE__ */ jsx141(AlertDialogTrigger, { children: /* @__PURE__ */ jsx141(
         Button,
@@ -13102,7 +13186,7 @@ function CompanyDeleterInternal({ company, isAdministrator: isAdministrator2 })
             },
             variant: "destructive",
             disabled: isDeleting,
-            children: isDeleting ? /* @__PURE__ */ jsxs80(Fragment18, { children: [
+            children: isDeleting ? /* @__PURE__ */ jsxs80(Fragment19, { children: [
               t(`ui.buttons.deleting`),
               /* @__PURE__ */ jsx141(LoaderCircleIcon2, { className: "animate-spin-slow h-5 w-5" })
             ] }) : t(`ui.buttons.delete_forever`)
@@ -13163,7 +13247,7 @@ var CompanyProvider = /* @__PURE__ */ __name(({ children, dehydratedCompany, con
       functions.push(/* @__PURE__ */ jsx142(CompanyDeleter, { company }, "companyDeleter"));
     if (hasRole(getRoleId().Administrator) || hasPermissionToModule({ module: Modules.Company, action: "update" /* Update */ })) {
       if (company && configurationEditorSlot)
-        functions.push(/* @__PURE__ */ jsx142(Fragment19, { children: configurationEditorSlot }, "configurationEditorSlot"));
+        functions.push(/* @__PURE__ */ jsx142(Fragment20, { children: configurationEditorSlot }, "configurationEditorSlot"));
       functions.push(/* @__PURE__ */ jsx142(CompanyEditor, { company, propagateChanges: setCompany }, "companyEditor"));
     }
     if (functions.length > 0) response.functions = functions;
@@ -15010,7 +15094,7 @@ function useSocket({ token }) {
 __name(useSocket, "useSocket");
 
 // src/components/navigations/Breadcrumb.tsx
-import { Fragment as Fragment21, jsx as jsx159, jsxs as jsxs86 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx159, jsxs as jsxs86 } from "react/jsx-runtime";
 var ITEMS_TO_DISPLAY = 4;
 function BreadcrumbDesktop({
   items,
@@ -15020,24 +15104,24 @@ function BreadcrumbDesktop({
 }) {
   const [open, setOpen] = useState47(false);
   return /* @__PURE__ */ jsx159(Breadcrumb, { children: /* @__PURE__ */ jsxs86(BreadcrumbList, { children: [
-    showRoot && /* @__PURE__ */ jsxs86(Fragment21, { children: [
+    showRoot && /* @__PURE__ */ jsxs86(Fragment22, { children: [
       /* @__PURE__ */ jsx159(BreadcrumbItem, { children: /* @__PURE__ */ jsx159(Link, { href: generateUrl({ page: `/` }), children: rootLabel }) }),
       items.length > 0 && /* @__PURE__ */ jsx159(BreadcrumbSeparator, {})
     ] }),
-    items.length > ITEMS_TO_DISPLAY ? /* @__PURE__ */ jsxs86(Fragment21, { children: [
-      /* @__PURE__ */ jsx159(BreadcrumbItem, { children: items[0].href ? /* @__PURE__ */ jsx159(Link, { href: items[0].href, onClick: items[0].onClick, children: items[0].name }) : /* @__PURE__ */ jsx159(Fragment21, { children: items[0].name }) }),
+    items.length > ITEMS_TO_DISPLAY ? /* @__PURE__ */ jsxs86(Fragment22, { children: [
+      /* @__PURE__ */ jsx159(BreadcrumbItem, { children: items[0].href ? /* @__PURE__ */ jsx159(Link, { href: items[0].href, onClick: items[0].onClick, children: items[0].name }) : /* @__PURE__ */ jsx159(Fragment22, { children: items[0].name }) }),
       /* @__PURE__ */ jsx159(BreadcrumbSeparator, {}),
       /* @__PURE__ */ jsx159(BreadcrumbItem, { children: /* @__PURE__ */ jsxs86(DropdownMenu, { open, onOpenChange: setOpen, children: [
         /* @__PURE__ */ jsx159(DropdownMenuTrigger, { className: "flex items-center gap-1", "aria-label": "Toggle menu", children: /* @__PURE__ */ jsx159(BreadcrumbEllipsis, { className: "h-4 w-4" }) }),
         /* @__PURE__ */ jsx159(DropdownMenuContent, { align: "start", children: items.slice(1, -ITEMS_TO_DISPLAY + 2).map((item, index) => /* @__PURE__ */ jsx159(DropdownMenuItem, { children: /* @__PURE__ */ jsx159(Link, { href: item.href ? item.href : "#", onClick: item.onClick, children: item.name }) }, index)) })
       ] }) }),
       /* @__PURE__ */ jsx159(BreadcrumbSeparator, {}),
-      items.slice(-ITEMS_TO_DISPLAY + 2).map((item, index) => /* @__PURE__ */ jsxs86(Fragment20, { children: [
-        /* @__PURE__ */ jsx159(BreadcrumbItem, { children: item.href ? /* @__PURE__ */ jsx159(Link, { href: item.href, onClick: item.onClick, children: item.name }) : /* @__PURE__ */ jsx159(Fragment21, { children: item.name }) }),
+      items.slice(-ITEMS_TO_DISPLAY + 2).map((item, index) => /* @__PURE__ */ jsxs86(Fragment21, { children: [
+        /* @__PURE__ */ jsx159(BreadcrumbItem, { children: item.href ? /* @__PURE__ */ jsx159(Link, { href: item.href, onClick: item.onClick, children: item.name }) : /* @__PURE__ */ jsx159(Fragment22, { children: item.name }) }),
         index < items.slice(-ITEMS_TO_DISPLAY + 2).length - 1 && /* @__PURE__ */ jsx159(BreadcrumbSeparator, {})
       ] }, index))
-    ] }) : /* @__PURE__ */ jsx159(Fragment21, { children: items.map((item, index) => /* @__PURE__ */ jsxs86(Fragment20, { children: [
-      /* @__PURE__ */ jsx159(BreadcrumbItem, { children: item.href ? /* @__PURE__ */ jsx159(Link, { href: item.href, onClick: item.onClick, children: item.name }) : /* @__PURE__ */ jsx159(Fragment21, { children: item.name }) }),
+    ] }) : /* @__PURE__ */ jsx159(Fragment22, { children: items.map((item, index) => /* @__PURE__ */ jsxs86(Fragment21, { children: [
+      /* @__PURE__ */ jsx159(BreadcrumbItem, { children: item.href ? /* @__PURE__ */ jsx159(Link, { href: item.href, onClick: item.onClick, children: item.name }) : /* @__PURE__ */ jsx159(Fragment22, { children: item.name }) }),
       index < items.length - 1 && /* @__PURE__ */ jsx159(BreadcrumbSeparator, {})
     ] }, index)) })
   ] }) });
@@ -15056,12 +15140,41 @@ function BreadcrumbMobile({
     if (!showRoot) return null;
     return /* @__PURE__ */ jsx159(Breadcrumb, { children: /* @__PURE__ */ jsx159(BreadcrumbList, { children: /* @__PURE__ */ jsx159(BreadcrumbItem, { children: /* @__PURE__ */ jsx159(Link, { href: generateUrl({ page: `/` }), children: rootLabel }) }) }) });
   }
+  if (allItems.length <= 1) {
+    return /* @__PURE__ */ jsx159("span", { className: "text-foreground block min-w-0 truncate px-1.5 text-xs/relaxed font-normal", children: lastItem?.name });
+  }
   return /* @__PURE__ */ jsxs86(DropdownMenu, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxs86(DropdownMenuTrigger, { className: "text-foreground text-xs/relaxed font-normal hover:bg-accent flex items-center gap-1 rounded-md px-1.5 py-0.5 transition-colors outline-none", children: [
-      lastItem?.name,
-      /* @__PURE__ */ jsx159(ChevronDownIcon8, { className: "text-muted-foreground size-3.5" })
+    /* @__PURE__ */ jsxs86(DropdownMenuTrigger, { className: "text-foreground text-xs/relaxed font-normal hover:bg-accent flex min-h-9 min-w-0 items-center gap-1 rounded-md px-1.5 py-0.5 transition-colors outline-none", children: [
+      /* @__PURE__ */ jsx159("span", { className: "truncate", children: lastItem?.name }),
+      /* @__PURE__ */ jsx159(ChevronDownIcon8, { className: "text-muted-foreground size-3.5 shrink-0" })
     ] }),
-    /* @__PURE__ */ jsx159(DropdownMenuContent, { align: "start", children: allItems.map((item, index) => /* @__PURE__ */ jsx159(DropdownMenuItem, { children: item.href ? /* @__PURE__ */ jsx159(Link, { href: item.href, onClick: item.onClick, children: item.name }) : /* @__PURE__ */ jsx159(Fragment21, { children: item.name }) }, index)) })
+    /* @__PURE__ */ jsx159(DropdownMenuContent, { align: "start", children: allItems.map(
+      (item, index) => item.href ? (
+        // The item renders AS the link, so the whole row navigates — a Link
+        // nested inside the row only answered taps on its own text.
+        /* @__PURE__ */ jsx159(
+          DropdownMenuItem,
+          {
+            className: "min-h-10",
+            render: (props) => /* @__PURE__ */ jsx159(
+              Link,
+              {
+                ...props,
+                href: item.href,
+                className: cn(props.className, "text-foreground font-normal"),
+                onClick: (event) => {
+                  props.onClick?.(event);
+                  item.onClick?.();
+                },
+                children: props.children
+              }
+            ),
+            children: item.name
+          },
+          index
+        )
+      ) : /* @__PURE__ */ jsx159(DropdownMenuItem, { className: "min-h-10", children: item.name }, index)
+    ) })
   ] });
 }
 __name(BreadcrumbMobile, "BreadcrumbMobile");
@@ -15112,7 +15225,14 @@ __name(ContentTitle, "ContentTitle");
 
 // src/components/navigations/Header.tsx
 import { jsx as jsx161, jsxs as jsxs88 } from "react/jsx-runtime";
-function Header({ children, mobileChildren, leftContent, logo, className }) {
+function Header({
+  children,
+  mobileChildren,
+  leftContent,
+  logo,
+  className,
+  hideSidebarTriggerOnMobile
+}) {
   const { breadcrumbs } = useSharedContext();
   const rootLabel = useHeaderRootLabel();
   const isRootHidden = useIsBreadcrumbRootHidden();
@@ -15137,9 +15257,9 @@ function Header({ children, mobileChildren, leftContent, logo, className }) {
         className: `bg-sidebar sticky top-0 z-10 flex h-[var(--app-header-h,calc(3rem_+_env(safe-area-inset-top)))] flex-col items-center justify-start gap-x-4 pt-[env(safe-area-inset-top)] ${className ?? ""}`,
         children: /* @__PURE__ */ jsxs88("div", { className: "bg-sidebar flex h-12 w-full flex-row items-center justify-between ps-2 pe-4", children: [
           isMobile && logo && /* @__PURE__ */ jsx161("div", { className: "flex shrink-0 flex-row items-center pe-1", children: logo }),
-          sidebar && /* @__PURE__ */ jsx161(SidebarTrigger, { "aria-label": "Toggle sidebar", id: "sidebar-trigger" }),
+          sidebar && !(isMobile && hideSidebarTriggerOnMobile) && /* @__PURE__ */ jsx161(SidebarTrigger, { "aria-label": "Toggle sidebar", id: "sidebar-trigger" }),
           leftContent,
-          /* @__PURE__ */ jsx161("div", { className: "flex w-full flex-row items-center justify-start", children: /* @__PURE__ */ jsx161(BreadcrumbNavigation, { items: breadcrumbs, rootLabel: rootLabel ?? void 0, showRoot: !isRootHidden }) }),
+          /* @__PURE__ */ jsx161("div", { className: "flex w-full flex-row items-center justify-start max-md:min-w-0", children: /* @__PURE__ */ jsx161(BreadcrumbNavigation, { items: breadcrumbs, rootLabel: rootLabel ?? void 0, showRoot: !isRootHidden }) }),
           isMobile ? mobileChildren && /* @__PURE__ */ jsx161("div", { className: "flex shrink-0 flex-row items-center justify-end gap-x-2 whitespace-nowrap", children: mobileChildren }) : children && // No fixed width: the widget slot sizes to its content and the
           // breadcrumb (w-full, above) takes the rest. A `w-64` cap here
           // clipped consumers whose widget set outgrew 256px.
@@ -15153,7 +15273,7 @@ __name(Header, "Header");
 
 // src/components/navigations/MobileNavigationBar.tsx
 import { usePathname as usePathname3 } from "next/navigation";
-import { Fragment as Fragment22, jsx as jsx162, jsxs as jsxs89 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx162, jsxs as jsxs89 } from "react/jsx-runtime";
 function isActiveHref(pathname, href) {
   if (href === "/") return pathname === "/";
   return pathname === href || pathname.startsWith(`${href}/`);
@@ -15165,7 +15285,7 @@ var slotClass = cn(
   "transition-colors"
 );
 function SlotContent({ item }) {
-  if (item.render) return /* @__PURE__ */ jsx162(Fragment22, { children: item.render });
+  if (item.render) return /* @__PURE__ */ jsx162(Fragment23, { children: item.render });
   const Icon = item.icon;
   return Icon ? /* @__PURE__ */ jsx162(Icon, { className: "size-6" }) : null;
 }
@@ -15185,10 +15305,13 @@ function MobileNavigationBar({ className } = {}) {
       children: items.map((item) => {
         const active = item.href ? isActiveHref(pathname, item.href) : false;
         const tone = active ? "text-primary" : "text-muted-foreground";
-        const body = /* @__PURE__ */ jsxs89(Fragment22, { children: [
+        const body = /* @__PURE__ */ jsxs89(Fragment23, { children: [
           active && /* @__PURE__ */ jsx162("span", { "aria-hidden": true, className: "bg-primary absolute inset-x-0 top-0 h-0.5" }),
           /* @__PURE__ */ jsx162(SlotContent, { item })
         ] });
+        if (!item.href && !item.onClick) {
+          return /* @__PURE__ */ jsx162("div", { "data-testid": `mobile-nav-${item.key}`, className: cn(slotClass, tone), children: /* @__PURE__ */ jsx162(SlotContent, { item }) }, item.key);
+        }
         return item.href ? /* @__PURE__ */ jsx162(
           Link,
           {
@@ -15339,7 +15462,7 @@ function PageContainer({ children, testId, className }) {
   const headerLogo = useHeaderLogo();
   return /* @__PURE__ */ jsxs92("div", { className: `flex h-full w-full flex-col`, "data-testid": testId, children: [
     /* @__PURE__ */ jsx166(Header, { leftContent: headerLeftContent, logo: headerLogo, mobileChildren: headerMobileChildren, children: headerChildren }),
-    /* @__PURE__ */ jsx166("main", { className: cn(`flex w-full flex-1 flex-col gap-y-4 pt-4 ps-4 pe-0`, className), children })
+    /* @__PURE__ */ jsx166("main", { className: cn(`flex w-full flex-1 flex-col gap-y-4 pt-4 ps-4 pe-0 max-md:pe-4`, className), children })
   ] });
 }
 __name(PageContainer, "PageContainer");
@@ -15592,7 +15715,7 @@ __name(ReactMarkdownContainer, "ReactMarkdownContainer");
 
 // src/components/containers/RoundPageContainerTitle.tsx
 import { InfoIcon as InfoIcon2 } from "lucide-react";
-import { jsx as jsx169, jsxs as jsxs94 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx169, jsxs as jsxs94 } from "react/jsx-runtime";
 var HEADER_ROW_MIN_H = "min-h-[53px]";
 function RoundPageContainerTitle({
   module,
@@ -15604,41 +15727,74 @@ function RoundPageContainerTitle({
 }) {
   const { title } = useSharedContext();
   const isMobile = useIsMobile();
+  const detailsLabel = `${showDetails ? "Hide" : "Show"} ${typeof detailsTitle === "string" ? detailsTitle : "details"}`;
+  const detailsToggle = details ? isMobile ? /* @__PURE__ */ jsx169(
+    Button,
+    {
+      "data-help": "page.details",
+      variant: showDetails ? `ghost` : `default`,
+      onClick: () => setShowDetails(!showDetails),
+      "aria-label": detailsLabel,
+      className: "shrink-0",
+      children: detailsIcon ?? /* @__PURE__ */ jsx169(InfoIcon2, {})
+    }
+  ) : /* @__PURE__ */ jsxs94(Tooltip2, { children: [
+    /* @__PURE__ */ jsx169(
+      TooltipTrigger,
+      {
+        render: /* @__PURE__ */ jsx169(
+          Button,
+          {
+            "data-help": "page.details",
+            variant: showDetails ? `ghost` : `default`,
+            onClick: () => setShowDetails(!showDetails),
+            "aria-label": detailsLabel,
+            className: cn(`cursor-pointer`)
+          }
+        ),
+        children: detailsIcon ?? /* @__PURE__ */ jsx169(InfoIcon2, {})
+      }
+    ),
+    /* @__PURE__ */ jsxs94(TooltipContent, { children: [
+      showDetails ? "Hide" : "Show",
+      " ",
+      detailsTitle ?? "details"
+    ] })
+  ] }) : null;
   return /* @__PURE__ */ jsxs94("div", { className: "flex w-full flex-col border-b", children: [
-    /* @__PURE__ */ jsxs94("div", { className: cn(`flex w-full flex-row items-center gap-x-2 p-4 justify-between`, HEADER_ROW_MIN_H), children: [
-      !isMobile ? /* @__PURE__ */ jsxs94("div", { className: "flex w-full gap-x-4", children: [
+    isMobile ? (
+      // Phone: "type · name" on one truncated line with the details toggle
+      // beside it; the page controls drop to their own wrapping line below,
+      // so they can never push the page wider than the screen.
+      /* @__PURE__ */ jsxs94("div", { className: cn(`flex w-full flex-col gap-y-2 p-4`, HEADER_ROW_MIN_H), children: [
+        /* @__PURE__ */ jsxs94("div", { className: "flex w-full min-w-0 items-center justify-between gap-x-2", children: [
+          /* @__PURE__ */ jsxs94("div", { className: "text-muted-foreground flex min-w-0 items-center gap-x-2 text-base font-light", children: [
+            title.titleActions,
+            module && module.icon ? /* @__PURE__ */ jsx169(module.icon, { className: "text-primary h-5 w-5 shrink-0" }) : title.icon,
+            /* @__PURE__ */ jsxs94("span", { className: "truncate", children: [
+              title.type,
+              title.element && /* @__PURE__ */ jsxs94(Fragment24, { children: [
+                /* @__PURE__ */ jsx169("span", { "aria-hidden": true, children: " \xB7 " }),
+                /* @__PURE__ */ jsx169("span", { className: "text-primary font-semibold", children: title.element })
+              ] })
+            ] })
+          ] }),
+          detailsToggle
+        ] }),
+        title.functions && /* @__PURE__ */ jsx169("div", { className: "flex w-full min-w-0 flex-wrap items-center justify-end gap-2", children: title.functions })
+      ] })
+    ) : /* @__PURE__ */ jsxs94("div", { className: cn(`flex w-full flex-row items-center gap-x-2 p-4 justify-between`, HEADER_ROW_MIN_H), children: [
+      /* @__PURE__ */ jsxs94("div", { className: "flex w-full gap-x-4", children: [
         /* @__PURE__ */ jsxs94("div", { className: "text-muted-foreground flex items-center gap-x-2 text-lg font-light whitespace-nowrap", children: [
           title.titleActions,
           module && module.icon ? /* @__PURE__ */ jsx169(module.icon, { className: "text-primary h-6 w-6" }) : title.icon,
           title.type
         ] }),
         /* @__PURE__ */ jsx169("div", { className: cn("text-primary w-full text-xl font-semibold"), children: title.element })
-      ] }) : /* @__PURE__ */ jsxs94("div", { className: "text-muted-foreground flex min-w-0 items-center gap-x-2 text-base font-light", children: [
-        title.titleActions,
-        module && module.icon ? /* @__PURE__ */ jsx169(module.icon, { className: "text-primary h-5 w-5 shrink-0" }) : title.icon,
-        /* @__PURE__ */ jsx169("span", { className: "truncate", children: title.type })
       ] }),
       (title.functions || details) && /* @__PURE__ */ jsxs94("div", { className: "flex shrink-0 items-center gap-x-2", children: [
         title.functions,
-        details && /* @__PURE__ */ jsxs94(Tooltip2, { children: [
-          /* @__PURE__ */ jsx169(TooltipTrigger, { children: /* @__PURE__ */ jsx169(
-            Button,
-            {
-              "data-help": "page.details",
-              render: /* @__PURE__ */ jsx169("div", {}),
-              nativeButton: false,
-              variant: showDetails ? `ghost` : `default`,
-              onClick: () => setShowDetails(!showDetails),
-              className: cn(`cursor-pointer`),
-              children: detailsIcon ?? /* @__PURE__ */ jsx169(InfoIcon2, {})
-            }
-          ) }),
-          /* @__PURE__ */ jsxs94(TooltipContent, { children: [
-            showDetails ? "Hide" : "Show",
-            " ",
-            detailsTitle ?? "details"
-          ] })
-        ] })
+        detailsToggle
       ] })
     ] }),
     title.actionBar && /* @__PURE__ */ jsx169(
@@ -15646,7 +15802,7 @@ function RoundPageContainerTitle({
       {
         "data-testid": "round-page-action-bar",
         "data-help": "page.action-bar",
-        className: "flex w-full items-center gap-x-2 border-t px-4 py-2",
+        className: "flex w-full items-center gap-x-2 border-t px-4 py-2 max-md:flex-wrap max-md:gap-y-2",
         children: /* @__PURE__ */ jsx169(ActionBarProvider, { value: true, children: title.actionBar })
       }
     )
@@ -15656,8 +15812,8 @@ __name(RoundPageContainerTitle, "RoundPageContainerTitle");
 
 // src/components/containers/RoundPageContainer.tsx
 import { useSearchParams } from "next/navigation";
-import { Fragment as Fragment23, useCallback as useCallback27, useEffect as useEffect42, useMemo as useMemo22, useState as useState52 } from "react";
-import { Fragment as Fragment24, jsx as jsx170, jsxs as jsxs95 } from "react/jsx-runtime";
+import { Fragment as Fragment25, useCallback as useCallback27, useEffect as useEffect42, useMemo as useMemo22, useState as useState52 } from "react";
+import { Fragment as Fragment26, jsx as jsx170, jsxs as jsxs95 } from "react/jsx-runtime";
 var DETAILS_COOKIE_NAME = "round_page_details_state";
 var DETAILS_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var railTriggerClass = cn(
@@ -15697,7 +15853,9 @@ function RoundPageContainer({
   const headerLogo = useHeaderLogo();
   const headerMobileChildren = useHeaderMobileChildren();
   const [showDetails, setShowDetailsState] = useState52(defaultDetailsOpen);
+  const [showDetailsMobile, setShowDetailsMobile] = useState52(false);
   const isMobile = useIsMobile();
+  const hasMobileNavigation = useMobileNavigationItems().length > 0;
   const hasSidebar = useOptionalSidebar() !== null;
   const [mounted, setMounted] = useState52(false);
   useEffect42(() => {
@@ -15759,14 +15917,20 @@ function RoundPageContainer({
     [tabs]
   );
   const isReady = mounted;
+  const activeDocumentTab = activeFillHeight && activeConstrainWidth;
+  const mobileFlow = isMobile && isFixed && (!activeFillHeight || activeDocumentTab) && !fullWidth;
+  const innerClip = mobileFlow ? `` : clip;
+  const innerScrollY = mobileFlow ? `` : scrollY;
+  const showMobileSectionPicker = (tabs?.length ?? 0) > 1;
   if (!isReady) {
-    return /* @__PURE__ */ jsxs95(Fragment24, { children: [
+    return /* @__PURE__ */ jsxs95(Fragment26, { children: [
       /* @__PURE__ */ jsx170(
         Header,
         {
           leftContent: headerLeftContent,
           logo: headerLogo,
           mobileChildren: headerMobileChildren,
+          hideSidebarTriggerOnMobile: hasMobileNavigation,
           className: "bg-sidebar border-0",
           children: headerChildren
         }
@@ -15796,13 +15960,14 @@ function RoundPageContainer({
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs95(Fragment24, { children: [
+  return /* @__PURE__ */ jsxs95(Fragment26, { children: [
     /* @__PURE__ */ jsx170(
       Header,
       {
         leftContent: headerLeftContent,
         logo: headerLogo,
         mobileChildren: headerMobileChildren,
+        hideSidebarTriggerOnMobile: hasMobileNavigation,
         className: "bg-sidebar border-0",
         children: headerChildren
       }
@@ -15826,7 +15991,7 @@ function RoundPageContainer({
         ),
         children: [
           /* @__PURE__ */ jsxs95("div", { className: "bg-background flex min-h-0 w-full flex-1 rounded-lg border p-0", children: [
-            /* @__PURE__ */ jsxs95("div", { className: "flex w-full flex-col", children: [
+            /* @__PURE__ */ jsxs95("div", { className: cn("flex w-full flex-col", mobileFlow && "min-h-0 overflow-y-auto pb-16"), children: [
               (!fullWidth || forceHeader) && /* @__PURE__ */ jsx170(
                 RoundPageContainerTitle,
                 {
@@ -15834,12 +15999,12 @@ function RoundPageContainer({
                   details,
                   detailsTitle,
                   detailsIcon,
-                  showDetails,
-                  setShowDetails,
+                  showDetails: isMobile ? showDetailsMobile : showDetails,
+                  setShowDetails: isMobile ? setShowDetailsMobile : setShowDetails,
                   fullWidth
                 }
               ),
-              /* @__PURE__ */ jsx170("div", { className: cn(`flex w-full`, isFixed && `h-full`, clip), children: layout2 === "rail" && tabs ? (
+              /* @__PURE__ */ jsx170("div", { className: cn(`flex w-full`, isFixed && !mobileFlow && `h-full`, innerClip), children: layout2 === "rail" && tabs ? (
                 // Rail layout: the vertical-tab navigation is a flush-left
                 // sidebar of the card and the content fills the full remaining
                 // width (like `fullWidth`) — NOT the centred max-w-6xl column.
@@ -15849,7 +16014,11 @@ function RoundPageContainer({
                     value: activeTab,
                     onValueChange: handleTabChange,
                     orientation: "horizontal",
-                    className: cn(`flex min-w-0 grow data-[orientation=horizontal]:flex-row`, isFixed && `h-full`, clip),
+                    className: cn(
+                      `flex min-w-0 grow data-[orientation=horizontal]:flex-row`,
+                      isFixed && !mobileFlow && `h-full`,
+                      innerClip
+                    ),
                     children: [
                       /* @__PURE__ */ jsxs95(
                         "aside",
@@ -15864,7 +16033,7 @@ function RoundPageContainer({
                             railHeader && /* @__PURE__ */ jsx170("div", { children: railHeader }),
                             /* @__PURE__ */ jsxs95(TabsList, { className: "flex h-auto w-full flex-col items-stretch gap-0.5 bg-transparent p-0", children: [
                               ungrouped.map((tab) => /* @__PURE__ */ jsx170(TabsTrigger, { value: tabValue(tab), className: railTriggerClass, children: tab.contentLabel ?? tab.label }, tab.label)),
-                              groups.map((group) => /* @__PURE__ */ jsxs95(Fragment23, { children: [
+                              groups.map((group) => /* @__PURE__ */ jsxs95(Fragment25, { children: [
                                 /* @__PURE__ */ jsx170(MicroLabel, { as: "span", role: "presentation", className: "block px-3 pt-3 pb-1", children: group.label }),
                                 group.items.map((tab) => /* @__PURE__ */ jsx170(TabsTrigger, { value: tabValue(tab), className: railTriggerClass, children: tab.contentLabel ?? tab.label }, tab.label))
                               ] }, group.label))
@@ -15872,32 +16041,42 @@ function RoundPageContainer({
                           ]
                         }
                       ),
-                      /* @__PURE__ */ jsxs95("div", { className: cn(`flex min-w-0 grow flex-col`, clip), children: [
-                        railHeader && /* @__PURE__ */ jsx170("div", { className: "mx-auto w-full max-w-48 px-2 pt-2 md:hidden", children: railHeader }),
-                        /* @__PURE__ */ jsx170("div", { "data-testid": "round-page-rail-select", className: "p-2 md:hidden", children: /* @__PURE__ */ jsxs95(
-                          Select,
+                      /* @__PURE__ */ jsxs95("div", { className: cn(`flex min-w-0 grow flex-col`, innerClip), children: [
+                        railHeader && /* @__PURE__ */ jsx170("div", { className: "mx-auto w-full max-w-24 px-2 pt-2 md:hidden", children: railHeader }),
+                        /* @__PURE__ */ jsx170(
+                          "div",
                           {
-                            items: tabItems,
-                            value: activeTab,
-                            onValueChange: (value) => {
-                              if (value) handleTabChange(value);
-                            },
-                            children: [
-                              /* @__PURE__ */ jsx170(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx170(SelectValue, {}) }),
-                              /* @__PURE__ */ jsxs95(SelectContent, { children: [
-                                ungrouped.map((tab) => /* @__PURE__ */ jsx170(SelectItem, { value: tabValue(tab), children: tab.contentLabel ?? tab.label }, tab.label)),
-                                groups.map((group) => /* @__PURE__ */ jsxs95(SelectGroup, { children: [
-                                  /* @__PURE__ */ jsx170(SelectLabel, { children: group.label }),
-                                  group.items.map((tab) => /* @__PURE__ */ jsx170(SelectItem, { value: tabValue(tab), children: tab.contentLabel ?? tab.label }, tab.label))
-                                ] }, group.label))
-                              ] })
-                            ]
+                            "data-testid": "round-page-rail-select",
+                            className: cn("p-2 md:hidden", !showMobileSectionPicker && "hidden"),
+                            children: /* @__PURE__ */ jsxs95(
+                              Select,
+                              {
+                                items: tabItems,
+                                value: activeTab,
+                                onValueChange: (value) => {
+                                  if (value) handleTabChange(value);
+                                },
+                                children: [
+                                  /* @__PURE__ */ jsx170(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx170(SelectValue, {}) }),
+                                  /* @__PURE__ */ jsxs95(SelectContent, { children: [
+                                    ungrouped.map((tab) => /* @__PURE__ */ jsx170(SelectItem, { value: tabValue(tab), children: tab.contentLabel ?? tab.label }, tab.label)),
+                                    groups.map((group) => /* @__PURE__ */ jsxs95(SelectGroup, { children: [
+                                      /* @__PURE__ */ jsx170(SelectLabel, { children: group.label }),
+                                      group.items.map((tab) => /* @__PURE__ */ jsx170(SelectItem, { value: tabValue(tab), children: tab.contentLabel ?? tab.label }, tab.label))
+                                    ] }, group.label))
+                                  ] })
+                                ]
+                              }
+                            )
                           }
-                        ) }),
+                        ),
                         /* @__PURE__ */ jsx170(
                           "div",
                           {
-                            className: cn(`min-w-0 grow`, activeFillHeight ? cn(`flex flex-col`, clip) : cn(scrollY, `p-4`)),
+                            className: cn(
+                              `min-w-0 grow`,
+                              activeFillHeight ? cn(`flex flex-col`, innerClip) : cn(innerScrollY, `p-4`)
+                            ),
                             children: /* @__PURE__ */ jsxs95(
                               "div",
                               {
@@ -15932,7 +16111,7 @@ function RoundPageContainer({
                   className: cn(
                     `grow`,
                     isMobile ? `p-2` : `p-4`,
-                    activeFillHeight ? cn(`flex flex-col`, clip) : scrollY,
+                    activeFillHeight ? cn(`flex flex-col`, innerClip) : innerScrollY,
                     fullWidth && `p-0`
                   ),
                   children: /* @__PURE__ */ jsxs95(
@@ -15945,7 +16124,7 @@ function RoundPageContainer({
                       ),
                       children: [
                         header,
-                        tabs ? /* @__PURE__ */ jsxs95(Fragment24, { children: [
+                        tabs ? /* @__PURE__ */ jsxs95(Fragment26, { children: [
                           /* @__PURE__ */ jsxs95(
                             Tabs,
                             {
@@ -15953,7 +16132,7 @@ function RoundPageContainer({
                               className: cn(`w-full`, activeFillHeight && `flex flex-1 min-h-0 flex-col`),
                               onValueChange: handleTabChange,
                               children: [
-                                isMobile ? /* @__PURE__ */ jsx170("div", { className: "p-0", children: /* @__PURE__ */ jsxs95(
+                                isMobile ? /* @__PURE__ */ jsx170("div", { className: cn("p-0", !showMobileSectionPicker && "hidden"), children: /* @__PURE__ */ jsxs95(
                                   Select,
                                   {
                                     items: tabItems,
@@ -15973,7 +16152,7 @@ function RoundPageContainer({
                                     className: cn(
                                       `flex w-full `,
                                       isMobile ? `` : `px-4`,
-                                      activeFillHeight ? `flex-1 min-h-0` : scrollY
+                                      activeFillHeight ? `flex-1 min-h-0` : innerScrollY
                                     ),
                                     children: tabs.map((tab) => /* @__PURE__ */ jsx170(
                                       TabsContent,
@@ -15997,10 +16176,17 @@ function RoundPageContainer({
                 }
               ) })
             ] }),
-            details && (isMobile ? /* @__PURE__ */ jsx170(Sheet, { open: showDetails, onOpenChange: setShowDetails, children: /* @__PURE__ */ jsxs95(SheetContent, { side: "end", children: [
-              /* @__PURE__ */ jsx170(SheetHeader, { children: /* @__PURE__ */ jsx170(SheetTitle, { children: detailsTitle ?? "Details" }) }),
-              /* @__PURE__ */ jsx170("div", { className: "overflow-y-auto p-6 pt-0", children: details })
-            ] }) }) : /* @__PURE__ */ jsxs95(
+            details && (isMobile ? /* @__PURE__ */ jsx170(Sheet, { open: showDetailsMobile, onOpenChange: setShowDetailsMobile, children: /* @__PURE__ */ jsxs95(
+              SheetContent,
+              {
+                side: "end",
+                className: "data-[side=left]:w-full data-[side=right]:w-full data-[side=left]:sm:max-w-none data-[side=right]:sm:max-w-none",
+                children: [
+                  /* @__PURE__ */ jsx170(SheetHeader, { children: /* @__PURE__ */ jsx170(SheetTitle, { children: detailsTitle ?? "Details" }) }),
+                  /* @__PURE__ */ jsx170("div", { className: "overflow-y-auto p-6 pt-0", children: details })
+                ]
+              }
+            ) }) : /* @__PURE__ */ jsxs95(
               "div",
               {
                 className: cn(
@@ -16043,7 +16229,7 @@ function RoundPageContainer({
 __name(RoundPageContainer, "RoundPageContainer");
 
 // src/components/containers/TabsContainer.tsx
-import { Fragment as Fragment25, jsx as jsx171, jsxs as jsxs96 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx171, jsxs as jsxs96 } from "react/jsx-runtime";
 function TabsContainer({
   tabs,
   defaultTab,
@@ -16088,7 +16274,7 @@ function TabsContainer({
       ),
       additionalComponent && additionalComponent
     ] }),
-    scrollAreaClassName ? /* @__PURE__ */ jsx171(ScrollArea, { className: scrollAreaClassName, children: validTabs.map((tab) => /* @__PURE__ */ jsx171(TabsContent, { value: tab.label, children: tab.content }, tab.label)) }) : /* @__PURE__ */ jsx171(Fragment25, { children: validTabs.map((tab) => /* @__PURE__ */ jsx171(TabsContent, { value: tab.label, children: tab.content }, tab.label)) })
+    scrollAreaClassName ? /* @__PURE__ */ jsx171(ScrollArea, { className: scrollAreaClassName, children: validTabs.map((tab) => /* @__PURE__ */ jsx171(TabsContent, { value: tab.label, children: tab.content }, tab.label)) }) : /* @__PURE__ */ jsx171(Fragment27, { children: validTabs.map((tab) => /* @__PURE__ */ jsx171(TabsContent, { value: tab.label, children: tab.content }, tab.label)) })
   ] });
 }
 __name(TabsContainer, "TabsContainer");
@@ -16939,7 +17125,7 @@ __name(useSubscriptionStatus, "useSubscriptionStatus");
 // src/features/role/hooks/useRoleTableStructure.tsx
 import { useTranslations as useTranslations56 } from "next-intl";
 import { useMemo as useMemo28 } from "react";
-import { Fragment as Fragment26, jsx as jsx186 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx186 } from "react/jsx-runtime";
 var useRoleTableStructure = /* @__PURE__ */ __name((params) => {
   const t = useTranslations56();
   const generateUrl = usePageUrlGenerator();
@@ -16976,7 +17162,7 @@ var useRoleTableStructure = /* @__PURE__ */ __name((params) => {
       id: "description",
       accessorKey: "description",
       header: t(`role.fields.description.label`),
-      cell: /* @__PURE__ */ __name(({ row }) => /* @__PURE__ */ jsx186(Fragment26, { children: row.getValue("description") }), "cell"),
+      cell: /* @__PURE__ */ __name(({ row }) => /* @__PURE__ */ jsx186(Fragment28, { children: row.getValue("description") }), "cell"),
       enableSorting: false,
       enableHiding: false
     }),
@@ -17332,7 +17518,7 @@ var useWaitlistTableStructure = /* @__PURE__ */ __name((params) => {
 // src/features/content/hooks/useContentTableStructure.tsx
 import { useTranslations as useTranslations60 } from "next-intl";
 import { useMemo as useMemo32 } from "react";
-import { Fragment as Fragment27, jsx as jsx190, jsxs as jsxs103 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx190, jsxs as jsxs103 } from "react/jsx-runtime";
 var useContentTableStructure = /* @__PURE__ */ __name((params) => {
   const t = useTranslations60();
   const generateUrl = usePageUrlGenerator();
@@ -17363,7 +17549,7 @@ var useContentTableStructure = /* @__PURE__ */ __name((params) => {
         const contentModule = content.contentType ? Modules.findByModelName(content.contentType) : void 0;
         const link = contentModule ? generateUrl({ page: contentModule, id: content.id }) : "#";
         return /* @__PURE__ */ jsxs103(Tooltip2, { children: [
-          /* @__PURE__ */ jsx190(TooltipTrigger, { className: "flex items-center justify-start space-x-2", children: /* @__PURE__ */ jsxs103(Fragment27, { children: [
+          /* @__PURE__ */ jsx190(TooltipTrigger, { className: "flex items-center justify-start space-x-2", children: /* @__PURE__ */ jsxs103(Fragment29, { children: [
             contentModule && getIconByModule({ module: contentModule, className: "h-4 w-4" }),
             /* @__PURE__ */ jsx190(Link, { href: link, children: content.name })
           ] }) }),
@@ -17379,7 +17565,7 @@ var useContentTableStructure = /* @__PURE__ */ __name((params) => {
       header: t(`common.relevance`),
       cell: /* @__PURE__ */ __name(({ row }) => {
         const content = row.original.jsonApiData;
-        if (!content.relevance) return /* @__PURE__ */ jsx190(Fragment27, {});
+        if (!content.relevance) return /* @__PURE__ */ jsx190(Fragment29, {});
         const response = `${content.relevance.toFixed(0)}%`;
         return /* @__PURE__ */ jsxs103("div", { className: "relative flex h-5 w-20 items-center justify-center overflow-clip rounded border text-center", children: [
           /* @__PURE__ */ jsx190(
@@ -17853,7 +18039,7 @@ function ContentTableSearch({ data }) {
 __name(ContentTableSearch, "ContentTableSearch");
 
 // src/components/tables/ContentListTable.tsx
-import { Fragment as Fragment28, jsx as jsx192, jsxs as jsxs105 } from "react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx192, jsxs as jsxs105 } from "react/jsx-runtime";
 var EMPTY_ARRAY = [];
 function getGroupKeys(item, field) {
   const value = item.jsonApiData[field];
@@ -17868,7 +18054,7 @@ function getGroupKeys(item, field) {
 __name(getGroupKeys, "getGroupKeys");
 var isClassComponent = /* @__PURE__ */ __name((component) => typeof component === "function" && !!component.prototype?.isReactComponent, "isClassComponent");
 function StableCell({ render, context }) {
-  return /* @__PURE__ */ jsx192(Fragment28, { children: render(context) });
+  return /* @__PURE__ */ jsx192(Fragment30, { children: render(context) });
 }
 __name(StableCell, "StableCell");
 function renderCell(cellDef, context) {
@@ -17881,6 +18067,7 @@ __name(renderCell, "renderCell");
 var ContentListTable = memo(/* @__PURE__ */ __name(function ContentListTable2(props) {
   const { data, fields, checkedIds, toggleId, allowSearch, filters: _filters, fullWidth, onRowClick } = props;
   const t = useTranslations62();
+  const isMobile = useIsMobile();
   const [expanded, setExpanded] = useState61(
     props.defaultExpanded === true ? true : typeof props.defaultExpanded === "object" ? props.defaultExpanded : {}
   );
@@ -17962,49 +18149,73 @@ var ContentListTable = memo(/* @__PURE__ */ __name(function ContentListTable2(pr
   }, [props.groupBy, props.groupOrder, rowModel]);
   const showFooter = !props.hidePagination && !!(data.next || data.previous);
   const titleIsLarge = (props.titleSize ?? (fullWidth ? `lg` : `sm`)) === `lg`;
-  return /* @__PURE__ */ jsx192("div", { "data-help": "list.table", className: "flex w-full flex-col", children: /* @__PURE__ */ jsx192("div", { className: cn(`overflow-clip`, fullWidth ? `` : `rounded-md border`), children: /* @__PURE__ */ jsxs105(Table, { children: [
-    /* @__PURE__ */ jsxs105(TableHeader, { className: "bg-muted font-semibold", children: [
-      props.title && /* @__PURE__ */ jsx192(TableRow, { children: /* @__PURE__ */ jsx192(
-        TableHead,
-        {
-          className: "bg-card rounded-t-lg text-primary p-4 text-start font-bold",
-          colSpan: tableColumns.length,
-          children: /* @__PURE__ */ jsxs105("div", { className: "flex w-full items-center justify-between gap-x-2", children: [
-            /* @__PURE__ */ jsx192("div", { className: "w-full", children: /* @__PURE__ */ jsxs105(
-              "div",
-              {
-                className: cn(
-                  "text-muted-foreground flex items-center gap-x-2  font-light whitespace-nowrap",
-                  titleIsLarge ? `text-lg` : `text-sm`
-                ),
-                children: [
-                  props.titleActions,
-                  props.tableGeneratorType.icon && /* @__PURE__ */ jsx192(
-                    props.tableGeneratorType.icon,
-                    {
-                      className: cn(`text-primary`, titleIsLarge ? `h-6 w-6` : `h-4 w-4`)
-                    }
-                  ),
-                  props.title
-                ]
-              }
-            ) }),
-            (props.functions || props.filters || allowSearch) && /* @__PURE__ */ jsxs105(Fragment28, { children: [
-              props.filters,
-              props.functions,
-              allowSearch !== false && /* @__PURE__ */ jsx192(ContentTableSearch, { data })
+  const titleLabel = /* @__PURE__ */ jsxs105(
+    "div",
+    {
+      className: cn(
+        "text-muted-foreground flex items-center gap-x-2  font-light whitespace-nowrap",
+        titleIsLarge ? `text-lg` : `text-sm`
+      ),
+      children: [
+        props.titleActions,
+        props.tableGeneratorType.icon && /* @__PURE__ */ jsx192(props.tableGeneratorType.icon, { className: cn(`text-primary`, titleIsLarge ? `h-6 w-6` : `h-4 w-4`) }),
+        props.title
+      ]
+    }
+  );
+  const hasTitleControls = !!(props.functions || props.filters || allowSearch);
+  const titleControls = /* @__PURE__ */ jsxs105(Fragment30, { children: [
+    props.filters,
+    props.functions,
+    allowSearch !== false && /* @__PURE__ */ jsx192(ContentTableSearch, { data })
+  ] });
+  return /* @__PURE__ */ jsx192("div", { "data-help": "list.table", className: "flex w-full flex-col", children: /* @__PURE__ */ jsxs105("div", { className: cn(`overflow-clip`, fullWidth ? `` : `rounded-md border`), children: [
+    props.title && isMobile && /* @__PURE__ */ jsxs105(
+      "div",
+      {
+        "data-testid": "content-list-table-title-bar",
+        className: "bg-card text-primary flex flex-wrap items-center gap-2 border-b p-4 font-bold",
+        children: [
+          /* @__PURE__ */ jsx192("div", { className: "shrink-0", children: titleLabel }),
+          hasTitleControls && /* @__PURE__ */ jsx192("div", { className: "ms-auto flex flex-wrap items-center justify-end gap-2", children: titleControls })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs105(Table, { children: [
+      /* @__PURE__ */ jsxs105(TableHeader, { className: "bg-muted font-semibold", children: [
+        props.title && !isMobile && /* @__PURE__ */ jsx192(TableRow, { children: /* @__PURE__ */ jsx192(
+          TableHead,
+          {
+            className: "bg-card rounded-t-lg text-primary p-4 text-start font-bold",
+            colSpan: tableColumns.length,
+            children: /* @__PURE__ */ jsxs105("div", { className: "flex w-full items-center justify-between gap-x-2", children: [
+              /* @__PURE__ */ jsx192("div", { className: "w-full", children: titleLabel }),
+              hasTitleControls && titleControls
             ] })
-          ] })
-        }
-      ) }),
-      !props.hideHeader && table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx192(TableRow, { children: headerGroup.headers.map((header) => {
-        const meta = header.column.columnDef.meta;
-        return /* @__PURE__ */ jsx192(TableHead, { className: meta?.className, children: header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()) }, header.id);
-      }) }, headerGroup.id))
-    ] }),
-    /* @__PURE__ */ jsx192(TableBody, { children: rowModel && rowModel.rows?.length ? groupedRows ? groupedRows.map((group) => /* @__PURE__ */ jsxs105(React31.Fragment, { children: [
-      /* @__PURE__ */ jsx192(TableRow, { children: /* @__PURE__ */ jsx192(TableCell, { colSpan: tableColumns.length, className: "bg-muted px-4 py-2", children: /* @__PURE__ */ jsx192(MicroLabel, { children: props.groupLabel?.(group.groupKey) ?? group.groupKey }) }) }),
-      group.rows.map((row) => /* @__PURE__ */ jsxs105(React31.Fragment, { children: [
+          }
+        ) }),
+        !props.hideHeader && table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx192(TableRow, { children: headerGroup.headers.map((header) => {
+          const meta = header.column.columnDef.meta;
+          return /* @__PURE__ */ jsx192(TableHead, { className: meta?.className, children: header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()) }, header.id);
+        }) }, headerGroup.id))
+      ] }),
+      /* @__PURE__ */ jsx192(TableBody, { children: rowModel && rowModel.rows?.length ? groupedRows ? groupedRows.map((group) => /* @__PURE__ */ jsxs105(React31.Fragment, { children: [
+        /* @__PURE__ */ jsx192(TableRow, { children: /* @__PURE__ */ jsx192(TableCell, { colSpan: tableColumns.length, className: "bg-muted px-4 py-2", children: /* @__PURE__ */ jsx192(MicroLabel, { children: props.groupLabel?.(group.groupKey) ?? group.groupKey }) }) }),
+        group.rows.map((row) => /* @__PURE__ */ jsxs105(React31.Fragment, { children: [
+          /* @__PURE__ */ jsx192(
+            TableRow,
+            {
+              onClick: () => onRowClick?.(row.original.jsonApiData),
+              className: `group ${onRowClick ? "hover:bg-muted/50 cursor-pointer" : ""}`,
+              children: row.getVisibleCells().map((cell) => {
+                const meta = cell.column.columnDef.meta;
+                return /* @__PURE__ */ jsx192(TableCell, { className: meta?.className, children: renderCell(cell.column.columnDef.cell, cell.getContext()) }, cell.id);
+              })
+            }
+          ),
+          props.renderExpandedRow && row.getIsExpanded() && /* @__PURE__ */ jsx192(TableRow, { "data-testid": "content-list-table-expanded-row", children: /* @__PURE__ */ jsx192(TableCell, { colSpan: tableColumns.length, className: "bg-muted/30 px-4 py-3", children: props.renderExpandedRow(row.original.jsonApiData) }) })
+        ] }, row.id))
+      ] }, group.groupKey)) : rowModel.rows.map((row) => /* @__PURE__ */ jsxs105(React31.Fragment, { children: [
         /* @__PURE__ */ jsx192(
           TableRow,
           {
@@ -18017,58 +18228,45 @@ var ContentListTable = memo(/* @__PURE__ */ __name(function ContentListTable2(pr
           }
         ),
         props.renderExpandedRow && row.getIsExpanded() && /* @__PURE__ */ jsx192(TableRow, { "data-testid": "content-list-table-expanded-row", children: /* @__PURE__ */ jsx192(TableCell, { colSpan: tableColumns.length, className: "bg-muted/30 px-4 py-3", children: props.renderExpandedRow(row.original.jsonApiData) }) })
-      ] }, row.id))
-    ] }, group.groupKey)) : rowModel.rows.map((row) => /* @__PURE__ */ jsxs105(React31.Fragment, { children: [
-      /* @__PURE__ */ jsx192(
-        TableRow,
-        {
-          onClick: () => onRowClick?.(row.original.jsonApiData),
-          className: `group ${onRowClick ? "hover:bg-muted/50 cursor-pointer" : ""}`,
-          children: row.getVisibleCells().map((cell) => {
-            const meta = cell.column.columnDef.meta;
-            return /* @__PURE__ */ jsx192(TableCell, { className: meta?.className, children: renderCell(cell.column.columnDef.cell, cell.getContext()) }, cell.id);
-          })
-        }
-      ),
-      props.renderExpandedRow && row.getIsExpanded() && /* @__PURE__ */ jsx192(TableRow, { "data-testid": "content-list-table-expanded-row", children: /* @__PURE__ */ jsx192(TableCell, { colSpan: tableColumns.length, className: "bg-muted/30 px-4 py-3", children: props.renderExpandedRow(row.original.jsonApiData) }) })
-    ] }, row.id)) : /* @__PURE__ */ jsx192(TableRow, { children: /* @__PURE__ */ jsx192(TableCell, { colSpan: tableColumns.length, className: "h-24 text-center", children: props.emptyState ?? (t.has("ui.empty_states.no_results") ? t("ui.empty_states.no_results") : "No results.") }) }) }),
-    showFooter && /* @__PURE__ */ jsx192(TableFooter, { children: /* @__PURE__ */ jsx192(TableRow, { children: /* @__PURE__ */ jsx192(TableCell, { colSpan: tableColumns.length, className: "bg-card py-4 text-end", children: /* @__PURE__ */ jsxs105("div", { className: "flex items-center justify-end space-x-2", children: [
-      /* @__PURE__ */ jsx192(
-        Button,
-        {
-          variant: "outline",
-          size: "sm",
-          onClick: (e) => {
-            e.preventDefault();
-            setPendingDirection("prev");
-            data.previous?.(true);
-          },
-          disabled: !data.previous || pendingDirection !== null,
-          children: pendingDirection === "prev" ? /* @__PURE__ */ jsx192(Loader23, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx192(ChevronLeft, { className: "h-4 w-4 rtl:rotate-180" })
-        }
-      ),
-      data.pageInfo && /* @__PURE__ */ jsx192("span", { className: "text-muted-foreground text-xs", children: `${data.pageInfo.startItem}-${data.pageInfo.endItem}${data.total ? ` of ${data.total}` : ""}` }),
-      /* @__PURE__ */ jsx192(
-        Button,
-        {
-          variant: "outline",
-          size: "sm",
-          onClick: (e) => {
-            e.preventDefault();
-            setPendingDirection("next");
-            data.next?.(true);
-          },
-          disabled: !data.next || pendingDirection !== null,
-          children: pendingDirection === "next" ? /* @__PURE__ */ jsx192(Loader23, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx192(ChevronRight, { className: "h-4 w-4 rtl:rotate-180" })
-        }
-      )
-    ] }) }) }) })
-  ] }) }) });
+      ] }, row.id)) : /* @__PURE__ */ jsx192(TableRow, { children: /* @__PURE__ */ jsx192(TableCell, { colSpan: tableColumns.length, className: "h-24 text-center", children: props.emptyState ?? (t.has("ui.empty_states.no_results") ? t("ui.empty_states.no_results") : "No results.") }) }) }),
+      showFooter && /* @__PURE__ */ jsx192(TableFooter, { children: /* @__PURE__ */ jsx192(TableRow, { children: /* @__PURE__ */ jsx192(TableCell, { colSpan: tableColumns.length, className: "bg-card py-4 text-end", children: /* @__PURE__ */ jsxs105("div", { className: "flex items-center justify-end space-x-2", children: [
+        /* @__PURE__ */ jsx192(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: (e) => {
+              e.preventDefault();
+              setPendingDirection("prev");
+              data.previous?.(true);
+            },
+            disabled: !data.previous || pendingDirection !== null,
+            children: pendingDirection === "prev" ? /* @__PURE__ */ jsx192(Loader23, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx192(ChevronLeft, { className: "h-4 w-4 rtl:rotate-180" })
+          }
+        ),
+        data.pageInfo && /* @__PURE__ */ jsx192("span", { className: "text-muted-foreground text-xs", children: `${data.pageInfo.startItem}-${data.pageInfo.endItem}${data.total ? ` of ${data.total}` : ""}` }),
+        /* @__PURE__ */ jsx192(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: (e) => {
+              e.preventDefault();
+              setPendingDirection("next");
+              data.next?.(true);
+            },
+            disabled: !data.next || pendingDirection !== null,
+            children: pendingDirection === "next" ? /* @__PURE__ */ jsx192(Loader23, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx192(ChevronRight, { className: "h-4 w-4 rtl:rotate-180" })
+          }
+        )
+      ] }) }) }) })
+    ] })
+  ] }) });
 }, "ContentListTable"));
 
 // src/components/grids/ContentListGrid.tsx
 import { useEffect as useEffect52, useRef as useRef32 } from "react";
-import { Fragment as Fragment29, jsx as jsx193, jsxs as jsxs106 } from "react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx193, jsxs as jsxs106 } from "react/jsx-runtime";
 var DEFAULT_GRID_CLASSES = "grid grid-cols-2 gap-4 p-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5";
 function ContentListGrid(props) {
   const { data, ItemComponent, allowSearch, fullWidth, gridClassName } = props;
@@ -18099,7 +18297,7 @@ function ContentListGrid(props) {
           ]
         }
       ) }),
-      (props.functions || props.filters || allowSearch) && /* @__PURE__ */ jsxs106(Fragment29, { children: [
+      (props.functions || props.filters || allowSearch) && /* @__PURE__ */ jsxs106(Fragment31, { children: [
         props.functions,
         props.filters,
         allowSearch && /* @__PURE__ */ jsx193(ContentTableSearch, { data })
@@ -18332,14 +18530,14 @@ import { z as z5 } from "zod";
 
 // src/features/auth/components/GdprConsentSection.tsx
 import { useTranslations as useTranslations64 } from "next-intl";
-import { Fragment as Fragment30, jsx as jsx200, jsxs as jsxs111 } from "react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx200, jsxs as jsxs111 } from "react/jsx-runtime";
 function GdprConsentSection({
   form,
   termsCheckboxId = "termsAccepted",
   marketingCheckboxId = "marketingConsent"
 }) {
   const t = useTranslations64("auth.gdpr");
-  const termsLabel = /* @__PURE__ */ jsxs111(Fragment30, { children: [
+  const termsLabel = /* @__PURE__ */ jsxs111(Fragment32, { children: [
     t("terms_prefix"),
     " ",
     /* @__PURE__ */ jsx200(Link, { href: "/terms", target: "_blank", rel: "noopener", children: t("terms_of_service") }),
@@ -18364,7 +18562,7 @@ function GdprConsentSection({
 __name(GdprConsentSection, "GdprConsentSection");
 
 // src/features/auth/components/forms/Register.tsx
-import { Fragment as Fragment31, jsx as jsx201, jsxs as jsxs112 } from "react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx201, jsxs as jsxs112 } from "react/jsx-runtime";
 var REFERRAL_COOKIE_NAME = "referral_code";
 function getReferralCode() {
   if (typeof document === "undefined") return null;
@@ -18482,7 +18680,7 @@ function Register() {
     }
   }, "onSubmit");
   if (registrationMode === "waitlist" && inviteCode && isValidatingInvite) {
-    return /* @__PURE__ */ jsxs112(Fragment31, { children: [
+    return /* @__PURE__ */ jsxs112(Fragment33, { children: [
       /* @__PURE__ */ jsx201(CardHeader, { children: /* @__PURE__ */ jsxs112(CardTitle, { className: "text-primary flex flex-col items-center pb-10 text-4xl", children: [
         /* @__PURE__ */ jsx201(Image7, { src: "/logo.webp", alt: "Logo", width: 100, height: 100, priority: true }),
         t("waitlist.invite.validating_title")
@@ -18494,7 +18692,7 @@ function Register() {
     ] });
   }
   if (registrationMode === "waitlist" && inviteCode && inviteError) {
-    return /* @__PURE__ */ jsxs112(Fragment31, { children: [
+    return /* @__PURE__ */ jsxs112(Fragment33, { children: [
       /* @__PURE__ */ jsx201(CardHeader, { children: /* @__PURE__ */ jsxs112(CardTitle, { className: "text-primary flex flex-col items-center pb-10 text-4xl", children: [
         /* @__PURE__ */ jsx201(Image7, { src: "/logo.webp", alt: "Logo", width: 100, height: 100, priority: true }),
         t("waitlist.invite.invalid_title")
@@ -18507,7 +18705,7 @@ function Register() {
     ] });
   }
   if (registrationMode === "waitlist" && !inviteCode) {
-    return /* @__PURE__ */ jsxs112(Fragment31, { children: [
+    return /* @__PURE__ */ jsxs112(Fragment33, { children: [
       /* @__PURE__ */ jsx201(CardHeader, { children: /* @__PURE__ */ jsxs112(CardTitle, { className: "text-primary flex flex-col items-center pb-10 text-4xl", children: [
         /* @__PURE__ */ jsx201(Image7, { src: "/logo.webp", alt: "Logo", width: 100, height: 100, priority: true }),
         t("waitlist.invite.registration_title")
@@ -18520,13 +18718,13 @@ function Register() {
       /* @__PURE__ */ jsx201(CardFooter, { className: "flex w-full flex-row justify-between", children: /* @__PURE__ */ jsx201(Link, { href: "#", className: "flex w-full justify-start", onClick: () => setComponentType(0 /* Login */), children: t("auth.buttons.login") }) })
     ] });
   }
-  return /* @__PURE__ */ jsxs112(Fragment31, { children: [
+  return /* @__PURE__ */ jsxs112(Fragment33, { children: [
     /* @__PURE__ */ jsxs112(CardHeader, { children: [
       /* @__PURE__ */ jsxs112(CardTitle, { className: "text-primary flex flex-col items-center pb-10 text-4xl", children: [
         /* @__PURE__ */ jsx201(Image7, { src: "/logo.webp", alt: "Logo", width: 100, height: 100, priority: true }),
         t(`auth.buttons.register`)
       ] }),
-      /* @__PURE__ */ jsx201(CardDescription, { className: "text-sm", children: showConfirmation ? /* @__PURE__ */ jsx201(Fragment31, { children: " " }) : /* @__PURE__ */ jsx201(Fragment31, { children: t(`auth.register_description`) }) })
+      /* @__PURE__ */ jsx201(CardDescription, { className: "text-sm", children: showConfirmation ? /* @__PURE__ */ jsx201(Fragment33, { children: " " }) : /* @__PURE__ */ jsx201(Fragment33, { children: t(`auth.register_description`) }) })
     ] }),
     showConfirmation ? /* @__PURE__ */ jsx201(CardContent, { children: /* @__PURE__ */ jsx201(CardDescription, { className: "text-center text-xl", children: t("auth.register_confirmation") }) }) : /* @__PURE__ */ jsx201(Form, { ...form, children: /* @__PURE__ */ jsxs112("form", { onSubmit: form.handleSubmit(onSubmit), children: [
       /* @__PURE__ */ jsxs112(CardContent, { children: [
@@ -18730,7 +18928,7 @@ function InnerAuthContainer() {
   const { activeComponent } = useAuthContext();
   if (activeComponent === null)
     return /* @__PURE__ */ jsx203("div", { className: "max-w-sm", children: /* @__PURE__ */ jsx203(Image8, { src: "/logo.webp", alt: "Logo", width: 100, height: 100, className: "animate-spin-slow", priority: true }) });
-  return /* @__PURE__ */ jsx203(Card, { className: "w-full max-w-md", children: activeComponent });
+  return /* @__PURE__ */ jsx203(Card, { className: "w-full max-w-md max-md:[&_[data-slot=button]:not([data-size])]:h-10 max-md:[&_[data-slot=input-group-control]]:h-full max-md:[&_[data-slot=input-group]]:h-10 max-md:[&_[data-slot=input]]:h-10", children: activeComponent });
 }
 __name(InnerAuthContainer, "InnerAuthContainer");
 
@@ -18959,7 +19157,7 @@ __name(DisableTwoFactorDialog, "DisableTwoFactorDialog");
 import { Edit, Key, Trash2 } from "lucide-react";
 import { useTranslations as useTranslations68 } from "next-intl";
 import { useState as useState68 } from "react";
-import { Fragment as Fragment32, jsx as jsx207, jsxs as jsxs116 } from "react/jsx-runtime";
+import { Fragment as Fragment34, jsx as jsx207, jsxs as jsxs116 } from "react/jsx-runtime";
 function PasskeyList({ passkeys, onRefresh }) {
   const t = useTranslations68();
   const [renameDialogOpen, setRenameDialogOpen] = useState68(false);
@@ -19015,7 +19213,7 @@ function PasskeyList({ passkeys, onRefresh }) {
   if (passkeys.length === 0) {
     return /* @__PURE__ */ jsx207("p", { className: "text-sm text-muted-foreground text-center py-4", children: t("auth.two_factor.no_passkeys") });
   }
-  return /* @__PURE__ */ jsxs116(Fragment32, { children: [
+  return /* @__PURE__ */ jsxs116(Fragment34, { children: [
     /* @__PURE__ */ jsx207("div", { className: "space-y-2", children: passkeys.map((passkey) => /* @__PURE__ */ jsxs116("div", { className: "flex items-center justify-between p-3 border rounded-lg", children: [
       /* @__PURE__ */ jsxs116("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ jsx207(Key, { className: "h-5 w-5 text-muted-foreground" }),
@@ -19332,7 +19530,7 @@ function TotpSetupDialog({ onSuccess, trigger }) {
 __name(TotpSetupDialog, "TotpSetupDialog");
 
 // src/features/auth/components/two-factor/TwoFactorSettings.tsx
-import { Fragment as Fragment33, jsx as jsx211, jsxs as jsxs120 } from "react/jsx-runtime";
+import { Fragment as Fragment35, jsx as jsx211, jsxs as jsxs120 } from "react/jsx-runtime";
 function TwoFactorSettings() {
   const t = useTranslations72();
   const [status, setStatus] = useState72(null);
@@ -19419,7 +19617,7 @@ function TwoFactorSettings() {
         ] }),
         /* @__PURE__ */ jsx211(BackupCodesDialog, { remainingCodes: status?.backupCodesCount ?? 0, onRegenerate: handleRefresh })
       ] }) }),
-      !isEnabled && (authenticators.length > 0 || passkeys.length > 0) && /* @__PURE__ */ jsxs120(Fragment33, { children: [
+      !isEnabled && (authenticators.length > 0 || passkeys.length > 0) && /* @__PURE__ */ jsxs120(Fragment35, { children: [
         /* @__PURE__ */ jsx211(Separator, {}),
         /* @__PURE__ */ jsxs120("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsxs120("div", { children: [
@@ -19429,7 +19627,7 @@ function TwoFactorSettings() {
           /* @__PURE__ */ jsx211(Button, { onClick: handleEnable2FA, disabled: isEnabling, children: isEnabling ? t("common.loading") : t("auth.two_factor.enable_button") })
         ] })
       ] }),
-      isEnabled && /* @__PURE__ */ jsxs120(Fragment33, { children: [
+      isEnabled && /* @__PURE__ */ jsxs120(Fragment35, { children: [
         /* @__PURE__ */ jsx211(Separator, {}),
         /* @__PURE__ */ jsxs120("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsxs120("div", { children: [
@@ -19511,11 +19709,11 @@ function GoogleSignInButton({ referralCode }) {
 __name(GoogleSignInButton, "GoogleSignInButton");
 
 // src/features/auth/components/details/LandingComponent.tsx
-import { Fragment as Fragment34, jsx as jsx214, jsxs as jsxs122 } from "react/jsx-runtime";
+import { Fragment as Fragment36, jsx as jsx214, jsxs as jsxs122 } from "react/jsx-runtime";
 function LandingComponent() {
   const t = useTranslations73();
   const { setComponentType } = useAuthContext();
-  return /* @__PURE__ */ jsxs122(Fragment34, { children: [
+  return /* @__PURE__ */ jsxs122(Fragment36, { children: [
     /* @__PURE__ */ jsxs122(CardHeader, { className: "mb-4", "data-testid": "page-pre-login-container", children: [
       /* @__PURE__ */ jsxs122(CardTitle, { className: "text-primary flex flex-col items-center gap-y-8 pb-8 text-4xl", children: [
         /* @__PURE__ */ jsx214(Image9, { src: "/logo.webp", alt: "Logo", width: 100, height: 100, priority: true }),
@@ -19524,7 +19722,7 @@ function LandingComponent() {
       /* @__PURE__ */ jsx214(CardDescription, { className: "flex w-full justify-center text-center text-sm", children: t(`common.description`) })
     ] }),
     /* @__PURE__ */ jsxs122(CardFooter, { className: "mt-4 flex w-full flex-col justify-between gap-y-4", children: [
-      isInternalAuthEnabled() && /* @__PURE__ */ jsxs122(Fragment34, { children: [
+      isInternalAuthEnabled() && /* @__PURE__ */ jsxs122(Fragment36, { children: [
         isRegistrationAllowed() && /* @__PURE__ */ jsx214(
           Link,
           {
@@ -19550,7 +19748,7 @@ import Image10 from "next/image";
 import { useEffect as useEffect56, useState as useState73 } from "react";
 import { useForm as useForm6 } from "react-hook-form";
 import { z as z6 } from "zod";
-import { Fragment as Fragment35, jsx as jsx215, jsxs as jsxs123 } from "react/jsx-runtime";
+import { Fragment as Fragment37, jsx as jsx215, jsxs as jsxs123 } from "react/jsx-runtime";
 function AcceptInvitation() {
   const { setComponentType, params, setParams } = useAuthContext();
   const [showConfirmation, setShowConfirmation] = useState73(false);
@@ -19613,13 +19811,13 @@ function AcceptInvitation() {
       errorToast({ title: t(`common.errors.error`), error });
     }
   }, "onSubmit");
-  return /* @__PURE__ */ jsxs123(Fragment35, { children: [
+  return /* @__PURE__ */ jsxs123(Fragment37, { children: [
     /* @__PURE__ */ jsxs123(CardHeader, { children: [
       /* @__PURE__ */ jsxs123(CardTitle, { className: "text-primary flex flex-col items-center pb-10 text-4xl", children: [
         /* @__PURE__ */ jsx215(Image10, { src: "/logo.webp", alt: "Logo", width: 100, height: 100, priority: true }),
         t("auth.accept_invitation")
       ] }),
-      /* @__PURE__ */ jsx215(CardDescription, { className: "text-center text-sm", children: error ? /* @__PURE__ */ jsx215(Fragment35, { children: t("auth.errors.activating_account") }) : /* @__PURE__ */ jsx215(Fragment35, { children: t("auth.select_password") }) })
+      /* @__PURE__ */ jsx215(CardDescription, { className: "text-center text-sm", children: error ? /* @__PURE__ */ jsx215(Fragment37, { children: t("auth.errors.activating_account") }) : /* @__PURE__ */ jsx215(Fragment37, { children: t("auth.select_password") }) })
     ] }),
     /* @__PURE__ */ jsx215(CardContent, { children: showConfirmation ? /* @__PURE__ */ jsx215(CardDescription, { className: "text-center text-xl", children: t("auth.activation_description") }) : error ? /* @__PURE__ */ jsx215(CardDescription, { className: "text-center text-xl", children: error }) : /* @__PURE__ */ jsx215(Form, { ...form, children: /* @__PURE__ */ jsxs123("form", { onSubmit: form.handleSubmit(onSubmit), children: [
       /* @__PURE__ */ jsx215(
@@ -19650,7 +19848,7 @@ __name(AcceptInvitation, "AcceptInvitation");
 import { useTranslations as useTranslations75 } from "next-intl";
 import Image11 from "next/image";
 import { useEffect as useEffect57, useState as useState74 } from "react";
-import { Fragment as Fragment36, jsx as jsx216, jsxs as jsxs124 } from "react/jsx-runtime";
+import { Fragment as Fragment38, jsx as jsx216, jsxs as jsxs124 } from "react/jsx-runtime";
 function ActivateAccount() {
   const { setComponentType, params, setParams } = useAuthContext();
   const [showConfirmation, setShowConfirmation] = useState74(false);
@@ -19683,15 +19881,15 @@ function ActivateAccount() {
       setError(t(`auth.errors.invalid_invitation_code`));
     }
   }, []);
-  return /* @__PURE__ */ jsxs124(Fragment36, { children: [
+  return /* @__PURE__ */ jsxs124(Fragment38, { children: [
     /* @__PURE__ */ jsxs124(CardHeader, { children: [
       /* @__PURE__ */ jsxs124(CardTitle, { className: "text-primary flex flex-col items-center pb-10 text-4xl", children: [
         /* @__PURE__ */ jsx216(Image11, { src: "/logo.webp", alt: "Logo", width: 100, height: 100, priority: true }),
         t("auth.accept_invitation")
       ] }),
-      /* @__PURE__ */ jsx216(CardDescription, { className: "text-center text-sm", children: error ? /* @__PURE__ */ jsx216(Fragment36, { children: t("auth.errors.activating_account") }) : /* @__PURE__ */ jsx216(Fragment36, { children: " " }) })
+      /* @__PURE__ */ jsx216(CardDescription, { className: "text-center text-sm", children: error ? /* @__PURE__ */ jsx216(Fragment38, { children: t("auth.errors.activating_account") }) : /* @__PURE__ */ jsx216(Fragment38, { children: " " }) })
     ] }),
-    /* @__PURE__ */ jsx216(CardContent, { children: /* @__PURE__ */ jsx216(CardDescription, { className: "text-center text-xl", children: showConfirmation ? /* @__PURE__ */ jsx216(Fragment36, { children: t("auth.activation_description") }) : error ? /* @__PURE__ */ jsx216(Fragment36, { children: error }) : /* @__PURE__ */ jsx216(Fragment36, { children: t("auth.activation_wait") }) }) })
+    /* @__PURE__ */ jsx216(CardContent, { children: /* @__PURE__ */ jsx216(CardDescription, { className: "text-center text-xl", children: showConfirmation ? /* @__PURE__ */ jsx216(Fragment38, { children: t("auth.activation_description") }) : error ? /* @__PURE__ */ jsx216(Fragment38, { children: error }) : /* @__PURE__ */ jsx216(Fragment38, { children: t("auth.activation_wait") }) }) })
   ] });
 }
 __name(ActivateAccount, "ActivateAccount");
@@ -19728,7 +19926,7 @@ import Image12 from "next/image";
 import { useState as useState76 } from "react";
 import { useForm as useForm7 } from "react-hook-form";
 import { z as z7 } from "zod";
-import { Fragment as Fragment37, jsx as jsx217, jsxs as jsxs125 } from "react/jsx-runtime";
+import { Fragment as Fragment39, jsx as jsx217, jsxs as jsxs125 } from "react/jsx-runtime";
 function ForgotPassword() {
   const t = useTranslations76();
   const { setComponentType } = useAuthContext();
@@ -19755,13 +19953,13 @@ function ForgotPassword() {
       errorToast({ error: e });
     }
   }, "onSubmit");
-  return /* @__PURE__ */ jsxs125(Fragment37, { children: [
+  return /* @__PURE__ */ jsxs125(Fragment39, { children: [
     /* @__PURE__ */ jsxs125(CardHeader, { "data-testid": "page-forgot-password-container", children: [
       /* @__PURE__ */ jsxs125(CardTitle, { className: "text-primary flex flex-col items-center pb-10 text-4xl", children: [
         /* @__PURE__ */ jsx217(Image12, { src: "/logo.webp", alt: "Logo", width: 100, height: 100, priority: true }),
         t("auth.buttons.forgot_password")
       ] }),
-      /* @__PURE__ */ jsx217(CardDescription, { className: "text-sm", children: showConfirmation ? /* @__PURE__ */ jsx217(Fragment37, { children: " " }) : /* @__PURE__ */ jsx217(Fragment37, { children: t(`auth.add_email_to_reset`) }) })
+      /* @__PURE__ */ jsx217(CardDescription, { className: "text-sm", children: showConfirmation ? /* @__PURE__ */ jsx217(Fragment39, { children: " " }) : /* @__PURE__ */ jsx217(Fragment39, { children: t(`auth.add_email_to_reset`) }) })
     ] }),
     showConfirmation ? /* @__PURE__ */ jsx217(CardContent, { children: /* @__PURE__ */ jsx217(CardDescription, { className: "text-center text-xl", children: t(`auth.reset_confirmation`) }) }) : /* @__PURE__ */ jsx217(Form, { ...form, children: /* @__PURE__ */ jsxs125("form", { onSubmit: form.handleSubmit(onSubmit), children: [
       /* @__PURE__ */ jsxs125(CardContent, { children: [
@@ -19800,7 +19998,7 @@ import { useRouter, useSearchParams as useSearchParams3 } from "next/navigation"
 import { useEffect as useEffect59, useState as useState77 } from "react";
 import { useForm as useForm8 } from "react-hook-form";
 import { z as z8 } from "zod";
-import { Fragment as Fragment38, jsx as jsx218, jsxs as jsxs126 } from "react/jsx-runtime";
+import { Fragment as Fragment40, jsx as jsx218, jsxs as jsxs126 } from "react/jsx-runtime";
 function Login() {
   const t = useTranslations77();
   const { setUser } = useCurrentUserContext();
@@ -19866,7 +20064,7 @@ function Login() {
       });
     }
   }, "onSubmit");
-  return /* @__PURE__ */ jsxs126(Fragment38, { children: [
+  return /* @__PURE__ */ jsxs126(Fragment40, { children: [
     /* @__PURE__ */ jsxs126(CardHeader, { "data-testid": "page-login-container", children: [
       /* @__PURE__ */ jsxs126(CardTitle, { className: "text-primary flex flex-col items-center pb-10 text-4xl", children: [
         /* @__PURE__ */ jsx218(Image13, { src: "/logo.webp", alt: "Logo", width: 100, height: 100, priority: true }),
@@ -19875,7 +20073,7 @@ function Login() {
       /* @__PURE__ */ jsx218(CardDescription, { className: "text-sm", children: t(`auth.login_description`) })
     ] }),
     /* @__PURE__ */ jsx218(Form, { ...form, children: /* @__PURE__ */ jsxs126("form", { onSubmit: form.handleSubmit(onSubmit), children: [
-      /* @__PURE__ */ jsx218(CardContent, { children: isInternalAuthEnabled() && /* @__PURE__ */ jsxs126(Fragment38, { children: [
+      /* @__PURE__ */ jsx218(CardContent, { children: isInternalAuthEnabled() && /* @__PURE__ */ jsxs126(Fragment40, { children: [
         /* @__PURE__ */ jsx218(
           FormInput,
           {
@@ -19942,7 +20140,7 @@ function clearClientStorage(keys) {
 __name(clearClientStorage, "clearClientStorage");
 
 // src/features/auth/components/forms/Logout.tsx
-import { Fragment as Fragment39, jsx as jsx219 } from "react/jsx-runtime";
+import { Fragment as Fragment41, jsx as jsx219 } from "react/jsx-runtime";
 function Logout({ storageKeys }) {
   const generateUrl = usePageUrlGenerator();
   useEffect60(() => {
@@ -19953,7 +20151,7 @@ function Logout({ storageKeys }) {
     }, "logOut");
     logOut();
   }, []);
-  return /* @__PURE__ */ jsx219(Fragment39, {});
+  return /* @__PURE__ */ jsx219(Fragment41, {});
 }
 __name(Logout, "Logout");
 
@@ -19994,7 +20192,7 @@ import Image14 from "next/image";
 import { useEffect as useEffect62, useState as useState78 } from "react";
 import { useForm as useForm9 } from "react-hook-form";
 import { z as z9 } from "zod";
-import { Fragment as Fragment40, jsx as jsx220, jsxs as jsxs127 } from "react/jsx-runtime";
+import { Fragment as Fragment42, jsx as jsx220, jsxs as jsxs127 } from "react/jsx-runtime";
 function ResetPassword() {
   const { setComponentType, params, setParams } = useAuthContext();
   const [showConfirmation, setShowConfirmation] = useState78(false);
@@ -20057,13 +20255,13 @@ function ResetPassword() {
       errorToast({ title: t(`common.errors.error`), error });
     }
   }, "onSubmit");
-  return /* @__PURE__ */ jsxs127(Fragment40, { children: [
+  return /* @__PURE__ */ jsxs127(Fragment42, { children: [
     /* @__PURE__ */ jsxs127(CardHeader, { children: [
       /* @__PURE__ */ jsxs127(CardTitle, { className: "text-primary flex flex-col items-center pb-10 text-4xl", children: [
         /* @__PURE__ */ jsx220(Image14, { src: "/logo.webp", alt: "Logo", width: 100, height: 100, priority: true }),
         t(`auth.password_reset`)
       ] }),
-      /* @__PURE__ */ jsx220(CardDescription, { className: "text-center text-sm", children: error ? /* @__PURE__ */ jsx220(Fragment40, { children: t(`auth.errors.password_reset_error`) }) : /* @__PURE__ */ jsx220(Fragment40, { children: t(`auth.reset_password`) }) })
+      /* @__PURE__ */ jsx220(CardDescription, { className: "text-center text-sm", children: error ? /* @__PURE__ */ jsx220(Fragment42, { children: t(`auth.errors.password_reset_error`) }) : /* @__PURE__ */ jsx220(Fragment42, { children: t(`auth.reset_password`) }) })
     ] }),
     /* @__PURE__ */ jsx220(CardContent, { children: showConfirmation ? /* @__PURE__ */ jsx220(CardDescription, { className: "text-center text-xl", children: t(`auth.reset_success_description`) }) : error ? /* @__PURE__ */ jsx220(CardDescription, { className: "text-center text-xl", children: error }) : /* @__PURE__ */ jsx220(Form, { ...form, children: /* @__PURE__ */ jsxs127("form", { onSubmit: form.handleSubmit(onSubmit), children: [
       /* @__PURE__ */ jsx220(FormPassword, { form, id: "password", name: "Password" }),
@@ -20123,7 +20321,7 @@ function PasskeyButton({ pendingToken, onSuccess, onError, disabled = false }) {
 __name(PasskeyButton, "PasskeyButton");
 
 // src/features/auth/components/forms/TwoFactorChallenge.tsx
-import { Fragment as Fragment41, jsx as jsx222, jsxs as jsxs128 } from "react/jsx-runtime";
+import { Fragment as Fragment43, jsx as jsx222, jsxs as jsxs128 } from "react/jsx-runtime";
 function TwoFactorChallenge() {
   const t = useTranslations80();
   const { setUser } = useCurrentUserContext();
@@ -20203,7 +20401,7 @@ function TwoFactorChallenge() {
   const hasTotp = availableMethods.includes("totp");
   const hasPasskey = availableMethods.includes("passkey");
   const hasBackup = availableMethods.includes("backup");
-  return /* @__PURE__ */ jsxs128(Fragment41, { children: [
+  return /* @__PURE__ */ jsxs128(Fragment43, { children: [
     /* @__PURE__ */ jsxs128(CardHeader, { "data-testid": "page-2fa-challenge", children: [
       /* @__PURE__ */ jsx222(CardTitle, { className: "text-primary", children: t("auth.two_factor.verification_required") }),
       /* @__PURE__ */ jsx222(CardDescription, { children: t("auth.two_factor.enter_verification_code") })
@@ -20503,12 +20701,12 @@ import { useMemo as useMemo37 } from "react";
 import { TrashIcon } from "lucide-react";
 import { useTranslations as useTranslations83 } from "next-intl";
 import { useState as useState82 } from "react";
-import { Fragment as Fragment42, jsx as jsx225, jsxs as jsxs130 } from "react/jsx-runtime";
+import { Fragment as Fragment44, jsx as jsx225, jsxs as jsxs130 } from "react/jsx-runtime";
 function AiConnectionDeleter({ connection }) {
   const t = useTranslations83();
   const { refresh } = useAiConnections();
   const [open, setOpen] = useState82(false);
-  return /* @__PURE__ */ jsxs130(Fragment42, { children: [
+  return /* @__PURE__ */ jsxs130(Fragment44, { children: [
     /* @__PURE__ */ jsx225(
       Button,
       {
@@ -20788,7 +20986,7 @@ function AiConnectionEditor({
 __name(AiConnectionEditor, "AiConnectionEditor");
 
 // src/features/ai-connection/components/lists/AiConnectionTypeCard.tsx
-import { Fragment as Fragment43, jsx as jsx227, jsxs as jsxs132 } from "react/jsx-runtime";
+import { Fragment as Fragment45, jsx as jsx227, jsxs as jsxs132 } from "react/jsx-runtime";
 function toInput(connection, overrides) {
   return {
     id: connection.id,
@@ -20911,7 +21109,7 @@ function AiConnectionTypeCard({ connectionType }) {
             children: /* @__PURE__ */ jsx227(ChevronDownIcon10, {})
           }
         ),
-        !readOnly && /* @__PURE__ */ jsxs132(Fragment43, { children: [
+        !readOnly && /* @__PURE__ */ jsxs132(Fragment45, { children: [
           /* @__PURE__ */ jsx227(
             AiConnectionEditor,
             {
@@ -21217,7 +21415,7 @@ function HowToCommandViewer({ howTo, onBack, onStartChat }) {
 __name(HowToCommandViewer, "HowToCommandViewer");
 
 // src/features/how-to/components/containers/HowToCommand.tsx
-import { Fragment as Fragment44, jsx as jsx233, jsxs as jsxs136 } from "react/jsx-runtime";
+import { Fragment as Fragment46, jsx as jsx233, jsxs as jsxs136 } from "react/jsx-runtime";
 function matchPage(pathname, pattern) {
   if (pattern.includes(":")) {
     const pathSegments = pathname.split("/").filter(Boolean);
@@ -21288,7 +21486,7 @@ function HowToCommand({ pathname, contextKeys, extraGroups, onStartChat }) {
     setSelectedHowTo(null);
     if (onStartChat) onStartChat();
   }, "handleStartChat");
-  return /* @__PURE__ */ jsxs136(Fragment44, { children: [
+  return /* @__PURE__ */ jsxs136(Fragment46, { children: [
     /* @__PURE__ */ jsxs136(
       SidebarMenuButton,
       {
@@ -21438,7 +21636,7 @@ import { useTranslations as useTranslations95 } from "next-intl";
 // src/features/how-to/hooks/useHowToTableStructure.tsx
 import { useTranslations as useTranslations93 } from "next-intl";
 import { useMemo as useMemo41 } from "react";
-import { Fragment as Fragment45, jsx as jsx237 } from "react/jsx-runtime";
+import { Fragment as Fragment47, jsx as jsx237 } from "react/jsx-runtime";
 var useHowToTableStructure = /* @__PURE__ */ __name((params) => {
   const t = useTranslations93();
   const generateUrl = usePageUrlGenerator();
@@ -21475,7 +21673,7 @@ var useHowToTableStructure = /* @__PURE__ */ __name((params) => {
       id: "description",
       accessorKey: "description",
       header: t(`howto.fields.description.label`),
-      cell: /* @__PURE__ */ __name(({ row }) => /* @__PURE__ */ jsx237(Fragment45, { children: row.getValue("description") }), "cell"),
+      cell: /* @__PURE__ */ __name(({ row }) => /* @__PURE__ */ jsx237(Fragment47, { children: row.getValue("description") }), "cell"),
       enableSorting: false,
       enableHiding: false
     }),
@@ -21483,7 +21681,7 @@ var useHowToTableStructure = /* @__PURE__ */ __name((params) => {
       id: "pages",
       accessorKey: "pages",
       header: t(`howto.fields.pages.label`),
-      cell: /* @__PURE__ */ __name(({ row }) => /* @__PURE__ */ jsx237(Fragment45, { children: row.getValue("pages") }), "cell"),
+      cell: /* @__PURE__ */ __name(({ row }) => /* @__PURE__ */ jsx237(Fragment47, { children: row.getValue("pages") }), "cell"),
       enableSorting: false,
       enableHiding: false
     }),
@@ -21569,7 +21767,7 @@ __name(HowToListContainer, "HowToListContainer");
 import { CircleX as CircleX3, RefreshCwIcon as RefreshCwIcon4, SearchIcon as SearchIcon7, XIcon as XIcon11 } from "lucide-react";
 import { useTranslations as useTranslations96 } from "next-intl";
 import { useCallback as useCallback41, useEffect as useEffect67, useRef as useRef36, useState as useState86 } from "react";
-import { Fragment as Fragment46, jsx as jsx241, jsxs as jsxs138 } from "react/jsx-runtime";
+import { Fragment as Fragment48, jsx as jsx241, jsxs as jsxs138 } from "react/jsx-runtime";
 function HowToSelector({
   id,
   form,
@@ -21654,7 +21852,7 @@ function HowToSelector({
               search("");
             }
           }
-        ) : /* @__PURE__ */ jsx241(Fragment46, {})
+        ) : /* @__PURE__ */ jsx241(Fragment48, {})
       ] }),
       /* @__PURE__ */ jsx241(CommandList, { children: data.data && data.data.length > 0 && data.data.map((howTo) => /* @__PURE__ */ jsx241(
         CommandItem,
@@ -21788,7 +21986,7 @@ function AssistantComposer({
       textarea,
       sendButton
     ] }),
-    /* @__PURE__ */ jsx243("div", { className: "text-muted-foreground text-end text-xs", children: t("features.assistant.keyboard_hint") })
+    /* @__PURE__ */ jsx243("div", { className: "text-muted-foreground text-end text-xs max-md:hidden", children: t("features.assistant.keyboard_hint") })
   ] });
 }
 __name(AssistantComposer, "AssistantComposer");
@@ -21866,7 +22064,7 @@ function ReferencesTab({ references }) {
 __name(ReferencesTab, "ReferencesTab");
 
 // src/features/assistant-message/components/parts/tabs/CitationsTab.tsx
-import { Fragment as Fragment47, useState as useState88 } from "react";
+import { Fragment as Fragment49, useState as useState88 } from "react";
 import { useTranslations as useTranslations101 } from "next-intl";
 import { ChevronDown as ChevronDown3, HelpCircle } from "lucide-react";
 import ReactMarkdown2 from "react-markdown";
@@ -21906,6 +22104,7 @@ import { jsx as jsx246, jsxs as jsxs142 } from "react/jsx-runtime";
 function CitationsTab({ citations, sources }) {
   const t = useTranslations101();
   const entityLabel = useEntityLabel();
+  const isMobile = useIsMobile();
   const [expanded, setExpanded] = useState88(/* @__PURE__ */ new Set());
   if (citations.length === 0) return null;
   const sorted = [...citations].sort((a, b) => (b.relevance ?? 0) - (a.relevance ?? 0));
@@ -21920,7 +22119,7 @@ function CitationsTab({ citations, sources }) {
   return /* @__PURE__ */ jsxs142(Table, { className: "table-fixed", children: [
     /* @__PURE__ */ jsx246(TableHeader, { children: /* @__PURE__ */ jsxs142(TableRow, { children: [
       /* @__PURE__ */ jsx246(TableHead, { children: t("features.assistant.message.sources.source") }),
-      /* @__PURE__ */ jsx246(TableHead, { className: "w-28 text-center", children: t("features.assistant.message.sources.relevance") })
+      /* @__PURE__ */ jsx246(TableHead, { className: "w-28 text-center max-md:w-20", children: t("features.assistant.message.sources.relevance") })
     ] }) }),
     /* @__PURE__ */ jsx246(TableBody, { children: sorted.map((chunk) => {
       const isOpen = expanded.has(chunk.id);
@@ -21928,7 +22127,7 @@ function CitationsTab({ citations, sources }) {
       const typeLabel = chunk.nodeType ? entityLabel(chunk.nodeType) : t("features.assistant.message.sources.source");
       const fallbackName = chunk.nodeId ? `${typeLabel} ${chunk.nodeId.slice(0, 8)}` : typeLabel;
       const sourceName = resolved?.name ?? fallbackName;
-      return /* @__PURE__ */ jsxs142(Fragment47, { children: [
+      return /* @__PURE__ */ jsxs142(Fragment49, { children: [
         /* @__PURE__ */ jsxs142(TableRow, { children: [
           /* @__PURE__ */ jsx246(TableCell, { children: /* @__PURE__ */ jsxs142(
             "div",
@@ -21945,16 +22144,33 @@ function CitationsTab({ citations, sources }) {
               "aria-expanded": isOpen,
               className: "flex w-full cursor-pointer items-center justify-start gap-x-2",
               children: [
-                /* @__PURE__ */ jsx246(ChevronDown3, { className: cn("h-4 w-4 transition-transform", !isOpen && "-rotate-90") }),
-                /* @__PURE__ */ jsx246("span", { className: "font-semibold", children: sourceName }),
-                chunk.reason && /* @__PURE__ */ jsxs142(Tooltip2, { children: [
+                /* @__PURE__ */ jsx246(
+                  ChevronDown3,
+                  {
+                    className: cn("h-4 w-4 transition-transform max-md:shrink-0", !isOpen && "-rotate-90")
+                  }
+                ),
+                /* @__PURE__ */ jsx246("span", { className: "font-semibold max-md:min-w-0 max-md:truncate", children: sourceName }),
+                chunk.reason && isMobile && /* @__PURE__ */ jsxs142(Popover, { children: [
+                  /* @__PURE__ */ jsx246(
+                    PopoverTrigger,
+                    {
+                      "aria-label": chunk.reason,
+                      onClick: (e) => e.stopPropagation(),
+                      className: "text-muted-foreground -m-2 inline-flex shrink-0 p-2",
+                      children: /* @__PURE__ */ jsx246(HelpCircle, { className: "h-3.5 w-3.5" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx246(PopoverContent, { className: "max-w-64 text-xs", children: chunk.reason })
+                ] }),
+                chunk.reason && !isMobile && /* @__PURE__ */ jsxs142(Tooltip2, { children: [
                   /* @__PURE__ */ jsx246(TooltipTrigger, { className: "text-muted-foreground inline-flex", children: /* @__PURE__ */ jsx246(HelpCircle, { className: "h-3.5 w-3.5" }) }),
                   /* @__PURE__ */ jsx246(TooltipContent, { className: "max-w-64 text-xs", children: chunk.reason })
                 ] })
               ]
             }
           ) }),
-          /* @__PURE__ */ jsx246(TableCell, { className: "text-center", children: /* @__PURE__ */ jsx246(RelevanceMeter, { value: chunk.relevance ?? 0 }) })
+          /* @__PURE__ */ jsx246(TableCell, { className: "text-center", children: /* @__PURE__ */ jsx246(RelevanceMeter, { value: chunk.relevance ?? 0, className: "max-md:w-16" }) })
         ] }),
         isOpen && /* @__PURE__ */ jsx246(TableRow, { children: /* @__PURE__ */ jsx246(TableCell, { colSpan: 2, className: "w-full max-w-0 border-t-0 p-4", children: /* @__PURE__ */ jsx246("div", { className: "bg-card w-full min-w-0 rounded border p-4 text-sm break-words whitespace-pre-wrap [overflow-wrap:anywhere] [&_pre]:overflow-x-auto [&_table]:block [&_table]:overflow-x-auto", children: /* @__PURE__ */ jsx246(ReactMarkdown2, { remarkPlugins: [remarkGfm2], children: chunk.content }) }) }) })
       ] }, chunk.id);
@@ -22307,7 +22523,7 @@ function MessageSourcesContainer({ message, isLatestAssistant, onSelectFollowUp
 __name(MessageSourcesContainer, "MessageSourcesContainer");
 
 // src/features/assistant-message/components/MessageItem.tsx
-import { Fragment as Fragment48, jsx as jsx252, jsxs as jsxs146 } from "react/jsx-runtime";
+import { Fragment as Fragment50, jsx as jsx252, jsxs as jsxs146 } from "react/jsx-runtime";
 var MENTION_HREF = /^mention:\/\/([^/]+)\/(.+)$/;
 function mentionUrlTransform(url) {
   return MENTION_HREF.test(url) ? url : defaultUrlTransform(url);
@@ -22330,14 +22546,14 @@ function MessageItem({
       a: /* @__PURE__ */ __name(({ href, children }) => {
         const match = href ? MENTION_HREF.exec(href) : null;
         if (!match || !renderMention) return /* @__PURE__ */ jsx252("a", { href, children });
-        return /* @__PURE__ */ jsx252(Fragment48, { children: renderMention({ type: match[1], id: match[2], alias: String(children ?? "") }) });
+        return /* @__PURE__ */ jsx252(Fragment50, { children: renderMention({ type: match[1], id: match[2], alias: String(children ?? "") }) });
       }, "a")
     }),
     [renderMention]
   );
   if (isUser) {
     return /* @__PURE__ */ jsxs146("div", { className: "flex flex-col items-end gap-1", children: [
-      /* @__PURE__ */ jsx252("div", { className: "bg-primary text-primary-foreground max-w-[72%] rounded-2xl rounded-ee-sm px-3.5 py-2 text-sm [&_a]:text-primary-foreground [&_a]:font-semibold [&_p]:m-0", children: /* @__PURE__ */ jsx252(ReactMarkdown3, { remarkPlugins: [remarkGfm3], urlTransform: mentionUrlTransform, components: markdownComponents, children: message.content }) }),
+      /* @__PURE__ */ jsx252("div", { className: "bg-primary text-primary-foreground max-w-[72%] max-md:max-w-[92%] rounded-2xl rounded-ee-sm px-3.5 py-2 text-sm [&_a]:text-primary-foreground [&_a]:font-semibold [&_p]:m-0", children: /* @__PURE__ */ jsx252(ReactMarkdown3, { remarkPlugins: [remarkGfm3], urlTransform: mentionUrlTransform, components: markdownComponents, children: message.content }) }),
       isFailed && /* @__PURE__ */ jsxs146("div", { className: "text-destructive flex items-center gap-2 text-xs", children: [
         /* @__PURE__ */ jsx252(AlertCircle, { className: "h-3.5 w-3.5" }),
         /* @__PURE__ */ jsx252("span", { children: t("features.assistant.send_failed") }),
@@ -22346,7 +22562,7 @@ function MessageItem({
     ] });
   }
   const isApprovalRequest = message.messageType === "approval-request" && !!renderApprovalAction;
-  return /* @__PURE__ */ jsxs146("div", { className: "flex min-w-0 max-w-[78%] flex-col gap-1.5", children: [
+  return /* @__PURE__ */ jsxs146("div", { className: "flex min-w-0 max-w-[78%] max-md:max-w-[92%] flex-col gap-1.5", children: [
     /* @__PURE__ */ jsxs146("div", { className: "text-muted-foreground flex items-center gap-2 ps-1 text-xs", children: [
       /* @__PURE__ */ jsx252("span", { className: "flex h-4 w-4 items-center justify-center rounded-full bg-gradient-to-br from-blue-400 to-violet-500 text-white", children: /* @__PURE__ */ jsx252(Sparkles, { className: "h-2.5 w-2.5" }) }),
       /* @__PURE__ */ jsx252("span", { children: t("features.assistant.agent_name") })
@@ -22769,7 +22985,7 @@ function splitByNesting(pages) {
 __name(splitByNesting, "splitByNesting");
 
 // src/features/handbook/components/lists/HandbookContents.tsx
-import { Fragment as Fragment49, jsx as jsx260, jsxs as jsxs152 } from "react/jsx-runtime";
+import { Fragment as Fragment51, jsx as jsx260, jsxs as jsxs152 } from "react/jsx-runtime";
 function HandbookContents() {
   const t = useTranslations111();
   const [pages, setPages] = useState94([]);
@@ -22808,7 +23024,7 @@ function HandbookContents() {
   return /* @__PURE__ */ jsx260(
     HandbookProvider,
     {
-      functions: /* @__PURE__ */ jsxs152(Fragment49, { children: [
+      functions: /* @__PURE__ */ jsxs152(Fragment51, { children: [
         /* @__PURE__ */ jsx260(HandbookAskSheet, {}),
         /* @__PURE__ */ jsx260(HandbookSyncButton, { refresh }),
         /* @__PURE__ */ jsx260(HandbookIndexStatus, { pages })
@@ -23199,7 +23415,7 @@ function groupThreadsByBucket(threads) {
 __name(groupThreadsByBucket, "groupThreadsByBucket");
 
 // src/features/assistant/components/parts/AssistantSidebar.tsx
-import { Fragment as Fragment50, jsx as jsx267, jsxs as jsxs157 } from "react/jsx-runtime";
+import { Fragment as Fragment52, jsx as jsx267, jsxs as jsxs157 } from "react/jsx-runtime";
 function AssistantSidebar({
   threads,
   activeId,
@@ -23236,7 +23452,7 @@ function AssistantSidebar({
       " ",
       newLabel ?? t("features.assistant.new")
     ] }) }),
-    /* @__PURE__ */ jsx267("div", { className: "flex-1 overflow-y-auto p-2", children: threads.length === 0 ? /* @__PURE__ */ jsx267("div", { className: "text-muted-foreground mt-6 text-center text-xs", children: emptyLabel ?? t("features.assistant.empty_sidebar") }) : /* @__PURE__ */ jsxs157(Fragment50, { children: [
+    /* @__PURE__ */ jsx267("div", { className: "flex-1 overflow-y-auto p-2", children: threads.length === 0 ? /* @__PURE__ */ jsx267("div", { className: "text-muted-foreground mt-6 text-center text-xs", children: emptyLabel ?? t("features.assistant.empty_sidebar") }) : /* @__PURE__ */ jsxs157(Fragment52, { children: [
       renderSection(t("features.assistant.bucket_today"), groups.today),
       renderSection(t("features.assistant.bucket_week"), groups.thisWeek),
       renderSection(t("features.assistant.bucket_earlier"), groups.earlier)
@@ -23246,7 +23462,7 @@ function AssistantSidebar({
 __name(AssistantSidebar, "AssistantSidebar");
 
 // src/features/handbook/components/containers/HandbookAskContainer.tsx
-import { Fragment as Fragment51, jsx as jsx268, jsxs as jsxs158 } from "react/jsx-runtime";
+import { Fragment as Fragment53, jsx as jsx268, jsxs as jsxs158 } from "react/jsx-runtime";
 function HandbookAskContainer({ handbookThreadId } = {}) {
   const t = useTranslations117();
   const { threads, thread, messages, sending, ask, selectThread, startNew } = useHandbookAsk({ handbookThreadId });
@@ -23287,7 +23503,7 @@ function HandbookAskContainer({ handbookThreadId } = {}) {
         detailsIcon: /* @__PURE__ */ jsx268(MessagesSquareIcon2, {}),
         details,
         children: /* @__PURE__ */ jsxs158("div", { className: "flex h-full min-h-0 w-full flex-col overflow-hidden", children: [
-          showThread ? /* @__PURE__ */ jsx268(Fragment51, { children: /* @__PURE__ */ jsx268(
+          showThread ? /* @__PURE__ */ jsx268(Fragment53, { children: /* @__PURE__ */ jsx268(
             AssistantThread,
             {
               messages,
@@ -23322,16 +23538,16 @@ import { useTranslations as useTranslations120 } from "next-intl";
 import { useMemo as useMemo52 } from "react";
 
 // src/features/assistant-message/components/EntityMentionLink.tsx
-import { Fragment as Fragment52, jsx as jsx269 } from "react/jsx-runtime";
+import { Fragment as Fragment54, jsx as jsx269 } from "react/jsx-runtime";
 function EntityMentionLinkView({ type, id, alias }) {
   const generate = usePageUrlGenerator();
   let module;
   try {
     module = ModuleRegistry.findByName(type);
   } catch {
-    return /* @__PURE__ */ jsx269(Fragment52, { children: alias });
+    return /* @__PURE__ */ jsx269(Fragment54, { children: alias });
   }
-  if (!module?.pageUrl) return /* @__PURE__ */ jsx269(Fragment52, { children: alias });
+  if (!module?.pageUrl) return /* @__PURE__ */ jsx269(Fragment54, { children: alias });
   return /* @__PURE__ */ jsx269(Link, { href: generate({ page: module, id }), children: alias });
 }
 __name(EntityMentionLinkView, "EntityMentionLinkView");
@@ -23443,7 +23659,7 @@ function AssistantThreadHeader({ assistant, onRename, onDelete, renamePlaceholde
 __name(AssistantThreadHeader, "AssistantThreadHeader");
 
 // src/features/assistant/components/containers/AssistantContainer.tsx
-import { Fragment as Fragment53, jsx as jsx272, jsxs as jsxs161 } from "react/jsx-runtime";
+import { Fragment as Fragment55, jsx as jsx272, jsxs as jsxs161 } from "react/jsx-runtime";
 function AssistantContainer({
   renderApprovalAction,
   renderMention,
@@ -23471,7 +23687,7 @@ function AssistantContainer({
     ),
     [ctx.threads, ctx.assistant?.id, ctx.selectThread, renderThreadBadge]
   );
-  const thread = /* @__PURE__ */ jsx272(Fragment53, { children: !showThread ? /* @__PURE__ */ jsx272(
+  const thread = /* @__PURE__ */ jsx272(Fragment55, { children: !showThread ? /* @__PURE__ */ jsx272(
     AssistantEmptyState,
     {
       onSend: ctx.sendMessage,
@@ -23479,7 +23695,7 @@ function AssistantContainer({
       onOperatorModeChange: showOperatorToggle ? ctx.setOperatorMode : void 0,
       composerLeading: renderScopePicker?.()
     }
-  ) : /* @__PURE__ */ jsxs161(Fragment53, { children: [
+  ) : /* @__PURE__ */ jsxs161(Fragment55, { children: [
     ctx.assistant ? /* @__PURE__ */ jsx272(
       AssistantThreadHeader,
       {
@@ -23629,13 +23845,13 @@ function AssistantBlockNoteComposer({
         t("features.assistant.send")
       ] })
     ] }),
-    /* @__PURE__ */ jsx273("div", { className: "text-muted-foreground text-end text-xs", children: t("features.assistant.keyboard_hint") })
+    /* @__PURE__ */ jsx273("div", { className: "text-muted-foreground text-end text-xs max-md:hidden", children: t("features.assistant.keyboard_hint") })
   ] });
 }
 __name(AssistantBlockNoteComposer, "AssistantBlockNoteComposer");
 
 // src/features/assistant/components/containers/AssistantPageContainer.tsx
-import { Fragment as Fragment54, jsx as jsx274, jsxs as jsxs163 } from "react/jsx-runtime";
+import { Fragment as Fragment56, jsx as jsx274, jsxs as jsxs163 } from "react/jsx-runtime";
 function AssistantPageContainer({
   renderApprovalAction,
   renderMention,
@@ -23673,7 +23889,7 @@ function AssistantPageContainer({
         ) })
       ),
       children: /* @__PURE__ */ jsxs163("div", { className: "bg-background flex h-full w-full flex-col overflow-hidden rounded-lg border", children: [
-        showThread ? /* @__PURE__ */ jsxs163(Fragment54, { children: [
+        showThread ? /* @__PURE__ */ jsxs163(Fragment56, { children: [
           ctx.assistant ? /* @__PURE__ */ jsx274(
             AssistantThreadHeader,
             {
@@ -23720,7 +23936,7 @@ __name(AssistantPageContainer, "AssistantPageContainer");
 // src/features/assistant-action/components/ApprovalActionCard.tsx
 import { ShieldAlert as ShieldAlert2 } from "lucide-react";
 import { useTranslations as useTranslations123 } from "next-intl";
-import { Fragment as Fragment55, useEffect as useEffect75, useMemo as useMemo53, useState as useState100 } from "react";
+import { Fragment as Fragment57, useEffect as useEffect75, useMemo as useMemo53, useState as useState100 } from "react";
 import { jsx as jsx275, jsxs as jsxs164 } from "react/jsx-runtime";
 var STATUS_VARIANT = {
   pending: "softBlue",
@@ -23968,7 +24184,7 @@ function ApprovalActionCard({ actionId, summary, onResolved, hiddenRelationshipK
         /* @__PURE__ */ jsx275("span", { children: isUpdate ? t("features.assistant.approval.proposal.updateHeading", { entity: entityLabel }) : t("features.assistant.approval.proposal.heading", { entity: entityLabel }) }),
         targetLabel !== "" && /* @__PURE__ */ jsx275("span", { className: "text-foreground tracking-normal normal-case", children: targetLabel })
       ] }),
-      /* @__PURE__ */ jsx275("dl", { className: "grid grid-cols-1 gap-x-4 gap-y-1.5 sm:grid-cols-[minmax(0,10rem)_minmax(0,1fr)]", children: rows.map((row) => /* @__PURE__ */ jsxs164(Fragment55, { children: [
+      /* @__PURE__ */ jsx275("dl", { className: "grid grid-cols-1 gap-x-4 gap-y-1.5 sm:grid-cols-[minmax(0,10rem)_minmax(0,1fr)]", children: rows.map((row) => /* @__PURE__ */ jsxs164(Fragment57, { children: [
         /* @__PURE__ */ jsx275("dt", { className: "text-muted-foreground text-xs leading-relaxed break-words sm:text-sm", children: row.label }),
         /* @__PURE__ */ jsx275("dd", { className: "text-foreground text-sm leading-relaxed break-words whitespace-pre-wrap", children: row.value })
       ] }, row.key)) })
@@ -24281,7 +24497,7 @@ __name(NotificationsListContainer, "NotificationsListContainer");
 // src/features/notification/components/modals/NotificationModal.tsx
 import { BellIcon as BellIcon2, ExternalLinkIcon } from "lucide-react";
 import { useTranslations as useTranslations127 } from "next-intl";
-import { Fragment as Fragment56, useCallback as useCallback48, useEffect as useEffect77, useMemo as useMemo55, useRef as useRef40, useState as useState102 } from "react";
+import { Fragment as Fragment58, useCallback as useCallback48, useEffect as useEffect77, useMemo as useMemo55, useRef as useRef40, useState as useState102 } from "react";
 import { jsx as jsx282, jsxs as jsxs168 } from "react/jsx-runtime";
 function NotificationModalContent({ isOpen, setIsOpen }) {
   const _instanceId = useRef40(Math.random().toString(36).substr(2, 9));
@@ -24470,7 +24686,7 @@ function NotificationModalContent({ isOpen, setIsOpen }) {
       ] }),
       isLoading && /* @__PURE__ */ jsx282("div", { className: "text-muted-foreground px-3 py-2 text-xs", children: t(`common.loading`) }),
       error && /* @__PURE__ */ jsx282("div", { className: "text-destructive px-3 py-2 text-xs", children: error }),
-      /* @__PURE__ */ jsx282(ScrollArea, { className: "[&_[data-slot=scroll-area-scrollbar]]:w-2.5 [&_[data-slot=scroll-area-thumb]]:bg-muted-foreground/40 [&>[data-slot=scroll-area-viewport]]:max-h-[min(32rem,calc(var(--available-height,32rem)-3.5rem))]", children: notifications.length > 0 ? /* @__PURE__ */ jsx282("div", { className: "divide-border divide-y", children: notifications.map((notification) => /* @__PURE__ */ jsx282(Fragment56, { children: generateNotification(notification, () => setIsOpen(false)) }, notification.id)) }) : /* @__PURE__ */ jsx282("div", { className: "text-muted-foreground p-6 text-center text-sm", children: t(`notification.empty`) }) })
+      /* @__PURE__ */ jsx282(ScrollArea, { className: "[&_[data-slot=scroll-area-scrollbar]]:w-2.5 [&_[data-slot=scroll-area-thumb]]:bg-muted-foreground/40 [&>[data-slot=scroll-area-viewport]]:max-h-[min(32rem,calc(var(--available-height,32rem)-3.5rem))]", children: notifications.length > 0 ? /* @__PURE__ */ jsx282("div", { className: "divide-border divide-y", children: notifications.map((notification) => /* @__PURE__ */ jsx282(Fragment58, { children: generateNotification(notification, () => setIsOpen(false)) }, notification.id)) }) : /* @__PURE__ */ jsx282("div", { className: "text-muted-foreground p-6 text-center text-sm", children: t(`notification.empty`) }) })
     ] })
   ] });
 }
@@ -24481,10 +24697,10 @@ function NotificationModal(props) {
 __name(NotificationModal, "NotificationModal");
 
 // src/features/notification/components/notifications/PushNotificationProvider.tsx
-import { Fragment as Fragment57, jsx as jsx283 } from "react/jsx-runtime";
+import { Fragment as Fragment59, jsx as jsx283 } from "react/jsx-runtime";
 function PushNotificationProvider({ children }) {
   usePushNotifications();
-  return /* @__PURE__ */ jsx283(Fragment57, { children });
+  return /* @__PURE__ */ jsx283(Fragment59, { children });
 }
 __name(PushNotificationProvider, "PushNotificationProvider");
 
@@ -24804,11 +25020,11 @@ function RoleDetails() {
 __name(RoleDetails, "RoleDetails");
 
 // src/features/role/components/containers/RoleContainer.tsx
-import { Fragment as Fragment58, jsx as jsx287, jsxs as jsxs171 } from "react/jsx-runtime";
+import { Fragment as Fragment60, jsx as jsx287, jsxs as jsxs171 } from "react/jsx-runtime";
 function RoleContainer() {
   const { role } = useRoleContext();
   if (!role) return null;
-  return /* @__PURE__ */ jsxs171(Fragment58, { children: [
+  return /* @__PURE__ */ jsxs171(Fragment60, { children: [
     /* @__PURE__ */ jsx287(RoleDetails, {}),
     /* @__PURE__ */ jsx287(RoleUsersList, { role })
   ] });
@@ -24853,7 +25069,7 @@ __name(FormRoles, "FormRoles");
 // src/features/role/components/forms/RemoveUserFromRole.tsx
 import { useTranslations as useTranslations130 } from "next-intl";
 import { useEffect as useEffect80, useState as useState106 } from "react";
-import { Fragment as Fragment59, jsx as jsx289, jsxs as jsxs173 } from "react/jsx-runtime";
+import { Fragment as Fragment61, jsx as jsx289, jsxs as jsxs173 } from "react/jsx-runtime";
 function RemoveUserFromRole({ role, user, refresh }) {
   const [open, setOpen] = useState106(false);
   const [canRemove, setCanRemove] = useState106(false);
@@ -24902,7 +25118,7 @@ function RemoveUserFromRole({ role, user, refresh }) {
         /* @__PURE__ */ jsx289(DialogTitle, { children: t(`role.remove_user.title`) }),
         /* @__PURE__ */ jsx289(DialogDescription, { children: canRemove ? t(`role.remove_user.subtitle_allowed`) : t(`role.remove_user.subtitle_not_allowed`) })
       ] }),
-      canRemove ? /* @__PURE__ */ jsxs173(Fragment59, { children: [
+      canRemove ? /* @__PURE__ */ jsxs173(Fragment61, { children: [
         t(`role.remove_user.description_allowed`, { role: roleName, user: user.name }),
         /* @__PURE__ */ jsxs173("div", { className: "flex justify-end", children: [
           /* @__PURE__ */ jsx289(Button, { className: "me-2", variant: "outline", type: `button`, onClick: () => setOpen(false), children: t(`ui.buttons.cancel`) }),
@@ -24919,7 +25135,7 @@ function RemoveUserFromRole({ role, user, refresh }) {
             }
           )
         ] })
-      ] }) : /* @__PURE__ */ jsx289(Fragment59, { children: t(`role.remove_user.description_not_allowed`, { role: roleName, user: user.name }) })
+      ] }) : /* @__PURE__ */ jsx289(Fragment61, { children: t(`role.remove_user.description_not_allowed`, { role: roleName, user: user.name }) })
     ] })
   ] });
 }
@@ -24929,7 +25145,7 @@ __name(RemoveUserFromRole, "RemoveUserFromRole");
 import { PlusCircle as PlusCircle2 } from "lucide-react";
 import { useTranslations as useTranslations131 } from "next-intl";
 import { useCallback as useCallback50, useEffect as useEffect81, useRef as useRef42, useState as useState107 } from "react";
-import { Fragment as Fragment60, jsx as jsx290, jsxs as jsxs174 } from "react/jsx-runtime";
+import { Fragment as Fragment62, jsx as jsx290, jsxs as jsxs174 } from "react/jsx-runtime";
 function UserRoleAdd({ user, refresh }) {
   const [open, setOpen] = useState107(false);
   const inputRef = useRef42(null);
@@ -24976,7 +25192,7 @@ function UserRoleAdd({ user, refresh }) {
   useEffect81(() => {
     if (open) searchRoles("");
   }, [open]);
-  return /* @__PURE__ */ jsxs174(Fragment60, { children: [
+  return /* @__PURE__ */ jsxs174(Fragment62, { children: [
     /* @__PURE__ */ jsxs174(Button, { size: "sm", onClick: () => setOpen(true), children: [
       /* @__PURE__ */ jsx290(PlusCircle2, { className: "me-3 h-3.5 w-3.5" }),
       t(`common.association.label`, {
@@ -25582,7 +25798,7 @@ __name(OAuthClientForm, "OAuthClientForm");
 import { useState as useState110, useCallback as useCallback55 } 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 Fragment61, jsx as jsx299, jsxs as jsxs181 } from "react/jsx-runtime";
+import { Fragment as Fragment63, jsx as jsx299, jsxs as jsxs181 } from "react/jsx-runtime";
 function OAuthClientDetail({
   client,
   isLoading = false,
@@ -25625,7 +25841,7 @@ function OAuthClientDetail({
     }
   }, [onRegenerateSecret]);
   const createdDate = client.createdAt ? format2(new Date(client.createdAt), "MMMM d, yyyy") : "Unknown";
-  return /* @__PURE__ */ jsxs181(Fragment61, { children: [
+  return /* @__PURE__ */ jsxs181(Fragment63, { children: [
     /* @__PURE__ */ jsxs181(Card, { children: [
       /* @__PURE__ */ jsx299(CardHeader, { children: /* @__PURE__ */ jsxs181("div", { className: "flex items-start justify-between", children: [
         /* @__PURE__ */ jsxs181("div", { children: [
@@ -25840,7 +26056,7 @@ function OAuthCompanySelector({ companies, value, onChange }) {
 __name(OAuthCompanySelector, "OAuthCompanySelector");
 
 // src/features/oauth/components/consent/OAuthConsentScreen.tsx
-import { Fragment as Fragment62, jsx as jsx304, jsxs as jsxs186 } from "react/jsx-runtime";
+import { Fragment as Fragment64, jsx as jsx304, jsxs as jsxs186 } from "react/jsx-runtime";
 function OAuthConsentScreen({
   params,
   logoUrl,
@@ -25874,7 +26090,7 @@ function OAuthConsentScreen({
       /* @__PURE__ */ jsx304(Separator, {}),
       /* @__PURE__ */ jsx304(OAuthScopeList, { scopes }),
       /* @__PURE__ */ jsx304(Separator, {}),
-      companies.length > 1 && /* @__PURE__ */ jsxs186(Fragment62, { children: [
+      companies.length > 1 && /* @__PURE__ */ jsxs186(Fragment64, { children: [
         /* @__PURE__ */ jsx304(OAuthCompanySelector, { companies, value: companyId, onChange: setCompanyId }),
         /* @__PURE__ */ jsx304(Separator, {})
       ] }),
@@ -26003,7 +26219,7 @@ function WaitlistQuestionnaireRenderer({
 __name(WaitlistQuestionnaireRenderer, "WaitlistQuestionnaireRenderer");
 
 // src/features/waitlist/components/forms/WaitlistForm.tsx
-import { Fragment as Fragment63, jsx as jsx306, jsxs as jsxs188 } from "react/jsx-runtime";
+import { Fragment as Fragment65, jsx as jsx306, jsxs as jsxs188 } from "react/jsx-runtime";
 function WaitlistForm({ onSuccess }) {
   const t = useTranslations139();
   const [isSubmitting, setIsSubmitting] = useState111(false);
@@ -26122,7 +26338,7 @@ function WaitlistForm({ onSuccess }) {
         {
           form,
           id: "gdprConsent",
-          label: /* @__PURE__ */ jsxs188(Fragment63, { children: [
+          label: /* @__PURE__ */ jsxs188(Fragment65, { children: [
             t("auth.gdpr.terms_prefix"),
             /* @__PURE__ */ jsx306(Link, { href: "/terms", target: "_blank", rel: "noopener", children: t("auth.gdpr.terms_of_service") }),
             t("auth.gdpr.and"),
@@ -26386,7 +26602,7 @@ import { Popover as PopoverPrimitive2 } from "@base-ui/react/popover";
 import { CheckIcon as CheckIcon10, MinusIcon as MinusIcon3, XIcon as XIcon13 } from "lucide-react";
 import { useTranslations as useTranslations143 } from "next-intl";
 import { useCallback as useCallback56, useEffect as useEffect83, useState as useState114 } from "react";
-import { Fragment as Fragment64, jsx as jsx312, jsxs as jsxs194 } from "react/jsx-runtime";
+import { Fragment as Fragment66, jsx as jsx312, jsxs as jsxs194 } from "react/jsx-runtime";
 function RbacPermissionPicker({
   open,
   anchor,
@@ -26472,7 +26688,7 @@ function RbacPermissionPicker({
                 )
               ] })
             ] }),
-            isRoleColumn && onClear && /* @__PURE__ */ jsxs194(Fragment64, { children: [
+            isRoleColumn && onClear && /* @__PURE__ */ jsxs194(Fragment66, { children: [
               /* @__PURE__ */ jsx312(Separator, {}),
               /* @__PURE__ */ jsxs194(
                 Button,
@@ -26759,7 +26975,7 @@ __name(RbacContainer, "RbacContainer");
 // src/features/rbac/components/RbacByRoleContainer.tsx
 import { Loader2Icon as Loader2Icon5 } from "lucide-react";
 import { useTranslations as useTranslations145 } from "next-intl";
-import { Fragment as Fragment65, memo as memo3, useCallback as useCallback58, useEffect as useEffect85, useMemo as useMemo59, useRef as useRef44, useState as useState116 } from "react";
+import { Fragment as Fragment67, memo as memo3, useCallback as useCallback58, useEffect as useEffect85, useMemo as useMemo59, useRef as useRef44, useState as useState116 } from "react";
 import { jsx as jsx314, jsxs as jsxs196 } from "react/jsx-runtime";
 function findToken2(tokens, action) {
   if (!tokens) return void 0;
@@ -26885,7 +27101,7 @@ function RbacByRoleContainer() {
           const defaultTokens = block.default ?? [];
           const roleTokens = block[selectedRoleId];
           const moduleLabel = moduleNames?.[moduleId] ?? moduleId;
-          return /* @__PURE__ */ jsxs196(Fragment65, { children: [
+          return /* @__PURE__ */ jsxs196(Fragment67, { children: [
             /* @__PURE__ */ jsx314("tr", { className: "border-b bg-muted/40", children: /* @__PURE__ */ jsx314(
               "td",
               {
@@ -27319,6 +27535,7 @@ export {
   DatePickerPopover,
   nextDateRange,
   DateRangeSelector,
+  hasOpenInnerLayer,
   useEditorDialog,
   EditorSheet,
   FormFieldWrapper,
@@ -27534,4 +27751,4 @@ export {
   useOAuthClients,
   useOAuthClient
 };
-//# sourceMappingURL=chunk-XDYILJ2S.mjs.map
+//# sourceMappingURL=chunk-7SJ4HKDR.mjs.map