diff --git a/web/models/app.ts b/web/models/app.ts
index 056f5cb173..5e02fc7db9 100644
--- a/web/models/app.ts
+++ b/web/models/app.ts
@@ -14,17 +14,23 @@ import type {
 import type { Dependency } from '@/app/components/plugins/types'
 import type { App, AppModeEnum, AppTemplate, SiteConfig } from '@/types/app'
 
-export enum DSLImportMode {
-  YAML_CONTENT = 'yaml-content',
-  YAML_URL = 'yaml-url',
-}
+export const DSLImportMode = {
+  YAML_CONTENT: 'yaml-content',
+  YAML_URL: 'yaml-url',
+} as const
 
-export enum DSLImportStatus {
-  COMPLETED = 'completed',
-  COMPLETED_WITH_WARNINGS = 'completed-with-warnings',
-  PENDING = 'pending',
-  FAILED = 'failed',
-}
+// eslint-disable-next-line ts/no-redeclare -- value-type pair
+export type DSLImportMode = typeof DSLImportMode[keyof typeof DSLImportMode]
+
+export const DSLImportStatus = {
+  COMPLETED: 'completed',
+  COMPLETED_WITH_WARNINGS: 'completed-with-warnings',
+  PENDING: 'pending',
+  FAILED: 'failed',
+} as const
+
+// eslint-disable-next-line ts/no-redeclare -- value-type pair
+export type DSLImportStatus = typeof DSLImportStatus[keyof typeof DSLImportStatus]
 
 export type AppListResponse = {
   data: App[]
diff --git a/web/models/common.ts b/web/models/common.ts
index 62a543672b..a8ca160f8b 100644
--- a/web/models/common.ts
+++ b/web/models/common.ts
@@ -82,17 +82,21 @@ export type Member = Pick<UserProfileResponse, 'id' | 'name' | 'email' | 'last_l
   role: 'owner' | 'admin' | 'editor' | 'normal' | 'dataset_operator'
 }
 
-export enum ProviderName {
-  OPENAI = 'openai',
-  AZURE_OPENAI = 'azure_openai',
-  ANTHROPIC = 'anthropic',
-  Replicate = 'replicate',
-  HuggingfaceHub = 'huggingface_hub',
-  MiniMax = 'minimax',
-  Spark = 'spark',
-  Tongyi = 'tongyi',
-  ChatGLM = 'chatglm',
-}
+export const ProviderName = {
+  OPENAI: 'openai',
+  AZURE_OPENAI: 'azure_openai',
+  ANTHROPIC: 'anthropic',
+  Replicate: 'replicate',
+  HuggingfaceHub: 'huggingface_hub',
+  MiniMax: 'minimax',
+  Spark: 'spark',
+  Tongyi: 'tongyi',
+  ChatGLM: 'chatglm',
+} as const
+
+// eslint-disable-next-line ts/no-redeclare -- value-type pair
+export type ProviderName = typeof ProviderName[keyof typeof ProviderName]
+
 export type ProviderAzureToken = {
   openai_api_base?: string
   openai_api_key?: string
@@ -188,9 +192,13 @@ export type DataSourceNotion = {
   source_info: DataSourceNotionWorkspace
 }
 
-export enum DataSourceCategory {
-  website = 'website',
-}
+export const DataSourceCategory = {
+  website: 'website',
+} as const
+
+// eslint-disable-next-line ts/no-redeclare -- value-type pair
+export type DataSourceCategory = typeof DataSourceCategory[keyof typeof DataSourceCategory]
+
 export enum DataSourceProvider {
   fireCrawl = 'firecrawl',
   jinaReader = 'jinareader',
diff --git a/web/models/log.ts b/web/models/log.ts
index ab1282b8af..f33482732f 100644
--- a/web/models/log.ts
+++ b/web/models/log.ts
@@ -211,15 +211,18 @@ export type AnnotationsCountResponse = {
   count: number
 }
 
-export enum WorkflowRunTriggeredFrom {
-  DEBUGGING = 'debugging',
-  APP_RUN = 'app-run',
-  RAG_PIPELINE_RUN = 'rag-pipeline-run',
-  RAG_PIPELINE_DEBUGGING = 'rag-pipeline-debugging',
-  WEBHOOK = 'webhook',
-  SCHEDULE = 'schedule',
-  PLUGIN = 'plugin',
-}
+export const WorkflowRunTriggeredFrom = {
+  DEBUGGING: 'debugging',
+  APP_RUN: 'app-run',
+  RAG_PIPELINE_RUN: 'rag-pipeline-run',
+  RAG_PIPELINE_DEBUGGING: 'rag-pipeline-debugging',
+  WEBHOOK: 'webhook',
+  SCHEDULE: 'schedule',
+  PLUGIN: 'plugin',
+} as const
+
+// eslint-disable-next-line ts/no-redeclare -- value-type pair
+export type WorkflowRunTriggeredFrom = typeof WorkflowRunTriggeredFrom[keyof typeof WorkflowRunTriggeredFrom]
 
 export type TriggerMetadata = {
   type?: string
diff --git a/web/types/app.ts b/web/types/app.ts
index c8c409a22c..fe04b2ded3 100644
--- a/web/types/app.ts
+++ b/web/types/app.ts
@@ -145,10 +145,13 @@ export type ToolItem = {
   }
 } | AgentTool
 
-export enum AgentStrategy {
-  functionCall = 'function_call',
-  react = 'react',
-}
+export const AgentStrategy = {
+  functionCall: 'function_call',
+  react: 'react',
+} as const
+
+// eslint-disable-next-line ts/no-redeclare -- value-type pair
+export type AgentStrategy = typeof AgentStrategy[keyof typeof AgentStrategy]
 
 export type CompletionParams = {
   /** Maximum number of tokens in the answer message returned by Completion */