From 1f4b3591ae258fa369992a8ce141e3283250904e Mon Sep 17 00:00:00 2001
From: znn <jubinkumarsoni@gmail.com>
Date: Wed, 16 Jul 2025 07:29:42 +0530
Subject: [PATCH] adding tooltip for bindingCount (#22450)

Co-authored-by: crazywoola <100913391+crazywoola@users.noreply.github.com>
Co-authored-by: crazywoola <427733928@qq.com>
---
 .../components/base/tag-management/tag-item-editor.tsx | 10 +++++++++-
 web/i18n/en-US/workflow.ts                             |  1 +
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/web/app/components/base/tag-management/tag-item-editor.tsx b/web/app/components/base/tag-management/tag-item-editor.tsx
index 3264979955..0fdfc5079a 100644
--- a/web/app/components/base/tag-management/tag-item-editor.tsx
+++ b/web/app/components/base/tag-management/tag-item-editor.tsx
@@ -12,6 +12,7 @@ import Confirm from '@/app/components/base/confirm'
 import cn from '@/utils/classnames'
 import type { Tag } from '@/app/components/base/tag-management/constant'
 import { ToastContext } from '@/app/components/base/toast'
+import Tooltip from '@/app/components/base/tooltip'
 import {
   deleteTag,
   updateTag,
@@ -109,7 +110,14 @@ const TagItemEditor: FC<TagItemEditorProps> = ({
             <div className='text-sm leading-5 text-text-secondary'>
               {tag.name}
             </div>
-            <div className='leading-4.5 shrink-0 px-1 text-sm font-medium text-text-tertiary'>{tag.binding_count}</div>
+            <Tooltip
+              popupContent={
+                <div>{t('workflow.common.tagBound')}</div>
+              }
+              needsDelay
+            >
+              <div className='leading-4.5 shrink-0 px-1 text-sm font-medium text-text-tertiary'>{tag.binding_count}</div>
+            </Tooltip>
             <div className='group/edit shrink-0 cursor-pointer rounded-md p-1 hover:bg-state-base-hover' onClick={() => setIsEditing(true)}>
               <RiEditLine className='h-3 w-3 text-text-tertiary group-hover/edit:text-text-secondary' />
             </div>
diff --git a/web/i18n/en-US/workflow.ts b/web/i18n/en-US/workflow.ts
index c56b497ac2..763739ba32 100644
--- a/web/i18n/en-US/workflow.ts
+++ b/web/i18n/en-US/workflow.ts
@@ -113,6 +113,7 @@ const translation = {
     addFailureBranch: 'Add Fail Branch',
     loadMore: 'Load More',
     noHistory: 'No History',
+    tagBound: 'Number of apps using this tag',
   },
   env: {
     envPanelTitle: 'Environment Variables',