Three message bubbles alternating sides, the outgoing one in foreground tone.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Shapes40 } from "@/components/beste/piece/shapes40";
<Shapes40 />Three rounded squares fanned diagonally in foreground, amber, and card tones.
Two single-line fields above a tall message field and a full-width submit button.
Triangle, circle, and square primitives lined up in three tones.
Three overlapping circles separated by card-colored rings.
Three accordion rows, the first one expanded with answer lines underneath.
Card on a dimmed backdrop with a title, two text lines, and confirm-cancel buttons.