Screen: Journal Stream

Route: /journal
Host Component: apps/playground/app/views/stream/QueriableStreamView.tsx (JOURNAL_STREAM_PROFILE)
Domain Models: Note, Note source (rawContent + occurrence map; saved states in BlockRevision), Page, Tag, BlockIndexRow

1. Component & Service Dependencies

QueriableStreamView (apps/playground/app/views/stream/QueriableStreamView.tsx). Unified stream controller.
StreamQueryBar (apps/playground/app/views/stream/StreamQueryBar.tsx). Single-line query bar embedded in the sticky header.
StreamFeed (apps/playground/app/views/stream/StreamFeed.tsx). Grouped chronological feed view.
JournalDateScroll (apps/playground/app/views/queriable-list/JournalDateScroll.tsx). Date-grouped scroll runway with virtualized intersection observers.
MobileQueryFooter (apps/playground/src/templates/SidebarLayout.tsx). Mobile bottom query button row.

queryService (apps/playground/src/services/queryService.ts). Executes WQL queries against IndexedDB fact stores.
routeWqlConfig (apps/playground/app/lib/routeWqlConfig.ts). Stores user-configured default queries per stream route.
viewSettingsStorage (apps/playground/app/lib/viewSettingsStorage.ts). Persists layout mode (Cards, Feed, Rows) and visible fields.

useComposerQueryState (apps/playground/app/hooks/useComposerQueryState.ts). Synchronizes WQL query drafts with URL parameters.
useViewSettings (apps/playground/app/hooks/useViewSettings.ts). Manages stream layout and field display toggles.

Left Rails (Icon Rail + Context Sidebar): Journal stream link highlighted in context tree.
Sticky Header:
- Full-width StreamQueryBar embedded in header slot.
- Three visual zones: Data-type selector pill (notes), query token chips (last 2w), and search trigger (⌘K).
- Layout toggle switch (Feed / Cards / Rows) and Add Entry button.
Main Stream Column:
- Date-grouped stream items with infinite scroll sentinels.
- Cards show title, tags, formatted workout preview, and quick-action buttons.
Right Rail (216px right): Contextual date jump navigator and month groupings.

Header: Sticky page header hidden. Top navbar displays title and Cast icon.
Stream Feed: Full-width scrolling feed cards optimized for touch scanning.
Bottom Thumb Footer: Fixed button row spanning bottom screen width. Tap opens the slide-up WQL query composer sheet.
Thumb Dock Cluster: Search FAB and actions FAB float above the thumb footer via --thumb-dock-lift.

Header Query Bar vs Bottom Footer:
- Desktop executes query edits directly in the sticky top bar.
- Mobile elevates the query editor into a slide-up bottom sheet to clear the software keyboard.
Date Group Scroll Synchronization:
- Intersection observers on date group headers synchronize with the table of contents rail on desktop and floating date pill on mobile.