@copilotz/chat-ui 0.4.1 → 0.6.0

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/components/chat/ChatUI.tsx
-import { useState as useState8, useEffect as useEffect10, useRef as useRef6, useCallback as useCallback4, useMemo as useMemo5 } from "react";
+import { useState as useState9, useEffect as useEffect11, useRef as useRef6, useCallback as useCallback4, useMemo as useMemo6 } from "react";
 import { useVirtualizer } from "@tanstack/react-virtual";
 
 // src/config/chatConfig.ts
@@ -80,10 +80,16 @@ var defaultChatConfig = {
     cancel: "Cancel",
     create: "Create Conversation",
     footerLabel: "Assistant can make mistakes. Check the AI results.",
-    toolUsed: "Tool Used",
     daysAgo: "days ago",
     inputHelpText: "Press Enter to send, Shift+Enter to add a new line.",
-    thinking: "Thinking...",
+    activityThinking: "Thinking...",
+    activityWorking: "Working...",
+    activityUsingTools: "Using tools...",
+    activityPreparingAnswer: "Preparing answer...",
+    activityToolRunning: "Using {{tool}}...",
+    activityMultipleTools: "Using {{count}} tools...",
+    activityShowDetails: "Show details",
+    activityHideDetails: "Hide details",
     defaultThreadName: "Main Thread",
     loadOlderMessages: "Load older messages",
     loadingOlderMessages: "Loading older messages...",
@@ -97,7 +103,7 @@ var defaultChatConfig = {
     enableMessageEditing: true,
     enableMessageCopy: true,
     enableRegeneration: true,
-    enableToolCallsDisplay: true,
+    activityDisplay: "full",
     maxAttachments: 4,
     maxFileSize: 10 * 1024 * 1024
     // 10MB
@@ -169,37 +175,12 @@ function mergeConfig(_baseConfig, userConfig) {
 }
 
 // src/components/chat/Message.tsx
-import React, { useState, useMemo, useEffect, memo } from "react";
+import React2, { useState as useState2, useMemo as useMemo2, useEffect as useEffect2, memo as memo2 } from "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import rehypeHighlight from "rehype-highlight";
 
 // src/lib/chatUtils.ts
-var chatUtils = {
-  generateId: () => globalThis.crypto?.randomUUID?.() ?? `id-${Date.now()}-${Math.random().toString(36).slice(2, 10)}`,
-  generateMessageId: () => chatUtils.generateId(),
-  generateThreadId: () => chatUtils.generateId(),
-  createMessage: (role, content, attachments) => ({
-    id: chatUtils.generateMessageId(),
-    role,
-    content,
-    timestamp: Date.now(),
-    attachments,
-    isComplete: true
-  }),
-  createThread: (title) => ({
-    id: chatUtils.generateThreadId(),
-    title,
-    createdAt: Date.now(),
-    updatedAt: Date.now(),
-    messageCount: 0
-  }),
-  generateThreadTitle: (firstMessage) => {
-    const cleaned = firstMessage.replace(/[^\w\s]/g, "").trim();
-    const words = cleaned.split(/\s+/).slice(0, 6);
-    return words.join(" ") || "Nova Conversa";
-  }
-};
 var AGENT_COLORS = [
   "#6366f1",
   // indigo
@@ -253,24 +234,6 @@ import { twMerge } from "tailwind-merge";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-var formatDate = (timestamp, labels) => {
-  const date = new Date(timestamp);
-  const now = /* @__PURE__ */ new Date();
-  const diffMs = now.getTime() - date.getTime();
-  const diffDays = Math.floor(diffMs / (1e3 * 60 * 60 * 24));
-  if (diffDays === 0) {
-    return labels?.today || "Today";
-  } else if (diffDays === 1) {
-    return labels?.yesterday || "Yesterday";
-  } else if (diffDays < 7) {
-    return `${diffDays} ${labels?.daysAgo || "days ago"}`;
-  } else {
-    return date.toLocaleDateString("en-US", {
-      day: "2-digit",
-      month: "short"
-    });
-  }
-};
 var createObjectUrlFromDataUrl = (dataUrl) => {
   const match = dataUrl.match(/^data:(.+?);base64,(.+)$/s);
   if (!match) {
@@ -421,59 +384,10 @@ function Badge({
   );
 }
 
-// src/components/ui/card.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-function Card({ className, ...props }) {
-  return /* @__PURE__ */ jsx4(
-    "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__ */ jsx4(
-    "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 CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx4(
-    "div",
-    {
-      "data-slot": "card-title",
-      className: cn("leading-none font-semibold", className),
-      ...props
-    }
-  );
-}
-function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx4(
-    "div",
-    {
-      "data-slot": "card-content",
-      className: cn("px-6", className),
-      ...props
-    }
-  );
-}
-
 // src/components/ui/textarea.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     "textarea",
     {
       "data-slot": "textarea",
@@ -488,12 +402,12 @@ function Textarea({ className, ...props }) {
 
 // src/components/ui/tooltip.tsx
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx6, jsxs } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs } from "react/jsx-runtime";
 function TooltipProvider({
   delayDuration = 0,
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(
     TooltipPrimitive.Provider,
     {
       "data-slot": "tooltip-provider",
@@ -505,12 +419,12 @@ function TooltipProvider({
 function Tooltip({
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(TooltipProvider, { children: /* @__PURE__ */ jsx6(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
+  return /* @__PURE__ */ jsx5(TooltipProvider, { children: /* @__PURE__ */ jsx5(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
 }
 function TooltipTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ jsx5(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({
   className,
@@ -518,7 +432,7 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx5(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
     TooltipPrimitive.Content,
     {
       "data-slot": "tooltip-content",
@@ -530,90 +444,204 @@ function TooltipContent({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx6(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        /* @__PURE__ */ jsx5(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
       ]
     }
   ) });
 }
 
-// src/components/chat/Message.tsx
-import {
-  Copy,
-  Edit,
-  RotateCcw,
-  Check,
-  X,
-  Wrench,
-  Clock,
-  ChevronRight,
-  ChevronDown,
-  Brain
-} from "lucide-react";
-import { Fragment, jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
-var ThinkingIndicator = memo(function ThinkingIndicator2({ label = "Thinking..." }) {
-  return /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 py-2", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex gap-1", children: [
-      /* @__PURE__ */ jsx7(
-        "span",
-        {
-          className: "inline-block w-2 h-2 bg-primary rounded-full animate-bounce",
-          style: { animationDelay: "0ms" }
-        }
+// src/components/chat/AssistantActivity.tsx
+import { memo, useEffect, useMemo, useState } from "react";
+
+// src/components/ui/card.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(
+    "div",
+    {
+      "data-slot": "card",
+      className: cn(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        className
       ),
-      /* @__PURE__ */ jsx7(
-        "span",
-        {
-          className: "inline-block w-2 h-2 bg-primary rounded-full animate-bounce",
-          style: { animationDelay: "150ms" }
-        }
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(
+    "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
       ),
-      /* @__PURE__ */ jsx7(
-        "span",
-        {
-          className: "inline-block w-2 h-2 bg-primary rounded-full animate-bounce",
-          style: { animationDelay: "300ms" }
-        }
-      )
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn("px-6", className),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/collapsible.tsx
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
+var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
+
+// src/components/chat/AssistantActivity.tsx
+import { Brain, ChevronDown, ChevronRight, LoaderCircle, Sparkles, Wrench } from "lucide-react";
+import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+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...";
+  }
+  if (summary.kind === "preparing_answer") {
+    return labels?.activityPreparingAnswer || "Preparing answer...";
+  }
+  if (summary.kind === "working") {
+    return labels?.activityWorking || "Working...";
+  }
+  return labels?.activityThinking || "Thinking...";
+};
+var getStatusIcon = (toolCall) => {
+  if (toolCall.status === "failed") {
+    return /* @__PURE__ */ jsx7(Badge, { variant: "destructive", children: "failed" });
+  }
+  if (toolCall.status === "completed") {
+    return /* @__PURE__ */ jsx7(Badge, { variant: "secondary", className: "bg-emerald-500/10 text-emerald-700 dark:text-emerald-300", children: "done" });
+  }
+  if (toolCall.status === "running") {
+    return /* @__PURE__ */ jsx7(Badge, { variant: "secondary", className: "bg-primary/10 text-primary", children: "running" });
+  }
+  return /* @__PURE__ */ jsx7(Badge, { variant: "secondary", children: "pending" });
+};
+var AssistantActivitySkeleton = memo(function AssistantActivitySkeleton2() {
+  return /* @__PURE__ */ jsxs2("div", { className: "mb-3 flex items-center gap-3 rounded-lg border border-border/50 bg-muted/20 px-3 py-2", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx7("span", { className: "inline-block h-2 w-2 rounded-full bg-primary/80 animate-pulse" }),
+      /* @__PURE__ */ jsx7("span", { className: "inline-block h-2 w-2 rounded-full bg-primary/60 animate-pulse [animation-delay:120ms]" }),
+      /* @__PURE__ */ jsx7("span", { className: "inline-block h-2 w-2 rounded-full bg-primary/40 animate-pulse [animation-delay:240ms]" })
     ] }),
-    /* @__PURE__ */ jsx7("span", { className: "text-sm text-muted-foreground animate-pulse", children: label })
+    /* @__PURE__ */ jsx7("div", { className: "h-3 w-28 rounded-full bg-muted animate-pulse" })
   ] });
 });
-var ThinkingBlock = memo(function ThinkingBlock2({ reasoning, isStreaming = false, label = "Thinking..." }) {
-  const [isOpen, setIsOpen] = useState(isStreaming);
-  useEffect(() => {
-    if (isStreaming) setIsOpen(true);
-  }, [isStreaming]);
-  const finishedLabel = label.replace(/\.{3}$/, "");
-  return /* @__PURE__ */ jsxs2("div", { className: `mb-3 rounded-lg border ${isStreaming ? "border-primary/40 bg-primary/5" : "border-border/60 bg-muted/30"} overflow-hidden transition-colors duration-300`, children: [
-    /* @__PURE__ */ jsxs2(
-      "button",
-      {
-        type: "button",
-        className: "flex w-full items-center gap-2 px-3 py-2 text-left text-sm font-medium text-muted-foreground hover:text-foreground transition-colors",
-        onClick: () => setIsOpen(!isOpen),
-        children: [
-          /* @__PURE__ */ jsx7(Brain, { className: `h-4 w-4 flex-shrink-0 ${isStreaming ? "text-primary animate-pulse" : "text-muted-foreground"}` }),
-          /* @__PURE__ */ jsx7("span", { className: "flex-1", children: isStreaming ? label : finishedLabel }),
-          isStreaming && /* @__PURE__ */ jsxs2("div", { className: "flex gap-0.5 mr-1", children: [
-            /* @__PURE__ */ jsx7("span", { className: "inline-block w-1 h-1 bg-primary rounded-full animate-bounce", style: { animationDelay: "0ms" } }),
-            /* @__PURE__ */ jsx7("span", { className: "inline-block w-1 h-1 bg-primary rounded-full animate-bounce", style: { animationDelay: "150ms" } }),
-            /* @__PURE__ */ jsx7("span", { className: "inline-block w-1 h-1 bg-primary rounded-full animate-bounce", style: { animationDelay: "300ms" } })
+var AssistantActivitySummary = memo(function AssistantActivitySummary2({
+  activity,
+  labels
+}) {
+  const summaryLabel = useMemo(() => resolveSummaryLabel(activity, labels), [activity, labels]);
+  const isActive = activity.isActive;
+  const icon = activity.summary.kind === "using_tools" ? /* @__PURE__ */ jsx7(Wrench, { className: cn("h-4 w-4 shrink-0", isActive ? "text-primary" : "text-muted-foreground") }) : activity.summary.kind === "preparing_answer" ? /* @__PURE__ */ jsx7(Sparkles, { className: cn("h-4 w-4 shrink-0", isActive ? "text-primary" : "text-muted-foreground") }) : /* @__PURE__ */ jsx7(Brain, { className: cn("h-4 w-4 shrink-0", isActive ? "text-primary" : "text-muted-foreground") });
+  return /* @__PURE__ */ jsxs2("div", { className: cn(
+    "flex items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors",
+    isActive ? "border-primary/30 bg-primary/5 text-foreground" : "border-border/60 bg-muted/20 text-muted-foreground"
+  ), children: [
+    icon,
+    /* @__PURE__ */ jsx7("span", { className: "min-w-0 flex-1 truncate", children: summaryLabel }),
+    isActive && /* @__PURE__ */ jsx7(LoaderCircle, { className: "h-4 w-4 shrink-0 animate-spin text-primary" })
+  ] });
+});
+var AssistantActivityDetails = memo(function AssistantActivityDetails2({
+  activity
+}) {
+  return /* @__PURE__ */ jsxs2("div", { className: "space-y-3 pt-3", children: [
+    activity.reasoning && /* @__PURE__ */ jsxs2("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx7("div", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Reasoning" }),
+      /* @__PURE__ */ jsx7("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__ */ jsxs2("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx7("div", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Tools" }),
+      activity.toolCalls.map((toolCall) => /* @__PURE__ */ jsx7(Card, { className: "border-border/60 bg-background/70", children: /* @__PURE__ */ jsxs2(CardContent, { className: "space-y-2 px-3 py-3", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx7("div", { className: "min-w-0", children: /* @__PURE__ */ jsx7("div", { className: "truncate text-sm font-medium", children: toolCall.name }) }),
+          getStatusIcon(toolCall)
+        ] }),
+        /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs2("div", { children: [
+            /* @__PURE__ */ jsx7("div", { className: "mb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: "Args" }),
+            /* @__PURE__ */ jsx7("pre", { className: "overflow-x-auto rounded-md bg-muted/70 p-2 text-xs text-muted-foreground", children: JSON.stringify(toolCall.arguments, null, 2) })
           ] }),
-          isOpen ? /* @__PURE__ */ jsx7(ChevronDown, { className: "h-3 w-3 flex-shrink-0" }) : /* @__PURE__ */ jsx7(ChevronRight, { className: "h-3 w-3 flex-shrink-0" })
-        ]
-      }
-    ),
-    isOpen && /* @__PURE__ */ jsx7("div", { className: "px-3 pb-3 text-sm text-muted-foreground leading-relaxed whitespace-pre-wrap break-words border-t border-border/40", children: /* @__PURE__ */ jsxs2("div", { className: "pt-2", children: [
-      reasoning,
-      isStreaming && /* @__PURE__ */ jsx7("span", { className: "inline-block w-1.5 h-3.5 bg-primary/60 animate-pulse ml-0.5" })
-    ] }) })
+          typeof toolCall.result !== "undefined" && /* @__PURE__ */ jsxs2("div", { children: [
+            /* @__PURE__ */ jsx7("div", { className: "mb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: "Result" }),
+            /* @__PURE__ */ jsx7("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))
+    ] })
   ] });
 });
+var AssistantActivity = memo(function AssistantActivity2({
+  activity,
+  displayMode,
+  labels
+}) {
+  if (!activity) return null;
+  if (displayMode === "hidden") {
+    return activity.isActive ? /* @__PURE__ */ jsx7(AssistantActivitySkeleton, {}) : null;
+  }
+  if (displayMode === "summary") {
+    if (!activity.isActive && activity.isComplete) return null;
+    return /* @__PURE__ */ jsx7("div", { className: "mb-3", children: /* @__PURE__ */ jsx7(AssistantActivitySummary, { activity, labels }) });
+  }
+  const hasDetails = Boolean(activity.reasoning) || Boolean(activity.toolCalls?.length);
+  const defaultOpen = activity.isActive && hasDetails;
+  const [open, setOpen] = useState(defaultOpen);
+  useEffect(() => {
+    if (activity.isActive && hasDetails) {
+      setOpen(true);
+    }
+  }, [activity.isActive, hasDetails]);
+  return /* @__PURE__ */ jsx7("div", { className: "mb-3", children: /* @__PURE__ */ jsx7(Collapsible, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx7("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx7(AssistantActivitySummary, { activity, labels }) }),
+      hasDetails && /* @__PURE__ */ jsx7(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs2(Button, { variant: "ghost", size: "sm", className: "h-9 shrink-0 px-2 text-xs text-muted-foreground", children: [
+        open ? labels?.activityHideDetails || "Hide details" : labels?.activityShowDetails || "Show details",
+        open ? /* @__PURE__ */ jsx7(ChevronDown, { className: "ml-1 h-3.5 w-3.5" }) : /* @__PURE__ */ jsx7(ChevronRight, { className: "ml-1 h-3.5 w-3.5" })
+      ] }) })
+    ] }),
+    hasDetails && /* @__PURE__ */ jsx7(CollapsibleContent2, { className: "overflow-hidden rounded-lg border border-border/60 bg-muted/10 px-3", children: /* @__PURE__ */ jsx7(AssistantActivityDetails, { activity }) })
+  ] }) }) });
+});
+
+// src/components/chat/Message.tsx
+import {
+  Copy,
+  Edit,
+  RotateCcw,
+  Check,
+  X
+} from "lucide-react";
+import { Fragment, jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
 var defaultMarkdownComponents = {
   code: ({ node, className, children, ...props }) => {
     const inline = props.inline;
     const match = /language-(\w+)/.exec(className || "");
-    return !inline && match ? /* @__PURE__ */ jsx7("pre", { className: "relative", children: /* @__PURE__ */ jsx7("code", { className, ...props, children }) }) : /* @__PURE__ */ jsx7("code", { className: "bg-muted px-1 py-0.5 rounded text-sm", ...props, children });
+    return !inline && match ? /* @__PURE__ */ jsx8("pre", { className: "relative", children: /* @__PURE__ */ jsx8("code", { className, ...props, children }) }) : /* @__PURE__ */ jsx8("code", { className: "bg-muted px-1 py-0.5 rounded text-sm", ...props, children });
   }
 };
 var remarkPluginsDefault = [remarkGfm];
@@ -649,66 +677,64 @@ var getCollapsedPreview = (content, previewChars, previewOverride) => {
   }
   return `${content.slice(0, previewChars).trimEnd()}...`;
 };
-var LongContentShell = memo(function LongContentShell2({ children, className, style }) {
-  return /* @__PURE__ */ jsx7("div", { className, style, children });
+var LongContentShell = memo2(function LongContentShell2({ children, className, style }) {
+  return /* @__PURE__ */ jsx8("div", { className, style, children });
 });
-var PlainTextContent = memo(function PlainTextContent2({
+var PlainTextContent = memo2(function PlainTextContent2({
   content,
   className = "",
   chunkSize = 12e3,
   style
 }) {
-  const chunks = useMemo(() => getPlainTextChunks(content, chunkSize), [content, chunkSize]);
-  return /* @__PURE__ */ jsx7(
+  const chunks = useMemo2(() => getPlainTextChunks(content, chunkSize), [content, chunkSize]);
+  return /* @__PURE__ */ jsx8(
     LongContentShell,
     {
       className: `text-sm leading-6 whitespace-pre-wrap break-words ${className}`.trim(),
       style,
-      children: chunks.map((chunk, index) => /* @__PURE__ */ jsx7(React.Fragment, { children: chunk }, index))
+      children: chunks.map((chunk, index) => /* @__PURE__ */ jsx8(React2.Fragment, { children: chunk }, index))
     }
   );
 });
-var StreamingText = memo(function StreamingText2({
+var StreamingText = memo2(function StreamingText2({
   content,
   isStreaming = false,
-  thinkingLabel = "Thinking...",
   className = "",
   renderMarkdown = true,
   markdown,
   plainTextChunkChars = 12e3,
-  contentStyle,
-  hideThinkingIndicator = false
+  contentStyle
 }) {
   const hasContent = content.trim().length > 0;
   const enableSyntaxHighlight = renderMarkdown && !isStreaming && hasCodeBlocks(content);
-  const mergedComponents = useMemo(
+  const mergedComponents = useMemo2(
     () => ({
       ...defaultMarkdownComponents,
       ...markdown?.components
     }),
     [markdown?.components]
   );
-  const mergedRemarkPlugins = useMemo(
+  const mergedRemarkPlugins = useMemo2(
     () => [
       ...remarkPluginsDefault,
       ...markdown?.remarkPlugins ?? []
     ],
     [markdown?.remarkPlugins]
   );
-  const mergedRehypePlugins = useMemo(
+  const mergedRehypePlugins = useMemo2(
     () => [
       ...enableSyntaxHighlight ? rehypePluginsDefault : rehypePluginsEmpty,
       ...markdown?.rehypePlugins ?? []
     ],
     [enableSyntaxHighlight, markdown?.rehypePlugins]
   );
-  return /* @__PURE__ */ jsxs2(Fragment, { children: [
-    hasContent ? renderMarkdown ? /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    hasContent ? renderMarkdown ? /* @__PURE__ */ jsx8(
       LongContentShell,
       {
         className: `prose prose-sm max-w-none dark:prose-invert break-words ${className}`.trim(),
         style: contentStyle,
-        children: /* @__PURE__ */ jsx7(
+        children: /* @__PURE__ */ jsx8(
           ReactMarkdown,
           {
             remarkPlugins: mergedRemarkPlugins,
@@ -718,7 +744,7 @@ var StreamingText = memo(function StreamingText2({
           }
         )
       }
-    ) : /* @__PURE__ */ jsx7(
+    ) : /* @__PURE__ */ jsx8(
       PlainTextContent,
       {
         content,
@@ -726,13 +752,13 @@ var StreamingText = memo(function StreamingText2({
         chunkSize: plainTextChunkChars,
         style: contentStyle
       }
-    ) : isStreaming && !hideThinkingIndicator ? /* @__PURE__ */ jsx7(ThinkingIndicator, { label: thinkingLabel }) : null,
-    isStreaming && hasContent && /* @__PURE__ */ jsx7("span", { className: "inline-block w-2 h-4 bg-primary animate-pulse ml-1" })
+    ) : null,
+    isStreaming && hasContent && /* @__PURE__ */ jsx8("span", { className: "inline-block w-2 h-4 bg-primary animate-pulse ml-1" })
   ] });
 });
-var MediaRenderer = memo(function MediaRenderer2({ attachment }) {
-  const [audioPlaybackSrc, setAudioPlaybackSrc] = useState(attachment.dataUrl);
-  useEffect(() => {
+var MediaRenderer = memo2(function MediaRenderer2({ attachment }) {
+  const [audioPlaybackSrc, setAudioPlaybackSrc] = useState2(attachment.dataUrl);
+  useEffect2(() => {
     if (attachment.kind !== "audio" || !attachment.dataUrl.startsWith("data:")) {
       setAudioPlaybackSrc(attachment.dataUrl);
       return;
@@ -755,8 +781,8 @@ var MediaRenderer = memo(function MediaRenderer2({ attachment }) {
   };
   switch (attachment.kind) {
     case "image":
-      return /* @__PURE__ */ jsxs2("div", { className: "relative rounded-lg overflow-hidden border bg-muted/20 max-w-md", children: [
-        /* @__PURE__ */ jsx7(
+      return /* @__PURE__ */ jsxs3("div", { className: "relative rounded-lg overflow-hidden border bg-muted/20 max-w-md", children: [
+        /* @__PURE__ */ jsx8(
           "img",
           {
             src: attachment.dataUrl,
@@ -765,21 +791,21 @@ var MediaRenderer = memo(function MediaRenderer2({ attachment }) {
             loading: "lazy"
           }
         ),
-        attachment.fileName && /* @__PURE__ */ jsx7("div", { className: "absolute bottom-0 left-0 right-0 bg-black/50 text-white text-xs p-2", children: attachment.fileName })
+        attachment.fileName && /* @__PURE__ */ jsx8("div", { className: "absolute bottom-0 left-0 right-0 bg-black/50 text-white text-xs p-2", children: attachment.fileName })
       ] });
     case "audio":
-      return /* @__PURE__ */ jsx7("div", { className: "flex w-full max-w-md py-0 min-w-64 items-center gap-3", children: /* @__PURE__ */ jsx7(
+      return /* @__PURE__ */ jsx8("div", { className: "flex w-full max-w-md py-0 min-w-64 items-center gap-3", children: /* @__PURE__ */ jsx8(
         "audio",
         {
           className: "w-full mt-2",
           preload: "metadata",
           controls: true,
-          children: /* @__PURE__ */ jsx7("source", { src: audioPlaybackSrc, type: attachment.mimeType })
+          children: /* @__PURE__ */ jsx8("source", { src: audioPlaybackSrc, type: attachment.mimeType })
         }
       ) });
     case "video":
-      return /* @__PURE__ */ jsxs2("div", { className: "relative rounded-lg overflow-hidden border bg-muted/20 max-w-lg", children: [
-        /* @__PURE__ */ jsx7(
+      return /* @__PURE__ */ jsxs3("div", { className: "relative rounded-lg overflow-hidden border bg-muted/20 max-w-lg", children: [
+        /* @__PURE__ */ jsx8(
           "video",
           {
             src: attachment.dataUrl,
@@ -788,82 +814,12 @@ var MediaRenderer = memo(function MediaRenderer2({ attachment }) {
             className: "w-full h-auto"
           }
         ),
-        attachment.fileName && /* @__PURE__ */ jsx7("div", { className: "absolute bottom-0 left-0 right-0 bg-black/50 text-white text-xs p-2", children: attachment.fileName })
+        attachment.fileName && /* @__PURE__ */ jsx8("div", { className: "absolute bottom-0 left-0 right-0 bg-black/50 text-white text-xs p-2", children: attachment.fileName })
       ] });
     default:
       return null;
   }
 });
-var ToolCallsDisplay = memo(function ToolCallsDisplay2({ toolCalls, label }) {
-  const [expandedCall, setExpandedCall] = useState(null);
-  const getStatusIcon = (status) => {
-    switch (status) {
-      case "pending":
-        return /* @__PURE__ */ jsx7(Clock, { className: "h-3 w-3 text-muted-foreground" });
-      case "running":
-        return /* @__PURE__ */ jsx7("div", { className: "h-3 w-3 border-2 border-primary border-t-transparent rounded-full animate-spin" });
-      case "completed":
-        return /* @__PURE__ */ jsx7(Check, { className: "h-3 w-3 text-green-500" });
-      case "failed":
-        return /* @__PURE__ */ jsx7(X, { className: "h-3 w-3 text-destructive" });
-    }
-  };
-  const getStatusBadgeClasses = (status) => {
-    switch (status) {
-      case "pending":
-        return "bg-muted text-muted-foreground";
-      case "running":
-        return "bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300";
-      case "completed":
-        return "bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300";
-      case "failed":
-        return "bg-red-100 text-red-700 dark:bg-red-900 dark:text-red-300";
-    }
-  };
-  return /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 text-xs uppercase tracking-wide text-muted-foreground font-semibold", children: [
-      /* @__PURE__ */ jsx7(Wrench, { className: "h-3 w-3" }),
-      label || "Ferramenta utilizada"
-    ] }),
-    toolCalls.map((call) => {
-      const isExpanded = expandedCall === call.id;
-      const ToggleIcon = isExpanded ? ChevronDown : ChevronRight;
-      return /* @__PURE__ */ jsxs2(Card, { className: "border border-dashed border-primary/40 bg-card/60", children: [
-        /* @__PURE__ */ jsxs2(
-          "button",
-          {
-            type: "button",
-            className: "flex w-full items-center justify-between gap-3 px-3 py-2 text-left",
-            onClick: () => setExpandedCall(isExpanded ? null : call.id),
-            children: [
-              /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
-                getStatusIcon(call.status),
-                /* @__PURE__ */ jsx7("span", { className: "font-medium text-sm", children: call.name }),
-                /* @__PURE__ */ jsx7(Badge, { variant: "secondary", className: getStatusBadgeClasses(call.status), children: call.status })
-              ] }),
-              /* @__PURE__ */ jsx7(ToggleIcon, { className: "h-4 w-4 text-muted-foreground" })
-            ]
-          }
-        ),
-        isExpanded && /* @__PURE__ */ jsxs2(CardContent, { className: "pt-0 pb-3 px-3 text-xs space-y-2", children: [
-          /* @__PURE__ */ jsxs2("div", { children: [
-            /* @__PURE__ */ jsx7("div", { className: "font-medium text-muted-foreground mb-1", children: "Args" }),
-            /* @__PURE__ */ jsx7("pre", { className: "rounded bg-muted p-2 overflow-x-auto text-xs", children: JSON.stringify(call.arguments, null, 2) })
-          ] }),
-          typeof call.result !== "undefined" && /* @__PURE__ */ jsxs2("div", { children: [
-            /* @__PURE__ */ jsx7("div", { className: "font-medium text-muted-foreground mb-1", children: "Result" }),
-            /* @__PURE__ */ jsx7("pre", { className: "rounded bg-muted p-2 overflow-x-auto text-xs", children: JSON.stringify(call.result, null, 2) })
-          ] }),
-          call.startTime && call.endTime && /* @__PURE__ */ jsxs2("div", { className: "text-muted-foreground", children: [
-            "Executed in ",
-            call.endTime - call.startTime,
-            "ms"
-          ] })
-        ] })
-      ] }, call.id);
-    })
-  ] });
-});
 var arePropsEqual = (prevProps, nextProps) => {
   if (prevProps.message !== nextProps.message) return false;
   if (prevProps.isUser !== nextProps.isUser) return false;
@@ -875,11 +831,10 @@ 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.enableToolCallsDisplay !== nextProps.enableToolCallsDisplay) return false;
+  if (prevProps.activityDisplay !== nextProps.activityDisplay) return false;
   if (prevProps.compactMode !== nextProps.compactMode) return false;
   if (prevProps.className !== nextProps.className) return false;
-  if (prevProps.toolUsedLabel !== nextProps.toolUsedLabel) return false;
-  if (prevProps.thinkingLabel !== nextProps.thinkingLabel) return false;
+  if (prevProps.labels !== nextProps.labels) return false;
   if (prevProps.showMoreLabel !== nextProps.showMoreLabel) return false;
   if (prevProps.showLessLabel !== nextProps.showLessLabel) return false;
   if (prevProps.collapseLongMessages !== nextProps.collapseLongMessages) return false;
@@ -890,11 +845,10 @@ var arePropsEqual = (prevProps, nextProps) => {
   if (prevProps.markdown !== nextProps.markdown) return false;
   if (prevProps.isExpanded !== nextProps.isExpanded) return false;
   if (prevProps.onToggleExpanded !== nextProps.onToggleExpanded) return false;
-  if (prevProps.isGrouped !== nextProps.isGrouped) return false;
   if (prevProps.assistantAvatar !== nextProps.assistantAvatar) return false;
   return true;
 };
-var Message = memo(({
+var Message = memo2(({
   message,
   isUser,
   userAvatar,
@@ -906,12 +860,11 @@ var Message = memo(({
   enableCopy = true,
   enableEdit = true,
   enableRegenerate = true,
-  enableToolCallsDisplay = false,
+  activityDisplay = "full",
   compactMode = false,
   onAction,
   className = "",
-  toolUsedLabel,
-  thinkingLabel = "Thinking...",
+  labels,
   showMoreLabel = "Show more",
   showLessLabel = "Show less",
   collapseLongMessages = false,
@@ -922,13 +875,12 @@ var Message = memo(({
   markdown,
   isExpanded = false,
   onToggleExpanded,
-  isGrouped = false,
   agentOptions = []
 }) => {
-  const [isEditing, setIsEditing] = useState(false);
-  const [editContent, setEditContent] = useState(message.content);
-  const [showActions, setShowActions] = useState(false);
-  const [copied, setCopied] = useState(false);
+  const [isEditing, setIsEditing] = useState2(false);
+  const [editContent, setEditContent] = useState2(message.content);
+  const [showActions, setShowActions] = useState2(false);
+  const [copied, setCopied] = useState2(false);
   const messageIsUser = isUser ?? message.role === "user";
   const agentSender = !messageIsUser && message.senderAgentId ? agentOptions.find(
     (a) => a.id === message.senderAgentId || a.name.toLowerCase() === (message.senderAgentId ?? "").toLowerCase() || a.name.toLowerCase() === (message.senderName ?? "").toLowerCase()
@@ -988,20 +940,20 @@ var Message = memo(({
       minute: "2-digit"
     });
   };
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3(
     "div",
     {
       className: `flex w-full flex-col ${className} max-w-[800px] mx-auto`,
       onMouseEnter: () => setShowActions(true),
       onMouseLeave: () => setShowActions(false),
       children: [
-        !isGrouped && /* @__PURE__ */ jsxs2("div", { className: `flex gap-3 ${messageIsUser ? "flex-row-reverse" : "flex-row"} w-full mb-1`, children: [
-          showAvatar && /* @__PURE__ */ jsx7("div", { className: `flex-shrink-0 ${compactMode ? "mt-1" : "mt-0"}`, children: /* @__PURE__ */ jsx7(Avatar, { className: compactMode ? "h-6 w-6" : "h-8 w-8", children: messageIsUser ? /* @__PURE__ */ jsxs2(Fragment, { children: [
-            /* @__PURE__ */ jsx7(AvatarImage, { src: userAvatar, alt: userName }),
-            /* @__PURE__ */ jsx7(AvatarFallback, { className: "bg-primary text-primary-foreground", children: userName.charAt(0).toUpperCase() })
-          ] }) : agentSender ? /* @__PURE__ */ jsxs2(Fragment, { children: [
-            agentSender.avatarUrl ? /* @__PURE__ */ jsx7(AvatarImage, { src: agentSender.avatarUrl, alt: agentSender.name }) : null,
-            /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsxs3("div", { className: `flex gap-3 ${messageIsUser ? "flex-row-reverse" : "flex-row"} w-full mb-1`, children: [
+          showAvatar && /* @__PURE__ */ jsx8("div", { className: `flex-shrink-0 ${compactMode ? "mt-1" : "mt-0"}`, children: /* @__PURE__ */ jsx8(Avatar, { className: compactMode ? "h-6 w-6" : "h-8 w-8", children: messageIsUser ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+            /* @__PURE__ */ jsx8(AvatarImage, { src: userAvatar, alt: userName }),
+            /* @__PURE__ */ jsx8(AvatarFallback, { className: "bg-primary text-primary-foreground", children: userName.charAt(0).toUpperCase() })
+          ] }) : agentSender ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+            agentSender.avatarUrl ? /* @__PURE__ */ jsx8(AvatarImage, { src: agentSender.avatarUrl, alt: agentSender.name }) : null,
+            /* @__PURE__ */ jsx8(
               AvatarFallback,
               {
                 style: agentColor ? { backgroundColor: agentColor, color: "white" } : void 0,
@@ -1009,9 +961,9 @@ var Message = memo(({
                 children: getAgentInitials(agentSender.name)
               }
             )
-          ] }) : /* @__PURE__ */ jsx7(Fragment, { children: assistantAvatar || /* @__PURE__ */ jsx7(AvatarFallback, { className: "bg-secondary text-secondary-foreground", children: "AI" }) }) }) }),
-          /* @__PURE__ */ jsxs2("div", { className: `flex items-center gap-2 mb-1 ${messageIsUser ? "flex-row-reverse" : "flex-row"}`, children: [
-            /* @__PURE__ */ jsx7(
+          ] }) : /* @__PURE__ */ jsx8(Fragment, { children: assistantAvatar || /* @__PURE__ */ jsx8(AvatarFallback, { className: "bg-secondary text-secondary-foreground", children: "AI" }) }) }) }),
+          /* @__PURE__ */ jsxs3("div", { className: `flex items-center gap-2 mb-1 ${messageIsUser ? "flex-row-reverse" : "flex-row"}`, children: [
+            /* @__PURE__ */ jsx8(
               "span",
               {
                 className: `font-medium ${compactMode ? "text-sm" : "text-base"}`,
@@ -1019,13 +971,13 @@ var Message = memo(({
                 children: messageIsUser ? userName : resolvedAssistantName
               }
             ),
-            showTimestamp && /* @__PURE__ */ jsx7("span", { className: "text-xs text-muted-foreground", children: formatTime(message.timestamp) }),
-            message.isEdited && /* @__PURE__ */ jsx7(Badge, { variant: "outline", className: "text-xs", children: "editado" })
+            showTimestamp && /* @__PURE__ */ jsx8("span", { className: "text-xs text-muted-foreground", children: formatTime(message.timestamp) }),
+            message.isEdited && /* @__PURE__ */ jsx8(Badge, { variant: "outline", className: "text-xs", children: "editado" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx7("div", { className: `flex-1 min-w-0 ${messageIsUser ? "text-right" : "text-left"} ${horizontalOffsetClass}`, children: /* @__PURE__ */ jsxs2("div", { className: `relative inline-flex flex-col overflow-hidden text-left ${messageIsUser ? "rounded-lg p-3 bg-primary text-primary-foreground ml-auto max-w-[85%]" : "max-w-full"}`, children: [
-          isEditing ? /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8("div", { className: `flex-1 min-w-0 ${messageIsUser ? "text-right" : "text-left"} ${horizontalOffsetClass}`, children: /* @__PURE__ */ jsxs3("div", { className: `relative inline-flex flex-col overflow-hidden text-left ${messageIsUser ? "rounded-lg p-3 bg-primary text-primary-foreground ml-auto max-w-[85%]" : "max-w-full"}`, children: [
+          isEditing ? /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx8(
               Textarea,
               {
                 value: editContent,
@@ -1034,40 +986,37 @@ var Message = memo(({
                 autoFocus: true
               }
             ),
-            /* @__PURE__ */ jsxs2("div", { className: "flex gap-2 justify-end", children: [
-              /* @__PURE__ */ jsxs2(Button, { variant: "outline", size: "sm", onClick: handleCancelEdit, children: [
-                /* @__PURE__ */ jsx7(X, { className: "h-4 w-4 mr-1" }),
+            /* @__PURE__ */ jsxs3("div", { className: "flex gap-2 justify-end", children: [
+              /* @__PURE__ */ jsxs3(Button, { variant: "outline", size: "sm", onClick: handleCancelEdit, children: [
+                /* @__PURE__ */ jsx8(X, { className: "h-4 w-4 mr-1" }),
                 "Cancelar"
               ] }),
-              /* @__PURE__ */ jsxs2(Button, { size: "sm", onClick: handleEdit, children: [
-                /* @__PURE__ */ jsx7(Check, { className: "h-4 w-4 mr-1" }),
+              /* @__PURE__ */ jsxs3(Button, { size: "sm", onClick: handleEdit, children: [
+                /* @__PURE__ */ jsx8(Check, { className: "h-4 w-4 mr-1" }),
                 "Salvar"
               ] })
             ] })
-          ] }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
-            !messageIsUser && message.reasoning && /* @__PURE__ */ jsx7(
-              ThinkingBlock,
+          ] }) : /* @__PURE__ */ jsxs3(Fragment, { children: [
+            !messageIsUser && /* @__PURE__ */ jsx8(
+              AssistantActivity,
               {
-                reasoning: message.reasoning,
-                isStreaming: message.isReasoningStreaming,
-                label: thinkingLabel
+                activity: message.activity,
+                displayMode: activityDisplay,
+                labels
               }
             ),
-            enableToolCallsDisplay && message.toolCalls && message.toolCalls.length > 0 && /* @__PURE__ */ jsx7("div", { className: "mb-3", children: /* @__PURE__ */ jsx7(ToolCallsDisplay, { toolCalls: message.toolCalls, label: toolUsedLabel }) }),
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx8(
               StreamingText,
               {
                 content: contentToRender,
                 isStreaming: message.isStreaming,
-                thinkingLabel,
                 renderMarkdown: shouldRenderMarkdown,
                 markdown,
                 plainTextChunkChars: normalizedChunkChars,
-                contentStyle,
-                hideThinkingIndicator: !!message.reasoning
+                contentStyle
               }
             ),
-            canCollapseMessage && /* @__PURE__ */ jsx7("div", { className: "mt-3", children: /* @__PURE__ */ jsx7(
+            canCollapseMessage && /* @__PURE__ */ jsx8("div", { className: "mt-3", children: /* @__PURE__ */ jsx8(
               Button,
               {
                 type: "button",
@@ -1079,47 +1028,47 @@ var Message = memo(({
                 children: isCollapsed ? showMoreLabel : showLessLabel
               }
             ) }),
-            message.attachments && message.attachments.length > 0 && /* @__PURE__ */ jsx7("div", { className: "mt-3 space-y-2", children: message.attachments.map((attachment, index) => /* @__PURE__ */ jsx7(MediaRenderer, { attachment }, index)) })
+            message.attachments && message.attachments.length > 0 && /* @__PURE__ */ jsx8("div", { className: "mt-3 space-y-2", children: message.attachments.map((attachment, index) => /* @__PURE__ */ jsx8(MediaRenderer, { attachment }, index)) })
           ] }),
-          !isEditing && (showActions || copied) && /* @__PURE__ */ jsxs2("div", { className: `absolute -top-2 flex gap-1 ${messageIsUser ? "-left-2" : "-right-2"}`, children: [
-            enableCopy && /* @__PURE__ */ jsxs2(Tooltip, { children: [
-              /* @__PURE__ */ jsx7(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx7(
+          !isEditing && (showActions || copied) && /* @__PURE__ */ jsxs3("div", { className: `absolute -top-2 flex gap-1 ${messageIsUser ? "-left-2" : "-right-2"}`, children: [
+            enableCopy && /* @__PURE__ */ jsxs3(Tooltip, { children: [
+              /* @__PURE__ */ jsx8(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx8(
                 Button,
                 {
                   variant: "secondary",
                   size: "icon",
                   className: "h-6 w-6 opacity-0 group-hover:opacity-100 transition-opacity",
                   onClick: handleCopy,
-                  children: copied ? /* @__PURE__ */ jsx7(Check, { className: "h-3 w-3 text-green-500" }) : /* @__PURE__ */ jsx7(Copy, { className: "h-3 w-3" })
+                  children: copied ? /* @__PURE__ */ jsx8(Check, { className: "h-3 w-3 text-green-500" }) : /* @__PURE__ */ jsx8(Copy, { className: "h-3 w-3" })
                 }
               ) }),
-              /* @__PURE__ */ jsx7(TooltipContent, { children: copied ? "Copiado!" : "Copiar" })
+              /* @__PURE__ */ jsx8(TooltipContent, { children: copied ? "Copiado!" : "Copiar" })
             ] }),
-            canEdit && /* @__PURE__ */ jsxs2(Tooltip, { children: [
-              /* @__PURE__ */ jsx7(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx7(
+            canEdit && /* @__PURE__ */ jsxs3(Tooltip, { children: [
+              /* @__PURE__ */ jsx8(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx8(
                 Button,
                 {
                   variant: "secondary",
                   size: "icon",
                   className: "h-6 w-6 opacity-0 group-hover:opacity-100 transition-opacity",
                   onClick: handleEdit,
-                  children: /* @__PURE__ */ jsx7(Edit, { className: "h-3 w-3" })
+                  children: /* @__PURE__ */ jsx8(Edit, { className: "h-3 w-3" })
                 }
               ) }),
-              /* @__PURE__ */ jsx7(TooltipContent, { children: "Editar" })
+              /* @__PURE__ */ jsx8(TooltipContent, { children: "Editar" })
             ] }),
-            canRegenerate && /* @__PURE__ */ jsxs2(Tooltip, { children: [
-              /* @__PURE__ */ jsx7(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx7(
+            canRegenerate && /* @__PURE__ */ jsxs3(Tooltip, { children: [
+              /* @__PURE__ */ jsx8(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx8(
                 Button,
                 {
                   variant: "secondary",
                   size: "icon",
                   className: "h-6 w-6 opacity-0 group-hover:opacity-100 transition-opacity",
                   onClick: handleRegenerate,
-                  children: /* @__PURE__ */ jsx7(RotateCcw, { className: "h-3 w-3" })
+                  children: /* @__PURE__ */ jsx8(RotateCcw, { className: "h-3 w-3" })
                 }
               ) }),
-              /* @__PURE__ */ jsx7(TooltipContent, { children: "Regenerar" })
+              /* @__PURE__ */ jsx8(TooltipContent, { children: "Regenerar" })
             ] })
           ] })
         ] }) })
@@ -1129,12 +1078,12 @@ var Message = memo(({
 }, arePropsEqual);
 
 // src/components/chat/Sidebar.tsx
-import { useState as useState4, useRef as useRef4, useEffect as useEffect7 } from "react";
+import { useState as useState5, useRef as useRef4, useEffect as useEffect8 } from "react";
 
 // src/components/ui/input.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     "input",
     {
       type,
@@ -1151,17 +1100,17 @@ function Input({ className, type, ...props }) {
 }
 
 // src/components/ui/sidebar.tsx
-import * as React4 from "react";
+import * as React5 from "react";
 import { Slot as Slot3 } from "@radix-ui/react-slot";
 import { cva as cva3 } from "class-variance-authority";
 import { PanelLeftIcon } from "lucide-react";
 
 // src/hooks/use-mobile.ts
-import * as React2 from "react";
+import * as React3 from "react";
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React2.useState(void 0);
-  React2.useEffect(() => {
+  const [isMobile, setIsMobile] = React3.useState(void 0);
+  React3.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -1175,14 +1124,14 @@ function useIsMobile() {
 
 // src/components/ui/separator.tsx
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function Separator({
   className,
   orientation = "horizontal",
   decorative = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     SeparatorPrimitive.Root,
     {
       "data-slot": "separator",
@@ -1198,41 +1147,41 @@ function Separator({
 }
 
 // src/components/ui/sheet.tsx
-import * as React3 from "react";
+import * as React4 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { XIcon } from "lucide-react";
-import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
 function cleanupBodyStyles() {
   if (typeof document !== "undefined" && document.body.style.pointerEvents === "none") {
     document.body.style.pointerEvents = "";
   }
 }
 function Sheet({ open, onOpenChange, ...props }) {
-  const prevOpenRef = React3.useRef(open);
-  React3.useEffect(() => {
+  const prevOpenRef = React4.useRef(open);
+  React4.useEffect(() => {
     if (prevOpenRef.current === true && open === false) {
       const timeout = setTimeout(cleanupBodyStyles, 350);
       return () => clearTimeout(timeout);
     }
     prevOpenRef.current = open;
   }, [open]);
-  React3.useEffect(() => {
+  React4.useEffect(() => {
     return () => {
       cleanupBodyStyles();
     };
   }, []);
-  return /* @__PURE__ */ jsx10(SheetPrimitive.Root, { "data-slot": "sheet", open, onOpenChange, ...props });
+  return /* @__PURE__ */ jsx11(SheetPrimitive.Root, { "data-slot": "sheet", open, onOpenChange, ...props });
 }
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx10(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ jsx11(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     SheetPrimitive.Overlay,
     {
       "data-slot": "sheet-overlay",
@@ -1253,9 +1202,9 @@ function SheetContent({
   side = "right",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs3(SheetPortal, { children: [
-    /* @__PURE__ */ jsx10(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(SheetPortal, { children: [
+    /* @__PURE__ */ jsx11(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs4(
       SheetPrimitive.Content,
       {
         "data-slot": "sheet-content",
@@ -1271,9 +1220,9 @@ function SheetContent({
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsxs3(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
-            /* @__PURE__ */ jsx10(XIcon, { className: "size-4" }),
-            /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ jsxs4(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+            /* @__PURE__ */ jsx11(XIcon, { className: "size-4" }),
+            /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -1281,7 +1230,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       "data-slot": "sheet-header",
@@ -1294,7 +1243,7 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     SheetPrimitive.Title,
     {
       "data-slot": "sheet-title",
@@ -1307,7 +1256,7 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     SheetPrimitive.Description,
     {
       "data-slot": "sheet-description",
@@ -1318,9 +1267,9 @@ function SheetDescription({
 }
 
 // src/components/ui/skeleton.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       "data-slot": "skeleton",
@@ -1331,16 +1280,16 @@ function Skeleton({ className, ...props }) {
 }
 
 // src/components/ui/sidebar.tsx
-import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React4.createContext(null);
+var SidebarContext = React5.createContext(null);
 function useSidebar() {
-  const context = React4.useContext(SidebarContext);
+  const context = React5.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -1356,10 +1305,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React4.useState(false);
-  const [_open, _setOpen] = React4.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React5.useState(false);
+  const [_open, _setOpen] = React5.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React4.useCallback(
+  const setOpen = React5.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -1371,10 +1320,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React4.useCallback(() => {
+  const toggleSidebar = React5.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React4.useEffect(() => {
+  React5.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -1385,7 +1334,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React4.useMemo(
+  const contextValue = React5.useMemo(
     () => ({
       state,
       open,
@@ -1397,7 +1346,7 @@ function SidebarProvider({
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ jsx12(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx12(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx13(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx13(
     "div",
     {
       "data-slot": "sidebar-wrapper",
@@ -1425,7 +1374,7 @@ function Sidebar({
 }) {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       "div",
       {
         "data-slot": "sidebar",
@@ -1439,7 +1388,7 @@ function Sidebar({
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsx12(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs4(
+    return /* @__PURE__ */ jsx13(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs5(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -1451,16 +1400,16 @@ function Sidebar({
         },
         side,
         children: [
-          /* @__PURE__ */ jsxs4(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ jsx12(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsx12(SheetDescription, { children: "Displays the mobile sidebar." })
+          /* @__PURE__ */ jsxs5(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ jsx13(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ jsx13(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ jsx12("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ jsx13("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       className: "group peer text-sidebar-foreground hidden md:block",
@@ -1470,7 +1419,7 @@ function Sidebar({
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -1482,7 +1431,7 @@ function Sidebar({
             )
           }
         ),
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13(
           "div",
           {
             "data-slot": "sidebar-container",
@@ -1494,7 +1443,7 @@ function Sidebar({
               className
             ),
             ...props,
-            children: /* @__PURE__ */ jsx12(
+            children: /* @__PURE__ */ jsx13(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -1515,7 +1464,7 @@ function SidebarTrigger({
   ...props
 }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     Button,
     {
       "data-sidebar": "trigger",
@@ -1529,15 +1478,15 @@ function SidebarTrigger({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx12(PanelLeftIcon, {}),
-        /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ jsx13(PanelLeftIcon, {}),
+        /* @__PURE__ */ jsx13("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 }
 function SidebarRail({ className, ...props }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "button",
     {
       "data-sidebar": "rail",
@@ -1560,7 +1509,7 @@ function SidebarRail({ className, ...props }) {
   );
 }
 function SidebarInset({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "main",
     {
       "data-slot": "sidebar-inset",
@@ -1574,7 +1523,7 @@ function SidebarInset({ className, ...props }) {
   );
 }
 function SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -1585,7 +1534,7 @@ function SidebarHeader({ className, ...props }) {
   );
 }
 function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -1596,7 +1545,7 @@ function SidebarFooter({ className, ...props }) {
   );
 }
 function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       "data-slot": "sidebar-content",
@@ -1610,7 +1559,7 @@ function SidebarContent({ className, ...props }) {
   );
 }
 function SidebarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       "data-slot": "sidebar-group",
@@ -1626,7 +1575,7 @@ function SidebarGroupLabel({
   ...props
 }) {
   const Comp = asChild ? Slot3 : "div";
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     Comp,
     {
       "data-slot": "sidebar-group-label",
@@ -1644,7 +1593,7 @@ function SidebarGroupContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       "data-slot": "sidebar-group-content",
@@ -1655,7 +1604,7 @@ function SidebarGroupContent({
   );
 }
 function SidebarMenu({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "ul",
     {
       "data-slot": "sidebar-menu",
@@ -1666,7 +1615,7 @@ function SidebarMenu({ className, ...props }) {
   );
 }
 function SidebarMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "li",
     {
       "data-slot": "sidebar-menu-item",
@@ -1707,7 +1656,7 @@ function SidebarMenuButton({
 }) {
   const Comp = asChild ? Slot3 : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ jsx12(
+  const button = /* @__PURE__ */ jsx13(
     Comp,
     {
       "data-slot": "sidebar-menu-button",
@@ -1726,9 +1675,9 @@ function SidebarMenuButton({
       children: tooltip
     };
   }
-  return /* @__PURE__ */ jsxs4(Tooltip, { children: [
-    /* @__PURE__ */ jsx12(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs5(Tooltip, { children: [
+    /* @__PURE__ */ jsx13(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx13(
       TooltipContent,
       {
         side: "right",
@@ -1746,7 +1695,7 @@ function SidebarMenuAction({
   ...props
 }) {
   const Comp = asChild ? Slot3 : "button";
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     Comp,
     {
       "data-slot": "sidebar-menu-action",
@@ -1768,10 +1717,10 @@ function SidebarMenuAction({
 }
 
 // src/components/ui/dialog.tsx
-import * as React5 from "react";
+import * as React6 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { XIcon as XIcon2 } from "lucide-react";
-import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
 function cleanupBodyStyles2() {
   if (typeof document !== "undefined" && document.body.style.pointerEvents === "none") {
     document.body.style.pointerEvents = "";
@@ -1782,36 +1731,36 @@ function Dialog({
   onOpenChange,
   ...props
 }) {
-  const prevOpenRef = React5.useRef(open);
-  React5.useEffect(() => {
+  const prevOpenRef = React6.useRef(open);
+  React6.useEffect(() => {
     if (prevOpenRef.current === true && open === false) {
       const timeout = setTimeout(cleanupBodyStyles2, 250);
       return () => clearTimeout(timeout);
     }
     prevOpenRef.current = open;
   }, [open]);
-  React5.useEffect(() => {
+  React6.useEffect(() => {
     return () => {
       cleanupBodyStyles2();
     };
   }, []);
-  return /* @__PURE__ */ jsx13(DialogPrimitive.Root, { "data-slot": "dialog", open, onOpenChange, ...props });
+  return /* @__PURE__ */ jsx14(DialogPrimitive.Root, { "data-slot": "dialog", open, onOpenChange, ...props });
 }
 function DialogTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+  return /* @__PURE__ */ jsx14(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
 }
 function DialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ jsx14(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
 }
 function DialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     DialogPrimitive.Overlay,
     {
       "data-slot": "dialog-overlay",
@@ -1832,9 +1781,9 @@ function DialogContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs5(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsx13(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx14(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs6(
       DialogPrimitive.Content,
       {
         "data-slot": "dialog-content",
@@ -1846,14 +1795,14 @@ function DialogContent({
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs5(
+          showCloseButton && /* @__PURE__ */ jsxs6(
             DialogPrimitive.Close,
             {
               "data-slot": "dialog-close",
               className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               children: [
-                /* @__PURE__ */ jsx13(XIcon2, {}),
-                /* @__PURE__ */ jsx13("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx14(XIcon2, {}),
+                /* @__PURE__ */ jsx14("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -1863,7 +1812,7 @@ function DialogContent({
   ] });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       "data-slot": "dialog-header",
@@ -1873,7 +1822,7 @@ function DialogHeader({ className, ...props }) {
   );
 }
 function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       "data-slot": "dialog-footer",
@@ -1889,7 +1838,7 @@ function DialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     DialogPrimitive.Title,
     {
       "data-slot": "dialog-title",
@@ -1902,7 +1851,7 @@ function DialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     DialogPrimitive.Description,
     {
       "data-slot": "dialog-description",
@@ -1913,9 +1862,9 @@ function DialogDescription({
 }
 
 // src/components/ui/alert-dialog.tsx
-import * as React6 from "react";
+import * as React7 from "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
 function cleanupBodyStyles3() {
   if (typeof document !== "undefined" && document.body.style.pointerEvents === "none") {
     document.body.style.pointerEvents = "";
@@ -1926,31 +1875,31 @@ function AlertDialog({
   onOpenChange,
   ...props
 }) {
-  const prevOpenRef = React6.useRef(open);
-  React6.useEffect(() => {
+  const prevOpenRef = React7.useRef(open);
+  React7.useEffect(() => {
     if (prevOpenRef.current === true && open === false) {
       const timeout = setTimeout(cleanupBodyStyles3, 250);
       return () => clearTimeout(timeout);
     }
     prevOpenRef.current = open;
   }, [open]);
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     return () => {
       cleanupBodyStyles3();
     };
   }, []);
-  return /* @__PURE__ */ jsx14(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", open, onOpenChange, ...props });
+  return /* @__PURE__ */ jsx15(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", open, onOpenChange, ...props });
 }
 function AlertDialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
+  return /* @__PURE__ */ jsx15(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
 }
 function AlertDialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     AlertDialogPrimitive.Overlay,
     {
       "data-slot": "alert-dialog-overlay",
@@ -1969,9 +1918,9 @@ function AlertDialogContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs6(AlertDialogPortal, { children: [
-    /* @__PURE__ */ jsx14(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs7(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx15(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx15(
       AlertDialogPrimitive.Content,
       {
         "data-slot": "alert-dialog-content",
@@ -1988,7 +1937,7 @@ function AlertDialogHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "div",
     {
       "data-slot": "alert-dialog-header",
@@ -2001,7 +1950,7 @@ function AlertDialogFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "div",
     {
       "data-slot": "alert-dialog-footer",
@@ -2017,7 +1966,7 @@ function AlertDialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     AlertDialogPrimitive.Title,
     {
       "data-slot": "alert-dialog-title",
@@ -2030,7 +1979,7 @@ function AlertDialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     AlertDialogPrimitive.Description,
     {
       "data-slot": "alert-dialog-description",
@@ -2043,7 +1992,7 @@ function AlertDialogAction({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     AlertDialogPrimitive.Action,
     {
       className: cn(buttonVariants(), className),
@@ -2055,7 +2004,7 @@ function AlertDialogCancel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     AlertDialogPrimitive.Cancel,
     {
       className: cn(buttonVariants({ variant: "outline" }), className),
@@ -2067,16 +2016,16 @@ function AlertDialogCancel({
 // src/components/ui/dropdown-menu.tsx
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
 function DropdownMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ jsx16(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     DropdownMenuPrimitive.Trigger,
     {
       "data-slot": "dropdown-menu-trigger",
@@ -2089,7 +2038,7 @@ function DropdownMenuContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx16(
     DropdownMenuPrimitive.Content,
     {
       "data-slot": "dropdown-menu-content",
@@ -2108,7 +2057,7 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     DropdownMenuPrimitive.Item,
     {
       "data-slot": "dropdown-menu-item",
@@ -2127,7 +2076,7 @@ function DropdownMenuLabel({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     DropdownMenuPrimitive.Label,
     {
       "data-slot": "dropdown-menu-label",
@@ -2144,7 +2093,7 @@ function DropdownMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     DropdownMenuPrimitive.Separator,
     {
       "data-slot": "dropdown-menu-separator",
@@ -2176,7 +2125,7 @@ import {
   Sun,
   Palette
 } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
 var getInitials = (name, email) => {
   if (name) {
     return name.split(" ").map((n) => n[0]).slice(0, 2).join("").toUpperCase();
@@ -2211,27 +2160,27 @@ var UserMenu = ({
   };
   const displayName = getDisplayName(user, labels.guest);
   const initials = getInitials(user?.name, user?.email);
-  return /* @__PURE__ */ jsx16(SidebarMenu, { children: /* @__PURE__ */ jsx16(SidebarMenuItem, { children: /* @__PURE__ */ jsxs8(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx16(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsx17(SidebarMenu, { children: /* @__PURE__ */ jsx17(SidebarMenuItem, { children: /* @__PURE__ */ jsxs9(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx17(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs9(
       SidebarMenuButton,
       {
         size: "lg",
         className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
         tooltip: displayName,
         children: [
-          /* @__PURE__ */ jsxs8(Avatar, { className: "h-8 w-8 rounded-lg", children: [
-            user?.avatar && /* @__PURE__ */ jsx16(AvatarImage, { src: user.avatar, alt: displayName }),
-            /* @__PURE__ */ jsx16(AvatarFallback, { className: "rounded-lg bg-primary/10 text-primary text-xs font-medium", children: initials })
+          /* @__PURE__ */ jsxs9(Avatar, { className: "h-8 w-8 rounded-lg", children: [
+            user?.avatar && /* @__PURE__ */ jsx17(AvatarImage, { src: user.avatar, alt: displayName }),
+            /* @__PURE__ */ jsx17(AvatarFallback, { className: "rounded-lg bg-primary/10 text-primary text-xs font-medium", children: initials })
           ] }),
-          /* @__PURE__ */ jsxs8("div", { className: "grid flex-1 text-left text-sm leading-tight group-data-[collapsible=icon]:hidden", children: [
-            /* @__PURE__ */ jsx16("span", { className: "truncate font-medium", children: displayName }),
-            user?.email && /* @__PURE__ */ jsx16("span", { className: "truncate text-xs text-muted-foreground", children: user.email })
+          /* @__PURE__ */ jsxs9("div", { className: "grid flex-1 text-left text-sm leading-tight group-data-[collapsible=icon]:hidden", children: [
+            /* @__PURE__ */ jsx17("span", { className: "truncate font-medium", children: displayName }),
+            user?.email && /* @__PURE__ */ jsx17("span", { className: "truncate text-xs text-muted-foreground", children: user.email })
           ] }),
-          /* @__PURE__ */ jsx16(ChevronsUpDown, { className: "ml-auto size-4 group-data-[collapsible=icon]:hidden" })
+          /* @__PURE__ */ jsx17(ChevronsUpDown, { className: "ml-auto size-4 group-data-[collapsible=icon]:hidden" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs8(
+    /* @__PURE__ */ jsxs9(
       DropdownMenuContent,
       {
         className: "w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg",
@@ -2239,72 +2188,72 @@ var UserMenu = ({
         align: "end",
         sideOffset: 4,
         children: [
-          /* @__PURE__ */ jsx16(DropdownMenuLabel, { className: "p-0 font-normal", children: /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm", children: [
-            /* @__PURE__ */ jsxs8(Avatar, { className: "h-8 w-8 rounded-lg", children: [
-              user?.avatar && /* @__PURE__ */ jsx16(AvatarImage, { src: user.avatar, alt: displayName }),
-              /* @__PURE__ */ jsx16(AvatarFallback, { className: "rounded-lg bg-primary/10 text-primary text-xs font-medium", children: initials })
+          /* @__PURE__ */ jsx17(DropdownMenuLabel, { className: "p-0 font-normal", children: /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm", children: [
+            /* @__PURE__ */ jsxs9(Avatar, { className: "h-8 w-8 rounded-lg", children: [
+              user?.avatar && /* @__PURE__ */ jsx17(AvatarImage, { src: user.avatar, alt: displayName }),
+              /* @__PURE__ */ jsx17(AvatarFallback, { className: "rounded-lg bg-primary/10 text-primary text-xs font-medium", children: initials })
             ] }),
-            /* @__PURE__ */ jsxs8("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
-              /* @__PURE__ */ jsx16("span", { className: "truncate font-medium", children: displayName }),
-              user?.email && /* @__PURE__ */ jsx16("span", { className: "truncate text-xs text-muted-foreground", children: user.email })
+            /* @__PURE__ */ jsxs9("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+              /* @__PURE__ */ jsx17("span", { className: "truncate font-medium", children: displayName }),
+              user?.email && /* @__PURE__ */ jsx17("span", { className: "truncate text-xs text-muted-foreground", children: user.email })
             ] })
           ] }) }),
-          /* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
-          callbacks?.onViewProfile && /* @__PURE__ */ jsxs8(DropdownMenuItem, { onClick: callbacks.onViewProfile, children: [
-            /* @__PURE__ */ jsx16(User, { className: "mr-2 h-4 w-4" }),
-            /* @__PURE__ */ jsx16("span", { children: labels.profile })
+          /* @__PURE__ */ jsx17(DropdownMenuSeparator, {}),
+          callbacks?.onViewProfile && /* @__PURE__ */ jsxs9(DropdownMenuItem, { onClick: callbacks.onViewProfile, children: [
+            /* @__PURE__ */ jsx17(User, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ jsx17("span", { children: labels.profile })
           ] }),
-          callbacks?.onOpenSettings && /* @__PURE__ */ jsxs8(DropdownMenuItem, { onClick: callbacks.onOpenSettings, children: [
-            /* @__PURE__ */ jsx16(Settings, { className: "mr-2 h-4 w-4" }),
-            /* @__PURE__ */ jsx16("span", { children: labels.settings })
+          callbacks?.onOpenSettings && /* @__PURE__ */ jsxs9(DropdownMenuItem, { onClick: callbacks.onOpenSettings, children: [
+            /* @__PURE__ */ jsx17(Settings, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ jsx17("span", { children: labels.settings })
           ] }),
           additionalItems,
-          showThemeOptions && callbacks?.onThemeChange && /* @__PURE__ */ jsxs8(Fragment2, { children: [
-            /* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
-            /* @__PURE__ */ jsxs8(
+          showThemeOptions && callbacks?.onThemeChange && /* @__PURE__ */ jsxs9(Fragment2, { children: [
+            /* @__PURE__ */ jsx17(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsxs9(
               DropdownMenuItem,
               {
                 onClick: () => callbacks.onThemeChange?.("light"),
                 className: currentTheme === "light" ? "bg-accent" : "",
                 children: [
-                  /* @__PURE__ */ jsx16(Sun, { className: "mr-2 h-4 w-4" }),
-                  /* @__PURE__ */ jsx16("span", { children: labels.lightMode })
+                  /* @__PURE__ */ jsx17(Sun, { className: "mr-2 h-4 w-4" }),
+                  /* @__PURE__ */ jsx17("span", { children: labels.lightMode })
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs8(
+            /* @__PURE__ */ jsxs9(
               DropdownMenuItem,
               {
                 onClick: () => callbacks.onThemeChange?.("dark"),
                 className: currentTheme === "dark" ? "bg-accent" : "",
                 children: [
-                  /* @__PURE__ */ jsx16(Moon, { className: "mr-2 h-4 w-4" }),
-                  /* @__PURE__ */ jsx16("span", { children: labels.darkMode })
+                  /* @__PURE__ */ jsx17(Moon, { className: "mr-2 h-4 w-4" }),
+                  /* @__PURE__ */ jsx17("span", { children: labels.darkMode })
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs8(
+            /* @__PURE__ */ jsxs9(
               DropdownMenuItem,
               {
                 onClick: () => callbacks.onThemeChange?.("system"),
                 className: currentTheme === "system" ? "bg-accent" : "",
                 children: [
-                  /* @__PURE__ */ jsx16(Palette, { className: "mr-2 h-4 w-4" }),
-                  /* @__PURE__ */ jsx16("span", { children: labels.systemTheme })
+                  /* @__PURE__ */ jsx17(Palette, { className: "mr-2 h-4 w-4" }),
+                  /* @__PURE__ */ jsx17("span", { children: labels.systemTheme })
                 ]
               }
             )
           ] }),
-          callbacks?.onLogout && /* @__PURE__ */ jsxs8(Fragment2, { children: [
-            /* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
-            /* @__PURE__ */ jsxs8(
+          callbacks?.onLogout && /* @__PURE__ */ jsxs9(Fragment2, { children: [
+            /* @__PURE__ */ jsx17(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsxs9(
               DropdownMenuItem,
               {
                 onClick: callbacks.onLogout,
                 className: "text-destructive focus:text-destructive focus:bg-destructive/10",
                 children: [
-                  /* @__PURE__ */ jsx16(LogOut, { className: "mr-2 h-4 w-4" }),
-                  /* @__PURE__ */ jsx16("span", { children: labels.logout })
+                  /* @__PURE__ */ jsx17(LogOut, { className: "mr-2 h-4 w-4" }),
+                  /* @__PURE__ */ jsx17("span", { children: labels.logout })
                 ]
               }
             )
@@ -2316,26 +2265,26 @@ var UserMenu = ({
 };
 
 // src/components/chat/Sidebar.tsx
-import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
 var CreateThreadDialog = ({ config, onCreateThread, trigger }) => {
-  const [title, setTitle] = useState4("");
-  const [isOpen, setIsOpen] = useState4(false);
+  const [title, setTitle] = useState5("");
+  const [isOpen, setIsOpen] = useState5(false);
   const handleCreate = () => {
     onCreateThread(title.trim() || void 0);
     setTitle("");
     setIsOpen(false);
   };
-  return /* @__PURE__ */ jsxs9(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: [
-    /* @__PURE__ */ jsx17(DialogTrigger, { asChild: true, children: trigger || /* @__PURE__ */ jsxs9(Button, { className: "w-full justify-start", variant: "outline", children: [
-      /* @__PURE__ */ jsx17(Plus, { className: "mr-2 h-4 w-4" }),
+  return /* @__PURE__ */ jsxs10(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: [
+    /* @__PURE__ */ jsx18(DialogTrigger, { asChild: true, children: trigger || /* @__PURE__ */ jsxs10(Button, { className: "w-full justify-start", variant: "outline", children: [
+      /* @__PURE__ */ jsx18(Plus, { className: "mr-2 h-4 w-4" }),
       config.labels?.newChat || "New Chat"
     ] }) }),
-    /* @__PURE__ */ jsxs9(DialogContent, { children: [
-      /* @__PURE__ */ jsxs9(DialogHeader, { children: [
-        /* @__PURE__ */ jsx17(DialogTitle, { children: config.labels?.createNewThread || "New Conversation" }),
-        /* @__PURE__ */ jsx17(DialogDescription, { children: "Give your new conversation a name or leave blank to auto-generate one." })
+    /* @__PURE__ */ jsxs10(DialogContent, { children: [
+      /* @__PURE__ */ jsxs10(DialogHeader, { children: [
+        /* @__PURE__ */ jsx18(DialogTitle, { children: config.labels?.createNewThread || "New Conversation" }),
+        /* @__PURE__ */ jsx18(DialogDescription, { children: "Give your new conversation a name or leave blank to auto-generate one." })
       ] }),
-      /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx18(
         Input,
         {
           value: title,
@@ -2345,16 +2294,16 @@ var CreateThreadDialog = ({ config, onCreateThread, trigger }) => {
           autoFocus: true
         }
       ),
-      /* @__PURE__ */ jsxs9(DialogFooter, { children: [
-        /* @__PURE__ */ jsx17(Button, { variant: "outline", onClick: () => setIsOpen(false), children: config.labels?.cancel || "Cancel" }),
-        /* @__PURE__ */ jsx17(Button, { onClick: handleCreate, children: config.labels?.create || "Create" })
+      /* @__PURE__ */ jsxs10(DialogFooter, { children: [
+        /* @__PURE__ */ jsx18(Button, { variant: "outline", onClick: () => setIsOpen(false), children: config.labels?.cancel || "Cancel" }),
+        /* @__PURE__ */ jsx18(Button, { onClick: handleCreate, children: config.labels?.create || "Create" })
       ] })
     ] })
   ] });
 };
 var ThreadInitialsIcon = ({ title }) => {
   const initials = title?.split(" ").map((n) => n[0]).slice(0, 2).join("").toUpperCase() || "?";
-  return /* @__PURE__ */ jsx17("div", { className: "flex shrink-0 items-center justify-center rounded bg-muted text-[10px] font-medium", children: initials });
+  return /* @__PURE__ */ jsx18("div", { className: "flex shrink-0 items-center justify-center rounded bg-muted text-[10px] font-medium", children: initials });
 };
 var Sidebar2 = ({
   threads,
@@ -2373,14 +2322,14 @@ var Sidebar2 = ({
   userMenuAdditionalItems,
   ...props
 }) => {
-  const [searchQuery, setSearchQuery] = useState4("");
-  const [showArchived, setShowArchived] = useState4(false);
-  const [deleteThreadId, setDeleteThreadId] = useState4(null);
-  const [editingThreadId, setEditingThreadId] = useState4(null);
-  const [editTitle, setEditTitle] = useState4("");
+  const [searchQuery, setSearchQuery] = useState5("");
+  const [showArchived, setShowArchived] = useState5(false);
+  const [deleteThreadId, setDeleteThreadId] = useState5(null);
+  const [editingThreadId, setEditingThreadId] = useState5(null);
+  const [editTitle, setEditTitle] = useState5("");
   const inputRef = useRef4(null);
   const { setOpen } = useSidebar();
-  useEffect7(() => {
+  useEffect8(() => {
     if (editingThreadId && inputRef.current) {
       inputRef.current.focus();
       inputRef.current.select();
@@ -2431,38 +2380,38 @@ var Sidebar2 = ({
   const cancelEdit = () => {
     setEditingThreadId(null);
   };
-  return /* @__PURE__ */ jsxs9(Sidebar, { collapsible: "icon", ...props, children: [
-    /* @__PURE__ */ jsxs9(SidebarHeader, { children: [
-      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-3 px-2 py-3", children: [
-        /* @__PURE__ */ jsx17("div", { className: "flex items-center justify-center shrink-0", children: config.branding?.logo || /* @__PURE__ */ jsx17(Avatar, { className: "h-8 w-8", children: /* @__PURE__ */ jsx17(AvatarFallback, { className: "bg-primary text-primary-foreground", children: /* @__PURE__ */ jsx17(Bot, { className: "h-4 w-4" }) }) }) }),
-        /* @__PURE__ */ jsxs9("div", { className: "flex flex-col min-w-0 group-data-[collapsible=icon]:hidden", children: [
-          /* @__PURE__ */ jsx17("span", { className: "text-sm font-semibold truncate", children: config.branding?.title || "Chat" }),
-          config.branding?.subtitle && /* @__PURE__ */ jsx17("span", { className: "text-xs text-muted-foreground truncate", children: config.branding.subtitle })
+  return /* @__PURE__ */ jsxs10(Sidebar, { collapsible: "icon", ...props, children: [
+    /* @__PURE__ */ jsxs10(SidebarHeader, { children: [
+      /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-3 px-2 py-3", children: [
+        /* @__PURE__ */ jsx18("div", { className: "flex items-center justify-center shrink-0", children: config.branding?.logo || /* @__PURE__ */ jsx18(Avatar, { className: "h-8 w-8", children: /* @__PURE__ */ jsx18(AvatarFallback, { className: "bg-primary text-primary-foreground", children: /* @__PURE__ */ jsx18(Bot, { className: "h-4 w-4" }) }) }) }),
+        /* @__PURE__ */ jsxs10("div", { className: "flex flex-col min-w-0 group-data-[collapsible=icon]:hidden", children: [
+          /* @__PURE__ */ jsx18("span", { className: "text-sm font-semibold truncate", children: config.branding?.title || "Chat" }),
+          config.branding?.subtitle && /* @__PURE__ */ jsx18("span", { className: "text-xs text-muted-foreground truncate", children: config.branding.subtitle })
         ] })
       ] }),
-      onCreateThread && /* @__PURE__ */ jsx17(
+      onCreateThread && /* @__PURE__ */ jsx18(
         CreateThreadDialog,
         {
           config,
           onCreateThread,
-          trigger: /* @__PURE__ */ jsx17(SidebarMenu, { children: /* @__PURE__ */ jsx17(SidebarMenuItem, { children: /* @__PURE__ */ jsxs9(
+          trigger: /* @__PURE__ */ jsx18(SidebarMenu, { children: /* @__PURE__ */ jsx18(SidebarMenuItem, { children: /* @__PURE__ */ jsxs10(
             SidebarMenuButton,
             {
               size: "lg",
               className: "w-full justify-start gap-2 border border-sidebar-border shadow-sm hover:bg-sidebar-accent hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:justify-center",
               tooltip: config.labels?.newChat || "New Chat",
               children: [
-                /* @__PURE__ */ jsx17(Plus, { className: "size-4" }),
-                /* @__PURE__ */ jsx17("span", { className: "group-data-[collapsible=icon]:hidden", children: config.labels?.newChat || "New Chat" })
+                /* @__PURE__ */ jsx18(Plus, { className: "size-4" }),
+                /* @__PURE__ */ jsx18("span", { className: "group-data-[collapsible=icon]:hidden", children: config.labels?.newChat || "New Chat" })
               ]
             }
           ) }) })
         }
       ),
-      /* @__PURE__ */ jsxs9("div", { className: "px-2 py-1 mt-4", children: [
-        /* @__PURE__ */ jsxs9("div", { className: "relative group-data-[collapsible=icon]:hidden", children: [
-          /* @__PURE__ */ jsx17(Search, { className: "pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 select-none opacity-50" }),
-          /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsxs10("div", { className: "px-2 py-1 mt-4", children: [
+        /* @__PURE__ */ jsxs10("div", { className: "relative group-data-[collapsible=icon]:hidden", children: [
+          /* @__PURE__ */ jsx18(Search, { className: "pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 select-none opacity-50" }),
+          /* @__PURE__ */ jsx18(
             Input,
             {
               className: "pl-8 h-8 bg-sidebar-accent/50 border-sidebar-border focus-visible:ring-1 focus-visible:ring-sidebar-ring",
@@ -2472,7 +2421,7 @@ var Sidebar2 = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx17("div", { className: "hidden group-data-[collapsible=icon]:flex justify-center", children: /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18("div", { className: "hidden group-data-[collapsible=icon]:flex justify-center", children: /* @__PURE__ */ jsx18(
           Button,
           {
             variant: "ghost",
@@ -2480,13 +2429,13 @@ var Sidebar2 = ({
             className: "h-7 w-7",
             onClick: () => setOpen(true),
             title: config.labels?.search || "Search",
-            children: /* @__PURE__ */ jsx17(Search, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx18(Search, { className: "h-4 w-4" })
           }
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs9(SidebarContent, { children: [
-      threads.some((t) => t.isArchived) && /* @__PURE__ */ jsx17("div", { className: "px-4 py-2 mt-2 group-data-[collapsible=icon]:hidden", children: /* @__PURE__ */ jsxs9(
+    /* @__PURE__ */ jsxs10(SidebarContent, { children: [
+      threads.some((t) => t.isArchived) && /* @__PURE__ */ jsx18("div", { className: "px-4 py-2 mt-2 group-data-[collapsible=icon]:hidden", children: /* @__PURE__ */ jsxs10(
         Button,
         {
           variant: "ghost",
@@ -2494,18 +2443,18 @@ var Sidebar2 = ({
           onClick: () => setShowArchived(!showArchived),
           className: "h-6 text-xs w-full justify-start text-muted-foreground",
           children: [
-            /* @__PURE__ */ jsx17(Filter, { className: "mr-2 h-3 w-3" }),
+            /* @__PURE__ */ jsx18(Filter, { className: "mr-2 h-3 w-3" }),
             showArchived ? config.labels?.hideArchived || "Hide Archived" : config.labels?.showArchived || "Show Archived"
           ]
         }
       ) }),
-      Object.keys(groupedThreads).length === 0 ? /* @__PURE__ */ jsxs9("div", { className: "px-4 py-8 text-center text-muted-foreground group-data-[collapsible=icon]:hidden", children: [
-        /* @__PURE__ */ jsx17("div", { className: "mx-auto h-8 w-8 mb-2 flex items-center justify-center rounded-full bg-muted/50", children: /* @__PURE__ */ jsx17(Plus, { className: "h-4 w-4 opacity-50" }) }),
-        /* @__PURE__ */ jsx17("p", { className: "text-xs", children: searchQuery ? config.labels?.noThreadsFound || "No conversations found" : config.labels?.noThreadsYet || "No conversations yet" })
-      ] }) : Object.entries(groupedThreads).map(([group, groupThreads]) => /* @__PURE__ */ jsxs9(SidebarGroup, { className: "mt-2", children: [
-        /* @__PURE__ */ jsx17(SidebarGroupLabel, { className: "group-data-[collapsible=icon]:hidden", children: group }),
-        /* @__PURE__ */ jsx17(SidebarGroupContent, { children: /* @__PURE__ */ jsx17(SidebarMenu, { children: groupThreads.map((thread) => /* @__PURE__ */ jsxs9(SidebarMenuItem, { children: [
-          editingThreadId === thread.id ? /* @__PURE__ */ jsx17("div", { className: "flex items-center gap-1 px-2 py-1", children: /* @__PURE__ */ jsx17(
+      Object.keys(groupedThreads).length === 0 ? /* @__PURE__ */ jsxs10("div", { className: "px-4 py-8 text-center text-muted-foreground group-data-[collapsible=icon]:hidden", children: [
+        /* @__PURE__ */ jsx18("div", { className: "mx-auto h-8 w-8 mb-2 flex items-center justify-center rounded-full bg-muted/50", children: /* @__PURE__ */ jsx18(Plus, { className: "h-4 w-4 opacity-50" }) }),
+        /* @__PURE__ */ jsx18("p", { className: "text-xs", children: searchQuery ? config.labels?.noThreadsFound || "No conversations found" : config.labels?.noThreadsYet || "No conversations yet" })
+      ] }) : Object.entries(groupedThreads).map(([group, groupThreads]) => /* @__PURE__ */ jsxs10(SidebarGroup, { className: "mt-2", children: [
+        /* @__PURE__ */ jsx18(SidebarGroupLabel, { className: "group-data-[collapsible=icon]:hidden", children: group }),
+        /* @__PURE__ */ jsx18(SidebarGroupContent, { children: /* @__PURE__ */ jsx18(SidebarMenu, { children: groupThreads.map((thread) => /* @__PURE__ */ jsxs10(SidebarMenuItem, { children: [
+          editingThreadId === thread.id ? /* @__PURE__ */ jsx18("div", { className: "flex items-center gap-1 px-2 py-1", children: /* @__PURE__ */ jsx18(
             Input,
             {
               ref: inputRef,
@@ -2518,42 +2467,42 @@ var Sidebar2 = ({
               onBlur: saveEdit,
               className: "h-7 text-sm"
             }
-          ) }) : /* @__PURE__ */ jsxs9(
+          ) }) : /* @__PURE__ */ jsxs10(
             SidebarMenuButton,
             {
               isActive: currentThreadId === thread.id,
               onClick: () => onSelectThread?.(thread.id),
               tooltip: thread.title,
               children: [
-                /* @__PURE__ */ jsx17(ThreadInitialsIcon, { title: thread.title || "?" }),
-                /* @__PURE__ */ jsx17("div", { className: "flex flex-col items-start gap-0.5 flex-1 min-w-0 group-data-[collapsible=icon]:hidden", children: /* @__PURE__ */ jsx17("span", { className: "truncate w-full", children: thread.title || "New Chat" }) }),
-                thread.isArchived && /* @__PURE__ */ jsx17(Archive, { className: "ml-auto h-3 w-3 opacity-50 group-data-[collapsible=icon]:hidden" })
+                /* @__PURE__ */ jsx18(ThreadInitialsIcon, { title: thread.title || "?" }),
+                /* @__PURE__ */ jsx18("div", { className: "flex flex-col items-start gap-0.5 flex-1 min-w-0 group-data-[collapsible=icon]:hidden", children: /* @__PURE__ */ jsx18("span", { className: "truncate w-full", children: thread.title || "New Chat" }) }),
+                thread.isArchived && /* @__PURE__ */ jsx18(Archive, { className: "ml-auto h-3 w-3 opacity-50 group-data-[collapsible=icon]:hidden" })
               ]
             }
           ),
-          !editingThreadId && /* @__PURE__ */ jsxs9(DropdownMenu, { children: [
-            /* @__PURE__ */ jsx17(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs9(SidebarMenuAction, { showOnHover: true, children: [
-              /* @__PURE__ */ jsx17(MoreHorizontal, {}),
-              /* @__PURE__ */ jsx17("span", { className: "sr-only", children: "More" })
+          !editingThreadId && /* @__PURE__ */ jsxs10(DropdownMenu, { children: [
+            /* @__PURE__ */ jsx18(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs10(SidebarMenuAction, { showOnHover: true, children: [
+              /* @__PURE__ */ jsx18(MoreHorizontal, {}),
+              /* @__PURE__ */ jsx18("span", { className: "sr-only", children: "More" })
             ] }) }),
-            /* @__PURE__ */ jsxs9(DropdownMenuContent, { className: "w-48", side: "right", align: "start", children: [
-              /* @__PURE__ */ jsxs9(DropdownMenuItem, { onClick: () => startEditing(thread), children: [
-                /* @__PURE__ */ jsx17(Edit2, { className: "mr-2 h-4 w-4" }),
-                /* @__PURE__ */ jsx17("span", { children: config.labels?.renameThread || "Rename" })
+            /* @__PURE__ */ jsxs10(DropdownMenuContent, { className: "w-48", side: "right", align: "start", children: [
+              /* @__PURE__ */ jsxs10(DropdownMenuItem, { onClick: () => startEditing(thread), children: [
+                /* @__PURE__ */ jsx18(Edit2, { className: "mr-2 h-4 w-4" }),
+                /* @__PURE__ */ jsx18("span", { children: config.labels?.renameThread || "Rename" })
               ] }),
-              /* @__PURE__ */ jsxs9(DropdownMenuItem, { onClick: () => onArchiveThread?.(thread.id), children: [
-                /* @__PURE__ */ jsx17(Archive, { className: "mr-2 h-4 w-4" }),
-                /* @__PURE__ */ jsx17("span", { children: thread.isArchived ? config.labels?.unarchiveThread || "Unarchive" : config.labels?.archiveThread || "Archive" })
+              /* @__PURE__ */ jsxs10(DropdownMenuItem, { onClick: () => onArchiveThread?.(thread.id), children: [
+                /* @__PURE__ */ jsx18(Archive, { className: "mr-2 h-4 w-4" }),
+                /* @__PURE__ */ jsx18("span", { children: thread.isArchived ? config.labels?.unarchiveThread || "Unarchive" : config.labels?.archiveThread || "Archive" })
               ] }),
-              /* @__PURE__ */ jsx17(DropdownMenuSeparator, {}),
-              /* @__PURE__ */ jsxs9(
+              /* @__PURE__ */ jsx18(DropdownMenuSeparator, {}),
+              /* @__PURE__ */ jsxs10(
                 DropdownMenuItem,
                 {
                   onClick: () => setDeleteThreadId(thread.id),
                   className: "text-destructive focus:text-destructive",
                   children: [
-                    /* @__PURE__ */ jsx17(Trash2, { className: "mr-2 h-4 w-4" }),
-                    /* @__PURE__ */ jsx17("span", { children: config.labels?.deleteThread || "Delete" })
+                    /* @__PURE__ */ jsx18(Trash2, { className: "mr-2 h-4 w-4" }),
+                    /* @__PURE__ */ jsx18("span", { children: config.labels?.deleteThread || "Delete" })
                   ]
                 }
               )
@@ -2562,7 +2511,7 @@ var Sidebar2 = ({
         ] }, thread.id)) }) })
       ] }, group))
     ] }),
-    /* @__PURE__ */ jsx17(SidebarFooter, { children: /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx18(SidebarFooter, { children: /* @__PURE__ */ jsx18(
       UserMenu,
       {
         user,
@@ -2573,15 +2522,15 @@ var Sidebar2 = ({
         additionalItems: userMenuAdditionalItems
       }
     ) }),
-    /* @__PURE__ */ jsx17(SidebarRail, {}),
-    deleteThreadId && /* @__PURE__ */ jsx17(AlertDialog, { open: !!deleteThreadId, onOpenChange: () => setDeleteThreadId(null), children: /* @__PURE__ */ jsxs9(AlertDialogContent, { children: [
-      /* @__PURE__ */ jsxs9(AlertDialogHeader, { children: [
-        /* @__PURE__ */ jsx17(AlertDialogTitle, { children: config.labels?.deleteConfirmTitle || "Delete Conversation" }),
-        /* @__PURE__ */ jsx17(AlertDialogDescription, { children: config.labels?.deleteConfirmDescription || "Are you sure you want to delete this conversation? This action cannot be undone." })
+    /* @__PURE__ */ jsx18(SidebarRail, {}),
+    deleteThreadId && /* @__PURE__ */ jsx18(AlertDialog, { open: !!deleteThreadId, onOpenChange: () => setDeleteThreadId(null), children: /* @__PURE__ */ jsxs10(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs10(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx18(AlertDialogTitle, { children: config.labels?.deleteConfirmTitle || "Delete Conversation" }),
+        /* @__PURE__ */ jsx18(AlertDialogDescription, { children: config.labels?.deleteConfirmDescription || "Are you sure you want to delete this conversation? This action cannot be undone." })
       ] }),
-      /* @__PURE__ */ jsxs9(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx17(AlertDialogCancel, { children: config.labels?.cancel || "Cancel" }),
-        /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsxs10(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx18(AlertDialogCancel, { children: config.labels?.cancel || "Cancel" }),
+        /* @__PURE__ */ jsx18(
           AlertDialogAction,
           {
             onClick: () => deleteThreadId && handleDeleteThread(deleteThreadId),
@@ -2595,7 +2544,7 @@ var Sidebar2 = ({
 };
 
 // src/components/chat/ChatHeader.tsx
-import React9 from "react";
+import React10 from "react";
 import {
   Bot as Bot2,
   MoreVertical,
@@ -2611,10 +2560,10 @@ import {
 } from "lucide-react";
 
 // src/components/chat/AgentSelectors.tsx
-import { memo as memo2, useMemo as useMemo3 } from "react";
+import { memo as memo3, useMemo as useMemo4 } from "react";
 import { Check as Check2, ChevronDown as ChevronDown2, Users, AtSign, X as X2 } from "lucide-react";
-import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
-var ParticipantsSelector = memo2(({
+import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
+var ParticipantsSelector = memo3(({
   agents,
   participantIds,
   onParticipantsChange,
@@ -2622,8 +2571,8 @@ var ParticipantsSelector = memo2(({
   maxVisible = 3,
   disabled = false
 }) => {
-  const agentsWithColors = useMemo3(() => assignAgentColors(agents), [agents]);
-  const selectedAgents = useMemo3(
+  const agentsWithColors = useMemo4(() => assignAgentColors(agents), [agents]);
+  const selectedAgents = useMemo4(
     () => agentsWithColors.filter((a) => participantIds.includes(a.id)),
     [agentsWithColors, participantIds]
   );
@@ -2641,19 +2590,19 @@ var ParticipantsSelector = memo2(({
   };
   const visibleAgents = selectedAgents.slice(0, maxVisible);
   const hiddenCount = selectedAgents.length - maxVisible;
-  return /* @__PURE__ */ jsxs10(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx18(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx19(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs11(
       Button,
       {
         variant: "ghost",
         className: "h-9 px-2 gap-1.5 text-sm hover:bg-accent/50",
         disabled,
         children: [
-          /* @__PURE__ */ jsx18(Users, { className: "h-4 w-4 text-muted-foreground" }),
-          /* @__PURE__ */ jsx18("div", { className: "flex items-center gap-1", children: visibleAgents.length > 0 ? /* @__PURE__ */ jsxs10(Fragment3, { children: [
-            /* @__PURE__ */ jsx18("div", { className: "flex -space-x-1.5", children: visibleAgents.map((agent) => /* @__PURE__ */ jsxs10(Avatar, { className: "h-5 w-5 border-2 border-background", children: [
-              /* @__PURE__ */ jsx18(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
-              /* @__PURE__ */ jsx18(
+          /* @__PURE__ */ jsx19(Users, { className: "h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx19("div", { className: "flex items-center gap-1", children: visibleAgents.length > 0 ? /* @__PURE__ */ jsxs11(Fragment3, { children: [
+            /* @__PURE__ */ jsx19("div", { className: "flex -space-x-1.5", children: visibleAgents.map((agent) => /* @__PURE__ */ jsxs11(Avatar, { className: "h-5 w-5 border-2 border-background", children: [
+              /* @__PURE__ */ jsx19(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
+              /* @__PURE__ */ jsx19(
                 AvatarFallback,
                 {
                   style: { backgroundColor: agent.color || getAgentColor(agent.id), color: "white" },
@@ -2662,34 +2611,34 @@ var ParticipantsSelector = memo2(({
                 }
               )
             ] }, agent.id)) }),
-            hiddenCount > 0 && /* @__PURE__ */ jsxs10("span", { className: "text-xs text-muted-foreground", children: [
+            hiddenCount > 0 && /* @__PURE__ */ jsxs11("span", { className: "text-xs text-muted-foreground", children: [
               "+",
               hiddenCount
             ] })
-          ] }) : /* @__PURE__ */ jsx18("span", { className: "text-muted-foreground", children: label }) }),
-          /* @__PURE__ */ jsx18(ChevronDown2, { className: "h-3 w-3 opacity-50" })
+          ] }) : /* @__PURE__ */ jsx19("span", { className: "text-muted-foreground", children: label }) }),
+          /* @__PURE__ */ jsx19(ChevronDown2, { className: "h-3 w-3 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs10(DropdownMenuContent, { align: "start", className: "w-[260px]", children: [
-      /* @__PURE__ */ jsxs10(DropdownMenuLabel, { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx18("span", { children: "Participants" }),
-        selectedAgents.length < agentsWithColors.length && /* @__PURE__ */ jsx18(Button, { variant: "ghost", size: "sm", className: "h-6 text-xs", onClick: selectAll, children: "Select All" })
+    /* @__PURE__ */ jsxs11(DropdownMenuContent, { align: "start", className: "w-[260px]", children: [
+      /* @__PURE__ */ jsxs11(DropdownMenuLabel, { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx19("span", { children: "Participants" }),
+        selectedAgents.length < agentsWithColors.length && /* @__PURE__ */ jsx19(Button, { variant: "ghost", size: "sm", className: "h-6 text-xs", onClick: selectAll, children: "Select All" })
       ] }),
-      /* @__PURE__ */ jsx18(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx19(DropdownMenuSeparator, {}),
       agentsWithColors.map((agent) => {
         const isSelected = participantIds.includes(agent.id);
         const isLastSelected = isSelected && participantIds.length === 1;
-        return /* @__PURE__ */ jsxs10(
+        return /* @__PURE__ */ jsxs11(
           DropdownMenuItem,
           {
             onClick: () => toggleParticipant(agent.id),
             className: "flex items-center gap-3 p-2 cursor-pointer",
             disabled: isLastSelected,
             children: [
-              /* @__PURE__ */ jsxs10(Avatar, { className: "h-6 w-6", children: [
-                /* @__PURE__ */ jsx18(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
-                /* @__PURE__ */ jsx18(
+              /* @__PURE__ */ jsxs11(Avatar, { className: "h-6 w-6", children: [
+                /* @__PURE__ */ jsx19(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
+                /* @__PURE__ */ jsx19(
                   AvatarFallback,
                   {
                     style: { backgroundColor: agent.color || getAgentColor(agent.id), color: "white" },
@@ -2698,11 +2647,11 @@ var ParticipantsSelector = memo2(({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs10("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ jsx18("div", { className: "font-medium text-sm truncate", children: agent.name }),
-                agent.description && /* @__PURE__ */ jsx18("div", { className: "text-xs text-muted-foreground truncate", children: agent.description })
+              /* @__PURE__ */ jsxs11("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsx19("div", { className: "font-medium text-sm truncate", children: agent.name }),
+                agent.description && /* @__PURE__ */ jsx19("div", { className: "text-xs text-muted-foreground truncate", children: agent.description })
               ] }),
-              isSelected && /* @__PURE__ */ jsx18(Check2, { className: "h-4 w-4 text-primary shrink-0" })
+              isSelected && /* @__PURE__ */ jsx19(Check2, { className: "h-4 w-4 text-primary shrink-0" })
             ]
           },
           agent.id
@@ -2712,7 +2661,7 @@ var ParticipantsSelector = memo2(({
   ] });
 });
 ParticipantsSelector.displayName = "ParticipantsSelector";
-var TargetAgentSelector = memo2(({
+var TargetAgentSelector = memo3(({
   agents,
   targetAgentId,
   onTargetChange,
@@ -2720,24 +2669,24 @@ var TargetAgentSelector = memo2(({
   placeholder = "Select agent",
   disabled = false
 }) => {
-  const agentsWithColors = useMemo3(() => assignAgentColors(agents), [agents]);
-  const selectedAgent = useMemo3(
+  const agentsWithColors = useMemo4(() => assignAgentColors(agents), [agents]);
+  const selectedAgent = useMemo4(
     () => agentsWithColors.find((a) => a.id === targetAgentId),
     [agentsWithColors, targetAgentId]
   );
-  return /* @__PURE__ */ jsxs10(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx18(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx19(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs11(
       Button,
       {
         variant: "ghost",
         className: "h-9 px-3 gap-1.5 font-medium text-base hover:bg-accent/50",
         disabled,
         children: [
-          /* @__PURE__ */ jsx18(AtSign, { className: "h-4 w-4 text-muted-foreground" }),
-          selectedAgent ? /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxs10(Avatar, { className: "h-5 w-5", children: [
-              /* @__PURE__ */ jsx18(AvatarImage, { src: selectedAgent.avatarUrl, alt: selectedAgent.name }),
-              /* @__PURE__ */ jsx18(
+          /* @__PURE__ */ jsx19(AtSign, { className: "h-4 w-4 text-muted-foreground" }),
+          selectedAgent ? /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxs11(Avatar, { className: "h-5 w-5", children: [
+              /* @__PURE__ */ jsx19(AvatarImage, { src: selectedAgent.avatarUrl, alt: selectedAgent.name }),
+              /* @__PURE__ */ jsx19(
                 AvatarFallback,
                 {
                   style: { backgroundColor: selectedAgent.color || getAgentColor(selectedAgent.id), color: "white" },
@@ -2746,26 +2695,26 @@ var TargetAgentSelector = memo2(({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx18("span", { className: "max-w-[150px] truncate", children: selectedAgent.name })
-          ] }) : /* @__PURE__ */ jsx18("span", { className: "text-muted-foreground", children: placeholder }),
-          /* @__PURE__ */ jsx18(ChevronDown2, { className: "h-4 w-4 opacity-50" })
+            /* @__PURE__ */ jsx19("span", { className: "max-w-[150px] truncate", children: selectedAgent.name })
+          ] }) : /* @__PURE__ */ jsx19("span", { className: "text-muted-foreground", children: placeholder }),
+          /* @__PURE__ */ jsx19(ChevronDown2, { className: "h-4 w-4 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs10(DropdownMenuContent, { align: "start", className: "w-[280px]", children: [
-      /* @__PURE__ */ jsx18(DropdownMenuLabel, { children: label }),
-      /* @__PURE__ */ jsx18(DropdownMenuSeparator, {}),
+    /* @__PURE__ */ jsxs11(DropdownMenuContent, { align: "start", className: "w-[280px]", children: [
+      /* @__PURE__ */ jsx19(DropdownMenuLabel, { children: label }),
+      /* @__PURE__ */ jsx19(DropdownMenuSeparator, {}),
       agentsWithColors.map((agent) => {
         const isSelected = agent.id === targetAgentId;
-        return /* @__PURE__ */ jsxs10(
+        return /* @__PURE__ */ jsxs11(
           DropdownMenuItem,
           {
             onClick: () => onTargetChange(agent.id),
             className: "flex items-start gap-3 p-3 cursor-pointer",
             children: [
-              /* @__PURE__ */ jsxs10(Avatar, { className: "h-6 w-6 mt-0.5 shrink-0", children: [
-                /* @__PURE__ */ jsx18(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
-                /* @__PURE__ */ jsx18(
+              /* @__PURE__ */ jsxs11(Avatar, { className: "h-6 w-6 mt-0.5 shrink-0", children: [
+                /* @__PURE__ */ jsx19(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
+                /* @__PURE__ */ jsx19(
                   AvatarFallback,
                   {
                     style: { backgroundColor: agent.color || getAgentColor(agent.id), color: "white" },
@@ -2774,12 +2723,12 @@ var TargetAgentSelector = memo2(({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs10("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx18("span", { className: "font-medium text-sm", children: agent.name }),
-                  isSelected && /* @__PURE__ */ jsx18(Check2, { className: "h-4 w-4 text-primary shrink-0" })
+              /* @__PURE__ */ jsxs11("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx19("span", { className: "font-medium text-sm", children: agent.name }),
+                  isSelected && /* @__PURE__ */ jsx19(Check2, { className: "h-4 w-4 text-primary shrink-0" })
                 ] }),
-                agent.description && /* @__PURE__ */ jsx18("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-2", children: agent.description })
+                agent.description && /* @__PURE__ */ jsx19("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-2", children: agent.description })
               ] })
             ]
           },
@@ -2790,7 +2739,7 @@ var TargetAgentSelector = memo2(({
   ] });
 });
 TargetAgentSelector.displayName = "TargetAgentSelector";
-var AgentBadge = memo2(({
+var AgentBadge = memo3(({
   agent,
   onRemove,
   showRemove = false,
@@ -2799,16 +2748,16 @@ var AgentBadge = memo2(({
   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__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     Badge,
     {
       variant: "secondary",
       className: "flex items-center gap-1.5 pr-1",
       style: { borderColor: color, borderWidth: 1 },
       children: [
-        /* @__PURE__ */ jsxs10(Avatar, { className: avatarSize, children: [
-          /* @__PURE__ */ jsx18(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
-          /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsxs11(Avatar, { className: avatarSize, children: [
+          /* @__PURE__ */ jsx19(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
+          /* @__PURE__ */ jsx19(
             AvatarFallback,
             {
               style: { backgroundColor: color, color: "white" },
@@ -2817,8 +2766,8 @@ var AgentBadge = memo2(({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx18("span", { className: textSize, children: agent.name }),
-        showRemove && onRemove && /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx19("span", { className: textSize, children: agent.name }),
+        showRemove && onRemove && /* @__PURE__ */ jsx19(
           Button,
           {
             variant: "ghost",
@@ -2828,7 +2777,7 @@ var AgentBadge = memo2(({
               e.stopPropagation();
               onRemove();
             },
-            children: /* @__PURE__ */ jsx18(X2, { className: "h-3 w-3" })
+            children: /* @__PURE__ */ jsx19(X2, { className: "h-3 w-3" })
           }
         )
       ]
@@ -2838,7 +2787,7 @@ var AgentBadge = memo2(({
 AgentBadge.displayName = "AgentBadge";
 
 // src/components/chat/ChatHeader.tsx
-import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
 var ChatHeader = ({
   config,
   currentThreadTitle,
@@ -2859,11 +2808,11 @@ var ChatHeader = ({
   onParticipantsChange,
   className = ""
 }) => {
-  const [isDarkMode, setIsDarkMode] = React9.useState(() => {
+  const [isDarkMode, setIsDarkMode] = React10.useState(() => {
     if (typeof window === "undefined") return false;
     return document.documentElement.classList.contains("dark");
   });
-  React9.useEffect(() => {
+  React10.useEffect(() => {
     const observer = new MutationObserver(() => {
       setIsDarkMode(document.documentElement.classList.contains("dark"));
     });
@@ -2909,19 +2858,19 @@ var ChatHeader = ({
   };
   const selectedAgent = agentOptions.find((agent) => agent.id === selectedAgentId) || null;
   const agentPlaceholder = config.agentSelector?.label || "Select agent";
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     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__ */ jsx19(CardHeader, { className: "p-2", children: /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsxs11(Tooltip, { children: [
-            /* @__PURE__ */ jsx19(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx19(SidebarTrigger, { className: "-ml-1" }) }),
-            /* @__PURE__ */ jsx19(TooltipContent, { children: config.labels?.sidebarToggle || "Toggle Sidebar" })
+      children: /* @__PURE__ */ jsx20(CardHeader, { className: "p-2", children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsxs12(Tooltip, { children: [
+            /* @__PURE__ */ jsx20(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx20(SidebarTrigger, { className: "-ml-1" }) }),
+            /* @__PURE__ */ jsx20(TooltipContent, { children: config.labels?.sidebarToggle || "Toggle Sidebar" })
           ] }),
-          showAgentSelector && isMultiAgentMode && onParticipantsChange && /* @__PURE__ */ jsx19(
+          showAgentSelector && isMultiAgentMode && onParticipantsChange && /* @__PURE__ */ jsx20(
             ParticipantsSelector,
             {
               agents: agentOptions,
@@ -2929,40 +2878,40 @@ var ChatHeader = ({
               onParticipantsChange
             }
           ),
-          showAgentSelector && !isMultiAgentMode && /* @__PURE__ */ jsxs11(DropdownMenu, { children: [
-            /* @__PURE__ */ jsx19(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs11(
+          showAgentSelector && !isMultiAgentMode && /* @__PURE__ */ jsxs12(DropdownMenu, { children: [
+            /* @__PURE__ */ jsx20(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs12(
               Button,
               {
                 variant: "ghost",
                 className: "h-9 px-3 gap-1.5 font-medium text-base hover:bg-accent/50",
                 children: [
-                  selectedAgent?.avatarUrl ? /* @__PURE__ */ jsxs11(Avatar, { className: "h-5 w-5", children: [
-                    /* @__PURE__ */ jsx19(AvatarImage, { src: selectedAgent.avatarUrl, alt: selectedAgent.name }),
-                    /* @__PURE__ */ jsx19(AvatarFallback, { className: "text-[10px]", children: selectedAgent.name.charAt(0).toUpperCase() })
+                  selectedAgent?.avatarUrl ? /* @__PURE__ */ jsxs12(Avatar, { className: "h-5 w-5", children: [
+                    /* @__PURE__ */ jsx20(AvatarImage, { src: selectedAgent.avatarUrl, alt: selectedAgent.name }),
+                    /* @__PURE__ */ jsx20(AvatarFallback, { className: "text-[10px]", children: selectedAgent.name.charAt(0).toUpperCase() })
                   ] }) : null,
-                  /* @__PURE__ */ jsx19("span", { className: "max-w-[200px] truncate", children: selectedAgent?.name || agentPlaceholder }),
-                  /* @__PURE__ */ jsx19(ChevronDown3, { className: "h-4 w-4 opacity-50" })
+                  /* @__PURE__ */ jsx20("span", { className: "max-w-[200px] truncate", children: selectedAgent?.name || agentPlaceholder }),
+                  /* @__PURE__ */ jsx20(ChevronDown3, { className: "h-4 w-4 opacity-50" })
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsx19(DropdownMenuContent, { align: "start", className: "w-[280px]", children: agentOptions.map((agent) => {
+            /* @__PURE__ */ jsx20(DropdownMenuContent, { align: "start", className: "w-[280px]", children: agentOptions.map((agent) => {
               const isSelected = agent.id === selectedAgentId;
-              return /* @__PURE__ */ jsxs11(
+              return /* @__PURE__ */ jsxs12(
                 DropdownMenuItem,
                 {
                   onClick: () => onSelectAgent?.(agent.id),
                   className: "flex items-start gap-3 p-3 cursor-pointer",
                   children: [
-                    agent.avatarUrl ? /* @__PURE__ */ jsxs11(Avatar, { className: "h-6 w-6 mt-0.5 shrink-0", children: [
-                      /* @__PURE__ */ jsx19(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
-                      /* @__PURE__ */ jsx19(AvatarFallback, { className: "text-[10px]", children: agent.name.charAt(0).toUpperCase() })
-                    ] }) : /* @__PURE__ */ jsx19("div", { className: "h-6 w-6 mt-0.5 shrink-0 flex items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsx19(Bot2, { className: "h-3.5 w-3.5 text-primary" }) }),
-                    /* @__PURE__ */ jsxs11("div", { className: "flex-1 min-w-0", children: [
-                      /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
-                        /* @__PURE__ */ jsx19("span", { className: "font-medium text-sm", children: agent.name }),
-                        isSelected && /* @__PURE__ */ jsx19(Check3, { className: "h-4 w-4 text-primary shrink-0" })
+                    agent.avatarUrl ? /* @__PURE__ */ jsxs12(Avatar, { className: "h-6 w-6 mt-0.5 shrink-0", children: [
+                      /* @__PURE__ */ jsx20(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
+                      /* @__PURE__ */ jsx20(AvatarFallback, { className: "text-[10px]", children: agent.name.charAt(0).toUpperCase() })
+                    ] }) : /* @__PURE__ */ jsx20("div", { className: "h-6 w-6 mt-0.5 shrink-0 flex items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsx20(Bot2, { className: "h-3.5 w-3.5 text-primary" }) }),
+                    /* @__PURE__ */ jsxs12("div", { className: "flex-1 min-w-0", children: [
+                      /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+                        /* @__PURE__ */ jsx20("span", { className: "font-medium text-sm", children: agent.name }),
+                        isSelected && /* @__PURE__ */ jsx20(Check3, { className: "h-4 w-4 text-primary shrink-0" })
                       ] }),
-                      agent.description && /* @__PURE__ */ jsx19("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-2", children: agent.description })
+                      agent.description && /* @__PURE__ */ jsx20("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-2", children: agent.description })
                     ] })
                   ]
                 },
@@ -2970,59 +2919,59 @@ var ChatHeader = ({
               );
             }) })
           ] }),
-          !showAgentSelector && isMobile && /* @__PURE__ */ jsx19("span", { className: "text-sm font-medium truncate max-w-[150px] ml-2", children: currentThreadTitle || config.branding?.title || "Chat" })
+          !showAgentSelector && isMobile && /* @__PURE__ */ jsx20("span", { className: "text-sm font-medium truncate max-w-[150px] ml-2", children: currentThreadTitle || config.branding?.title || "Chat" })
         ] }),
-        /* @__PURE__ */ jsx19("div", { className: "flex-1" }),
-        /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-1", children: [
-          showCustomComponentButton && config.customComponent && /* @__PURE__ */ jsxs11(Tooltip, { children: [
-            /* @__PURE__ */ jsx19(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20("div", { className: "flex-1" }),
+        /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1", children: [
+          showCustomComponentButton && config.customComponent && /* @__PURE__ */ jsxs12(Tooltip, { children: [
+            /* @__PURE__ */ jsx20(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx20(
               Button,
               {
                 variant: "ghost",
                 size: "icon",
                 className: "h-8 w-8",
                 onClick: onCustomComponentToggle,
-                children: config.customComponent.icon || /* @__PURE__ */ jsx19(Menu, { className: "h-4 w-4" })
+                children: config.customComponent.icon || /* @__PURE__ */ jsx20(Menu, { className: "h-4 w-4" })
               }
             ) }),
-            /* @__PURE__ */ jsx19(TooltipContent, { children: config.customComponent.label || config.labels?.customComponentToggle || "Toggle" })
+            /* @__PURE__ */ jsx20(TooltipContent, { children: config.customComponent.label || config.labels?.customComponentToggle || "Toggle" })
           ] }),
           config.headerActions,
-          /* @__PURE__ */ jsxs11(DropdownMenu, { children: [
-            /* @__PURE__ */ jsx19(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx19(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", children: /* @__PURE__ */ jsx19(MoreVertical, { className: "h-4 w-4" }) }) }),
-            /* @__PURE__ */ jsxs11(DropdownMenuContent, { align: "end", children: [
-              onNewThread && /* @__PURE__ */ jsxs11(Fragment4, { children: [
-                /* @__PURE__ */ jsxs11(DropdownMenuItem, { onClick: () => onNewThread?.(), className: "font-medium text-primary", children: [
-                  /* @__PURE__ */ jsx19(Plus2, { className: "h-4 w-4 mr-2" }),
+          /* @__PURE__ */ jsxs12(DropdownMenu, { children: [
+            /* @__PURE__ */ jsx20(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx20(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", children: /* @__PURE__ */ jsx20(MoreVertical, { className: "h-4 w-4" }) }) }),
+            /* @__PURE__ */ jsxs12(DropdownMenuContent, { align: "end", children: [
+              onNewThread && /* @__PURE__ */ jsxs12(Fragment4, { children: [
+                /* @__PURE__ */ jsxs12(DropdownMenuItem, { onClick: () => onNewThread?.(), className: "font-medium text-primary", children: [
+                  /* @__PURE__ */ jsx20(Plus2, { className: "h-4 w-4 mr-2" }),
                   config.labels?.newThread || "New Thread"
                 ] }),
-                /* @__PURE__ */ jsx19(DropdownMenuSeparator, {})
+                /* @__PURE__ */ jsx20(DropdownMenuSeparator, {})
               ] }),
-              onExportData && /* @__PURE__ */ jsxs11(DropdownMenuItem, { onClick: onExportData, children: [
-                /* @__PURE__ */ jsx19(Download, { className: "h-4 w-4 mr-2" }),
+              onExportData && /* @__PURE__ */ jsxs12(DropdownMenuItem, { onClick: onExportData, children: [
+                /* @__PURE__ */ jsx20(Download, { className: "h-4 w-4 mr-2" }),
                 config.labels?.exportData || "Export Data"
               ] }),
-              onImportData && /* @__PURE__ */ jsxs11(DropdownMenuItem, { onClick: handleImportClick, children: [
-                /* @__PURE__ */ jsx19(Upload, { className: "h-4 w-4 mr-2" }),
+              onImportData && /* @__PURE__ */ jsxs12(DropdownMenuItem, { onClick: handleImportClick, children: [
+                /* @__PURE__ */ jsx20(Upload, { className: "h-4 w-4 mr-2" }),
                 config.labels?.importData || "Import Data"
               ] }),
-              (onExportData || onImportData) && /* @__PURE__ */ jsx19(DropdownMenuSeparator, {}),
-              /* @__PURE__ */ jsx19(DropdownMenuItem, { onClick: toggleDarkMode, children: isDarkMode ? /* @__PURE__ */ jsxs11(Fragment4, { children: [
-                /* @__PURE__ */ jsx19(Sun2, { className: "h-4 w-4 mr-2" }),
+              (onExportData || onImportData) && /* @__PURE__ */ jsx20(DropdownMenuSeparator, {}),
+              /* @__PURE__ */ jsx20(DropdownMenuItem, { onClick: toggleDarkMode, children: isDarkMode ? /* @__PURE__ */ jsxs12(Fragment4, { children: [
+                /* @__PURE__ */ jsx20(Sun2, { className: "h-4 w-4 mr-2" }),
                 config.labels?.lightMode || "Light Mode"
-              ] }) : /* @__PURE__ */ jsxs11(Fragment4, { children: [
-                /* @__PURE__ */ jsx19(Moon2, { className: "h-4 w-4 mr-2" }),
+              ] }) : /* @__PURE__ */ jsxs12(Fragment4, { children: [
+                /* @__PURE__ */ jsx20(Moon2, { className: "h-4 w-4 mr-2" }),
                 config.labels?.darkMode || "Dark Mode"
               ] }) }),
-              onClearAll && /* @__PURE__ */ jsxs11(Fragment4, { children: [
-                /* @__PURE__ */ jsx19(DropdownMenuSeparator, {}),
-                /* @__PURE__ */ jsxs11(
+              onClearAll && /* @__PURE__ */ jsxs12(Fragment4, { children: [
+                /* @__PURE__ */ jsx20(DropdownMenuSeparator, {}),
+                /* @__PURE__ */ jsxs12(
                   DropdownMenuItem,
                   {
                     onClick: onClearAll,
                     className: "text-destructive",
                     children: [
-                      /* @__PURE__ */ jsx19(Trash22, { className: "h-4 w-4 mr-2" }),
+                      /* @__PURE__ */ jsx20(Trash22, { className: "h-4 w-4 mr-2" }),
                       config.labels?.clearAll || "Clear All"
                     ]
                   }
@@ -3037,18 +2986,18 @@ var ChatHeader = ({
 };
 
 // src/components/chat/ChatInput.tsx
-import React11, { useState as useState6, useRef as useRef5, useCallback as useCallback3, useEffect as useEffect9, memo as memo3 } from "react";
+import React12, { useState as useState7, useRef as useRef5, useCallback as useCallback3, useEffect as useEffect10, memo as memo4 } from "react";
 
 // src/components/chat/UserContext.tsx
-import { createContext as createContext2, useCallback as useCallback2, useContext as useContext2, useEffect as useEffect8, useMemo as useMemo4, useState as useState5 } from "react";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { createContext as createContext2, useCallback as useCallback2, useContext as useContext2, useEffect as useEffect9, useMemo as useMemo5, useState as useState6 } from "react";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var Ctx = createContext2(void 0);
 var ChatUserContextProvider = ({ children, initial }) => {
-  const [ctx, setCtx] = useState5(() => ({
+  const [ctx, setCtx] = useState6(() => ({
     updatedAt: Date.now(),
     ...initial ?? {}
   }));
-  useEffect8(() => {
+  useEffect9(() => {
     if (!initial) return;
     setCtx((prev) => {
       const keys = Object.keys(initial);
@@ -3063,12 +3012,12 @@ var ChatUserContextProvider = ({ children, initial }) => {
       return { ...prev, ...partial, updatedAt: Date.now() };
     });
   }, []);
-  const value = useMemo4(() => ({
+  const value = useMemo5(() => ({
     context: ctx,
     setContext: setPartial,
     resetContext: () => setCtx({ updatedAt: Date.now() })
   }), [ctx, setPartial]);
-  return /* @__PURE__ */ jsx20(Ctx.Provider, { value, children });
+  return /* @__PURE__ */ jsx21(Ctx.Provider, { value, children });
 };
 function useChatUserContext() {
   const v = useContext2(Ctx);
@@ -3402,13 +3351,13 @@ var resolveVoiceProviderFactory = (createProvider) => createProvider ?? createMa
 
 // src/components/ui/progress.tsx
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function Progress({
   className,
   value,
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     ProgressPrimitive.Root,
     {
       "data-slot": "progress",
@@ -3417,7 +3366,7 @@ function Progress({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx21(
+      children: /* @__PURE__ */ jsx22(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -3431,7 +3380,7 @@ function Progress({
 
 // src/components/chat/VoiceComposer.tsx
 import { Keyboard, Loader2, Mic, Send, Square, Trash2 as Trash23, X as X3 } from "lucide-react";
-import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
 var formatDuration = (durationMs) => {
   const totalSeconds = Math.max(0, Math.floor(durationMs / 1e3));
   const minutes = Math.floor(totalSeconds / 60);
@@ -3526,13 +3475,13 @@ var VoiceComposer = ({
     }
     onRecordAgain();
   };
-  return /* @__PURE__ */ jsxs12("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__ */ jsxs12("div", { className: "flex items-center justify-between gap-2 sm:gap-3", children: [
-      /* @__PURE__ */ jsxs12("div", { className: "flex min-w-0 items-center gap-2", children: [
-        /* @__PURE__ */ jsx22(Badge, { variant: "outline", children: labels?.voiceTitle || "Voice" }),
-        /* @__PURE__ */ jsx22("span", { className: "truncate rounded-full bg-muted px-2.5 py-1 text-[11px] sm:text-xs text-muted-foreground", children: headerLabel })
+  return /* @__PURE__ */ jsxs13("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__ */ jsxs13("div", { className: "flex items-center justify-between gap-2 sm:gap-3", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 items-center gap-2", children: [
+        /* @__PURE__ */ jsx23(Badge, { variant: "outline", children: labels?.voiceTitle || "Voice" }),
+        /* @__PURE__ */ jsx23("span", { className: "truncate rounded-full bg-muted px-2.5 py-1 text-[11px] sm:text-xs text-muted-foreground", children: headerLabel })
       ] }),
-      /* @__PURE__ */ jsxs12(
+      /* @__PURE__ */ jsxs13(
         Button,
         {
           type: "button",
@@ -3542,14 +3491,14 @@ var VoiceComposer = ({
           onClick: onExit,
           disabled: disabled || isBusy,
           children: [
-            /* @__PURE__ */ jsx22(Keyboard, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx22("span", { className: "hidden sm:inline", children: labels?.voiceExit || "Use keyboard" })
+            /* @__PURE__ */ jsx23(Keyboard, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx23("span", { className: "hidden sm:inline", children: labels?.voiceExit || "Use keyboard" })
           ]
         }
       )
     ] }),
-    !isDraftLayout ? /* @__PURE__ */ jsx22("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__ */ jsxs12("div", { className: "mx-auto flex w-full max-w-sm flex-col items-center gap-3", children: [
-      /* @__PURE__ */ jsx22(
+    !isDraftLayout ? /* @__PURE__ */ jsx23("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__ */ jsxs13("div", { className: "mx-auto flex w-full max-w-sm flex-col items-center gap-3", children: [
+      /* @__PURE__ */ jsx23(
         Button,
         {
           type: "button",
@@ -3558,21 +3507,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__ */ jsx22(Loader2, { className: "h-7 w-7 animate-spin" }) : isCapturing ? /* @__PURE__ */ jsx22(Square, { className: "h-7 w-7" }) : /* @__PURE__ */ jsx22(Mic, { className: "h-7 w-7" })
+          children: isBusy ? /* @__PURE__ */ jsx23(Loader2, { className: "h-7 w-7 animate-spin" }) : isCapturing ? /* @__PURE__ */ jsx23(Square, { className: "h-7 w-7" }) : /* @__PURE__ */ jsx23(Mic, { className: "h-7 w-7" })
         }
       ),
-      /* @__PURE__ */ jsxs12("div", { className: "w-full space-y-2", children: [
-        /* @__PURE__ */ jsx22(Progress, { value: levelValue, className: "h-2" }),
-        /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ jsx22("span", { children: formatDuration(durationMs) }),
-          /* @__PURE__ */ jsx22("span", { children: isCapturing ? labels?.voiceStop || "Stop recording" : labels?.voiceStart || "Start recording" })
+      /* @__PURE__ */ jsxs13("div", { className: "w-full space-y-2", children: [
+        /* @__PURE__ */ jsx23(Progress, { value: levelValue, className: "h-2" }),
+        /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx23("span", { children: formatDuration(durationMs) }),
+          /* @__PURE__ */ jsx23("span", { children: isCapturing ? labels?.voiceStop || "Stop recording" : labels?.voiceStart || "Start recording" })
         ] })
       ] }),
-      showTranscriptPreview && transcriptMode !== "none" && transcriptText && /* @__PURE__ */ jsx22("div", { className: "w-full rounded-lg border bg-background px-3 py-2 text-left text-sm", children: transcriptText })
-    ] }) }) : /* @__PURE__ */ jsxs12("div", { className: "mt-3 rounded-xl border bg-muted/20 p-3 sm:p-4", children: [
-      /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between gap-2 text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ jsx22("span", { children: formatDuration(durationMs) }),
-        /* @__PURE__ */ jsx22(
+      showTranscriptPreview && transcriptMode !== "none" && transcriptText && /* @__PURE__ */ jsx23("div", { className: "w-full rounded-lg border bg-background px-3 py-2 text-left text-sm", children: transcriptText })
+    ] }) }) : /* @__PURE__ */ jsxs13("div", { className: "mt-3 rounded-xl border bg-muted/20 p-3 sm:p-4", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between gap-2 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx23("span", { children: formatDuration(durationMs) }),
+        /* @__PURE__ */ jsx23(
           Button,
           {
             type: "button",
@@ -3583,12 +3532,12 @@ var VoiceComposer = ({
             disabled,
             "aria-label": labels?.voiceDiscard || "Delete recording",
             title: labels?.voiceDiscard || "Delete recording",
-            children: /* @__PURE__ */ jsx22(Trash23, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx23(Trash23, { className: "h-4 w-4" })
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs12("div", { className: "mt-4 flex flex-col items-center gap-4 text-center", children: [
-        /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsxs13("div", { className: "mt-4 flex flex-col items-center gap-4 text-center", children: [
+        /* @__PURE__ */ jsx23(
           Button,
           {
             type: "button",
@@ -3597,12 +3546,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__ */ jsx22(Loader2, { className: "h-7 w-7 animate-spin" }) : orbIsListening ? /* @__PURE__ */ jsx22(Square, { className: "h-7 w-7" }) : isArmedDraft ? /* @__PURE__ */ jsx22(Mic, { className: "h-7 w-7 animate-pulse" }) : /* @__PURE__ */ jsx22(Mic, { className: "h-7 w-7" })
+            children: orbIsReviewBusy ? /* @__PURE__ */ jsx23(Loader2, { className: "h-7 w-7 animate-spin" }) : orbIsListening ? /* @__PURE__ */ jsx23(Square, { className: "h-7 w-7" }) : isArmedDraft ? /* @__PURE__ */ jsx23(Mic, { className: "h-7 w-7 animate-pulse" }) : /* @__PURE__ */ jsx23(Mic, { className: "h-7 w-7" })
           }
         ),
-        /* @__PURE__ */ jsxs12("div", { className: "max-w-sm space-y-1 px-2", children: [
-          /* @__PURE__ */ jsx22("p", { className: "text-sm text-foreground", children: reviewHelperText }),
-          isCapturing && /* @__PURE__ */ jsx22("div", { className: "mx-auto h-1.5 w-32 overflow-hidden rounded-full bg-red-100", children: /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsxs13("div", { className: "max-w-sm space-y-1 px-2", children: [
+          /* @__PURE__ */ jsx23("p", { className: "text-sm text-foreground", children: reviewHelperText }),
+          isCapturing && /* @__PURE__ */ jsx23("div", { className: "mx-auto h-1.5 w-32 overflow-hidden rounded-full bg-red-100", children: /* @__PURE__ */ jsx23(
             "div",
             {
               className: "h-full rounded-full bg-red-500 transition-[width] duration-150",
@@ -3611,21 +3560,21 @@ var VoiceComposer = ({
           ) })
         ] })
       ] }),
-      attachment && /* @__PURE__ */ jsx22("div", { className: "mt-4 rounded-lg border bg-background/90 p-2 shadow-sm", children: /* @__PURE__ */ jsx22("audio", { controls: true, preload: "metadata", className: "w-full", children: /* @__PURE__ */ jsx22("source", { src: attachment.dataUrl, type: attachment.mimeType }) }) }),
-      showTranscriptPreview && transcriptMode !== "none" && transcriptText && /* @__PURE__ */ jsx22("div", { className: "mt-3 rounded-lg border bg-background px-3 py-2 text-left text-sm", children: transcriptText }),
-      isAutoSendActive && autoSendDelayMs > 0 && /* @__PURE__ */ jsx22("div", { className: "mt-3 flex justify-center", children: /* @__PURE__ */ jsx22("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__ */ jsxs12("div", { className: "mt-4 grid grid-cols-1 gap-2 sm:flex sm:items-center sm:justify-end", children: [
-        isAutoSendActive && /* @__PURE__ */ jsxs12(Button, { type: "button", variant: "ghost", size: "sm", onClick: onCancelAutoSend, disabled, className: "w-full sm:w-auto", children: [
-          /* @__PURE__ */ jsx22(X3, { className: "h-4 w-4" }),
+      attachment && /* @__PURE__ */ jsx23("div", { className: "mt-4 rounded-lg border bg-background/90 p-2 shadow-sm", children: /* @__PURE__ */ jsx23("audio", { controls: true, preload: "metadata", className: "w-full", children: /* @__PURE__ */ jsx23("source", { src: attachment.dataUrl, type: attachment.mimeType }) }) }),
+      showTranscriptPreview && transcriptMode !== "none" && transcriptText && /* @__PURE__ */ jsx23("div", { className: "mt-3 rounded-lg border bg-background px-3 py-2 text-left text-sm", children: transcriptText }),
+      isAutoSendActive && autoSendDelayMs > 0 && /* @__PURE__ */ jsx23("div", { className: "mt-3 flex justify-center", children: /* @__PURE__ */ jsx23("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__ */ jsxs13("div", { className: "mt-4 grid grid-cols-1 gap-2 sm:flex sm:items-center sm:justify-end", children: [
+        isAutoSendActive && /* @__PURE__ */ jsxs13(Button, { type: "button", variant: "ghost", size: "sm", onClick: onCancelAutoSend, disabled, className: "w-full sm:w-auto", children: [
+          /* @__PURE__ */ jsx23(X3, { className: "h-4 w-4" }),
           labels?.voiceCancel || "Cancel"
         ] }),
-        /* @__PURE__ */ jsxs12(Button, { type: "button", size: "sm", onClick: onSendNow, disabled, className: "w-full sm:w-auto", children: [
-          /* @__PURE__ */ jsx22(Send, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsxs13(Button, { type: "button", size: "sm", onClick: onSendNow, disabled, className: "w-full sm:w-auto", children: [
+          /* @__PURE__ */ jsx23(Send, { className: "h-4 w-4" }),
           labels?.voiceSendNow || "Send now"
         ] })
       ] })
     ] }),
-    errorMessage && /* @__PURE__ */ jsx22("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__ */ jsx23("div", { className: "mt-3 rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2 text-sm text-destructive", children: errorMessage })
   ] });
 };
 
@@ -3643,7 +3592,7 @@ import {
   Pause,
   Loader2 as Loader22
 } from "lucide-react";
-import { Fragment as Fragment5, jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
 function getActiveMentionMatch(value, caret) {
   const prefix = value.slice(0, caret);
   const match = /(^|\s)@([\w.-]*)$/.exec(prefix);
@@ -3667,7 +3616,7 @@ function resolveTargetFromMentions(value, agents) {
   }
   return null;
 }
-var FileUploadItem = memo3(function FileUploadItem2({ file, progress, onCancel }) {
+var FileUploadItem = memo4(function FileUploadItem2({ file, progress, onCancel }) {
   const guessTypeFromName = (name) => {
     const ext = (name || "").split(".").pop()?.toLowerCase();
     switch (ext) {
@@ -3695,10 +3644,10 @@ var FileUploadItem = memo3(function FileUploadItem2({ file, progress, onCancel }
   };
   const getFileIcon = (type, name) => {
     const t = typeof type === "string" && type.length > 0 ? type : guessTypeFromName(name);
-    if (t.startsWith("image/")) return /* @__PURE__ */ jsx23(Image2, { className: "h-4 w-4" });
-    if (t.startsWith("video/")) return /* @__PURE__ */ jsx23(Video, { className: "h-4 w-4" });
-    if (t.startsWith("audio/")) return /* @__PURE__ */ jsx23(Mic2, { className: "h-4 w-4" });
-    return /* @__PURE__ */ jsx23(FileText, { className: "h-4 w-4" });
+    if (t.startsWith("image/")) return /* @__PURE__ */ jsx24(Image2, { className: "h-4 w-4" });
+    if (t.startsWith("video/")) return /* @__PURE__ */ jsx24(Video, { className: "h-4 w-4" });
+    if (t.startsWith("audio/")) return /* @__PURE__ */ jsx24(Mic2, { className: "h-4 w-4" });
+    return /* @__PURE__ */ jsx24(FileText, { className: "h-4 w-4" });
   };
   const formatFileSize = (bytes) => {
     if (bytes === 0) return "0 Bytes";
@@ -3707,30 +3656,30 @@ var FileUploadItem = memo3(function FileUploadItem2({ file, progress, onCancel }
     const i = Math.floor(Math.log(bytes) / Math.log(k));
     return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
   };
-  return /* @__PURE__ */ jsx23(Card, { className: "relative", children: /* @__PURE__ */ jsx23(CardContent, { className: "p-3", children: /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-3", children: [
+  return /* @__PURE__ */ jsx24(Card, { className: "relative", children: /* @__PURE__ */ jsx24(CardContent, { className: "p-3", children: /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-3", children: [
     getFileIcon(file.type, file.name),
-    /* @__PURE__ */ jsxs13("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsx23("p", { className: "text-sm font-medium truncate", children: file.name }),
-      /* @__PURE__ */ jsx23("p", { className: "text-xs text-muted-foreground", children: formatFileSize(file.size ?? 0) }),
-      /* @__PURE__ */ jsx23(Progress, { value: progress, className: "h-1 mt-1" })
+    /* @__PURE__ */ jsxs14("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ jsx24("p", { className: "text-sm font-medium truncate", children: file.name }),
+      /* @__PURE__ */ jsx24("p", { className: "text-xs text-muted-foreground", children: formatFileSize(file.size ?? 0) }),
+      /* @__PURE__ */ jsx24(Progress, { value: progress, className: "h-1 mt-1" })
     ] }),
-    /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx24(
       Button,
       {
         variant: "ghost",
         size: "icon",
         className: "h-6 w-6",
         onClick: onCancel,
-        children: /* @__PURE__ */ jsx23(X4, { className: "h-3 w-3" })
+        children: /* @__PURE__ */ jsx24(X4, { className: "h-3 w-3" })
       }
     )
   ] }) }) });
 });
-var AttachmentPreview = memo3(function AttachmentPreview2({ attachment, onRemove }) {
-  const [isPlaying, setIsPlaying] = useState6(false);
-  const [audioPlaybackSrc, setAudioPlaybackSrc] = useState6(attachment.dataUrl);
+var AttachmentPreview = memo4(function AttachmentPreview2({ attachment, onRemove }) {
+  const [isPlaying, setIsPlaying] = useState7(false);
+  const [audioPlaybackSrc, setAudioPlaybackSrc] = useState7(attachment.dataUrl);
   const audioRef = useRef5(null);
-  useEffect9(() => {
+  useEffect10(() => {
     if (attachment.kind !== "audio" || !attachment.dataUrl.startsWith("data:")) {
       setAudioPlaybackSrc(attachment.dataUrl);
       return;
@@ -3761,9 +3710,9 @@ var AttachmentPreview = memo3(function AttachmentPreview2({ attachment, onRemove
     const minutes = Math.floor(seconds / 60);
     return `${minutes}:${(seconds % 60).toString().padStart(2, "0")}`;
   };
-  return /* @__PURE__ */ jsx23(Card, { className: "relative group", children: /* @__PURE__ */ jsxs13(CardContent, { className: "p-2", children: [
-    attachment.kind === "image" && /* @__PURE__ */ jsxs13("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(Card, { className: "relative group", children: /* @__PURE__ */ jsxs14(CardContent, { className: "p-2", children: [
+    attachment.kind === "image" && /* @__PURE__ */ jsxs14("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx24(
         "img",
         {
           src: attachment.dataUrl,
@@ -3771,19 +3720,19 @@ var AttachmentPreview = memo3(function AttachmentPreview2({ attachment, onRemove
           className: "w-full h-20 object-cover rounded"
         }
       ),
-      /* @__PURE__ */ jsx23("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded flex items-center justify-center", children: /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx24("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded flex items-center justify-center", children: /* @__PURE__ */ jsx24(
         Button,
         {
           variant: "destructive",
           size: "icon",
           className: "h-6 w-6",
           onClick: onRemove,
-          children: /* @__PURE__ */ jsx23(X4, { className: "h-3 w-3" })
+          children: /* @__PURE__ */ jsx24(X4, { className: "h-3 w-3" })
         }
       ) })
     ] }),
-    attachment.kind === "video" && /* @__PURE__ */ jsxs13("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx23(
+    attachment.kind === "video" && /* @__PURE__ */ jsxs14("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx24(
         "video",
         {
           src: attachment.dataUrl,
@@ -3792,34 +3741,34 @@ var AttachmentPreview = memo3(function AttachmentPreview2({ attachment, onRemove
           muted: true
         }
       ),
-      /* @__PURE__ */ jsx23("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded flex items-center justify-center", children: /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx24("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded flex items-center justify-center", children: /* @__PURE__ */ jsx24(
         Button,
         {
           variant: "destructive",
           size: "icon",
           className: "h-6 w-6",
           onClick: onRemove,
-          children: /* @__PURE__ */ jsx23(X4, { className: "h-3 w-3" })
+          children: /* @__PURE__ */ jsx24(X4, { className: "h-3 w-3" })
         }
       ) }),
-      /* @__PURE__ */ jsx23(Badge, { className: "absolute bottom-1 right-1 text-xs", children: formatDuration2(attachment.durationMs) })
+      /* @__PURE__ */ jsx24(Badge, { className: "absolute bottom-1 right-1 text-xs", children: formatDuration2(attachment.durationMs) })
     ] }),
-    attachment.kind === "audio" && /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 p-2", children: [
-      /* @__PURE__ */ jsx23(
+    attachment.kind === "audio" && /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 p-2", children: [
+      /* @__PURE__ */ jsx24(
         Button,
         {
           variant: "outline",
           size: "icon",
           className: "h-8 w-8",
           onClick: handlePlayPause,
-          children: isPlaying ? /* @__PURE__ */ jsx23(Pause, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx23(Play, { className: "h-3 w-3" })
+          children: isPlaying ? /* @__PURE__ */ jsx24(Pause, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx24(Play, { className: "h-3 w-3" })
         }
       ),
-      /* @__PURE__ */ jsxs13("div", { className: "flex-1", children: [
-        /* @__PURE__ */ jsx23("p", { className: "text-xs font-medium", children: attachment.fileName || "Audio" }),
-        /* @__PURE__ */ jsx23("p", { className: "text-xs text-muted-foreground", children: formatDuration2(attachment.durationMs) })
+      /* @__PURE__ */ jsxs14("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx24("p", { className: "text-xs font-medium", children: attachment.fileName || "Audio" }),
+        /* @__PURE__ */ jsx24("p", { className: "text-xs text-muted-foreground", children: formatDuration2(attachment.durationMs) })
       ] }),
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx24(
         "audio",
         {
           ref: audioRef,
@@ -3827,21 +3776,21 @@ var AttachmentPreview = memo3(function AttachmentPreview2({ attachment, onRemove
           onPause: () => setIsPlaying(false),
           onEnded: () => setIsPlaying(false),
           preload: "metadata",
-          children: /* @__PURE__ */ jsx23("source", { src: audioPlaybackSrc, type: attachment.mimeType })
+          children: /* @__PURE__ */ jsx24("source", { src: audioPlaybackSrc, type: attachment.mimeType })
         }
       ),
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx24(
         Button,
         {
           variant: "ghost",
           size: "icon",
           className: "h-6 w-6 opacity-0 group-hover:opacity-100 transition-opacity",
           onClick: onRemove,
-          children: /* @__PURE__ */ jsx23(X4, { className: "h-3 w-3" })
+          children: /* @__PURE__ */ jsx24(X4, { className: "h-3 w-3" })
         }
       )
     ] }),
-    attachment.fileName && attachment.kind !== "audio" && /* @__PURE__ */ jsx23("div", { className: "absolute bottom-0 left-0 right-0 bg-black/70 text-white text-xs p-1 rounded-b", children: /* @__PURE__ */ jsx23("p", { className: "truncate", children: attachment.fileName }) })
+    attachment.fileName && attachment.kind !== "audio" && /* @__PURE__ */ jsx24("div", { className: "absolute bottom-0 left-0 right-0 bg-black/70 text-white text-xs p-1 rounded-b", children: /* @__PURE__ */ jsx24("p", { className: "truncate", children: attachment.fileName }) })
   ] }) });
 });
 var resolveVoiceErrorMessage = (error, config) => {
@@ -3855,7 +3804,7 @@ var resolveVoiceErrorMessage = (error, config) => {
 };
 var clearVoiceTranscript = () => ({});
 var resolveVoiceSegmentDuration = (segment) => segment.attachment.durationMs ?? 0;
-var ChatInput = memo3(function ChatInput2({
+var ChatInput = memo4(function ChatInput2({
   value,
   onChange,
   onSubmit,
@@ -3884,27 +3833,27 @@ var ChatInput = memo3(function ChatInput2({
   const voiceTranscriptMode = config?.voiceCompose?.transcriptMode ?? "final-only";
   const voiceMaxRecordingMs = config?.voiceCompose?.maxRecordingMs;
   const { setContext } = useChatUserContext();
-  const [uploadProgress, setUploadProgress] = useState6(/* @__PURE__ */ new Map());
-  const [isVoiceComposerOpen, setIsVoiceComposerOpen] = useState6(
+  const [uploadProgress, setUploadProgress] = useState7(/* @__PURE__ */ new Map());
+  const [isVoiceComposerOpen, setIsVoiceComposerOpen] = useState7(
     () => enableAudioRecording && voiceDefaultMode === "voice"
   );
-  const [voiceState, setVoiceState] = useState6("idle");
-  const [voiceDraft, setVoiceDraft] = useState6(null);
-  const [voiceTranscript, setVoiceTranscript] = useState6(clearVoiceTranscript);
-  const [voiceDurationMs, setVoiceDurationMs] = useState6(0);
-  const [voiceAudioLevel, setVoiceAudioLevel] = useState6(0);
-  const [voiceCountdownMs, setVoiceCountdownMs] = useState6(0);
-  const [isVoiceAutoSendActive, setIsVoiceAutoSendActive] = useState6(false);
-  const [voiceError, setVoiceError] = useState6(null);
-  const [activeMention, setActiveMention] = useState6(null);
-  const [activeMentionIndex, setActiveMentionIndex] = useState6(0);
+  const [voiceState, setVoiceState] = useState7("idle");
+  const [voiceDraft, setVoiceDraft] = useState7(null);
+  const [voiceTranscript, setVoiceTranscript] = useState7(clearVoiceTranscript);
+  const [voiceDurationMs, setVoiceDurationMs] = useState7(0);
+  const [voiceAudioLevel, setVoiceAudioLevel] = useState7(0);
+  const [voiceCountdownMs, setVoiceCountdownMs] = useState7(0);
+  const [isVoiceAutoSendActive, setIsVoiceAutoSendActive] = useState7(false);
+  const [voiceError, setVoiceError] = useState7(null);
+  const [activeMention, setActiveMention] = useState7(null);
+  const [activeMentionIndex, setActiveMentionIndex] = useState7(0);
   const textareaRef = useRef5(null);
   const fileInputRef = useRef5(null);
   const voiceProviderRef = useRef5(null);
   const voiceDraftRef = useRef5(null);
   const voiceAppendBaseRef = useRef5(null);
   const voiceAppendBaseDurationRef = useRef5(0);
-  const filteredMentionAgents = React11.useMemo(() => {
+  const filteredMentionAgents = React12.useMemo(() => {
     if (!activeMention || mentionAgents.length === 0) return [];
     const query = activeMention.query.trim().toLowerCase();
     const rank = (agent) => {
@@ -3933,7 +3882,7 @@ var ChatInput = memo3(function ChatInput2({
     });
     setActiveMentionIndex(0);
   }, []);
-  useEffect9(() => {
+  useEffect10(() => {
     return () => {
       if (voiceProviderRef.current) {
         void voiceProviderRef.current.destroy();
@@ -3941,10 +3890,10 @@ var ChatInput = memo3(function ChatInput2({
       }
     };
   }, []);
-  useEffect9(() => {
+  useEffect10(() => {
     voiceDraftRef.current = voiceDraft;
   }, [voiceDraft]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!isMentionMenuOpen) {
       setActiveMentionIndex(0);
       return;
@@ -4364,7 +4313,7 @@ var ChatInput = memo3(function ChatInput2({
     setVoiceAudioLevel(0);
     setVoiceState("review");
   }, [armVoiceDraftForAppend, stopVoiceCapture, voiceReviewMode, voiceState]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!voiceDraft || voiceAutoSendDelayMs <= 0 || !isVoiceAutoSendActive) {
       return;
     }
@@ -4392,8 +4341,8 @@ var ChatInput = memo3(function ChatInput2({
   };
   const canAddMoreAttachments = attachments.length < maxAttachments;
   const showVoiceComposer = enableAudioRecording && isVoiceComposerOpen;
-  return /* @__PURE__ */ jsx23(TooltipProvider, { children: /* @__PURE__ */ jsx23("div", { className: `border-t py-0 bg-transparent ${className}`, children: /* @__PURE__ */ jsxs13("div", { className: "px-0 md:p-2 pb-1 space-y-4 bg-transparent", children: [
-    uploadProgress.size > 0 && /* @__PURE__ */ jsx23("div", { className: "space-y-2", children: Array.from(uploadProgress.entries()).map(([id, progress]) => /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(TooltipProvider, { children: /* @__PURE__ */ jsx24("div", { className: `border-t py-0 bg-transparent ${className}`, children: /* @__PURE__ */ jsxs14("div", { className: "px-0 md:p-2 pb-1 space-y-4 bg-transparent", children: [
+    uploadProgress.size > 0 && /* @__PURE__ */ jsx24("div", { className: "space-y-2", children: Array.from(uploadProgress.entries()).map(([id, progress]) => /* @__PURE__ */ jsx24(
       FileUploadItem,
       {
         file: { name: progress.fileName },
@@ -4408,7 +4357,7 @@ var ChatInput = memo3(function ChatInput2({
       },
       id
     )) }),
-    attachments.length > 0 && /* @__PURE__ */ jsx23("div", { className: "grid grid-cols-4 gap-2", children: attachments.map((attachment, index) => /* @__PURE__ */ jsx23(
+    attachments.length > 0 && /* @__PURE__ */ jsx24("div", { className: "grid grid-cols-4 gap-2", children: attachments.map((attachment, index) => /* @__PURE__ */ jsx24(
       AttachmentPreview,
       {
         attachment,
@@ -4416,7 +4365,7 @@ var ChatInput = memo3(function ChatInput2({
       },
       index
     )) }),
-    showVoiceComposer ? /* @__PURE__ */ jsx23("div", { className: "mb-1 flex justify-center", children: /* @__PURE__ */ jsx23(
+    showVoiceComposer ? /* @__PURE__ */ jsx24("div", { className: "mb-1 flex justify-center", children: /* @__PURE__ */ jsx24(
       VoiceComposer,
       {
         state: voiceState,
@@ -4456,15 +4405,15 @@ var ChatInput = memo3(function ChatInput2({
           void closeVoiceComposer();
         }
       }
-    ) }) : /* @__PURE__ */ jsx23("form", { onSubmit: handleSubmit, className: "mb-1 flex justify-center", children: /* @__PURE__ */ jsxs13(
+    ) }) : /* @__PURE__ */ jsx24("form", { onSubmit: handleSubmit, className: "mb-1 flex justify-center", children: /* @__PURE__ */ jsxs14(
       "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__ */ jsxs13(Fragment5, { children: [
-            /* @__PURE__ */ jsx23(
+          enableFileUpload && canAddMoreAttachments && /* @__PURE__ */ jsxs14(Fragment5, { children: [
+            /* @__PURE__ */ jsx24(
               "input",
               {
                 ref: fileInputRef,
@@ -4475,8 +4424,8 @@ var ChatInput = memo3(function ChatInput2({
                 className: "hidden"
               }
             ),
-            /* @__PURE__ */ jsxs13(Tooltip, { children: [
-              /* @__PURE__ */ jsx23(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx23(
+            /* @__PURE__ */ jsxs14(Tooltip, { children: [
+              /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx24(
                 Button,
                 {
                   type: "button",
@@ -4489,14 +4438,14 @@ var ChatInput = memo3(function ChatInput2({
                     fileInputRef.current?.click();
                   },
                   disabled,
-                  children: /* @__PURE__ */ jsx23(Paperclip, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx24(Paperclip, { className: "h-4 w-4" })
                 }
               ) }),
-              /* @__PURE__ */ jsx23(TooltipContent, { children: config?.labels?.attachFileTooltip })
+              /* @__PURE__ */ jsx24(TooltipContent, { children: config?.labels?.attachFileTooltip })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs13("div", { className: "relative flex-1", children: [
-            /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsxs14("div", { className: "relative flex-1", children: [
+            /* @__PURE__ */ jsx24(
               Textarea,
               {
                 ref: textareaRef,
@@ -4520,7 +4469,7 @@ var ChatInput = memo3(function ChatInput2({
                 rows: 1
               }
             ),
-            isMentionMenuOpen && /* @__PURE__ */ jsx23("div", { className: "absolute bottom-full left-0 right-0 mb-2 overflow-hidden rounded-md border bg-popover shadow-md", children: /* @__PURE__ */ jsx23("div", { className: "p-1", children: filteredMentionAgents.map((agent, index) => /* @__PURE__ */ jsxs13(
+            isMentionMenuOpen && /* @__PURE__ */ jsx24("div", { className: "absolute bottom-full left-0 right-0 mb-2 overflow-hidden rounded-md border bg-popover shadow-md", children: /* @__PURE__ */ jsx24("div", { className: "p-1", children: filteredMentionAgents.map((agent, index) => /* @__PURE__ */ jsxs14(
               "button",
               {
                 type: "button",
@@ -4530,15 +4479,15 @@ var ChatInput = memo3(function ChatInput2({
                   selectMentionAgent(agent);
                 },
                 children: [
-                  /* @__PURE__ */ jsx23("span", { className: "font-medium", children: agent.name }),
-                  agent.description && /* @__PURE__ */ jsx23("span", { className: "truncate text-xs text-muted-foreground", children: agent.description })
+                  /* @__PURE__ */ jsx24("span", { className: "font-medium", children: agent.name }),
+                  agent.description && /* @__PURE__ */ jsx24("span", { className: "truncate text-xs text-muted-foreground", children: agent.description })
                 ]
               },
               agent.id
             )) }) })
           ] }),
-          enableAudioRecording && canAddMoreAttachments && !value.trim() && /* @__PURE__ */ jsxs13(Tooltip, { children: [
-            /* @__PURE__ */ jsx23(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx23(
+          enableAudioRecording && canAddMoreAttachments && !value.trim() && /* @__PURE__ */ jsxs14(Tooltip, { children: [
+            /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx24(
               Button,
               {
                 type: "button",
@@ -4549,13 +4498,13 @@ var ChatInput = memo3(function ChatInput2({
                   void startVoiceCapture();
                 },
                 disabled: disabled || isGenerating,
-                children: /* @__PURE__ */ jsx23(Mic2, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx24(Mic2, { className: "h-4 w-4" })
               }
             ) }),
-            /* @__PURE__ */ jsx23(TooltipContent, { children: config?.labels?.voiceEnter })
+            /* @__PURE__ */ jsx24(TooltipContent, { children: config?.labels?.voiceEnter })
           ] }),
-          isGenerating ? /* @__PURE__ */ jsxs13(Tooltip, { children: [
-            /* @__PURE__ */ jsx23(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx23(
+          isGenerating ? /* @__PURE__ */ jsxs14(Tooltip, { children: [
+            /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx24(
               Button,
               {
                 type: "button",
@@ -4563,36 +4512,36 @@ var ChatInput = memo3(function ChatInput2({
                 size: "icon",
                 className: "h-10 w-10",
                 onClick: onStopGeneration,
-                children: /* @__PURE__ */ jsx23(Square2, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx24(Square2, { className: "h-4 w-4" })
               }
             ) }),
-            /* @__PURE__ */ jsx23(TooltipContent, { children: config?.labels?.stopGenerationTooltip })
-          ] }) : /* @__PURE__ */ jsxs13(Tooltip, { children: [
-            /* @__PURE__ */ jsx23(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx23(
+            /* @__PURE__ */ jsx24(TooltipContent, { children: config?.labels?.stopGenerationTooltip })
+          ] }) : /* @__PURE__ */ jsxs14(Tooltip, { children: [
+            /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx24(
               Button,
               {
                 type: "submit",
                 size: "icon",
                 className: "h-10 w-10",
                 disabled: disabled || !value.trim() && attachments.length === 0,
-                children: disabled ? /* @__PURE__ */ jsx23(Loader22, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx23(Send2, { className: "h-4 w-4" })
+                children: disabled ? /* @__PURE__ */ jsx24(Loader22, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx24(Send2, { className: "h-4 w-4" })
               }
             ) }),
-            /* @__PURE__ */ jsx23(TooltipContent, { children: config?.labels?.sendMessageTooltip })
+            /* @__PURE__ */ jsx24(TooltipContent, { children: config?.labels?.sendMessageTooltip })
           ] })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs13("div", { className: "text-[10px] text-muted-foreground text-center", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "text-[10px] text-muted-foreground text-center", children: [
       window.innerWidth > 768 ? config?.labels?.inputHelpText : "",
-      attachments.length > 0 && /* @__PURE__ */ jsxs13(Fragment5, { children: [
+      attachments.length > 0 && /* @__PURE__ */ jsxs14(Fragment5, { children: [
         " \u2022 ",
         attachments.length,
         "/",
         maxAttachments,
         " anexos"
       ] }),
-      config?.labels?.footerLabel && /* @__PURE__ */ jsxs13(Fragment5, { children: [
+      config?.labels?.footerLabel && /* @__PURE__ */ jsxs14(Fragment5, { children: [
         " \u2022 ",
         config.labels.footerLabel
       ] })
@@ -4601,21 +4550,21 @@ var ChatInput = memo3(function ChatInput2({
 });
 
 // src/components/chat/UserProfile.tsx
-import { useState as useState7 } from "react";
+import { useState as useState8 } from "react";
 
 // src/components/ui/scroll-area.tsx
-import * as React12 from "react";
+import * as React13 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
-var ScrollArea = React12.forwardRef(({ className, children, viewportClassName, onScroll, onScrollCapture, ...props }, ref) => {
-  return /* @__PURE__ */ jsxs14(
+import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
+var ScrollArea = React13.forwardRef(({ className, children, viewportClassName, onScroll, onScrollCapture, ...props }, ref) => {
+  return /* @__PURE__ */ jsxs15(
     ScrollAreaPrimitive.Root,
     {
       "data-slot": "scroll-area",
       className: cn("relative", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx25(
           ScrollAreaPrimitive.Viewport,
           {
             ref,
@@ -4629,8 +4578,8 @@ var ScrollArea = React12.forwardRef(({ className, children, viewportClassName, o
             children
           }
         ),
-        /* @__PURE__ */ jsx24(ScrollBar, {}),
-        /* @__PURE__ */ jsx24(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx25(ScrollBar, {}),
+        /* @__PURE__ */ jsx25(ScrollAreaPrimitive.Corner, {})
       ]
     }
   );
@@ -4641,7 +4590,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
@@ -4653,7 +4602,7 @@ function ScrollBar({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx24(
+      children: /* @__PURE__ */ jsx25(
         ScrollAreaPrimitive.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -4692,7 +4641,7 @@ import {
   Check as Check4,
   X as X5
 } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
 var getInitials2 = (name, email) => {
   if (name) {
     return name.split(" ").map((n) => n[0]).slice(0, 2).join("").toUpperCase();
@@ -4706,29 +4655,29 @@ var getFieldIcon = (type, key) => {
   const iconClass = "h-4 w-4 text-muted-foreground";
   switch (type) {
     case "email":
-      return /* @__PURE__ */ jsx25(Mail, { className: iconClass });
+      return /* @__PURE__ */ jsx26(Mail, { className: iconClass });
     case "phone":
-      return /* @__PURE__ */ jsx25(Phone, { className: iconClass });
+      return /* @__PURE__ */ jsx26(Phone, { className: iconClass });
     case "url":
-      return /* @__PURE__ */ jsx25(Globe, { className: iconClass });
+      return /* @__PURE__ */ jsx26(Globe, { className: iconClass });
     case "date":
-      return /* @__PURE__ */ jsx25(Calendar, { className: iconClass });
+      return /* @__PURE__ */ jsx26(Calendar, { className: iconClass });
   }
   const lowerKey = key?.toLowerCase() || "";
-  if (lowerKey.includes("follower")) return /* @__PURE__ */ jsx25(Users2, { className: iconClass });
-  if (lowerKey.includes("following")) return /* @__PURE__ */ jsx25(UserPlus, { className: iconClass });
-  if (lowerKey.includes("post") || lowerKey.includes("publication")) return /* @__PURE__ */ jsx25(Image3, { className: iconClass });
-  if (lowerKey.includes("verified") || lowerKey.includes("badge")) return /* @__PURE__ */ jsx25(BadgeCheck, { className: iconClass });
-  if (lowerKey.includes("bio")) return /* @__PURE__ */ jsx25(FileText2, { className: iconClass });
-  if (lowerKey.includes("email")) return /* @__PURE__ */ jsx25(Mail, { className: iconClass });
-  if (lowerKey.includes("phone") || lowerKey.includes("tel")) return /* @__PURE__ */ jsx25(Phone, { className: iconClass });
-  if (lowerKey.includes("location") || lowerKey.includes("address") || lowerKey.includes("city")) return /* @__PURE__ */ jsx25(MapPin, { className: iconClass });
-  if (lowerKey.includes("company") || lowerKey.includes("org")) return /* @__PURE__ */ jsx25(Building, { className: iconClass });
-  if (lowerKey.includes("job") || lowerKey.includes("role") || lowerKey.includes("title") || lowerKey.includes("position")) return /* @__PURE__ */ jsx25(Briefcase, { className: iconClass });
-  if (lowerKey.includes("website") || lowerKey.includes("url") || lowerKey.includes("link")) return /* @__PURE__ */ jsx25(Globe, { className: iconClass });
-  if (lowerKey.includes("username") || lowerKey.includes("handle")) return /* @__PURE__ */ jsx25(AtSign2, { className: iconClass });
-  if (lowerKey.includes("date") || lowerKey.includes("birthday") || lowerKey.includes("joined")) return /* @__PURE__ */ jsx25(Calendar, { className: iconClass });
-  return /* @__PURE__ */ jsx25(User2, { className: iconClass });
+  if (lowerKey.includes("follower")) return /* @__PURE__ */ jsx26(Users2, { className: iconClass });
+  if (lowerKey.includes("following")) return /* @__PURE__ */ jsx26(UserPlus, { className: iconClass });
+  if (lowerKey.includes("post") || lowerKey.includes("publication")) return /* @__PURE__ */ jsx26(Image3, { className: iconClass });
+  if (lowerKey.includes("verified") || lowerKey.includes("badge")) return /* @__PURE__ */ jsx26(BadgeCheck, { className: iconClass });
+  if (lowerKey.includes("bio")) return /* @__PURE__ */ jsx26(FileText2, { className: iconClass });
+  if (lowerKey.includes("email")) return /* @__PURE__ */ jsx26(Mail, { className: iconClass });
+  if (lowerKey.includes("phone") || lowerKey.includes("tel")) return /* @__PURE__ */ jsx26(Phone, { className: iconClass });
+  if (lowerKey.includes("location") || lowerKey.includes("address") || lowerKey.includes("city")) return /* @__PURE__ */ jsx26(MapPin, { className: iconClass });
+  if (lowerKey.includes("company") || lowerKey.includes("org")) return /* @__PURE__ */ jsx26(Building, { className: iconClass });
+  if (lowerKey.includes("job") || lowerKey.includes("role") || lowerKey.includes("title") || lowerKey.includes("position")) return /* @__PURE__ */ jsx26(Briefcase, { className: iconClass });
+  if (lowerKey.includes("website") || lowerKey.includes("url") || lowerKey.includes("link")) return /* @__PURE__ */ jsx26(Globe, { className: iconClass });
+  if (lowerKey.includes("username") || lowerKey.includes("handle")) return /* @__PURE__ */ jsx26(AtSign2, { className: iconClass });
+  if (lowerKey.includes("date") || lowerKey.includes("birthday") || lowerKey.includes("joined")) return /* @__PURE__ */ jsx26(Calendar, { className: iconClass });
+  return /* @__PURE__ */ jsx26(User2, { className: iconClass });
 };
 var formatValue = (value, type, key) => {
   if (value === null || value === void 0) return "-";
@@ -4762,15 +4711,15 @@ var getMemoryCategoryIcon = (category) => {
   const iconClass = "h-4 w-4 text-muted-foreground";
   switch (category) {
     case "preference":
-      return /* @__PURE__ */ jsx25(Heart, { className: iconClass });
+      return /* @__PURE__ */ jsx26(Heart, { className: iconClass });
     case "fact":
-      return /* @__PURE__ */ jsx25(Info, { className: iconClass });
+      return /* @__PURE__ */ jsx26(Info, { className: iconClass });
     case "goal":
-      return /* @__PURE__ */ jsx25(Target, { className: iconClass });
+      return /* @__PURE__ */ jsx26(Target, { className: iconClass });
     case "context":
-      return /* @__PURE__ */ jsx25(Lightbulb, { className: iconClass });
+      return /* @__PURE__ */ jsx26(Lightbulb, { className: iconClass });
     default:
-      return /* @__PURE__ */ jsx25(Brain2, { className: iconClass });
+      return /* @__PURE__ */ jsx26(Brain2, { className: iconClass });
   }
 };
 var getMemoryCategoryLabel = (category) => {
@@ -4801,10 +4750,10 @@ var UserProfile = ({
   onDeleteMemory,
   className
 }) => {
-  const [newMemoryContent, setNewMemoryContent] = useState7("");
-  const [isAddingMemory, setIsAddingMemory] = useState7(false);
-  const [editingMemoryId, setEditingMemoryId] = useState7(null);
-  const [editingMemoryContent, setEditingMemoryContent] = useState7("");
+  const [newMemoryContent, setNewMemoryContent] = useState8("");
+  const [isAddingMemory, setIsAddingMemory] = useState8(false);
+  const [editingMemoryId, setEditingMemoryId] = useState8(null);
+  const [editingMemoryContent, setEditingMemoryContent] = useState8("");
   const handleAddMemory = () => {
     if (newMemoryContent.trim() && onAddMemory) {
       onAddMemory(newMemoryContent.trim(), "other");
@@ -4840,66 +4789,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__ */ jsx25(Sheet, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsx26(Sheet, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs16(
     SheetContent,
     {
       side: "right",
       className: cn("w-full sm:max-w-md p-0 flex flex-col h-full overflow-hidden", className),
       children: [
-        /* @__PURE__ */ jsx25(SheetHeader, { className: "px-6 py-4 border-b shrink-0", children: /* @__PURE__ */ jsx25("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx25(SheetTitle, { children: labels.title }) }) }),
-        /* @__PURE__ */ jsx25(ScrollArea, { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxs15("div", { className: "p-6 space-y-6", children: [
-          /* @__PURE__ */ jsxs15("div", { className: "flex flex-col items-center text-center space-y-4", children: [
-            /* @__PURE__ */ jsxs15(Avatar, { className: "h-24 w-24 shrink-0", children: [
-              user?.avatar && /* @__PURE__ */ jsx25(AvatarImage, { src: user.avatar, alt: displayName }),
-              /* @__PURE__ */ jsx25(AvatarFallback, { className: "text-2xl bg-primary/10 text-primary", children: initials })
+        /* @__PURE__ */ jsx26(SheetHeader, { className: "px-6 py-4 border-b shrink-0", children: /* @__PURE__ */ jsx26("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx26(SheetTitle, { children: labels.title }) }) }),
+        /* @__PURE__ */ jsx26(ScrollArea, { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxs16("div", { className: "p-6 space-y-6", children: [
+          /* @__PURE__ */ jsxs16("div", { className: "flex flex-col items-center text-center space-y-4", children: [
+            /* @__PURE__ */ jsxs16(Avatar, { className: "h-24 w-24 shrink-0", children: [
+              user?.avatar && /* @__PURE__ */ jsx26(AvatarImage, { src: user.avatar, alt: displayName }),
+              /* @__PURE__ */ jsx26(AvatarFallback, { className: "text-2xl bg-primary/10 text-primary", children: initials })
             ] }),
-            /* @__PURE__ */ jsxs15("div", { className: "w-full px-2", children: [
-              /* @__PURE__ */ jsx25("h2", { className: "text-xl font-semibold break-words", children: displayName }),
-              user?.email && /* @__PURE__ */ jsx25("p", { className: "text-sm text-muted-foreground break-words", children: user.email })
+            /* @__PURE__ */ jsxs16("div", { className: "w-full px-2", children: [
+              /* @__PURE__ */ jsx26("h2", { className: "text-xl font-semibold break-words", children: displayName }),
+              user?.email && /* @__PURE__ */ jsx26("p", { className: "text-sm text-muted-foreground break-words", children: user.email })
             ] })
           ] }),
-          /* @__PURE__ */ jsx25(Separator, {}),
-          /* @__PURE__ */ jsxs15("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsx25("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: labels.basicInfo }),
-            /* @__PURE__ */ jsxs15("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsxs15("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
-                /* @__PURE__ */ jsx25(User2, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
-                /* @__PURE__ */ jsxs15("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ jsx25("p", { className: "text-xs text-muted-foreground", children: "Name" }),
-                  /* @__PURE__ */ jsx25("p", { className: "text-sm font-medium break-words", children: displayName })
+          /* @__PURE__ */ jsx26(Separator, {}),
+          /* @__PURE__ */ jsxs16("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ jsx26("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: labels.basicInfo }),
+            /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsxs16("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
+                /* @__PURE__ */ jsx26(User2, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+                /* @__PURE__ */ jsxs16("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsx26("p", { className: "text-xs text-muted-foreground", children: "Name" }),
+                  /* @__PURE__ */ jsx26("p", { className: "text-sm font-medium break-words", children: displayName })
                 ] })
               ] }),
-              user?.email && /* @__PURE__ */ jsxs15("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
-                /* @__PURE__ */ jsx25(AtSign2, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
-                /* @__PURE__ */ jsxs15("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ jsx25("p", { className: "text-xs text-muted-foreground", children: "Handle" }),
-                  /* @__PURE__ */ jsx25("p", { className: "text-sm font-medium break-words", children: user.email })
+              user?.email && /* @__PURE__ */ jsxs16("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
+                /* @__PURE__ */ jsx26(AtSign2, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+                /* @__PURE__ */ jsxs16("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsx26("p", { className: "text-xs text-muted-foreground", children: "Handle" }),
+                  /* @__PURE__ */ jsx26("p", { className: "text-sm font-medium break-words", children: user.email })
                 ] })
               ] }),
-              user?.id && user.id !== user?.name && user.id !== user?.email && /* @__PURE__ */ jsxs15("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
-                /* @__PURE__ */ jsx25(User2, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
-                /* @__PURE__ */ jsxs15("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ jsx25("p", { className: "text-xs text-muted-foreground", children: "ID" }),
-                  /* @__PURE__ */ jsx25("p", { className: "text-sm font-medium break-words", children: user.id })
+              user?.id && user.id !== user?.name && user.id !== user?.email && /* @__PURE__ */ jsxs16("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
+                /* @__PURE__ */ jsx26(User2, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+                /* @__PURE__ */ jsxs16("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsx26("p", { className: "text-xs text-muted-foreground", children: "ID" }),
+                  /* @__PURE__ */ jsx26("p", { className: "text-sm font-medium break-words", children: user.id })
                 ] })
               ] })
             ] })
           ] }),
-          normalizedFields.length > 0 && /* @__PURE__ */ jsxs15(Fragment6, { children: [
-            /* @__PURE__ */ jsx25(Separator, {}),
-            /* @__PURE__ */ jsxs15("div", { className: "space-y-3", children: [
-              /* @__PURE__ */ jsx25("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: labels.customFields }),
-              /* @__PURE__ */ jsx25("div", { className: "space-y-2", children: normalizedFields.map((field) => {
+          normalizedFields.length > 0 && /* @__PURE__ */ jsxs16(Fragment6, { children: [
+            /* @__PURE__ */ jsx26(Separator, {}),
+            /* @__PURE__ */ jsxs16("div", { className: "space-y-3", children: [
+              /* @__PURE__ */ jsx26("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: labels.customFields }),
+              /* @__PURE__ */ jsx26("div", { className: "space-y-2", children: normalizedFields.map((field) => {
                 const isBioField = field.key.toLowerCase().includes("bio");
-                return /* @__PURE__ */ jsxs15(
+                return /* @__PURE__ */ jsxs16(
                   "div",
                   {
                     className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50",
                     children: [
-                      /* @__PURE__ */ jsx25("div", { className: "mt-0.5 shrink-0", children: field.icon || getFieldIcon(field.type, field.key) }),
-                      /* @__PURE__ */ jsxs15("div", { className: "flex-1 min-w-0", children: [
-                        /* @__PURE__ */ jsx25("p", { className: "text-xs text-muted-foreground", children: field.label }),
-                        /* @__PURE__ */ jsx25("p", { className: cn(
+                      /* @__PURE__ */ jsx26("div", { className: "mt-0.5 shrink-0", children: field.icon || getFieldIcon(field.type, field.key) }),
+                      /* @__PURE__ */ jsxs16("div", { className: "flex-1 min-w-0", children: [
+                        /* @__PURE__ */ jsx26("p", { className: "text-xs text-muted-foreground", children: field.label }),
+                        /* @__PURE__ */ jsx26("p", { className: cn(
                           "text-sm font-medium",
                           isBioField ? "whitespace-pre-wrap break-words" : "break-words"
                         ), children: formatValue(field.value, field.type, field.key) })
@@ -4911,26 +4860,26 @@ var UserProfile = ({
               }) })
             ] })
           ] }),
-          /* @__PURE__ */ jsx25(Separator, {}),
-          /* @__PURE__ */ jsxs15("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ jsxs15("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx25(Brain2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx26(Separator, {}),
+          /* @__PURE__ */ jsxs16("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxs16("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx26(Brain2, { className: "h-4 w-4" }),
                 labels.memories
               ] }),
-              onAddMemory && /* @__PURE__ */ jsx25(
+              onAddMemory && /* @__PURE__ */ jsx26(
                 Button,
                 {
                   variant: "ghost",
                   size: "sm",
                   className: "h-7 px-2",
                   onClick: () => setIsAddingMemory(true),
-                  children: /* @__PURE__ */ jsx25(Plus3, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx26(Plus3, { className: "h-4 w-4" })
                 }
               )
             ] }),
-            isAddingMemory && onAddMemory && /* @__PURE__ */ jsxs15("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ jsx25(
+            isAddingMemory && onAddMemory && /* @__PURE__ */ jsxs16("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsx26(
                 Input,
                 {
                   value: newMemoryContent,
@@ -4947,24 +4896,24 @@ var UserProfile = ({
                   autoFocus: true
                 }
               ),
-              /* @__PURE__ */ jsx25(Button, { size: "sm", onClick: handleAddMemory, disabled: !newMemoryContent.trim(), children: "Salvar" })
+              /* @__PURE__ */ jsx26(Button, { size: "sm", onClick: handleAddMemory, disabled: !newMemoryContent.trim(), children: "Salvar" })
             ] }),
-            /* @__PURE__ */ jsx25("div", { className: "space-y-2", children: memories.length === 0 ? /* @__PURE__ */ jsx25("p", { className: "text-sm text-muted-foreground text-center py-4", children: labels.noMemories }) : memories.map((memory) => {
+            /* @__PURE__ */ jsx26("div", { className: "space-y-2", children: memories.length === 0 ? /* @__PURE__ */ jsx26("p", { className: "text-sm text-muted-foreground text-center py-4", children: labels.noMemories }) : memories.map((memory) => {
               const isEditing = editingMemoryId === memory.id;
-              return /* @__PURE__ */ jsxs15(
+              return /* @__PURE__ */ jsxs16(
                 "div",
                 {
                   className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50 group",
                   children: [
-                    /* @__PURE__ */ jsx25("div", { className: "mt-0.5 shrink-0", children: memory.source === "agent" ? /* @__PURE__ */ jsx25(Bot3, { className: "h-4 w-4 text-primary" }) : getMemoryCategoryIcon(memory.category) }),
-                    /* @__PURE__ */ jsxs15("div", { className: "flex-1 min-w-0", children: [
-                      /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2 mb-0.5", children: [
-                        /* @__PURE__ */ jsx25("span", { className: "text-xs text-muted-foreground", children: getMemoryCategoryLabel(memory.category) }),
-                        /* @__PURE__ */ jsx25("span", { className: "text-xs text-muted-foreground", children: "\u2022" }),
-                        /* @__PURE__ */ jsx25("span", { className: "text-xs text-muted-foreground", children: memory.source === "agent" ? "IA" : "Voc\xEA" })
+                    /* @__PURE__ */ jsx26("div", { className: "mt-0.5 shrink-0", children: memory.source === "agent" ? /* @__PURE__ */ jsx26(Bot3, { className: "h-4 w-4 text-primary" }) : getMemoryCategoryIcon(memory.category) }),
+                    /* @__PURE__ */ jsxs16("div", { className: "flex-1 min-w-0", children: [
+                      /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2 mb-0.5", children: [
+                        /* @__PURE__ */ jsx26("span", { className: "text-xs text-muted-foreground", children: getMemoryCategoryLabel(memory.category) }),
+                        /* @__PURE__ */ jsx26("span", { className: "text-xs text-muted-foreground", children: "\u2022" }),
+                        /* @__PURE__ */ jsx26("span", { className: "text-xs text-muted-foreground", children: memory.source === "agent" ? "IA" : "Voc\xEA" })
                       ] }),
-                      isEditing ? /* @__PURE__ */ jsxs15("div", { className: "space-y-2", children: [
-                        /* @__PURE__ */ jsx25(
+                      isEditing ? /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
+                        /* @__PURE__ */ jsx26(
                           Textarea,
                           {
                             value: editingMemoryContent,
@@ -4981,8 +4930,8 @@ var UserProfile = ({
                             }
                           }
                         ),
-                        /* @__PURE__ */ jsxs15("div", { className: "flex gap-1 justify-end", children: [
-                          /* @__PURE__ */ jsxs15(
+                        /* @__PURE__ */ jsxs16("div", { className: "flex gap-1 justify-end", children: [
+                          /* @__PURE__ */ jsxs16(
                             Button,
                             {
                               variant: "ghost",
@@ -4990,12 +4939,12 @@ var UserProfile = ({
                               className: "h-7 px-2",
                               onClick: handleCancelEdit,
                               children: [
-                                /* @__PURE__ */ jsx25(X5, { className: "h-3.5 w-3.5 mr-1" }),
+                                /* @__PURE__ */ jsx26(X5, { className: "h-3.5 w-3.5 mr-1" }),
                                 "Cancelar"
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsxs15(
+                          /* @__PURE__ */ jsxs16(
                             Button,
                             {
                               size: "sm",
@@ -5003,33 +4952,33 @@ var UserProfile = ({
                               onClick: handleSaveEdit,
                               disabled: !editingMemoryContent.trim(),
                               children: [
-                                /* @__PURE__ */ jsx25(Check4, { className: "h-3.5 w-3.5 mr-1" }),
+                                /* @__PURE__ */ jsx26(Check4, { className: "h-3.5 w-3.5 mr-1" }),
                                 "Salvar"
                               ]
                             }
                           )
                         ] })
-                      ] }) : /* @__PURE__ */ jsx25("p", { className: "text-sm break-words", children: memory.content })
+                      ] }) : /* @__PURE__ */ jsx26("p", { className: "text-sm break-words", children: memory.content })
                     ] }),
-                    !isEditing && (onUpdateMemory || onDeleteMemory) && /* @__PURE__ */ jsxs15("div", { className: "flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity shrink-0", children: [
-                      onUpdateMemory && /* @__PURE__ */ jsx25(
+                    !isEditing && (onUpdateMemory || onDeleteMemory) && /* @__PURE__ */ jsxs16("div", { className: "flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity shrink-0", children: [
+                      onUpdateMemory && /* @__PURE__ */ jsx26(
                         Button,
                         {
                           variant: "ghost",
                           size: "icon",
                           className: "h-7 w-7",
                           onClick: () => handleStartEdit(memory),
-                          children: /* @__PURE__ */ jsx25(Pencil, { className: "h-3.5 w-3.5 text-muted-foreground" })
+                          children: /* @__PURE__ */ jsx26(Pencil, { className: "h-3.5 w-3.5 text-muted-foreground" })
                         }
                       ),
-                      onDeleteMemory && /* @__PURE__ */ jsx25(
+                      onDeleteMemory && /* @__PURE__ */ jsx26(
                         Button,
                         {
                           variant: "ghost",
                           size: "icon",
                           className: "h-7 w-7",
                           onClick: () => onDeleteMemory(memory.id),
-                          children: /* @__PURE__ */ jsx25(Trash24, { className: "h-3.5 w-3.5 text-destructive" })
+                          children: /* @__PURE__ */ jsx26(Trash24, { className: "h-3.5 w-3.5 text-destructive" })
                         }
                       )
                     ] })
@@ -5040,8 +4989,8 @@ var UserProfile = ({
             }) })
           ] })
         ] }) }),
-        /* @__PURE__ */ jsxs15("div", { className: "p-4 border-t space-y-2 shrink-0", children: [
-          onEditProfile && /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsxs16("div", { className: "p-4 border-t space-y-2 shrink-0", children: [
+          onEditProfile && /* @__PURE__ */ jsx26(
             Button,
             {
               variant: "outline",
@@ -5050,7 +4999,7 @@ var UserProfile = ({
               children: "Edit Profile"
             }
           ),
-          onLogout && /* @__PURE__ */ jsx25(
+          onLogout && /* @__PURE__ */ jsx26(
             Button,
             {
               variant: "destructive",
@@ -5066,8 +5015,8 @@ var UserProfile = ({
 };
 
 // src/components/chat/ChatUI.tsx
-import { Sparkles, ArrowRight, MessageSquare, Lightbulb as Lightbulb2, Zap, HelpCircle } from "lucide-react";
-import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Sparkles as Sparkles2, ArrowRight, MessageSquare, Lightbulb as Lightbulb2, Zap, HelpCircle } from "lucide-react";
+import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
 function getMessageSpeakerKey(message) {
   if (!message) return null;
   if (message.role === "assistant") {
@@ -5078,6 +5027,81 @@ function getMessageSpeakerKey(message) {
   }
   return message.role;
 }
+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");
+};
+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 } : {}
+  };
+};
+var mergeMessageGroup = (messages) => {
+  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");
+  const attachments = messages.flatMap((message) => message.attachments ?? []);
+  return {
+    ...lastMessage,
+    id: lastMessage.id,
+    content,
+    timestamp: firstMessage.timestamp,
+    attachments: attachments.length > 0 ? attachments : void 0,
+    isStreaming: lastMessage.isStreaming,
+    isComplete: lastMessage.isComplete,
+    isEdited: messages.some((message) => message.isEdited),
+    originalContent: void 0,
+    editedAt: lastMessage.editedAt,
+    activity: mergeGroupActivity(messages),
+    senderName: lastMessage.senderName ?? firstMessage.senderName,
+    senderAgentId: lastMessage.senderAgentId ?? firstMessage.senderAgentId,
+    metadata: lastMessage.metadata
+  };
+};
+var groupMessagesForRender = (messages) => {
+  if (messages.length === 0) return [];
+  const groups = [];
+  let currentGroup = [messages[0]];
+  const flushGroup = () => {
+    const mergedMessage = mergeMessageGroup(currentGroup);
+    groups.push({
+      id: mergedMessage.id,
+      message: mergedMessage,
+      suggestionMessageId: currentGroup[currentGroup.length - 1].id
+    });
+  };
+  for (let index = 1; index < messages.length; index++) {
+    const previous = currentGroup[currentGroup.length - 1];
+    const next = messages[index];
+    if (previous.role === next.role && getMessageSpeakerKey(previous) === getMessageSpeakerKey(next)) {
+      currentGroup.push(next);
+      continue;
+    }
+    flushGroup();
+    currentGroup = [next];
+  }
+  flushGroup();
+  return groups;
+};
 var ChatUI = ({
   messages = [],
   threads = [],
@@ -5108,12 +5132,12 @@ var ChatUI = ({
   initialInput,
   onInitialInputConsumed
 }) => {
-  const config = useMemo5(
+  const config = useMemo6(
     () => mergeConfig(defaultChatConfig, userConfig),
     [userConfig]
   );
-  const [isMobile, setIsMobile] = useState8(false);
-  const [isUserProfileOpen, setIsUserProfileOpen] = useState8(false);
+  const [isMobile, setIsMobile] = useState9(false);
+  const [isUserProfileOpen, setIsUserProfileOpen] = useState9(false);
   let userContext;
   try {
     const contextValue = useChatUserContext();
@@ -5127,10 +5151,10 @@ var ChatUI = ({
     }
     return false;
   };
-  const [inputValue, setInputValue] = useState8("");
-  const [attachments, setAttachments] = useState8([]);
-  const [expandedMessageIds, setExpandedMessageIds] = useState8({});
-  const [state, setState] = useState8({
+  const [inputValue, setInputValue] = useState9("");
+  const [attachments, setAttachments] = useState9([]);
+  const [expandedMessageIds, setExpandedMessageIds] = useState9({});
+  const [state, setState] = useState9({
     isRecording: false,
     selectedThreadId: currentThreadId,
     isAtBottom: true,
@@ -5142,14 +5166,14 @@ var ChatUI = ({
     isSidebarCollapsed: false
     // No longer used for main sidebar
   });
-  useEffect10(() => {
+  useEffect11(() => {
     if (currentThreadId !== state.selectedThreadId) {
       setState((prev) => ({ ...prev, selectedThreadId: currentThreadId }));
     }
   }, [currentThreadId]);
   const initialInputApplied = useRef6(false);
   const initialInputConsumedRef = useRef6(false);
-  useEffect10(() => {
+  useEffect11(() => {
     if (initialInput && !initialInputApplied.current) {
       setInputValue(initialInput);
       initialInputApplied.current = true;
@@ -5160,19 +5184,20 @@ var ChatUI = ({
   const stateRef = useRef6(state);
   const inputValueRef = useRef6(inputValue);
   const attachmentsRef = useRef6(attachments);
-  useEffect10(() => {
+  useEffect11(() => {
     stateRef.current = state;
   }, [state]);
-  useEffect10(() => {
+  useEffect11(() => {
     inputValueRef.current = inputValue;
   }, [inputValue]);
-  useEffect10(() => {
+  useEffect11(() => {
     attachmentsRef.current = attachments;
   }, [attachments]);
-  const [isCustomMounted, setIsCustomMounted] = useState8(false);
-  const [isCustomVisible, setIsCustomVisible] = useState8(false);
+  const [isCustomMounted, setIsCustomMounted] = useState9(false);
+  const [isCustomVisible, setIsCustomVisible] = useState9(false);
+  const groupedMessages = useMemo6(() => groupMessagesForRender(messages), [messages]);
   const virtualizer = useVirtualizer({
-    count: messages.length,
+    count: groupedMessages.length,
     getScrollElement: () => scrollAreaRef.current,
     estimateSize: () => 100,
     overscan: 5
@@ -5189,7 +5214,7 @@ var ChatUI = ({
     []
     // No dependencies - uses refs for latest state
   );
-  useEffect10(() => {
+  useEffect11(() => {
     const checkMobile = () => {
       setIsMobile(globalThis.innerWidth < 1024);
     };
@@ -5197,7 +5222,7 @@ var ChatUI = ({
     globalThis.addEventListener("resize", checkMobile);
     return () => globalThis.removeEventListener("resize", checkMobile);
   }, []);
-  useEffect10(() => {
+  useEffect11(() => {
     if (!isMobile || !config.customComponent?.component) return;
     if (state.showSidebar) {
       setIsCustomMounted(true);
@@ -5209,21 +5234,21 @@ var ChatUI = ({
     }
   }, [state.showSidebar, isMobile, config.customComponent]);
   const prevMessageCountRef = useRef6(0);
-  useEffect10(() => {
-    if (messages.length === 0) {
+  useEffect11(() => {
+    if (groupedMessages.length === 0) {
       prevMessageCountRef.current = 0;
       return;
     }
     if (prependSnapshotRef.current) {
-      prevMessageCountRef.current = messages.length;
+      prevMessageCountRef.current = groupedMessages.length;
       return;
     }
     const wasEmpty = prevMessageCountRef.current === 0;
-    prevMessageCountRef.current = messages.length;
+    prevMessageCountRef.current = groupedMessages.length;
     if (wasEmpty) {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          virtualizer.scrollToIndex(messages.length - 1, { align: "end" });
+          virtualizer.scrollToIndex(groupedMessages.length - 1, { align: "end" });
         });
       });
       return;
@@ -5238,23 +5263,23 @@ var ChatUI = ({
         viewport.scrollTop = viewport.scrollHeight;
       }
     });
-  }, [messages, state.isAtBottom, virtualizer]);
-  useEffect10(() => {
+  }, [groupedMessages, state.isAtBottom, virtualizer]);
+  useEffect11(() => {
     virtualizer.measure();
   }, [expandedMessageIds, virtualizer]);
-  useEffect10(() => {
+  useEffect11(() => {
     prependSnapshotRef.current = null;
   }, [currentThreadId]);
-  useEffect10(() => {
+  useEffect11(() => {
     const snapshot = prependSnapshotRef.current;
     if (!snapshot) return;
-    if (messages.length <= snapshot.messageCount) {
+    if (groupedMessages.length <= snapshot.messageCount) {
       if (!isLoadingOlderMessages) {
         prependSnapshotRef.current = null;
       }
       return;
     }
-    if ((messages[0]?.id ?? null) === snapshot.firstMessageId) {
+    if ((groupedMessages[0]?.id ?? null) === snapshot.firstMessageId) {
       if (!isLoadingOlderMessages) {
         prependSnapshotRef.current = null;
       }
@@ -5270,20 +5295,20 @@ var ChatUI = ({
         prependSnapshotRef.current = null;
       });
     });
-  }, [messages, isLoadingOlderMessages, virtualizer]);
+  }, [groupedMessages, isLoadingOlderMessages, virtualizer]);
   const requestOlderMessages = useCallback4(() => {
     if (!onLoadOlderMessages || !hasMoreMessagesBefore || isLoadingOlderMessages) return;
     const viewport = scrollAreaRef.current;
     prependSnapshotRef.current = viewport ? {
       scrollHeight: viewport.scrollHeight,
       scrollTop: viewport.scrollTop,
-      firstMessageId: messages[0]?.id ?? null,
-      messageCount: messages.length
+      firstMessageId: groupedMessages[0]?.id ?? null,
+      messageCount: groupedMessages.length
     } : null;
     onLoadOlderMessages();
-  }, [hasMoreMessagesBefore, isLoadingOlderMessages, messages, onLoadOlderMessages]);
-  useEffect10(() => {
-    const validMessageIds = new Set(messages.map((message) => message.id));
+  }, [groupedMessages, hasMoreMessagesBefore, isLoadingOlderMessages, onLoadOlderMessages]);
+  useEffect11(() => {
+    const validMessageIds = new Set(groupedMessages.map((group) => group.id));
     setExpandedMessageIds((prev) => {
       const activeIds = Object.keys(prev);
       const staleIds = activeIds.filter((messageId) => !validMessageIds.has(messageId));
@@ -5296,7 +5321,7 @@ var ChatUI = ({
       });
       return next;
     });
-  }, [messages]);
+  }, [groupedMessages]);
   const handleScroll = useCallback4((e) => {
     const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;
     const isAtBottom = scrollHeight - scrollTop - clientHeight < 50;
@@ -5372,7 +5397,7 @@ var ChatUI = ({
   const handleCustomComponentToggle = useCallback4(() => {
     setState((prev) => ({ ...prev, showSidebar: !prev.showSidebar }));
   }, []);
-  const sidebarUser = useMemo5(() => user ? {
+  const sidebarUser = useMemo6(() => user ? {
     id: user.id,
     name: user.name,
     email: user.email,
@@ -5382,7 +5407,7 @@ var ChatUI = ({
     setIsUserProfileOpen(true);
     callbacks.onViewProfile?.();
   }, [callbacks.onViewProfile]);
-  const sidebarUserMenuCallbacks = useMemo5(() => ({
+  const sidebarUserMenuCallbacks = useMemo6(() => ({
     onViewProfile: handleViewProfile,
     onOpenSettings: callbacks.onOpenSettings,
     onThemeChange: callbacks.onThemeChange,
@@ -5398,14 +5423,14 @@ var ChatUI = ({
   }, [config?.customComponent?.component, closeSidebar, isMobile]);
   const SuggestionIconComponents = [MessageSquare, Lightbulb2, Zap, HelpCircle];
   const renderSuggestions = () => {
-    if (messages.length > 0 || !suggestions.length) return null;
-    return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col items-center justify-center min-h-[60vh] py-8 px-4", children: [
-      /* @__PURE__ */ jsxs16("div", { className: "text-center mb-8", children: [
-        /* @__PURE__ */ jsx26("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__ */ jsx26(Sparkles, { className: "w-7 h-7 text-primary" }) }),
-        /* @__PURE__ */ jsx26("h2", { className: "text-xl font-semibold mb-2", children: config.branding.title }),
-        /* @__PURE__ */ jsx26("p", { className: "text-muted-foreground text-sm max-w-md", children: config.branding.subtitle })
+    if (groupedMessages.length > 0 || !suggestions.length) return null;
+    return /* @__PURE__ */ jsxs17("div", { className: "flex flex-col items-center justify-center min-h-[60vh] py-8 px-4", children: [
+      /* @__PURE__ */ jsxs17("div", { className: "text-center mb-8", children: [
+        /* @__PURE__ */ jsx27("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__ */ jsx27(Sparkles2, { className: "w-7 h-7 text-primary" }) }),
+        /* @__PURE__ */ jsx27("h2", { className: "text-xl font-semibold mb-2", children: config.branding.title }),
+        /* @__PURE__ */ jsx27("p", { className: "text-muted-foreground text-sm max-w-md", children: config.branding.subtitle })
       ] }),
-      /* @__PURE__ */ jsx26("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 w-full max-w-2xl", children: suggestions.map((suggestion, index) => /* @__PURE__ */ jsxs16(
+      /* @__PURE__ */ jsx27("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 w-full max-w-2xl", children: suggestions.map((suggestion, index) => /* @__PURE__ */ jsxs17(
         "button",
         {
           type: "button",
@@ -5414,10 +5439,10 @@ var ChatUI = ({
           children: [
             (() => {
               const IconComponent = SuggestionIconComponents[index % SuggestionIconComponents.length];
-              return /* @__PURE__ */ jsx26("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__ */ jsx26(IconComponent, { className: "h-4 w-4" }) });
+              return /* @__PURE__ */ jsx27("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__ */ jsx27(IconComponent, { className: "h-4 w-4" }) });
             })(),
-            /* @__PURE__ */ jsx26("div", { className: "flex-1 min-w-0 pr-6", children: /* @__PURE__ */ jsx26("p", { className: "text-sm font-medium leading-snug line-clamp-2", children: suggestion }) }),
-            /* @__PURE__ */ jsx26(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__ */ jsx27("div", { className: "flex-1 min-w-0 pr-6", children: /* @__PURE__ */ jsx27("p", { className: "text-sm font-medium leading-snug line-clamp-2", children: suggestion }) }),
+            /* @__PURE__ */ jsx27(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
@@ -5428,41 +5453,41 @@ 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__ */ jsx26("div", { className: `flex flex-wrap gap-2 mt-2 ${inlineSuggestionOffsetClass}`, children: items.map((suggestion, index) => /* @__PURE__ */ jsxs16(
+    return /* @__PURE__ */ jsx27("div", { className: `flex flex-wrap gap-2 mt-2 ${inlineSuggestionOffsetClass}`, children: items.map((suggestion, index) => /* @__PURE__ */ jsxs17(
       "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__ */ jsx26(Sparkles, { className: "h-3 w-3 text-primary opacity-70 group-hover:opacity-100" }),
-          /* @__PURE__ */ jsx26("span", { className: "max-w-[200px] truncate", children: suggestion })
+          /* @__PURE__ */ jsx27(Sparkles2, { className: "h-3 w-3 text-primary opacity-70 group-hover:opacity-100" }),
+          /* @__PURE__ */ jsx27("span", { className: "max-w-[200px] truncate", children: suggestion })
         ]
       },
       `${messageId}-suggestion-${index}`
     )) });
   };
-  const renderMessageLoadingSkeleton = () => /* @__PURE__ */ jsx26("div", { className: "space-y-6 py-2", children: [0, 1, 2, 3].map((index) => {
+  const renderMessageLoadingSkeleton = () => /* @__PURE__ */ jsx27("div", { className: "space-y-6 py-2", children: [0, 1, 2, 3].map((index) => {
     const isUserRow = index % 2 === 1;
-    return /* @__PURE__ */ jsxs16(
+    return /* @__PURE__ */ jsxs17(
       "div",
       {
         className: `flex gap-3 ${isUserRow ? "justify-end" : "justify-start"}`,
         children: [
-          !isUserRow && /* @__PURE__ */ jsx26(Skeleton, { className: "h-8 w-8 rounded-full shrink-0" }),
-          /* @__PURE__ */ jsxs16("div", { className: `space-y-2 ${isUserRow ? "w-[70%]" : "w-[75%]"}`, children: [
-            /* @__PURE__ */ jsx26(Skeleton, { className: "h-4 w-24" }),
-            /* @__PURE__ */ jsx26(Skeleton, { className: "h-4 w-full" }),
-            /* @__PURE__ */ jsx26(Skeleton, { className: "h-4 w-[85%]" })
+          !isUserRow && /* @__PURE__ */ jsx27(Skeleton, { className: "h-8 w-8 rounded-full shrink-0" }),
+          /* @__PURE__ */ jsxs17("div", { className: `space-y-2 ${isUserRow ? "w-[70%]" : "w-[75%]"}`, children: [
+            /* @__PURE__ */ jsx27(Skeleton, { className: "h-4 w-24" }),
+            /* @__PURE__ */ jsx27(Skeleton, { className: "h-4 w-full" }),
+            /* @__PURE__ */ jsx27(Skeleton, { className: "h-4 w-[85%]" })
           ] }),
-          isUserRow && /* @__PURE__ */ jsx26(Skeleton, { className: "h-8 w-8 rounded-full shrink-0" })
+          isUserRow && /* @__PURE__ */ jsx27(Skeleton, { className: "h-8 w-8 rounded-full shrink-0" })
         ]
       },
       `message-skeleton-${index}`
     );
   }) });
   const isMultiAgentMode = config.agentSelector?.mode === "multi";
-  const messageProps = useMemo5(() => ({
+  const messageProps = useMemo6(() => ({
     userAvatar: user?.avatar,
     userName: user?.name,
     assistantAvatar: assistant?.avatar,
@@ -5472,11 +5497,10 @@ var ChatUI = ({
     enableCopy: config.features.enableMessageCopy,
     enableEdit: config.features.enableMessageEditing,
     enableRegenerate: config.features.enableRegeneration,
-    enableToolCallsDisplay: config.features.enableToolCallsDisplay,
+    activityDisplay: config.features.activityDisplay,
     compactMode: config.ui.compactMode,
     onAction: handleMessageAction,
-    toolUsedLabel: config.labels.toolUsed,
-    thinkingLabel: config.labels.thinking,
+    labels: config.labels,
     showMoreLabel: config.labels.showMoreMessage,
     showLessLabel: config.labels.showLessMessage,
     collapseLongMessages: config.ui.collapseLongMessages,
@@ -5500,9 +5524,8 @@ var ChatUI = ({
     config.features.enableMessageCopy,
     config.features.enableMessageEditing,
     config.features.enableRegeneration,
-    config.features.enableToolCallsDisplay,
-    config.labels.toolUsed,
-    config.labels.thinking,
+    config.features.activityDisplay,
+    config.labels,
     config.labels.showMoreMessage,
     config.labels.showLessMessage,
     config.ui.collapseLongMessages,
@@ -5517,8 +5540,8 @@ var ChatUI = ({
   const shouldShowAgentSelector = Boolean(
     config.agentSelector?.enabled && agentOptions.length > 0 && (!config.agentSelector?.hideIfSingle || agentOptions.length > 1) && (isMultiAgentMode ? onParticipantsChange : onSelectAgent)
   );
-  return /* @__PURE__ */ jsx26(TooltipProvider, { children: /* @__PURE__ */ jsx26(SidebarProvider, { defaultOpen: true, children: /* @__PURE__ */ jsxs16("div", { className: `flex h-[100svh] md:h-screen bg-background w-full overflow-hidden ${className}`, children: [
-    /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(TooltipProvider, { children: /* @__PURE__ */ jsx27(SidebarProvider, { defaultOpen: true, children: /* @__PURE__ */ jsxs17("div", { className: `flex h-[100svh] md:h-screen bg-background w-full overflow-hidden ${className}`, children: [
+    /* @__PURE__ */ jsx27(
       Sidebar2,
       {
         threads,
@@ -5535,8 +5558,8 @@ var ChatUI = ({
         showThemeOptions: !!callbacks.onThemeChange
       }
     ),
-    /* @__PURE__ */ jsx26(SidebarInset, { children: /* @__PURE__ */ jsxs16("div", { className: "flex flex-col h-full min-h-0", children: [
-      /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx27(SidebarInset, { children: /* @__PURE__ */ jsxs17("div", { className: "flex flex-col h-full min-h-0", children: [
+      /* @__PURE__ */ jsx27(
         ChatHeader,
         {
           config,
@@ -5554,9 +5577,9 @@ var ChatUI = ({
           onParticipantsChange
         }
       ),
-      /* @__PURE__ */ jsxs16("div", { className: "flex flex-1 flex-row min-h-0 overflow-hidden", children: [
-        /* @__PURE__ */ jsxs16("div", { className: "flex-1 flex flex-col min-h-0", children: [
-          /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsxs17("div", { className: "flex flex-1 flex-row min-h-0 overflow-hidden", children: [
+        /* @__PURE__ */ jsxs17("div", { className: "flex-1 flex flex-col min-h-0", children: [
+          /* @__PURE__ */ jsx27(
             ScrollArea,
             {
               ref: scrollAreaRef,
@@ -5564,8 +5587,8 @@ var ChatUI = ({
               viewportClassName: "p-4 overscroll-contain",
               onScrollCapture: handleScroll,
               style: { contain: "strict" },
-              children: /* @__PURE__ */ jsxs16("div", { className: "max-w-4xl mx-auto pb-4", children: [
-                messages.length > 0 && /* @__PURE__ */ jsx26("div", { className: "flex justify-center py-2", children: isLoadingOlderMessages ? /* @__PURE__ */ jsx26("span", { className: "text-xs text-muted-foreground", children: config.labels.loadingOlderMessages }) : hasMoreMessagesBefore ? /* @__PURE__ */ jsx26(
+              children: /* @__PURE__ */ jsxs17("div", { className: "max-w-4xl mx-auto pb-4", children: [
+                groupedMessages.length > 0 && /* @__PURE__ */ jsx27("div", { className: "flex justify-center py-2", children: isLoadingOlderMessages ? /* @__PURE__ */ jsx27("span", { className: "text-xs text-muted-foreground", children: config.labels.loadingOlderMessages }) : hasMoreMessagesBefore ? /* @__PURE__ */ jsx27(
                   "button",
                   {
                     type: "button",
@@ -5574,7 +5597,7 @@ var ChatUI = ({
                     children: config.labels.loadOlderMessages
                   }
                 ) : null }),
-                isMessagesLoading ? renderMessageLoadingSkeleton() : messages.length === 0 ? renderSuggestions() : /* @__PURE__ */ jsx26(
+                isMessagesLoading ? renderMessageLoadingSkeleton() : groupedMessages.length === 0 ? renderSuggestions() : /* @__PURE__ */ jsx27(
                   "div",
                   {
                     style: {
@@ -5583,10 +5606,9 @@ var ChatUI = ({
                       position: "relative"
                     },
                     children: virtualizer.getVirtualItems().map((virtualRow) => {
-                      const message = messages[virtualRow.index];
-                      const prevMessage = virtualRow.index > 0 ? messages[virtualRow.index - 1] : null;
-                      const isGrouped = prevMessage !== null && prevMessage.role === message.role && getMessageSpeakerKey(prevMessage) === getMessageSpeakerKey(message);
-                      return /* @__PURE__ */ jsx26(
+                      const group = groupedMessages[virtualRow.index];
+                      const message = group.message;
+                      return /* @__PURE__ */ jsx27(
                         "div",
                         {
                           "data-index": virtualRow.index,
@@ -5598,20 +5620,19 @@ var ChatUI = ({
                             width: "100%",
                             transform: `translateY(${virtualRow.start}px)`
                           },
-                          children: /* @__PURE__ */ jsxs16("div", { className: virtualRow.index === 0 ? "" : isGrouped ? "pt-2" : "pt-4", children: [
-                            /* @__PURE__ */ jsx26(
+                          children: /* @__PURE__ */ jsxs17("div", { className: virtualRow.index === 0 ? "" : "pt-4", children: [
+                            /* @__PURE__ */ jsx27(
                               Message,
                               {
                                 message,
                                 ...messageProps,
-                                isGrouped,
                                 isExpanded: Boolean(expandedMessageIds[message.id])
                               }
                             ),
-                            message.role === "assistant" && renderInlineSuggestions(message.id)
+                            message.role === "assistant" && renderInlineSuggestions(group.suggestionMessageId)
                           ] })
                         },
-                        message.id
+                        group.id
                       );
                     })
                   }
@@ -5619,8 +5640,8 @@ var ChatUI = ({
               ] })
             }
           ),
-          /* @__PURE__ */ jsxs16("div", { className: "bg-background pb-[env(safe-area-inset-bottom)]", children: [
-            isMultiAgentMode && shouldShowAgentSelector && onTargetAgentChange && /* @__PURE__ */ jsx26("div", { className: "px-4 pt-1", children: /* @__PURE__ */ jsx26(
+          /* @__PURE__ */ jsxs17("div", { className: "bg-background pb-[env(safe-area-inset-bottom)]", children: [
+            isMultiAgentMode && shouldShowAgentSelector && onTargetAgentChange && /* @__PURE__ */ jsx27("div", { className: "px-4 pt-1", children: /* @__PURE__ */ jsx27(
               TargetAgentSelector,
               {
                 agents: participantIds && participantIds.length > 0 ? agentOptions.filter((a) => participantIds.includes(a.id)) : agentOptions,
@@ -5630,7 +5651,7 @@ var ChatUI = ({
                 disabled: isGenerating
               }
             ) }),
-            /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx27(
               ChatInput,
               {
                 value: inputValue,
@@ -5659,12 +5680,12 @@ var ChatUI = ({
             )
           ] })
         ] }),
-        config?.customComponent?.component && !isMobile && /* @__PURE__ */ jsx26(
+        config?.customComponent?.component && !isMobile && /* @__PURE__ */ jsx27(
           "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__ */ jsx26(
+            children: state.showSidebar && /* @__PURE__ */ jsx27(
               "div",
               {
                 className: "h-full overflow-hidden border-l bg-background animate-in slide-in-from-right-4 duration-300",
@@ -5676,8 +5697,8 @@ var ChatUI = ({
         )
       ] })
     ] }) }),
-    isCustomMounted && config.customComponent?.component && isMobile && /* @__PURE__ */ jsxs16("div", { className: "fixed inset-0 z-50", children: [
-      /* @__PURE__ */ jsx26(
+    isCustomMounted && config.customComponent?.component && isMobile && /* @__PURE__ */ jsxs17("div", { className: "fixed inset-0 z-50", children: [
+      /* @__PURE__ */ jsx27(
         "div",
         {
           className: `absolute inset-0 bg-background/80 backdrop-blur-sm transition-opacity duration-200 ease-out ${isCustomVisible ? "opacity-100" : "opacity-0"}`,
@@ -5685,16 +5706,16 @@ var ChatUI = ({
           onClick: closeSidebar
         }
       ),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx27(
         "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__ */ jsx26("div", { className: "h-full overflow-hidden", children: renderCustomComponent() })
+          children: /* @__PURE__ */ jsx27("div", { className: "h-full overflow-hidden", children: renderCustomComponent() })
         }
       )
     ] }),
-    isUserProfileOpen && /* @__PURE__ */ jsx26(
+    isUserProfileOpen && /* @__PURE__ */ jsx27(
       UserProfile,
       {
         isOpen: isUserProfileOpen,
@@ -5715,302 +5736,11 @@ var ChatUI = ({
     )
   ] }) }) });
 };
-
-// src/components/chat/ThreadManager.tsx
-import { useState as useState9, useRef as useRef7, useEffect as useEffect11 } from "react";
-import {
-  Plus as Plus4,
-  MessageSquare as MessageSquare2,
-  MoreVertical as MoreVertical2,
-  Edit2 as Edit22,
-  Trash2 as Trash25,
-  Archive as Archive2,
-  Search as Search2,
-  Filter as Filter2,
-  Calendar as Calendar2,
-  Hash,
-  X as X6,
-  Check as Check5
-} from "lucide-react";
-import { Fragment as Fragment7, jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
-var ThreadItem = ({ thread, isActive, config, onSelect, onRename, onDelete, onArchive }) => {
-  const [isEditing, setIsEditing] = useState9(false);
-  const [editTitle, setEditTitle] = useState9(thread.title);
-  const inputRef = useRef7(null);
-  useEffect11(() => {
-    if (isEditing && inputRef.current) {
-      inputRef.current.focus();
-      inputRef.current.select();
-    }
-  }, [isEditing]);
-  const handleSaveEdit = () => {
-    const trimmedTitle = editTitle.trim();
-    if (trimmedTitle && trimmedTitle !== thread.title) {
-      onRename(trimmedTitle);
-    }
-    setIsEditing(false);
-  };
-  const handleCancelEdit = () => {
-    setEditTitle(thread.title);
-    setIsEditing(false);
-  };
-  const handleKeyDown = (e) => {
-    if (e.key === "Enter") {
-      handleSaveEdit();
-    } else if (e.key === "Escape") {
-      handleCancelEdit();
-    }
-  };
-  return /* @__PURE__ */ jsx27(Card, { className: `cursor-pointer transition-all duration-200 hover:shadow-md py-0 ${isActive ? "ring-2 ring-primary bg-primary/5" : "hover:bg-muted/50"}`, children: /* @__PURE__ */ jsx27(CardContent, { className: "p-3 max-w-sm", children: /* @__PURE__ */ jsxs17("div", { className: "flex items-start justify-between gap-2", children: [
-    /* @__PURE__ */ jsx27("div", { className: "flex-1 min-w-0", onClick: onSelect, children: isEditing ? /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx27(
-        Input,
-        {
-          ref: inputRef,
-          value: editTitle,
-          onChange: (e) => setEditTitle(e.target.value),
-          onKeyDown: handleKeyDown,
-          onBlur: handleSaveEdit,
-          className: "h-8 text-sm",
-          placeholder: config?.labels?.threadNamePlaceholder || "Conversation name"
-        }
-      ),
-      /* @__PURE__ */ jsx27(Button, { size: "sm", variant: "ghost", onClick: handleSaveEdit, children: /* @__PURE__ */ jsx27(Check5, { className: "h-3 w-3" }) }),
-      /* @__PURE__ */ jsx27(Button, { size: "sm", variant: "ghost", onClick: handleCancelEdit, children: /* @__PURE__ */ jsx27(X6, { className: "h-3 w-3" }) })
-    ] }) : /* @__PURE__ */ jsxs17(Fragment7, { children: [
-      /* @__PURE__ */ jsx27("h4", { className: "font-medium text-sm truncate mb-1", children: thread.title }),
-      /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx27(Hash, { className: "h-3 w-3" }),
-          thread.messageCount,
-          " msgs"
-        ] }),
-        /* @__PURE__ */ jsx27(Separator, { orientation: "vertical", className: "h-3" }),
-        /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx27(Calendar2, { className: "h-3 w-3" }),
-          formatDate(thread.updatedAt, config?.labels)
-        ] }),
-        thread.isArchived && /* @__PURE__ */ jsxs17(Fragment7, { children: [
-          /* @__PURE__ */ jsx27(Separator, { orientation: "vertical", className: "h-3" }),
-          /* @__PURE__ */ jsxs17(Badge, { variant: "secondary", className: "text-xs", children: [
-            /* @__PURE__ */ jsx27(Archive2, { className: "h-2 w-2 mr-1" }),
-            config?.labels?.archiveThread || "Archived"
-          ] })
-        ] })
-      ] })
-    ] }) }),
-    !isEditing && /* @__PURE__ */ jsxs17(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx27(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx27(Button, { variant: "ghost", size: "icon", className: "h-6 w-6 m-auto", children: /* @__PURE__ */ jsx27(MoreVertical2, { className: "h-3 w-3" }) }) }),
-      /* @__PURE__ */ jsxs17(DropdownMenuContent, { align: "end", children: [
-        /* @__PURE__ */ jsxs17(DropdownMenuItem, { onClick: () => setIsEditing(true), children: [
-          /* @__PURE__ */ jsx27(Edit22, { className: "h-4 w-4 mr-2" }),
-          config?.labels?.renameThread || "Rename"
-        ] }),
-        /* @__PURE__ */ jsxs17(DropdownMenuItem, { onClick: onArchive, children: [
-          /* @__PURE__ */ jsx27(Archive2, { className: "h-4 w-4 mr-2" }),
-          thread.isArchived ? config?.labels?.unarchiveThread || "Unarchive" : config?.labels?.archiveThread || "Archive"
-        ] }),
-        /* @__PURE__ */ jsx27(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ jsxs17(DropdownMenuItem, { onClick: onDelete, className: "text-destructive", children: [
-          /* @__PURE__ */ jsx27(Trash25, { className: "h-4 w-4 mr-2" }),
-          config?.labels?.deleteThread || "Delete"
-        ] })
-      ] })
-    ] })
-  ] }) }) });
-};
-var CreateThreadDialog2 = ({ onCreateThread, config }) => {
-  const [title, setTitle] = useState9("");
-  const [isOpen, setIsOpen] = useState9(false);
-  const handleCreate = () => {
-    onCreateThread(title.trim() || void 0);
-    setTitle("");
-    setIsOpen(false);
-  };
-  return /* @__PURE__ */ jsxs17(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: [
-    /* @__PURE__ */ jsx27(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs17(Button, { variant: "outline", className: "w-full", children: [
-      /* @__PURE__ */ jsx27(Plus4, { className: "h-4 w-4 mr-2" }),
-      config?.labels?.createNewThread || "New Conversation"
-    ] }) }),
-    /* @__PURE__ */ jsxs17(DialogContent, { children: [
-      /* @__PURE__ */ jsxs17(DialogHeader, { children: [
-        /* @__PURE__ */ jsx27(DialogTitle, { children: config?.labels?.createNewThread || "Create New Conversation" }),
-        /* @__PURE__ */ jsx27(DialogDescription, { children: "Give your new conversation a name or leave blank to auto-generate one." })
-      ] }),
-      /* @__PURE__ */ jsx27(
-        Input,
-        {
-          value: title,
-          onChange: (e) => setTitle(e.target.value),
-          placeholder: config?.labels?.threadNamePlaceholder || "Conversation name (optional)",
-          onKeyDown: (e) => e.key === "Enter" && handleCreate(),
-          autoFocus: true
-        }
-      ),
-      /* @__PURE__ */ jsxs17(DialogFooter, { children: [
-        /* @__PURE__ */ jsx27(Button, { variant: "outline", onClick: () => setIsOpen(false), children: config?.labels?.cancel || "Cancel" }),
-        /* @__PURE__ */ jsx27(Button, { onClick: handleCreate, children: config?.labels?.create || "Create" })
-      ] })
-    ] })
-  ] });
-};
-var ThreadManager = ({
-  threads,
-  currentThreadId,
-  config,
-  onCreateThread,
-  onSelectThread,
-  onRenameThread,
-  onDeleteThread,
-  onArchiveThread,
-  isOpen = false,
-  onClose,
-  className = ""
-}) => {
-  const [searchQuery, setSearchQuery] = useState9("");
-  const [showArchived, setShowArchived] = useState9(false);
-  const [deleteThreadId, setDeleteThreadId] = useState9(null);
-  const filteredThreads = threads.filter((thread) => {
-    const title = (thread.title ?? "").toString();
-    const matchesSearch = title.toLowerCase().includes(searchQuery.toLowerCase());
-    const matchesArchiveFilter = showArchived || !thread.isArchived;
-    return matchesSearch && matchesArchiveFilter;
-  });
-  const groupedThreads = filteredThreads.reduce((groups, thread) => {
-    const date = new Date(thread.updatedAt);
-    const today = /* @__PURE__ */ new Date();
-    const yesterday = new Date(today.getTime() - 24 * 60 * 60 * 1e3);
-    let groupKey;
-    if (date.toDateString() === today.toDateString()) {
-      groupKey = config?.labels?.today || "Today";
-    } else if (date.toDateString() === yesterday.toDateString()) {
-      groupKey = config?.labels?.yesterday || "Yesterday";
-    } else {
-      groupKey = date.toLocaleDateString("en-US", {
-        weekday: "long",
-        day: "2-digit",
-        month: "long"
-      });
-    }
-    if (!groups[groupKey]) {
-      groups[groupKey] = [];
-    }
-    groups[groupKey].push(thread);
-    return groups;
-  }, {});
-  const handleDeleteThread = (threadId) => {
-    onDeleteThread?.(threadId);
-    setDeleteThreadId(null);
-  };
-  if (!isOpen) return null;
-  return /* @__PURE__ */ jsx27(TooltipProvider, { children: /* @__PURE__ */ jsxs17("div", { className: `fixed inset-0 z-50 bg-background/80 backdrop-blur-sm ${className}`, children: [
-    /* @__PURE__ */ jsx27("div", { className: "fixed left-0 top-0 h-full w-full max-w-md border-r bg-background shadow-lg", children: /* @__PURE__ */ jsxs17(Card, { className: "h-full border-0 rounded-none", children: [
-      /* @__PURE__ */ jsxs17(CardHeader, { className: "border-b", children: [
-        /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxs17(CardTitle, { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx27(MessageSquare2, { className: "h-5 w-5" }),
-            config?.labels?.newChat || "Conversations"
-          ] }),
-          /* @__PURE__ */ jsx27(Button, { variant: "ghost", size: "icon", onClick: onClose, children: /* @__PURE__ */ jsx27(X6, { className: "h-4 w-4" }) })
-        ] }),
-        /* @__PURE__ */ jsxs17("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsxs17("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx27(Search2, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
-            /* @__PURE__ */ jsx27(
-              Input,
-              {
-                placeholder: config?.labels?.search || "Search conversations...",
-                value: searchQuery,
-                onChange: (e) => setSearchQuery(e.target.value),
-                className: "pl-9"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsxs17(
-              Button,
-              {
-                variant: "outline",
-                size: "sm",
-                onClick: () => setShowArchived(!showArchived),
-                className: "text-xs",
-                children: [
-                  /* @__PURE__ */ jsx27(Filter2, { className: "h-3 w-3 mr-1" }),
-                  showArchived ? config?.labels?.hideArchived || "Hide Archived" : config?.labels?.showArchived || "Show Archived"
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs17(Badge, { variant: "secondary", className: "text-xs", children: [
-              filteredThreads.length,
-              " / ",
-              threads.length
-            ] })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs17(CardContent, { className: "p-0 flex-1", children: [
-        /* @__PURE__ */ jsx27("div", { className: "p-4", children: onCreateThread && /* @__PURE__ */ jsx27(CreateThreadDialog2, { onCreateThread, config }) }),
-        /* @__PURE__ */ jsx27(ScrollArea, { className: "h-[calc(100vh-280px)]", children: /* @__PURE__ */ jsx27("div", { className: "px-4 pb-4 space-y-4", children: Object.keys(groupedThreads).length === 0 ? /* @__PURE__ */ jsxs17("div", { className: "text-center py-8 text-muted-foreground", children: [
-          /* @__PURE__ */ jsx27(MessageSquare2, { className: "h-12 w-12 mx-auto mb-3 opacity-50" }),
-          /* @__PURE__ */ jsx27("p", { className: "text-sm", children: searchQuery ? config?.labels?.noThreadsFound || "No conversations found" : config?.labels?.noThreadsYet || "No conversations yet" })
-        ] }) : Object.entries(groupedThreads).map(([group, groupThreads]) => /* @__PURE__ */ jsxs17("div", { children: [
-          /* @__PURE__ */ jsx27("h3", { className: "text-sm font-medium text-muted-foreground mb-2 px-2", children: group }),
-          /* @__PURE__ */ jsx27("div", { className: "space-y-2", children: groupThreads.map((thread) => /* @__PURE__ */ jsx27(
-            ThreadItem,
-            {
-              thread,
-              isActive: currentThreadId === thread.id,
-              config,
-              onSelect: () => onSelectThread?.(thread.id),
-              onRename: (newTitle) => onRenameThread?.(thread.id, newTitle),
-              onDelete: () => setDeleteThreadId(thread.id),
-              onArchive: () => onArchiveThread?.(thread.id)
-            },
-            thread.id
-          )) })
-        ] }, group)) }) })
-      ] })
-    ] }) }),
-    deleteThreadId && /* @__PURE__ */ jsx27(AlertDialog, { open: !!deleteThreadId, onOpenChange: () => setDeleteThreadId(null), children: /* @__PURE__ */ jsxs17(AlertDialogContent, { children: [
-      /* @__PURE__ */ jsxs17(AlertDialogHeader, { children: [
-        /* @__PURE__ */ jsx27(AlertDialogTitle, { children: config?.labels?.deleteConfirmTitle || "Delete Conversation" }),
-        /* @__PURE__ */ jsx27(AlertDialogDescription, { children: config?.labels?.deleteConfirmDescription || "Are you sure you want to delete this conversation? This action cannot be undone." })
-      ] }),
-      /* @__PURE__ */ jsxs17(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx27(AlertDialogCancel, { children: config?.labels?.cancel || "Cancel" }),
-        /* @__PURE__ */ jsx27(
-          AlertDialogAction,
-          {
-            onClick: () => deleteThreadId && handleDeleteThread(deleteThreadId),
-            className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-            children: config?.labels?.deleteThread || "Delete"
-          }
-        )
-      ] })
-    ] }) })
-  ] }) });
-};
 export {
-  AgentBadge,
-  ChatHeader,
-  ChatInput,
+  AssistantActivity,
   ChatUI,
   ChatUserContextProvider,
-  Message,
-  ParticipantsSelector,
-  Sidebar2 as Sidebar,
-  TargetAgentSelector,
-  ThreadManager,
-  UserMenu,
-  UserProfile,
-  assignAgentColors,
-  chatUtils,
-  cn,
-  createObjectUrlFromDataUrl,
   defaultChatConfig,
-  formatDate,
-  getAgentColor,
-  getAgentInitials,
   mergeConfig,
   useChatUserContext
 };