fix: @coderabbitai suggested changes

Author: neutrino2211

app/components/Org/TeamPackagesPanel.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { AccessPermission } from '#cli/types'
 import { buildScopeTeam } from '~/utils/npm/common'
+import { packageRoute } from '~/utils/router'
 
 const props = defineProps<{
   orgName: string

app/components/Package/BulkGrantAccessModal.vue

@@ -34,6 +34,7 @@ const dialogRef = useTemplateRef('dialogRef')
 
 // Load teams when modal opens
 async function loadTeams() {
+  teams.value = []
   if (!isConnected.value) return
 
   isLoadingTeams.value = true
@@ -47,6 +48,8 @@ async function loadTeams() {
     } else {
       loadError.value = connectorError.value || 'Failed to load teams'
     }
+  } catch (err) {
+    loadError.value = err instanceof Error ? err.message : 'Failed to load teams'
   } finally {
     isLoadingTeams.value = false
   }

app/components/Package/CopyAccessModal.vue

@@ -60,16 +60,21 @@ const teamCollaborators = computed(() => {
 async function loadCollaborators() {
   if (!isConnected.value || !sourcePackage.value) return
 
+  const requestedSource = sourcePackage.value
   isLoadingCollaborators.value = true
   loadError.value = null
 
   try {
-    const result = await listPackageCollaborators(sourcePackage.value)
+    const result = await listPackageCollaborators(requestedSource)
+    if (sourcePackage.value !== requestedSource) return
+
     if (result) {
       collaborators.value = result
     } else {
       loadError.value = connectorError.value || 'Failed to load collaborators'
     }
+  } catch (err) {
+    loadError.value = err instanceof Error ? err.message : 'Failed to load collaborators'
   } finally {
     isLoadingCollaborators.value = false
   }