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/base/linked-apps-panel/index.stories.tsx

@@ -1,12 +1,13 @@
 import type { Meta, StoryObj } from '@storybook/nextjs'
 import LinkedAppsPanel from '.'
 import type { RelatedApp } from '@/models/datasets'
+import { AppModeEnum } from '@/types/app'
 
 const mockRelatedApps: RelatedApp[] = [
   {
     id: 'app-cx',
     name: 'Customer Support Assistant',
-    mode: 'chat',
+    mode: AppModeEnum.CHAT,
     icon_type: 'emoji',
     icon: '\u{1F4AC}',
     icon_background: '#EEF2FF',
@@ -15,7 +16,7 @@ const mockRelatedApps: RelatedApp[] = [
   {
     id: 'app-ops',
     name: 'Ops Workflow Orchestrator',
-    mode: 'workflow',
+    mode: AppModeEnum.WORKFLOW,
     icon_type: 'emoji',
     icon: '\u{1F6E0}\u{FE0F}',
     icon_background: '#ECFDF3',
@@ -24,7 +25,7 @@ const mockRelatedApps: RelatedApp[] = [
   {
     id: 'app-research',
     name: 'Research Synthesizer',
-    mode: 'advanced-chat',
+    mode: AppModeEnum.ADVANCED_CHAT,
     icon_type: 'emoji',
     icon: '\u{1F9E0}',
     icon_background: '#FDF2FA',

web/app/components/base/linked-apps-panel/index.tsx

@@ -6,6 +6,7 @@ import { RiArrowRightUpLine } from '@remixicon/react'
 import cn from '@/utils/classnames'
 import AppIcon from '@/app/components/base/app-icon'
 import type { RelatedApp } from '@/models/datasets'
+import { AppModeEnum } from '@/types/app'
 
 type ILikedItemProps = {
   appStatus?: boolean
@@ -14,11 +15,11 @@ type ILikedItemProps = {
 }
 
 const appTypeMap = {
-  'chat': 'Chatbot',
-  'completion': 'Completion',
-  'agent-chat': 'Agent',
-  'advanced-chat': 'Chatflow',
-  'workflow': 'Workflow',
+  [AppModeEnum.CHAT]: 'Chatbot',
+  [AppModeEnum.COMPLETION]: 'Completion',
+  [AppModeEnum.AGENT_CHAT]: 'Agent',
+  [AppModeEnum.ADVANCED_CHAT]: 'Chatflow',
+  [AppModeEnum.WORKFLOW]: 'Workflow',
 }
 
 const LikedItem = ({