fix: resolved #2771

packages/hoppscotch-app/src/components/smart/Tab.vue

@@ -23,11 +23,13 @@ const props = withDefaults(
     icon?: Component | object | string | null
     info?: string | null
     indicator?: boolean
+    disabled?: boolean
   }>(),
   {
     icon: null,
     indicator: false,
     info: null,
+    disabled: false,
   }
 )
 
@@ -41,6 +43,7 @@ const tabMeta = computed<TabMeta>(() => ({
   indicator: props.indicator,
   info: props.info,
   label: props.label,
+  disabled: props.disabled,
 }))
 
 const {

packages/hoppscotch-app/src/components/smart/Tabs.vue

@@ -25,8 +25,10 @@
               :class="[
                 { active: modelValue === tabID },
                 { vertical: vertical },
+                { 'opacity-75 !cursor-not-allowed': tabMeta.disabled },
               ]"
               :aria-label="tabMeta.label || ''"
+              :disabled="tabMeta.disabled"
               role="button"
               @keyup.enter="selectTab(tabID)"
               @click="selectTab(tabID)"
@@ -80,6 +82,7 @@ export type TabMeta = {
   icon: string | Component | null
   indicator: boolean
   info: string | null
+  disabled: boolean
 }
 
 export type TabProvider = {