@carlonicora/nextjs-jsonapi 3.24.2 → 3.26.0

package/dist/server/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/server/cache.ts","../../src/server/ServerSession.ts","../../src/server/JsonApiServer.ts"],"sourcesContent":["// Server-only utilities (NOT server actions - these cannot be called from client components)\n\nimport { revalidateTag } from \"next/cache\";\n\nexport type CacheProfile = \"seconds\" | \"minutes\" | \"hours\" | \"days\" | \"weeks\" | \"max\" | \"default\";\n\n/**\n * Revalidate a cache tag to invalidate cached data.\n * Next.js 16+ requires a profile parameter.\n *\n * @param tag - The cache tag to invalidate\n * @param profile - The cache profile (defaults to \"max\" for immediate invalidation)\n */\nexport async function invalidateCacheTag(tag: string, profile: CacheProfile = \"max\"): Promise<void> {\n  revalidateTag(tag, profile);\n}\n\n/**\n * Revalidate multiple cache tags.\n *\n * @param tags - Array of cache tags to invalidate\n * @param profile - The cache profile (defaults to \"max\" for immediate invalidation)\n */\nexport async function invalidateCacheTags(tags: string[], profile: CacheProfile = \"max\"): Promise<void> {\n  for (const tag of tags) {\n    revalidateTag(tag, profile);\n  }\n}\n","import { cookies } from \"next/headers\";\nimport { redirect } from \"next/navigation\";\nimport { ungzip } from \"pako\";\nimport { Action, checkPermissionsFromServer, ModuleWithPermissions } from \"../permissions\";\n\nexport class ServerSession {\n  static async isLogged() {\n    const cookieStore = await cookies();\n    const token = cookieStore.get(\"token\");\n\n    if (!token || !token.value) return false;\n    return true;\n  }\n\n  static async companyId() {\n    const cookieStore = await cookies();\n    return cookieStore.get(\"companyId\")?.value ?? \"\";\n  }\n\n  static async userId() {\n    const cookieStore = await cookies();\n    return cookieStore.get(\"userId\")?.value ?? \"\";\n  }\n\n  static async checkPermission<M extends ModuleWithPermissions>(params: { module: M; action: Action; data?: any }) {\n    if (!(await this.hasPermissionToModule(params))) redirect(`/401`);\n  }\n\n  static async hasRole(roleId: string): Promise<boolean> {\n    const cookieStore = await cookies();\n    const roles = cookieStore.get(\"roles\")?.value;\n\n    if (!roles || !roles.includes(roleId)) return false;\n\n    return true;\n  }\n\n  static async hasFeature(featureId: string): Promise<boolean> {\n    const cookieStore = await cookies();\n    const features = cookieStore.get(\"features\")?.value;\n\n    if (!features || !features.includes(featureId)) return false;\n\n    return true;\n  }\n\n  static async hasPermissionToModule<M extends ModuleWithPermissions>(params: {\n    module: M;\n    action: Action;\n    data?: any;\n  }): Promise<boolean> {\n    const cookieStore = await cookies();\n\n    if (params.module.feature) {\n      const features = cookieStore.get(\"features\")?.value;\n\n      if (features && !features.includes(params.module.feature)) return false;\n    }\n\n    const rawModules = cookieStore.get(\"modules\")?.value;\n    if (!rawModules) return false;\n\n    const modules: {\n      id: string;\n      permissions: {\n        create: boolean | string;\n        read: boolean | string;\n        update: boolean | string;\n        delete: boolean | string;\n      };\n    }[] = JSON.parse(ungzip(Buffer.from(rawModules, \"base64\"), { toText: true }));\n\n    const selectedModule = modules.find((module) => module.id === params.module.moduleId);\n\n    return checkPermissionsFromServer({\n      module: params.module,\n      action: params.action,\n      data: params.data,\n      userId: await this.userId(),\n      selectedModule: selectedModule,\n    });\n\n    // if (!selectedModule) return false;\n\n    // if (!selectedModule.permissions[params.action]) return false;\n    // if (typeof selectedModule.permissions[params.action] === \"boolean\")\n    //   return selectedModule.permissions[params.action] as boolean;\n\n    // if (!params.data) return false;\n\n    // return params.data[selectedModule.permissions[params.action] as string] === this.userId;\n  }\n}\n","// Server-only utilities (NOT server actions - these cannot be called from client components)\n\nimport { ENV } from \"../core/env\";\nimport { JsonApiDataFactory } from \"../core/factories/JsonApiDataFactory\";\nimport { ApiRequestDataTypeInterface } from \"../core/interfaces/ApiRequestDataTypeInterface\";\nimport { ApiResponseInterface } from \"../core/interfaces/ApiResponseInterface\";\nimport { translateResponse } from \"../core/utils/translateResponse\";\nimport { ModuleWithPermissions } from \"../permissions/types\";\nimport { serverRequest } from \"./request\";\nimport { getServerToken } from \"./token\";\n\n// Config storage for server contexts\nlet _serverConfig: {\n  apiUrl: string;\n  appUrl?: string;\n  trackablePages?: ModuleWithPermissions[];\n  bootstrapper?: () => void;\n  additionalHeaders?: Record<string, string>;\n} | null = null;\n\n/**\n * Configure the JSON:API server client.\n * Call this in your Bootstrapper or server initialization.\n */\nexport function configureServerJsonApi(config: {\n  apiUrl: string;\n  appUrl?: string;\n  trackablePages?: ModuleWithPermissions[];\n  bootstrapper?: () => void;\n  additionalHeaders?: Record<string, string>;\n}): void {\n  _serverConfig = config;\n  if (config.bootstrapper) {\n    config.bootstrapper();\n  }\n}\n\nexport function getServerApiUrl(): string {\n  if (_serverConfig?.apiUrl) {\n    return _serverConfig.apiUrl;\n  }\n  const envUrl = ENV.API_URL;\n  if (!envUrl) {\n    throw new Error(\n      \"API URL not configured. Use configureServerJsonApi() or set NEXT_PUBLIC_API_URL environment variable.\",\n    );\n  }\n  return envUrl;\n}\n\nexport function getServerAppUrl(): string {\n  if (_serverConfig?.appUrl) {\n    return _serverConfig.appUrl;\n  }\n  const envUrl = ENV.APP_URL;\n  if (!envUrl) {\n    throw new Error(\n      \"App URL not configured. Use configureServerJsonApi({ appUrl }) or set NEXT_PUBLIC_ADDRESS environment variable.\",\n    );\n  }\n  return envUrl.trim().replace(/\\/+$/, \"\");\n}\n\nexport function getServerTrackablePages(): ModuleWithPermissions[] {\n  return _serverConfig?.trackablePages ?? [];\n}\n\nfunction runServerBootstrapper(): void {\n  if (_serverConfig?.bootstrapper) {\n    _serverConfig.bootstrapper();\n  }\n}\n\nfunction buildServerUrl(endpoint: string): string {\n  const apiUrl = getServerApiUrl();\n  return endpoint.startsWith(\"http\") ? endpoint : `${apiUrl}${endpoint}`;\n}\n\nexport async function ServerJsonApiGet(params: {\n  classKey: ApiRequestDataTypeInterface;\n  endpoint: string;\n  companyId?: string;\n  language: string;\n}): Promise<ApiResponseInterface> {\n  runServerBootstrapper();\n  const token = await getServerToken();\n\n  const apiResponse = await serverRequest({\n    method: \"GET\",\n    url: buildServerUrl(params.endpoint),\n    token,\n    cache: params.classKey.cache,\n    companyId: params.companyId,\n    language: params.language,\n    additionalHeaders: _serverConfig?.additionalHeaders,\n  });\n\n  return translateResponse({\n    classKey: params.classKey,\n    apiResponse,\n    companyId: params.companyId,\n    language: params.language,\n    paginationHandler: async (endpoint: string) =>\n      ServerJsonApiGet({\n        classKey: params.classKey,\n        endpoint,\n        companyId: params.companyId,\n        language: params.language,\n      }),\n  });\n}\n\nexport async function ServerJsonApiPost(params: {\n  classKey: ApiRequestDataTypeInterface;\n  endpoint: string;\n  companyId?: string;\n  body?: any;\n  overridesJsonApiCreation?: boolean;\n  files?: { [key: string]: File | Blob } | File | Blob;\n  language: string;\n  responseType?: ApiRequestDataTypeInterface;\n}): Promise<ApiResponseInterface> {\n  runServerBootstrapper();\n  const token = await getServerToken();\n\n  let body = params.body;\n  if (!body) {\n    body = {};\n  } else if (params.overridesJsonApiCreation !== true) {\n    body = JsonApiDataFactory.create(params.classKey, body);\n  }\n\n  const apiResponse = await serverRequest({\n    method: \"POST\",\n    url: buildServerUrl(params.endpoint),\n    token,\n    body,\n    files: params.files,\n    companyId: params.companyId,\n    language: params.language,\n    additionalHeaders: _serverConfig?.additionalHeaders,\n  });\n\n  return translateResponse({\n    classKey: params.responseType ?? params.classKey,\n    apiResponse,\n    companyId: params.companyId,\n    language: params.language,\n  });\n}\n\nexport async function ServerJsonApiPut(params: {\n  classKey: ApiRequestDataTypeInterface;\n  endpoint: string;\n  companyId?: string;\n  body?: any;\n  files?: { [key: string]: File | Blob } | File | Blob;\n  language: string;\n  responseType?: ApiRequestDataTypeInterface;\n}): Promise<ApiResponseInterface> {\n  runServerBootstrapper();\n  const token = await getServerToken();\n\n  let body = params.body;\n  if (!body) {\n    body = {};\n  } else {\n    body = JsonApiDataFactory.create(params.classKey, body);\n  }\n\n  const apiResponse = await serverRequest({\n    method: \"PUT\",\n    url: buildServerUrl(params.endpoint),\n    token,\n    body,\n    files: params.files,\n    companyId: params.companyId,\n    language: params.language,\n    additionalHeaders: _serverConfig?.additionalHeaders,\n  });\n\n  return translateResponse({\n    classKey: params.responseType ?? params.classKey,\n    apiResponse,\n    companyId: params.companyId,\n    language: params.language,\n  });\n}\n\nexport async function ServerJsonApiPatch(params: {\n  classKey: ApiRequestDataTypeInterface;\n  endpoint: string;\n  companyId?: string;\n  body?: any;\n  files?: { [key: string]: File | Blob } | File | Blob;\n  overridesJsonApiCreation?: boolean;\n  responseType?: ApiRequestDataTypeInterface;\n  language: string;\n}): Promise<ApiResponseInterface> {\n  runServerBootstrapper();\n  const token = await getServerToken();\n\n  let body = params.body;\n  if (!body) {\n    body = {};\n  } else if (params.overridesJsonApiCreation !== true) {\n    body = JsonApiDataFactory.create(params.classKey, body);\n  }\n\n  const apiResponse = await serverRequest({\n    method: \"PATCH\",\n    url: buildServerUrl(params.endpoint),\n    token,\n    body,\n    files: params.files,\n    companyId: params.companyId,\n    language: params.language,\n    additionalHeaders: _serverConfig?.additionalHeaders,\n  });\n\n  return translateResponse({\n    classKey: params.responseType ?? params.classKey,\n    apiResponse,\n    companyId: params.companyId,\n    language: params.language,\n  });\n}\n\nexport async function ServerJsonApiDelete(params: {\n  classKey: ApiRequestDataTypeInterface;\n  endpoint: string;\n  companyId?: string;\n  language: string;\n  responseType?: ApiRequestDataTypeInterface;\n}): Promise<ApiResponseInterface> {\n  runServerBootstrapper();\n  const token = await getServerToken();\n\n  const apiResponse = await serverRequest({\n    method: \"DELETE\",\n    url: buildServerUrl(params.endpoint),\n    token,\n    companyId: params.companyId,\n    language: params.language,\n    additionalHeaders: _serverConfig?.additionalHeaders,\n  });\n\n  return translateResponse({\n    classKey: params.responseType ?? params.classKey,\n    apiResponse,\n    companyId: params.companyId,\n    language: params.language,\n  });\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/{types-bsm8Fp55.d.ts → types-Cn153-mH.d.ts}

@@ -98,4 +98,4 @@ type ModuleFactory = (params: {
     }>;
 }) => ModuleWithPermissions;
 
-export { Action as A, type ModuleWithPermissions as M, type PageUrl as P, type ModuleFactory as a, type PermissionCheck as b, type ModulePermissionDefinition as c, type ModuleDefinition as d, type PermissionConfig as e, type PermissionModule as f, type PermissionUser as g };
+export { Action as A, type ModuleFactory as M, type PageUrl as P, type ModuleWithPermissions as a, type PermissionCheck as b, type ModulePermissionDefinition as c, type ModuleDefinition as d, type PermissionConfig as e, type PermissionModule as f, type PermissionUser as g };

package/dist/{types-Bq_UA8Lg.d.mts → types-D0uLYV2P.d.mts}

@@ -98,4 +98,4 @@ type ModuleFactory = (params: {
     }>;
 }) => ModuleWithPermissions;
 
-export { Action as A, type ModuleWithPermissions as M, type PageUrl as P, type ModuleFactory as a, type PermissionCheck as b, type ModulePermissionDefinition as c, type ModuleDefinition as d, type PermissionConfig as e, type PermissionModule as f, type PermissionUser as g };
+export { Action as A, type ModuleFactory as M, type PageUrl as P, type ModuleWithPermissions as a, type PermissionCheck as b, type ModulePermissionDefinition as c, type ModuleDefinition as d, type PermissionConfig as e, type PermissionModule as f, type PermissionUser as g };

package/dist/{usePageUrlGenerator-J_ECv-oQ.d.ts → usePageUrlGenerator-B-3FRKBD.d.ts}

@@ -1,4 +1,4 @@
-import { P as PageUrl } from './types-bsm8Fp55.js';
+import { P as PageUrl } from './types-Cn153-mH.js';
 
 declare function usePageUrlGenerator(): (params: {
     page?: PageUrl | string;

package/dist/{usePageUrlGenerator-uKBjAKqC.d.mts → usePageUrlGenerator-CCJ_cdQy.d.mts}

@@ -1,4 +1,4 @@
-import { P as PageUrl } from './types-Bq_UA8Lg.mjs';
+import { P as PageUrl } from './types-D0uLYV2P.mjs';
 
 declare function usePageUrlGenerator(): (params: {
     page?: PageUrl | string;

package/dist/{useSocket-BcH7l7B8.d.mts → useSocket-B9gTbuCj.d.mts}

@@ -1,4 +1,4 @@
-import { N as NotificationInterface } from './notification.interface-MnRt1Tjm.mjs';
+import { N as NotificationInterface } from './notification.interface-P_pNfzZQ.mjs';
 
 interface UseSocketOptions {
     token: string;

package/dist/{useSocket-DCZd_eJk.d.ts → useSocket-BHVIyigI.d.ts}

@@ -1,4 +1,4 @@
-import { N as NotificationInterface } from './notification.interface-CjzV_KII.js';
+import { N as NotificationInterface } from './notification.interface-BNCvnVCW.js';
 
 interface UseSocketOptions {
     token: string;

package/dist/{notification.interface-MnRt1Tjm.d.mts → user.interface-CSaGWFbg.d.mts}

@@ -97,34 +97,4 @@ interface UserInterface extends ApiDataInterface {
     get modules(): ModuleInterface[];
 }
 
-type ContentInput = {
-    id: string;
-    name?: string;
-    authorId?: string;
-    editorIds?: string[];
-};
-interface ContentInterface extends ApiDataInterface {
-    get contentType(): string | undefined;
-    get name(): string;
-    get abstract(): string | undefined;
-    get tldr(): string | undefined;
-    get aiStatus(): string;
-    get relevance(): number | undefined;
-    get author(): UserInterface;
-    get editors(): UserInterface[];
-}
-
-type NotificationInput = {
-    id: string;
-    isRead: boolean;
-};
-interface NotificationInterface extends ApiDataInterface {
-    get notificationType(): string;
-    get isRead(): boolean;
-    get message(): string | undefined;
-    get actionUrl(): string | undefined;
-    get actor(): ApiDataInterface | undefined;
-    get subject(): ApiDataInterface | undefined;
-}
-
-export type { ContentInterface as C, NotificationInterface as N, RoleInput as R, UserInterface as U, ContentInput as a, CompanyInput as b, CompanyInterface as c, NotificationInput as d, RoleInterface as e, UserInput as f };
+export type { CompanyInput as C, RoleInput as R, UserInterface as U, CompanyInterface as a, RoleInterface as b, UserInput as c };

package/dist/{notification.interface-CjzV_KII.d.ts → user.interface-CrmwJLYW.d.ts}

@@ -97,34 +97,4 @@ interface UserInterface extends ApiDataInterface {
     get modules(): ModuleInterface[];
 }
 
-type ContentInput = {
-    id: string;
-    name?: string;
-    authorId?: string;
-    editorIds?: string[];
-};
-interface ContentInterface extends ApiDataInterface {
-    get contentType(): string | undefined;
-    get name(): string;
-    get abstract(): string | undefined;
-    get tldr(): string | undefined;
-    get aiStatus(): string;
-    get relevance(): number | undefined;
-    get author(): UserInterface;
-    get editors(): UserInterface[];
-}
-
-type NotificationInput = {
-    id: string;
-    isRead: boolean;
-};
-interface NotificationInterface extends ApiDataInterface {
-    get notificationType(): string;
-    get isRead(): boolean;
-    get message(): string | undefined;
-    get actionUrl(): string | undefined;
-    get actor(): ApiDataInterface | undefined;
-    get subject(): ApiDataInterface | undefined;
-}
-
-export type { ContentInterface as C, NotificationInterface as N, RoleInput as R, UserInterface as U, ContentInput as a, CompanyInput as b, CompanyInterface as c, NotificationInput as d, RoleInterface as e, UserInput as f };
+export type { CompanyInput as C, RoleInput as R, UserInterface as U, CompanyInterface as a, RoleInterface as b, UserInput as c };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carlonicora/nextjs-jsonapi",
-  "version": "3.24.2",
+  "version": "3.26.0",
   "description": "Next.js JSON:API client with server/client support and caching",
   "author": "Carlo Nicora",
   "license": "GPL-3.0-or-later",
@@ -67,6 +67,16 @@
       "types": "./dist/features/tokenusage/index.d.ts",
       "import": "./dist/features/tokenusage/index.mjs",
       "require": "./dist/features/tokenusage/index.js"
+    },
+    "./analytics": {
+      "types": "./dist/features/analytics/index.d.ts",
+      "import": "./dist/features/analytics/index.mjs",
+      "require": "./dist/features/analytics/index.js"
+    },
+    "./analytics/server": {
+      "types": "./dist/features/analytics/server.d.ts",
+      "import": "./dist/features/analytics/server.mjs",
+      "require": "./dist/features/analytics/server.js"
     }
   },
   "scripts": {

package/src/client/index.ts

@@ -21,6 +21,7 @@ import { useRoleTableStructure } from "../features/role/hooks";
 import { useUserTableStructure } from "../features/user/hooks";
 import { useStripePriceTableStructure } from "../features/billing/stripe-price/hooks/useStripePriceTableStructure";
 import { useStripeProductTableStructure } from "../features/billing/stripe-product/hooks/useStripeProductTableStructure";
+import { useWaitlistTableStructure } from "../features/waitlist/hooks/useWaitlistTableStructure";
 import { registerTableGenerator } from "../hooks";
 
 export * from "../features/content/hooks";
@@ -34,4 +35,5 @@ registerTableGenerator("users", useUserTableStructure);
 registerTableGenerator("companies", useCompanyTableStructure);
 registerTableGenerator("stripe-products", useStripeProductTableStructure);
 registerTableGenerator("stripe-prices", useStripePriceTableStructure);
+registerTableGenerator("waitlists", useWaitlistTableStructure);
 // Note: Content registration moved to app-level to support app-specific cellTopic

package/src/components/containers/PageContainer.tsx

@@ -19,7 +19,7 @@ export function PageContainer({ children, testId, className }: PageContainerProp
       <Header leftContent={headerLeftContent} logo={headerLogo} mobileChildren={headerMobileChildren}>
         {headerChildren}
       </Header>
-      <main className={cn(`flex w-full flex-1 flex-col gap-y-4 pt-4 ps-4 pe-0`, className)}>{children}</main>
+      <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}</main>
     </div>
   );
 }

package/src/components/containers/RoundPageContainer.tsx

@@ -21,7 +21,13 @@ import { partitionTabs, Tab } from "@/components/containers";
 import { HEADER_ROW_MIN_H, RoundPageContainerTitle } from "@/components/containers/RoundPageContainerTitle";
 import { Header, MobileNavigationBar } from "@/components/navigations";
 import { MicroLabel } from "@/components/typography";
-import { useHeaderChildren, useHeaderLeftContent, useHeaderLogo, useHeaderMobileChildren } from "@/contexts";
+import {
+  useHeaderChildren,
+  useHeaderLeftContent,
+  useHeaderLogo,
+  useHeaderMobileChildren,
+  useMobileNavigationItems,
+} from "@/contexts";
 import { useUrlRewriter } from "@/hooks";
 import { cn, useIsMobile } from "@/index";
 import { useOptionalSidebar } from "@/shadcnui";
@@ -186,7 +192,15 @@ export function RoundPageContainer({
   const headerLogo = useHeaderLogo();
   const headerMobileChildren = useHeaderMobileChildren();
   const [showDetails, setShowDetailsState] = useState(defaultDetailsOpen);
+  // Phone-only open state for the details Sheet. It always starts closed and is
+  // never written to the cookie: on a phone the panel is a full-screen overlay,
+  // so a remembered "open" (set on desktop, where it is a side column) covered
+  // the page on every visit — the assistant's Conversations panel did exactly that.
+  const [showDetailsMobile, setShowDetailsMobile] = useState(false);
   const isMobile = useIsMobile();
+  // The bottom bar's "Menu" slot opens the same drawer as the header's sidebar
+  // toggle, so the header drops its toggle on a phone whenever the bar renders.
+  const hasMobileNavigation = useMobileNavigationItems().length > 0;
   // The desktop shell drops its start padding only where a sidebar sits against it. A page
   // without one (the customer portal) keeps the padding on both sides.
   const hasSidebar = useOptionalSidebar() !== null;
@@ -298,6 +312,21 @@ export function RoundPageContainer({
 
   const isReady = mounted;
 
+  // Phone, viewport-bound shell: the whole card becomes the single scroller, so
+  // the title row, command row, artwork and section picker scroll away with the
+  // content instead of staying pinned and leaving the content less than half the
+  // screen. That covers ordinary tabs AND document tabs (fill-height + constrained
+  // width: the entity's own editor, which then grows with its text). Only bare
+  // fill-height tabs (graph, map, recordings) and full-width pages (lists, canvas,
+  // run) keep the inner scroller, since they need a definite height. Desktop is
+  // untouched.
+  const activeDocumentTab = activeFillHeight && activeConstrainWidth;
+  const mobileFlow = isMobile && isFixed && (!activeFillHeight || activeDocumentTab) && !fullWidth;
+  const innerClip = mobileFlow ? `` : clip;
+  const innerScrollY = mobileFlow ? `` : scrollY;
+  // A single section needs no picker.
+  const showMobileSectionPicker = (tabs?.length ?? 0) > 1;
+
   if (!isReady) {
     return (
       <>
@@ -305,6 +334,7 @@ export function RoundPageContainer({
           leftContent={headerLeftContent}
           logo={headerLogo}
           mobileChildren={headerMobileChildren}
+          hideSidebarTriggerOnMobile={hasMobileNavigation}
           className="bg-sidebar border-0"
         >
           {headerChildren}
@@ -349,6 +379,7 @@ export function RoundPageContainer({
         leftContent={headerLeftContent}
         logo={headerLogo}
         mobileChildren={headerMobileChildren}
+        hideSidebarTriggerOnMobile={hasMobileNavigation}
         className="bg-sidebar border-0"
       >
         {headerChildren}
@@ -379,19 +410,21 @@ export function RoundPageContainer({
             the wrapper, leaving the bar no room and pushing it below the fold —
             it then appears only after scrolling to the very end of the page. */}
         <div className="bg-background flex min-h-0 w-full flex-1 rounded-lg border p-0">
-          <div className="flex w-full flex-col">
+          {/* pb-16 under mobileFlow: room for the floating Help button, which
+              otherwise sits over the last lines of the page. */}
+          <div className={cn("flex w-full flex-col", mobileFlow && "min-h-0 overflow-y-auto pb-16")}>
             {(!fullWidth || forceHeader) && (
               <RoundPageContainerTitle
                 module={module}
                 details={details}
                 detailsTitle={detailsTitle}
                 detailsIcon={detailsIcon}
-                showDetails={showDetails}
-                setShowDetails={setShowDetails}
+                showDetails={isMobile ? showDetailsMobile : showDetails}
+                setShowDetails={isMobile ? setShowDetailsMobile : setShowDetails}
                 fullWidth={fullWidth}
               />
             )}
-            <div className={cn(`flex w-full`, isFixed && `h-full`, clip)}>
+            <div className={cn(`flex w-full`, isFixed && !mobileFlow && `h-full`, innerClip)}>
               {layout === "rail" && tabs ? (
                 // Rail layout: the vertical-tab navigation is a flush-left
                 // sidebar of the card and the content fills the full remaining
@@ -409,7 +442,11 @@ export function RoundPageContainer({
                   // the shadcn root's default `data-[orientation=horizontal]:flex-col`
                   // to keep the rail and content side by side.
                   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,
+                  )}
                 >
                   {/* Flush-left section rail — md and up */}
                   <aside
@@ -454,14 +491,17 @@ export function RoundPageContainer({
                   </aside>
 
                   {/* Content — full width, fills the remaining space */}
-                  <div className={cn(`flex min-w-0 grow flex-col`, clip)}>
+                  <div className={cn(`flex min-w-0 grow flex-col`, innerClip)}>
                     {/* The rail is hidden below md, so its header would vanish with
                         it — render it above the section Select instead, capped to
                         the rail's width so a phone does not open on a full-bleed
                         image. */}
-                    {railHeader && <div className="mx-auto w-full max-w-48 px-2 pt-2 md:hidden">{railHeader}</div>}
-                    {/* Section Select — below md */}
-                    <div data-testid="round-page-rail-select" className="p-2 md:hidden">
+                    {railHeader && <div className="mx-auto w-full max-w-24 px-2 pt-2 md:hidden">{railHeader}</div>}
+                    {/* Section Select — below md, and only when there is a choice to make */}
+                    <div
+                      data-testid="round-page-rail-select"
+                      className={cn("p-2 md:hidden", !showMobileSectionPicker && "hidden")}
+                    >
                       <Select
                         items={tabItems}
                         value={activeTab}
@@ -492,7 +532,7 @@ export function RoundPageContainer({
                       </Select>
                     </div>
                     <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`))}
                     >
                       {/* Centre and constrain rail content (like the non-rail
                           layout). Fill-height tabs are full-bleed — a canvas, a
@@ -524,7 +564,7 @@ export 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`,
                   )}
                 >
@@ -544,7 +584,7 @@ export function RoundPageContainer({
                           onValueChange={handleTabChange}
                         >
                           {isMobile ? (
-                            <div className="p-0">
+                            <div className={cn("p-0", !showMobileSectionPicker && "hidden")}>
                               <Select
                                 items={tabItems}
                                 value={activeTab}
@@ -579,7 +619,7 @@ export function RoundPageContainer({
                             className={cn(
                               `flex w-full `,
                               isMobile ? `` : `px-4`,
-                              activeFillHeight ? `flex-1 min-h-0` : scrollY,
+                              activeFillHeight ? `flex-1 min-h-0` : innerScrollY,
                             )}
                           >
                             {tabs.map((tab) => (
@@ -605,8 +645,12 @@ export function RoundPageContainer({
           </div>
           {details &&
             (isMobile ? (
-              <Sheet open={showDetails} onOpenChange={setShowDetails}>
-                <SheetContent side="end">
+              <Sheet open={showDetailsMobile} onOpenChange={setShowDetailsMobile}>
+                {/* Full width: the default 75% left a useless strip of page beside it. */}
+                <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"
+                >
                   <SheetHeader>
                     <SheetTitle>{detailsTitle ?? "Details"}</SheetTitle>
                   </SheetHeader>

package/src/components/containers/RoundPageContainerTitle.tsx

@@ -38,10 +38,74 @@ export function RoundPageContainerTitle({
   const { title } = useSharedContext();
   const isMobile = useIsMobile();
 
+  // A Tooltip on the toggle stays stuck on screen after a tap, so a phone gets
+  // the bare button. The aria-label carries the same text the tooltip shows,
+  // since the icon alone does not name the control.
+  const detailsLabel = `${showDetails ? "Hide" : "Show"} ${typeof detailsTitle === "string" ? detailsTitle : "details"}`;
+  const detailsToggle = details ? (
+    isMobile ? (
+      <Button
+        data-help="page.details"
+        variant={showDetails ? `ghost` : `default`}
+        onClick={() => setShowDetails(!showDetails)}
+        aria-label={detailsLabel}
+        className="shrink-0"
+      >
+        {detailsIcon ?? <InfoIcon />}
+      </Button>
+    ) : (
+      <Tooltip>
+        {/* render prop, not a Button nested inside the trigger: the trigger
+            renders its own <button>, and a button inside a button is invalid. */}
+        <TooltipTrigger
+          render={
+            <Button
+              data-help="page.details"
+              variant={showDetails ? `ghost` : `default`}
+              onClick={() => setShowDetails(!showDetails)}
+              aria-label={detailsLabel}
+              className={cn(`cursor-pointer`)}
+            />
+          }
+        >
+          {detailsIcon ?? <InfoIcon />}
+        </TooltipTrigger>
+        <TooltipContent>
+          {showDetails ? "Hide" : "Show"} {detailsTitle ?? "details"}
+        </TooltipContent>
+      </Tooltip>
+    )
+  ) : null;
+
   return (
     <div className="flex w-full flex-col border-b">
-      <div className={cn(`flex w-full flex-row items-center gap-x-2 p-4 justify-between`, HEADER_ROW_MIN_H)}>
-        {!isMobile ? (
+      {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.
+        <div className={cn(`flex w-full flex-col gap-y-2 p-4`, HEADER_ROW_MIN_H)}>
+          <div className="flex w-full min-w-0 items-center justify-between gap-x-2">
+            <div className="text-muted-foreground flex min-w-0 items-center gap-x-2 text-base font-light">
+              {title.titleActions}
+              {module && module.icon ? <module.icon className="text-primary h-5 w-5 shrink-0" /> : title.icon}
+              <span className="truncate">
+                {title.type}
+                {title.element && (
+                  <>
+                    <span aria-hidden> · </span>
+                    <span className="text-primary font-semibold">{title.element}</span>
+                  </>
+                )}
+              </span>
+            </div>
+            {detailsToggle}
+          </div>
+          {title.functions && (
+            <div className="flex w-full min-w-0 flex-wrap items-center justify-end gap-2">{title.functions}</div>
+          )}
+        </div>
+      ) : (
+        <div className={cn(`flex w-full flex-row items-center gap-x-2 p-4 justify-between`, HEADER_ROW_MIN_H)}>
           <div className="flex w-full gap-x-4">
             <div className={"text-muted-foreground flex items-center gap-x-2 text-lg font-light whitespace-nowrap"}>
               {title.titleActions}
@@ -50,43 +114,19 @@ export function RoundPageContainerTitle({
             </div>
             <div className={cn("text-primary w-full text-xl font-semibold")}>{title.element}</div>
           </div>
-        ) : (
-          <div className="text-muted-foreground flex min-w-0 items-center gap-x-2 text-base font-light">
-            {title.titleActions}
-            {module && module.icon ? <module.icon className="text-primary h-5 w-5 shrink-0" /> : title.icon}
-            <span className="truncate">{title.type}</span>
-          </div>
-        )}
-        {(title.functions || details) && (
-          <div className="flex shrink-0 items-center gap-x-2">
-            {title.functions}
-            {details && (
-              <Tooltip>
-                <TooltipTrigger>
-                  <Button
-                    data-help="page.details"
-                    render={<div />}
-                    nativeButton={false}
-                    variant={showDetails ? `ghost` : `default`}
-                    onClick={() => setShowDetails(!showDetails)}
-                    className={cn(`cursor-pointer`)}
-                  >
-                    {detailsIcon ?? <InfoIcon />}
-                  </Button>
-                </TooltipTrigger>
-                <TooltipContent>
-                  {showDetails ? "Hide" : "Show"} {detailsTitle ?? "details"}
-                </TooltipContent>
-              </Tooltip>
-            )}
-          </div>
-        )}
-      </div>
+          {(title.functions || details) && (
+            <div className="flex shrink-0 items-center gap-x-2">
+              {title.functions}
+              {detailsToggle}
+            </div>
+          )}
+        </div>
+      )}
       {title.actionBar && (
         <div
           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"
         >
           {/* The bar is the page's command row, so the commands inside it label
               themselves ("Edit", "Delete") instead of rendering the bare glyph

package/src/components/editors/BlockNoteEditor.tsx

@@ -872,7 +872,12 @@ export default function BlockNoteEditor({
         // font-size: 16px }` explicitly; outside AI mode the form's text-sm
         // wins via cascade, but ForkYDocExtension re-evaluates the style
         // context on AI activation and the explicit 16px takes over.
-        "[&_.bn-default-styles]:!text-sm",
+        // Phone: an editable field types at 16px, or iPhone Safari zooms the
+        // page in on focus. The two ranges never overlap, so neither depends on
+        // CSS source order to win.
+        onChange
+          ? "md:[&_.bn-default-styles]:!text-sm max-md:[&_.bn-default-styles]:!text-base"
+          : "[&_.bn-default-styles]:!text-sm",
         className,
       )}
     >
@@ -898,6 +903,13 @@ export default function BlockNoteEditor({
           // — and the surrounding EditorSheet form — to scroll instead of
           // scrolling internally.
           onChange && stretch && "[&.bn-container]:min-h-0 [&.bn-container]:overflow-y-auto",
+          // Phone — these reach the floating menus because BlockNote puts this
+          // className on its portal root too. The formatting toolbar (~450px)
+          // scrolls sideways instead of losing alignment and link off-screen;
+          // the slash menu is capped to the screen and drops its keyboard
+          // shortcut badges, which mean nothing on a touch screen.
+          "max-md:[&_.bn-formatting-toolbar]:max-w-[calc(100vw-1rem)] max-md:[&_.bn-formatting-toolbar]:overflow-x-auto max-md:[&_.bn-formatting-toolbar>*]:shrink-0",
+          "max-md:[&_.bn-suggestion-menu]:max-w-[calc(100vw-1rem)] max-md:[&_.bn-suggestion-menu_[role=option]>[data-position=right]]:hidden",
           size === "sm" && "small",
         )}
       >

package/src/components/forms/EntityMultiSelector.tsx

@@ -225,7 +225,7 @@ export function EntityMultiSelector<T extends { id: string }>({
             <Popover open={disabled ? false : open} onOpenChange={disabled ? undefined : setOpen} modal>
               <PopoverTrigger className="w-full" disabled={disabled}>
                 <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 ${
+                  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" : ""
                   }`}
                 >
@@ -249,7 +249,7 @@ export function EntityMultiSelector<T extends { id: string }>({
                     ref={searchInputRef}
                     placeholder={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)}
                   />
@@ -263,7 +263,7 @@ export function EntityMultiSelector<T extends { id: string }>({
                     </button>
                   )}
                 </div>
-                <div className="max-h-52 overflow-y-auto p-1">
+                <div className="max-h-52 max-md:min-h-0 overflow-y-auto p-1">
                   {sortedOptions.length === 0 ? (
                     <div className="text-muted-foreground py-4 text-center text-xs">{emptyText}</div>
                   ) : (
@@ -321,7 +321,7 @@ export function EntityMultiSelector<T extends { id: string }>({
                     {!disabled && (
                       <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)}
                       >
                         <XIcon className="size-3" />

package/src/components/forms/EntitySelector.tsx

@@ -165,7 +165,7 @@ export default function EntitySelector<T extends BaseEntity>({
             <Popover open={disabled ? false : open} onOpenChange={disabled ? undefined : setOpen} modal={true}>
               <PopoverTrigger className="w-full" disabled={disabled}>
                 <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 ${
+                  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" : ""}`}
                 >
@@ -191,7 +191,7 @@ export default function EntitySelector<T extends BaseEntity>({
               <PopoverContent align="start" className="w-(--anchor-width) pointer-events-auto">
                 <Command shouldFilter={false}>
                   <div className="relative mb-2 w-full">
-                    <SearchIcon className="text-muted-foreground absolute top-2.5 start-2.5 h-4 w-4" />
+                    <SearchIcon className="text-muted-foreground absolute top-2.5 max-md:top-3 start-2.5 h-4 w-4" />
                     <Input
                       placeholder={placeholder}
                       type="text"
@@ -200,10 +200,10 @@ export default function EntitySelector<T extends BaseEntity>({
                       value={searchTerm}
                     />
                     {isSearching ? (
-                      <RefreshCwIcon className="text-muted-foreground absolute top-2.5 end-2.5 h-4 w-4 animate-spin" />
+                      <RefreshCwIcon className="text-muted-foreground absolute top-2.5 max-md:top-3 end-2.5 h-4 w-4 animate-spin" />
                     ) : searchTermRef.current ? (
                       <XIcon
-                        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("");