From 7b6ab22b783ac9cc936111319ce9ec397104035c Mon Sep 17 00:00:00 2001
From: Jimmy Ben Klieve <j.b.klieve@live.cn>
Date: Thu, 25 Dec 2025 17:39:43 +0800
Subject: [PATCH] fix: chunk editor allows update image only if chunk type is
 image (#12210)

### What problem does this PR solve?

Disallow updating image on non-image chunk in chunk editor.

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)
---
 .../components/chunk-creating-modal/index.tsx | 70 ++++++++++---------
 1 file changed, 36 insertions(+), 34 deletions(-)

diff --git a/web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/components/chunk-creating-modal/index.tsx b/web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/components/chunk-creating-modal/index.tsx
index 73d988182e..87b9520a04 100644
--- a/web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/components/chunk-creating-modal/index.tsx
+++ b/web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/components/chunk-creating-modal/index.tsx
@@ -168,43 +168,45 @@ const ChunkCreatingModal: React.FC<IModalProps<any> & kFProps> = ({
             />
           )}
 
-          <FormField
-            control={form.control}
-            name="image"
-            render={({ field }) => (
-              <FormItem>
-                <FormLabel className="gap-1">{t('chunk.image')}</FormLabel>
+          {isEditMode && form.getValues('doc_type_kwd') === 'image' && (
+            <FormField
+              control={form.control}
+              name="image"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel className="gap-1">{t('chunk.image')}</FormLabel>
 
-                <div className="space-y-4">
-                  {data?.data?.img_id && (
-                    <Image
-                      id={data?.data?.img_id}
-                      className="mx-auto w-auto max-w-full object-contain max-h-[800px]"
-                    />
-                  )}
-
-                  <div className="col-start-2 col-end-3 only:col-span-2">
-                    <FormControl>
-                      <FileUploader
-                        className="h-auto p-6"
-                        value={field.value}
-                        onValueChange={field.onChange}
-                        accept={{
-                          'image/png': [],
-                          'image/jpeg': [],
-                          'image/webp': [],
-                        }}
-                        maxFileCount={1}
-                        hideDropzoneOnMaxFileCount
-                        title={t('chunk.imageUploaderTitle')}
-                        description={<></>}
+                  <div className="space-y-4">
+                    {data?.data?.img_id && (
+                      <Image
+                        id={data?.data?.img_id}
+                        className="mx-auto w-auto max-w-full object-contain max-h-[800px]"
                       />
-                    </FormControl>
+                    )}
+
+                    <div className="col-start-2 col-end-3 only:col-span-2">
+                      <FormControl>
+                        <FileUploader
+                          className="h-auto p-6"
+                          value={field.value}
+                          onValueChange={field.onChange}
+                          accept={{
+                            'image/png': [],
+                            'image/jpeg': [],
+                            'image/webp': [],
+                          }}
+                          maxFileCount={1}
+                          hideDropzoneOnMaxFileCount
+                          title={t('chunk.imageUploaderTitle')}
+                          description={<></>}
+                        />
+                      </FormControl>
+                    </div>
                   </div>
-                </div>
-              </FormItem>
-            )}
-          />
+                </FormItem>
+              )}
+            />
+          )}
 
           <FormField
             control={form.control}