PreviewKarlContainerUI_NoSuggestion

Preview function for KarlContainerUI in a no-suggestion state.

This preview demonstrates the container UI component when no AI predictions are available, representing the initial state or scenarios where the KARL system has insufficient data to generate meaningful suggestions.

State Configuration:

• Prediction State: null (no active predictions available)

• Learning Progress: 0.1f (10% - early learning stage)

• UI Behavior: Displays empty state or placeholder content

Technical Implementation:

• Creates mock MutableStateFlow<Prediction?> with null value

• Simulates low learning progress through MutableStateFlow(0.1f)

• Demonstrates reactive state management patterns

• Tests component behavior with minimal data availability

Visual Characteristics:

• Empty prediction display area

• Low progress indicator visualization

• Placeholder content or instructional messaging

• Initial loading state appearance

Use Cases:

• First-time user experience validation

• Empty state design verification

• Progressive enhancement testing

• Error state fallback visualization

See also