Sender context wrapper: handles avatar, name, metadata, and alignment based on sender role.
ts
Messages with avatars and sender names. Place the name on the bubble when using bubbles, or on the message wrapper for raw content.
Ghost variant for messages without visible bubble boundaries. Keeps padding for alignment but renders a transparent background, useful for AI-style responses.
Grouped bubbles using the group prop for corner radius reduction. Use first, middle, and last to visually connect related bubbles from the same sender.