49 KiB
49 KiB
phase, plan, type, wave, depends_on, files_modified, autonomous, requirements, tags, must_haves
| phase | plan | type | wave | depends_on | files_modified | autonomous | requirements | tags | must_haves | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 02.1 | 07 | execute | 3 |
|
|
true |
|
|
|
This plan delivers UI-09 (anticipatory empty states with calm Polish copy on every tab — D-10/D-11/D-12). It depends on plan 02.1-02 (theme tokens) and 02.1-04 (BottomBarDestination + shared shell/search resource keys) — every tab screen reads RecipeTheme.colors.background, RecipeTheme.typography.title, RecipeTheme.spacing.lg/xl, plus the EmptyState component.
Plan 02.1-08 (Wave 5) wires the four tab screens into RootNavHost (replacing the TabHomePlaceholder stubs from plan 02.1-04) and registers all four tab VMs in ShellModule.
Per CONTEXT D-12 there are NO CTAs in empty states this phase — the action slot on EmptyState is reserved unused. Per CONTEXT D-04 there is no top app bar — each screen renders its tab title inline at the top of its body.
Purpose: UI-09 hard-coded — anticipatory empty states with calm Polish copy on every tab. Output: 9 new commonMain files (1 EmptyState + 4 screens + 4 VMs); strings.xml extended with 8 empty-state keys.
<execution_context> @$HOME/.claude/get-shit-done/workflows/execute-plan.md @$HOME/.claude/get-shit-done/templates/summary.md </execution_context>
@.planning/PROJECT.md @.planning/ROADMAP.md @.planning/STATE.md @.planning/phases/02.1-app-shell-navigation-search-foundation/02.1-CONTEXT.md @.planning/phases/02.1-app-shell-navigation-search-foundation/02.1-RESEARCH.md @.planning/phases/02.1-app-shell-navigation-search-foundation/02.1-UI-SPEC.md @.planning/phases/02.1-app-shell-navigation-search-foundation/02.1-PATTERNS.md @composeApp/src/commonMain/kotlin/dev/ulfrx/recipe/ui/screens/auth/PostLoginPlaceholderScreen.kt @composeApp/src/commonMain/kotlin/dev/ulfrx/recipe/ui/screens/auth/LoginViewModel.kt @composeApp/src/commonMain/composeResources/values/strings.xml After plan 02.1-02 lands: ```kotlin // dev.ulfrx.recipe.ui.theme object RecipeTheme { val colors: RecipeColors @Composable @ReadOnlyComposable get() // .background, .content, .contentMuted, .surfaceGlass, ... val typography: RecipeTypography @Composable @ReadOnlyComposable get() // .display, .title, .body, .label val spacing: RecipeSpacing @Composable @ReadOnlyComposable get() // .xs, .sm, .lg, .xl, then "2xl" / "3xl" — verify exact identifier names from RecipeSpacing.kt (likely .xxl / .xxxl since identifiers can't start with digits) } ```After plan 02.1-04 lands (if Wave-1 ordering is preserved):
// dev.ulfrx.recipe.navigation
enum class BottomBarDestination {
Planner(graphRoute = PlannerGraph, labelRes = ..., icon = Icons.Outlined.CalendarMonth, ...),
Recipes(... icon = Icons.Outlined.MenuBook ...),
Pantry(... icon = Icons.Outlined.Inventory2 ...),
Shopping(... icon = Icons.Outlined.ShoppingCart ...),
}
This plan reads BottomBarDestination.Planner.icon etc. as the EmptyState icon parameter — keeps icon mapping in one place.
LoginViewModel pattern (analog from LoginViewModel.kt:37-55) — mirror this shape for empty VMs:
class XxxViewModel : ViewModel() {
private val _state = MutableStateFlow(XxxState())
val state: StateFlow<XxxState> = _state.asStateFlow()
// No actions this phase.
}
PostLoginPlaceholderScreen (analog from PostLoginPlaceholderScreen.kt:32-62) — mirror the Box scaffolding shape but rebuild on RecipeTheme tokens (NO Material 3) per PATTERNS § Tab screens lines 206-238.
Existing strings.xml (after plan 02.1-04 lands):
- auth_* (preserved)
- shell_tab_planner / shell_tab_recipes / shell_tab_pantry / shell_tab_shopping (added by 02.1-04)
- search_placeholder_recipes / search_placeholder_pantry (added by 02.1-04)
- search_open_a11y / search_close_a11y / search_clear_a11y (added by 02.1-04)
This plan adds:
- empty_planner_title / empty_planner_subtitle
- empty_recipes_title / empty_recipes_subtitle
- empty_pantry_title / empty_pantry_subtitle
- empty_shopping_title / empty_shopping_subtitle
For each empty-state key below, run `grep -c '<string name="KEY"' strings.xml`. If the count is 0, INSERT the key just before `</resources>`. If the count is > 0, SKIP. Do not add search a11y keys here; they are owned by plan 02.1-04 and this task only verifies they remain present.
Keys to add (Polish copy is verbatim from UI-SPEC § Copywriting Contract):
```xml
<!-- Phase 2.1 — Empty-state copy (UI-09, CONTEXT D-10/D-11/D-12) -->
<string name="empty_planner_title">Twój plan tygodnia czeka</string>
<string name="empty_planner_subtitle">Wkrótce zobaczysz tu zaplanowane posiłki.</string>
<string name="empty_recipes_title">Tu pojawi się Twoja książka kucharska</string>
<string name="empty_recipes_subtitle">Po dodaniu pierwszych przepisów zobaczysz je w tym miejscu.</string>
<string name="empty_pantry_title">Spiżarnia jest jeszcze pusta</string>
<string name="empty_pantry_subtitle">Wkrótce zobaczysz tu wszystko, co masz pod ręką.</string>
<string name="empty_shopping_title">Lista zakupów czeka na Twój plan</string>
<string name="empty_shopping_subtitle">Gdy zaplanujesz tydzień, zobaczysz tu, czego brakuje.</string>
```
Polish-character verification: every quoted value must have its diacritics rendered
correctly when the Compose Resources generator emits the bindings. UTF-8 encoding is
already the file standard (declared in the XML prolog from the existing file). Do
NOT manually escape `ą`, `ć`, `ę`, `ł`, `ń`, `ó`, `ś`, `ź`, `ż` — UTF-8 handles them.
Final validation:
```bash
grep -c '<string name=' composeApp/src/commonMain/composeResources/values/strings.xml
```
The total key count should be:
- 7 auth_* (pre-existing)
- 4 shell_tab_* + 2 search_placeholder_* (from plan 02.1-04)
- 8 empty_* (this plan)
- 3 search_*_a11y (from plan 02.1-04)
= at minimum 22, at most 24 depending on which plan committed which a11y keys first.
The exact count varies based on execution ordering of 02.1-06 vs 02.1-07. Either is
fine. The key VERIFICATION is: every key name listed above is present exactly once.
```kotlin
package dev.ulfrx.recipe.ui.components.empty
import androidx.compose.foundation.Image
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.text.BasicText
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.ColorFilter
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.rememberVectorPainter
import androidx.compose.ui.semantics.semantics
import androidx.compose.ui.text.style.TextAlign
import androidx.compose.ui.unit.dp
import dev.ulfrx.recipe.ui.theme.RecipeTheme
/**
* Reusable empty-state composable per CONTEXT D-13 / UI-SPEC line 183.
*
* Visual contract (UI-SPEC line 183 + RESEARCH § Code Example 3):
* - Centered Column on the screen.
* - 48dp icon tinted [RecipeTheme.colors.contentMuted] (calm, low-saturation per D-10).
* - 8dp gap (`sm`) between icon and headline.
* - Headline in [RecipeTheme.typography.display] color [RecipeTheme.colors.content].
* - 16dp gap (`lg`) between headline and subline.
* - Subline in [RecipeTheme.typography.body] color [RecipeTheme.colors.contentMuted].
* - Optional [action] slot below subline at 24dp gap (`xl`); unused this phase
* (D-12 — no CTAs in empty states this phase, but the slot is reserved per
* D-13 so feature phases can add CTAs without a new component).
*
* Accessibility (UI-SPEC line 226): the column carries
* `Modifier.semantics(mergeDescendants = true)` so VoiceOver reads the headline
* + subline as one announcement, not two — calmer screen-reader experience.
*
* The horizontal inset is owned by [EmptyState] itself: 24dp (`xl`) per UI-SPEC
* line 183. Screen-level safe-area insets are owned by the calling screen, not
* here.
*/
@Composable
fun EmptyState(
icon: ImageVector,
title: String,
subtitle: String,
modifier: Modifier = Modifier,
action: (@Composable () -> Unit)? = null,
) {
Column(
modifier = modifier
.fillMaxSize()
.padding(horizontal = RecipeTheme.spacing.xl)
.semantics(mergeDescendants = true) {},
horizontalAlignment = Alignment.CenterHorizontally,
verticalArrangement = Arrangement.Center,
) {
Image(
painter = rememberVectorPainter(image = icon),
contentDescription = null,
colorFilter = ColorFilter.tint(RecipeTheme.colors.contentMuted),
modifier = Modifier.size(48.dp),
)
Spacer(Modifier.height(RecipeTheme.spacing.sm))
BasicText(
text = title,
style = RecipeTheme.typography.display.copy(
color = RecipeTheme.colors.content,
textAlign = TextAlign.Center,
),
)
Spacer(Modifier.height(RecipeTheme.spacing.lg))
BasicText(
text = subtitle,
style = RecipeTheme.typography.body.copy(
color = RecipeTheme.colors.contentMuted,
textAlign = TextAlign.Center,
),
)
if (action != null) {
Spacer(Modifier.height(RecipeTheme.spacing.xl))
action()
}
}
}
```
Note on `BasicText` vs `Text`: `BasicText` ships with `compose-foundation` and is
Material-free — keeps this composable usable from any new shell-side code without
pulling in Material 3 (CLAUDE.md / UI-SPEC line 31). The previous PostLoginPlaceholderScreen
used `androidx.compose.material3.Text`; this is intentionally NOT mirrored in shell code.
Note on spacing accessor names: `RecipeTheme.spacing.xl` is fine (`xl` is a valid
Kotlin identifier). The UI-SPEC names `2xl` / `3xl` (lines 36-46) cannot be Kotlin
identifiers as-is, so plan 02.1-02 should have remapped them to `xxl` / `xxxl` (or
backticked them). Verify the actual accessor names in RecipeTheme.spacing.kt before
using them. This plan's EmptyState only uses `sm`, `lg`, `xl` — all valid plain
identifiers — so no risk of breakage even if the higher accessors are backticked.
`composeApp/src/commonMain/kotlin/dev/ulfrx/recipe/ui/screens/planner/PlannerViewModel.kt`:
```kotlin
package dev.ulfrx.recipe.ui.screens.planner
import androidx.lifecycle.ViewModel
import kotlinx.coroutines.flow.MutableStateFlow
import kotlinx.coroutines.flow.StateFlow
import kotlinx.coroutines.flow.asStateFlow
/**
* UI state for [PlannerScreen]. Phase 2.1 ships only the empty state, so the
* VM has no fields beyond a marker for future expansion. Phase 6 (Meal Planner —
* Core Write Path) extends this with calendar data + actions.
*/
data class PlannerState(val isEmpty: Boolean = true)
class PlannerViewModel : ViewModel() {
private val _state = MutableStateFlow(PlannerState())
val state: StateFlow<PlannerState> = _state.asStateFlow()
}
```
`composeApp/src/commonMain/kotlin/dev/ulfrx/recipe/ui/screens/recipes/RecipesViewModel.kt`:
```kotlin
package dev.ulfrx.recipe.ui.screens.recipes
import androidx.lifecycle.ViewModel
import kotlinx.coroutines.flow.MutableStateFlow
import kotlinx.coroutines.flow.StateFlow
import kotlinx.coroutines.flow.asStateFlow
/**
* UI state for [RecipesScreen]. Phase 2.1 ships only the empty state. Phase 5
* (Recipe Catalog Read Path) extends this with `recipes: List<RecipeCard>` etc.
*/
data class RecipesState(val isEmpty: Boolean = true)
class RecipesViewModel : ViewModel() {
private val _state = MutableStateFlow(RecipesState())
val state: StateFlow<RecipesState> = _state.asStateFlow()
}
```
`composeApp/src/commonMain/kotlin/dev/ulfrx/recipe/ui/screens/pantry/PantryViewModel.kt`:
```kotlin
package dev.ulfrx.recipe.ui.screens.pantry
import androidx.lifecycle.ViewModel
import kotlinx.coroutines.flow.MutableStateFlow
import kotlinx.coroutines.flow.StateFlow
import kotlinx.coroutines.flow.asStateFlow
/**
* UI state for [PantryScreen]. Phase 2.1 ships only the empty state. Phase 8
* (Pantry) extends this with inventory rows + actions.
*/
data class PantryState(val isEmpty: Boolean = true)
class PantryViewModel : ViewModel() {
private val _state = MutableStateFlow(PantryState())
val state: StateFlow<PantryState> = _state.asStateFlow()
}
```
`composeApp/src/commonMain/kotlin/dev/ulfrx/recipe/ui/screens/shopping/ShoppingViewModel.kt`:
```kotlin
package dev.ulfrx.recipe.ui.screens.shopping
import androidx.lifecycle.ViewModel
import kotlinx.coroutines.flow.MutableStateFlow
import kotlinx.coroutines.flow.StateFlow
import kotlinx.coroutines.flow.asStateFlow
/**
* UI state for [ShoppingScreen]. Phase 2.1 ships only the empty state. Phase 9
* (Shopping List & Session Log) extends this with list items + session actions.
*/
data class ShoppingState(val isEmpty: Boolean = true)
class ShoppingViewModel : ViewModel() {
private val _state = MutableStateFlow(ShoppingState())
val state: StateFlow<ShoppingState> = _state.asStateFlow()
}
```
All four follow the LoginViewModel shape exactly: ViewModel base class, private
MutableStateFlow, public read-only StateFlow, no actions.
`composeApp/src/commonMain/kotlin/dev/ulfrx/recipe/ui/screens/planner/PlannerScreen.kt`:
```kotlin
package dev.ulfrx.recipe.ui.screens.planner
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.WindowInsets
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.statusBars
import androidx.compose.foundation.layout.windowInsetsPadding
import androidx.compose.foundation.text.BasicText
import androidx.compose.runtime.Composable
import androidx.compose.runtime.getValue
import androidx.compose.ui.Modifier
import androidx.lifecycle.compose.collectAsStateWithLifecycle
import dev.ulfrx.recipe.navigation.BottomBarDestination
import dev.ulfrx.recipe.ui.components.empty.EmptyState
import dev.ulfrx.recipe.ui.theme.RecipeTheme
import org.jetbrains.compose.resources.stringResource
import recipe.composeapp.generated.resources.Res
import recipe.composeapp.generated.resources.empty_planner_subtitle
import recipe.composeapp.generated.resources.empty_planner_title
import recipe.composeapp.generated.resources.shell_tab_planner
/**
* Phase 2.1 — empty-state screen for the Planner tab. Phase 6 replaces the
* empty body with the calendar grid.
*
* Layout:
* - Background: [RecipeTheme.colors.background] under the safe area.
* - Top: status bar inset + `xl` (24dp) top padding + inline title in `title` style.
* - Body: centered [EmptyState] with calm Polish copy from `empty_planner_*`
* string resources. No CTA (D-12).
*
* The bottom safe-area inset is consumed by AppShell's chrome overlay (plan 02.1-05),
* NOT by this screen — the screen renders edge-to-edge under the floating dock.
*/
@Composable
fun PlannerScreen(viewModel: PlannerViewModel) {
@Suppress("UNUSED_VARIABLE")
val state by viewModel.state.collectAsStateWithLifecycle()
Box(
modifier = Modifier
.fillMaxSize()
.background(RecipeTheme.colors.background),
) {
Column(
modifier = Modifier
.fillMaxSize()
.windowInsetsPadding(WindowInsets.statusBars)
.padding(top = RecipeTheme.spacing.xl),
verticalArrangement = Arrangement.Top,
) {
BasicText(
text = stringResource(Res.string.shell_tab_planner),
style = RecipeTheme.typography.title.copy(color = RecipeTheme.colors.content),
modifier = Modifier.padding(horizontal = RecipeTheme.spacing.lg),
)
Box(modifier = Modifier.fillMaxSize()) {
EmptyState(
icon = BottomBarDestination.Planner.icon,
title = stringResource(Res.string.empty_planner_title),
subtitle = stringResource(Res.string.empty_planner_subtitle),
)
}
}
}
}
```
Create the other three screens by analogy — change the package, the VM type, the
BottomBarDestination entry, and the resource keys (empty_recipes_*, empty_pantry_*,
empty_shopping_* + shell_tab_recipes / pantry / shopping):
`composeApp/src/commonMain/kotlin/dev/ulfrx/recipe/ui/screens/recipes/RecipesScreen.kt`:
```kotlin
package dev.ulfrx.recipe.ui.screens.recipes
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.WindowInsets
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.statusBars
import androidx.compose.foundation.layout.windowInsetsPadding
import androidx.compose.foundation.text.BasicText
import androidx.compose.runtime.Composable
import androidx.compose.runtime.getValue
import androidx.compose.ui.Modifier
import androidx.lifecycle.compose.collectAsStateWithLifecycle
import dev.ulfrx.recipe.navigation.BottomBarDestination
import dev.ulfrx.recipe.ui.components.empty.EmptyState
import dev.ulfrx.recipe.ui.theme.RecipeTheme
import org.jetbrains.compose.resources.stringResource
import recipe.composeapp.generated.resources.Res
import recipe.composeapp.generated.resources.empty_recipes_subtitle
import recipe.composeapp.generated.resources.empty_recipes_title
import recipe.composeapp.generated.resources.shell_tab_recipes
@Composable
fun RecipesScreen(viewModel: RecipesViewModel) {
@Suppress("UNUSED_VARIABLE")
val state by viewModel.state.collectAsStateWithLifecycle()
Box(
modifier = Modifier.fillMaxSize().background(RecipeTheme.colors.background),
) {
Column(
modifier = Modifier
.fillMaxSize()
.windowInsetsPadding(WindowInsets.statusBars)
.padding(top = RecipeTheme.spacing.xl),
verticalArrangement = Arrangement.Top,
) {
BasicText(
text = stringResource(Res.string.shell_tab_recipes),
style = RecipeTheme.typography.title.copy(color = RecipeTheme.colors.content),
modifier = Modifier.padding(horizontal = RecipeTheme.spacing.lg),
)
Box(modifier = Modifier.fillMaxSize()) {
EmptyState(
icon = BottomBarDestination.Recipes.icon,
title = stringResource(Res.string.empty_recipes_title),
subtitle = stringResource(Res.string.empty_recipes_subtitle),
)
}
}
}
}
```
`composeApp/src/commonMain/kotlin/dev/ulfrx/recipe/ui/screens/pantry/PantryScreen.kt`:
```kotlin
package dev.ulfrx.recipe.ui.screens.pantry
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.WindowInsets
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.statusBars
import androidx.compose.foundation.layout.windowInsetsPadding
import androidx.compose.foundation.text.BasicText
import androidx.compose.runtime.Composable
import androidx.compose.runtime.getValue
import androidx.compose.ui.Modifier
import androidx.lifecycle.compose.collectAsStateWithLifecycle
import dev.ulfrx.recipe.navigation.BottomBarDestination
import dev.ulfrx.recipe.ui.components.empty.EmptyState
import dev.ulfrx.recipe.ui.theme.RecipeTheme
import org.jetbrains.compose.resources.stringResource
import recipe.composeapp.generated.resources.Res
import recipe.composeapp.generated.resources.empty_pantry_subtitle
import recipe.composeapp.generated.resources.empty_pantry_title
import recipe.composeapp.generated.resources.shell_tab_pantry
@Composable
fun PantryScreen(viewModel: PantryViewModel) {
@Suppress("UNUSED_VARIABLE")
val state by viewModel.state.collectAsStateWithLifecycle()
Box(
modifier = Modifier.fillMaxSize().background(RecipeTheme.colors.background),
) {
Column(
modifier = Modifier
.fillMaxSize()
.windowInsetsPadding(WindowInsets.statusBars)
.padding(top = RecipeTheme.spacing.xl),
verticalArrangement = Arrangement.Top,
) {
BasicText(
text = stringResource(Res.string.shell_tab_pantry),
style = RecipeTheme.typography.title.copy(color = RecipeTheme.colors.content),
modifier = Modifier.padding(horizontal = RecipeTheme.spacing.lg),
)
Box(modifier = Modifier.fillMaxSize()) {
EmptyState(
icon = BottomBarDestination.Pantry.icon,
title = stringResource(Res.string.empty_pantry_title),
subtitle = stringResource(Res.string.empty_pantry_subtitle),
)
}
}
}
}
```
`composeApp/src/commonMain/kotlin/dev/ulfrx/recipe/ui/screens/shopping/ShoppingScreen.kt`:
```kotlin
package dev.ulfrx.recipe.ui.screens.shopping
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.WindowInsets
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.statusBars
import androidx.compose.foundation.layout.windowInsetsPadding
import androidx.compose.foundation.text.BasicText
import androidx.compose.runtime.Composable
import androidx.compose.runtime.getValue
import androidx.compose.ui.Modifier
import androidx.lifecycle.compose.collectAsStateWithLifecycle
import dev.ulfrx.recipe.navigation.BottomBarDestination
import dev.ulfrx.recipe.ui.components.empty.EmptyState
import dev.ulfrx.recipe.ui.theme.RecipeTheme
import org.jetbrains.compose.resources.stringResource
import recipe.composeapp.generated.resources.Res
import recipe.composeapp.generated.resources.empty_shopping_subtitle
import recipe.composeapp.generated.resources.empty_shopping_title
import recipe.composeapp.generated.resources.shell_tab_shopping
@Composable
fun ShoppingScreen(viewModel: ShoppingViewModel) {
@Suppress("UNUSED_VARIABLE")
val state by viewModel.state.collectAsStateWithLifecycle()
Box(
modifier = Modifier.fillMaxSize().background(RecipeTheme.colors.background),
) {
Column(
modifier = Modifier
.fillMaxSize()
.windowInsetsPadding(WindowInsets.statusBars)
.padding(top = RecipeTheme.spacing.xl),
verticalArrangement = Arrangement.Top,
) {
BasicText(
text = stringResource(Res.string.shell_tab_shopping),
style = RecipeTheme.typography.title.copy(color = RecipeTheme.colors.content),
modifier = Modifier.padding(horizontal = RecipeTheme.spacing.lg),
)
Box(modifier = Modifier.fillMaxSize()) {
EmptyState(
icon = BottomBarDestination.Shopping.icon,
title = stringResource(Res.string.empty_shopping_title),
subtitle = stringResource(Res.string.empty_shopping_subtitle),
)
}
}
}
}
```
All four screens have identical structure differing only in: VM type, package,
BottomBarDestination entry, and 3 resource keys. This is intentional — D-13's reusable
EmptyState carries all the visual logic; tab screens are thin scaffolds.
Material 3 boundary: NONE of the four screens may import `androidx.compose.material3.*`.
`androidx.compose.foundation.text.BasicText` replaces the legacy `Text`.
`androidx.compose.foundation.background` replaces `Surface(color = ...)`.
<success_criteria>
- EmptyState.kt declares the locked D-13 signature
EmptyState(icon, title, subtitle, modifier, action)with mergeDescendants semantics for VoiceOver. - Four tab Screens exist (PlannerScreen, RecipesScreen, PantryScreen, ShoppingScreen); each renders Box(RecipeTheme.colors.background) + inline tab title (typography.title) + centered EmptyState with tab-specific icon and copy.
- Four tab ViewModels exist (PlannerViewModel, RecipesViewModel, PantryViewModel, ShoppingViewModel); each exposes a marker StateFlow with no actions.
- strings.xml carries 8 empty-state keys with verbatim Polish copy from UI-SPEC § Copywriting Contract; shared search a11y keys from plan 02.1-04 remain present exactly once; all pre-existing keys preserved.
- UI-09 anchor: anticipatory empty states with calm Polish copy on every tab; no CTAs (D-12); icon + headline + subline visual treatment (D-10); single VoiceOver announcement (UI-SPEC line 226).
- CLAUDE.md non-negotiable #9 honored: zero hardcoded Polish literals in any .kt file; all strings via stringResource(Res.string.).
- Material 3 boundary preserved: zero
androidx.compose.material3imports in any of the 9 new files. </success_criteria>