@tablestore/tablestore-agent-cli 0.2.8 → 0.2.9

package/dist/dashboard-runtime/dashboard/src/components/instance/connect-instance-form.tsx

@@ -6,12 +6,6 @@ import { useForm } from "react-hook-form";
 import { Info } from "lucide-react";
 import { z } from "zod";
 
-import {
-  connectInstanceBaseSchema,
-  editInstanceFormSchema,
-  importInstanceSchema,
-  withCredentialModeRules,
-} from "@/schemas/instance";
 import { Button } from "@/components/ui/button";
 import {
   Form,
@@ -37,37 +31,116 @@ import type {
   ImportInstancePayload,
 } from "@/types/instance";
 import { stripBucketPrefix } from "@/lib/normalize-oss-endpoint";
+import {
+  connectInstanceBaseSchema,
+  editInstanceFormSchema,
+  withCredentialModeRules,
+} from "@/schemas/instance";
+import { useLocaleRevalidation } from "@/hooks/use-locale-revalidation";
+import { useI18n } from "@/i18n/i18n-context";
+import type { TranslateFn } from "@/i18n/i18n-context";
 
-/**
- * Reuse the canonical schemas from `@/schemas/instance` so the form inherits
- * every rule change (e.g. name pattern tightening, token minimum length) for
- * free. Additional URL-shape validation specific to the interactive form —
- * which the server-side schema cannot assert because tokens may ship bare
- * endpoints — is layered on via `.extend(...)` instead of a parallel copy.
- */
-const connectFormSchema = withCredentialModeRules(
-  connectInstanceBaseSchema.extend({
-    otsEndpoint: z.string().trim().url("请输入合法的 OTS Endpoint URL"),
-    ossEndpoint: z
+// Localized name-field overrides shared by connect/edit. The pattern and the
+// reserved-"default" rule stay identical to the canonical schema; only the
+// error messages are swapped for i18n. Field structure and length limits are
+// inherited from the base schema so this form cannot drift from the server.
+function localizedNameField(t: TranslateFn) {
+  return z
+    .string()
+    .trim()
+    .regex(/^[a-z0-9-]{1,32}$/, t("instance.validation.namePattern"))
+    .refine((v) => v !== "default", t("instance.validation.nameReserved"));
+}
+
+function buildConnectFormSchema(t: TranslateFn) {
+  return withCredentialModeRules(
+    connectInstanceBaseSchema.extend({
+      name: localizedNameField(t),
+      // Form-side URL-shape overrides (the base only enforces non-empty).
+      otsEndpoint: z
+        .string()
+        .trim()
+        .url(t("instance.validation.otsEndpointUrl")),
+      otsInstanceName: z
+        .string()
+        .trim()
+        .min(
+          1,
+          t("instance.validation.required", {
+            label: t("instance.validation.labelOtsInstanceName"),
+          }),
+        )
+        .max(128),
+      ossEndpoint: z
+        .string()
+        .trim()
+        .url(t("instance.validation.ossEndpointUrl"))
+        .optional()
+        .or(z.literal("")),
+    }),
+  );
+}
+
+function buildEditFormSchema(t: TranslateFn) {
+  return editInstanceFormSchema
+    .innerType()
+    .extend({
+      name: localizedNameField(t),
+      otsEndpoint: z
+        .string()
+        .trim()
+        .min(
+          1,
+          t("instance.validation.required", {
+            label: t("instance.validation.labelOtsEndpoint"),
+          }),
+        )
+        .max(256),
+      otsInstanceName: z
+        .string()
+        .trim()
+        .min(
+          1,
+          t("instance.validation.required", {
+            label: t("instance.validation.labelOtsInstanceName"),
+          }),
+        )
+        .max(128),
+    })
+    .refine(
+      (v) => {
+        const hasId = Boolean(v.accessKeyId && v.accessKeyId.length > 0);
+        const hasSecret = Boolean(
+          v.accessKeySecret && v.accessKeySecret.length > 0,
+        );
+        return hasId === hasSecret;
+      },
+      {
+        message: t("instance.validation.akSkPairUpdate"),
+        path: ["accessKeySecret"],
+      },
+    );
+}
+
+function buildTokenFormSchema(t: TranslateFn) {
+  return z.object({
+    token: z
       .string()
       .trim()
-      .url("请输入合法的 OSS Endpoint URL")
-      .optional()
-      .or(z.literal("")),
-  }),
-);
-
-// Token tab only needs the `token` field; omit everything else so the
-// submit handler receives a clean `{ token }` shape.
-const tokenFormSchema = importInstanceSchema.pick({ token: true });
-
-const REGION_OPTIONS = [
-  { value: "cn-beijing", label: "华北 2（北京）" },
-  { value: "cn-hangzhou", label: "华东 1（杭州）" },
-  { value: "cn-shanghai", label: "华东 2（上海）" },
-  { value: "cn-shenzhen", label: "华南 1（深圳）" },
-  { value: "__custom__", label: "其它（自定义）" },
-] as const;
+      .min(10, t("instance.validation.tokenTooShort"))
+      .max(4096),
+  });
+}
+
+function buildRegionOptions(t: TranslateFn) {
+  return [
+    { value: "cn-beijing", label: t("instance.regions.cn-beijing") },
+    { value: "cn-hangzhou", label: t("instance.regions.cn-hangzhou") },
+    { value: "cn-shanghai", label: t("instance.regions.cn-shanghai") },
+    { value: "cn-shenzhen", label: t("instance.regions.cn-shenzhen") },
+    { value: "__custom__", label: t("instance.regions.custom") },
+  ] as const;
+}
 
 export interface ConnectInstanceFormProps {
   mode: "create" | "edit";
@@ -109,13 +182,16 @@ export function ConnectInstanceForm({
   lockName,
   submitLabel,
 }: ConnectInstanceFormProps) {
+  const { t } = useI18n();
   const [tab, setTab] = useState<Tab>("manual");
   const isEdit = mode === "edit";
 
+  const regionOptions = useMemo(() => buildRegionOptions(t), [t]);
+
   const initialRegion = defaultValues?.region ?? "cn-hangzhou";
   const initialRegionIsPreset = useMemo(
-    () => REGION_OPTIONS.some((opt) => opt.value === initialRegion),
-    [initialRegion],
+    () => regionOptions.some((opt) => opt.value === initialRegion),
+    [initialRegion, regionOptions],
   );
   const [regionMode, setRegionMode] = useState<string>(
     initialRegionIsPreset ? initialRegion : "__custom__",
@@ -133,10 +209,10 @@ export function ConnectInstanceForm({
     () =>
       zodResolver(
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        (isEdit ? editInstanceFormSchema : connectFormSchema) as any,
+        (isEdit ? buildEditFormSchema(t) : buildConnectFormSchema(t)) as any,
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
       ) as any,
-    [isEdit],
+    [isEdit, t],
   );
 
   const manualForm = useForm<ConnectInstancePayload>({
@@ -160,11 +236,22 @@ export function ConnectInstanceForm({
     },
   });
 
+  const tokenResolver = useMemo(
+    () => zodResolver(buildTokenFormSchema(t)),
+    [t],
+  );
+
   const tokenForm = useForm<{ token: string }>({
-    resolver: zodResolver(tokenFormSchema),
+    resolver: tokenResolver,
     defaultValues: { token: "" },
   });
 
+  // Resolvers above rebuild from `t`, but react-hook-form keeps each error's
+  // message string frozen at validation time; re-run validation on already
+  // errored fields so their text follows the active locale.
+  useLocaleRevalidation(manualForm);
+  useLocaleRevalidation(tokenForm);
+
   async function handleManualSubmit(values: ConnectInstancePayload) {
     let ossEndpoint = values.ossEndpoint?.trim() || undefined;
     const ossBucketName = values.ossBucketName?.trim() || undefined;
@@ -196,8 +283,10 @@ export function ConnectInstanceForm({
     >
       {showTokenTab && (
         <TabsList className="grid w-full grid-cols-2">
-          <TabsTrigger value="manual">手动填写</TabsTrigger>
-          <TabsTrigger value="token">导入 Token</TabsTrigger>
+          <TabsTrigger value="manual">
+            {t("instance.form.tabManual")}
+          </TabsTrigger>
+          <TabsTrigger value="token">{t("instance.form.tabToken")}</TabsTrigger>
         </TabsList>
       )}
 
@@ -212,17 +301,17 @@ export function ConnectInstanceForm({
               name="name"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>项目名称</FormLabel>
+                  <FormLabel>{t("instance.form.nameLabel")}</FormLabel>
                   <FormControl>
                     <Input
                       {...field}
-                      placeholder="prod-main"
+                      placeholder={t("instance.form.namePlaceholder")}
                       disabled={lockName || busy}
                       autoComplete="off"
                     />
                   </FormControl>
                   <FormDescription>
-                    仅用于本地区分，不会发送到服务端。
+                    {t("instance.form.nameDesc")}
                   </FormDescription>
                   <FormMessage />
                 </FormItem>
@@ -234,13 +323,15 @@ export function ConnectInstanceForm({
               name="region"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>Region</FormLabel>
+                  <FormLabel>{t("instance.form.regionLabel")}</FormLabel>
                   {regionMode === "__custom__" ? (
                     <div className="flex gap-2">
                       <FormControl>
                         <Input
                           {...field}
-                          placeholder="cn-xxx"
+                          placeholder={t(
+                            "instance.form.regionCustomPlaceholder",
+                          )}
                           disabled={busy}
                         />
                       </FormControl>
@@ -254,7 +345,7 @@ export function ConnectInstanceForm({
                         }}
                         disabled={busy}
                       >
-                        使用预设
+                        {t("instance.form.usePreset")}
                       </Button>
                     </div>
                   ) : (
@@ -276,7 +367,7 @@ export function ConnectInstanceForm({
                         </SelectTrigger>
                       </FormControl>
                       <SelectContent>
-                        {REGION_OPTIONS.map((opt) => (
+                        {regionOptions.map((opt) => (
                           <SelectItem key={opt.value} value={opt.value}>
                             {opt.label}
                           </SelectItem>
@@ -295,7 +386,7 @@ export function ConnectInstanceForm({
                 name="accessKeyId"
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>AccessKey ID</FormLabel>
+                    <FormLabel>{t("instance.form.accessKeyIdLabel")}</FormLabel>
                     <FormControl>
                       <Input
                         {...field}
@@ -303,14 +394,16 @@ export function ConnectInstanceForm({
                         disabled={busy}
                         placeholder={
                           isEdit && accessKeyIdPlaceholder
-                            ? `${accessKeyIdPlaceholder} · 留空表示保留`
+                            ? t("instance.common.keepEmptyHint", {
+                                placeholder: accessKeyIdPlaceholder,
+                              })
                             : undefined
                         }
                       />
                     </FormControl>
                     {isEdit && (
                       <FormDescription>
-                        AK 与 SK 必须成对更新，留空则保留现有凭证。
+                        {t("instance.form.akSkPairHint")}
                       </FormDescription>
                     )}
                     <FormMessage />
@@ -322,7 +415,9 @@ export function ConnectInstanceForm({
                 name="accessKeySecret"
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>AccessKey Secret</FormLabel>
+                    <FormLabel>
+                      {t("instance.form.accessKeySecretLabel")}
+                    </FormLabel>
                     <FormControl>
                       <Input
                         {...field}
@@ -331,7 +426,9 @@ export function ConnectInstanceForm({
                         disabled={busy}
                         placeholder={
                           isEdit && accessKeySecretPlaceholder
-                            ? `${accessKeySecretPlaceholder} · 留空表示保留`
+                            ? t("instance.common.keepEmptyHint", {
+                                placeholder: accessKeySecretPlaceholder,
+                              })
                             : undefined
                         }
                       />
@@ -347,7 +444,7 @@ export function ConnectInstanceForm({
               name="apiKey"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>API Key（可选）</FormLabel>
+                  <FormLabel>{t("instance.form.apiKeyLabel")}</FormLabel>
                   <FormControl>
                     <Input
                       {...field}
@@ -356,15 +453,15 @@ export function ConnectInstanceForm({
                       disabled={busy}
                       placeholder={
                         isEdit && apiKeyPlaceholder
-                          ? `${apiKeyPlaceholder} · 留空表示保留`
+                          ? t("instance.common.keepEmptyHint", {
+                              placeholder: apiKeyPlaceholder,
+                            })
                           : "sk-..."
                       }
                     />
                   </FormControl>
                   <FormDescription>
-                    可替代 AccessKey 作为数据面访问凭证；同时填写时 API Key 优先。
-                    需 HTTPS 端点，且无法自动创建实例 / 使用 OSS 上传（那些仍需
-                    AK/SK）。
+                    {t("instance.form.apiKeyDesc")}
                   </FormDescription>
                   <FormMessage />
                 </FormItem>
@@ -377,7 +474,7 @@ export function ConnectInstanceForm({
                 name="otsEndpoint"
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>OTS Endpoint</FormLabel>
+                    <FormLabel>{t("instance.form.otsEndpointLabel")}</FormLabel>
                     <FormControl>
                       <Input
                         {...field}
@@ -394,7 +491,9 @@ export function ConnectInstanceForm({
                 name="otsInstanceName"
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>OTS 实例名</FormLabel>
+                    <FormLabel>
+                      {t("instance.form.otsInstanceNameLabel")}
+                    </FormLabel>
                     <FormControl>
                       <Input {...field} disabled={busy} />
                     </FormControl>
@@ -406,10 +505,7 @@ export function ConnectInstanceForm({
 
             <div className="flex items-start gap-2 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.4)] px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]">
               <Info className="mt-0.5 h-3.5 w-3.5 shrink-0 text-[hsl(var(--primary))]" />
-              <span>
-                OSS 信息为可选项。若需上传文档到知识库，OSS Endpoint 与 Bucket 必填；
-                留空则项目只能用于查询与检索，文件上传功能将不可用。
-              </span>
+              <span>{t("instance.form.ossInfoHint")}</span>
             </div>
 
             <div className="grid gap-4 sm:grid-cols-2">
@@ -418,7 +514,7 @@ export function ConnectInstanceForm({
                 name="ossEndpoint"
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>OSS Endpoint（可选）</FormLabel>
+                    <FormLabel>{t("instance.form.ossEndpointLabel")}</FormLabel>
                     <FormControl>
                       <Input
                         {...field}
@@ -435,7 +531,7 @@ export function ConnectInstanceForm({
                 name="ossBucketName"
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>OSS Bucket（可选）</FormLabel>
+                    <FormLabel>{t("instance.form.ossBucketLabel")}</FormLabel>
                     <FormControl>
                       <Input {...field} disabled={busy} />
                     </FormControl>
@@ -448,8 +544,11 @@ export function ConnectInstanceForm({
             <div className="flex justify-end pt-2">
               <Button type="submit" disabled={busy}>
                 {busy
-                  ? "提交中..."
-                  : (submitLabel ?? (mode === "edit" ? "保存" : "创建项目"))}
+                  ? t("instance.form.submitting")
+                  : (submitLabel ??
+                    (mode === "edit"
+                      ? t("instance.form.submitEdit")
+                      : t("instance.form.submitCreate")))}
               </Button>
             </div>
           </form>
@@ -468,17 +567,17 @@ export function ConnectInstanceForm({
                 name="token"
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>项目 Token</FormLabel>
+                    <FormLabel>{t("instance.form.tokenLabel")}</FormLabel>
                     <FormControl>
                       <Textarea
                         {...field}
                         rows={5}
-                        placeholder="粘贴从其他环境导出的项目 Token"
+                        placeholder={t("instance.form.tokenPlaceholder")}
                         disabled={busy}
                       />
                     </FormControl>
                     <FormDescription>
-                      Token 中已包含 AK/SK、Endpoint 等全部连接信息。
+                      {t("instance.form.tokenDesc")}
                     </FormDescription>
                     <FormMessage />
                   </FormItem>
@@ -486,7 +585,9 @@ export function ConnectInstanceForm({
               />
               <div className="flex justify-end pt-2">
                 <Button type="submit" disabled={busy}>
-                  {busy ? "导入中..." : "导入并连接"}
+                  {busy
+                    ? t("instance.form.tokenImporting")
+                    : t("instance.form.tokenSubmit")}
                 </Button>
               </div>
             </form>

package/dist/dashboard-runtime/dashboard/src/components/instance/edit-instance-dialog.tsx

@@ -15,6 +15,7 @@ import type {
   InstanceActionResult,
   UpdateInstancePayload,
 } from "@/types/instance";
+import { useI18n } from "@/i18n/i18n-context";
 
 import { ConnectInstanceForm } from "./connect-instance-form";
 
@@ -31,6 +32,7 @@ export function EditInstanceDialog({
   onOpenChange,
   onSuccess,
 }: EditInstanceDialogProps) {
+  const { t } = useI18n();
   const detailQuery = useInstance(open ? name : null);
   const update = useUpdateInstance(name ?? "");
 
@@ -80,9 +82,13 @@ export function EditInstanceDialog({
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="max-w-xl">
         <DialogHeader>
-          <DialogTitle>编辑项目{name ? ` · ${name}` : ""}</DialogTitle>
+          <DialogTitle>
+            {name
+              ? t("instance.edit.titleWithName", { name })
+              : t("instance.edit.title")}
+          </DialogTitle>
           <DialogDescription>
-            修改连接凭证后会立即生效，其他会话可能需要刷新。
+            {t("instance.edit.description")}
           </DialogDescription>
         </DialogHeader>
 
@@ -95,10 +101,10 @@ export function EditInstanceDialog({
           </SkeletonGroup>
         ) : detailQuery.isError ? (
           <p className="text-sm text-[hsl(var(--destructive))]">
-            加载项目详情失败：
+            {t("instance.edit.loadFailed")}
             {detailQuery.error instanceof Error
               ? detailQuery.error.message
-              : "未知错误"}
+              : t("instance.common.unknownError")}
           </p>
         ) : detail ? (
           <ConnectInstanceForm
@@ -124,7 +130,7 @@ export function EditInstanceDialog({
             accessKeySecretPlaceholder={detail.accessKeySecretMasked}
             apiKeyPlaceholder={detail.apiKeyMasked}
             onSubmit={handleSubmit}
-            submitLabel="保存修改"
+            submitLabel={t("instance.edit.submitLabel")}
           />
         ) : null}
       </DialogContent>

package/dist/dashboard-runtime/dashboard/src/components/instance/project-card.tsx

@@ -22,6 +22,7 @@ import {
 } from "@/components/ui/dropdown-menu";
 import { cn } from "@/lib/utils";
 import type { InstanceSummary } from "@/types/instance";
+import { useI18n } from "@/i18n/i18n-context";
 
 interface ProjectCardProps {
   item: InstanceSummary;
@@ -46,6 +47,7 @@ export function ProjectCard({
   onDelete,
   index = 0,
 }: ProjectCardProps) {
+  const { t } = useI18n();
   return (
     <Card
       className={cn(
@@ -102,7 +104,7 @@ export function ProjectCard({
                   <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-emerald-400 opacity-75" />
                   <span className="relative inline-flex h-1.5 w-1.5 rounded-full bg-emerald-500" />
                 </span>
-                活跃中
+                {t("instance.card.active")}
               </Badge>
             ) : null}
 
@@ -112,7 +114,9 @@ export function ProjectCard({
                   variant="ghost"
                   size="icon"
                   className="h-7 w-7 text-muted-foreground hover:text-foreground"
-                  aria-label={`更多操作:${item.name}`}
+                  aria-label={t("instance.card.moreActions", {
+                    name: item.name,
+                  })}
                 >
                   <MoreHorizontal className="h-4 w-4" />
                 </Button>
@@ -120,11 +124,11 @@ export function ProjectCard({
               <DropdownMenuContent align="end" className="w-40">
                 <DropdownMenuItem onClick={onEdit}>
                   <Pencil className="mr-2 h-4 w-4" />
-                  编辑
+                  {t("common.edit")}
                 </DropdownMenuItem>
                 <DropdownMenuItem onClick={onExport} disabled={isExporting}>
                   <Copy className="mr-2 h-4 w-4" />
-                  导出 Token
+                  {t("instance.card.exportToken")}
                 </DropdownMenuItem>
                 <DropdownMenuSeparator />
                 <DropdownMenuItem
@@ -132,7 +136,7 @@ export function ProjectCard({
                   className="text-[hsl(var(--destructive))] focus:bg-[hsl(var(--destructive)/0.1)] focus:text-[hsl(var(--destructive))]"
                 >
                   <Trash2 className="mr-2 h-4 w-4" />
-                  删除
+                  {t("common.delete")}
                 </DropdownMenuItem>
               </DropdownMenuContent>
             </DropdownMenu>
@@ -175,7 +179,7 @@ export function ProjectCard({
             )}
           >
             <Check className="h-3.5 w-3.5" />
-            当前项目
+            {t("instance.card.currentProject")}
           </Button>
         ) : (
           <Button
@@ -186,7 +190,9 @@ export function ProjectCard({
             className="w-full justify-center gap-2"
           >
             <ArrowRightLeft className="h-3.5 w-3.5" />
-            {isSwitching ? "切换中..." : "切换为当前"}
+            {isSwitching
+              ? t("instance.card.switching")
+              : t("instance.card.switchTo")}
           </Button>
         )}
       </CardContent>