diff --git a/packages/frontend/@n8n/i18n/src/locales/en.json b/packages/frontend/@n8n/i18n/src/locales/en.json index a79aa861e9e..22b735634d6 100644 --- a/packages/frontend/@n8n/i18n/src/locales/en.json +++ b/packages/frontend/@n8n/i18n/src/locales/en.json @@ -3849,6 +3849,9 @@ "workflows.dynamic.tooltipTitle": "Dynamic credentials", "workflows.dynamic.resolverMissing": "Credential resolver missing", "workflows.dependencies.tooltip": "1 dependency | {count} dependencies", + "workflows.dependencies.tooltip.workflow": "Resources referenced by this workflow", + "workflows.dependencies.tooltip.credential": "Resources referencing this credential", + "workflows.dependencies.tooltip.dataTable": "Resources referencing this data table", "workflows.dependencies.modal.title": "Dependencies", "workflows.dependencies.modal.search": "Search dependencies...", "workflows.dependencies.type.credentials": "Credentials", diff --git a/packages/frontend/editor-ui/src/app/components/DependencyPill.vue b/packages/frontend/editor-ui/src/app/components/DependencyPill.vue index cfcbaa804a6..8d934759cec 100644 --- a/packages/frontend/editor-ui/src/app/components/DependencyPill.vue +++ b/packages/frontend/editor-ui/src/app/components/DependencyPill.vue @@ -3,7 +3,7 @@ import { computed, ref } from 'vue'; import { useI18n } from '@n8n/i18n'; import { useRouter } from 'vue-router'; import type { BaseTextKey } from '@n8n/i18n'; -import { N8nBadge, N8nIcon } from '@n8n/design-system'; +import { N8nBadge, N8nIcon, N8nTooltip } from '@n8n/design-system'; import { N8nDropdownMenu, type DropdownMenuItemProps, @@ -47,6 +47,10 @@ const effectiveCount = computed(() => { const hasHiddenDeps = computed(() => (depsResult.value?.inaccessibleCount ?? 0) > 0); +const tooltipText = computed(() => + i18n.baseText(`workflows.dependencies.tooltip.${props.resourceType}` as BaseTextKey), +); + const hasFullDeps = computed(() => depsResult.value !== undefined); const showSearch = computed( @@ -194,40 +198,42 @@ async function onDropdownToggle(open: boolean) {