usebruno/bruno

📌 Feature Request: Add "Pin to Top" or "Favorite Collection" Feature for Better Collection Management

Open

#4298 opened on Mar 21, 2025

View on GitHub
 (2 comments) (7 reactions) (0 assignees)JavaScript (43,787 stars) (2,403 forks)batch import
enhancementgood first issue

Description

I have checked the following:

  • I've searched existing issues and found nothing related to my issue.

This feature

  • blocks me from using Bruno
  • would improve my quality of life in Bruno
  • is something I've never seen an API client do before

Describe the feature you want to add, and how it would change your usage of Bruno

I propose adding a "Pin to Top" or "Favorite Collection" feature to Bruno's collection management interface. This feature would allow users to mark certain collections as pinned or favorite, ensuring they always appear at the top of the collection list.

Key Benefits: ✅ Quick Access: Users can easily access frequently used collections without scrolling. ✅ Improved Organization: Helps prioritize key projects or endpoints. ✅ Enhanced Workflow: Reduces friction when working with large numbers of collections.

Feature Details:

  • A ⭐️ or 📌 icon will appear next to each collection.
  • Clicking the icon toggles the "Pinned" state.
  • Pinned collections automatically move to the top of the list.
  • Pinned collections will be visually distinct — either with a subtle background tint or an icon badge.

Potential Enhancements (Optional):

  • Keyboard shortcut for pinning/unpinning collections.
  • Filter option to show only pinned collections.
  • Sync pinned collections across devices if Bruno supports cloud sync.

Mockups or Images of the feature

No response

Contributor guide

Tech stack
javascriptreactelectron
Domain
desktopfrontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
JavaScriptReactElectron basics
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
80
Research direction
Investigate the CollectionList component to understand how collections are rendered and sorted. Look for any existing state management patterns (e.g., Redux store) that handle user preferences. Implement a pinned state in the collection object, then sort pinned collections to the top. Use localStorage or similar for persistence. Check if there are any existing sorting mechanisms or drag and drop libraries in use.