- Add ActionBar component with expandable toolbar for mobile - Add @mention functionality with autocomplete dropdown - Add browser notification system (push, sound, vibration) - Add NotificationSettings modal for user preferences - Add mention badges on room list cards - Add ReportPreview with Markdown rendering and copy/download - Add message copy functionality with hover actions - Add backend mentions field to messages with Alembic migration - Add lots field to rooms, remove templates - Optimize WebSocket database session handling - Various UX polish (animations, accessibility) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
1.3 KiB
1.3 KiB
ADDED Requirements
Requirement: Action Bar Layout
The chat room interface SHALL provide an action bar near the message input area for quick access to common operations.
Scenario: Action bar displays common actions
- WHEN user views a chat room
- THEN an action bar is displayed above or beside the message input
- AND the action bar includes: upload file, generate report, add member buttons
Scenario: Action bar toggle on mobile
- WHEN user is on a mobile device
- THEN the action bar buttons can be collapsed/expanded
- AND a single toggle button reveals the full action options
Requirement: Message Copy Action
Users SHALL be able to copy individual message content to clipboard.
Scenario: Copy message content
- WHEN user hovers over a message
- THEN a copy button appears
- AND clicking the button copies the message content to clipboard
- AND a success toast notification is shown
Requirement: Notification Settings
Users SHALL be able to configure notification preferences for the chat room.
Scenario: Configure notification settings
- WHEN user accesses notification settings
- THEN user can enable/disable sound notifications
- AND user can enable/disable browser push notifications
- AND user can enable/disable vibration (on supported devices)