Skip to content

Display current workspace prominently in app drawer #799

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)?

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions