@copilotz/chat-ui 0.7.1 → 0.7.3

package/dist/index.cjs

@@ -33,8 +33,10 @@ __export(index_exports, {
   AssistantActivity: () => AssistantActivity,
   ChatUI: () => ChatUI,
   ChatUserContextProvider: () => ChatUserContextProvider,
+  MessageSenderAvatar: () => MessageSenderAvatar,
   defaultChatConfig: () => defaultChatConfig,
   mergeConfig: () => mergeConfig,
+  resolveMessageSenderDisplay: () => resolveMessageSenderDisplay,
   useChatUserContext: () => useChatUserContext
 });
 module.exports = __toCommonJS(index_exports);
@@ -123,12 +125,13 @@ var defaultChatConfig = {
     footerLabel: "Assistant can make mistakes. Check the AI results.",
     daysAgo: "days ago",
     inputHelpText: "Press Enter to send, Shift+Enter to add a new line.",
-    activityThinking: "Thinking...",
-    activityWorking: "Working...",
-    activityUsingTools: "Using tools...",
-    activityPreparingAnswer: "Preparing answer...",
-    activityToolRunning: "Using {{tool}}...",
-    activityMultipleTools: "Using {{count}} tools...",
+    activityThinkingActive: "Thinking",
+    activityThinkingComplete: "Thought through request",
+    activityToolActive: "Using {{tool}}",
+    activityToolComplete: "Used {{tool}}",
+    activityToolFailed: "{{tool}} failed",
+    activityAnsweringActive: "Preparing response",
+    activityAnsweringComplete: "Prepared response",
     activityShowDetails: "Show details",
     activityHideDetails: "Hide details",
     defaultThreadName: "Main Thread",
@@ -144,7 +147,8 @@ var defaultChatConfig = {
     enableMessageEditing: true,
     enableMessageCopy: true,
     enableRegeneration: true,
-    activityDisplay: "full",
+    showActivity: true,
+    showActivityDetails: true,
     maxAttachments: 4,
     maxFileSize: 10 * 1024 * 1024
     // 10MB
@@ -221,50 +225,6 @@ var import_react_markdown = __toESM(require("react-markdown"), 1);
 var import_remark_gfm = __toESM(require("remark-gfm"), 1);
 var import_rehype_highlight = __toESM(require("rehype-highlight"), 1);
 
-// src/lib/chatUtils.ts
-var AGENT_COLORS = [
-  "#6366f1",
-  // indigo
-  "#8b5cf6",
-  // violet
-  "#ec4899",
-  // pink
-  "#f59e0b",
-  // amber
-  "#10b981",
-  // emerald
-  "#3b82f6",
-  // blue
-  "#ef4444",
-  // red
-  "#14b8a6",
-  // teal
-  "#f97316",
-  // orange
-  "#84cc16"
-  // lime
-];
-function getAgentColor(agentId) {
-  let hash = 0;
-  for (let i = 0; i < agentId.length; i++) {
-    hash = (hash << 5) - hash + agentId.charCodeAt(i) | 0;
-  }
-  return AGENT_COLORS[Math.abs(hash) % AGENT_COLORS.length];
-}
-function getAgentInitials(name) {
-  const parts = name.trim().split(/\s+/);
-  if (parts.length >= 2) {
-    return (parts[0][0] + parts[1][0]).toUpperCase();
-  }
-  return name.slice(0, 2).toUpperCase();
-}
-function assignAgentColors(agents) {
-  return agents.map((agent) => ({
-    ...agent,
-    color: agent.color || getAgentColor(agent.id)
-  }));
-}
-
 // src/components/ui/button.tsx
 var import_react_slot = require("@radix-ui/react-slot");
 var import_class_variance_authority = require("class-variance-authority");
@@ -339,59 +299,10 @@ function Button({
   );
 }
 
-// src/components/ui/avatar.tsx
-var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"), 1);
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function Avatar({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    AvatarPrimitive.Root,
-    {
-      "data-slot": "avatar",
-      className: cn(
-        "relative flex size-8 shrink-0 overflow-hidden rounded-full",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AvatarImage({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    AvatarPrimitive.Image,
-    {
-      "data-slot": "avatar-image",
-      className: cn("aspect-square size-full", className),
-      ...props
-    }
-  );
-}
-function AvatarFallback({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    AvatarPrimitive.Fallback,
-    {
-      "data-slot": "avatar-fallback",
-      className: cn(
-        "bg-muted flex size-full items-center justify-center rounded-full",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
 // src/components/ui/badge.tsx
 var import_react_slot2 = require("@radix-ui/react-slot");
 var import_class_variance_authority2 = require("class-variance-authority");
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var badgeVariants = (0, import_class_variance_authority2.cva)(
   "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
@@ -415,7 +326,7 @@ function Badge({
   ...props
 }) {
   const Comp = asChild ? import_react_slot2.Slot : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     Comp,
     {
       "data-slot": "badge",
@@ -426,9 +337,9 @@ function Badge({
 }
 
 // src/components/ui/textarea.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "textarea",
     {
       "data-slot": "textarea",
@@ -443,12 +354,12 @@ function Textarea({ className, ...props }) {
 
 // src/components/ui/tooltip.tsx
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function TooltipProvider({
   delayDuration = 0,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     TooltipPrimitive.Provider,
     {
       "data-slot": "tooltip-provider",
@@ -460,12 +371,12 @@ function TooltipProvider({
 function Tooltip({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
 }
 function TooltipTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({
   className,
@@ -473,7 +384,7 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     TooltipPrimitive.Content,
     {
       "data-slot": "tooltip-content",
@@ -485,7 +396,7 @@ function TooltipContent({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
       ]
     }
   ) });
@@ -493,225 +404,259 @@ function TooltipContent({
 
 // src/components/chat/AssistantActivity.tsx
 var import_react = require("react");
-
-// src/components/ui/card.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function Card({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    "div",
-    {
-      "data-slot": "card",
-      className: cn(
-        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    "div",
-    {
-      "data-slot": "card-header",
-      className: cn(
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    "div",
-    {
-      "data-slot": "card-content",
-      className: cn("px-6", className),
-      ...props
-    }
-  );
-}
-
-// src/components/ui/collapsible.tsx
-var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"), 1);
-var Collapsible = CollapsiblePrimitive.Root;
-var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
-var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
-
-// src/components/chat/AssistantActivity.tsx
 var import_lucide_react = require("lucide-react");
-var import_jsx_runtime7 = require("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 import_jsx_runtime5 = require("react/jsx-runtime");
+var ROOT_CLASS = "mb-4 w-full max-w-full min-w-0";
 var interpolate = (template, replacements) => Object.entries(replacements).reduce(
   (output, [key, value]) => output.replaceAll(`{{${key}}}`, String(value ?? "")),
   template
 );
-var resolveSummaryLabel = (activity, labels) => {
-  const summary = activity.summary;
-  if (summary.kind === "using_tools") {
-    if (summary.toolName) {
-      return interpolate(labels?.activityToolRunning || "Using {{tool}}...", {
-        tool: summary.toolName
-      });
-    }
-    if (typeof summary.toolCount === "number" && summary.toolCount > 1) {
-      return interpolate(labels?.activityMultipleTools || "Using {{count}} tools...", {
-        count: summary.toolCount
-      });
-    }
-    return labels?.activityUsingTools || "Using tools...";
+var hasActiveItem = (activity) => activity.items.some((item) => item.status === "active");
+var hasDetails = (item) => Boolean(item.details?.reasoning || item.details?.toolCall || item.details?.result !== void 0 || item.details?.error);
+var resolveActivityLabel = (item, labels) => {
+  const tool = item.toolName || item.details?.toolCall?.name || "tool";
+  if (item.kind === "tool") {
+    if (item.status === "failed") {
+      return interpolate(labels?.activityToolFailed || "{{tool}} failed", { tool });
+    }
+    if (item.status === "complete") {
+      return interpolate(labels?.activityToolComplete || "Used {{tool}}", { tool });
+    }
+    return interpolate(labels?.activityToolActive || "Using {{tool}}", { tool });
   }
-  if (summary.kind === "preparing_answer") {
-    return labels?.activityPreparingAnswer || "Preparing answer...";
+  if (item.kind === "answering") {
+    return item.status === "active" ? labels?.activityAnsweringActive || "Preparing response" : labels?.activityAnsweringComplete || "Prepared response";
   }
-  if (summary.kind === "working") {
-    return labels?.activityWorking || "Working...";
-  }
-  return labels?.activityThinking || "Thinking...";
+  return item.status === "active" ? labels?.activityThinkingActive || "Thinking" : labels?.activityThinkingComplete || "Thought through request";
 };
-var getStatusBadge = (toolCall) => {
-  if (toolCall.status === "failed") {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Badge, { variant: "destructive", children: "failed" });
-  }
-  if (toolCall.status === "completed") {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      Badge,
-      {
-        variant: "secondary",
-        className: "bg-emerald-500/10 text-emerald-700 dark:text-emerald-300",
-        children: "done"
-      }
-    );
-  }
-  if (toolCall.status === "running") {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Badge, { variant: "secondary", className: "bg-primary/10 text-primary", children: "running" });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Badge, { variant: "secondary", children: "pending" });
+var ActivityIcon = ({ item }) => {
+  if (item.status === "active") return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.LoaderCircle, { className: "h-4 w-4 animate-spin text-primary" });
+  if (item.status === "failed") return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.CircleAlert, { className: "h-4 w-4 text-destructive" });
+  if (item.status === "complete") return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.CheckCircle2, { className: "h-4 w-4 text-muted-foreground" });
+  if (item.kind === "tool") return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.Wrench, { className: "h-4 w-4 text-muted-foreground" });
+  if (item.kind === "answering") return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.Sparkles, { className: "h-4 w-4 text-muted-foreground" });
+  if (item.kind === "thinking") return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.Brain, { className: "h-4 w-4 text-muted-foreground" });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.CheckCircle2, { className: "h-4 w-4 text-muted-foreground" });
 };
-var ActivitySummaryCard = (0, import_react.memo)(function ActivitySummaryCard2({
-  activity,
-  labels
-}) {
-  const label = (0, import_react.useMemo)(() => resolveSummaryLabel(activity, labels), [activity, labels]);
-  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 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,
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "min-w-0 flex-1 truncate", children: label }),
-        isActive && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.LoaderCircle, { className: "h-4 w-4 shrink-0 animate-spin text-primary" })
-      ]
-    }
-  );
-});
-var ActivitySummaryRow = (0, import_react.memo)(function ActivitySummaryRow2({
-  activity,
-  labels,
-  hasDetails,
-  open
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "grid w-full min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ActivitySummaryCard, { 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: cn(ACTION_SLOT_CLASS, "shrink-0 text-muted-foreground"), children: [
-      open ? labels?.activityHideDetails || "Hide details" : labels?.activityShowDetails || "Show details",
-      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" })
-    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { "aria-hidden": "true", className: cn(ACTION_SLOT_CLASS, "pointer-events-none invisible shrink-0"), children: [
-      labels?.activityShowDetails || "Show details",
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.ChevronRight, { className: "ml-1 h-3.5 w-3.5" })
-    ] })
-  ] });
-});
 var ActivityDetails = (0, import_react.memo)(function ActivityDetails2({
-  activity
+  item
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-3 pt-3", children: [
-    activity.reasoning && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Reasoning" }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "whitespace-pre-wrap break-words text-sm leading-6 text-muted-foreground", children: activity.reasoning })
-    ] }),
-    Array.isArray(activity.toolCalls) && activity.toolCalls.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Tools" }),
-      activity.toolCalls.map((toolCall) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Card, { className: "border-border/60 bg-background/70", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(CardContent, { className: "space-y-2 px-3 py-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "truncate text-sm font-medium", children: toolCall.name }) }),
-          getStatusBadge(toolCall)
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: "Args" }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("pre", { className: "overflow-x-auto rounded-md bg-muted/70 p-2 text-xs text-muted-foreground", children: JSON.stringify(toolCall.arguments, null, 2) })
-          ] }),
-          typeof toolCall.result !== "undefined" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: "Result" }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("pre", { className: "overflow-x-auto rounded-md bg-muted/70 p-2 text-xs text-muted-foreground", children: JSON.stringify(toolCall.result, null, 2) })
-          ] })
-        ] })
-      ] }) }, toolCall.id))
-    ] })
+  const toolCall = item.details?.toolCall;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "space-y-3 pb-1 pl-7 pt-2 text-sm text-muted-foreground", children: [
+    item.details?.reasoning && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "whitespace-pre-wrap break-words leading-6", children: item.details.reasoning }),
+    item.details?.error && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "text-destructive", children: item.details.error }),
+    toolCall && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("pre", { className: "overflow-x-auto rounded-md bg-muted/60 p-2 text-xs", children: JSON.stringify(toolCall.arguments, null, 2) }),
+    item.details?.result !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("pre", { className: "overflow-x-auto rounded-md bg-muted/60 p-2 text-xs", children: JSON.stringify(item.details.result, null, 2) })
   ] });
 });
 var ActivitySkeleton = (0, import_react.memo)(function ActivitySkeleton2() {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: ROOT_SPACING_CLASS, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex w-full min-w-0 items-center gap-3 rounded-lg border border-border/50 bg-muted/20 px-3 py-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "inline-block h-2 w-2 rounded-full bg-primary/80 animate-pulse" }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "inline-block h-2 w-2 rounded-full bg-primary/60 animate-pulse [animation-delay:120ms]" }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "inline-block h-2 w-2 rounded-full bg-primary/40 animate-pulse [animation-delay:240ms]" })
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: ROOT_CLASS, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex w-full min-w-0 items-center gap-3 rounded-md border border-border/50 bg-muted/20 px-3 py-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-primary/80" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-primary/60 [animation-delay:120ms]" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-primary/40 [animation-delay:240ms]" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "h-3 w-28 rounded-full bg-muted animate-pulse" })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "h-3 w-28 animate-pulse rounded-full bg-muted" })
   ] }) });
 });
-var AssistantActivity = (0, import_react.memo)(function AssistantActivity2({
+var ActivityTimeline = (0, import_react.memo)(function ActivityTimeline2({
   activity,
-  displayMode,
+  showActivityDetails,
   labels
 }) {
-  if (!activity) return null;
-  if (displayMode === "hidden") {
-    return activity.isActive ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ActivitySkeleton, {}) : null;
-  }
-  if (displayMode === "summary") {
-    if (!activity.isActive && activity.isComplete) {
-      return null;
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: ROOT_SPACING_CLASS, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ActivitySummaryCard, { activity, labels }) });
-  }
-  const hasDetails = Boolean(activity.reasoning) || Boolean(activity.toolCalls?.length);
-  const [open, setOpen] = (0, import_react.useState)(activity.isActive && hasDetails);
-  (0, import_react.useEffect)(() => {
-    if (activity.isActive && hasDetails) {
-      setOpen(true);
-    }
-  }, [activity.isActive, hasDetails]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    Collapsible,
-    {
-      open: hasDetails ? open : false,
-      onOpenChange: hasDetails ? setOpen : void 0,
-      className: ROOT_SPACING_CLASS,
-      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          ActivitySummaryRow,
+  const [openById, setOpenById] = (0, import_react.useState)({});
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: ROOT_CLASS, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "space-y-1", children: activity.items.map((item, index) => {
+    const detailsAvailable = showActivityDetails && hasDetails(item);
+    const open = Boolean(openById[item.id]);
+    const isLast = index === activity.items.length - 1;
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "relative grid grid-cols-[1rem_minmax(0,1fr)] gap-3", children: [
+      !isLast && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "absolute left-2 top-5 h-[calc(100%-0.25rem)] w-px bg-border" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "relative z-10 mt-1 flex h-4 w-4 items-center justify-center bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ActivityIcon, { item }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          Button,
           {
-            activity,
-            labels,
-            hasDetails,
-            open
+            type: "button",
+            variant: "ghost",
+            disabled: !detailsAvailable,
+            onClick: () => setOpenById((prev) => ({ ...prev, [item.id]: !prev[item.id] })),
+            className: cn(
+              "h-auto min-h-6 w-full justify-start gap-1 px-0 py-0 text-left text-sm font-normal text-muted-foreground hover:bg-transparent",
+              item.status === "active" && "text-foreground",
+              !detailsAvailable && "pointer-events-none opacity-100"
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "min-w-0 truncate", children: resolveActivityLabel(item, labels) }),
+              detailsAvailable && (open ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.ChevronDown, { className: "h-3.5 w-3.5 shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.ChevronRight, { className: "h-3.5 w-3.5 shrink-0" }))
+            ]
           }
         ),
-        hasDetails && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CollapsibleContent2, { className: "w-full overflow-hidden rounded-lg border border-border/60 bg-muted/10 px-3", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ActivityDetails, { activity }) })
+        detailsAvailable && open && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ActivityDetails, { item })
       ] })
+    ] }, item.id);
+  }) }) });
+});
+var AssistantActivity = (0, import_react.memo)(function AssistantActivity2({
+  activity,
+  showActivity = true,
+  showActivityDetails = true,
+  labels
+}) {
+  if (!activity || activity.items.length === 0) return null;
+  if (!showActivity) return hasActiveItem(activity) ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ActivitySkeleton, {}) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    ActivityTimeline,
+    {
+      activity,
+      showActivityDetails,
+      labels
     }
   );
 });
 
+// src/lib/chatUtils.ts
+var AGENT_COLORS = [
+  "#6366f1",
+  // indigo
+  "#8b5cf6",
+  // violet
+  "#ec4899",
+  // pink
+  "#f59e0b",
+  // amber
+  "#10b981",
+  // emerald
+  "#3b82f6",
+  // blue
+  "#ef4444",
+  // red
+  "#14b8a6",
+  // teal
+  "#f97316",
+  // orange
+  "#84cc16"
+  // lime
+];
+function getAgentColor(agentId) {
+  let hash = 0;
+  for (let i = 0; i < agentId.length; i++) {
+    hash = (hash << 5) - hash + agentId.charCodeAt(i) | 0;
+  }
+  return AGENT_COLORS[Math.abs(hash) % AGENT_COLORS.length];
+}
+function getAgentInitials(name) {
+  const parts = name.trim().split(/\s+/);
+  if (parts.length >= 2) {
+    return (parts[0][0] + parts[1][0]).toUpperCase();
+  }
+  return name.slice(0, 2).toUpperCase();
+}
+function assignAgentColors(agents) {
+  return agents.map((agent) => ({
+    ...agent,
+    color: agent.color || getAgentColor(agent.id)
+  }));
+}
+
+// src/components/ui/avatar.tsx
+var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"), 1);
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function Avatar({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    AvatarPrimitive.Root,
+    {
+      "data-slot": "avatar",
+      className: cn(
+        "relative flex size-8 shrink-0 overflow-hidden rounded-full",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarImage({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    AvatarPrimitive.Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn("aspect-square size-full", className),
+      ...props
+    }
+  );
+}
+function AvatarFallback({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    AvatarPrimitive.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: cn(
+        "bg-muted flex size-full items-center justify-center rounded-full",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/chat/MessageSender.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var resolveMessageSenderDisplay = ({
+  sender,
+  fallbackName,
+  fallbackAvatar,
+  fallbackAvatarUrl,
+  compactMode = false
+}) => {
+  const name = sender?.name?.trim() || fallbackName;
+  const isAgentLike = sender?.type === "agent" || sender?.type === "tool";
+  const color = sender?.color || (isAgentLike && sender?.id ? getAgentColor(sender.id) : void 0);
+  const fallbackClassName = color ? `${compactMode ? "text-[10px]" : ""}` : sender?.type === "user" ? "bg-primary text-primary-foreground" : "bg-secondary text-secondary-foreground";
+  const fallbackContent = isAgentLike ? getAgentInitials(name) : name.charAt(0).toUpperCase();
+  const shouldUseFallbackAvatar = Boolean(
+    fallbackAvatar && (!sender || sender.id === "assistant" && !sender.avatarUrl)
+  );
+  return {
+    name,
+    color,
+    avatar: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+      sender?.avatarUrl || fallbackAvatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AvatarImage, { src: sender?.avatarUrl || fallbackAvatarUrl, alt: name }) : null,
+      shouldUseFallbackAvatar ? fallbackAvatar : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        AvatarFallback,
+        {
+          className: fallbackClassName,
+          style: color ? { backgroundColor: color, color: "white" } : void 0,
+          children: fallbackContent
+        }
+      )
+    ] })
+  };
+};
+var MessageSenderAvatar = ({
+  sender,
+  fallbackName,
+  fallbackAvatar,
+  fallbackAvatarUrl,
+  compactMode = false
+}) => {
+  const display = resolveMessageSenderDisplay({
+    sender,
+    fallbackName,
+    fallbackAvatar,
+    fallbackAvatarUrl,
+    compactMode
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Avatar, { className: compactMode ? "h-6 w-6" : "h-8 w-8", children: display.avatar });
+};
+
 // src/components/chat/Message.tsx
 var import_lucide_react2 = require("lucide-react");
 var import_jsx_runtime8 = require("react/jsx-runtime");
@@ -719,7 +664,7 @@ 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);
+  return Boolean(message.activity?.items.length);
 };
 var defaultMarkdownComponents = {
   code: ({ node, className, children, ...props }) => {
@@ -912,7 +857,8 @@ var arePropsEqual = (prevProps, nextProps) => {
   if (prevProps.enableCopy !== nextProps.enableCopy) return false;
   if (prevProps.enableEdit !== nextProps.enableEdit) return false;
   if (prevProps.enableRegenerate !== nextProps.enableRegenerate) return false;
-  if (prevProps.activityDisplay !== nextProps.activityDisplay) return false;
+  if (prevProps.showActivity !== nextProps.showActivity) return false;
+  if (prevProps.showActivityDetails !== nextProps.showActivityDetails) return false;
   if (prevProps.compactMode !== nextProps.compactMode) return false;
   if (prevProps.className !== nextProps.className) return false;
   if (prevProps.labels !== nextProps.labels) return false;
@@ -941,7 +887,8 @@ var Message = (0, import_react2.memo)(({
   enableCopy = true,
   enableEdit = true,
   enableRegenerate = true,
-  activityDisplay = "full",
+  showActivity = true,
+  showActivityDetails = true,
   compactMode = false,
   onAction,
   className = "",
@@ -955,8 +902,7 @@ var Message = (0, import_react2.memo)(({
   renderUserMarkdown = true,
   markdown,
   isExpanded = false,
-  onToggleExpanded,
-  agentOptions = []
+  onToggleExpanded
 }) => {
   const [isEditing, setIsEditing] = (0, import_react2.useState)(false);
   const [editContent, setEditContent] = (0, import_react2.useState)(message.content);
@@ -966,12 +912,13 @@ var Message = (0, import_react2.memo)(({
   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;
-  const isMultiAgent = agentOptions.length > 1;
-  const resolvedAssistantName = isMultiAgent && (agentSender?.name || message.senderName) || assistantName;
-  const agentColor = agentSender ? agentSender.color || getAgentColor(agentSender.id) : void 0;
+  const senderDisplay = resolveMessageSenderDisplay({
+    sender: message.sender,
+    fallbackName: messageIsUser ? userName : assistantName,
+    fallbackAvatar: messageIsUser ? void 0 : assistantAvatar,
+    fallbackAvatarUrl: messageIsUser ? userAvatar : void 0,
+    compactMode
+  });
   const canEdit = enableEdit && messageIsUser;
   const canRegenerate = enableRegenerate && !messageIsUser;
   const normalizedPreviewChars = Math.max(longMessagePreviewChars, 1);
@@ -1027,27 +974,23 @@ var Message = (0, import_react2.memo)(({
       onMouseLeave: () => setShowActions(false),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `flex gap-3 ${messageIsUser ? "flex-row-reverse" : "flex-row"} w-full mb-1`, children: [
-          showAvatar && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `flex-shrink-0 ${compactMode ? "mt-1" : "mt-0"}`, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Avatar, { className: compactMode ? "h-6 w-6" : "h-8 w-8", children: messageIsUser ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AvatarImage, { src: userAvatar, alt: userName }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AvatarFallback, { className: "bg-primary text-primary-foreground", children: userName.charAt(0).toUpperCase() })
-          ] }) : agentSender ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-            agentSender.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AvatarImage, { src: agentSender.avatarUrl, alt: agentSender.name }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-              AvatarFallback,
-              {
-                style: agentColor ? { backgroundColor: agentColor, color: "white" } : void 0,
-                className: agentColor ? "text-[10px]" : "bg-secondary text-secondary-foreground",
-                children: getAgentInitials(agentSender.name)
-              }
-            )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: assistantAvatar || /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AvatarFallback, { className: "bg-secondary text-secondary-foreground", children: "AI" }) }) }) }),
+          showAvatar && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `flex-shrink-0 ${compactMode ? "mt-1" : "mt-0"}`, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            MessageSenderAvatar,
+            {
+              sender: message.sender,
+              fallbackName: messageIsUser ? userName : assistantName,
+              fallbackAvatar: messageIsUser ? void 0 : assistantAvatar,
+              fallbackAvatarUrl: messageIsUser ? userAvatar : void 0,
+              compactMode
+            }
+          ) }),
           /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `flex items-center gap-2 mb-1 ${messageIsUser ? "flex-row-reverse" : "flex-row"}`, children: [
             /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               "span",
               {
                 className: `font-medium ${compactMode ? "text-sm" : "text-base"}`,
-                style: !messageIsUser && agentColor ? { color: agentColor } : void 0,
-                children: messageIsUser ? userName : resolvedAssistantName
+                style: !messageIsUser && senderDisplay.color ? { color: senderDisplay.color } : void 0,
+                children: senderDisplay.name
               }
             ),
             showTimestamp && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-xs text-muted-foreground", children: formatTime(message.timestamp) }),
@@ -1080,7 +1023,8 @@ var Message = (0, import_react2.memo)(({
               AssistantActivity,
               {
                 activity: message.activity,
-                displayMode: activityDisplay,
+                showActivity,
+                showActivityDetails,
                 labels
               }
             ),
@@ -2664,12 +2608,53 @@ var Sidebar2 = ({
 
 // src/components/chat/ChatHeader.tsx
 var import_react6 = __toESM(require("react"), 1);
+
+// src/components/ui/card.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "div",
+    {
+      "data-slot": "card",
+      className: cn(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn("px-6", className),
+      ...props
+    }
+  );
+}
+
+// src/components/chat/ChatHeader.tsx
 var import_lucide_react10 = require("lucide-react");
 
 // src/components/chat/AgentSelectors.tsx
 var import_react5 = require("react");
 var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var ParticipantsSelector = (0, import_react5.memo)(({
   agents,
   participantIds,
@@ -2697,19 +2682,19 @@ var ParticipantsSelector = (0, import_react5.memo)(({
   };
   const visibleAgents = selectedAgents.slice(0, maxVisible);
   const hiddenCount = selectedAgents.length - maxVisible;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
       Button,
       {
         variant: "ghost",
         className: "h-9 px-2 gap-1.5 text-sm hover:bg-accent/50",
         disabled,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Users, { className: "h-4 w-4 text-muted-foreground" }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex items-center gap-1", children: visibleAgents.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex -space-x-1.5", children: visibleAgents.map((agent) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Avatar, { className: "h-5 w-5 border-2 border-background", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react9.Users, { className: "h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex items-center gap-1", children: visibleAgents.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex -space-x-1.5", children: visibleAgents.map((agent) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Avatar, { className: "h-5 w-5 border-2 border-background", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                 AvatarFallback,
                 {
                   style: { backgroundColor: agent.color || getAgentColor(agent.id), color: "white" },
@@ -2718,34 +2703,34 @@ var ParticipantsSelector = (0, import_react5.memo)(({
                 }
               )
             ] }, agent.id)) }),
-            hiddenCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
+            hiddenCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
               "+",
               hiddenCount
             ] })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-muted-foreground", children: label }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.ChevronDown, { className: "h-3 w-3 opacity-50" })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-muted-foreground", children: label }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react9.ChevronDown, { className: "h-3 w-3 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenuContent, { align: "start", className: "w-[260px]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenuLabel, { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: "Participants" }),
-        selectedAgents.length < agentsWithColors.length && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { variant: "ghost", size: "sm", className: "h-6 text-xs", onClick: selectAll, children: "Select All" })
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DropdownMenuContent, { align: "start", className: "w-[260px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DropdownMenuLabel, { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: "Participants" }),
+        selectedAgents.length < agentsWithColors.length && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { variant: "ghost", size: "sm", className: "h-6 text-xs", onClick: selectAll, children: "Select All" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuSeparator, {}),
       agentsWithColors.map((agent) => {
         const isSelected = participantIds.includes(agent.id);
         const isLastSelected = isSelected && participantIds.length === 1;
-        return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
           DropdownMenuItem,
           {
             onClick: () => toggleParticipant(agent.id),
             className: "flex items-center gap-3 p-2 cursor-pointer",
             disabled: isLastSelected,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Avatar, { className: "h-6 w-6", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Avatar, { className: "h-6 w-6", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                   AvatarFallback,
                   {
                     style: { backgroundColor: agent.color || getAgentColor(agent.id), color: "white" },
@@ -2754,11 +2739,11 @@ var ParticipantsSelector = (0, import_react5.memo)(({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "font-medium text-sm truncate", children: agent.name }),
-                agent.description && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-xs text-muted-foreground truncate", children: agent.description })
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "font-medium text-sm truncate", children: agent.name }),
+                agent.description && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "text-xs text-muted-foreground truncate", children: agent.description })
               ] }),
-              isSelected && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Check, { className: "h-4 w-4 text-primary shrink-0" })
+              isSelected && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react9.Check, { className: "h-4 w-4 text-primary shrink-0" })
             ]
           },
           agent.id
@@ -2781,19 +2766,19 @@ var TargetAgentSelector = (0, import_react5.memo)(({
     () => agentsWithColors.find((a) => a.id === targetAgentId),
     [agentsWithColors, targetAgentId]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
       Button,
       {
         variant: "ghost",
         className: "h-9 px-3 gap-1.5 font-medium text-base hover:bg-accent/50",
         disabled,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.AtSign, { className: "h-4 w-4 text-muted-foreground" }),
-          selectedAgent ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Avatar, { className: "h-5 w-5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AvatarImage, { src: selectedAgent.avatarUrl, alt: selectedAgent.name }),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react9.AtSign, { className: "h-4 w-4 text-muted-foreground" }),
+          selectedAgent ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Avatar, { className: "h-5 w-5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AvatarImage, { src: selectedAgent.avatarUrl, alt: selectedAgent.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                 AvatarFallback,
                 {
                   style: { backgroundColor: selectedAgent.color || getAgentColor(selectedAgent.id), color: "white" },
@@ -2802,26 +2787,26 @@ var TargetAgentSelector = (0, import_react5.memo)(({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "max-w-[150px] truncate", children: selectedAgent.name })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-muted-foreground", children: placeholder }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.ChevronDown, { className: "h-4 w-4 opacity-50" })
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "max-w-[150px] truncate", children: selectedAgent.name })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-muted-foreground", children: placeholder }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react9.ChevronDown, { className: "h-4 w-4 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenuContent, { align: "start", className: "w-[280px]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuLabel, { children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuSeparator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DropdownMenuContent, { align: "start", className: "w-[280px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuLabel, { children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuSeparator, {}),
       agentsWithColors.map((agent) => {
         const isSelected = agent.id === targetAgentId;
-        return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
           DropdownMenuItem,
           {
             onClick: () => onTargetChange(agent.id),
             className: "flex items-start gap-3 p-3 cursor-pointer",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Avatar, { className: "h-6 w-6 mt-0.5 shrink-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Avatar, { className: "h-6 w-6 mt-0.5 shrink-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                   AvatarFallback,
                   {
                     style: { backgroundColor: agent.color || getAgentColor(agent.id), color: "white" },
@@ -2830,12 +2815,12 @@ var TargetAgentSelector = (0, import_react5.memo)(({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "font-medium text-sm", children: agent.name }),
-                  isSelected && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Check, { className: "h-4 w-4 text-primary shrink-0" })
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "font-medium text-sm", children: agent.name }),
+                  isSelected && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react9.Check, { className: "h-4 w-4 text-primary shrink-0" })
                 ] }),
-                agent.description && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-2", children: agent.description })
+                agent.description && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-2", children: agent.description })
               ] })
             ]
           },
@@ -2855,16 +2840,16 @@ var AgentBadge = (0, import_react5.memo)(({
   const color = agent.color || getAgentColor(agent.id);
   const avatarSize = size === "sm" ? "h-4 w-4" : "h-5 w-5";
   const textSize = size === "sm" ? "text-xs" : "text-sm";
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     Badge,
     {
       variant: "secondary",
       className: "flex items-center gap-1.5 pr-1",
       style: { borderColor: color, borderWidth: 1 },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Avatar, { className: avatarSize, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Avatar, { className: avatarSize, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             AvatarFallback,
             {
               style: { backgroundColor: color, color: "white" },
@@ -2873,8 +2858,8 @@ var AgentBadge = (0, import_react5.memo)(({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: textSize, children: agent.name }),
-        showRemove && onRemove && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: textSize, children: agent.name }),
+        showRemove && onRemove && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           Button,
           {
             variant: "ghost",
@@ -2884,7 +2869,7 @@ var AgentBadge = (0, import_react5.memo)(({
               e.stopPropagation();
               onRemove();
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.X, { className: "h-3 w-3" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react9.X, { className: "h-3 w-3" })
           }
         )
       ]
@@ -2894,7 +2879,7 @@ var AgentBadge = (0, import_react5.memo)(({
 AgentBadge.displayName = "AgentBadge";
 
 // src/components/chat/ChatHeader.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var ChatHeader = ({
   config,
   currentThreadTitle,
@@ -2965,19 +2950,19 @@ var ChatHeader = ({
   };
   const selectedAgent = agentOptions.find((agent) => agent.id === selectedAgentId) || null;
   const agentPlaceholder = config.agentSelector?.label || "Select agent";
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     Card,
     {
       "data-chat-header": true,
       className: `py-0 border-b rounded-none relative z-10 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/80 ${className}`,
       style: isMobile ? { paddingTop: "env(safe-area-inset-top)" } : void 0,
-      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CardHeader, { className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Tooltip, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SidebarTrigger, { className: "-ml-1" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TooltipContent, { children: config.labels?.sidebarToggle || "Toggle Sidebar" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CardHeader, { className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Tooltip, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SidebarTrigger, { className: "-ml-1" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TooltipContent, { children: config.labels?.sidebarToggle || "Toggle Sidebar" })
           ] }),
-          showAgentSelector && isMultiAgentMode && onParticipantsChange && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          showAgentSelector && isMultiAgentMode && onParticipantsChange && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             ParticipantsSelector,
             {
               agents: agentOptions,
@@ -2985,40 +2970,40 @@ var ChatHeader = ({
               onParticipantsChange
             }
           ),
-          showAgentSelector && !isMultiAgentMode && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DropdownMenu, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+          showAgentSelector && !isMultiAgentMode && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DropdownMenu, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
               Button,
               {
                 variant: "ghost",
                 className: "h-9 px-3 gap-1.5 font-medium text-base hover:bg-accent/50",
                 children: [
-                  selectedAgent?.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Avatar, { className: "h-5 w-5", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AvatarImage, { src: selectedAgent.avatarUrl, alt: selectedAgent.name }),
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AvatarFallback, { className: "text-[10px]", children: selectedAgent.name.charAt(0).toUpperCase() })
+                  selectedAgent?.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Avatar, { className: "h-5 w-5", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(AvatarImage, { src: selectedAgent.avatarUrl, alt: selectedAgent.name }),
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(AvatarFallback, { className: "text-[10px]", children: selectedAgent.name.charAt(0).toUpperCase() })
                   ] }) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "max-w-[200px] truncate", children: selectedAgent?.name || agentPlaceholder }),
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.ChevronDown, { className: "h-4 w-4 opacity-50" })
+                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "max-w-[200px] truncate", children: selectedAgent?.name || agentPlaceholder }),
+                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react10.ChevronDown, { className: "h-4 w-4 opacity-50" })
                 ]
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuContent, { align: "start", className: "w-[280px]", children: agentOptions.map((agent) => {
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuContent, { align: "start", className: "w-[280px]", children: agentOptions.map((agent) => {
               const isSelected = agent.id === selectedAgentId;
-              return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
                 DropdownMenuItem,
                 {
                   onClick: () => onSelectAgent?.(agent.id),
                   className: "flex items-start gap-3 p-3 cursor-pointer",
                   children: [
-                    agent.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Avatar, { className: "h-6 w-6 mt-0.5 shrink-0", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
-                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AvatarFallback, { className: "text-[10px]", children: agent.name.charAt(0).toUpperCase() })
-                    ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "h-6 w-6 mt-0.5 shrink-0 flex items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Bot, { className: "h-3.5 w-3.5 text-primary" }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "font-medium text-sm", children: agent.name }),
-                        isSelected && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Check, { className: "h-4 w-4 text-primary shrink-0" })
+                    agent.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Avatar, { className: "h-6 w-6 mt-0.5 shrink-0", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
+                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(AvatarFallback, { className: "text-[10px]", children: agent.name.charAt(0).toUpperCase() })
+                    ] }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "h-6 w-6 mt-0.5 shrink-0 flex items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react10.Bot, { className: "h-3.5 w-3.5 text-primary" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-2", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "font-medium text-sm", children: agent.name }),
+                        isSelected && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react10.Check, { className: "h-4 w-4 text-primary shrink-0" })
                       ] }),
-                      agent.description && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-2", children: agent.description })
+                      agent.description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-2", children: agent.description })
                     ] })
                   ]
                 },
@@ -3026,59 +3011,59 @@ var ChatHeader = ({
               );
             }) })
           ] }),
-          !showAgentSelector && isMobile && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-sm font-medium truncate max-w-[150px] ml-2", children: currentThreadTitle || config.branding?.title || "Chat" })
+          !showAgentSelector && isMobile && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-sm font-medium truncate max-w-[150px] ml-2", children: currentThreadTitle || config.branding?.title || "Chat" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex-1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-1", children: [
-          showCustomComponentButton && config.customComponent && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Tooltip, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex-1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-1", children: [
+          showCustomComponentButton && config.customComponent && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Tooltip, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
               Button,
               {
                 variant: "ghost",
                 size: "icon",
                 className: "h-8 w-8",
                 onClick: onCustomComponentToggle,
-                children: config.customComponent.icon || /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Menu, { className: "h-4 w-4" })
+                children: config.customComponent.icon || /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react10.Menu, { className: "h-4 w-4" })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TooltipContent, { children: config.customComponent.label || config.labels?.customComponentToggle || "Toggle" })
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TooltipContent, { children: config.customComponent.label || config.labels?.customComponentToggle || "Toggle" })
           ] }),
           config.headerActions,
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DropdownMenu, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.MoreVertical, { className: "h-4 w-4" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DropdownMenuContent, { align: "end", children: [
-              onNewThread && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DropdownMenuItem, { onClick: () => onNewThread?.(), className: "font-medium text-primary", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Plus, { className: "h-4 w-4 mr-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DropdownMenu, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react10.MoreVertical, { className: "h-4 w-4" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DropdownMenuContent, { align: "end", children: [
+              onNewThread && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DropdownMenuItem, { onClick: () => onNewThread?.(), className: "font-medium text-primary", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react10.Plus, { className: "h-4 w-4 mr-2" }),
                   config.labels?.newThread || "New Thread"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuSeparator, {})
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuSeparator, {})
               ] }),
-              onExportData && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DropdownMenuItem, { onClick: onExportData, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Download, { className: "h-4 w-4 mr-2" }),
+              onExportData && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DropdownMenuItem, { onClick: onExportData, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react10.Download, { className: "h-4 w-4 mr-2" }),
                 config.labels?.exportData || "Export Data"
               ] }),
-              onImportData && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DropdownMenuItem, { onClick: handleImportClick, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Upload, { className: "h-4 w-4 mr-2" }),
+              onImportData && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DropdownMenuItem, { onClick: handleImportClick, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react10.Upload, { className: "h-4 w-4 mr-2" }),
                 config.labels?.importData || "Import Data"
               ] }),
-              (onExportData || onImportData) && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuSeparator, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuItem, { onClick: toggleDarkMode, children: isDarkMode ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Sun, { className: "h-4 w-4 mr-2" }),
+              (onExportData || onImportData) && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuSeparator, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuItem, { onClick: toggleDarkMode, children: isDarkMode ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react10.Sun, { className: "h-4 w-4 mr-2" }),
                 config.labels?.lightMode || "Light Mode"
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Moon, { className: "h-4 w-4 mr-2" }),
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react10.Moon, { className: "h-4 w-4 mr-2" }),
                 config.labels?.darkMode || "Dark Mode"
               ] }) }),
-              onClearAll && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuSeparator, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+              onClearAll && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuSeparator, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
                   DropdownMenuItem,
                   {
                     onClick: onClearAll,
                     className: "text-destructive",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Trash2, { className: "h-4 w-4 mr-2" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react10.Trash2, { className: "h-4 w-4 mr-2" }),
                       config.labels?.clearAll || "Clear All"
                     ]
                   }
@@ -3097,7 +3082,7 @@ var import_react8 = __toESM(require("react"), 1);
 
 // src/components/chat/UserContext.tsx
 var import_react7 = require("react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var Ctx = (0, import_react7.createContext)(void 0);
 var ChatUserContextProvider = ({ children, initial }) => {
   const [ctx, setCtx] = (0, import_react7.useState)(() => ({
@@ -3124,7 +3109,7 @@ var ChatUserContextProvider = ({ children, initial }) => {
     setContext: setPartial,
     resetContext: () => setCtx({ updatedAt: Date.now() })
   }), [ctx, setPartial]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Ctx.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Ctx.Provider, { value, children });
 };
 function useChatUserContext() {
   const v = (0, import_react7.useContext)(Ctx);
@@ -3458,13 +3443,13 @@ var resolveVoiceProviderFactory = (createProvider) => createProvider ?? createMa
 
 // src/components/ui/progress.tsx
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"), 1);
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function Progress({
   className,
   value,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     ProgressPrimitive.Root,
     {
       "data-slot": "progress",
@@ -3473,7 +3458,7 @@ function Progress({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -3487,7 +3472,7 @@ function Progress({
 
 // src/components/chat/VoiceComposer.tsx
 var import_lucide_react11 = require("lucide-react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var formatDuration = (durationMs) => {
   const totalSeconds = Math.max(0, Math.floor(durationMs / 1e3));
   const minutes = Math.floor(totalSeconds / 60);
@@ -3582,13 +3567,13 @@ var VoiceComposer = ({
     }
     onRecordAgain();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "w-full max-w-3xl rounded-2xl border bg-background p-3 shadow-sm sm:p-4 md:min-w-3xl", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center justify-between gap-2 sm:gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Badge, { variant: "outline", children: labels?.voiceTitle || "Voice" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "truncate rounded-full bg-muted px-2.5 py-1 text-[11px] sm:text-xs text-muted-foreground", children: headerLabel })
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "w-full max-w-3xl rounded-2xl border bg-background p-3 shadow-sm sm:p-4 md:min-w-3xl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center justify-between gap-2 sm:gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Badge, { variant: "outline", children: labels?.voiceTitle || "Voice" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "truncate rounded-full bg-muted px-2.5 py-1 text-[11px] sm:text-xs text-muted-foreground", children: headerLabel })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
         Button,
         {
           type: "button",
@@ -3598,14 +3583,14 @@ var VoiceComposer = ({
           onClick: onExit,
           disabled: disabled || isBusy,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Keyboard, { className: "h-4 w-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "hidden sm:inline", children: labels?.voiceExit || "Use keyboard" })
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Keyboard, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "hidden sm:inline", children: labels?.voiceExit || "Use keyboard" })
           ]
         }
       )
     ] }),
-    !isDraftLayout ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mt-3 rounded-xl border border-dashed border-primary/30 bg-primary/5 px-3 py-3 text-center sm:px-4 sm:py-4", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "mx-auto flex w-full max-w-sm flex-col items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    !isDraftLayout ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mt-3 rounded-xl border border-dashed border-primary/30 bg-primary/5 px-3 py-3 text-center sm:px-4 sm:py-4", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "mx-auto flex w-full max-w-sm flex-col items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         Button,
         {
           type: "button",
@@ -3614,21 +3599,21 @@ var VoiceComposer = ({
           className: `h-16 w-16 rounded-full sm:h-20 sm:w-20 ${isCapturing ? "bg-red-500 hover:bg-red-600 text-white border-red-500" : "border-red-200 bg-red-50 text-red-600 hover:bg-red-100 hover:text-red-700"}`,
           onClick: isCapturing ? onStop : onStart,
           disabled: disabled || isBusy,
-          children: isBusy ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Loader2, { className: "h-7 w-7 animate-spin" }) : isCapturing ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Square, { className: "h-7 w-7" }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Mic, { className: "h-7 w-7" })
+          children: isBusy ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Loader2, { className: "h-7 w-7 animate-spin" }) : isCapturing ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Square, { className: "h-7 w-7" }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Mic, { className: "h-7 w-7" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "w-full space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Progress, { value: levelValue, className: "h-2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: formatDuration(durationMs) }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: isCapturing ? labels?.voiceStop || "Stop recording" : labels?.voiceStart || "Start recording" })
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "w-full space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Progress, { value: levelValue, className: "h-2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: formatDuration(durationMs) }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: isCapturing ? labels?.voiceStop || "Stop recording" : labels?.voiceStart || "Start recording" })
         ] })
       ] }),
-      showTranscriptPreview && transcriptMode !== "none" && transcriptText && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "w-full rounded-lg border bg-background px-3 py-2 text-left text-sm", children: transcriptText })
-    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "mt-3 rounded-xl border bg-muted/20 p-3 sm:p-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center justify-between gap-2 text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: formatDuration(durationMs) }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      showTranscriptPreview && transcriptMode !== "none" && transcriptText && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "w-full rounded-lg border bg-background px-3 py-2 text-left text-sm", children: transcriptText })
+    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "mt-3 rounded-xl border bg-muted/20 p-3 sm:p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center justify-between gap-2 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: formatDuration(durationMs) }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           Button,
           {
             type: "button",
@@ -3639,12 +3624,12 @@ var VoiceComposer = ({
             disabled,
             "aria-label": labels?.voiceDiscard || "Delete recording",
             title: labels?.voiceDiscard || "Delete recording",
-            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Trash2, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Trash2, { className: "h-4 w-4" })
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "mt-4 flex flex-col items-center gap-4 text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "mt-4 flex flex-col items-center gap-4 text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           Button,
           {
             type: "button",
@@ -3653,12 +3638,12 @@ var VoiceComposer = ({
             className: `h-20 w-20 rounded-full sm:h-24 sm:w-24 ${orbIsListening ? "border-red-500 bg-red-500 text-white hover:bg-red-600" : isArmedDraft ? "border-red-200 bg-red-50 text-red-600 shadow-[0_0_0_10px_rgba(239,68,68,0.08)] hover:bg-red-100 hover:text-red-700" : "border-red-200 bg-red-50 text-red-600 hover:bg-red-100 hover:text-red-700"}`,
             onClick: handleReviewOrbClick,
             disabled: disabled || orbIsReviewBusy,
-            children: orbIsReviewBusy ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Loader2, { className: "h-7 w-7 animate-spin" }) : orbIsListening ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Square, { className: "h-7 w-7" }) : isArmedDraft ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Mic, { className: "h-7 w-7 animate-pulse" }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Mic, { className: "h-7 w-7" })
+            children: orbIsReviewBusy ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Loader2, { className: "h-7 w-7 animate-spin" }) : orbIsListening ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Square, { className: "h-7 w-7" }) : isArmedDraft ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Mic, { className: "h-7 w-7 animate-pulse" }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Mic, { className: "h-7 w-7" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "max-w-sm space-y-1 px-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-sm text-foreground", children: reviewHelperText }),
-          isCapturing && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mx-auto h-1.5 w-32 overflow-hidden rounded-full bg-red-100", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "max-w-sm space-y-1 px-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm text-foreground", children: reviewHelperText }),
+          isCapturing && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mx-auto h-1.5 w-32 overflow-hidden rounded-full bg-red-100", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             "div",
             {
               className: "h-full rounded-full bg-red-500 transition-[width] duration-150",
@@ -3667,27 +3652,27 @@ var VoiceComposer = ({
           ) })
         ] })
       ] }),
-      attachment && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mt-4 rounded-lg border bg-background/90 p-2 shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("audio", { controls: true, preload: "metadata", className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("source", { src: attachment.dataUrl, type: attachment.mimeType }) }) }),
-      showTranscriptPreview && transcriptMode !== "none" && transcriptText && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mt-3 rounded-lg border bg-background px-3 py-2 text-left text-sm", children: transcriptText }),
-      isAutoSendActive && autoSendDelayMs > 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mt-3 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "inline-flex items-center rounded-full border bg-background px-3 py-1 text-xs text-muted-foreground", children: interpolateSeconds(labels?.voiceAutoSendIn, countdownSeconds) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "mt-4 grid grid-cols-1 gap-2 sm:flex sm:items-center sm:justify-end", children: [
-        isAutoSendActive && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Button, { type: "button", variant: "ghost", size: "sm", onClick: onCancelAutoSend, disabled, className: "w-full sm:w-auto", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.X, { className: "h-4 w-4" }),
+      attachment && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mt-4 rounded-lg border bg-background/90 p-2 shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("audio", { controls: true, preload: "metadata", className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("source", { src: attachment.dataUrl, type: attachment.mimeType }) }) }),
+      showTranscriptPreview && transcriptMode !== "none" && transcriptText && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mt-3 rounded-lg border bg-background px-3 py-2 text-left text-sm", children: transcriptText }),
+      isAutoSendActive && autoSendDelayMs > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mt-3 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "inline-flex items-center rounded-full border bg-background px-3 py-1 text-xs text-muted-foreground", children: interpolateSeconds(labels?.voiceAutoSendIn, countdownSeconds) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "mt-4 grid grid-cols-1 gap-2 sm:flex sm:items-center sm:justify-end", children: [
+        isAutoSendActive && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Button, { type: "button", variant: "ghost", size: "sm", onClick: onCancelAutoSend, disabled, className: "w-full sm:w-auto", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.X, { className: "h-4 w-4" }),
           labels?.voiceCancel || "Cancel"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Button, { type: "button", size: "sm", onClick: onSendNow, disabled, className: "w-full sm:w-auto", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Send, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Button, { type: "button", size: "sm", onClick: onSendNow, disabled, className: "w-full sm:w-auto", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Send, { className: "h-4 w-4" }),
           labels?.voiceSendNow || "Send now"
         ] })
       ] })
     ] }),
-    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mt-3 rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2 text-sm text-destructive", children: errorMessage })
+    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mt-3 rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2 text-sm text-destructive", children: errorMessage })
   ] });
 };
 
 // src/components/chat/ChatInput.tsx
 var import_lucide_react12 = require("lucide-react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function getActiveMentionMatch(value, caret) {
   const prefix = value.slice(0, caret);
   const match = /(^|\s)@([\w.-]*)$/.exec(prefix);
@@ -3739,10 +3724,10 @@ var FileUploadItem = (0, import_react8.memo)(function FileUploadItem2({ file, pr
   };
   const getFileIcon = (type, name) => {
     const t = typeof type === "string" && type.length > 0 ? type : guessTypeFromName(name);
-    if (t.startsWith("image/")) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Image, { className: "h-4 w-4" });
-    if (t.startsWith("video/")) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Video, { className: "h-4 w-4" });
-    if (t.startsWith("audio/")) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Mic, { className: "h-4 w-4" });
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.FileText, { className: "h-4 w-4" });
+    if (t.startsWith("image/")) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Image, { className: "h-4 w-4" });
+    if (t.startsWith("video/")) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Video, { className: "h-4 w-4" });
+    if (t.startsWith("audio/")) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Mic, { className: "h-4 w-4" });
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.FileText, { className: "h-4 w-4" });
   };
   const formatFileSize = (bytes) => {
     if (bytes === 0) return "0 Bytes";
@@ -3751,21 +3736,21 @@ var FileUploadItem = (0, import_react8.memo)(function FileUploadItem2({ file, pr
     const i = Math.floor(Math.log(bytes) / Math.log(k));
     return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Card, { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CardContent, { className: "p-3", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-3", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Card, { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CardContent, { className: "p-3", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-3", children: [
     getFileIcon(file.type, file.name),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm font-medium truncate", children: file.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-xs text-muted-foreground", children: formatFileSize(file.size ?? 0) }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Progress, { value: progress, className: "h-1 mt-1" })
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm font-medium truncate", children: file.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xs text-muted-foreground", children: formatFileSize(file.size ?? 0) }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Progress, { value: progress, className: "h-1 mt-1" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       Button,
       {
         variant: "ghost",
         size: "icon",
         className: "h-6 w-6",
         onClick: onCancel,
-        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.X, { className: "h-3 w-3" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.X, { className: "h-3 w-3" })
       }
     )
   ] }) }) });
@@ -3805,9 +3790,9 @@ var AttachmentPreview = (0, import_react8.memo)(function AttachmentPreview2({ at
     const minutes = Math.floor(seconds / 60);
     return `${minutes}:${(seconds % 60).toString().padStart(2, "0")}`;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Card, { className: "relative group", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(CardContent, { className: "p-2", children: [
-    attachment.kind === "image" && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Card, { className: "relative group", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(CardContent, { className: "p-2", children: [
+    attachment.kind === "image" && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         "img",
         {
           src: attachment.dataUrl,
@@ -3815,19 +3800,19 @@ var AttachmentPreview = (0, import_react8.memo)(function AttachmentPreview2({ at
           className: "w-full h-20 object-cover rounded"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         Button,
         {
           variant: "destructive",
           size: "icon",
           className: "h-6 w-6",
           onClick: onRemove,
-          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.X, { className: "h-3 w-3" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.X, { className: "h-3 w-3" })
         }
       ) })
     ] }),
-    attachment.kind === "video" && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    attachment.kind === "video" && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         "video",
         {
           src: attachment.dataUrl,
@@ -3836,34 +3821,34 @@ var AttachmentPreview = (0, import_react8.memo)(function AttachmentPreview2({ at
           muted: true
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         Button,
         {
           variant: "destructive",
           size: "icon",
           className: "h-6 w-6",
           onClick: onRemove,
-          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.X, { className: "h-3 w-3" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.X, { className: "h-3 w-3" })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Badge, { className: "absolute bottom-1 right-1 text-xs", children: formatDuration2(attachment.durationMs) })
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Badge, { className: "absolute bottom-1 right-1 text-xs", children: formatDuration2(attachment.durationMs) })
     ] }),
-    attachment.kind === "audio" && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-2 p-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    attachment.kind === "audio" && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2 p-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         Button,
         {
           variant: "outline",
           size: "icon",
           className: "h-8 w-8",
           onClick: handlePlayPause,
-          children: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Pause, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Play, { className: "h-3 w-3" })
+          children: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Pause, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Play, { className: "h-3 w-3" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-xs font-medium", children: attachment.fileName || "Audio" }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-xs text-muted-foreground", children: formatDuration2(attachment.durationMs) })
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xs font-medium", children: attachment.fileName || "Audio" }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xs text-muted-foreground", children: formatDuration2(attachment.durationMs) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         "audio",
         {
           ref: audioRef,
@@ -3871,21 +3856,21 @@ var AttachmentPreview = (0, import_react8.memo)(function AttachmentPreview2({ at
           onPause: () => setIsPlaying(false),
           onEnded: () => setIsPlaying(false),
           preload: "metadata",
-          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("source", { src: audioPlaybackSrc, type: attachment.mimeType })
+          children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("source", { src: audioPlaybackSrc, type: attachment.mimeType })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         Button,
         {
           variant: "ghost",
           size: "icon",
           className: "h-6 w-6 opacity-0 group-hover:opacity-100 transition-opacity",
           onClick: onRemove,
-          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.X, { className: "h-3 w-3" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.X, { className: "h-3 w-3" })
         }
       )
     ] }),
-    attachment.fileName && attachment.kind !== "audio" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "absolute bottom-0 left-0 right-0 bg-black/70 text-white text-xs p-1 rounded-b", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "truncate", children: attachment.fileName }) })
+    attachment.fileName && attachment.kind !== "audio" && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "absolute bottom-0 left-0 right-0 bg-black/70 text-white text-xs p-1 rounded-b", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "truncate", children: attachment.fileName }) })
   ] }) });
 });
 var resolveVoiceErrorMessage = (error, config) => {
@@ -4436,8 +4421,8 @@ var ChatInput = (0, import_react8.memo)(function ChatInput2({
   };
   const canAddMoreAttachments = attachments.length < maxAttachments;
   const showVoiceComposer = enableAudioRecording && isVoiceComposerOpen;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: `border-t py-0 bg-transparent ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "px-0 md:p-2 pb-1 space-y-4 bg-transparent", children: [
-    uploadProgress.size > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "space-y-2", children: Array.from(uploadProgress.entries()).map(([id, progress]) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: `border-t py-0 bg-transparent ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "px-0 md:p-2 pb-1 space-y-4 bg-transparent", children: [
+    uploadProgress.size > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "space-y-2", children: Array.from(uploadProgress.entries()).map(([id, progress]) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       FileUploadItem,
       {
         file: { name: progress.fileName },
@@ -4452,7 +4437,7 @@ var ChatInput = (0, import_react8.memo)(function ChatInput2({
       },
       id
     )) }),
-    attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "grid grid-cols-4 gap-2", children: attachments.map((attachment, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "grid grid-cols-4 gap-2", children: attachments.map((attachment, index) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       AttachmentPreview,
       {
         attachment,
@@ -4460,7 +4445,7 @@ var ChatInput = (0, import_react8.memo)(function ChatInput2({
       },
       index
     )) }),
-    showVoiceComposer ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mb-1 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    showVoiceComposer ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mb-1 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       VoiceComposer,
       {
         state: voiceState,
@@ -4500,15 +4485,15 @@ var ChatInput = (0, import_react8.memo)(function ChatInput2({
           void closeVoiceComposer();
         }
       }
-    ) }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("form", { onSubmit: handleSubmit, className: "mb-1 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("form", { onSubmit: handleSubmit, className: "mb-1 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
       "div",
       {
         className: "flex  items-end gap-2 p-3 border rounded-lg bg-background w-full md:min-w-3xl max-w-3xl",
         onDrop: handleDrop,
         onDragOver: handleDragOver,
         children: [
-          enableFileUpload && canAddMoreAttachments && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          enableFileUpload && canAddMoreAttachments && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "input",
               {
                 ref: fileInputRef,
@@ -4519,8 +4504,8 @@ var ChatInput = (0, import_react8.memo)(function ChatInput2({
                 className: "hidden"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Tooltip, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Tooltip, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                 Button,
                 {
                   type: "button",
@@ -4533,14 +4518,14 @@ var ChatInput = (0, import_react8.memo)(function ChatInput2({
                     fileInputRef.current?.click();
                   },
                   disabled,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Paperclip, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Paperclip, { className: "h-4 w-4" })
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TooltipContent, { children: config?.labels?.attachFileTooltip })
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipContent, { children: config?.labels?.attachFileTooltip })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "relative flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "relative flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               Textarea,
               {
                 ref: textareaRef,
@@ -4564,7 +4549,7 @@ var ChatInput = (0, import_react8.memo)(function ChatInput2({
                 rows: 1
               }
             ),
-            isMentionMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "absolute bottom-full left-0 right-0 mb-2 overflow-hidden rounded-md border bg-popover shadow-md", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "p-1", children: filteredMentionAgents.map((agent, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+            isMentionMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "absolute bottom-full left-0 right-0 mb-2 overflow-hidden rounded-md border bg-popover shadow-md", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "p-1", children: filteredMentionAgents.map((agent, index) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
               "button",
               {
                 type: "button",
@@ -4574,15 +4559,15 @@ var ChatInput = (0, import_react8.memo)(function ChatInput2({
                   selectMentionAgent(agent);
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "font-medium", children: agent.name }),
-                  agent.description && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "truncate text-xs text-muted-foreground", children: agent.description })
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "font-medium", children: agent.name }),
+                  agent.description && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "truncate text-xs text-muted-foreground", children: agent.description })
                 ]
               },
               agent.id
             )) }) })
           ] }),
-          enableAudioRecording && canAddMoreAttachments && !value.trim() && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Tooltip, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          enableAudioRecording && canAddMoreAttachments && !value.trim() && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Tooltip, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               Button,
               {
                 type: "button",
@@ -4593,13 +4578,13 @@ var ChatInput = (0, import_react8.memo)(function ChatInput2({
                   void startVoiceCapture();
                 },
                 disabled: disabled || isGenerating,
-                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Mic, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Mic, { className: "h-4 w-4" })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TooltipContent, { children: config?.labels?.voiceEnter })
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipContent, { children: config?.labels?.voiceEnter })
           ] }),
-          isGenerating ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Tooltip, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          isGenerating ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Tooltip, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               Button,
               {
                 type: "button",
@@ -4607,36 +4592,36 @@ var ChatInput = (0, import_react8.memo)(function ChatInput2({
                 size: "icon",
                 className: "h-10 w-10",
                 onClick: onStopGeneration,
-                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Square, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Square, { className: "h-4 w-4" })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TooltipContent, { children: config?.labels?.stopGenerationTooltip })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Tooltip, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipContent, { children: config?.labels?.stopGenerationTooltip })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Tooltip, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               Button,
               {
                 type: "submit",
                 size: "icon",
                 className: "h-10 w-10",
                 disabled: disabled || !value.trim() && attachments.length === 0,
-                children: disabled ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Send, { className: "h-4 w-4" })
+                children: disabled ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Send, { className: "h-4 w-4" })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TooltipContent, { children: config?.labels?.sendMessageTooltip })
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipContent, { children: config?.labels?.sendMessageTooltip })
           ] })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "text-[10px] text-muted-foreground text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "text-[10px] text-muted-foreground text-center", children: [
       window.innerWidth > 768 ? config?.labels?.inputHelpText : "",
-      attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+      attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
         " \u2022 ",
         attachments.length,
         "/",
         maxAttachments,
         " anexos"
       ] }),
-      config?.labels?.footerLabel && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+      config?.labels?.footerLabel && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
         " \u2022 ",
         config.labels.footerLabel
       ] })
@@ -4650,16 +4635,16 @@ var import_react9 = require("react");
 // src/components/ui/scroll-area.tsx
 var React14 = __toESM(require("react"), 1);
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"), 1);
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var ScrollArea = React14.forwardRef(({ className, children, viewportClassName, onScroll, onScrollCapture, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     ScrollAreaPrimitive.Root,
     {
       "data-slot": "scroll-area",
       className: cn("relative", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           ScrollAreaPrimitive.Viewport,
           {
             ref,
@@ -4673,8 +4658,8 @@ var ScrollArea = React14.forwardRef(({ className, children, viewportClassName, o
             children
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ScrollBar, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ScrollBar, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ScrollAreaPrimitive.Corner, {})
       ]
     }
   );
@@ -4685,7 +4670,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
@@ -4697,7 +4682,7 @@ function ScrollBar({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         ScrollAreaPrimitive.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -4710,7 +4695,7 @@ function ScrollBar({
 
 // src/components/chat/UserProfile.tsx
 var import_lucide_react13 = require("lucide-react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var getInitials2 = (name, email) => {
   if (name) {
     return name.split(" ").map((n) => n[0]).slice(0, 2).join("").toUpperCase();
@@ -4724,29 +4709,29 @@ var getFieldIcon = (type, key) => {
   const iconClass = "h-4 w-4 text-muted-foreground";
   switch (type) {
     case "email":
-      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Mail, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Mail, { className: iconClass });
     case "phone":
-      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Phone, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Phone, { className: iconClass });
     case "url":
-      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Globe, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Globe, { className: iconClass });
     case "date":
-      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Calendar, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Calendar, { className: iconClass });
   }
   const lowerKey = key?.toLowerCase() || "";
-  if (lowerKey.includes("follower")) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Users, { className: iconClass });
-  if (lowerKey.includes("following")) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.UserPlus, { className: iconClass });
-  if (lowerKey.includes("post") || lowerKey.includes("publication")) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Image, { className: iconClass });
-  if (lowerKey.includes("verified") || lowerKey.includes("badge")) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.BadgeCheck, { className: iconClass });
-  if (lowerKey.includes("bio")) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.FileText, { className: iconClass });
-  if (lowerKey.includes("email")) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Mail, { className: iconClass });
-  if (lowerKey.includes("phone") || lowerKey.includes("tel")) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Phone, { className: iconClass });
-  if (lowerKey.includes("location") || lowerKey.includes("address") || lowerKey.includes("city")) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.MapPin, { className: iconClass });
-  if (lowerKey.includes("company") || lowerKey.includes("org")) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Building, { className: iconClass });
-  if (lowerKey.includes("job") || lowerKey.includes("role") || lowerKey.includes("title") || lowerKey.includes("position")) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Briefcase, { className: iconClass });
-  if (lowerKey.includes("website") || lowerKey.includes("url") || lowerKey.includes("link")) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Globe, { className: iconClass });
-  if (lowerKey.includes("username") || lowerKey.includes("handle")) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.AtSign, { className: iconClass });
-  if (lowerKey.includes("date") || lowerKey.includes("birthday") || lowerKey.includes("joined")) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Calendar, { className: iconClass });
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.User, { className: iconClass });
+  if (lowerKey.includes("follower")) return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Users, { className: iconClass });
+  if (lowerKey.includes("following")) return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.UserPlus, { className: iconClass });
+  if (lowerKey.includes("post") || lowerKey.includes("publication")) return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Image, { className: iconClass });
+  if (lowerKey.includes("verified") || lowerKey.includes("badge")) return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.BadgeCheck, { className: iconClass });
+  if (lowerKey.includes("bio")) return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.FileText, { className: iconClass });
+  if (lowerKey.includes("email")) return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Mail, { className: iconClass });
+  if (lowerKey.includes("phone") || lowerKey.includes("tel")) return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Phone, { className: iconClass });
+  if (lowerKey.includes("location") || lowerKey.includes("address") || lowerKey.includes("city")) return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.MapPin, { className: iconClass });
+  if (lowerKey.includes("company") || lowerKey.includes("org")) return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Building, { className: iconClass });
+  if (lowerKey.includes("job") || lowerKey.includes("role") || lowerKey.includes("title") || lowerKey.includes("position")) return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Briefcase, { className: iconClass });
+  if (lowerKey.includes("website") || lowerKey.includes("url") || lowerKey.includes("link")) return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Globe, { className: iconClass });
+  if (lowerKey.includes("username") || lowerKey.includes("handle")) return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.AtSign, { className: iconClass });
+  if (lowerKey.includes("date") || lowerKey.includes("birthday") || lowerKey.includes("joined")) return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Calendar, { className: iconClass });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.User, { className: iconClass });
 };
 var formatValue = (value, type, key) => {
   if (value === null || value === void 0) return "-";
@@ -4780,15 +4765,15 @@ var getMemoryCategoryIcon = (category) => {
   const iconClass = "h-4 w-4 text-muted-foreground";
   switch (category) {
     case "preference":
-      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Heart, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Heart, { className: iconClass });
     case "fact":
-      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Info, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Info, { className: iconClass });
     case "goal":
-      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Target, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Target, { className: iconClass });
     case "context":
-      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Lightbulb, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Lightbulb, { className: iconClass });
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Brain, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Brain, { className: iconClass });
   }
 };
 var getMemoryCategoryLabel = (category) => {
@@ -4858,66 +4843,66 @@ var UserProfile = ({
   const displayName = user?.name || user?.email?.split("@")[0] || "User";
   const initials = getInitials2(user?.name, user?.email);
   const normalizedFields = normalizeCustomFields(customFields);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Sheet, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Sheet, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     SheetContent,
     {
       side: "right",
       className: cn("w-full sm:max-w-md p-0 flex flex-col h-full overflow-hidden", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SheetHeader, { className: "px-6 py-4 border-b shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SheetTitle, { children: labels.title }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ScrollArea, { className: "flex-1 min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "p-6 space-y-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col items-center text-center space-y-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Avatar, { className: "h-24 w-24 shrink-0", children: [
-              user?.avatar && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AvatarImage, { src: user.avatar, alt: displayName }),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AvatarFallback, { className: "text-2xl bg-primary/10 text-primary", children: initials })
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SheetHeader, { className: "px-6 py-4 border-b shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SheetTitle, { children: labels.title }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ScrollArea, { className: "flex-1 min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "p-6 space-y-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col items-center text-center space-y-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Avatar, { className: "h-24 w-24 shrink-0", children: [
+              user?.avatar && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(AvatarImage, { src: user.avatar, alt: displayName }),
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(AvatarFallback, { className: "text-2xl bg-primary/10 text-primary", children: initials })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "w-full px-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h2", { className: "text-xl font-semibold break-words", children: displayName }),
-              user?.email && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm text-muted-foreground break-words", children: user.email })
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "w-full px-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h2", { className: "text-xl font-semibold break-words", children: displayName }),
+              user?.email && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-sm text-muted-foreground break-words", children: user.email })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Separator, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: labels.basicInfo }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.User, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xs text-muted-foreground", children: "Name" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm font-medium break-words", children: displayName })
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Separator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: labels.basicInfo }),
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.User, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-xs text-muted-foreground", children: "Name" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-sm font-medium break-words", children: displayName })
                 ] })
               ] }),
-              user?.email && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.AtSign, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xs text-muted-foreground", children: "Handle" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm font-medium break-words", children: user.email })
+              user?.email && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.AtSign, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-xs text-muted-foreground", children: "Handle" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-sm font-medium break-words", children: user.email })
                 ] })
               ] }),
-              user?.id && user.id !== user?.name && user.id !== user?.email && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.User, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xs text-muted-foreground", children: "ID" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm font-medium break-words", children: user.id })
+              user?.id && user.id !== user?.name && user.id !== user?.email && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.User, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-xs text-muted-foreground", children: "ID" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-sm font-medium break-words", children: user.id })
                 ] })
               ] })
             ] })
           ] }),
-          normalizedFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Separator, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "space-y-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: labels.customFields }),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "space-y-2", children: normalizedFields.map((field) => {
+          normalizedFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Separator, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "space-y-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: labels.customFields }),
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "space-y-2", children: normalizedFields.map((field) => {
                 const isBioField = field.key.toLowerCase().includes("bio");
-                return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
                   "div",
                   {
                     className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mt-0.5 shrink-0", children: field.icon || getFieldIcon(field.type, field.key) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xs text-muted-foreground", children: field.label }),
-                        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: cn(
+                      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "mt-0.5 shrink-0", children: field.icon || getFieldIcon(field.type, field.key) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-xs text-muted-foreground", children: field.label }),
+                        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: cn(
                           "text-sm font-medium",
                           isBioField ? "whitespace-pre-wrap break-words" : "break-words"
                         ), children: formatValue(field.value, field.type, field.key) })
@@ -4929,26 +4914,26 @@ var UserProfile = ({
               }) })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Separator, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Brain, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Separator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Brain, { className: "h-4 w-4" }),
                 labels.memories
               ] }),
-              onAddMemory && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              onAddMemory && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                 Button,
                 {
                   variant: "ghost",
                   size: "sm",
                   className: "h-7 px-2",
                   onClick: () => setIsAddingMemory(true),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Plus, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Plus, { className: "h-4 w-4" })
                 }
               )
             ] }),
-            isAddingMemory && onAddMemory && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            isAddingMemory && onAddMemory && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                 Input,
                 {
                   value: newMemoryContent,
@@ -4965,24 +4950,24 @@ var UserProfile = ({
                   autoFocus: true
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button, { size: "sm", onClick: handleAddMemory, disabled: !newMemoryContent.trim(), children: "Salvar" })
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { size: "sm", onClick: handleAddMemory, disabled: !newMemoryContent.trim(), children: "Salvar" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "space-y-2", children: memories.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm text-muted-foreground text-center py-4", children: labels.noMemories }) : memories.map((memory) => {
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "space-y-2", children: memories.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-sm text-muted-foreground text-center py-4", children: labels.noMemories }) : memories.map((memory) => {
               const isEditing = editingMemoryId === memory.id;
-              return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
                 "div",
                 {
                   className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50 group",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mt-0.5 shrink-0", children: memory.source === "agent" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Bot, { className: "h-4 w-4 text-primary" }) : getMemoryCategoryIcon(memory.category) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-2 mb-0.5", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-xs text-muted-foreground", children: getMemoryCategoryLabel(memory.category) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-xs text-muted-foreground", children: "\u2022" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-xs text-muted-foreground", children: memory.source === "agent" ? "IA" : "Voc\xEA" })
+                    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "mt-0.5 shrink-0", children: memory.source === "agent" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Bot, { className: "h-4 w-4 text-primary" }) : getMemoryCategoryIcon(memory.category) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center gap-2 mb-0.5", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-xs text-muted-foreground", children: getMemoryCategoryLabel(memory.category) }),
+                        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-xs text-muted-foreground", children: "\u2022" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-xs text-muted-foreground", children: memory.source === "agent" ? "IA" : "Voc\xEA" })
                       ] }),
-                      isEditing ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "space-y-2", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                      isEditing ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "space-y-2", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                           Textarea,
                           {
                             value: editingMemoryContent,
@@ -4999,8 +4984,8 @@ var UserProfile = ({
                             }
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex gap-1 justify-end", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+                        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex gap-1 justify-end", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
                             Button,
                             {
                               variant: "ghost",
@@ -5008,12 +4993,12 @@ var UserProfile = ({
                               className: "h-7 px-2",
                               onClick: handleCancelEdit,
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.X, { className: "h-3.5 w-3.5 mr-1" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.X, { className: "h-3.5 w-3.5 mr-1" }),
                                 "Cancelar"
                               ]
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+                          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
                             Button,
                             {
                               size: "sm",
@@ -5021,33 +5006,33 @@ var UserProfile = ({
                               onClick: handleSaveEdit,
                               disabled: !editingMemoryContent.trim(),
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Check, { className: "h-3.5 w-3.5 mr-1" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Check, { className: "h-3.5 w-3.5 mr-1" }),
                                 "Salvar"
                               ]
                             }
                           )
                         ] })
-                      ] }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm break-words", children: memory.content })
+                      ] }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-sm break-words", children: memory.content })
                     ] }),
-                    !isEditing && (onUpdateMemory || onDeleteMemory) && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity shrink-0", children: [
-                      onUpdateMemory && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                    !isEditing && (onUpdateMemory || onDeleteMemory) && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity shrink-0", children: [
+                      onUpdateMemory && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                         Button,
                         {
                           variant: "ghost",
                           size: "icon",
                           className: "h-7 w-7",
                           onClick: () => handleStartEdit(memory),
-                          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Pencil, { className: "h-3.5 w-3.5 text-muted-foreground" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Pencil, { className: "h-3.5 w-3.5 text-muted-foreground" })
                         }
                       ),
-                      onDeleteMemory && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                      onDeleteMemory && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                         Button,
                         {
                           variant: "ghost",
                           size: "icon",
                           className: "h-7 w-7",
                           onClick: () => onDeleteMemory(memory.id),
-                          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Trash2, { className: "h-3.5 w-3.5 text-destructive" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Trash2, { className: "h-3.5 w-3.5 text-destructive" })
                         }
                       )
                     ] })
@@ -5058,8 +5043,8 @@ var UserProfile = ({
             }) })
           ] })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "p-4 border-t space-y-2 shrink-0", children: [
-          onEditProfile && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "p-4 border-t space-y-2 shrink-0", children: [
+          onEditProfile && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             Button,
             {
               variant: "outline",
@@ -5068,7 +5053,7 @@ var UserProfile = ({
               children: "Edit Profile"
             }
           ),
-          onLogout && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          onLogout && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             Button,
             {
               variant: "destructive",
@@ -5083,30 +5068,31 @@ var UserProfile = ({
   ) });
 };
 
-// src/components/chat/ChatUI.tsx
-var import_lucide_react14 = require("lucide-react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
-function getMessageSpeakerKey(message) {
+// src/lib/messageGrouping.ts
+var getMessageSpeakerKey = (message) => {
   if (!message) return null;
-  if (message.role === "assistant") {
-    return message.senderAgentId ?? message.senderName ?? "assistant";
+  if (message.sender) {
+    return `${message.sender.type}:${message.sender.id}`;
   }
   if (message.role === "user") {
     return "user";
   }
   return message.role;
-}
-function getAssistantSpeakerTokens(message) {
+};
+var 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));
+  if (message.sender) {
+    return Array.from(new Set([
+      `${message.sender.type}:${message.sender.id}`,
+      message.sender.agentId ? `agent:${message.sender.agentId}` : "",
+      message.sender.externalId ? `external:${message.sender.externalId}` : ""
+    ].filter(Boolean).map((value) => value.toLowerCase())));
   }
   return ["assistant"];
-}
-function canGroupMessages(previous, next) {
+};
+var hasAssistantContent = (message) => message.role === "assistant" && (message.content.trim().length > 0 || Boolean(message.attachments?.length));
+var hasActivity = (message) => Boolean(message.activity?.items.length);
+var canGroupMessages = (previous, next) => {
   if (previous.role !== next.role) {
     return false;
   }
@@ -5115,39 +5101,20 @@ function canGroupMessages(previous, 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) {
-    if (!Array.isArray(activity.toolCalls)) continue;
-    for (const toolCall of activity.toolCalls) {
-      const key = toolCall.id || `${toolCall.name}:${JSON.stringify(toolCall.arguments ?? {})}`;
-      merged.set(key, toolCall);
-    }
-  }
-  return merged.size > 0 ? Array.from(merged.values()) : void 0;
-};
-var mergeReasoning = (activities) => {
-  const segments = activities.map((activity) => activity.reasoning?.trim()).filter((value) => Boolean(value));
-  if (segments.length === 0) return void 0;
-  return segments.filter((segment, index) => index === 0 || segment !== segments[index - 1]).join("\n\n");
+  if (!previousTokens.some((token) => nextTokens.includes(token))) return false;
+  return !(hasAssistantContent(previous) && hasActivity(next));
 };
 var mergeGroupActivity = (messages) => {
-  const activities = messages.map((message) => message.activity).filter(
-    (activity) => Boolean(activity)
-  );
-  if (activities.length === 0) return void 0;
-  const lastActivity = activities[activities.length - 1];
-  const mergedReasoning = mergeReasoning(activities);
-  const mergedToolCalls = mergeToolCalls(activities);
-  return {
-    ...lastActivity,
-    ...mergedReasoning ? { reasoning: mergedReasoning } : {},
-    ...mergedToolCalls ? { toolCalls: mergedToolCalls } : {}
-  };
+  const merged = /* @__PURE__ */ new Map();
+  for (const activity of messages.map((message) => message.activity).filter((activity2) => Boolean(activity2))) {
+    for (const item of activity.items) merged.set(item.id, item);
+  }
+  return merged.size > 0 ? { items: Array.from(merged.values()) } : void 0;
 };
 var mergeMessageGroup = (messages) => {
+  if (messages.length === 1) {
+    return messages[0];
+  }
   const firstMessage = messages[0];
   const lastMessage = messages[messages.length - 1];
   const content = messages.map((message) => message.content.trim()).filter((value) => value.length > 0).join("\n\n");
@@ -5164,8 +5131,7 @@ var mergeMessageGroup = (messages) => {
     originalContent: void 0,
     editedAt: lastMessage.editedAt,
     activity: mergeGroupActivity(messages),
-    senderName: lastMessage.senderName ?? firstMessage.senderName,
-    senderAgentId: lastMessage.senderAgentId ?? firstMessage.senderAgentId,
+    sender: lastMessage.sender ?? firstMessage.sender,
     metadata: lastMessage.metadata
   };
 };
@@ -5194,6 +5160,10 @@ var groupMessagesForRender = (messages) => {
   flushGroup();
   return groups;
 };
+
+// src/components/chat/ChatUI.tsx
+var import_lucide_react14 = require("lucide-react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var ChatUI = ({
   messages = [],
   threads = [],
@@ -5567,13 +5537,13 @@ var ChatUI = ({
   const SuggestionIconComponents = [import_lucide_react14.MessageSquare, import_lucide_react14.Lightbulb, import_lucide_react14.Zap, import_lucide_react14.HelpCircle];
   const renderSuggestions = () => {
     if (groupedMessages.length > 0 || !suggestions.length) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col items-center justify-center min-h-[60vh] py-8 px-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "text-center mb-8", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "inline-flex items-center justify-center w-14 h-14 rounded-2xl bg-gradient-to-br from-primary/20 to-primary/5 mb-4 shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react14.Sparkles, { className: "w-7 h-7 text-primary" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h2", { className: "text-xl font-semibold mb-2", children: config.branding.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-muted-foreground text-sm max-w-md", children: config.branding.subtitle })
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col items-center justify-center min-h-[60vh] py-8 px-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "text-center mb-8", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "inline-flex items-center justify-center w-14 h-14 rounded-2xl bg-gradient-to-br from-primary/20 to-primary/5 mb-4 shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.Sparkles, { className: "w-7 h-7 text-primary" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h2", { className: "text-xl font-semibold mb-2", children: config.branding.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-muted-foreground text-sm max-w-md", children: config.branding.subtitle })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 w-full max-w-2xl", children: suggestions.map((suggestion, index) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 w-full max-w-2xl", children: suggestions.map((suggestion, index) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
         "button",
         {
           type: "button",
@@ -5582,10 +5552,10 @@ var ChatUI = ({
           children: [
             (() => {
               const IconComponent = SuggestionIconComponents[index % SuggestionIconComponents.length];
-              return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex items-center justify-center w-8 h-8 rounded-lg bg-primary/10 text-primary shrink-0 group-hover:bg-primary/15 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(IconComponent, { className: "h-4 w-4" }) });
+              return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex items-center justify-center w-8 h-8 rounded-lg bg-primary/10 text-primary shrink-0 group-hover:bg-primary/15 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(IconComponent, { className: "h-4 w-4" }) });
             })(),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex-1 min-w-0 pr-6", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-sm font-medium leading-snug line-clamp-2", children: suggestion }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react14.ArrowRight, { className: "absolute right-4 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity" })
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex-1 min-w-0 pr-6", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm font-medium leading-snug line-clamp-2", children: suggestion }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.ArrowRight, { className: "absolute right-4 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity" })
           ]
         },
         index
@@ -5596,19 +5566,19 @@ var ChatUI = ({
     const items = messageSuggestions?.[messageId];
     if (!items || items.length === 0) return null;
     const inlineSuggestionOffsetClass = config.ui.showAvatars ? config.ui.compactMode ? "ml-9" : "ml-11" : "";
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "div",
       {
         className: `flex flex-wrap gap-2 mt-2 ${inlineSuggestionOffsetClass}`,
-        children: items.map((suggestion, index) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+        children: items.map((suggestion, index) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
           "button",
           {
             type: "button",
             onClick: () => handleSendMessage(suggestion),
             className: "group inline-flex items-center gap-1.5 px-3 py-1.5 text-sm rounded-full border border-border bg-background hover:bg-accent hover:border-accent-foreground/20 transition-all duration-150 text-foreground/80 hover:text-foreground",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react14.Sparkles, { className: "h-3 w-3 text-primary opacity-70 group-hover:opacity-100" }),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "max-w-[200px] truncate", children: suggestion })
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.Sparkles, { className: "h-3 w-3 text-primary opacity-70 group-hover:opacity-100" }),
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "max-w-[200px] truncate", children: suggestion })
             ]
           },
           `${messageId}-suggestion-${index}`
@@ -5616,20 +5586,20 @@ var ChatUI = ({
       }
     );
   };
-  const renderMessageLoadingSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "space-y-6 py-2", children: [0, 1, 2, 3].map((index) => {
+  const renderMessageLoadingSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "space-y-6 py-2", children: [0, 1, 2, 3].map((index) => {
     const isUserRow = index % 2 === 1;
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
       "div",
       {
         className: `flex gap-3 ${isUserRow ? "justify-end" : "justify-start"}`,
         children: [
-          !isUserRow && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Skeleton, { className: "h-8 w-8 rounded-full shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: `space-y-2 ${isUserRow ? "w-[70%]" : "w-[75%]"}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Skeleton, { className: "h-4 w-24" }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Skeleton, { className: "h-4 w-full" }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Skeleton, { className: "h-4 w-[85%]" })
+          !isUserRow && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Skeleton, { className: "h-8 w-8 rounded-full shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: `space-y-2 ${isUserRow ? "w-[70%]" : "w-[75%]"}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Skeleton, { className: "h-4 w-24" }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Skeleton, { className: "h-4 w-full" }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Skeleton, { className: "h-4 w-[85%]" })
           ] }),
-          isUserRow && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Skeleton, { className: "h-8 w-8 rounded-full shrink-0" })
+          isUserRow && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Skeleton, { className: "h-8 w-8 rounded-full shrink-0" })
         ]
       },
       `message-skeleton-${index}`
@@ -5646,7 +5616,8 @@ var ChatUI = ({
     enableCopy: config.features.enableMessageCopy,
     enableEdit: config.features.enableMessageEditing,
     enableRegenerate: config.features.enableRegeneration,
-    activityDisplay: config.features.activityDisplay,
+    showActivity: config.features.showActivity,
+    showActivityDetails: config.features.showActivityDetails,
     compactMode: config.ui.compactMode,
     onAction: handleMessageAction,
     labels: config.labels,
@@ -5658,22 +5629,20 @@ var ChatUI = ({
     longMessageChunkChars: config.ui.longMessageChunkChars,
     renderUserMarkdown: config.ui.renderUserMarkdown,
     markdown: config.markdown,
-    onToggleExpanded: handleToggleMessageExpansion,
-    agentOptions: isMultiAgentMode ? agentOptions : void 0
+    onToggleExpanded: handleToggleMessageExpansion
   }), [
     user?.avatar,
     user?.name,
     assistant?.avatar,
     assistant?.name,
-    isMultiAgentMode,
-    agentOptions,
     config.ui.showTimestamps,
     config.ui.showAvatars,
     config.ui.compactMode,
     config.features.enableMessageCopy,
     config.features.enableMessageEditing,
     config.features.enableRegeneration,
-    config.features.activityDisplay,
+    config.features.showActivity,
+    config.features.showActivityDetails,
     config.labels,
     config.labels.showMoreMessage,
     config.labels.showLessMessage,
@@ -5689,12 +5658,12 @@ var ChatUI = ({
   const shouldShowAgentSelector = Boolean(
     config.agentSelector?.enabled && agentOptions.length > 0 && (!config.agentSelector?.hideIfSingle || agentOptions.length > 1) && (isMultiAgentMode ? onParticipantsChange : onSelectAgent)
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SidebarProvider, { defaultOpen: true, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SidebarProvider, { defaultOpen: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     "div",
     {
-      className: `flex h-[100svh] md:h-screen bg-background w-full overflow-hidden ${className}`,
+      className: `flex h-[100dvh] bg-background w-full overflow-hidden ${className}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           Sidebar2,
           {
             threads,
@@ -5713,8 +5682,8 @@ var ChatUI = ({
             userMenuAdditionalItems
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SidebarInset, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col h-full min-h-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SidebarInset, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col h-full min-h-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             ChatHeader,
             {
               config,
@@ -5734,9 +5703,9 @@ var ChatUI = ({
               onParticipantsChange
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-1 flex-row min-h-0 overflow-hidden", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex-1 flex flex-col min-h-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-1 flex-row min-h-0 overflow-hidden", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex-1 flex flex-col min-h-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                 ScrollArea,
                 {
                   ref: scrollAreaRef,
@@ -5744,8 +5713,8 @@ var ChatUI = ({
                   viewportClassName: "p-4 overscroll-contain",
                   onScrollCapture: handleScroll,
                   style: { contain: "content" },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "max-w-4xl mx-auto pb-4", children: [
-                    groupedMessages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex justify-center py-2", children: isLoadingOlderMessages ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-xs text-muted-foreground", children: config.labels.loadingOlderMessages }) : hasMoreMessagesBefore ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "max-w-4xl mx-auto pb-4", children: [
+                    groupedMessages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex justify-center py-2", children: isLoadingOlderMessages ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-xs text-muted-foreground", children: config.labels.loadingOlderMessages }) : hasMoreMessagesBefore ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                       "button",
                       {
                         type: "button",
@@ -5754,7 +5723,7 @@ var ChatUI = ({
                         children: config.labels.loadOlderMessages
                       }
                     ) : null }),
-                    isMessagesLoading ? renderMessageLoadingSkeleton() : groupedMessages.length === 0 ? renderSuggestions() : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                    isMessagesLoading ? renderMessageLoadingSkeleton() : groupedMessages.length === 0 ? renderSuggestions() : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                       "div",
                       {
                         style: {
@@ -5765,7 +5734,7 @@ var ChatUI = ({
                         children: virtualizer.getVirtualItems().map((virtualRow) => {
                           const group = groupedMessages[virtualRow.index];
                           const message = group.message;
-                          return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                          return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                             "div",
                             {
                               "data-index": virtualRow.index,
@@ -5777,12 +5746,12 @@ var ChatUI = ({
                                 width: "100%",
                                 transform: `translateY(${virtualRow.start}px)`
                               },
-                              children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+                              children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
                                 "div",
                                 {
                                   className: virtualRow.index === 0 ? "" : "pt-4",
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                                       Message,
                                       {
                                         message,
@@ -5807,8 +5776,8 @@ var ChatUI = ({
                   ] })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "bg-background pb-[env(safe-area-inset-bottom)]", children: [
-                isMultiAgentMode && shouldShowAgentSelector && onTargetAgentChange && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "px-4 pt-1", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "bg-background pb-[env(safe-area-inset-bottom)]", children: [
+                isMultiAgentMode && shouldShowAgentSelector && onTargetAgentChange && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "px-4 pt-1", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                   TargetAgentSelector,
                   {
                     agents: participantIds && participantIds.length > 0 ? agentOptions.filter(
@@ -5820,7 +5789,7 @@ var ChatUI = ({
                     disabled: isGenerating
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                   ChatInput,
                   {
                     value: inputValue,
@@ -5851,14 +5820,14 @@ var ChatUI = ({
                 )
               ] })
             ] }),
-            config?.customComponent?.component && !isMobile && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+            config?.customComponent?.component && !isMobile && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
               "div",
               {
                 className: "h-full transition-all duration-300 ease-in-out overflow-hidden",
                 style: {
                   width: state.showSidebar ? config.customComponent.panelWidth ?? 320 : 0
                 },
-                children: state.showSidebar && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                children: state.showSidebar && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                   "div",
                   {
                     className: "h-full overflow-hidden border-l bg-background animate-in slide-in-from-right-4 duration-300",
@@ -5872,8 +5841,8 @@ var ChatUI = ({
             )
           ] })
         ] }) }),
-        isCustomMounted && config.customComponent?.component && isMobile && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "fixed inset-0 z-50", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        isCustomMounted && config.customComponent?.component && isMobile && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "fixed inset-0 z-50", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             "div",
             {
               className: `absolute inset-0 bg-background/80 backdrop-blur-sm transition-opacity duration-200 ease-out ${isCustomVisible ? "opacity-100" : "opacity-0"}`,
@@ -5881,16 +5850,16 @@ var ChatUI = ({
               onClick: closeSidebar
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             "div",
             {
               className: `absolute top-0 right-0 h-full w-full bg-background transform-gpu transition-transform duration-200 ease-out ${isCustomVisible ? "translate-x-0" : "translate-x-full"}`,
               style: { willChange: "transform" },
-              children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "h-full overflow-hidden", children: renderCustomComponent() })
+              children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "h-full overflow-hidden", children: renderCustomComponent() })
             }
           )
         ] }),
-        isUserProfileOpen && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        isUserProfileOpen && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           UserProfile,
           {
             isOpen: isUserProfileOpen,
@@ -5918,8 +5887,10 @@ var ChatUI = ({
   AssistantActivity,
   ChatUI,
   ChatUserContextProvider,
+  MessageSenderAvatar,
   defaultChatConfig,
   mergeConfig,
+  resolveMessageSenderDisplay,
   useChatUserContext
 });
 //# sourceMappingURL=index.cjs.map