Skip to content

Display current workspace prominently in app drawer #799

@maxtechera

Description

@maxtechera

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

  • Workspace name is clearly visible without scrolling
  • Text is prominent and easy to read (appropriate size and opacity)
  • Works in both expanded and collapsed drawer states
  • Maintains visual hierarchy with logo and other elements
  • Does not interfere with existing navigation functionality

Questions for Product/Design

  1. Should this be clickable to open workspace switcher?
  2. Do we want to show just name, or include workspace icon?
  3. Should it be visible in collapsed drawer state?
  4. Preferred placement option (1, 2, or 3)?

Metadata

Metadata

Assignees

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions