@assistant-ui/react 0.5.83 → 0.5.84

package/dist/index.mjs

@@ -465,22 +465,20 @@ import { useEffect as useEffect5 } from "react";
 var useAssistantTool = (tool) => {
   const assistantRuntime = useAssistantRuntime();
   const toolUIsStore = useToolUIsStore();
+  useEffect5(() => {
+    return tool.render ? toolUIsStore.getState().setToolUI(tool.toolName, tool.render) : void 0;
+  }, [toolUIsStore, tool.toolName, tool.render]);
   useEffect5(() => {
     const { toolName, render, ...rest } = tool;
     const config = {
       tools: {
-        [tool.toolName]: rest
+        [toolName]: rest
       }
     };
-    const unsub1 = assistantRuntime.registerModelConfigProvider({
+    return assistantRuntime.registerModelConfigProvider({
       getModelConfig: () => config
     });
-    const unsub2 = render ? toolUIsStore.getState().setToolUI(toolName, render) : void 0;
-    return () => {
-      unsub1();
-      unsub2?.();
-    };
-  }, [assistantRuntime, toolUIsStore, tool]);
+  }, [assistantRuntime, tool]);
 };
 
 // src/model-config/makeAssistantTool.tsx
@@ -499,9 +497,8 @@ var useAssistantToolUI = (tool) => {
   const toolUIsStore = useToolUIsStore();
   useEffect6(() => {
     if (!tool) return;
-    const { toolName, render } = tool;
-    return toolUIsStore.getState().setToolUI(toolName, render);
-  }, [toolUIsStore, tool]);
+    return toolUIsStore.getState().setToolUI(tool.toolName, tool.render);
+  }, [toolUIsStore, tool?.toolName, tool?.render]);
 };
 
 // src/model-config/makeAssistantToolUI.tsx
@@ -528,8 +525,22 @@ var useAssistantInstructions = (instruction) => {
   }, [assistantRuntime, instruction]);
 };
 
+// src/model-config/useInlineRender.tsx
+import { useCallback as useCallback3, useEffect as useEffect8, useState as useState5 } from "react";
+import { create as create6 } from "zustand";
+var useInlineRender = (toolUI) => {
+  const [useToolUI] = useState5(() => create6(() => toolUI));
+  useEffect8(() => {
+    useToolUI.setState(toolUI);
+  });
+  return useCallback3((args) => {
+    const toolUI2 = useToolUI();
+    return toolUI2(args);
+  }, []);
+};
+
 // src/primitive-hooks/actionBar/useActionBarCopy.tsx
-import { useCallback as useCallback3 } from "react";
+import { useCallback as useCallback4 } from "react";
 var useActionBarCopy = ({
   copiedDuration = 3e3
 } = {}) => {
@@ -539,7 +550,7 @@ var useActionBarCopy = ({
   const hasCopyableContent = useMessage((message) => {
     return (message.role !== "assistant" || message.status.type !== "running") && message.content.some((c) => c.type === "text" && c.text.length > 0);
   });
-  const callback = useCallback3(() => {
+  const callback = useCallback4(() => {
     const { isEditing, text: composerValue } = composerRuntime.getState();
     const valueToCopy = isEditing ? composerValue : messageRuntime.unstable_getCopyText();
     navigator.clipboard.writeText(valueToCopy).then(() => {
@@ -552,11 +563,11 @@ var useActionBarCopy = ({
 };
 
 // src/primitive-hooks/actionBar/useActionBarEdit.tsx
-import { useCallback as useCallback4 } from "react";
+import { useCallback as useCallback5 } from "react";
 var useActionBarEdit = () => {
   const messageRuntime = useMessageRuntime();
   const disabled = useEditComposer((c) => c.isEditing);
-  const callback = useCallback4(() => {
+  const callback = useCallback5(() => {
     messageRuntime.composer.beginEdit();
   }, [messageRuntime]);
   if (disabled) return null;
@@ -564,7 +575,7 @@ var useActionBarEdit = () => {
 };
 
 // src/primitive-hooks/actionBar/useActionBarReload.tsx
-import { useCallback as useCallback5 } from "react";
+import { useCallback as useCallback6 } from "react";
 
 // src/utils/combined/useCombinedStore.ts
 import { useMemo as useMemo4 } from "react";
@@ -600,7 +611,7 @@ var useActionBarReload = () => {
     [threadRuntime, messageRuntime],
     (t, m) => t.isRunning || t.isDisabled || m.role !== "assistant"
   );
-  const callback = useCallback5(() => {
+  const callback = useCallback6(() => {
     messageRuntime.reload();
   }, [messageRuntime]);
   if (disabled) return null;
@@ -608,10 +619,10 @@ var useActionBarReload = () => {
 };
 
 // src/primitive-hooks/actionBar/useActionBarSpeak.tsx
-import { useCallback as useCallback6 } from "react";
+import { useCallback as useCallback7 } from "react";
 var useActionBarSpeak = () => {
   const messageRunime = useMessageRuntime();
-  const callback = useCallback6(async () => {
+  const callback = useCallback7(async () => {
     messageRunime.speak();
   }, [messageRunime]);
   const hasSpeakableContent = useMessage((m) => {
@@ -622,11 +633,11 @@ var useActionBarSpeak = () => {
 };
 
 // src/primitive-hooks/actionBar/useActionBarStopSpeaking.tsx
-import { useCallback as useCallback7 } from "react";
+import { useCallback as useCallback8 } from "react";
 var useActionBarStopSpeaking = () => {
   const messageRuntime = useMessageRuntime();
   const isSpeaking = useMessage((u) => u.speech != null);
-  const callback = useCallback7(async () => {
+  const callback = useCallback8(async () => {
     messageRuntime.stopSpeaking();
   }, [messageRuntime]);
   if (!isSpeaking) return null;
@@ -634,20 +645,20 @@ var useActionBarStopSpeaking = () => {
 };
 
 // src/primitive-hooks/actionBar/useActionBarFeedbackPositive.tsx
-import { useCallback as useCallback8 } from "react";
+import { useCallback as useCallback9 } from "react";
 var useActionBarFeedbackPositive = () => {
   const messageRuntime = useMessageRuntime();
-  const callback = useCallback8(() => {
+  const callback = useCallback9(() => {
     messageRuntime.submitFeedback({ type: "positive" });
   }, [messageRuntime]);
   return callback;
 };
 
 // src/primitive-hooks/actionBar/useActionBarFeedbackNegative.tsx
-import { useCallback as useCallback9 } from "react";
+import { useCallback as useCallback10 } from "react";
 var useActionBarFeedbackNegative = () => {
   const messageRuntime = useMessageRuntime();
-  const callback = useCallback9(() => {
+  const callback = useCallback10(() => {
     messageRuntime.submitFeedback({ type: "negative" });
   }, [messageRuntime]);
   return callback;
@@ -660,11 +671,11 @@ var useBranchPickerCount = () => {
 };
 
 // src/primitive-hooks/branchPicker/useBranchPickerNext.tsx
-import { useCallback as useCallback10 } from "react";
+import { useCallback as useCallback11 } from "react";
 var useBranchPickerNext = () => {
   const messageRuntime = useMessageRuntime();
   const disabled = useMessage((m) => m.branchNumber >= m.branchCount);
-  const callback = useCallback10(() => {
+  const callback = useCallback11(() => {
     messageRuntime.switchToBranch({ position: "next" });
   }, [messageRuntime]);
   if (disabled) return null;
@@ -678,11 +689,11 @@ var useBranchPickerNumber = () => {
 };
 
 // src/primitive-hooks/branchPicker/useBranchPickerPrevious.tsx
-import { useCallback as useCallback11 } from "react";
+import { useCallback as useCallback12 } from "react";
 var useBranchPickerPrevious = () => {
   const messageRuntime = useMessageRuntime();
   const disabled = useMessage((m) => m.branchNumber <= 1);
-  const callback = useCallback11(() => {
+  const callback = useCallback12(() => {
     messageRuntime.switchToBranch({ position: "previous" });
   }, [messageRuntime]);
   if (disabled) return null;
@@ -690,11 +701,11 @@ var useBranchPickerPrevious = () => {
 };
 
 // src/primitive-hooks/composer/useComposerCancel.tsx
-import { useCallback as useCallback12 } from "react";
+import { useCallback as useCallback13 } from "react";
 var useComposerCancel = () => {
   const composerRuntime = useComposerRuntime();
   const disabled = useComposer((c) => !c.canCancel);
-  const callback = useCallback12(() => {
+  const callback = useCallback13(() => {
     composerRuntime.cancel();
   }, [composerRuntime]);
   if (disabled) return null;
@@ -711,7 +722,7 @@ var useComposerIf = (props) => {
 };
 
 // src/primitive-hooks/composer/useComposerSend.tsx
-import { useCallback as useCallback13 } from "react";
+import { useCallback as useCallback14 } from "react";
 var useComposerSend = () => {
   const composerRuntime = useComposerRuntime();
   const threadRuntime = useThreadRuntime();
@@ -719,7 +730,7 @@ var useComposerSend = () => {
     [threadRuntime, composerRuntime],
     (t, c) => t.isRunning || !c.isEditing || c.isEmpty
   );
-  const callback = useCallback13(() => {
+  const callback = useCallback14(() => {
     if (!composerRuntime.getState().isEditing) return;
     composerRuntime.send();
   }, [threadRuntime]);
@@ -728,11 +739,11 @@ var useComposerSend = () => {
 };
 
 // src/primitive-hooks/composer/useComposerAddAttachment.tsx
-import { useCallback as useCallback14 } from "react";
+import { useCallback as useCallback15 } from "react";
 var useComposerAddAttachment = () => {
   const disabled = useComposer((c) => !c.isEditing);
   const composerRuntime = useComposerRuntime();
-  const callback = useCallback14(() => {
+  const callback = useCallback15(() => {
     const input = document.createElement("input");
     input.type = "file";
     const attachmentAccept = composerRuntime.getAttachmentAccept();
@@ -842,11 +853,11 @@ var useThreadEmpty = () => {
 };
 
 // src/primitive-hooks/thread/useThreadScrollToBottom.tsx
-import { useCallback as useCallback15 } from "react";
+import { useCallback as useCallback16 } from "react";
 var useThreadScrollToBottom = () => {
   const isAtBottom = useThreadViewport((s) => s.isAtBottom);
   const threadViewportStore = useThreadViewportStore();
-  const handleScrollToBottom = useCallback15(() => {
+  const handleScrollToBottom = useCallback16(() => {
     threadViewportStore.getState().scrollToBottom();
   }, [threadViewportStore]);
   if (isAtBottom) return null;
@@ -854,14 +865,14 @@ var useThreadScrollToBottom = () => {
 };
 
 // src/primitive-hooks/thread/useThreadSuggestion.tsx
-import { useCallback as useCallback16 } from "react";
+import { useCallback as useCallback17 } from "react";
 var useThreadSuggestion = ({
   prompt,
   autoSend
 }) => {
   const threadRuntime = useThreadRuntime();
   const disabled = useThread((t) => t.isDisabled);
-  const callback = useCallback16(() => {
+  const callback = useCallback17(() => {
     if (autoSend && !threadRuntime.getState().isRunning) {
       threadRuntime.append(prompt);
       threadRuntime.composer.setText("");
@@ -1100,7 +1111,7 @@ __export(assistantModal_exports, {
 });
 
 // src/primitives/assistantModal/AssistantModalRoot.tsx
-import { useEffect as useEffect8, useState as useState5 } from "react";
+import { useEffect as useEffect9, useState as useState6 } from "react";
 import * as PopoverPrimitive2 from "@radix-ui/react-popover";
 import { composeEventHandlers as composeEventHandlers6 } from "@radix-ui/primitive";
 
@@ -1114,10 +1125,10 @@ var useAssistantModalOpenState = ({
   defaultOpen = false,
   unstable_openOnRunStart = true
 }) => {
-  const state = useState5(defaultOpen);
+  const state = useState6(defaultOpen);
   const [, setOpen] = state;
   const threadRuntime = useThreadRuntime();
-  useEffect8(() => {
+  useEffect9(() => {
     if (!unstable_openOnRunStart) return void 0;
     return threadRuntime.unstable_on("run-start", () => {
       setOpen(true);
@@ -1311,10 +1322,10 @@ var AttachmentPrimitiveName = () => {
 AttachmentPrimitiveName.displayName = "AttachmentPrimitive.Name";
 
 // src/primitive-hooks/attachment/useAttachmentRemove.ts
-import { useCallback as useCallback17 } from "react";
+import { useCallback as useCallback18 } from "react";
 var useAttachmentRemove = () => {
   const attachmentRuntime = useAttachmentRuntime();
-  const handleRemoveAttachment = useCallback17(() => {
+  const handleRemoveAttachment = useCallback18(() => {
     attachmentRuntime.remove();
   }, [attachmentRuntime]);
   return handleRemoveAttachment;
@@ -1382,14 +1393,14 @@ __export(message_exports, {
 import { Primitive as Primitive9 } from "@radix-ui/react-primitive";
 import {
   forwardRef as forwardRef12,
-  useCallback as useCallback19
+  useCallback as useCallback20
 } from "react";
 
 // src/utils/hooks/useManagedRef.ts
-import { useCallback as useCallback18, useRef } from "react";
+import { useCallback as useCallback19, useRef } from "react";
 var useManagedRef = (callback) => {
   const cleanupRef = useRef();
-  const ref = useCallback18(
+  const ref = useCallback19(
     (el) => {
       if (cleanupRef.current) {
         cleanupRef.current();
@@ -1408,7 +1419,7 @@ import { useComposedRefs } from "@radix-ui/react-compose-refs";
 import { jsx as jsx18 } from "react/jsx-runtime";
 var useIsHoveringRef = () => {
   const messageUtilsStore = useMessageUtilsStore();
-  const callbackRef = useCallback19(
+  const callbackRef = useCallback20(
     (el) => {
       const setIsHovering = messageUtilsStore.getState().setIsHovering;
       const handleMouseEnter = () => {
@@ -1450,19 +1461,19 @@ MessagePrimitiveIf.displayName = "MessagePrimitive.If";
 import { memo as memo2, useMemo as useMemo6 } from "react";
 
 // src/context/providers/ContentPartRuntimeProvider.tsx
-import { useEffect as useEffect9, useState as useState6 } from "react";
-import { create as create6 } from "zustand";
+import { useEffect as useEffect10, useState as useState7 } from "react";
+import { create as create7 } from "zustand";
 import { jsx as jsx19 } from "react/jsx-runtime";
 var useContentPartRuntimeStore = (runtime) => {
-  const [store] = useState6(() => create6(() => runtime));
-  useEffect9(() => {
+  const [store] = useState7(() => create7(() => runtime));
+  useEffect10(() => {
     writableStore(store).setState(runtime, true);
   }, [runtime, store]);
   return store;
 };
 var useContentPartStore2 = (runtime) => {
-  const [store] = useState6(() => create6(() => runtime.getState()));
-  useEffect9(() => {
+  const [store] = useState7(() => create7(() => runtime.getState()));
+  useEffect10(() => {
     const updateState = () => writableStore(store).setState(runtime.getState(), true);
     updateState();
     return runtime.subscribe(updateState);
@@ -1475,7 +1486,7 @@ var ContentPartRuntimeProvider = ({
 }) => {
   const useContentPartRuntime2 = useContentPartRuntimeStore(runtime);
   const useContentPart2 = useContentPartStore2(runtime);
-  const [context] = useState6(() => {
+  const [context] = useState7(() => {
     return { useContentPartRuntime: useContentPartRuntime2, useContentPart: useContentPart2 };
   });
   return /* @__PURE__ */ jsx19(ContentPartContext.Provider, { value: context, children });
@@ -1487,7 +1498,7 @@ import {
 } from "react";
 
 // src/utils/smooth/useSmooth.tsx
-import { useEffect as useEffect10, useMemo as useMemo5, useRef as useRef2, useState as useState8 } from "react";
+import { useEffect as useEffect11, useMemo as useMemo5, useRef as useRef2, useState as useState9 } from "react";
 import { useCallbackRef } from "@radix-ui/react-use-callback-ref";
 
 // src/utils/smooth/SmoothContext.tsx
@@ -1495,19 +1506,19 @@ import {
   createContext as createContext6,
   forwardRef as forwardRef13,
   useContext as useContext3,
-  useState as useState7
+  useState as useState8
 } from "react";
-import { create as create7 } from "zustand";
+import { create as create8 } from "zustand";
 import { jsx as jsx20 } from "react/jsx-runtime";
 var SmoothContext = createContext6(null);
 var makeSmoothContext = (initialState) => {
-  const useSmoothStatus2 = create7(() => initialState);
+  const useSmoothStatus2 = create8(() => initialState);
   return { useSmoothStatus: useSmoothStatus2 };
 };
 var SmoothContextProvider = ({ children }) => {
   const outer = useSmoothContext({ optional: true });
   const contentPartStore = useContentPartStore();
-  const [context] = useState7(
+  const [context] = useState8(
     () => makeSmoothContext(contentPartStore.getState().status)
   );
   if (outer) return children;
@@ -1588,7 +1599,7 @@ var useSmooth = (state, smooth = false) => {
     selector: (m) => m.id
   });
   const idRef = useRef2(id);
-  const [displayedText, setDisplayedText] = useState8(text);
+  const [displayedText, setDisplayedText] = useState9(text);
   const smoothStatusStore = useSmoothStatusStore({ optional: true });
   const setText = useCallbackRef((text2) => {
     setDisplayedText(text2);
@@ -1598,17 +1609,17 @@ var useSmooth = (state, smooth = false) => {
       );
     }
   });
-  useEffect10(() => {
+  useEffect11(() => {
     if (smoothStatusStore) {
       writableStore(smoothStatusStore).setState(
         text !== state.text ? SMOOTH_STATUS : state.status
       );
     }
   }, [smoothStatusStore, text, displayedText, state.status, state.text]);
-  const [animatorRef] = useState8(
+  const [animatorRef] = useState9(
     new TextStreamAnimator(text, setText)
   );
-  useEffect10(() => {
+  useEffect11(() => {
     if (!smooth) {
       animatorRef.stop();
       return;
@@ -1624,7 +1635,7 @@ var useSmooth = (state, smooth = false) => {
     animatorRef.targetText = text;
     animatorRef.start();
   }, [setText, animatorRef, id, smooth, text]);
-  useEffect10(() => {
+  useEffect11(() => {
     return () => {
       animatorRef.stop();
     };
@@ -2391,22 +2402,22 @@ import { memo as memo3, useMemo as useMemo8 } from "react";
 
 // src/context/providers/AttachmentRuntimeProvider.tsx
 import {
-  useEffect as useEffect11,
+  useEffect as useEffect12,
   useMemo as useMemo7,
-  useState as useState9
+  useState as useState10
 } from "react";
-import { create as create8 } from "zustand";
+import { create as create9 } from "zustand";
 import { jsx as jsx24 } from "react/jsx-runtime";
 var useAttachmentRuntimeStore = (runtime) => {
-  const [store] = useState9(() => create8(() => runtime));
-  useEffect11(() => {
+  const [store] = useState10(() => create9(() => runtime));
+  useEffect12(() => {
     writableStore(store).setState(runtime, true);
   }, [runtime, store]);
   return store;
 };
 var useAttachmentStore = (runtime) => {
-  const [store] = useState9(() => create8(() => runtime.getState()));
-  useEffect11(() => {
+  const [store] = useState10(() => create9(() => runtime.getState()));
+  useEffect12(() => {
     const updateState = () => writableStore(store).setState(runtime.getState(), true);
     updateState();
     return runtime.subscribe(updateState);
@@ -2531,8 +2542,8 @@ import { useComposedRefs as useComposedRefs2 } from "@radix-ui/react-compose-ref
 import { Slot } from "@radix-ui/react-slot";
 import {
   forwardRef as forwardRef18,
-  useCallback as useCallback20,
-  useEffect as useEffect13,
+  useCallback as useCallback21,
+  useEffect as useEffect14,
   useRef as useRef3
 } from "react";
 import TextareaAutosize from "react-textarea-autosize";
@@ -2540,11 +2551,11 @@ import { useEscapeKeydown as useEscapeKeydown2 } from "@radix-ui/react-use-escap
 
 // src/utils/hooks/useOnScrollToBottom.tsx
 import { useCallbackRef as useCallbackRef2 } from "@radix-ui/react-use-callback-ref";
-import { useEffect as useEffect12 } from "react";
+import { useEffect as useEffect13 } from "react";
 var useOnScrollToBottom = (callback) => {
   const callbackRef = useCallbackRef2(callback);
   const onScrollToBottom = useThreadViewport((vp) => vp.onScrollToBottom);
-  useEffect12(() => {
+  useEffect13(() => {
     return onScrollToBottom(callbackRef);
   }, [onScrollToBottom, callbackRef]);
 };
@@ -2594,7 +2605,7 @@ var ComposerPrimitiveInput = forwardRef18(
       }
     };
     const autoFocusEnabled = autoFocus && !isDisabled;
-    const focus2 = useCallback20(() => {
+    const focus2 = useCallback21(() => {
       const textarea = textareaRef.current;
       if (!textarea || !autoFocusEnabled) return;
       textarea.focus({ preventScroll: true });
@@ -2603,18 +2614,18 @@ var ComposerPrimitiveInput = forwardRef18(
         textareaRef.current.value.length
       );
     }, [autoFocusEnabled]);
-    useEffect13(() => focus2(), [focus2]);
+    useEffect14(() => focus2(), [focus2]);
     useOnScrollToBottom(() => {
       if (composerRuntime.type === "thread" && unstable_focusOnScrollToBottom) {
         focus2();
       }
     });
-    useEffect13(() => {
+    useEffect14(() => {
       if (composerRuntime.type !== "thread" || !unstable_focusOnRunStart)
         return void 0;
       return threadRuntime.unstable_on("run-start", focus2);
     }, [unstable_focusOnRunStart]);
-    useEffect13(() => {
+    useEffect14(() => {
       if (composerRuntime.type !== "thread" || !unstable_focusOnThreadSwitched)
         return void 0;
       return threadRuntime.unstable_on("switched-to", focus2);
@@ -2771,14 +2782,14 @@ import { forwardRef as forwardRef20 } from "react";
 
 // src/primitive-hooks/thread/useThreadViewportAutoScroll.tsx
 import { useComposedRefs as useComposedRefs3 } from "@radix-ui/react-compose-refs";
-import { useEffect as useEffect14, useRef as useRef4 } from "react";
+import { useEffect as useEffect15, useRef as useRef4 } from "react";
 
 // src/utils/hooks/useOnResizeContent.tsx
 import { useCallbackRef as useCallbackRef3 } from "@radix-ui/react-use-callback-ref";
-import { useCallback as useCallback21 } from "react";
+import { useCallback as useCallback22 } from "react";
 var useOnResizeContent = (callback) => {
   const callbackRef = useCallbackRef3(callback);
-  const refCallback = useCallback21(
+  const refCallback = useCallback22(
     (el) => {
       const resizeObserver = new ResizeObserver(() => {
         callbackRef();
@@ -2863,7 +2874,7 @@ var useThreadViewportAutoScroll = ({
     scrollToBottom("auto");
   });
   const threadRuntime = useThreadRuntime();
-  useEffect14(() => {
+  useEffect15(() => {
     if (!unstable_scrollToBottomOnRunStart) return void 0;
     return threadRuntime.unstable_on("run-start", focus);
   }, [unstable_scrollToBottomOnRunStart]);
@@ -2885,12 +2896,12 @@ ThreadPrimitiveViewport.displayName = "ThreadPrimitive.Viewport";
 import { memo as memo5, useMemo as useMemo10 } from "react";
 
 // src/context/providers/MessageRuntimeProvider.tsx
-import { useEffect as useEffect15, useState as useState10 } from "react";
-import { create as create10 } from "zustand";
+import { useEffect as useEffect16, useState as useState11 } from "react";
+import { create as create11 } from "zustand";
 
 // src/context/stores/MessageUtils.ts
-import { create as create9 } from "zustand";
-var makeMessageUtilsStore = () => create9((set) => {
+import { create as create10 } from "zustand";
+var makeMessageUtilsStore = () => create10((set) => {
   return {
     isCopied: false,
     setIsCopied: (value) => {
@@ -2906,15 +2917,15 @@ var makeMessageUtilsStore = () => create9((set) => {
 // src/context/providers/MessageRuntimeProvider.tsx
 import { jsx as jsx32 } from "react/jsx-runtime";
 var useMessageRuntimeStore = (runtime) => {
-  const [store] = useState10(() => create10(() => runtime));
-  useEffect15(() => {
+  const [store] = useState11(() => create11(() => runtime));
+  useEffect16(() => {
     writableStore(store).setState(runtime, true);
   }, [runtime, store]);
   return store;
 };
 var useMessageStore2 = (runtime) => {
-  const [store] = useState10(() => create10(() => runtime.getState()));
-  useEffect15(() => {
+  const [store] = useState11(() => create11(() => runtime.getState()));
+  useEffect16(() => {
     const updateState = () => writableStore(store).setState(runtime.getState(), true);
     updateState();
     return runtime.subscribe(updateState);
@@ -2922,13 +2933,13 @@ var useMessageStore2 = (runtime) => {
   return store;
 };
 var useMessageUtilsStore2 = () => {
-  const [store] = useState10(() => makeMessageUtilsStore());
+  const [store] = useState11(() => makeMessageUtilsStore());
   return store;
 };
 var useEditComposerStore2 = (useMessageRuntime2) => {
   const runtime = useMessageRuntime2.getState().composer;
-  const [store] = useState10(() => create10(() => runtime.getState()));
-  useEffect15(() => {
+  const [store] = useState11(() => create11(() => runtime.getState()));
+  useEffect16(() => {
     const updateState = () => writableStore(store).setState(runtime.getState());
     updateState();
     return runtime.subscribe(updateState);
@@ -2943,7 +2954,7 @@ var MessageRuntimeProvider = ({
   const useMessage2 = useMessageStore2(runtime);
   const useMessageUtils2 = useMessageUtilsStore2();
   const useEditComposer2 = useEditComposerStore2(useMessageRuntime2);
-  const [context] = useState10(() => {
+  const [context] = useState11(() => {
     return { useMessageRuntime: useMessageRuntime2, useMessage: useMessage2, useMessageUtils: useMessageUtils2, useEditComposer: useEditComposer2 };
   });
   return /* @__PURE__ */ jsx32(MessageContext.Provider, { value: context, children });
@@ -3050,7 +3061,7 @@ var subscribeToMainThread = (runtime, callback) => {
 };
 
 // src/runtimes/local/useLocalRuntime.tsx
-import { useEffect as useEffect16, useMemo as useMemo11, useState as useState12 } from "react";
+import { useEffect as useEffect17, useMemo as useMemo11, useState as useState13 } from "react";
 
 // src/utils/ProxyConfigProvider.ts
 var ProxyConfigProvider = class {
@@ -4091,7 +4102,7 @@ var streamUtils = {
 };
 
 // src/runtimes/edge/useEdgeRuntime.ts
-import { useState as useState11 } from "react";
+import { useState as useState12 } from "react";
 
 // src/runtimes/edge/streams/assistantDecoderStream.ts
 function assistantDecoderStream() {
@@ -4272,7 +4283,7 @@ var splitLocalRuntimeOptions = (options) => {
 // src/runtimes/edge/useEdgeRuntime.ts
 var useEdgeRuntime = (options) => {
   const { localRuntimeOptions, otherOptions } = splitLocalRuntimeOptions(options);
-  const [adapter] = useState11(() => new EdgeChatAdapter(otherOptions));
+  const [adapter] = useState12(() => new EdgeChatAdapter(otherOptions));
   return useLocalRuntime(adapter, localRuntimeOptions);
 };
 
@@ -4812,15 +4823,15 @@ var useLocalRuntime = (adapter, options = {}) => {
       chatModel: adapter
     }
   };
-  const [runtime] = useState12(() => new LocalRuntimeCore(opt));
-  useEffect16(() => {
+  const [runtime] = useState13(() => new LocalRuntimeCore(opt));
+  useEffect17(() => {
     runtime.setOptions(opt);
   });
   return useMemo11(() => LocalRuntimeImpl.create(runtime), [runtime]);
 };
 
 // src/runtimes/external-store/useExternalStoreRuntime.tsx
-import { useEffect as useEffect17, useMemo as useMemo12, useState as useState13 } from "react";
+import { useEffect as useEffect18, useMemo as useMemo12, useState as useState14 } from "react";
 
 // src/runtimes/external-store/ExternalStoreThreadManagementAdapter.tsx
 var EMPTY_ARRAY2 = Object.freeze([]);
@@ -5206,8 +5217,8 @@ var ExternalStoreRuntimeCore = class extends BaseAssistantRuntimeCore {
 
 // src/runtimes/external-store/useExternalStoreRuntime.tsx
 var useExternalStoreRuntime = (store) => {
-  const [runtime] = useState13(() => new ExternalStoreRuntimeCore(store));
-  useEffect17(() => {
+  const [runtime] = useState14(() => new ExternalStoreRuntimeCore(store));
+  useEffect18(() => {
     runtime.setStore(store);
   });
   return useMemo12(
@@ -5363,7 +5374,7 @@ var shallowArrayEqual = (a, b) => {
 };
 
 // src/runtimes/dangerous-in-browser/useDangerousInBrowserRuntime.ts
-import { useState as useState14 } from "react";
+import { useState as useState15 } from "react";
 
 // src/runtimes/dangerous-in-browser/DangerousInBrowserAdapter.ts
 var DangerousInBrowserAdapter = class {
@@ -5392,7 +5403,7 @@ var DangerousInBrowserAdapter = class {
 // src/runtimes/dangerous-in-browser/useDangerousInBrowserRuntime.ts
 var useDangerousInBrowserRuntime = (options) => {
   const { localRuntimeOptions, otherOptions } = splitLocalRuntimeOptions(options);
-  const [adapter] = useState14(() => new DangerousInBrowserAdapter(otherOptions));
+  const [adapter] = useState15(() => new DangerousInBrowserAdapter(otherOptions));
   return useLocalRuntime(adapter, localRuntimeOptions);
 };
 
@@ -5978,8 +5989,8 @@ CircleStopIcon.displayName = "CircleStopIcon";
 // src/ui/attachment.tsx
 import {
   forwardRef as forwardRef28,
-  useEffect as useEffect18,
-  useState as useState15
+  useEffect as useEffect19,
+  useState as useState16
 } from "react";
 import { CircleXIcon, FileIcon } from "lucide-react";
 
@@ -6022,8 +6033,8 @@ var AttachmentRoot = withDefaults(attachment_exports.Root, {
 });
 AttachmentRoot.displayName = "AttachmentRoot";
 var useFileSrc = (file) => {
-  const [src, setSrc] = useState15(void 0);
-  useEffect18(() => {
+  const [src, setSrc] = useState16(void 0);
+  useEffect19(() => {
     if (!file) {
       setSrc(void 0);
       return;
@@ -6047,7 +6058,7 @@ var useAttachmentSrc = () => {
   return useFileSrc(file) ?? src;
 };
 var AttachmentPreview = ({ src }) => {
-  const [isLoaded, setIsLoaded] = useState15(false);
+  const [isLoaded, setIsLoaded] = useState16(false);
   return (
     // eslint-disable-next-line @next/next/no-img-element
     /* @__PURE__ */ jsx46(
@@ -6733,6 +6744,7 @@ export {
   useEditComposerStore,
   useExternalMessageConverter,
   useExternalStoreRuntime,
+  useInlineRender,
   useLocalRuntime,
   useMessage,
   useMessageContext,