@assistant-ui/react 0.3.1 → 0.3.2

package/dist/index.d.mts

@@ -356,9 +356,15 @@ declare const useComposerIf: (props: UseComposerIfProps) => boolean;
 
 declare const useComposerSend: () => (() => void) | null;
 
-declare const useContentPartDisplay: () => react.ReactNode;
+declare const useContentPartDisplay: () => Readonly<{
+    status: "in_progress" | "done" | "error";
+    part: UIContentPart;
+}>;
 
-declare const useContentPartImage: () => string;
+declare const useContentPartImage: () => Readonly<{
+    status: "in_progress" | "done" | "error";
+    part: ImageContentPart;
+}>;
 
 declare const useContentPartText: () => Readonly<{
     status: "in_progress" | "done" | "error";
@@ -528,8 +534,16 @@ declare namespace index$3 {
 }
 
 type PrimitiveSpanProps$1 = ComponentPropsWithoutRef<typeof Primitive.span>;
-type ContentPartPrimitiveTextProps = Omit<PrimitiveSpanProps$1, "children">;
-declare const ContentPartPrimitiveText: react.ForwardRefExoticComponent<ContentPartPrimitiveTextProps & react.RefAttributes<HTMLSpanElement>>;
+type ContentPartPrimitiveTextProps = Omit<PrimitiveSpanProps$1, "children"> & {
+    smooth?: boolean;
+};
+declare const ContentPartPrimitiveText: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLSpanElement> | null | undefined;
+} & {
+    asChild?: boolean;
+}, "ref">, "children"> & {
+    smooth?: boolean;
+} & react.RefAttributes<HTMLSpanElement>>;
 
 type PrimitiveImageProps = ComponentPropsWithoutRef<typeof Primitive.img>;
 type ContentPartPrimitiveImageProps = PrimitiveImageProps;
@@ -665,14 +679,17 @@ declare class MessageRepository {
     resetHead(messageId: string | null): void;
 }
 
+declare const useSmooth: (text: string, smooth?: boolean) => string;
+
 type internal_BaseAssistantRuntime<TThreadRuntime extends ReactThreadRuntime> = BaseAssistantRuntime<TThreadRuntime>;
 declare const internal_BaseAssistantRuntime: typeof BaseAssistantRuntime;
 type internal_MessageRepository = MessageRepository;
 declare const internal_MessageRepository: typeof MessageRepository;
 type internal_ProxyConfigProvider = ProxyConfigProvider;
 declare const internal_ProxyConfigProvider: typeof ProxyConfigProvider;
+declare const internal_useSmooth: typeof useSmooth;
 declare namespace internal {
-  export { internal_BaseAssistantRuntime as BaseAssistantRuntime, internal_MessageRepository as MessageRepository, internal_ProxyConfigProvider as ProxyConfigProvider };
+  export { internal_BaseAssistantRuntime as BaseAssistantRuntime, internal_MessageRepository as MessageRepository, internal_ProxyConfigProvider as ProxyConfigProvider, internal_useSmooth as useSmooth };
 }
 
 export { index$6 as ActionBarPrimitive, type ActionBarPrimitiveCopyProps, type ActionBarPrimitiveEditProps, type ActionBarPrimitiveReloadProps, type ActionBarPrimitiveRootProps, type AppendContentPart, type AppendMessage, type AssistantContentPart, type AssistantContextValue, type AssistantMessage, index$5 as AssistantModalPrimitive, type AssistantModalPrimitiveContentProps, type AssistantModalPrimitiveRootProps, type AssistantModalPrimitiveTriggerProps, type AssistantModelConfigState, type AssistantRuntime, AssistantRuntimeProvider, type AssistantToolProps, type AssistantToolUIProps, index$4 as BranchPickerPrimitive, type BranchPickerPrimitiveCountProps, type BranchPickerPrimitiveNextProps, type BranchPickerPrimitiveNumberProps, type BranchPickerPrimitivePreviousProps, type BranchPickerPrimitiveRootProps, type ChatModelAdapter, type ChatModelRunOptions, type ComposerContextValue, index$3 as ComposerPrimitive, type ComposerPrimitiveCancelProps, type ComposerPrimitiveIfProps, type ComposerPrimitiveInputProps, type ComposerPrimitiveRootProps, type ComposerPrimitiveSendProps, type ComposerState, type ContentPartContextValue, index$2 as ContentPartPrimitive, type ContentPartPrimitiveDisplayProps, type ContentPartPrimitiveImageProps, type ContentPartPrimitiveInProgressProps, type ContentPartPrimitiveTextProps, type ContentPartState, type EditComposerState, internal as INTERNAL, type ImageContentPart, type ImageContentPartComponent, type ImageContentPartProps, type MessageContextValue, index$1 as MessagePrimitive, type MessagePrimitiveContentProps, type MessagePrimitiveIfProps, type MessagePrimitiveInProgressProps, type MessagePrimitiveRootProps, type MessageState, type ModelConfig, type ModelConfigProvider, type ReactThreadRuntime, type TextContentPart, type TextContentPartComponent, type TextContentPartProps, type ThreadContextValue, type ThreadMessage, index as ThreadPrimitive, type ThreadPrimitiveEmptyProps, type ThreadPrimitiveIfProps, type ThreadPrimitiveMessagesProps, type ThreadPrimitiveRootProps, type ThreadPrimitiveScrollToBottomProps, type ThreadPrimitiveSuggestionProps, type ThreadPrimitiveViewportProps, type ThreadRuntime, type ThreadState, type ThreadViewportState, type ToolCallContentPart, type ToolCallContentPartComponent, type ToolCallContentPartProps, type UIContentPart, type UIContentPartComponent, type UIContentPartProps, type Unsubscribe, type UserContentPart, type UserMessage, makeAssistantTool, makeAssistantToolUI, useActionBarCopy, useActionBarEdit, useActionBarReload, useAppendMessage, useAssistantContext, useAssistantInstructions, useAssistantTool, useAssistantToolUI, useBranchPickerCount, useBranchPickerNext, useBranchPickerNumber, useBranchPickerPrevious, useComposerCancel, useComposerContext, useComposerIf, useComposerSend, useContentPartContext, useContentPartDisplay, useContentPartImage, useContentPartText, useLocalRuntime, useMessageContext, useMessageIf, useSwitchToNewThread, useThreadContext, useThreadEmpty, useThreadIf, useThreadScrollToBottom, useThreadSuggestion };

package/dist/index.d.ts

@@ -356,9 +356,15 @@ declare const useComposerIf: (props: UseComposerIfProps) => boolean;
 
 declare const useComposerSend: () => (() => void) | null;
 
-declare const useContentPartDisplay: () => react.ReactNode;
+declare const useContentPartDisplay: () => Readonly<{
+    status: "in_progress" | "done" | "error";
+    part: UIContentPart;
+}>;
 
-declare const useContentPartImage: () => string;
+declare const useContentPartImage: () => Readonly<{
+    status: "in_progress" | "done" | "error";
+    part: ImageContentPart;
+}>;
 
 declare const useContentPartText: () => Readonly<{
     status: "in_progress" | "done" | "error";
@@ -528,8 +534,16 @@ declare namespace index$3 {
 }
 
 type PrimitiveSpanProps$1 = ComponentPropsWithoutRef<typeof Primitive.span>;
-type ContentPartPrimitiveTextProps = Omit<PrimitiveSpanProps$1, "children">;
-declare const ContentPartPrimitiveText: react.ForwardRefExoticComponent<ContentPartPrimitiveTextProps & react.RefAttributes<HTMLSpanElement>>;
+type ContentPartPrimitiveTextProps = Omit<PrimitiveSpanProps$1, "children"> & {
+    smooth?: boolean;
+};
+declare const ContentPartPrimitiveText: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLSpanElement> | null | undefined;
+} & {
+    asChild?: boolean;
+}, "ref">, "children"> & {
+    smooth?: boolean;
+} & react.RefAttributes<HTMLSpanElement>>;
 
 type PrimitiveImageProps = ComponentPropsWithoutRef<typeof Primitive.img>;
 type ContentPartPrimitiveImageProps = PrimitiveImageProps;
@@ -665,14 +679,17 @@ declare class MessageRepository {
     resetHead(messageId: string | null): void;
 }
 
+declare const useSmooth: (text: string, smooth?: boolean) => string;
+
 type internal_BaseAssistantRuntime<TThreadRuntime extends ReactThreadRuntime> = BaseAssistantRuntime<TThreadRuntime>;
 declare const internal_BaseAssistantRuntime: typeof BaseAssistantRuntime;
 type internal_MessageRepository = MessageRepository;
 declare const internal_MessageRepository: typeof MessageRepository;
 type internal_ProxyConfigProvider = ProxyConfigProvider;
 declare const internal_ProxyConfigProvider: typeof ProxyConfigProvider;
+declare const internal_useSmooth: typeof useSmooth;
 declare namespace internal {
-  export { internal_BaseAssistantRuntime as BaseAssistantRuntime, internal_MessageRepository as MessageRepository, internal_ProxyConfigProvider as ProxyConfigProvider };
+  export { internal_BaseAssistantRuntime as BaseAssistantRuntime, internal_MessageRepository as MessageRepository, internal_ProxyConfigProvider as ProxyConfigProvider, internal_useSmooth as useSmooth };
 }
 
 export { index$6 as ActionBarPrimitive, type ActionBarPrimitiveCopyProps, type ActionBarPrimitiveEditProps, type ActionBarPrimitiveReloadProps, type ActionBarPrimitiveRootProps, type AppendContentPart, type AppendMessage, type AssistantContentPart, type AssistantContextValue, type AssistantMessage, index$5 as AssistantModalPrimitive, type AssistantModalPrimitiveContentProps, type AssistantModalPrimitiveRootProps, type AssistantModalPrimitiveTriggerProps, type AssistantModelConfigState, type AssistantRuntime, AssistantRuntimeProvider, type AssistantToolProps, type AssistantToolUIProps, index$4 as BranchPickerPrimitive, type BranchPickerPrimitiveCountProps, type BranchPickerPrimitiveNextProps, type BranchPickerPrimitiveNumberProps, type BranchPickerPrimitivePreviousProps, type BranchPickerPrimitiveRootProps, type ChatModelAdapter, type ChatModelRunOptions, type ComposerContextValue, index$3 as ComposerPrimitive, type ComposerPrimitiveCancelProps, type ComposerPrimitiveIfProps, type ComposerPrimitiveInputProps, type ComposerPrimitiveRootProps, type ComposerPrimitiveSendProps, type ComposerState, type ContentPartContextValue, index$2 as ContentPartPrimitive, type ContentPartPrimitiveDisplayProps, type ContentPartPrimitiveImageProps, type ContentPartPrimitiveInProgressProps, type ContentPartPrimitiveTextProps, type ContentPartState, type EditComposerState, internal as INTERNAL, type ImageContentPart, type ImageContentPartComponent, type ImageContentPartProps, type MessageContextValue, index$1 as MessagePrimitive, type MessagePrimitiveContentProps, type MessagePrimitiveIfProps, type MessagePrimitiveInProgressProps, type MessagePrimitiveRootProps, type MessageState, type ModelConfig, type ModelConfigProvider, type ReactThreadRuntime, type TextContentPart, type TextContentPartComponent, type TextContentPartProps, type ThreadContextValue, type ThreadMessage, index as ThreadPrimitive, type ThreadPrimitiveEmptyProps, type ThreadPrimitiveIfProps, type ThreadPrimitiveMessagesProps, type ThreadPrimitiveRootProps, type ThreadPrimitiveScrollToBottomProps, type ThreadPrimitiveSuggestionProps, type ThreadPrimitiveViewportProps, type ThreadRuntime, type ThreadState, type ThreadViewportState, type ToolCallContentPart, type ToolCallContentPartComponent, type ToolCallContentPartProps, type UIContentPart, type UIContentPartComponent, type UIContentPartProps, type Unsubscribe, type UserContentPart, type UserMessage, makeAssistantTool, makeAssistantToolUI, useActionBarCopy, useActionBarEdit, useActionBarReload, useAppendMessage, useAssistantContext, useAssistantInstructions, useAssistantTool, useAssistantToolUI, useBranchPickerCount, useBranchPickerNext, useBranchPickerNumber, useBranchPickerPrevious, useComposerCancel, useComposerContext, useComposerIf, useComposerSend, useContentPartContext, useContentPartDisplay, useContentPartImage, useContentPartText, useLocalRuntime, useMessageContext, useMessageIf, useSwitchToNewThread, useThreadContext, useThreadEmpty, useThreadIf, useThreadScrollToBottom, useThreadSuggestion };

package/dist/index.js

@@ -730,7 +730,7 @@ var useContentPartDisplay = () => {
       throw new Error(
         "This component can only be used inside ui content parts."
       );
-    return c.part.display;
+    return c;
   });
   return display;
 };
@@ -743,7 +743,7 @@ var useContentPartImage = () => {
       throw new Error(
         "ContentPartImage can only be used inside image content parts."
       );
-    return c.part.image;
+    return c;
   });
   return image;
 };
@@ -1097,7 +1097,7 @@ BranchPickerPrimitiveNumber.displayName = "BranchPickerPrimitive.Number";
 
 // src/primitives/branchPicker/BranchPickerRoot.tsx
 var import_react_primitive6 = require("@radix-ui/react-primitive");
-var import_react38 = require("react");
+var import_react39 = require("react");
 
 // src/primitives/message/index.ts
 var message_exports = {};
@@ -1174,7 +1174,7 @@ var MessagePrimitiveIf = ({
 MessagePrimitiveIf.displayName = "MessagePrimitive.If";
 
 // src/primitives/message/MessageContent.tsx
-var import_react37 = require("react");
+var import_react38 = require("react");
 
 // src/context/providers/ContentPartProvider.tsx
 var import_react34 = require("react");
@@ -1221,30 +1221,107 @@ var ContentPartProvider = ({
 
 // src/primitives/contentPart/ContentPartText.tsx
 var import_react_primitive4 = require("@radix-ui/react-primitive");
+var import_react36 = require("react");
+
+// src/utils/hooks/useSmooth.tsx
 var import_react35 = require("react");
+var TextStreamAnimator = class {
+  constructor(setText) {
+    this.setText = setText;
+  }
+  animationFrameId = null;
+  lastUpdateTime = Date.now();
+  decayFactor = 0.99;
+  targetText = "";
+  start() {
+    if (this.animationFrameId !== null) return;
+    this.animate();
+  }
+  stop() {
+    if (this.animationFrameId !== null) {
+      cancelAnimationFrame(this.animationFrameId);
+      this.animationFrameId = null;
+    }
+  }
+  animate = () => {
+    const currentTime = Date.now();
+    const deltaTime = currentTime - this.lastUpdateTime;
+    this.lastUpdateTime = currentTime;
+    this.setText((currentText) => {
+      const targetText = this.targetText;
+      if (currentText === targetText) {
+        this.animationFrameId = null;
+        return currentText;
+      }
+      const remainingChars = targetText.length - currentText.length;
+      const charsToAdd = Math.max(
+        1,
+        Math.floor(
+          remainingChars * (1 - Math.pow(this.decayFactor, deltaTime))
+        )
+      );
+      const newText = targetText.slice(0, currentText.length + charsToAdd);
+      this.animationFrameId = requestAnimationFrame(this.animate);
+      return newText;
+    });
+  };
+};
+var useSmooth = (text, smooth = false) => {
+  const [displayedText, setDisplayedText] = (0, import_react35.useState)(text);
+  const [animatorRef] = (0, import_react35.useState)(
+    new TextStreamAnimator(setDisplayedText)
+  );
+  (0, import_react35.useEffect)(() => {
+    if (!smooth) {
+      animatorRef.stop();
+      return;
+    }
+    if (!text.startsWith(animatorRef.targetText)) {
+      setDisplayedText(text);
+      animatorRef.targetText = text;
+      animatorRef.stop();
+      return;
+    }
+    animatorRef.targetText = text;
+    animatorRef.start();
+  }, [animatorRef, smooth, text]);
+  (0, import_react35.useEffect)(() => {
+    return () => {
+      animatorRef.stop();
+    };
+  }, [animatorRef]);
+  return smooth ? displayedText : text;
+};
+
+// src/primitives/contentPart/ContentPartText.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
-var ContentPartPrimitiveText = (0, import_react35.forwardRef)((props, forwardedRef) => {
+var ContentPartPrimitiveText = (0, import_react36.forwardRef)(({ smooth, ...rest }, forwardedRef) => {
   const {
-    part: { text },
-    status
+    status,
+    part: { text }
   } = useContentPartText();
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_primitive4.Primitive.span, { "data-status": status, ...props, ref: forwardedRef, children: text });
+  const smoothText = useSmooth(text, smooth);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_primitive4.Primitive.span, { "data-status": status, ...rest, ref: forwardedRef, children: smoothText });
 });
 ContentPartPrimitiveText.displayName = "ContentPartPrimitive.Text";
 
 // src/primitives/contentPart/ContentPartImage.tsx
 var import_react_primitive5 = require("@radix-ui/react-primitive");
-var import_react36 = require("react");
+var import_react37 = require("react");
 var import_jsx_runtime15 = require("react/jsx-runtime");
-var ContentPartPrimitiveImage = (0, import_react36.forwardRef)((props, forwardedRef) => {
-  const image = useContentPartImage();
+var ContentPartPrimitiveImage = (0, import_react37.forwardRef)((props, forwardedRef) => {
+  const {
+    part: { image }
+  } = useContentPartImage();
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_primitive5.Primitive.img, { src: image, ...props, ref: forwardedRef });
 });
 ContentPartPrimitiveImage.displayName = "ContentPartPrimitive.Image";
 
 // src/primitives/contentPart/ContentPartDisplay.tsx
 var ContentPartPrimitiveDisplay = () => {
-  const display = useContentPartDisplay();
+  const {
+    part: { display }
+  } = useContentPartDisplay();
   return display ?? null;
 };
 ContentPartPrimitiveDisplay.displayName = "ContentPartPrimitive.Display";
@@ -1312,7 +1389,7 @@ var MessageContentPartImpl = ({
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ContentPartProvider, { partIndex, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(MessageContentPartComponent, { components }) });
 };
-var MessageContentPart = (0, import_react37.memo)(
+var MessageContentPart = (0, import_react38.memo)(
   MessageContentPartImpl,
   (prev, next) => prev.partIndex === next.partIndex && prev.components?.Text === next.components?.Text && prev.components?.Image === next.components?.Image && prev.components?.UI === next.components?.UI && prev.components?.tools === next.components?.tools
 );
@@ -1343,7 +1420,7 @@ MessagePrimitiveInProgress.displayName = "MessagePrimitive.InProgress";
 
 // src/primitives/branchPicker/BranchPickerRoot.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
-var BranchPickerPrimitiveRoot = (0, import_react38.forwardRef)(({ hideWhenSingleBranch, ...rest }, ref) => {
+var BranchPickerPrimitiveRoot = (0, import_react39.forwardRef)(({ hideWhenSingleBranch, ...rest }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(MessagePrimitiveIf, { hasBranches: hideWhenSingleBranch ? true : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_primitive6.Primitive.div, { ...rest, ref }) });
 });
 BranchPickerPrimitiveRoot.displayName = "BranchPickerPrimitive.Root";
@@ -1361,9 +1438,9 @@ __export(composer_exports, {
 // src/primitives/composer/ComposerRoot.tsx
 var import_primitive4 = require("@radix-ui/primitive");
 var import_react_primitive7 = require("@radix-ui/react-primitive");
-var import_react39 = require("react");
+var import_react40 = require("react");
 var import_jsx_runtime18 = require("react/jsx-runtime");
-var ComposerPrimitiveRoot = (0, import_react39.forwardRef)(({ onSubmit, ...rest }, forwardedRef) => {
+var ComposerPrimitiveRoot = (0, import_react40.forwardRef)(({ onSubmit, ...rest }, forwardedRef) => {
   const send = useComposerSend();
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -1385,11 +1462,11 @@ ComposerPrimitiveRoot.displayName = "ComposerPrimitive.Root";
 var import_primitive5 = require("@radix-ui/primitive");
 var import_react_compose_refs2 = require("@radix-ui/react-compose-refs");
 var import_react_slot = require("@radix-ui/react-slot");
-var import_react40 = require("react");
+var import_react41 = require("react");
 var import_react_textarea_autosize = __toESM(require("react-textarea-autosize"));
 var import_react_use_escape_keydown = require("@radix-ui/react-use-escape-keydown");
 var import_jsx_runtime19 = require("react/jsx-runtime");
-var ComposerPrimitiveInput = (0, import_react40.forwardRef)(
+var ComposerPrimitiveInput = (0, import_react41.forwardRef)(
   ({ autoFocus = false, asChild, disabled, onChange, onKeyDown, ...rest }, forwardedRef) => {
     const { useThread } = useThreadContext();
     const { useComposer, type } = useComposerContext();
@@ -1398,7 +1475,7 @@ var ComposerPrimitiveInput = (0, import_react40.forwardRef)(
       return c.value;
     });
     const Component = asChild ? import_react_slot.Slot : import_react_textarea_autosize.default;
-    const textareaRef = (0, import_react40.useRef)(null);
+    const textareaRef = (0, import_react41.useRef)(null);
     const ref = (0, import_react_compose_refs2.useComposedRefs)(forwardedRef, textareaRef);
     (0, import_react_use_escape_keydown.useEscapeKeydown)((e) => {
       const composer = useComposer.getState();
@@ -1418,7 +1495,7 @@ var ComposerPrimitiveInput = (0, import_react40.forwardRef)(
       }
     };
     const autoFocusEnabled = autoFocus && !disabled;
-    const focus = (0, import_react40.useCallback)(() => {
+    const focus = (0, import_react41.useCallback)(() => {
       const textarea = textareaRef.current;
       if (!textarea || !autoFocusEnabled) return;
       textarea.focus({ preventScroll: true });
@@ -1427,7 +1504,7 @@ var ComposerPrimitiveInput = (0, import_react40.forwardRef)(
         textareaRef.current.value.length
       );
     }, [autoFocusEnabled]);
-    (0, import_react40.useEffect)(() => focus(), [focus]);
+    (0, import_react41.useEffect)(() => focus(), [focus]);
     useOnComposerFocus(() => {
       if (type === "new") {
         focus();
@@ -1454,10 +1531,10 @@ var ComposerPrimitiveInput = (0, import_react40.forwardRef)(
 ComposerPrimitiveInput.displayName = "ComposerPrimitive.Input";
 
 // src/primitives/composer/ComposerSend.tsx
-var import_react41 = require("react");
+var import_react42 = require("react");
 var import_react_primitive8 = require("@radix-ui/react-primitive");
 var import_jsx_runtime20 = require("react/jsx-runtime");
-var ComposerPrimitiveSend = (0, import_react41.forwardRef)(({ disabled, ...rest }, ref) => {
+var ComposerPrimitiveSend = (0, import_react42.forwardRef)(({ disabled, ...rest }, ref) => {
   const { useComposer } = useComposerContext();
   const hasValue = useComposer((c) => c.isEditing && c.value.length > 0);
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
@@ -1511,9 +1588,9 @@ __export(thread_exports, {
 
 // src/primitives/thread/ThreadRoot.tsx
 var import_react_primitive9 = require("@radix-ui/react-primitive");
-var import_react42 = require("react");
+var import_react43 = require("react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
-var ThreadPrimitiveRoot = (0, import_react42.forwardRef)((props, ref) => {
+var ThreadPrimitiveRoot = (0, import_react43.forwardRef)((props, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_primitive9.Primitive.div, { ...props, ref });
 });
 ThreadPrimitiveRoot.displayName = "ThreadPrimitive.Root";
@@ -1540,18 +1617,18 @@ ThreadPrimitiveIf.displayName = "ThreadPrimitive.If";
 // src/primitives/thread/ThreadViewport.tsx
 var import_react_compose_refs4 = require("@radix-ui/react-compose-refs");
 var import_react_primitive10 = require("@radix-ui/react-primitive");
-var import_react46 = require("react");
+var import_react47 = require("react");
 
 // src/primitive-hooks/thread/useThreadViewportAutoScroll.tsx
 var import_react_compose_refs3 = require("@radix-ui/react-compose-refs");
-var import_react45 = require("react");
+var import_react46 = require("react");
 
 // src/utils/hooks/useOnResizeContent.tsx
 var import_react_use_callback_ref2 = require("@radix-ui/react-use-callback-ref");
-var import_react43 = require("react");
+var import_react44 = require("react");
 var useOnResizeContent = (callback) => {
   const callbackRef = (0, import_react_use_callback_ref2.useCallbackRef)(callback);
-  const refCallback = (0, import_react43.useCallback)(
+  const refCallback = (0, import_react44.useCallback)(
     (el) => {
       const resizeObserver = new ResizeObserver(() => {
         callbackRef();
@@ -1588,11 +1665,11 @@ var useOnResizeContent = (callback) => {
 
 // src/utils/hooks/useOnScrollToBottom.tsx
 var import_react_use_callback_ref3 = require("@radix-ui/react-use-callback-ref");
-var import_react44 = require("react");
+var import_react45 = require("react");
 var useOnScrollToBottom = (callback) => {
   const callbackRef = (0, import_react_use_callback_ref3.useCallbackRef)(callback);
   const { useViewport } = useThreadContext();
-  (0, import_react44.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     return useViewport.getState().onScrollToBottom(() => {
       callbackRef();
     });
@@ -1603,11 +1680,11 @@ var useOnScrollToBottom = (callback) => {
 var useThreadViewportAutoScroll = ({
   autoScroll = true
 }) => {
-  const divRef = (0, import_react45.useRef)(null);
+  const divRef = (0, import_react46.useRef)(null);
   const { useViewport } = useThreadContext();
-  const firstRenderRef = (0, import_react45.useRef)(true);
-  const lastScrollTop = (0, import_react45.useRef)(0);
-  const isScrollingToBottomRef = (0, import_react45.useRef)(false);
+  const firstRenderRef = (0, import_react46.useRef)(true);
+  const lastScrollTop = (0, import_react46.useRef)(0);
+  const isScrollingToBottomRef = (0, import_react46.useRef)(false);
   const scrollToBottom = () => {
     const div = divRef.current;
     if (!div || !autoScroll) return;
@@ -1654,7 +1731,7 @@ var useThreadViewportAutoScroll = ({
 
 // src/primitives/thread/ThreadViewport.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
-var ThreadPrimitiveViewport = (0, import_react46.forwardRef)(({ autoScroll, onScroll, children, ...rest }, forwardedRef) => {
+var ThreadPrimitiveViewport = (0, import_react47.forwardRef)(({ autoScroll, onScroll, children, ...rest }, forwardedRef) => {
   const autoScrollRef = useThreadViewportAutoScroll({
     autoScroll
   });
@@ -1664,10 +1741,10 @@ var ThreadPrimitiveViewport = (0, import_react46.forwardRef)(({ autoScroll, onSc
 ThreadPrimitiveViewport.displayName = "ThreadPrimitive.Viewport";
 
 // src/primitives/thread/ThreadMessages.tsx
-var import_react48 = require("react");
+var import_react49 = require("react");
 
 // src/context/providers/MessageProvider.tsx
-var import_react47 = require("react");
+var import_react48 = require("react");
 var import_zustand12 = require("zustand");
 
 // src/context/stores/EditComposer.ts
@@ -1729,7 +1806,7 @@ var syncMessage = (messages, getBranches, useMessage, messageIndex) => {
 };
 var useMessageContext2 = (messageIndex) => {
   const { useThreadMessages, useThreadActions } = useThreadContext();
-  const [context] = (0, import_react47.useState)(() => {
+  const [context] = (0, import_react48.useState)(() => {
     const useMessage = (0, import_zustand12.create)(() => ({}));
     const useMessageUtils = makeMessageUtilsStore();
     const useEditComposer = makeEditComposerStore({
@@ -1766,7 +1843,7 @@ var useMessageContext2 = (messageIndex) => {
     );
     return { useMessage, useMessageUtils, useEditComposer };
   });
-  (0, import_react47.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     return useThreadMessages.subscribe((thread) => {
       syncMessage(
         thread,
@@ -1808,7 +1885,7 @@ var ThreadMessageImpl = ({
     /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(MessagePrimitiveIf, { assistant: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AssistantMessage, {}) })
   ] });
 };
-var ThreadMessage = (0, import_react48.memo)(
+var ThreadMessage = (0, import_react49.memo)(
   ThreadMessageImpl,
   (prev, next) => prev.messageIndex === next.messageIndex && prev.components.Message === next.components.Message && prev.components.UserMessage === next.components.UserMessage && prev.components.EditComposer === next.components.EditComposer && prev.components.AssistantMessage === next.components.AssistantMessage
 );
@@ -1831,7 +1908,7 @@ var ThreadPrimitiveMessagesImpl = ({
   });
 };
 ThreadPrimitiveMessagesImpl.displayName = "ThreadPrimitive.Messages";
-var ThreadPrimitiveMessages = (0, import_react48.memo)(
+var ThreadPrimitiveMessages = (0, import_react49.memo)(
   ThreadPrimitiveMessagesImpl,
   (prev, next) => prev.components?.Message === next.components?.Message && prev.components?.UserMessage === next.components?.UserMessage && prev.components?.EditComposer === next.components?.EditComposer && prev.components?.AssistantMessage === next.components?.AssistantMessage
 );
@@ -1849,7 +1926,7 @@ var ThreadPrimitiveSuggestion = createActionButton(
 );
 
 // src/runtime/local/useLocalRuntime.tsx
-var import_react49 = require("react");
+var import_react50 = require("react");
 
 // src/runtime/utils/idUtils.tsx
 var import_non_secure = require("nanoid/non-secure");
@@ -2191,8 +2268,8 @@ var LocalThreadRuntime = class {
 
 // src/runtime/local/useLocalRuntime.tsx
 var useLocalRuntime = (adapter) => {
-  const [runtime] = (0, import_react49.useState)(() => new LocalRuntime(adapter));
-  (0, import_react49.useInsertionEffect)(() => {
+  const [runtime] = (0, import_react50.useState)(() => new LocalRuntime(adapter));
+  (0, import_react50.useInsertionEffect)(() => {
     runtime.adapter = adapter;
   });
   return runtime;
@@ -2203,7 +2280,8 @@ var internal_exports = {};
 __export(internal_exports, {
   BaseAssistantRuntime: () => BaseAssistantRuntime,
   MessageRepository: () => MessageRepository,
-  ProxyConfigProvider: () => ProxyConfigProvider
+  ProxyConfigProvider: () => ProxyConfigProvider,
+  useSmooth: () => useSmooth
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {