@runtypelabs/react-flow 1.0.8 → 1.0.11

package/.turbo/turbo-build.log

@@ -7,7 +7,7 @@ $ tsup
 CLI Cleaning output folder
 CJS Build start
 ESM Build start
-ESM dist/index.mjs 101.48 KB
-ESM ⚡️ Build success in 313ms
 CJS dist/index.js 105.53 KB
-CJS ⚡️ Build success in 313ms
+CJS ⚡️ Build success in 400ms
+ESM dist/index.mjs 101.48 KB
+ESM ⚡️ Build success in 588ms

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # @runtypelabs/react-flow
 
+## 1.0.11
+
+### Patch Changes
+
+- Updated dependencies [d547ab3]
+- Updated dependencies [c065bb9]
+  - @runtypelabs/sdk@6.3.1
+
+## 1.0.10
+
+### Patch Changes
+
+- 20737ee: Make the 33-event `ExecutionStreamEvent` vocabulary the platform's only public
+  execution stream. Remove request-, Persona-version-, and Flagship-based wire
+  format negotiation; translate API-owned engine frames unconditionally; expose
+  unified events in non-streaming JSON responses; and remove the public
+  `FlowSSEEvent` OpenAPI component.
+
+  Update the TypeScript and Python SDKs, dashboard, examples, smoke tests, and
+  internal tools to consume unified streams. The TypeScript SDK keeps its stable
+  flow and agent callback presentation shapes by translating the unified wire
+  client-side, while obsolete stream-format helper calls are source-compatible
+  no-ops. Preserve external-agent resume handles and flow completion counts on
+  the unified contract.
+
+- Updated dependencies [401acbd]
+- Updated dependencies [cb8cb9e]
+- Updated dependencies [7f77e9f]
+- Updated dependencies [20737ee]
+  - @runtypelabs/sdk@6.3.0
+
+## 1.0.9
+
+### Patch Changes
+
+- Updated dependencies [68a503e]
+  - @runtypelabs/sdk@6.2.1
+
 ## 1.0.8
 
 ### Patch Changes

package/example/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @runtypelabs/react-flow-example
 
+## 0.0.137
+
+### Patch Changes
+
+- Updated dependencies [d547ab3]
+- Updated dependencies [c065bb9]
+  - @runtypelabs/sdk@6.3.1
+  - @runtypelabs/react-flow@1.0.11
+
+## 0.0.136
+
+### Patch Changes
+
+- Updated dependencies [401acbd]
+- Updated dependencies [cb8cb9e]
+- Updated dependencies [7f77e9f]
+- Updated dependencies [20737ee]
+  - @runtypelabs/sdk@6.3.0
+  - @runtypelabs/react-flow@1.0.10
+
+## 0.0.135
+
+### Patch Changes
+
+- Updated dependencies [68a503e]
+  - @runtypelabs/sdk@6.2.1
+  - @runtypelabs/react-flow@1.0.9
+
 ## 0.0.134
 
 ### Patch Changes

package/example/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@runtypelabs/react-flow-example",
-  "version": "0.0.134",
+  "version": "0.0.137",
   "private": true,
   "type": "module",
   "scripts": {

package/example/src/App.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useCallback, useMemo } from 'react'
+import React, { useState, useCallback, useMemo, useRef } from 'react'
 import {
   ReactFlow,
   Controls,
@@ -73,21 +73,23 @@ interface StepProgress {
   executionTime?: number
 }
 
-interface FlowSSEEvent {
+interface ExecutionSSEEvent {
   type: string
+  kind?: 'agent' | 'flow'
   flowId?: string
+  flowName?: string
   totalSteps?: number
   index?: number
   id?: string
+  stepId?: string
   name?: string
+  delta?: string
   text?: string
   content?: string
-  output?: { message?: string; [key: string]: unknown }
   result?: unknown
-  executionTime?: number
-  error?: string
+  durationMs?: number
+  error?: string | { message?: string }
   success?: boolean
-  duration?: number
 }
 
 interface FlowProgress {
@@ -801,6 +803,8 @@ export default function App() {
   const [flowProgress, setFlowProgress] = useState<FlowProgress | null>(null)
   const [flowName, setFlowName] = useState('User Analysis Flow')
   const [loadedFlowId, setLoadedFlowId] = useState<string | null>(null)
+  const textBlockStepIds = useRef(new Map<string, string>())
+  const currentStepId = useRef<string | null>(null)
 
   // Create stable references for handlers that will update nodes
   const [nodes, setNodes, onNodesChange] = useNodesState<RuntypeNode>([])
@@ -945,6 +949,8 @@ export default function App() {
   // Execute flow via Runtype API
   const executeFlow = useCallback(async () => {
     setIsRunning(true)
+    textBlockStepIds.current.clear()
+    currentStepId.current = null
     setFlowProgress({
       flowId: '',
       flowName: flowName,
@@ -1061,17 +1067,20 @@ export default function App() {
   }, [currentSteps, flowName])
 
   // Handle SSE events from the streaming response
-  const handleSSEEvent = useCallback((data: FlowSSEEvent) => {
+  const handleSSEEvent = useCallback((data: ExecutionSSEEvent) => {
     switch (data.type) {
-      case 'flow_start':
+      case 'execution_start':
+        if (data.kind !== 'flow') break
         setFlowProgress((prev) => ({
           ...prev!,
           flowId: data.flowId || '',
+          flowName: data.flowName || prev?.flowName || '',
           totalSteps: data.totalSteps || prev?.totalSteps || 0,
         }))
         break
 
       case 'step_start':
+        currentStepId.current = data.id || null
         setFlowProgress((prev) => {
           if (!prev) return null
           const stepIndex = data.index !== undefined ? data.index : prev.steps.length
@@ -1107,23 +1116,31 @@ export default function App() {
         })
         break
 
-      case 'step_delta':
+      case 'text_start':
+        if (data.id) {
+          const stepId = data.stepId || currentStepId.current
+          if (stepId) textBlockStepIds.current.set(data.id, stepId)
+        }
+        break
+
+      case 'text_delta':
         setFlowProgress((prev) => {
           if (!prev) return null
-          const stepIndex = prev.steps.findIndex((s) => s.id === data.id)
+          const stepId = data.id ? textBlockStepIds.current.get(data.id) : undefined
+          if (!stepId) return prev
+          const stepIndex = prev.steps.findIndex((s) => s.id === stepId)
 
           if (stepIndex < 0) {
-            const chunkStepIndex = data.index !== undefined ? data.index : prev.steps.length
             return {
               ...prev,
               steps: [
                 ...prev.steps,
                 {
-                  id: data.id,
-                  name: data.name || '',
-                  index: chunkStepIndex,
+                  id: stepId,
+                  name: '',
+                  index: prev.steps.length,
                   status: 'running',
-                  streamingText: data.text || data.content || '',
+                  streamingText: data.delta || '',
                 },
               ].sort((a, b) => a.index - b.index),
             }
@@ -1133,13 +1150,14 @@ export default function App() {
           newSteps[stepIndex] = {
             ...newSteps[stepIndex],
             streamingText:
-              (newSteps[stepIndex].streamingText || '') + (data.text || data.content || ''),
+              (newSteps[stepIndex].streamingText || '') + (data.delta || ''),
           }
           return { ...prev, steps: newSteps }
         })
         break
 
       case 'step_complete':
+        if (currentStepId.current === data.id) currentStepId.current = null
         setFlowProgress((prev) => {
           if (!prev) return null
           const stepIndex = prev.steps.findIndex((s) => s.id === data.id)
@@ -1147,63 +1165,55 @@ export default function App() {
             const newSteps = [...prev.steps]
             const step = newSteps[stepIndex]
 
-            let finalText = step.streamingText
-            if (!finalText && data.output?.message) {
-              finalText = data.output.message
-            }
-
             newSteps[stepIndex] = {
               ...step,
-              status: 'completed',
-              result: data.result || data.output,
-              streamingText: finalText,
-              executionTime: data.executionTime,
+              status: data.success === false ? 'failed' : 'completed',
+              result: data.result,
+              error:
+                typeof data.error === 'string'
+                  ? data.error
+                  : data.error?.message,
+              executionTime: data.durationMs,
             }
 
             return {
               ...prev,
               steps: newSteps.sort((a, b) => a.index - b.index),
+              isError: prev.isError || data.success === false,
             }
           }
           return prev
         })
         break
 
-      case 'step_error':
-        setFlowProgress((prev) => {
-          if (!prev) return null
-          const stepIndex = prev.steps.findIndex((s) => s.id === data.id)
-          if (stepIndex >= 0) {
-            const newSteps = [...prev.steps]
-            newSteps[stepIndex] = {
-              ...newSteps[stepIndex],
-              status: 'failed',
-              error: data.error,
-              executionTime: data.executionTime,
-            }
-            return {
-              ...prev,
-              steps: newSteps.sort((a, b) => a.index - b.index),
-              isError: true,
-            }
-          }
-          return prev
-        })
-        break
-
-      case 'flow_complete':
+      case 'execution_complete':
+        if (data.kind !== 'flow') break
         setFlowProgress((prev) => {
           if (!prev) return null
           return {
             ...prev,
             isComplete: true,
             isError: !data.success,
-            executionTime: data.executionTime || data.duration,
+            executionTime: data.durationMs,
           }
         })
         setIsRunning(false)
         break
 
+      case 'execution_error':
+        if (data.kind !== 'flow') break
+        setFlowProgress((prev) =>
+          prev
+            ? {
+                ...prev,
+                isComplete: true,
+                isError: true,
+              }
+            : null
+        )
+        setIsRunning(false)
+        break
+
       default:
         break
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@runtypelabs/react-flow",
-  "version": "1.0.8",
+  "version": "1.0.11",
   "description": "React Flow adapter for building visual flow editors with Runtype",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -16,7 +16,7 @@
     "*.css"
   ],
   "dependencies": {
-    "@runtypelabs/sdk": "6.2.0"
+    "@runtypelabs/sdk": "6.3.1"
   },
   "peerDependencies": {
     "@xyflow/react": "^12.0.0",