diff --git a/web/app/components/app/configuration/config/index.tsx b/web/app/components/app/configuration/config/index.tsx
index d0375c6de9..3e8b5f1caa 100644
--- a/web/app/components/app/configuration/config/index.tsx
+++ b/web/app/components/app/configuration/config/index.tsx
@@ -19,6 +19,7 @@ import { ModelModeType } from '@/types/app'
const Config: FC = () => {
const {
+ readonly,
mode,
isAdvancedMode,
modelModeType,
@@ -66,16 +67,20 @@ const Config: FC = () => {
promptTemplate={promptTemplate}
promptVariables={promptVariables}
onChange={handlePromptChange}
+ readonly={readonly}
/>
{/* Variables */}
{/* Dataset */}
-
+
{/* Tools */}
{isAgent && (
diff --git a/web/app/components/app/configuration/preview.tsx b/web/app/components/app/configuration/preview.tsx
index cba81a7199..167019c60b 100644
--- a/web/app/components/app/configuration/preview.tsx
+++ b/web/app/components/app/configuration/preview.tsx
@@ -209,6 +209,7 @@ const Configuration: FC = ({
}
const value = {
+ readonly: true,
appId,
isAPIKeySet: true,
isTrailFinished: false,
diff --git a/web/context/debug-configuration.ts b/web/context/debug-configuration.ts
index bbf7be8099..1d4339f5e9 100644
--- a/web/context/debug-configuration.ts
+++ b/web/context/debug-configuration.ts
@@ -29,6 +29,7 @@ import type { Collection } from '@/app/components/tools/types'
import { noop } from 'lodash-es'
type IDebugConfiguration = {
+ readonly?: boolean
appId: string
isAPIKeySet: boolean
isTrailFinished: boolean
@@ -108,6 +109,7 @@ type IDebugConfiguration = {
}
const DebugConfigurationContext = createContext({
+ readonly: false,
appId: '',
isAPIKeySet: false,
isTrailFinished: false,