diff --git a/apps/web/app/docs/ai-sdk/page.tsx b/apps/web/app/docs/ai-sdk/page.tsx
index 9dbd4add..0e56a809 100644
--- a/apps/web/app/docs/ai-sdk/page.tsx
+++ b/apps/web/app/docs/ai-sdk/page.tsx
@@ -55,17 +55,17 @@ export async function POST(req: Request) {
 import { useUIStream } from '@json-render/react';
 
 function GenerativeUI() {
-  const { tree, isLoading, error, generate } = useUIStream({
-    endpoint: '/api/generate',
+  const { tree, isStreaming, error, send } = useUIStream({
+    api: '/api/generate',
   });
 
   return (
     <div>
       <button 
-        onClick={() => generate('Create a dashboard with metrics')}
-        disabled={isLoading}
+        onClick={() => send('Create a dashboard with metrics')}
+        disabled={isStreaming}
       >
-        {isLoading ? 'Generating...' : 'Generate'}
+        {isStreaming ? 'Generating...' : 'Generate'}
       </button>
       
       {error && <p className="text-red-500">{error.message}</p>}
diff --git a/apps/web/app/docs/api/react/page.tsx b/apps/web/app/docs/api/react/page.tsx
index 7c0fb78c..8fa06427 100644
--- a/apps/web/app/docs/api/react/page.tsx
+++ b/apps/web/app/docs/api/react/page.tsx
@@ -63,13 +63,12 @@ interface ComponentProps {
 
       <h3 className="text-lg font-semibold mt-8 mb-4">useUIStream</h3>
       <Code lang="typescript">{`const {
-  tree,       // UITree - current UI state
-  isLoading,  // boolean - true while streaming
-  error,      // Error | null
-  generate,   // (prompt: string) => void
-  abort,      // () => void
+  tree,         // UITree - current UI state
+  isStreaming,  // boolean - true while streaming
+  error,        // Error | null
+  send,         // (prompt: string) => void
 } = useUIStream({
-  endpoint: string,
+  api: string,
 });`}</Code>
 
       <h3 className="text-lg font-semibold mt-8 mb-4">useData</h3>
diff --git a/apps/web/app/docs/quick-start/page.tsx b/apps/web/app/docs/quick-start/page.tsx
index 9852384e..5c1fdbab 100644
--- a/apps/web/app/docs/quick-start/page.tsx
+++ b/apps/web/app/docs/quick-start/page.tsx
@@ -121,14 +121,14 @@ import { DataProvider, ActionProvider, VisibilityProvider, Renderer, useUIStream
 import { registry } from '@/components/registry';
 
 export default function Page() {
-  const { tree, isLoading, generate } = useUIStream({
-    endpoint: '/api/generate',
+  const { tree, isStreaming, send } = useUIStream({
+    api: '/api/generate',
   });
 
   const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
     const formData = new FormData(e.currentTarget);
-    generate(formData.get('prompt') as string);
+    send(formData.get('prompt') as string);
   };
 
   return (
@@ -144,7 +144,7 @@ export default function Page() {
               placeholder="Describe what you want..."
               className="border p-2 rounded"
             />
-            <button type="submit" disabled={isLoading}>
+            <button type="submit" disabled={isStreaming}>
               Generate
             </button>
           </form>
diff --git a/apps/web/app/docs/streaming/page.tsx b/apps/web/app/docs/streaming/page.tsx
index 29d83204..9c5af967 100644
--- a/apps/web/app/docs/streaming/page.tsx
+++ b/apps/web/app/docs/streaming/page.tsx
@@ -30,12 +30,12 @@ export default function StreamingPage() {
 function App() {
   const {
     tree,        // Current UI tree state
-    isLoading,   // True while streaming
+    isStreaming, // True while streaming
     error,       // Any error that occurred
-    generate,    // Function to start generation
+    send,        // Function to start generation
     abort,       // Function to cancel streaming
   } = useUIStream({
-    endpoint: '/api/generate',
+    api: '/api/generate',
   });
 }`}</Code>
 
@@ -101,11 +101,11 @@ function App() {
         The Renderer automatically updates as the tree changes:
       </p>
       <Code lang="tsx">{`function App() {
-  const { tree, isLoading } = useUIStream({ endpoint: '/api/generate' });
+  const { tree, isStreaming } = useUIStream({ api: '/api/generate' });
 
   return (
     <div>
-      {isLoading && <LoadingIndicator />}
+      {isStreaming && <LoadingIndicator />}
       <Renderer tree={tree} registry={registry} />
     </div>
   );
@@ -113,16 +113,16 @@ function App() {
 
       <h2 className="text-xl font-semibold mt-12 mb-4">Aborting Streams</h2>
       <Code lang="tsx">{`function App() {
-  const { isLoading, generate, abort } = useUIStream({
-    endpoint: '/api/generate',
+  const { isStreaming, send, abort } = useUIStream({
+    api: '/api/generate',
   });
 
   return (
     <div>
-      <button onClick={() => generate('Create dashboard')}>
+      <button onClick={() => send('Create dashboard')}>
         Generate
       </button>
-      {isLoading && (
+      {isStreaming && (
         <button onClick={abort}>Cancel</button>
       )}
     </div>