feat: add image input support for custom models

client-next/messages/en.json

@@ -271,6 +271,7 @@
       "cacheReadCost": "Cache Read Cost",
       "cacheWriteCost": "Cache Write Cost",
       "attachment": "Attachments",
+      "imageInput": "Vision (image input)",
       "reasoning": "Reasoning",
       "temperature": "Temperature",
       "toolCall": "Tool Calls",

client-next/messages/ko.json

@@ -271,6 +271,7 @@
       "cacheReadCost": "캐시 읽기 비용",
       "cacheWriteCost": "캐시 쓰기 비용",
       "attachment": "첨부 파일",
+      "imageInput": "비전(이미지 입력)",
       "reasoning": "추론",
       "temperature": "온도(Temperature)",
       "toolCall": "도구 호출",

client-next/messages/zh-CN.json

@@ -271,6 +271,7 @@
       "cacheReadCost": "\u7f13\u5b58\u8bfb\u53d6\u6210\u672c",
       "cacheWriteCost": "\u7f13\u5b58\u5199\u5165\u6210\u672c",
       "attachment": "\u9644\u4ef6",
+      "imageInput": "\u89c6\u89c9\uff08\u56fe\u50cf\u8f93\u5165\uff09",
       "reasoning": "\u63a8\u7406",
       "temperature": "\u6e29\u5ea6",
       "toolCall": "\u5de5\u5177\u8c03\u7528",

client-next/src/components/custom-provider-model-editor.tsx

@@ -23,6 +23,7 @@ interface ModelDraft {
   cacheReadCost: string;
   cacheWriteCost: string;
   attachment: boolean;
+  imageInput: boolean;
   reasoning: boolean;
   temperature: boolean;
   toolCall: boolean;
@@ -65,6 +66,7 @@ function emptyModel(key = "model-id"): ModelDraft {
     cacheReadCost: "",
     cacheWriteCost: "",
     attachment: false,
+    imageInput: false,
     reasoning: false,
     temperature: false,
     toolCall: true,
@@ -112,7 +114,8 @@ function modelDraftsFromProvider(provider: ProviderConfig): ModelDraft[] {
     outputCost: toNumberText(model.cost?.output),
     cacheReadCost: toNumberText(model.cost?.cache_read),
     cacheWriteCost: toNumberText(model.cost?.cache_write),
-    attachment: model.attachment === true,
+    attachment: model.attachment === true || model.modalities?.input?.includes("image") === true,
+    imageInput: model.modalities?.input?.includes("image") === true,
     reasoning: model.reasoning === true,
     temperature: model.temperature === true,
     toolCall: model.tool_call !== false,
@@ -203,8 +206,25 @@ function buildModelConfig(model: ModelDraft) {
     delete next.cost;
   }
 
-  if (model.attachment) next.attachment = true;
+  if (model.attachment || model.imageInput) next.attachment = true;
   else delete next.attachment;
+
+  if (model.source?.modalities || model.imageInput) {
+    const inputModalities = new Set(model.source?.modalities?.input || []);
+    const outputModalities = new Set(model.source?.modalities?.output || []);
+    if (model.imageInput) {
+      inputModalities.add("text");
+      inputModalities.add("image");
+    } else {
+      inputModalities.delete("image");
+    }
+    next.modalities = {
+      input: Array.from(inputModalities),
+      output: model.imageInput ? ["text"] : Array.from(outputModalities),
+    };
+  } else {
+    delete next.modalities;
+  }
   if (model.reasoning) next.reasoning = true;
   else delete next.reasoning;
   if (model.temperature) next.temperature = true;
@@ -717,10 +737,27 @@ export function CustomProviderModelEditor({ config, onSave }: CustomProviderMode
                         <label className="flex items-center gap-2 text-sm">
                           <Switch
                             checked={model.attachment}
-                            onCheckedChange={(checked) => updateModel(providerIndex, modelIndex, { attachment: checked })}
+                            onCheckedChange={(checked) =>
+                              updateModel(providerIndex, modelIndex, {
+                                attachment: checked,
+                                imageInput: checked ? model.imageInput : false,
+                              })
+                            }
                           />
                           {t("attachment")}
                         </label>
+                        <label className="flex items-center gap-2 text-sm">
+                          <Switch
+                            checked={model.imageInput}
+                            onCheckedChange={(checked) =>
+                              updateModel(providerIndex, modelIndex, {
+                                imageInput: checked,
+                                attachment: checked ? true : model.attachment,
+                              })
+                            }
+                          />
+                          {t("imageInput")}
+                        </label>
                         <label className="flex items-center gap-2 text-sm">
                           <Switch
                             checked={model.reasoning}