@rodrigocoliveira/agno-react 2.1.0 → 2.2.0

package/dist/ui.mjs

@@ -3153,25 +3153,27 @@ function AgnoMessageReferences() {
 import { AlertCircle } from "lucide-react";
 import { jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
 function AgnoMessageFooter({ showTimestamp = true } = {}) {
-  const { message, classNames, actions, isLastAssistantMessage, formatTimestamp } = useAgnoMessageContext();
+  const { message, classNames, actions, isLastAssistantMessage, isStreamingThisMessage, formatTimestamp } = useAgnoMessageContext();
   const hasError = message.streamingError;
   const isCustomTimestamp = !!formatTimestamp;
   const resolvedFormatTimestamp = formatTimestamp ?? formatSmartTimestamp;
-  if (!actions?.assistant && !showTimestamp && !hasError)
+  if (isStreamingThisMessage)
     return null;
+  const hasActions = !!actions?.assistant;
+  const visibility = actions?.visibility ?? "visible";
+  if (hasActions && visibility === "last-assistant" && !isLastAssistantMessage) {
+    return null;
+  }
+  if (!hasActions && !showTimestamp && !hasError)
+    return null;
+  const useHover = hasActions && (visibility === "hover" || visibility === "hover-last-visible" && !isLastAssistantMessage);
   return /* @__PURE__ */ jsxs24("div", {
-    className: "flex items-center gap-2 pt-1",
+    className: cn("flex items-center gap-2 pt-1 transition-opacity", useHover && "opacity-0 group-hover/message:opacity-100"),
     children: [
-      actions?.assistant && (() => {
-        const visibility = actions.visibility ?? "visible";
-        if (visibility === "last-assistant" && !isLastAssistantMessage)
-          return null;
-        const useHover = visibility === "hover" || visibility === "hover-last-visible" && !isLastAssistantMessage;
-        return /* @__PURE__ */ jsx41("div", {
-          className: cn("flex items-center gap-1 transition-opacity", useHover && "opacity-0 group-hover/message:opacity-100", classNames?.assistant?.actions),
-          children: actions.assistant(message)
-        });
-      })(),
+      hasActions && /* @__PURE__ */ jsx41("div", {
+        className: cn("flex items-center gap-1", classNames?.assistant?.actions),
+        children: actions.assistant(message)
+      }),
       hasError && /* @__PURE__ */ jsxs24("span", {
         className: "flex items-center gap-1 text-[11px] text-destructive",
         children: [
@@ -3213,6 +3215,7 @@ function AgnoMessage({
   avatars,
   actions,
   isLastAssistantMessage = false,
+  isStreamingThisMessage = false,
   showFilePreview = true,
   showImageLightbox = true,
   showTimestamp = true,
@@ -3228,6 +3231,7 @@ function AgnoMessage({
   const ctx = useMemo3(() => ({
     message,
     isLastAssistantMessage,
+    isStreamingThisMessage,
     classNames,
     actions,
     avatars,
@@ -3248,6 +3252,7 @@ function AgnoMessage({
   }), [
     message,
     isLastAssistantMessage,
+    isStreamingThisMessage,
     classNames,
     actions,
     avatars,
@@ -3410,6 +3415,7 @@ function AgnoMessageItem({
   avatars,
   actions,
   isLastAssistantMessage = false,
+  isStreamingThisMessage = false,
   showReasoning = true,
   showReferences = true,
   showTimestamp = true,
@@ -3425,6 +3431,7 @@ function AgnoMessageItem({
     avatars,
     actions,
     isLastAssistantMessage,
+    isStreamingThisMessage,
     showTimestamp,
     showFilePreview,
     showImageLightbox,
@@ -4134,6 +4141,7 @@ function AgnoChatRoot({
   renderTool,
   debug,
   skipToolsOnSessionLoad,
+  background,
   className,
   ...divProps
 }) {
@@ -4145,9 +4153,12 @@ function AgnoChatRoot({
   const isDebug = resolveDebug(debug);
   const sendRef = useRef6(chat.sendMessage);
   sendRef.current = chat.sendMessage;
+  const backgroundRef = useRef6(background);
+  backgroundRef.current = background;
   const handleSend = useCallback7(async (message) => {
     try {
-      await sendRef.current(message);
+      const bg = backgroundRef.current;
+      await sendRef.current(message, bg !== undefined ? { background: bg } : undefined);
     } catch {}
   }, []);
   const {
@@ -4387,6 +4398,7 @@ function AgnoChatMessages({
               avatars,
               actions,
               isLastAssistantMessage: index === lastAssistantIndex,
+              isStreamingThisMessage: index === lastAssistantIndex && isStreaming,
               ...messageItemProps
             }, `msg-${index}-${message.created_at}`);
           }),
@@ -4724,4 +4736,4 @@ export {
   Accordion
 };
 
-//# debugId=762A645DC01D022A64756E2164756E21
+//# debugId=D1033843768AD28964756E2164756E21