From ba8796b8da905015f3003aa6c6404f5699a97c6a Mon Sep 17 00:00:00 2001
From: chanx <1243304602@qq.com>
Date: Tue, 16 Jun 2026 17:09:08 +0800
Subject: [PATCH] fix: update localization keys for image2text and add ocr
 option (#16076)

### What problem does this PR solve?

fix: update localization keys for image2text and add ocr option

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)
---
 web/src/locales/en.ts                         |  3 ++-
 web/src/locales/zh.ts                         |  3 ++-
 .../setting-model/components/used-model.tsx   | 21 ++++++++++++++-----
 .../components/use-custom-model-fields.tsx    |  1 +
 4 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/web/src/locales/en.ts b/web/src/locales/en.ts
index df72c2d321..fb8da5fdc5 100644
--- a/web/src/locales/en.ts
+++ b/web/src/locales/en.ts
@@ -1810,7 +1810,8 @@ Example: Virtual Hosted Style`,
         rerank: 'Rerank',
         sequence2text: 'sequence2text',
         tts: 'TTS',
-        image2text: 'OCR',
+        image2text: 'VLM',
+        ocr: 'OCR',
         speech2text: 'ASR',
       },
       showToc: 'Show content',
diff --git a/web/src/locales/zh.ts b/web/src/locales/zh.ts
index 016478d9fc..b8c172978f 100644
--- a/web/src/locales/zh.ts
+++ b/web/src/locales/zh.ts
@@ -1518,7 +1518,8 @@ NER：使用 spaCy NER 和基于规则的关键词提取来抽取实体和关系
         rerank: 'Rerank',
         sequence2text: 'sequence2text',
         tts: 'TTS',
-        image2text: 'OCR',
+        image2text: 'VLM',
+        ocr: 'OCR',
         speech2text: 'ASR',
       },
       modelFeatures: '模型特性',
diff --git a/web/src/pages/user-setting/setting-model/components/used-model.tsx b/web/src/pages/user-setting/setting-model/components/used-model.tsx
index b50d2eef37..ca91d52211 100644
--- a/web/src/pages/user-setting/setting-model/components/used-model.tsx
+++ b/web/src/pages/user-setting/setting-model/components/used-model.tsx
@@ -7,6 +7,7 @@ import {
   CollapsibleTrigger,
 } from '@/components/ui/collapsible';
 import { Switch } from '@/components/ui/switch';
+import { RAGFlowTooltip } from '@/components/ui/tooltip';
 import { ModelStatus } from '@/constants/llm';
 import {
   useDeleteProviderInstance,
@@ -360,12 +361,22 @@ function ModelListItem({
           </span>
         ))}
         {model.model_type.length > 3 && (
-          <span
-            className="px-2 py-1 text-xs bg-bg-card text-text-secondary rounded-md"
-            key="ellipsis"
+          <RAGFlowTooltip
+            tooltip={
+              <div className="flex flex-col gap-1">
+                {model.model_type.slice(3).map((type) => (
+                  <span key={type}>{type}</span>
+                ))}
+              </div>
+            }
           >
-            ...
-          </span>
+            <span
+              className="px-2 py-1 text-xs bg-bg-card text-text-secondary rounded-md cursor-pointer"
+              key="ellipsis"
+            >
+              ...
+            </span>
+          </RAGFlowTooltip>
         )}
         <Button
           size="icon"
diff --git a/web/src/pages/user-setting/setting-model/modal/provider-modal/components/use-custom-model-fields.tsx b/web/src/pages/user-setting/setting-model/modal/provider-modal/components/use-custom-model-fields.tsx
index e96833c192..a763539407 100644
--- a/web/src/pages/user-setting/setting-model/modal/provider-modal/components/use-custom-model-fields.tsx
+++ b/web/src/pages/user-setting/setting-model/modal/provider-modal/components/use-custom-model-fields.tsx
@@ -30,6 +30,7 @@ export const MODEL_FIELD_SCHEMA: AddCustomModelDialogFields[] = [
       { value: 'rerank', label: 'modelTypes.rerank' },
       { value: 'tts', label: 'modelTypes.tts' },
       { value: 'image2text', label: 'modelTypes.image2text' },
+      { value: 'ocr', label: 'modelTypes.ocr' },
       { value: 'speech2text', label: 'modelTypes.speech2text' },
     ],
   },