diff --git a/web/app/components/base/chat/embedded-chatbot/chat-wrapper.tsx b/web/app/components/base/chat/embedded-chatbot/chat-wrapper.tsx
index 7502b5b767..1bb3dbf56f 100644
--- a/web/app/components/base/chat/embedded-chatbot/chat-wrapper.tsx
+++ b/web/app/components/base/chat/embedded-chatbot/chat-wrapper.tsx
@@ -237,7 +237,7 @@ const ChatWrapper = () => {
 
   return (
     <Chat
-      appData={appData}
+      appData={appData || undefined}
       config={appConfig}
       chatList={messageList}
       isResponding={respondingState}
diff --git a/web/app/components/base/mermaid/index.tsx b/web/app/components/base/mermaid/index.tsx
index 9b324349f8..bf35c8c94c 100644
--- a/web/app/components/base/mermaid/index.tsx
+++ b/web/app/components/base/mermaid/index.tsx
@@ -122,7 +122,7 @@ const Flowchart = (props: FlowchartProps) => {
   const containerRef = useRef<HTMLDivElement>(null)
   const chartId = useRef(`mermaid-chart-${Math.random().toString(36).slice(2, 11)}`).current
   const [isLoading, setIsLoading] = useState(true)
-  const renderTimeoutRef = useRef<NodeJS.Timeout>()
+  const renderTimeoutRef = useRef<NodeJS.Timeout | undefined>(undefined)
   const [errMsg, setErrMsg] = useState('')
   const [imagePreviewUrl, setImagePreviewUrl] = useState('')
 
@@ -187,7 +187,7 @@ const Flowchart = (props: FlowchartProps) => {
   }, [])
 
   // Update theme when prop changes, but allow internal override.
-  const prevThemeRef = useRef<string>()
+  const prevThemeRef = useRef<string | undefined>(undefined)
   useEffect(() => {
     // Only react if the theme prop from the outside has actually changed.
     if (props.theme && props.theme !== prevThemeRef.current) {
diff --git a/web/app/components/billing/type.ts b/web/app/components/billing/type.ts
index 72d46f1e70..7cc4d19755 100644
--- a/web/app/components/billing/type.ts
+++ b/web/app/components/billing/type.ts
@@ -10,7 +10,7 @@ export enum Priority {
   topPriority = 'top-priority',
 }
 
-export type BasicPlan = Plan.sandbox | Plan.professional | Plan.team | Plan.enterprise
+export type BasicPlan = Plan.sandbox | Plan.professional | Plan.team
 
 export type PlanInfo = {
   level: number
diff --git a/web/context/provider-context.tsx b/web/context/provider-context.tsx
index 6c558948d2..755131c859 100644
--- a/web/context/provider-context.tsx
+++ b/web/context/provider-context.tsx
@@ -17,7 +17,6 @@ import {
 } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import type { Model, ModelProvider } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import type { RETRIEVE_METHOD } from '@/types/app'
-import type { BasicPlan } from '@/app/components/billing/type'
 import { Plan, type UsagePlanInfo } from '@/app/components/billing/type'
 import { fetchCurrentPlanInfo } from '@/service/billing'
 import { parseCurrentPlan } from '@/app/components/billing/utils'
@@ -37,7 +36,7 @@ type ProviderContextState = {
   supportRetrievalMethods: RETRIEVE_METHOD[]
   isAPIKeySet: boolean
   plan: {
-    type: BasicPlan
+    type: Plan
     usage: UsagePlanInfo
     total: UsagePlanInfo
   }
diff --git a/web/types/lamejs.d.ts b/web/types/lamejs.d.ts
new file mode 100644
index 0000000000..7ce3e6f89e
--- /dev/null
+++ b/web/types/lamejs.d.ts
@@ -0,0 +1,36 @@
+declare module 'lamejs' {
+  export class Mp3Encoder {
+    constructor(channels: number, sampleRate: number, bitRate: number)
+    encodeBuffer(left: Int16Array, right?: Int16Array | null): Int8Array
+    flush(): Int8Array
+  }
+
+  export class WavHeader {
+    static readHeader(data: DataView): {
+      channels: number
+      sampleRate: number
+    }
+  }
+
+  const lamejs: {
+    Mp3Encoder: typeof Mp3Encoder
+    WavHeader: typeof WavHeader
+  }
+
+  export default lamejs
+}
+
+declare module 'lamejs/src/js/MPEGMode' {
+  const MPEGMode: any
+  export default MPEGMode
+}
+
+declare module 'lamejs/src/js/Lame' {
+  const Lame: any
+  export default Lame
+}
+
+declare module 'lamejs/src/js/BitStream' {
+  const BitStream: any
+  export default BitStream
+}
diff --git a/web/types/react-18-input-autosize.d.ts b/web/types/react-18-input-autosize.d.ts
new file mode 100644
index 0000000000..0864b33e6a
--- /dev/null
+++ b/web/types/react-18-input-autosize.d.ts
@@ -0,0 +1,23 @@
+declare module 'react-18-input-autosize' {
+  import type { CSSProperties, ChangeEvent, FocusEvent, KeyboardEvent } from 'react'
+
+  export type AutosizeInputProps = {
+    value?: string | number
+    defaultValue?: string | number
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void
+    onFocus?: (event: FocusEvent<HTMLInputElement>) => void
+    onBlur?: (event: FocusEvent<HTMLInputElement>) => void
+    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void
+    placeholder?: string
+    className?: string
+    inputClassName?: string
+    style?: CSSProperties
+    inputStyle?: CSSProperties
+    minWidth?: number | string
+    maxWidth?: number | string
+    [key: string]: any
+  }
+
+  const AutosizeInput: React.FC<AutosizeInputProps>
+  export default AutosizeInput
+}