@percena/weft-react 0.1.5-next.0 → 0.1.5-next.2

package/README.md

@@ -19,6 +19,6 @@ function Support({ boot }: { boot: { server: string; token: string; sessionId: s
 ```
 
 `{ server, token, sessionId }` comes from your backend's embed bootstrap
-(`@percena/weft-node` → `weft.sessions.create(...)`). Re-exports the full
+(`POST /v1/embed/sessions` via direct `fetch()`). Re-exports the full
 `@weft/ui` + `@weft/local-chat` surface (including `EN_FALLBACK` and
 `createFlitroEmbedRuntime`). Peers: `react`, `react-dom`.

package/dist/index.cjs

@@ -4177,8 +4177,19 @@ var TurnCard = React10.memo(function TurnCard2({
   if (prev.isLastResponse !== next.isLastResponse) return false;
   if (prev.displayMode !== next.displayMode) return false;
   if (prev.annotationInteractionMode !== next.annotationInteractionMode) return false;
-  if (prev.activities !== next.activities) return false;
-  if (prev.response !== next.response) return false;
+  if (prev.activities !== next.activities) {
+    if (prev.activities.length !== next.activities.length) return false;
+    for (let i = 0; i < prev.activities.length; i++) {
+      const pa = prev.activities[i], na = next.activities[i];
+      if (pa.id !== na.id || pa.status !== na.status || pa.content !== na.content) return false;
+    }
+  }
+  if (prev.response !== next.response) {
+    if (!prev.response !== !next.response) return false;
+    if (prev.response && next.response) {
+      if (prev.response.text !== next.response.text || prev.response.isStreaming !== next.response.isStreaming || prev.response.messageId !== next.response.messageId || prev.response.annotations?.length !== next.response.annotations?.length) return false;
+    }
+  }
   if (prev.openAnnotationRequest !== next.openAnnotationRequest) return false;
   if (prev.hasActiveFollowUpAnnotations !== next.hasActiveFollowUpAnnotations) return false;
   return prev.sessionId === next.sessionId && prev.turnId === next.turnId;
@@ -5438,6 +5449,24 @@ function handleTextDelta(state, event) {
   const streamingIndex = findStreamingMessage(session.messages, event.turnId);
   if (streamingIndex !== -1) {
     const currentMsg = session.messages[streamingIndex];
+    if (currentMsg.isIntermediate && !event.isIntermediate) {
+      const closedSession = updateMessageAt(session, streamingIndex, {
+        isStreaming: false
+      });
+      const newMessage2 = {
+        id: generateMessageId2(),
+        role: "assistant",
+        content: event.delta,
+        timestamp: event.timestamp ?? Date.now(),
+        isStreaming: true,
+        isPending: true,
+        turnId: event.turnId
+      };
+      return {
+        session: appendMessage(closedSession, newMessage2, false),
+        streaming: { content: event.delta, turnId: event.turnId }
+      };
+    }
     const updatedSession = updateMessageAt(session, streamingIndex, {
       content: currentMsg.content + event.delta
     });
@@ -5450,7 +5479,8 @@ function handleTextDelta(state, event) {
     timestamp: event.timestamp ?? Date.now(),
     isStreaming: true,
     isPending: true,
-    turnId: event.turnId
+    turnId: event.turnId,
+    ...event.isIntermediate ? { isIntermediate: true } : {}
   };
   return {
     session: appendMessage(session, newMessage, false),
@@ -5460,12 +5490,15 @@ function handleTextDelta(state, event) {
 function handleTextComplete(state, event) {
   const { session, streaming } = state;
   let msgIndex = findStreamingMessage(session.messages, event.turnId);
+  if (msgIndex !== -1 && event.isIntermediate && !session.messages[msgIndex].isIntermediate) {
+    msgIndex = -1;
+  }
   if (msgIndex === -1) {
     msgIndex = findAssistantMessage(session.messages, event.turnId);
   }
   if (msgIndex !== -1) {
     const existingMsg = session.messages[msgIndex];
-    if (!existingMsg.isStreaming && existingMsg.isIntermediate && event.isIntermediate) {
+    if (!existingMsg.isStreaming && existingMsg.isIntermediate && !existingMsg.isPending) {
       msgIndex = -1;
     }
   }
@@ -6533,14 +6566,16 @@ function mapCoreEventToProcessorEvent(coreEvent, sessionId) {
         type: "text_delta",
         sessionId,
         delta: coreEvent.text,
-        turnId: coreEvent.turnId
+        turnId: coreEvent.turnId,
+        isIntermediate: true
       };
     case "reasoning":
       return {
         type: "text_complete",
         sessionId,
         text: coreEvent.text,
-        turnId: coreEvent.turnId
+        turnId: coreEvent.turnId,
+        isIntermediate: true
       };
     case "permission_response":
       return {
@@ -6580,7 +6615,8 @@ function mapTimelineEnvelopeToProcessorEvent(envelope) {
         sessionId,
         delta: item.text,
         turnId: item.turnId,
-        timestamp
+        timestamp,
+        ...item.type === "reasoning_delta" && { isIntermediate: true }
       };
     case "assistant_message":
     case "reasoning":
@@ -6590,7 +6626,8 @@ function mapTimelineEnvelopeToProcessorEvent(envelope) {
         text: item.text,
         turnId: item.turnId,
         timestamp,
-        messageId: item.messageId
+        messageId: item.messageId,
+        ...item.type === "reasoning" && { isIntermediate: true }
       };
     case "tool_call":
       return {
@@ -7266,6 +7303,17 @@ function useAgentChatSession(options) {
 function useTimelineAgentChatSession(options) {
   const { runtime, workspaceId = "local-workspace", workspaceName = "Local Workspace" } = options;
   const [timeline, setTimeline] = (0, import_react19.useState)([]);
+  const [sessionState, setSessionState] = (0, import_react19.useState)(() => ({
+    session: {
+      id: runtime.sessionId,
+      workspaceId,
+      workspaceName,
+      lastMessageAt: 0,
+      messages: [],
+      isProcessing: false
+    },
+    streaming: null
+  }));
   const [capabilityReport, setCapabilityReport] = (0, import_react19.useState)(null);
   const [error, setError] = (0, import_react19.useState)(null);
   const [isReconnecting, setIsReconnecting] = (0, import_react19.useState)(false);
@@ -7276,6 +7324,11 @@ function useTimelineAgentChatSession(options) {
     const onEvent = (envelope) => {
       lastCursorRef.current = { epoch: envelope.epoch, afterSeq: envelope.seq };
       setTimeline((current) => mergeTimeline(current, [envelope]));
+      if (isChatTranscriptTimelineEnvelope(envelope)) {
+        setSessionState(
+          (current) => processEvent(current, mapTimelineEnvelopeToProcessorEvent(envelope)).state
+        );
+      }
       setIsReconnecting(false);
     };
     const onError = (err) => {
@@ -7290,6 +7343,16 @@ function useTimelineAgentChatSession(options) {
             if (catchupAbort) return;
             if (result.items.length > 0) {
               setTimeline((current) => mergeTimeline(current, result.items));
+              const chatEvents = result.items.filter(isChatTranscriptTimelineEnvelope).sort((a, b) => a.epoch !== b.epoch ? a.epoch.localeCompare(b.epoch) : a.seq - b.seq);
+              if (chatEvents.length > 0) {
+                setSessionState((current) => {
+                  let s = current;
+                  for (const env of chatEvents) {
+                    s = processEvent(s, mapTimelineEnvelopeToProcessorEvent(env)).state;
+                  }
+                  return s;
+                });
+              }
             }
             if (result.hasGap) {
               setHasGap(true);
@@ -7328,25 +7391,23 @@ function useTimelineAgentChatSession(options) {
   const respondToPermission = (0, import_react19.useCallback)(async (requestId, allowed, remember) => {
     await runtime.commands.respondToPermission(requestId, allowed, remember);
   }, [runtime]);
-  const model = (0, import_react19.useMemo)(
-    () => createTimelineAgentChatPanelModel({
-      timeline,
-      sessionId: runtime.sessionId,
-      workspaceId,
-      workspaceName,
-      runtimeState: runtime.getState(),
-      capabilityReport,
-      error
-    }),
-    [timeline, runtime, workspaceId, workspaceName, capabilityReport, error]
+  const turns = (0, import_react19.useMemo)(
+    () => groupMessagesByTurn(sessionState.session.messages),
+    [sessionState]
   );
+  const runtimeState = runtime.getState();
+  const isRunning = runtimeState.status === "running" || runtimeState.status === "preflighting" || runtimeState.status === "starting" || runtimeState.status === "waiting_for_permission";
   const isConnected = runtime.events.isConnected();
   return {
-    ...model,
+    session: sessionState.session,
+    turns,
     timeline,
+    isRunning,
     isConnected,
     isReconnecting,
     hasGap,
+    capabilityReport,
+    error,
     sendMessage,
     abort,
     respondToPermission

package/dist/index.d.cts

@@ -5,7 +5,7 @@ export { CreateFlitroEmbedRuntimeOptions, createFlitroEmbedRuntime };
  * useAgentSession — the official L1 runtime-configuration API.
  *
  * Wraps `createFlitroEmbedRuntime` in a hook: the host backend mints
- * `{ server, token, sessionId }` (e.g. with `@percena/weft-node`) and the
+ * `{ server, token, sessionId }` via `POST /v1/embed/sessions` and the
  * component renders `<TimelineAgentChatPanel runtime={session.runtime} />`.
  */
 
@@ -3261,6 +3261,8 @@ interface TextDeltaEvent {
     turnId?: string;
     /** Timestamp from canonical timeline for stable ordering */
     timestamp?: number;
+    /** When true, this delta belongs to a reasoning/thinking block (intermediate content). */
+    isIntermediate?: boolean;
 }
 /**
  * Text complete event - finalizes streaming text

package/dist/index.d.ts

@@ -5,7 +5,7 @@ export { CreateFlitroEmbedRuntimeOptions, createFlitroEmbedRuntime };
  * useAgentSession — the official L1 runtime-configuration API.
  *
  * Wraps `createFlitroEmbedRuntime` in a hook: the host backend mints
- * `{ server, token, sessionId }` (e.g. with `@percena/weft-node`) and the
+ * `{ server, token, sessionId }` via `POST /v1/embed/sessions` and the
  * component renders `<TimelineAgentChatPanel runtime={session.runtime} />`.
  */
 
@@ -3261,6 +3261,8 @@ interface TextDeltaEvent {
     turnId?: string;
     /** Timestamp from canonical timeline for stable ordering */
     timestamp?: number;
+    /** When true, this delta belongs to a reasoning/thinking block (intermediate content). */
+    isIntermediate?: boolean;
 }
 /**
  * Text complete event - finalizes streaming text

package/dist/index.js

@@ -4100,8 +4100,19 @@ var TurnCard = React10.memo(function TurnCard2({
   if (prev.isLastResponse !== next.isLastResponse) return false;
   if (prev.displayMode !== next.displayMode) return false;
   if (prev.annotationInteractionMode !== next.annotationInteractionMode) return false;
-  if (prev.activities !== next.activities) return false;
-  if (prev.response !== next.response) return false;
+  if (prev.activities !== next.activities) {
+    if (prev.activities.length !== next.activities.length) return false;
+    for (let i = 0; i < prev.activities.length; i++) {
+      const pa = prev.activities[i], na = next.activities[i];
+      if (pa.id !== na.id || pa.status !== na.status || pa.content !== na.content) return false;
+    }
+  }
+  if (prev.response !== next.response) {
+    if (!prev.response !== !next.response) return false;
+    if (prev.response && next.response) {
+      if (prev.response.text !== next.response.text || prev.response.isStreaming !== next.response.isStreaming || prev.response.messageId !== next.response.messageId || prev.response.annotations?.length !== next.response.annotations?.length) return false;
+    }
+  }
   if (prev.openAnnotationRequest !== next.openAnnotationRequest) return false;
   if (prev.hasActiveFollowUpAnnotations !== next.hasActiveFollowUpAnnotations) return false;
   return prev.sessionId === next.sessionId && prev.turnId === next.turnId;
@@ -5361,6 +5372,24 @@ function handleTextDelta(state, event) {
   const streamingIndex = findStreamingMessage(session.messages, event.turnId);
   if (streamingIndex !== -1) {
     const currentMsg = session.messages[streamingIndex];
+    if (currentMsg.isIntermediate && !event.isIntermediate) {
+      const closedSession = updateMessageAt(session, streamingIndex, {
+        isStreaming: false
+      });
+      const newMessage2 = {
+        id: generateMessageId2(),
+        role: "assistant",
+        content: event.delta,
+        timestamp: event.timestamp ?? Date.now(),
+        isStreaming: true,
+        isPending: true,
+        turnId: event.turnId
+      };
+      return {
+        session: appendMessage(closedSession, newMessage2, false),
+        streaming: { content: event.delta, turnId: event.turnId }
+      };
+    }
     const updatedSession = updateMessageAt(session, streamingIndex, {
       content: currentMsg.content + event.delta
     });
@@ -5373,7 +5402,8 @@ function handleTextDelta(state, event) {
     timestamp: event.timestamp ?? Date.now(),
     isStreaming: true,
     isPending: true,
-    turnId: event.turnId
+    turnId: event.turnId,
+    ...event.isIntermediate ? { isIntermediate: true } : {}
   };
   return {
     session: appendMessage(session, newMessage, false),
@@ -5383,12 +5413,15 @@ function handleTextDelta(state, event) {
 function handleTextComplete(state, event) {
   const { session, streaming } = state;
   let msgIndex = findStreamingMessage(session.messages, event.turnId);
+  if (msgIndex !== -1 && event.isIntermediate && !session.messages[msgIndex].isIntermediate) {
+    msgIndex = -1;
+  }
   if (msgIndex === -1) {
     msgIndex = findAssistantMessage(session.messages, event.turnId);
   }
   if (msgIndex !== -1) {
     const existingMsg = session.messages[msgIndex];
-    if (!existingMsg.isStreaming && existingMsg.isIntermediate && event.isIntermediate) {
+    if (!existingMsg.isStreaming && existingMsg.isIntermediate && !existingMsg.isPending) {
       msgIndex = -1;
     }
   }
@@ -6456,14 +6489,16 @@ function mapCoreEventToProcessorEvent(coreEvent, sessionId) {
         type: "text_delta",
         sessionId,
         delta: coreEvent.text,
-        turnId: coreEvent.turnId
+        turnId: coreEvent.turnId,
+        isIntermediate: true
       };
     case "reasoning":
       return {
         type: "text_complete",
         sessionId,
         text: coreEvent.text,
-        turnId: coreEvent.turnId
+        turnId: coreEvent.turnId,
+        isIntermediate: true
       };
     case "permission_response":
       return {
@@ -6503,7 +6538,8 @@ function mapTimelineEnvelopeToProcessorEvent(envelope) {
         sessionId,
         delta: item.text,
         turnId: item.turnId,
-        timestamp
+        timestamp,
+        ...item.type === "reasoning_delta" && { isIntermediate: true }
       };
     case "assistant_message":
     case "reasoning":
@@ -6513,7 +6549,8 @@ function mapTimelineEnvelopeToProcessorEvent(envelope) {
         text: item.text,
         turnId: item.turnId,
         timestamp,
-        messageId: item.messageId
+        messageId: item.messageId,
+        ...item.type === "reasoning" && { isIntermediate: true }
       };
     case "tool_call":
       return {
@@ -7189,6 +7226,17 @@ function useAgentChatSession(options) {
 function useTimelineAgentChatSession(options) {
   const { runtime, workspaceId = "local-workspace", workspaceName = "Local Workspace" } = options;
   const [timeline, setTimeline] = useState12([]);
+  const [sessionState, setSessionState] = useState12(() => ({
+    session: {
+      id: runtime.sessionId,
+      workspaceId,
+      workspaceName,
+      lastMessageAt: 0,
+      messages: [],
+      isProcessing: false
+    },
+    streaming: null
+  }));
   const [capabilityReport, setCapabilityReport] = useState12(null);
   const [error, setError] = useState12(null);
   const [isReconnecting, setIsReconnecting] = useState12(false);
@@ -7199,6 +7247,11 @@ function useTimelineAgentChatSession(options) {
     const onEvent = (envelope) => {
       lastCursorRef.current = { epoch: envelope.epoch, afterSeq: envelope.seq };
       setTimeline((current) => mergeTimeline(current, [envelope]));
+      if (isChatTranscriptTimelineEnvelope(envelope)) {
+        setSessionState(
+          (current) => processEvent(current, mapTimelineEnvelopeToProcessorEvent(envelope)).state
+        );
+      }
       setIsReconnecting(false);
     };
     const onError = (err) => {
@@ -7213,6 +7266,16 @@ function useTimelineAgentChatSession(options) {
             if (catchupAbort) return;
             if (result.items.length > 0) {
               setTimeline((current) => mergeTimeline(current, result.items));
+              const chatEvents = result.items.filter(isChatTranscriptTimelineEnvelope).sort((a, b) => a.epoch !== b.epoch ? a.epoch.localeCompare(b.epoch) : a.seq - b.seq);
+              if (chatEvents.length > 0) {
+                setSessionState((current) => {
+                  let s = current;
+                  for (const env of chatEvents) {
+                    s = processEvent(s, mapTimelineEnvelopeToProcessorEvent(env)).state;
+                  }
+                  return s;
+                });
+              }
             }
             if (result.hasGap) {
               setHasGap(true);
@@ -7251,25 +7314,23 @@ function useTimelineAgentChatSession(options) {
   const respondToPermission = useCallback9(async (requestId, allowed, remember) => {
     await runtime.commands.respondToPermission(requestId, allowed, remember);
   }, [runtime]);
-  const model = useMemo8(
-    () => createTimelineAgentChatPanelModel({
-      timeline,
-      sessionId: runtime.sessionId,
-      workspaceId,
-      workspaceName,
-      runtimeState: runtime.getState(),
-      capabilityReport,
-      error
-    }),
-    [timeline, runtime, workspaceId, workspaceName, capabilityReport, error]
+  const turns = useMemo8(
+    () => groupMessagesByTurn(sessionState.session.messages),
+    [sessionState]
   );
+  const runtimeState = runtime.getState();
+  const isRunning = runtimeState.status === "running" || runtimeState.status === "preflighting" || runtimeState.status === "starting" || runtimeState.status === "waiting_for_permission";
   const isConnected = runtime.events.isConnected();
   return {
-    ...model,
+    session: sessionState.session,
+    turns,
     timeline,
+    isRunning,
     isConnected,
     isReconnecting,
     hasGap,
+    capabilityReport,
+    error,
     sendMessage,
     abort,
     respondToPermission

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@percena/weft-react",
-  "version": "0.1.5-next.0",
+  "version": "0.1.5-next.2",
   "license": "MIT",
   "description": "Weft React — TimelineAgentChatPanel + headless hooks (useAgentSession) with precompiled CSS; no Tailwind setup required in the host",
   "type": "module",
@@ -47,17 +47,17 @@
     "remark-gfm": "^4.0.0",
     "remark-math": "^6.0.0",
     "zod": "^3.0.0",
-    "@percena/weft-client": "^0.1.0"
+    "@percena/weft-client": "^0.2.0-next.0"
   },
   "devDependencies": {
     "@tailwindcss/cli": "^4.0.0",
     "@tailwindcss/typography": "^0.5.16",
     "@types/react": "^19.2.14",
     "tailwindcss": "^4.0.0",
-    "@weft/provider-flitro": "0.1.0",
-    "@weft/ui": "0.1.0",
     "@weft/local-chat": "0.1.0",
-    "@weft/runtime-core": "0.1.0"
+    "@weft/runtime-core": "0.1.0",
+    "@weft/provider-flitro": "0.1.0",
+    "@weft/ui": "0.1.0"
   },
   "keywords": [
     "weft",