Spright chat feature backlog

[jattasNI]

🙋 Feature Request

😯 Problem to Solve

This is a parent feature to collect smaller tasks related to chat components in Spright. A high level goal is to evaluate these Blazor-only changes and additional features described in Figma for inclusion in Spright.

💁 Proposed Solution

See task list.

📋 Tasks

Chat input

• Basic chat input component for SLE demo (input and button) and How can I handle the Enter key on NimbleTextArea and get the latest value? #2551
• slot/toolbar for add file attachments button
• slot to display attachments in chips
• component for attachment chips
• cancel button while sent message is being processed
• error state
• use label provider instead of attributes for button labels
• Blazor wrapper and example app
• React example app logic
• support for multi-line input in all browsers
• A way to enter newline on mobile

Chat conversation

• Allow changing the max width of a spright-chat-conversation #2607
• gradient background for chat conversation
• make space and scroll when new messages are added
• UX feedback: scrollbar should be outside conversation area, not overlap messages

Components around conversation

• Footer with disclaimer message
• vertical Nimble toolbar component
• slots for toolbars - leaning towards not doing this since apps have different presentations: vertical vs horizontal, different contents
• layout input component within conversation

Chat messages

• separate components for different message types
• slotted content in a toolbar Toolbar should support content slotted across a shadow root #2571
• link to sources
• feedback buttons and dialogs?

Chat message content

• Improved markdown rendering #2671
• populate inbound messages as if someone is typing this is client logic which just updates message contents as the response arrives, no logic necessary in the message component