Design Phase · Product Design
All 20 screens from 04_INFORMATION_ARCHITECTURE.md, freely navigable — real tab bar, FAB, and back stack, not a scripted demo. Bot and Mini App designed together per ADR-012.
Every color, spacing value, component and screen is taken directly from the Phase 5 Product Experience documentation — nothing here introduces a new workflow or business rule. Tap the Bot's messages, the tab bar, the FAB, or anything inside the Mini App — navigation is real, not scripted. The eight pills above are shortcuts to interesting starting points, not separate demos: once you land, everything is explorable. Neither interface is primary — Records and Reports are pull surfaces the Bot never pushes into, exactly as 05_NAVIGATION.md specifies.