@tablestore/tablestore-agent-cli 0.2.7 → 0.2.9

package/dist/dashboard-runtime/dashboard/src/components/retrieval/retrieval-form.tsx

@@ -1,4 +1,4 @@
-'use client';
+"use client";
 
 import { useRef, useState } from "react";
 import { useForm } from "react-hook-form";
@@ -30,6 +30,7 @@ import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
 import { type FilterBuilderHandle } from "./filter-builder";
 import { RetrievalParamsFields } from "./retrieval-params-fields";
 import { assembleRetrievalConfiguration } from "./assemble-retrieval-configuration";
+import { useI18n } from "@/i18n/i18n-context";
 import { retrievalSchema, type RetrievalInput } from "@/schemas/retrieval";
 import type { KnowledgeBase } from "@/types/knowledge-base";
 import type { RetrievalQuery, RetrievalRequest } from "@/types/retrieval";
@@ -87,10 +88,15 @@ export function retrievalDefaultsFromKB(
   knowledgeBaseName: string,
   knowledgeBase?: KnowledgeBase,
 ): RetrievalInput {
-  const kbSearchType = knowledgeBase?.retrievalConfiguration?.searchType ?? ["DENSE_VECTOR"];
-  const kbRerank = knowledgeBase?.retrievalConfiguration?.rerankingConfiguration;
-  const kbDense = knowledgeBase?.retrievalConfiguration?.denseVectorSearchConfiguration;
-  const kbFullText = knowledgeBase?.retrievalConfiguration?.fullTextSearchConfiguration;
+  const kbSearchType = knowledgeBase?.retrievalConfiguration?.searchType ?? [
+    "DENSE_VECTOR",
+  ];
+  const kbRerank =
+    knowledgeBase?.retrievalConfiguration?.rerankingConfiguration;
+  const kbDense =
+    knowledgeBase?.retrievalConfiguration?.denseVectorSearchConfiguration;
+  const kbFullText =
+    knowledgeBase?.retrievalConfiguration?.fullTextSearchConfiguration;
   const kbRrf = kbRerank?.rrfConfiguration;
   const kbWeight = kbRerank?.weightConfiguration;
   const kbModel = kbRerank?.modelConfiguration;
@@ -104,8 +110,10 @@ export function retrievalDefaultsFromKB(
       : kbRerank?.type === "MODEL"
         ? "MODEL"
         : "WEIGHT";
-  const kbDenseTopK = kbDense?.numberOfResults ?? kbRerank?.numberOfResults ?? 20;
-  const kbFullTextTopK = kbFullText?.numberOfResults ?? kbRerank?.numberOfResults ?? 20;
+  const kbDenseTopK =
+    kbDense?.numberOfResults ?? kbRerank?.numberOfResults ?? 20;
+  const kbFullTextTopK =
+    kbFullText?.numberOfResults ?? kbRerank?.numberOfResults ?? 20;
   const kbRerankTopK = kbRerank?.numberOfResults ?? 20;
 
   return {
@@ -145,6 +153,7 @@ function RequestPreviewButton({
 }: {
   buildRequestJson: () => Record<string, unknown>;
 }) {
+  const { t } = useI18n();
   const [open, setOpen] = useState(false);
   const [copied, setCopied] = useState(false);
   // Snapshot the current form values whenever the popover opens so the
@@ -155,10 +164,10 @@ function RequestPreviewButton({
     try {
       await navigator.clipboard.writeText(json);
       setCopied(true);
-      toast.success("已复制请求体");
+      toast.success(t("retrieval.form.copiedRequestBody"));
       setTimeout(() => setCopied(false), 1500);
     } catch {
-      toast.error("复制失败，请手动选择");
+      toast.error(t("retrieval.form.copyFailed"));
     }
   };
 
@@ -173,14 +182,14 @@ function RequestPreviewButton({
                 variant="ghost"
                 size="icon"
                 className="h-7 w-7 text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))]"
-                aria-label="查看请求体"
+                aria-label={t("retrieval.form.viewRequestBody")}
               >
                 <Code2 className="h-3.5 w-3.5" />
               </Button>
             </PopoverTrigger>
           </TooltipTrigger>
           <TooltipContent side="left">
-            查看 / 复制请求体 JSON
+            {t("retrieval.form.viewCopyRequestBody")}
           </TooltipContent>
         </Tooltip>
       </TooltipProvider>
@@ -191,7 +200,7 @@ function RequestPreviewButton({
       >
         <div className="flex items-center justify-between border-b border-[hsl(var(--border-light))] px-3 py-2">
           <span className="text-xs font-semibold text-[hsl(var(--foreground))]">
-            请求体（实时预览）
+            {t("retrieval.form.requestBodyPreview")}
           </span>
           <Button
             type="button"
@@ -202,11 +211,11 @@ function RequestPreviewButton({
           >
             {copied ? (
               <>
-                <Check className="h-3 w-3" /> 已复制
+                <Check className="h-3 w-3" /> {t("retrieval.form.copied")}
               </>
             ) : (
               <>
-                <Copy className="h-3 w-3" /> 复制
+                <Copy className="h-3 w-3" /> {t("retrieval.form.copy")}
               </>
             )}
           </Button>
@@ -225,6 +234,7 @@ export function RetrievalForm({
   onSubmit,
   isLoading,
 }: RetrievalFormProps) {
+  const { t } = useI18n();
   const filterRef = useRef<FilterBuilderHandle>(null);
   const fileInputRef = useRef<HTMLInputElement>(null);
   const [fileName, setFileName] = useState("");
@@ -246,7 +256,11 @@ export function RetrievalForm({
   const buildRequestJson = (): Record<string, unknown> => {
     const values = form.getValues();
     const filter = filterRef.current?.getFilter();
-    return assembleRetrievalRequest(knowledgeBaseName, values, filter) as unknown as Record<string, unknown>;
+    return assembleRetrievalRequest(
+      knowledgeBaseName,
+      values,
+      filter,
+    ) as unknown as Record<string, unknown>;
   };
 
   const isMultimodal = knowledgeBase?.multimodal === true;
@@ -257,12 +271,11 @@ export function RetrievalForm({
 
   return (
     <Form {...form}>
-      <form
-        onSubmit={form.handleSubmit(handleSubmit)}
-        className="space-y-5"
-      >
+      <form onSubmit={form.handleSubmit(handleSubmit)} className="space-y-5">
         <div className="flex items-center justify-between gap-2">
-          <h3 className="text-base font-semibold">检索测试</h3>
+          <h3 className="text-base font-semibold">
+            {t("retrieval.form.title")}
+          </h3>
           <RequestPreviewButton buildRequestJson={buildRequestJson} />
         </div>
 
@@ -272,7 +285,7 @@ export function RetrievalForm({
             name="queryType"
             render={({ field }) => (
               <FormItem>
-                <FormLabel>查询类型</FormLabel>
+                <FormLabel>{t("retrieval.form.queryType")}</FormLabel>
                 <FormControl>
                   <ToggleGroup
                     type="single"
@@ -306,12 +319,12 @@ export function RetrievalForm({
             name="query"
             render={({ field }) => (
               <FormItem>
-                <FormLabel>查询内容</FormLabel>
+                <FormLabel>{t("retrieval.form.queryContent")}</FormLabel>
                 <FormControl>
                   <div className="relative">
                     <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-[hsl(var(--muted-foreground))]" />
                     <Input
-                      placeholder="输入检索查询..."
+                      placeholder={t("retrieval.form.queryPlaceholder")}
                       className="pl-9"
                       maxLength={128}
                       {...field}
@@ -329,11 +342,17 @@ export function RetrievalForm({
               control={form.control}
               name="imageInput"
               render={({ field }) => {
-                const acceptedTypes = ["image/jpeg", "image/png", "image/webp", "image/bmp", "image/tiff"];
+                const acceptedTypes = [
+                  "image/jpeg",
+                  "image/png",
+                  "image/webp",
+                  "image/bmp",
+                  "image/tiff",
+                ];
 
                 const handleFile = (file: File) => {
                   if (!acceptedTypes.includes(file.type)) {
-                    toast.error("不支持的图片格式，请选择 JPG/PNG/WebP/BMP/TIFF 格式");
+                    toast.error(t("retrieval.form.unsupportedFormat"));
                     return;
                   }
                   const reader = new FileReader();
@@ -342,7 +361,7 @@ export function RetrievalForm({
                     setFileName(file.name || "pasted-image");
                   };
                   reader.onerror = () => {
-                    toast.error("图片读取失败，请重试");
+                    toast.error(t("retrieval.form.imageReadFailed"));
                   };
                   reader.readAsDataURL(file);
                 };
@@ -371,7 +390,7 @@ export function RetrievalForm({
 
                 return (
                   <FormItem>
-                    <FormLabel>图片输入</FormLabel>
+                    <FormLabel>{t("retrieval.form.imageInput")}</FormLabel>
                     <FormControl>
                       <div
                         key={queryType}
@@ -412,10 +431,10 @@ export function RetrievalForm({
                           >
                             <Upload className="w-8 h-8 text-muted-foreground" />
                             <p className="text-sm text-muted-foreground">
-                              点击、拖拽或粘贴图片到此处
+                              {t("retrieval.form.dropImageHere")}
                             </p>
                             <p className="text-xs text-muted-foreground/70">
-                              支持 JPG/PNG/WebP/BMP/TIFF
+                              {t("retrieval.form.supportedFormats")}
                             </p>
                           </div>
                         ) : (
@@ -425,7 +444,7 @@ export function RetrievalForm({
                             <div className="relative flex justify-center bg-muted/30 p-3">
                               <img
                                 src={field.value}
-                                alt="已选择的图片预览"
+                                alt={t("retrieval.form.selectedImageAlt")}
                                 className="max-h-[200px] max-w-full rounded object-contain"
                               />
                               {/* 悬停遮罩 + 操作按钮 */}
@@ -436,7 +455,7 @@ export function RetrievalForm({
                                   className="px-3 py-1.5 rounded bg-white/90 text-sm font-medium text-foreground hover:bg-white flex items-center gap-1.5"
                                 >
                                   <Upload className="w-3.5 h-3.5" />
-                                  重新选择
+                                  {t("retrieval.form.reselect")}
                                 </button>
                                 <button
                                   type="button"
@@ -444,7 +463,7 @@ export function RetrievalForm({
                                   className="px-3 py-1.5 rounded bg-white/90 text-sm font-medium text-destructive hover:bg-white flex items-center gap-1.5"
                                 >
                                   <X className="w-3.5 h-3.5" />
-                                  删除
+                                  {t("retrieval.form.remove")}
                                 </button>
                               </div>
                             </div>
@@ -469,10 +488,10 @@ export function RetrievalForm({
               name="query"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>补充文本（可选）</FormLabel>
+                  <FormLabel>{t("retrieval.form.supplementaryText")}</FormLabel>
                   <FormControl>
                     <Input
-                      placeholder="补充文本描述..."
+                      placeholder={t("retrieval.form.supplementaryPlaceholder")}
                       maxLength={128}
                       {...field}
                     />
@@ -492,7 +511,9 @@ export function RetrievalForm({
 
         <Button type="submit" disabled={isLoading} className="w-full">
           <Search className="mr-2 h-4 w-4" />
-          {isLoading ? "检索中..." : "执行检索"}
+          {isLoading
+            ? t("retrieval.form.searching")
+            : t("retrieval.form.execute")}
         </Button>
       </form>
     </Form>

package/dist/dashboard-runtime/dashboard/src/components/retrieval/retrieval-params-fields.tsx

@@ -29,6 +29,7 @@ import { TagInput } from "@/components/shared/tag-input";
 import { RetrievalResultCountField } from "@/components/knowledge-base/retrieval-result-count-field";
 import { FilterBuilder, type FilterBuilderHandle } from "./filter-builder";
 import { RetrievalRerankFields } from "./retrieval-rerank-fields";
+import { useI18n } from "@/i18n/i18n-context";
 import type { RetrievalInput } from "@/schemas/retrieval";
 import type { KnowledgeBase } from "@/types/knowledge-base";
 
@@ -65,15 +66,16 @@ export function RetrievalParamsFields({
   form,
   knowledgeBase,
   filterRef,
-  topKLabel = "返回数量",
+  topKLabel,
   topKHint,
   topKMode = "split",
 }: RetrievalParamsFieldsProps) {
+  const { t } = useI18n();
+  const resolvedTopKLabel = topKLabel ?? t("retrieval.params.resultCount");
   const currentSearchType = form.watch("searchType");
   const denseEnabled = !!currentSearchType?.includes("DENSE_VECTOR");
   const fullTextEnabled = !!currentSearchType?.includes("FULL_TEXT");
-  const hybrid =
-    denseEnabled && fullTextEnabled;
+  const hybrid = denseEnabled && fullTextEnabled;
   const metadataFields = knowledgeBase?.metadata ?? [];
 
   // Pre-fill the subspace field with the active scope, but only once per
@@ -100,16 +102,16 @@ export function RetrievalParamsFields({
           name="subspace"
           render={({ field }) => (
             <FormItem>
-              <FormLabel>子空间</FormLabel>
+              <FormLabel>{t("retrieval.params.subspace")}</FormLabel>
               <FormControl>
                 <TagInput
                   value={field.value ?? []}
                   onChange={field.onChange}
-                  placeholder="输入子空间后按回车（可选多个）"
+                  placeholder={t("retrieval.params.subspacePlaceholder")}
                 />
               </FormControl>
               <p className="text-xs text-[hsl(var(--muted-foreground))]">
-                限定只在指定子空间中检索；留空则跨全部子空间
+                {t("retrieval.params.subspaceHint")}
               </p>
               <FormMessage />
             </FormItem>
@@ -117,11 +119,15 @@ export function RetrievalParamsFields({
         />
       )}
 
-      <div className={topKMode === "single" ? "grid gap-4 sm:grid-cols-2" : "space-y-4"}>
+      <div
+        className={
+          topKMode === "single" ? "grid gap-4 sm:grid-cols-2" : "space-y-4"
+        }
+      >
         {topKMode === "single" ? (
           <TopKNumberField
             form={form}
-            label={topKLabel}
+            label={resolvedTopKLabel}
             hint={topKHint}
           />
         ) : null}
@@ -130,7 +136,9 @@ export function RetrievalParamsFields({
           name="searchType"
           render={({ field }) => (
             <FormItem className="space-y-1.5">
-              <FormLabel className="leading-tight">搜索类型</FormLabel>
+              <FormLabel className="leading-tight">
+                {t("retrieval.params.searchType")}
+              </FormLabel>
               <FormControl>
                 <ToggleGroup
                   type="multiple"
@@ -144,13 +152,13 @@ export function RetrievalParamsFields({
                     {field.value?.includes("DENSE_VECTOR") && (
                       <Check className="h-3.5 w-3.5 text-[hsl(var(--primary))]" />
                     )}
-                    向量
+                    {t("retrieval.params.dense")}
                   </ToggleGroupItem>
                   <ToggleGroupItem value="FULL_TEXT" className="h-9 gap-1.5">
                     {field.value?.includes("FULL_TEXT") && (
                       <Check className="h-3.5 w-3.5 text-[hsl(var(--primary))]" />
                     )}
-                    全文
+                    {t("retrieval.params.fullText")}
                   </ToggleGroupItem>
                 </ToggleGroup>
               </FormControl>
@@ -164,26 +172,26 @@ export function RetrievalParamsFields({
         <div className="space-y-3">
           <div className="space-y-1">
             <p className="text-sm font-medium text-[hsl(var(--foreground))]">
-              返回数量
+              {t("retrieval.params.resultCount")}
             </p>
             <p className="text-xs text-[hsl(var(--muted-foreground))]">
-              控制每路召回参与排序的候选数，以及 Rerank 后实际返回的片段数。
+              {t("retrieval.params.resultCountDesc")}
             </p>
           </div>
           <div className="grid grid-cols-[repeat(auto-fit,minmax(min(260px,100%),1fr))] gap-3">
             <RetrievalResultCountField
               control={form.control}
               name="denseTopK"
-              label="向量召回数"
-              description="向量检索参与后续排序的候选片段数。"
+              label={t("retrieval.params.denseTopK")}
+              description={t("retrieval.params.denseTopKDesc")}
               max={100}
               muted={!denseEnabled}
             />
             <RetrievalResultCountField
               control={form.control}
               name="fullTextTopK"
-              label="全文召回数"
-              description="全文检索参与后续排序的候选片段数。"
+              label={t("retrieval.params.fullTextTopK")}
+              description={t("retrieval.params.fullTextTopKDesc")}
               max={100}
               muted={!fullTextEnabled}
             />
@@ -191,8 +199,8 @@ export function RetrievalParamsFields({
           <RetrievalResultCountField
             control={form.control}
             name="rerankTopK"
-            label="重排序返回数"
-            description="Rerank 后保留并返回的片段数。"
+            label={t("retrieval.params.rerankTopK")}
+            description={t("retrieval.params.rerankTopKDesc")}
             max={200}
           />
         </div>
@@ -204,7 +212,7 @@ export function RetrievalParamsFields({
           name="rerankType"
           render={({ field }) => (
             <FormItem>
-              <FormLabel>Rerank 策略</FormLabel>
+              <FormLabel>{t("retrieval.params.rerankStrategy")}</FormLabel>
               <FormControl>
                 <ToggleGroup
                   type="single"
@@ -220,7 +228,9 @@ export function RetrievalParamsFields({
                   <ToggleGroupItem
                     value="WEIGHT"
                     disabled={!hybrid}
-                    title={hybrid ? undefined : "需同时启用向量与全文检索"}
+                    title={
+                      hybrid ? undefined : t("retrieval.params.needHybridTitle")
+                    }
                     className="h-8"
                   >
                     Weight
@@ -228,7 +238,9 @@ export function RetrievalParamsFields({
                   <ToggleGroupItem
                     value="RRF"
                     disabled={!hybrid}
-                    title={hybrid ? undefined : "需同时启用向量与全文检索"}
+                    title={
+                      hybrid ? undefined : t("retrieval.params.needHybridTitle")
+                    }
                     className="h-8"
                   >
                     RRF
@@ -239,11 +251,11 @@ export function RetrievalParamsFields({
                 <div className="mt-1.5 flex items-start gap-2 rounded-md bg-[hsl(var(--muted)/0.5)] px-2.5 py-1.5 text-xs text-[hsl(var(--muted-foreground))]">
                   <Info className="mt-0.5 h-3.5 w-3.5 shrink-0" />
                   <span>
-                    勾选{" "}
+                    {t("retrieval.params.needHybridPrefix")}{" "}
                     <span className="font-medium text-[hsl(var(--foreground))]">
-                      向量 + 全文
+                      {t("retrieval.params.needHybridHighlight")}
                     </span>{" "}
-                    以启用 Weight / RRF 策略
+                    {t("retrieval.params.needHybridSuffix")}
                   </span>
                 </div>
               ) : null}
@@ -264,7 +276,7 @@ export function RetrievalParamsFields({
             size="sm"
             className="flex items-center gap-1 px-0 text-sm font-medium text-[hsl(var(--muted-foreground))] hover:bg-transparent hover:text-[hsl(var(--foreground))]"
           >
-            Metadata 过滤
+            {t("retrieval.params.metadataFilter")}
             <ChevronDown className="h-3.5 w-3.5 transition-transform duration-200 [[data-state=open]>&]:rotate-180" />
           </Button>
         </CollapsibleTrigger>
@@ -285,6 +297,7 @@ function TopKNumberField({
   label: string;
   hint?: string;
 }) {
+  const { t } = useI18n();
   return (
     <FormField
       control={form.control}
@@ -300,7 +313,7 @@ function TopKNumberField({
                     <button
                       type="button"
                       tabIndex={-1}
-                      aria-label="字段说明"
+                      aria-label={t("retrieval.params.fieldHint")}
                       className="inline-flex h-5 w-5 items-center justify-center rounded text-muted-foreground/60 transition-colors hover:bg-[hsl(var(--muted))] hover:text-foreground"
                     >
                       <HelpCircle className="h-3.5 w-3.5" />

package/dist/dashboard-runtime/dashboard/src/components/retrieval/retrieval-rerank-fields.tsx

@@ -20,6 +20,7 @@ import {
   SelectValue,
 } from "@/components/ui/select";
 import { Slider } from "@/components/ui/slider";
+import { useI18n } from "@/i18n/i18n-context";
 import type { RetrievalInput } from "@/schemas/retrieval";
 
 interface RerankFieldsProps {
@@ -47,6 +48,7 @@ type TxtFieldKey = "modelProvider" | "modelName";
  * inner element's scrollHeight.
  */
 export function RetrievalRerankFields({ form }: RerankFieldsProps) {
+  const { t } = useI18n();
   const rerankType = form.watch("rerankType");
   const searchType = form.watch("searchType");
   const hybrid =
@@ -60,9 +62,9 @@ export function RetrievalRerankFields({ form }: RerankFieldsProps) {
     const needsHybrid = rerankType === "RRF" || rerankType === "WEIGHT";
     if (!hybrid && needsHybrid) {
       form.setValue("rerankType", "MODEL", { shouldValidate: true });
-      toast.info("已切换为 Model 策略（RRF / Weight 需同时启用向量与全文检索）");
+      toast.info(t("retrieval.rerank.switchedToModel"));
     }
-  }, [hybrid, rerankType, form]);
+  }, [hybrid, rerankType, form, t]);
 
   const open = Boolean(rerankType);
 
@@ -97,11 +99,35 @@ export function RetrievalRerankFields({ form }: RerankFieldsProps) {
 /* -------------------------------------------------------------------------- */
 
 function RrfFields({ form }: { form: UseFormReturn<RetrievalInput> }) {
+  const { t } = useI18n();
   return (
-    <RerankPanel>
-      <NumField form={form} name="rrfK" label="K 值" step={1} min={1} placeholder="60" />
-      <NumField form={form} name="rrfDenseWeight" label="向量权重" step={0.1} min={0} placeholder="0.5" />
-      <NumField form={form} name="rrfFullTextWeight" label="全文权重" step={0.1} min={0} placeholder="0.5" />
+    <RerankPanel cols={2}>
+      <NumField
+        form={form}
+        name="rrfDenseWeight"
+        label={t("retrieval.rerank.denseWeight")}
+        step={0.1}
+        min={0}
+        placeholder="0.5"
+      />
+      <NumField
+        form={form}
+        name="rrfFullTextWeight"
+        label={t("retrieval.rerank.fullTextWeight")}
+        step={0.1}
+        min={0}
+        placeholder="0.5"
+      />
+      <div className="col-span-full">
+        <NumField
+          form={form}
+          name="rrfK"
+          label={t("retrieval.rerank.kValue")}
+          step={1}
+          min={1}
+          placeholder="60"
+        />
+      </div>
     </RerankPanel>
   );
 }
@@ -111,10 +137,19 @@ function WeightFields({ form }: { form: UseFormReturn<RetrievalInput> }) {
   // FormDescription read as a clunky bottom caption. A slider with the
   // numeric value pinned inline next to the label communicates the
   // range visually and gives instant tactile feedback, no caption needed.
+  const { t } = useI18n();
   return (
     <RerankPanel cols={1}>
-      <WeightSliderField form={form} name="weightDense" label="向量权重" />
-      <WeightSliderField form={form} name="weightFullText" label="全文权重" />
+      <WeightSliderField
+        form={form}
+        name="weightDense"
+        label={t("retrieval.rerank.denseWeight")}
+      />
+      <WeightSliderField
+        form={form}
+        name="weightFullText"
+        label={t("retrieval.rerank.fullTextWeight")}
+      />
     </RerankPanel>
   );
 }
@@ -166,40 +201,55 @@ function WeightSliderField({
 
 /** Providers currently wired up on the server side. Kept inline because the
  *  list is short and the settings page uses the same hard-coded catalogue. */
-const PROVIDER_OPTIONS: { value: string; label: string }[] = [
-  { value: "bailian", label: "百炼 (Bailian)" },
-];
+const PROVIDER_OPTIONS: { value: string }[] = [{ value: "bailian" }];
 
 /** Models enumerated for the Bailian provider. Free-text input is preserved
  *  for any other provider the user might wire up later. */
-const BAILIAN_MODEL_OPTIONS: { value: string; label: string }[] = [
-  { value: "gte-rerank-v2", label: "gte-rerank-v2" },
-  { value: "qwen3-rerank", label: "qwen3-rerank" },
-  { value: "qwen3-vl-rerank", label: "qwen3-vl-rerank (多模态)" },
+const BAILIAN_MODEL_OPTIONS: { value: string; multimodal?: boolean }[] = [
+  { value: "gte-rerank-v2" },
+  { value: "qwen3-rerank" },
+  { value: "qwen3-vl-rerank", multimodal: true },
 ];
 
 function ModelFields({ form }: { form: UseFormReturn<RetrievalInput> }) {
+  const { t } = useI18n();
   const provider = form.watch("modelProvider");
 
+  const providerOptions = PROVIDER_OPTIONS.map((o) => ({
+    value: o.value,
+    label: o.value === "bailian" ? t("retrieval.rerank.bailian") : o.value,
+  }));
+  const modelOptions = BAILIAN_MODEL_OPTIONS.map((o) => ({
+    value: o.value,
+    label: o.multimodal
+      ? `${o.value}${t("retrieval.rerank.multimodalSuffix")}`
+      : o.value,
+  }));
+
   return (
     <RerankPanel cols={2}>
       <SelectField
         form={form}
         name="modelProvider"
-        label="Provider"
-        placeholder="选择 Provider"
-        options={PROVIDER_OPTIONS}
+        label={t("retrieval.rerank.provider")}
+        placeholder={t("retrieval.rerank.selectProvider")}
+        options={providerOptions}
       />
       {provider === "bailian" ? (
         <SelectField
           form={form}
           name="modelName"
-          label="Model"
-          placeholder="选择模型"
-          options={BAILIAN_MODEL_OPTIONS}
+          label={t("retrieval.rerank.model")}
+          placeholder={t("retrieval.rerank.selectModel")}
+          options={modelOptions}
         />
       ) : (
-        <TxtField form={form} name="modelName" label="Model" placeholder="gte-rerank-v2" />
+        <TxtField
+          form={form}
+          name="modelName"
+          label={t("retrieval.rerank.model")}
+          placeholder="gte-rerank-v2"
+        />
       )}
     </RerankPanel>
   );
@@ -226,10 +276,8 @@ function RerankPanel({
       ? "grid-cols-1"
       : cols === 2
         ? "sm:grid-cols-2"
-        : "sm:grid-cols-3";
-  return (
-    <div className={"grid gap-3 px-0.5 pt-1 " + colClass}>{children}</div>
-  );
+        : "grid-cols-[repeat(auto-fit,minmax(min(150px,100%),1fr))]";
+  return <div className={"grid gap-3 px-0.5 pt-1 " + colClass}>{children}</div>;
 }
 
 function NumField({
@@ -268,14 +316,18 @@ function NumField({
               placeholder={placeholder}
               value={field.value ?? ""}
               onChange={(e) =>
-                field.onChange(e.target.value === "" ? undefined : Number(e.target.value))
+                field.onChange(
+                  e.target.value === "" ? undefined : Number(e.target.value),
+                )
               }
               onBlur={field.onBlur}
               name={field.name}
               ref={field.ref}
             />
           </FormControl>
-          {description ? <FormDescription>{description}</FormDescription> : null}
+          {description ? (
+            <FormDescription>{description}</FormDescription>
+          ) : null}
           <FormMessage />
         </FormItem>
       )}
@@ -363,5 +415,3 @@ function SelectField({
     />
   );
 }
-
-