@assistant-ui/react 0.0.3 → 0.0.4

package/dist/index.d.mts

@@ -95,7 +95,7 @@ type MessageIfFilters = {
     editing: boolean | undefined;
     hasBranches: boolean | undefined;
     copied: boolean | undefined;
-    unstable_hoveringOrLast: boolean | undefined;
+    lastOrHover: boolean | undefined;
 };
 type MessageIfProps = RequireAtLeastOne<MessageIfFilters> & {
     children: React.ReactNode;
@@ -142,7 +142,10 @@ declare const ActionBarRoot: react.ForwardRefExoticComponent<Pick<Omit<react.Det
     ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean;
-}, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+}, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    hideWhenBusy?: boolean;
+    hideWhenNotLastOrHover?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
 
 type ActionBarCopyProps = {
     copiedDuration?: number;

package/dist/index.d.ts

@@ -95,7 +95,7 @@ type MessageIfFilters = {
     editing: boolean | undefined;
     hasBranches: boolean | undefined;
     copied: boolean | undefined;
-    unstable_hoveringOrLast: boolean | undefined;
+    lastOrHover: boolean | undefined;
 };
 type MessageIfProps = RequireAtLeastOne<MessageIfFilters> & {
     children: React.ReactNode;
@@ -142,7 +142,10 @@ declare const ActionBarRoot: react.ForwardRefExoticComponent<Pick<Omit<react.Det
     ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean;
-}, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+}, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    hideWhenBusy?: boolean;
+    hideWhenNotLastOrHover?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
 
 type ActionBarCopyProps = {
     copiedDuration?: number;

package/dist/index.js

@@ -365,6 +365,9 @@ var useChatWithBranches = (chat) => {
     [chat, getBranchState, switchToBranch, editAt, reloadAt]
   );
 };
+var hasUpcomingMessage = (thread) => {
+  return thread.isLoading && thread.messages[thread.messages.length - 1]?.role !== "assistant";
+};
 
 // src/primitives/message/index.ts
 var message_exports = {};
@@ -445,6 +448,10 @@ var MessageRoot = (0, import_react7.forwardRef)(
 );
 
 // src/primitives/message/MessageIf.tsx
+var isLast = (thread, message) => {
+  const hasUpcoming = hasUpcomingMessage(thread);
+  return hasUpcoming ? message.id === UPCOMING_MESSAGE_ID : thread.messages[thread.messages.length - 1]?.id === message.id;
+};
 var useMessageIf = (props) => {
   const thread = useThreadContext("Message.If", (s) => s.chat);
   return useMessageContext(
@@ -461,7 +468,7 @@ var useMessageIf = (props) => {
         return false;
       if (props.editing === false && isEditing)
         return false;
-      if (props.unstable_hoveringOrLast === true && !isHovering && thread.messages[thread.messages.length - 1]?.id !== message.id)
+      if (props.lastOrHover === true && !isHovering && !isLast(thread, message))
         return false;
       if (props.copied === true && !isCopied)
         return false;
@@ -531,7 +538,7 @@ var ThreadMessages = ({ components }) => {
       // biome-ignore lint/suspicious/noArrayIndexKey: fixes a11y issues with branch navigation
       /* @__PURE__ */ React.createElement(MessageProvider, { key: idx, message }, /* @__PURE__ */ React.createElement(MessageIf, { user: true, editing: false }, /* @__PURE__ */ React.createElement(UserMessage, null)), /* @__PURE__ */ React.createElement(MessageIf, { user: true, editing: true }, /* @__PURE__ */ React.createElement(EditingUserMessage, null)), /* @__PURE__ */ React.createElement(MessageIf, { assistant: true }, /* @__PURE__ */ React.createElement(AssistantMessage, null)))
     );
-  }), chat.isLoading && chat.messages[chat.messages.length - 1]?.role !== "assistant" && /* @__PURE__ */ React.createElement(
+  }), hasUpcomingMessage(chat) && /* @__PURE__ */ React.createElement(
     MessageProvider,
     {
       message: {
@@ -784,8 +791,8 @@ __export(actionBar_exports, {
 // src/primitives/actionBar/ActionBarRoot.tsx
 var import_react_primitive8 = require("@radix-ui/react-primitive");
 var import_react14 = require("react");
-var ActionBarRoot = (0, import_react14.forwardRef)(({ ...rest }, ref) => {
-  return /* @__PURE__ */ React.createElement(import_react_primitive8.Primitive.div, { ...rest, ref });
+var ActionBarRoot = (0, import_react14.forwardRef)(({ hideWhenBusy, hideWhenNotLastOrHover, ...rest }, ref) => {
+  return /* @__PURE__ */ React.createElement(ThreadIf, { busy: hideWhenBusy ? false : void 0 }, /* @__PURE__ */ React.createElement(MessageIf, { lastOrHover: hideWhenNotLastOrHover ? true : void 0 }, /* @__PURE__ */ React.createElement(import_react_primitive8.Primitive.div, { ...rest, ref })));
 });
 
 // src/actions/useCopyMessage.tsx

package/dist/index.mjs

@@ -330,6 +330,9 @@ var useChatWithBranches = (chat) => {
     [chat, getBranchState, switchToBranch, editAt, reloadAt]
   );
 };
+var hasUpcomingMessage = (thread) => {
+  return thread.isLoading && thread.messages[thread.messages.length - 1]?.role !== "assistant";
+};
 
 // src/primitives/message/index.ts
 var message_exports = {};
@@ -412,6 +415,10 @@ var MessageRoot = forwardRef3(
 );
 
 // src/primitives/message/MessageIf.tsx
+var isLast = (thread, message) => {
+  const hasUpcoming = hasUpcomingMessage(thread);
+  return hasUpcoming ? message.id === UPCOMING_MESSAGE_ID : thread.messages[thread.messages.length - 1]?.id === message.id;
+};
 var useMessageIf = (props) => {
   const thread = useThreadContext("Message.If", (s) => s.chat);
   return useMessageContext(
@@ -428,7 +435,7 @@ var useMessageIf = (props) => {
         return false;
       if (props.editing === false && isEditing)
         return false;
-      if (props.unstable_hoveringOrLast === true && !isHovering && thread.messages[thread.messages.length - 1]?.id !== message.id)
+      if (props.lastOrHover === true && !isHovering && !isLast(thread, message))
         return false;
       if (props.copied === true && !isCopied)
         return false;
@@ -498,7 +505,7 @@ var ThreadMessages = ({ components }) => {
       // biome-ignore lint/suspicious/noArrayIndexKey: fixes a11y issues with branch navigation
       /* @__PURE__ */ React.createElement(MessageProvider, { key: idx, message }, /* @__PURE__ */ React.createElement(MessageIf, { user: true, editing: false }, /* @__PURE__ */ React.createElement(UserMessage, null)), /* @__PURE__ */ React.createElement(MessageIf, { user: true, editing: true }, /* @__PURE__ */ React.createElement(EditingUserMessage, null)), /* @__PURE__ */ React.createElement(MessageIf, { assistant: true }, /* @__PURE__ */ React.createElement(AssistantMessage, null)))
     );
-  }), chat.isLoading && chat.messages[chat.messages.length - 1]?.role !== "assistant" && /* @__PURE__ */ React.createElement(
+  }), hasUpcomingMessage(chat) && /* @__PURE__ */ React.createElement(
     MessageProvider,
     {
       message: {
@@ -761,8 +768,8 @@ import {
   Primitive as Primitive8
 } from "@radix-ui/react-primitive";
 import { forwardRef as forwardRef10 } from "react";
-var ActionBarRoot = forwardRef10(({ ...rest }, ref) => {
-  return /* @__PURE__ */ React.createElement(Primitive8.div, { ...rest, ref });
+var ActionBarRoot = forwardRef10(({ hideWhenBusy, hideWhenNotLastOrHover, ...rest }, ref) => {
+  return /* @__PURE__ */ React.createElement(ThreadIf, { busy: hideWhenBusy ? false : void 0 }, /* @__PURE__ */ React.createElement(MessageIf, { lastOrHover: hideWhenNotLastOrHover ? true : void 0 }, /* @__PURE__ */ React.createElement(Primitive8.div, { ...rest, ref })));
 });
 
 // src/actions/useCopyMessage.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assistant-ui/react",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "license": "MIT",
   "exports": {
     ".": {