Improve tooltip design for trigger blocks (#24724)

web/app/components/workflow/block-selector/start-blocks.tsx

@@ -59,7 +59,7 @@ const StartBlocks = ({
     <Tooltip
       key={block.type}
       position='right'
-      popupClassName='w-[200px]'
+      popupClassName='w-[224px] rounded-xl'
       needsDelay={false}
       popupContent={(
         <div>
@@ -69,7 +69,12 @@ const StartBlocks = ({
             type={block.type}
           />
           <div className='system-md-medium mb-1 text-text-primary'>{block.title}</div>
-          <div className='system-xs-regular text-text-tertiary'>{nodesExtraData[block.type].about}</div>
+          <div className='system-xs-regular text-text-secondary'>{nodesExtraData[block.type].about}</div>
+          {(block.type === BlockEnumValues.TriggerWebhook || block.type === BlockEnumValues.TriggerSchedule) && (
+            <div className='system-xs-regular mb-1 mt-1 text-text-tertiary'>
+              {t('tools.author')} {t('workflow.difyTeam')}
+            </div>
+          )}
         </div>
       )}
     >

web/i18n/en-US/workflow.ts

@@ -302,9 +302,10 @@ const translation = {
     'list-operator': 'Used to filter or sort array content.',
     'agent': 'Invoking large language models to answer questions or process natural language',
     'trigger-schedule': 'Time-based workflow trigger that starts workflows on a schedule',
-    'trigger-webhook': 'HTTP callback trigger that starts workflows from external HTTP requests',
+    'trigger-webhook': 'Webhook Trigger receives HTTP pushes from third-party systems to automatically trigger workflows.',
     'trigger-plugin': 'Third-party integration trigger that starts workflows from external platform events',
   },
+  difyTeam: 'Dify Team',
   operator: {
     zoomIn: 'Zoom In',
     zoomOut: 'Zoom Out',

web/i18n/ja-JP/workflow.ts

@@ -302,9 +302,10 @@ const translation = {
     'list-operator': '配列のフィルタリングやソート処理を行います。',
     'agent': '大規模言語モデルを活用した質問応答や自然言語処理を実行します。',
     'trigger-schedule': 'スケジュールに基づいてワークフローを開始する時間ベースのトリガー',
-    'trigger-webhook': 'HTTP コールバックトリガー、外部 HTTP リクエストによってワークフローを開始します',
+    'trigger-webhook': 'Webhook トリガーは第三者システムからの HTTP プッシュを受信してワークフローを自動的に開始します。',
     'trigger-plugin': 'サードパーティ統合トリガー、外部プラットフォームのイベントによってワークフローを開始します',
   },
+  difyTeam: 'Dify チーム',
   operator: {
     zoomIn: '拡大',
     zoomOut: '縮小',

web/i18n/zh-Hans/workflow.ts

@@ -301,10 +301,11 @@ const translation = {
     'document-extractor': '用于将用户上传的文档解析为 LLM 便于理解的文本内容。',
     'list-operator': '用于过滤或排序数组内容。',
     'agent': '调用大型语言模型回答问题或处理自然语言',
-    'trigger-webhook': '从外部 HTTP 请求启动工作流的 HTTP 回调触发器',
+    'trigger-webhook': 'Webhook 触发器接收来自第三方系统的 HTTP 推送以自动触发工作流。',
     'trigger-schedule': '基于时间的工作流触发器，按计划启动工作流',
     'trigger-plugin': '从外部平台事件启动工作流的第三方集成触发器',
   },
+  difyTeam: 'Dify 团队',
   operator: {
     zoomIn: '放大',
     zoomOut: '缩小',