@tablestore/tablestore-agent-cli 0.2.7 → 0.2.9

package/dist/dashboard-runtime/dashboard/src/components/api-keys/api-key-permission-filter.tsx

@@ -13,33 +13,29 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@/components/ui/select";
+import { useI18n, type MessageKey } from "@/i18n/i18n-context";
 import { useKnowledgeBases } from "@/hooks/use-knowledge-bases";
 import { useMemoryStores } from "@/hooks/use-memory-stores";
 import { filterApiKeysByPermission } from "@/services/api-keys";
 import type { OperationGroup, ResourceType } from "@/types/api-key";
 
-interface FilterResult {
-  serviceCredentialId: string;
-  serviceCredentialName: string;
-  userPrincipalName: string;
-  status: string;
-}
-
 interface ApiKeyPermissionFilterProps {
   onFilterResults: (ids: Set<string> | null) => void;
 }
 
-const OPERATION_LABELS: Record<OperationGroup, string> = {
-  read: "读取",
-  write: "写入",
-  manage: "管理",
+const OPERATION_LABEL_KEYS: Record<OperationGroup, MessageKey> = {
+  read: "apiKeys.operations.read",
+  write: "apiKeys.operations.write",
+  manage: "apiKeys.operations.manage",
 };
 
 export function ApiKeyPermissionFilter({
   onFilterResults,
 }: ApiKeyPermissionFilterProps) {
+  const { t } = useI18n();
   const [expanded, setExpanded] = useState(false);
-  const [resourceType, setResourceType] = useState<ResourceType>("knowledgebase");
+  const [resourceType, setResourceType] =
+    useState<ResourceType>("knowledgebase");
   const [resourceName, setResourceName] = useState<string>("");
   const [operationGroup, setOperationGroup] = useState<OperationGroup>("read");
 
@@ -53,7 +49,7 @@ export function ApiKeyPermissionFilter({
 
   const canSearch = Boolean(resourceName);
 
-  const { data, isLoading, isFetching, refetch } = useQuery({
+  const { data, isFetching, refetch } = useQuery({
     queryKey: [
       "api-keys-filter-by-permission",
       resourceType,
@@ -94,13 +90,9 @@ export function ApiKeyPermissionFilter({
 
   if (!expanded) {
     return (
-      <Button
-        variant="outline"
-        size="sm"
-        onClick={() => setExpanded(true)}
-      >
+      <Button variant="outline" size="sm" onClick={() => setExpanded(true)}>
         <Filter className="mr-2 h-3.5 w-3.5" />
-        按权限筛选
+        {t("apiKeys.filter.byPermission")}
       </Button>
     );
   }
@@ -109,16 +101,23 @@ export function ApiKeyPermissionFilter({
     <div className="rounded-lg border border-[hsl(var(--border))] p-3 space-y-3">
       <div className="flex items-center justify-between">
         <span className="text-xs font-medium text-muted-foreground">
-          按资源权限筛选 API Key
+          {t("apiKeys.filter.title")}
         </span>
-        <Button variant="ghost" size="icon" className="h-6 w-6" onClick={handleClose}>
+        <Button
+          variant="ghost"
+          size="icon"
+          className="h-6 w-6"
+          onClick={handleClose}
+        >
           <X className="h-3.5 w-3.5" />
         </Button>
       </div>
 
       <div className="flex items-end gap-2 flex-wrap">
         <div className="space-y-1 min-w-[120px]">
-          <label className="text-[11px] text-muted-foreground">资源类型</label>
+          <label className="text-[11px] text-muted-foreground">
+            {t("apiKeys.common.resourceType")}
+          </label>
           <Select
             value={resourceType}
             onValueChange={(v) => {
@@ -134,13 +133,13 @@ export function ApiKeyPermissionFilter({
               <SelectItem value="knowledgebase">
                 <div className="flex items-center gap-1.5">
                   <BookOpen className="h-3 w-3" />
-                  知识库
+                  {t("common.knowledgeBase")}
                 </div>
               </SelectItem>
               <SelectItem value="memorystore">
                 <div className="flex items-center gap-1.5">
                   <Brain className="h-3 w-3" />
-                  记忆库
+                  {t("common.memory")}
                 </div>
               </SelectItem>
             </SelectContent>
@@ -148,7 +147,9 @@ export function ApiKeyPermissionFilter({
         </div>
 
         <div className="space-y-1 min-w-[160px] flex-1">
-          <label className="text-[11px] text-muted-foreground">资源名称</label>
+          <label className="text-[11px] text-muted-foreground">
+            {t("apiKeys.common.resourceName")}
+          </label>
           <Select
             value={resourceName}
             onValueChange={(v) => {
@@ -157,7 +158,7 @@ export function ApiKeyPermissionFilter({
             }}
           >
             <SelectTrigger className="h-8 text-xs">
-              <SelectValue placeholder="选择资源" />
+              <SelectValue placeholder={t("apiKeys.filter.selectResource")} />
             </SelectTrigger>
             <SelectContent>
               {resources.map((name) => (
@@ -170,7 +171,9 @@ export function ApiKeyPermissionFilter({
         </div>
 
         <div className="space-y-1 min-w-[100px]">
-          <label className="text-[11px] text-muted-foreground">操作权限</label>
+          <label className="text-[11px] text-muted-foreground">
+            {t("apiKeys.common.operationPermission")}
+          </label>
           <Select
             value={operationGroup}
             onValueChange={(v) => {
@@ -184,7 +187,7 @@ export function ApiKeyPermissionFilter({
             <SelectContent>
               {(["read", "write", "manage"] as const).map((g) => (
                 <SelectItem key={g} value={g}>
-                  {OPERATION_LABELS[g]}
+                  {t(OPERATION_LABEL_KEYS[g])}
                 </SelectItem>
               ))}
             </SelectContent>
@@ -202,7 +205,7 @@ export function ApiKeyPermissionFilter({
           ) : (
             <Filter className="mr-1.5 h-3.5 w-3.5" />
           )}
-          筛选
+          {t("apiKeys.filter.filter")}
         </Button>
 
         {data ? (
@@ -212,21 +215,25 @@ export function ApiKeyPermissionFilter({
             className="h-8 text-xs"
             onClick={handleClear}
           >
-            清除
+            {t("common.clearSearch")}
           </Button>
         ) : null}
       </div>
 
       {data ? (
         <div className="text-xs text-muted-foreground">
-          找到{" "}
+          {t("apiKeys.filter.resultPrefix")}{" "}
           <Badge variant="secondary" className="px-1.5 py-0 text-xs">
             {data.apiKeys.length}
           </Badge>{" "}
-          个拥有
-          {resourceType === "knowledgebase" ? "知识库" : "记忆库"}
-          「{resourceName}」
-          {OPERATION_LABELS[operationGroup]}权限的 API Key
+          {t("apiKeys.filter.resultSuffix", {
+            resource:
+              resourceType === "knowledgebase"
+                ? t("common.knowledgeBase")
+                : t("common.memory"),
+            name: resourceName,
+            operation: t(OPERATION_LABEL_KEYS[operationGroup]),
+          })}
         </div>
       ) : null}
     </div>

package/dist/dashboard-runtime/dashboard/src/components/api-keys/api-key-secret-revealed-dialog.tsx

@@ -15,6 +15,7 @@ import {
   DialogTitle,
 } from "@/components/ui/dialog";
 import { Label } from "@/components/ui/label";
+import { useI18n } from "@/i18n/i18n-context";
 import { copyToClipboard } from "@/lib/clipboard";
 import type { CreatedApiKey } from "@/types/api-key";
 
@@ -27,6 +28,7 @@ export function ApiKeySecretRevealedDialog({
   apiKey,
   onClose,
 }: ApiKeySecretRevealedDialogProps) {
+  const { t } = useI18n();
   const [confirmed, setConfirmed] = useState(false);
 
   useEffect(() => {
@@ -38,9 +40,9 @@ export function ApiKeySecretRevealedDialog({
   async function copy(value: string, label: string) {
     try {
       await copyToClipboard(value);
-      toast.success(`已复制 ${label}`);
+      toast.success(`${t("common.copied")} ${label}`);
     } catch {
-      toast.error("复制失败");
+      toast.error(t("common.copyFailed"));
     }
   }
 
@@ -87,9 +89,11 @@ export function ApiKeySecretRevealedDialog({
         }}
       >
         <DialogHeader>
-          <DialogTitle className="text-xl">API Key 已创建</DialogTitle>
+          <DialogTitle className="text-xl">
+            {t("apiKeys.secret.title")}
+          </DialogTitle>
           <DialogDescription>
-            请立即保存以下信息。Secret 关闭后无法再次取回。
+            {t("apiKeys.secret.description")}
           </DialogDescription>
         </DialogHeader>
 
@@ -97,7 +101,7 @@ export function ApiKeySecretRevealedDialog({
           <div className="space-y-4">
             <div className="space-y-1.5">
               <Label className="text-xs text-muted-foreground">
-                凭证 ID (ServiceCredentialId)
+                {t("apiKeys.secret.credentialIdLabel")}
               </Label>
               <div className="flex items-center gap-2">
                 <code className="flex-1 break-all rounded border border-[hsl(var(--border))] bg-muted/40 px-3 py-2 font-mono text-[13px]">
@@ -106,8 +110,13 @@ export function ApiKeySecretRevealedDialog({
                 <Button
                   variant="outline"
                   size="icon"
-                  onClick={() => copy(apiKey.serviceCredentialId, "凭证 ID")}
-                  aria-label="复制凭证 ID"
+                  onClick={() =>
+                    copy(
+                      apiKey.serviceCredentialId,
+                      t("apiKeys.common.credentialId"),
+                    )
+                  }
+                  aria-label={t("apiKeys.secret.copyCredentialId")}
                 >
                   <Copy className="h-4 w-4" />
                 </Button>
@@ -116,7 +125,7 @@ export function ApiKeySecretRevealedDialog({
 
             <div className="space-y-1.5">
               <Label className="text-xs text-muted-foreground">
-                凭证 Secret（仅显示一次）
+                {t("apiKeys.secret.secretLabel")}
               </Label>
               <div className="flex items-center gap-2">
                 <code className="flex-1 break-all rounded border border-[hsl(var(--warning))/0.5] bg-[hsl(var(--warning))/0.06] px-3 py-2 font-mono text-[13px]">
@@ -126,20 +135,16 @@ export function ApiKeySecretRevealedDialog({
                   variant="outline"
                   size="icon"
                   onClick={() => copy(apiKey.serviceCredentialSecret, "Secret")}
-                  aria-label="复制 Secret"
+                  aria-label={t("apiKeys.secret.copySecret")}
                 >
                   <Copy className="h-4 w-4" />
                 </Button>
               </div>
             </div>
 
-            <Button
-              variant="outline"
-              className="w-full"
-              onClick={download}
-            >
+            <Button variant="outline" className="w-full" onClick={download}>
               <Download className="mr-2 h-4 w-4" />
-              下载为 .txt 文件
+              {t("apiKeys.secret.download")}
             </Button>
 
             <div className="flex items-start gap-2 rounded-md border border-[hsl(var(--destructive))/0.4] bg-[hsl(var(--destructive))/0.05] px-3 py-2.5">
@@ -150,9 +155,7 @@ export function ApiKeySecretRevealedDialog({
                   onCheckedChange={(checked) => setConfirmed(Boolean(checked))}
                   className="mt-0.5"
                 />
-                <span>
-                  我已妥善保存凭证 ID 和 Secret，理解 Secret 不可再次取回。
-                </span>
+                <span>{t("apiKeys.secret.confirmSaved")}</span>
               </Label>
             </div>
           </div>
@@ -164,7 +167,7 @@ export function ApiKeySecretRevealedDialog({
             disabled={!confirmed}
             onClick={() => onClose()}
           >
-            完成
+            {t("common.done")}
           </Button>
         </DialogFooter>
       </DialogContent>

package/dist/dashboard-runtime/dashboard/src/components/api-keys/api-key-table.tsx

@@ -16,6 +16,7 @@ import { Button } from "@/components/ui/button";
 import { Switch } from "@/components/ui/switch";
 import { Badge } from "@/components/ui/badge";
 import { RelativeTime } from "@/components/shared/relative-time";
+import { useI18n } from "@/i18n/i18n-context";
 import { useUpdateApiKeyStatus } from "@/hooks/use-update-api-key-status";
 import { useEffectivePermissions } from "@/hooks/use-effective-permissions";
 import type { ApiKey } from "@/types/api-key";
@@ -27,22 +28,34 @@ interface ApiKeyTableProps {
 }
 
 export function ApiKeyTable({ apiKeys, onDelete, onDetail }: ApiKeyTableProps) {
+  const { t } = useI18n();
   return (
     <div className="rounded-lg border border-[hsl(var(--border))]">
       <Table>
         <TableHeader>
           <TableRow>
-            <TableHead>凭证名称</TableHead>
-            <TableHead className="w-[8rem]">状态</TableHead>
-            <TableHead>可访问知识库</TableHead>
-            <TableHead>可访问记忆库</TableHead>
-            <TableHead className="w-[10rem]">创建时间</TableHead>
-            <TableHead className="w-[11rem] text-right">操作</TableHead>
+            <TableHead>{t("apiKeys.table.credentialName")}</TableHead>
+            <TableHead className="w-[8rem]">
+              {t("apiKeys.table.status")}
+            </TableHead>
+            <TableHead>{t("apiKeys.table.accessibleKnowledgeBase")}</TableHead>
+            <TableHead>{t("apiKeys.table.accessibleMemoryStore")}</TableHead>
+            <TableHead className="w-[10rem]">
+              {t("apiKeys.table.createdAt")}
+            </TableHead>
+            <TableHead className="w-[11rem] text-right">
+              {t("apiKeys.table.actions")}
+            </TableHead>
           </TableRow>
         </TableHeader>
         <TableBody>
           {apiKeys.map((apiKey) => (
-            <ApiKeyRow key={apiKey.serviceCredentialId} apiKey={apiKey} onDelete={onDelete} onDetail={onDetail} />
+            <ApiKeyRow
+              key={apiKey.serviceCredentialId}
+              apiKey={apiKey}
+              onDelete={onDelete}
+              onDetail={onDetail}
+            />
           ))}
         </TableBody>
       </Table>
@@ -57,10 +70,12 @@ interface ApiKeyRowProps {
 }
 
 function ApiKeyRow({ apiKey, onDelete, onDetail }: ApiKeyRowProps) {
+  const { t } = useI18n();
   const updateStatus = useUpdateApiKeyStatus();
-  const [optimisticActive, setOptimisticActive] = useState<boolean | null>(null);
-  const effectiveActive =
-    optimisticActive ?? apiKey.status === "Active";
+  const [optimisticActive, setOptimisticActive] = useState<boolean | null>(
+    null,
+  );
+  const effectiveActive = optimisticActive ?? apiKey.status === "Active";
 
   const createdAtMs = Number.isFinite(Date.parse(apiKey.createTime))
     ? Date.parse(apiKey.createTime)
@@ -74,10 +89,14 @@ function ApiKeyRow({ apiKey, onDelete, onDetail }: ApiKeyRowProps) {
         userPrincipalName: apiKey.userPrincipalName,
         status: next ? "Active" : "Inactive",
       });
-      toast.success(next ? "已启用" : "已禁用");
+      toast.success(
+        next ? t("apiKeys.table.enabled") : t("apiKeys.table.disabled"),
+      );
     } catch (err) {
       setOptimisticActive(null);
-      toast.error(err instanceof Error ? err.message : "操作失败");
+      toast.error(
+        err instanceof Error ? err.message : t("apiKeys.table.operationFailed"),
+      );
     }
   }
 
@@ -100,7 +119,11 @@ function ApiKeyRow({ apiKey, onDelete, onDetail }: ApiKeyRowProps) {
             checked={effectiveActive}
             onCheckedChange={handleToggle}
             disabled={updateStatus.isPending}
-            aria-label={effectiveActive ? "禁用" : "启用"}
+            aria-label={
+              effectiveActive
+                ? t("apiKeys.table.disable")
+                : t("apiKeys.table.enable")
+            }
           />
           <span
             className={
@@ -112,12 +135,12 @@ function ApiKeyRow({ apiKey, onDelete, onDetail }: ApiKeyRowProps) {
             {updateStatus.isPending ? (
               <span className="inline-flex items-center gap-1">
                 <Loader2 className="h-3 w-3 animate-spin" />
-                切换中
+                {t("apiKeys.table.toggling")}
               </span>
             ) : effectiveActive ? (
-              "Active"
+              t("apiKeys.table.statusActive")
             ) : (
-              "Inactive"
+              t("apiKeys.table.statusInactive")
             )}
           </span>
         </div>
@@ -158,7 +181,7 @@ function ApiKeyRow({ apiKey, onDelete, onDetail }: ApiKeyRowProps) {
           }}
         >
           <Shield className="mr-1 h-3.5 w-3.5" />
-          权限
+          {t("apiKeys.table.permission")}
         </Button>
         <Button
           variant="ghost"
@@ -167,14 +190,14 @@ function ApiKeyRow({ apiKey, onDelete, onDetail }: ApiKeyRowProps) {
           onClick={(e) => {
             e.stopPropagation();
             if (effectiveActive) {
-              toast.info("请先禁用再删除");
+              toast.info(t("apiKeys.table.disableBeforeDelete"));
             } else {
               onDelete(apiKey);
             }
           }}
         >
           <Trash2 className="mr-1 h-3.5 w-3.5" />
-          删除
+          {t("common.delete")}
         </Button>
       </TableCell>
     </TableRow>
@@ -190,26 +213,34 @@ function ResourceAccessCell({
   userName: string;
   resourceType: "knowledgebase" | "memorystore";
 }) {
+  const { t } = useI18n();
   const { data, isLoading, isError } = useEffectivePermissions(
     serviceCredentialId,
     userName,
   );
 
   if (isLoading) {
-    return <Loader2 className="h-3.5 w-3.5 animate-spin text-muted-foreground" />;
+    return (
+      <Loader2 className="h-3.5 w-3.5 animate-spin text-muted-foreground" />
+    );
   }
 
   if (isError) {
     return <span className="text-xs text-muted-foreground">—</span>;
   }
 
-  const resources = data?.resources?.filter((r) => r.resourceType === resourceType) ?? [];
+  const resources =
+    data?.resources?.filter((r) => r.resourceType === resourceType) ?? [];
   const accessible = resources.filter(
     (r) => r.permissions.read || r.permissions.write || r.permissions.manage,
   );
 
   if (accessible.length === 0) {
-    return <span className="text-xs text-muted-foreground">无</span>;
+    return (
+      <span className="text-xs text-muted-foreground">
+        {t("apiKeys.table.none")}
+      </span>
+    );
   }
 
   const Icon = resourceType === "knowledgebase" ? BookOpen : BrainCircuit;
@@ -217,7 +248,11 @@ function ResourceAccessCell({
   return (
     <div className="flex flex-wrap gap-1">
       {accessible.map((r) => (
-        <Badge key={r.resourceName} variant="secondary" className="gap-1 text-[11px] font-normal">
+        <Badge
+          key={r.resourceName}
+          variant="secondary"
+          className="gap-1 text-[11px] font-normal"
+        >
           <Icon className="h-3 w-3" />
           {r.resourceName}
         </Badge>

package/dist/dashboard-runtime/dashboard/src/components/api-keys/bearer-token-toggle.tsx

@@ -5,6 +5,7 @@ import { toast } from "sonner";
 import { Loader2 } from "lucide-react";
 
 import { Switch } from "@/components/ui/switch";
+import { useI18n } from "@/i18n/i18n-context";
 import { useAttachPolicy } from "@/hooks/use-attach-policy";
 import { useDetachPolicy } from "@/hooks/use-detach-policy";
 import type { RamPolicy } from "@/types/api-key";
@@ -22,13 +23,13 @@ export function BearerTokenToggle({
   userName,
   policies,
 }: BearerTokenToggleProps) {
+  const { t } = useI18n();
   const attachMutation = useAttachPolicy();
   const detachMutation = useDetachPolicy();
   const [pending, setPending] = useState(false);
 
-  const isAttached = policies?.some(
-    (p) => p.policyName === BEARER_POLICY_NAME,
-  ) ?? false;
+  const isAttached =
+    policies?.some((p) => p.policyName === BEARER_POLICY_NAME) ?? false;
 
   async function handleToggle(next: boolean) {
     setPending(true);
@@ -40,7 +41,7 @@ export function BearerTokenToggle({
           policyName: BEARER_POLICY_NAME,
           policyType: "Custom",
         });
-        toast.success("已启用 Bearer Token 鉴权");
+        toast.success(t("apiKeys.bearer.enableSuccess"));
       } else {
         await detachMutation.mutateAsync({
           serviceCredentialId,
@@ -48,10 +49,14 @@ export function BearerTokenToggle({
           policyName: BEARER_POLICY_NAME,
           policyType: "Custom",
         });
-        toast.success("已禁用 Bearer Token 鉴权");
+        toast.success(t("apiKeys.bearer.disableSuccess"));
       }
     } catch (err) {
-      toast.error(err instanceof Error ? err.message : "操作失败");
+      toast.error(
+        err instanceof Error
+          ? err.message
+          : t("apiKeys.bearer.operationFailed"),
+      );
     } finally {
       setPending(false);
     }
@@ -60,9 +65,9 @@ export function BearerTokenToggle({
   return (
     <div className="flex items-center justify-between rounded-md border border-[hsl(var(--border))] px-3 py-2.5">
       <div className="space-y-0.5">
-        <div className="text-sm font-medium">Bearer Token 鉴权</div>
+        <div className="text-sm font-medium">{t("apiKeys.bearer.title")}</div>
         <div className="text-xs text-muted-foreground">
-          允许使用该 API Key 作为 Bearer Token 访问 OTS 服务（ots:CallWithBearerToken）
+          {t("apiKeys.bearer.description")}
         </div>
       </div>
       <div className="flex items-center gap-2 shrink-0 ml-3">