@tablestore/tablestore-agent-cli 0.2.8 → 0.2.10

package/dist/dashboard-runtime/dashboard/src/components/qa/qa-message.tsx

@@ -8,11 +8,16 @@ import {
   Brain,
   ChevronDown,
   Copy,
+  FileText,
+  FolderTree,
+  GraduationCap,
+  Loader2,
   Pencil,
   RotateCcw,
   Search,
   Send,
   Trash2,
+  UserRound,
 } from "lucide-react";
 import { toast } from "sonner";
 
@@ -24,12 +29,9 @@ import {
   CollapsibleTrigger,
 } from "@/components/ui/collapsible";
 import { Textarea } from "@/components/ui/textarea";
-import {
-  Dialog,
-  DialogContent,
-  DialogTitle,
-} from "@/components/ui/dialog";
+import { Dialog, DialogContent, DialogTitle } from "@/components/ui/dialog";
 import { ConfirmDialog } from "@/components/shared/confirm-dialog";
+import { useI18n, type TranslateFn } from "@/i18n/i18n-context";
 import { cn, extractFileName } from "@/lib/utils";
 import { IMAGE_FALLBACK_DATA_PREFIX } from "@/lib/constants";
 import type {
@@ -43,7 +45,7 @@ import { Markdown } from "./markdown";
 
 /** Fallback for clipboard copy when navigator.clipboard is unavailable (e.g.
  *  non-HTTPS contexts). Uses the deprecated execCommand approach. */
-function fallbackCopy(text: string) {
+function fallbackCopy(text: string, t: TranslateFn) {
   try {
     const textarea = document.createElement("textarea");
     textarea.value = text;
@@ -53,12 +55,23 @@ function fallbackCopy(text: string) {
     textarea.select();
     document.execCommand("copy");
     document.body.removeChild(textarea);
-    toast.success("已复制");
+    toast.success(t("qa.message.copied"));
   } catch {
-    toast.error("复制失败");
+    toast.error(t("qa.message.copyFailed"));
   }
 }
 
+/**
+ * 会话内「沉淀到知识库」动作。仅在满足资格（记忆库+知识库均绑定且轮次足够）
+ * 时由聊天页透传，且只挂到最新一条助手回复上；其它场景（如知识库 QA 页）不传，
+ * 动作行保持原样。`running` 非 null 时两个按钮禁用并显示 spinner。
+ */
+export interface DreamDepositActions {
+  running: "skill" | "profile" | null;
+  onSummarizeSkill(): void;
+  onExtractProfile(): void;
+}
+
 interface QaMessageProps {
   message: ChatMessage;
   /** Whether ANY turn in the session is currently streaming. All action
@@ -69,6 +82,9 @@ interface QaMessageProps {
   onResend(userId: string): void;
   onRegenerate(assistantId: string): void;
   onEditSave(userId: string, nextContent: string): void;
+  /** Optional in-session deposit actions; only passed for the latest assistant
+   *  message when eligible (undefined otherwise). */
+  dreamActions?: DreamDepositActions;
 }
 
 function QaMessageImpl({
@@ -78,6 +94,7 @@ function QaMessageImpl({
   onResend,
   onRegenerate,
   onEditSave,
+  dreamActions,
 }: QaMessageProps) {
   if (message.role === "user") {
     return (
@@ -96,6 +113,7 @@ function QaMessageImpl({
       busy={busy}
       onDelete={onDelete}
       onRegenerate={onRegenerate}
+      dreamActions={dreamActions}
     />
   );
 }
@@ -110,7 +128,10 @@ function QaMessageImpl({
  */
 export const QaMessage = memo(
   QaMessageImpl,
-  (prev, next) => prev.message === next.message && prev.busy === next.busy,
+  (prev, next) =>
+    prev.message === next.message &&
+    prev.busy === next.busy &&
+    prev.dreamActions === next.dreamActions,
 );
 QaMessage.displayName = "QaMessage";
 
@@ -129,6 +150,8 @@ type MessageActionsProps = {
   onResend?: () => void;
   /** Assistant-bubble specific. */
   onRegenerate?: () => void;
+  /** Assistant-bubble specific: in-session deposit-to-KB actions. */
+  dreamActions?: DreamDepositActions;
 };
 
 /**
@@ -146,7 +169,10 @@ function MessageActions({
   onEdit,
   onResend,
   onRegenerate,
+  dreamActions,
 }: MessageActionsProps) {
+  const { t } = useI18n();
+  const depositBusy = dreamActions?.running != null;
   return (
     <div
       className={cn(
@@ -156,30 +182,68 @@ function MessageActions({
         align === "right" ? "justify-end" : "justify-start",
       )}
     >
-      <ActionButton title="复制" disabled={disabled} onClick={onCopy}>
+      <ActionButton
+        title={t("qa.message.copy")}
+        disabled={disabled}
+        onClick={onCopy}
+      >
         <Copy className="h-3.5 w-3.5" />
       </ActionButton>
       {onEdit && (
-        <ActionButton title="编辑" disabled={disabled} onClick={onEdit}>
+        <ActionButton
+          title={t("qa.message.edit")}
+          disabled={disabled}
+          onClick={onEdit}
+        >
           <Pencil className="h-3.5 w-3.5" />
         </ActionButton>
       )}
       {onResend && (
-        <ActionButton title="重新发送" disabled={disabled} onClick={onResend}>
+        <ActionButton
+          title={t("qa.message.resend")}
+          disabled={disabled}
+          onClick={onResend}
+        >
           <Send className="h-3.5 w-3.5" />
         </ActionButton>
       )}
       {onRegenerate && (
         <ActionButton
-          title="重新生成"
+          title={t("qa.message.regenerate")}
           disabled={disabled}
           onClick={onRegenerate}
         >
           <RotateCcw className="h-3.5 w-3.5" />
         </ActionButton>
       )}
+      {dreamActions && (
+        <>
+          <ActionButton
+            title={t("qa.message.summarizeSkill")}
+            disabled={disabled || depositBusy}
+            onClick={dreamActions.onSummarizeSkill}
+          >
+            {dreamActions.running === "skill" ? (
+              <Loader2 className="h-3.5 w-3.5 animate-spin" />
+            ) : (
+              <GraduationCap className="h-3.5 w-3.5" />
+            )}
+          </ActionButton>
+          <ActionButton
+            title={t("qa.message.extractProfile")}
+            disabled={disabled || depositBusy}
+            onClick={dreamActions.onExtractProfile}
+          >
+            {dreamActions.running === "profile" ? (
+              <Loader2 className="h-3.5 w-3.5 animate-spin" />
+            ) : (
+              <UserRound className="h-3.5 w-3.5" />
+            )}
+          </ActionButton>
+        </>
+      )}
       <ActionButton
-        title="删除"
+        title={t("qa.message.delete")}
         disabled={disabled}
         onClick={onDelete}
         destructive
@@ -214,7 +278,8 @@ function ActionButton({
       onClick={onClick}
       className={cn(
         "h-7 w-7 text-muted-foreground hover:text-foreground",
-        destructive && "hover:text-[hsl(var(--destructive))] hover:bg-[hsl(var(--destructive))]/10",
+        destructive &&
+          "hover:text-[hsl(var(--destructive))] hover:bg-[hsl(var(--destructive))]/10",
       )}
     >
       {children}
@@ -242,6 +307,7 @@ function TurnNotices({
   failedKbCount,
   failedKbDetails,
 }: TurnNoticesProps) {
+  const { t } = useI18n();
   const hasRewrite = !!rewriteFailed;
   const hasRetrieval = (failedKbCount ?? 0) > 0;
   if (!hasRewrite && !hasRetrieval) return null;
@@ -250,13 +316,15 @@ function TurnNotices({
     <div className="space-y-1.5">
       {hasRewrite && (
         <NoticeChip
-          label="意图重写失败 · 已回退到原问题"
-          detail={rewriteError ?? "rewriter 返回空结果或抛错"}
+          label={t("qa.message.rewriteFailed")}
+          detail={rewriteError ?? t("qa.message.rewriteFailedDetail")}
         />
       )}
       {hasRetrieval && failedKbDetails && (
         <NoticeChip
-          label={`${failedKbCount} 个知识库检索失败`}
+          label={t("qa.message.kbRetrievalFailed", {
+            count: failedKbCount ?? 0,
+          })}
           detail={failedKbDetails
             .map((d) => `• ${d.name}: ${d.reason}`)
             .join("\n")}
@@ -313,6 +381,7 @@ function UserBubble({
   onResend: QaMessageProps["onResend"];
   onEditSave: QaMessageProps["onEditSave"];
 }) {
+  const { t } = useI18n();
   const [touched, setTouched] = useState(false);
   const [editing, setEditing] = useState(false);
   const [draft, setDraft] = useState(message.content);
@@ -325,18 +394,18 @@ function UserBubble({
     try {
       if (navigator.clipboard && window.isSecureContext) {
         void navigator.clipboard.writeText(message.content).then(
-          () => toast.success("已复制"),
+          () => toast.success(t("qa.message.copied")),
           () => {
-            fallbackCopy(message.content);
+            fallbackCopy(message.content, t);
           },
         );
       } else {
-        fallbackCopy(message.content);
+        fallbackCopy(message.content, t);
       }
     } catch {
-      fallbackCopy(message.content);
+      fallbackCopy(message.content, t);
     }
-  }, [message.content]);
+  }, [message.content, t]);
 
   const handleSaveEdit = useCallback(() => {
     const trimmed = draft.trim();
@@ -390,7 +459,7 @@ function UserBubble({
                 size="sm"
                 onClick={handleCancelEdit}
               >
-                取消
+                {t("qa.message.cancel")}
               </Button>
               <Button
                 type="button"
@@ -398,7 +467,7 @@ function UserBubble({
                 disabled={!draft.trim() || draft.trim() === message.content}
                 onClick={handleSaveEdit}
               >
-                保存并重发
+                {t("qa.message.saveAndResend")}
               </Button>
             </div>
           </div>
@@ -425,9 +494,9 @@ function UserBubble({
       <ConfirmDialog
         open={confirmDeleteOpen}
         onOpenChange={setConfirmDeleteOpen}
-        title="删除此消息？"
-        description="该操作不可撤销。"
-        confirmText="删除"
+        title={t("qa.message.deleteMessageTitle")}
+        description={t("qa.message.deleteMessageDesc")}
+        confirmText={t("qa.message.deleteConfirm")}
         variant="danger"
         onConfirm={() => {
           onDelete(message.id, { withNextAssistant });
@@ -439,16 +508,16 @@ function UserBubble({
             checked={withNextAssistant}
             onCheckedChange={(v) => setWithNextAssistant(v === true)}
           />
-          同时删除下方的 AI 回复
+          {t("qa.message.deleteWithAssistant")}
         </label>
       </ConfirmDialog>
 
       <ConfirmDialog
         open={confirmResendOpen}
         onOpenChange={setConfirmResendOpen}
-        title="重新发送此消息？"
-        description="将丢弃下方所有消息并重新生成回答。"
-        confirmText="重新发送"
+        title={t("qa.message.resendMessageTitle")}
+        description={t("qa.message.resendMessageDesc")}
+        confirmText={t("qa.message.resendConfirm")}
         onConfirm={() => {
           setConfirmResendOpen(false);
           onResend(message.id);
@@ -463,12 +532,15 @@ function AssistantBlock({
   busy,
   onDelete,
   onRegenerate,
+  dreamActions,
 }: {
   message: ChatMessage;
   busy: boolean;
   onDelete: QaMessageProps["onDelete"];
   onRegenerate: QaMessageProps["onRegenerate"];
+  dreamActions?: DreamDepositActions;
 }) {
+  const { t } = useI18n();
   const [touched, setTouched] = useState(false);
   const [confirmDeleteOpen, setConfirmDeleteOpen] = useState(false);
   const [confirmRegenOpen, setConfirmRegenOpen] = useState(false);
@@ -511,18 +583,18 @@ function AssistantBlock({
     try {
       if (navigator.clipboard && window.isSecureContext) {
         void navigator.clipboard.writeText(message.content).then(
-          () => toast.success("已复制"),
+          () => toast.success(t("qa.message.copied")),
           () => {
-            fallbackCopy(message.content);
+            fallbackCopy(message.content, t);
           },
         );
       } else {
-        fallbackCopy(message.content);
+        fallbackCopy(message.content, t);
       }
     } catch {
-      fallbackCopy(message.content);
+      fallbackCopy(message.content, t);
     }
-  }, [message.content]);
+  }, [message.content, t]);
 
   return (
     <div
@@ -553,7 +625,9 @@ function AssistantBlock({
       {message.retrievalQueryRewritten && message.retrievalQuery ? (
         <div className="inline-flex max-w-full items-center gap-1.5 rounded-md bg-[hsl(var(--muted)/0.4)] px-2 py-1 text-xs text-muted-foreground">
           <Search className="h-3 w-3 shrink-0" />
-          <span className="font-medium shrink-0">检索关键词：</span>
+          <span className="font-medium shrink-0">
+            {t("qa.message.retrievalKeyword")}
+          </span>
           <span className="truncate font-mono text-foreground/80">
             {message.retrievalQuery}
           </span>
@@ -579,12 +653,23 @@ function AssistantBlock({
         />
       ) : null}
 
+      {/* 文件记忆本轮同步摘要（openclaw local 模式的可视化）：展示镜像目录、
+          文件树与本轮 +下载 -删除 统计。仅文件记忆模式下 memory.files 事件
+          写入后出现。 */}
+      {message.memoryFiles ? (
+        <MemoryFilesBlock
+          scopeDir={message.memoryFilesScopeDir}
+          files={message.memoryFiles}
+          sync={message.memoryFilesSync}
+        />
+      ) : null}
+
       {/* Main content. */}
       {hasError ? (
         <div className="flex items-start gap-2 rounded-md border border-[hsl(var(--destructive))/0.3] bg-[hsl(var(--destructive))/0.05] px-3 py-2 text-[hsl(var(--destructive))]">
           <AlertCircle className="mt-0.5 h-4 w-4 shrink-0" />
           <span className="text-xs">
-            {message.errorMessage ?? "生成失败"}
+            {message.errorMessage ?? t("qa.message.generateFailed")}
           </span>
         </div>
       ) : (
@@ -604,14 +689,15 @@ function AssistantBlock({
         onCopy={handleCopy}
         onRegenerate={() => setConfirmRegenOpen(true)}
         onDelete={() => setConfirmDeleteOpen(true)}
+        dreamActions={dreamActions}
       />
 
       <ConfirmDialog
         open={confirmDeleteOpen}
         onOpenChange={setConfirmDeleteOpen}
-        title="删除此回复？"
-        description="该操作不可撤销。"
-        confirmText="删除"
+        title={t("qa.message.deleteReplyTitle")}
+        description={t("qa.message.deleteReplyDesc")}
+        confirmText={t("qa.message.deleteConfirm")}
         variant="danger"
         onConfirm={() => {
           onDelete(message.id);
@@ -622,9 +708,9 @@ function AssistantBlock({
       <ConfirmDialog
         open={confirmRegenOpen}
         onOpenChange={setConfirmRegenOpen}
-        title="重新生成此回复？"
-        description="将丢弃下方所有消息并重新生成。"
-        confirmText="重新生成"
+        title={t("qa.message.regenerateTitle")}
+        description={t("qa.message.regenerateDesc")}
+        confirmText={t("qa.message.regenerateConfirm")}
         onConfirm={() => {
           setConfirmRegenOpen(false);
           onRegenerate(message.id);
@@ -656,13 +742,13 @@ function useElapsedMs(start?: number, end?: number): number | null {
  *  still working the format is `mm:ss` (live counter feel); after settle it
  *  becomes the friendlier "X 秒" / "X 分 Y 秒" reading conversational
  *  agents like DeepSeek and Doubao have made the de-facto Chinese standard. */
-function formatElapsed(ms: number, settled: boolean): string {
+function formatElapsed(ms: number, settled: boolean, t: TranslateFn): string {
   const totalSec = Math.floor(ms / 1000);
   const m = Math.floor(totalSec / 60);
   const s = totalSec % 60;
   if (settled) {
-    if (m === 0) return `用时 ${s} 秒`;
-    return `用时 ${m} 分 ${s} 秒`;
+    if (m === 0) return t("qa.message.elapsedSeconds", { seconds: s });
+    return t("qa.message.elapsedMinutes", { minutes: m, seconds: s });
   }
   return `${m}:${String(s).padStart(2, "0")}`;
 }
@@ -682,6 +768,7 @@ function ReasoningBlock({
   intentExtracting?: boolean;
   retrievalInFlight?: boolean;
 }) {
+  const { t } = useI18n();
   // Collapse by default; let the user opt in explicitly. Avoids the
   // distracting auto-expand while the model is still producing tokens.
   const [open, setOpen] = useState(false);
@@ -693,7 +780,7 @@ function ReasoningBlock({
   const elapsedMs = useElapsedMs(startedAt, completedAt);
   const settled = !streaming || Boolean(completedAt);
   const elapsedLabel =
-    elapsedMs != null ? formatElapsed(elapsedMs, settled) : null;
+    elapsedMs != null ? formatElapsed(elapsedMs, settled, t) : null;
   const active = streaming && !completedAt;
   const hasReasoningText = reasoning.length > 0;
 
@@ -706,13 +793,13 @@ function ReasoningBlock({
   //   retrieve → KB queries are in-flight
   //   thinking → retrieval done, model preparing first token
   //   deep    → reasoning tokens are streaming
-  let activeLabel = "正在思考";
+  let activeLabel = t("qa.reasoning.thinking");
   if (hasReasoningText) {
-    activeLabel = "深度思考中";
+    activeLabel = t("qa.reasoning.deepThinking");
   } else if (retrievalInFlight) {
-    activeLabel = "正在检索知识库";
+    activeLabel = t("qa.reasoning.retrieving");
   } else if (intentExtracting) {
-    activeLabel = "检索意图提取";
+    activeLabel = t("qa.reasoning.intentExtracting");
   }
 
   return (
@@ -773,7 +860,7 @@ function ReasoningBlock({
               {activeLabel}
             </span>
           ) : (
-            <span>已深度思考</span>
+            <span>{t("qa.reasoning.done")}</span>
           )}
 
           {elapsedLabel && (
@@ -817,6 +904,7 @@ interface ChunksBlockProps {
 }
 
 function ChunksBlock({ chunks, groups }: ChunksBlockProps) {
+  const { t } = useI18n();
   const [open, setOpen] = useState(false);
 
   // Precompute a docId#chunkId -> aggregated index lookup so per-KB sub-lists
@@ -841,11 +929,13 @@ function ChunksBlock({ chunks, groups }: ChunksBlockProps) {
           className="inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-xs text-muted-foreground transition-colors hover:bg-[hsl(var(--accent))] hover:text-foreground"
         >
           <BookOpen className="h-3.5 w-3.5" />
-          查看 {chunks.length} 个引用
+          {t("qa.chunks.viewCitations", { count: chunks.length })}
           {showGrouped ? (
             <span className="text-muted-foreground/70">
-              · {successful.length} 个知识库
-              {errored.length > 0 ? `（${errored.length} 失败）` : ""}
+              · {t("qa.chunks.kbCount", { count: successful.length })}
+              {errored.length > 0
+                ? t("qa.chunks.failedSuffix", { count: errored.length })
+                : ""}
             </span>
           ) : null}
           <ChevronDown
@@ -874,7 +964,9 @@ function ChunksBlock({ chunks, groups }: ChunksBlockProps) {
                 >
                   <span className="font-medium">{group.knowledgeBaseName}</span>
                   <span className="ml-2 text-[hsl(var(--destructive))/0.8]">
-                    检索失败：{group.error}
+                    {t("qa.chunks.retrievalFailed", {
+                      error: group.error ?? "",
+                    })}
                   </span>
                 </div>
               ))}
@@ -882,7 +974,11 @@ function ChunksBlock({ chunks, groups }: ChunksBlockProps) {
           ) : (
             <div className="space-y-2">
               {chunks.map((chunk, idx) => (
-                <ChunkCard key={`${chunk.docId}-${chunk.chunkId}`} chunk={chunk} index={idx + 1} />
+                <ChunkCard
+                  key={`${chunk.docId}-${chunk.chunkId}`}
+                  chunk={chunk}
+                  index={idx + 1}
+                />
               ))}
             </div>
           )}
@@ -899,11 +995,14 @@ function GroupedChunkList({
   group: RetrievalGroup;
   indexByKey: Map<string, number>;
 }) {
+  const { t } = useI18n();
   return (
     <div className="space-y-2">
       <div className="flex items-center gap-2 text-xs font-medium text-muted-foreground">
         <span className="text-foreground/80">{group.knowledgeBaseName}</span>
-        <span>· {group.chunks.length} 条</span>
+        <span>
+          · {t("qa.chunks.chunkCount", { count: group.chunks.length })}
+        </span>
       </div>
       <div className="space-y-2 border-l-2 border-[hsl(var(--border))] pl-3">
         {group.chunks.map((chunk) => {
@@ -925,9 +1024,12 @@ function GroupedChunkList({
 }
 
 function ChunkCard({ chunk, index }: { chunk: RetrievedChunk; index: number }) {
+  const { t } = useI18n();
   const [zoomedImage, setZoomedImage] = useState<string | null>(null);
   const [expanded, setExpanded] = useState(false);
-  const fileName = chunk.ossKey ? extractFileName(chunk.ossKey) : "未知文件";
+  const fileName = chunk.ossKey
+    ? extractFileName(chunk.ossKey)
+    : t("qa.chunks.unknownFile");
 
   const isImageChunk = chunk.chunkType?.toLowerCase() === "image";
   const imageSrc = chunk.imageBase64
@@ -983,7 +1085,7 @@ function ChunkCard({ chunk, index }: { chunk: RetrievedChunk; index: number }) {
             className="mt-1 text-[10px] text-muted-foreground hover:text-foreground"
             onClick={() => setExpanded((prev) => !prev)}
           >
-            {expanded ? "点击收起" : "点击展开"}
+            {expanded ? t("qa.chunks.collapse") : t("qa.chunks.expand")}
           </button>
         </div>
       )}
@@ -991,11 +1093,13 @@ function ChunkCard({ chunk, index }: { chunk: RetrievedChunk; index: number }) {
       {/* 图片放大预览 */}
       <Dialog open={!!zoomedImage} onOpenChange={() => setZoomedImage(null)}>
         <DialogContent className="max-w-[90vw] max-h-[90vh] p-2 flex items-center justify-center border-none bg-black/90 data-[state=open]:animate-none data-[state=closed]:animate-none duration-0">
-          <DialogTitle className="sr-only">图片放大预览</DialogTitle>
+          <DialogTitle className="sr-only">
+            {t("qa.chunks.imageZoomTitle")}
+          </DialogTitle>
           {zoomedImage && (
             <img
               src={zoomedImage}
-              alt="放大预览"
+              alt={t("qa.chunks.imageZoomAlt")}
               className="max-w-full max-h-[85vh] object-contain"
             />
           )}
@@ -1025,6 +1129,7 @@ export function MemoryHitsBlock({
   hits: MemorySearchHit[];
   query?: string;
 }) {
+  const { t } = useI18n();
   const [open, setOpen] = useState(false);
   return (
     <Collapsible open={open} onOpenChange={setOpen}>
@@ -1034,7 +1139,7 @@ export function MemoryHitsBlock({
           className="inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-xs text-muted-foreground transition-colors hover:bg-[hsl(var(--accent))] hover:text-foreground"
         >
           <Brain className="h-3.5 w-3.5" />
-          参考 {hits.length} 条记忆
+          {t("qa.memory.referenceCount", { count: hits.length })}
           {query ? (
             <span className="max-w-[200px] truncate text-muted-foreground/70">
               · {query}
@@ -1073,6 +1178,7 @@ function MemoryHitCard({
   hit: MemorySearchHit;
   index: number;
 }) {
+  const { t } = useI18n();
   const id = hit.unit.memcell_id;
   const score = typeof hit.score === "number" ? hit.score : undefined;
   return (
@@ -1089,7 +1195,9 @@ function MemoryHitCard({
             {id}
           </span>
         ) : (
-          <span className="text-muted-foreground/70">未命名记忆</span>
+          <span className="text-muted-foreground/70">
+            {t("qa.memory.unnamedMemory")}
+          </span>
         )}
         {hit.source ? (
           <span className="rounded bg-[hsl(var(--muted))] px-1.5 py-0.5 text-[10px] uppercase tracking-wide text-muted-foreground">
@@ -1106,3 +1214,97 @@ function MemoryHitCard({
     </div>
   );
 }
+
+/**
+ * 文件记忆本轮同步摘要（openclaw local 模式的可视化）。
+ *
+ * 与 {@link MemoryHitsBlock} 同款折叠骨架：触发栏用 FolderTree 图标 +
+ * 「本轮文件记忆 N 个文件」，副标题给出 +下载 -删除 统计（同步失败时改红
+ * 字提示，本地旧副本仍在用）；展开后列出参与检索的文件相对路径与大小。
+ */
+export function MemoryFilesBlock({
+  scopeDir,
+  files,
+  sync,
+}: {
+  scopeDir?: string;
+  files: Array<{ rel: string; size: number }>;
+  sync?: {
+    ok: boolean;
+    downloaded?: number;
+    deleted?: number;
+    total?: number;
+    error?: string;
+  };
+}) {
+  const { t } = useI18n();
+  const [open, setOpen] = useState(false);
+  const summary = sync?.error
+    ? t("qa.memory.syncFailed", { error: sync.error })
+    : t("qa.memory.syncSummary", {
+        added: sync?.downloaded ?? 0,
+        deleted: sync?.deleted ?? 0,
+        total: sync?.total ?? files.length,
+      });
+  return (
+    <Collapsible open={open} onOpenChange={setOpen}>
+      <CollapsibleTrigger asChild>
+        <button
+          type="button"
+          className="inline-flex max-w-full items-center gap-1.5 rounded-md px-2 py-1 text-xs text-muted-foreground transition-colors hover:bg-[hsl(var(--accent))] hover:text-foreground"
+        >
+          <FolderTree className="h-3.5 w-3.5 shrink-0" />
+          {t("qa.memory.filesThisTurn", { count: files.length })}
+          <span
+            className={cn(
+              "max-w-[260px] truncate",
+              sync?.error
+                ? "text-[hsl(var(--destructive))]"
+                : "text-muted-foreground/70",
+            )}
+          >
+            · {summary}
+          </span>
+          <ChevronDown
+            className={cn(
+              "h-3 w-3 shrink-0 transition-transform duration-200",
+              open && "rotate-180",
+            )}
+          />
+        </button>
+      </CollapsibleTrigger>
+      <CollapsibleContent>
+        <div className="mt-2 space-y-1 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.3)] p-3">
+          {scopeDir ? (
+            <p
+              className="mb-1.5 truncate font-mono text-[10px] text-muted-foreground"
+              title={scopeDir}
+            >
+              {scopeDir}
+            </p>
+          ) : null}
+          {files.length === 0 ? (
+            <p className="text-xs text-muted-foreground/70">
+              {t("qa.memory.emptyFiles")}
+            </p>
+          ) : (
+            files.map((f) => (
+              <div
+                key={f.rel}
+                className="flex items-center gap-2 text-xs text-foreground/80"
+              >
+                <FileText className="h-3 w-3 shrink-0 text-muted-foreground" />
+                <span className="min-w-0 truncate font-mono" title={f.rel}>
+                  {f.rel}
+                </span>
+                <span className="ml-auto shrink-0 font-mono text-muted-foreground">
+                  {t("qa.memory.fileSize", { size: f.size })}
+                </span>
+              </div>
+            ))
+          )}
+        </div>
+      </CollapsibleContent>
+    </Collapsible>
+  );
+}