HiveSuite Development Update: Inbox UI Fixes, Profile Drawer Refactor & Compact Manabar Improvements

Words
500
Reading
3 min
Listen
Play
4M

HiveSuite improves Inbox UI, adds a new profile drawer, and introduces compact manabar indicators.

HiveSuite

Inbox UI Fixes

Avatar & Notification Row Improvements

  • fix: improve inbox avatars and compact mobile notification rows.
  • Fixed oval avatar rendering issues in:
    • Inbox
    • Notifications
  • Avatars now render with:
    • Proper circular shape
    • Correct image cropping
    • Stable aspect-ratio handling

Mobile Notification Layout Improvements

  • Added compact mobile reply rows for improved spacing and readability.

  • Prevented notification type pills from wrapping:

    • Example:
      • Reply Comment
  • Prevented timestamps such as:
    • 15h ago
    • From breaking into multiple lines on smaller screens
  • Improved alignment and consistency across notification list layouts.
  • Outcome:
    • Cleaner notification experience on mobile devices
    • Better readability across Inbox interactions
    • More polished avatar rendering throughout HiveSuite

Inbox Avatar Fixes
Before
Inbox Avatar Fixes - Before

After
Inbox Avatar Fixes - After

Compact Mobile Notification Rows

Before
Compact Mobile Notification Rows fixes - Before

After
Compact Mobile Notification Rows fixes - After


Profile Drawer Refactor

New Right-Side Profile Drawer

  • Added a new right-side profile drawer opened from the header avatar button.

  • Added header profile button displaying:

    • Current user avatar
    • Username

Navigation Restructure

  • Moved logged-in user menus from the left drawer into the new profile drawer:
    • Inbox
    • Notifications
    • My Profile
    • My Videos
    • Templates
    • Bookmarks
    • Ignored
    • Admin
  • Kept existing:
    • Login
    • Logout
    • Switch-account flow
  • Existing authentication button behavior remains integrated inside the profile drawer.

Sidebar Simplification

  • Simplified left drawer to focus on:
    • Application navigation
    • Discovery sections
  • Temporarily commented out:
    • Curation menu
  • Improved overall navigation clarity and separation between:
    • App discovery
    • User account management
  • Outcome:
    • Cleaner navigation hierarchy
    • Better organization of user-specific actions
    • Improved mobile and desktop navigation UX

New Profile Drawer
New Profile Drawer

Simplified Sidebar Navigation
Simplified Sidebar Navigation


Compact Manabar UI Improvements

Mana Indicator Refactor

  • Moved mana indicators into the new profile drawer:
    • Voting Power
    • Downvote Power
    • Resource Credits
  • Replaced large circular mana indicators with:
    • Compact icon-based mana chips
  • Reduced visual clutter and improved space efficiency inside the profile UI.

Resource Credits Accuracy Fix

  • Fixed Resource Credits percentage calculation:
    • Regenerated RC is now applied before percentage calculation
  • RC values now align more accurately with:
    • PeakD calculations

Header Layout Improvements

  • Improved header spacing for:
    • Feed filter dropdown
    • Refresh button
  • Refined header alignment and responsiveness across screen sizes.
  • Outcome:
    • More accurate mana information
    • Cleaner and more compact account status UI
    • Improved overall header and profile interaction experience

Profile Drawer RC Indicators
Profile Drawer RC Indicators


Powering the Hive Ecosystem

  • Continuously improving navigation systems, account management UX, and responsive layouts for HiveSuite
  • Building scalable and user-focused interaction systems for the Hive community
  • Contributing towards a cleaner, more modern, and feature-rich Hive ecosystem

Final Note

  • This post has been refined with the help of AI to improve readability and structure
  • The original development updates and optimized version are both available for reference

More Links
HiveSuite AppVote as WitnessSupport via Discord


▶️ 3Speak

HiveSuite Development Update: Inbox UI Fixes, Profile Drawer Refact... | Ecency