Component: Conversation Thread
Component
Section titled “Component”- Name:
ConversationThread - Used in:
- Chatti Live – Conversations
- Comment Responder – Comments (context/history)
- Ownership: Shared UI
Purpose / responsibility
Section titled “Purpose / responsibility”Display a chronological thread of messages/replies with metadata (sender, timestamps, channel), optimized for high-volume enterprise workflows.
Props / inputs / outputs
Section titled “Props / inputs / outputs”- Inputs: thread items, channel metadata, participant metadata (masked as needed)
- Outputs: user actions (copy, expand, resolve) (TBD)
Variants
Section titled “Variants”- Compact (list)
- Detail (full context with metadata)
States
Section titled “States”- Default: thread rendered
- Loading: skeleton
- Empty: no messages
- Error: cannot load thread
Accessibility requirements
Section titled “Accessibility requirements”- Proper reading order
- Keyboard navigation between messages
- Timestamp and sender labeling
Security & privacy considerations (if applicable)
Section titled “Security & privacy considerations (if applicable)”- Mask PII where required
- Ensure workspace-scoped content only
Analytics hooks (if applicable)
Section titled “Analytics hooks (if applicable)”conversation.thread.viewed(optional)
Dependencies
Section titled “Dependencies”- Domains: Domain: Chatti Live, Domain: Channels