Chat Components
Chat Components¶
Components for the AI chat interface.
ChatInput¶
Text input for chat messages.
Features:¶
- Multi-line support
- Auto-resize
- Submit button
- File attachment option
- Character limit indicator
- Disabled state during processing
ChatMessages¶
Container for displaying chat conversation.
Features:¶
- Auto-scroll to bottom
- Loading states
- Empty state handling
- Message grouping
- Date separators
AIMessage¶
AI-generated message component.
Features:¶
- Markdown rendering
- Code syntax highlighting
- Source citations
- Copy to clipboard
- Expandable sections
UserMessage¶
User-sent message component.
Features:¶
- User avatar
- Timestamp
- Edit capability
- Delete option
- Consistent styling
DataTable¶
Table component for displaying data in AI responses.
Features:¶
- Sortable columns
- Responsive design
- Cell formatting
- Striped rows
- Loading states
TemperatureMap¶
Visualization component for temperature data.
Features:¶
- Color-coded heatmap
- Interactive tooltips
- Legend
- Responsive sizing
- Data point highlighting