@tablestore/tablestore-agent-cli 0.2.8 → 0.2.9

package/dist/dashboard-runtime/dashboard/src/components/documents/doc-chunks-dialog.tsx

@@ -1,8 +1,17 @@
-'use client';
+"use client";
 
 import { useState, useCallback } from "react";
 import { useInfiniteQuery, useQueryClient } from "@tanstack/react-query";
-import { Loader2, Pencil, ChevronDown, ChevronUp, X, Check, Power, PowerOff } from "lucide-react";
+import {
+  Loader2,
+  Pencil,
+  ChevronDown,
+  ChevronUp,
+  X,
+  Check,
+  Power,
+  PowerOff,
+} from "lucide-react";
 import { toast } from "sonner";
 import { Button } from "@/components/ui/button";
 import {
@@ -23,6 +32,9 @@ import { queryKeys } from "@/lib/query-keys";
 import { extractFileName } from "@/lib/utils";
 import { IMAGE_FALLBACK_DATA_PREFIX } from "@/lib/constants";
 import { useRuntimeContext } from "@/providers/runtime-context-provider";
+import { useI18n } from "@/i18n/i18n-context";
+import type { MessageKey } from "@/i18n/i18n-context";
+import { LOCALE_HTML_LANG, type Locale } from "@/i18n/config";
 import type { Chunk, ChunkStatus } from "@/types/knowledge-base";
 
 interface DocChunksDialogProps {
@@ -34,10 +46,9 @@ interface DocChunksDialogProps {
   onOpenChange: (open: boolean) => void;
 }
 
-function formatTime(ts?: number): string {
+function formatTime(ts: number | undefined, locale: Locale = "zh"): string {
   if (!ts) return "—";
-  const d = new Date(ts);
-  return d.toLocaleString("zh-CN", {
+  return new Date(ts).toLocaleString(LOCALE_HTML_LANG[locale], {
     month: "2-digit",
     day: "2-digit",
     hour: "2-digit",
@@ -45,10 +56,21 @@ function formatTime(ts?: number): string {
   });
 }
 
-const STATUS_STYLES: Record<string, { label: string; className: string }> = {
-  active: { label: "Active", className: "bg-green-50 text-green-700 dark:bg-green-950 dark:text-green-400" },
-  inactive: { label: "Inactive", className: "bg-muted text-muted-foreground" },
-  failed: { label: "Failed", className: "bg-red-50 text-red-700 dark:bg-red-950 dark:text-red-400" },
+const STATUS_STYLES: Record<string, { className: string }> = {
+  active: {
+    className:
+      "bg-green-50 text-green-700 dark:bg-green-950 dark:text-green-400",
+  },
+  inactive: { className: "bg-muted text-muted-foreground" },
+  failed: {
+    className: "bg-red-50 text-red-700 dark:bg-red-950 dark:text-red-400",
+  },
+};
+
+const STATUS_LABEL_KEYS: Record<string, MessageKey> = {
+  active: "documents.chunks.statusActive",
+  inactive: "documents.chunks.statusInactive",
+  failed: "documents.chunks.statusFailed",
 };
 
 // --- ChunkCard 子组件 ---
@@ -61,6 +83,7 @@ function ChunkCard({
   knowledgeBaseName: string;
   onUpdate: (chunkId: number, updates: Partial<Chunk>) => void;
 }) {
+  const { t, locale } = useI18n();
   const [expanded, setExpanded] = useState(false);
   const [editing, setEditing] = useState(false);
   const [editTitle, setEditTitle] = useState(chunk.title ?? "");
@@ -70,6 +93,9 @@ function ChunkCard({
   const [zoomedImage, setZoomedImage] = useState<string | null>(null);
 
   const style = STATUS_STYLES[chunk.status] ?? STATUS_STYLES.inactive;
+  const statusLabel = t(
+    STATUS_LABEL_KEYS[chunk.status] ?? STATUS_LABEL_KEYS.inactive,
+  );
   const isActive = chunk.status === "active";
   const contentLong = chunk.content.length > 200;
 
@@ -81,14 +107,27 @@ function ChunkCard({
         { docId: chunk.docId, chunkId: chunk.chunkId, status: newStatus },
       ]);
       const detail = result.updateDetails?.[0];
-      if (detail?.updateStatus === "success" || detail?.updateStatus === "succeed") {
+      if (
+        detail?.updateStatus === "success" ||
+        detail?.updateStatus === "succeed"
+      ) {
         onUpdate(chunk.chunkId, { status: newStatus });
-        toast.success(`切片 #${chunk.chunkId} 已${newStatus === "active" ? "启用" : "停用"}`);
+        toast.success(
+          t("documents.chunks.toggleSuccess", {
+            id: chunk.chunkId,
+            action:
+              newStatus === "active"
+                ? t("documents.chunks.statusEnable")
+                : t("documents.chunks.statusDisable"),
+          }),
+        );
       } else {
-        toast.error(detail?.failureReason ?? "状态更新失败");
+        toast.error(
+          detail?.failureReason ?? t("documents.chunks.toggleFailed"),
+        );
       }
     } catch {
-      toast.error("状态更新失败");
+      toast.error(t("documents.chunks.toggleFailed"));
     } finally {
       setToggling(false);
     }
@@ -97,7 +136,12 @@ function ChunkCard({
   const handleSaveEdit = async () => {
     setSaving(true);
     try {
-      const updates: { docId: string; chunkId: number; title?: string; content?: string } = {
+      const updates: {
+        docId: string;
+        chunkId: number;
+        title?: string;
+        content?: string;
+      } = {
         docId: chunk.docId,
         chunkId: chunk.chunkId,
       };
@@ -112,18 +156,25 @@ function ChunkCard({
 
       const result = await updateChunks(knowledgeBaseName, [updates]);
       const detail = result.updateDetails?.[0];
-      if (detail?.updateStatus === "success" || detail?.updateStatus === "succeed") {
+      if (
+        detail?.updateStatus === "success" ||
+        detail?.updateStatus === "succeed"
+      ) {
         onUpdate(chunk.chunkId, {
           title: editTitle || undefined,
           content: editContent,
         });
-        toast.success(`切片 #${chunk.chunkId} 已更新`);
+        toast.success(
+          t("documents.chunks.updateSuccess", { id: chunk.chunkId }),
+        );
         setEditing(false);
       } else {
-        toast.error(detail?.failureReason ?? "更新失败");
+        toast.error(
+          detail?.failureReason ?? t("documents.chunks.updateFailed"),
+        );
       }
     } catch {
-      toast.error("更新失败");
+      toast.error(t("documents.chunks.updateFailed"));
     } finally {
       setSaving(false);
     }
@@ -140,14 +191,16 @@ function ChunkCard({
       {/* 头部：chunkId + chunkType + 操作按钮 */}
       <div className="flex items-center justify-between gap-2">
         <div className="flex items-center gap-2">
-          <span className="text-xs font-mono text-gray-500">#{chunk.chunkId}</span>
+          <span className="text-xs font-mono text-gray-500">
+            #{chunk.chunkId}
+          </span>
           <span className="text-xs px-1.5 py-0.5 rounded bg-gray-100 text-gray-500">
             {chunk.chunkType}
           </span>
           <span
             className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${style.className}`}
           >
-            {style.label}
+            {statusLabel}
           </span>
         </div>
         <div className="flex items-center gap-1">
@@ -162,7 +215,11 @@ function ChunkCard({
                     className="h-7 w-7"
                     onClick={handleToggleStatus}
                     disabled={toggling}
-                    aria-label={isActive ? "停用切片" : "启用切片"}
+                    aria-label={
+                      isActive
+                        ? t("documents.chunks.disableChunk")
+                        : t("documents.chunks.enableChunk")
+                    }
                   >
                     {toggling ? (
                       <Loader2 className="h-3.5 w-3.5 animate-spin" />
@@ -175,45 +232,54 @@ function ChunkCard({
                 </TooltipTrigger>
                 <TooltipContent side="top">
                   {isActive
-                    ? "停用切片：检索时跳过此切片"
-                    : "启用切片：纳入检索"}
+                    ? t("documents.chunks.disableTooltip")
+                    : t("documents.chunks.enableTooltip")}
                 </TooltipContent>
               </Tooltip>
             </TooltipProvider>
           )}
           {/* 编辑按钮 */}
-          {!editing && (() => {
-            const isImageChunk = chunk.chunkType.toUpperCase() === "IMAGE";
-            return (
-              <TooltipProvider delayDuration={200}>
-                <Tooltip>
-                  {/* disabled button 不会触发 hover 事件，需要 span 包裹来承接 Tooltip 的 pointer 事件 */}
-                  <TooltipTrigger asChild>
-                    <span className={isImageChunk ? "inline-flex cursor-not-allowed" : "inline-flex"}>
-                      <Button
-                        variant="ghost"
-                        size="icon"
-                        className={`h-7 w-7 ${isImageChunk ? "pointer-events-none opacity-50" : ""}`}
-                        onClick={() => {
-                          if (isImageChunk) return;
-                          setEditing(true);
-                        }}
-                        disabled={isImageChunk}
-                        aria-disabled={isImageChunk}
-                        tabIndex={isImageChunk ? -1 : 0}
-                        aria-label="编辑切片"
+          {!editing &&
+            (() => {
+              const isImageChunk = chunk.chunkType.toUpperCase() === "IMAGE";
+              return (
+                <TooltipProvider delayDuration={200}>
+                  <Tooltip>
+                    {/* disabled button 不会触发 hover 事件，需要 span 包裹来承接 Tooltip 的 pointer 事件 */}
+                    <TooltipTrigger asChild>
+                      <span
+                        className={
+                          isImageChunk
+                            ? "inline-flex cursor-not-allowed"
+                            : "inline-flex"
+                        }
                       >
-                        <Pencil className="h-3.5 w-3.5" />
-                      </Button>
-                    </span>
-                  </TooltipTrigger>
-                  <TooltipContent side="top">
-                    {isImageChunk ? "图片类型 chunk 不支持修改" : "编辑切片"}
-                  </TooltipContent>
-                </Tooltip>
-              </TooltipProvider>
-            );
-          })()}
+                        <Button
+                          variant="ghost"
+                          size="icon"
+                          className={`h-7 w-7 ${isImageChunk ? "pointer-events-none opacity-50" : ""}`}
+                          onClick={() => {
+                            if (isImageChunk) return;
+                            setEditing(true);
+                          }}
+                          disabled={isImageChunk}
+                          aria-disabled={isImageChunk}
+                          tabIndex={isImageChunk ? -1 : 0}
+                          aria-label={t("documents.chunks.editChunk")}
+                        >
+                          <Pencil className="h-3.5 w-3.5" />
+                        </Button>
+                      </span>
+                    </TooltipTrigger>
+                    <TooltipContent side="top">
+                      {isImageChunk
+                        ? t("documents.chunks.imageNotEditable")
+                        : t("documents.chunks.editChunk")}
+                    </TooltipContent>
+                  </Tooltip>
+                </TooltipProvider>
+              );
+            })()}
         </div>
       </div>
 
@@ -221,27 +287,36 @@ function ChunkCard({
       {editing ? (
         <div className="space-y-2">
           <div>
-            <label className="text-xs text-gray-500 mb-1 block">标题</label>
+            <label className="text-xs text-gray-500 mb-1 block">
+              {t("documents.chunks.titleField")}
+            </label>
             <input
               className="w-full rounded border px-3 py-1.5 text-sm bg-[hsl(var(--background))]"
               value={editTitle}
               onChange={(e) => setEditTitle(e.target.value)}
-              placeholder="切片标题（可选）"
+              placeholder={t("documents.chunks.titlePlaceholder")}
             />
           </div>
           <div>
-            <label className="text-xs text-gray-500 mb-1 block">内容</label>
+            <label className="text-xs text-gray-500 mb-1 block">
+              {t("documents.chunks.contentField")}
+            </label>
             <textarea
               className="w-full rounded border px-3 py-2 text-sm bg-[hsl(var(--background))] min-h-[120px] resize-y"
               value={editContent}
               onChange={(e) => setEditContent(e.target.value)}
-              placeholder="切片内容"
+              placeholder={t("documents.chunks.contentPlaceholder")}
             />
           </div>
           <div className="flex items-center gap-2 justify-end">
-            <Button variant="ghost" size="sm" onClick={handleCancelEdit} disabled={saving}>
+            <Button
+              variant="ghost"
+              size="sm"
+              onClick={handleCancelEdit}
+              disabled={saving}
+            >
               <X className="mr-1 h-3.5 w-3.5" />
-              取消
+              {t("common.cancel")}
             </Button>
             <Button size="sm" onClick={handleSaveEdit} disabled={saving}>
               {saving ? (
@@ -249,7 +324,7 @@ function ChunkCard({
               ) : (
                 <Check className="mr-1 h-3.5 w-3.5" />
               )}
-              保存
+              {t("common.save")}
             </Button>
           </div>
         </div>
@@ -260,21 +335,23 @@ function ChunkCard({
             <p className="text-sm font-semibold">{chunk.title}</p>
           )}
           {/* 图片缩略图（仅 IMAGE 类型） */}
-          {chunk.chunkType.toUpperCase() === "IMAGE" && chunk.imageBase64 && (() => {
-            const imgSrc = chunk.imageBase64.startsWith("data:")
-              ? chunk.imageBase64
-              : `${IMAGE_FALLBACK_DATA_PREFIX}${chunk.imageBase64}`;
-            return (
-              <div className="mt-2">
-                <img
-                  src={imgSrc}
-                  alt={chunk.caption || `Image chunk #${chunk.chunkId}`}
-                  className="max-w-[200px] max-h-[200px] object-contain rounded border border-border cursor-pointer hover:opacity-80 transition-opacity"
-                  onClick={() => setZoomedImage(imgSrc)}
-                />
-              </div>
-            );
-          })()}
+          {chunk.chunkType.toUpperCase() === "IMAGE" &&
+            chunk.imageBase64 &&
+            (() => {
+              const imgSrc = chunk.imageBase64.startsWith("data:")
+                ? chunk.imageBase64
+                : `${IMAGE_FALLBACK_DATA_PREFIX}${chunk.imageBase64}`;
+              return (
+                <div className="mt-2">
+                  <img
+                    src={imgSrc}
+                    alt={chunk.caption || `Image chunk #${chunk.chunkId}`}
+                    className="max-w-[200px] max-h-[200px] object-contain rounded border border-border cursor-pointer hover:opacity-80 transition-opacity"
+                    onClick={() => setZoomedImage(imgSrc)}
+                  />
+                </div>
+              );
+            })()}
           {/* 内容 — 可折叠 */}
           <p
             className={`text-sm text-gray-600 whitespace-pre-wrap ${
@@ -289,9 +366,15 @@ function ChunkCard({
               onClick={() => setExpanded(!expanded)}
             >
               {expanded ? (
-                <>收起 <ChevronUp className="h-3 w-3" /></>
+                <>
+                  {t("documents.chunks.collapse")}{" "}
+                  <ChevronUp className="h-3 w-3" />
+                </>
               ) : (
-                <>展开全文 <ChevronDown className="h-3 w-3" /></>
+                <>
+                  {t("documents.chunks.expand")}{" "}
+                  <ChevronDown className="h-3 w-3" />
+                </>
               )}
             </button>
           )}
@@ -306,18 +389,30 @@ function ChunkCard({
 
       {/* 底部时间信息 */}
       <div className="flex items-center gap-3 text-xs text-gray-400 pt-1">
-        <span>创建: {formatTime(chunk.createdAt)}</span>
-        {chunk.updatedAt && <span>更新: {formatTime(chunk.updatedAt)}</span>}
+        <span>
+          {t("documents.chunks.createdAt", {
+            time: formatTime(chunk.createdAt, locale),
+          })}
+        </span>
+        {chunk.updatedAt && (
+          <span>
+            {t("documents.chunks.updatedAt", {
+              time: formatTime(chunk.updatedAt, locale),
+            })}
+          </span>
+        )}
       </div>
 
       {/* 图片放大预览 */}
       <Dialog open={!!zoomedImage} onOpenChange={() => setZoomedImage(null)}>
         <DialogContent className="max-w-[90vw] max-h-[90vh] p-2 flex items-center justify-center border-none bg-black/90 data-[state=open]:animate-none data-[state=closed]:animate-none duration-0">
-          <DialogTitle className="sr-only">图片放大预览</DialogTitle>
+          <DialogTitle className="sr-only">
+            {t("documents.chunks.imageZoomTitle")}
+          </DialogTitle>
           {zoomedImage && (
             <img
               src={zoomedImage}
-              alt="放大预览"
+              alt={t("documents.chunks.imageZoomAlt")}
               className="max-w-full max-h-[85vh] object-contain"
             />
           )}
@@ -336,6 +431,7 @@ export function DocChunksDialog({
   open,
   onOpenChange,
 }: DocChunksDialogProps) {
+  const { t } = useI18n();
   const queryClient = useQueryClient();
   const { context, ready } = useRuntimeContext();
   const chunksQueryKey = queryKeys.chunks(
@@ -345,57 +441,54 @@ export function DocChunksDialog({
     subspace,
   );
 
-  const {
-    data,
-    fetchNextPage,
-    hasNextPage,
-    isFetchingNextPage,
-    isLoading,
-  } = useInfiniteQuery({
-    queryKey: chunksQueryKey,
-    queryFn: ({ pageParam }) =>
-      listChunks(knowledgeBaseName, docId!, {
-        maxResults: 20,
-        nextToken: pageParam,
-        subspace,
-      }),
-    initialPageParam: undefined as string | undefined,
-    getNextPageParam: (lastPage) => lastPage.nextToken || undefined,
-    enabled: ready && open && !!docId,
-  });
+  const { data, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading } =
+    useInfiniteQuery({
+      queryKey: chunksQueryKey,
+      queryFn: ({ pageParam }) =>
+        listChunks(knowledgeBaseName, docId!, {
+          maxResults: 20,
+          nextToken: pageParam,
+          subspace,
+        }),
+      initialPageParam: undefined as string | undefined,
+      getNextPageParam: (lastPage) => lastPage.nextToken || undefined,
+      enabled: ready && open && !!docId,
+    });
 
   const chunks = data?.pages.flatMap((page) => page.items) ?? [];
 
   const handleChunkUpdate = useCallback(
     (chunkId: number, updates: Partial<Chunk>) => {
-      queryClient.setQueryData(
-        chunksQueryKey,
-        (old: typeof data) => {
-          if (!old) return old;
-          return {
-            ...old,
-            pages: old.pages.map((page) => ({
-              ...page,
-              items: page.items.map((c) =>
-                c.chunkId === chunkId ? { ...c, ...updates } : c
-              ),
-            })),
-          };
-        }
-      );
+      queryClient.setQueryData(chunksQueryKey, (old: typeof data) => {
+        if (!old) return old;
+        return {
+          ...old,
+          pages: old.pages.map((page) => ({
+            ...page,
+            items: page.items.map((c) =>
+              c.chunkId === chunkId ? { ...c, ...updates } : c,
+            ),
+          })),
+        };
+      });
     },
-    [queryClient, chunksQueryKey]
+    [queryClient, chunksQueryKey],
   );
 
-  const displayName = ossKey ? extractFileName(ossKey) : "文档切片";
+  const displayName = ossKey
+    ? extractFileName(ossKey)
+    : t("documents.chunks.titleFallback");
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="sm:max-w-3xl max-h-[80vh] flex flex-col data-[state=open]:animate-none data-[state=closed]:animate-none duration-0">
         <DialogHeader>
-          <DialogTitle>{displayName} - 切片列表</DialogTitle>
+          <DialogTitle>
+            {displayName}
+            {t("documents.chunks.titleSuffix")}
+          </DialogTitle>
           <DialogDescription>
-            共加载 {chunks.length} 个切片
+            {t("documents.chunks.loadedCount", { count: chunks.length })}
           </DialogDescription>
         </DialogHeader>
 
@@ -417,19 +510,15 @@ export function DocChunksDialog({
 
           {!isLoading && chunks.length === 0 && (
             <div className="text-center py-8 text-sm text-muted-foreground">
-              暂无切片数据
+              {t("documents.chunks.empty")}
             </div>
           )}
         </div>
 
         {hasNextPage && !isFetchingNextPage && (
           <div className="pt-3 border-t flex justify-center">
-            <Button
-              variant="outline"
-              size="sm"
-              onClick={() => fetchNextPage()}
-            >
-              加载更多
+            <Button variant="outline" size="sm" onClick={() => fetchNextPage()}>
+              {t("documents.chunks.loadMore")}
             </Button>
           </div>
         )}

package/dist/dashboard-runtime/dashboard/src/components/documents/doc-columns.tsx

@@ -11,15 +11,18 @@ import {
 import { RelativeTime } from "@/components/shared/relative-time";
 import { DocStatusBadge } from "./doc-status-badge";
 import { extractFileName } from "@/lib/utils";
+import type { TranslateFn } from "@/i18n/i18n-context";
 import type { Document } from "@/types/knowledge-base";
 
 interface DocColumnsOptions {
+  t: TranslateFn;
   onView?: (document: Document) => void;
   onDelete?: (document: Document) => void;
   onViewChunks?: (document: Document) => void;
 }
 
 export function createDocColumns({
+  t,
   onView,
   onDelete,
   onViewChunks,
@@ -34,14 +37,14 @@ export function createDocColumns({
             (table.getIsSomePageRowsSelected() && "indeterminate")
           }
           onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
-          aria-label="全选"
+          aria-label={t("documents.table.selectAll")}
         />
       ),
       cell: ({ row }) => (
         <Checkbox
           checked={row.getIsSelected()}
           onCheckedChange={(value) => row.toggleSelected(!!value)}
-          aria-label="选择行"
+          aria-label={t("documents.table.selectRow")}
         />
       ),
       enableSorting: false,
@@ -49,7 +52,7 @@ export function createDocColumns({
     },
     {
       accessorKey: "ossKey",
-      header: "文档名称",
+      header: t("documents.table.docName"),
       cell: ({ row }) => (
         <span className="font-medium text-sm">
           {extractFileName(row.original.ossKey)}
@@ -58,12 +61,12 @@ export function createDocColumns({
     },
     {
       accessorKey: "status",
-      header: "状态",
+      header: t("documents.table.status"),
       cell: ({ row }) => <DocStatusBadge status={row.original.status} />,
     },
     {
       accessorKey: "chunkNum",
-      header: "切片数",
+      header: t("documents.table.chunkCount"),
       cell: ({ row }) => (
         <span className="text-sm tabular-nums">
           {row.original.chunkNum ?? "—"}
@@ -72,12 +75,14 @@ export function createDocColumns({
     },
     {
       accessorKey: "updatedAt",
-      header: "更新时间",
+      header: t("documents.table.updatedAt"),
       cell: ({ row }) => <RelativeTime timestamp={row.original.updatedAt} />,
     },
     {
       id: "actions",
-      header: () => <span className="sr-only">操作</span>,
+      header: () => (
+        <span className="sr-only">{t("documents.table.actions")}</span>
+      ),
       cell: ({ row }) => (
         <TooltipProvider delayDuration={200}>
           <div className="flex items-center justify-end gap-0.5">
@@ -88,12 +93,14 @@ export function createDocColumns({
                   size="icon"
                   className="h-7 w-7"
                   onClick={() => onView?.(row.original)}
-                  aria-label="查看详情"
+                  aria-label={t("documents.table.viewDetail")}
                 >
                   <Eye className="h-3.5 w-3.5" />
                 </Button>
               </TooltipTrigger>
-              <TooltipContent side="top">查看详情</TooltipContent>
+              <TooltipContent side="top">
+                {t("documents.table.viewDetail")}
+              </TooltipContent>
             </Tooltip>
             <Tooltip>
               <TooltipTrigger asChild>
@@ -102,12 +109,14 @@ export function createDocColumns({
                   size="icon"
                   className="h-7 w-7"
                   onClick={() => onViewChunks?.(row.original)}
-                  aria-label="查看切片"
+                  aria-label={t("documents.table.viewChunks")}
                 >
                   <Layers className="h-3.5 w-3.5" />
                 </Button>
               </TooltipTrigger>
-              <TooltipContent side="top">查看切片</TooltipContent>
+              <TooltipContent side="top">
+                {t("documents.table.viewChunks")}
+              </TooltipContent>
             </Tooltip>
             <Tooltip>
               <TooltipTrigger asChild>
@@ -116,12 +125,12 @@ export function createDocColumns({
                   size="icon"
                   className="h-7 w-7 text-[hsl(var(--muted-foreground))] hover:bg-[hsl(var(--danger-soft))] hover:text-[hsl(var(--destructive))]"
                   onClick={() => onDelete?.(row.original)}
-                  aria-label="删除"
+                  aria-label={t("common.delete")}
                 >
                   <Trash2 className="h-3.5 w-3.5" />
                 </Button>
               </TooltipTrigger>
-              <TooltipContent side="top">删除</TooltipContent>
+              <TooltipContent side="top">{t("common.delete")}</TooltipContent>
             </Tooltip>
           </div>
         </TooltipProvider>