Plan card

let tokens = cx.theme().semantic_tokens();
let status: SharedString = self
    .last_plan_event
    .clone()
    .unwrap_or_else(|| "Approve, reject, or open a step".into());
let steps = [
    PlanStep::new("compare", "Compare unit prices across suppliers")
        .detail("pricing.md · 3 suppliers")
        .status(PlanStepStatus::Done),
    PlanStep::new("risk", "Check delivery-window risk")
        .detail("Cold-chain capacity for the next two weeks")
        .status(PlanStepStatus::Done),
    PlanStep::new("draft", "Draft the revised bulk order")
        .status(match self.plan_state {
            PlanState::Approved | PlanState::Running => PlanStepStatus::Running,
            _ => PlanStepStatus::Pending,
        }),
    PlanStep::new("send", "Send confirmations")
        .detail("Emails 3 suppliers; needs its own approval"),
];
v_flex()
    .gap(tokens.spacing.md)
    .child(
        PlanCard::new("rollout", "Switch bulk orders to Alpenrose Dairy")
            .description(
                "Four steps; the last one sends email and will ask again.",
            )
            .steps(steps)
            .state(self.plan_state)
            .note("Decided in this session")
            .editable(true)
            .on_event(cx.listener(|this, event: &PlanEvent, _, cx| {
                match event {
                    PlanEvent::Approved { .. } => {
                        this.plan_state = PlanState::Approved;
                    }
                    PlanEvent::Rejected { .. } => {
                        this.plan_state = PlanState::Rejected;
                    }
                    PlanEvent::EditRequested { .. }
                    | PlanEvent::StepActivated { .. } => {}
                }
                this.last_plan_event = Some(format!("{event:?}").into());
                cx.notify();
            })),
    )
    .child(
        div()
            .id("plan-story-status")
            .role(Role::Status)
            .aria_label(status.clone())
            .text_xs()
            .text_color(cx.theme().muted_foreground)
            .child(status),
    )