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) { - - - - - - {{ effectiveCount }} - - - - - - {{ - i18n.baseText('workflows.dependencies.hiddenNotice', { - adjustToNumber: depsResult!.inaccessibleCount, - interpolate: { count: String(depsResult!.inaccessibleCount) }, - }) - }} - - - + + + + + + + {{ effectiveCount }} + + + + + + {{ + i18n.baseText('workflows.dependencies.hiddenNotice', { + adjustToNumber: depsResult!.inaccessibleCount, + interpolate: { count: String(depsResult!.inaccessibleCount) }, + }) + }} + + + +