diff --git a/web/app/components/base/linked-apps-panel/index.stories.tsx b/web/app/components/base/linked-apps-panel/index.stories.tsx
index 786d1bdf56..da8abb0677 100644
--- a/web/app/components/base/linked-apps-panel/index.stories.tsx
+++ b/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',
diff --git a/web/app/components/plugins/plugin-detail-panel/trigger/event-list.tsx b/web/app/components/plugins/plugin-detail-panel/trigger/event-list.tsx
index 1eef047771..93f2fcc9c7 100644
--- a/web/app/components/plugins/plugin-detail-panel/trigger/event-list.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/trigger/event-list.tsx
@@ -14,17 +14,19 @@ type TriggerEventCardProps = {
 }
 
 const TriggerEventCard = ({ eventInfo, providerInfo }: TriggerEventCardProps) => {
-  const { identity, description = {} } = eventInfo
+  const { identity, description } = eventInfo
   const language = useLanguage()
   const [showDetail, setShowDetail] = useState(false)
+  const title = identity.label?.[language] ?? identity.label?.en_US ?? ''
+  const descriptionText = description?.[language] ?? description?.en_US ?? ''
   return (
     <>
       <div
         className={cn('bg-components-panel-item-bg cursor-pointer rounded-xl border-[0.5px] border-components-panel-border-subtle px-4 py-3 shadow-xs hover:bg-components-panel-on-panel-item-bg-hover')}
         onClick={() => setShowDetail(true)}
       >
-        <div className='system-md-semibold pb-0.5 text-text-secondary'>{identity.label[language]}</div>
-        <div className='system-xs-regular line-clamp-2 text-text-tertiary' title={description[language]}>{description[language]}</div>
+        <div className='system-md-semibold pb-0.5 text-text-secondary'>{title}</div>
+        <div className='system-xs-regular line-clamp-2 text-text-tertiary' title={descriptionText}>{descriptionText}</div>
       </div>
       {showDetail && (
         <EventDetailDrawer
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/metadata-filter/index.tsx b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/metadata-filter/index.tsx
index d5ba234280..6405118c50 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/metadata-filter/index.tsx
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/metadata-filter/index.tsx
@@ -11,7 +11,7 @@ import type { MetadataShape } from '@/app/components/workflow/nodes/knowledge-re
 import { MetadataFilteringModeEnum } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
 import ModelParameterModal from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
 import { noop } from 'lodash-es'
-import { AppModeEnum } from '@/types/app'
+import { ModelModeType } from '@/types/app'
 
 type MetadataFilterProps = {
   metadataFilterMode?: MetadataFilteringModeEnum
@@ -27,6 +27,7 @@ const MetadataFilter = ({
 }: MetadataFilterProps) => {
   const { t } = useTranslation()
   const [collapsed, setCollapsed] = useState(true)
+  const metadataModelMode = (metadataModelConfig?.mode as ModelModeType | undefined) ?? ModelModeType.chat
 
   const handleMetadataFilterModeChangeWrapped = useCallback((mode: MetadataFilteringModeEnum) => {
     if (mode === MetadataFilteringModeEnum.automatic)
@@ -85,7 +86,7 @@ const MetadataFilter = ({
                   popupClassName='!w-[387px]'
                   isInWorkflow
                   isAdvancedMode={true}
-                  mode={metadataModelConfig?.mode || AppModeEnum.CHAT}
+                  mode={metadataModelMode}
                   provider={metadataModelConfig?.provider || ''}
                   completionParams={metadataModelConfig?.completion_params || { temperature: 0.7 }}
                   modelId={metadataModelConfig?.name || ''}