From b438e1d81310f25b0ad163428fd2259be6525b0d Mon Sep 17 00:00:00 2001
From: Chhavi Goyal <chhavi_goyal@intuit.com>
Date: Mon, 24 Nov 2025 03:48:21 -0500
Subject: [PATCH] fix: prevent duplicate requests from showing active indicator
 simultaneously (#5605)

Co-authored-by: nivedin <nivedinp@gmail.com>
---
 .../hoppscotch-common/src/components/collections/index.vue | 2 ++
 packages/hoppscotch-common/src/pages/index.vue             | 7 +++++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/hoppscotch-common/src/components/collections/index.vue b/packages/hoppscotch-common/src/components/collections/index.vue
index f8f0aa27..89642092 100644
--- a/packages/hoppscotch-common/src/components/collections/index.vue
+++ b/packages/hoppscotch-common/src/components/collections/index.vue
@@ -231,6 +231,7 @@
 import { useI18n } from "@composables/i18n"
 import { useToast } from "@composables/toast"
 import {
+  generateUniqueRefId,
   getDefaultRESTRequest,
   HoppCollection,
   HoppRESTAuth,
@@ -1477,6 +1478,7 @@ const duplicateRequest = async (payload: {
 
   const newRequest = {
     ...cloneDeep(request),
+    _ref_id: generateUniqueRefId("req"),
     name: `${request.name} - ${t("action.duplicate")}`,
   }
 
diff --git a/packages/hoppscotch-common/src/pages/index.vue b/packages/hoppscotch-common/src/pages/index.vue
index a330156f..0c067810 100644
--- a/packages/hoppscotch-common/src/pages/index.vue
+++ b/packages/hoppscotch-common/src/pages/index.vue
@@ -134,7 +134,7 @@
 
 <script lang="ts" setup>
 import { ref, onMounted, computed } from "vue"
-import { safelyExtractRESTRequest } from "@hoppscotch/data"
+import { generateUniqueRefId, safelyExtractRESTRequest } from "@hoppscotch/data"
 import { translateExtURLParams } from "~/helpers/RESTExtURLParams"
 import { useRoute } from "vue-router"
 import { useI18n } from "@composables/i18n"
@@ -280,7 +280,10 @@ const duplicateTab = (tabID: string) => {
   if (tab.value && tab.value.document.type === "request") {
     const newTab = tabs.createNewTab({
       type: "request",
-      request: cloneDeep(tab.value.document.request),
+      request: {
+        ...cloneDeep(tab.value.document.request),
+        _ref_id: generateUniqueRefId("req"),
+      },
       isDirty: true,
     })
     tabs.setActiveTab(newTab.id)