@tablestore/tablestore-agent-cli 0.2.8 → 0.2.9

package/dist/dashboard-runtime/dashboard/src/components/knowledge-base/embedding-config-form.tsx

@@ -1,4 +1,4 @@
-'use client';
+"use client";
 
 import {
   FormControl,
@@ -16,6 +16,7 @@ import {
   SelectValue,
 } from "@/components/ui/select";
 import { useWatch, type UseFormReturn } from "react-hook-form";
+import { useI18n } from "@/i18n/i18n-context";
 import type { CreateKBInput } from "@/schemas/knowledge-base";
 
 interface EmbeddingConfigFormProps {
@@ -36,8 +37,15 @@ const DIMENSION_MAP: Record<string, number[]> = {
 };
 
 export function EmbeddingConfigForm({ form }: EmbeddingConfigFormProps) {
-  const provider = useWatch({ control: form.control, name: "embeddingConfiguration.provider" });
-  const model = useWatch({ control: form.control, name: "embeddingConfiguration.model" });
+  const { t } = useI18n();
+  const provider = useWatch({
+    control: form.control,
+    name: "embeddingConfiguration.provider",
+  });
+  const model = useWatch({
+    control: form.control,
+    name: "embeddingConfiguration.model",
+  });
 
   // 未识别的模型回落到 V4（与历史行为兼容）。
   const dimensionOptions = DIMENSION_MAP[model ?? ""] ?? V4_DIMENSIONS;
@@ -55,12 +63,15 @@ export function EmbeddingConfigForm({ form }: EmbeddingConfigFormProps) {
         name="embeddingConfiguration.provider"
         render={({ field }) => (
           <FormItem>
-            <FormLabel>提供方</FormLabel>
+            <FormLabel>{t("knowledgeBase.provider.label")}</FormLabel>
             <Select
               onValueChange={(value) => {
                 field.onChange(value);
                 if (value === "bailian") {
-                  form.setValue("embeddingConfiguration.model", "text-embedding-v4");
+                  form.setValue(
+                    "embeddingConfiguration.model",
+                    "text-embedding-v4",
+                  );
                   form.setValue("embeddingConfiguration.dimension", 1024);
                 } else {
                   form.setValue("embeddingConfiguration.model", "");
@@ -70,12 +81,18 @@ export function EmbeddingConfigForm({ form }: EmbeddingConfigFormProps) {
             >
               <FormControl>
                 <SelectTrigger>
-                  <SelectValue placeholder="选择 Embedding 提供方" />
+                  <SelectValue
+                    placeholder={t("knowledgeBase.embedding.selectProvider")}
+                  />
                 </SelectTrigger>
               </FormControl>
               <SelectContent>
-                <SelectItem value="bailian">百炼 (Bailian)</SelectItem>
-                <SelectItem value="custom">自定义 (Custom)</SelectItem>
+                <SelectItem value="bailian">
+                  {t("knowledgeBase.provider.bailian")}
+                </SelectItem>
+                <SelectItem value="custom">
+                  {t("knowledgeBase.provider.custom")}
+                </SelectItem>
               </SelectContent>
             </Select>
             <FormMessage />
@@ -88,23 +105,33 @@ export function EmbeddingConfigForm({ form }: EmbeddingConfigFormProps) {
         name="embeddingConfiguration.model"
         render={({ field }) => (
           <FormItem>
-            <FormLabel>模型名称</FormLabel>
+            <FormLabel>{t("knowledgeBase.provider.modelName")}</FormLabel>
             <FormControl>
               {provider === "bailian" ? (
                 <Select onValueChange={handleModelChange} value={field.value}>
                   <SelectTrigger>
-                    <SelectValue placeholder="选择模型" />
+                    <SelectValue
+                      placeholder={t("knowledgeBase.provider.selectModel")}
+                    />
                   </SelectTrigger>
                   <SelectContent>
-                    <SelectItem value="text-embedding-v3">text-embedding-v3</SelectItem>
-                    <SelectItem value="text-embedding-v4">text-embedding-v4</SelectItem>
+                    <SelectItem value="text-embedding-v3">
+                      text-embedding-v3
+                    </SelectItem>
+                    <SelectItem value="text-embedding-v4">
+                      text-embedding-v4
+                    </SelectItem>
                     <SelectItem value="qwen3-vl-embedding">
-                      qwen3-vl-embedding (多模态)
+                      qwen3-vl-embedding
+                      {t("knowledgeBase.provider.multimodalSuffix")}
                     </SelectItem>
                   </SelectContent>
                 </Select>
               ) : (
-                <Input placeholder="输入模型名称" {...field} />
+                <Input
+                  placeholder={t("knowledgeBase.provider.inputModelName")}
+                  {...field}
+                />
               )}
             </FormControl>
             <FormMessage />
@@ -117,7 +144,7 @@ export function EmbeddingConfigForm({ form }: EmbeddingConfigFormProps) {
         name="embeddingConfiguration.dimension"
         render={({ field }) => (
           <FormItem>
-            <FormLabel>向量维度</FormLabel>
+            <FormLabel>{t("knowledgeBase.embedding.dimension")}</FormLabel>
             <FormControl>
               {provider === "bailian" ? (
                 <Select
@@ -125,7 +152,9 @@ export function EmbeddingConfigForm({ form }: EmbeddingConfigFormProps) {
                   value={String(field.value)}
                 >
                   <SelectTrigger>
-                    <SelectValue placeholder="选择维度" />
+                    <SelectValue
+                      placeholder={t("knowledgeBase.embedding.selectDimension")}
+                    />
                   </SelectTrigger>
                   <SelectContent>
                     {dimensionOptions.map((dim) => (
@@ -138,9 +167,13 @@ export function EmbeddingConfigForm({ form }: EmbeddingConfigFormProps) {
               ) : (
                 <Input
                   type="number"
-                  placeholder="例如: 1024"
+                  placeholder={t(
+                    "knowledgeBase.embedding.dimensionPlaceholder",
+                  )}
                   {...field}
-                  onChange={(event) => field.onChange(Number(event.target.value))}
+                  onChange={(event) =>
+                    field.onChange(Number(event.target.value))
+                  }
                 />
               )}
             </FormControl>
@@ -160,7 +193,7 @@ export function EmbeddingConfigForm({ form }: EmbeddingConfigFormProps) {
                 <FormControl>
                   <Input
                     type="password"
-                    placeholder="输入 API Key"
+                    placeholder={t("knowledgeBase.embedding.apiKeyPlaceholder")}
                     {...field}
                     value={field.value ?? ""}
                   />

package/dist/dashboard-runtime/dashboard/src/components/knowledge-base/kb-card.tsx

@@ -1,8 +1,15 @@
-'use client';
+"use client";
 
 import Link from "next/link";
 import { useRouter } from "next/navigation";
-import { BookOpenText, MoreHorizontal, Trash2, FileText, Search, Settings } from "lucide-react";
+import {
+  BookOpenText,
+  MoreHorizontal,
+  Trash2,
+  FileText,
+  Search,
+  Settings,
+} from "lucide-react";
 // Note: router is still used for dropdown menu navigation items
 import { CardContent, CardInteractive } from "@/components/ui/card";
 import {
@@ -14,6 +21,7 @@ import {
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
 import { RelativeTime } from "@/components/shared/relative-time";
+import { useI18n } from "@/i18n/i18n-context";
 import type { KnowledgeBase } from "@/types/knowledge-base";
 
 interface KBCardProps {
@@ -23,6 +31,7 @@ interface KBCardProps {
 
 export function KBCard({ knowledgeBase, onDelete }: KBCardProps) {
   const router = useRouter();
+  const { t } = useI18n();
   const {
     knowledgeBaseName,
     description,
@@ -40,113 +49,140 @@ export function KBCard({ knowledgeBase, onDelete }: KBCardProps) {
       href={`/knowledge-base/${encodeURIComponent(knowledgeBaseName)}`}
       className="no-underline"
     >
-    <CardInteractive
-      className="group relative flex h-[180px] cursor-pointer flex-col"
-    >
-      <CardContent className="flex flex-col flex-1 min-h-0 p-5">
-        <div className="flex items-start justify-between gap-3">
-          <div className="flex min-w-0 flex-1 items-center gap-2">
-            <BookOpenText className="h-4 w-4 shrink-0 text-primary" />
-            <h3 className="min-w-0 truncate text-base font-semibold text-foreground">
-              {knowledgeBaseName}
-            </h3>
-            {knowledgeBase.multimodal && (
-              <span className="shrink-0 text-[10px] px-1.5 py-0.5 rounded-full bg-emerald-50 text-emerald-700 border border-emerald-200">
-                多模态
-              </span>
-            )}
-            {knowledgeBase.ingestConfiguration?.enableTableFormulaCaption && (
-              <span className="shrink-0 text-[10px] px-1.5 py-0.5 rounded-full bg-emerald-50 text-emerald-700 border border-emerald-200">
-                Caption
-              </span>
-            )}
-            {subspace && (
-              <span className="shrink-0 text-[10px] px-1.5 py-0.5 rounded-full bg-emerald-50 text-emerald-700 border border-emerald-200">
-                子空间
-              </span>
-            )}
-          </div>
-
-          <div
-            className="opacity-0 transition-opacity duration-150 delay-75 group-hover:opacity-100 focus-within:opacity-100"
-            onClick={(e) => e.stopPropagation()}
-          >
-            <DropdownMenu>
-              <DropdownMenuTrigger asChild>
-                <Button variant="ghost" size="icon" className="h-8 w-8">
-                  <MoreHorizontal className="h-4 w-4" />
-                </Button>
-              </DropdownMenuTrigger>
-              <DropdownMenuContent align="end">
-                <DropdownMenuItem
-                  onClick={() => router.push(`/knowledge-base/${encodeURIComponent(knowledgeBaseName)}/documents`)}
-                >
-                  <FileText className="mr-2 h-4 w-4" />
-                  查看文档
-                </DropdownMenuItem>
-                <DropdownMenuItem
-                  onClick={() => router.push(`/knowledge-base/${encodeURIComponent(knowledgeBaseName)}/retrieval`)}
-                >
-                  <Search className="mr-2 h-4 w-4" />
-                  检索测试
-                </DropdownMenuItem>
-                <DropdownMenuItem
-                  onClick={() => router.push(`/knowledge-base/${encodeURIComponent(knowledgeBaseName)}/settings`)}
-                >
-                  <Settings className="mr-2 h-4 w-4" />
-                  设置
-                </DropdownMenuItem>
-                <DropdownMenuItem
-                  className="text-[hsl(var(--destructive))] focus:text-[hsl(var(--destructive))]"
-                  onClick={() => onDelete?.(knowledgeBaseName)}
-                >
-                  <Trash2 className="mr-2 h-4 w-4" />
-                  删除
-                </DropdownMenuItem>
-              </DropdownMenuContent>
-            </DropdownMenu>
-          </div>
-        </div>
+      <CardInteractive className="group relative flex h-[180px] cursor-pointer flex-col">
+        <CardContent className="flex flex-col flex-1 min-h-0 p-5">
+          <div className="flex items-start justify-between gap-3">
+            <div className="flex min-w-0 flex-1 items-center gap-2">
+              <BookOpenText className="h-4 w-4 shrink-0 text-primary" />
+              <h3 className="min-w-0 truncate text-base font-semibold text-foreground">
+                {knowledgeBaseName}
+              </h3>
+              {knowledgeBase.multimodal && (
+                <span className="shrink-0 text-[10px] px-1.5 py-0.5 rounded-full bg-emerald-50 text-emerald-700 border border-emerald-200">
+                  {t("knowledgeBase.card.multimodal")}
+                </span>
+              )}
+              {knowledgeBase.ingestConfiguration?.enableTableFormulaCaption && (
+                <span className="shrink-0 text-[10px] px-1.5 py-0.5 rounded-full bg-emerald-50 text-emerald-700 border border-emerald-200">
+                  Caption
+                </span>
+              )}
+              {subspace && (
+                <span className="shrink-0 text-[10px] px-1.5 py-0.5 rounded-full bg-emerald-50 text-emerald-700 border border-emerald-200">
+                  {t("knowledgeBase.card.subspace")}
+                </span>
+              )}
+            </div>
 
-        {description && (
-          <div className="mt-2 flex items-baseline gap-1.5 min-w-0">
-            <span className="shrink-0 text-xs text-muted-foreground">Desc:</span>
-            <span className="min-w-0 flex-1 truncate text-xs text-foreground/80">{description}</span>
+            <div
+              className="opacity-0 transition-opacity duration-150 delay-75 group-hover:opacity-100 focus-within:opacity-100"
+              onClick={(e) => e.stopPropagation()}
+            >
+              <DropdownMenu>
+                <DropdownMenuTrigger asChild>
+                  <Button variant="ghost" size="icon" className="h-8 w-8">
+                    <MoreHorizontal className="h-4 w-4" />
+                  </Button>
+                </DropdownMenuTrigger>
+                <DropdownMenuContent align="end">
+                  <DropdownMenuItem
+                    onClick={() =>
+                      router.push(
+                        `/knowledge-base/${encodeURIComponent(knowledgeBaseName)}/documents`,
+                      )
+                    }
+                  >
+                    <FileText className="mr-2 h-4 w-4" />
+                    {t("knowledgeBase.card.viewDocuments")}
+                  </DropdownMenuItem>
+                  <DropdownMenuItem
+                    onClick={() =>
+                      router.push(
+                        `/knowledge-base/${encodeURIComponent(knowledgeBaseName)}/retrieval`,
+                      )
+                    }
+                  >
+                    <Search className="mr-2 h-4 w-4" />
+                    {t("knowledgeBase.card.retrievalTest")}
+                  </DropdownMenuItem>
+                  <DropdownMenuItem
+                    onClick={() =>
+                      router.push(
+                        `/knowledge-base/${encodeURIComponent(knowledgeBaseName)}/settings`,
+                      )
+                    }
+                  >
+                    <Settings className="mr-2 h-4 w-4" />
+                    {t("knowledgeBase.card.settings")}
+                  </DropdownMenuItem>
+                  <DropdownMenuItem
+                    className="text-[hsl(var(--destructive))] focus:text-[hsl(var(--destructive))]"
+                    onClick={() => onDelete?.(knowledgeBaseName)}
+                  >
+                    <Trash2 className="mr-2 h-4 w-4" />
+                    {t("common.delete")}
+                  </DropdownMenuItem>
+                </DropdownMenuContent>
+              </DropdownMenu>
+            </div>
           </div>
-        )}
 
-        {tags && tags.length > 0 && (
-          <div className="mt-2 flex items-baseline gap-1.5 min-w-0">
-            <span className="shrink-0 text-xs text-muted-foreground">Tags:</span>
-            <div className="flex flex-1 min-w-0 gap-1.5 max-h-[22px] overflow-hidden">
-              {tags.map((tag) => (
-                <Badge
-                  key={tag}
-                  variant="secondary"
-                  className="shrink-0 rounded-pill border-0 bg-[hsl(var(--primary-50))] text-primary text-xs font-normal"
-                >
-                  {tag}
-                </Badge>
-              ))}
+          {description && (
+            <div className="mt-2 flex items-baseline gap-1.5 min-w-0">
+              <span className="shrink-0 text-xs text-muted-foreground">
+                {t("knowledgeBase.card.descLabel")}
+              </span>
+              <span className="min-w-0 flex-1 truncate text-xs text-foreground/80">
+                {description}
+              </span>
             </div>
-          </div>
-        )}
+          )}
 
-        <div className="mt-auto pt-4 flex items-center gap-3 text-xs text-muted-foreground min-w-0">
-          {metadataFieldCount > 0 && (
-            <span>{metadataFieldCount} 个 Metadata 字段</span>
+          {tags && tags.length > 0 && (
+            <div className="mt-2 flex items-baseline gap-1.5 min-w-0">
+              <span className="shrink-0 text-xs text-muted-foreground">
+                {t("knowledgeBase.card.tagsLabel")}
+              </span>
+              <div className="flex flex-1 min-w-0 gap-1.5 max-h-[22px] overflow-hidden">
+                {tags.map((tag) => (
+                  <Badge
+                    key={tag}
+                    variant="secondary"
+                    className="shrink-0 rounded-pill border-0 bg-[hsl(var(--primary-50))] text-primary text-xs font-normal"
+                  >
+                    {tag}
+                  </Badge>
+                ))}
+              </div>
+            </div>
           )}
-          {searchTypes.length > 0 && (
-            <span>
-              {searchTypes.map((t) => t === "DENSE_VECTOR" ? "向量" : "全文").join(" + ")}
+
+          <div className="mt-auto pt-4 flex items-center gap-3 text-xs text-muted-foreground min-w-0">
+            {metadataFieldCount > 0 && (
+              <span>
+                {t("knowledgeBase.card.metadataCount", {
+                  count: metadataFieldCount,
+                })}
+              </span>
+            )}
+            {searchTypes.length > 0 && (
+              <span>
+                {searchTypes
+                  .map((s) =>
+                    s === "DENSE_VECTOR"
+                      ? t("knowledgeBase.card.searchDense")
+                      : t("knowledgeBase.card.searchFullText"),
+                  )
+                  .join(" + ")}
+              </span>
+            )}
+            <span className="ml-auto">
+              {t("knowledgeBase.card.updatedAt")}
+              <RelativeTime timestamp={updatedAt} />
             </span>
-          )}
-          <span className="ml-auto">
-            更新于 <RelativeTime timestamp={updatedAt} />
-          </span>
-        </div>
-      </CardContent>
-    </CardInteractive>
+          </div>
+        </CardContent>
+      </CardInteractive>
     </Link>
   );
 }