From f156b4670539cb56782287b6de8fbd7a570ef8be Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Wed, 15 Oct 2025 13:48:39 +0800
Subject: [PATCH] chore: user input readonly

---
 .../app/configuration/config/index.tsx        |  1 +
 .../configuration/dataset-config/index.tsx    | 43 ++++++++++---------
 .../app/configuration/debug/index.tsx         | 23 ++++++----
 3 files changed, 38 insertions(+), 29 deletions(-)

diff --git a/web/app/components/app/configuration/config/index.tsx b/web/app/components/app/configuration/config/index.tsx
index adef93f541..79bae2bcd3 100644
--- a/web/app/components/app/configuration/config/index.tsx
+++ b/web/app/components/app/configuration/config/index.tsx
@@ -80,6 +80,7 @@ const Config: FC = () => {
         {/* Dataset */}
         <DatasetConfig
           readonly={readonly}
+          hideMetadataFilter={readonly}
         />
 
         {/* Tools */}
diff --git a/web/app/components/app/configuration/dataset-config/index.tsx b/web/app/components/app/configuration/dataset-config/index.tsx
index dc22f001c6..fa1103933c 100644
--- a/web/app/components/app/configuration/dataset-config/index.tsx
+++ b/web/app/components/app/configuration/dataset-config/index.tsx
@@ -39,8 +39,9 @@ import {
 
 type Props = {
   readonly?: boolean
+  hideMetadataFilter?: boolean
 }
-const DatasetConfig: FC<Props> = ({ readonly }) => {
+const DatasetConfig: FC<Props> = ({ readonly, hideMetadataFilter }) => {
   const { t } = useTranslation()
   const userProfile = useAppContextSelector(s => s.userProfile)
   const {
@@ -286,25 +287,27 @@ const DatasetConfig: FC<Props> = ({ readonly }) => {
           </div>
         )}
 
-      <div className='border-t border-t-divider-subtle py-2'>
-        <MetadataFilter
-          metadataList={metadataList}
-          selectedDatasetsLoaded
-          metadataFilterMode={datasetConfigs.metadata_filtering_mode}
-          metadataFilteringConditions={datasetConfigs.metadata_filtering_conditions}
-          handleAddCondition={handleAddCondition}
-          handleMetadataFilterModeChange={handleMetadataFilterModeChange}
-          handleRemoveCondition={handleRemoveCondition}
-          handleToggleConditionLogicalOperator={handleToggleConditionLogicalOperator}
-          handleUpdateCondition={handleUpdateCondition}
-          metadataModelConfig={datasetConfigs.metadata_model_config}
-          handleMetadataModelChange={handleMetadataModelChange}
-          handleMetadataCompletionParamsChange={handleMetadataCompletionParamsChange}
-          isCommonVariable
-          availableCommonStringVars={promptVariablesToSelect.filter(item => item.type === MetadataFilteringVariableType.string || item.type === MetadataFilteringVariableType.select)}
-          availableCommonNumberVars={promptVariablesToSelect.filter(item => item.type === MetadataFilteringVariableType.number)}
-        />
-      </div>
+      {!hideMetadataFilter && (
+        <div className='border-t border-t-divider-subtle py-2'>
+          <MetadataFilter
+            metadataList={metadataList}
+            selectedDatasetsLoaded
+            metadataFilterMode={datasetConfigs.metadata_filtering_mode}
+            metadataFilteringConditions={datasetConfigs.metadata_filtering_conditions}
+            handleAddCondition={handleAddCondition}
+            handleMetadataFilterModeChange={handleMetadataFilterModeChange}
+            handleRemoveCondition={handleRemoveCondition}
+            handleToggleConditionLogicalOperator={handleToggleConditionLogicalOperator}
+            handleUpdateCondition={handleUpdateCondition}
+            metadataModelConfig={datasetConfigs.metadata_model_config}
+            handleMetadataModelChange={handleMetadataModelChange}
+            handleMetadataCompletionParamsChange={handleMetadataCompletionParamsChange}
+            isCommonVariable
+            availableCommonStringVars={promptVariablesToSelect.filter(item => item.type === MetadataFilteringVariableType.string || item.type === MetadataFilteringVariableType.select)}
+            availableCommonNumberVars={promptVariablesToSelect.filter(item => item.type === MetadataFilteringVariableType.number)}
+          />
+        </div>
+      )}
 
       {mode === AppType.completion && dataSet.length > 0 && (
         <ContextVar
diff --git a/web/app/components/app/configuration/debug/index.tsx b/web/app/components/app/configuration/debug/index.tsx
index 9a50d1b872..c4038cc36d 100644
--- a/web/app/components/app/configuration/debug/index.tsx
+++ b/web/app/components/app/configuration/debug/index.tsx
@@ -70,6 +70,7 @@ const Debug: FC<IDebug> = ({
 }) => {
   const { t } = useTranslation()
   const {
+    readonly,
     appId,
     mode,
     modelModeType,
@@ -413,19 +414,23 @@ const Debug: FC<IDebug> = ({
             }
             {mode !== AppType.completion && (
               <>
-                <TooltipPlus
-                  popupContent={t('common.operation.refresh')}
-                >
-                  <ActionButton onClick={clearConversation}>
-                    <RefreshCcw01 className='h-4 w-4' />
-                  </ActionButton>
-                </TooltipPlus>
+                {!readonly && (
+                  <TooltipPlus
+                    popupContent={t('common.operation.refresh')}
+                  >
+                    <ActionButton onClick={clearConversation}>
+                      <RefreshCcw01 className='h-4 w-4' />
+                    </ActionButton>
+
+                  </TooltipPlus>
+                )}
+
                 {varList.length > 0 && (
                   <div className='relative ml-1 mr-2'>
                     <TooltipPlus
                       popupContent={t('workflow.panel.userInputField')}
                     >
-                      <ActionButton state={expanded ? ActionButtonState.Active : undefined} onClick={() => setExpanded(!expanded)}>
+                      <ActionButton state={expanded ? ActionButtonState.Active : undefined} onClick={() => !readonly && setExpanded(!expanded)}>
                         <RiEqualizer2Line className='h-4 w-4' />
                       </ActionButton>
                     </TooltipPlus>
@@ -553,7 +558,7 @@ const Debug: FC<IDebug> = ({
           onCancel={handleCancel}
         />
       )}
-      {!isAPIKeySet && (<HasNotSetAPIKEY isTrailFinished={!IS_CE_EDITION} onSetting={onSetting} />)}
+      {!isAPIKeySet && !readonly && (<HasNotSetAPIKEY isTrailFinished={!IS_CE_EDITION} onSetting={onSetting} />)}
     </>
   )
 }