Reasoning panel whose numbered steps stagger in once while a thin connector draws down between them, finishing on a final answer row that stays in place.
The import and the props worth knowing about, in one place.
import { Ai51 } from "@/components/beste/piece/ai51";
<Ai51
title="Reasoning"
steps={[
"Identify the customer segment behind the refund spike",
"Check whether the pricing change overlaps the spike",
"Weigh a targeted email against a pricing rollback"
]}
answer="Send a clarifying email to annual plan customers first; roll back only if refunds stay high next week."
bordered={false}
/>