@carlonicora/nextjs-jsonapi 1.135.1 → 1.137.0

package/dist/{chunk-EF2HVXOV.mjs → chunk-EWAOWYT5.mjs}

@@ -10117,7 +10117,7 @@ import { useRef as useRef17 } from "react";
 import dynamic from "next/dynamic";
 import React17 from "react";
 import { jsx as jsx86 } from "react/jsx-runtime";
-var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-FAPCNKXZ.mjs"), {
+var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-DFBJOA4C.mjs"), {
   ssr: false
 });
 var BlockNoteEditorContainer = React17.memo(/* @__PURE__ */ __name(function EditorContainer(props) {
@@ -14527,13 +14527,33 @@ function Header({ children, mobileChildren, leftContent, logo, className }) {
   const { breadcrumbs } = useSharedContext();
   const rootLabel = useHeaderRootLabel();
   const isMobile = useIsMobile();
-  return /* @__PURE__ */ jsx153("header", { className: `sticky top-0 z-10 flex h-12 flex-col items-center justify-start gap-x-4 ${className ?? ""}`, children: /* @__PURE__ */ jsxs87("div", { className: "bg-sidebar flex h-12 w-full flex-row items-center justify-between pl-2 pr-4", children: [
-    isMobile && logo && /* @__PURE__ */ jsx153("div", { className: "flex shrink-0 flex-row items-center pr-1", children: logo }),
-    /* @__PURE__ */ jsx153(SidebarTrigger, { "aria-label": "Toggle sidebar", id: "sidebar-trigger" }),
-    leftContent,
-    /* @__PURE__ */ jsx153("div", { className: "flex w-full flex-row items-center justify-start", children: /* @__PURE__ */ jsx153(BreadcrumbNavigation, { items: breadcrumbs, rootLabel: rootLabel ?? void 0 }) }),
-    isMobile ? mobileChildren && /* @__PURE__ */ jsx153("div", { className: "flex shrink-0 flex-row items-center justify-end gap-x-2 whitespace-nowrap", children: mobileChildren }) : children && /* @__PURE__ */ jsx153("div", { className: "flex w-64 flex-row items-center justify-end gap-x-4 whitespace-nowrap", children: /* @__PURE__ */ jsx153("div", { className: "flex flex-row items-center justify-end gap-x-4 whitespace-nowrap", children }) })
-  ] }) });
+  return (
+    // Outer element owns the safe-area inset; the inner row keeps h-12 so the
+    // content height is unchanged and only the notch padding is added above.
+    // bg-sidebar: the outer element has no background of its own, and a padded
+    // transparent strip would show scrolled content behind the status bar.
+    // The fallback is MANDATORY in this package: other consumers (neural-erp)
+    // never define --app-header-h, and a var() referencing an undefined
+    // property invalidates the whole declaration. The fallback MUST include the
+    // safe-area inset, because the padding below is unconditional: a consumer
+    // that never defines the variable but does set viewportFit: "cover" would
+    // otherwise get 3rem of height plus inset padding, squeezing the inner
+    // h-12 row. (Tailwind arbitrary values need _ for spaces; CSS calc needs
+    // whitespace around the +.)
+    /* @__PURE__ */ jsx153(
+      "header",
+      {
+        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__ */ jsxs87("div", { className: "bg-sidebar flex h-12 w-full flex-row items-center justify-between pl-2 pr-4", children: [
+          isMobile && logo && /* @__PURE__ */ jsx153("div", { className: "flex shrink-0 flex-row items-center pr-1", children: logo }),
+          /* @__PURE__ */ jsx153(SidebarTrigger, { "aria-label": "Toggle sidebar", id: "sidebar-trigger" }),
+          leftContent,
+          /* @__PURE__ */ jsx153("div", { className: "flex w-full flex-row items-center justify-start", children: /* @__PURE__ */ jsx153(BreadcrumbNavigation, { items: breadcrumbs, rootLabel: rootLabel ?? void 0 }) }),
+          isMobile ? mobileChildren && /* @__PURE__ */ jsx153("div", { className: "flex shrink-0 flex-row items-center justify-end gap-x-2 whitespace-nowrap", children: mobileChildren }) : children && /* @__PURE__ */ jsx153("div", { className: "flex w-64 flex-row items-center justify-end gap-x-4 whitespace-nowrap", children: /* @__PURE__ */ jsx153("div", { className: "flex flex-row items-center justify-end gap-x-4 whitespace-nowrap", children }) })
+        ] })
+      }
+    )
+  );
 }
 __name(Header, "Header");
 
@@ -14812,16 +14832,19 @@ __name(ReactMarkdownContainer, "ReactMarkdownContainer");
 // src/components/containers/RoundPageContainerTitle.tsx
 import { InfoIcon as InfoIcon2 } from "lucide-react";
 import { jsx as jsx160, jsxs as jsxs93 } from "react/jsx-runtime";
+var HEADER_ROW_MIN_H = "min-h-[53px]";
 function RoundPageContainerTitle({
   module,
   details,
+  detailsTitle,
+  detailsIcon,
   showDetails,
   setShowDetails
 }) {
   const { title } = useSharedContext();
   const isMobile = useIsMobile();
   return /* @__PURE__ */ jsxs93("div", { className: "flex w-full flex-col border-b", children: [
-    /* @__PURE__ */ jsxs93("div", { className: cn(`flex w-full flex-row items-center gap-x-2 p-4 justify-between`), children: [
+    /* @__PURE__ */ jsxs93("div", { className: cn(`flex w-full flex-row items-center gap-x-2 p-4 justify-between`, HEADER_ROW_MIN_H), children: [
       !isMobile ? /* @__PURE__ */ jsxs93("div", { className: "flex w-full gap-x-4", children: [
         /* @__PURE__ */ jsxs93("div", { className: "text-muted-foreground flex items-center gap-x-2 text-lg font-light whitespace-nowrap", children: [
           title.titleActions,
@@ -14845,10 +14868,14 @@ function RoundPageContainerTitle({
               variant: showDetails ? `ghost` : `default`,
               onClick: () => setShowDetails(!showDetails),
               className: cn(`cursor-pointer`),
-              children: /* @__PURE__ */ jsx160(InfoIcon2, {})
+              children: detailsIcon ?? /* @__PURE__ */ jsx160(InfoIcon2, {})
             }
           ) }),
-          /* @__PURE__ */ jsx160(TooltipContent, { children: showDetails ? "Hide details" : "Show details" })
+          /* @__PURE__ */ jsxs93(TooltipContent, { children: [
+            showDetails ? "Hide" : "Show",
+            " ",
+            detailsTitle ?? "details"
+          ] })
         ] })
       ] })
     ] }),
@@ -14881,26 +14908,36 @@ function RoundPageContainer({
   forceHeader,
   header,
   layout: layout2 = "tabs",
-  onSectionChange
+  onSectionChange,
+  testId,
+  defaultDetailsOpen = false,
+  detailsTitle,
+  detailsIcon
 }) {
   const headerChildren = useHeaderChildren();
   const headerLeftContent = useHeaderLeftContent();
   const headerLogo = useHeaderLogo();
   const headerMobileChildren = useHeaderMobileChildren();
-  const [showDetails, setShowDetailsState] = useState51(false);
+  const [showDetails, setShowDetailsState] = useState51(defaultDetailsOpen);
   const isMobile = useIsMobile();
   const [mounted, setMounted] = useState51(false);
   useEffect41(() => {
-    const match = document.cookie.split("; ").find((row) => row.startsWith(`${DETAILS_COOKIE_NAME}=`));
-    if (match?.split("=")[1] === "true") setShowDetailsState(true);
+    const match = document.cookie.split("; ").find((row) => row.startsWith(`${detailsCookieName}=`));
+    const stored = match?.split("=")[1];
+    if (stored === "true") setShowDetailsState(true);
+    else if (stored === "false") setShowDetailsState(false);
   }, []);
   useEffect41(() => {
     setMounted(true);
   }, []);
-  const setShowDetails = useCallback27((value) => {
-    setShowDetailsState(value);
-    document.cookie = `${DETAILS_COOKIE_NAME}=${value}; path=/; max-age=${DETAILS_COOKIE_MAX_AGE}`;
-  }, []);
+  const detailsCookieName = module?.name ? `${DETAILS_COOKIE_NAME}_${module.name}` : DETAILS_COOKIE_NAME;
+  const setShowDetails = useCallback27(
+    (value) => {
+      setShowDetailsState(value);
+      document.cookie = `${detailsCookieName}=${value}; path=/; max-age=${DETAILS_COOKIE_MAX_AGE}`;
+    },
+    [detailsCookieName]
+  );
   const searchParams = useSearchParams();
   const section = searchParams.get("section");
   const rewriteUrl = useUrlRewriter();
@@ -14945,10 +14982,20 @@ function RoundPageContainer({
           children: headerChildren
         }
       ),
-      /* @__PURE__ */ jsxs94("div", { className: cn("flex h-[calc(100vh-3rem)] w-full flex-col", isMobile ? "gap-1 p-1 pt-0" : "p-2 pt-0 pl-0"), children: [
-        /* @__PURE__ */ jsx161("div", { className: cn("bg-background flex min-h-0 w-full flex-1", isMobile ? "" : "rounded-lg border p-0"), children: /* @__PURE__ */ jsx161("div", { className: "flex w-full flex-col" }) }),
-        /* @__PURE__ */ jsx161(MobileNavigationBar, {})
-      ] })
+      /* @__PURE__ */ jsxs94(
+        "div",
+        {
+          "data-testid": testId,
+          className: cn(
+            "flex h-[calc(100dvh-var(--app-header-h,3rem))] w-full flex-col",
+            isMobile ? "gap-1 p-1 pt-0" : "p-2 pt-0 pl-0"
+          ),
+          children: [
+            /* @__PURE__ */ jsx161("div", { className: cn("bg-background flex min-h-0 w-full flex-1", isMobile ? "" : "rounded-lg border p-0"), children: /* @__PURE__ */ jsx161("div", { className: "flex w-full flex-col" }) }),
+            /* @__PURE__ */ jsx161(MobileNavigationBar, {})
+          ]
+        }
+      )
     ] });
   }
   return /* @__PURE__ */ jsxs94(Fragment24, { children: [
@@ -14962,194 +15009,216 @@ function RoundPageContainer({
         children: headerChildren
       }
     ),
-    /* @__PURE__ */ jsxs94("div", { className: cn(`flex h-[calc(100vh-3rem)] w-full flex-col`, isMobile ? "gap-1 p-1 pt-0" : "p-2 pt-0 pl-0"), children: [
-      /* @__PURE__ */ jsxs94("div", { className: "bg-background flex min-h-0 w-full flex-1 rounded-lg border p-0", children: [
-        /* @__PURE__ */ jsxs94("div", { className: "flex w-full flex-col", children: [
-          (!fullWidth || forceHeader) && /* @__PURE__ */ jsx161(
-            RoundPageContainerTitle,
-            {
-              module,
-              details,
-              showDetails,
-              setShowDetails,
-              fullWidth
-            }
-          ),
-          /* @__PURE__ */ jsx161("div", { className: "flex h-full w-full overflow-hidden", 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.
-            /* @__PURE__ */ jsxs94(
-              Tabs,
-              {
-                value: activeTab,
-                onValueChange: handleTabChange,
-                orientation: "horizontal",
-                className: "flex h-full min-w-0 grow overflow-hidden data-[orientation=horizontal]:flex-row",
-                children: [
-                  /* @__PURE__ */ jsx161(
-                    "aside",
-                    {
-                      "data-testid": "round-page-rail",
-                      className: "hidden shrink-0 border-r p-4 md:flex md:w-56 md:flex-col md:overflow-y-auto",
-                      children: /* @__PURE__ */ jsxs94(TabsList, { className: "flex h-auto flex-col items-stretch gap-0.5 bg-transparent p-0", children: [
-                        ungrouped.map((tab) => /* @__PURE__ */ jsx161(TabsTrigger, { value: tabValue(tab), className: railTriggerClass, children: tab.contentLabel ?? tab.label }, tab.label)),
-                        groups.map((group) => /* @__PURE__ */ jsxs94(Fragment23, { children: [
-                          /* @__PURE__ */ jsx161(
-                            "div",
-                            {
-                              role: "presentation",
-                              className: "text-muted-foreground px-3 pt-3 pb-1 text-[10px] font-bold tracking-wider uppercase",
-                              children: group.label
-                            }
-                          ),
-                          group.items.map((tab) => /* @__PURE__ */ jsx161(TabsTrigger, { value: tabValue(tab), className: railTriggerClass, children: tab.contentLabel ?? tab.label }, tab.label))
-                        ] }, group.label))
-                      ] })
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs94("div", { className: "flex min-w-0 grow flex-col overflow-hidden", children: [
-                    /* @__PURE__ */ jsx161("div", { "data-testid": "round-page-rail-select", className: "p-2 md:hidden", children: /* @__PURE__ */ jsxs94(
-                      Select,
-                      {
-                        items: tabItems,
-                        value: activeTab,
-                        onValueChange: (value) => {
-                          if (value) handleTabChange(value);
-                        },
-                        children: [
-                          /* @__PURE__ */ jsx161(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx161(SelectValue, {}) }),
-                          /* @__PURE__ */ jsxs94(SelectContent, { children: [
-                            ungrouped.map((tab) => /* @__PURE__ */ jsx161(SelectItem, { value: tabValue(tab), children: tab.contentLabel ?? tab.label }, tab.label)),
-                            groups.map((group) => /* @__PURE__ */ jsxs94(SelectGroup, { children: [
-                              /* @__PURE__ */ jsx161(SelectLabel, { children: group.label }),
-                              group.items.map((tab) => /* @__PURE__ */ jsx161(SelectItem, { value: tabValue(tab), children: tab.contentLabel ?? tab.label }, tab.label))
+    /* @__PURE__ */ jsxs94(
+      "div",
+      {
+        "data-testid": testId,
+        className: cn(
+          `flex h-[calc(100dvh-var(--app-header-h,3rem))] w-full flex-col`,
+          isMobile ? "gap-1 p-1 pt-0" : "p-2 pt-0 pl-0"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs94("div", { className: "bg-background flex min-h-0 w-full flex-1 rounded-lg border p-0", children: [
+            /* @__PURE__ */ jsxs94("div", { className: "flex w-full flex-col", children: [
+              (!fullWidth || forceHeader) && /* @__PURE__ */ jsx161(
+                RoundPageContainerTitle,
+                {
+                  module,
+                  details,
+                  detailsTitle,
+                  detailsIcon,
+                  showDetails,
+                  setShowDetails,
+                  fullWidth
+                }
+              ),
+              /* @__PURE__ */ jsx161("div", { className: "flex h-full w-full overflow-hidden", 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.
+                /* @__PURE__ */ jsxs94(
+                  Tabs,
+                  {
+                    value: activeTab,
+                    onValueChange: handleTabChange,
+                    orientation: "horizontal",
+                    className: "flex h-full min-w-0 grow overflow-hidden data-[orientation=horizontal]:flex-row",
+                    children: [
+                      /* @__PURE__ */ jsx161(
+                        "aside",
+                        {
+                          "data-testid": "round-page-rail",
+                          className: "hidden shrink-0 border-r p-4 md:flex md:w-56 md:flex-col md:overflow-y-auto",
+                          children: /* @__PURE__ */ jsxs94(TabsList, { className: "flex h-auto flex-col items-stretch gap-0.5 bg-transparent p-0", children: [
+                            ungrouped.map((tab) => /* @__PURE__ */ jsx161(TabsTrigger, { value: tabValue(tab), className: railTriggerClass, children: tab.contentLabel ?? tab.label }, tab.label)),
+                            groups.map((group) => /* @__PURE__ */ jsxs94(Fragment23, { children: [
+                              /* @__PURE__ */ jsx161(
+                                "div",
+                                {
+                                  role: "presentation",
+                                  className: "text-muted-foreground px-3 pt-3 pb-1 text-[10px] font-bold tracking-wider uppercase",
+                                  children: group.label
+                                }
+                              ),
+                              group.items.map((tab) => /* @__PURE__ */ jsx161(TabsTrigger, { value: tabValue(tab), className: railTriggerClass, children: tab.contentLabel ?? tab.label }, tab.label))
                             ] }, group.label))
                           ] })
-                        ]
-                      }
-                    ) }),
-                    /* @__PURE__ */ jsx161(
-                      "div",
-                      {
-                        className: cn(
-                          `min-w-0 grow`,
-                          activeFillHeight ? `flex flex-col overflow-hidden` : `overflow-y-auto p-4`
-                        ),
-                        children: /* @__PURE__ */ jsxs94(
-                          "div",
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs94("div", { className: "flex min-w-0 grow flex-col overflow-hidden", children: [
+                        /* @__PURE__ */ jsx161("div", { "data-testid": "round-page-rail-select", className: "p-2 md:hidden", children: /* @__PURE__ */ jsxs94(
+                          Select,
                           {
-                            className: cn(
-                              activeFillHeight ? `flex min-h-0 w-full flex-1 flex-col` : `mx-auto w-full max-w-6xl`
-                            ),
+                            items: tabItems,
+                            value: activeTab,
+                            onValueChange: (value) => {
+                              if (value) handleTabChange(value);
+                            },
                             children: [
-                              header,
-                              tabs.map((tab) => /* @__PURE__ */ jsx161(
-                                TabsContent,
-                                {
-                                  value: tabValue(tab),
-                                  className: tab.fillHeight ? `flex min-h-0 w-full flex-1 flex-col` : ``,
-                                  children: tab.content
-                                },
-                                tab.label
-                              )),
-                              children && /* @__PURE__ */ jsx161("div", { className: "flex", children })
+                              /* @__PURE__ */ jsx161(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx161(SelectValue, {}) }),
+                              /* @__PURE__ */ jsxs94(SelectContent, { children: [
+                                ungrouped.map((tab) => /* @__PURE__ */ jsx161(SelectItem, { value: tabValue(tab), children: tab.contentLabel ?? tab.label }, tab.label)),
+                                groups.map((group) => /* @__PURE__ */ jsxs94(SelectGroup, { children: [
+                                  /* @__PURE__ */ jsx161(SelectLabel, { children: group.label }),
+                                  group.items.map((tab) => /* @__PURE__ */ jsx161(SelectItem, { value: tabValue(tab), children: tab.contentLabel ?? tab.label }, tab.label))
+                                ] }, group.label))
+                              ] })
                             ]
                           }
-                        )
-                      }
-                    )
-                  ] })
-                ]
-              }
-            )
-          ) : /* @__PURE__ */ jsx161(
-            "div",
-            {
-              className: cn(
-                `grow`,
-                isMobile ? `p-2` : `p-4`,
-                activeFillHeight ? `flex flex-col overflow-hidden` : `overflow-y-auto`,
-                fullWidth && `p-0`
-              ),
-              children: /* @__PURE__ */ jsxs94(
-                "div",
-                {
-                  className: cn(
-                    `mx-auto max-w-6xl space-y-8`,
-                    activeFillHeight && `flex w-full flex-1 min-h-0 flex-col space-y-0`,
-                    fullWidth && `max-w-full w-full p-0 h-full`
-                  ),
-                  children: [
-                    header,
-                    tabs ? /* @__PURE__ */ jsxs94(Fragment24, { children: [
-                      /* @__PURE__ */ jsxs94(
-                        Tabs,
-                        {
-                          value: activeTab,
-                          className: cn(`w-full`, activeFillHeight && `flex flex-1 min-h-0 flex-col`),
-                          onValueChange: handleTabChange,
-                          children: [
-                            isMobile ? /* @__PURE__ */ jsx161("div", { className: "p-0", children: /* @__PURE__ */ jsxs94(
-                              Select,
-                              {
-                                items: tabItems,
-                                value: activeTab,
-                                onValueChange: (value) => {
-                                  if (value) handleTabChange(value);
-                                },
-                                children: [
-                                  /* @__PURE__ */ jsx161(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx161(SelectValue, {}) }),
-                                  /* @__PURE__ */ jsx161(SelectContent, { children: tabs.map((tab) => /* @__PURE__ */ jsx161(SelectItem, { value: tabValue(tab), children: tab.contentLabel ?? tab.label }, tab.label)) })
-                                ]
-                              }
-                            ) }) : /* @__PURE__ */ jsx161("div", { className: "p-4", children: /* @__PURE__ */ jsx161(TabsList, { children: tabs.map((tab) => /* @__PURE__ */ jsx161(TabsTrigger, { value: tabValue(tab), className: "px-4", children: tab.contentLabel ?? tab.label }, tab.label)) }) }),
-                            /* @__PURE__ */ jsx161(
+                        ) }),
+                        /* @__PURE__ */ jsx161(
+                          "div",
+                          {
+                            className: cn(
+                              `min-w-0 grow`,
+                              activeFillHeight ? `flex flex-col overflow-hidden` : `overflow-y-auto p-4`
+                            ),
+                            children: /* @__PURE__ */ jsxs94(
                               "div",
                               {
                                 className: cn(
-                                  `flex w-full `,
-                                  isMobile ? `` : `px-4`,
-                                  activeFillHeight ? `flex-1 min-h-0` : `overflow-y-auto`
+                                  activeFillHeight ? `flex min-h-0 w-full flex-1 flex-col` : `mx-auto w-full max-w-6xl`
                                 ),
-                                children: tabs.map((tab) => /* @__PURE__ */ jsx161(
-                                  TabsContent,
-                                  {
-                                    value: tabValue(tab),
-                                    className: tab.fillHeight ? `flex flex-1 min-h-0 w-full flex-col` : `pb-20`,
-                                    children: tab.content
-                                  },
-                                  tab.label
-                                ))
+                                children: [
+                                  header,
+                                  tabs.map((tab) => /* @__PURE__ */ jsx161(
+                                    TabsContent,
+                                    {
+                                      value: tabValue(tab),
+                                      className: tab.fillHeight ? `flex min-h-0 w-full flex-1 flex-col` : ``,
+                                      children: tab.content
+                                    },
+                                    tab.label
+                                  )),
+                                  children && /* @__PURE__ */ jsx161("div", { className: "flex", children })
+                                ]
                               }
                             )
-                          ]
-                        }
+                          }
+                        )
+                      ] })
+                    ]
+                  }
+                )
+              ) : /* @__PURE__ */ jsx161(
+                "div",
+                {
+                  className: cn(
+                    `grow`,
+                    isMobile ? `p-2` : `p-4`,
+                    activeFillHeight ? `flex flex-col overflow-hidden` : `overflow-y-auto`,
+                    fullWidth && `p-0`
+                  ),
+                  children: /* @__PURE__ */ jsxs94(
+                    "div",
+                    {
+                      className: cn(
+                        `mx-auto max-w-6xl space-y-8`,
+                        activeFillHeight && `flex w-full flex-1 min-h-0 flex-col space-y-0`,
+                        fullWidth && `max-w-full w-full p-0 h-full`
                       ),
-                      children && /* @__PURE__ */ jsx161("div", { className: cn(`flex`, isMobile ? `px-2` : `px-4`), children })
-                    ] }) : children
-                  ]
+                      children: [
+                        header,
+                        tabs ? /* @__PURE__ */ jsxs94(Fragment24, { children: [
+                          /* @__PURE__ */ jsxs94(
+                            Tabs,
+                            {
+                              value: activeTab,
+                              className: cn(`w-full`, activeFillHeight && `flex flex-1 min-h-0 flex-col`),
+                              onValueChange: handleTabChange,
+                              children: [
+                                isMobile ? /* @__PURE__ */ jsx161("div", { className: "p-0", children: /* @__PURE__ */ jsxs94(
+                                  Select,
+                                  {
+                                    items: tabItems,
+                                    value: activeTab,
+                                    onValueChange: (value) => {
+                                      if (value) handleTabChange(value);
+                                    },
+                                    children: [
+                                      /* @__PURE__ */ jsx161(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx161(SelectValue, {}) }),
+                                      /* @__PURE__ */ jsx161(SelectContent, { children: tabs.map((tab) => /* @__PURE__ */ jsx161(SelectItem, { value: tabValue(tab), children: tab.contentLabel ?? tab.label }, tab.label)) })
+                                    ]
+                                  }
+                                ) }) : /* @__PURE__ */ jsx161("div", { className: "p-4", children: /* @__PURE__ */ jsx161(TabsList, { children: tabs.map((tab) => /* @__PURE__ */ jsx161(TabsTrigger, { value: tabValue(tab), className: "px-4", children: tab.contentLabel ?? tab.label }, tab.label)) }) }),
+                                /* @__PURE__ */ jsx161(
+                                  "div",
+                                  {
+                                    className: cn(
+                                      `flex w-full `,
+                                      isMobile ? `` : `px-4`,
+                                      activeFillHeight ? `flex-1 min-h-0` : `overflow-y-auto`
+                                    ),
+                                    children: tabs.map((tab) => /* @__PURE__ */ jsx161(
+                                      TabsContent,
+                                      {
+                                        value: tabValue(tab),
+                                        className: tab.fillHeight ? `flex flex-1 min-h-0 w-full flex-col` : `pb-20`,
+                                        children: tab.content
+                                      },
+                                      tab.label
+                                    ))
+                                  }
+                                )
+                              ]
+                            }
+                          ),
+                          children && /* @__PURE__ */ jsx161("div", { className: cn(`flex`, isMobile ? `px-2` : `px-4`), children })
+                        ] }) : children
+                      ]
+                    }
+                  )
                 }
-              )
-            }
-          ) })
-        ] }),
-        details && (isMobile ? /* @__PURE__ */ jsx161(Sheet, { open: showDetails, onOpenChange: setShowDetails, children: /* @__PURE__ */ jsxs94(SheetContent, { side: "right", children: [
-          /* @__PURE__ */ jsx161(SheetHeader, { children: /* @__PURE__ */ jsx161(SheetTitle, { children: "Details" }) }),
-          /* @__PURE__ */ jsx161("div", { className: "overflow-y-auto p-6 pt-0", children: details })
-        ] }) }) : /* @__PURE__ */ jsx161(
-          "div",
-          {
-            className: cn(
-              "h-full shrink-0 overflow-hidden overflow-y-auto transition-all duration-300 ease-in-out",
-              showDetails ? "w-96 border-l p-4 opacity-100" : "ml-0 w-0 border-l-0 p-0 opacity-0"
-            ),
-            children: details
-          }
-        ))
-      ] }),
-      /* @__PURE__ */ jsx161(MobileNavigationBar, {})
-    ] })
+              ) })
+            ] }),
+            details && (isMobile ? /* @__PURE__ */ jsx161(Sheet, { open: showDetails, onOpenChange: setShowDetails, children: /* @__PURE__ */ jsxs94(SheetContent, { side: "right", children: [
+              /* @__PURE__ */ jsx161(SheetHeader, { children: /* @__PURE__ */ jsx161(SheetTitle, { children: detailsTitle ?? "Details" }) }),
+              /* @__PURE__ */ jsx161("div", { className: "overflow-y-auto p-6 pt-0", children: details })
+            ] }) }) : /* @__PURE__ */ jsxs94(
+              "div",
+              {
+                className: cn(
+                  // `flex-col` + a separate scroll body below: the header must stay
+                  // put while the panel content scrolls. Scrolling on this element
+                  // (as it did before) would carry the header away with the content.
+                  "flex h-full shrink-0 flex-col overflow-hidden transition-all duration-300 ease-in-out",
+                  showDetails ? "w-96 border-l opacity-100" : "ml-0 w-0 border-l-0 opacity-0"
+                ),
+                children: [
+                  detailsTitle && // Mirrors RoundPageContainerTitle's structure exactly — border on an
+                  // OUTER wrapper, height floor on the INNER row. Putting the border
+                  // inside the measured row instead leaves this header 1px short of
+                  // the page title bar, since `box-sizing: border-box` absorbs it.
+                  /* @__PURE__ */ jsx161("div", { className: "shrink-0 border-b", children: /* @__PURE__ */ jsx161("div", { className: cn("flex items-center p-4", HEADER_ROW_MIN_H), children: /* @__PURE__ */ jsx161("span", { className: "text-primary truncate text-sm font-semibold", children: detailsTitle }) }) }),
+                  /* @__PURE__ */ jsx161("div", { className: "min-h-0 flex-1 overflow-y-auto p-4", children: details })
+                ]
+              }
+            ))
+          ] }),
+          /* @__PURE__ */ jsx161(MobileNavigationBar, {})
+        ]
+      }
+    )
   ] });
 }
 __name(RoundPageContainer, "RoundPageContainer");
@@ -15538,13 +15607,13 @@ function PageContentContainer({ header, details, footer, content, fullBleed }) {
     storage: typeof window !== "undefined" ? localStorage : void 0
   });
   if (!isReady) {
-    return /* @__PURE__ */ jsx169("div", { className: "flex h-[calc(100vh-4rem)] w-full flex-col" });
+    return /* @__PURE__ */ jsx169("div", { className: "flex h-[calc(100dvh-4rem)] w-full flex-col" });
   }
   const leftPanelDefaultSize = isMobile ? "10%" : "32%";
   const leftPanelMinSize = isMobile ? "10%" : "20%";
   const leftPanelMaxSize = isMobile ? "90%" : "40%";
   const rightPanelDefaultSize = isMobile ? "90%" : "68%";
-  return /* @__PURE__ */ jsxs99("div", { className: "flex h-[calc(100vh-4rem)] w-full flex-col transition-opacity duration-150 animate-in fade-in", children: [
+  return /* @__PURE__ */ jsxs99("div", { className: "flex h-[calc(100dvh-4rem)] w-full flex-col transition-opacity duration-150 animate-in fade-in", children: [
     header && /* @__PURE__ */ jsx169("div", { className: "mb-4 flex w-full shrink-0 border-b pr-4", children: header }),
     /* @__PURE__ */ jsx169("div", { className: "min-h-0 flex-1", children: details || footer ? /* @__PURE__ */ jsxs99(
       ResizablePanelGroup,
@@ -22070,19 +22139,19 @@ function OAuthConsentScreen({
 }) {
   const { clientInfo, isLoading, error, approve, deny, isSubmitting } = useOAuthConsent(params);
   if (isLoading) {
-    return /* @__PURE__ */ jsx264("div", { className: "min-h-screen flex items-center justify-center p-4", children: /* @__PURE__ */ jsx264(Card, { className: "w-full max-w-md", children: /* @__PURE__ */ jsxs165(CardContent, { className: "flex flex-col items-center justify-center py-12", children: [
+    return /* @__PURE__ */ jsx264("div", { className: "min-h-dvh flex items-center justify-center p-4", children: /* @__PURE__ */ jsx264(Card, { className: "w-full max-w-md", children: /* @__PURE__ */ jsxs165(CardContent, { className: "flex flex-col items-center justify-center py-12", children: [
       /* @__PURE__ */ jsx264(Loader26, { className: "h-8 w-8 animate-spin text-muted-foreground" }),
       /* @__PURE__ */ jsx264("p", { className: "mt-4 text-muted-foreground", children: "Loading authorization request..." })
     ] }) }) });
   }
   if (error || !clientInfo) {
-    return /* @__PURE__ */ jsx264("div", { className: "min-h-screen flex items-center justify-center p-4", children: /* @__PURE__ */ jsx264(Card, { className: "w-full max-w-md", children: /* @__PURE__ */ jsx264(CardContent, { className: "py-8", children: /* @__PURE__ */ jsxs165(Alert, { variant: "destructive", children: [
+    return /* @__PURE__ */ jsx264("div", { className: "min-h-dvh flex items-center justify-center p-4", children: /* @__PURE__ */ jsx264(Card, { className: "w-full max-w-md", children: /* @__PURE__ */ jsx264(CardContent, { className: "py-8", children: /* @__PURE__ */ jsxs165(Alert, { variant: "destructive", children: [
       /* @__PURE__ */ jsx264(AlertTriangle2, { className: "h-4 w-4" }),
       /* @__PURE__ */ jsx264(AlertDescription, { children: error?.message || "Invalid authorization request. Please try again." })
     ] }) }) }) });
   }
   const { client, scopes } = clientInfo;
-  return /* @__PURE__ */ jsx264("div", { className: "min-h-screen flex items-center justify-center p-4 bg-muted/30", children: /* @__PURE__ */ jsxs165(Card, { className: "w-full max-w-md", children: [
+  return /* @__PURE__ */ jsx264("div", { className: "min-h-dvh flex items-center justify-center p-4 bg-muted/30", children: /* @__PURE__ */ jsxs165(Card, { className: "w-full max-w-md", children: [
     /* @__PURE__ */ jsxs165(CardContent, { className: "pt-6 space-y-6", children: [
       /* @__PURE__ */ jsx264(OAuthConsentHeader, { client, logoUrl, appName }),
       /* @__PURE__ */ jsx264(Separator, {}),
@@ -23572,6 +23641,7 @@ export {
   PageContainer,
   partitionTabs,
   ReactMarkdownContainer,
+  HEADER_ROW_MIN_H,
   RoundPageContainerTitle,
   RoundPageContainer,
   TabsContainer,
@@ -23799,4 +23869,4 @@ export {
   useOAuthClients,
   useOAuthClient
 };
-//# sourceMappingURL=chunk-EF2HVXOV.mjs.map
+//# sourceMappingURL=chunk-EWAOWYT5.mjs.map