chore(release): v2.4.19 - immersive mobile scroll lock

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "app-ts",
-  "version": "2.4.18",
+  "version": "2.4.19",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "app-ts",
-      "version": "2.4.18",
+      "version": "2.4.19",
       "license": "ISC",
       "dependencies": {
         "@anthropic-ai/sdk": "^0.102.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "app-ts",
-  "version": "2.4.18",
+  "version": "2.4.19",
   "description": "",
   "main": "dist/server.js",
   "scripts": {

src/admin/ui/AppShell.tsx

@@ -79,13 +79,22 @@ export default function AppShell() {
           duration: loggingOut ? 0.4 : 0.25,
           ease: [0.4, 0, 0.2, 1],
         }}
-        style={{ minHeight: "100dvh" }}
       >
         <Box
           sx={{
             display: "flex",
-            minHeight: "100dvh",
             bgcolor: "background.default",
+            // Immersive mobile pages must make the DOCUMENT exactly the
+            // small-viewport height and clip it: MIUI/Xiaomi Chrome keeps
+            // 100dvh at the large-viewport size while the URL bar overlays,
+            // so a 100dvh min-height leaves the page scrollable by the bar
+            // height (invisible in desktop emulation). svh + hidden overflow
+            // makes body scroll impossible regardless of dvh interpretation.
+            minHeight: immersiveOnMobile ? { xs: 0, md: "100dvh" } : "100dvh",
+            ...(immersiveOnMobile && {
+              height: { xs: "100svh", md: "auto" },
+              overflow: { xs: "hidden", md: "visible" },
+            }),
           }}
         >
           <Drawer
@@ -128,6 +137,7 @@ export default function AppShell() {
             sx={{
               flex: 1,
               minWidth: 0,
+              minHeight: 0,
               display: "flex",
               flexDirection: "column",
             }}
@@ -173,6 +183,10 @@ export default function AppShell() {
                 flex: 1,
                 px: immersiveOnMobile ? { xs: 0, md: 3 } : { xs: 2, md: 3 },
                 pb: immersiveOnMobile ? { xs: 0, md: 4 } : 4,
+                ...(immersiveOnMobile && {
+                  minHeight: 0,
+                  overflow: { xs: "hidden", md: "visible" },
+                }),
               }}
             >
               <Outlet />