- );
- }
-
- // Nested-scroll layout: header is pinned at the top of the cards section,
- // the card list below scrolls independently inside `flex-1 overflow-y-auto`.
- // `min-h-0` is the Tailwind escape hatch for the flex-overflow gotcha —
- // without it, `flex-1` children with overflow won't actually shrink to
- // the parent's height and the inner scrollbar never engages.
- return (
-
- {/*
- Card list. Two height knobs working together:
- * `flex-1 min-h-0` — when an ancestor has a constrained height
- (e.g. a panel with `h-full`), the inner scroll area fills the
- remaining space and `min-h-0` is the flex-overflow escape
- hatch that lets it actually shrink + scroll instead of
- blowing the parent's bounds.
- * `max-h-[70vh]` — when the cards live inside a flow-sized
- container (the current Intelligence tab uses `space-y-6` with
- no `h-full`, so the panel just grows with content), this
- caps the list at roughly the viewport's upper half. On a
- typical laptop the cap is ~720px, which fits ~8 cards
- comfortably; on a 720p display it shrinks to ~500px.
- Either way the inner list scrolls independently of the rest
- of the Subconscious tab once the cap is hit.
- */}
-