Feat/playground messages section

[Wallgau]

• Messages list: Messages uses useChatHistory + StickToBottom to render chat history per session; shows a “New chat” empty state and a running skeleton while building.
• Message router: ChatMessage routes to UserMessage for user-sent content and BotMessage otherwise; handles error-category messages via ErrorView.
• UserMessage: Renders avatar/icon or custom profile, text/decoded message, attached files, edited flag, and hover actions. - Supports inline edit via EditMessageField, copy, and feedback. Uses guarded properties for icon/background/feedback and normalized payloads when updating messages.
• BotMessage: Renders bot avatar/icon, optional content blocks (ContentBlockDisplay) with loading state, markdown rendering, edited flag, files, and hover actions. Supports edit/copy/feedback with the same update path.
• Edit controls: EditMessageButton supplies hover-visible actions—edit (when provided), copy with toast state, and helpful/not-helpful feedback for bot messages; hides edit for audio messages.
• Support utils: convert-files normalizes file paths; useChatHistory fetches and filters messages per session/flow, sorts them, and normalizes fields (files, message text).

[coderabbitai]

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch feat/playground-messages-section

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}