[IMAGE: https://i.ecency.com/DQmS8PSXB2tyjN7DTvA1tSWPKXehHK9wXba2qXU7Ge5Pp6c/thumb_1779966265811.jpg] ▶️ Watch on 3Speak

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
[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23tRv7QxEjqNqnm3inweh2E8pdESAp4wKno8ssbQQekMhtJUQzKNqqPR3RLThAu6cwdq5.png]

After
[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23t78nfW4hUYMA8qF8YPn3nASzdhXL83VauadFg8yYsffBdzB8kDomfkFwLhf1pF44ZRX.png]

Compact Mobile Notification Rows

Before
[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23tbML8ZaBN7Lvueg8ANamossRUMbwoaBuG3benA3FiuQaiaLv2vumHeM3fNmQACi4dfJ.png]

After
[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23tbPQKEaqf3doNb8v4g4rZ6PB2PS3VzDqPWM2tzYRXpBaN53VyXRdhbWtScVNmHxx5Pa.png]

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
[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23swiDpewW9NWpao5Pwg6DDDe38oQj6VNzJCp31kFRDn4F5GE32MEgw9mASuHVXsMPFqU.png]

Simplified Sidebar Navigation
[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23tRsvdCDG3isdLLh2FUQJtotKXVGSbhuepRv8gKXmxg8uwsDun7m4qrwTAHu6cfJtJE6.png]

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
[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23sweD6xBYjgzSHi21soPEzRhXxbXNWN22UnJUHcwtbr17XpViwTBCvTDfecVhoizP8co.png]

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

▶️ 3Speak

via Apps from