@oxy.so/bloom 2.11.0 → 2.12.1

package/lib/typescript/module/stay-search/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/stay-search/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/stay-search/types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/module/track-list/parts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../../../src/track-list/parts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AACjE,OAAO,EAAe,KAAK,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAgBvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAGhE,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAEjE,qEAAqE;AACrE,UAAU,oBAAoB;IAC5B,IAAI,EAAE,kBAAkB,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iGAAiG;IACjG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC,CAAC;IAChD,iBAAiB,CAAC,EAAE,QAAQ,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EAAE,IAAI,EACV,kBAAkB,EAClB,OAAO,EACP,QAAgB,EAChB,OAAO,EACP,WAAW,EACX,KAAU,EACV,MAAM,EACN,iBAAiB,EAAE,KAAK,EACxB,GAAG,IAAI,EACR,EAAE,oBAAoB,2CA8CtB;AAED,8EAA8E;AAC9E,eAAO,MAAM,UAAU;YAMb,MAAM;UACR,MAAM;YACJ,MAAM;aACL,OAAO;EAgChB,CAAC;AAEH,sHAAsH;AACtH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,MAAM,GACP,EAAE;IACD,KAAK,EAAE,KAAK,CAAC,aAAa,GAAG,WAAW,CAAC,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,2CAiCA"}
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../../../src/track-list/parts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAe,KAAK,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAcvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAGhE,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAEjE,qEAAqE;AACrE,UAAU,oBAAoB;IAC5B,IAAI,EAAE,kBAAkB,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iGAAiG;IACjG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC,CAAC;IAChD,iBAAiB,CAAC,EAAE,QAAQ,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EAAE,IAAI,EACV,kBAAkB,EAClB,OAAO,EACP,QAAgB,EAChB,OAAO,EACP,WAAW,EACX,KAAU,EACV,MAAM,EACN,iBAAiB,EAAE,KAAK,EACxB,GAAG,IAAI,EACR,EAAE,oBAAoB,2CA6BtB;AAED,8EAA8E;AAC9E,eAAO,MAAM,UAAU;YAMb,MAAM;UACR,MAAM;YACJ,MAAM;aACL,OAAO;EAgChB,CAAC;AAEH,sHAAsH;AACtH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,MAAM,GACP,EAAE;IACD,KAAK,EAAE,KAAK,CAAC,aAAa,GAAG,WAAW,CAAC,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,2CAiCA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxy.so/bloom",
-  "version": "2.11.0",
+  "version": "2.12.1",
   "packageManager": "bun@1.3.14",
   "description": "Bloom UI — Oxy ecosystem component library for React Native + Expo + Web",
   "main": "lib/commonjs/index.js",

package/src/app-shell/AppShell.tsx

@@ -179,11 +179,15 @@ const AppShellComponent: React.FC<AppShellProps> = ({
    */
   const drawerStyle = variant === 'dashboard' ? drawer : 'overlay';
   const centred = variant === 'feed' || variant === 'focus';
+  const canvas = variant === 'canvas';
   // `focus` is a single column by definition and `split` has its `info` pane
   // instead, so neither takes an aside in EITHER position — beside or stacked.
   const hasAside = aside != null && variant !== 'focus' && variant !== 'split';
   const asideBeside = hasAside && width >= breakpointPx(asideFrom);
-  const asideStacked = hasAside && !asideBeside && asideCollapse === 'stack';
+  // A canvas has no scrolling column to stack an aside into — the screen IS the
+  // canvas — so below `asideFrom` the aside is dropped whatever `asideCollapse`
+  // says, rather than being rendered where nothing can reach it.
+  const asideStacked = hasAside && !asideBeside && asideCollapse === 'stack' && !canvas;
 
   const reducedMotion = useReducedMotion();
   const [open, setOpen] = useControllableState<boolean>({
@@ -451,6 +455,16 @@ const AppShellComponent: React.FC<AppShellProps> = ({
     );
   }
 
+  // A `panel` only FILLS when the shell was ASKED to bound it — `fixed` or
+  // `container`. With document scroll the page itself is the scroller and there
+  // is no height to fill, so the panel keeps growing with its content (and the
+  // frame is its own box, which is what stops it drifting under scroll).
+  //
+  // The test is the PROP, not the resolved mode: native resolves `document` to
+  // `container` because it has no document, and a page that asked for document
+  // scroll still wants its header to travel with the content there.
+  const panelFills = panel === true && scroll !== 'document' && mode !== 'document';
+
   // ---- the page region, per variant ---------------------------------------
   /** `feed` / `focus`: a fixed reading column, centred in what the nav leaves. */
   const centredBody = (
@@ -480,6 +494,33 @@ const AppShellComponent: React.FC<AppShellProps> = ({
           doc ? null : { alignSelf: 'stretch' },
         ]}
       >
+        {panelFills ? (
+          // A panel in a BOUNDED shell is the height of the screen and scrolls
+          // its own content: that is what makes it read as a panel — it reaches
+          // the bottom and closes there, like the rail beside it — instead of
+          // an open-ended column whose bottom edge is somewhere past the fold.
+          // The header is pinned inside it and only the routed content moves.
+          <ContentPanel
+            framedFrom={framedFrom}
+            fill
+            // The panel's box already IS the visible area here, so the frame is
+            // that box — no viewport maths, nothing to line up.
+            overlaySizing="panel"
+            surfaceStyle={{ flexGrow: 1, flexShrink: 1, flexBasis: 'auto', minHeight: 0 }}
+            contentStyle={{ flexGrow: 1, flexShrink: 1, flexBasis: 'auto', minHeight: 0 }}
+          >
+            <View style={{ flex: 1, minHeight: 0, padding: gutter, gap: 16 }}>
+              {headerNode}
+              <ScrollView
+                testID={testID ? `${testID}-page` : undefined}
+                style={{ flex: 1, minHeight: 0 }}
+                contentContainerStyle={{ gap: 16, paddingBottom: contentReserve }}
+              >
+                {children}
+              </ScrollView>
+            </View>
+          </ContentPanel>
+        ) : (
         <Scroller
           mode={mode}
           testID={testID ? `${testID}-page` : undefined}
@@ -489,6 +530,11 @@ const AppShellComponent: React.FC<AppShellProps> = ({
           {panel ? (
             <ContentPanel
               framedFrom={framedFrom}
+              // The sticky frame is pinned at the shell's OWN gutter, which is
+              // exactly where the panel starts. Left at the 8px default it
+              // would sit 8px above the panel's real top edge and snap down on
+              // the first scroll — the panel appearing to breathe.
+              overlayInset={gutter}
               // The panel's own `flex-1` (basis 0) would collapse to nothing in
               // a document-flow column, which has no free space to distribute.
               surfaceStyle={{ flexGrow: 1, flexShrink: 1, flexBasis: 'auto' }}
@@ -515,6 +561,7 @@ const AppShellComponent: React.FC<AppShellProps> = ({
           )}
           {asideStacked ? <View testID={testID ? `${testID}-aside` : undefined}>{aside}</View> : null}
         </Scroller>
+        )}
       </View>
       {asideColumn({})}
     </View>
@@ -574,7 +621,40 @@ const AppShellComponent: React.FC<AppShellProps> = ({
     </>
   );
 
-  const body = variant === 'split' ? splitBody : centred ? centredBody : dashboardBody;
+  /**
+   * `canvas`: the content IS the screen. One area, edge to edge — no reading
+   * column, no max width, no padding — with the header (if any) above it in
+   * flow, because a toolbar over a map belongs to the map. The `topBar`,
+   * `bottomBar`, `floatingAction` and `overlay` slots float over it as they do
+   * everywhere else, which is how a canvas gets its chrome without the canvas
+   * giving up its area.
+   *
+   * The shell's own padding moves OUT of the row and onto the regions here
+   * (below), so the nav is still a card with a gutter around it while the
+   * canvas runs to the window's edge. No negative margins: each region states
+   * its own inset.
+   */
+  const canvasBody = (
+    <>
+      <View
+        testID={testID ? `${testID}-page` : undefined}
+        style={{ flex: 1, minWidth: 0, minHeight: 0, backgroundColor: background }}
+      >
+        {headerNode}
+        <View style={{ flex: 1, minHeight: 0, minWidth: 0 }}>{children}</View>
+      </View>
+      {asideColumn(canvas ? { padding: gutter, paddingLeft: 0 } : {})}
+    </>
+  );
+
+  const body =
+    variant === 'split'
+      ? splitBody
+      : canvas
+        ? canvasBody
+        : centred
+          ? centredBody
+          : dashboardBody;
 
   // A DOCKED nav is flush to the window: it takes the shell's whole height and
   // its own hairline is the separator, so the shell gives up its left and
@@ -586,6 +666,11 @@ const AppShellComponent: React.FC<AppShellProps> = ({
         <View style={stickyRail(dockedNav ? 0 : gutter)}>
           <Sidebar {...flowSidebar} />
         </View>
+      ) : canvas && !dockedNav ? (
+        // The canvas row has no padding of its own, so the nav states its.
+        <View style={{ padding: gutter, paddingRight: 0, flexShrink: 0 }}>
+          <Sidebar {...flowSidebar} />
+        </View>
       ) : (
         <Sidebar {...flowSidebar} />
       )
@@ -615,8 +700,10 @@ const AppShellComponent: React.FC<AppShellProps> = ({
 
   const rowStyle: WebCssStyle = {
     flexDirection: 'row',
-    gap: dockedNav ? 0 : columnGap,
-    padding: gutter,
+    gap: dockedNav || canvas ? 0 : columnGap,
+    // A canvas runs to the window's edge, so the row keeps no padding at all
+    // and each region carries its own (the nav below, the aside in `canvasBody`).
+    padding: canvas ? 0 : gutter,
     ...(dockedNav ? { paddingLeft: 0, paddingTop: 0, paddingBottom: 0 } : null),
     backgroundColor: background,
   };

package/src/app-shell/layout.ts

@@ -19,13 +19,18 @@ export type ScrollMode = 'document' | 'container' | 'fixed';
  * Which frame a shell actually gets.
  *
  * Native has no document, so `document` falls back to `container` there.
- * `split` is the other reduction: its panes each own their scrolling, which is
- * only expressible inside a bounded box — a document-scrolling split would have
- * one pane growing the page and the others pinned to nothing. So `split`
- * resolves `document` to `fixed` (one screen) and honours `container` as-is.
+ * `split` and `canvas` are the other reductions: a split's panes each own their
+ * scrolling, which is only expressible inside a bounded box (a document-
+ * scrolling split would have one pane growing the page and the others pinned to
+ * nothing), and a canvas is the viewport itself. Both resolve `document` to
+ * `fixed` (one screen) and honour `container` as-is.
  */
 export function resolveScrollMode(variant: AppShellVariant, scroll: AppShellScroll): ScrollMode {
-  if (variant === 'split') return scroll === 'container' ? 'container' : 'fixed';
+  // `split` and `canvas` are the two shapes that cannot grow a document: a
+  // split's panes each own their scrolling, and a canvas IS the viewport (a map
+  // that grew the page would pan the page instead of the map). Both honour
+  // `container` for a shell embedded in a bounded box.
+  if (variant === 'split' || variant === 'canvas') return scroll === 'container' ? 'container' : 'fixed';
   if (scroll === 'document' && Platform.OS !== 'web') return 'container';
   return scroll;
 }

package/src/app-shell/types.ts

@@ -32,8 +32,14 @@ export type AppShellDrawer = 'overlay' | 'reveal';
  * - `focus` — a single centred column of `contentWidth` and NO nav: sign-in,
  *   onboarding, a reader. It keeps the header, `topBar`, `bottomBar` and
  *   `floatingAction` slots, so a sign-up flow still gets its footer CTA.
+ * - `canvas` — the content is the SCREEN: one edge-to-edge area with no reading
+ *   column, no max width and no padding, exactly one viewport tall, and the
+ *   chrome floats over it. A map, a board, an editor, a photo viewer. Each
+ *   region keeps its own inset (the nav is still a card with a gutter around
+ *   it) so only the canvas runs to the edge. Like `split`, it never scrolls the
+ *   document — the canvas owns its own panning and zooming.
  */
-export type AppShellVariant = 'dashboard' | 'feed' | 'split' | 'focus';
+export type AppShellVariant = 'dashboard' | 'feed' | 'split' | 'focus' | 'canvas';
 
 /** Which single pane a `split` shell shows below `splitFrom`. */
 export type AppShellPane = 'list' | 'detail' | 'info';
@@ -108,7 +114,11 @@ export interface AppShellProps {
   asideWidth?: number;
   /** The breakpoint the aside sits beside the content from. Defaults to `xl` (1280). */
   asideFrom?: AppShellBreakpoint;
-  /** Below `asideFrom`: `stack` (default) renders it after the content, `hidden` drops it. */
+  /**
+   * Below `asideFrom`: `stack` (default) renders it after the content, `hidden`
+   * drops it. `canvas` always drops it — the screen is the canvas, so there is
+   * no column underneath to stack into.
+   */
   asideCollapse?: 'stack' | 'hidden';
   children?: ReactNode;
   /** The content column's max width. Defaults to 1300. */

package/src/content-panel/ContentPanel.tsx

@@ -71,6 +71,7 @@ const ContentPanelComponent: React.FC<ContentPanelProps> = ({
   children,
   framed,
   framedFrom = 768,
+  fill = false,
   surfaceClassName,
   surfaceStyle,
   surfaceColor,
@@ -97,7 +98,7 @@ const ContentPanelComponent: React.FC<ContentPanelProps> = ({
       : framed
         ? 'flex-1 overflow-hidden rounded-radius-28 border border-border'
         : 'flex-1';
-  const surfaceClass = [surfaceBase, surfaceClassName ?? 'bg-card'].join(' ');
+  const surfaceClass = [surfaceBase, fill ? 'min-h-0' : '', surfaceClassName ?? 'bg-card'].filter(Boolean).join(' ');
   // Native has no overlays: the surface itself carries the edge. `none` drops
   // both, `border` keeps the class-drawn hairline, `elevated` adds the lift.
   const chromeStyle =
@@ -106,7 +107,12 @@ const ContentPanelComponent: React.FC<ContentPanelProps> = ({
       : shadow || panelChrome
         ? { boxShadow: shadow ?? panelChrome?.shadow }
         : null;
-  const contentClass = ['flex-1', contentClassName].filter(Boolean).join(' ');
+  // `fill` is the panel's own height contract, and on native it is already
+  // met: both boxes are `flex: 1`, so in a bounded parent the panel reaches the
+  // bottom and a list inside it scrolls within it. What the prop adds here is
+  // `min-h-0`, so a tall child cannot push the panel past the box it was given
+  // — the same automatic-minimum-size trap as on web.
+  const contentClass = ['flex-1', fill ? 'min-h-0' : '', contentClassName].filter(Boolean).join(' ');
 
   return (
     <ContentPanelNestingContext.Provider value={true}>

package/src/content-panel/ContentPanel.web.tsx

@@ -148,6 +148,7 @@ const ContentPanelComponent: React.FC<ContentPanelProps> = ({
   children,
   framed,
   framedFrom = 768,
+  fill = false,
   surfaceClassName,
   surfaceStyle,
   surfaceColor,
@@ -157,8 +158,8 @@ const ContentPanelComponent: React.FC<ContentPanelProps> = ({
   chrome = 'elevated',
   shadow,
   maskColor,
-  overlaySizing = 'panel',
-  overlayTopOffset,
+  overlaySizing = 'viewport',
+  overlayInset,
 }) => {
   // Dev-only invariant — must run unconditionally (before deriving any
   // mode-specific branch) so the hook order stays stable (rules of hooks).
@@ -194,6 +195,15 @@ const ContentPanelComponent: React.FC<ContentPanelProps> = ({
     : framed
       ? 'flex-1 rounded-radius-28 web:overflow-x-clip'
       : 'flex-1';
+  // `fill`: the panel takes the height its parent gives it and the CONTENT
+  // scrolls inside. `min-h-0` on both boxes is the whole trick — a flex child's
+  // automatic minimum size is its content, so without it the panel grows past
+  // the box it was told to fit and the scroller never gets a height to scroll
+  // against. The overflow goes on the content wrapper, never the surface: the
+  // surface is what the frame and the mask are drawn to, and a scrolling
+  // surface would scroll the edge with it.
+  const fillSurface = fill ? 'min-h-0' : '';
+  const fillContent = fill ? 'min-h-0 web:[overflow-y:auto]' : '';
   // `overlaySizing="panel"`: the surface becomes a single-cell CSS Grid so the
   // overlays and the content wrapper below can all be placed in that ONE cell
   // (`web:[grid-area:1/1]`) and each fill it exactly — `minmax(0,1fr)` (not
@@ -204,32 +214,36 @@ const ContentPanelComponent: React.FC<ContentPanelProps> = ({
   const gridStackClass = boundToPanel
     ? 'web:grid web:[grid-template-columns:minmax(0,1fr)] web:[grid-template-rows:minmax(0,1fr)]'
     : '';
-  const surfaceClass = [surfaceBase, gridStackClass, surfaceClassName ?? 'bg-card'].filter(Boolean).join(' ');
-  const contentClass = [contentBase, boundToPanel ? 'web:[grid-area:1/1]' : '', contentClassName]
+  const surfaceClass = [surfaceBase, fillSurface, gridStackClass, surfaceClassName ?? 'bg-card'].filter(Boolean).join(' ');
+  const contentClass = [contentBase, fillContent, boundToPanel ? 'web:[grid-area:1/1]' : '', contentClassName]
     .filter(Boolean)
     .join(' ');
 
-  // `overlayTopOffset`: the viewport-mode overlays are sized/positioned from
-  // literal Tailwind classes (`top-2`, `h-[calc(100dvh-16px)]`, a matching
-  // negative `margin-bottom`) because those values are constants known at
-  // build time. An offset is a runtime number (a consumer's measured header
-  // height), which a Tailwind arbitrary class can't express — content-scanning
-  // needs the literal class string in source, not a value computed later — so
-  // this shifts the same three properties via inline `style` instead, which
-  // has no such constraint. No-op in `panel` mode (already starts at the
-  // panel's own box) and when unset (0/undefined) — the className values are
-  // left standing on their own in both of those cases.
+  // The viewport-mode overlays are sized and positioned from literal Tailwind
+  // classes (`top-2`, `h-[calc(100dvh-16px)]`, the matching negative
+  // `margin-bottom`) because those values are constants known at build time.
+  // An INSET is a runtime number — a shell's gutter, a measured header — which
+  // a Tailwind arbitrary class cannot express (content-scanning needs the
+  // literal string in source, not a value computed later), so a non-default
+  // inset shifts the same three properties through inline `style` instead,
+  // which has no such constraint. The default (8/8) leaves the classes standing
+  // alone, and `panel` mode ignores the inset entirely — that mode already
+  // starts at the panel's own box.
+  //
   // RN's `ViewStyle.height`/`marginBottom` types only accept a number or a
-  // `${number}%` string (not an arbitrary CSS `calc()` string), because most
-  // of this type is shared with native, where `calc()` doesn't exist. This
-  // file is web-only, where it's a real, valid CSS value react-native-web
-  // passes straight through — the same reasoning `WebViewStyle`/`asViewStyle`
-  // document in OxyHQ/Mention's `types/webStyles.ts` for the identical need.
-  const topOffsetStyle = !boundToPanel && overlayTopOffset
+  // `${number}%` string, not an arbitrary CSS `calc()`, because most of that
+  // type is shared with native where `calc()` does not exist. This file is
+  // web-only, where it is a real value react-native-web passes straight
+  // through.
+  const insetTop = typeof overlayInset === 'number' ? overlayInset : (overlayInset?.top ?? PANEL_TOP_INSET);
+  const insetBottom =
+    typeof overlayInset === 'number' ? overlayInset : (overlayInset?.bottom ?? PANEL_BOTTOM_INSET);
+  const customInset = insetTop !== PANEL_TOP_INSET || insetBottom !== PANEL_BOTTOM_INSET;
+  const insetStyle = !boundToPanel && customInset
     ? ({
-        top: 8 + overlayTopOffset,
-        height: `calc(100dvh - ${16 + overlayTopOffset}px)`,
-        marginBottom: `calc(-100dvh + ${16 + overlayTopOffset}px)`,
+        top: insetTop,
+        height: `calc(100dvh - ${insetTop + insetBottom}px)`,
+        marginBottom: `calc(-100dvh + ${insetTop + insetBottom}px)`,
       } as unknown as ViewStyle)
     : undefined;
 
@@ -261,7 +275,7 @@ const ContentPanelComponent: React.FC<ContentPanelProps> = ({
                   ? `web:sticky web:top-2 z-30 h-[calc(100dvh-16px)] w-full rounded-radius-28 ${bp.overlayHidden} web:[margin-bottom:calc(-100dvh+16px)] web:[clip-path:inset(-12px)]`
                   : 'web:sticky web:top-2 z-30 h-[calc(100dvh-16px)] w-full rounded-radius-28 web:[margin-bottom:calc(-100dvh+16px)] web:[clip-path:inset(-12px)]'
             }
-            style={{ ...topOffsetStyle, boxShadow: `0 0 0 ${GUTTER_MASK_SPREAD}px ${maskColor ?? colors.background}` }}
+            style={{ ...insetStyle, boxShadow: `0 0 0 ${GUTTER_MASK_SPREAD}px ${maskColor ?? colors.background}` }}
           />
         )}
         {/* (2) Border-frame overlay — one continuous rounded border, above all.
@@ -274,7 +288,7 @@ const ContentPanelComponent: React.FC<ContentPanelProps> = ({
             // The shadow rides the SAME element as the hairline, so the lift and
             // the edge can never disagree about where the panel ends. It paints
             // outward, into the gutter the page background shows.
-            style={[topOffsetStyle, chrome === 'elevated' && (shadow || panelChrome)
+            style={[insetStyle, chrome === 'elevated' && (shadow || panelChrome)
                 ? { boxShadow: shadow ?? panelChrome?.shadow }
                 : null]}
             className={

package/src/content-panel/types.ts

@@ -52,6 +52,28 @@ export interface ContentPanelProps {
    * For an app that wants its own elevation without giving up the hairline.
    */
   shadow?: string;
+  /**
+   * The panel is the HEIGHT OF THE SPACE IT IS GIVEN, and its content scrolls
+   * inside it — instead of the panel growing with its content while the page
+   * scrolls underneath.
+   *
+   * This is what makes a framed column read as a panel: it reaches the bottom
+   * of the screen and closes there, the way the rail beside it does. Without
+   * it, a feed taller than the window gives a panel whose top edge you see and
+   * whose bottom edge is somewhere past the fold — an open-ended column, not a
+   * surface.
+   *
+   * It needs a parent that BOUNDS it (a flex column with a real height): an
+   * `AppShell` with `scroll="fixed"` or `scroll="container"`, or any screen
+   * that is `flex: 1`. In a document-scrolled page there is no height to fill
+   * and the panel keeps growing with its content — that page wants
+   * `scroll="document"`, not this prop.
+   *
+   * On web the content wrapper becomes the scroller. On native the panel and
+   * its content are already `flex: 1`, so a `FlatList`/`ScrollView` inside
+   * fills the panel and scrolls within it.
+   */
+  fill?: boolean;
   /** Override the surface background utility (defaults to `bg-card`). */
   surfaceClassName?: string;
   surfaceStyle?: StyleProp<ViewStyle>;
@@ -89,52 +111,38 @@ export interface ContentPanelProps {
    */
   maskColor?: string;
   /**
-   * How the WEB overlays (bleed-mask, border-frame) size themselves. No-op on
-   * native (there are no overlays to size).
-   * - `'viewport'` (DEFAULT) — sized to the dynamic viewport height (`100dvh`)
-   *   and `position: sticky`-pinned, so they read as a constant frame around
-   *   the visible slice of a panel whose own DOM height can exceed one screen
-   *   — the document-scroll case (e.g. a feed whose page grows with content).
-   *   Requires the panel to sit in a document that actually scrolls; see
-   *   `ContentPanel.web.tsx`'s doc comment.
-   * - `'panel'` — sized to the panel's own real box via CSS Grid layer-
-   *   stacking (the overlays and the content wrapper all occupy the same
-   *   grid cell) instead of viewport math. The right mode for a consumer
-   *   whose own shell already bounds the panel's height (no document
-   *   scroll — a fixed app shell with its own internal scroll containers),
-   *   where anything the consumer places outside the panel (e.g. a header
-   *   above it) must never be overlapped by an overlay sized to the whole
-   *   viewport.
-   */
-  /**
-   * DEFAULT `'panel'`. The edge describes the panel's OWN box, so it scrolls
-   * with the content like any other border: on a page taller than the screen
-   * you see the two side edges while scrolling and the rounded corners at the
-   * ends, which is what a long framed column looks like.
+   * How the WEB overlays (the bleed-mask and the border frame) size themselves.
+   * No-op on native (there are no overlays to size).
    *
-   * `'viewport'` is the older behaviour: the frame is a screen-tall sticky
-   * rectangle, so a rounded top and bottom edge follow the viewport down the
-   * page. It reads as the panel breathing — the frame holds still while the
-   * content moves inside it, and it jumps 8px on the first scroll — which is
-   * why it is no longer the default. It remains for a consumer that wants that
-   * constant frame.
+   * - `'viewport'` (DEFAULT) — the frame is a SCREEN-TALL sticky rectangle:
+   *   `100dvh` minus the insets, pinned at `overlayInset`. The panel's own box
+   *   grows with its content and the document scrolls it, while the edge stays
+   *   where the screen is — so the panel reads as a surface that occupies the
+   *   window from top to bottom and the content moves inside it. This is the
+   *   mode for a page that scrolls the document.
+   * - `'panel'` — the overlays are the panel's OWN box, through CSS Grid
+   *   layer-stacking (the overlays and the content wrapper share one grid
+   *   cell). The right mode when the panel's box already IS the visible area
+   *   (`fill`, inside a shell that bounds it) or when something the consumer
+   *   placed outside the panel — a header above it — must never be painted
+   *   over by an overlay sized to the whole viewport.
    */
   overlaySizing?: 'viewport' | 'panel';
   /**
-   * Pixels of REAL, persistent chrome the consumer has placed above the panel
-   * — outside it, in normal document flow — that the viewport-mode overlays
-   * (`overlaySizing="viewport"`, the default) do not otherwise know about.
-   * No-op when `overlaySizing="panel"` (that mode already starts at the
-   * panel's own box, wherever that is) and on native (no overlays there).
+   * The gap between the VIEWPORT's edge and the sticky frame, in `'viewport'`
+   * mode. Default 8.
+   *
+   * **It must equal the distance from the top of the screen to the panel's own
+   * top edge.** Sticky positioning leaves an element at its static position
+   * until scrolling would push it past the inset — so a panel that starts 16px
+   * down the page with an 8px inset draws its frame at 16, then SNAPS it to 8
+   * on the first scroll. That 8px jump is the whole bug, and it reads as the
+   * panel breathing. A shell passes its own gutter here.
    *
-   * The overlays are sized/positioned off the VIEWPORT (`top: 8px`,
-   * `height: calc(100dvh - 16px)`) on the assumption that the panel begins
-   * near the true top of the screen. A consumer with its own sticky chrome
-   * above the panel (a header, say, kept sticky-pinned the same way) shifts
-   * where the panel visually starts without moving the panel's own DOM
-   * position, so the overlays would still read from viewport 0 and paint
-   * over that chrome. This shifts their `top` down and shrinks their height
-   * by the same amount, so they begin exactly where the panel visually does.
+   * Takes a pair when the top and the bottom differ — persistent chrome above
+   * the panel (a sticky header the consumer keeps outside it) shifts where the
+   * panel visually starts without moving its DOM position, so the frame has to
+   * start lower without also ending higher.
    */
-  overlayTopOffset?: number;
+  overlayInset?: number | { top: number; bottom: number };
 }