@blade-hq/agent-react 2610.0.2 → 2610.0.3-beta.0

package/dist/components/AssistantTurnBlock.d.ts

@@ -24,7 +24,7 @@ export declare function formatExecutionDuration(durationMs: number): string;
 export declare function getExecutionDurationMs({ messages, isStreaming, now, }: {
     messages: ChatMessage[];
     isStreaming: boolean;
-    now?: number;
+    now?: number | null;
 }): number;
 /** 一轮助手回复：执行过程默认折叠，最终正文始终显示在摘要下方。 */
 export declare function AssistantTurnBlock({ messages, isStreaming, askAnswers, onAnswer, sessionStatus, classNames, renderers, hidePlanUpdateTools, sessionId, }: Props): import("react/jsx-runtime").JSX.Element;

package/dist/index.js

@@ -46757,6 +46757,9 @@ function useStickToBottomContext() {
   return context;
 }
 
+// src/components/AssistantTurnBlock.tsx
+import { getServerTime } from "@blade-hq/agent-client/internal";
+
 // src/components/MessageImage.tsx
 import { forwardRef as forwardRef3, useEffect as useEffect19, useImperativeHandle as useImperativeHandle2, useRef as useRef21, useState as useState26 } from "react";
 import { jsx as jsx16 } from "react/jsx-runtime";
@@ -56681,7 +56684,7 @@ function formatExecutionDuration(durationMs) {
 function getExecutionDurationMs({
   messages,
   isStreaming,
-  now = Date.now()
+  now = null
 }) {
   const knownDuration = messages.reduce(
     (total, message) => {
@@ -56695,7 +56698,7 @@ function getExecutionDurationMs({
     },
     0
   );
-  if (!isStreaming) return knownDuration;
+  if (!isStreaming || now === null) return knownDuration;
   const startedAt = messages.map((message) => message.timestamp ? Date.parse(message.timestamp) : Number.NaN).filter((value) => Number.isFinite(value)).sort((a, b2) => a - b2)[0];
   if (startedAt === void 0) return knownDuration;
   return Math.max(knownDuration, now - startedAt);
@@ -56886,17 +56889,23 @@ function AssistantTurnBlock({
     wasStreamingRef.current = isStreaming;
   }, [hasActionableToolCall, isStreaming]);
   const effectiveMode = resolveTurnDisplayMode({ isStreaming, displayMode });
+  const client = useOptionalBladeClient();
   const executionDurationMs = getExecutionDurationMs({ messages, isStreaming });
-  const [clock, setClock] = useState31(() => Date.now());
+  const [clock, setClock] = useState31(() => performance.now());
   const hasLiveStartTime = messages.some(
     (message) => message.timestamp != null && Number.isFinite(Date.parse(message.timestamp))
   );
   useEffect23(() => {
     if (!isStreaming || !hasLiveStartTime) return;
-    const timer = window.setInterval(() => setClock(Date.now()), 1e3);
+    const timer = window.setInterval(() => setClock(performance.now()), 1e3);
     return () => window.clearInterval(timer);
   }, [hasLiveStartTime, isStreaming]);
-  const liveExecutionDurationMs = isStreaming ? getExecutionDurationMs({ messages, isStreaming, now: clock }) : executionDurationMs;
+  const liveExecutionDurationMs = isStreaming ? getExecutionDurationMs({
+    messages,
+    isStreaming,
+    // Direct LLM mode has no Blade session and generates its own local timestamps.
+    now: sessionId ? getServerTime(client, clock) : Date.now()
+  }) : executionDurationMs;
   const memoryRefs = collectMemoryRefs(messages);
   const inlineToolUiCards = collectInlineToolUiCards(messages);
   if (!hasExecutionProcess) {