feat: Move initialPrompt from useRun to start

sdk-react/README.md

@@ -50,40 +50,31 @@ It can be used to interact with an existing run by specifying the `runId`:
 const { messages, run, createMessage, start } = useRun({
   clusterId: 'your-cluster-id',
   customerProvidedSecret: 'your-customer-provided-secret',
-  runId: 'your-run-id',
   // pollInterval: 1000, // Optional: defaults to 1000ms
 });
+
+start({
+  runId: 'your-run-id',
+})
 ```
 
 
 #### New Runs
 
-It can be used to create a new run by specifying a `configId`:
+It can be used to create a new run by specifying an `initialPrompt`:
 
 ```typescript
 const { messages, run, createMessage, start } = useRun({
   clusterId: 'your-cluster-id',
   customerProvidedSecret: 'your-customer-provided-secret',
-  initialMessage: 'Hello!',
-  configId: 'your-run-config-id',
-  // configInput: {} // Optional: if the config has an inputSchema
   // pollInterval: 1000, // Optional: defaults to 1000ms
 });
-```
-
-#### Start
 
-Once the hook is initialized, you can start the run by calling the `start` function:
-
-```typescript
-start()
-
-// Access messages and run state
-console.log(messages); // Array of messages in the run
-console.log(run); // Current run status and metadata
+start({
+  initialPrompt: 'Hello!',
+})
 ```
 
-
 #### Adding Messages
 
 You can add messages to the run by calling the `createMessage` function:
@@ -124,7 +115,7 @@ const { messages } = useRun({
 
 ## Local Development
 
-There is development server included in the repository at `./test-page`.
+There is development server included in the repository at `./demo`.
 
 1. Start the development server:
 ```bash

sdk-react/src/test-page/TestPage.tsx → sdk-react/demo/TestPage.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { useRun } from '../hooks/useRun';
+import { useRun } from '../src';
 
 type TestPageProps = {
   baseUrl?: string;
@@ -33,7 +33,9 @@ export function TestPage(props: TestPageProps) {
         <button
           onClick={() => {
             setStarted(true);
-            start();
+            start({
+              initialPrompt: props.initialPrompt
+            });
           }}
           style={{ padding: '8px 16px' }}
         >