From befefb04b42189397874f7a1bac4a4b67084a018 Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Thu, 5 Feb 2026 16:10:50 +0800
Subject: [PATCH] chore: open in editor tooltip

---
 .../file-preview-panel.tsx                    | 26 ++++++++++++-------
 web/i18n/en-US/workflow.json                  |  1 +
 web/i18n/zh-Hans/workflow.json                |  1 +
 3 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/web/app/components/workflow/skill/editor/skill-editor/plugins/file-reference-block/file-preview-panel.tsx b/web/app/components/workflow/skill/editor/skill-editor/plugins/file-reference-block/file-preview-panel.tsx
index dc0899bfca..0a4f2f6e9d 100644
--- a/web/app/components/workflow/skill/editor/skill-editor/plugins/file-reference-block/file-preview-panel.tsx
+++ b/web/app/components/workflow/skill/editor/skill-editor/plugins/file-reference-block/file-preview-panel.tsx
@@ -7,6 +7,7 @@ import { useTranslation } from 'react-i18next'
 import { useStore as useAppStore } from '@/app/components/app/store'
 import FileTypeIcon from '@/app/components/base/file-uploader/file-type-icon'
 import Loading from '@/app/components/base/loading'
+import Tooltip from '@/app/components/base/tooltip'
 import SkillEditor from '@/app/components/workflow/skill/editor/skill-editor'
 import { useFileTypeInfo } from '@/app/components/workflow/skill/hooks/use-file-type-info'
 import { getFileIconType } from '@/app/components/workflow/skill/utils/file-utils'
@@ -101,18 +102,23 @@ const FilePreviewPanel = ({ resourceId, currentNode, className, style, onClose }
             </div>
           )}
         </div>
-        <button
-          type="button"
-          onClick={handleOpenInEditor}
+        <Tooltip
+          popupContent={t('skillEditor.openInSkillEditor', { ns: 'workflow' })}
           disabled={!canOpenInEditor}
-          className={cn(
-            'inline-flex size-6 items-center justify-center rounded-md text-text-tertiary transition hover:bg-state-base-hover',
-            !canOpenInEditor && 'cursor-not-allowed opacity-40 hover:bg-transparent',
-          )}
-          aria-label={t('nodes.note.editor.openLink')}
         >
-          <RiExternalLinkLine className="size-4" />
-        </button>
+          <button
+            type="button"
+            onClick={handleOpenInEditor}
+            disabled={!canOpenInEditor}
+            className={cn(
+              'inline-flex size-6 items-center justify-center rounded-md text-text-tertiary transition hover:bg-state-base-hover',
+              !canOpenInEditor && 'cursor-not-allowed opacity-40 hover:bg-transparent',
+            )}
+            aria-label={t('skillEditor.openInSkillEditor', { ns: 'workflow' })}
+          >
+            <RiExternalLinkLine className="size-4" />
+          </button>
+        </Tooltip>
         <button
           type="button"
           onClick={onClose}
diff --git a/web/i18n/en-US/workflow.json b/web/i18n/en-US/workflow.json
index 20e3bb089c..b4915973ed 100644
--- a/web/i18n/en-US/workflow.json
+++ b/web/i18n/en-US/workflow.json
@@ -1110,6 +1110,7 @@
   "skill.startTab.useThisSkill": "Use this Skill",
   "skillEditor.authorizationBadge": "Auth",
   "skillEditor.authorizationRequired": "Authorization required before use.",
+  "skillEditor.openInSkillEditor": "Open in Skill Editor",
   "skillEditor.previewUnavailable": "Preview unavailable",
   "skillEditor.referenceFiles": "Reference files",
   "skillEditor.unsupportedPreview": "This file type is not supported for preview",
diff --git a/web/i18n/zh-Hans/workflow.json b/web/i18n/zh-Hans/workflow.json
index 1c2c7fe20d..b44ec7df01 100644
--- a/web/i18n/zh-Hans/workflow.json
+++ b/web/i18n/zh-Hans/workflow.json
@@ -1102,6 +1102,7 @@
   "skill.startTab.useThisSkill": "使用此 Skill",
   "skillEditor.authorizationBadge": "Auth",
   "skillEditor.authorizationRequired": "使用前需要授权。",
+  "skillEditor.openInSkillEditor": "在技能编辑器中打开",
   "skillEditor.previewUnavailable": "无法预览",
   "skillEditor.referenceFiles": "引用文件",
   "skillEditor.unsupportedPreview": "该文件类型不支持预览",