@tablestore/tablestore-agent-cli 0.2.8 → 0.2.10

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

@@ -48,6 +48,8 @@ import type {
   MemoryScope,
 } from "@/types/memory";
 import { cn } from "@/lib/utils";
+import { useI18n } from "@/i18n/i18n-context";
+import type { MessageKey, TranslateFn } from "@/i18n/i18n-context";
 import { MemoryDreamApplyConfirmDialog } from "./memory-dream-apply-confirm-dialog";
 
 interface DreamActionsTableProps {
@@ -56,31 +58,6 @@ interface DreamActionsTableProps {
   taskType?: string;
 }
 
-const STATUS_OPTIONS: Array<{ value: DreamActionStatus | "all"; label: string }> = [
-  { value: "all", label: "全部状态" },
-  { value: "proposed", label: "待应用" },
-  { value: "applied", label: "已应用" },
-  { value: "skipped", label: "已跳过" },
-  { value: "failed", label: "失败" },
-];
-
-const ACTION_OPTIONS: Array<{ value: DreamActionType | "all"; label: string }> = [
-  { value: "all", label: "全部类型" },
-  { value: "ADD", label: "ADD" },
-  { value: "UPDATE", label: "UPDATE" },
-  { value: "DELETE", label: "DELETE" },
-  { value: "MERGE", label: "MERGE" },
-  { value: "NOOP", label: "NOOP" },
-  { value: "EMIT_SKILL", label: "EMIT_SKILL" },
-  { value: "EMIT_PROFILE", label: "EMIT_PROFILE" },
-];
-
-const ORDER_OPTIONS: Array<{ value: DreamActionListOrderBy; label: string }> = [
-  { value: "created_at_asc", label: "创建时间 ↑" },
-  { value: "created_at_desc", label: "创建时间 ↓" },
-  { value: "confidence_desc", label: "置信度 ↓" },
-];
-
 const STATUS_CLASS: Record<DreamActionStatus, string> = {
   proposed: "bg-info-soft text-info",
   applied: "bg-success-soft text-success",
@@ -88,11 +65,11 @@ const STATUS_CLASS: Record<DreamActionStatus, string> = {
   failed: "bg-danger-soft text-danger",
 };
 
-const STATUS_LABEL: Record<DreamActionStatus, string> = {
-  proposed: "待应用",
-  applied: "已应用",
-  skipped: "已跳过",
-  failed: "失败",
+const STATUS_LABEL_KEY: Record<DreamActionStatus, MessageKey> = {
+  proposed: "memory.actionStatus.proposed",
+  applied: "memory.actionStatus.applied",
+  skipped: "memory.actionStatus.skipped",
+  failed: "memory.actionStatus.failed",
 };
 
 const ACTION_CLASS: Record<DreamActionType, string> = {
@@ -138,11 +115,20 @@ function ActionBadge({ action }: { action: DreamActionType }) {
 function ActionRowPreview({
   action,
   memoryStoreName,
+  t,
 }: {
   action: DreamActionRecord;
   memoryStoreName: string;
+  t: TranslateFn;
 }) {
-  const { action: type, newMemory, newExtract, targetMemoryId, targetScope, reason } = action;
+  const {
+    action: type,
+    newMemory,
+    newExtract,
+    targetMemoryId,
+    targetScope,
+    reason,
+  } = action;
 
   if (type === "EMIT_SKILL" || type === "EMIT_PROFILE") {
     if (!newExtract) return <span className="text-muted-foreground">—</span>;
@@ -156,11 +142,16 @@ function ActionRowPreview({
               : "bg-[hsl(var(--primary-soft))] text-[hsl(var(--primary))]",
           )}
         >
-          {type === "EMIT_SKILL" ? "技能" : "画像"}
+          {type === "EMIT_SKILL"
+            ? t("memory.dream.actions.skill")
+            : t("memory.dream.actions.profile")}
         </span>
         {newExtract.name}
         {newExtract.description && (
-          <span className="text-muted-foreground"> — {newExtract.description}</span>
+          <span className="text-muted-foreground">
+            {" "}
+            — {newExtract.description}
+          </span>
         )}
       </span>
     );
@@ -173,7 +164,7 @@ function ActionRowPreview({
       <span className="line-clamp-2 text-xs">
         {type === "UPDATE" && (
           <span className="mr-1 rounded bg-info-soft px-1 py-px text-[10px] text-info">
-            新
+            {t("memory.dream.actions.new")}
           </span>
         )}
         {text}
@@ -184,7 +175,7 @@ function ActionRowPreview({
   if (type === "NOOP") {
     return (
       <span className="line-clamp-2 text-xs italic text-muted-foreground">
-        {reason || "无操作"}
+        {reason || t("memory.dream.actions.noop")}
       </span>
     );
   }
@@ -195,7 +186,12 @@ function ActionRowPreview({
       memoryStoreName={memoryStoreName}
       memoryId={targetMemoryId}
       scope={targetScope}
-      verbPrefix={type === "DELETE" ? "删除" : "合并"}
+      verbPrefix={
+        type === "DELETE"
+          ? t("memory.dream.actions.delete")
+          : t("memory.dream.actions.merge")
+      }
+      t={t}
     />
   );
 }
@@ -210,11 +206,13 @@ function InlineMemoryPreview({
   memoryId,
   scope,
   verbPrefix,
+  t,
 }: {
   memoryStoreName: string;
   memoryId: string | undefined;
   scope: MemoryScope;
   verbPrefix: string;
+  t: TranslateFn;
 }) {
   const query = useMemoryUnit(memoryStoreName, memoryId, scope);
 
@@ -228,7 +226,7 @@ function InlineMemoryPreview({
   if (!text) {
     return (
       <span className="text-xs text-muted-foreground">
-        {verbPrefix}：原记忆已不可读
+        {t("memory.dream.actions.memoryUnreadable", { verb: verbPrefix })}
       </span>
     );
   }
@@ -242,7 +240,14 @@ function InlineMemoryPreview({
   );
 }
 
-function StatusPill({ status }: { status: DreamActionStatus }) {
+function StatusPill({
+  status,
+  t,
+}: {
+  status: DreamActionStatus;
+  t: TranslateFn;
+}) {
+  const labelKey = STATUS_LABEL_KEY[status];
   return (
     <span
       className={cn(
@@ -250,7 +255,7 @@ function StatusPill({ status }: { status: DreamActionStatus }) {
         STATUS_CLASS[status] ?? "bg-muted text-muted-foreground",
       )}
     >
-      {STATUS_LABEL[status] ?? status}
+      {labelKey ? t(labelKey) : status}
     </span>
   );
 }
@@ -269,10 +274,58 @@ export function MemoryDreamActionsTable({
   dreamId,
   taskType,
 }: DreamActionsTableProps) {
+  const { t } = useI18n();
+  const STATUS_OPTIONS = useMemo<
+    Array<{ value: DreamActionStatus | "all"; label: string }>
+  >(
+    () => [
+      { value: "all", label: t("memory.dream.actions.allStatus") },
+      { value: "proposed", label: t("memory.actionStatus.proposed") },
+      { value: "applied", label: t("memory.actionStatus.applied") },
+      { value: "skipped", label: t("memory.actionStatus.skipped") },
+      { value: "failed", label: t("memory.actionStatus.failed") },
+    ],
+    [t],
+  );
+  const ACTION_OPTIONS = useMemo<
+    Array<{ value: DreamActionType | "all"; label: string }>
+  >(
+    () => [
+      { value: "all", label: t("memory.dream.actions.allTypes") },
+      { value: "ADD", label: "ADD" },
+      { value: "UPDATE", label: "UPDATE" },
+      { value: "DELETE", label: "DELETE" },
+      { value: "MERGE", label: "MERGE" },
+      { value: "NOOP", label: "NOOP" },
+      { value: "EMIT_SKILL", label: "EMIT_SKILL" },
+      { value: "EMIT_PROFILE", label: "EMIT_PROFILE" },
+    ],
+    [t],
+  );
+  const ORDER_OPTIONS = useMemo<
+    Array<{ value: DreamActionListOrderBy; label: string }>
+  >(
+    () => [
+      {
+        value: "created_at_asc",
+        label: t("memory.dream.actions.orderCreatedAsc"),
+      },
+      {
+        value: "created_at_desc",
+        label: t("memory.dream.actions.orderCreatedDesc"),
+      },
+      {
+        value: "confidence_desc",
+        label: t("memory.dream.actions.orderConfidenceDesc"),
+      },
+    ],
+    [t],
+  );
   const isExtractTask = taskType === "skill" || taskType === "profile";
   const [statusFilter, setStatusFilter] = useState<string>("all");
   const [actionFilter, setActionFilter] = useState<string>("all");
-  const [orderBy, setOrderBy] = useState<DreamActionListOrderBy>("created_at_asc");
+  const [orderBy, setOrderBy] =
+    useState<DreamActionListOrderBy>("created_at_asc");
   const [minConfidence, setMinConfidence] = useState<number>(0);
 
   const filter: DreamActionFilter = useMemo(() => {
@@ -283,7 +336,9 @@ export function MemoryDreamActionsTable({
     return f;
   }, [statusFilter, actionFilter, orderBy, minConfidence]);
 
-  const query = useDreamActions(memoryStoreName, dreamId, filter, { limit: 100 });
+  const query = useDreamActions(memoryStoreName, dreamId, filter, {
+    limit: 100,
+  });
   const actions = query.data?.items ?? [];
 
   const [selected, setSelected] = useState<Set<string>>(new Set());
@@ -301,17 +356,13 @@ export function MemoryDreamActionsTable({
 
   const allSelectedProposedSelected =
     proposedCount > 0 &&
-    actions.every(
-      (a) => !isApplyable(a) || selected.has(a.actionId),
-    );
+    actions.every((a) => !isApplyable(a) || selected.has(a.actionId));
 
   const toggleAll = () => {
     if (allSelectedProposedSelected) {
       setSelected(new Set());
     } else {
-      setSelected(
-        new Set(actions.filter(isApplyable).map((a) => a.actionId)),
-      );
+      setSelected(new Set(actions.filter(isApplyable).map((a) => a.actionId)));
     }
   };
 
@@ -330,12 +381,18 @@ export function MemoryDreamActionsTable({
         actionIds: Array.from(selected),
       });
       toast.success(
-        `Apply 完成：成功 ${result.applied}，失败 ${result.failed}`,
+        t("memory.dream.actions.applyResult", {
+          applied: result.applied,
+          failed: result.failed,
+        }),
       );
       setSelected(new Set());
       setConfirmOpen(false);
     } catch (err) {
-      const message = err instanceof Error ? err.message : "应用失败";
+      const message =
+        err instanceof Error
+          ? err.message
+          : t("memory.dream.actions.applyFailed");
       toast.error(message);
     }
   };
@@ -388,7 +445,9 @@ export function MemoryDreamActionsTable({
           {!isExtractTask && (
             <>
               <div className="flex items-center gap-2">
-                <span className="text-xs text-muted-foreground">最小置信度</span>
+                <span className="text-xs text-muted-foreground">
+                  {t("memory.dream.actions.minConfidence")}
+                </span>
                 <Slider
                   value={[minConfidence]}
                   max={1}
@@ -402,14 +461,20 @@ export function MemoryDreamActionsTable({
               </div>
               <div className="ml-auto flex items-center gap-2">
                 <span className="text-xs text-muted-foreground">
-                  已选 {selected.size}
+                  {t("memory.dream.actions.selectedCount", {
+                    count: selected.size,
+                  })}
                 </span>
                 <Button
                   size="sm"
                   disabled={selected.size === 0 || applyMutation.isPending}
                   onClick={() => setConfirmOpen(true)}
                 >
-                  {applyMutation.isPending ? "应用中…" : `Apply selected (${selected.size})`}
+                  {applyMutation.isPending
+                    ? t("memory.dream.actions.applying")
+                    : t("memory.dream.actions.applySelected", {
+                        count: selected.size,
+                      })}
                 </Button>
               </div>
             </>
@@ -425,8 +490,8 @@ export function MemoryDreamActionsTable({
           <div className="rounded-lg border border-dashed border-[hsl(var(--border))] py-10 text-center text-sm text-muted-foreground">
             <Sparkles className="mx-auto mb-2 h-6 w-6 text-muted-foreground/60" />
             {isExtractTask
-              ? "暂无产出结果。请确认输入 scope 下有足够的对话消息。"
-              : "当前过滤条件下暂无动作"}
+              ? t("memory.dream.actions.emptyExtract")
+              : t("memory.dream.actions.emptyFiltered")}
           </div>
         ) : (
           <div className="rounded-lg border border-[hsl(var(--border))]">
@@ -439,16 +504,26 @@ export function MemoryDreamActionsTable({
                         checked={allSelectedProposedSelected}
                         onCheckedChange={toggleAll}
                         disabled={proposedCount === 0}
-                        aria-label="全选可应用动作"
+                        aria-label={t("memory.dream.actions.selectAll")}
                       />
                     </TableHead>
                   )}
-                  <TableHead>{isExtractTask ? "产出类型" : "类型"}</TableHead>
-                  <TableHead>状态</TableHead>
-                  <TableHead>目标 scope</TableHead>
-                  <TableHead>{isExtractTask ? "内容" : "影响"}</TableHead>
+                  <TableHead>
+                    {isExtractTask
+                      ? t("memory.dream.actions.colOutputType")
+                      : t("memory.dream.actions.colType")}
+                  </TableHead>
+                  <TableHead>{t("memory.dream.actions.colStatus")}</TableHead>
+                  <TableHead>{t("memory.common.targetScope")}</TableHead>
+                  <TableHead>
+                    {isExtractTask
+                      ? t("memory.dream.actions.colContent")
+                      : t("memory.dream.actions.colImpact")}
+                  </TableHead>
                   {!isExtractTask && (
-                    <TableHead className="text-right">置信度</TableHead>
+                    <TableHead className="text-right">
+                      {t("memory.dream.actions.colConfidence")}
+                    </TableHead>
                   )}
                 </TableRow>
               </TableHeader>
@@ -467,17 +542,25 @@ export function MemoryDreamActionsTable({
                             <Checkbox
                               checked={selected.has(action.actionId)}
                               onCheckedChange={() => toggleOne(action.actionId)}
-                              aria-label="选择此动作"
+                              aria-label={t(
+                                "memory.dream.actions.selectAction",
+                              )}
                             />
                           ) : (
                             <Tooltip>
                               <TooltipTrigger asChild>
                                 <span>
-                                  <Checkbox checked={false} disabled aria-label="不可选" />
+                                  <Checkbox
+                                    checked={false}
+                                    disabled
+                                    aria-label={t(
+                                      "memory.dream.actions.notSelectable",
+                                    )}
+                                  />
                                 </span>
                               </TooltipTrigger>
                               <TooltipContent>
-                                仅 proposed 状态的动作可以 apply
+                                {t("memory.dream.actions.onlyProposedApply")}
                               </TooltipContent>
                             </Tooltip>
                           )}
@@ -487,7 +570,7 @@ export function MemoryDreamActionsTable({
                         <ActionBadge action={action.action} />
                       </TableCell>
                       <TableCell>
-                        <StatusPill status={action.status} />
+                        <StatusPill status={action.status} t={t} />
                       </TableCell>
                       <TableCell className="text-xs">
                         {scopeLabel(action.targetScope)}
@@ -496,6 +579,7 @@ export function MemoryDreamActionsTable({
                         <ActionRowPreview
                           action={action}
                           memoryStoreName={memoryStoreName}
+                          t={t}
                         />
                       </TableCell>
                       {!isExtractTask && (
@@ -513,12 +597,16 @@ export function MemoryDreamActionsTable({
           </div>
         )}
 
-        <Sheet open={detail !== null} onOpenChange={(o) => !o && setDetail(null)}>
+        <Sheet
+          open={detail !== null}
+          onOpenChange={(o) => !o && setDetail(null)}
+        >
           <SheetContent className="w-[560px] sm:max-w-[560px]">
             {detail && (
               <ActionDetailSheetBody
                 detail={detail}
                 memoryStoreName={memoryStoreName}
+                t={t}
               />
             )}
           </SheetContent>
@@ -555,9 +643,11 @@ export function MemoryDreamActionsTable({
 function ActionMemoryPreviewPanel({
   detail,
   memoryStoreName,
+  t,
 }: {
   detail: DreamActionRecord;
   memoryStoreName: string;
+  t: TranslateFn;
 }) {
   const isExtract =
     detail.action === "EMIT_SKILL" || detail.action === "EMIT_PROFILE";
@@ -582,7 +672,7 @@ function ActionMemoryPreviewPanel({
     if (!extract) {
       return (
         <div className="rounded border border-dashed border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.2)] p-3 text-xs italic text-muted-foreground">
-          无抽取结果
+          {t("memory.dream.actions.noExtractResult")}
         </div>
       );
     }
@@ -598,7 +688,9 @@ function ActionMemoryPreviewPanel({
                 : "bg-[hsl(var(--primary-soft))] text-[hsl(var(--primary))]",
             )}
           >
-            {isSkill ? "技能" : "画像"}
+            {isSkill
+              ? t("memory.dream.actions.skill")
+              : t("memory.dream.actions.profile")}
           </span>
           <span className="text-sm font-medium">{extract.name}</span>
         </div>
@@ -607,7 +699,9 @@ function ActionMemoryPreviewPanel({
         )}
         {extract.instructions && (
           <div className="space-y-1">
-            <p className="text-xs text-muted-foreground">指令内容</p>
+            <p className="text-xs text-muted-foreground">
+              {t("memory.dream.actions.instructions")}
+            </p>
             <pre className="max-h-48 overflow-auto whitespace-pre-wrap rounded bg-[hsl(var(--muted)/0.4)] p-2 text-xs">
               {extract.instructions}
             </pre>
@@ -620,7 +714,7 @@ function ActionMemoryPreviewPanel({
   if (detail.action === "NOOP") {
     return (
       <div className="rounded border border-dashed border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.2)] p-3 text-xs italic text-muted-foreground">
-        NOOP — 无记忆变更
+        {t("memory.dream.actions.noopNoChange")}
       </div>
     );
   }
@@ -634,9 +728,9 @@ function ActionMemoryPreviewPanel({
         <div className="space-y-1">
           <p className="flex items-center gap-2 text-xs text-muted-foreground">
             <span className="rounded bg-warning-soft px-1.5 py-px text-[10px] font-semibold text-warning">
-              修改前
+              {t("memory.dream.actions.beforeModify")}
             </span>
-            目标记忆
+            {t("memory.dream.actions.targetMemory")}
             {beforeUnitType && (
               <span className="font-mono text-[10px] text-muted-foreground">
                 · {beforeUnitType}
@@ -651,7 +745,7 @@ function ActionMemoryPreviewPanel({
             </pre>
           ) : (
             <p className="rounded border border-dashed border-[hsl(var(--border))] p-2 text-xs italic text-muted-foreground">
-              原始记忆已不可读（可能已被其他 dream 任务删除或合并）
+              {t("memory.dream.actions.originalUnreadable")}
             </p>
           )}
         </div>
@@ -668,9 +762,11 @@ function ActionMemoryPreviewPanel({
                   : "bg-info-soft text-info",
               )}
             >
-              {detail.action === "ADD" ? "将新增" : "修改后"}
+              {detail.action === "ADD"
+                ? t("memory.dream.actions.willAdd")
+                : t("memory.dream.actions.afterModify")}
             </span>
-            新记忆
+            {t("memory.dream.actions.newMemory")}
             {detail.newMemory?.unitType && (
               <span className="font-mono text-[10px] text-muted-foreground">
                 · {detail.newMemory.unitType}
@@ -685,12 +781,12 @@ function ActionMemoryPreviewPanel({
 
       {detail.action === "DELETE" && (
         <p className="rounded border border-dashed border-[hsl(var(--destructive)/0.3)] bg-danger-soft/40 p-2 text-xs text-danger">
-          应用后这条记忆将被删除。
+          {t("memory.dream.actions.willDelete")}
         </p>
       )}
       {detail.action === "MERGE" && (
         <p className="rounded border border-dashed border-[hsl(var(--border))] p-2 text-xs text-muted-foreground">
-          应用后这条记忆将被合并入相关记忆。
+          {t("memory.dream.actions.willMerge")}
         </p>
       )}
     </div>
@@ -700,15 +796,18 @@ function ActionMemoryPreviewPanel({
 function ActionDetailSheetBody({
   detail,
   memoryStoreName,
+  t,
 }: {
   detail: DreamActionRecord;
   memoryStoreName: string;
+  t: TranslateFn;
 }) {
   return (
     <>
       <SheetHeader>
         <SheetTitle>
-          <ActionBadge action={detail.action} /> 动作详情
+          <ActionBadge action={detail.action} />{" "}
+          {t("memory.dream.actions.detailTitle")}
         </SheetTitle>
         <SheetDescription className="font-mono text-xs break-all">
           {detail.actionId}
@@ -718,32 +817,46 @@ function ActionDetailSheetBody({
         <ActionMemoryPreviewPanel
           detail={detail}
           memoryStoreName={memoryStoreName}
+          t={t}
         />
 
         <div className="space-y-2 rounded border border-[hsl(var(--border-light))] p-3">
-          <DetailRow label="状态">
-            <StatusPill status={detail.status} />
+          <DetailRow label={t("memory.dream.actions.detailStatus")}>
+            <StatusPill status={detail.status} t={t} />
           </DetailRow>
           <DetailRow
-            label="置信度"
+            label={t("memory.dream.actions.detailConfidence")}
             value={
               detail.confidence !== undefined
                 ? detail.confidence.toFixed(2)
                 : "-"
             }
           />
-          <DetailRow label="目标 scope" value={scopeLabel(detail.targetScope)} />
+          <DetailRow
+            label={t("memory.common.targetScope")}
+            value={scopeLabel(detail.targetScope)}
+          />
           {detail.targetMemoryId && (
-            <DetailRow label="目标 memory ID" value={detail.targetMemoryId} mono />
+            <DetailRow
+              label={t("memory.dream.actions.detailTargetMemoryId")}
+              value={detail.targetMemoryId}
+              mono
+            />
           )}
           {detail.resultMemoryId && (
-            <DetailRow label="结果 memory ID" value={detail.resultMemoryId} mono />
+            <DetailRow
+              label={t("memory.dream.actions.detailResultMemoryId")}
+              value={detail.resultMemoryId}
+              mono
+            />
           )}
         </div>
 
         {detail.reason && (
           <div className="space-y-1">
-            <p className="text-xs text-muted-foreground">推理依据</p>
+            <p className="text-xs text-muted-foreground">
+              {t("memory.dream.actions.reason")}
+            </p>
             <pre className="max-h-40 overflow-auto whitespace-pre-wrap rounded bg-[hsl(var(--muted)/0.4)] p-2 text-xs">
               {detail.reason}
             </pre>
@@ -752,14 +865,23 @@ function ActionDetailSheetBody({
 
         {detail.skippedReason && (
           <DetailRow
-            label="跳过原因"
-            value={`${detail.skippedReason}${detail.skippedReasonDetail ? `（${detail.skippedReasonDetail}）` : ""}`}
+            label={t("memory.dream.actions.skippedReason")}
+            value={
+              detail.skippedReasonDetail
+                ? t("memory.dream.actions.skippedReasonWithDetail", {
+                    reason: detail.skippedReason,
+                    detail: detail.skippedReasonDetail,
+                  })
+                : detail.skippedReason
+            }
           />
         )}
 
         {detail.error && (
           <div className="space-y-1">
-            <p className="text-xs text-muted-foreground">错误</p>
+            <p className="text-xs text-muted-foreground">
+              {t("memory.dream.actions.error")}
+            </p>
             <pre className="max-h-40 overflow-auto whitespace-pre-wrap rounded bg-danger-soft p-2 text-xs text-danger">
               {detail.error}
             </pre>
@@ -787,7 +909,9 @@ function DetailRow({
       {children ? (
         <div>{children}</div>
       ) : (
-        <p className={cn("flex-1 text-sm", mono && "font-mono")}>{value ?? "-"}</p>
+        <p className={cn("flex-1 text-sm", mono && "font-mono")}>
+          {value ?? "-"}
+        </p>
       )}
     </div>
   );