@erdoai/ui 0.1.20 → 0.1.23

package/README.md

@@ -227,27 +227,36 @@ import { DatasetChart } from '@erdoai/ui';
 
 ## Hooks
 
-### useInvocation
+### useThread
 
-Invoke agents with streaming support:
+Manage a thread and send messages with streaming support:
 
 ```tsx
 const {
-  result,       // Current result state
-  isStreaming,  // Whether streaming is in progress
-  error,        // Any error that occurred
-  invoke,       // Function to start invocation
-} = useInvocation({
+  thread,          // Current thread (null if not yet created)
+  isStreaming,     // Whether streaming is in progress
+  error,           // Any error that occurred
+  activeMessages,  // Messages being streamed (with parsed content)
+  sendMessage,     // Function to send a message
+  cancel,          // Function to cancel current message
+} = useThread({
+  botKey: 'data-analyst',  // Optional: specify which bot to use
   onEvent: (event) => console.log('Event:', event),
-  onFinish: (result) => console.log('Complete:', result),
+  onFinish: () => console.log('Message complete'),
   onError: (error) => console.error('Error:', error),
 });
 
-// Invoke an agent
-await invoke('data-analyst', {
-  query: 'Analyze our sales data',
-  threadId: 'thread-123',
-});
+// Send a message (thread is auto-created on first message)
+await sendMessage('Analyze our sales data');
+
+// Render streaming content
+{activeMessages.map(msg => (
+  <div key={msg.message.id}>
+    {msg.contents.map(content => (
+      <Content key={content.id} content={content} />
+    ))}
+  </div>
+))}
 ```
 
 ### useDatasetContents