From 07dda61929ed9436c931222d45ecc608edfbd437 Mon Sep 17 00:00:00 2001
From: lyzno1 <92089059+lyzno1@users.noreply.github.com>
Date: Wed, 10 Sep 2025 10:40:14 +0800
Subject: [PATCH] fix/tooltip and onboarding ui (#25451)

---
 .../components/workflow-onboarding-modal/index.tsx        | 8 ++++----
 web/app/components/workflow/block-selector/blocks.tsx     | 2 +-
 web/i18n/en-US/workflow.ts                                | 5 +++++
 web/i18n/ja-JP/workflow.ts                                | 5 +++++
 web/i18n/zh-Hans/workflow.ts                              | 5 +++++
 5 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/web/app/components/workflow-app/components/workflow-onboarding-modal/index.tsx b/web/app/components/workflow-app/components/workflow-onboarding-modal/index.tsx
index f5d01c13cc..3a1c352b4e 100644
--- a/web/app/components/workflow-app/components/workflow-onboarding-modal/index.tsx
+++ b/web/app/components/workflow-app/components/workflow-onboarding-modal/index.tsx
@@ -84,12 +84,12 @@ const WorkflowOnboardingModal: FC<WorkflowOnboardingModalProps> = ({
 
       {/* ESC tip below modal */}
       {isShow && (
-        <div className="body-xs-regular pointer-events-none fixed left-1/2 top-1/2 z-[70] flex -translate-x-1/2 translate-y-[160px] items-center gap-1 text-text-quaternary">
-          <span>Press</span>
+        <div className="body-xs-regular pointer-events-none fixed left-1/2 top-1/2 z-[70] flex -translate-x-1/2 translate-y-[165px] items-center gap-1 text-text-quaternary">
+          <span>{t('workflow.onboarding.escTip.press')}</span>
           <kbd className="system-kbd inline-flex h-4 min-w-4 items-center justify-center rounded bg-components-kbd-bg-gray px-1 text-text-tertiary">
-            esc
+            {t('workflow.onboarding.escTip.key')}
           </kbd>
-          <span>to dismiss</span>
+          <span>{t('workflow.onboarding.escTip.toDismiss')}</span>
         </div>
       )}
     </>
diff --git a/web/app/components/workflow/block-selector/blocks.tsx b/web/app/components/workflow/block-selector/blocks.tsx
index 27f8847655..20cb74ac4d 100644
--- a/web/app/components/workflow/block-selector/blocks.tsx
+++ b/web/app/components/workflow/block-selector/blocks.tsx
@@ -69,7 +69,7 @@ const Blocks = ({
             <Tooltip
               key={block.type}
               position='right'
-              popupClassName='w-[200px]'
+              popupClassName='w-[200px] rounded-xl'
               needsDelay={false}
               popupContent={(
                 <div>
diff --git a/web/i18n/en-US/workflow.ts b/web/i18n/en-US/workflow.ts
index 92a7101200..0bd35f9daa 100644
--- a/web/i18n/en-US/workflow.ts
+++ b/web/i18n/en-US/workflow.ts
@@ -1171,6 +1171,11 @@ const translation = {
     back: 'Back',
     learnMore: 'Learn more',
     aboutStartNode: 'about start node.',
+    escTip: {
+      press: 'Press',
+      key: 'esc',
+      toDismiss: 'to dismiss',
+    },
   },
 }
 
diff --git a/web/i18n/ja-JP/workflow.ts b/web/i18n/ja-JP/workflow.ts
index 1deae3dae3..23e8dad320 100644
--- a/web/i18n/ja-JP/workflow.ts
+++ b/web/i18n/ja-JP/workflow.ts
@@ -1171,6 +1171,11 @@ const translation = {
     back: '戻る',
     learnMore: '詳細を見る',
     aboutStartNode: '開始ノードについて。',
+    escTip: {
+      press: '',
+      key: 'esc',
+      toDismiss: 'キーで閉じる',
+    },
   },
 }
 
diff --git a/web/i18n/zh-Hans/workflow.ts b/web/i18n/zh-Hans/workflow.ts
index 8e14579fc3..f331b083bc 100644
--- a/web/i18n/zh-Hans/workflow.ts
+++ b/web/i18n/zh-Hans/workflow.ts
@@ -1171,6 +1171,11 @@ const translation = {
     back: '返回',
     learnMore: '了解更多',
     aboutStartNode: '关于开始节点。',
+    escTip: {
+      press: '按',
+      key: 'esc',
+      toDismiss: '键关闭',
+    },
   },
 }