@copilotz/chat-ui 0.6.0 → 0.6.2

package/dist/index.js

@@ -558,7 +558,7 @@ var AssistantActivitySummary = memo(function AssistantActivitySummary2({
   const isActive = activity.isActive;
   const icon = activity.summary.kind === "using_tools" ? /* @__PURE__ */ jsx7(Wrench, { className: cn("h-4 w-4 shrink-0", isActive ? "text-primary" : "text-muted-foreground") }) : activity.summary.kind === "preparing_answer" ? /* @__PURE__ */ jsx7(Sparkles, { className: cn("h-4 w-4 shrink-0", isActive ? "text-primary" : "text-muted-foreground") }) : /* @__PURE__ */ jsx7(Brain, { className: cn("h-4 w-4 shrink-0", isActive ? "text-primary" : "text-muted-foreground") });
   return /* @__PURE__ */ jsxs2("div", { className: cn(
-    "flex items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors",
+    "flex w-full min-w-0 items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors",
     isActive ? "border-primary/30 bg-primary/5 text-foreground" : "border-border/60 bg-muted/20 text-muted-foreground"
   ), children: [
     icon,
@@ -606,7 +606,7 @@ var AssistantActivity = memo(function AssistantActivity2({
   }
   if (displayMode === "summary") {
     if (!activity.isActive && activity.isComplete) return null;
-    return /* @__PURE__ */ jsx7("div", { className: "mb-3", children: /* @__PURE__ */ jsx7(AssistantActivitySummary, { activity, labels }) });
+    return /* @__PURE__ */ jsx7("div", { className: "mb-3 w-full", children: /* @__PURE__ */ jsx7(AssistantActivitySummary, { activity, labels }) });
   }
   const hasDetails = Boolean(activity.reasoning) || Boolean(activity.toolCalls?.length);
   const defaultOpen = activity.isActive && hasDetails;
@@ -616,8 +616,8 @@ var AssistantActivity = memo(function AssistantActivity2({
       setOpen(true);
     }
   }, [activity.isActive, hasDetails]);
-  return /* @__PURE__ */ jsx7("div", { className: "mb-3", children: /* @__PURE__ */ jsx7(Collapsible, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
+  return /* @__PURE__ */ jsx7("div", { className: "mb-3 w-full", children: /* @__PURE__ */ jsx7(Collapsible, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex w-full items-center gap-2", children: [
       /* @__PURE__ */ jsx7("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx7(AssistantActivitySummary, { activity, labels }) }),
       hasDetails && /* @__PURE__ */ jsx7(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs2(Button, { variant: "ghost", size: "sm", className: "h-9 shrink-0 px-2 text-xs text-muted-foreground", children: [
         open ? labels?.activityHideDetails || "Hide details" : labels?.activityShowDetails || "Show details",
@@ -637,6 +637,12 @@ import {
   X
 } from "lucide-react";
 import { Fragment, jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+var hasRenderableAssistantBody = (message) => {
+  if (message.role !== "assistant") return true;
+  if (typeof message.content === "string" && message.content.trim().length > 0) return true;
+  if (Array.isArray(message.attachments) && message.attachments.length > 0) return true;
+  return Boolean(message.activity);
+};
 var defaultMarkdownComponents = {
   code: ({ node, className, children, ...props }) => {
     const inline = props.inline;
@@ -882,6 +888,9 @@ var Message = memo2(({
   const [showActions, setShowActions] = useState2(false);
   const [copied, setCopied] = useState2(false);
   const messageIsUser = isUser ?? message.role === "user";
+  if (!hasRenderableAssistantBody(message)) {
+    return null;
+  }
   const agentSender = !messageIsUser && message.senderAgentId ? agentOptions.find(
     (a) => a.id === message.senderAgentId || a.name.toLowerCase() === (message.senderAgentId ?? "").toLowerCase() || a.name.toLowerCase() === (message.senderName ?? "").toLowerCase()
   ) : void 0;
@@ -975,7 +984,7 @@ var Message = memo2(({
             message.isEdited && /* @__PURE__ */ jsx8(Badge, { variant: "outline", className: "text-xs", children: "editado" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx8("div", { className: `flex-1 min-w-0 ${messageIsUser ? "text-right" : "text-left"} ${horizontalOffsetClass}`, children: /* @__PURE__ */ jsxs3("div", { className: `relative inline-flex flex-col overflow-hidden text-left ${messageIsUser ? "rounded-lg p-3 bg-primary text-primary-foreground ml-auto max-w-[85%]" : "max-w-full"}`, children: [
+        /* @__PURE__ */ jsx8("div", { className: `flex-1 min-w-0 ${messageIsUser ? "text-right" : "text-left"} ${horizontalOffsetClass}`, children: /* @__PURE__ */ jsxs3("div", { className: `relative overflow-hidden text-left ${messageIsUser ? "ml-auto inline-flex max-w-[85%] flex-col rounded-lg bg-primary p-3 text-primary-foreground" : "flex w-full max-w-full flex-col"}`, children: [
           isEditing ? /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
             /* @__PURE__ */ jsx8(
               Textarea,