[PR #5750] [MERGED] feat(common): show full request path in tab tooltip #5338

New issue

Closed

opened 2026-03-17 02:47:43 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 02:47:43 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/5750
Author: @abhibarkade
Created: 1/5/2026
Status: ✅ Merged
Merged: 1/23/2026
Merged by: @jamesgeorge007

Base: next ← Head: feat/tooltip-request-path

📝 Commits (5)

caa0ded feat(http): show full request path in tab tooltip
3628950 code optimizations
5bcc49b Merge branch 'main' into feat/tooltip-request-path
b0d4b78 feat: enhance tab tooltip with 3-line details
97d4d53 fix(http): address review comments on tooltip logic

📊 Changes

1 file changed (+67 additions, -2 deletions)

View changed files

📝 packages/hoppscotch-common/src/components/http/TabHead.vue (+67 -2)

📄 Description

Closes #5732

What's changed

This PR implements the feature to display the full request path in the tab tooltip, making it easier for users to identify requests that have the same name but exist in different folders.

Modified packages/hoppscotch-common/src/components/http/TabHead.vue:
- Added restCollectionStore and HoppCollection imports.
- Implemented a requestPath computed property that resolves the folder path using the request's saveContext.
- Updated the tooltip title binding to display the format Collection / Folder / Subfolder / Request Name when available.
- Added error handling to ensure invalid paths degrade gracefully to just showing the request name.

Notes to reviewers

This logic primarily targets requests originating from User Collections (originLocation: "user-collection") as they provide a reliable folderPath in their save context.
The path resolution logic is consistent with how other components (like Spotlight) reconstruct folder paths.

Screenshots
Tooltip showing full path:
Screenshot 2026-01-05 at 9 39 15 PM
Screenshot 2026-01-05 at 9 40 04 PM

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/hoppscotch/hoppscotch/pull/5750 **Author:** [@abhibarkade](https://github.com/abhibarkade) **Created:** 1/5/2026 **Status:** ✅ Merged **Merged:** 1/23/2026 **Merged by:** [@jamesgeorge007](https://github.com/jamesgeorge007) **Base:** `next` ← **Head:** `feat/tooltip-request-path` --- ### 📝 Commits (5) - [`caa0ded`](https://github.com/hoppscotch/hoppscotch/commit/caa0ded8287ee22ecb074e89941cfa1d1dd4684f) feat(http): show full request path in tab tooltip - [`3628950`](https://github.com/hoppscotch/hoppscotch/commit/362895076189fb0bcf32d5a15f47978bc49a9cf8) code optimizations - [`5bcc49b`](https://github.com/hoppscotch/hoppscotch/commit/5bcc49bc04b4a123ad3bce79e6d6366acecebc24) Merge branch 'main' into feat/tooltip-request-path - [`b0d4b78`](https://github.com/hoppscotch/hoppscotch/commit/b0d4b789650a21e15b54775f47ef7c4cdc2bfafd) feat: enhance tab tooltip with 3-line details - [`97d4d53`](https://github.com/hoppscotch/hoppscotch/commit/97d4d531e6cd15f0efbfe1c902db0493fa59cee9) fix(http): address review comments on tooltip logic ### 📊 Changes **1 file changed** (+67 additions, -2 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/src/components/http/TabHead.vue` (+67 -2) </details> ### 📄 Description Closes #5732 ### What's changed This PR implements the feature to display the full request path in the tab tooltip, making it easier for users to identify requests that have the same name but exist in different folders. - **Modified [packages/hoppscotch-common/src/components/http/TabHead.vue](cci:7://file:///Users/abhibarkade/Development/OpenSource/hoppscotch/packages/hoppscotch-common/src/components/http/TabHead.vue:0:0-0:0)**: - Added `restCollectionStore` and [HoppCollection](cci:2://file:///Users/abhibarkade/Development/OpenSource/hoppscotch/packages/hoppscotch-common/src/helpers/rest/document.ts:66:0-95:8) imports. - Implemented a `requestPath` computed property that resolves the folder path using the request's `saveContext`. - Updated the tooltip `title` binding to display the format `Collection / Folder / Subfolder / Request Name` when available. - Added error handling to ensure invalid paths degrade gracefully to just showing the request name. ### Notes to reviewers - This logic primarily targets requests originating from **User Collections** (`originLocation: "user-collection"`) as they provide a reliable `folderPath` in their save context. - The path resolution logic is consistent with how other components (like Spotlight) reconstruct folder paths. **Screenshots** Tooltip showing full path: <img width="1440" height="822" alt="Screenshot 2026-01-05 at 9 39 15 PM" src="https://github.com/user-attachments/assets/a9d2411b-03c3-4b10-b70f-032e74f1adfe" /> <img width="361" height="142" alt="Screenshot 2026-01-05 at 9 40 04 PM" src="https://github.com/user-attachments/assets/a2e3abd0-4acc-464f-beb6-989c6c527d1f" /> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>