@copilotz/chat-ui 0.6.4 → 0.6.5

package/dist/index.js

@@ -502,6 +502,7 @@ var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 import { Brain, ChevronDown, ChevronRight, LoaderCircle, Sparkles, Wrench } from "lucide-react";
 import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
 var ROOT_SPACING_CLASS = "mb-4 w-full max-w-full min-w-0";
+var ACTION_SLOT_CLASS = "inline-flex h-9 min-w-[132px] items-center justify-end px-2 text-xs";
 var interpolate = (template, replacements) => Object.entries(replacements).reduce(
   (output, [key, value]) => output.replaceAll(`{{${key}}}`, String(value ?? "")),
   template
@@ -576,15 +577,15 @@ var ActivitySummaryRow = memo(function ActivitySummaryRow2({
   hasDetails,
   open
 }) {
-  if (!hasDetails) {
-    return /* @__PURE__ */ jsx7("div", { className: "block w-full min-w-0", children: /* @__PURE__ */ jsx7(ActivitySummaryCard, { activity, labels }) });
-  }
   return /* @__PURE__ */ jsxs2("div", { className: "grid w-full min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-2", children: [
     /* @__PURE__ */ jsx7("div", { className: "min-w-0", children: /* @__PURE__ */ jsx7(ActivitySummaryCard, { activity, labels }) }),
-    /* @__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: [
+    hasDetails ? /* @__PURE__ */ jsx7(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs2(Button, { variant: "ghost", size: "sm", className: cn(ACTION_SLOT_CLASS, "shrink-0 text-muted-foreground"), children: [
       open ? labels?.activityHideDetails || "Hide details" : labels?.activityShowDetails || "Show details",
       open ? /* @__PURE__ */ jsx7(ChevronDown, { className: "ml-1 h-3.5 w-3.5" }) : /* @__PURE__ */ jsx7(ChevronRight, { className: "ml-1 h-3.5 w-3.5" })
-    ] }) })
+    ] }) }) : /* @__PURE__ */ jsxs2("div", { "aria-hidden": "true", className: cn(ACTION_SLOT_CLASS, "pointer-events-none invisible shrink-0"), children: [
+      labels?.activityShowDetails || "Show details",
+      /* @__PURE__ */ jsx7(ChevronRight, { className: "ml-1 h-3.5 w-3.5" })
+    ] })
   ] });
 });
 var ActivityDetails = memo(function ActivityDetails2({
@@ -648,21 +649,26 @@ var AssistantActivity = memo(function AssistantActivity2({
       setOpen(true);
     }
   }, [activity.isActive, hasDetails]);
-  if (!hasDetails) {
-    return /* @__PURE__ */ jsx7("div", { className: ROOT_SPACING_CLASS, children: /* @__PURE__ */ jsx7(ActivitySummaryCard, { activity, labels }) });
-  }
-  return /* @__PURE__ */ jsx7(Collapsible, { open, onOpenChange: setOpen, className: ROOT_SPACING_CLASS, children: /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsx7(
-      ActivitySummaryRow,
-      {
-        activity,
-        labels,
-        hasDetails,
-        open
-      }
-    ),
-    /* @__PURE__ */ jsx7(CollapsibleContent2, { className: "w-full overflow-hidden rounded-lg border border-border/60 bg-muted/10 px-3", children: /* @__PURE__ */ jsx7(ActivityDetails, { activity }) })
-  ] }) });
+  return /* @__PURE__ */ jsx7(
+    Collapsible,
+    {
+      open: hasDetails ? open : false,
+      onOpenChange: hasDetails ? setOpen : void 0,
+      className: ROOT_SPACING_CLASS,
+      children: /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx7(
+          ActivitySummaryRow,
+          {
+            activity,
+            labels,
+            hasDetails,
+            open
+          }
+        ),
+        hasDetails && /* @__PURE__ */ jsx7(CollapsibleContent2, { className: "w-full overflow-hidden rounded-lg border border-border/60 bg-muted/10 px-3", children: /* @__PURE__ */ jsx7(ActivityDetails, { activity }) })
+      ] })
+    }
+  );
 });
 
 // src/components/chat/Message.tsx
@@ -5073,6 +5079,25 @@ function getMessageSpeakerKey(message) {
   }
   return message.role;
 }
+function getAssistantSpeakerTokens(message) {
+  if (!message || message.role !== "assistant") return [];
+  const rawTokens = [message.senderAgentId, message.senderName].filter((value) => typeof value === "string" && value.trim().length > 0).map((value) => value.trim().toLowerCase());
+  if (rawTokens.length > 0) {
+    return Array.from(new Set(rawTokens));
+  }
+  return ["assistant"];
+}
+function canGroupMessages(previous, next) {
+  if (previous.role !== next.role) {
+    return false;
+  }
+  if (previous.role !== "assistant") {
+    return getMessageSpeakerKey(previous) === getMessageSpeakerKey(next);
+  }
+  const previousTokens = getAssistantSpeakerTokens(previous);
+  const nextTokens = getAssistantSpeakerTokens(next);
+  return previousTokens.some((token) => nextTokens.includes(token));
+}
 var mergeToolCalls = (activities) => {
   const merged = /* @__PURE__ */ new Map();
   for (const activity of activities) {
@@ -5138,7 +5163,7 @@ var groupMessagesForRender = (messages) => {
   for (let index = 1; index < messages.length; index++) {
     const previous = currentGroup[currentGroup.length - 1];
     const next = messages[index];
-    if (previous.role === next.role && getMessageSpeakerKey(previous) === getMessageSpeakerKey(next)) {
+    if (canGroupMessages(previous, next)) {
       currentGroup.push(next);
       continue;
     }