@copilotz/chat-ui 0.6.0 → 0.6.2

package/dist/index.cjs

@@ -599,7 +599,7 @@ var AssistantActivitySummary = (0, import_react.memo)(function AssistantActivity
   const isActive = activity.isActive;
   const icon = activity.summary.kind === "using_tools" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.Wrench, { className: cn("h-4 w-4 shrink-0", isActive ? "text-primary" : "text-muted-foreground") }) : activity.summary.kind === "preparing_answer" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.Sparkles, { className: cn("h-4 w-4 shrink-0", isActive ? "text-primary" : "text-muted-foreground") }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.Brain, { className: cn("h-4 w-4 shrink-0", isActive ? "text-primary" : "text-muted-foreground") });
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("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,
@@ -647,7 +647,7 @@ var AssistantActivity = (0, import_react.memo)(function AssistantActivity2({
   }
   if (displayMode === "summary") {
     if (!activity.isActive && activity.isComplete) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mb-3", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AssistantActivitySummary, { activity, labels }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mb-3 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AssistantActivitySummary, { activity, labels }) });
   }
   const hasDetails = Boolean(activity.reasoning) || Boolean(activity.toolCalls?.length);
   const defaultOpen = activity.isActive && hasDetails;
@@ -657,8 +657,8 @@ var AssistantActivity = (0, import_react.memo)(function AssistantActivity2({
       setOpen(true);
     }
   }, [activity.isActive, hasDetails]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mb-3", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Collapsible, { open, onOpenChange: setOpen, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mb-3 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Collapsible, { open, onOpenChange: setOpen, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex w-full items-center gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AssistantActivitySummary, { activity, labels }) }),
       hasDetails && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(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",
@@ -672,6 +672,12 @@ var AssistantActivity = (0, import_react.memo)(function AssistantActivity2({
 // src/components/chat/Message.tsx
 var import_lucide_react2 = require("lucide-react");
 var import_jsx_runtime8 = require("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;
@@ -917,6 +923,9 @@ var Message = (0, import_react2.memo)(({
   const [showActions, setShowActions] = (0, import_react2.useState)(false);
   const [copied, setCopied] = (0, import_react2.useState)(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;
@@ -1010,7 +1019,7 @@ var Message = (0, import_react2.memo)(({
             message.isEdited && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Badge, { variant: "outline", className: "text-xs", children: "editado" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `flex-1 min-w-0 ${messageIsUser ? "text-right" : "text-left"} ${horizontalOffsetClass}`, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("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__ */ (0, import_jsx_runtime8.jsx)("div", { className: `flex-1 min-w-0 ${messageIsUser ? "text-right" : "text-left"} ${horizontalOffsetClass}`, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("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__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-2", children: [
             /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               Textarea,