@assistant-ui/react 0.1.5 → 0.1.7

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");
@@ -693,6 +700,7 @@ var ComposerInput = (0, import_react20.forwardRef)(
     const focus = (0, import_react20.useCallback)(() => {
       const textarea = textareaRef.current;
       if (!textarea || !autoFocusEnabled) return;
+      console.log("focus");
       textarea.focus();
       textarea.setSelectionRange(
         textareaRef.current.value.length,
@@ -711,6 +719,7 @@ var ComposerInput = (0, import_react20.forwardRef)(
         value,
         ...rest,
         ref,
+        autoFocus,
         disabled,
         onChange: (0, import_primitive5.composeEventHandlers)(onChange, (e) => {
           const composerState = useComposer.getState();
@@ -722,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");
@@ -742,6 +752,7 @@ var ComposerSend = (0, import_react21.forwardRef)(
     );
   }
 );
+ComposerSend.displayName = "ComposerSend";
 
 // src/primitives/composer/ComposerCancel.tsx
 var import_primitive6 = require("@radix-ui/primitive");
@@ -763,6 +774,7 @@ var ComposerCancel = (0, import_react22.forwardRef)(({ onClick, ...rest }, ref)
     }
   );
 });
+ComposerCancel.displayName = "ComposerCancel";
 
 // src/primitives/message/index.ts
 var message_exports = {};
@@ -799,6 +811,7 @@ var MessageRoot = (0, import_react23.forwardRef)(
     );
   }
 );
+MessageRoot.displayName = "MessageRoot";
 
 // src/primitives/message/MessageContent.tsx
 var import_react28 = require("react");
@@ -908,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");
@@ -992,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 = {};
@@ -1009,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
@@ -1055,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 = {};
@@ -1094,6 +1110,7 @@ var ActionBarRoot = (0, import_react32.forwardRef)(({ hideWhenRunning, autohide,
     }
   );
 });
+ActionBarRoot.displayName = "ActionBarRoot";
 
 // src/primitives/actionBar/ActionBarCopy.tsx
 var ActionBarCopy = createActionButton(useCopyMessage);
@@ -1128,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");