feat: comprehensive trigger node system with Schedule Trigger implementation (#24039)

Co-authored-by: zhangxuhe1 <xuhezhang6@gmail.com>

web/app/components/workflow/nodes/trigger-plugin/default.ts

@@ -0,0 +1,30 @@
+import { BlockEnum } from '../../types'
+import type { NodeDefault } from '../../types'
+import type { PluginTriggerNodeType } from './types'
+import { ALL_CHAT_AVAILABLE_BLOCKS, ALL_COMPLETION_AVAILABLE_BLOCKS } from '@/app/components/workflow/blocks'
+
+const nodeDefault: NodeDefault<PluginTriggerNodeType> = {
+  defaultValue: {
+    plugin_id: '',
+    plugin_name: '',
+    event_type: '',
+    config: {},
+  },
+  getAvailablePrevNodes(isChatMode: boolean) {
+    return []
+  },
+  getAvailableNextNodes(isChatMode: boolean) {
+    const nodes = isChatMode
+      ? ALL_CHAT_AVAILABLE_BLOCKS
+      : ALL_COMPLETION_AVAILABLE_BLOCKS.filter(type => type !== BlockEnum.End)
+    return nodes.filter(type => type !== BlockEnum.Start)
+  },
+  checkValid(payload: PluginTriggerNodeType, t: any) {
+    return {
+      isValid: true,
+      errorMessage: '',
+    }
+  },
+}
+
+export default nodeDefault

web/app/components/workflow/nodes/trigger-plugin/node.tsx

@@ -0,0 +1,28 @@
+import type { FC } from 'react'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import type { PluginTriggerNodeType } from './types'
+import type { NodeProps } from '@/app/components/workflow/types'
+
+const i18nPrefix = 'workflow.nodes.triggerPlugin'
+
+const Node: FC<NodeProps<PluginTriggerNodeType>> = ({
+  data,
+}) => {
+  const { t } = useTranslation()
+
+  return (
+    <div className="mb-1 px-3 py-1">
+      <div className="text-xs text-gray-700">
+        {t(`${i18nPrefix}.nodeTitle`)}
+      </div>
+      {data.plugin_name && (
+        <div className="text-xs text-gray-500">
+          {data.plugin_name}
+        </div>
+      )}
+    </div>
+  )
+}
+
+export default React.memo(Node)

web/app/components/workflow/nodes/trigger-plugin/panel.tsx

@@ -0,0 +1,29 @@
+import type { FC } from 'react'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import type { PluginTriggerNodeType } from './types'
+import Field from '@/app/components/workflow/nodes/_base/components/field'
+import type { NodePanelProps } from '@/app/components/workflow/types'
+
+const i18nPrefix = 'workflow.nodes.triggerPlugin'
+
+const Panel: FC<NodePanelProps<PluginTriggerNodeType>> = ({
+  id,
+  data,
+}) => {
+  const { t } = useTranslation()
+
+  return (
+    <div className='mt-2'>
+      <div className='space-y-4 px-4 pb-2'>
+        <Field title={t(`${i18nPrefix}.title`)}>
+          <div className="text-sm text-gray-500">
+            {t(`${i18nPrefix}.configPlaceholder`)}
+          </div>
+        </Field>
+      </div>
+    </div>
+  )
+}
+
+export default React.memo(Panel)

web/app/components/workflow/nodes/trigger-plugin/types.ts

@@ -0,0 +1,8 @@
+import type { CommonNodeType } from '@/app/components/workflow/types'
+
+export type PluginTriggerNodeType = CommonNodeType & {
+  plugin_id?: string
+  plugin_name?: string
+  event_type?: string
+  config?: Record<string, any>
+}