@ai-sdk/react 2.0.0-canary.8 → 2.0.0

package/dist/index.js

@@ -26,10 +26,29 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
 
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  Chat: () => Chat,
   experimental_useObject: () => experimental_useObject,
   useChat: () => useChat,
   useCompletion: () => useCompletion
@@ -37,9 +56,10 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/use-chat.ts
-var import_ai2 = require("ai");
-var import_react2 = require("react");
-var import_swr = __toESM(require("swr"));
+var import_react = require("react");
+
+// src/chat.react.ts
+var import_ai = require("ai");
 
 // src/throttle.ts
 var import_throttleit = __toESM(require("throttleit"));
@@ -47,370 +67,177 @@ function throttle(fn, waitMs) {
   return waitMs != null ? (0, import_throttleit.default)(fn, waitMs) : fn;
 }
 
-// src/util/use-stable-value.ts
-var import_ai = require("ai");
-var import_react = require("react");
-function useStableValue(latestValue) {
-  const [value, setValue] = (0, import_react.useState)(latestValue);
-  (0, import_react.useEffect)(() => {
-    if (!(0, import_ai.isDeepEqualData)(latestValue, value)) {
-      setValue(latestValue);
-    }
-  }, [latestValue, value]);
-  return value;
-}
+// src/chat.react.ts
+var _messages, _status, _error, _messagesCallbacks, _statusCallbacks, _errorCallbacks, _callMessagesCallbacks, _callStatusCallbacks, _callErrorCallbacks;
+var ReactChatState = class {
+  constructor(initialMessages = []) {
+    __privateAdd(this, _messages, void 0);
+    __privateAdd(this, _status, "ready");
+    __privateAdd(this, _error, void 0);
+    __privateAdd(this, _messagesCallbacks, /* @__PURE__ */ new Set());
+    __privateAdd(this, _statusCallbacks, /* @__PURE__ */ new Set());
+    __privateAdd(this, _errorCallbacks, /* @__PURE__ */ new Set());
+    this.pushMessage = (message) => {
+      __privateSet(this, _messages, __privateGet(this, _messages).concat(message));
+      __privateGet(this, _callMessagesCallbacks).call(this);
+    };
+    this.popMessage = () => {
+      __privateSet(this, _messages, __privateGet(this, _messages).slice(0, -1));
+      __privateGet(this, _callMessagesCallbacks).call(this);
+    };
+    this.replaceMessage = (index, message) => {
+      __privateSet(this, _messages, [
+        ...__privateGet(this, _messages).slice(0, index),
+        // We deep clone the message here to ensure the new React Compiler (currently in RC) detects deeply nested parts/metadata changes:
+        this.snapshot(message),
+        ...__privateGet(this, _messages).slice(index + 1)
+      ]);
+      __privateGet(this, _callMessagesCallbacks).call(this);
+    };
+    this.snapshot = (value) => structuredClone(value);
+    this["~registerMessagesCallback"] = (onChange, throttleWaitMs) => {
+      const callback = throttleWaitMs ? throttle(onChange, throttleWaitMs) : onChange;
+      __privateGet(this, _messagesCallbacks).add(callback);
+      return () => {
+        __privateGet(this, _messagesCallbacks).delete(callback);
+      };
+    };
+    this["~registerStatusCallback"] = (onChange) => {
+      __privateGet(this, _statusCallbacks).add(onChange);
+      return () => {
+        __privateGet(this, _statusCallbacks).delete(onChange);
+      };
+    };
+    this["~registerErrorCallback"] = (onChange) => {
+      __privateGet(this, _errorCallbacks).add(onChange);
+      return () => {
+        __privateGet(this, _errorCallbacks).delete(onChange);
+      };
+    };
+    __privateAdd(this, _callMessagesCallbacks, () => {
+      __privateGet(this, _messagesCallbacks).forEach((callback) => callback());
+    });
+    __privateAdd(this, _callStatusCallbacks, () => {
+      __privateGet(this, _statusCallbacks).forEach((callback) => callback());
+    });
+    __privateAdd(this, _callErrorCallbacks, () => {
+      __privateGet(this, _errorCallbacks).forEach((callback) => callback());
+    });
+    __privateSet(this, _messages, initialMessages);
+  }
+  get status() {
+    return __privateGet(this, _status);
+  }
+  set status(newStatus) {
+    __privateSet(this, _status, newStatus);
+    __privateGet(this, _callStatusCallbacks).call(this);
+  }
+  get error() {
+    return __privateGet(this, _error);
+  }
+  set error(newError) {
+    __privateSet(this, _error, newError);
+    __privateGet(this, _callErrorCallbacks).call(this);
+  }
+  get messages() {
+    return __privateGet(this, _messages);
+  }
+  set messages(newMessages) {
+    __privateSet(this, _messages, [...newMessages]);
+    __privateGet(this, _callMessagesCallbacks).call(this);
+  }
+};
+_messages = new WeakMap();
+_status = new WeakMap();
+_error = new WeakMap();
+_messagesCallbacks = new WeakMap();
+_statusCallbacks = new WeakMap();
+_errorCallbacks = new WeakMap();
+_callMessagesCallbacks = new WeakMap();
+_callStatusCallbacks = new WeakMap();
+_callErrorCallbacks = new WeakMap();
+var _state;
+var Chat = class extends import_ai.AbstractChat {
+  constructor({ messages, ...init }) {
+    const state = new ReactChatState(messages);
+    super({ ...init, state });
+    __privateAdd(this, _state, void 0);
+    this["~registerMessagesCallback"] = (onChange, throttleWaitMs) => __privateGet(this, _state)["~registerMessagesCallback"](onChange, throttleWaitMs);
+    this["~registerStatusCallback"] = (onChange) => __privateGet(this, _state)["~registerStatusCallback"](onChange);
+    this["~registerErrorCallback"] = (onChange) => __privateGet(this, _state)["~registerErrorCallback"](onChange);
+    __privateSet(this, _state, state);
+  }
+};
+_state = new WeakMap();
 
 // src/use-chat.ts
 function useChat({
-  api = "/api/chat",
-  id,
-  initialMessages,
-  initialInput = "",
-  sendExtraMessageFields,
-  onToolCall,
-  experimental_prepareRequestBody,
-  maxSteps = 1,
-  streamProtocol = "data",
-  onResponse,
-  onFinish,
-  onError,
-  credentials,
-  headers,
-  body,
-  generateId = import_ai2.generateId,
-  fetch: fetch2,
-  keepLastMessageOnError = true,
-  experimental_throttle: throttleWaitMs
+  experimental_throttle: throttleWaitMs,
+  resume = false,
+  ...options
 } = {}) {
-  const [hookId] = (0, import_react2.useState)(generateId);
-  const chatId = id != null ? id : hookId;
-  const chatKey = typeof api === "string" ? [api, chatId] : chatId;
-  const stableInitialMessages = useStableValue(initialMessages != null ? initialMessages : []);
-  const processedInitialMessages = (0, import_react2.useMemo)(
-    () => (0, import_ai2.fillMessageParts)(stableInitialMessages),
-    [stableInitialMessages]
-  );
-  const { data: messages, mutate } = (0, import_swr.default)(
-    [chatKey, "messages"],
-    null,
-    { fallbackData: processedInitialMessages }
-  );
-  const messagesRef = (0, import_react2.useRef)(messages || []);
-  (0, import_react2.useEffect)(() => {
-    messagesRef.current = messages || [];
-  }, [messages]);
-  const { data: streamData, mutate: mutateStreamData } = (0, import_swr.default)([chatKey, "streamData"], null);
-  const streamDataRef = (0, import_react2.useRef)(streamData);
-  (0, import_react2.useEffect)(() => {
-    streamDataRef.current = streamData;
-  }, [streamData]);
-  const { data: status = "ready", mutate: mutateStatus } = (0, import_swr.default)([chatKey, "status"], null);
-  const { data: error = void 0, mutate: setError } = (0, import_swr.default)([chatKey, "error"], null);
-  const abortControllerRef = (0, import_react2.useRef)(null);
-  const extraMetadataRef = (0, import_react2.useRef)({
-    credentials,
-    headers,
-    body
-  });
-  (0, import_react2.useEffect)(() => {
-    extraMetadataRef.current = {
-      credentials,
-      headers,
-      body
-    };
-  }, [credentials, headers, body]);
-  const triggerRequest = (0, import_react2.useCallback)(
-    async (chatRequest) => {
-      var _a, _b;
-      mutateStatus("submitted");
-      setError(void 0);
-      const chatMessages = (0, import_ai2.fillMessageParts)(chatRequest.messages);
-      const messageCount = chatMessages.length;
-      const maxStep = (0, import_ai2.extractMaxToolInvocationStep)(
-        (_a = chatMessages[chatMessages.length - 1]) == null ? void 0 : _a.toolInvocations
-      );
-      try {
-        const abortController = new AbortController();
-        abortControllerRef.current = abortController;
-        const throttledMutate = throttle(mutate, throttleWaitMs);
-        const throttledMutateStreamData = throttle(
-          mutateStreamData,
-          throttleWaitMs
-        );
-        const previousMessages = messagesRef.current;
-        throttledMutate(chatMessages, false);
-        const constructedMessagesPayload = sendExtraMessageFields ? chatMessages : chatMessages.map(
-          ({
-            role,
-            content,
-            experimental_attachments,
-            data,
-            annotations,
-            toolInvocations,
-            parts
-          }) => ({
-            role,
-            content,
-            ...experimental_attachments !== void 0 && {
-              experimental_attachments
-            },
-            ...data !== void 0 && { data },
-            ...annotations !== void 0 && { annotations },
-            ...toolInvocations !== void 0 && { toolInvocations },
-            ...parts !== void 0 && { parts }
-          })
-        );
-        const existingData = streamDataRef.current;
-        await (0, import_ai2.callChatApi)({
-          api,
-          body: (_b = experimental_prepareRequestBody == null ? void 0 : experimental_prepareRequestBody({
-            id: chatId,
-            messages: chatMessages,
-            requestData: chatRequest.data,
-            requestBody: chatRequest.body
-          })) != null ? _b : {
-            id: chatId,
-            messages: constructedMessagesPayload,
-            data: chatRequest.data,
-            ...extraMetadataRef.current.body,
-            ...chatRequest.body
-          },
-          streamProtocol,
-          credentials: extraMetadataRef.current.credentials,
-          headers: {
-            ...extraMetadataRef.current.headers,
-            ...chatRequest.headers
-          },
-          abortController: () => abortControllerRef.current,
-          restoreMessagesOnFailure() {
-            if (!keepLastMessageOnError) {
-              throttledMutate(previousMessages, false);
-            }
-          },
-          onResponse,
-          onUpdate({ message, data, replaceLastMessage }) {
-            mutateStatus("streaming");
-            throttledMutate(
-              [
-                ...replaceLastMessage ? chatMessages.slice(0, chatMessages.length - 1) : chatMessages,
-                message
-              ],
-              false
-            );
-            if (data == null ? void 0 : data.length) {
-              throttledMutateStreamData(
-                [...existingData != null ? existingData : [], ...data],
-                false
-              );
-            }
-          },
-          onToolCall,
-          onFinish,
-          generateId,
-          fetch: fetch2,
-          lastMessage: chatMessages[chatMessages.length - 1]
-        });
-        abortControllerRef.current = null;
-        mutateStatus("ready");
-      } catch (err) {
-        if (err.name === "AbortError") {
-          abortControllerRef.current = null;
-          mutateStatus("ready");
-          return null;
-        }
-        if (onError && err instanceof Error) {
-          onError(err);
-        }
-        setError(err);
-        mutateStatus("error");
-      }
-      const messages2 = messagesRef.current;
-      if ((0, import_ai2.shouldResubmitMessages)({
-        originalMaxToolInvocationStep: maxStep,
-        originalMessageCount: messageCount,
-        maxSteps,
-        messages: messages2
-      })) {
-        await triggerRequest({ messages: messages2 });
-      }
-    },
-    [
-      mutate,
-      mutateStatus,
-      api,
-      extraMetadataRef,
-      onResponse,
-      onFinish,
-      onError,
-      setError,
-      mutateStreamData,
-      streamDataRef,
-      streamProtocol,
-      sendExtraMessageFields,
-      experimental_prepareRequestBody,
-      onToolCall,
-      maxSteps,
-      messagesRef,
-      abortControllerRef,
-      generateId,
-      fetch2,
-      keepLastMessageOnError,
-      throttleWaitMs,
-      chatId
-    ]
+  const chatRef = (0, import_react.useRef)(
+    "chat" in options ? options.chat : new Chat(options)
   );
-  const append = (0, import_react2.useCallback)(
-    async (message, {
-      data,
-      headers: headers2,
-      body: body2,
-      experimental_attachments
-    } = {}) => {
-      var _a, _b;
-      const attachmentsForRequest = await (0, import_ai2.prepareAttachmentsForRequest)(
-        experimental_attachments
-      );
-      const messages2 = messagesRef.current.concat({
-        ...message,
-        id: (_a = message.id) != null ? _a : generateId(),
-        createdAt: (_b = message.createdAt) != null ? _b : /* @__PURE__ */ new Date(),
-        experimental_attachments: attachmentsForRequest.length > 0 ? attachmentsForRequest : void 0,
-        parts: (0, import_ai2.getMessageParts)(message)
-      });
-      return triggerRequest({ messages: messages2, headers: headers2, body: body2, data });
-    },
-    [triggerRequest, generateId]
+  const shouldRecreateChat = "chat" in options && options.chat !== chatRef.current || "id" in options && chatRef.current.id !== options.id;
+  if (shouldRecreateChat) {
+    chatRef.current = "chat" in options ? options.chat : new Chat(options);
+  }
+  const optionsId = "id" in options ? options.id : null;
+  const subscribeToMessages = (0, import_react.useCallback)(
+    (update) => chatRef.current["~registerMessagesCallback"](update, throttleWaitMs),
+    // optionsId is required to trigger re-subscription when the chat ID changes
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [throttleWaitMs, optionsId]
   );
-  const reload = (0, import_react2.useCallback)(
-    async ({ data, headers: headers2, body: body2 } = {}) => {
-      const messages2 = messagesRef.current;
-      if (messages2.length === 0) {
-        return null;
-      }
-      const lastMessage = messages2[messages2.length - 1];
-      return triggerRequest({
-        messages: lastMessage.role === "assistant" ? messages2.slice(0, -1) : messages2,
-        headers: headers2,
-        body: body2,
-        data
-      });
-    },
-    [triggerRequest]
+  const messages = (0, import_react.useSyncExternalStore)(
+    subscribeToMessages,
+    () => chatRef.current.messages,
+    () => chatRef.current.messages
   );
-  const stop = (0, import_react2.useCallback)(() => {
-    if (abortControllerRef.current) {
-      abortControllerRef.current.abort();
-      abortControllerRef.current = null;
-    }
-  }, []);
-  const setMessages = (0, import_react2.useCallback)(
-    (messages2) => {
-      if (typeof messages2 === "function") {
-        messages2 = messages2(messagesRef.current);
-      }
-      const messagesWithParts = (0, import_ai2.fillMessageParts)(messages2);
-      mutate(messagesWithParts, false);
-      messagesRef.current = messagesWithParts;
-    },
-    [mutate]
+  const status = (0, import_react.useSyncExternalStore)(
+    chatRef.current["~registerStatusCallback"],
+    () => chatRef.current.status,
+    () => chatRef.current.status
   );
-  const setData = (0, import_react2.useCallback)(
-    (data) => {
-      if (typeof data === "function") {
-        data = data(streamDataRef.current);
-      }
-      mutateStreamData(data, false);
-      streamDataRef.current = data;
-    },
-    [mutateStreamData]
+  const error = (0, import_react.useSyncExternalStore)(
+    chatRef.current["~registerErrorCallback"],
+    () => chatRef.current.error,
+    () => chatRef.current.error
   );
-  const [input, setInput] = (0, import_react2.useState)(initialInput);
-  const handleSubmit = (0, import_react2.useCallback)(
-    async (event, options = {}, metadata) => {
-      var _a;
-      (_a = event == null ? void 0 : event.preventDefault) == null ? void 0 : _a.call(event);
-      if (!input && !options.allowEmptySubmit)
-        return;
-      if (metadata) {
-        extraMetadataRef.current = {
-          ...extraMetadataRef.current,
-          ...metadata
-        };
+  const setMessages = (0, import_react.useCallback)(
+    (messagesParam) => {
+      if (typeof messagesParam === "function") {
+        messagesParam = messagesParam(chatRef.current.messages);
       }
-      const attachmentsForRequest = await (0, import_ai2.prepareAttachmentsForRequest)(
-        options.experimental_attachments
-      );
-      const messages2 = messagesRef.current.concat({
-        id: generateId(),
-        createdAt: /* @__PURE__ */ new Date(),
-        role: "user",
-        content: input,
-        experimental_attachments: attachmentsForRequest.length > 0 ? attachmentsForRequest : void 0,
-        parts: [{ type: "text", text: input }]
-      });
-      const chatRequest = {
-        messages: messages2,
-        headers: options.headers,
-        body: options.body,
-        data: options.data
-      };
-      triggerRequest(chatRequest);
-      setInput("");
+      chatRef.current.messages = messagesParam;
     },
-    [input, generateId, triggerRequest]
-  );
-  const handleInputChange = (e) => {
-    setInput(e.target.value);
-  };
-  const addToolResult = (0, import_react2.useCallback)(
-    ({ toolCallId, result }) => {
-      const currentMessages = messagesRef.current;
-      (0, import_ai2.updateToolCallResult)({
-        messages: currentMessages,
-        toolCallId,
-        toolResult: result
-      });
-      mutate(
-        [
-          ...currentMessages.slice(0, currentMessages.length - 1),
-          { ...currentMessages[currentMessages.length - 1] }
-        ],
-        false
-      );
-      if (status === "submitted" || status === "streaming") {
-        return;
-      }
-      const lastMessage = currentMessages[currentMessages.length - 1];
-      if ((0, import_ai2.isAssistantMessageWithCompletedToolCalls)(lastMessage)) {
-        triggerRequest({ messages: currentMessages });
-      }
-    },
-    [mutate, status, triggerRequest]
+    [chatRef]
   );
+  (0, import_react.useEffect)(() => {
+    if (resume) {
+      chatRef.current.resumeStream();
+    }
+  }, [resume, chatRef]);
   return {
-    messages: messages != null ? messages : [],
-    id: chatId,
+    id: chatRef.current.id,
+    messages,
     setMessages,
-    data: streamData,
-    setData,
+    sendMessage: chatRef.current.sendMessage,
+    regenerate: chatRef.current.regenerate,
+    clearError: chatRef.current.clearError,
+    stop: chatRef.current.stop,
     error,
-    append,
-    reload,
-    stop,
-    input,
-    setInput,
-    handleInputChange,
-    handleSubmit,
-    isLoading: status === "submitted" || status === "streaming",
+    resumeStream: chatRef.current.resumeStream,
     status,
-    addToolResult
+    addToolResult: chatRef.current.addToolResult
   };
 }
 
 // src/use-completion.ts
-var import_ai3 = require("ai");
-var import_react3 = require("react");
-var import_swr2 = __toESM(require("swr"));
+var import_ai2 = require("ai");
+var import_react2 = require("react");
+var import_swr = __toESM(require("swr"));
 function useCompletion({
   api = "/api/completion",
   id,
@@ -421,38 +248,36 @@ function useCompletion({
   body,
   streamProtocol = "data",
   fetch: fetch2,
-  onResponse,
   onFinish,
   onError,
   experimental_throttle: throttleWaitMs
 } = {}) {
-  const hookId = (0, import_react3.useId)();
+  const hookId = (0, import_react2.useId)();
   const completionId = id || hookId;
-  const { data, mutate } = (0, import_swr2.default)([api, completionId], null, {
+  const { data, mutate } = (0, import_swr.default)([api, completionId], null, {
     fallbackData: initialCompletion
   });
-  const { data: isLoading = false, mutate: mutateLoading } = (0, import_swr2.default)(
+  const { data: isLoading = false, mutate: mutateLoading } = (0, import_swr.default)(
     [completionId, "loading"],
     null
   );
-  const { data: streamData, mutate: mutateStreamData } = (0, import_swr2.default)([completionId, "streamData"], null);
-  const [error, setError] = (0, import_react3.useState)(void 0);
+  const [error, setError] = (0, import_react2.useState)(void 0);
   const completion = data;
-  const [abortController, setAbortController] = (0, import_react3.useState)(null);
-  const extraMetadataRef = (0, import_react3.useRef)({
+  const [abortController, setAbortController] = (0, import_react2.useState)(null);
+  const extraMetadataRef = (0, import_react2.useRef)({
     credentials,
     headers,
     body
   });
-  (0, import_react3.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     extraMetadataRef.current = {
       credentials,
       headers,
       body
     };
   }, [credentials, headers, body]);
-  const triggerRequest = (0, import_react3.useCallback)(
-    async (prompt, options) => (0, import_ai3.callCompletionApi)({
+  const triggerRequest = (0, import_react2.useCallback)(
+    async (prompt, options) => (0, import_ai2.callCompletionApi)({
       api,
       prompt,
       credentials: extraMetadataRef.current.credentials,
@@ -468,14 +293,9 @@ function useCompletion({
         (completion2) => mutate(completion2, false),
         throttleWaitMs
       ),
-      onData: throttle(
-        (data2) => mutateStreamData([...streamData != null ? streamData : [], ...data2 != null ? data2 : []], false),
-        throttleWaitMs
-      ),
       setLoading: mutateLoading,
       setError,
       setAbortController,
-      onResponse,
       onFinish,
       onError
     }),
@@ -485,37 +305,34 @@ function useCompletion({
       api,
       extraMetadataRef,
       setAbortController,
-      onResponse,
       onFinish,
       onError,
       setError,
-      streamData,
       streamProtocol,
       fetch2,
-      mutateStreamData,
       throttleWaitMs
     ]
   );
-  const stop = (0, import_react3.useCallback)(() => {
+  const stop = (0, import_react2.useCallback)(() => {
     if (abortController) {
       abortController.abort();
       setAbortController(null);
     }
   }, [abortController]);
-  const setCompletion = (0, import_react3.useCallback)(
+  const setCompletion = (0, import_react2.useCallback)(
     (completion2) => {
       mutate(completion2, false);
     },
     [mutate]
   );
-  const complete = (0, import_react3.useCallback)(
+  const complete = (0, import_react2.useCallback)(
     async (prompt, options) => {
       return triggerRequest(prompt, options);
     },
     [triggerRequest]
   );
-  const [input, setInput] = (0, import_react3.useState)(initialInput);
-  const handleSubmit = (0, import_react3.useCallback)(
+  const [input, setInput] = (0, import_react2.useState)(initialInput);
+  const handleSubmit = (0, import_react2.useCallback)(
     (event) => {
       var _a;
       (_a = event == null ? void 0 : event.preventDefault) == null ? void 0 : _a.call(event);
@@ -523,7 +340,7 @@ function useCompletion({
     },
     [input, complete]
   );
-  const handleInputChange = (0, import_react3.useCallback)(
+  const handleInputChange = (0, import_react2.useCallback)(
     (e) => {
       setInput(e.target.value);
     },
@@ -539,16 +356,15 @@ function useCompletion({
     setInput,
     handleInputChange,
     handleSubmit,
-    isLoading,
-    data: streamData
+    isLoading
   };
 }
 
 // src/use-object.ts
 var import_provider_utils = require("@ai-sdk/provider-utils");
-var import_ai4 = require("ai");
-var import_react4 = require("react");
-var import_swr3 = __toESM(require("swr"));
+var import_ai3 = require("ai");
+var import_react3 = require("react");
+var import_swr2 = __toESM(require("swr"));
 var getOriginalFetch = () => fetch;
 function useObject({
   api,
@@ -562,17 +378,17 @@ function useObject({
   headers,
   credentials
 }) {
-  const hookId = (0, import_react4.useId)();
+  const hookId = (0, import_react3.useId)();
   const completionId = id != null ? id : hookId;
-  const { data, mutate } = (0, import_swr3.default)(
+  const { data, mutate } = (0, import_swr2.default)(
     [api, completionId],
     null,
     { fallbackData: initialValue }
   );
-  const [error, setError] = (0, import_react4.useState)(void 0);
-  const [isLoading, setIsLoading] = (0, import_react4.useState)(false);
-  const abortControllerRef = (0, import_react4.useRef)(null);
-  const stop = (0, import_react4.useCallback)(() => {
+  const [error, setError] = (0, import_react3.useState)(void 0);
+  const [isLoading, setIsLoading] = (0, import_react3.useState)(false);
+  const abortControllerRef = (0, import_react3.useRef)(null);
+  const stop = (0, import_react3.useCallback)(() => {
     var _a;
     try {
       (_a = abortControllerRef.current) == null ? void 0 : _a.abort();
@@ -585,9 +401,8 @@ function useObject({
   const submit = async (input) => {
     var _a;
     try {
-      mutate(void 0);
+      clearObject();
       setIsLoading(true);
-      setError(void 0);
       const abortController = new AbortController();
       abortControllerRef.current = abortController;
       const actualFetch = fetch2 != null ? fetch2 : getOriginalFetch();
@@ -613,22 +428,22 @@ function useObject({
       let latestObject = void 0;
       await response.body.pipeThrough(new TextDecoderStream()).pipeTo(
         new WritableStream({
-          write(chunk) {
+          async write(chunk) {
             accumulatedText += chunk;
-            const { value } = (0, import_ai4.parsePartialJson)(accumulatedText);
+            const { value } = await (0, import_ai3.parsePartialJson)(accumulatedText);
             const currentObject = value;
-            if (!(0, import_ai4.isDeepEqualData)(latestObject, currentObject)) {
+            if (!(0, import_ai3.isDeepEqualData)(latestObject, currentObject)) {
               latestObject = currentObject;
               mutate(currentObject);
             }
           },
-          close() {
+          async close() {
             setIsLoading(false);
             abortControllerRef.current = null;
             if (onFinish != null) {
-              const validationResult = (0, import_provider_utils.safeValidateTypes)({
+              const validationResult = await (0, import_provider_utils.safeValidateTypes)({
                 value: latestObject,
-                schema: (0, import_ai4.asSchema)(schema)
+                schema: (0, import_ai3.asSchema)(schema)
               });
               onFinish(
                 validationResult.success ? { object: validationResult.value, error: void 0 } : { object: void 0, error: validationResult.error }
@@ -648,17 +463,28 @@ function useObject({
       setError(error2 instanceof Error ? error2 : new Error(String(error2)));
     }
   };
+  const clear = () => {
+    stop();
+    clearObject();
+  };
+  const clearObject = () => {
+    setError(void 0);
+    setIsLoading(false);
+    mutate(void 0);
+  };
   return {
     submit,
     object: data,
     error,
     isLoading,
-    stop
+    stop,
+    clear
   };
 }
 var experimental_useObject = useObject;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Chat,
   experimental_useObject,
   useChat,
   useCompletion