Files
Task_Reporter/openspec/changes/archive/2025-12-08-improve-chat-ux-v2/specs/chat-room/spec.md
egg 599802b818 feat: Add Chat UX improvements with notifications and @mention support
- 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>
2025-12-08 08:20:37 +08:00

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)