fix cred set name not showing up for owner

Author: icecrasher321

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/workflow-block.tsx

@@ -371,7 +371,8 @@ const SubBlockRow = ({
   const { displayName: credentialName } = useCredentialName(
     credentialSourceId,
     credentialProviderId,
-    workflowId
+    workflowId,
+    workspaceId
   )
 
   const credentialId = dependencyValues.credential

apps/sim/hooks/queries/oauth-credentials.ts

@@ -1,7 +1,7 @@
 import { useQuery } from '@tanstack/react-query'
 import type { Credential } from '@/lib/oauth'
 import { CREDENTIAL_SET } from '@/executor/constants'
-import { useCredentialSetMemberships } from '@/hooks/queries/credential-sets'
+import { useCredentialSetMemberships, useCredentialSets } from '@/hooks/queries/credential-sets'
 import { fetchJson } from '@/hooks/selectors/helpers'
 
 interface CredentialListResponse {
@@ -62,7 +62,12 @@ export function useOAuthCredentialDetail(
   })
 }
 
-export function useCredentialName(credentialId?: string, providerId?: string, workflowId?: string) {
+export function useCredentialName(
+  credentialId?: string,
+  providerId?: string,
+  workflowId?: string,
+  workspaceId?: string
+) {
   // Check if this is a credential set value
   const isCredentialSet = credentialId?.startsWith(CREDENTIAL_SET.PREFIX) ?? false
   const credentialSetId = isCredentialSet
@@ -72,6 +77,12 @@ export function useCredentialName(credentialId?: string, providerId?: string, wo
   // Fetch credential set memberships if this is a credential set
   const { data: memberships = [], isFetching: membershipsLoading } = useCredentialSetMemberships()
 
+  // Also fetch owned credential sets to check there
+  const { data: ownedSets = [], isFetching: ownedSetsLoading } = useCredentialSets(
+    workspaceId,
+    isCredentialSet && Boolean(workspaceId)
+  )
+
   const { data: credentials = [], isFetching: credentialsLoading } = useOAuthCredentials(
     providerId,
     Boolean(providerId) && !isCredentialSet
@@ -91,9 +102,10 @@ export function useCredentialName(credentialId?: string, providerId?: string, wo
 
   const hasForeignMeta = foreignCredentials.length > 0
 
-  // For credential sets, find the matching membership and use its name
+  // For credential sets, find the matching membership or owned set and use its name
   const credentialSetName = credentialSetId
-    ? memberships.find((m) => m.credentialSetId === credentialSetId)?.credentialSetName
+    ? (memberships.find((m) => m.credentialSetId === credentialSetId)?.credentialSetName ??
+      ownedSets.find((s) => s.id === credentialSetId)?.name)
     : undefined
 
   const displayName =
@@ -103,7 +115,10 @@ export function useCredentialName(credentialId?: string, providerId?: string, wo
 
   return {
     displayName,
-    isLoading: credentialsLoading || foreignLoading || (isCredentialSet && membershipsLoading),
+    isLoading:
+      credentialsLoading ||
+      foreignLoading ||
+      (isCredentialSet && (membershipsLoading || ownedSetsLoading)),
     hasForeignMeta,
   }
 }