fix/tooltip and onboarding ui (#25451)

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">
+        <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>Press</span>
+          <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>
       )}
     </>

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>

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',
+    },
   },
 }
 

web/i18n/ja-JP/workflow.ts

@@ -1171,6 +1171,11 @@ const translation = {
     back: '戻る',
     learnMore: '詳細を見る',
     aboutStartNode: '開始ノードについて。',
+    escTip: {
+      press: '',
+      key: 'esc',
+      toDismiss: 'キーで閉じる',
+    },
   },
 }
 

web/i18n/zh-Hans/workflow.ts

@@ -1171,6 +1171,11 @@ const translation = {
     back: '返回',
     learnMore: '了解更多',
     aboutStartNode: '关于开始节点。',
+    escTip: {
+      press: '按',
+      key: 'esc',
+      toDismiss: '键关闭',
+    },
   },
 }