@tablestore/tablestore-agent-cli 0.2.8 → 0.2.9

package/dist/dashboard-runtime/dashboard/src/components/memory/memory-create-form.tsx

@@ -1,11 +1,12 @@
-'use client';
+"use client";
 
+import { useMemo } from "react";
 import { useRouter } from "next/navigation";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
 import { toast } from "sonner";
-import { Brain, Sparkles } from "lucide-react";
+import { Brain, Database, FolderTree, Sparkles } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Textarea } from "@/components/ui/textarea";
@@ -19,46 +20,82 @@ import {
   FormMessage,
 } from "@/components/ui/form";
 import { useCreateMemoryStore } from "@/hooks/use-create-memory-store";
+import { useLocaleRevalidation } from "@/hooks/use-locale-revalidation";
+import { cn } from "@/lib/utils";
+import {
+  storageModeDescription,
+  storageModeLabel,
+  type StorageMode,
+} from "@/lib/memory-storage-mode";
+import { useI18n } from "@/i18n/i18n-context";
+import type { TranslateFn } from "@/i18n/i18n-context";
 
-const createMemoryStoreSchema = z.object({
-  memoryStoreName: z
-    .string()
-    .trim()
-    .min(1, "名称不能为空")
-    .max(32, "名称不能超过 32 个字符")
-    .regex(/^[a-zA-Z0-9_]+$/, "只能包含字母、数字和下划线"),
-  description: z.string().trim().max(256, "描述不超过 256 字").optional(),
-  extractInstructions: z
-    .string()
-    .trim()
-    .max(4096, "抽取指令不超过 4096 字")
-    .optional(),
-});
-
-type CreateMemoryStoreInput = z.infer<typeof createMemoryStoreSchema>;
+function buildCreateMemoryStoreSchema(t: TranslateFn) {
+  return z.object({
+    memoryStoreName: z
+      .string()
+      .trim()
+      .min(1, t("memory.create.nameRequired"))
+      .max(32, t("memory.create.nameMaxLength"))
+      .regex(/^[a-zA-Z0-9_]+$/, t("memory.create.namePattern")),
+    description: z
+      .string()
+      .trim()
+      .max(256, t("memory.create.descriptionMaxLength"))
+      .optional(),
+    storageMode: z.enum(["ots", "oss+ots"]),
+    extractInstructions: z
+      .string()
+      .trim()
+      .max(4096, t("memory.create.extractMaxLength"))
+      .optional(),
+  });
+}
+
+type CreateMemoryStoreInput = z.infer<
+  ReturnType<typeof buildCreateMemoryStoreSchema>
+>;
 
 export function MemoryCreateForm() {
   const router = useRouter();
   const createStore = useCreateMemoryStore();
+  const { t } = useI18n();
+
+  const resolver = useMemo(
+    () => zodResolver(buildCreateMemoryStoreSchema(t)),
+    [t],
+  );
 
   const form = useForm<CreateMemoryStoreInput>({
-    resolver: zodResolver(createMemoryStoreSchema),
-    defaultValues: { memoryStoreName: "", description: "", extractInstructions: "" },
+    resolver,
+    defaultValues: {
+      memoryStoreName: "",
+      description: "",
+      storageMode: "ots",
+      extractInstructions: "",
+    },
   });
 
+  useLocaleRevalidation(form);
+
   async function onSubmit(values: CreateMemoryStoreInput) {
     try {
       await createStore.mutateAsync({
         memoryStoreName: values.memoryStoreName,
-        description: values.description?.length ? values.description : undefined,
+        description: values.description?.length
+          ? values.description
+          : undefined,
+        storageMode: values.storageMode,
         extractInstructions: values.extractInstructions?.length
           ? values.extractInstructions
           : undefined,
       });
-      toast.success("记忆库创建成功");
+      toast.success(t("memory.list.createSuccess"));
       router.push("/memory");
     } catch (error) {
-      toast.error(error instanceof Error ? error.message : "创建记忆库失败");
+      toast.error(
+        error instanceof Error ? error.message : t("memory.list.createFailed"),
+      );
     }
   }
 
@@ -72,8 +109,8 @@ export function MemoryCreateForm() {
 
         <section className="rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-5 shadow-sm">
           <FormSectionHeader
-            title="基本信息"
-            description="名称用于 CLI 的 --store 参数与控制台路由，创建后不可修改；描述帮助团队识别记忆库用途。"
+            title={t("memory.create.basicInfo")}
+            description={t("memory.create.basicInfoDesc")}
           />
           <div className="space-y-4">
             <FormField
@@ -82,13 +119,17 @@ export function MemoryCreateForm() {
               render={({ field }) => (
                 <FormItem>
                   <FormLabel>
-                    名称 <span className="text-[hsl(var(--destructive))]">*</span>
+                    {t("memory.create.name")}{" "}
+                    <span className="text-[hsl(var(--destructive))]">*</span>
                   </FormLabel>
                   <FormControl>
-                    <Input placeholder="my_memory_store" {...field} />
+                    <Input
+                      placeholder={t("memory.create.namePlaceholder")}
+                      {...field}
+                    />
                   </FormControl>
                   <FormDescription>
-                    仅支持字母、数字和下划线，最多 32 个字符。
+                    {t("memory.create.nameDesc")}
                   </FormDescription>
                   <FormMessage />
                 </FormItem>
@@ -100,10 +141,10 @@ export function MemoryCreateForm() {
               name="description"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>描述</FormLabel>
+                  <FormLabel>{t("memory.create.descriptionLabel")}</FormLabel>
                   <FormControl>
                     <Textarea
-                      placeholder="描述这个记忆库的用途..."
+                      placeholder={t("memory.create.descriptionPlaceholder")}
                       className="resize-none"
                       rows={4}
                       {...field}
@@ -118,24 +159,60 @@ export function MemoryCreateForm() {
 
         <section className="rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-5 shadow-sm">
           <FormSectionHeader
-            title="记忆抽取指令"
-            description="可选。这里填写的指令会注入到后台记忆抽取的提示词中，用于引导从对话里提炼哪些信息、忽略哪些信息。留空则使用默认抽取策略。"
+            title={t("memory.create.storageModeSection")}
+            description={t("memory.create.storageModeSectionDesc")}
+          />
+          <FormField
+            control={form.control}
+            name="storageMode"
+            render={({ field }) => (
+              <FormItem>
+                <FormControl>
+                  <div className="grid gap-3 sm:grid-cols-2">
+                    <StorageModeOption
+                      value="ots"
+                      icon={<Database className="h-5 w-5" />}
+                      selected={field.value === "ots"}
+                      onSelect={() => field.onChange("ots")}
+                      t={t}
+                    />
+                    <StorageModeOption
+                      value="oss+ots"
+                      icon={<FolderTree className="h-5 w-5" />}
+                      selected={field.value === "oss+ots"}
+                      onSelect={() => field.onChange("oss+ots")}
+                      t={t}
+                    />
+                  </div>
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+        </section>
+
+        <section className="rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-5 shadow-sm">
+          <FormSectionHeader
+            title={t("memory.create.extractSection")}
+            description={t("memory.create.extractSectionDesc")}
           />
           <FormField
             control={form.control}
             name="extractInstructions"
             render={({ field }) => (
               <FormItem>
-                <FormLabel>抽取指令</FormLabel>
+                <FormLabel>{t("memory.create.extractLabel")}</FormLabel>
                 <FormControl>
                   <Textarea
-                    placeholder="例如：重点关注用户的医疗术语与用药偏好；忽略寒暄与客套内容。"
+                    placeholder={t("memory.create.extractPlaceholder")}
                     className="resize-none"
                     rows={5}
                     {...field}
                   />
                 </FormControl>
-                <FormDescription>最多 4096 个字符。创建后可在记忆库设置中修改。</FormDescription>
+                <FormDescription>
+                  {t("memory.create.extractHelp")}
+                </FormDescription>
                 <FormMessage />
               </FormItem>
             )}
@@ -148,10 +225,12 @@ export function MemoryCreateForm() {
             variant="outline"
             onClick={() => router.push("/memory")}
           >
-            取消
+            {t("common.cancel")}
           </Button>
           <Button type="submit" disabled={createStore.isPending}>
-            {createStore.isPending ? "创建中..." : "创建记忆库"}
+            {createStore.isPending
+              ? t("common.creating")
+              : t("memory.create.submit")}
           </Button>
         </div>
       </form>
@@ -166,11 +245,12 @@ export function MemoryCreateForm() {
  * feel like two different products.
  */
 function CreateMemoryHero() {
+  const { t } = useI18n();
   return (
     <div
       className="animate-home-reveal relative overflow-hidden rounded-lg border border-dashed border-[hsl(var(--primary)/0.35)] bg-gradient-to-br from-[hsl(var(--primary-soft))] via-[hsl(var(--surface))] to-[hsl(var(--surface))] px-5 py-5"
       role="region"
-      aria-label="创建记忆库引导"
+      aria-label={t("memory.create.heroAriaLabel")}
     >
       <Sparkles
         className="pointer-events-none absolute right-3 top-3 h-3.5 w-3.5 text-[hsl(var(--primary)/0.45)]"
@@ -182,13 +262,18 @@ function CreateMemoryHero() {
         </div>
         <div className="space-y-1">
           <h3 className="text-sm font-semibold text-[hsl(var(--foreground))]">
-            智能体的长期记忆
+            {t("memory.create.heroTitle")}
           </h3>
           <p className="text-xs leading-relaxed text-[hsl(var(--muted-foreground))]">
-            记忆库存放对话中沉淀下来的事实、偏好与上下文，
-            供后续对话在<code className="mx-1 rounded bg-[hsl(var(--muted))] px-1 py-0.5 font-mono text-[10px]">应用</code>
-            +<code className="mx-1 rounded bg-[hsl(var(--muted))] px-1 py-0.5 font-mono text-[10px]">租户</code>
-            维度内自动检索与写回。
+            {t("memory.create.heroBodyPrefix")}
+            <code className="mx-1 rounded bg-[hsl(var(--muted))] px-1 py-0.5 font-mono text-[10px]">
+              {t("memory.scopeField.app")}
+            </code>
+            +
+            <code className="mx-1 rounded bg-[hsl(var(--muted))] px-1 py-0.5 font-mono text-[10px]">
+              {t("memory.scopeField.tenant")}
+            </code>
+            {t("memory.create.heroBodyMiddle")}
           </p>
         </div>
       </div>
@@ -196,6 +281,57 @@ function CreateMemoryHero() {
   );
 }
 
+/**
+ * 存储模式选择卡片：仅 API 记忆（ots）/ 支持文件记忆（oss+ots）。文案取自
+ * storageModeLabel/Description，保证与列表徽标、设置页说明一致。
+ */
+function StorageModeOption({
+  value,
+  icon,
+  selected,
+  onSelect,
+  t,
+}: {
+  value: StorageMode;
+  icon: React.ReactNode;
+  selected: boolean;
+  onSelect: () => void;
+  t: TranslateFn;
+}) {
+  return (
+    <button
+      type="button"
+      onClick={onSelect}
+      aria-pressed={selected}
+      className={cn(
+        "flex flex-col items-start gap-2 rounded-lg border p-4 text-left transition-colors",
+        selected
+          ? "border-[hsl(var(--primary)/0.5)] bg-[hsl(var(--primary-soft))] ring-1 ring-[hsl(var(--primary)/0.18)]"
+          : "border-[hsl(var(--border))] hover:bg-[hsl(var(--muted)/0.4)]",
+      )}
+    >
+      <div className="flex items-center gap-2">
+        <span
+          className={cn(
+            "flex h-9 w-9 items-center justify-center rounded-lg",
+            selected
+              ? "bg-[hsl(var(--primary-soft))] text-[hsl(var(--primary))]"
+              : "bg-[hsl(var(--muted))] text-muted-foreground",
+          )}
+        >
+          {icon}
+        </span>
+        <span className="text-sm font-semibold text-foreground">
+          {storageModeLabel(value, t)}
+        </span>
+      </div>
+      <p className="text-xs leading-relaxed text-muted-foreground">
+        {storageModeDescription(value, t)}
+      </p>
+    </button>
+  );
+}
+
 function FormSectionHeader({
   title,
   description,

package/dist/dashboard-runtime/dashboard/src/components/memory/memory-delete-dialog.tsx

@@ -1,9 +1,10 @@
-'use client';
+"use client";
 
 import { useRouter } from "next/navigation";
 import { toast } from "sonner";
 import { ConfirmDialog } from "@/components/shared/confirm-dialog";
 import { useDeleteMemoryStore } from "@/hooks/use-delete-memory-store";
+import { useI18n } from "@/i18n/i18n-context";
 
 interface MemoryDeleteDialogProps {
   memoryStoreName: string | null;
@@ -20,18 +21,21 @@ export function MemoryDeleteDialog({
 }: MemoryDeleteDialogProps) {
   const router = useRouter();
   const deleteStore = useDeleteMemoryStore();
+  const { t } = useI18n();
 
   async function handleConfirm() {
     if (!memoryStoreName) return;
     try {
       await deleteStore.mutateAsync(memoryStoreName);
-      toast.success("记忆库已删除");
+      toast.success(t("memory.list.deleteSuccess"));
       onOpenChange(false);
       if (redirectToList) {
         router.push("/memory");
       }
     } catch (error) {
-      toast.error(error instanceof Error ? error.message : "删除记忆库失败");
+      toast.error(
+        error instanceof Error ? error.message : t("memory.list.deleteFailed"),
+      );
     }
   }
 
@@ -39,10 +43,12 @@ export function MemoryDeleteDialog({
     <ConfirmDialog
       open={open}
       onOpenChange={onOpenChange}
-      title="删除记忆库"
-      description={`确定要删除记忆库 "${memoryStoreName ?? ""}" 吗？此操作不可撤销。`}
+      title={t("memory.list.deleteTitle")}
+      description={t("memory.list.deleteConfirm", {
+        name: memoryStoreName ?? "",
+      })}
       confirmInput={memoryStoreName ?? undefined}
-      confirmText="删除"
+      confirmText={t("common.delete")}
       variant="danger"
       onConfirm={handleConfirm}
     />