HiveSuite Dev Update: Advanced Bookmark System & Video Progress Experience.

Words
770
Reading
4 min
Listen
Play
2M

HiveSuite adds powerful categorised bookmarks, link saving, native content cards, and improved video progress UX.

Image

HiveSuite Development Update: Advanced Bookmark System & Video Progress Experience

Video Progress Menu Cleanup & Better Loading States

Cleaner Navigation Structure

  • Moved the upload progress section out of the left navigation sidebar and into the profile drawer menu.

  • Renamed the section to Video Progress for clearer identification.

  • The Video Progress entry is now permanently visible regardless of upload state.

  • Users can quickly access upload information without navigation menus changing dynamically.

Simplified Sidebar Experience

  • Removed upload-state-dependent menu behavior from the left sidebar.

  • Navigation remains consistent whether uploads are active or not.

  • Creates a cleaner and more predictable user experience.

Improved Loading States

  • Added skeleton loading placeholders to the Video Progress page.

  • Active uploads now display structured loading content while data is being retrieved.

  • Provides better visual feedback compared to empty states or loading spinners.

Video Progress Improvements

Video Progress Improvements


Full Bookmark System Expansion

Category-Based Bookmark Organization

  • Completely redesigned and expanded the Bookmark system across HiveSuite.

  • Bookmarks are now organized into dedicated categories for easier management and discovery.

  • Available bookmark sections include:

    • All
    • Posts
    • Snaps
    • Comments
    • Videos
    • Users
    • Communities
    • Links
  • Makes large bookmark collections significantly easier to navigate.

URL-Persistent Navigation

  • Active bookmark tabs are now stored in the URL.

  • Reloading the page preserves the current bookmark category.

  • Navigation between pages retains the selected bookmark view.

  • Creates a more reliable and shareable browsing experience.

Bookmarks Overview

Bookmarks Overview


Native Card Rendering for Every Bookmark Type

Rich Content-Specific Layouts

  • Every bookmark category now renders using its native content design.

  • Examples include:

    • Videos render as Video Cards
    • Snaps render as Snap Cards
    • Blog Posts use Feed Cards
    • Comments use Comment Cards
    • Communities use Community Cards
  • Provides a consistent experience between feeds and saved content.

Snaps Grid Experience

  • Snaps bookmarks now use the same responsive multi-column layout found on the main Snaps page.

  • Desktop users receive a responsive 4-column grid layout.

  • Maintains visual consistency across the application.

Native Bookmark Cards

Native Bookmark Cards


Instant Bookmark Synchronization

Real-Time Bookmark Updates

  • Bookmark icons now update instantly throughout the application.

  • Saving or removing a bookmark immediately updates all related screens.

  • No page refresh is required to see bookmark status changes.

Unified Bookmark Store

  • Introduced a shared category-aware bookmark store.

  • Synchronizes bookmark state across:

    • User Profiles
    • Post Detail Pages
    • Snaps
    • Videos
    • Communities
    • Comments
  • Ensures consistent bookmark behavior everywhere.

Bookmark Synchronization - Snaps

Bookmark Synchronization - Snaps


Community Bookmark Improvements

Better Community Navigation

  • Community bookmarks now route correctly back to their associated community pages.

  • Opening bookmarked communities preserves navigation context.

  • Back navigation restores the user's previous bookmark tab and browsing position.

Improved User Flow

  • Reduces navigation friction when switching between bookmarks and community content.

  • Creates a smoother browsing experience throughout HiveSuite.

Community Bookmark Navigation

Community Bookmark Navigation


Custom Link Bookmarks

New Link Saver System

  • Added a floating Add Link action inside the Links bookmark tab.

  • Users can now save custom external URLs directly into their bookmark collection.

  • Supports:

    • Custom Title
    • External URL
  • Allows bookmarking resources outside the Hive ecosystem.

Flexible Content Organization

  • Useful for saving:

    • Documentation
    • Research
    • Community resources
    • External references
    • Personal reading lists
  • Expands bookmarks beyond on-chain content.

Custom Link Bookmarks

Custom Link Bookmarks


Video Bookmark Hydration Improvements

Enhanced Video Support

  • Video bookmarks now properly hydrate and restore video metadata.

  • Supports both:

    • 3Speak Videos
    • Non-3Speak Hive Videos
  • Ensures saved videos always display complete information.

More Reliable Video Restoration

  • Improves bookmark accuracy and rendering consistency.

  • Creates a seamless experience between saving and revisiting video content.

Video Bookmark Support

Video Bookmark Support


Internal Improvements

Shared Bookmark Infrastructure

  • Introduced centralized bookmark management across all major content types.

  • Improved synchronization logic and content classification.

  • Enhanced navigation persistence throughout bookmark workflows.

User Experience Enhancements

  • Better bookmark organization.
  • Faster bookmark interactions.
  • Consistent card rendering.
  • Improved navigation restoration.
  • Enhanced video bookmark support.
  • More powerful content-saving capabilities.

Powering the Hive Ecosystem

  • Continuously improving HiveSuite with features that strengthen community participation and social interactions.
  • Building seamless integrations between HiveReactKit and HiveSuite for faster innovation and better user experiences.
  • Contributing open-source improvements that enhance usability, reliability, and ecosystem-wide interoperability across Hive applications.

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 Dev Update: Advanced Bookmark System & Video Progress Exp... | Ecency