Context
QA feedback indicates that users cannot easily see which workspace they're currently in. The workspace name is currently displayed at the bottom of the drawer in small, low-opacity text that's easy to miss.
Current State
The workspace name is shown in AppDrawer.tsx at lines 890-902:
- Location: Bottom of drawer, next to user avatar
- Style: Caption variant (0.65rem), 0.7 opacity
- Label: Shows
user?.activeWorkspace || 'Default Workspace'
UX Issue: Users need to scroll to the bottom and look carefully at small text to identify their current workspace.
Desired State
Display the current workspace name prominently and clearly so users always know which workspace they're in at a glance.
Proposed Solutions
Option 1: Header placement (Recommended)
- Add workspace name below the AnswerAI logo (after line 650)
- Style: Subtitle or body text, full opacity
- Visual hierarchy: Logo → Workspace → Drawer toggle
Option 2: Dedicated section
- Create a workspace indicator section between logo and chat history
- Include workspace icon + name
- Could support quick workspace switching
Option 3: Top-right badge
- Display as a badge/chip near the drawer toggle
- Compact but visible
- Works well in collapsed drawer state
Technical Details
File: packages-answers/ui/src/AppDrawer.tsx
Current workspace display location:
- Lines 890-902 (bottom section with user profile)
Suggested implementation area:
- Lines 620-663 (header section with logo and drawer toggle)
Data available:
user?.activeWorkspace (workspace name string)
user?.activeWorkspaceId (workspace ID)
user?.assignedWorkspaces[] (array of workspace objects)
Acceptance Criteria
Questions for Product/Design
- Should this be clickable to open workspace switcher?
- Do we want to show just name, or include workspace icon?
- Should it be visible in collapsed drawer state?
- Preferred placement option (1, 2, or 3)?
Context
QA feedback indicates that users cannot easily see which workspace they're currently in. The workspace name is currently displayed at the bottom of the drawer in small, low-opacity text that's easy to miss.
Current State
The workspace name is shown in
AppDrawer.tsxat lines 890-902:user?.activeWorkspace || 'Default Workspace'UX Issue: Users need to scroll to the bottom and look carefully at small text to identify their current workspace.
Desired State
Display the current workspace name prominently and clearly so users always know which workspace they're in at a glance.
Proposed Solutions
Option 1: Header placement (Recommended)
Option 2: Dedicated section
Option 3: Top-right badge
Technical Details
File:
packages-answers/ui/src/AppDrawer.tsxCurrent workspace display location:
Suggested implementation area:
Data available:
user?.activeWorkspace(workspace name string)user?.activeWorkspaceId(workspace ID)user?.assignedWorkspaces[](array of workspace objects)Acceptance Criteria
Questions for Product/Design