优化 Agent 过程展示，增加时间格式化和状态管理

src/components/chat/hooks/useAgentChatSession.ts

@@ -53,12 +53,39 @@ const upsertProgress = (
 ) => {
   const next = [...(progress ?? [])];
   const index = next.findIndex((item) => item.id === event.id);
+  const existing = index >= 0 ? next[index] : undefined;
+  const now = Date.now();
+  const startedAt = event.startedAt ?? existing?.startedAt;
+  const isRunning = event.status === "running";
+  const endedAt = isRunning ? undefined : event.endedAt ?? existing?.endedAt ?? now;
+  const elapsedMs = isRunning
+    ? event.elapsedMs ??
+      existing?.elapsedMs ??
+      (startedAt !== undefined ? Math.max(0, now - startedAt) : undefined)
+    : undefined;
+  const elapsedSnapshotAt = isRunning
+    ? event.elapsedMs !== undefined
+      ? now
+      : existing?.elapsedSnapshotAt ?? now
+    : undefined;
+  const durationMs = !isRunning
+    ? event.durationMs ??
+      existing?.durationMs ??
+      (startedAt !== undefined && endedAt !== undefined
+        ? Math.max(0, endedAt - startedAt)
+        : undefined)
+    : undefined;
   const nextItem: ChatProgress = {
     id: event.id,
     phase: event.phase,
     status: event.status,
     title: event.title,
     detail: event.detail,
+    startedAt,
+    endedAt,
+    elapsedMs,
+    elapsedSnapshotAt,
+    durationMs,
   };
   if (index >= 0) {
     next[index] = nextItem;
@@ -69,9 +96,24 @@ const upsertProgress = (
 };
 
 const completeRunningProgress = (progress: ChatProgress[] | undefined) =>
-  progress?.map((item) =>
-    item.status === "running" ? { ...item, status: "completed" as const } : item,
-  );
+  progress?.map((item) => {
+    if (item.status !== "running") {
+      return item;
+    }
+    const endedAt = Date.now();
+    return {
+      ...item,
+      status: "completed" as const,
+      endedAt,
+      elapsedMs: undefined,
+      elapsedSnapshotAt: undefined,
+      durationMs:
+        item.durationMs ??
+        (item.startedAt !== undefined
+          ? Math.max(0, endedAt - item.startedAt)
+          : item.elapsedMs),
+    };
+  });
 
 const createUserMessage = (content: string, branchRootId?: string): Message => {
   const id = createId();