@tablestore/tablestore-agent-cli 0.2.8 → 0.2.10

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

@@ -14,11 +14,17 @@ import {
   DialogHeader,
   DialogTitle,
 } from "@/components/ui/dialog";
+import { useI18n } from "@/i18n/i18n-context";
 import { useCreateApiKey } from "@/hooks/use-create-api-key";
 import type { CreatedApiKey } from "@/types/api-key";
 
 function generateDefaultName() {
-  return "ots_apikey_" + Date.now().toString(36) + "_" + Math.random().toString(36).slice(2, 6);
+  return (
+    "ots_apikey_" +
+    Date.now().toString(36) +
+    "_" +
+    Math.random().toString(36).slice(2, 6)
+  );
 }
 
 interface ApiKeyCreateDialogProps {
@@ -32,6 +38,7 @@ export function ApiKeyCreateDialog({
   onOpenChange,
   onCreated,
 }: ApiKeyCreateDialogProps) {
+  const { t } = useI18n();
   const create = useCreateApiKey();
   const [name, setName] = useState("");
   const [ageDays, setAgeDays] = useState("");
@@ -46,12 +53,15 @@ export function ApiKeyCreateDialog({
   async function handleConfirm() {
     const trimmedName = name.trim();
     if (!trimmedName) {
-      toast.error("凭证名称不能为空");
+      toast.error(t("apiKeys.create.nameRequired"));
       return;
     }
     const days = ageDays ? Number(ageDays) : undefined;
-    if (days !== undefined && (days < 1 || days > 365 || !Number.isInteger(days))) {
-      toast.error("过期天数需为 1~365 的整数");
+    if (
+      days !== undefined &&
+      (days < 1 || days > 365 || !Number.isInteger(days))
+    ) {
+      toast.error(t("apiKeys.create.ageDaysInvalid"));
       return;
     }
     try {
@@ -62,42 +72,53 @@ export function ApiKeyCreateDialog({
       onOpenChange(false);
       onCreated(created);
     } catch (err) {
-      toast.error(err instanceof Error ? err.message : "创建失败");
+      toast.error(
+        err instanceof Error ? err.message : t("apiKeys.create.createFailed"),
+      );
     }
   }
 
   return (
-    <Dialog open={open} onOpenChange={(next) => { onOpenChange(next); }}>
+    <Dialog
+      open={open}
+      onOpenChange={(next) => {
+        onOpenChange(next);
+      }}
+    >
       <DialogContent className="sm:max-w-md">
         <DialogHeader>
-          <DialogTitle className="text-xl">新建 API Key</DialogTitle>
+          <DialogTitle className="text-xl">
+            {t("apiKeys.create.title")}
+          </DialogTitle>
         </DialogHeader>
 
         <div className="space-y-3 py-1 text-sm leading-relaxed text-muted-foreground">
           <p>
-            将为当前 AccessKey 所属账号创建一个 ServiceName ={" "}
+            {t("apiKeys.create.introPrefix")}
             <code className="rounded bg-muted px-1.5 py-0.5 font-mono text-xs text-foreground">
               ots.aliyuncs.com
-            </code>{" "}
-            的服务凭证。
+            </code>
+            {t("apiKeys.create.introSuffix")}
           </p>
 
           <div className="space-y-1.5">
-            <Label className="text-xs text-foreground">凭证名称</Label>
+            <Label className="text-xs text-foreground">
+              {t("apiKeys.create.credentialName")}
+            </Label>
             <Input
               value={name}
               onChange={(e) => setName(e.target.value)}
-              placeholder="输入凭证名称"
+              placeholder={t("apiKeys.create.credentialNamePlaceholder")}
               className="h-9"
             />
             <p className="text-[11px] text-muted-foreground">
-              用于标识凭证用途，支持自定义或使用默认随机值
+              {t("apiKeys.create.credentialNameHelp")}
             </p>
           </div>
 
           <div className="space-y-1.5">
             <Label className="text-xs text-foreground">
-              过期天数（可选）
+              {t("apiKeys.create.ageDays")}
             </Label>
             <Input
               type="number"
@@ -105,18 +126,18 @@ export function ApiKeyCreateDialog({
               max={365}
               value={ageDays}
               onChange={(e) => setAgeDays(e.target.value)}
-              placeholder="留空表示不过期"
+              placeholder={t("apiKeys.create.ageDaysPlaceholder")}
               className="h-9"
             />
             <p className="text-[11px] text-muted-foreground">
-              设置后凭证将在指定天数后自动失效（1~365 天）
+              {t("apiKeys.create.ageDaysHelp")}
             </p>
           </div>
 
           <div className="rounded-md border border-[hsl(var(--warning))/0.5] bg-[hsl(var(--warning))/0.08] px-4 py-3 text-sm">
             <p className="text-foreground">
               <AlertTriangle className="mr-1 -mt-0.5 inline h-4 w-4 text-warning" />
-              AccessKeySecret 仅在本次创建后展示一次，关闭后无法再次取回，请提前准备好保存途径。
+              {t("apiKeys.create.secretWarning")}
             </p>
           </div>
         </div>
@@ -127,10 +148,12 @@ export function ApiKeyCreateDialog({
             onClick={() => onOpenChange(false)}
             disabled={create.isPending}
           >
-            取消
+            {t("common.cancel")}
           </Button>
           <Button onClick={handleConfirm} disabled={create.isPending}>
-            {create.isPending ? "创建中..." : "确认创建"}
+            {create.isPending
+              ? t("common.creating")
+              : t("apiKeys.create.confirm")}
           </Button>
         </DialogFooter>
       </DialogContent>

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

@@ -14,6 +14,7 @@ import {
   DialogTitle,
 } from "@/components/ui/dialog";
 import { Label } from "@/components/ui/label";
+import { useI18n } from "@/i18n/i18n-context";
 import { useDeleteApiKey } from "@/hooks/use-delete-api-key";
 import type { ApiKey } from "@/types/api-key";
 
@@ -28,6 +29,7 @@ export function ApiKeyDeleteDialog({
   open,
   onOpenChange,
 }: ApiKeyDeleteDialogProps) {
+  const { t } = useI18n();
   const deleteMutation = useDeleteApiKey();
   const [deleteCustomPolicy, setDeleteCustomPolicy] = useState(true);
   const [deleteRamUser, setDeleteRamUser] = useState(true);
@@ -48,10 +50,12 @@ export function ApiKeyDeleteDialog({
         deleteCustomPolicy,
         deleteRamUser,
       });
-      toast.success("已删除 API Key");
+      toast.success(t("apiKeys.delete.deleteSuccess"));
       onOpenChange(false);
     } catch (err) {
-      toast.error(err instanceof Error ? err.message : "删除失败");
+      toast.error(
+        err instanceof Error ? err.message : t("apiKeys.delete.deleteFailed"),
+      );
     }
   }
 
@@ -59,23 +63,29 @@ export function ApiKeyDeleteDialog({
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="sm:max-w-md">
         <DialogHeader>
-          <DialogTitle className="text-xl">删除 API Key</DialogTitle>
+          <DialogTitle className="text-xl">
+            {t("apiKeys.delete.title")}
+          </DialogTitle>
         </DialogHeader>
 
         <div className="rounded-md border border-[hsl(var(--destructive))] bg-[hsl(var(--destructive))/0.06] px-4 py-3 text-sm leading-relaxed">
           <p>
             <AlertTriangle className="mr-1 -mt-0.5 inline h-4 w-4 text-destructive" />
-            此操作不可撤销。删除后正在使用该凭证的应用会立即失败鉴权。
+            {t("apiKeys.delete.warning")}
           </p>
           {apiKey ? (
             <>
               <p className="mt-3">
-                <span className="text-muted-foreground">凭证名称：</span>
-                <code className="font-mono text-xs">{apiKey.serviceCredentialName}</code>
+                <span className="text-muted-foreground">
+                  {t("apiKeys.delete.credentialNameLabel")}
+                </span>
+                <code className="font-mono text-xs">
+                  {apiKey.serviceCredentialName}
+                </code>
               </p>
               {apiKey.status === "Active" ? (
                 <p className="mt-2 text-xs text-muted-foreground">
-                  该凭证当前为启用状态，删除前会自动禁用。
+                  {t("apiKeys.delete.activeHint")}
                 </p>
               ) : null}
             </>
@@ -83,7 +93,9 @@ export function ApiKeyDeleteDialog({
         </div>
 
         <div className="space-y-3">
-          <p className="text-xs text-muted-foreground">同时清理以下关联资源：</p>
+          <p className="text-xs text-muted-foreground">
+            {t("apiKeys.delete.cleanupHint")}
+          </p>
           <label className="flex items-start gap-2 cursor-pointer">
             <Checkbox
               checked={deleteCustomPolicy}
@@ -91,9 +103,11 @@ export function ApiKeyDeleteDialog({
               className="mt-0.5"
             />
             <div>
-              <Label className="text-sm cursor-pointer">删除自定义权限策略</Label>
+              <Label className="text-sm cursor-pointer">
+                {t("apiKeys.delete.deleteCustomPolicy")}
+              </Label>
               <p className="text-xs text-muted-foreground">
-                删除该凭证关联的自定义 RAM 策略（ts-apikey-*）。Bearer Token 鉴权策略不会被删除。
+                {t("apiKeys.delete.deleteCustomPolicyDesc")}
               </p>
             </div>
           </label>
@@ -104,9 +118,11 @@ export function ApiKeyDeleteDialog({
               className="mt-0.5"
             />
             <div>
-              <Label className="text-sm cursor-pointer">删除 RAM 用户</Label>
+              <Label className="text-sm cursor-pointer">
+                {t("apiKeys.delete.deleteRamUser")}
+              </Label>
               <p className="text-xs text-muted-foreground">
-                删除该凭证对应的 RAM 子用户及其所有已挂载策略。如果该用户下还有其他服务凭证，请勿勾选。
+                {t("apiKeys.delete.deleteRamUserDesc")}
               </p>
             </div>
           </label>
@@ -118,14 +134,16 @@ export function ApiKeyDeleteDialog({
             onClick={() => onOpenChange(false)}
             disabled={deleteMutation.isPending}
           >
-            取消
+            {t("common.cancel")}
           </Button>
           <Button
             variant="destructive"
             disabled={deleteMutation.isPending}
             onClick={handleDelete}
           >
-            {deleteMutation.isPending ? "删除中..." : "确认删除"}
+            {deleteMutation.isPending
+              ? t("common.deleting")
+              : t("apiKeys.delete.confirm")}
           </Button>
         </DialogFooter>
       </DialogContent>

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

@@ -15,6 +15,7 @@ import {
   SheetTitle,
 } from "@/components/ui/sheet";
 import { RelativeTime } from "@/components/shared/relative-time";
+import { useI18n } from "@/i18n/i18n-context";
 import { useApiKeyPolicies } from "@/hooks/use-api-key-policies";
 import { copyToClipboard } from "@/lib/clipboard";
 import type { ApiKey } from "@/types/api-key";
@@ -30,6 +31,7 @@ interface ApiKeyDetailSheetProps {
 }
 
 export function ApiKeyDetailSheet({ apiKey, onClose }: ApiKeyDetailSheetProps) {
+  const { t } = useI18n();
   const open = Boolean(apiKey);
   const { data: policies } = useApiKeyPolicies(
     apiKey?.serviceCredentialId,
@@ -39,9 +41,9 @@ export function ApiKeyDetailSheet({ apiKey, onClose }: ApiKeyDetailSheetProps) {
   async function handleCopy(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"));
     }
   }
 
@@ -54,8 +56,8 @@ export function ApiKeyDetailSheet({ apiKey, onClose }: ApiKeyDetailSheetProps) {
     <Sheet open={open} onOpenChange={(nextOpen) => !nextOpen && onClose()}>
       <SheetContent side="right" className="w-full max-w-xl overflow-y-auto">
         <SheetHeader>
-          <SheetTitle>API Key 详情</SheetTitle>
-          <SheetDescription>查看凭证信息与权限配置</SheetDescription>
+          <SheetTitle>{t("apiKeys.detail.title")}</SheetTitle>
+          <SheetDescription>{t("apiKeys.detail.description")}</SheetDescription>
         </SheetHeader>
 
         {apiKey ? (
@@ -63,10 +65,10 @@ export function ApiKeyDetailSheet({ apiKey, onClose }: ApiKeyDetailSheetProps) {
             {/* 基本信息 */}
             <section className="space-y-2.5">
               <h3 className="text-sm font-semibold text-foreground">
-                基本信息
+                {t("apiKeys.detail.basicInfo")}
               </h3>
               <div className="space-y-2">
-                <InfoRow label="凭证 ID">
+                <InfoRow label={t("apiKeys.detail.credentialId")}>
                   <div className="flex items-center gap-1.5">
                     <code className="break-all font-mono text-xs">
                       {apiKey.serviceCredentialId}
@@ -76,19 +78,22 @@ export function ApiKeyDetailSheet({ apiKey, onClose }: ApiKeyDetailSheetProps) {
                       size="icon"
                       className="h-5 w-5 shrink-0"
                       onClick={() =>
-                        handleCopy(apiKey.serviceCredentialId, "凭证 ID")
+                        handleCopy(
+                          apiKey.serviceCredentialId,
+                          t("apiKeys.detail.credentialId"),
+                        )
                       }
                     >
                       <Copy className="h-3 w-3" />
                     </Button>
                   </div>
                 </InfoRow>
-                <InfoRow label="凭证名称">
+                <InfoRow label={t("apiKeys.detail.credentialName")}>
                   <span className="text-sm">
                     {apiKey.serviceCredentialName}
                   </span>
                 </InfoRow>
-                <InfoRow label="状态">
+                <InfoRow label={t("apiKeys.detail.status")}>
                   <Badge
                     variant={
                       apiKey.status === "Active" ? "success" : "secondary"
@@ -97,12 +102,12 @@ export function ApiKeyDetailSheet({ apiKey, onClose }: ApiKeyDetailSheetProps) {
                     {apiKey.status}
                   </Badge>
                 </InfoRow>
-                <InfoRow label="RAM 用户">
+                <InfoRow label={t("apiKeys.detail.ramUser")}>
                   <span className="break-all font-mono text-xs text-muted-foreground">
                     {apiKey.userPrincipalName}
                   </span>
                 </InfoRow>
-                <InfoRow label="创建时间">
+                <InfoRow label={t("apiKeys.detail.createdAt")}>
                   {createdAtMs ? (
                     <RelativeTime timestamp={createdAtMs} />
                   ) : (
@@ -117,10 +122,10 @@ export function ApiKeyDetailSheet({ apiKey, onClose }: ApiKeyDetailSheetProps) {
             {/* 权限概览 */}
             <section className="space-y-2.5">
               <h3 className="text-sm font-semibold text-foreground">
-                权限概览
+                {t("apiKeys.detail.permissionOverview")}
               </h3>
               <p className="text-xs text-muted-foreground">
-                基于所有已授权策略计算的有效访问权限
+                {t("apiKeys.detail.permissionOverviewDesc")}
               </p>
               <PermissionOverview
                 serviceCredentialId={apiKey.serviceCredentialId}
@@ -133,7 +138,7 @@ export function ApiKeyDetailSheet({ apiKey, onClose }: ApiKeyDetailSheetProps) {
             {/* 权限配置 */}
             <section className="space-y-4">
               <h3 className="text-sm font-semibold text-foreground">
-                权限配置
+                {t("apiKeys.detail.permissionConfig")}
               </h3>
 
               {/* Bearer Token 鉴权 */}
@@ -146,10 +151,10 @@ export function ApiKeyDetailSheet({ apiKey, onClose }: ApiKeyDetailSheetProps) {
               {/* 默认授权 */}
               <div className="space-y-2.5">
                 <h4 className="text-xs font-medium text-foreground">
-                  默认授权
+                  {t("apiKeys.detail.defaultAuth")}
                 </h4>
                 <p className="text-xs text-muted-foreground">
-                  快速应用系统预设权限模板，适用于实例级别的权限管理
+                  {t("apiKeys.detail.defaultAuthDesc")}
                 </p>
                 <PermissionPresets
                   serviceCredentialId={apiKey.serviceCredentialId}
@@ -161,10 +166,10 @@ export function ApiKeyDetailSheet({ apiKey, onClose }: ApiKeyDetailSheetProps) {
               {/* 自定义授权 */}
               <div className="space-y-2.5">
                 <h4 className="text-xs font-medium text-foreground">
-                  自定义授权
+                  {t("apiKeys.detail.customAuth")}
                 </h4>
                 <p className="text-xs text-muted-foreground">
-                  针对特定知识库或记忆库配置细粒度权限
+                  {t("apiKeys.detail.customAuthDesc")}
                 </p>
                 <CustomPolicyEditor
                   serviceCredentialId={apiKey.serviceCredentialId}

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>