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

After

Compact Mobile Notification Rows

Before

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

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

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 App	Vote as Witness	Support via Discord

▶️ 3Speak