@tablestore/tablestore-agent-cli 0.2.7 → 0.2.9

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

@@ -1,8 +1,15 @@
 "use client";
 
-import { useMemo, useState } from "react";
+import { Fragment, useMemo, useState } from "react";
 import { useParams, useRouter, useSearchParams } from "next/navigation";
-import { Plus, Sparkles } from "lucide-react";
+import {
+  ArrowDown,
+  ArrowUp,
+  ChevronDown,
+  ChevronRight,
+  Plus,
+  Sparkles,
+} from "lucide-react";
 
 import { Button } from "@/components/ui/button";
 import { Skeleton } from "@/components/ui/skeleton";
@@ -25,23 +32,23 @@ import { RefreshButton } from "@/components/shared/refresh-button";
 import { EmptyState } from "@/components/shared/empty-state";
 import { RelativeTime } from "@/components/shared/relative-time";
 import { useDreamTasks } from "@/hooks/use-dream-tasks";
-import { buildMemoryScope } from "@/lib/memory";
-import type { DreamTask, DreamTaskStatus, DreamTaskType, MemoryScope } from "@/types/memory";
+import {
+  buildMemoryScope,
+  groupDreamTasksByScope,
+  sortDreamTasksByCreatedAt,
+  type DreamTaskSortMode,
+} from "@/lib/memory";
+import type {
+  DreamTask,
+  DreamTaskStatus,
+  DreamTaskType,
+  MemoryScope,
+} from "@/types/memory";
 import { MemoryDreamDisabled } from "@/components/memory/memory-dream-disabled";
 import { MemoryDreamCreateDialog } from "@/components/memory/memory-dream-create-dialog";
 import { cn } from "@/lib/utils";
-
-const STATUS_OPTIONS = [
-  { value: "all", label: "全部状态" },
-  { value: "queued", label: "排队中" },
-  { value: "running", label: "运行中" },
-  { value: "planning", label: "规划中" },
-  { value: "applying", label: "应用中" },
-  { value: "completed", label: "已完成" },
-  { value: "completed_with_failures", label: "完成（含失败）" },
-  { value: "failed", label: "失败" },
-  { value: "cancelled", label: "已取消" },
-];
+import { useI18n } from "@/i18n/i18n-context";
+import type { MessageKey, TranslateFn } from "@/i18n/i18n-context";
 
 const STATUS_CLASS: Record<DreamTaskStatus, string> = {
   queued: "bg-info-soft text-info",
@@ -54,27 +61,28 @@ const STATUS_CLASS: Record<DreamTaskStatus, string> = {
   cancelled: "bg-muted text-muted-foreground",
 };
 
-const STATUS_LABEL: Record<DreamTaskStatus, string> = {
-  queued: "排队中",
-  running: "运行中",
-  planning: "规划中",
-  applying: "应用中",
-  completed: "已完成",
-  completed_with_failures: "完成（含失败）",
-  failed: "失败",
-  cancelled: "已取消",
+const STATUS_LABEL_KEY: Record<DreamTaskStatus, MessageKey> = {
+  queued: "memory.dreamStatus.queued",
+  running: "memory.dreamStatus.running",
+  planning: "memory.dreamStatus.planning",
+  applying: "memory.dreamStatus.applying",
+  completed: "memory.dreamStatus.completed",
+  completed_with_failures: "memory.dreamStatus.completedWithFailures",
+  failed: "memory.dreamStatus.failed",
+  cancelled: "memory.dreamStatus.cancelled",
 };
 
-const TASK_TYPE_LABEL: Record<DreamTaskType, string> = {
-  memory: "记忆整理",
-  skill: "技能抽取",
-  profile: "用户画像",
+const TASK_TYPE_LABEL_KEY: Record<DreamTaskType, MessageKey> = {
+  memory: "memory.dreamType.consolidate",
+  skill: "memory.dreamType.skill",
+  profile: "memory.dreamType.profile",
 };
 
 const TASK_TYPE_CLASS: Record<DreamTaskType, string> = {
   memory: "bg-info-soft text-info",
   skill: "bg-success-soft text-success",
-  profile: "bg-[hsl(var(--primary-soft,_220_90%_96%))] text-[hsl(var(--primary))]",
+  profile:
+    "bg-[hsl(var(--primary-soft,_220_90%_96%))] text-[hsl(var(--primary))]",
 };
 
 const TERMINAL_STATUSES: ReadonlySet<DreamTaskStatus> = new Set([
@@ -84,8 +92,15 @@ const TERMINAL_STATUSES: ReadonlySet<DreamTaskStatus> = new Set([
   "cancelled",
 ]);
 
-function StatusPill({ status }: { status: DreamTaskStatus }) {
+function StatusPill({
+  status,
+  t,
+}: {
+  status: DreamTaskStatus;
+  t: TranslateFn;
+}) {
   const isLive = !TERMINAL_STATUSES.has(status);
+  const labelKey = STATUS_LABEL_KEY[status];
   return (
     <span
       className={cn(
@@ -99,7 +114,7 @@ function StatusPill({ status }: { status: DreamTaskStatus }) {
           <span className="relative inline-flex h-1.5 w-1.5 rounded-full bg-current" />
         </span>
       )}
-      {STATUS_LABEL[status] ?? status}
+      {labelKey ? t(labelKey) : status}
     </span>
   );
 }
@@ -114,6 +129,26 @@ function scopeLabel(scope: MemoryScope | undefined): string {
 }
 
 export default function DreamTasksPage() {
+  const { t } = useI18n();
+  const SORT_OPTIONS: { value: DreamTaskSortMode; label: string }[] = [
+    { value: "time_desc", label: t("memory.dream.sortTimeDesc") },
+    { value: "time_asc", label: t("memory.dream.sortTimeAsc") },
+    { value: "scope", label: t("memory.dream.sortScope") },
+  ];
+  const STATUS_OPTIONS = [
+    { value: "all", label: t("memory.dream.allStatus") },
+    { value: "queued", label: t("memory.dreamStatus.queued") },
+    { value: "running", label: t("memory.dreamStatus.running") },
+    { value: "planning", label: t("memory.dreamStatus.planning") },
+    { value: "applying", label: t("memory.dreamStatus.applying") },
+    { value: "completed", label: t("memory.dreamStatus.completed") },
+    {
+      value: "completed_with_failures",
+      label: t("memory.dreamStatus.completedWithFailures"),
+    },
+    { value: "failed", label: t("memory.dreamStatus.failed") },
+    { value: "cancelled", label: t("memory.dreamStatus.cancelled") },
+  ];
   const params = useParams<{ store: string }>();
   const memoryStoreName = decodeURIComponent(params.store);
   const router = useRouter();
@@ -124,36 +159,149 @@ export default function DreamTasksPage() {
     [searchParamsString],
   );
   const [status, setStatus] = useState<string>("all");
+  const [sort, setSort] = useState<DreamTaskSortMode>("time_desc");
   const [createOpen, setCreateOpen] = useState(false);
-  const [nextToken, setNextToken] = useState<string | undefined>(undefined);
+  const [collapsed, setCollapsed] = useState<ReadonlySet<string>>(new Set());
 
   const query = useDreamTasks(memoryStoreName, scope, {
     limit: 50,
-    nextToken,
     status: status === "all" ? undefined : status,
   });
 
-  const isDreamingDisabled =
-    query.error instanceof Error &&
-    "code" in query.error &&
-    (query.error as { code?: string }).code === "DREAMING_DISABLED";
-
-  if (isDreamingDisabled) {
+  if (query.errorCode === "DREAMING_DISABLED") {
     return <MemoryDreamDisabled />;
   }
 
-  const tasks = (query.data?.items ?? []) as DreamTask[];
+  const tasks = query.tasks;
+  // The Dream list API returns tasks scope-major (createdAt desc *within* a
+  // scope, but not globally), and the hook eagerly loads every page. So we sort
+  // the full set client-side: a flat global timeline by default (newest-first,
+  // toggleable), or the scope-grouped view when the user picks it.
+  const timeDir = sort === "time_asc" ? "asc" : "desc";
+  const sortedTasks = sortDreamTasksByCreatedAt(tasks, timeDir);
+  const groups = groupDreamTasksByScope(tasks);
+  const showGroups = sort === "scope" && groups.length > 1;
+
+  const toggleGroup = (key: string) => {
+    setCollapsed((prev) => {
+      const next = new Set(prev);
+      if (next.has(key)) next.delete(key);
+      else next.add(key);
+      return next;
+    });
+  };
+
+  const renderTaskRow = (task: DreamTask) => {
+    const createdMs = new Date(task.createdAt).getTime();
+    return (
+      <TableRow
+        key={task.dreamId}
+        className="cursor-pointer hover:bg-[hsl(var(--accent))]"
+        onClick={() =>
+          router.push(
+            `/memory/${encodeURIComponent(memoryStoreName)}/dream/${encodeURIComponent(task.dreamId)}`,
+          )
+        }
+      >
+        <TableCell className="max-w-[220px] truncate font-mono text-xs">
+          {task.dreamId}
+        </TableCell>
+        <TableCell>
+          {(() => {
+            const tt = (task.taskType || "memory") as DreamTaskType;
+            return (
+              <span
+                className={cn(
+                  "inline-flex rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap",
+                  TASK_TYPE_CLASS[tt] ?? "bg-muted text-muted-foreground",
+                )}
+              >
+                {TASK_TYPE_LABEL_KEY[tt] ? t(TASK_TYPE_LABEL_KEY[tt]) : tt}
+              </span>
+            );
+          })()}
+        </TableCell>
+        <TableCell>
+          <StatusPill status={task.status} t={t} />
+        </TableCell>
+        <TableCell className="text-xs">
+          {task.taskType && task.taskType !== "memory" ? (
+            <span className="text-muted-foreground">—</span>
+          ) : (
+            <>
+              {task.applyMode === "safe_auto"
+                ? t("memory.dream.applyModeAuto")
+                : t("memory.dream.applyModeProposal")}
+              {task.scopeOutputMode === "promote_scope" && (
+                <span className="ml-1 text-muted-foreground">
+                  · {t("memory.dream.promoted")}
+                </span>
+              )}
+            </>
+          )}
+        </TableCell>
+        <TableCell className="text-right text-xs text-muted-foreground">
+          <span className="font-medium text-foreground">
+            {task.actionCount ?? 0}
+          </span>
+          {task.taskType && task.taskType !== "memory" ? (
+            <span className="ml-1">
+              {t("memory.dream.outputItems")}
+              {(task.failedCount ?? 0) > 0 && (
+                <span className="text-danger">
+                  {t("memory.dream.outputFailed", {
+                    count: task.failedCount ?? 0,
+                  })}
+                </span>
+              )}
+            </span>
+          ) : (
+            <span className="ml-1">
+              {t("memory.dream.outputBreakdown", {
+                proposed: task.proposedCount ?? 0,
+                applied: task.appliedCount ?? 0,
+                skipped: task.skippedCount ?? 0,
+                failed: task.failedCount ?? 0,
+              })}
+            </span>
+          )}
+        </TableCell>
+        <TableCell className="text-xs text-muted-foreground">
+          {Number.isFinite(createdMs) ? (
+            <RelativeTime timestamp={createdMs} />
+          ) : (
+            task.createdAt
+          )}
+        </TableCell>
+      </TableRow>
+    );
+  };
 
   return (
     <div className="space-y-4">
       <div className="flex items-center justify-between gap-3">
         <div>
-          <h2 className="text-lg font-semibold">Dream 任务管理</h2>
+          <h2 className="text-lg font-semibold">{t("memory.dream.title")}</h2>
           <p className="text-xs text-muted-foreground">
-            管理记忆整理、技能抽取、用户画像等离线任务
+            {t("memory.dream.description")}
           </p>
         </div>
         <div className="flex items-center gap-2">
+          <Select
+            value={sort}
+            onValueChange={(v) => setSort(v as DreamTaskSortMode)}
+          >
+            <SelectTrigger className="h-8 w-36 text-sm">
+              <SelectValue />
+            </SelectTrigger>
+            <SelectContent>
+              {SORT_OPTIONS.map((opt) => (
+                <SelectItem key={opt.value} value={opt.value}>
+                  {opt.label}
+                </SelectItem>
+              ))}
+            </SelectContent>
+          </Select>
           <Select value={status} onValueChange={setStatus}>
             <SelectTrigger className="h-8 w-40 text-sm">
               <SelectValue />
@@ -172,7 +320,7 @@ export default function DreamTasksPage() {
           />
           <Button size="sm" onClick={() => setCreateOpen(true)}>
             <Plus className="mr-1 h-3.5 w-3.5" />
-            新建任务
+            {t("memory.dream.newTask")}
           </Button>
         </div>
       </div>
@@ -186,16 +334,20 @@ export default function DreamTasksPage() {
       ) : tasks.length === 0 ? (
         <EmptyState
           icon={Sparkles}
-          title="暂无 Dream 任务"
+          title={t("memory.dream.emptyTitle")}
           description={
             status === "all"
-              ? "Dream 任务支持记忆整理、技能抽取、用户画像等功能。第一次使用时，先确保该 scope 下已经写入过几轮对话，再点右上角创建任务。"
-              : `当前过滤为「${STATUS_OPTIONS.find((o) => o.value === status)?.label ?? status}」状态，可切到「全部状态」看看`
+              ? t("memory.dream.emptyAll")
+              : t("memory.dream.emptyFiltered", {
+                  status:
+                    STATUS_OPTIONS.find((o) => o.value === status)?.label ??
+                    status,
+                })
           }
           action={
             <Button onClick={() => setCreateOpen(true)}>
               <Plus className="mr-1 h-3.5 w-3.5" />
-              新建任务
+              {t("memory.dream.newTask")}
             </Button>
           }
         />
@@ -204,108 +356,123 @@ export default function DreamTasksPage() {
           <Table>
             <TableHeader>
               <TableRow>
-                <TableHead>Dream ID</TableHead>
-                <TableHead>类型</TableHead>
-                <TableHead>状态</TableHead>
-                <TableHead>应用模式</TableHead>
-                <TableHead className="text-right">产出</TableHead>
-                <TableHead>创建时间</TableHead>
+                <TableHead>{t("memory.dream.tableId")}</TableHead>
+                <TableHead>{t("memory.dream.tableType")}</TableHead>
+                <TableHead>{t("memory.dream.tableStatus")}</TableHead>
+                <TableHead>{t("memory.dream.tableApplyMode")}</TableHead>
+                <TableHead className="text-right">
+                  {t("memory.dream.tableOutput")}
+                </TableHead>
+                <TableHead
+                  aria-sort={
+                    sort === "time_desc"
+                      ? "descending"
+                      : sort === "time_asc"
+                        ? "ascending"
+                        : "none"
+                  }
+                >
+                  {sort === "scope" ? (
+                    // In scope mode the column is not a sort control — keep it
+                    // plain text so clicking it never silently drops grouping.
+                    <span>{t("memory.dream.tableCreatedAt")}</span>
+                  ) : (
+                    <button
+                      type="button"
+                      className="inline-flex items-center gap-1 cursor-pointer select-none"
+                      onClick={() =>
+                        setSort((s) =>
+                          s === "time_desc" ? "time_asc" : "time_desc",
+                        )
+                      }
+                    >
+                      {t("memory.dream.tableCreatedAt")}
+                      {sort === "time_desc" && (
+                        <ArrowDown
+                          aria-hidden="true"
+                          className="h-3 w-3 text-muted-foreground"
+                        />
+                      )}
+                      {sort === "time_asc" && (
+                        <ArrowUp
+                          aria-hidden="true"
+                          className="h-3 w-3 text-muted-foreground"
+                        />
+                      )}
+                    </button>
+                  )}
+                </TableHead>
               </TableRow>
             </TableHeader>
             <TableBody>
-              {tasks.map((task) => {
-                const createdMs = new Date(task.createdAt).getTime();
-                return (
-                  <TableRow
-                    key={task.dreamId}
-                    className="cursor-pointer hover:bg-[hsl(var(--accent))]"
-                    onClick={() =>
-                      router.push(
-                        `/memory/${encodeURIComponent(memoryStoreName)}/dream/${encodeURIComponent(task.dreamId)}`,
-                      )
-                    }
-                  >
-                    <TableCell className="max-w-[220px] truncate font-mono text-xs">
-                      {task.dreamId}
-                    </TableCell>
-                    <TableCell>
-                      {(() => {
-                        const tt = (task.taskType || "memory") as DreamTaskType;
-                        return (
-                          <span
-                            className={cn(
-                              "inline-flex rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap",
-                              TASK_TYPE_CLASS[tt] ?? "bg-muted text-muted-foreground",
-                            )}
-                          >
-                            {TASK_TYPE_LABEL[tt] ?? tt}
-                          </span>
-                        );
-                      })()}
-                    </TableCell>
-                    <TableCell>
-                      <StatusPill status={task.status} />
-                    </TableCell>
-                    <TableCell className="text-xs">
-                      {(task.taskType && task.taskType !== "memory") ? (
-                        <span className="text-muted-foreground">—</span>
-                      ) : (
-                        <>
-                          {task.applyMode === "safe_auto" ? "自动" : "建议"}
-                          {task.scopeOutputMode === "promote_scope" && (
-                            <span className="ml-1 text-muted-foreground">· 提升</span>
-                          )}
-                        </>
-                      )}
-                    </TableCell>
-                    <TableCell className="text-right text-xs text-muted-foreground">
-                      <span className="font-medium text-foreground">
-                        {task.actionCount ?? 0}
-                      </span>
-                      {(task.taskType && task.taskType !== "memory") ? (
-                        <span className="ml-1">
-                          条产出
-                          {(task.failedCount ?? 0) > 0 && (
-                            <span className="text-danger"> / {task.failedCount} 败</span>
-                          )}
-                        </span>
-                      ) : (
-                        <span className="ml-1">
-                          ({task.proposedCount ?? 0} 待 / {task.appliedCount ?? 0} 应用 /
-                          {" "}
-                          {task.skippedCount ?? 0} 跳 / {task.failedCount ?? 0} 败)
-                        </span>
-                      )}
-                    </TableCell>
-                    <TableCell className="text-xs text-muted-foreground">
-                      {Number.isFinite(createdMs) ? (
-                        <RelativeTime timestamp={createdMs} />
-                      ) : (
-                        task.createdAt
-                      )}
-                    </TableCell>
-                  </TableRow>
-                );
-              })}
+              {showGroups
+                ? groups.map((group) => {
+                    const isCollapsed = collapsed.has(group.key);
+                    return (
+                      <Fragment key={group.key}>
+                        <TableRow
+                          className="cursor-pointer select-none bg-muted/40 hover:bg-muted/60"
+                          onClick={() => toggleGroup(group.key)}
+                        >
+                          <TableCell colSpan={6} className="py-2">
+                            <div className="flex items-center gap-2">
+                              {isCollapsed ? (
+                                <ChevronRight className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
+                              ) : (
+                                <ChevronDown className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
+                              )}
+                              <span className="break-all font-mono text-xs font-medium text-foreground">
+                                {group.label}
+                              </span>
+                              <span className="shrink-0 rounded-full bg-muted px-2 py-0.5 text-[11px] text-muted-foreground">
+                                {t("memory.dream.groupTaskCount", {
+                                  count: group.tasks.length,
+                                })}
+                              </span>
+                            </div>
+                          </TableCell>
+                        </TableRow>
+                        {!isCollapsed && group.tasks.map(renderTaskRow)}
+                      </Fragment>
+                    );
+                  })
+                : sortedTasks.map(renderTaskRow)}
             </TableBody>
           </Table>
         </div>
       )}
 
-      {query.data?.nextToken && (
-        <div className="flex justify-end">
+      {query.isFetchingNextPage && (
+        <p className="text-center text-xs text-muted-foreground">
+          {t("memory.dream.loadingMore")}
+        </p>
+      )}
+
+      {query.truncated && !query.isFetchingNextPage && (
+        <div className="flex items-center justify-center gap-2 text-xs text-muted-foreground">
+          <span>{t("memory.dream.truncatedHint")}</span>
           <Button
             variant="outline"
             size="sm"
-            onClick={() => setNextToken(query.data?.nextToken)}
+            onClick={() => query.fetchNextPage()}
           >
-            加载下一页
+            {t("memory.dream.continueLoad")}
           </Button>
         </div>
       )}
 
       <p className="text-xs text-muted-foreground">
-        当前过滤 scope：{scopeLabel(scope)}
+        {t("memory.dream.currentScope", { scope: scopeLabel(scope) })}
+        {sort === "scope"
+          ? showGroups
+            ? t("memory.dream.groupedHint")
+            : t("memory.dream.singleScopeHint")
+          : t("memory.dream.sortedHint", {
+              dir:
+                sort === "time_asc"
+                  ? t("memory.dream.dirAsc")
+                  : t("memory.dream.dirDesc"),
+            })}
       </p>
 
       <MemoryDreamCreateDialog