@tablestore/tablestore-agent-cli 0.2.8 → 0.2.9

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

@@ -1,4 +1,4 @@
-'use client';
+"use client";
 
 import { toast } from "sonner";
 import { Button } from "@/components/ui/button";
@@ -13,6 +13,7 @@ import { Label } from "@/components/ui/label";
 import { Textarea } from "@/components/ui/textarea";
 import { parseJsonObject } from "@/lib/memory";
 import { useUpdateMemoryUnit } from "@/hooks/use-update-memory-unit";
+import { useI18n } from "@/i18n/i18n-context";
 import type { MemoryScope, MemoryUnit } from "@/types/memory";
 import { getMemoryUnitId } from "./memory-unit-table";
 
@@ -32,6 +33,7 @@ export function MemoryEditDialog({
   onOpenChange,
 }: MemoryEditDialogProps) {
   const updateUnit = useUpdateMemoryUnit();
+  const { t } = useI18n();
   const unitKey = unit ? getMemoryUnitId(unit) : "empty";
 
   async function handleSubmit(event: React.FormEvent<HTMLFormElement>) {
@@ -39,7 +41,7 @@ export function MemoryEditDialog({
     if (!unit) return;
     const memoryId = getMemoryUnitId(unit);
     if (memoryId === "-") {
-      toast.error("记忆单元缺少 ID，无法编辑");
+      toast.error(t("memory.edit.idMissing"));
       return;
     }
 
@@ -55,10 +57,12 @@ export function MemoryEditDialog({
         text: text || undefined,
         metadata: parseJsonObject(metadataJson),
       });
-      toast.success("记忆单元已更新");
+      toast.success(t("memory.edit.updateSuccess"));
       onOpenChange(false);
     } catch (error) {
-      toast.error(error instanceof Error ? error.message : "更新记忆失败");
+      toast.error(
+        error instanceof Error ? error.message : t("memory.edit.updateFailed"),
+      );
     }
   }
 
@@ -66,27 +70,33 @@ export function MemoryEditDialog({
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="max-w-2xl">
         <DialogHeader>
-          <DialogTitle>编辑记忆单元</DialogTitle>
+          <DialogTitle>{t("memory.edit.title")}</DialogTitle>
         </DialogHeader>
         <form key={unitKey} onSubmit={handleSubmit} className="space-y-4">
           <div className="space-y-2">
-            <Label>记忆文本</Label>
+            <Label>{t("memory.edit.textLabel")}</Label>
             <Textarea name="text" defaultValue={unit?.text ?? ""} rows={5} />
           </div>
           <div className="space-y-2">
-            <Label>元数据（JSON）</Label>
+            <Label>{t("memory.edit.metadataLabel")}</Label>
             <Textarea
               name="metadata"
-              defaultValue={unit?.metadata ? JSON.stringify(unit.metadata, null, 2) : ""}
+              defaultValue={
+                unit?.metadata ? JSON.stringify(unit.metadata, null, 2) : ""
+              }
               rows={4}
             />
           </div>
           <DialogFooter>
-            <Button type="button" variant="outline" onClick={() => onOpenChange(false)}>
-              取消
+            <Button
+              type="button"
+              variant="outline"
+              onClick={() => onOpenChange(false)}
+            >
+              {t("common.cancel")}
             </Button>
             <Button type="submit" disabled={updateUnit.isPending}>
-              {updateUnit.isPending ? "保存中..." : "保存"}
+              {updateUnit.isPending ? t("common.saving") : t("common.save")}
             </Button>
           </DialogFooter>
         </form>

package/dist/dashboard-runtime/dashboard/src/components/memory/memory-files-browser.tsx

@@ -0,0 +1,225 @@
+"use client";
+
+import { useMemo, useState } from "react";
+import {
+  ChevronDown,
+  ChevronRight,
+  FileText,
+  Folder,
+  FolderOpen,
+  FolderTree,
+  RefreshCw,
+} from "lucide-react";
+import { toast } from "sonner";
+
+import { Button } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
+import type { ChatMemoryWriteScope } from "@/components/chat/chat-config-context";
+import {
+  useFileMemoryFile,
+  useFileMemoryTree,
+  useSyncFileMemory,
+} from "@/hooks/use-file-memory";
+import { buildFileTree, flattenVisible } from "@/lib/file-tree";
+import { useI18n } from "@/i18n/i18n-context";
+
+/**
+ * 记忆文件浏览器：左侧文件树 + 右侧文件内容 + 顶部「立即同步」。
+ *
+ * 展示 openclaw 文件记忆 local 模式在本机镜像出的目录结构。同步走 BFF（server
+ * 侧持 STS）；树/内容为只读。dialog（对话抽屉）与 units tab 复用同一个组件，
+ * `className` 由外层控制高度/边框。
+ */
+export function MemoryFilesBrowser(props: {
+  memoryStoreName: string;
+  scope: ChatMemoryWriteScope;
+  /** 是否允许拉取（如 scope 未就绪时传 false）。默认 true。 */
+  enabled?: boolean;
+  className?: string;
+}) {
+  const { memoryStoreName, scope, enabled = true, className } = props;
+  const { t } = useI18n();
+  const [selected, setSelected] = useState<string | null>(null);
+  const [collapsed, setCollapsed] = useState<ReadonlySet<string>>(new Set());
+
+  const tree = useFileMemoryTree(memoryStoreName, scope, enabled);
+  const file = useFileMemoryFile(memoryStoreName, scope, selected);
+  const sync = useSyncFileMemory();
+
+  const files = useMemo(() => tree.data?.files ?? [], [tree.data?.files]);
+  const rows = useMemo(
+    () => flattenVisible(buildFileTree(files), collapsed),
+    [files, collapsed],
+  );
+
+  function toggleDir(rel: string) {
+    setCollapsed((prev) => {
+      const next = new Set(prev);
+      if (next.has(rel)) next.delete(rel);
+      else next.add(rel);
+      return next;
+    });
+  }
+
+  function renderFileContent() {
+    if (!selected) {
+      return (
+        <p className="text-xs text-muted-foreground">
+          {t("memory.files.selectFile")}
+        </p>
+      );
+    }
+    if (file.isLoading) {
+      return (
+        <p className="text-xs text-muted-foreground">{t("common.loading")}</p>
+      );
+    }
+    if (file.isError) {
+      return (
+        <p className="text-xs text-[hsl(var(--destructive))]">
+          {t("memory.files.readFailed", {
+            error: (file.error as Error)?.message ?? t("common.unknownError"),
+          })}
+        </p>
+      );
+    }
+    return (
+      <pre className="whitespace-pre-wrap break-words font-mono text-xs text-foreground/90">
+        {file.data?.content}
+      </pre>
+    );
+  }
+
+  async function handleSync() {
+    try {
+      const res = await sync.mutateAsync({ memoryStoreName, scope });
+      await tree.refetch();
+      if (res.sync.ok) {
+        toast.success(
+          t("memory.files.syncSuccess", {
+            downloaded: res.sync.downloaded ?? 0,
+            deleted: res.sync.deleted ?? 0,
+            total: res.sync.total ?? res.files.length,
+          }),
+        );
+      } else {
+        toast.error(
+          t("memory.files.syncFallback", {
+            error: res.sync.error ?? t("common.unknownError"),
+          }),
+        );
+      }
+    } catch (err) {
+      toast.error(
+        err instanceof Error ? err.message : t("memory.files.syncFailed"),
+      );
+    }
+  }
+
+  return (
+    <div className={cn("flex flex-col gap-3", className)}>
+      <div className="flex items-center justify-between gap-2">
+        <div className="min-w-0">
+          <span className="text-xs text-muted-foreground">
+            {t("memory.files.fileCount", { count: files.length })}
+          </span>
+          {tree.data?.scopeDir ? (
+            <p
+              className="truncate font-mono text-[10px] text-muted-foreground"
+              title={tree.data.scopeDir}
+            >
+              {tree.data.scopeDir}
+            </p>
+          ) : null}
+        </div>
+        <Button
+          type="button"
+          size="sm"
+          variant="outline"
+          disabled={sync.isPending}
+          onClick={handleSync}
+        >
+          <RefreshCw
+            className={cn("h-3.5 w-3.5", sync.isPending && "animate-spin")}
+          />
+          {t("memory.files.syncNow")}
+        </Button>
+      </div>
+
+      <div className="grid min-h-0 flex-1 grid-cols-[220px_1fr] gap-3">
+        {/* 文件树（目录可折叠，按层级缩进） */}
+        <div className="min-h-0 overflow-auto rounded-md border border-[hsl(var(--border))] p-1.5">
+          {tree.isLoading ? (
+            <p className="p-2 text-xs text-muted-foreground">
+              {t("common.loading")}
+            </p>
+          ) : rows.length === 0 ? (
+            <p className="p-2 text-xs text-muted-foreground">
+              {t("memory.files.emptyHint")}
+            </p>
+          ) : (
+            rows.map(({ node, depth }) => {
+              const indent = { paddingLeft: `${depth * 12 + 4}px` };
+              if (node.type === "dir") {
+                const open = !collapsed.has(node.rel);
+                return (
+                  <button
+                    key={`dir:${node.rel}`}
+                    type="button"
+                    onClick={() => toggleDir(node.rel)}
+                    style={indent}
+                    className="flex w-full items-center gap-1 rounded px-2 py-1.5 text-left text-xs text-foreground/80 transition-colors hover:bg-[hsl(var(--accent))]"
+                    title={node.rel}
+                  >
+                    {open ? (
+                      <ChevronDown className="h-3 w-3 shrink-0 text-muted-foreground" />
+                    ) : (
+                      <ChevronRight className="h-3 w-3 shrink-0 text-muted-foreground" />
+                    )}
+                    {open ? (
+                      <FolderOpen className="h-3.5 w-3.5 shrink-0 text-[hsl(var(--primary))]" />
+                    ) : (
+                      <Folder className="h-3.5 w-3.5 shrink-0 text-[hsl(var(--primary))]" />
+                    )}
+                    <span className="min-w-0 truncate font-mono">
+                      {node.name}
+                    </span>
+                  </button>
+                );
+              }
+              return (
+                <button
+                  key={`file:${node.rel}`}
+                  type="button"
+                  onClick={() => setSelected(node.rel)}
+                  style={indent}
+                  className={cn(
+                    "flex w-full items-center gap-1.5 rounded px-2 py-1.5 text-left text-xs transition-colors hover:bg-[hsl(var(--accent))]",
+                    selected === node.rel &&
+                      "bg-[hsl(var(--accent))] text-foreground",
+                  )}
+                  title={node.rel}
+                >
+                  {/* 与目录的 chevron 对齐：文件行留出等宽占位 */}
+                  <span className="h-3 w-3 shrink-0" />
+                  <FileText className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
+                  <span className="min-w-0 truncate font-mono">
+                    {node.name}
+                  </span>
+                </button>
+              );
+            })
+          )}
+        </div>
+
+        {/* 文件内容 */}
+        <div className="min-h-0 overflow-auto rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.3)] p-3">
+          {renderFileContent()}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+/** 文件树顶部图标，供外层标题复用。 */
+export const MemoryFilesIcon = FolderTree;

package/dist/dashboard-runtime/dashboard/src/components/memory/memory-messages-table.tsx

@@ -1,4 +1,4 @@
-'use client';
+"use client";
 
 import { memo, useMemo } from "react";
 
@@ -10,28 +10,20 @@ import {
   TableHeader,
   TableRow,
 } from "@/components/ui/table";
+import { useI18n } from "@/i18n/i18n-context";
+import type { Locale } from "@/i18n/config";
+import { formatDateTime } from "@/lib/format-datetime";
 import type { SessionMessage } from "@/types/memory";
 
 interface MemoryMessagesTableProps {
   messages: SessionMessage[];
 }
 
-function formatTimestamp(value: string | number | undefined): string {
-  if (!value) return "-";
-  try {
-    const date = new Date(value);
-    if (isNaN(date.getTime())) return String(value);
-    return date.toLocaleString("zh-CN", {
-      year: "numeric",
-      month: "2-digit",
-      day: "2-digit",
-      hour: "2-digit",
-      minute: "2-digit",
-      second: "2-digit",
-    });
-  } catch {
-    return String(value);
-  }
+function formatTimestamp(
+  value: string | number | undefined,
+  locale: Locale = "zh",
+): string {
+  return formatDateTime(value, locale);
 }
 
 /**
@@ -41,8 +33,10 @@ function formatTimestamp(value: string | number | undefined): string {
  */
 const MemoryMessageRow = memo(function MemoryMessageRow({
   message,
+  locale,
 }: {
   message: SessionMessage;
+  locale: Locale;
 }) {
   const serializedMetadata = useMemo(
     () => (message.metadata ? JSON.stringify(message.metadata, null, 2) : null),
@@ -52,7 +46,7 @@ const MemoryMessageRow = memo(function MemoryMessageRow({
   return (
     <TableRow>
       <TableCell className="text-xs text-muted-foreground">
-        {formatTimestamp(message.timestamp)}
+        {formatTimestamp(message.timestamp, locale)}
       </TableCell>
       <TableCell>{message.role ?? "-"}</TableCell>
       <TableCell>{message.speaker ?? "-"}</TableCell>
@@ -73,10 +67,11 @@ const MemoryMessageRow = memo(function MemoryMessageRow({
 });
 
 export function MemoryMessagesTable({ messages }: MemoryMessagesTableProps) {
+  const { t, locale } = useI18n();
   if (!messages.length) {
     return (
       <div className="rounded-lg border border-dashed py-12 text-center text-sm text-muted-foreground">
-        当前范围下暂无消息记录
+        {t("memory.messages.emptyTable")}
       </div>
     );
   }
@@ -86,11 +81,19 @@ export function MemoryMessagesTable({ messages }: MemoryMessagesTableProps) {
       <Table>
         <TableHeader>
           <TableRow>
-            <TableHead className="w-[180px]">时间</TableHead>
-            <TableHead className="w-[120px]">角色</TableHead>
-            <TableHead className="w-[140px]">说话人</TableHead>
-            <TableHead>内容</TableHead>
-            <TableHead className="w-[260px]">元数据</TableHead>
+            <TableHead className="w-[180px]">
+              {t("memory.messages.tableTime")}
+            </TableHead>
+            <TableHead className="w-[120px]">
+              {t("memory.messages.tableRole")}
+            </TableHead>
+            <TableHead className="w-[140px]">
+              {t("memory.messages.tableSpeaker")}
+            </TableHead>
+            <TableHead>{t("memory.messages.tableContent")}</TableHead>
+            <TableHead className="w-[260px]">
+              {t("memory.messages.tableMetadata")}
+            </TableHead>
           </TableRow>
         </TableHeader>
         <TableBody>
@@ -98,6 +101,7 @@ export function MemoryMessagesTable({ messages }: MemoryMessagesTableProps) {
             <MemoryMessageRow
               key={message.messageId ?? index}
               message={message}
+              locale={locale}
             />
           ))}
         </TableBody>