Merge branch 'feat/plugins' of github.com:langgenius/dify into feat/plugins

web/app/components/app/configuration/config/agent/agent-tools/index.tsx

@@ -91,7 +91,7 @@ const AgentTools: FC = () => {
         provider_name: tool.provider_name,
         tool_name: tool.tool_name,
         tool_label: tool.tool_label,
-        tool_parameters: {},
+        tool_parameters: tool.params,
         enabled: true,
       })
     })

web/app/components/plugins/base/key-value-item.tsx

@@ -46,7 +46,7 @@ const KeyValueItem: FC<Props> = ({
     <div className='flex items-center gap-1'>
       <span className={cn('flex flex-col justify-center items-start text-text-tertiary system-xs-medium', labelWidthClassName)}>{label}</span>
       <div className='flex justify-center items-center gap-0.5'>
-        <span className='max-w-[300px] truncate system-xs-medium text-text-secondary'>
+        <span className='max-w-[162px] truncate system-xs-medium text-text-secondary'>
           {value}
         </span>
         <Tooltip popupContent={t(`common.operation.${isCopied ? 'copied' : 'copy'}`)} position='top'>

web/app/components/plugins/plugin-page/plugins-panel.tsx

@@ -44,14 +44,16 @@ const PluginsPanel = () => {
           <List pluginList={filteredList} />
         </div>
       </div>
-      <PluginDetailPanel
+      {false && (
-        pluginDetail={currentPluginDetail}
+        <PluginDetailPanel
-        endpointList={currentPluginEndpoints}
+          pluginDetail={currentPluginDetail}
-        onHide={() => {
+          endpointList={currentPluginEndpoints}
-          setCurrentPluginDetail(undefined)
+          onHide={() => {
-          setCurrentEndpoints([])
+            setCurrentPluginDetail(undefined)
-        }}
+            setCurrentEndpoints([])
-      />
+          }}
+        />
+      )}
     </>
   )
 }

web/app/components/workflow/block-selector/tool/action-item.tsx

@@ -10,14 +10,12 @@ import { useGetLanguage } from '@/context/i18n'
 import BlockIcon from '../../block-icon'
 
 type Props = {
-  className?: string
   provider: ToolWithProvider
   payload: Tool
   onSelect: (type: BlockEnum, tool?: ToolDefaultValue) => void
 }
 
 const ToolItem: FC<Props> = ({
-  className,
   provider,
   payload,
   onSelect,
@@ -46,6 +44,12 @@ const ToolItem: FC<Props> = ({
         key={payload.name}
         className='rounded-lg pl-[21px] hover:bg-state-base-hover cursor-pointer'
         onClick={() => {
+          const params: Record<string, string> = {}
+          if (payload.parameters) {
+            payload.parameters.forEach((item) => {
+              params[item.name] = ''
+            })
+          }
           onSelect(BlockEnum.Tool, {
             provider_id: provider.id,
             provider_type: provider.type,
@@ -53,6 +57,7 @@ const ToolItem: FC<Props> = ({
             tool_name: payload.name,
             tool_label: payload.label[language],
             title: payload.label[language],
+            params,
           })
         }}
       >

web/app/components/workflow/block-selector/tool/tool.tsx

@@ -66,6 +66,12 @@ const Tool: FC<Props> = ({
               toggleFold()
               return
             }
+            // TODO: get workflow and custom tool params
+            // if (payload.parameters) {
+            //   payload.parameters.forEach((item) => {
+            //     params[item.name] = ''
+            //   })
+            // }
             onSelect(BlockEnum.Tool, {
               provider_id: payload.id,
               provider_type: payload.type,
@@ -73,6 +79,7 @@ const Tool: FC<Props> = ({
               tool_name: payload.name,
               tool_label: payload.label[language],
               title: payload.label[language],
+              params: {},
             })
           }}
         >

web/app/components/workflow/block-selector/types.ts

@@ -25,4 +25,5 @@ export type ToolDefaultValue = {
   tool_name: string
   tool_label: string
   title: string
+  params: Record<string, any>
 }