main

web/app/components/plugins/plugin-detail-panel/action-list.tsx

@@ -78,7 +78,7 @@ const ActionList = ({
             className='w-full'
             onClick={() => setShowSettingAuth(true)}
             disabled={!isCurrentWorkspaceManager}
-          >{t('tools.auth.unauthorized')}</Button>
+          >{t('workflow.nodes.tool.authorize')}</Button>
         )}
       </div>
       <div className='flex flex-col gap-2'>

web/app/components/plugins/plugin-detail-panel/detail-header.tsx

@@ -1,4 +1,5 @@
 import React, { useCallback, useMemo, useState } from 'react'
+import { useTheme } from 'next-themes'
 import { useTranslation } from 'react-i18next'
 import { useBoolean } from 'ahooks'
 import {
@@ -32,8 +33,9 @@ import { useGetLanguage } from '@/context/i18n'
 import { useModalContext } from '@/context/modal-context'
 import { useProviderContext } from '@/context/provider-context'
 import { useInvalidateAllToolProviders } from '@/service/use-tools'
-import { API_PREFIX, MARKETPLACE_URL_PREFIX } from '@/config'
+import { API_PREFIX } from '@/config'
 import cn from '@/utils/classnames'
+import { getMarketplaceUrl } from '@/utils/var'
 
 const i18nPrefix = 'plugin.action'
 
@@ -49,6 +51,7 @@ const DetailHeader = ({
   onUpdate,
 }: Props) => {
   const { t } = useTranslation()
+  const { theme } = useTheme()
   const locale = useGetLanguage()
   const { checkForUpdates, fetchReleases } = useGitHubReleases()
   const { setShowUpdatePluginModal } = useModalContext()
@@ -85,9 +88,9 @@ const DetailHeader = ({
     if (isFromGitHub)
       return `https://github.com/${meta!.repo}`
     if (isFromMarketplace)
-      return `${MARKETPLACE_URL_PREFIX}/plugins/${author}/${name}`
+      return getMarketplaceUrl(`/plugins/${author}/${name}`, { theme })
     return ''
-  }, [author, isFromGitHub, isFromMarketplace, meta, name])
+  }, [author, isFromGitHub, isFromMarketplace, meta, name, theme])
 
   const [isShowUpdateModal, {
     setTrue: showUpdateModal,

web/app/components/plugins/plugin-detail-panel/endpoint-list.tsx

@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useContext } from 'use-context-selector'
+import { useDocLink } from '@/context/i18n'
 import { useBoolean } from 'ahooks'
 import {
   RiAddLine,
@@ -20,8 +20,6 @@ import {
   useInvalidateEndpointList,
 } from '@/service/use-endpoints'
 import type { PluginDetail } from '@/app/components/plugins/types'
-import { LanguagesSupported } from '@/i18n/language'
-import I18n from '@/context/i18n'
 import cn from '@/utils/classnames'
 
 type Props = {
@@ -29,7 +27,7 @@ type Props = {
 }
 const EndpointList = ({ detail }: Props) => {
   const { t } = useTranslation()
-  const { locale } = useContext(I18n)
+  const docLink = useDocLink()
   const pluginUniqueID = detail.plugin_unique_identifier
   const declaration = detail.declaration.endpoint
   const showTopBorder = detail.declaration.tool
@@ -79,7 +77,7 @@ const EndpointList = ({ detail }: Props) => {
                 </div>
                 <div className='system-xs-regular text-text-tertiary'>{t('plugin.detailPanel.endpointsTip')}</div>
                 <a
-                  href={`https://docs.dify.ai/${locale === LanguagesSupported[1] ? 'v/zh-hans/' : ''}plugins/schema-definition/endpoint`}
+                  href={docLink('/plugins/schema-definition/endpoint')}
                   target='_blank'
                   rel='noopener noreferrer'
                 >

web/app/components/plugins/plugin-detail-panel/multiple-tool-selector/index.tsx

@@ -165,6 +165,7 @@ const MultipleToolSelector = ({
             panelShowState={panelShowState}
             onPanelShowStateChange={setPanelShowState}
             canChooseMCPTool={canChooseMCPTool}
+            isEdit={false}
           />
           {value.length === 0 && (
             <div className='system-xs-regular flex justify-center rounded-[10px] bg-background-section p-3 text-text-tertiary'>{t('plugin.detailPanel.toolSelector.empty')}</div>
@@ -183,6 +184,7 @@ const MultipleToolSelector = ({
                 onDelete={() => handleDelete(index)}
                 supportEnableSwitch
                 canChooseMCPTool={canChooseMCPTool}
+                isEdit
               />
             </div>
           ))}

web/app/components/plugins/plugin-detail-panel/operation-dropdown.tsx

@@ -12,6 +12,7 @@ import {
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
 import cn from '@/utils/classnames'
+import { useGlobalPublicStore } from '@/context/global-public-context'
 
 type Props = {
   source: PluginSource
@@ -40,6 +41,8 @@ const OperationDropdown: FC<Props> = ({
     setOpen(!openRef.current)
   }, [setOpen])
 
+  const { enable_marketplace } = useGlobalPublicStore(s => s.systemFeatures)
+
   return (
     <PortalToFollowElem
       open={open}
@@ -77,13 +80,13 @@ const OperationDropdown: FC<Props> = ({
               className='system-md-regular cursor-pointer rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover'
             >{t('plugin.detailPanel.operation.checkUpdate')}</div>
           )}
-          {(source === PluginSource.marketplace || source === PluginSource.github) && (
+          {(source === PluginSource.marketplace || source === PluginSource.github) && enable_marketplace && (
             <a href={detailUrl} target='_blank' className='system-md-regular flex cursor-pointer items-center rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover'>
               <span className='grow'>{t('plugin.detailPanel.operation.viewDetail')}</span>
               <RiArrowRightUpLine className='h-3.5 w-3.5 shrink-0 text-text-tertiary' />
             </a>
           )}
-          {(source === PluginSource.marketplace || source === PluginSource.github) && (
+          {(source === PluginSource.marketplace || source === PluginSource.github) && enable_marketplace && (
             <div className='my-1 h-px bg-divider-subtle'></div>
           )}
           <div

web/app/components/plugins/plugin-detail-panel/tool-selector/index.tsx

@@ -56,6 +56,7 @@ type Props = {
   selectedTools?: ToolValue[]
   onSelect: (tool: ToolValue) => void
   onSelectMultiple: (tool: ToolValue[]) => void
+  isEdit?: boolean
   onDelete?: () => void
   supportEnableSwitch?: boolean
   supportAddCustomTool?: boolean
@@ -72,6 +73,7 @@ type Props = {
 const ToolSelector: FC<Props> = ({
   value,
   selectedTools,
+  isEdit,
   disabled,
   placement = 'left',
   offset = 4,
@@ -285,7 +287,7 @@ const ToolSelector: FC<Props> = ({
           <div className={cn('relative max-h-[642px] min-h-20 w-[361px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur pb-4 shadow-lg backdrop-blur-sm', !isShowSettingAuth && 'overflow-y-auto pb-2')}>
             {!isShowSettingAuth && (
               <>
-                <div className='system-xl-semibold px-4 pb-1 pt-3.5 text-text-primary'>{t('plugin.detailPanel.toolSelector.title')}</div>
+                <div className='system-xl-semibold px-4 pb-1 pt-3.5 text-text-primary'>{t(`plugin.detailPanel.toolSelector.${isEdit ? 'toolSetting' : 'title'}`)}</div>
                 {/* base form */}
                 <div className='flex flex-col gap-3 px-4 py-2'>
                   <div className='flex flex-col gap-1'>