Add preparing navigation to roadmap

AGENTS.md

@@ -15,7 +15,7 @@ This project uses GSD (Get Shit Done). All product scope, tech decisions, requir
 | File | What it is | When to read |
 |------|-----------|--------------|
 | `.planning/PROJECT.md` | Product scope, locked tech decisions, constraints, out-of-scope | Every session — source of truth |
-| `.planning/REQUIREMENTS.md` | 72 v1 requirements with REQ-IDs grouped by category, plus v2 / out-of-scope | When touching any feature area |
+| `.planning/REQUIREMENTS.md` | 73 v1 requirements with REQ-IDs grouped by category, plus v2 / out-of-scope | When touching any feature area |
 | `.planning/ROADMAP.md` | 11 phases with goals, mapped requirements, success criteria | To know which phase we're in |
 | `.planning/STATE.md` | Current phase + high-level pointer | Fast orientation |
 | `.planning/config.json` | Workflow settings (YOLO mode, fine granularity, quality models) | Rarely — set once |
@@ -26,7 +26,7 @@ This project uses GSD (Get Shit Done). All product scope, tech decisions, requir
 ## Tech stack (locked — see PROJECT.md § Key Decisions for full rationale)
 
 **Client (`composeApp/`):**
-- Kotlin Multiplatform + Compose Multiplatform (iOS-primary; Android, Desktop, Wasm secondary)
+- Kotlin Multiplatform + Compose Multiplatform (iOS-primary; Android secondary; Desktop/Wasm app targets removed from v1)
 - Navigation: `org.jetbrains.androidx.navigation:navigation-compose` (JetBrains-official CMP port of Jetpack Navigation)
 - State: ViewModel + StateFlow, method-per-action; `org.jetbrains.androidx.lifecycle:lifecycle-viewmodel-compose`
 - DI: Koin (`koin-core`, `koin-compose`, `koin-compose-viewmodel`)
@@ -37,7 +37,8 @@ This project uses GSD (Get Shit Done). All product scope, tech decisions, requir
 - Logging: Kermit (Touchlab)
 - Images: Coil 3 (`io.coil-kt.coil3:coil-compose`)
 - Settings/KV: `com.russhwolf:multiplatform-settings`
-- Glass/blur: Haze (`dev.chrisbanes.haze:haze`)
+- Components: Composables / Compose Unstyled from `composables.com` for new shared controls; avoid expanding the app around Material 3
+- Glass effects: Liquid (`io.github.fletchmckee.liquid:liquid`) first for menu/search/button chrome; Haze only as a fallback/simple blur tool if needed
 - Mobile OIDC: Lokksmith on Android/iOS (KMP interface; ASWebAuthenticationSession underneath on iOS)
 
 **Server (`server/`):**
@@ -57,10 +58,10 @@ This project uses GSD (Get Shit Done). All product scope, tech decisions, requir
 
 ```
 recipe/
-├── composeApp/          # KMP: commonMain + androidMain + iosMain + jvmMain (desktop)
+├── composeApp/          # KMP mobile app: commonMain + androidMain + iosMain
 ├── iosApp/              # iOS bootstrap (Swift/SwiftUI thin shell)
 ├── server/              # Ktor + Exposed + Postgres + Flyway
-├── shared/              # commonMain: domain + DTOs, no UI/HTTP/DB
+├── shared/              # commonMain domain + DTOs; jvm target exists for server dependency
 ├── build-logic/         # Convention plugins (Kotlin/Compose/test config)
 ├── gradle/libs.versions.toml  # Single source of truth for versions
 └── .planning/           # GSD planning artifacts (see above)
@@ -72,8 +73,8 @@ dev.ulfrx.recipe/
 ├── app/                 # App entry, Koin init, theme
 ├── navigation/          # NavHost, routes, nav graph (nested NavHosts per tab)
 ├── ui/
-│   ├── theme/           # Colors, typography, Haze glass styles
-│   ├── components/      # Shared composables
+│   ├── theme/           # Colors, typography, Liquid glass style tokens
+│   ├── components/      # Shared Recipe-styled composables built on Compose Unstyled where useful
 │   └── screens/{recipes,planner,pantry,shopping}/  # Each with screen + ViewModel
 ├── data/{local,remote,repository}/
 └── domain/              # Client-only logic; shared/ handles cross-cutting
@@ -92,14 +93,14 @@ dev.ulfrx.recipe/
 7. **iOS binary flags on day 1:** `kotlin.native.binary.objcDisposeOnMain=false`, `kotlin.native.binary.gc=cms`.
 8. **`shared/commonMain` stays light.** No Ktor, Compose, or SQLDelight imports.
 9. **Strings externalized from day 1** — Polish-only content, but resources are multi-locale-ready.
-10. **Haze blur on chrome only** (tab bar, nav bar), never over fast-scrolling content.
+10. **Liquid/glass effects on chrome only** (menu, tab/nav/search/button chrome), never over fast-scrolling content; Haze is fallback only.
 
 ## Current phase
 
 See `.planning/STATE.md`. The roadmap has 11 phases; you must work within the currently active one. Don't jump ahead.
 
 **Build order (load-bearing — do not reorder):**
-Phase 1 Infra → Phase 2 Auth → Phase 3 Households → Phase 4 SyncEngine skeleton → Phase 5 Recipe catalog → Phase 6 Planner core → Phase 7 Planner customization/nutrition → Phase 8 Pantry → Phase 9 Shopping → Phase 10 UI chrome (Haze) → Phase 11 Localization + deployment.
+Phase 1 Infra → Phase 2 Auth → Phase 2.1 App shell/navigation/search → Phase 3 Households → Phase 4 SyncEngine skeleton → Phase 5 Recipe catalog → Phase 6 Planner core → Phase 7 Planner customization/nutrition → Phase 8 Pantry → Phase 9 Shopping → Phase 10 UI chrome polish → Phase 11 Localization + deployment.
 
 ## GSD commands you'll use