@assistant-ui/react 0.2.3 → 0.2.4

package/dist/index.d.mts

@@ -428,8 +428,10 @@ declare const AssistantModalPrimitiveContent: react.ForwardRefExoticComponent<Om
     dissmissOnInteractOutside?: boolean;
 } & react.RefAttributes<HTMLDivElement>>;
 
+declare const AssistantModalPrimitiveAnchor: react.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverAnchorProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
 declare namespace index$5 {
-  export { AssistantModalPrimitiveContent as Content, AssistantModalPrimitiveRoot as Root, AssistantModalPrimitiveTrigger as Trigger };
+  export { AssistantModalPrimitiveAnchor as Anchor, AssistantModalPrimitiveContent as Content, AssistantModalPrimitiveRoot as Root, AssistantModalPrimitiveTrigger as Trigger };
 }
 
 type BranchPickerPrimitiveNextProps = ActionButtonProps<typeof useBranchPickerNext>;

package/dist/index.d.ts

@@ -428,8 +428,10 @@ declare const AssistantModalPrimitiveContent: react.ForwardRefExoticComponent<Om
     dissmissOnInteractOutside?: boolean;
 } & react.RefAttributes<HTMLDivElement>>;
 
+declare const AssistantModalPrimitiveAnchor: react.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverAnchorProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
 declare namespace index$5 {
-  export { AssistantModalPrimitiveContent as Content, AssistantModalPrimitiveRoot as Root, AssistantModalPrimitiveTrigger as Trigger };
+  export { AssistantModalPrimitiveAnchor as Anchor, AssistantModalPrimitiveContent as Content, AssistantModalPrimitiveRoot as Root, AssistantModalPrimitiveTrigger as Trigger };
 }
 
 type BranchPickerPrimitiveNextProps = ActionButtonProps<typeof useBranchPickerNext>;

package/dist/index.js

@@ -933,6 +933,7 @@ var ActionBarPrimitiveEdit = createActionButton(
 // src/primitives/assistantModal/index.ts
 var assistantModal_exports = {};
 __export(assistantModal_exports, {
+  Anchor: () => AssistantModalPrimitiveAnchor,
   Content: () => AssistantModalPrimitiveContent,
   Root: () => AssistantModalPrimitiveRoot,
   Trigger: () => AssistantModalPrimitiveTrigger
@@ -1039,6 +1040,21 @@ var AssistantModalPrimitiveContent = (0, import_react30.forwardRef)(
 );
 AssistantModalPrimitiveContent.displayName = "AssistantModalPrimitive.Content";
 
+// src/primitives/assistantModal/AssistantModalAnchor.tsx
+var import_react31 = require("react");
+var PopoverPrimitive5 = __toESM(require("@radix-ui/react-popover"));
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var AssistantModalPrimitiveAnchor = (0, import_react31.forwardRef)(
+  ({
+    __scopeAssistantModal,
+    ...rest
+  }, ref) => {
+    const scope = usePopoverScope(__scopeAssistantModal);
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PopoverPrimitive5.Anchor, { ...scope, ...rest, ref });
+  }
+);
+AssistantModalPrimitiveAnchor.displayName = "AssistantModalPrimitive.Anchor";
+
 // src/primitives/branchPicker/index.ts
 var branchPicker_exports = {};
 __export(branchPicker_exports, {
@@ -1062,24 +1078,24 @@ var BranchPickerPrevious = createActionButton(
 );
 
 // src/primitives/branchPicker/BranchPickerCount.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var BranchPickerPrimitiveCount = () => {
   const branchCount = useBranchPickerCount();
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: branchCount });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: branchCount });
 };
 BranchPickerPrimitiveCount.displayName = "BranchPickerPrimitive.Count";
 
 // src/primitives/branchPicker/BranchPickerNumber.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var BranchPickerPrimitiveNumber = () => {
   const branchNumber = useBranchPickerNumber();
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: branchNumber });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, { children: branchNumber });
 };
 BranchPickerPrimitiveNumber.displayName = "BranchPickerPrimitive.Number";
 
 // src/primitives/branchPicker/BranchPickerRoot.tsx
 var import_react_primitive6 = require("@radix-ui/react-primitive");
-var import_react37 = require("react");
+var import_react38 = require("react");
 
 // src/primitives/message/index.ts
 var message_exports = {};
@@ -1093,9 +1109,9 @@ __export(message_exports, {
 // src/primitives/message/MessageRoot.tsx
 var import_primitive4 = require("@radix-ui/primitive");
 var import_react_primitive3 = require("@radix-ui/react-primitive");
-var import_react31 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var MessagePrimitiveRoot = (0, import_react31.forwardRef)(({ onMouseEnter, onMouseLeave, ...rest }, ref) => {
+var import_react32 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var MessagePrimitiveRoot = (0, import_react32.forwardRef)(({ onMouseEnter, onMouseLeave, ...rest }, ref) => {
   const { useMessageUtils } = useMessageContext();
   const setIsHovering = useMessageUtils((s) => s.setIsHovering);
   const handleMouseEnter = () => {
@@ -1104,7 +1120,7 @@ var MessagePrimitiveRoot = (0, import_react31.forwardRef)(({ onMouseEnter, onMou
   const handleMouseLeave = () => {
     setIsHovering(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     import_react_primitive3.Primitive.div,
     {
       ...rest,
@@ -1127,12 +1143,12 @@ var MessagePrimitiveIf = ({
 MessagePrimitiveIf.displayName = "MessagePrimitive.If";
 
 // src/primitives/message/MessageContent.tsx
-var import_react35 = require("react");
+var import_react36 = require("react");
 
 // src/context/providers/ContentPartProvider.tsx
-var import_react32 = require("react");
+var import_react33 = require("react");
 var import_zustand9 = require("zustand");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var syncContentPart = ({ message }, useContentPart, partIndex) => {
   const part = message.content[partIndex];
   if (!part) return;
@@ -1149,14 +1165,14 @@ var syncContentPart = ({ message }, useContentPart, partIndex) => {
 };
 var useContentPartContext2 = (partIndex) => {
   const { useMessage } = useMessageContext();
-  const [context] = (0, import_react32.useState)(() => {
+  const [context] = (0, import_react33.useState)(() => {
     const useContentPart = (0, import_zustand9.create)(
       () => ({})
     );
     syncContentPart(useMessage.getState(), useContentPart, partIndex);
     return { useContentPart };
   });
-  (0, import_react32.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     syncContentPart(useMessage.getState(), context.useContentPart, partIndex);
     return useMessage.subscribe((message) => {
       syncContentPart(message, context.useContentPart, partIndex);
@@ -1169,7 +1185,7 @@ var ContentPartProvider = ({
   children
 }) => {
   const context = useContentPartContext2(partIndex);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ContentPartContext.Provider, { value: context, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ContentPartContext.Provider, { value: context, children });
 };
 
 // src/primitives/contentPart/ContentPartDisplay.tsx
@@ -1180,11 +1196,11 @@ var ContentPartPrimitiveDisplay = () => {
 ContentPartPrimitiveDisplay.displayName = "ContentPartPrimitive.Display";
 
 // src/utils/OutPortal.tsx
-var import_react33 = require("react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_react34 = require("react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var OutPortal = ({ node }) => {
-  const parentRef = (0, import_react33.useRef)(null);
-  (0, import_react33.useLayoutEffect)(() => {
+  const parentRef = (0, import_react34.useRef)(null);
+  (0, import_react34.useLayoutEffect)(() => {
     const parent = parentRef.current;
     if (!parent || !node) return;
     parent.appendChild(node);
@@ -1193,11 +1209,11 @@ var OutPortal = ({ node }) => {
     };
   }, [node]);
   if (!node) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { ref: parentRef });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { ref: parentRef });
 };
 
 // src/primitives/contentPart/ContentPartInProgressIndicator.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var ContentPartPrimitiveInProgressIndicator = () => {
   const { useMessageUtils } = useMessageContext();
   const { useContentPart } = useContentPartContext();
@@ -1205,35 +1221,35 @@ var ContentPartPrimitiveInProgressIndicator = () => {
     [useMessageUtils, useContentPart],
     (m, c) => c.status === "in_progress" ? m.inProgressIndicator : null
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(OutPortal, { node: indicator });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(OutPortal, { node: indicator });
 };
 ContentPartPrimitiveInProgressIndicator.displayName = "ContentPartPrimitive.InProgressIndicator";
 
 // src/primitives/contentPart/ContentPartText.tsx
 var import_react_primitive4 = require("@radix-ui/react-primitive");
-var import_react34 = require("react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var ContentPartPrimitiveText = (0, import_react34.forwardRef)((props, forwardedRef) => {
+var import_react35 = require("react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var ContentPartPrimitiveText = (0, import_react35.forwardRef)((props, forwardedRef) => {
   const text = useContentPartText();
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_primitive4.Primitive.span, { ...props, ref: forwardedRef, children: text });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_primitive4.Primitive.span, { ...props, ref: forwardedRef, children: text });
 });
 ContentPartPrimitiveText.displayName = "ContentPartPrimitive.Text";
 
 // src/primitives/message/MessageContent.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var defaultComponents = {
-  Text: () => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("p", { style: { whiteSpace: "pre-line" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ContentPartPrimitiveText, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ContentPartPrimitiveInProgressIndicator, {})
+  Text: () => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { style: { whiteSpace: "pre-line" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ContentPartPrimitiveText, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ContentPartPrimitiveInProgressIndicator, {})
   ] }),
   Image: () => null,
-  UI: () => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ContentPartPrimitiveDisplay, {}),
+  UI: () => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ContentPartPrimitiveDisplay, {}),
   tools: {
     Fallback: (props) => {
       const { useToolUIs } = useAssistantContext();
       const Render = useToolUIs((s) => s.getToolUI(props.part.toolName));
       if (!Render) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Render, { ...props });
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Render, { ...props });
     }
   }
 };
@@ -1252,15 +1268,15 @@ var MessageContentPartComponent = ({
   const type = part.type;
   switch (type) {
     case "text":
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text, { part, status });
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Text, { part, status });
     case "image":
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Image, { part, status });
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Image, { part, status });
     case "ui":
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(UI, { part, status });
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(UI, { part, status });
     case "tool-call": {
       const Tool = by_name[part.toolName] || Fallback;
       const addResult = (result) => addToolResult(part.toolCallId, result);
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Tool, { part, status, addResult });
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Tool, { part, status, addResult });
     }
     default:
       throw new Error(`Unknown content part type: ${type}`);
@@ -1270,9 +1286,9 @@ var MessageContentPartImpl = ({
   partIndex,
   components
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ContentPartProvider, { partIndex, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(MessageContentPartComponent, { components }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ContentPartProvider, { partIndex, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(MessageContentPartComponent, { components }) });
 };
-var MessageContentPart = (0, import_react35.memo)(
+var MessageContentPart = (0, import_react36.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
 );
@@ -1283,7 +1299,7 @@ var MessagePrimitiveContent = ({
   const contentLength = useMessage((s) => s.message.content.length);
   return new Array(contentLength).fill(null).map((_, idx) => {
     const partIndex = idx;
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       MessageContentPart,
       {
         partIndex,
@@ -1298,19 +1314,19 @@ MessagePrimitiveContent.displayName = "MessagePrimitive.Content";
 // src/primitives/message/MessageInProgress.tsx
 var import_react_dom = require("react-dom");
 var import_react_primitive5 = require("@radix-ui/react-primitive");
-var import_react36 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var MessagePrimitiveInProgress = (0, import_react36.forwardRef)((props, ref) => {
+var import_react37 = require("react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var MessagePrimitiveInProgress = (0, import_react37.forwardRef)((props, ref) => {
   const { useMessageUtils } = useMessageContext();
   const portalNode = useMessageUtils((s) => s.inProgressIndicator);
-  return (0, import_react_dom.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_primitive5.Primitive.span, { ...props, ref }), portalNode);
+  return (0, import_react_dom.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_primitive5.Primitive.span, { ...props, ref }), portalNode);
 });
 MessagePrimitiveInProgress.displayName = "MessagePrimitive.InProgress";
 
 // src/primitives/branchPicker/BranchPickerRoot.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var BranchPickerPrimitiveRoot = (0, import_react37.forwardRef)(({ hideWhenSingleBranch, ...rest }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(MessagePrimitiveIf, { hasBranches: hideWhenSingleBranch ? true : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_primitive6.Primitive.div, { ...rest, ref }) });
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var BranchPickerPrimitiveRoot = (0, import_react38.forwardRef)(({ hideWhenSingleBranch, ...rest }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(MessagePrimitiveIf, { hasBranches: hideWhenSingleBranch ? true : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_primitive6.Primitive.div, { ...rest, ref }) });
 });
 BranchPickerPrimitiveRoot.displayName = "BranchPickerPrimitive.Root";
 
@@ -1327,16 +1343,16 @@ __export(composer_exports, {
 // src/primitives/composer/ComposerRoot.tsx
 var import_primitive5 = require("@radix-ui/primitive");
 var import_react_primitive7 = require("@radix-ui/react-primitive");
-var import_react38 = require("react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var ComposerPrimitiveRoot = (0, import_react38.forwardRef)(({ onSubmit, ...rest }, forwardedRef) => {
+var import_react39 = require("react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var ComposerPrimitiveRoot = (0, import_react39.forwardRef)(({ onSubmit, ...rest }, forwardedRef) => {
   const send = useComposerSend();
   const handleSubmit = (e) => {
     e.preventDefault();
     if (!send) return;
     send();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_react_primitive7.Primitive.form,
     {
       ...rest,
@@ -1351,11 +1367,11 @@ ComposerPrimitiveRoot.displayName = "ComposerPrimitive.Root";
 var import_primitive6 = require("@radix-ui/primitive");
 var import_react_compose_refs = require("@radix-ui/react-compose-refs");
 var import_react_slot = require("@radix-ui/react-slot");
-var import_react39 = require("react");
+var import_react40 = 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_runtime20 = require("react/jsx-runtime");
-var ComposerPrimitiveInput = (0, import_react39.forwardRef)(
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var ComposerPrimitiveInput = (0, import_react40.forwardRef)(
   ({ autoFocus = false, asChild, disabled, onChange, onKeyDown, ...rest }, forwardedRef) => {
     const { useThread } = useThreadContext();
     const { useComposer, type } = useComposerContext();
@@ -1364,7 +1380,7 @@ var ComposerPrimitiveInput = (0, import_react39.forwardRef)(
       return c.value;
     });
     const Component = asChild ? import_react_slot.Slot : import_react_textarea_autosize.default;
-    const textareaRef = (0, import_react39.useRef)(null);
+    const textareaRef = (0, import_react40.useRef)(null);
     const ref = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, textareaRef);
     (0, import_react_use_escape_keydown.useEscapeKeydown)((e) => {
       const composer = useComposer.getState();
@@ -1383,7 +1399,7 @@ var ComposerPrimitiveInput = (0, import_react39.forwardRef)(
       }
     };
     const autoFocusEnabled = autoFocus && !disabled;
-    const focus = (0, import_react39.useCallback)(() => {
+    const focus = (0, import_react40.useCallback)(() => {
       const textarea = textareaRef.current;
       if (!textarea || !autoFocusEnabled) return;
       textarea.focus({ preventScroll: true });
@@ -1392,13 +1408,13 @@ var ComposerPrimitiveInput = (0, import_react39.forwardRef)(
         textareaRef.current.value.length
       );
     }, [autoFocusEnabled]);
-    (0, import_react39.useEffect)(() => focus(), [focus]);
+    (0, import_react40.useEffect)(() => focus(), [focus]);
     useOnComposerFocus(() => {
       if (type === "new") {
         focus();
       }
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       Component,
       {
         value,
@@ -1418,13 +1434,13 @@ var ComposerPrimitiveInput = (0, import_react39.forwardRef)(
 ComposerPrimitiveInput.displayName = "ComposerPrimitive.Input";
 
 // src/primitives/composer/ComposerSend.tsx
-var import_react40 = require("react");
+var import_react41 = require("react");
 var import_react_primitive8 = require("@radix-ui/react-primitive");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var ComposerPrimitiveSend = (0, import_react40.forwardRef)(({ disabled, ...rest }, ref) => {
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var ComposerPrimitiveSend = (0, import_react41.forwardRef)(({ disabled, ...rest }, ref) => {
   const { useComposer } = useComposerContext();
   const hasValue = useComposer((c) => c.isEditing && c.value.length > 0);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     import_react_primitive8.Primitive.button,
     {
       type: "submit",
@@ -1463,11 +1479,11 @@ __export(contentPart_exports, {
 
 // src/primitives/contentPart/ContentPartImage.tsx
 var import_react_primitive9 = require("@radix-ui/react-primitive");
-var import_react41 = require("react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var ContentPartPrimitiveImage = (0, import_react41.forwardRef)((props, forwardedRef) => {
+var import_react42 = require("react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var ContentPartPrimitiveImage = (0, import_react42.forwardRef)((props, forwardedRef) => {
   const image = useContentPartImage();
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_primitive9.Primitive.img, { src: image, ...props, ref: forwardedRef });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_primitive9.Primitive.img, { src: image, ...props, ref: forwardedRef });
 });
 ContentPartPrimitiveImage.displayName = "ContentPartPrimitive.Image";
 
@@ -1485,10 +1501,10 @@ __export(thread_exports, {
 
 // src/primitives/thread/ThreadRoot.tsx
 var import_react_primitive10 = require("@radix-ui/react-primitive");
-var import_react42 = require("react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var ThreadPrimitiveRoot = (0, import_react42.forwardRef)((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_primitive10.Primitive.div, { ...props, ref });
+var import_react43 = require("react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var ThreadPrimitiveRoot = (0, import_react43.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_primitive10.Primitive.div, { ...props, ref });
 });
 ThreadPrimitiveRoot.displayName = "ThreadPrimitive.Root";
 
@@ -1514,21 +1530,21 @@ ThreadPrimitiveIf.displayName = "ThreadPrimitive.If";
 // src/primitives/thread/ThreadViewport.tsx
 var import_react_compose_refs3 = require("@radix-ui/react-compose-refs");
 var import_react_primitive11 = require("@radix-ui/react-primitive");
-var import_react47 = require("react");
+var import_react48 = require("react");
 
 // src/primitive-hooks/thread/useThreadViewportAutoScroll.tsx
 var import_react_compose_refs2 = require("@radix-ui/react-compose-refs");
-var import_react46 = require("react");
+var import_react47 = require("react");
 
 // src/utils/hooks/useOnResizeContent.tsx
 var import_react_use_callback_ref2 = require("@radix-ui/react-use-callback-ref");
-var import_react44 = require("react");
+var import_react45 = require("react");
 
 // src/utils/hooks/useManagedRef.ts
-var import_react43 = require("react");
+var import_react44 = require("react");
 var useManagedRef = (callback) => {
-  const cleanupRef = (0, import_react43.useRef)();
-  const ref = (0, import_react43.useCallback)(
+  const cleanupRef = (0, import_react44.useRef)();
+  const ref = (0, import_react44.useCallback)(
     (el) => {
       if (cleanupRef.current) {
         cleanupRef.current();
@@ -1545,7 +1561,7 @@ var useManagedRef = (callback) => {
 // src/utils/hooks/useOnResizeContent.tsx
 var useOnResizeContent = (callback) => {
   const callbackRef = (0, import_react_use_callback_ref2.useCallbackRef)(callback);
-  const refCallback = (0, import_react44.useCallback)(
+  const refCallback = (0, import_react45.useCallback)(
     (el) => {
       const resizeObserver = new ResizeObserver(() => {
         callbackRef();
@@ -1582,11 +1598,11 @@ var useOnResizeContent = (callback) => {
 
 // src/utils/hooks/useOnScrollToBottom.tsx
 var import_react_use_callback_ref3 = require("@radix-ui/react-use-callback-ref");
-var import_react45 = require("react");
+var import_react46 = require("react");
 var useOnScrollToBottom = (callback) => {
   const callbackRef = (0, import_react_use_callback_ref3.useCallbackRef)(callback);
   const { useViewport } = useThreadContext();
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     return useViewport.getState().onScrollToBottom(() => {
       callbackRef();
     });
@@ -1597,11 +1613,11 @@ var useOnScrollToBottom = (callback) => {
 var useThreadViewportAutoScroll = ({
   autoScroll = true
 }) => {
-  const divRef = (0, import_react46.useRef)(null);
+  const divRef = (0, import_react47.useRef)(null);
   const { useViewport } = useThreadContext();
-  const firstRenderRef = (0, import_react46.useRef)(true);
-  const lastScrollTop = (0, import_react46.useRef)(0);
-  const isScrollingToBottomRef = (0, import_react46.useRef)(false);
+  const firstRenderRef = (0, import_react47.useRef)(true);
+  const lastScrollTop = (0, import_react47.useRef)(0);
+  const isScrollingToBottomRef = (0, import_react47.useRef)(false);
   const scrollToBottom = () => {
     const div = divRef.current;
     if (!div || !autoScroll) return;
@@ -1647,21 +1663,21 @@ var useThreadViewportAutoScroll = ({
 };
 
 // src/primitives/thread/ThreadViewport.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var ThreadPrimitiveViewport = (0, import_react47.forwardRef)(({ autoScroll, onScroll, children, ...rest }, forwardedRef) => {
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var ThreadPrimitiveViewport = (0, import_react48.forwardRef)(({ autoScroll, onScroll, children, ...rest }, forwardedRef) => {
   const autoScrollRef = useThreadViewportAutoScroll({
     autoScroll
   });
   const ref = (0, import_react_compose_refs3.useComposedRefs)(forwardedRef, autoScrollRef);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_primitive11.Primitive.div, { ...rest, ref, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_primitive11.Primitive.div, { ...rest, ref, children });
 });
 ThreadPrimitiveViewport.displayName = "ThreadPrimitive.Viewport";
 
 // src/primitives/thread/ThreadMessages.tsx
-var import_react49 = require("react");
+var import_react50 = require("react");
 
 // src/context/providers/MessageProvider.tsx
-var import_react48 = require("react");
+var import_react49 = require("react");
 var import_zustand12 = require("zustand");
 
 // src/context/stores/EditComposer.ts
@@ -1703,7 +1719,7 @@ var makeMessageUtilsStore = () => (0, import_zustand11.create)((set) => ({
 }));
 
 // src/context/providers/MessageProvider.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var getIsLast = (messages, message) => {
   return messages[messages.length - 1]?.id === message.id;
 };
@@ -1725,7 +1741,7 @@ var syncMessage = (messages, getBranches, useMessage, messageIndex) => {
 };
 var useMessageContext2 = (messageIndex) => {
   const { useThreadMessages, useThreadActions } = useThreadContext();
-  const [context] = (0, import_react48.useState)(() => {
+  const [context] = (0, import_react49.useState)(() => {
     const useMessage = (0, import_zustand12.create)(() => ({}));
     const useMessageUtils = makeMessageUtilsStore();
     const useEditComposer = makeEditComposerStore({
@@ -1762,7 +1778,7 @@ var useMessageContext2 = (messageIndex) => {
     );
     return { useMessage, useMessageUtils, useEditComposer };
   });
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     return useThreadMessages.subscribe((thread) => {
       syncMessage(
         thread,
@@ -1779,11 +1795,11 @@ var MessageProvider = ({
   children
 }) => {
   const context = useMessageContext2(messageIndex);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(MessageContext.Provider, { value: context, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(MessageContext.Provider, { value: context, children });
 };
 
 // src/primitives/thread/ThreadMessages.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var getComponents = (components) => {
   return {
     EditComposer: components.EditComposer ?? components.UserMessage ?? components.Message,
@@ -1796,15 +1812,15 @@ var ThreadMessageImpl = ({
   components
 }) => {
   const { UserMessage, EditComposer, AssistantMessage } = getComponents(components);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(MessageProvider, { messageIndex, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(MessagePrimitiveIf, { user: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ComposerPrimitiveIf, { editing: false, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(UserMessage, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ComposerPrimitiveIf, { editing: true, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(EditComposer, {}) })
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(MessageProvider, { messageIndex, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(MessagePrimitiveIf, { user: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ComposerPrimitiveIf, { editing: false, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(UserMessage, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ComposerPrimitiveIf, { editing: true, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(EditComposer, {}) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(MessagePrimitiveIf, { assistant: true, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AssistantMessage, {}) })
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(MessagePrimitiveIf, { assistant: true, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(AssistantMessage, {}) })
   ] });
 };
-var ThreadMessage = (0, import_react49.memo)(
+var ThreadMessage = (0, import_react50.memo)(
   ThreadMessageImpl,
   (prev, next) => prev.messageIndex === next.messageIndex && prev.components.UserMessage === next.components.UserMessage && prev.components.EditComposer === next.components.EditComposer && prev.components.AssistantMessage === next.components.AssistantMessage
 );
@@ -1816,7 +1832,7 @@ var ThreadPrimitiveMessages = ({
   if (messagesLength === 0) return null;
   return new Array(messagesLength).fill(null).map((_, idx) => {
     const messageIndex = idx;
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       ThreadMessage,
       {
         messageIndex,
@@ -1841,7 +1857,7 @@ var ThreadPrimitiveSuggestion = createActionButton(
 );
 
 // src/runtime/local/useLocalRuntime.tsx
-var import_react50 = require("react");
+var import_react51 = require("react");
 
 // src/runtime/utils/idUtils.tsx
 var import_non_secure = require("nanoid/non-secure");
@@ -2173,8 +2189,8 @@ var LocalThreadRuntime = class {
 
 // src/runtime/local/useLocalRuntime.tsx
 var useLocalRuntime = (adapter) => {
-  const [runtime] = (0, import_react50.useState)(() => new LocalRuntime(adapter));
-  (0, import_react50.useInsertionEffect)(() => {
+  const [runtime] = (0, import_react51.useState)(() => new LocalRuntime(adapter));
+  (0, import_react51.useInsertionEffect)(() => {
     runtime.adapter = adapter;
   });
   return runtime;