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

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;
@@ -7292,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);
@@ -7302,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) => {
@@ -7316,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);
@@ -7354,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.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;
@@ -7215,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);
@@ -7225,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) => {
@@ -7239,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);
@@ -7277,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.1",
+  "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",
@@ -54,9 +54,9 @@
     "@tailwindcss/typography": "^0.5.16",
     "@types/react": "^19.2.14",
     "tailwindcss": "^4.0.0",
-    "@weft/provider-flitro": "0.1.0",
     "@weft/local-chat": "0.1.0",
     "@weft/runtime-core": "0.1.0",
+    "@weft/provider-flitro": "0.1.0",
     "@weft/ui": "0.1.0"
   },
   "keywords": [