@assistant-ui/react 0.2.3 → 0.2.4

package/dist/index.mjs

@@ -871,6 +871,7 @@ var ActionBarPrimitiveEdit = createActionButton(
 // src/primitives/assistantModal/index.ts
 var assistantModal_exports = {};
 __export(assistantModal_exports, {
+  Anchor: () => AssistantModalPrimitiveAnchor,
   Content: () => AssistantModalPrimitiveContent,
   Root: () => AssistantModalPrimitiveRoot,
   Trigger: () => AssistantModalPrimitiveTrigger
@@ -977,6 +978,21 @@ var AssistantModalPrimitiveContent = forwardRef4(
 );
 AssistantModalPrimitiveContent.displayName = "AssistantModalPrimitive.Content";
 
+// src/primitives/assistantModal/AssistantModalAnchor.tsx
+import { forwardRef as forwardRef5 } from "react";
+import * as PopoverPrimitive5 from "@radix-ui/react-popover";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var AssistantModalPrimitiveAnchor = forwardRef5(
+  ({
+    __scopeAssistantModal,
+    ...rest
+  }, ref) => {
+    const scope = usePopoverScope(__scopeAssistantModal);
+    return /* @__PURE__ */ jsx9(PopoverPrimitive5.Anchor, { ...scope, ...rest, ref });
+  }
+);
+AssistantModalPrimitiveAnchor.displayName = "AssistantModalPrimitive.Anchor";
+
 // src/primitives/branchPicker/index.ts
 var branchPicker_exports = {};
 __export(branchPicker_exports, {
@@ -1000,24 +1016,24 @@ var BranchPickerPrevious = createActionButton(
 );
 
 // src/primitives/branchPicker/BranchPickerCount.tsx
-import { Fragment, jsx as jsx9 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx10 } from "react/jsx-runtime";
 var BranchPickerPrimitiveCount = () => {
   const branchCount = useBranchPickerCount();
-  return /* @__PURE__ */ jsx9(Fragment, { children: branchCount });
+  return /* @__PURE__ */ jsx10(Fragment, { children: branchCount });
 };
 BranchPickerPrimitiveCount.displayName = "BranchPickerPrimitive.Count";
 
 // src/primitives/branchPicker/BranchPickerNumber.tsx
-import { Fragment as Fragment2, jsx as jsx10 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx11 } from "react/jsx-runtime";
 var BranchPickerPrimitiveNumber = () => {
   const branchNumber = useBranchPickerNumber();
-  return /* @__PURE__ */ jsx10(Fragment2, { children: branchNumber });
+  return /* @__PURE__ */ jsx11(Fragment2, { children: branchNumber });
 };
 BranchPickerPrimitiveNumber.displayName = "BranchPickerPrimitive.Number";
 
 // src/primitives/branchPicker/BranchPickerRoot.tsx
 import { Primitive as Primitive6 } from "@radix-ui/react-primitive";
-import { forwardRef as forwardRef8 } from "react";
+import { forwardRef as forwardRef9 } from "react";
 
 // src/primitives/message/index.ts
 var message_exports = {};
@@ -1031,9 +1047,9 @@ __export(message_exports, {
 // src/primitives/message/MessageRoot.tsx
 import { composeEventHandlers as composeEventHandlers4 } from "@radix-ui/primitive";
 import { Primitive as Primitive3 } from "@radix-ui/react-primitive";
-import { forwardRef as forwardRef5 } from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
-var MessagePrimitiveRoot = forwardRef5(({ onMouseEnter, onMouseLeave, ...rest }, ref) => {
+import { forwardRef as forwardRef6 } from "react";
+import { jsx as jsx12 } from "react/jsx-runtime";
+var MessagePrimitiveRoot = forwardRef6(({ onMouseEnter, onMouseLeave, ...rest }, ref) => {
   const { useMessageUtils } = useMessageContext();
   const setIsHovering = useMessageUtils((s) => s.setIsHovering);
   const handleMouseEnter = () => {
@@ -1042,7 +1058,7 @@ var MessagePrimitiveRoot = forwardRef5(({ onMouseEnter, onMouseLeave, ...rest },
   const handleMouseLeave = () => {
     setIsHovering(false);
   };
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     Primitive3.div,
     {
       ...rest,
@@ -1070,7 +1086,7 @@ import { memo as memo2 } from "react";
 // src/context/providers/ContentPartProvider.tsx
 import { useEffect as useEffect7, useState as useState4 } from "react";
 import { create as create9 } from "zustand";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var syncContentPart = ({ message }, useContentPart, partIndex) => {
   const part = message.content[partIndex];
   if (!part) return;
@@ -1107,7 +1123,7 @@ var ContentPartProvider = ({
   children
 }) => {
   const context = useContentPartContext2(partIndex);
-  return /* @__PURE__ */ jsx12(ContentPartContext.Provider, { value: context, children });
+  return /* @__PURE__ */ jsx13(ContentPartContext.Provider, { value: context, children });
 };
 
 // src/primitives/contentPart/ContentPartDisplay.tsx
@@ -1119,7 +1135,7 @@ ContentPartPrimitiveDisplay.displayName = "ContentPartPrimitive.Display";
 
 // src/utils/OutPortal.tsx
 import { useLayoutEffect, useRef as useRef3 } from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var OutPortal = ({ node }) => {
   const parentRef = useRef3(null);
   useLayoutEffect(() => {
@@ -1131,11 +1147,11 @@ var OutPortal = ({ node }) => {
     };
   }, [node]);
   if (!node) return null;
-  return /* @__PURE__ */ jsx13("span", { ref: parentRef });
+  return /* @__PURE__ */ jsx14("span", { ref: parentRef });
 };
 
 // src/primitives/contentPart/ContentPartInProgressIndicator.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var ContentPartPrimitiveInProgressIndicator = () => {
   const { useMessageUtils } = useMessageContext();
   const { useContentPart } = useContentPartContext();
@@ -1143,35 +1159,35 @@ var ContentPartPrimitiveInProgressIndicator = () => {
     [useMessageUtils, useContentPart],
     (m, c) => c.status === "in_progress" ? m.inProgressIndicator : null
   );
-  return /* @__PURE__ */ jsx14(OutPortal, { node: indicator });
+  return /* @__PURE__ */ jsx15(OutPortal, { node: indicator });
 };
 ContentPartPrimitiveInProgressIndicator.displayName = "ContentPartPrimitive.InProgressIndicator";
 
 // src/primitives/contentPart/ContentPartText.tsx
 import { Primitive as Primitive4 } from "@radix-ui/react-primitive";
-import { forwardRef as forwardRef6 } from "react";
-import { jsx as jsx15 } from "react/jsx-runtime";
-var ContentPartPrimitiveText = forwardRef6((props, forwardedRef) => {
+import { forwardRef as forwardRef7 } from "react";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var ContentPartPrimitiveText = forwardRef7((props, forwardedRef) => {
   const text = useContentPartText();
-  return /* @__PURE__ */ jsx15(Primitive4.span, { ...props, ref: forwardedRef, children: text });
+  return /* @__PURE__ */ jsx16(Primitive4.span, { ...props, ref: forwardedRef, children: text });
 });
 ContentPartPrimitiveText.displayName = "ContentPartPrimitive.Text";
 
 // src/primitives/message/MessageContent.tsx
-import { jsx as jsx16, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs2 } from "react/jsx-runtime";
 var defaultComponents = {
   Text: () => /* @__PURE__ */ jsxs2("p", { style: { whiteSpace: "pre-line" }, children: [
-    /* @__PURE__ */ jsx16(ContentPartPrimitiveText, {}),
-    /* @__PURE__ */ jsx16(ContentPartPrimitiveInProgressIndicator, {})
+    /* @__PURE__ */ jsx17(ContentPartPrimitiveText, {}),
+    /* @__PURE__ */ jsx17(ContentPartPrimitiveInProgressIndicator, {})
   ] }),
   Image: () => null,
-  UI: () => /* @__PURE__ */ jsx16(ContentPartPrimitiveDisplay, {}),
+  UI: () => /* @__PURE__ */ jsx17(ContentPartPrimitiveDisplay, {}),
   tools: {
     Fallback: (props) => {
       const { useToolUIs } = useAssistantContext();
       const Render = useToolUIs((s) => s.getToolUI(props.part.toolName));
       if (!Render) return null;
-      return /* @__PURE__ */ jsx16(Render, { ...props });
+      return /* @__PURE__ */ jsx17(Render, { ...props });
     }
   }
 };
@@ -1190,15 +1206,15 @@ var MessageContentPartComponent = ({
   const type = part.type;
   switch (type) {
     case "text":
-      return /* @__PURE__ */ jsx16(Text, { part, status });
+      return /* @__PURE__ */ jsx17(Text, { part, status });
     case "image":
-      return /* @__PURE__ */ jsx16(Image, { part, status });
+      return /* @__PURE__ */ jsx17(Image, { part, status });
     case "ui":
-      return /* @__PURE__ */ jsx16(UI, { part, status });
+      return /* @__PURE__ */ jsx17(UI, { part, status });
     case "tool-call": {
       const Tool = by_name[part.toolName] || Fallback;
       const addResult = (result) => addToolResult(part.toolCallId, result);
-      return /* @__PURE__ */ jsx16(Tool, { part, status, addResult });
+      return /* @__PURE__ */ jsx17(Tool, { part, status, addResult });
     }
     default:
       throw new Error(`Unknown content part type: ${type}`);
@@ -1208,7 +1224,7 @@ var MessageContentPartImpl = ({
   partIndex,
   components
 }) => {
-  return /* @__PURE__ */ jsx16(ContentPartProvider, { partIndex, children: /* @__PURE__ */ jsx16(MessageContentPartComponent, { components }) });
+  return /* @__PURE__ */ jsx17(ContentPartProvider, { partIndex, children: /* @__PURE__ */ jsx17(MessageContentPartComponent, { components }) });
 };
 var MessageContentPart = memo2(
   MessageContentPartImpl,
@@ -1221,7 +1237,7 @@ var MessagePrimitiveContent = ({
   const contentLength = useMessage((s) => s.message.content.length);
   return new Array(contentLength).fill(null).map((_, idx) => {
     const partIndex = idx;
-    return /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx17(
       MessageContentPart,
       {
         partIndex,
@@ -1236,19 +1252,19 @@ MessagePrimitiveContent.displayName = "MessagePrimitive.Content";
 // src/primitives/message/MessageInProgress.tsx
 import { createPortal } from "react-dom";
 import { Primitive as Primitive5 } from "@radix-ui/react-primitive";
-import { forwardRef as forwardRef7 } from "react";
-import { jsx as jsx17 } from "react/jsx-runtime";
-var MessagePrimitiveInProgress = forwardRef7((props, ref) => {
+import { forwardRef as forwardRef8 } from "react";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var MessagePrimitiveInProgress = forwardRef8((props, ref) => {
   const { useMessageUtils } = useMessageContext();
   const portalNode = useMessageUtils((s) => s.inProgressIndicator);
-  return createPortal(/* @__PURE__ */ jsx17(Primitive5.span, { ...props, ref }), portalNode);
+  return createPortal(/* @__PURE__ */ jsx18(Primitive5.span, { ...props, ref }), portalNode);
 });
 MessagePrimitiveInProgress.displayName = "MessagePrimitive.InProgress";
 
 // src/primitives/branchPicker/BranchPickerRoot.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
-var BranchPickerPrimitiveRoot = forwardRef8(({ hideWhenSingleBranch, ...rest }, ref) => {
-  return /* @__PURE__ */ jsx18(MessagePrimitiveIf, { hasBranches: hideWhenSingleBranch ? true : void 0, children: /* @__PURE__ */ jsx18(Primitive6.div, { ...rest, ref }) });
+import { jsx as jsx19 } from "react/jsx-runtime";
+var BranchPickerPrimitiveRoot = forwardRef9(({ hideWhenSingleBranch, ...rest }, ref) => {
+  return /* @__PURE__ */ jsx19(MessagePrimitiveIf, { hasBranches: hideWhenSingleBranch ? true : void 0, children: /* @__PURE__ */ jsx19(Primitive6.div, { ...rest, ref }) });
 });
 BranchPickerPrimitiveRoot.displayName = "BranchPickerPrimitive.Root";
 
@@ -1266,17 +1282,17 @@ __export(composer_exports, {
 import { composeEventHandlers as composeEventHandlers5 } from "@radix-ui/primitive";
 import { Primitive as Primitive7 } from "@radix-ui/react-primitive";
 import {
-  forwardRef as forwardRef9
+  forwardRef as forwardRef10
 } from "react";
-import { jsx as jsx19 } from "react/jsx-runtime";
-var ComposerPrimitiveRoot = forwardRef9(({ onSubmit, ...rest }, forwardedRef) => {
+import { jsx as jsx20 } from "react/jsx-runtime";
+var ComposerPrimitiveRoot = forwardRef10(({ onSubmit, ...rest }, forwardedRef) => {
   const send = useComposerSend();
   const handleSubmit = (e) => {
     e.preventDefault();
     if (!send) return;
     send();
   };
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     Primitive7.form,
     {
       ...rest,
@@ -1292,15 +1308,15 @@ import { composeEventHandlers as composeEventHandlers6 } from "@radix-ui/primiti
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
 import { Slot } from "@radix-ui/react-slot";
 import {
-  forwardRef as forwardRef10,
+  forwardRef as forwardRef11,
   useCallback as useCallback13,
   useEffect as useEffect8,
   useRef as useRef4
 } from "react";
 import TextareaAutosize from "react-textarea-autosize";
 import { useEscapeKeydown } from "@radix-ui/react-use-escape-keydown";
-import { jsx as jsx20 } from "react/jsx-runtime";
-var ComposerPrimitiveInput = forwardRef10(
+import { jsx as jsx21 } from "react/jsx-runtime";
+var ComposerPrimitiveInput = forwardRef11(
   ({ autoFocus = false, asChild, disabled, onChange, onKeyDown, ...rest }, forwardedRef) => {
     const { useThread } = useThreadContext();
     const { useComposer, type } = useComposerContext();
@@ -1343,7 +1359,7 @@ var ComposerPrimitiveInput = forwardRef10(
         focus();
       }
     });
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx21(
       Component,
       {
         value,
@@ -1363,13 +1379,13 @@ var ComposerPrimitiveInput = forwardRef10(
 ComposerPrimitiveInput.displayName = "ComposerPrimitive.Input";
 
 // src/primitives/composer/ComposerSend.tsx
-import { forwardRef as forwardRef11 } from "react";
+import { forwardRef as forwardRef12 } from "react";
 import { Primitive as Primitive8 } from "@radix-ui/react-primitive";
-import { jsx as jsx21 } from "react/jsx-runtime";
-var ComposerPrimitiveSend = forwardRef11(({ disabled, ...rest }, ref) => {
+import { jsx as jsx22 } from "react/jsx-runtime";
+var ComposerPrimitiveSend = forwardRef12(({ disabled, ...rest }, ref) => {
   const { useComposer } = useComposerContext();
   const hasValue = useComposer((c) => c.isEditing && c.value.length > 0);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     Primitive8.button,
     {
       type: "submit",
@@ -1408,11 +1424,11 @@ __export(contentPart_exports, {
 
 // src/primitives/contentPart/ContentPartImage.tsx
 import { Primitive as Primitive9 } from "@radix-ui/react-primitive";
-import { forwardRef as forwardRef12 } from "react";
-import { jsx as jsx22 } from "react/jsx-runtime";
-var ContentPartPrimitiveImage = forwardRef12((props, forwardedRef) => {
+import { forwardRef as forwardRef13 } from "react";
+import { jsx as jsx23 } from "react/jsx-runtime";
+var ContentPartPrimitiveImage = forwardRef13((props, forwardedRef) => {
   const image = useContentPartImage();
-  return /* @__PURE__ */ jsx22(Primitive9.img, { src: image, ...props, ref: forwardedRef });
+  return /* @__PURE__ */ jsx23(Primitive9.img, { src: image, ...props, ref: forwardedRef });
 });
 ContentPartPrimitiveImage.displayName = "ContentPartPrimitive.Image";
 
@@ -1430,10 +1446,10 @@ __export(thread_exports, {
 
 // src/primitives/thread/ThreadRoot.tsx
 import { Primitive as Primitive10 } from "@radix-ui/react-primitive";
-import { forwardRef as forwardRef13 } from "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
-var ThreadPrimitiveRoot = forwardRef13((props, ref) => {
-  return /* @__PURE__ */ jsx23(Primitive10.div, { ...props, ref });
+import { forwardRef as forwardRef14 } from "react";
+import { jsx as jsx24 } from "react/jsx-runtime";
+var ThreadPrimitiveRoot = forwardRef14((props, ref) => {
+  return /* @__PURE__ */ jsx24(Primitive10.div, { ...props, ref });
 });
 ThreadPrimitiveRoot.displayName = "ThreadPrimitive.Root";
 
@@ -1459,7 +1475,7 @@ ThreadPrimitiveIf.displayName = "ThreadPrimitive.If";
 // src/primitives/thread/ThreadViewport.tsx
 import { useComposedRefs as useComposedRefs3 } from "@radix-ui/react-compose-refs";
 import { Primitive as Primitive11 } from "@radix-ui/react-primitive";
-import { forwardRef as forwardRef14 } from "react";
+import { forwardRef as forwardRef15 } from "react";
 
 // src/primitive-hooks/thread/useThreadViewportAutoScroll.tsx
 import { useComposedRefs as useComposedRefs2 } from "@radix-ui/react-compose-refs";
@@ -1592,13 +1608,13 @@ var useThreadViewportAutoScroll = ({
 };
 
 // src/primitives/thread/ThreadViewport.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
-var ThreadPrimitiveViewport = forwardRef14(({ autoScroll, onScroll, children, ...rest }, forwardedRef) => {
+import { jsx as jsx25 } from "react/jsx-runtime";
+var ThreadPrimitiveViewport = forwardRef15(({ autoScroll, onScroll, children, ...rest }, forwardedRef) => {
   const autoScrollRef = useThreadViewportAutoScroll({
     autoScroll
   });
   const ref = useComposedRefs3(forwardedRef, autoScrollRef);
-  return /* @__PURE__ */ jsx24(Primitive11.div, { ...rest, ref, children });
+  return /* @__PURE__ */ jsx25(Primitive11.div, { ...rest, ref, children });
 });
 ThreadPrimitiveViewport.displayName = "ThreadPrimitive.Viewport";
 
@@ -1648,7 +1664,7 @@ var makeMessageUtilsStore = () => create11((set) => ({
 }));
 
 // src/context/providers/MessageProvider.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var getIsLast = (messages, message) => {
   return messages[messages.length - 1]?.id === message.id;
 };
@@ -1724,11 +1740,11 @@ var MessageProvider = ({
   children
 }) => {
   const context = useMessageContext2(messageIndex);
-  return /* @__PURE__ */ jsx25(MessageContext.Provider, { value: context, children });
+  return /* @__PURE__ */ jsx26(MessageContext.Provider, { value: context, children });
 };
 
 // src/primitives/thread/ThreadMessages.tsx
-import { jsx as jsx26, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs3 } from "react/jsx-runtime";
 var getComponents = (components) => {
   return {
     EditComposer: components.EditComposer ?? components.UserMessage ?? components.Message,
@@ -1743,10 +1759,10 @@ var ThreadMessageImpl = ({
   const { UserMessage, EditComposer, AssistantMessage } = getComponents(components);
   return /* @__PURE__ */ jsxs3(MessageProvider, { messageIndex, children: [
     /* @__PURE__ */ jsxs3(MessagePrimitiveIf, { user: true, children: [
-      /* @__PURE__ */ jsx26(ComposerPrimitiveIf, { editing: false, children: /* @__PURE__ */ jsx26(UserMessage, {}) }),
-      /* @__PURE__ */ jsx26(ComposerPrimitiveIf, { editing: true, children: /* @__PURE__ */ jsx26(EditComposer, {}) })
+      /* @__PURE__ */ jsx27(ComposerPrimitiveIf, { editing: false, children: /* @__PURE__ */ jsx27(UserMessage, {}) }),
+      /* @__PURE__ */ jsx27(ComposerPrimitiveIf, { editing: true, children: /* @__PURE__ */ jsx27(EditComposer, {}) })
     ] }),
-    /* @__PURE__ */ jsx26(MessagePrimitiveIf, { assistant: true, children: /* @__PURE__ */ jsx26(AssistantMessage, {}) })
+    /* @__PURE__ */ jsx27(MessagePrimitiveIf, { assistant: true, children: /* @__PURE__ */ jsx27(AssistantMessage, {}) })
   ] });
 };
 var ThreadMessage = memo3(
@@ -1761,7 +1777,7 @@ var ThreadPrimitiveMessages = ({
   if (messagesLength === 0) return null;
   return new Array(messagesLength).fill(null).map((_, idx) => {
     const messageIndex = idx;
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx27(
       ThreadMessage,
       {
         messageIndex,