User Profile Menu

Access user account settings, preferences, and application controls from a centralized menu.

Access user account settings, preferences, and application controls from a centralized menu. User Profile Menu provides quick access to theme switching, language selection, account management, help resources, and logout functionality through a single menu located in the sidebar.

Capabilities

• Access user profile menu from sidebar bottom button
• View user information (name, email, avatar)
• Switch application theme (Light, Dark, System)
• Change interface language (English, Japanese)
• Navigate to account settings (Profile, Preferences, Security)
• Access help documentation via external link
• Log out of current session

How to Use

1. Open user profile menu:

   • Locate user profile button at bottom of sidebar
   • Button displays user avatar (initial letter) and name
   • Click button to open profile menu overlay
   

2. View user information:

   • Profile menu displays user avatar at top
   • Shows full name (e.g., “Setyadi Omat”)
   • Shows email address (e.g., “[e-mail]”)

3. Change theme:

   • Theme switcher appears as three icon buttons (sun, moon, monitor)
   • Click sun icon for Light theme
   • Click moon icon for Dark theme
   • Click monitor icon for System theme (follows operating system settings)
   • Selected theme highlights with active state
   • Theme applies instantly across entire application

4. Change language:

   • Language switcher displays as two tabs (EN, JA)
   • Click EN tab to switch to English interface
   • Click JA tab to switch to Japanese interface
   • Selected language shows active state
   • Language change applies immediately to all UI text

5. Access account settings:

   • Click “Account settings” link to open settings dialog
   • Dialog displays three tabs: Profile, Preferences, Security
   • Profile tab shows name and work email with edit option
   • Preferences tab contains application preferences
   • Security tab manages password and security settings
   • Click X button or press Escape to close dialog
   

6. Access help:

   • Click “Help” link to open external help documentation
   • Help link shows external link icon indicating new tab opens
   • Help documentation opens in new browser tab

7. Log out:

   • Click “Log out” to end current session
   • Application redirects to login page
   • Session terminates and requires re-authentication

Requirements

Requirement	Details
Permission	Any authenticated user
Browser	Chrome, Firefox, Safari (latest 2 versions)
Session	Active user session with valid authentication
Network	Internet connection for help documentation access

Limitations

Limitation	Value
Theme options	3 themes (Light, Dark, System)
Language options	2 languages (English, Japanese)
Avatar customization	Initial letter only (no custom image upload)
Account settings tabs	3 tabs (Profile, Preferences, Security)
Menu location	Fixed at sidebar bottom (not customizable)
External links	Help opens in new tab (no in-app help viewer)

Not Supported:

• Uploading custom avatar images (only initial letter displayed)
• Customizing menu position (fixed to sidebar bottom)
• Adding custom menu items or shortcuts
• Pinning menu open permanently
• Customizing user info display fields
• Changing menu appearance theme independently
• Creating multiple user profiles per account
• Quick-switching between multiple accounts
• Keyboard shortcut to open menu (must click button)
• Drag-and-drop menu reordering
• Collapsing or hiding menu sections
• Exporting user settings or preferences

Configuration

Setting	Default	Description
Menu location	Sidebar bottom	User profile button fixed at bottom of sidebar
Default theme	System	New users start with System theme matching OS
Default language	English	New users start with English interface
Menu trigger	Click	Profile button requires click to open menu
Menu close	Outside click	Menu closes when clicking outside or pressing Escape
Help link	External	Help documentation opens in new browser tab

Related

• Sidebar Navigation - Main navigation interface
• Theme Switcher - Theme selection details
• Language Switcher - Language selection details