@tablestore/tablestore-agent-cli 0.2.7 → 0.2.9

package/dist/dashboard-runtime/dashboard/src/app/(dashboard)/memory/[store]/units/page.tsx

@@ -1,8 +1,15 @@
-'use client';
+"use client";
 
 import { useMemo, useState } from "react";
 import { useParams, useSearchParams } from "next/navigation";
-import { ChevronLeft, ChevronRight, Plus, Search } from "lucide-react";
+import {
+  ChevronLeft,
+  ChevronRight,
+  Database,
+  FolderTree,
+  Plus,
+  Search,
+} from "lucide-react";
 import { toast } from "sonner";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
@@ -10,18 +17,32 @@ import { PageHeader } from "@/components/layout/page-header";
 import { ConfirmDialog } from "@/components/shared/confirm-dialog";
 import { RefreshButton } from "@/components/shared/refresh-button";
 import { Skeleton } from "@/components/ui/skeleton";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
 import { useMemoryUnits } from "@/hooks/use-memory-units";
 import { useDeleteMemoryUnit } from "@/hooks/use-delete-memory-unit";
+import { useMemoryStore } from "@/hooks/use-memory-store";
 import { buildMemoryScope, hasWildcardScope } from "@/lib/memory";
+import { isFileMemory } from "@/lib/memory-storage-mode";
+import { cn } from "@/lib/utils";
 import type { MemoryUnit } from "@/types/memory";
 import { MemoryAddDialog } from "@/components/memory/memory-add-dialog";
 import { MemoryEditDialog } from "@/components/memory/memory-edit-dialog";
 import { MemoryUnitDetailPanel } from "@/components/memory/memory-unit-detail-panel";
-import { getMemoryUnitId, MemoryUnitTable } from "@/components/memory/memory-unit-table";
+import {
+  getMemoryUnitId,
+  MemoryUnitTable,
+} from "@/components/memory/memory-unit-table";
+import { MemoryFilesBrowser } from "@/components/memory/memory-files-browser";
 import { apiGet } from "@/services/api-client";
+import { useI18n } from "@/i18n/i18n-context";
 
 export default function MemoryUnitsPage() {
+  const { t } = useI18n();
   const params = useParams<{ store: string }>();
   const searchParams = useSearchParams();
   const memoryStoreName = decodeURIComponent(params.store);
@@ -31,11 +52,22 @@ export default function MemoryUnitsPage() {
     [searchParamsString],
   );
   const wildcard = hasWildcardScope(scope);
-  const scopeKey = useMemo(() => 
-    `${scope.appId}|${scope.tenantId ?? ""}|${scope.agentId ?? ""}|${scope.runId ?? ""}`,
-    [scope.appId, scope.tenantId, scope.agentId, scope.runId]
+  const scopeKey = useMemo(
+    () =>
+      `${scope.appId}|${scope.tenantId ?? ""}|${scope.agentId ?? ""}|${scope.runId ?? ""}`,
+    [scope.appId, scope.tenantId, scope.agentId, scope.runId],
   );
 
+  // 文件记忆库（storageMode=oss+ots）在长期记忆 tab 下额外提供「文件记忆」视图，
+  // 展示按 scope 投影出的本地文件树。storageMode 仅在 GetMemoryStore 里有，
+  // 故单独查库。
+  const { data: memoryStore } = useMemoryStore(memoryStoreName);
+  const fileMemory = isFileMemory(memoryStore?.storageMode);
+  const [viewMode, setViewMode] = useState<"units" | "files">("units");
+  // 文件记忆挂载需要 appId 且无通配符（空的租户/智能体/会话由 BFF 归一为
+  // __default__）。
+  const fileScopeUsable = !!scope.appId && !wildcard;
+
   const [pagination, setPagination] = useState<{
     scopeKey: string;
     tokenStack: string[];
@@ -45,27 +77,50 @@ export default function MemoryUnitsPage() {
   const [searchId, setSearchId] = useState("");
   const [searchedUnit, setSearchedUnit] = useState<MemoryUnit | null>(null);
   const [searching, setSearching] = useState(false);
-  const [addDialogState, setAddDialogState] = useState({ scopeKey, open: false });
-  const [detailState, setDetailState] = useState<{ scopeKey: string; unit: MemoryUnit | null }>({
+  const [addDialogState, setAddDialogState] = useState({
+    scopeKey,
+    open: false,
+  });
+  const [detailState, setDetailState] = useState<{
+    scopeKey: string;
+    unit: MemoryUnit | null;
+  }>({
     scopeKey,
     unit: null,
   });
-  const [editState, setEditState] = useState<{ scopeKey: string; unit: MemoryUnit | null }>({
+  const [editState, setEditState] = useState<{
+    scopeKey: string;
+    unit: MemoryUnit | null;
+  }>({
     scopeKey,
     unit: null,
   });
-  const [deleteState, setDeleteState] = useState<{ scopeKey: string; unit: MemoryUnit | null }>({
+  const [deleteState, setDeleteState] = useState<{
+    scopeKey: string;
+    unit: MemoryUnit | null;
+  }>({
     scopeKey,
     unit: null,
   });
-  const tokenStack = pagination.scopeKey === scopeKey ? pagination.tokenStack : [];
-  const currentToken = pagination.scopeKey === scopeKey ? pagination.currentToken : undefined;
-  const showAddDialog = addDialogState.scopeKey === scopeKey && addDialogState.open;
-  const detailUnit = detailState.scopeKey === scopeKey ? detailState.unit : null;
+  const tokenStack =
+    pagination.scopeKey === scopeKey ? pagination.tokenStack : [];
+  const currentToken =
+    pagination.scopeKey === scopeKey ? pagination.currentToken : undefined;
+  const showAddDialog =
+    addDialogState.scopeKey === scopeKey && addDialogState.open;
+  const detailUnit =
+    detailState.scopeKey === scopeKey ? detailState.unit : null;
   const editUnit = editState.scopeKey === scopeKey ? editState.unit : null;
-  const deleteUnit = deleteState.scopeKey === scopeKey ? deleteState.unit : null;
+  const deleteUnit =
+    deleteState.scopeKey === scopeKey ? deleteState.unit : null;
 
-  const unitsQuery = useMemoryUnits(memoryStoreName, scope.appId ? scope : null, currentToken, pageSize);
+  // 文件记忆视图下不查询记忆单元列表（传 null 关闭该 query，避免无用请求）。
+  const unitsQuery = useMemoryUnits(
+    memoryStoreName,
+    viewMode === "units" && scope.appId ? scope : null,
+    currentToken,
+    pageSize,
+  );
   const deleteMutation = useDeleteMemoryUnit();
   const units = unitsQuery.data?.items ?? [];
 
@@ -76,58 +131,77 @@ export default function MemoryUnitsPage() {
   function canOperateOnUnit(unit: MemoryUnit, fallbackScope: typeof scope) {
     const memoryId = getMemoryUnitId(unit);
     const actionScope = resolveActionScope(unit, fallbackScope);
-    return !!actionScope.appId && !hasWildcardScope(actionScope) && memoryId !== "-";
+    return (
+      !!actionScope.appId && !hasWildcardScope(actionScope) && memoryId !== "-"
+    );
   }
 
-  const detailScope = detailUnit ? resolveActionScope(detailUnit, scope) : scope;
+  const detailScope = detailUnit
+    ? resolveActionScope(detailUnit, scope)
+    : scope;
   const editScope = editUnit ? resolveActionScope(editUnit, scope) : scope;
-  const deleteScope = deleteUnit ? resolveActionScope(deleteUnit, scope) : scope;
+  const deleteScope = deleteUnit
+    ? resolveActionScope(deleteUnit, scope)
+    : scope;
 
   async function handleDeleteConfirm() {
     if (!deleteUnit) return;
     const memoryId = getMemoryUnitId(deleteUnit);
     if (memoryId === "-") {
-      toast.error("记忆单元缺少 ID，无法删除");
+      toast.error(t("memory.units.idMissingDelete"));
       return;
     }
     if (!canOperateOnUnit(deleteUnit, scope)) {
-      toast.error("当前记忆单元缺少精确范围，无法删除");
+      toast.error(t("memory.units.preciseScopeRequiredDelete"));
       return;
     }
     try {
-      await deleteMutation.mutateAsync({ memoryStoreName, memoryId, scope: deleteScope });
-      toast.success("记忆单元已删除");
+      await deleteMutation.mutateAsync({
+        memoryStoreName,
+        memoryId,
+        scope: deleteScope,
+      });
+      toast.success(t("memory.units.deleteSuccess"));
       setDeleteState({ scopeKey, unit: null });
       unitsQuery.refetch();
     } catch (error) {
-      toast.error(error instanceof Error ? error.message : "删除记忆单元失败");
+      toast.error(
+        error instanceof Error ? error.message : t("memory.units.deleteFailed"),
+      );
     }
   }
 
   async function handleSearchById() {
     if (!searchId.trim()) {
-      toast.error("请输入记忆 ID");
+      toast.error(t("memory.units.searchIdRequired"));
       return;
     }
     if (!scope.appId) {
-      toast.error("请先设置精确的范围");
+      toast.error(t("memory.units.preciseScopeRequired"));
       return;
     }
     setSearching(true);
     try {
-      const data = await apiGet<{ memory: MemoryUnit; memoryStoreName: string }>(
-        `/api/v1/memory/stores/${encodeURIComponent(memoryStoreName)}/units/${encodeURIComponent(searchId.trim())}?${new URLSearchParams({
-          appId: scope.appId,
-          ...(scope.tenantId ? { tenantId: scope.tenantId } : {}),
-          ...(scope.agentId ? { agentId: scope.agentId } : {}),
-          ...(scope.runId ? { runId: scope.runId } : {}),
-        }).toString()}`
+      const data = await apiGet<{
+        memory: MemoryUnit;
+        memoryStoreName: string;
+      }>(
+        `/api/v1/memory/stores/${encodeURIComponent(memoryStoreName)}/units/${encodeURIComponent(searchId.trim())}?${new URLSearchParams(
+          {
+            appId: scope.appId,
+            ...(scope.tenantId ? { tenantId: scope.tenantId } : {}),
+            ...(scope.agentId ? { agentId: scope.agentId } : {}),
+            ...(scope.runId ? { runId: scope.runId } : {}),
+          },
+        ).toString()}`,
       );
       setSearchedUnit(data.memory);
-      toast.success("找到记忆单元");
+      toast.success(t("memory.units.found"));
     } catch (error) {
       setSearchedUnit(null);
-      toast.error(error instanceof Error ? error.message : "未找到该记忆单元");
+      toast.error(
+        error instanceof Error ? error.message : t("memory.units.notFound"),
+      );
     } finally {
       setSearching(false);
     }
@@ -141,7 +215,7 @@ export default function MemoryUnitsPage() {
   // Display data: searched unit or paginated list
   const displayUnits = searchedUnit ? [searchedUnit] : units;
 
-  if (unitsQuery.isLoading && !searchedUnit) {
+  if (viewMode === "units" && unitsQuery.isLoading && !searchedUnit) {
     return (
       <div className="space-y-4">
         <Skeleton className="h-8 w-48" />
@@ -153,97 +227,156 @@ export default function MemoryUnitsPage() {
 
   return (
     <div className="space-y-4">
-      <PageHeader title="长期记忆">
+      <PageHeader title={t("memory.units.title")}>
         <div className="flex items-center gap-2">
-          <RefreshButton
-            loading={unitsQuery.isRefetching}
-            onClick={() => {
-              unitsQuery.refetch();
-              clearSearch();
-            }}
-          />
-          {wildcard ? (
-            <TooltipProvider delayDuration={200}>
-              <Tooltip>
-                <TooltipTrigger asChild>
-                  <span tabIndex={0} className="inline-flex">
-                    <Button disabled className="pointer-events-none">
-                      <Plus className="mr-2 h-4 w-4" />添加记忆
-                    </Button>
-                  </span>
-                </TooltipTrigger>
-                <TooltipContent side="bottom" className="max-w-[240px]">
-                  <p>请在上方范围栏中为所有字段设置具体值后再添加记忆</p>
-                </TooltipContent>
-              </Tooltip>
-            </TooltipProvider>
-          ) : (
-            <Button onClick={() => setAddDialogState({ scopeKey, open: true })}>
-              <Plus className="mr-2 h-4 w-4" />添加记忆
-            </Button>
+          {fileMemory && (
+            <UnitsViewToggle viewMode={viewMode} onChange={setViewMode} t={t} />
+          )}
+          {viewMode === "units" && (
+            <>
+              <RefreshButton
+                loading={unitsQuery.isRefetching}
+                onClick={() => {
+                  unitsQuery.refetch();
+                  clearSearch();
+                }}
+              />
+              {wildcard ? (
+                <TooltipProvider delayDuration={200}>
+                  <Tooltip>
+                    <TooltipTrigger asChild>
+                      <span tabIndex={0} className="inline-flex">
+                        <Button disabled className="pointer-events-none">
+                          <Plus className="mr-2 h-4 w-4" />
+                          {t("memory.units.addMemory")}
+                        </Button>
+                      </span>
+                    </TooltipTrigger>
+                    <TooltipContent side="bottom" className="max-w-[240px]">
+                      <p>{t("memory.units.addWildcardHint")}</p>
+                    </TooltipContent>
+                  </Tooltip>
+                </TooltipProvider>
+              ) : (
+                <Button
+                  onClick={() => setAddDialogState({ scopeKey, open: true })}
+                >
+                  <Plus className="mr-2 h-4 w-4" />
+                  {t("memory.units.addMemory")}
+                </Button>
+              )}
+            </>
           )}
         </div>
       </PageHeader>
 
-      {/* Search by memoryId */}
-      <div className="flex gap-2">
-        <Input
-          value={searchId}
-          onChange={(e) => setSearchId(e.target.value)}
-          placeholder="输入记忆 ID 查询单条记忆..."
-          className="max-w-md"
-          onKeyDown={(e) => e.key === "Enter" && handleSearchById()}
+      {viewMode === "files" ? (
+        <FileMemoryView
+          usable={fileScopeUsable}
+          hasAppId={!!scope.appId}
+          memoryStoreName={memoryStoreName}
+          scope={{
+            appId: scope.appId ?? "",
+            tenantId: scope.tenantId ?? "",
+            agentId: scope.agentId ?? "",
+            runId: scope.runId ?? "",
+          }}
         />
-        <Button onClick={handleSearchById} disabled={searching || !scope.appId}>
-          <Search className="mr-1.5 h-4 w-4" />{searching ? "查询中..." : "查询"}
-        </Button>
-        {searchedUnit && (
-          <Button variant="outline" onClick={clearSearch}>返回列表</Button>
-        )}
-      </div>
+      ) : (
+        <>
+          {/* Search by memoryId */}
+          <div className="flex gap-2">
+            <Input
+              value={searchId}
+              onChange={(e) => setSearchId(e.target.value)}
+              placeholder={t("memory.units.searchIdPlaceholder")}
+              className="max-w-md"
+              onKeyDown={(e) => e.key === "Enter" && handleSearchById()}
+            />
+            <Button
+              onClick={handleSearchById}
+              disabled={searching || !scope.appId}
+            >
+              <Search className="mr-1.5 h-4 w-4" />
+              {searching ? t("memory.units.querying") : t("memory.units.query")}
+            </Button>
+            {searchedUnit && (
+              <Button variant="outline" onClick={clearSearch}>
+                {t("memory.units.backToList")}
+              </Button>
+            )}
+          </div>
 
-      {wildcard && !searchedUnit && (
-        <p className="text-xs text-muted-foreground">
-          当前范围含通配符，仅支持只读查询，无法执行新增、查看详情、编辑或删除。
-        </p>
-      )}
+          {wildcard && !searchedUnit && (
+            <p className="text-xs text-muted-foreground">
+              {t("memory.units.wildcardReadOnly")}
+            </p>
+          )}
 
-      <MemoryUnitTable
-        units={displayUnits}
-        readOnly={!!searchedUnit}
-        isActionDisabled={(unit) => !!searchedUnit || !canOperateOnUnit(unit, scope)}
-        onView={(unit) => setDetailState({ scopeKey, unit })}
-        onEdit={(unit) => setEditState({ scopeKey, unit })}
-        onDelete={(unit) => setDeleteState({ scopeKey, unit })}
-      />
+          <MemoryUnitTable
+            units={displayUnits}
+            readOnly={!!searchedUnit}
+            isActionDisabled={(unit) =>
+              !!searchedUnit || !canOperateOnUnit(unit, scope)
+            }
+            onView={(unit) => setDetailState({ scopeKey, unit })}
+            onEdit={(unit) => setEditState({ scopeKey, unit })}
+            onDelete={(unit) => setDeleteState({ scopeKey, unit })}
+          />
 
-      {!searchedUnit && (
-        <div className="flex items-center justify-between py-2">
-          <span className="text-sm text-muted-foreground">第 {tokenStack.length + 1} 页</span>
-          <div className="flex items-center gap-4">
-            <Button variant="outline" size="sm" onClick={() => {
-              setPagination((prev) => {
-                const activeStack = prev.scopeKey === scopeKey ? prev.tokenStack : [];
-                const next = [...activeStack];
-                const previousToken = next.pop();
-                return { scopeKey, tokenStack: next, currentToken: previousToken || undefined };
-              });
-            }} disabled={tokenStack.length === 0}>
-              <ChevronLeft className="mr-1 h-4 w-4" />上一页
-            </Button>
-            <Button variant="outline" size="sm" onClick={() => {
-              if (unitsQuery.data?.nextToken) {
-                setPagination((prev) => ({
-                  scopeKey,
-                  tokenStack: [...(prev.scopeKey === scopeKey ? prev.tokenStack : []), currentToken ?? ""],
-                  currentToken: unitsQuery.data.nextToken,
-                }));
-              }
-            }} disabled={!unitsQuery.data?.nextToken}>
-              下一页<ChevronRight className="ml-1 h-4 w-4" />
-            </Button>
-          </div>
-        </div>
+          {!searchedUnit && (
+            <div className="flex items-center justify-between py-2">
+              <span className="text-sm text-muted-foreground">
+                {t("memory.units.page", { page: tokenStack.length + 1 })}
+              </span>
+              <div className="flex items-center gap-4">
+                <Button
+                  variant="outline"
+                  size="sm"
+                  onClick={() => {
+                    setPagination((prev) => {
+                      const activeStack =
+                        prev.scopeKey === scopeKey ? prev.tokenStack : [];
+                      const next = [...activeStack];
+                      const previousToken = next.pop();
+                      return {
+                        scopeKey,
+                        tokenStack: next,
+                        currentToken: previousToken || undefined,
+                      };
+                    });
+                  }}
+                  disabled={tokenStack.length === 0}
+                >
+                  <ChevronLeft className="mr-1 h-4 w-4" />
+                  {t("common.prevPage")}
+                </Button>
+                <Button
+                  variant="outline"
+                  size="sm"
+                  onClick={() => {
+                    if (unitsQuery.data?.nextToken) {
+                      setPagination((prev) => ({
+                        scopeKey,
+                        tokenStack: [
+                          ...(prev.scopeKey === scopeKey
+                            ? prev.tokenStack
+                            : []),
+                          currentToken ?? "",
+                        ],
+                        currentToken: unitsQuery.data.nextToken,
+                      }));
+                    }
+                  }}
+                  disabled={!unitsQuery.data?.nextToken}
+                >
+                  {t("common.nextPage")}
+                  <ChevronRight className="ml-1 h-4 w-4" />
+                </Button>
+              </div>
+            </div>
+          )}
+        </>
       )}
 
       <MemoryAddDialog
@@ -251,30 +384,127 @@ export default function MemoryUnitsPage() {
         scope={scope}
         open={showAddDialog}
         onOpenChange={(open) => setAddDialogState({ scopeKey, open })}
-        onSuccess={() => { unitsQuery.refetch(); clearSearch(); }}
+        onSuccess={() => {
+          unitsQuery.refetch();
+          clearSearch();
+        }}
       />
       <MemoryUnitDetailPanel
         memoryStoreName={memoryStoreName}
         scope={detailScope}
         unit={detailUnit}
         open={!!detailUnit && canOperateOnUnit(detailUnit, scope)}
-        onOpenChange={(open) => { if (!open) setDetailState({ scopeKey, unit: null }); }}
+        onOpenChange={(open) => {
+          if (!open) setDetailState({ scopeKey, unit: null });
+        }}
       />
       <MemoryEditDialog
         memoryStoreName={memoryStoreName}
         scope={editScope}
         unit={editUnit}
         open={!!editUnit && canOperateOnUnit(editUnit, scope)}
-        onOpenChange={(open) => { if (!open) setEditState({ scopeKey, unit: null }); }}
+        onOpenChange={(open) => {
+          if (!open) setEditState({ scopeKey, unit: null });
+        }}
       />
       <ConfirmDialog
         open={!!deleteUnit && canOperateOnUnit(deleteUnit, scope)}
-        onOpenChange={(open) => { if (!open) setDeleteState({ scopeKey, unit: null }); }}
-        title="删除记忆单元"
-        description={`确定要删除记忆单元 "${deleteUnit ? getMemoryUnitId(deleteUnit) : ""}" 吗？此操作不可撤销。`}
+        onOpenChange={(open) => {
+          if (!open) setDeleteState({ scopeKey, unit: null });
+        }}
+        title={t("memory.units.deleteTitle")}
+        description={t("memory.units.deleteConfirm", {
+          id: deleteUnit ? getMemoryUnitId(deleteUnit) : "",
+        })}
         variant="danger"
         onConfirm={handleDeleteConfirm}
       />
     </div>
   );
 }
+
+/** 记忆单元 / 文件记忆 视图切换（仅文件记忆库出现）。 */
+function UnitsViewToggle({
+  viewMode,
+  onChange,
+  t,
+}: {
+  viewMode: "units" | "files";
+  onChange: (mode: "units" | "files") => void;
+  t: ReturnType<typeof useI18n>["t"];
+}) {
+  const options: Array<{
+    value: "units" | "files";
+    label: string;
+    icon: React.ReactNode;
+  }> = [
+    {
+      value: "units",
+      label: t("memory.units.viewUnits"),
+      icon: <Database className="h-3.5 w-3.5" />,
+    },
+    {
+      value: "files",
+      label: t("memory.units.viewFiles"),
+      icon: <FolderTree className="h-3.5 w-3.5" />,
+    },
+  ];
+  return (
+    <div className="inline-flex items-center rounded-md border border-[hsl(var(--border))] p-0.5">
+      {options.map((opt) => (
+        <button
+          key={opt.value}
+          type="button"
+          onClick={() => onChange(opt.value)}
+          aria-pressed={viewMode === opt.value}
+          className={cn(
+            "inline-flex items-center gap-1.5 rounded px-2.5 py-1 text-xs transition-colors",
+            viewMode === opt.value
+              ? "bg-[hsl(var(--primary-soft))] font-medium text-[hsl(var(--primary))]"
+              : "text-muted-foreground hover:text-foreground",
+          )}
+        >
+          {opt.icon}
+          {opt.label}
+        </button>
+      ))}
+    </div>
+  );
+}
+
+/**
+ * 文件记忆视图：按当前范围栏 scope 展示投影出的本地文件树，点击文件查看内容。
+ * scope 需含 appId 且无通配符（空的租户/智能体/会话由 BFF 归一为 __default__）。
+ */
+function FileMemoryView({
+  usable,
+  hasAppId,
+  memoryStoreName,
+  scope,
+}: {
+  usable: boolean;
+  hasAppId: boolean;
+  memoryStoreName: string;
+  scope: { appId: string; tenantId: string; agentId: string; runId: string };
+}) {
+  const { t } = useI18n();
+  if (!usable) {
+    return (
+      <div className="rounded-lg border border-dashed border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.25)] p-8 text-center">
+        <FolderTree className="mx-auto mb-2 h-6 w-6 text-muted-foreground" />
+        <p className="text-sm text-muted-foreground">
+          {hasAppId
+            ? t("memory.units.fileMemoryWildcardHint")
+            : t("memory.units.fileMemoryAppHint")}
+        </p>
+      </div>
+    );
+  }
+  return (
+    <MemoryFilesBrowser
+      memoryStoreName={memoryStoreName}
+      scope={scope}
+      className="h-[calc(100vh-320px)] min-h-[360px]"
+    />
+  );
+}

package/dist/dashboard-runtime/dashboard/src/app/(dashboard)/memory/create/page.tsx

@@ -1,14 +1,16 @@
-'use client';
+"use client";
 
 import { PageHeader } from "@/components/layout/page-header";
 import { MemoryCreateForm } from "@/components/memory/memory-create-form";
+import { useI18n } from "@/i18n/i18n-context";
 
 export default function CreateMemoryStorePage() {
+  const { t } = useI18n();
   return (
     <div className="mx-auto max-w-3xl space-y-6">
       <PageHeader
-        title="创建记忆库"
-        description="登记一个新的记忆库；记忆库是同一应用 + 租户下记忆条目的共享容器"
+        title={t("memory.create.title")}
+        description={t("memory.create.description")}
       />
       <MemoryCreateForm />
     </div>