@assistant-ui/react 0.1.6 → 0.1.7

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import * as react from 'react';
-import { FC, ReactNode, PropsWithChildren, ComponentType } from 'react';
+import { FC, ReactNode, PropsWithChildren, ComponentType, ComponentPropsWithoutRef } from 'react';
 import { TextareaAutosizeProps } from 'react-textarea-autosize';
 import { T as TextContentPartComponent, I as ImageContentPartComponent, U as UIContentPartComponent, a as ToolCallContentPartComponent, b as ToolCallContentPartProps, c as ThreadState, d as Unsubscribe, M as ModelConfigProvider, e as ThreadMessage, f as ModelConfig, A as AssistantContentPart, g as AppendMessage } from './Thread-ZUDFhMtm.js';
 export { k as AppendContentPart, h as AssistantMessage, l as TextContentPart, j as UserContentPart, i as UserMessage } from './Thread-ZUDFhMtm.js';
-import { ComponentPropsWithoutRef, Primitive } from '@radix-ui/react-primitive';
+import { Primitive } from '@radix-ui/react-primitive';
 import 'zod';
 
 declare const useCopyMessage: ({ copiedDuration }: {
@@ -18,11 +18,11 @@ declare const useGoToNextBranch: () => (() => void) | null;
 
 declare const useGoToPreviousBranch: () => (() => void) | null;
 
-declare const ThreadRoot: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
+declare const ThreadRoot: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | 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<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean;
-}, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+}, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 type ThreadEmptyProps = {
     children: ReactNode;
@@ -40,11 +40,11 @@ type ThreadIfFilters = {
 type ThreadIfProps = PropsWithChildren<RequireAtLeastOne<ThreadIfFilters>>;
 declare const ThreadIf: FC<ThreadIfProps>;
 
-declare const ThreadViewport: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
+declare const ThreadViewport: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | 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<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean;
-}, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "ref"> & {
     autoScroll?: boolean;
 } & react.RefAttributes<HTMLDivElement>>;
 
@@ -63,17 +63,17 @@ type ThreadMessagesProps = {
 };
 declare const ThreadMessages: FC<ThreadMessagesProps>;
 
-declare const ThreadScrollToBottom: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
+declare const ThreadScrollToBottom: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof react.ButtonHTMLAttributes<HTMLButtonElement>> & react.RefAttributes<HTMLButtonElement>>;
+}, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const ThreadSuggestion: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
+declare const ThreadSuggestion: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof react.ButtonHTMLAttributes<HTMLButtonElement>> & {
+}, "ref"> & {
     prompt: string;
     method: "replace";
     autoSend?: boolean;
@@ -83,27 +83,27 @@ declare namespace index$5 {
   export { ThreadEmpty as Empty, ThreadIf as If, ThreadMessages as Messages, ThreadRoot as Root, ThreadScrollToBottom as ScrollToBottom, ThreadSuggestion as Suggestion, ThreadViewport as Viewport };
 }
 
-declare const ComposerRoot: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & {
-    ref?: ((instance: HTMLFormElement | null) => void) | react.RefObject<HTMLFormElement> | null | undefined;
+declare const ComposerRoot: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & {
+    ref?: ((instance: HTMLFormElement | 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<HTMLFormElement> | null | undefined;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof react.FormHTMLAttributes<HTMLFormElement>> & react.RefAttributes<HTMLFormElement>>;
+}, "ref"> & react.RefAttributes<HTMLFormElement>>;
 
 declare const ComposerInput: react.ForwardRefExoticComponent<TextareaAutosizeProps & {
     asChild?: boolean;
 } & react.RefAttributes<HTMLTextAreaElement>>;
 
-declare const ComposerSend: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
+declare const ComposerSend: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof react.ButtonHTMLAttributes<HTMLButtonElement>> & react.RefAttributes<HTMLButtonElement>>;
+}, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const ComposerCancel: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
+declare const ComposerCancel: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof react.ButtonHTMLAttributes<HTMLButtonElement>> & react.RefAttributes<HTMLButtonElement>>;
+}, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 type ComposerIfFilters = {
     editing: boolean | undefined;
@@ -115,11 +115,11 @@ declare namespace index$4 {
   export { ComposerCancel as Cancel, ComposerIf as If, ComposerInput as Input, ComposerRoot as Root, ComposerSend as Send };
 }
 
-declare const MessageRoot: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
+declare const MessageRoot: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | 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<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean;
-}, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+}, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 type MessageIfFilters = {
     user: boolean | undefined;
@@ -146,37 +146,37 @@ type MessageContentProps = {
 };
 declare const MessageContent: FC<MessageContentProps>;
 
-declare const MessageInProgress: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | react.RefObject<HTMLSpanElement> | null | undefined;
+declare const MessageInProgress: react.ForwardRefExoticComponent<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;
-}, "key" | "asChild" | keyof react.HTMLAttributes<HTMLSpanElement>> & react.RefAttributes<HTMLSpanElement>>;
+}, "ref"> & react.RefAttributes<HTMLSpanElement>>;
 
 declare namespace index$3 {
   export { MessageContent as Content, MessageIf as If, MessageInProgress as InProgress, MessageRoot as Root };
 }
 
-declare const BranchPickerNext: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
+declare const BranchPickerNext: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof react.ButtonHTMLAttributes<HTMLButtonElement>> & react.RefAttributes<HTMLButtonElement>>;
+}, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const BranchPickerPrevious: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
+declare const BranchPickerPrevious: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof react.ButtonHTMLAttributes<HTMLButtonElement>> & react.RefAttributes<HTMLButtonElement>>;
+}, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const BranchPickerCount: FC;
 
 declare const BranchPickerNumber: FC;
 
-declare const BranchPickerRoot: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
+declare const BranchPickerRoot: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | 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<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean;
-}, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "ref"> & {
     hideWhenSingleBranch?: boolean;
 } & react.RefAttributes<HTMLDivElement>>;
 
@@ -184,11 +184,11 @@ declare namespace index$2 {
   export { BranchPickerCount as Count, BranchPickerNext as Next, BranchPickerNumber as Number, BranchPickerPrevious as Previous, BranchPickerRoot as Root };
 }
 
-declare const ActionBarRoot: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
+declare const ActionBarRoot: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | 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<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean;
-}, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "ref"> & {
     hideWhenRunning?: boolean;
     autohide?: "always" | "not-last" | "never";
     autohideFloat?: "always" | "single-branch" | "never";
@@ -197,23 +197,23 @@ declare const ActionBarRoot: react.ForwardRefExoticComponent<Pick<Omit<react.Det
 type ActionBarCopyProps = {
     copiedDuration?: number;
 };
-declare const ActionBarCopy: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
+declare const ActionBarCopy: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof react.ButtonHTMLAttributes<HTMLButtonElement>> & ActionBarCopyProps & react.RefAttributes<HTMLButtonElement>>;
+}, "ref"> & ActionBarCopyProps & react.RefAttributes<HTMLButtonElement>>;
 
-declare const ActionBarReload: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
+declare const ActionBarReload: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof react.ButtonHTMLAttributes<HTMLButtonElement>> & react.RefAttributes<HTMLButtonElement>>;
+}, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const ActionBarEdit: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
+declare const ActionBarEdit: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof react.ButtonHTMLAttributes<HTMLButtonElement>> & react.RefAttributes<HTMLButtonElement>>;
+}, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare namespace index$1 {
   export { ActionBarCopy as Copy, ActionBarEdit as Edit, ActionBarReload as Reload, ActionBarRoot as Root };
@@ -225,11 +225,11 @@ type PrimitiveSpanProps = ComponentPropsWithoutRef<typeof Primitive.span>;
 type ContentPartTextProps = Omit<PrimitiveSpanProps, "children">;
 declare const ContentPartText: react.ForwardRefExoticComponent<ContentPartTextProps & react.RefAttributes<HTMLSpanElement>>;
 
-declare const ContentPartImage: react.ForwardRefExoticComponent<Pick<Omit<react.DetailedHTMLProps<react.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
-    ref?: ((instance: HTMLImageElement | null) => void) | react.RefObject<HTMLImageElement> | null | undefined;
+declare const ContentPartImage: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
+    ref?: ((instance: HTMLImageElement | 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<HTMLImageElement> | null | undefined;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof react.ImgHTMLAttributes<HTMLImageElement>> & react.RefAttributes<HTMLImageElement>>;
+}, "ref"> & react.RefAttributes<HTMLImageElement>>;
 
 declare const ContentPartDisplay: FC;
 

package/dist/index.js

@@ -126,7 +126,9 @@ var ThreadContext = (0, import_react5.createContext)(null);
 var useThreadContext = () => {
   const context = (0, import_react5.useContext)(ThreadContext);
   if (!context)
-    throw new Error("This component must be used within an AssistantRuntimeProvider.");
+    throw new Error(
+      "This component must be used within an AssistantRuntimeProvider."
+    );
   return context;
 };
 
@@ -218,6 +220,7 @@ var ThreadRoot = (0, import_react10.forwardRef)(
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_primitive.Primitive.div, { ...props, ref });
   }
 );
+ThreadRoot.displayName = "ThreadRoot";
 
 // src/primitives/thread/ThreadIf.tsx
 var useThreadIf = (props) => {
@@ -252,8 +255,8 @@ var import_react_use_callback_ref = require("@radix-ui/react-use-callback-ref");
 var import_react11 = require("react");
 var useOnResizeContent = (ref, callback) => {
   const callbackRef = (0, import_react_use_callback_ref.useCallbackRef)(callback);
+  const el = ref.current;
   (0, import_react11.useEffect)(() => {
-    const el = ref.current;
     if (!el) return;
     const resizeObserver = new ResizeObserver(() => {
       callbackRef();
@@ -282,7 +285,7 @@ var useOnResizeContent = (ref, callback) => {
       resizeObserver.disconnect();
       mutationObserver.disconnect();
     };
-  }, [ref.current, callbackRef]);
+  }, [el, callbackRef]);
 };
 
 // src/utils/hooks/useOnScrollToBottom.tsx
@@ -351,6 +354,7 @@ var ThreadViewport = (0, import_react13.forwardRef)(({ autoScroll = true, onScro
     }
   );
 });
+ThreadViewport.displayName = "ThreadViewport";
 
 // src/primitives/thread/ThreadMessages.tsx
 var import_react16 = require("react");
@@ -588,6 +592,7 @@ var ThreadScrollToBottom = (0, import_react17.forwardRef)(({ onClick, ...rest },
     }
   );
 });
+ThreadScrollToBottom.displayName = "ThreadScrollToBottom";
 
 // src/primitives/thread/ThreadSuggestion.tsx
 var import_primitive3 = require("@radix-ui/primitive");
@@ -615,6 +620,7 @@ var ThreadSuggestion = (0, import_react18.forwardRef)(({ onClick, prompt, method
     }
   );
 });
+ThreadSuggestion.displayName = "ThreadSuggestion";
 
 // src/primitives/composer/index.ts
 var composer_exports = {};
@@ -655,6 +661,7 @@ var ComposerRoot = (0, import_react19.forwardRef)(
     );
   }
 );
+ComposerRoot.displayName = "ComposerRoot";
 
 // src/primitives/composer/ComposerInput.tsx
 var import_primitive5 = require("@radix-ui/primitive");
@@ -724,6 +731,7 @@ var ComposerInput = (0, import_react20.forwardRef)(
     );
   }
 );
+ComposerInput.displayName = "ComposerInput";
 
 // src/primitives/composer/ComposerSend.tsx
 var import_react_primitive6 = require("@radix-ui/react-primitive");
@@ -744,6 +752,7 @@ var ComposerSend = (0, import_react21.forwardRef)(
     );
   }
 );
+ComposerSend.displayName = "ComposerSend";
 
 // src/primitives/composer/ComposerCancel.tsx
 var import_primitive6 = require("@radix-ui/primitive");
@@ -765,6 +774,7 @@ var ComposerCancel = (0, import_react22.forwardRef)(({ onClick, ...rest }, ref)
     }
   );
 });
+ComposerCancel.displayName = "ComposerCancel";
 
 // src/primitives/message/index.ts
 var message_exports = {};
@@ -801,6 +811,7 @@ var MessageRoot = (0, import_react23.forwardRef)(
     );
   }
 );
+MessageRoot.displayName = "MessageRoot";
 
 // src/primitives/message/MessageContent.tsx
 var import_react28 = require("react");
@@ -910,6 +921,7 @@ var ContentPartText = (0, import_react27.forwardRef)((props, forwardedRef) => {
   });
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_primitive9.Primitive.span, { ...props, ref: forwardedRef, children: text });
 });
+ContentPartText.displayName = "ContentPartText";
 
 // src/primitives/message/MessageContent.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
@@ -994,6 +1006,7 @@ var MessageInProgress = (0, import_react29.forwardRef)((props, ref) => {
   }, [useMessage, props, ref]);
   return null;
 });
+MessageInProgress.displayName = "MessageInProgress";
 
 // src/primitives/branchPicker/index.ts
 var branchPicker_exports = {};
@@ -1011,21 +1024,21 @@ var import_react_primitive11 = require("@radix-ui/react-primitive");
 var import_react30 = require("react");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var createActionButton = (useActionButton) => {
-  return (0, import_react30.forwardRef)(
-    (props, forwardedRef) => {
-      const onClick = useActionButton(props);
-      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-        import_react_primitive11.Primitive.button,
-        {
-          type: "button",
-          disabled: !onClick,
-          ...props,
-          ref: forwardedRef,
-          onClick: (0, import_primitive8.composeEventHandlers)(props.onClick, onClick ?? void 0)
-        }
-      );
-    }
-  );
+  const ActionButton = (0, import_react30.forwardRef)((props, forwardedRef) => {
+    const onClick = useActionButton(props);
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      import_react_primitive11.Primitive.button,
+      {
+        type: "button",
+        disabled: !onClick,
+        ...props,
+        ref: forwardedRef,
+        onClick: (0, import_primitive8.composeEventHandlers)(props.onClick, onClick ?? void 0)
+      }
+    );
+  });
+  ActionButton.displayName = "ActionButton";
+  return ActionButton;
 };
 
 // src/primitives/branchPicker/BranchPickerNext.tsx
@@ -1057,6 +1070,7 @@ var import_jsx_runtime20 = require("react/jsx-runtime");
 var BranchPickerRoot = (0, import_react31.forwardRef)(({ hideWhenSingleBranch, ...rest }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(MessageIf, { hasBranches: hideWhenSingleBranch ? true : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_primitive12.Primitive.div, { ...rest, ref }) });
 });
+BranchPickerRoot.displayName = "BranchPickerRoot";
 
 // src/primitives/actionBar/index.ts
 var actionBar_exports = {};
@@ -1096,6 +1110,7 @@ var ActionBarRoot = (0, import_react32.forwardRef)(({ hideWhenRunning, autohide,
     }
   );
 });
+ActionBarRoot.displayName = "ActionBarRoot";
 
 // src/primitives/actionBar/ActionBarCopy.tsx
 var ActionBarCopy = createActionButton(useCopyMessage);
@@ -1130,6 +1145,7 @@ var ContentPartImage = (0, import_react33.forwardRef)((props, forwardedRef) => {
   });
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_primitive14.Primitive.img, { src: image, ...props, ref: forwardedRef });
 });
+ContentPartImage.displayName = "ContentPartImage";
 
 // src/runtime/local/useLocalRuntime.tsx
 var import_react34 = require("react");