fix: wrong tooltip content for switch plugin version

web/app/components/base/tooltip/content.tsx

@@ -0,0 +1,22 @@
+import type { FC, PropsWithChildren, ReactNode } from 'react'
+
+export type ToolTipContentProps = {
+  title?: ReactNode
+  action?: ReactNode
+} & PropsWithChildren
+
+export const ToolTipContent: FC<ToolTipContentProps> = ({
+  title,
+  action,
+  children,
+}) => {
+  return (
+    <div className='w-[180px]'>
+      {title && (
+        <div className='mb-1.5 text-text-secondary font-semibold'>{title}</div>
+      )}
+      <div className='mb-1.5 text-text-tertiary'>{children}</div>
+      {action && <div className='text-text-accent cursor-pointer'>{action}</div>}
+    </div>
+  )
+}

web/app/components/workflow/nodes/_base/components/agent-strategy-selector.tsx

@@ -20,6 +20,7 @@ import { useStrategyInfo } from '../../agent/use-config'
 import { SwitchPluginVersion } from './switch-plugin-version'
 import PluginList from '@/app/components/workflow/block-selector/market-place-plugin/list'
 import { useMarketplacePlugins } from '@/app/components/plugins/marketplace/hooks'
+import { ToolTipContent } from '@/app/components/base/tooltip/content'
 
 const NotFoundWarn = (props: {
   title: ReactNode,
@@ -178,7 +179,10 @@ export const AgentStrategySelector = memo((props: AgentStrategySelectorProps) =>
           }
           {showSwitchVersion && <SwitchPluginVersion
             uniqueIdentifier={'langgenius/openai:12'}
-            tooltip={t('workflow.nodes.agent.switchToNewVersion')}
+            tooltip={<ToolTipContent
+              title={t('workflow.nodes.agent.unsupportedStrategy')}>
+              {t('workflow.nodes.agent.strategyNotFoundDescAndSwitchVersion')}
+            </ToolTipContent>}
             onChange={() => {
               // TODO: refresh all strategies
             }}

web/app/components/workflow/nodes/_base/components/switch-plugin-version.tsx

@@ -4,6 +4,7 @@ import Badge from '@/app/components/base/badge'
 import Tooltip from '@/app/components/base/tooltip'
 import PluginVersionPicker from '@/app/components/plugins/update-plugin/plugin-version-picker'
 import { RiArrowLeftRightLine } from '@remixicon/react'
+import type { ReactNode } from 'react'
 import { type FC, useCallback, useState } from 'react'
 import cn from '@/utils/classnames'
 import UpdateFromMarketplace from '@/app/components/plugins/update-plugin/from-market-place'
@@ -12,7 +13,7 @@ import { useCheckInstalled } from '@/service/use-plugins'
 
 export type SwitchPluginVersionProps = {
   uniqueIdentifier: string
-  tooltip?: string
+  tooltip?: ReactNode
   onChange?: (version: string) => void
 }
 

web/app/dev-preview/page.tsx

@@ -1,5 +1,6 @@
 'use client'
 
+import { ToolTipContent } from '../components/base/tooltip/content'
 import { SwitchPluginVersion } from '../components/workflow/nodes/_base/components/switch-plugin-version'
 import { useTranslation } from 'react-i18next'
 
@@ -8,7 +9,11 @@ export default function Page() {
   return <div className="p-20">
     <SwitchPluginVersion
       uniqueIdentifier={'langgenius/openai:12'}
-      tooltip={t('workflow.nodes.agent.switchToNewVersion')}
+      tooltip={<ToolTipContent
+        title={t('workflow.nodes.agent.unsupportedStrategy')}
+      >
+        {t('workflow.nodes.agent.strategyNotFoundDescAndSwitchVersion')}
+      </ToolTipContent>}
     />
   </div>
 }

web/i18n/en-US/workflow.ts

@@ -755,7 +755,6 @@ const translation = {
     checkList: {
       strategyNotSelected: 'Strategy not selected',
     },
-    switchToNewVersion: 'Switch to new version',
   },
   tracing: {
     stopBy: 'Stop by {{user}}',

web/i18n/zh-Hans/workflow.ts

@@ -754,7 +754,6 @@ const translation = {
       checkList: {
         strategyNotSelected: '未选择策略',
       },
-      switchToNewVersion: '切换到新版',
     },
   },
   tracing: {