@copilotz/chat-ui 0.6.2 → 0.6.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -582,7 +582,7 @@ var getStatusIcon = (toolCall) => {
582
582
  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Badge, { variant: "secondary", children: "pending" });
583
583
  };
584
584
  var AssistantActivitySkeleton = (0, import_react.memo)(function AssistantActivitySkeleton2() {
585
- return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "mb-3 flex items-center gap-3 rounded-lg border border-border/50 bg-muted/20 px-3 py-2", children: [
585
+ return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "mb-4 flex items-center gap-3 rounded-lg border border-border/50 bg-muted/20 px-3 py-2", children: [
586
586
  /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-1.5", children: [
587
587
  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "inline-block h-2 w-2 rounded-full bg-primary/80 animate-pulse" }),
588
588
  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "inline-block h-2 w-2 rounded-full bg-primary/60 animate-pulse [animation-delay:120ms]" }),
@@ -647,7 +647,7 @@ var AssistantActivity = (0, import_react.memo)(function AssistantActivity2({
647
647
  }
648
648
  if (displayMode === "summary") {
649
649
  if (!activity.isActive && activity.isComplete) return null;
650
- return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mb-3 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AssistantActivitySummary, { activity, labels }) });
650
+ return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mb-4 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AssistantActivitySummary, { activity, labels }) });
651
651
  }
652
652
  const hasDetails = Boolean(activity.reasoning) || Boolean(activity.toolCalls?.length);
653
653
  const defaultOpen = activity.isActive && hasDetails;
@@ -657,9 +657,9 @@ var AssistantActivity = (0, import_react.memo)(function AssistantActivity2({
657
657
  setOpen(true);
658
658
  }
659
659
  }, [activity.isActive, hasDetails]);
660
- 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: [
661
- /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex w-full items-center gap-2", children: [
662
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AssistantActivitySummary, { activity, labels }) }),
660
+ return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mb-4 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: [
661
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "grid w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-2", children: [
662
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "min-w-0 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AssistantActivitySummary, { activity, labels }) }),
663
663
  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: [
664
664
  open ? labels?.activityHideDetails || "Hide details" : labels?.activityShowDetails || "Show details",
665
665
  open ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.ChevronDown, { className: "ml-1 h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.ChevronRight, { className: "ml-1 h-3.5 w-3.5" })