@copilotz/chat-ui 0.4.0 → 0.5.0

package/dist/index.cjs

@@ -30,33 +30,17 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  AgentBadge: () => AgentBadge,
-  ChatHeader: () => ChatHeader,
-  ChatInput: () => ChatInput,
+  AssistantActivity: () => AssistantActivity,
   ChatUI: () => ChatUI,
   ChatUserContextProvider: () => ChatUserContextProvider,
-  Message: () => Message,
-  ParticipantsSelector: () => ParticipantsSelector,
-  Sidebar: () => Sidebar2,
-  TargetAgentSelector: () => TargetAgentSelector,
-  ThreadManager: () => ThreadManager,
-  UserMenu: () => UserMenu,
-  UserProfile: () => UserProfile,
-  assignAgentColors: () => assignAgentColors,
-  chatUtils: () => chatUtils,
-  cn: () => cn,
-  createObjectUrlFromDataUrl: () => createObjectUrlFromDataUrl,
   defaultChatConfig: () => defaultChatConfig,
-  formatDate: () => formatDate,
-  getAgentColor: () => getAgentColor,
-  getAgentInitials: () => getAgentInitials,
   mergeConfig: () => mergeConfig,
   useChatUserContext: () => useChatUserContext
 });
 module.exports = __toCommonJS(index_exports);
 
 // src/components/chat/ChatUI.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 var import_react_virtual = require("@tanstack/react-virtual");
 
 // src/config/chatConfig.ts
@@ -137,10 +121,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...",
@@ -154,7 +144,7 @@ var defaultChatConfig = {
     enableMessageEditing: true,
     enableMessageCopy: true,
     enableRegeneration: true,
-    enableToolCallsDisplay: true,
+    activityDisplay: "full",
     maxAttachments: 4,
     maxFileSize: 10 * 1024 * 1024
     // 10MB
@@ -226,37 +216,12 @@ function mergeConfig(_baseConfig, userConfig) {
 }
 
 // src/components/chat/Message.tsx
-var import_react = __toESM(require("react"), 1);
+var import_react2 = __toESM(require("react"), 1);
 var import_react_markdown = __toESM(require("react-markdown"), 1);
 var import_remark_gfm = __toESM(require("remark-gfm"), 1);
 var import_rehype_highlight = __toESM(require("rehype-highlight"), 1);
 
 // src/lib/chatUtils.ts
-var 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
@@ -310,24 +275,6 @@ var import_tailwind_merge = require("tailwind-merge");
 function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.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) {
@@ -478,59 +425,10 @@ function Badge({
   );
 }
 
-// src/components/ui/card.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-function Card({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    "div",
-    {
-      "data-slot": "card",
-      className: cn(
-        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    "div",
-    {
-      "data-slot": "card-header",
-      className: cn(
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    "div",
-    {
-      "data-slot": "card-title",
-      className: cn("leading-none font-semibold", className),
-      ...props
-    }
-  );
-}
-function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    "div",
-    {
-      "data-slot": "card-content",
-      className: cn("px-6", className),
-      ...props
-    }
-  );
-}
-
 // src/components/ui/textarea.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "textarea",
     {
       "data-slot": "textarea",
@@ -545,12 +443,12 @@ function Textarea({ className, ...props }) {
 
 // src/components/ui/tooltip.tsx
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function TooltipProvider({
   delayDuration = 0,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     TooltipPrimitive.Provider,
     {
       "data-slot": "tooltip-provider",
@@ -562,12 +460,12 @@ function TooltipProvider({
 function Tooltip({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
 }
 function TooltipTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({
   className,
@@ -575,7 +473,7 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     TooltipPrimitive.Content,
     {
       "data-slot": "tooltip-content",
@@ -587,79 +485,198 @@ function TooltipContent({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(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
-var import_lucide_react = require("lucide-react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var ThinkingIndicator = (0, import_react.memo)(function ThinkingIndicator2({ label = "Thinking..." }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2 py-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        "span",
-        {
-          className: "inline-block w-2 h-2 bg-primary rounded-full animate-bounce",
-          style: { animationDelay: "0ms" }
-        }
+// src/components/chat/AssistantActivity.tsx
+var import_react = require("react");
+
+// src/components/ui/card.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "div",
+    {
+      "data-slot": "card",
+      className: cn(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        className
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        "span",
-        {
-          className: "inline-block w-2 h-2 bg-primary rounded-full animate-bounce",
-          style: { animationDelay: "150ms" }
-        }
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        className
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        "span",
-        {
-          className: "inline-block w-2 h-2 bg-primary rounded-full animate-bounce",
-          style: { animationDelay: "300ms" }
-        }
-      )
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn("px-6", className),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/collapsible.tsx
+var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"), 1);
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
+var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
+
+// src/components/chat/AssistantActivity.tsx
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var 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__ */ (0, import_jsx_runtime7.jsx)(Badge, { variant: "destructive", children: "failed" });
+  }
+  if (toolCall.status === "completed") {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Badge, { variant: "secondary", className: "bg-emerald-500/10 text-emerald-700 dark:text-emerald-300", children: "done" });
+  }
+  if (toolCall.status === "running") {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Badge, { variant: "secondary", className: "bg-primary/10 text-primary", children: "running" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Badge, { variant: "secondary", children: "pending" });
+};
+var AssistantActivitySkeleton = (0, import_react.memo)(function AssistantActivitySkeleton2() {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "mb-3 flex items-center gap-3 rounded-lg border border-border/50 bg-muted/20 px-3 py-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "inline-block h-2 w-2 rounded-full bg-primary/80 animate-pulse" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "inline-block h-2 w-2 rounded-full bg-primary/60 animate-pulse [animation-delay:120ms]" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "inline-block h-2 w-2 rounded-full bg-primary/40 animate-pulse [animation-delay:240ms]" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-sm text-muted-foreground animate-pulse", children: label })
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "h-3 w-28 rounded-full bg-muted animate-pulse" })
   ] });
 });
-var ThinkingBlock = (0, import_react.memo)(function ThinkingBlock2({ reasoning, isStreaming = false, label = "Thinking..." }) {
-  const [isOpen, setIsOpen] = (0, import_react.useState)(isStreaming);
-  (0, import_react.useEffect)(() => {
-    if (isStreaming) setIsOpen(true);
-  }, [isStreaming]);
-  const finishedLabel = label.replace(/\.{3}$/, "");
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("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__ */ (0, import_jsx_runtime7.jsxs)(
-      "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__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.Brain, { className: `h-4 w-4 flex-shrink-0 ${isStreaming ? "text-primary animate-pulse" : "text-muted-foreground"}` }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "flex-1", children: isStreaming ? label : finishedLabel }),
-          isStreaming && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex gap-0.5 mr-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "inline-block w-1 h-1 bg-primary rounded-full animate-bounce", style: { animationDelay: "0ms" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "inline-block w-1 h-1 bg-primary rounded-full animate-bounce", style: { animationDelay: "150ms" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "inline-block w-1 h-1 bg-primary rounded-full animate-bounce", style: { animationDelay: "300ms" } })
+var AssistantActivitySummary = (0, import_react.memo)(function AssistantActivitySummary2({
+  activity,
+  labels
+}) {
+  const summaryLabel = (0, import_react.useMemo)(() => resolveSummaryLabel(activity, labels), [activity, labels]);
+  const isActive = activity.isActive;
+  const icon = activity.summary.kind === "using_tools" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.Wrench, { className: cn("h-4 w-4 shrink-0", isActive ? "text-primary" : "text-muted-foreground") }) : activity.summary.kind === "preparing_answer" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.Sparkles, { className: cn("h-4 w-4 shrink-0", isActive ? "text-primary" : "text-muted-foreground") }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.Brain, { className: cn("h-4 w-4 shrink-0", isActive ? "text-primary" : "text-muted-foreground") });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: cn(
+    "flex items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors",
+    isActive ? "border-primary/30 bg-primary/5 text-foreground" : "border-border/60 bg-muted/20 text-muted-foreground"
+  ), children: [
+    icon,
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "min-w-0 flex-1 truncate", children: summaryLabel }),
+    isActive && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.LoaderCircle, { className: "h-4 w-4 shrink-0 animate-spin text-primary" })
+  ] });
+});
+var AssistantActivityDetails = (0, import_react.memo)(function AssistantActivityDetails2({
+  activity
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-3 pt-3", children: [
+    activity.reasoning && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Reasoning" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "whitespace-pre-wrap break-words text-sm leading-6 text-muted-foreground", children: activity.reasoning })
+    ] }),
+    Array.isArray(activity.toolCalls) && activity.toolCalls.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Tools" }),
+      activity.toolCalls.map((toolCall) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Card, { className: "border-border/60 bg-background/70", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(CardContent, { className: "space-y-2 px-3 py-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "truncate text-sm font-medium", children: toolCall.name }) }),
+          getStatusIcon(toolCall)
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: "Args" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("pre", { className: "overflow-x-auto rounded-md bg-muted/70 p-2 text-xs text-muted-foreground", children: JSON.stringify(toolCall.arguments, null, 2) })
           ] }),
-          isOpen ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.ChevronDown, { className: "h-3 w-3 flex-shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.ChevronRight, { className: "h-3 w-3 flex-shrink-0" })
-        ]
-      }
-    ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("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__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "pt-2", children: [
-      reasoning,
-      isStreaming && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "inline-block w-1.5 h-3.5 bg-primary/60 animate-pulse ml-0.5" })
-    ] }) })
+          typeof toolCall.result !== "undefined" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: "Result" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("pre", { className: "overflow-x-auto rounded-md bg-muted/70 p-2 text-xs text-muted-foreground", children: JSON.stringify(toolCall.result, null, 2) })
+          ] })
+        ] })
+      ] }) }, toolCall.id))
+    ] })
   ] });
 });
+var AssistantActivity = (0, import_react.memo)(function AssistantActivity2({
+  activity,
+  displayMode,
+  labels
+}) {
+  if (!activity) return null;
+  if (displayMode === "hidden") {
+    return activity.isActive ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AssistantActivitySkeleton, {}) : null;
+  }
+  if (displayMode === "summary") {
+    if (!activity.isActive && activity.isComplete) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mb-3", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AssistantActivitySummary, { activity, labels }) });
+  }
+  const hasDetails = Boolean(activity.reasoning) || Boolean(activity.toolCalls?.length);
+  const defaultOpen = activity.isActive && hasDetails;
+  const [open, setOpen] = (0, import_react.useState)(defaultOpen);
+  (0, import_react.useEffect)(() => {
+    if (activity.isActive && hasDetails) {
+      setOpen(true);
+    }
+  }, [activity.isActive, hasDetails]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mb-3", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Collapsible, { open, onOpenChange: setOpen, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AssistantActivitySummary, { activity, labels }) }),
+      hasDetails && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Button, { variant: "ghost", size: "sm", className: "h-9 shrink-0 px-2 text-xs text-muted-foreground", children: [
+        open ? labels?.activityHideDetails || "Hide details" : labels?.activityShowDetails || "Show details",
+        open ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.ChevronDown, { className: "ml-1 h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.ChevronRight, { className: "ml-1 h-3.5 w-3.5" })
+      ] }) })
+    ] }),
+    hasDetails && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CollapsibleContent2, { className: "overflow-hidden rounded-lg border border-border/60 bg-muted/10 px-3", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AssistantActivityDetails, { activity }) })
+  ] }) }) });
+});
+
+// src/components/chat/Message.tsx
+var import_lucide_react2 = require("lucide-react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var defaultMarkdownComponents = {
   code: ({ node, className, children, ...props }) => {
     const inline = props.inline;
     const match = /language-(\w+)/.exec(className || "");
-    return !inline && match ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("pre", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("code", { className, ...props, children }) }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("code", { className: "bg-muted px-1 py-0.5 rounded text-sm", ...props, children });
+    return !inline && match ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("pre", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("code", { className, ...props, children }) }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("code", { className: "bg-muted px-1 py-0.5 rounded text-sm", ...props, children });
   }
 };
 var remarkPluginsDefault = [import_remark_gfm.default];
@@ -695,66 +712,64 @@ var getCollapsedPreview = (content, previewChars, previewOverride) => {
   }
   return `${content.slice(0, previewChars).trimEnd()}...`;
 };
-var LongContentShell = (0, import_react.memo)(function LongContentShell2({ children, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className, style, children });
+var LongContentShell = (0, import_react2.memo)(function LongContentShell2({ children, className, style }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className, style, children });
 });
-var PlainTextContent = (0, import_react.memo)(function PlainTextContent2({
+var PlainTextContent = (0, import_react2.memo)(function PlainTextContent2({
   content,
   className = "",
   chunkSize = 12e3,
   style
 }) {
-  const chunks = (0, import_react.useMemo)(() => getPlainTextChunks(content, chunkSize), [content, chunkSize]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  const chunks = (0, import_react2.useMemo)(() => getPlainTextChunks(content, chunkSize), [content, chunkSize]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     LongContentShell,
     {
       className: `text-sm leading-6 whitespace-pre-wrap break-words ${className}`.trim(),
       style,
-      children: chunks.map((chunk, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react.default.Fragment, { children: chunk }, index))
+      children: chunks.map((chunk, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react2.default.Fragment, { children: chunk }, index))
     }
   );
 });
-var StreamingText = (0, import_react.memo)(function StreamingText2({
+var StreamingText = (0, import_react2.memo)(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 = (0, import_react.useMemo)(
+  const mergedComponents = (0, import_react2.useMemo)(
     () => ({
       ...defaultMarkdownComponents,
       ...markdown?.components
     }),
     [markdown?.components]
   );
-  const mergedRemarkPlugins = (0, import_react.useMemo)(
+  const mergedRemarkPlugins = (0, import_react2.useMemo)(
     () => [
       ...remarkPluginsDefault,
       ...markdown?.remarkPlugins ?? []
     ],
     [markdown?.remarkPlugins]
   );
-  const mergedRehypePlugins = (0, import_react.useMemo)(
+  const mergedRehypePlugins = (0, import_react2.useMemo)(
     () => [
       ...enableSyntaxHighlight ? rehypePluginsDefault : rehypePluginsEmpty,
       ...markdown?.rehypePlugins ?? []
     ],
     [enableSyntaxHighlight, markdown?.rehypePlugins]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-    hasContent ? renderMarkdown ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+    hasContent ? renderMarkdown ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       LongContentShell,
       {
         className: `prose prose-sm max-w-none dark:prose-invert break-words ${className}`.trim(),
         style: contentStyle,
-        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           import_react_markdown.default,
           {
             remarkPlugins: mergedRemarkPlugins,
@@ -764,7 +779,7 @@ var StreamingText = (0, import_react.memo)(function StreamingText2({
           }
         )
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       PlainTextContent,
       {
         content,
@@ -772,13 +787,13 @@ var StreamingText = (0, import_react.memo)(function StreamingText2({
         chunkSize: plainTextChunkChars,
         style: contentStyle
       }
-    ) : isStreaming && !hideThinkingIndicator ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ThinkingIndicator, { label: thinkingLabel }) : null,
-    isStreaming && hasContent && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "inline-block w-2 h-4 bg-primary animate-pulse ml-1" })
+    ) : null,
+    isStreaming && hasContent && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "inline-block w-2 h-4 bg-primary animate-pulse ml-1" })
   ] });
 });
-var MediaRenderer = (0, import_react.memo)(function MediaRenderer2({ attachment }) {
-  const [audioPlaybackSrc, setAudioPlaybackSrc] = (0, import_react.useState)(attachment.dataUrl);
-  (0, import_react.useEffect)(() => {
+var MediaRenderer = (0, import_react2.memo)(function MediaRenderer2({ attachment }) {
+  const [audioPlaybackSrc, setAudioPlaybackSrc] = (0, import_react2.useState)(attachment.dataUrl);
+  (0, import_react2.useEffect)(() => {
     if (attachment.kind !== "audio" || !attachment.dataUrl.startsWith("data:")) {
       setAudioPlaybackSrc(attachment.dataUrl);
       return;
@@ -801,8 +816,8 @@ var MediaRenderer = (0, import_react.memo)(function MediaRenderer2({ attachment
   };
   switch (attachment.kind) {
     case "image":
-      return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "relative rounded-lg overflow-hidden border bg-muted/20 max-w-md", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "relative rounded-lg overflow-hidden border bg-muted/20 max-w-md", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "img",
           {
             src: attachment.dataUrl,
@@ -811,21 +826,21 @@ var MediaRenderer = (0, import_react.memo)(function MediaRenderer2({ attachment
             loading: "lazy"
           }
         ),
-        attachment.fileName && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "absolute bottom-0 left-0 right-0 bg-black/50 text-white text-xs p-2", children: attachment.fileName })
+        attachment.fileName && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("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__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex w-full max-w-md py-0 min-w-64 items-center gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex w-full max-w-md py-0 min-w-64 items-center gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         "audio",
         {
           className: "w-full mt-2",
           preload: "metadata",
           controls: true,
-          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("source", { src: audioPlaybackSrc, type: attachment.mimeType })
+          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("source", { src: audioPlaybackSrc, type: attachment.mimeType })
         }
       ) });
     case "video":
-      return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "relative rounded-lg overflow-hidden border bg-muted/20 max-w-lg", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "relative rounded-lg overflow-hidden border bg-muted/20 max-w-lg", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "video",
           {
             src: attachment.dataUrl,
@@ -834,82 +849,12 @@ var MediaRenderer = (0, import_react.memo)(function MediaRenderer2({ attachment
             className: "w-full h-auto"
           }
         ),
-        attachment.fileName && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "absolute bottom-0 left-0 right-0 bg-black/50 text-white text-xs p-2", children: attachment.fileName })
+        attachment.fileName && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("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 = (0, import_react.memo)(function ToolCallsDisplay2({ toolCalls, label }) {
-  const [expandedCall, setExpandedCall] = (0, import_react.useState)(null);
-  const getStatusIcon = (status) => {
-    switch (status) {
-      case "pending":
-        return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.Clock, { className: "h-3 w-3 text-muted-foreground" });
-      case "running":
-        return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "h-3 w-3 border-2 border-primary border-t-transparent rounded-full animate-spin" });
-      case "completed":
-        return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.Check, { className: "h-3 w-3 text-green-500" });
-      case "failed":
-        return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.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__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2 text-xs uppercase tracking-wide text-muted-foreground font-semibold", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.Wrench, { className: "h-3 w-3" }),
-      label || "Ferramenta utilizada"
-    ] }),
-    toolCalls.map((call) => {
-      const isExpanded = expandedCall === call.id;
-      const ToggleIcon = isExpanded ? import_lucide_react.ChevronDown : import_lucide_react.ChevronRight;
-      return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Card, { className: "border border-dashed border-primary/40 bg-card/60", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-          "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__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2", children: [
-                getStatusIcon(call.status),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "font-medium text-sm", children: call.name }),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Badge, { variant: "secondary", className: getStatusBadgeClasses(call.status), children: call.status })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToggleIcon, { className: "h-4 w-4 text-muted-foreground" })
-            ]
-          }
-        ),
-        isExpanded && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(CardContent, { className: "pt-0 pb-3 px-3 text-xs space-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "font-medium text-muted-foreground mb-1", children: "Args" }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("pre", { className: "rounded bg-muted p-2 overflow-x-auto text-xs", children: JSON.stringify(call.arguments, null, 2) })
-          ] }),
-          typeof call.result !== "undefined" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "font-medium text-muted-foreground mb-1", children: "Result" }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("pre", { className: "rounded bg-muted p-2 overflow-x-auto text-xs", children: JSON.stringify(call.result, null, 2) })
-          ] }),
-          call.startTime && call.endTime && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("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;
@@ -921,11 +866,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;
@@ -940,7 +884,7 @@ var arePropsEqual = (prevProps, nextProps) => {
   if (prevProps.assistantAvatar !== nextProps.assistantAvatar) return false;
   return true;
 };
-var Message = (0, import_react.memo)(({
+var Message = (0, import_react2.memo)(({
   message,
   isUser,
   userAvatar,
@@ -952,12 +896,11 @@ var Message = (0, import_react.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,
@@ -971,10 +914,10 @@ var Message = (0, import_react.memo)(({
   isGrouped = false,
   agentOptions = []
 }) => {
-  const [isEditing, setIsEditing] = (0, import_react.useState)(false);
-  const [editContent, setEditContent] = (0, import_react.useState)(message.content);
-  const [showActions, setShowActions] = (0, import_react.useState)(false);
-  const [copied, setCopied] = (0, import_react.useState)(false);
+  const [isEditing, setIsEditing] = (0, import_react2.useState)(false);
+  const [editContent, setEditContent] = (0, import_react2.useState)(message.content);
+  const [showActions, setShowActions] = (0, import_react2.useState)(false);
+  const [copied, setCopied] = (0, import_react2.useState)(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()
@@ -1034,20 +977,20 @@ var Message = (0, import_react.memo)(({
       minute: "2-digit"
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     "div",
     {
       className: `flex w-full flex-col ${className} max-w-[800px] mx-auto`,
       onMouseEnter: () => setShowActions(true),
       onMouseLeave: () => setShowActions(false),
       children: [
-        !isGrouped && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: `flex gap-3 ${messageIsUser ? "flex-row-reverse" : "flex-row"} w-full mb-1`, children: [
-          showAvatar && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: `flex-shrink-0 ${compactMode ? "mt-1" : "mt-0"}`, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Avatar, { className: compactMode ? "h-6 w-6" : "h-8 w-8", children: messageIsUser ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AvatarImage, { src: userAvatar, alt: userName }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AvatarFallback, { className: "bg-primary text-primary-foreground", children: userName.charAt(0).toUpperCase() })
-          ] }) : agentSender ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-            agentSender.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AvatarImage, { src: agentSender.avatarUrl, alt: agentSender.name }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        !isGrouped && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `flex gap-3 ${messageIsUser ? "flex-row-reverse" : "flex-row"} w-full mb-1`, children: [
+          showAvatar && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `flex-shrink-0 ${compactMode ? "mt-1" : "mt-0"}`, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Avatar, { className: compactMode ? "h-6 w-6" : "h-8 w-8", children: messageIsUser ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AvatarImage, { src: userAvatar, alt: userName }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AvatarFallback, { className: "bg-primary text-primary-foreground", children: userName.charAt(0).toUpperCase() })
+          ] }) : agentSender ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+            agentSender.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AvatarImage, { src: agentSender.avatarUrl, alt: agentSender.name }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               AvatarFallback,
               {
                 style: agentColor ? { backgroundColor: agentColor, color: "white" } : void 0,
@@ -1055,9 +998,9 @@ var Message = (0, import_react.memo)(({
                 children: getAgentInitials(agentSender.name)
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: assistantAvatar || /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AvatarFallback, { className: "bg-secondary text-secondary-foreground", children: "AI" }) }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: `flex items-center gap-2 mb-1 ${messageIsUser ? "flex-row-reverse" : "flex-row"}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: assistantAvatar || /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AvatarFallback, { className: "bg-secondary text-secondary-foreground", children: "AI" }) }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `flex items-center gap-2 mb-1 ${messageIsUser ? "flex-row-reverse" : "flex-row"}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               "span",
               {
                 className: `font-medium ${compactMode ? "text-sm" : "text-base"}`,
@@ -1065,13 +1008,13 @@ var Message = (0, import_react.memo)(({
                 children: messageIsUser ? userName : resolvedAssistantName
               }
             ),
-            showTimestamp && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-xs text-muted-foreground", children: formatTime(message.timestamp) }),
-            message.isEdited && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Badge, { variant: "outline", className: "text-xs", children: "editado" })
+            showTimestamp && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-xs text-muted-foreground", children: formatTime(message.timestamp) }),
+            message.isEdited && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Badge, { variant: "outline", className: "text-xs", children: "editado" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: `flex-1 min-w-0 ${messageIsUser ? "text-right" : "text-left"} ${horizontalOffsetClass}`, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: `relative inline-flex flex-col overflow-hidden text-left ${messageIsUser ? "rounded-lg p-3 bg-primary text-primary-foreground ml-auto max-w-[85%]" : "max-w-full"}`, children: [
-          isEditing ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `flex-1 min-w-0 ${messageIsUser ? "text-right" : "text-left"} ${horizontalOffsetClass}`, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `relative inline-flex flex-col overflow-hidden text-left ${messageIsUser ? "rounded-lg p-3 bg-primary text-primary-foreground ml-auto max-w-[85%]" : "max-w-full"}`, children: [
+          isEditing ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               Textarea,
               {
                 value: editContent,
@@ -1080,40 +1023,37 @@ var Message = (0, import_react.memo)(({
                 autoFocus: true
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex gap-2 justify-end", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Button, { variant: "outline", size: "sm", onClick: handleCancelEdit, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.X, { className: "h-4 w-4 mr-1" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex gap-2 justify-end", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Button, { variant: "outline", size: "sm", onClick: handleCancelEdit, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.X, { className: "h-4 w-4 mr-1" }),
                 "Cancelar"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Button, { size: "sm", onClick: handleEdit, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.Check, { className: "h-4 w-4 mr-1" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Button, { size: "sm", onClick: handleEdit, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Check, { className: "h-4 w-4 mr-1" }),
                 "Salvar"
               ] })
             ] })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-            !messageIsUser && message.reasoning && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-              ThinkingBlock,
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+            !messageIsUser && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              AssistantActivity,
               {
-                reasoning: message.reasoning,
-                isStreaming: message.isReasoningStreaming,
-                label: thinkingLabel
+                activity: message.activity,
+                displayMode: activityDisplay,
+                labels
               }
             ),
-            enableToolCallsDisplay && message.toolCalls && message.toolCalls.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mb-3", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToolCallsDisplay, { toolCalls: message.toolCalls, label: toolUsedLabel }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               StreamingText,
               {
                 content: contentToRender,
                 isStreaming: message.isStreaming,
-                thinkingLabel,
                 renderMarkdown: shouldRenderMarkdown,
                 markdown,
                 plainTextChunkChars: normalizedChunkChars,
-                contentStyle,
-                hideThinkingIndicator: !!message.reasoning
+                contentStyle
               }
             ),
-            canCollapseMessage && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mt-3", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            canCollapseMessage && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "mt-3", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               Button,
               {
                 type: "button",
@@ -1125,47 +1065,47 @@ var Message = (0, import_react.memo)(({
                 children: isCollapsed ? showMoreLabel : showLessLabel
               }
             ) }),
-            message.attachments && message.attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mt-3 space-y-2", children: message.attachments.map((attachment, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MediaRenderer, { attachment }, index)) })
+            message.attachments && message.attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "mt-3 space-y-2", children: message.attachments.map((attachment, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MediaRenderer, { attachment }, index)) })
           ] }),
-          !isEditing && (showActions || copied) && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: `absolute -top-2 flex gap-1 ${messageIsUser ? "-left-2" : "-right-2"}`, children: [
-            enableCopy && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Tooltip, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          !isEditing && (showActions || copied) && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `absolute -top-2 flex gap-1 ${messageIsUser ? "-left-2" : "-right-2"}`, children: [
+            enableCopy && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Tooltip, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 Button,
                 {
                   variant: "secondary",
                   size: "icon",
                   className: "h-6 w-6 opacity-0 group-hover:opacity-100 transition-opacity",
                   onClick: handleCopy,
-                  children: copied ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.Check, { className: "h-3 w-3 text-green-500" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.Copy, { className: "h-3 w-3" })
+                  children: copied ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Check, { className: "h-3 w-3 text-green-500" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Copy, { className: "h-3 w-3" })
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TooltipContent, { children: copied ? "Copiado!" : "Copiar" })
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TooltipContent, { children: copied ? "Copiado!" : "Copiar" })
             ] }),
-            canEdit && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Tooltip, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            canEdit && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Tooltip, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 Button,
                 {
                   variant: "secondary",
                   size: "icon",
                   className: "h-6 w-6 opacity-0 group-hover:opacity-100 transition-opacity",
                   onClick: handleEdit,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.Edit, { className: "h-3 w-3" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Edit, { className: "h-3 w-3" })
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TooltipContent, { children: "Editar" })
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TooltipContent, { children: "Editar" })
             ] }),
-            canRegenerate && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Tooltip, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            canRegenerate && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Tooltip, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 Button,
                 {
                   variant: "secondary",
                   size: "icon",
                   className: "h-6 w-6 opacity-0 group-hover:opacity-100 transition-opacity",
                   onClick: handleRegenerate,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.RotateCcw, { className: "h-3 w-3" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.RotateCcw, { className: "h-3 w-3" })
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TooltipContent, { children: "Regenerar" })
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TooltipContent, { children: "Regenerar" })
             ] })
           ] })
         ] }) })
@@ -1175,12 +1115,12 @@ var Message = (0, import_react.memo)(({
 }, arePropsEqual);
 
 // src/components/chat/Sidebar.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 
 // src/components/ui/input.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "input",
     {
       type,
@@ -1197,17 +1137,17 @@ function Input({ className, type, ...props }) {
 }
 
 // src/components/ui/sidebar.tsx
-var React4 = __toESM(require("react"), 1);
+var React5 = __toESM(require("react"), 1);
 var import_react_slot3 = require("@radix-ui/react-slot");
 var import_class_variance_authority3 = require("class-variance-authority");
-var import_lucide_react3 = require("lucide-react");
+var import_lucide_react4 = require("lucide-react");
 
 // src/hooks/use-mobile.ts
-var React2 = __toESM(require("react"), 1);
+var React3 = __toESM(require("react"), 1);
 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);
@@ -1221,14 +1161,14 @@ function useIsMobile() {
 
 // src/components/ui/separator.tsx
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function Separator({
   className,
   orientation = "horizontal",
   decorative = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     SeparatorPrimitive.Root,
     {
       "data-slot": "separator",
@@ -1244,41 +1184,41 @@ function Separator({
 }
 
 // src/components/ui/sheet.tsx
-var React3 = __toESM(require("react"), 1);
+var React4 = __toESM(require("react"), 1);
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
-var import_lucide_react2 = require("lucide-react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_lucide_react3 = require("lucide-react");
+var import_jsx_runtime11 = require("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__ */ (0, import_jsx_runtime10.jsx)(SheetPrimitive.Root, { "data-slot": "sheet", open, onOpenChange, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SheetPrimitive.Root, { "data-slot": "sheet", open, onOpenChange, ...props });
 }
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     SheetPrimitive.Overlay,
     {
       "data-slot": "sheet-overlay",
@@ -1299,9 +1239,9 @@ function SheetContent({
   side = "right",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(SheetPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SheetOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(SheetPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
       SheetPrimitive.Content,
       {
         "data-slot": "sheet-content",
@@ -1317,9 +1257,9 @@ function SheetContent({
         ...props,
         children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(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__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react2.XIcon, { className: "size-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(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__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react3.XIcon, { className: "size-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -1327,7 +1267,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "div",
     {
       "data-slot": "sheet-header",
@@ -1340,7 +1280,7 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     SheetPrimitive.Title,
     {
       "data-slot": "sheet-title",
@@ -1353,7 +1293,7 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     SheetPrimitive.Description,
     {
       "data-slot": "sheet-description",
@@ -1364,9 +1304,9 @@ function SheetDescription({
 }
 
 // src/components/ui/skeleton.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     {
       "data-slot": "skeleton",
@@ -1377,16 +1317,16 @@ function Skeleton({ className, ...props }) {
 }
 
 // src/components/ui/sidebar.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("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.");
   }
@@ -1402,10 +1342,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) {
@@ -1417,10 +1357,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();
@@ -1431,7 +1371,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React4.useMemo(
+  const contextValue = React5.useMemo(
     () => ({
       state,
       open,
@@ -1443,7 +1383,7 @@ function SidebarProvider({
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "div",
     {
       "data-slot": "sidebar-wrapper",
@@ -1471,7 +1411,7 @@ function Sidebar({
 }) {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       "div",
       {
         "data-slot": "sidebar",
@@ -1485,7 +1425,7 @@ function Sidebar({
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -1497,16 +1437,16 @@ function Sidebar({
         },
         side,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     "div",
     {
       className: "group peer text-sidebar-foreground hidden md:block",
@@ -1516,7 +1456,7 @@ function Sidebar({
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -1528,7 +1468,7 @@ function Sidebar({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "div",
           {
             "data-slot": "sidebar-container",
@@ -1540,7 +1480,7 @@ function Sidebar({
               className
             ),
             ...props,
-            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -1561,7 +1501,7 @@ function SidebarTrigger({
   ...props
 }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     Button,
     {
       "data-sidebar": "trigger",
@@ -1575,15 +1515,15 @@ function SidebarTrigger({
       },
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react3.PanelLeftIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react4.PanelLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 }
 function SidebarRail({ className, ...props }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "button",
     {
       "data-sidebar": "rail",
@@ -1606,7 +1546,7 @@ function SidebarRail({ className, ...props }) {
   );
 }
 function SidebarInset({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "main",
     {
       "data-slot": "sidebar-inset",
@@ -1620,7 +1560,7 @@ function SidebarInset({ className, ...props }) {
   );
 }
 function SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -1631,7 +1571,7 @@ function SidebarHeader({ className, ...props }) {
   );
 }
 function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -1642,7 +1582,7 @@ function SidebarFooter({ className, ...props }) {
   );
 }
 function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "div",
     {
       "data-slot": "sidebar-content",
@@ -1656,7 +1596,7 @@ function SidebarContent({ className, ...props }) {
   );
 }
 function SidebarGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "div",
     {
       "data-slot": "sidebar-group",
@@ -1672,7 +1612,7 @@ function SidebarGroupLabel({
   ...props
 }) {
   const Comp = asChild ? import_react_slot3.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     Comp,
     {
       "data-slot": "sidebar-group-label",
@@ -1690,7 +1630,7 @@ function SidebarGroupContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "div",
     {
       "data-slot": "sidebar-group-content",
@@ -1701,7 +1641,7 @@ function SidebarGroupContent({
   );
 }
 function SidebarMenu({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "ul",
     {
       "data-slot": "sidebar-menu",
@@ -1712,7 +1652,7 @@ function SidebarMenu({ className, ...props }) {
   );
 }
 function SidebarMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "li",
     {
       "data-slot": "sidebar-menu-item",
@@ -1753,7 +1693,7 @@ function SidebarMenuButton({
 }) {
   const Comp = asChild ? import_react_slot3.Slot : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  const button = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     Comp,
     {
       "data-slot": "sidebar-menu-button",
@@ -1772,9 +1712,9 @@ function SidebarMenuButton({
       children: tooltip
     };
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       TooltipContent,
       {
         side: "right",
@@ -1792,7 +1732,7 @@ function SidebarMenuAction({
   ...props
 }) {
   const Comp = asChild ? import_react_slot3.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     Comp,
     {
       "data-slot": "sidebar-menu-action",
@@ -1814,10 +1754,10 @@ function SidebarMenuAction({
 }
 
 // src/components/ui/dialog.tsx
-var React5 = __toESM(require("react"), 1);
+var React6 = __toESM(require("react"), 1);
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
-var import_lucide_react4 = require("lucide-react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_lucide_react5 = require("lucide-react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function cleanupBodyStyles2() {
   if (typeof document !== "undefined" && document.body.style.pointerEvents === "none") {
     document.body.style.pointerEvents = "";
@@ -1828,36 +1768,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__ */ (0, import_jsx_runtime13.jsx)(DialogPrimitive.Root, { "data-slot": "dialog", open, onOpenChange, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogPrimitive.Root, { "data-slot": "dialog", open, onOpenChange, ...props });
 }
 function DialogTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
 }
 function DialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
 }
 function DialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     DialogPrimitive.Overlay,
     {
       "data-slot": "dialog-overlay",
@@ -1878,9 +1818,9 @@ function DialogContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       DialogPrimitive.Content,
       {
         "data-slot": "dialog-content",
@@ -1892,14 +1832,14 @@ function DialogContent({
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
             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__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react4.XIcon, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react5.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -1909,7 +1849,7 @@ function DialogContent({
   ] });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
       "data-slot": "dialog-header",
@@ -1919,7 +1859,7 @@ function DialogHeader({ className, ...props }) {
   );
 }
 function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
       "data-slot": "dialog-footer",
@@ -1935,7 +1875,7 @@ function DialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     DialogPrimitive.Title,
     {
       "data-slot": "dialog-title",
@@ -1948,7 +1888,7 @@ function DialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     DialogPrimitive.Description,
     {
       "data-slot": "dialog-description",
@@ -1959,9 +1899,9 @@ function DialogDescription({
 }
 
 // src/components/ui/alert-dialog.tsx
-var React6 = __toESM(require("react"), 1);
+var React7 = __toESM(require("react"), 1);
 var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"), 1);
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function cleanupBodyStyles3() {
   if (typeof document !== "undefined" && document.body.style.pointerEvents === "none") {
     document.body.style.pointerEvents = "";
@@ -1972,31 +1912,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__ */ (0, import_jsx_runtime14.jsx)(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", open, onOpenChange, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", open, onOpenChange, ...props });
 }
 function AlertDialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
 }
 function AlertDialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     AlertDialogPrimitive.Overlay,
     {
       "data-slot": "alert-dialog-overlay",
@@ -2015,9 +1955,9 @@ function AlertDialogContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(AlertDialogPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AlertDialogOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(AlertDialogPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AlertDialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       AlertDialogPrimitive.Content,
       {
         "data-slot": "alert-dialog-content",
@@ -2034,7 +1974,7 @@ function AlertDialogHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "div",
     {
       "data-slot": "alert-dialog-header",
@@ -2047,7 +1987,7 @@ function AlertDialogFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "div",
     {
       "data-slot": "alert-dialog-footer",
@@ -2063,7 +2003,7 @@ function AlertDialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     AlertDialogPrimitive.Title,
     {
       "data-slot": "alert-dialog-title",
@@ -2076,7 +2016,7 @@ function AlertDialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     AlertDialogPrimitive.Description,
     {
       "data-slot": "alert-dialog-description",
@@ -2089,7 +2029,7 @@ function AlertDialogAction({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     AlertDialogPrimitive.Action,
     {
       className: cn(buttonVariants(), className),
@@ -2101,7 +2041,7 @@ function AlertDialogCancel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     AlertDialogPrimitive.Cancel,
     {
       className: cn(buttonVariants({ variant: "outline" }), className),
@@ -2112,17 +2052,17 @@ function AlertDialogCancel({
 
 // src/components/ui/dropdown-menu.tsx
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
-var import_lucide_react5 = require("lucide-react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_lucide_react6 = require("lucide-react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function DropdownMenu({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     DropdownMenuPrimitive.Trigger,
     {
       "data-slot": "dropdown-menu-trigger",
@@ -2135,7 +2075,7 @@ function DropdownMenuContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     DropdownMenuPrimitive.Content,
     {
       "data-slot": "dropdown-menu-content",
@@ -2154,7 +2094,7 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     DropdownMenuPrimitive.Item,
     {
       "data-slot": "dropdown-menu-item",
@@ -2173,7 +2113,7 @@ function DropdownMenuLabel({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     DropdownMenuPrimitive.Label,
     {
       "data-slot": "dropdown-menu-label",
@@ -2190,7 +2130,7 @@ function DropdownMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     DropdownMenuPrimitive.Separator,
     {
       "data-slot": "dropdown-menu-separator",
@@ -2201,11 +2141,11 @@ function DropdownMenuSeparator({
 }
 
 // src/components/chat/Sidebar.tsx
-var import_lucide_react7 = require("lucide-react");
+var import_lucide_react8 = require("lucide-react");
 
 // src/components/chat/UserMenu.tsx
-var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_lucide_react7 = require("lucide-react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var getInitials = (name, email) => {
   if (name) {
     return name.split(" ").map((n) => n[0]).slice(0, 2).join("").toUpperCase();
@@ -2240,27 +2180,27 @@ var UserMenu = ({
   };
   const displayName = getDisplayName(user, labels.guest);
   const initials = getInitials(user?.name, user?.email);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SidebarMenu, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SidebarMenu, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
       SidebarMenuButton,
       {
         size: "lg",
         className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
         tooltip: displayName,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Avatar, { className: "h-8 w-8 rounded-lg", children: [
-            user?.avatar && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AvatarImage, { src: user.avatar, alt: displayName }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AvatarFallback, { className: "rounded-lg bg-primary/10 text-primary text-xs font-medium", children: initials })
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Avatar, { className: "h-8 w-8 rounded-lg", children: [
+            user?.avatar && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AvatarImage, { src: user.avatar, alt: displayName }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AvatarFallback, { className: "rounded-lg bg-primary/10 text-primary text-xs font-medium", children: initials })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "grid flex-1 text-left text-sm leading-tight group-data-[collapsible=icon]:hidden", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "truncate font-medium", children: displayName }),
-            user?.email && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "truncate text-xs text-muted-foreground", children: user.email })
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "grid flex-1 text-left text-sm leading-tight group-data-[collapsible=icon]:hidden", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "truncate font-medium", children: displayName }),
+            user?.email && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "truncate text-xs text-muted-foreground", children: user.email })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.ChevronsUpDown, { className: "ml-auto size-4 group-data-[collapsible=icon]:hidden" })
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.ChevronsUpDown, { className: "ml-auto size-4 group-data-[collapsible=icon]:hidden" })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
       DropdownMenuContent,
       {
         className: "w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg",
@@ -2268,72 +2208,72 @@ var UserMenu = ({
         align: "end",
         sideOffset: 4,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuLabel, { className: "p-0 font-normal", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Avatar, { className: "h-8 w-8 rounded-lg", children: [
-              user?.avatar && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AvatarImage, { src: user.avatar, alt: displayName }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AvatarFallback, { className: "rounded-lg bg-primary/10 text-primary text-xs font-medium", children: initials })
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuLabel, { className: "p-0 font-normal", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Avatar, { className: "h-8 w-8 rounded-lg", children: [
+              user?.avatar && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AvatarImage, { src: user.avatar, alt: displayName }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AvatarFallback, { className: "rounded-lg bg-primary/10 text-primary text-xs font-medium", children: initials })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "truncate font-medium", children: displayName }),
-              user?.email && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "truncate text-xs text-muted-foreground", children: user.email })
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "truncate font-medium", children: displayName }),
+              user?.email && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "truncate text-xs text-muted-foreground", children: user.email })
             ] })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuSeparator, {}),
-          callbacks?.onViewProfile && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(DropdownMenuItem, { onClick: callbacks.onViewProfile, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.User, { className: "mr-2 h-4 w-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: labels.profile })
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuSeparator, {}),
+          callbacks?.onViewProfile && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenuItem, { onClick: callbacks.onViewProfile, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.User, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: labels.profile })
           ] }),
-          callbacks?.onOpenSettings && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(DropdownMenuItem, { onClick: callbacks.onOpenSettings, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.Settings, { className: "mr-2 h-4 w-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: labels.settings })
+          callbacks?.onOpenSettings && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenuItem, { onClick: callbacks.onOpenSettings, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.Settings, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: labels.settings })
           ] }),
           additionalItems,
-          showThemeOptions && callbacks?.onThemeChange && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuSeparator, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+          showThemeOptions && callbacks?.onThemeChange && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
               DropdownMenuItem,
               {
                 onClick: () => callbacks.onThemeChange?.("light"),
                 className: currentTheme === "light" ? "bg-accent" : "",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.Sun, { className: "mr-2 h-4 w-4" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: labels.lightMode })
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.Sun, { className: "mr-2 h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: labels.lightMode })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
               DropdownMenuItem,
               {
                 onClick: () => callbacks.onThemeChange?.("dark"),
                 className: currentTheme === "dark" ? "bg-accent" : "",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.Moon, { className: "mr-2 h-4 w-4" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: labels.darkMode })
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.Moon, { className: "mr-2 h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: labels.darkMode })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
               DropdownMenuItem,
               {
                 onClick: () => callbacks.onThemeChange?.("system"),
                 className: currentTheme === "system" ? "bg-accent" : "",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.Palette, { className: "mr-2 h-4 w-4" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: labels.systemTheme })
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.Palette, { className: "mr-2 h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: labels.systemTheme })
                 ]
               }
             )
           ] }),
-          callbacks?.onLogout && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuSeparator, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+          callbacks?.onLogout && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
               DropdownMenuItem,
               {
                 onClick: callbacks.onLogout,
                 className: "text-destructive focus:text-destructive focus:bg-destructive/10",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.LogOut, { className: "mr-2 h-4 w-4" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: labels.logout })
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.LogOut, { className: "mr-2 h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: labels.logout })
                 ]
               }
             )
@@ -2345,26 +2285,26 @@ var UserMenu = ({
 };
 
 // src/components/chat/Sidebar.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var CreateThreadDialog = ({ config, onCreateThread, trigger }) => {
-  const [title, setTitle] = (0, import_react2.useState)("");
-  const [isOpen, setIsOpen] = (0, import_react2.useState)(false);
+  const [title, setTitle] = (0, import_react3.useState)("");
+  const [isOpen, setIsOpen] = (0, import_react3.useState)(false);
   const handleCreate = () => {
     onCreateThread(title.trim() || void 0);
     setTitle("");
     setIsOpen(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DialogTrigger, { asChild: true, children: trigger || /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Button, { className: "w-full justify-start", variant: "outline", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.Plus, { className: "mr-2 h-4 w-4" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DialogTrigger, { asChild: true, children: trigger || /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Button, { className: "w-full justify-start", variant: "outline", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Plus, { className: "mr-2 h-4 w-4" }),
       config.labels?.newChat || "New Chat"
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DialogContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DialogHeader, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DialogTitle, { children: config.labels?.createNewThread || "New Conversation" }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DialogDescription, { children: "Give your new conversation a name or leave blank to auto-generate one." })
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DialogContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DialogHeader, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DialogTitle, { children: config.labels?.createNewThread || "New Conversation" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DialogDescription, { children: "Give your new conversation a name or leave blank to auto-generate one." })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         Input,
         {
           value: title,
@@ -2374,16 +2314,16 @@ var CreateThreadDialog = ({ config, onCreateThread, trigger }) => {
           autoFocus: true
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DialogFooter, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { variant: "outline", onClick: () => setIsOpen(false), children: config.labels?.cancel || "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { onClick: handleCreate, children: config.labels?.create || "Create" })
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DialogFooter, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { variant: "outline", onClick: () => setIsOpen(false), children: config.labels?.cancel || "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(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__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex shrink-0 items-center justify-center rounded bg-muted text-[10px] font-medium", children: initials });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex shrink-0 items-center justify-center rounded bg-muted text-[10px] font-medium", children: initials });
 };
 var Sidebar2 = ({
   threads,
@@ -2402,14 +2342,14 @@ var Sidebar2 = ({
   userMenuAdditionalItems,
   ...props
 }) => {
-  const [searchQuery, setSearchQuery] = (0, import_react2.useState)("");
-  const [showArchived, setShowArchived] = (0, import_react2.useState)(false);
-  const [deleteThreadId, setDeleteThreadId] = (0, import_react2.useState)(null);
-  const [editingThreadId, setEditingThreadId] = (0, import_react2.useState)(null);
-  const [editTitle, setEditTitle] = (0, import_react2.useState)("");
-  const inputRef = (0, import_react2.useRef)(null);
+  const [searchQuery, setSearchQuery] = (0, import_react3.useState)("");
+  const [showArchived, setShowArchived] = (0, import_react3.useState)(false);
+  const [deleteThreadId, setDeleteThreadId] = (0, import_react3.useState)(null);
+  const [editingThreadId, setEditingThreadId] = (0, import_react3.useState)(null);
+  const [editTitle, setEditTitle] = (0, import_react3.useState)("");
+  const inputRef = (0, import_react3.useRef)(null);
   const { setOpen } = useSidebar();
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (editingThreadId && inputRef.current) {
       inputRef.current.focus();
       inputRef.current.select();
@@ -2460,38 +2400,38 @@ var Sidebar2 = ({
   const cancelEdit = () => {
     setEditingThreadId(null);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Sidebar, { collapsible: "icon", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(SidebarHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-3 px-2 py-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex items-center justify-center shrink-0", children: config.branding?.logo || /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Avatar, { className: "h-8 w-8", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AvatarFallback, { className: "bg-primary text-primary-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.Bot, { className: "h-4 w-4" }) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col min-w-0 group-data-[collapsible=icon]:hidden", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm font-semibold truncate", children: config.branding?.title || "Chat" }),
-          config.branding?.subtitle && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-xs text-muted-foreground truncate", children: config.branding.subtitle })
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Sidebar, { collapsible: "icon", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(SidebarHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-3 px-2 py-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex items-center justify-center shrink-0", children: config.branding?.logo || /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Avatar, { className: "h-8 w-8", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AvatarFallback, { className: "bg-primary text-primary-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Bot, { className: "h-4 w-4" }) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col min-w-0 group-data-[collapsible=icon]:hidden", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm font-semibold truncate", children: config.branding?.title || "Chat" }),
+          config.branding?.subtitle && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-xs text-muted-foreground truncate", children: config.branding.subtitle })
         ] })
       ] }),
-      onCreateThread && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      onCreateThread && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         CreateThreadDialog,
         {
           config,
           onCreateThread,
-          trigger: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SidebarMenu, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          trigger: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SidebarMenu, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
             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__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.Plus, { className: "size-4" }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "group-data-[collapsible=icon]:hidden", children: config.labels?.newChat || "New Chat" })
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Plus, { className: "size-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "group-data-[collapsible=icon]:hidden", children: config.labels?.newChat || "New Chat" })
               ]
             }
           ) }) })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "px-2 py-1 mt-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative group-data-[collapsible=icon]:hidden", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.Search, { className: "pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 select-none opacity-50" }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "px-2 py-1 mt-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "relative group-data-[collapsible=icon]:hidden", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Search, { className: "pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 select-none opacity-50" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             Input,
             {
               className: "pl-8 h-8 bg-sidebar-accent/50 border-sidebar-border focus-visible:ring-1 focus-visible:ring-sidebar-ring",
@@ -2501,7 +2441,7 @@ var Sidebar2 = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "hidden group-data-[collapsible=icon]:flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "hidden group-data-[collapsible=icon]:flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           Button,
           {
             variant: "ghost",
@@ -2509,13 +2449,13 @@ var Sidebar2 = ({
             className: "h-7 w-7",
             onClick: () => setOpen(true),
             title: config.labels?.search || "Search",
-            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.Search, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Search, { className: "h-4 w-4" })
           }
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(SidebarContent, { children: [
-      threads.some((t) => t.isArchived) && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "px-4 py-2 mt-2 group-data-[collapsible=icon]:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(SidebarContent, { children: [
+      threads.some((t) => t.isArchived) && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "px-4 py-2 mt-2 group-data-[collapsible=icon]:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
         Button,
         {
           variant: "ghost",
@@ -2523,18 +2463,18 @@ var Sidebar2 = ({
           onClick: () => setShowArchived(!showArchived),
           className: "h-6 text-xs w-full justify-start text-muted-foreground",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.Filter, { className: "mr-2 h-3 w-3" }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.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__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "px-4 py-8 text-center text-muted-foreground group-data-[collapsible=icon]:hidden", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "mx-auto h-8 w-8 mb-2 flex items-center justify-center rounded-full bg-muted/50", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.Plus, { className: "h-4 w-4 opacity-50" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime17.jsxs)(SidebarGroup, { className: "mt-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SidebarGroupLabel, { className: "group-data-[collapsible=icon]:hidden", children: group }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SidebarGroupContent, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SidebarMenu, { children: groupThreads.map((thread) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(SidebarMenuItem, { children: [
-          editingThreadId === thread.id ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex items-center gap-1 px-2 py-1", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      Object.keys(groupedThreads).length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "px-4 py-8 text-center text-muted-foreground group-data-[collapsible=icon]:hidden", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "mx-auto h-8 w-8 mb-2 flex items-center justify-center rounded-full bg-muted/50", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Plus, { className: "h-4 w-4 opacity-50" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("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__ */ (0, import_jsx_runtime18.jsxs)(SidebarGroup, { className: "mt-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SidebarGroupLabel, { className: "group-data-[collapsible=icon]:hidden", children: group }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SidebarGroupContent, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SidebarMenu, { children: groupThreads.map((thread) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(SidebarMenuItem, { children: [
+          editingThreadId === thread.id ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex items-center gap-1 px-2 py-1", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             Input,
             {
               ref: inputRef,
@@ -2547,42 +2487,42 @@ var Sidebar2 = ({
               onBlur: saveEdit,
               className: "h-7 text-sm"
             }
-          ) }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          ) }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
             SidebarMenuButton,
             {
               isActive: currentThreadId === thread.id,
               onClick: () => onSelectThread?.(thread.id),
               tooltip: thread.title,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ThreadInitialsIcon, { title: thread.title || "?" }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex flex-col items-start gap-0.5 flex-1 min-w-0 group-data-[collapsible=icon]:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "truncate w-full", children: thread.title || "New Chat" }) }),
-                thread.isArchived && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.Archive, { className: "ml-auto h-3 w-3 opacity-50 group-data-[collapsible=icon]:hidden" })
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ThreadInitialsIcon, { title: thread.title || "?" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex flex-col items-start gap-0.5 flex-1 min-w-0 group-data-[collapsible=icon]:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "truncate w-full", children: thread.title || "New Chat" }) }),
+                thread.isArchived && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Archive, { className: "ml-auto h-3 w-3 opacity-50 group-data-[collapsible=icon]:hidden" })
               ]
             }
           ),
-          !editingThreadId && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenu, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(SidebarMenuAction, { showOnHover: true, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.MoreHorizontal, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "sr-only", children: "More" })
+          !editingThreadId && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenu, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(SidebarMenuAction, { showOnHover: true, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.MoreHorizontal, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "sr-only", children: "More" })
             ] }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenuContent, { className: "w-48", side: "right", align: "start", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenuItem, { onClick: () => startEditing(thread), children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.Edit2, { className: "mr-2 h-4 w-4" }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: config.labels?.renameThread || "Rename" })
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenuContent, { className: "w-48", side: "right", align: "start", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenuItem, { onClick: () => startEditing(thread), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Edit2, { className: "mr-2 h-4 w-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: config.labels?.renameThread || "Rename" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenuItem, { onClick: () => onArchiveThread?.(thread.id), children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.Archive, { className: "mr-2 h-4 w-4" }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: thread.isArchived ? config.labels?.unarchiveThread || "Unarchive" : config.labels?.archiveThread || "Archive" })
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenuItem, { onClick: () => onArchiveThread?.(thread.id), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Archive, { className: "mr-2 h-4 w-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: thread.isArchived ? config.labels?.unarchiveThread || "Unarchive" : config.labels?.archiveThread || "Archive" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuSeparator, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenuSeparator, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
                 DropdownMenuItem,
                 {
                   onClick: () => setDeleteThreadId(thread.id),
                   className: "text-destructive focus:text-destructive",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.Trash2, { className: "mr-2 h-4 w-4" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: config.labels?.deleteThread || "Delete" })
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Trash2, { className: "mr-2 h-4 w-4" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: config.labels?.deleteThread || "Delete" })
                   ]
                 }
               )
@@ -2591,7 +2531,7 @@ var Sidebar2 = ({
         ] }, thread.id)) }) })
       ] }, group))
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SidebarFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SidebarFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       UserMenu,
       {
         user,
@@ -2602,15 +2542,15 @@ var Sidebar2 = ({
         additionalItems: userMenuAdditionalItems
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SidebarRail, {}),
-    deleteThreadId && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AlertDialog, { open: !!deleteThreadId, onOpenChange: () => setDeleteThreadId(null), children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(AlertDialogContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(AlertDialogHeader, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AlertDialogTitle, { children: config.labels?.deleteConfirmTitle || "Delete Conversation" }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AlertDialogDescription, { children: config.labels?.deleteConfirmDescription || "Are you sure you want to delete this conversation? This action cannot be undone." })
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SidebarRail, {}),
+    deleteThreadId && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlertDialog, { open: !!deleteThreadId, onOpenChange: () => setDeleteThreadId(null), children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(AlertDialogContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(AlertDialogHeader, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlertDialogTitle, { children: config.labels?.deleteConfirmTitle || "Delete Conversation" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlertDialogDescription, { children: config.labels?.deleteConfirmDescription || "Are you sure you want to delete this conversation? This action cannot be undone." })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(AlertDialogFooter, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AlertDialogCancel, { children: config.labels?.cancel || "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(AlertDialogFooter, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlertDialogCancel, { children: config.labels?.cancel || "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           AlertDialogAction,
           {
             onClick: () => deleteThreadId && handleDeleteThread(deleteThreadId),
@@ -2624,14 +2564,14 @@ var Sidebar2 = ({
 };
 
 // src/components/chat/ChatHeader.tsx
-var import_react4 = __toESM(require("react"), 1);
-var import_lucide_react9 = require("lucide-react");
+var import_react5 = __toESM(require("react"), 1);
+var import_lucide_react10 = require("lucide-react");
 
 // src/components/chat/AgentSelectors.tsx
-var import_react3 = require("react");
-var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var ParticipantsSelector = (0, import_react3.memo)(({
+var import_react4 = require("react");
+var import_lucide_react9 = require("lucide-react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var ParticipantsSelector = (0, import_react4.memo)(({
   agents,
   participantIds,
   onParticipantsChange,
@@ -2639,8 +2579,8 @@ var ParticipantsSelector = (0, import_react3.memo)(({
   maxVisible = 3,
   disabled = false
 }) => {
-  const agentsWithColors = (0, import_react3.useMemo)(() => assignAgentColors(agents), [agents]);
-  const selectedAgents = (0, import_react3.useMemo)(
+  const agentsWithColors = (0, import_react4.useMemo)(() => assignAgentColors(agents), [agents]);
+  const selectedAgents = (0, import_react4.useMemo)(
     () => agentsWithColors.filter((a) => participantIds.includes(a.id)),
     [agentsWithColors, participantIds]
   );
@@ -2658,19 +2598,19 @@ var ParticipantsSelector = (0, import_react3.memo)(({
   };
   const visibleAgents = selectedAgents.slice(0, maxVisible);
   const hiddenCount = selectedAgents.length - maxVisible;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
       Button,
       {
         variant: "ghost",
         className: "h-9 px-2 gap-1.5 text-sm hover:bg-accent/50",
         disabled,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Users, { className: "h-4 w-4 text-muted-foreground" }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex items-center gap-1", children: visibleAgents.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex -space-x-1.5", children: visibleAgents.map((agent) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Avatar, { className: "h-5 w-5 border-2 border-background", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Users, { className: "h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex items-center gap-1", children: visibleAgents.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex -space-x-1.5", children: visibleAgents.map((agent) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Avatar, { className: "h-5 w-5 border-2 border-background", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 AvatarFallback,
                 {
                   style: { backgroundColor: agent.color || getAgentColor(agent.id), color: "white" },
@@ -2679,34 +2619,34 @@ var ParticipantsSelector = (0, import_react3.memo)(({
                 }
               )
             ] }, agent.id)) }),
-            hiddenCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
+            hiddenCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
               "+",
               hiddenCount
             ] })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-muted-foreground", children: label }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.ChevronDown, { className: "h-3 w-3 opacity-50" })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-muted-foreground", children: label }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.ChevronDown, { className: "h-3 w-3 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenuContent, { align: "start", className: "w-[260px]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenuLabel, { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: "Participants" }),
-        selectedAgents.length < agentsWithColors.length && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { variant: "ghost", size: "sm", className: "h-6 text-xs", onClick: selectAll, children: "Select All" })
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenuContent, { align: "start", className: "w-[260px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenuLabel, { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: "Participants" }),
+        selectedAgents.length < agentsWithColors.length && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { variant: "ghost", size: "sm", className: "h-6 text-xs", onClick: selectAll, children: "Select All" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuSeparator, {}),
       agentsWithColors.map((agent) => {
         const isSelected = participantIds.includes(agent.id);
         const isLastSelected = isSelected && participantIds.length === 1;
-        return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
           DropdownMenuItem,
           {
             onClick: () => toggleParticipant(agent.id),
             className: "flex items-center gap-3 p-2 cursor-pointer",
             disabled: isLastSelected,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Avatar, { className: "h-6 w-6", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Avatar, { className: "h-6 w-6", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   AvatarFallback,
                   {
                     style: { backgroundColor: agent.color || getAgentColor(agent.id), color: "white" },
@@ -2715,11 +2655,11 @@ var ParticipantsSelector = (0, import_react3.memo)(({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "font-medium text-sm truncate", children: agent.name }),
-                agent.description && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-xs text-muted-foreground truncate", children: agent.description })
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "font-medium text-sm truncate", children: agent.name }),
+                agent.description && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-xs text-muted-foreground truncate", children: agent.description })
               ] }),
-              isSelected && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Check, { className: "h-4 w-4 text-primary shrink-0" })
+              isSelected && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Check, { className: "h-4 w-4 text-primary shrink-0" })
             ]
           },
           agent.id
@@ -2729,7 +2669,7 @@ var ParticipantsSelector = (0, import_react3.memo)(({
   ] });
 });
 ParticipantsSelector.displayName = "ParticipantsSelector";
-var TargetAgentSelector = (0, import_react3.memo)(({
+var TargetAgentSelector = (0, import_react4.memo)(({
   agents,
   targetAgentId,
   onTargetChange,
@@ -2737,24 +2677,24 @@ var TargetAgentSelector = (0, import_react3.memo)(({
   placeholder = "Select agent",
   disabled = false
 }) => {
-  const agentsWithColors = (0, import_react3.useMemo)(() => assignAgentColors(agents), [agents]);
-  const selectedAgent = (0, import_react3.useMemo)(
+  const agentsWithColors = (0, import_react4.useMemo)(() => assignAgentColors(agents), [agents]);
+  const selectedAgent = (0, import_react4.useMemo)(
     () => agentsWithColors.find((a) => a.id === targetAgentId),
     [agentsWithColors, targetAgentId]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
       Button,
       {
         variant: "ghost",
         className: "h-9 px-3 gap-1.5 font-medium text-base hover:bg-accent/50",
         disabled,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.AtSign, { className: "h-4 w-4 text-muted-foreground" }),
-          selectedAgent ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Avatar, { className: "h-5 w-5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AvatarImage, { src: selectedAgent.avatarUrl, alt: selectedAgent.name }),
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.AtSign, { className: "h-4 w-4 text-muted-foreground" }),
+          selectedAgent ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Avatar, { className: "h-5 w-5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AvatarImage, { src: selectedAgent.avatarUrl, alt: selectedAgent.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 AvatarFallback,
                 {
                   style: { backgroundColor: selectedAgent.color || getAgentColor(selectedAgent.id), color: "white" },
@@ -2763,26 +2703,26 @@ var TargetAgentSelector = (0, import_react3.memo)(({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "max-w-[150px] truncate", children: selectedAgent.name })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-muted-foreground", children: placeholder }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.ChevronDown, { className: "h-4 w-4 opacity-50" })
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "max-w-[150px] truncate", children: selectedAgent.name })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-muted-foreground", children: placeholder }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.ChevronDown, { className: "h-4 w-4 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenuContent, { align: "start", className: "w-[280px]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenuLabel, { children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenuSeparator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenuContent, { align: "start", className: "w-[280px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuLabel, { children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuSeparator, {}),
       agentsWithColors.map((agent) => {
         const isSelected = agent.id === targetAgentId;
-        return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
           DropdownMenuItem,
           {
             onClick: () => onTargetChange(agent.id),
             className: "flex items-start gap-3 p-3 cursor-pointer",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Avatar, { className: "h-6 w-6 mt-0.5 shrink-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Avatar, { className: "h-6 w-6 mt-0.5 shrink-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   AvatarFallback,
                   {
                     style: { backgroundColor: agent.color || getAgentColor(agent.id), color: "white" },
@@ -2791,12 +2731,12 @@ var TargetAgentSelector = (0, import_react3.memo)(({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "font-medium text-sm", children: agent.name }),
-                  isSelected && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Check, { className: "h-4 w-4 text-primary shrink-0" })
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "font-medium text-sm", children: agent.name }),
+                  isSelected && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Check, { className: "h-4 w-4 text-primary shrink-0" })
                 ] }),
-                agent.description && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-2", children: agent.description })
+                agent.description && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-2", children: agent.description })
               ] })
             ]
           },
@@ -2807,7 +2747,7 @@ var TargetAgentSelector = (0, import_react3.memo)(({
   ] });
 });
 TargetAgentSelector.displayName = "TargetAgentSelector";
-var AgentBadge = (0, import_react3.memo)(({
+var AgentBadge = (0, import_react4.memo)(({
   agent,
   onRemove,
   showRemove = false,
@@ -2816,16 +2756,16 @@ var AgentBadge = (0, import_react3.memo)(({
   const color = agent.color || getAgentColor(agent.id);
   const avatarSize = size === "sm" ? "h-4 w-4" : "h-5 w-5";
   const textSize = size === "sm" ? "text-xs" : "text-sm";
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     Badge,
     {
       variant: "secondary",
       className: "flex items-center gap-1.5 pr-1",
       style: { borderColor: color, borderWidth: 1 },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Avatar, { className: avatarSize, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Avatar, { className: avatarSize, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             AvatarFallback,
             {
               style: { backgroundColor: color, color: "white" },
@@ -2834,8 +2774,8 @@ var AgentBadge = (0, import_react3.memo)(({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: textSize, children: agent.name }),
-        showRemove && onRemove && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: textSize, children: agent.name }),
+        showRemove && onRemove && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           Button,
           {
             variant: "ghost",
@@ -2845,7 +2785,7 @@ var AgentBadge = (0, import_react3.memo)(({
               e.stopPropagation();
               onRemove();
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.X, { className: "h-3 w-3" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.X, { className: "h-3 w-3" })
           }
         )
       ]
@@ -2855,7 +2795,7 @@ var AgentBadge = (0, import_react3.memo)(({
 AgentBadge.displayName = "AgentBadge";
 
 // src/components/chat/ChatHeader.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var ChatHeader = ({
   config,
   currentThreadTitle,
@@ -2876,11 +2816,11 @@ var ChatHeader = ({
   onParticipantsChange,
   className = ""
 }) => {
-  const [isDarkMode, setIsDarkMode] = import_react4.default.useState(() => {
+  const [isDarkMode, setIsDarkMode] = import_react5.default.useState(() => {
     if (typeof window === "undefined") return false;
     return document.documentElement.classList.contains("dark");
   });
-  import_react4.default.useEffect(() => {
+  import_react5.default.useEffect(() => {
     const observer = new MutationObserver(() => {
       setIsDarkMode(document.documentElement.classList.contains("dark"));
     });
@@ -2926,19 +2866,19 @@ var ChatHeader = ({
   };
   const selectedAgent = agentOptions.find((agent) => agent.id === selectedAgentId) || null;
   const agentPlaceholder = config.agentSelector?.label || "Select agent";
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     Card,
     {
       "data-chat-header": true,
       className: `py-0 border-b rounded-none relative z-10 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/80 ${className}`,
       style: isMobile ? { paddingTop: "env(safe-area-inset-top)" } : void 0,
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CardHeader, { className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Tooltip, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SidebarTrigger, { className: "-ml-1" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TooltipContent, { children: config.labels?.sidebarToggle || "Toggle Sidebar" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CardHeader, { className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Tooltip, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SidebarTrigger, { className: "-ml-1" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TooltipContent, { children: config.labels?.sidebarToggle || "Toggle Sidebar" })
           ] }),
-          showAgentSelector && isMultiAgentMode && onParticipantsChange && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          showAgentSelector && isMultiAgentMode && onParticipantsChange && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             ParticipantsSelector,
             {
               agents: agentOptions,
@@ -2946,40 +2886,40 @@ var ChatHeader = ({
               onParticipantsChange
             }
           ),
-          showAgentSelector && !isMultiAgentMode && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenu, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+          showAgentSelector && !isMultiAgentMode && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DropdownMenu, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
               Button,
               {
                 variant: "ghost",
                 className: "h-9 px-3 gap-1.5 font-medium text-base hover:bg-accent/50",
                 children: [
-                  selectedAgent?.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Avatar, { className: "h-5 w-5", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AvatarImage, { src: selectedAgent.avatarUrl, alt: selectedAgent.name }),
-                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AvatarFallback, { className: "text-[10px]", children: selectedAgent.name.charAt(0).toUpperCase() })
+                  selectedAgent?.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Avatar, { className: "h-5 w-5", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AvatarImage, { src: selectedAgent.avatarUrl, alt: selectedAgent.name }),
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AvatarFallback, { className: "text-[10px]", children: selectedAgent.name.charAt(0).toUpperCase() })
                   ] }) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "max-w-[200px] truncate", children: selectedAgent?.name || agentPlaceholder }),
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.ChevronDown, { className: "h-4 w-4 opacity-50" })
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "max-w-[200px] truncate", children: selectedAgent?.name || agentPlaceholder }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.ChevronDown, { className: "h-4 w-4 opacity-50" })
                 ]
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuContent, { align: "start", className: "w-[280px]", children: agentOptions.map((agent) => {
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuContent, { align: "start", className: "w-[280px]", children: agentOptions.map((agent) => {
               const isSelected = agent.id === selectedAgentId;
-              return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
                 DropdownMenuItem,
                 {
                   onClick: () => onSelectAgent?.(agent.id),
                   className: "flex items-start gap-3 p-3 cursor-pointer",
                   children: [
-                    agent.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Avatar, { className: "h-6 w-6 mt-0.5 shrink-0", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
-                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AvatarFallback, { className: "text-[10px]", children: agent.name.charAt(0).toUpperCase() })
-                    ] }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "h-6 w-6 mt-0.5 shrink-0 flex items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Bot, { className: "h-3.5 w-3.5 text-primary" }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "font-medium text-sm", children: agent.name }),
-                        isSelected && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Check, { className: "h-4 w-4 text-primary shrink-0" })
+                    agent.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Avatar, { className: "h-6 w-6 mt-0.5 shrink-0", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AvatarFallback, { className: "text-[10px]", children: agent.name.charAt(0).toUpperCase() })
+                    ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "h-6 w-6 mt-0.5 shrink-0 flex items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Bot, { className: "h-3.5 w-3.5 text-primary" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "font-medium text-sm", children: agent.name }),
+                        isSelected && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Check, { className: "h-4 w-4 text-primary shrink-0" })
                       ] }),
-                      agent.description && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-2", children: agent.description })
+                      agent.description && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-2", children: agent.description })
                     ] })
                   ]
                 },
@@ -2987,59 +2927,59 @@ var ChatHeader = ({
               );
             }) })
           ] }),
-          !showAgentSelector && isMobile && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm font-medium truncate max-w-[150px] ml-2", children: currentThreadTitle || config.branding?.title || "Chat" })
+          !showAgentSelector && isMobile && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-sm font-medium truncate max-w-[150px] ml-2", children: currentThreadTitle || config.branding?.title || "Chat" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex-1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-1", children: [
-          showCustomComponentButton && config.customComponent && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Tooltip, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex-1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-1", children: [
+          showCustomComponentButton && config.customComponent && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Tooltip, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               Button,
               {
                 variant: "ghost",
                 size: "icon",
                 className: "h-8 w-8",
                 onClick: onCustomComponentToggle,
-                children: config.customComponent.icon || /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Menu, { className: "h-4 w-4" })
+                children: config.customComponent.icon || /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Menu, { className: "h-4 w-4" })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TooltipContent, { children: config.customComponent.label || config.labels?.customComponentToggle || "Toggle" })
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TooltipContent, { children: config.customComponent.label || config.labels?.customComponentToggle || "Toggle" })
           ] }),
           config.headerActions,
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenu, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.MoreVertical, { className: "h-4 w-4" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenuContent, { align: "end", children: [
-              onNewThread && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenuItem, { onClick: () => onNewThread?.(), className: "font-medium text-primary", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Plus, { className: "h-4 w-4 mr-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DropdownMenu, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.MoreVertical, { className: "h-4 w-4" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DropdownMenuContent, { align: "end", children: [
+              onNewThread && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DropdownMenuItem, { onClick: () => onNewThread?.(), className: "font-medium text-primary", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Plus, { className: "h-4 w-4 mr-2" }),
                   config.labels?.newThread || "New Thread"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuSeparator, {})
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuSeparator, {})
               ] }),
-              onExportData && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenuItem, { onClick: onExportData, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Download, { className: "h-4 w-4 mr-2" }),
+              onExportData && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DropdownMenuItem, { onClick: onExportData, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Download, { className: "h-4 w-4 mr-2" }),
                 config.labels?.exportData || "Export Data"
               ] }),
-              onImportData && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenuItem, { onClick: handleImportClick, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Upload, { className: "h-4 w-4 mr-2" }),
+              onImportData && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DropdownMenuItem, { onClick: handleImportClick, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Upload, { className: "h-4 w-4 mr-2" }),
                 config.labels?.importData || "Import Data"
               ] }),
-              (onExportData || onImportData) && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuSeparator, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuItem, { onClick: toggleDarkMode, children: isDarkMode ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Sun, { className: "h-4 w-4 mr-2" }),
+              (onExportData || onImportData) && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuSeparator, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuItem, { onClick: toggleDarkMode, children: isDarkMode ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Sun, { className: "h-4 w-4 mr-2" }),
                 config.labels?.lightMode || "Light Mode"
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Moon, { className: "h-4 w-4 mr-2" }),
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Moon, { className: "h-4 w-4 mr-2" }),
                 config.labels?.darkMode || "Dark Mode"
               ] }) }),
-              onClearAll && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuSeparator, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+              onClearAll && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuSeparator, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
                   DropdownMenuItem,
                   {
                     onClick: onClearAll,
                     className: "text-destructive",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Trash2, { className: "h-4 w-4 mr-2" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Trash2, { className: "h-4 w-4 mr-2" }),
                       config.labels?.clearAll || "Clear All"
                     ]
                   }
@@ -3054,18 +2994,18 @@ var ChatHeader = ({
 };
 
 // src/components/chat/ChatInput.tsx
-var import_react6 = __toESM(require("react"), 1);
+var import_react7 = __toESM(require("react"), 1);
 
 // src/components/chat/UserContext.tsx
-var import_react5 = require("react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var Ctx = (0, import_react5.createContext)(void 0);
+var import_react6 = require("react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var Ctx = (0, import_react6.createContext)(void 0);
 var ChatUserContextProvider = ({ children, initial }) => {
-  const [ctx, setCtx] = (0, import_react5.useState)(() => ({
+  const [ctx, setCtx] = (0, import_react6.useState)(() => ({
     updatedAt: Date.now(),
     ...initial ?? {}
   }));
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!initial) return;
     setCtx((prev) => {
       const keys = Object.keys(initial);
@@ -3074,21 +3014,21 @@ var ChatUserContextProvider = ({ children, initial }) => {
       return { ...prev, ...initial, updatedAt: Date.now() };
     });
   }, [initial]);
-  const setPartial = (0, import_react5.useCallback)((next) => {
+  const setPartial = (0, import_react6.useCallback)((next) => {
     setCtx((prev) => {
       const partial = typeof next === "function" ? next(prev) : next;
       return { ...prev, ...partial, updatedAt: Date.now() };
     });
   }, []);
-  const value = (0, import_react5.useMemo)(() => ({
+  const value = (0, import_react6.useMemo)(() => ({
     context: ctx,
     setContext: setPartial,
     resetContext: () => setCtx({ updatedAt: Date.now() })
   }), [ctx, setPartial]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Ctx.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Ctx.Provider, { value, children });
 };
 function useChatUserContext() {
-  const v = (0, import_react5.useContext)(Ctx);
+  const v = (0, import_react6.useContext)(Ctx);
   if (!v) throw new Error("useChatUserContext must be used within ChatUserContextProvider");
   return v;
 }
@@ -3419,13 +3359,13 @@ var resolveVoiceProviderFactory = (createProvider) => createProvider ?? createMa
 
 // src/components/ui/progress.tsx
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"), 1);
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function Progress({
   className,
   value,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     ProgressPrimitive.Root,
     {
       "data-slot": "progress",
@@ -3434,7 +3374,7 @@ function Progress({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -3447,8 +3387,8 @@ function Progress({
 }
 
 // src/components/chat/VoiceComposer.tsx
-var import_lucide_react10 = require("lucide-react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_lucide_react11 = require("lucide-react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var formatDuration = (durationMs) => {
   const totalSeconds = Math.max(0, Math.floor(durationMs / 1e3));
   const minutes = Math.floor(totalSeconds / 60);
@@ -3543,13 +3483,13 @@ var VoiceComposer = ({
     }
     onRecordAgain();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "w-full max-w-3xl rounded-2xl border bg-background p-3 shadow-sm sm:p-4 md:min-w-3xl", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center justify-between gap-2 sm:gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Badge, { variant: "outline", children: labels?.voiceTitle || "Voice" }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "truncate rounded-full bg-muted px-2.5 py-1 text-[11px] sm:text-xs text-muted-foreground", children: headerLabel })
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "w-full max-w-3xl rounded-2xl border bg-background p-3 shadow-sm sm:p-4 md:min-w-3xl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center justify-between gap-2 sm:gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Badge, { variant: "outline", children: labels?.voiceTitle || "Voice" }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "truncate rounded-full bg-muted px-2.5 py-1 text-[11px] sm:text-xs text-muted-foreground", children: headerLabel })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
         Button,
         {
           type: "button",
@@ -3559,14 +3499,14 @@ var VoiceComposer = ({
           onClick: onExit,
           disabled: disabled || isBusy,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Keyboard, { className: "h-4 w-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "hidden sm:inline", children: labels?.voiceExit || "Use keyboard" })
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Keyboard, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "hidden sm:inline", children: labels?.voiceExit || "Use keyboard" })
           ]
         }
       )
     ] }),
-    !isDraftLayout ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "mt-3 rounded-xl border border-dashed border-primary/30 bg-primary/5 px-3 py-3 text-center sm:px-4 sm:py-4", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "mx-auto flex w-full max-w-sm flex-col items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    !isDraftLayout ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mt-3 rounded-xl border border-dashed border-primary/30 bg-primary/5 px-3 py-3 text-center sm:px-4 sm:py-4", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "mx-auto flex w-full max-w-sm flex-col items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         Button,
         {
           type: "button",
@@ -3575,21 +3515,21 @@ var VoiceComposer = ({
           className: `h-16 w-16 rounded-full sm:h-20 sm:w-20 ${isCapturing ? "bg-red-500 hover:bg-red-600 text-white border-red-500" : "border-red-200 bg-red-50 text-red-600 hover:bg-red-100 hover:text-red-700"}`,
           onClick: isCapturing ? onStop : onStart,
           disabled: disabled || isBusy,
-          children: isBusy ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Loader2, { className: "h-7 w-7 animate-spin" }) : isCapturing ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Square, { className: "h-7 w-7" }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Mic, { className: "h-7 w-7" })
+          children: isBusy ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Loader2, { className: "h-7 w-7 animate-spin" }) : isCapturing ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Square, { className: "h-7 w-7" }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Mic, { className: "h-7 w-7" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "w-full space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Progress, { value: levelValue, className: "h-2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: formatDuration(durationMs) }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: isCapturing ? labels?.voiceStop || "Stop recording" : labels?.voiceStart || "Start recording" })
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "w-full space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Progress, { value: levelValue, className: "h-2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: formatDuration(durationMs) }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: isCapturing ? labels?.voiceStop || "Stop recording" : labels?.voiceStart || "Start recording" })
         ] })
       ] }),
-      showTranscriptPreview && transcriptMode !== "none" && transcriptText && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "w-full rounded-lg border bg-background px-3 py-2 text-left text-sm", children: transcriptText })
-    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "mt-3 rounded-xl border bg-muted/20 p-3 sm:p-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center justify-between gap-2 text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: formatDuration(durationMs) }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      showTranscriptPreview && transcriptMode !== "none" && transcriptText && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "w-full rounded-lg border bg-background px-3 py-2 text-left text-sm", children: transcriptText })
+    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "mt-3 rounded-xl border bg-muted/20 p-3 sm:p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center justify-between gap-2 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: formatDuration(durationMs) }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           Button,
           {
             type: "button",
@@ -3600,12 +3540,12 @@ var VoiceComposer = ({
             disabled,
             "aria-label": labels?.voiceDiscard || "Delete recording",
             title: labels?.voiceDiscard || "Delete recording",
-            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Trash2, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Trash2, { className: "h-4 w-4" })
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "mt-4 flex flex-col items-center gap-4 text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "mt-4 flex flex-col items-center gap-4 text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           Button,
           {
             type: "button",
@@ -3614,12 +3554,12 @@ var VoiceComposer = ({
             className: `h-20 w-20 rounded-full sm:h-24 sm:w-24 ${orbIsListening ? "border-red-500 bg-red-500 text-white hover:bg-red-600" : isArmedDraft ? "border-red-200 bg-red-50 text-red-600 shadow-[0_0_0_10px_rgba(239,68,68,0.08)] hover:bg-red-100 hover:text-red-700" : "border-red-200 bg-red-50 text-red-600 hover:bg-red-100 hover:text-red-700"}`,
             onClick: handleReviewOrbClick,
             disabled: disabled || orbIsReviewBusy,
-            children: orbIsReviewBusy ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Loader2, { className: "h-7 w-7 animate-spin" }) : orbIsListening ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Square, { className: "h-7 w-7" }) : isArmedDraft ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Mic, { className: "h-7 w-7 animate-pulse" }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Mic, { className: "h-7 w-7" })
+            children: orbIsReviewBusy ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Loader2, { className: "h-7 w-7 animate-spin" }) : orbIsListening ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Square, { className: "h-7 w-7" }) : isArmedDraft ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Mic, { className: "h-7 w-7 animate-pulse" }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Mic, { className: "h-7 w-7" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "max-w-sm space-y-1 px-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm text-foreground", children: reviewHelperText }),
-          isCapturing && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "mx-auto h-1.5 w-32 overflow-hidden rounded-full bg-red-100", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "max-w-sm space-y-1 px-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-sm text-foreground", children: reviewHelperText }),
+          isCapturing && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mx-auto h-1.5 w-32 overflow-hidden rounded-full bg-red-100", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             "div",
             {
               className: "h-full rounded-full bg-red-500 transition-[width] duration-150",
@@ -3628,27 +3568,27 @@ var VoiceComposer = ({
           ) })
         ] })
       ] }),
-      attachment && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "mt-4 rounded-lg border bg-background/90 p-2 shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("audio", { controls: true, preload: "metadata", className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("source", { src: attachment.dataUrl, type: attachment.mimeType }) }) }),
-      showTranscriptPreview && transcriptMode !== "none" && transcriptText && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "mt-3 rounded-lg border bg-background px-3 py-2 text-left text-sm", children: transcriptText }),
-      isAutoSendActive && autoSendDelayMs > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "mt-3 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "inline-flex items-center rounded-full border bg-background px-3 py-1 text-xs text-muted-foreground", children: interpolateSeconds(labels?.voiceAutoSendIn, countdownSeconds) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "mt-4 grid grid-cols-1 gap-2 sm:flex sm:items-center sm:justify-end", children: [
-        isAutoSendActive && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Button, { type: "button", variant: "ghost", size: "sm", onClick: onCancelAutoSend, disabled, className: "w-full sm:w-auto", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.X, { className: "h-4 w-4" }),
+      attachment && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mt-4 rounded-lg border bg-background/90 p-2 shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("audio", { controls: true, preload: "metadata", className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("source", { src: attachment.dataUrl, type: attachment.mimeType }) }) }),
+      showTranscriptPreview && transcriptMode !== "none" && transcriptText && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mt-3 rounded-lg border bg-background px-3 py-2 text-left text-sm", children: transcriptText }),
+      isAutoSendActive && autoSendDelayMs > 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mt-3 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "inline-flex items-center rounded-full border bg-background px-3 py-1 text-xs text-muted-foreground", children: interpolateSeconds(labels?.voiceAutoSendIn, countdownSeconds) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "mt-4 grid grid-cols-1 gap-2 sm:flex sm:items-center sm:justify-end", children: [
+        isAutoSendActive && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Button, { type: "button", variant: "ghost", size: "sm", onClick: onCancelAutoSend, disabled, className: "w-full sm:w-auto", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.X, { className: "h-4 w-4" }),
           labels?.voiceCancel || "Cancel"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Button, { type: "button", size: "sm", onClick: onSendNow, disabled, className: "w-full sm:w-auto", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Send, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Button, { type: "button", size: "sm", onClick: onSendNow, disabled, className: "w-full sm:w-auto", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Send, { className: "h-4 w-4" }),
           labels?.voiceSendNow || "Send now"
         ] })
       ] })
     ] }),
-    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "mt-3 rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2 text-sm text-destructive", children: errorMessage })
+    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mt-3 rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2 text-sm text-destructive", children: errorMessage })
   ] });
 };
 
 // src/components/chat/ChatInput.tsx
-var import_lucide_react11 = require("lucide-react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_lucide_react12 = require("lucide-react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function getActiveMentionMatch(value, caret) {
   const prefix = value.slice(0, caret);
   const match = /(^|\s)@([\w.-]*)$/.exec(prefix);
@@ -3672,7 +3612,7 @@ function resolveTargetFromMentions(value, agents) {
   }
   return null;
 }
-var FileUploadItem = (0, import_react6.memo)(function FileUploadItem2({ file, progress, onCancel }) {
+var FileUploadItem = (0, import_react7.memo)(function FileUploadItem2({ file, progress, onCancel }) {
   const guessTypeFromName = (name) => {
     const ext = (name || "").split(".").pop()?.toLowerCase();
     switch (ext) {
@@ -3700,10 +3640,10 @@ var FileUploadItem = (0, import_react6.memo)(function FileUploadItem2({ file, pr
   };
   const getFileIcon = (type, name) => {
     const t = typeof type === "string" && type.length > 0 ? type : guessTypeFromName(name);
-    if (t.startsWith("image/")) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Image, { className: "h-4 w-4" });
-    if (t.startsWith("video/")) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Video, { className: "h-4 w-4" });
-    if (t.startsWith("audio/")) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Mic, { className: "h-4 w-4" });
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.FileText, { className: "h-4 w-4" });
+    if (t.startsWith("image/")) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Image, { className: "h-4 w-4" });
+    if (t.startsWith("video/")) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Video, { className: "h-4 w-4" });
+    if (t.startsWith("audio/")) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Mic, { className: "h-4 w-4" });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.FileText, { className: "h-4 w-4" });
   };
   const formatFileSize = (bytes) => {
     if (bytes === 0) return "0 Bytes";
@@ -3712,30 +3652,30 @@ var FileUploadItem = (0, import_react6.memo)(function FileUploadItem2({ file, pr
     const i = Math.floor(Math.log(bytes) / Math.log(k));
     return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Card, { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CardContent, { className: "p-3", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-3", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Card, { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CardContent, { className: "p-3", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-3", children: [
     getFileIcon(file.type, file.name),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-sm font-medium truncate", children: file.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-xs text-muted-foreground", children: formatFileSize(file.size ?? 0) }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Progress, { value: progress, className: "h-1 mt-1" })
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm font-medium truncate", children: file.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-xs text-muted-foreground", children: formatFileSize(file.size ?? 0) }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Progress, { value: progress, className: "h-1 mt-1" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       Button,
       {
         variant: "ghost",
         size: "icon",
         className: "h-6 w-6",
         onClick: onCancel,
-        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.X, { className: "h-3 w-3" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.X, { className: "h-3 w-3" })
       }
     )
   ] }) }) });
 });
-var AttachmentPreview = (0, import_react6.memo)(function AttachmentPreview2({ attachment, onRemove }) {
-  const [isPlaying, setIsPlaying] = (0, import_react6.useState)(false);
-  const [audioPlaybackSrc, setAudioPlaybackSrc] = (0, import_react6.useState)(attachment.dataUrl);
-  const audioRef = (0, import_react6.useRef)(null);
-  (0, import_react6.useEffect)(() => {
+var AttachmentPreview = (0, import_react7.memo)(function AttachmentPreview2({ attachment, onRemove }) {
+  const [isPlaying, setIsPlaying] = (0, import_react7.useState)(false);
+  const [audioPlaybackSrc, setAudioPlaybackSrc] = (0, import_react7.useState)(attachment.dataUrl);
+  const audioRef = (0, import_react7.useRef)(null);
+  (0, import_react7.useEffect)(() => {
     if (attachment.kind !== "audio" || !attachment.dataUrl.startsWith("data:")) {
       setAudioPlaybackSrc(attachment.dataUrl);
       return;
@@ -3766,9 +3706,9 @@ var AttachmentPreview = (0, import_react6.memo)(function AttachmentPreview2({ at
     const minutes = Math.floor(seconds / 60);
     return `${minutes}:${(seconds % 60).toString().padStart(2, "0")}`;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Card, { className: "relative group", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(CardContent, { className: "p-2", children: [
-    attachment.kind === "image" && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Card, { className: "relative group", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(CardContent, { className: "p-2", children: [
+    attachment.kind === "image" && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         "img",
         {
           src: attachment.dataUrl,
@@ -3776,19 +3716,19 @@ var AttachmentPreview = (0, import_react6.memo)(function AttachmentPreview2({ at
           className: "w-full h-20 object-cover rounded"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         Button,
         {
           variant: "destructive",
           size: "icon",
           className: "h-6 w-6",
           onClick: onRemove,
-          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.X, { className: "h-3 w-3" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.X, { className: "h-3 w-3" })
         }
       ) })
     ] }),
-    attachment.kind === "video" && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    attachment.kind === "video" && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         "video",
         {
           src: attachment.dataUrl,
@@ -3797,34 +3737,34 @@ var AttachmentPreview = (0, import_react6.memo)(function AttachmentPreview2({ at
           muted: true
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         Button,
         {
           variant: "destructive",
           size: "icon",
           className: "h-6 w-6",
           onClick: onRemove,
-          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.X, { className: "h-3 w-3" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.X, { className: "h-3 w-3" })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Badge, { className: "absolute bottom-1 right-1 text-xs", children: formatDuration2(attachment.durationMs) })
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Badge, { className: "absolute bottom-1 right-1 text-xs", children: formatDuration2(attachment.durationMs) })
     ] }),
-    attachment.kind === "audio" && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-2 p-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    attachment.kind === "audio" && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-2 p-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         Button,
         {
           variant: "outline",
           size: "icon",
           className: "h-8 w-8",
           onClick: handlePlayPause,
-          children: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Pause, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Play, { className: "h-3 w-3" })
+          children: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Pause, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Play, { className: "h-3 w-3" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-xs font-medium", children: attachment.fileName || "Audio" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-xs text-muted-foreground", children: formatDuration2(attachment.durationMs) })
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-xs font-medium", children: attachment.fileName || "Audio" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-xs text-muted-foreground", children: formatDuration2(attachment.durationMs) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         "audio",
         {
           ref: audioRef,
@@ -3832,21 +3772,21 @@ var AttachmentPreview = (0, import_react6.memo)(function AttachmentPreview2({ at
           onPause: () => setIsPlaying(false),
           onEnded: () => setIsPlaying(false),
           preload: "metadata",
-          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("source", { src: audioPlaybackSrc, type: attachment.mimeType })
+          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("source", { src: audioPlaybackSrc, type: attachment.mimeType })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         Button,
         {
           variant: "ghost",
           size: "icon",
           className: "h-6 w-6 opacity-0 group-hover:opacity-100 transition-opacity",
           onClick: onRemove,
-          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.X, { className: "h-3 w-3" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.X, { className: "h-3 w-3" })
         }
       )
     ] }),
-    attachment.fileName && attachment.kind !== "audio" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute bottom-0 left-0 right-0 bg-black/70 text-white text-xs p-1 rounded-b", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "truncate", children: attachment.fileName }) })
+    attachment.fileName && attachment.kind !== "audio" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "absolute bottom-0 left-0 right-0 bg-black/70 text-white text-xs p-1 rounded-b", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "truncate", children: attachment.fileName }) })
   ] }) });
 });
 var resolveVoiceErrorMessage = (error, config) => {
@@ -3860,7 +3800,7 @@ var resolveVoiceErrorMessage = (error, config) => {
 };
 var clearVoiceTranscript = () => ({});
 var resolveVoiceSegmentDuration = (segment) => segment.attachment.durationMs ?? 0;
-var ChatInput = (0, import_react6.memo)(function ChatInput2({
+var ChatInput = (0, import_react7.memo)(function ChatInput2({
   value,
   onChange,
   onSubmit,
@@ -3889,27 +3829,27 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
   const voiceTranscriptMode = config?.voiceCompose?.transcriptMode ?? "final-only";
   const voiceMaxRecordingMs = config?.voiceCompose?.maxRecordingMs;
   const { setContext } = useChatUserContext();
-  const [uploadProgress, setUploadProgress] = (0, import_react6.useState)(/* @__PURE__ */ new Map());
-  const [isVoiceComposerOpen, setIsVoiceComposerOpen] = (0, import_react6.useState)(
+  const [uploadProgress, setUploadProgress] = (0, import_react7.useState)(/* @__PURE__ */ new Map());
+  const [isVoiceComposerOpen, setIsVoiceComposerOpen] = (0, import_react7.useState)(
     () => enableAudioRecording && voiceDefaultMode === "voice"
   );
-  const [voiceState, setVoiceState] = (0, import_react6.useState)("idle");
-  const [voiceDraft, setVoiceDraft] = (0, import_react6.useState)(null);
-  const [voiceTranscript, setVoiceTranscript] = (0, import_react6.useState)(clearVoiceTranscript);
-  const [voiceDurationMs, setVoiceDurationMs] = (0, import_react6.useState)(0);
-  const [voiceAudioLevel, setVoiceAudioLevel] = (0, import_react6.useState)(0);
-  const [voiceCountdownMs, setVoiceCountdownMs] = (0, import_react6.useState)(0);
-  const [isVoiceAutoSendActive, setIsVoiceAutoSendActive] = (0, import_react6.useState)(false);
-  const [voiceError, setVoiceError] = (0, import_react6.useState)(null);
-  const [activeMention, setActiveMention] = (0, import_react6.useState)(null);
-  const [activeMentionIndex, setActiveMentionIndex] = (0, import_react6.useState)(0);
-  const textareaRef = (0, import_react6.useRef)(null);
-  const fileInputRef = (0, import_react6.useRef)(null);
-  const voiceProviderRef = (0, import_react6.useRef)(null);
-  const voiceDraftRef = (0, import_react6.useRef)(null);
-  const voiceAppendBaseRef = (0, import_react6.useRef)(null);
-  const voiceAppendBaseDurationRef = (0, import_react6.useRef)(0);
-  const filteredMentionAgents = import_react6.default.useMemo(() => {
+  const [voiceState, setVoiceState] = (0, import_react7.useState)("idle");
+  const [voiceDraft, setVoiceDraft] = (0, import_react7.useState)(null);
+  const [voiceTranscript, setVoiceTranscript] = (0, import_react7.useState)(clearVoiceTranscript);
+  const [voiceDurationMs, setVoiceDurationMs] = (0, import_react7.useState)(0);
+  const [voiceAudioLevel, setVoiceAudioLevel] = (0, import_react7.useState)(0);
+  const [voiceCountdownMs, setVoiceCountdownMs] = (0, import_react7.useState)(0);
+  const [isVoiceAutoSendActive, setIsVoiceAutoSendActive] = (0, import_react7.useState)(false);
+  const [voiceError, setVoiceError] = (0, import_react7.useState)(null);
+  const [activeMention, setActiveMention] = (0, import_react7.useState)(null);
+  const [activeMentionIndex, setActiveMentionIndex] = (0, import_react7.useState)(0);
+  const textareaRef = (0, import_react7.useRef)(null);
+  const fileInputRef = (0, import_react7.useRef)(null);
+  const voiceProviderRef = (0, import_react7.useRef)(null);
+  const voiceDraftRef = (0, import_react7.useRef)(null);
+  const voiceAppendBaseRef = (0, import_react7.useRef)(null);
+  const voiceAppendBaseDurationRef = (0, import_react7.useRef)(0);
+  const filteredMentionAgents = import_react7.default.useMemo(() => {
     if (!activeMention || mentionAgents.length === 0) return [];
     const query = activeMention.query.trim().toLowerCase();
     const rank = (agent) => {
@@ -3927,7 +3867,7 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
     }).slice(0, 6);
   }, [activeMention, mentionAgents]);
   const isMentionMenuOpen = filteredMentionAgents.length > 0;
-  const syncMentionState = (0, import_react6.useCallback)((nextValue, nextCaret) => {
+  const syncMentionState = (0, import_react7.useCallback)((nextValue, nextCaret) => {
     const caret = typeof nextCaret === "number" ? nextCaret : textareaRef.current?.selectionStart ?? nextValue.length;
     const nextMatch = getActiveMentionMatch(nextValue, caret);
     setActiveMention((prev) => {
@@ -3938,7 +3878,7 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
     });
     setActiveMentionIndex(0);
   }, []);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     return () => {
       if (voiceProviderRef.current) {
         void voiceProviderRef.current.destroy();
@@ -3946,10 +3886,10 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
       }
     };
   }, []);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     voiceDraftRef.current = voiceDraft;
   }, [voiceDraft]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (!isMentionMenuOpen) {
       setActiveMentionIndex(0);
       return;
@@ -3958,7 +3898,7 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
       (prev) => prev >= filteredMentionAgents.length ? 0 : prev
     );
   }, [filteredMentionAgents.length, isMentionMenuOpen]);
-  const selectMentionAgent = (0, import_react6.useCallback)((agent) => {
+  const selectMentionAgent = (0, import_react7.useCallback)((agent) => {
     if (!activeMention) return;
     const replacement = `@${agent.name} `;
     const nextValue = value.slice(0, activeMention.start) + replacement + value.slice(activeMention.end);
@@ -4096,7 +4036,7 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
     }
     e.target.value = "";
   };
-  const handleDrop = (0, import_react6.useCallback)(async (e) => {
+  const handleDrop = (0, import_react7.useCallback)(async (e) => {
     e.preventDefault();
     if (!enableFileUpload) return;
     const files = Array.from(e.dataTransfer.files);
@@ -4109,10 +4049,10 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
       }
     }
   }, [attachments, enableFileUpload, maxAttachments, onAttachmentsChange]);
-  const handleDragOver = (0, import_react6.useCallback)((e) => {
+  const handleDragOver = (0, import_react7.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  const resetVoiceComposerState = (0, import_react6.useCallback)((nextState = "idle") => {
+  const resetVoiceComposerState = (0, import_react7.useCallback)((nextState = "idle") => {
     setVoiceState(nextState);
     setVoiceDraft(null);
     voiceDraftRef.current = null;
@@ -4125,11 +4065,11 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
     setIsVoiceAutoSendActive(false);
     setVoiceError(null);
   }, []);
-  const armVoiceDraftForAppend = (0, import_react6.useCallback)((segment) => {
+  const armVoiceDraftForAppend = (0, import_react7.useCallback)((segment) => {
     voiceAppendBaseRef.current = segment;
     voiceAppendBaseDurationRef.current = segment ? resolveVoiceSegmentDuration(segment) : 0;
   }, []);
-  const handleVoiceProviderStateChange = (0, import_react6.useCallback)((nextState) => {
+  const handleVoiceProviderStateChange = (0, import_react7.useCallback)((nextState) => {
     if (voiceReviewMode === "armed" && (nextState === "waiting_for_speech" || nextState === "listening")) {
       const currentDraft = voiceDraftRef.current;
       if (currentDraft) {
@@ -4142,7 +4082,7 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
     }
     setVoiceState(nextState);
   }, [armVoiceDraftForAppend, voiceAutoSendDelayMs, voiceReviewMode]);
-  const ensureVoiceProvider = (0, import_react6.useCallback)(async () => {
+  const ensureVoiceProvider = (0, import_react7.useCallback)(async () => {
     if (voiceProviderRef.current) {
       return voiceProviderRef.current;
     }
@@ -4229,7 +4169,7 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
     voiceProviderRef.current = provider;
     return provider;
   }, [armVoiceDraftForAppend, config, handleVoiceProviderStateChange, voiceAutoSendDelayMs, voiceMaxRecordingMs, voiceReviewMode]);
-  const closeVoiceComposer = (0, import_react6.useCallback)(async () => {
+  const closeVoiceComposer = (0, import_react7.useCallback)(async () => {
     voiceAppendBaseRef.current = null;
     voiceAppendBaseDurationRef.current = 0;
     setIsVoiceComposerOpen(false);
@@ -4245,7 +4185,7 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
       await voiceProviderRef.current.cancel();
     }
   }, []);
-  const startVoiceCapture = (0, import_react6.useCallback)(async (appendToDraft = false) => {
+  const startVoiceCapture = (0, import_react7.useCallback)(async (appendToDraft = false) => {
     if (disabled || isGenerating) {
       return;
     }
@@ -4294,7 +4234,7 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
       setVoiceState("error");
     }
   }, [disabled, isGenerating, ensureVoiceProvider, config]);
-  const stopVoiceCapture = (0, import_react6.useCallback)(async () => {
+  const stopVoiceCapture = (0, import_react7.useCallback)(async () => {
     if (!voiceProviderRef.current) return;
     try {
       await voiceProviderRef.current.stop();
@@ -4303,7 +4243,7 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
       setVoiceState("error");
     }
   }, [config]);
-  const cancelVoiceCapture = (0, import_react6.useCallback)(async () => {
+  const cancelVoiceCapture = (0, import_react7.useCallback)(async () => {
     voiceAppendBaseRef.current = null;
     voiceAppendBaseDurationRef.current = 0;
     if (voiceProviderRef.current) {
@@ -4311,7 +4251,7 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
     }
     resetVoiceComposerState("idle");
   }, [resetVoiceComposerState]);
-  const finalizeVoiceComposerAfterSend = (0, import_react6.useCallback)(() => {
+  const finalizeVoiceComposerAfterSend = (0, import_react7.useCallback)(() => {
     if (voicePersistComposer) {
       resetVoiceComposerState("idle");
       setIsVoiceComposerOpen(true);
@@ -4319,7 +4259,7 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
     }
     void closeVoiceComposer();
   }, [voicePersistComposer, resetVoiceComposerState, closeVoiceComposer]);
-  const sendVoiceDraft = (0, import_react6.useCallback)(() => {
+  const sendVoiceDraft = (0, import_react7.useCallback)(() => {
     void (async () => {
       if (!voiceDraft || disabled || isGenerating) {
         return;
@@ -4345,7 +4285,7 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
     onAttachmentsChange,
     finalizeVoiceComposerAfterSend
   ]);
-  const cancelVoiceAutoSend = (0, import_react6.useCallback)(() => {
+  const cancelVoiceAutoSend = (0, import_react7.useCallback)(() => {
     void (async () => {
       if (voiceReviewMode === "armed" && voiceProviderRef.current) {
         await voiceProviderRef.current.cancel();
@@ -4357,7 +4297,7 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
     setVoiceCountdownMs(0);
     setIsVoiceAutoSendActive(false);
   }, [armVoiceDraftForAppend, voiceReviewMode]);
-  const pauseVoiceReview = (0, import_react6.useCallback)(async () => {
+  const pauseVoiceReview = (0, import_react7.useCallback)(async () => {
     if (voiceState === "listening") {
       await stopVoiceCapture();
       return;
@@ -4369,7 +4309,7 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
     setVoiceAudioLevel(0);
     setVoiceState("review");
   }, [armVoiceDraftForAppend, stopVoiceCapture, voiceReviewMode, voiceState]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (!voiceDraft || voiceAutoSendDelayMs <= 0 || !isVoiceAutoSendActive) {
       return;
     }
@@ -4397,8 +4337,8 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
   };
   const canAddMoreAttachments = attachments.length < maxAttachments;
   const showVoiceComposer = enableAudioRecording && isVoiceComposerOpen;
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: `border-t py-0 bg-transparent ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "px-0 md:p-2 pb-1 space-y-4 bg-transparent", children: [
-    uploadProgress.size > 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "space-y-2", children: Array.from(uploadProgress.entries()).map(([id, progress]) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: `border-t py-0 bg-transparent ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "px-0 md:p-2 pb-1 space-y-4 bg-transparent", children: [
+    uploadProgress.size > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "space-y-2", children: Array.from(uploadProgress.entries()).map(([id, progress]) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       FileUploadItem,
       {
         file: { name: progress.fileName },
@@ -4413,7 +4353,7 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
       },
       id
     )) }),
-    attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "grid grid-cols-4 gap-2", children: attachments.map((attachment, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "grid grid-cols-4 gap-2", children: attachments.map((attachment, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       AttachmentPreview,
       {
         attachment,
@@ -4421,7 +4361,7 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
       },
       index
     )) }),
-    showVoiceComposer ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mb-1 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    showVoiceComposer ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mb-1 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       VoiceComposer,
       {
         state: voiceState,
@@ -4461,15 +4401,15 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
           void closeVoiceComposer();
         }
       }
-    ) }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("form", { onSubmit: handleSubmit, className: "mb-1 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("form", { onSubmit: handleSubmit, className: "mb-1 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
       "div",
       {
         className: "flex  items-end gap-2 p-3 border rounded-lg bg-background w-full md:min-w-3xl max-w-3xl",
         onDrop: handleDrop,
         onDragOver: handleDragOver,
         children: [
-          enableFileUpload && canAddMoreAttachments && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          enableFileUpload && canAddMoreAttachments && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               "input",
               {
                 ref: fileInputRef,
@@ -4480,8 +4420,8 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
                 className: "hidden"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Tooltip, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Tooltip, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                 Button,
                 {
                   type: "button",
@@ -4494,14 +4434,14 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
                     fileInputRef.current?.click();
                   },
                   disabled,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Paperclip, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Paperclip, { className: "h-4 w-4" })
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipContent, { children: config?.labels?.attachFileTooltip })
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TooltipContent, { children: config?.labels?.attachFileTooltip })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "relative flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "relative flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               Textarea,
               {
                 ref: textareaRef,
@@ -4525,7 +4465,7 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
                 rows: 1
               }
             ),
-            isMentionMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute bottom-full left-0 right-0 mb-2 overflow-hidden rounded-md border bg-popover shadow-md", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "p-1", children: filteredMentionAgents.map((agent, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+            isMentionMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "absolute bottom-full left-0 right-0 mb-2 overflow-hidden rounded-md border bg-popover shadow-md", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "p-1", children: filteredMentionAgents.map((agent, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
               "button",
               {
                 type: "button",
@@ -4535,15 +4475,15 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
                   selectMentionAgent(agent);
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "font-medium", children: agent.name }),
-                  agent.description && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "truncate text-xs text-muted-foreground", children: agent.description })
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "font-medium", children: agent.name }),
+                  agent.description && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "truncate text-xs text-muted-foreground", children: agent.description })
                 ]
               },
               agent.id
             )) }) })
           ] }),
-          enableAudioRecording && canAddMoreAttachments && !value.trim() && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Tooltip, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          enableAudioRecording && canAddMoreAttachments && !value.trim() && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Tooltip, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               Button,
               {
                 type: "button",
@@ -4554,13 +4494,13 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
                   void startVoiceCapture();
                 },
                 disabled: disabled || isGenerating,
-                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Mic, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Mic, { className: "h-4 w-4" })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipContent, { children: config?.labels?.voiceEnter })
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TooltipContent, { children: config?.labels?.voiceEnter })
           ] }),
-          isGenerating ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Tooltip, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          isGenerating ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Tooltip, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               Button,
               {
                 type: "button",
@@ -4568,36 +4508,36 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
                 size: "icon",
                 className: "h-10 w-10",
                 onClick: onStopGeneration,
-                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Square, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Square, { className: "h-4 w-4" })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipContent, { children: config?.labels?.stopGenerationTooltip })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Tooltip, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TooltipContent, { children: config?.labels?.stopGenerationTooltip })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Tooltip, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               Button,
               {
                 type: "submit",
                 size: "icon",
                 className: "h-10 w-10",
                 disabled: disabled || !value.trim() && attachments.length === 0,
-                children: disabled ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Send, { className: "h-4 w-4" })
+                children: disabled ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Send, { className: "h-4 w-4" })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipContent, { children: config?.labels?.sendMessageTooltip })
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TooltipContent, { children: config?.labels?.sendMessageTooltip })
           ] })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "text-[10px] text-muted-foreground text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "text-[10px] text-muted-foreground text-center", children: [
       window.innerWidth > 768 ? config?.labels?.inputHelpText : "",
-      attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+      attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
         " \u2022 ",
         attachments.length,
         "/",
         maxAttachments,
         " anexos"
       ] }),
-      config?.labels?.footerLabel && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+      config?.labels?.footerLabel && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
         " \u2022 ",
         config.labels.footerLabel
       ] })
@@ -4606,21 +4546,21 @@ var ChatInput = (0, import_react6.memo)(function ChatInput2({
 });
 
 // src/components/chat/UserProfile.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 
 // src/components/ui/scroll-area.tsx
-var React12 = __toESM(require("react"), 1);
+var React13 = __toESM(require("react"), 1);
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"), 1);
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var ScrollArea = React12.forwardRef(({ className, children, viewportClassName, onScroll, onScrollCapture, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var ScrollArea = React13.forwardRef(({ className, children, viewportClassName, onScroll, onScrollCapture, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     ScrollAreaPrimitive.Root,
     {
       "data-slot": "scroll-area",
       className: cn("relative", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           ScrollAreaPrimitive.Viewport,
           {
             ref,
@@ -4634,8 +4574,8 @@ var ScrollArea = React12.forwardRef(({ className, children, viewportClassName, o
             children
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ScrollBar, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ScrollBar, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ScrollAreaPrimitive.Corner, {})
       ]
     }
   );
@@ -4646,7 +4586,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
@@ -4658,7 +4598,7 @@ function ScrollBar({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         ScrollAreaPrimitive.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -4670,8 +4610,8 @@ function ScrollBar({
 }
 
 // src/components/chat/UserProfile.tsx
-var import_lucide_react12 = require("lucide-react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_lucide_react13 = require("lucide-react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var getInitials2 = (name, email) => {
   if (name) {
     return name.split(" ").map((n) => n[0]).slice(0, 2).join("").toUpperCase();
@@ -4685,29 +4625,29 @@ var getFieldIcon = (type, key) => {
   const iconClass = "h-4 w-4 text-muted-foreground";
   switch (type) {
     case "email":
-      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Mail, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Mail, { className: iconClass });
     case "phone":
-      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Phone, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Phone, { className: iconClass });
     case "url":
-      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Globe, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Globe, { className: iconClass });
     case "date":
-      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Calendar, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Calendar, { className: iconClass });
   }
   const lowerKey = key?.toLowerCase() || "";
-  if (lowerKey.includes("follower")) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Users, { className: iconClass });
-  if (lowerKey.includes("following")) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.UserPlus, { className: iconClass });
-  if (lowerKey.includes("post") || lowerKey.includes("publication")) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Image, { className: iconClass });
-  if (lowerKey.includes("verified") || lowerKey.includes("badge")) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.BadgeCheck, { className: iconClass });
-  if (lowerKey.includes("bio")) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.FileText, { className: iconClass });
-  if (lowerKey.includes("email")) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Mail, { className: iconClass });
-  if (lowerKey.includes("phone") || lowerKey.includes("tel")) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Phone, { className: iconClass });
-  if (lowerKey.includes("location") || lowerKey.includes("address") || lowerKey.includes("city")) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.MapPin, { className: iconClass });
-  if (lowerKey.includes("company") || lowerKey.includes("org")) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Building, { className: iconClass });
-  if (lowerKey.includes("job") || lowerKey.includes("role") || lowerKey.includes("title") || lowerKey.includes("position")) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Briefcase, { className: iconClass });
-  if (lowerKey.includes("website") || lowerKey.includes("url") || lowerKey.includes("link")) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Globe, { className: iconClass });
-  if (lowerKey.includes("username") || lowerKey.includes("handle")) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.AtSign, { className: iconClass });
-  if (lowerKey.includes("date") || lowerKey.includes("birthday") || lowerKey.includes("joined")) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Calendar, { className: iconClass });
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.User, { className: iconClass });
+  if (lowerKey.includes("follower")) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Users, { className: iconClass });
+  if (lowerKey.includes("following")) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.UserPlus, { className: iconClass });
+  if (lowerKey.includes("post") || lowerKey.includes("publication")) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Image, { className: iconClass });
+  if (lowerKey.includes("verified") || lowerKey.includes("badge")) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.BadgeCheck, { className: iconClass });
+  if (lowerKey.includes("bio")) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.FileText, { className: iconClass });
+  if (lowerKey.includes("email")) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Mail, { className: iconClass });
+  if (lowerKey.includes("phone") || lowerKey.includes("tel")) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Phone, { className: iconClass });
+  if (lowerKey.includes("location") || lowerKey.includes("address") || lowerKey.includes("city")) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.MapPin, { className: iconClass });
+  if (lowerKey.includes("company") || lowerKey.includes("org")) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Building, { className: iconClass });
+  if (lowerKey.includes("job") || lowerKey.includes("role") || lowerKey.includes("title") || lowerKey.includes("position")) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Briefcase, { className: iconClass });
+  if (lowerKey.includes("website") || lowerKey.includes("url") || lowerKey.includes("link")) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Globe, { className: iconClass });
+  if (lowerKey.includes("username") || lowerKey.includes("handle")) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.AtSign, { className: iconClass });
+  if (lowerKey.includes("date") || lowerKey.includes("birthday") || lowerKey.includes("joined")) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Calendar, { className: iconClass });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.User, { className: iconClass });
 };
 var formatValue = (value, type, key) => {
   if (value === null || value === void 0) return "-";
@@ -4741,15 +4681,15 @@ var getMemoryCategoryIcon = (category) => {
   const iconClass = "h-4 w-4 text-muted-foreground";
   switch (category) {
     case "preference":
-      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Heart, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Heart, { className: iconClass });
     case "fact":
-      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Info, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Info, { className: iconClass });
     case "goal":
-      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Target, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Target, { className: iconClass });
     case "context":
-      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Lightbulb, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Lightbulb, { className: iconClass });
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Brain, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Brain, { className: iconClass });
   }
 };
 var getMemoryCategoryLabel = (category) => {
@@ -4780,10 +4720,10 @@ var UserProfile = ({
   onDeleteMemory,
   className
 }) => {
-  const [newMemoryContent, setNewMemoryContent] = (0, import_react7.useState)("");
-  const [isAddingMemory, setIsAddingMemory] = (0, import_react7.useState)(false);
-  const [editingMemoryId, setEditingMemoryId] = (0, import_react7.useState)(null);
-  const [editingMemoryContent, setEditingMemoryContent] = (0, import_react7.useState)("");
+  const [newMemoryContent, setNewMemoryContent] = (0, import_react8.useState)("");
+  const [isAddingMemory, setIsAddingMemory] = (0, import_react8.useState)(false);
+  const [editingMemoryId, setEditingMemoryId] = (0, import_react8.useState)(null);
+  const [editingMemoryContent, setEditingMemoryContent] = (0, import_react8.useState)("");
   const handleAddMemory = () => {
     if (newMemoryContent.trim() && onAddMemory) {
       onAddMemory(newMemoryContent.trim(), "other");
@@ -4819,66 +4759,66 @@ var UserProfile = ({
   const displayName = user?.name || user?.email?.split("@")[0] || "User";
   const initials = getInitials2(user?.name, user?.email);
   const normalizedFields = normalizeCustomFields(customFields);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Sheet, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Sheet, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     SheetContent,
     {
       side: "right",
       className: cn("w-full sm:max-w-md p-0 flex flex-col h-full overflow-hidden", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SheetHeader, { className: "px-6 py-4 border-b shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SheetTitle, { children: labels.title }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ScrollArea, { className: "flex-1 min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "p-6 space-y-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-col items-center text-center space-y-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Avatar, { className: "h-24 w-24 shrink-0", children: [
-              user?.avatar && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AvatarImage, { src: user.avatar, alt: displayName }),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AvatarFallback, { className: "text-2xl bg-primary/10 text-primary", children: initials })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SheetHeader, { className: "px-6 py-4 border-b shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SheetTitle, { children: labels.title }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ScrollArea, { className: "flex-1 min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "p-6 space-y-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col items-center text-center space-y-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Avatar, { className: "h-24 w-24 shrink-0", children: [
+              user?.avatar && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AvatarImage, { src: user.avatar, alt: displayName }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AvatarFallback, { className: "text-2xl bg-primary/10 text-primary", children: initials })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "w-full px-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h2", { className: "text-xl font-semibold break-words", children: displayName }),
-              user?.email && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm text-muted-foreground break-words", children: user.email })
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "w-full px-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h2", { className: "text-xl font-semibold break-words", children: displayName }),
+              user?.email && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm text-muted-foreground break-words", children: user.email })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Separator, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: labels.basicInfo }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.User, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xs text-muted-foreground", children: "Name" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm font-medium break-words", children: displayName })
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Separator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: labels.basicInfo }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.User, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xs text-muted-foreground", children: "Name" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm font-medium break-words", children: displayName })
                 ] })
               ] }),
-              user?.email && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.AtSign, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xs text-muted-foreground", children: "Handle" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm font-medium break-words", children: user.email })
+              user?.email && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.AtSign, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xs text-muted-foreground", children: "Handle" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm font-medium break-words", children: user.email })
                 ] })
               ] }),
-              user?.id && user.id !== user?.name && user.id !== user?.email && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.User, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xs text-muted-foreground", children: "ID" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm font-medium break-words", children: user.id })
+              user?.id && user.id !== user?.name && user.id !== user?.email && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.User, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xs text-muted-foreground", children: "ID" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm font-medium break-words", children: user.id })
                 ] })
               ] })
             ] })
           ] }),
-          normalizedFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Separator, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: labels.customFields }),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "space-y-2", children: normalizedFields.map((field) => {
+          normalizedFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Separator, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "space-y-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: labels.customFields }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "space-y-2", children: normalizedFields.map((field) => {
                 const isBioField = field.key.toLowerCase().includes("bio");
-                return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
                   "div",
                   {
                     className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mt-0.5 shrink-0", children: field.icon || getFieldIcon(field.type, field.key) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xs text-muted-foreground", children: field.label }),
-                        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: cn(
+                      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mt-0.5 shrink-0", children: field.icon || getFieldIcon(field.type, field.key) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xs text-muted-foreground", children: field.label }),
+                        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: cn(
                           "text-sm font-medium",
                           isBioField ? "whitespace-pre-wrap break-words" : "break-words"
                         ), children: formatValue(field.value, field.type, field.key) })
@@ -4890,26 +4830,26 @@ var UserProfile = ({
               }) })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Separator, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Brain, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Separator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Brain, { className: "h-4 w-4" }),
                 labels.memories
               ] }),
-              onAddMemory && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              onAddMemory && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                 Button,
                 {
                   variant: "ghost",
                   size: "sm",
                   className: "h-7 px-2",
                   onClick: () => setIsAddingMemory(true),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Plus, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Plus, { className: "h-4 w-4" })
                 }
               )
             ] }),
-            isAddingMemory && onAddMemory && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            isAddingMemory && onAddMemory && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                 Input,
                 {
                   value: newMemoryContent,
@@ -4926,24 +4866,24 @@ var UserProfile = ({
                   autoFocus: true
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Button, { size: "sm", onClick: handleAddMemory, disabled: !newMemoryContent.trim(), children: "Salvar" })
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button, { size: "sm", onClick: handleAddMemory, disabled: !newMemoryContent.trim(), children: "Salvar" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "space-y-2", children: memories.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm text-muted-foreground text-center py-4", children: labels.noMemories }) : memories.map((memory) => {
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "space-y-2", children: memories.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm text-muted-foreground text-center py-4", children: labels.noMemories }) : memories.map((memory) => {
               const isEditing = editingMemoryId === memory.id;
-              return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
                 "div",
                 {
                   className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50 group",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mt-0.5 shrink-0", children: memory.source === "agent" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Bot, { className: "h-4 w-4 text-primary" }) : getMemoryCategoryIcon(memory.category) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2 mb-0.5", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-xs text-muted-foreground", children: getMemoryCategoryLabel(memory.category) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-xs text-muted-foreground", children: "\u2022" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-xs text-muted-foreground", children: memory.source === "agent" ? "IA" : "Voc\xEA" })
+                    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mt-0.5 shrink-0", children: memory.source === "agent" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Bot, { className: "h-4 w-4 text-primary" }) : getMemoryCategoryIcon(memory.category) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-2 mb-0.5", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-xs text-muted-foreground", children: getMemoryCategoryLabel(memory.category) }),
+                        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-xs text-muted-foreground", children: "\u2022" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-xs text-muted-foreground", children: memory.source === "agent" ? "IA" : "Voc\xEA" })
                       ] }),
-                      isEditing ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-2", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                      isEditing ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "space-y-2", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                           Textarea,
                           {
                             value: editingMemoryContent,
@@ -4960,8 +4900,8 @@ var UserProfile = ({
                             }
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex gap-1 justify-end", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+                        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex gap-1 justify-end", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
                             Button,
                             {
                               variant: "ghost",
@@ -4969,12 +4909,12 @@ var UserProfile = ({
                               className: "h-7 px-2",
                               onClick: handleCancelEdit,
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.X, { className: "h-3.5 w-3.5 mr-1" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.X, { className: "h-3.5 w-3.5 mr-1" }),
                                 "Cancelar"
                               ]
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+                          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
                             Button,
                             {
                               size: "sm",
@@ -4982,33 +4922,33 @@ var UserProfile = ({
                               onClick: handleSaveEdit,
                               disabled: !editingMemoryContent.trim(),
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Check, { className: "h-3.5 w-3.5 mr-1" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Check, { className: "h-3.5 w-3.5 mr-1" }),
                                 "Salvar"
                               ]
                             }
                           )
                         ] })
-                      ] }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm break-words", children: memory.content })
+                      ] }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm break-words", children: memory.content })
                     ] }),
-                    !isEditing && (onUpdateMemory || onDeleteMemory) && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity shrink-0", children: [
-                      onUpdateMemory && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                    !isEditing && (onUpdateMemory || onDeleteMemory) && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity shrink-0", children: [
+                      onUpdateMemory && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                         Button,
                         {
                           variant: "ghost",
                           size: "icon",
                           className: "h-7 w-7",
                           onClick: () => handleStartEdit(memory),
-                          children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Pencil, { className: "h-3.5 w-3.5 text-muted-foreground" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Pencil, { className: "h-3.5 w-3.5 text-muted-foreground" })
                         }
                       ),
-                      onDeleteMemory && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                      onDeleteMemory && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                         Button,
                         {
                           variant: "ghost",
                           size: "icon",
                           className: "h-7 w-7",
                           onClick: () => onDeleteMemory(memory.id),
-                          children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Trash2, { className: "h-3.5 w-3.5 text-destructive" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Trash2, { className: "h-3.5 w-3.5 text-destructive" })
                         }
                       )
                     ] })
@@ -5019,8 +4959,8 @@ var UserProfile = ({
             }) })
           ] })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "p-4 border-t space-y-2 shrink-0", children: [
-          onEditProfile && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "p-4 border-t space-y-2 shrink-0", children: [
+          onEditProfile && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             Button,
             {
               variant: "outline",
@@ -5029,7 +4969,7 @@ var UserProfile = ({
               children: "Edit Profile"
             }
           ),
-          onLogout && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          onLogout && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             Button,
             {
               variant: "destructive",
@@ -5045,8 +4985,8 @@ var UserProfile = ({
 };
 
 // src/components/chat/ChatUI.tsx
-var import_lucide_react13 = require("lucide-react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_lucide_react14 = require("lucide-react");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function getMessageSpeakerKey(message) {
   if (!message) return null;
   if (message.role === "assistant") {
@@ -5087,12 +5027,12 @@ var ChatUI = ({
   initialInput,
   onInitialInputConsumed
 }) => {
-  const config = (0, import_react8.useMemo)(
+  const config = (0, import_react9.useMemo)(
     () => mergeConfig(defaultChatConfig, userConfig),
     [userConfig]
   );
-  const [isMobile, setIsMobile] = (0, import_react8.useState)(false);
-  const [isUserProfileOpen, setIsUserProfileOpen] = (0, import_react8.useState)(false);
+  const [isMobile, setIsMobile] = (0, import_react9.useState)(false);
+  const [isUserProfileOpen, setIsUserProfileOpen] = (0, import_react9.useState)(false);
   let userContext;
   try {
     const contextValue = useChatUserContext();
@@ -5106,10 +5046,10 @@ var ChatUI = ({
     }
     return false;
   };
-  const [inputValue, setInputValue] = (0, import_react8.useState)("");
-  const [attachments, setAttachments] = (0, import_react8.useState)([]);
-  const [expandedMessageIds, setExpandedMessageIds] = (0, import_react8.useState)({});
-  const [state, setState] = (0, import_react8.useState)({
+  const [inputValue, setInputValue] = (0, import_react9.useState)("");
+  const [attachments, setAttachments] = (0, import_react9.useState)([]);
+  const [expandedMessageIds, setExpandedMessageIds] = (0, import_react9.useState)({});
+  const [state, setState] = (0, import_react9.useState)({
     isRecording: false,
     selectedThreadId: currentThreadId,
     isAtBottom: true,
@@ -5121,42 +5061,42 @@ var ChatUI = ({
     isSidebarCollapsed: false
     // No longer used for main sidebar
   });
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (currentThreadId !== state.selectedThreadId) {
       setState((prev) => ({ ...prev, selectedThreadId: currentThreadId }));
     }
   }, [currentThreadId]);
-  const initialInputApplied = (0, import_react8.useRef)(false);
-  const initialInputConsumedRef = (0, import_react8.useRef)(false);
-  (0, import_react8.useEffect)(() => {
+  const initialInputApplied = (0, import_react9.useRef)(false);
+  const initialInputConsumedRef = (0, import_react9.useRef)(false);
+  (0, import_react9.useEffect)(() => {
     if (initialInput && !initialInputApplied.current) {
       setInputValue(initialInput);
       initialInputApplied.current = true;
     }
   }, [initialInput]);
-  const scrollAreaRef = (0, import_react8.useRef)(null);
-  const prependSnapshotRef = (0, import_react8.useRef)(null);
-  const stateRef = (0, import_react8.useRef)(state);
-  const inputValueRef = (0, import_react8.useRef)(inputValue);
-  const attachmentsRef = (0, import_react8.useRef)(attachments);
-  (0, import_react8.useEffect)(() => {
+  const scrollAreaRef = (0, import_react9.useRef)(null);
+  const prependSnapshotRef = (0, import_react9.useRef)(null);
+  const stateRef = (0, import_react9.useRef)(state);
+  const inputValueRef = (0, import_react9.useRef)(inputValue);
+  const attachmentsRef = (0, import_react9.useRef)(attachments);
+  (0, import_react9.useEffect)(() => {
     stateRef.current = state;
   }, [state]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     inputValueRef.current = inputValue;
   }, [inputValue]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     attachmentsRef.current = attachments;
   }, [attachments]);
-  const [isCustomMounted, setIsCustomMounted] = (0, import_react8.useState)(false);
-  const [isCustomVisible, setIsCustomVisible] = (0, import_react8.useState)(false);
+  const [isCustomMounted, setIsCustomMounted] = (0, import_react9.useState)(false);
+  const [isCustomVisible, setIsCustomVisible] = (0, import_react9.useState)(false);
   const virtualizer = (0, import_react_virtual.useVirtualizer)({
     count: messages.length,
     getScrollElement: () => scrollAreaRef.current,
     estimateSize: () => 100,
     overscan: 5
   });
-  const createStateCallback = (0, import_react8.useCallback)(
+  const createStateCallback = (0, import_react9.useCallback)(
     (setter) => ({
       setState: (newState) => setter?.(newState),
       getState: () => ({
@@ -5168,7 +5108,7 @@ var ChatUI = ({
     []
     // No dependencies - uses refs for latest state
   );
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const checkMobile = () => {
       setIsMobile(globalThis.innerWidth < 1024);
     };
@@ -5176,7 +5116,7 @@ var ChatUI = ({
     globalThis.addEventListener("resize", checkMobile);
     return () => globalThis.removeEventListener("resize", checkMobile);
   }, []);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!isMobile || !config.customComponent?.component) return;
     if (state.showSidebar) {
       setIsCustomMounted(true);
@@ -5187,8 +5127,8 @@ var ChatUI = ({
       return () => clearTimeout(t);
     }
   }, [state.showSidebar, isMobile, config.customComponent]);
-  const prevMessageCountRef = (0, import_react8.useRef)(0);
-  (0, import_react8.useEffect)(() => {
+  const prevMessageCountRef = (0, import_react9.useRef)(0);
+  (0, import_react9.useEffect)(() => {
     if (messages.length === 0) {
       prevMessageCountRef.current = 0;
       return;
@@ -5218,13 +5158,13 @@ var ChatUI = ({
       }
     });
   }, [messages, state.isAtBottom, virtualizer]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     virtualizer.measure();
   }, [expandedMessageIds, virtualizer]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     prependSnapshotRef.current = null;
   }, [currentThreadId]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const snapshot = prependSnapshotRef.current;
     if (!snapshot) return;
     if (messages.length <= snapshot.messageCount) {
@@ -5250,7 +5190,7 @@ var ChatUI = ({
       });
     });
   }, [messages, isLoadingOlderMessages, virtualizer]);
-  const requestOlderMessages = (0, import_react8.useCallback)(() => {
+  const requestOlderMessages = (0, import_react9.useCallback)(() => {
     if (!onLoadOlderMessages || !hasMoreMessagesBefore || isLoadingOlderMessages) return;
     const viewport = scrollAreaRef.current;
     prependSnapshotRef.current = viewport ? {
@@ -5261,7 +5201,7 @@ var ChatUI = ({
     } : null;
     onLoadOlderMessages();
   }, [hasMoreMessagesBefore, isLoadingOlderMessages, messages, onLoadOlderMessages]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const validMessageIds = new Set(messages.map((message) => message.id));
     setExpandedMessageIds((prev) => {
       const activeIds = Object.keys(prev);
@@ -5276,7 +5216,7 @@ var ChatUI = ({
       return next;
     });
   }, [messages]);
-  const handleScroll = (0, import_react8.useCallback)((e) => {
+  const handleScroll = (0, import_react9.useCallback)((e) => {
     const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;
     const isAtBottom = scrollHeight - scrollTop - clientHeight < 50;
     const isNearTop = scrollTop < 120;
@@ -5288,7 +5228,7 @@ var ChatUI = ({
       return { ...prev, isAtBottom };
     });
   }, [hasMoreMessagesBefore, isLoadingOlderMessages, requestOlderMessages]);
-  const handleSendMessage = (0, import_react8.useCallback)((content, messageAttachments = []) => {
+  const handleSendMessage = (0, import_react9.useCallback)((content, messageAttachments = []) => {
     if (!content.trim() && messageAttachments.length === 0) return;
     callbacks.onSendMessage?.(content, messageAttachments, createStateCallback());
     if (initialInputApplied.current && !initialInputConsumedRef.current) {
@@ -5298,7 +5238,7 @@ var ChatUI = ({
     setInputValue("");
     setAttachments([]);
   }, [callbacks, createStateCallback, onInitialInputConsumed]);
-  const handleMessageAction = (0, import_react8.useCallback)((event) => {
+  const handleMessageAction = (0, import_react9.useCallback)((event) => {
     const { action, messageId, content } = event;
     switch (action) {
       case "copy":
@@ -5317,7 +5257,7 @@ var ChatUI = ({
         break;
     }
   }, [callbacks, createStateCallback]);
-  const handleToggleMessageExpansion = (0, import_react8.useCallback)((messageId) => {
+  const handleToggleMessageExpansion = (0, import_react9.useCallback)((messageId) => {
     setExpandedMessageIds((prev) => {
       if (prev[messageId]) {
         const next = { ...prev };
@@ -5330,44 +5270,44 @@ var ChatUI = ({
       };
     });
   }, []);
-  const handleCreateThread = (0, import_react8.useCallback)((title) => {
+  const handleCreateThread = (0, import_react9.useCallback)((title) => {
     callbacks.onCreateThread?.(title, createStateCallback());
   }, [callbacks, createStateCallback]);
-  const handleSelectThread = (0, import_react8.useCallback)((threadId) => {
+  const handleSelectThread = (0, import_react9.useCallback)((threadId) => {
     callbacks.onSelectThread?.(threadId, createStateCallback());
   }, [callbacks, createStateCallback]);
-  const handleRenameThread = (0, import_react8.useCallback)((threadId, newTitle) => {
+  const handleRenameThread = (0, import_react9.useCallback)((threadId, newTitle) => {
     callbacks.onRenameThread?.(threadId, newTitle, createStateCallback());
   }, [callbacks, createStateCallback]);
-  const handleDeleteThread = (0, import_react8.useCallback)((threadId) => {
+  const handleDeleteThread = (0, import_react9.useCallback)((threadId) => {
     callbacks.onDeleteThread?.(threadId, createStateCallback());
   }, [callbacks, createStateCallback]);
-  const handleArchiveThread = (0, import_react8.useCallback)((threadId) => {
+  const handleArchiveThread = (0, import_react9.useCallback)((threadId) => {
     callbacks.onArchiveThread?.(threadId, createStateCallback());
   }, [callbacks, createStateCallback]);
-  const closeSidebar = (0, import_react8.useCallback)(() => {
+  const closeSidebar = (0, import_react9.useCallback)(() => {
     setState((prev) => ({ ...prev, showSidebar: false }));
   }, []);
-  const handleCustomComponentToggle = (0, import_react8.useCallback)(() => {
+  const handleCustomComponentToggle = (0, import_react9.useCallback)(() => {
     setState((prev) => ({ ...prev, showSidebar: !prev.showSidebar }));
   }, []);
-  const sidebarUser = (0, import_react8.useMemo)(() => user ? {
+  const sidebarUser = (0, import_react9.useMemo)(() => user ? {
     id: user.id,
     name: user.name,
     email: user.email,
     avatar: user.avatar
   } : null, [user?.id, user?.name, user?.email, user?.avatar]);
-  const handleViewProfile = (0, import_react8.useCallback)(() => {
+  const handleViewProfile = (0, import_react9.useCallback)(() => {
     setIsUserProfileOpen(true);
     callbacks.onViewProfile?.();
   }, [callbacks.onViewProfile]);
-  const sidebarUserMenuCallbacks = (0, import_react8.useMemo)(() => ({
+  const sidebarUserMenuCallbacks = (0, import_react9.useMemo)(() => ({
     onViewProfile: handleViewProfile,
     onOpenSettings: callbacks.onOpenSettings,
     onThemeChange: callbacks.onThemeChange,
     onLogout: callbacks.onLogout
   }), [handleViewProfile, callbacks.onOpenSettings, callbacks.onThemeChange, callbacks.onLogout]);
-  const renderCustomComponent = (0, import_react8.useCallback)(() => {
+  const renderCustomComponent = (0, import_react9.useCallback)(() => {
     const component = config?.customComponent?.component;
     if (!component) return null;
     if (typeof component === "function") {
@@ -5375,16 +5315,16 @@ var ChatUI = ({
     }
     return component;
   }, [config?.customComponent?.component, closeSidebar, isMobile]);
-  const SuggestionIconComponents = [import_lucide_react13.MessageSquare, import_lucide_react13.Lightbulb, import_lucide_react13.Zap, import_lucide_react13.HelpCircle];
+  const SuggestionIconComponents = [import_lucide_react14.MessageSquare, import_lucide_react14.Lightbulb, import_lucide_react14.Zap, import_lucide_react14.HelpCircle];
   const renderSuggestions = () => {
     if (messages.length > 0 || !suggestions.length) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col items-center justify-center min-h-[60vh] py-8 px-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "text-center mb-8", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "inline-flex items-center justify-center w-14 h-14 rounded-2xl bg-gradient-to-br from-primary/20 to-primary/5 mb-4 shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Sparkles, { className: "w-7 h-7 text-primary" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h2", { className: "text-xl font-semibold mb-2", children: config.branding.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-muted-foreground text-sm max-w-md", children: config.branding.subtitle })
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col items-center justify-center min-h-[60vh] py-8 px-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "text-center mb-8", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "inline-flex items-center justify-center w-14 h-14 rounded-2xl bg-gradient-to-br from-primary/20 to-primary/5 mb-4 shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react14.Sparkles, { className: "w-7 h-7 text-primary" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h2", { className: "text-xl font-semibold mb-2", children: config.branding.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-muted-foreground text-sm max-w-md", children: config.branding.subtitle })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 w-full max-w-2xl", children: suggestions.map((suggestion, index) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 w-full max-w-2xl", children: suggestions.map((suggestion, index) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
         "button",
         {
           type: "button",
@@ -5393,10 +5333,10 @@ var ChatUI = ({
           children: [
             (() => {
               const IconComponent = SuggestionIconComponents[index % SuggestionIconComponents.length];
-              return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex items-center justify-center w-8 h-8 rounded-lg bg-primary/10 text-primary shrink-0 group-hover:bg-primary/15 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(IconComponent, { className: "h-4 w-4" }) });
+              return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex items-center justify-center w-8 h-8 rounded-lg bg-primary/10 text-primary shrink-0 group-hover:bg-primary/15 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(IconComponent, { className: "h-4 w-4" }) });
             })(),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex-1 min-w-0 pr-6", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm font-medium leading-snug line-clamp-2", children: suggestion }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.ArrowRight, { className: "absolute right-4 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity" })
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex-1 min-w-0 pr-6", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-sm font-medium leading-snug line-clamp-2", children: suggestion }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react14.ArrowRight, { className: "absolute right-4 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity" })
           ]
         },
         index
@@ -5407,41 +5347,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__ */ (0, import_jsx_runtime26.jsx)("div", { className: `flex flex-wrap gap-2 mt-2 ${inlineSuggestionOffsetClass}`, children: items.map((suggestion, index) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: `flex flex-wrap gap-2 mt-2 ${inlineSuggestionOffsetClass}`, children: items.map((suggestion, index) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       "button",
       {
         type: "button",
         onClick: () => handleSendMessage(suggestion),
         className: "group inline-flex items-center gap-1.5 px-3 py-1.5 text-sm rounded-full border border-border bg-background hover:bg-accent hover:border-accent-foreground/20 transition-all duration-150 text-foreground/80 hover:text-foreground",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Sparkles, { className: "h-3 w-3 text-primary opacity-70 group-hover:opacity-100" }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "max-w-[200px] truncate", children: suggestion })
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react14.Sparkles, { className: "h-3 w-3 text-primary opacity-70 group-hover:opacity-100" }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "max-w-[200px] truncate", children: suggestion })
         ]
       },
       `${messageId}-suggestion-${index}`
     )) });
   };
-  const renderMessageLoadingSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "space-y-6 py-2", children: [0, 1, 2, 3].map((index) => {
+  const renderMessageLoadingSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "space-y-6 py-2", children: [0, 1, 2, 3].map((index) => {
     const isUserRow = index % 2 === 1;
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       "div",
       {
         className: `flex gap-3 ${isUserRow ? "justify-end" : "justify-start"}`,
         children: [
-          !isUserRow && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Skeleton, { className: "h-8 w-8 rounded-full shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: `space-y-2 ${isUserRow ? "w-[70%]" : "w-[75%]"}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Skeleton, { className: "h-4 w-24" }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Skeleton, { className: "h-4 w-full" }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Skeleton, { className: "h-4 w-[85%]" })
+          !isUserRow && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Skeleton, { className: "h-8 w-8 rounded-full shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: `space-y-2 ${isUserRow ? "w-[70%]" : "w-[75%]"}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Skeleton, { className: "h-4 w-24" }),
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Skeleton, { className: "h-4 w-full" }),
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Skeleton, { className: "h-4 w-[85%]" })
           ] }),
-          isUserRow && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Skeleton, { className: "h-8 w-8 rounded-full shrink-0" })
+          isUserRow && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Skeleton, { className: "h-8 w-8 rounded-full shrink-0" })
         ]
       },
       `message-skeleton-${index}`
     );
   }) });
   const isMultiAgentMode = config.agentSelector?.mode === "multi";
-  const messageProps = (0, import_react8.useMemo)(() => ({
+  const messageProps = (0, import_react9.useMemo)(() => ({
     userAvatar: user?.avatar,
     userName: user?.name,
     assistantAvatar: assistant?.avatar,
@@ -5451,11 +5391,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,
@@ -5479,9 +5418,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,
@@ -5496,8 +5434,8 @@ var ChatUI = ({
   const shouldShowAgentSelector = Boolean(
     config.agentSelector?.enabled && agentOptions.length > 0 && (!config.agentSelector?.hideIfSingle || agentOptions.length > 1) && (isMultiAgentMode ? onParticipantsChange : onSelectAgent)
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SidebarProvider, { defaultOpen: true, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: `flex h-[100svh] md:h-screen bg-background w-full overflow-hidden ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SidebarProvider, { defaultOpen: true, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: `flex h-[100svh] md:h-screen bg-background w-full overflow-hidden ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       Sidebar2,
       {
         threads,
@@ -5514,8 +5452,8 @@ var ChatUI = ({
         showThemeOptions: !!callbacks.onThemeChange
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SidebarInset, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col h-full min-h-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SidebarInset, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col h-full min-h-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         ChatHeader,
         {
           config,
@@ -5533,9 +5471,9 @@ var ChatUI = ({
           onParticipantsChange
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-1 flex-row min-h-0 overflow-hidden", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex-1 flex flex-col min-h-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-1 flex-row min-h-0 overflow-hidden", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex-1 flex flex-col min-h-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             ScrollArea,
             {
               ref: scrollAreaRef,
@@ -5543,8 +5481,8 @@ var ChatUI = ({
               viewportClassName: "p-4 overscroll-contain",
               onScrollCapture: handleScroll,
               style: { contain: "strict" },
-              children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "max-w-4xl mx-auto pb-4", children: [
-                messages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex justify-center py-2", children: isLoadingOlderMessages ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-xs text-muted-foreground", children: config.labels.loadingOlderMessages }) : hasMoreMessagesBefore ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "max-w-4xl mx-auto pb-4", children: [
+                messages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex justify-center py-2", children: isLoadingOlderMessages ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-xs text-muted-foreground", children: config.labels.loadingOlderMessages }) : hasMoreMessagesBefore ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                   "button",
                   {
                     type: "button",
@@ -5553,7 +5491,7 @@ var ChatUI = ({
                     children: config.labels.loadOlderMessages
                   }
                 ) : null }),
-                isMessagesLoading ? renderMessageLoadingSkeleton() : messages.length === 0 ? renderSuggestions() : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                isMessagesLoading ? renderMessageLoadingSkeleton() : messages.length === 0 ? renderSuggestions() : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                   "div",
                   {
                     style: {
@@ -5565,7 +5503,7 @@ var ChatUI = ({
                       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__ */ (0, import_jsx_runtime26.jsx)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                         "div",
                         {
                           "data-index": virtualRow.index,
@@ -5577,8 +5515,8 @@ var ChatUI = ({
                             width: "100%",
                             transform: `translateY(${virtualRow.start}px)`
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: virtualRow.index === 0 ? "" : isGrouped ? "pt-2" : "pt-4", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                          children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: virtualRow.index === 0 ? "" : isGrouped ? "pt-2" : "pt-4", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                               Message,
                               {
                                 message,
@@ -5598,8 +5536,8 @@ var ChatUI = ({
               ] })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "bg-background pb-[env(safe-area-inset-bottom)]", children: [
-            isMultiAgentMode && shouldShowAgentSelector && onTargetAgentChange && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "px-4 pt-1", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "bg-background pb-[env(safe-area-inset-bottom)]", children: [
+            isMultiAgentMode && shouldShowAgentSelector && onTargetAgentChange && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "px-4 pt-1", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               TargetAgentSelector,
               {
                 agents: participantIds && participantIds.length > 0 ? agentOptions.filter((a) => participantIds.includes(a.id)) : agentOptions,
@@ -5609,7 +5547,7 @@ var ChatUI = ({
                 disabled: isGenerating
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               ChatInput,
               {
                 value: inputValue,
@@ -5638,12 +5576,12 @@ var ChatUI = ({
             )
           ] })
         ] }),
-        config?.customComponent?.component && !isMobile && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        config?.customComponent?.component && !isMobile && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           "div",
           {
             className: "h-full transition-all duration-300 ease-in-out overflow-hidden",
             style: { width: state.showSidebar ? config.customComponent.panelWidth ?? 320 : 0 },
-            children: state.showSidebar && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            children: state.showSidebar && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               "div",
               {
                 className: "h-full overflow-hidden border-l bg-background animate-in slide-in-from-right-4 duration-300",
@@ -5655,8 +5593,8 @@ var ChatUI = ({
         )
       ] })
     ] }) }),
-    isCustomMounted && config.customComponent?.component && isMobile && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fixed inset-0 z-50", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    isCustomMounted && config.customComponent?.component && isMobile && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "fixed inset-0 z-50", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         "div",
         {
           className: `absolute inset-0 bg-background/80 backdrop-blur-sm transition-opacity duration-200 ease-out ${isCustomVisible ? "opacity-100" : "opacity-0"}`,
@@ -5664,16 +5602,16 @@ var ChatUI = ({
           onClick: closeSidebar
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         "div",
         {
           className: `absolute top-0 right-0 h-full w-full bg-background transform-gpu transition-transform duration-200 ease-out ${isCustomVisible ? "translate-x-0" : "translate-x-full"}`,
           style: { willChange: "transform" },
-          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "h-full overflow-hidden", children: renderCustomComponent() })
+          children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "h-full overflow-hidden", children: renderCustomComponent() })
         }
       )
     ] }),
-    isUserProfileOpen && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    isUserProfileOpen && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       UserProfile,
       {
         isOpen: isUserProfileOpen,
@@ -5694,290 +5632,12 @@ var ChatUI = ({
     )
   ] }) }) });
 };
-
-// src/components/chat/ThreadManager.tsx
-var import_react9 = require("react");
-var import_lucide_react14 = require("lucide-react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var ThreadItem = ({ thread, isActive, config, onSelect, onRename, onDelete, onArchive }) => {
-  const [isEditing, setIsEditing] = (0, import_react9.useState)(false);
-  const [editTitle, setEditTitle] = (0, import_react9.useState)(thread.title);
-  const inputRef = (0, import_react9.useRef)(null);
-  (0, import_react9.useEffect)(() => {
-    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__ */ (0, import_jsx_runtime27.jsx)(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__ */ (0, import_jsx_runtime27.jsx)(CardContent, { className: "p-3 max-w-sm", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex-1 min-w-0", onClick: onSelect, children: isEditing ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-        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__ */ (0, import_jsx_runtime27.jsx)(Button, { size: "sm", variant: "ghost", onClick: handleSaveEdit, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react14.Check, { className: "h-3 w-3" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { size: "sm", variant: "ghost", onClick: handleCancelEdit, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react14.X, { className: "h-3 w-3" }) })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h4", { className: "font-medium text-sm truncate mb-1", children: thread.title }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react14.Hash, { className: "h-3 w-3" }),
-          thread.messageCount,
-          " msgs"
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Separator, { orientation: "vertical", className: "h-3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react14.Calendar, { className: "h-3 w-3" }),
-          formatDate(thread.updatedAt, config?.labels)
-        ] }),
-        thread.isArchived && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Separator, { orientation: "vertical", className: "h-3" }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Badge, { variant: "secondary", className: "text-xs", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react14.Archive, { className: "h-2 w-2 mr-1" }),
-            config?.labels?.archiveThread || "Archived"
-          ] })
-        ] })
-      ] })
-    ] }) }),
-    !isEditing && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(DropdownMenu, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { variant: "ghost", size: "icon", className: "h-6 w-6 m-auto", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react14.MoreVertical, { className: "h-3 w-3" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(DropdownMenuContent, { align: "end", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(DropdownMenuItem, { onClick: () => setIsEditing(true), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react14.Edit2, { className: "h-4 w-4 mr-2" }),
-          config?.labels?.renameThread || "Rename"
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(DropdownMenuItem, { onClick: onArchive, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react14.Archive, { className: "h-4 w-4 mr-2" }),
-          thread.isArchived ? config?.labels?.unarchiveThread || "Unarchive" : config?.labels?.archiveThread || "Archive"
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(DropdownMenuItem, { onClick: onDelete, className: "text-destructive", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react14.Trash2, { className: "h-4 w-4 mr-2" }),
-          config?.labels?.deleteThread || "Delete"
-        ] })
-      ] })
-    ] })
-  ] }) }) });
-};
-var CreateThreadDialog2 = ({ onCreateThread, config }) => {
-  const [title, setTitle] = (0, import_react9.useState)("");
-  const [isOpen, setIsOpen] = (0, import_react9.useState)(false);
-  const handleCreate = () => {
-    onCreateThread(title.trim() || void 0);
-    setTitle("");
-    setIsOpen(false);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DialogTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Button, { variant: "outline", className: "w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react14.Plus, { className: "h-4 w-4 mr-2" }),
-      config?.labels?.createNewThread || "New Conversation"
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(DialogContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(DialogHeader, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DialogTitle, { children: config?.labels?.createNewThread || "Create New Conversation" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DialogDescription, { children: "Give your new conversation a name or leave blank to auto-generate one." })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-        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__ */ (0, import_jsx_runtime27.jsxs)(DialogFooter, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { variant: "outline", onClick: () => setIsOpen(false), children: config?.labels?.cancel || "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(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] = (0, import_react9.useState)("");
-  const [showArchived, setShowArchived] = (0, import_react9.useState)(false);
-  const [deleteThreadId, setDeleteThreadId] = (0, import_react9.useState)(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__ */ (0, import_jsx_runtime27.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: `fixed inset-0 z-50 bg-background/80 backdrop-blur-sm ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "fixed left-0 top-0 h-full w-full max-w-md border-r bg-background shadow-lg", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Card, { className: "h-full border-0 rounded-none", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(CardHeader, { className: "border-b", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(CardTitle, { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react14.MessageSquare, { className: "h-5 w-5" }),
-            config?.labels?.newChat || "Conversations"
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { variant: "ghost", size: "icon", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react14.X, { className: "h-4 w-4" }) })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react14.Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-              Input,
-              {
-                placeholder: config?.labels?.search || "Search conversations...",
-                value: searchQuery,
-                onChange: (e) => setSearchQuery(e.target.value),
-                className: "pl-9"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-              Button,
-              {
-                variant: "outline",
-                size: "sm",
-                onClick: () => setShowArchived(!showArchived),
-                className: "text-xs",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react14.Filter, { className: "h-3 w-3 mr-1" }),
-                  showArchived ? config?.labels?.hideArchived || "Hide Archived" : config?.labels?.showArchived || "Show Archived"
-                ]
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Badge, { variant: "secondary", className: "text-xs", children: [
-              filteredThreads.length,
-              " / ",
-              threads.length
-            ] })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(CardContent, { className: "p-0 flex-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "p-4", children: onCreateThread && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CreateThreadDialog2, { onCreateThread, config }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ScrollArea, { className: "h-[calc(100vh-280px)]", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "px-4 pb-4 space-y-4", children: Object.keys(groupedThreads).length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "text-center py-8 text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react14.MessageSquare, { className: "h-12 w-12 mx-auto mb-3 opacity-50" }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("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__ */ (0, import_jsx_runtime27.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h3", { className: "text-sm font-medium text-muted-foreground mb-2 px-2", children: group }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "space-y-2", children: groupThreads.map((thread) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-            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__ */ (0, import_jsx_runtime27.jsx)(AlertDialog, { open: !!deleteThreadId, onOpenChange: () => setDeleteThreadId(null), children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(AlertDialogContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(AlertDialogHeader, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(AlertDialogTitle, { children: config?.labels?.deleteConfirmTitle || "Delete Conversation" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(AlertDialogDescription, { children: config?.labels?.deleteConfirmDescription || "Are you sure you want to delete this conversation? This action cannot be undone." })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(AlertDialogFooter, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(AlertDialogCancel, { children: config?.labels?.cancel || "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-          AlertDialogAction,
-          {
-            onClick: () => deleteThreadId && handleDeleteThread(deleteThreadId),
-            className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-            children: config?.labels?.deleteThread || "Delete"
-          }
-        )
-      ] })
-    ] }) })
-  ] }) });
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  AgentBadge,
-  ChatHeader,
-  ChatInput,
+  AssistantActivity,
   ChatUI,
   ChatUserContextProvider,
-  Message,
-  ParticipantsSelector,
-  Sidebar,
-  TargetAgentSelector,
-  ThreadManager,
-  UserMenu,
-  UserProfile,
-  assignAgentColors,
-  chatUtils,
-  cn,
-  createObjectUrlFromDataUrl,
   defaultChatConfig,
-  formatDate,
-  getAgentColor,
-  getAgentInitials,
   mergeConfig,
   useChatUserContext
 });