anentrypoint-design 0.0.154 → 0.0.156

package/app-shell.css

@@ -291,6 +291,12 @@ pre .n { color: var(--green-2); }
   height: 100%;
 }
 .app-main > * { min-height: 0; flex-shrink: 0; }
+/* Reserve the scrollbar track so routes with/without overflow don't shift
+   the layout horizontally when the bar appears. */
+.app-main { scrollbar-gutter: stable; }
+/* Jump-target anchors clear the inner-scroll top edge (no chrome overlap,
+   but a little breathing room when deep-linked within .app-main). */
+.app-main [id] { scroll-margin-top: var(--space-4); }
 .app-main > .chat,
 .app-main > .chat-area,
 .app-main > .ds-file-stage,
@@ -2498,12 +2504,19 @@ body {
   .app-topbar .brand { margin-left: 44px; }
 }
 
-/* Desktop: independent scroll for side rail and main, so a short viewport
-   keeps the bottom nav items reachable and main scrolls on its own. */
+/* Desktop: the app shell is exactly viewport-height and contains its own
+   scroll, so only .app-main (and the side rail) scroll — never the page too.
+   Pinning .app to 100dvh + overflow:hidden is what prevents the double
+   scrollbar that a min-height:100vh shell + inner overflow:auto produces.
+   .app-body fills the gap between topbar/crumb and status via flex:1 rather
+   than a hand-computed calc() that drifts from the real chrome heights. */
 @media (min-width: 901px) {
-  .app-body { min-height: 0; max-height: calc(100vh - var(--app-topbar-h) - var(--app-crumb-h, 0px) - var(--app-status-h, 0px)); }
-  .app-side-shell { overflow-y: auto; max-height: 100%; }
-  .app-main { overflow-y: auto; max-height: 100%; }
+  .app { height: 100dvh; min-height: 0; overflow: hidden; }
+  /* Embedded shell (freddie WM window) fills its container, not the viewport. */
+  .fd-root .app { height: 100%; overflow: visible; }
+  .app-body { min-height: 0; flex: 1 1 auto; }
+  .app-side-shell { overflow-y: auto; min-height: 0; }
+  .app-main { overflow-y: auto; min-height: 0; }
 }
 
 /* Mobile (≤480) status bar compact; hide tail item */

package/dist/247420.css

@@ -613,6 +613,12 @@
   height: 100%;
 }
 .ds-247420 .app-main > * { min-height: 0; flex-shrink: 0; }
+/* Reserve the scrollbar track so routes with/without overflow don't shift
+   the layout horizontally when the bar appears. */
+.ds-247420 .app-main { scrollbar-gutter: stable; }
+/* Jump-target anchors clear the inner-scroll top edge (no chrome overlap,
+   but a little breathing room when deep-linked within .app-main). */
+.ds-247420 .app-main [id] { scroll-margin-top: var(--space-4); }
 .ds-247420 .app-main > .chat,
 .ds-247420 .app-main > .chat-area,
 .ds-247420 .app-main > .ds-file-stage,
@@ -2810,12 +2816,19 @@
   .ds-247420 .app-topbar .brand { margin-left: 44px; }
 }
 
-/* Desktop: independent scroll for side rail and main, so a short viewport
-   keeps the bottom nav items reachable and main scrolls on its own. */
+/* Desktop: the app shell is exactly viewport-height and contains its own
+   scroll, so only .app-main (and the side rail) scroll — never the page too.
+   Pinning .app to 100dvh + overflow:hidden is what prevents the double
+   scrollbar that a min-height:100vh shell + inner overflow:auto produces.
+   .app-body fills the gap between topbar/crumb and status via flex:1 rather
+   than a hand-computed calc() that drifts from the real chrome heights. */
 @media (min-width: 901px) {
-  .ds-247420 .app-body { min-height: 0; max-height: calc(100vh - var(--app-topbar-h) - var(--app-crumb-h, 0px) - var(--app-status-h, 0px)); }
-  .ds-247420 .app-side-shell { overflow-y: auto; max-height: 100%; }
-  .ds-247420 .app-main { overflow-y: auto; max-height: 100%; }
+  .ds-247420 .app { height: 100dvh; min-height: 0; overflow: hidden; }
+  /* Embedded shell (freddie WM window) fills its container, not the viewport. */
+  .ds-247420 .fd-root .app { height: 100%; overflow: visible; }
+  .ds-247420 .app-body { min-height: 0; flex: 1 1 auto; }
+  .ds-247420 .app-side-shell { overflow-y: auto; min-height: 0; }
+  .ds-247420 .app-main { overflow-y: auto; min-height: 0; }
 }
 
 /* Mobile (≤480) status bar compact; hide tail item */