feat: introduce trigger functionality (#27644)

Signed-off-by: lyzno1 <yuanyouhuilyz@gmail.com>
Co-authored-by: Stream <Stream_2@qq.com>
Co-authored-by: lyzno1 <92089059+lyzno1@users.noreply.github.com>
Co-authored-by: zhsama <torvalds@linux.do>
Co-authored-by: Harry <xh001x@hotmail.com>
Co-authored-by: lyzno1 <yuanyouhuilyz@gmail.com>
Co-authored-by: yessenia <yessenia.contact@gmail.com>
Co-authored-by: hjlarry <hjlarry@163.com>
Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
Co-authored-by: Copilot Autofix powered by AI <62310815+github-advanced-security[bot]@users.noreply.github.com>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: WTW0313 <twwu@dify.ai>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

web/app/components/workflow/nodes/tool/components/mixed-variable-text-input/index.tsx

@@ -20,6 +20,7 @@ type MixedVariableTextInputProps = {
   onChange?: (text: string) => void
   showManageInputField?: boolean
   onManageInputField?: () => void
+  disableVariableInsertion?: boolean
 }
 const MixedVariableTextInput = ({
   readOnly = false,
@@ -29,6 +30,7 @@ const MixedVariableTextInput = ({
   onChange,
   showManageInputField,
   onManageInputField,
+  disableVariableInsertion = false,
 }: MixedVariableTextInputProps) => {
   const { t } = useTranslation()
   const controlPromptEditorRerenderKey = useStore(s => s.controlPromptEditorRerenderKey)
@@ -37,7 +39,7 @@ const MixedVariableTextInput = ({
     <PromptEditor
       key={controlPromptEditorRerenderKey}
       wrapperClassName={cn(
-        'w-full rounded-lg border border-transparent bg-components-input-bg-normal px-2 py-1',
+        'min-h-8 w-full rounded-lg border border-transparent bg-components-input-bg-normal px-2 py-1',
         'hover:border-components-input-border-hover hover:bg-components-input-bg-hover',
         'focus-within:border-components-input-border-active focus-within:bg-components-input-bg-active focus-within:shadow-xs',
       )}
@@ -45,7 +47,7 @@ const MixedVariableTextInput = ({
       editable={!readOnly}
       value={value}
       workflowVariableBlock={{
-        show: true,
+        show: !disableVariableInsertion,
         variables: nodesOutputVars || [],
         workflowNodesMap: availableNodes.reduce((acc, node) => {
           acc[node.id] = {
@@ -63,7 +65,7 @@ const MixedVariableTextInput = ({
         showManageInputField,
         onManageInputField,
       }}
-      placeholder={<Placeholder />}
+      placeholder={<Placeholder disableVariableInsertion={disableVariableInsertion} />}
       onChange={onChange}
     />
   )

web/app/components/workflow/nodes/tool/components/mixed-variable-text-input/placeholder.tsx

@@ -6,7 +6,11 @@ import { $insertNodes } from 'lexical'
 import { CustomTextNode } from '@/app/components/base/prompt-editor/plugins/custom-text/node'
 import Badge from '@/app/components/base/badge'
 
-const Placeholder = () => {
+type PlaceholderProps = {
+  disableVariableInsertion?: boolean
+}
+
+const Placeholder = ({ disableVariableInsertion = false }: PlaceholderProps) => {
   const { t } = useTranslation()
   const [editor] = useLexicalComposerContext()
 
@@ -28,17 +32,21 @@ const Placeholder = () => {
     >
       <div className='flex grow items-center'>
         {t('workflow.nodes.tool.insertPlaceholder1')}
-        <div className='system-kbd mx-0.5 flex h-4 w-4 items-center justify-center rounded bg-components-kbd-bg-gray text-text-placeholder'>/</div>
-        <div
-          className='system-sm-regular cursor-pointer text-components-input-text-placeholder underline decoration-dotted decoration-auto underline-offset-auto hover:text-text-tertiary'
-          onMouseDown={((e) => {
-            e.preventDefault()
-            e.stopPropagation()
-            handleInsert('/')
-          })}
-        >
-          {t('workflow.nodes.tool.insertPlaceholder2')}
-        </div>
+        {(!disableVariableInsertion) && (
+          <>
+            <div className='system-kbd mx-0.5 flex h-4 w-4 items-center justify-center rounded bg-components-kbd-bg-gray text-text-placeholder'>/</div>
+            <div
+              className='system-sm-regular cursor-pointer text-components-input-text-placeholder underline decoration-dotted decoration-auto underline-offset-auto hover:text-text-tertiary'
+              onMouseDown={((e) => {
+                e.preventDefault()
+                e.stopPropagation()
+                handleInsert('/')
+              })}
+            >
+              {t('workflow.nodes.tool.insertPlaceholder2')}
+            </div>
+          </>
+        )}
       </div>
       <Badge
         className='shrink-0'

web/app/components/workflow/nodes/tool/components/tool-form/index.tsx

@@ -18,6 +18,7 @@ type Props = {
   currentProvider?: ToolWithProvider
   showManageInputField?: boolean
   onManageInputField?: () => void
+  extraParams?: Record<string, any>
 }
 
 const ToolForm: FC<Props> = ({
@@ -31,6 +32,7 @@ const ToolForm: FC<Props> = ({
   currentProvider,
   showManageInputField,
   onManageInputField,
+  extraParams,
 }) => {
   return (
     <div className='space-y-1'>
@@ -48,6 +50,8 @@ const ToolForm: FC<Props> = ({
             currentProvider={currentProvider}
             showManageInputField={showManageInputField}
             onManageInputField={onManageInputField}
+            extraParams={extraParams}
+            providerType='tool'
           />
         ))
       }

web/app/components/workflow/nodes/tool/components/tool-form/item.tsx

@@ -26,6 +26,8 @@ type Props = {
   currentProvider?: ToolWithProvider
   showManageInputField?: boolean
   onManageInputField?: () => void
+  extraParams?: Record<string, any>
+  providerType?: 'tool' | 'trigger'
 }
 
 const ToolFormItem: FC<Props> = ({
@@ -39,6 +41,8 @@ const ToolFormItem: FC<Props> = ({
   currentProvider,
   showManageInputField,
   onManageInputField,
+  extraParams,
+  providerType = 'tool',
 }) => {
   const language = useLanguage()
   const { name, label, type, required, tooltip, input_schema } = schema
@@ -95,6 +99,8 @@ const ToolFormItem: FC<Props> = ({
         currentProvider={currentProvider}
         showManageInputField={showManageInputField}
         onManageInputField={onManageInputField}
+        extraParams={extraParams}
+        providerType={providerType}
       />
 
       {isShowSchema && (