Suggestions

let tokens = cx.theme().semantic_tokens();
let status: SharedString = match &self.last_suggestion {
    Some(id) => format!("Selected: {id}").into(),
    None => "Choose a suggestion".into(),
};
v_flex()
    .gap(tokens.spacing.md)
    .child(
        Suggestions::new("starter-suggestions")
            .items([
                Suggestion::new("compare", "Compare supplier prices")
                    .description("Sends the prompt immediately"),
                Suggestion::new("risk", "Explain this week's delivery risk"),
                Suggestion::new("draft", "Draft the order confirmations"),
                Suggestion::new("history", "Show the price history"),
            ])
            .on_event(cx.listener(|this, event: &SuggestionsEvent, _, cx| {
                let SuggestionsEvent::Selected { id } = event;
                this.last_suggestion = Some(id.clone());
                cx.notify();
            })),
    )
    .child(
        div()
            .id("suggestions-story-status")
            .role(Role::Status)
            .aria_label(status.clone())
            .text_xs()
            .text_color(cx.theme().muted_foreground)
            .child(status),
    )