@copilotz/chat-ui 0.2.1 → 0.3.1

package/dist/index.cjs

@@ -30,32 +30,33 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  AgentBadge: () => AgentBadge,
   ChatHeader: () => ChatHeader,
   ChatInput: () => ChatInput,
   ChatUI: () => ChatUI,
   ChatUserContextProvider: () => ChatUserContextProvider,
   Message: () => Message,
+  ParticipantsSelector: () => ParticipantsSelector,
   Sidebar: () => Sidebar2,
+  TargetAgentSelector: () => TargetAgentSelector,
   ThreadManager: () => ThreadManager,
   UserMenu: () => UserMenu,
   UserProfile: () => UserProfile,
-  chatConfigPresets: () => chatConfigPresets,
+  assignAgentColors: () => assignAgentColors,
   chatUtils: () => chatUtils,
   cn: () => cn,
-  configUtils: () => configUtils,
   createObjectUrlFromDataUrl: () => createObjectUrlFromDataUrl,
   defaultChatConfig: () => defaultChatConfig,
-  featureFlags: () => featureFlags,
   formatDate: () => formatDate,
+  getAgentColor: () => getAgentColor,
+  getAgentInitials: () => getAgentInitials,
   mergeConfig: () => mergeConfig,
-  themeUtils: () => themeUtils,
-  useChatUserContext: () => useChatUserContext,
-  validateConfig: () => validateConfig
+  useChatUserContext: () => useChatUserContext
 });
 module.exports = __toCommonJS(index_exports);
 
 // src/components/chat/ChatUI.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_react_virtual = require("@tanstack/react-virtual");
 
 // src/config/chatConfig.ts
@@ -224,127 +225,6 @@ function mergeConfig(_baseConfig, userConfig) {
     headerActions: userConfig.headerActions || defaultChatConfig.headerActions
   };
 }
-var chatConfigPresets = {
-  minimal: {
-    features: {
-      enableThreads: false,
-      enableFileUpload: false,
-      enableAudioRecording: false,
-      enableMessageEditing: false,
-      enableMessageCopy: true,
-      enableRegeneration: true,
-      enableToolCallsDisplay: false
-    },
-    ui: {
-      compactMode: true,
-      showTimestamps: false,
-      showAvatars: false
-    }
-  },
-  full: {
-    features: {
-      enableThreads: true,
-      enableFileUpload: true,
-      enableAudioRecording: true,
-      enableMessageEditing: true,
-      enableMessageCopy: true,
-      enableRegeneration: true,
-      enableToolCallsDisplay: true
-    },
-    ui: {
-      showTimestamps: true,
-      showAvatars: true,
-      compactMode: false,
-      showWordCount: true
-    }
-  },
-  developer: {
-    features: {
-      enableThreads: true,
-      enableFileUpload: true,
-      enableAudioRecording: false,
-      enableMessageEditing: true,
-      enableMessageCopy: true,
-      enableRegeneration: true,
-      enableToolCallsDisplay: true
-    },
-    ui: {
-      showTimestamps: true,
-      showAvatars: true,
-      compactMode: false,
-      showWordCount: true
-    }
-  },
-  customer_support: {
-    branding: {
-      title: "Customer Support",
-      subtitle: "How can I help you today?"
-    },
-    features: {
-      enableThreads: true,
-      enableFileUpload: true,
-      enableAudioRecording: false,
-      enableMessageEditing: false,
-      enableMessageCopy: true,
-      enableRegeneration: false,
-      enableToolCallsDisplay: false
-    },
-    ui: {
-      showTimestamps: true,
-      showAvatars: true,
-      compactMode: false
-    }
-  }
-};
-function validateConfig(config) {
-  const errors = [];
-  if (config.features?.maxAttachments && config.features.maxAttachments < 1) {
-    errors.push("maxAttachments must be at least 1");
-  }
-  if (config.features?.maxFileSize && config.features.maxFileSize < 1024) {
-    errors.push("maxFileSize must be at least 1024 bytes (1KB)");
-  }
-  if (config.branding?.title && typeof config.branding.title !== "string") {
-    errors.push("branding.title must be a string");
-  }
-  return errors;
-}
-var themeUtils = {
-  getSystemTheme: () => {
-    if (typeof globalThis.matchMedia === "undefined") return "light";
-    return globalThis.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-  },
-  resolveTheme: (theme) => {
-    return theme === "auto" ? themeUtils.getSystemTheme() : theme;
-  },
-  applyTheme: (theme) => {
-    if (typeof document === "undefined") return;
-    const resolvedTheme = themeUtils.resolveTheme(theme);
-    document.documentElement.classList.toggle("dark", resolvedTheme === "dark");
-  }
-};
-var featureFlags = {
-  isEnabled: (config, feature) => {
-    return config.features[feature] === true;
-  },
-  getEnabledFeatures: (config) => {
-    return Object.entries(config.features).filter(([_, enabled]) => enabled === true).map(([feature]) => feature);
-  },
-  hasAnyFeature: (config, features) => {
-    return features.some((feature) => featureFlags.isEnabled(config, feature));
-  }
-};
-var configUtils = {
-  createConfigHook: (config) => {
-    return {
-      config,
-      isFeatureEnabled: (feature) => featureFlags.isEnabled(config, feature),
-      getLabel: (key) => config.labels[key],
-      getBranding: () => config.branding,
-      getUI: () => config.ui
-    };
-  }
-};
 
 // src/components/chat/Message.tsx
 var import_react = __toESM(require("react"), 1);
@@ -352,6 +232,75 @@ 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
+  "#8b5cf6",
+  // violet
+  "#ec4899",
+  // pink
+  "#f59e0b",
+  // amber
+  "#10b981",
+  // emerald
+  "#3b82f6",
+  // blue
+  "#ef4444",
+  // red
+  "#14b8a6",
+  // teal
+  "#f97316",
+  // orange
+  "#84cc16"
+  // lime
+];
+function getAgentColor(agentId) {
+  let hash = 0;
+  for (let i = 0; i < agentId.length; i++) {
+    hash = (hash << 5) - hash + agentId.charCodeAt(i) | 0;
+  }
+  return AGENT_COLORS[Math.abs(hash) % AGENT_COLORS.length];
+}
+function getAgentInitials(name) {
+  const parts = name.trim().split(/\s+/);
+  if (parts.length >= 2) {
+    return (parts[0][0] + parts[1][0]).toUpperCase();
+  }
+  return name.slice(0, 2).toUpperCase();
+}
+function assignAgentColors(agents) {
+  return agents.map((agent) => ({
+    ...agent,
+    color: agent.color || getAgentColor(agent.id)
+  }));
+}
+
 // src/components/ui/button.tsx
 var import_react_slot = require("@radix-ui/react-slot");
 var import_class_variance_authority = require("class-variance-authority");
@@ -1020,13 +969,20 @@ var Message = (0, import_react.memo)(({
   markdown,
   isExpanded = false,
   onToggleExpanded,
-  isGrouped = false
+  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 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()
+  ) : void 0;
+  const isMultiAgent = agentOptions.length > 1;
+  const resolvedAssistantName = isMultiAgent && (agentSender?.name || message.senderName) || assistantName;
+  const agentColor = agentSender ? agentSender.color || getAgentColor(agentSender.id) : void 0;
   const canEdit = enableEdit && messageIsUser;
   const canRegenerate = enableRegenerate && !messageIsUser;
   const normalizedPreviewChars = Math.max(longMessagePreviewChars, 1);
@@ -1090,9 +1046,26 @@ var Message = (0, import_react.memo)(({
           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)(
+              AvatarFallback,
+              {
+                style: agentColor ? { backgroundColor: agentColor, color: "white" } : void 0,
+                className: agentColor ? "text-[10px]" : "bg-secondary text-secondary-foreground",
+                children: getAgentInitials(agentSender.name)
+              }
+            )
           ] }) : /* @__PURE__ */ (0, import_jsx_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)("span", { className: `font-medium ${compactMode ? "text-sm" : "text-base"}`, children: messageIsUser ? userName : assistantName }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              "span",
+              {
+                className: `font-medium ${compactMode ? "text-sm" : "text-base"}`,
+                style: !messageIsUser && agentColor ? { color: agentColor } : void 0,
+                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" })
           ] })
@@ -2652,9 +2625,238 @@ var Sidebar2 = ({
 };
 
 // src/components/chat/ChatHeader.tsx
-var import_react3 = __toESM(require("react"), 1);
+var import_react4 = __toESM(require("react"), 1);
+var import_lucide_react9 = 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)(({
+  agents,
+  participantIds,
+  onParticipantsChange,
+  label = "Team",
+  maxVisible = 3,
+  disabled = false
+}) => {
+  const agentsWithColors = (0, import_react3.useMemo)(() => assignAgentColors(agents), [agents]);
+  const selectedAgents = (0, import_react3.useMemo)(
+    () => agentsWithColors.filter((a) => participantIds.includes(a.id)),
+    [agentsWithColors, participantIds]
+  );
+  const toggleParticipant = (agentId) => {
+    if (participantIds.includes(agentId)) {
+      if (participantIds.length > 1) {
+        onParticipantsChange(participantIds.filter((id) => id !== agentId));
+      }
+    } else {
+      onParticipantsChange([...participantIds, agentId]);
+    }
+  };
+  const selectAll = () => {
+    onParticipantsChange(agentsWithColors.map((a) => a.id));
+  };
+  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)(
+      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)(
+                AvatarFallback,
+                {
+                  style: { backgroundColor: agent.color || getAgentColor(agent.id), color: "white" },
+                  className: "text-[8px]",
+                  children: getAgentInitials(agent.name)
+                }
+              )
+            ] }, agent.id)) }),
+            hiddenCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.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_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_runtime18.jsx)(DropdownMenuSeparator, {}),
+      agentsWithColors.map((agent) => {
+        const isSelected = participantIds.includes(agent.id);
+        const isLastSelected = isSelected && participantIds.length === 1;
+        return /* @__PURE__ */ (0, import_jsx_runtime18.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)(
+                  AvatarFallback,
+                  {
+                    style: { backgroundColor: agent.color || getAgentColor(agent.id), color: "white" },
+                    className: "text-[10px]",
+                    children: getAgentInitials(agent.name)
+                  }
+                )
+              ] }),
+              /* @__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 })
+              ] }),
+              isSelected && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Check, { className: "h-4 w-4 text-primary shrink-0" })
+            ]
+          },
+          agent.id
+        );
+      })
+    ] })
+  ] });
+});
+ParticipantsSelector.displayName = "ParticipantsSelector";
+var TargetAgentSelector = (0, import_react3.memo)(({
+  agents,
+  targetAgentId,
+  onTargetChange,
+  label = "Target",
+  placeholder = "Select agent",
+  disabled = false
+}) => {
+  const agentsWithColors = (0, import_react3.useMemo)(() => assignAgentColors(agents), [agents]);
+  const selectedAgent = (0, import_react3.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)(
+      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)(
+                AvatarFallback,
+                {
+                  style: { backgroundColor: selectedAgent.color || getAgentColor(selectedAgent.id), color: "white" },
+                  className: "text-[10px]",
+                  children: getAgentInitials(selectedAgent.name)
+                }
+              )
+            ] }),
+            /* @__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_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, {}),
+      agentsWithColors.map((agent) => {
+        const isSelected = agent.id === targetAgentId;
+        return /* @__PURE__ */ (0, import_jsx_runtime18.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)(
+                  AvatarFallback,
+                  {
+                    style: { backgroundColor: agent.color || getAgentColor(agent.id), color: "white" },
+                    className: "text-[10px]",
+                    children: getAgentInitials(agent.name)
+                  }
+                )
+              ] }),
+              /* @__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" })
+                ] }),
+                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.id
+        );
+      })
+    ] })
+  ] });
+});
+TargetAgentSelector.displayName = "TargetAgentSelector";
+var AgentBadge = (0, import_react3.memo)(({
+  agent,
+  onRemove,
+  showRemove = false,
+  size = "md"
+}) => {
+  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)(
+    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)(
+            AvatarFallback,
+            {
+              style: { backgroundColor: color, color: "white" },
+              className: "text-[8px]",
+              children: getAgentInitials(agent.name)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: textSize, children: agent.name }),
+        showRemove && onRemove && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "h-4 w-4 ml-0.5 hover:bg-destructive/20",
+            onClick: (e) => {
+              e.stopPropagation();
+              onRemove();
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.X, { className: "h-3 w-3" })
+          }
+        )
+      ]
+    }
+  );
+});
+AgentBadge.displayName = "AgentBadge";
+
+// src/components/chat/ChatHeader.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var ChatHeader = ({
   config,
   currentThreadTitle,
@@ -2667,16 +2869,19 @@ var ChatHeader = ({
   showCustomComponentButton,
   isMobile,
   showAgentSelector = false,
+  isMultiAgentMode = false,
   agentOptions = [],
   selectedAgentId = null,
   onSelectAgent,
+  participantIds,
+  onParticipantsChange,
   className = ""
 }) => {
-  const [isDarkMode, setIsDarkMode] = import_react3.default.useState(() => {
+  const [isDarkMode, setIsDarkMode] = import_react4.default.useState(() => {
     if (typeof window === "undefined") return false;
     return document.documentElement.classList.contains("dark");
   });
-  import_react3.default.useEffect(() => {
+  import_react4.default.useEffect(() => {
     const observer = new MutationObserver(() => {
       setIsDarkMode(document.documentElement.classList.contains("dark"));
     });
@@ -2722,52 +2927,60 @@ var ChatHeader = ({
   };
   const selectedAgent = agentOptions.find((agent) => agent.id === selectedAgentId) || null;
   const agentPlaceholder = config.agentSelector?.label || "Select agent";
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.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_runtime18.jsx)(CardHeader, { className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Tooltip, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SidebarTrigger, { className: "-ml-1" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TooltipContent, { children: config.labels?.sidebarToggle || "Toggle Sidebar" })
+      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" })
           ] }),
-          showAgentSelector && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenu, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+          showAgentSelector && isMultiAgentMode && onParticipantsChange && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            ParticipantsSelector,
+            {
+              agents: agentOptions,
+              participantIds: participantIds ?? agentOptions.map((a) => a.id),
+              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)(
               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_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)(AvatarFallback, { className: "text-[10px]", children: selectedAgent.name.charAt(0).toUpperCase() })
+                  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() })
                   ] }) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "max-w-[200px] truncate", children: selectedAgent?.name || agentPlaceholder }),
-                  /* @__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-[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_runtime18.jsx)(DropdownMenuContent, { align: "start", className: "w-[280px]", children: agentOptions.map((agent) => {
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuContent, { align: "start", className: "w-[280px]", children: agentOptions.map((agent) => {
               const isSelected = agent.id === selectedAgentId;
-              return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
                 DropdownMenuItem,
                 {
                   onClick: () => onSelectAgent?.(agent.id),
                   className: "flex items-start gap-3 p-3 cursor-pointer",
                   children: [
-                    agent.avatarUrl ? /* @__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)(AvatarFallback, { className: "text-[10px]", children: agent.name.charAt(0).toUpperCase() })
-                    ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.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_runtime18.jsx)(import_lucide_react8.Bot, { className: "h-3.5 w-3.5 text-primary" }) }),
-                    /* @__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" })
+                    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.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 })
                     ] })
                   ]
                 },
@@ -2775,59 +2988,59 @@ var ChatHeader = ({
               );
             }) })
           ] }),
-          !showAgentSelector && isMobile && /* @__PURE__ */ (0, import_jsx_runtime18.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_runtime19.jsx)("span", { className: "text-sm font-medium truncate max-w-[150px] ml-2", children: currentThreadTitle || config.branding?.title || "Chat" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex-1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-1", children: [
-          showCustomComponentButton && config.customComponent && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Tooltip, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        /* @__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)(
               Button,
               {
                 variant: "ghost",
                 size: "icon",
                 className: "h-8 w-8",
                 onClick: onCustomComponentToggle,
-                children: config.customComponent.icon || /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Menu, { className: "h-4 w-4" })
+                children: config.customComponent.icon || /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Menu, { className: "h-4 w-4" })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TooltipContent, { children: config.customComponent.label || config.labels?.customComponentToggle || "Toggle" })
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TooltipContent, { children: config.customComponent.label || config.labels?.customComponentToggle || "Toggle" })
           ] }),
           config.headerActions,
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenu, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.MoreVertical, { className: "h-4 w-4" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenuContent, { align: "end", children: [
-              onNewThread && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenuItem, { onClick: () => onNewThread?.(), className: "font-medium text-primary", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Plus, { className: "h-4 w-4 mr-2" }),
+          /* @__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" }),
                   config.labels?.newThread || "New Thread"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenuSeparator, {})
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuSeparator, {})
               ] }),
-              onExportData && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenuItem, { onClick: onExportData, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Download, { className: "h-4 w-4 mr-2" }),
+              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" }),
                 config.labels?.exportData || "Export Data"
               ] }),
-              onImportData && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenuItem, { onClick: handleImportClick, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Upload, { className: "h-4 w-4 mr-2" }),
+              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" }),
                 config.labels?.importData || "Import Data"
               ] }),
-              (onExportData || onImportData) && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenuSeparator, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenuItem, { onClick: toggleDarkMode, children: isDarkMode ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Sun, { className: "h-4 w-4 mr-2" }),
+              (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" }),
                 config.labels?.lightMode || "Light Mode"
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Moon, { className: "h-4 w-4 mr-2" }),
+              ] }) : /* @__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" }),
                 config.labels?.darkMode || "Dark Mode"
               ] }) }),
-              onClearAll && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenuSeparator, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+              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)(
                   DropdownMenuItem,
                   {
                     onClick: onClearAll,
                     className: "text-destructive",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Trash2, { className: "h-4 w-4 mr-2" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Trash2, { className: "h-4 w-4 mr-2" }),
                       config.labels?.clearAll || "Clear All"
                     ]
                   }
@@ -2842,18 +3055,18 @@ var ChatHeader = ({
 };
 
 // src/components/chat/ChatInput.tsx
-var import_react5 = require("react");
+var import_react6 = __toESM(require("react"), 1);
 
 // src/components/chat/UserContext.tsx
-var import_react4 = require("react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var Ctx = (0, import_react4.createContext)(void 0);
+var import_react5 = require("react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var Ctx = (0, import_react5.createContext)(void 0);
 var ChatUserContextProvider = ({ children, initial }) => {
-  const [ctx, setCtx] = (0, import_react4.useState)(() => ({
+  const [ctx, setCtx] = (0, import_react5.useState)(() => ({
     updatedAt: Date.now(),
     ...initial ?? {}
   }));
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (!initial) return;
     setCtx((prev) => {
       const keys = Object.keys(initial);
@@ -2862,21 +3075,21 @@ var ChatUserContextProvider = ({ children, initial }) => {
       return { ...prev, ...initial, updatedAt: Date.now() };
     });
   }, [initial]);
-  const setPartial = (0, import_react4.useCallback)((next) => {
+  const setPartial = (0, import_react5.useCallback)((next) => {
     setCtx((prev) => {
       const partial = typeof next === "function" ? next(prev) : next;
       return { ...prev, ...partial, updatedAt: Date.now() };
     });
   }, []);
-  const value = (0, import_react4.useMemo)(() => ({
+  const value = (0, import_react5.useMemo)(() => ({
     context: ctx,
     setContext: setPartial,
     resetContext: () => setCtx({ updatedAt: Date.now() })
   }), [ctx, setPartial]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Ctx.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Ctx.Provider, { value, children });
 };
 function useChatUserContext() {
-  const v = (0, import_react4.useContext)(Ctx);
+  const v = (0, import_react5.useContext)(Ctx);
   if (!v) throw new Error("useChatUserContext must be used within ChatUserContextProvider");
   return v;
 }
@@ -3207,13 +3420,13 @@ var resolveVoiceProviderFactory = (createProvider) => createProvider ?? createMa
 
 // src/components/ui/progress.tsx
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"), 1);
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function Progress({
   className,
   value,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     ProgressPrimitive.Root,
     {
       "data-slot": "progress",
@@ -3222,7 +3435,7 @@ function Progress({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -3235,8 +3448,8 @@ function Progress({
 }
 
 // src/components/chat/VoiceComposer.tsx
-var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_lucide_react10 = require("lucide-react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var formatDuration = (durationMs) => {
   const totalSeconds = Math.max(0, Math.floor(durationMs / 1e3));
   const minutes = Math.floor(totalSeconds / 60);
@@ -3331,13 +3544,13 @@ var VoiceComposer = ({
     }
     onRecordAgain();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime21.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_runtime21.jsxs)("div", { className: "flex items-center justify-between gap-2 sm:gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Badge, { variant: "outline", children: labels?.voiceTitle || "Voice" }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.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_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 })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
         Button,
         {
           type: "button",
@@ -3347,14 +3560,14 @@ var VoiceComposer = ({
           onClick: onExit,
           disabled: disabled || isBusy,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.Keyboard, { className: "h-4 w-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "hidden sm:inline", children: labels?.voiceExit || "Use keyboard" })
+            /* @__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" })
           ]
         }
       )
     ] }),
-    !isDraftLayout ? /* @__PURE__ */ (0, import_jsx_runtime21.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_runtime21.jsxs)("div", { className: "mx-auto flex w-full max-w-sm flex-col items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    !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)(
         Button,
         {
           type: "button",
@@ -3363,21 +3576,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_runtime21.jsx)(import_lucide_react9.Loader2, { className: "h-7 w-7 animate-spin" }) : isCapturing ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.Square, { className: "h-7 w-7" }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.Mic, { className: "h-7 w-7" })
+          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" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "w-full space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Progress, { value: levelValue, className: "h-2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: formatDuration(durationMs) }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: isCapturing ? labels?.voiceStop || "Stop recording" : labels?.voiceStart || "Start recording" })
+      /* @__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" })
         ] })
       ] }),
-      showTranscriptPreview && transcriptMode !== "none" && transcriptText && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "w-full rounded-lg border bg-background px-3 py-2 text-left text-sm", children: transcriptText })
-    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "mt-3 rounded-xl border bg-muted/20 p-3 sm:p-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center justify-between gap-2 text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: formatDuration(durationMs) }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      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)(
           Button,
           {
             type: "button",
@@ -3388,12 +3601,12 @@ var VoiceComposer = ({
             disabled,
             "aria-label": labels?.voiceDiscard || "Delete recording",
             title: labels?.voiceDiscard || "Delete recording",
-            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.Trash2, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Trash2, { className: "h-4 w-4" })
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "mt-4 flex flex-col items-center gap-4 text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      /* @__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)(
           Button,
           {
             type: "button",
@@ -3402,12 +3615,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_runtime21.jsx)(import_lucide_react9.Loader2, { className: "h-7 w-7 animate-spin" }) : orbIsListening ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.Square, { className: "h-7 w-7" }) : isArmedDraft ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.Mic, { className: "h-7 w-7 animate-pulse" }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.Mic, { className: "h-7 w-7" })
+            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" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "max-w-sm space-y-1 px-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-sm text-foreground", children: reviewHelperText }),
-          isCapturing && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "mx-auto h-1.5 w-32 overflow-hidden rounded-full bg-red-100", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        /* @__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)(
             "div",
             {
               className: "h-full rounded-full bg-red-500 transition-[width] duration-150",
@@ -3416,28 +3629,51 @@ var VoiceComposer = ({
           ) })
         ] })
       ] }),
-      attachment && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "mt-4 rounded-lg border bg-background/90 p-2 shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("audio", { controls: true, preload: "metadata", className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("source", { src: attachment.dataUrl, type: attachment.mimeType }) }) }),
-      showTranscriptPreview && transcriptMode !== "none" && transcriptText && /* @__PURE__ */ (0, import_jsx_runtime21.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_runtime21.jsx)("div", { className: "mt-3 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime21.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_runtime21.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_runtime21.jsxs)(Button, { type: "button", variant: "ghost", size: "sm", onClick: onCancelAutoSend, disabled, className: "w-full sm:w-auto", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.X, { className: "h-4 w-4" }),
+      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" }),
           labels?.voiceCancel || "Cancel"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Button, { type: "button", size: "sm", onClick: onSendNow, disabled, className: "w-full sm:w-auto", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.Send, { className: "h-4 w-4" }),
+        /* @__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" }),
           labels?.voiceSendNow || "Send now"
         ] })
       ] })
     ] }),
-    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime21.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_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 })
   ] });
 };
 
 // src/components/chat/ChatInput.tsx
-var import_lucide_react10 = require("lucide-react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var FileUploadItem = (0, import_react5.memo)(function FileUploadItem2({ file, progress, onCancel }) {
+var import_lucide_react11 = require("lucide-react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function getActiveMentionMatch(value, caret) {
+  const prefix = value.slice(0, caret);
+  const match = /(^|\s)@([\w.-]*)$/.exec(prefix);
+  if (!match) return null;
+  const query = match[2] ?? "";
+  return {
+    start: prefix.length - query.length - 1,
+    end: caret,
+    query
+  };
+}
+function resolveTargetFromMentions(value, agents) {
+  const matches = value.matchAll(/(^|\s)@([\w.-]+)/g);
+  for (const match of matches) {
+    const mention = match[2]?.toLowerCase();
+    if (!mention) continue;
+    const agent = agents.find(
+      (candidate) => candidate.id.toLowerCase() === mention || candidate.name.toLowerCase() === mention
+    );
+    if (agent) return agent;
+  }
+  return null;
+}
+var FileUploadItem = (0, import_react6.memo)(function FileUploadItem2({ file, progress, onCancel }) {
   const guessTypeFromName = (name) => {
     const ext = (name || "").split(".").pop()?.toLowerCase();
     switch (ext) {
@@ -3465,10 +3701,10 @@ var FileUploadItem = (0, import_react5.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_runtime22.jsx)(import_lucide_react10.Image, { className: "h-4 w-4" });
-    if (t.startsWith("video/")) return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Video, { className: "h-4 w-4" });
-    if (t.startsWith("audio/")) return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Mic, { className: "h-4 w-4" });
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.FileText, { className: "h-4 w-4" });
+    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" });
   };
   const formatFileSize = (bytes) => {
     if (bytes === 0) return "0 Bytes";
@@ -3477,30 +3713,30 @@ var FileUploadItem = (0, import_react5.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_runtime22.jsx)(Card, { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CardContent, { className: "p-3", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-3", children: [
+  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: [
     getFileIcon(file.type, file.name),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm font-medium truncate", children: file.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-xs text-muted-foreground", children: formatFileSize(file.size ?? 0) }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Progress, { value: progress, className: "h-1 mt-1" })
+    /* @__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_runtime22.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       Button,
       {
         variant: "ghost",
         size: "icon",
         className: "h-6 w-6",
         onClick: onCancel,
-        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.X, { className: "h-3 w-3" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.X, { className: "h-3 w-3" })
       }
     )
   ] }) }) });
 });
-var AttachmentPreview = (0, import_react5.memo)(function AttachmentPreview2({ attachment, onRemove }) {
-  const [isPlaying, setIsPlaying] = (0, import_react5.useState)(false);
-  const [audioPlaybackSrc, setAudioPlaybackSrc] = (0, import_react5.useState)(attachment.dataUrl);
-  const audioRef = (0, import_react5.useRef)(null);
-  (0, import_react5.useEffect)(() => {
+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)(() => {
     if (attachment.kind !== "audio" || !attachment.dataUrl.startsWith("data:")) {
       setAudioPlaybackSrc(attachment.dataUrl);
       return;
@@ -3531,9 +3767,9 @@ var AttachmentPreview = (0, import_react5.memo)(function AttachmentPreview2({ at
     const minutes = Math.floor(seconds / 60);
     return `${minutes}:${(seconds % 60).toString().padStart(2, "0")}`;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Card, { className: "relative group", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(CardContent, { className: "p-2", children: [
-    attachment.kind === "image" && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  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)(
         "img",
         {
           src: attachment.dataUrl,
@@ -3541,19 +3777,19 @@ var AttachmentPreview = (0, import_react5.memo)(function AttachmentPreview2({ at
           className: "w-full h-20 object-cover rounded"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime22.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_runtime22.jsx)(
+      /* @__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)(
         Button,
         {
           variant: "destructive",
           size: "icon",
           className: "h-6 w-6",
           onClick: onRemove,
-          children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.X, { className: "h-3 w-3" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.X, { className: "h-3 w-3" })
         }
       ) })
     ] }),
-    attachment.kind === "video" && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    attachment.kind === "video" && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         "video",
         {
           src: attachment.dataUrl,
@@ -3562,34 +3798,34 @@ var AttachmentPreview = (0, import_react5.memo)(function AttachmentPreview2({ at
           muted: true
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime22.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_runtime22.jsx)(
+      /* @__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)(
         Button,
         {
           variant: "destructive",
           size: "icon",
           className: "h-6 w-6",
           onClick: onRemove,
-          children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.X, { className: "h-3 w-3" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.X, { className: "h-3 w-3" })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Badge, { className: "absolute bottom-1 right-1 text-xs", children: formatDuration2(attachment.durationMs) })
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Badge, { className: "absolute bottom-1 right-1 text-xs", children: formatDuration2(attachment.durationMs) })
     ] }),
-    attachment.kind === "audio" && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-2 p-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    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)(
         Button,
         {
           variant: "outline",
           size: "icon",
           className: "h-8 w-8",
           onClick: handlePlayPause,
-          children: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Pause, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Play, { className: "h-3 w-3" })
+          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" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-xs font-medium", children: attachment.fileName || "Audio" }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-xs text-muted-foreground", children: formatDuration2(attachment.durationMs) })
+      /* @__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_runtime22.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         "audio",
         {
           ref: audioRef,
@@ -3597,71 +3833,71 @@ var AttachmentPreview = (0, import_react5.memo)(function AttachmentPreview2({ at
           onPause: () => setIsPlaying(false),
           onEnded: () => setIsPlaying(false),
           preload: "metadata",
-          children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("source", { src: audioPlaybackSrc, type: attachment.mimeType })
+          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("source", { src: audioPlaybackSrc, type: attachment.mimeType })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime23.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_runtime22.jsx)(import_lucide_react10.X, { className: "h-3 w-3" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.X, { className: "h-3 w-3" })
         }
       )
     ] }),
-    attachment.fileName && attachment.kind !== "audio" && /* @__PURE__ */ (0, import_jsx_runtime22.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_runtime22.jsx)("p", { className: "truncate", children: attachment.fileName }) })
+    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 }) })
   ] }) });
 });
-var AudioRecorder = (0, import_react5.memo)(function AudioRecorder2({ isRecording, onStartRecording, onStopRecording, onCancel, recordingDuration, config }) {
+var AudioRecorder = (0, import_react6.memo)(function AudioRecorder2({ isRecording, onStartRecording, onStopRecording, onCancel, recordingDuration, config }) {
   const formatTime = (seconds) => {
     const mins = Math.floor(seconds / 60);
     const secs = seconds % 60;
     return `${mins}:${secs.toString().padStart(2, "0")}`;
   };
   if (!isRecording) {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         Button,
         {
           variant: "outline",
           size: "icon",
           onClick: onStartRecording,
           className: "h-10 w-10",
-          children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Mic, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Mic, { className: "h-4 w-4" })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TooltipContent, { children: config?.labels?.recordAudioTooltip })
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipContent, { children: config?.labels?.recordAudioTooltip })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Card, { className: "border-red-200 bg-red-50 dark:border-red-800 dark:bg-red-950", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CardContent, { className: "p-3", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "h-3 w-3 bg-red-500 rounded-full animate-pulse" }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-sm font-medium text-red-700 dark:text-red-300", children: config?.labels?.voiceListening || "Recording" })
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Card, { className: "border-red-200 bg-red-50 dark:border-red-800 dark:bg-red-950", 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: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "h-3 w-3 bg-red-500 rounded-full animate-pulse" }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-sm font-medium text-red-700 dark:text-red-300", children: config?.labels?.voiceListening || "Recording" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Badge, { variant: "outline", className: "text-xs", children: formatTime(recordingDuration) }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex gap-1 ml-auto", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Badge, { variant: "outline", className: "text-xs", children: formatTime(recordingDuration) }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex gap-1 ml-auto", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
         Button,
         {
           variant: "outline",
           size: "sm",
           onClick: onCancel,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.X, { className: "h-3 w-3 mr-1" }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.X, { className: "h-3 w-3 mr-1" }),
             config?.labels?.cancel || "Cancel"
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
         Button,
         {
           variant: "default",
           size: "sm",
           onClick: onStopRecording,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Square, { className: "h-3 w-3 mr-1" }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Square, { className: "h-3 w-3 mr-1" }),
             config?.labels?.voiceStop || "Stop"
           ]
         }
@@ -3680,7 +3916,7 @@ var resolveVoiceErrorMessage = (error, config) => {
 };
 var clearVoiceTranscript = () => ({});
 var resolveVoiceSegmentDuration = (segment) => segment.attachment.durationMs ?? 0;
-var ChatInput = (0, import_react5.memo)(function ChatInput2({
+var ChatInput = (0, import_react6.memo)(function ChatInput2({
   value,
   onChange,
   onSubmit,
@@ -3697,7 +3933,9 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
   // 10MB
   acceptedFileTypes = ["image/*", "video/*", "audio/*"],
   className = "",
-  config
+  config,
+  mentionAgents = [],
+  onTargetAgentChange
 }) {
   const voiceComposeEnabled = config?.voiceCompose?.enabled === true;
   const voiceDefaultMode = config?.voiceCompose?.defaultMode ?? "text";
@@ -3707,32 +3945,63 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
   const voiceShowTranscriptPreview = config?.voiceCompose?.showTranscriptPreview ?? true;
   const voiceTranscriptMode = config?.voiceCompose?.transcriptMode ?? "final-only";
   const voiceMaxRecordingMs = config?.voiceCompose?.maxRecordingMs;
-  const [isRecording, setIsRecording] = (0, import_react5.useState)(false);
+  const [isRecording, setIsRecording] = (0, import_react6.useState)(false);
   const { setContext } = useChatUserContext();
-  const [recordingDuration, setRecordingDuration] = (0, import_react5.useState)(0);
-  const [uploadProgress, setUploadProgress] = (0, import_react5.useState)(/* @__PURE__ */ new Map());
-  const [isVoiceComposerOpen, setIsVoiceComposerOpen] = (0, import_react5.useState)(
+  const [recordingDuration, setRecordingDuration] = (0, import_react6.useState)(0);
+  const [uploadProgress, setUploadProgress] = (0, import_react6.useState)(/* @__PURE__ */ new Map());
+  const [isVoiceComposerOpen, setIsVoiceComposerOpen] = (0, import_react6.useState)(
     () => voiceComposeEnabled && voiceDefaultMode === "voice"
   );
-  const [voiceState, setVoiceState] = (0, import_react5.useState)("idle");
-  const [voiceDraft, setVoiceDraft] = (0, import_react5.useState)(null);
-  const [voiceTranscript, setVoiceTranscript] = (0, import_react5.useState)(clearVoiceTranscript);
-  const [voiceDurationMs, setVoiceDurationMs] = (0, import_react5.useState)(0);
-  const [voiceAudioLevel, setVoiceAudioLevel] = (0, import_react5.useState)(0);
-  const [voiceCountdownMs, setVoiceCountdownMs] = (0, import_react5.useState)(0);
-  const [isVoiceAutoSendActive, setIsVoiceAutoSendActive] = (0, import_react5.useState)(false);
-  const [voiceError, setVoiceError] = (0, import_react5.useState)(null);
-  const textareaRef = (0, import_react5.useRef)(null);
-  const fileInputRef = (0, import_react5.useRef)(null);
-  const mediaRecorderRef = (0, import_react5.useRef)(null);
-  const recordingStartTime = (0, import_react5.useRef)(0);
-  const recordingInterval = (0, import_react5.useRef)(null);
-  const mediaStreamRef = (0, import_react5.useRef)(null);
-  const voiceProviderRef = (0, import_react5.useRef)(null);
-  const voiceDraftRef = (0, import_react5.useRef)(null);
-  const voiceAppendBaseRef = (0, import_react5.useRef)(null);
-  const voiceAppendBaseDurationRef = (0, import_react5.useRef)(0);
-  (0, import_react5.useEffect)(() => {
+  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 mediaRecorderRef = (0, import_react6.useRef)(null);
+  const recordingStartTime = (0, import_react6.useRef)(0);
+  const recordingInterval = (0, import_react6.useRef)(null);
+  const mediaStreamRef = (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(() => {
+    if (!activeMention || mentionAgents.length === 0) return [];
+    const query = activeMention.query.trim().toLowerCase();
+    const rank = (agent) => {
+      const id = agent.id.toLowerCase();
+      const name = agent.name.toLowerCase();
+      if (!query) return 0;
+      if (name.startsWith(query) || id.startsWith(query)) return 0;
+      if (name.includes(query) || id.includes(query)) return 1;
+      return 2;
+    };
+    return mentionAgents.filter((agent) => rank(agent) < 2).sort((left, right) => {
+      const rankDiff = rank(left) - rank(right);
+      if (rankDiff !== 0) return rankDiff;
+      return left.name.localeCompare(right.name);
+    }).slice(0, 6);
+  }, [activeMention, mentionAgents]);
+  const isMentionMenuOpen = filteredMentionAgents.length > 0;
+  const syncMentionState = (0, import_react6.useCallback)((nextValue, nextCaret) => {
+    const caret = typeof nextCaret === "number" ? nextCaret : textareaRef.current?.selectionStart ?? nextValue.length;
+    const nextMatch = getActiveMentionMatch(nextValue, caret);
+    setActiveMention((prev) => {
+      if (prev?.start === nextMatch?.start && prev?.end === nextMatch?.end && prev?.query === nextMatch?.query) {
+        return prev;
+      }
+      return nextMatch;
+    });
+    setActiveMentionIndex(0);
+  }, []);
+  (0, import_react6.useEffect)(() => {
     return () => {
       if (mediaStreamRef.current) {
         mediaStreamRef.current.getTracks().forEach((track) => track.stop());
@@ -3746,17 +4015,73 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
       }
     };
   }, []);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     voiceDraftRef.current = voiceDraft;
   }, [voiceDraft]);
+  (0, import_react6.useEffect)(() => {
+    if (!isMentionMenuOpen) {
+      setActiveMentionIndex(0);
+      return;
+    }
+    setActiveMentionIndex(
+      (prev) => prev >= filteredMentionAgents.length ? 0 : prev
+    );
+  }, [filteredMentionAgents.length, isMentionMenuOpen]);
+  const selectMentionAgent = (0, import_react6.useCallback)((agent) => {
+    if (!activeMention) return;
+    const replacement = `@${agent.name} `;
+    const nextValue = value.slice(0, activeMention.start) + replacement + value.slice(activeMention.end);
+    const nextCaret = activeMention.start + replacement.length;
+    onChange(nextValue);
+    onTargetAgentChange?.(agent.id);
+    setActiveMention(null);
+    setActiveMentionIndex(0);
+    requestAnimationFrame(() => {
+      textareaRef.current?.focus();
+      textareaRef.current?.setSelectionRange(nextCaret, nextCaret);
+    });
+  }, [activeMention, onChange, onTargetAgentChange, value]);
   const handleSubmit = (e) => {
     e.preventDefault();
     if (!value.trim() && attachments.length === 0 || disabled || isGenerating) return;
+    const mentionedAgent = resolveTargetFromMentions(value, mentionAgents);
+    if (mentionedAgent) {
+      onTargetAgentChange?.(mentionedAgent.id);
+    }
     onSubmit(value.trim(), attachments);
     onChange("");
     onAttachmentsChange([]);
+    setActiveMention(null);
+    setActiveMentionIndex(0);
   };
   const handleKeyDown = (e) => {
+    if (isMentionMenuOpen) {
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        setActiveMentionIndex(
+          (prev) => prev >= filteredMentionAgents.length - 1 ? 0 : prev + 1
+        );
+        return;
+      }
+      if (e.key === "ArrowUp") {
+        e.preventDefault();
+        setActiveMentionIndex(
+          (prev) => prev <= 0 ? filteredMentionAgents.length - 1 : prev - 1
+        );
+        return;
+      }
+      if ((e.key === "Enter" || e.key === "Tab") && filteredMentionAgents[activeMentionIndex]) {
+        e.preventDefault();
+        selectMentionAgent(filteredMentionAgents[activeMentionIndex]);
+        return;
+      }
+      if (e.key === "Escape") {
+        e.preventDefault();
+        setActiveMention(null);
+        setActiveMentionIndex(0);
+        return;
+      }
+    }
     if (e.key === "Enter" && !e.shiftKey && !e.ctrlKey && window.innerWidth > 768) {
       e.preventDefault();
       handleSubmit(e);
@@ -3840,7 +4165,7 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
     }
     e.target.value = "";
   };
-  const handleDrop = (0, import_react5.useCallback)(async (e) => {
+  const handleDrop = (0, import_react6.useCallback)(async (e) => {
     e.preventDefault();
     if (!enableFileUpload) return;
     const files = Array.from(e.dataTransfer.files);
@@ -3853,7 +4178,7 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
       }
     }
   }, [attachments, enableFileUpload, maxAttachments, onAttachmentsChange]);
-  const handleDragOver = (0, import_react5.useCallback)((e) => {
+  const handleDragOver = (0, import_react6.useCallback)((e) => {
     e.preventDefault();
   }, []);
   const startRecording = async () => {
@@ -3923,7 +4248,7 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
       }
     }
   };
-  const resetVoiceComposerState = (0, import_react5.useCallback)((nextState = "idle") => {
+  const resetVoiceComposerState = (0, import_react6.useCallback)((nextState = "idle") => {
     setVoiceState(nextState);
     setVoiceDraft(null);
     voiceDraftRef.current = null;
@@ -3936,11 +4261,11 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
     setIsVoiceAutoSendActive(false);
     setVoiceError(null);
   }, []);
-  const armVoiceDraftForAppend = (0, import_react5.useCallback)((segment) => {
+  const armVoiceDraftForAppend = (0, import_react6.useCallback)((segment) => {
     voiceAppendBaseRef.current = segment;
     voiceAppendBaseDurationRef.current = segment ? resolveVoiceSegmentDuration(segment) : 0;
   }, []);
-  const handleVoiceProviderStateChange = (0, import_react5.useCallback)((nextState) => {
+  const handleVoiceProviderStateChange = (0, import_react6.useCallback)((nextState) => {
     if (voiceReviewMode === "armed" && (nextState === "waiting_for_speech" || nextState === "listening")) {
       const currentDraft = voiceDraftRef.current;
       if (currentDraft) {
@@ -3953,7 +4278,7 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
     }
     setVoiceState(nextState);
   }, [armVoiceDraftForAppend, voiceAutoSendDelayMs, voiceReviewMode]);
-  const ensureVoiceProvider = (0, import_react5.useCallback)(async () => {
+  const ensureVoiceProvider = (0, import_react6.useCallback)(async () => {
     if (voiceProviderRef.current) {
       return voiceProviderRef.current;
     }
@@ -4040,7 +4365,7 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
     voiceProviderRef.current = provider;
     return provider;
   }, [armVoiceDraftForAppend, config, handleVoiceProviderStateChange, voiceAutoSendDelayMs, voiceMaxRecordingMs, voiceReviewMode]);
-  const closeVoiceComposer = (0, import_react5.useCallback)(async () => {
+  const closeVoiceComposer = (0, import_react6.useCallback)(async () => {
     voiceAppendBaseRef.current = null;
     voiceAppendBaseDurationRef.current = 0;
     setIsVoiceComposerOpen(false);
@@ -4056,7 +4381,7 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
       await voiceProviderRef.current.cancel();
     }
   }, []);
-  const startVoiceCapture = (0, import_react5.useCallback)(async (appendToDraft = false) => {
+  const startVoiceCapture = (0, import_react6.useCallback)(async (appendToDraft = false) => {
     if (disabled || isGenerating) {
       return;
     }
@@ -4105,7 +4430,7 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
       setVoiceState("error");
     }
   }, [disabled, isGenerating, ensureVoiceProvider, config]);
-  const stopVoiceCapture = (0, import_react5.useCallback)(async () => {
+  const stopVoiceCapture = (0, import_react6.useCallback)(async () => {
     if (!voiceProviderRef.current) return;
     try {
       await voiceProviderRef.current.stop();
@@ -4114,7 +4439,7 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
       setVoiceState("error");
     }
   }, [config]);
-  const cancelVoiceCapture = (0, import_react5.useCallback)(async () => {
+  const cancelVoiceCapture = (0, import_react6.useCallback)(async () => {
     voiceAppendBaseRef.current = null;
     voiceAppendBaseDurationRef.current = 0;
     if (voiceProviderRef.current) {
@@ -4122,7 +4447,7 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
     }
     resetVoiceComposerState("idle");
   }, [resetVoiceComposerState]);
-  const finalizeVoiceComposerAfterSend = (0, import_react5.useCallback)(() => {
+  const finalizeVoiceComposerAfterSend = (0, import_react6.useCallback)(() => {
     if (voicePersistComposer) {
       resetVoiceComposerState("idle");
       setIsVoiceComposerOpen(true);
@@ -4130,7 +4455,7 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
     }
     void closeVoiceComposer();
   }, [voicePersistComposer, resetVoiceComposerState, closeVoiceComposer]);
-  const sendVoiceDraft = (0, import_react5.useCallback)(() => {
+  const sendVoiceDraft = (0, import_react6.useCallback)(() => {
     void (async () => {
       if (!voiceDraft || disabled || isGenerating) {
         return;
@@ -4156,7 +4481,7 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
     onAttachmentsChange,
     finalizeVoiceComposerAfterSend
   ]);
-  const cancelVoiceAutoSend = (0, import_react5.useCallback)(() => {
+  const cancelVoiceAutoSend = (0, import_react6.useCallback)(() => {
     void (async () => {
       if (voiceReviewMode === "armed" && voiceProviderRef.current) {
         await voiceProviderRef.current.cancel();
@@ -4168,7 +4493,7 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
     setVoiceCountdownMs(0);
     setIsVoiceAutoSendActive(false);
   }, [armVoiceDraftForAppend, voiceReviewMode]);
-  const pauseVoiceReview = (0, import_react5.useCallback)(async () => {
+  const pauseVoiceReview = (0, import_react6.useCallback)(async () => {
     if (voiceState === "listening") {
       await stopVoiceCapture();
       return;
@@ -4180,7 +4505,7 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
     setVoiceAudioLevel(0);
     setVoiceState("review");
   }, [armVoiceDraftForAppend, stopVoiceCapture, voiceReviewMode, voiceState]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!voiceDraft || voiceAutoSendDelayMs <= 0 || !isVoiceAutoSendActive) {
       return;
     }
@@ -4208,8 +4533,8 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
   };
   const canAddMoreAttachments = attachments.length < maxAttachments;
   const showVoiceComposer = voiceComposeEnabled && isVoiceComposerOpen;
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: `border-t py-0 bg-transparent ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "px-0 md:p-2 pb-1 space-y-4 bg-transparent", children: [
-    uploadProgress.size > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "space-y-2", children: Array.from(uploadProgress.entries()).map(([id, progress]) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  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)(
       FileUploadItem,
       {
         file: { name: progress.fileName },
@@ -4224,7 +4549,7 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
       },
       id
     )) }),
-    isRecording && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    isRecording && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       AudioRecorder,
       {
         isRecording,
@@ -4235,7 +4560,7 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
         config
       }
     ),
-    attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "grid grid-cols-4 gap-2", children: attachments.map((attachment, index) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    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)(
       AttachmentPreview,
       {
         attachment,
@@ -4243,7 +4568,7 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
       },
       index
     )) }),
-    showVoiceComposer ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "mb-1 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    showVoiceComposer ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mb-1 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       VoiceComposer,
       {
         state: voiceState,
@@ -4283,15 +4608,15 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
           void closeVoiceComposer();
         }
       }
-    ) }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("form", { onSubmit: handleSubmit, className: "mb-1 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("form", { onSubmit: handleSubmit, className: "mb-1 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.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_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          enableFileUpload && canAddMoreAttachments && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               "input",
               {
                 ref: fileInputRef,
@@ -4302,8 +4627,8 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
                 className: "hidden"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Tooltip, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Tooltip, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                 Button,
                 {
                   type: "button",
@@ -4316,27 +4641,56 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
                     fileInputRef.current?.click();
                   },
                   disabled,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Paperclip, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Paperclip, { className: "h-4 w-4" })
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TooltipContent, { children: config?.labels?.attachFileTooltip })
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipContent, { children: config?.labels?.attachFileTooltip })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            Textarea,
-            {
-              ref: textareaRef,
-              value,
-              onChange: (e) => onChange(e.target.value),
-              onKeyDown: handleKeyDown,
-              placeholder,
-              disabled,
-              className: "max-h-[120px] resize-none border-0 bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0",
-              rows: 1
-            }
-          ) }),
-          enableAudioRecording && !isRecording && canAddMoreAttachments && !value.trim() && (voiceComposeEnabled ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Tooltip, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "relative flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+              Textarea,
+              {
+                ref: textareaRef,
+                value,
+                onChange: (e) => {
+                  onChange(e.target.value);
+                  syncMentionState(e.target.value, e.target.selectionStart ?? e.target.value.length);
+                },
+                onSelect: (e) => {
+                  const target = e.target;
+                  syncMentionState(target.value, target.selectionStart ?? target.value.length);
+                },
+                onClick: (e) => {
+                  const target = e.target;
+                  syncMentionState(target.value, target.selectionStart ?? target.value.length);
+                },
+                onKeyDown: handleKeyDown,
+                placeholder,
+                disabled,
+                className: "max-h-[120px] resize-none border-0 bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0",
+                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)(
+              "button",
+              {
+                type: "button",
+                className: `flex w-full items-center gap-2 rounded-sm px-3 py-2 text-left text-sm ${index === activeMentionIndex ? "bg-accent text-accent-foreground" : "hover:bg-accent/60"}`,
+                onMouseDown: (mouseEvent) => {
+                  mouseEvent.preventDefault();
+                  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 })
+                ]
+              },
+              agent.id
+            )) }) })
+          ] }),
+          enableAudioRecording && !isRecording && canAddMoreAttachments && !value.trim() && (voiceComposeEnabled ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Tooltip, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               Button,
               {
                 type: "button",
@@ -4347,11 +4701,11 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
                   void startVoiceCapture();
                 },
                 disabled: disabled || isGenerating,
-                children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Mic, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Mic, { className: "h-4 w-4" })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TooltipContent, { children: config?.labels?.voiceEnter || config?.labels?.recordAudioTooltip })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipContent, { children: config?.labels?.voiceEnter || config?.labels?.recordAudioTooltip })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             AudioRecorder,
             {
               isRecording,
@@ -4362,8 +4716,8 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
               config
             }
           )),
-          isGenerating ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Tooltip, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          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)(
               Button,
               {
                 type: "button",
@@ -4371,36 +4725,36 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
                 size: "icon",
                 className: "h-10 w-10",
                 onClick: onStopGeneration,
-                children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Square, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Square, { className: "h-4 w-4" })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TooltipContent, { children: config?.labels?.stopGenerationTooltip })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Tooltip, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            /* @__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)(
               Button,
               {
                 type: "submit",
                 size: "icon",
                 className: "h-10 w-10",
                 disabled: disabled || !value.trim() && attachments.length === 0,
-                children: disabled ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Send, { className: "h-4 w-4" })
+                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" })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TooltipContent, { children: config?.labels?.sendMessageTooltip })
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipContent, { children: config?.labels?.sendMessageTooltip })
           ] })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "text-[10px] text-muted-foreground text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "text-[10px] text-muted-foreground text-center", children: [
       window.innerWidth > 768 ? config?.labels?.inputHelpText : "",
-      attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+      attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
         " \u2022 ",
         attachments.length,
         "/",
         maxAttachments,
         " anexos"
       ] }),
-      config?.labels?.footerLabel && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+      config?.labels?.footerLabel && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
         " \u2022 ",
         config.labels.footerLabel
       ] })
@@ -4409,21 +4763,21 @@ var ChatInput = (0, import_react5.memo)(function ChatInput2({
 });
 
 // src/components/chat/UserProfile.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 
 // src/components/ui/scroll-area.tsx
-var React11 = __toESM(require("react"), 1);
+var React12 = __toESM(require("react"), 1);
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"), 1);
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var ScrollArea = React11.forwardRef(({ className, children, viewportClassName, onScroll, onScrollCapture, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+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)(
     ScrollAreaPrimitive.Root,
     {
       "data-slot": "scroll-area",
       className: cn("relative", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           ScrollAreaPrimitive.Viewport,
           {
             ref,
@@ -4437,8 +4791,8 @@ var ScrollArea = React11.forwardRef(({ className, children, viewportClassName, o
             children
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ScrollBar, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ScrollBar, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ScrollAreaPrimitive.Corner, {})
       ]
     }
   );
@@ -4449,7 +4803,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
@@ -4461,7 +4815,7 @@ function ScrollBar({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         ScrollAreaPrimitive.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -4473,8 +4827,8 @@ function ScrollBar({
 }
 
 // src/components/chat/UserProfile.tsx
-var import_lucide_react11 = require("lucide-react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_lucide_react12 = require("lucide-react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var getInitials2 = (name, email) => {
   if (name) {
     return name.split(" ").map((n) => n[0]).slice(0, 2).join("").toUpperCase();
@@ -4488,29 +4842,29 @@ var getFieldIcon = (type, key) => {
   const iconClass = "h-4 w-4 text-muted-foreground";
   switch (type) {
     case "email":
-      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Mail, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Mail, { className: iconClass });
     case "phone":
-      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Phone, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Phone, { className: iconClass });
     case "url":
-      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Globe, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Globe, { className: iconClass });
     case "date":
-      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Calendar, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Calendar, { className: iconClass });
   }
   const lowerKey = key?.toLowerCase() || "";
-  if (lowerKey.includes("follower")) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Users, { className: iconClass });
-  if (lowerKey.includes("following")) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.UserPlus, { className: iconClass });
-  if (lowerKey.includes("post") || lowerKey.includes("publication")) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Image, { className: iconClass });
-  if (lowerKey.includes("verified") || lowerKey.includes("badge")) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.BadgeCheck, { className: iconClass });
-  if (lowerKey.includes("bio")) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.FileText, { className: iconClass });
-  if (lowerKey.includes("email")) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Mail, { className: iconClass });
-  if (lowerKey.includes("phone") || lowerKey.includes("tel")) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Phone, { className: iconClass });
-  if (lowerKey.includes("location") || lowerKey.includes("address") || lowerKey.includes("city")) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.MapPin, { className: iconClass });
-  if (lowerKey.includes("company") || lowerKey.includes("org")) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Building, { className: iconClass });
-  if (lowerKey.includes("job") || lowerKey.includes("role") || lowerKey.includes("title") || lowerKey.includes("position")) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Briefcase, { className: iconClass });
-  if (lowerKey.includes("website") || lowerKey.includes("url") || lowerKey.includes("link")) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Globe, { className: iconClass });
-  if (lowerKey.includes("username") || lowerKey.includes("handle")) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.AtSign, { className: iconClass });
-  if (lowerKey.includes("date") || lowerKey.includes("birthday") || lowerKey.includes("joined")) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Calendar, { className: iconClass });
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.User, { className: iconClass });
+  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 });
 };
 var formatValue = (value, type, key) => {
   if (value === null || value === void 0) return "-";
@@ -4544,15 +4898,15 @@ var getMemoryCategoryIcon = (category) => {
   const iconClass = "h-4 w-4 text-muted-foreground";
   switch (category) {
     case "preference":
-      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Heart, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Heart, { className: iconClass });
     case "fact":
-      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Info, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Info, { className: iconClass });
     case "goal":
-      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Target, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Target, { className: iconClass });
     case "context":
-      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Lightbulb, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Lightbulb, { className: iconClass });
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Brain, { className: iconClass });
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Brain, { className: iconClass });
   }
 };
 var getMemoryCategoryLabel = (category) => {
@@ -4583,10 +4937,10 @@ var UserProfile = ({
   onDeleteMemory,
   className
 }) => {
-  const [newMemoryContent, setNewMemoryContent] = (0, import_react6.useState)("");
-  const [isAddingMemory, setIsAddingMemory] = (0, import_react6.useState)(false);
-  const [editingMemoryId, setEditingMemoryId] = (0, import_react6.useState)(null);
-  const [editingMemoryContent, setEditingMemoryContent] = (0, import_react6.useState)("");
+  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 handleAddMemory = () => {
     if (newMemoryContent.trim() && onAddMemory) {
       onAddMemory(newMemoryContent.trim(), "other");
@@ -4622,66 +4976,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_runtime24.jsx)(Sheet, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Sheet, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ (0, import_jsx_runtime25.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_runtime24.jsx)(SheetHeader, { className: "px-6 py-4 border-b shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SheetTitle, { children: labels.title }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ScrollArea, { className: "flex-1 min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "p-6 space-y-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col items-center text-center space-y-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Avatar, { className: "h-24 w-24 shrink-0", children: [
-              user?.avatar && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AvatarImage, { src: user.avatar, alt: displayName }),
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AvatarFallback, { className: "text-2xl bg-primary/10 text-primary", children: initials })
+        /* @__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_runtime24.jsxs)("div", { className: "w-full px-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h2", { className: "text-xl font-semibold break-words", children: displayName }),
-              user?.email && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm text-muted-foreground break-words", children: user.email })
+            /* @__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_runtime24.jsx)(Separator, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: labels.basicInfo }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.User, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-xs text-muted-foreground", children: "Name" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm font-medium break-words", children: displayName })
+          /* @__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 })
                 ] })
               ] }),
-              user?.email && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.AtSign, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-xs text-muted-foreground", children: "Handle" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm font-medium break-words", children: user.email })
+              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?.id && user.id !== user?.name && user.id !== user?.email && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.User, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-xs text-muted-foreground", children: "ID" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime24.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_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 })
                 ] })
               ] })
             ] })
           ] }),
-          normalizedFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Separator, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "space-y-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: labels.customFields }),
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "space-y-2", children: normalizedFields.map((field) => {
+          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) => {
                 const isBioField = field.key.toLowerCase().includes("bio");
-                return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+                return /* @__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_runtime24.jsx)("div", { className: "mt-0.5 shrink-0", children: field.icon || getFieldIcon(field.type, field.key) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-xs text-muted-foreground", children: field.label }),
-                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: cn(
+                      /* @__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(
                           "text-sm font-medium",
                           isBioField ? "whitespace-pre-wrap break-words" : "break-words"
                         ), children: formatValue(field.value, field.type, field.key) })
@@ -4693,26 +5047,26 @@ var UserProfile = ({
               }) })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Separator, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Brain, { className: "h-4 w-4" }),
+          /* @__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" }),
                 labels.memories
               ] }),
-              onAddMemory && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+              onAddMemory && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                 Button,
                 {
                   variant: "ghost",
                   size: "sm",
                   className: "h-7 px-2",
                   onClick: () => setIsAddingMemory(true),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Plus, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Plus, { className: "h-4 w-4" })
                 }
               )
             ] }),
-            isAddingMemory && onAddMemory && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            isAddingMemory && onAddMemory && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                 Input,
                 {
                   value: newMemoryContent,
@@ -4729,24 +5083,24 @@ var UserProfile = ({
                   autoFocus: true
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button, { size: "sm", onClick: handleAddMemory, disabled: !newMemoryContent.trim(), children: "Salvar" })
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Button, { size: "sm", onClick: handleAddMemory, disabled: !newMemoryContent.trim(), children: "Salvar" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "space-y-2", children: memories.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm text-muted-foreground text-center py-4", children: labels.noMemories }) : memories.map((memory) => {
+            /* @__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) => {
               const isEditing = editingMemoryId === memory.id;
-              return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
                 "div",
                 {
                   className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50 group",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mt-0.5 shrink-0", children: memory.source === "agent" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Bot, { className: "h-4 w-4 text-primary" }) : getMemoryCategoryIcon(memory.category) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-2 mb-0.5", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-xs text-muted-foreground", children: getMemoryCategoryLabel(memory.category) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-xs text-muted-foreground", children: "\u2022" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-xs text-muted-foreground", children: memory.source === "agent" ? "IA" : "Voc\xEA" })
+                    /* @__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" })
                       ] }),
-                      isEditing ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "space-y-2", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                      isEditing ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-2", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                           Textarea,
                           {
                             value: editingMemoryContent,
@@ -4763,8 +5117,8 @@ var UserProfile = ({
                             }
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex gap-1 justify-end", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+                        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex gap-1 justify-end", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
                             Button,
                             {
                               variant: "ghost",
@@ -4772,12 +5126,12 @@ var UserProfile = ({
                               className: "h-7 px-2",
                               onClick: handleCancelEdit,
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.X, { className: "h-3.5 w-3.5 mr-1" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.X, { className: "h-3.5 w-3.5 mr-1" }),
                                 "Cancelar"
                               ]
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+                          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
                             Button,
                             {
                               size: "sm",
@@ -4785,33 +5139,33 @@ var UserProfile = ({
                               onClick: handleSaveEdit,
                               disabled: !editingMemoryContent.trim(),
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Check, { className: "h-3.5 w-3.5 mr-1" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Check, { className: "h-3.5 w-3.5 mr-1" }),
                                 "Salvar"
                               ]
                             }
                           )
                         ] })
-                      ] }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm break-words", children: memory.content })
+                      ] }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm break-words", children: memory.content })
                     ] }),
-                    !isEditing && (onUpdateMemory || onDeleteMemory) && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity shrink-0", children: [
-                      onUpdateMemory && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                    !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)(
                         Button,
                         {
                           variant: "ghost",
                           size: "icon",
                           className: "h-7 w-7",
                           onClick: () => handleStartEdit(memory),
-                          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Pencil, { className: "h-3.5 w-3.5 text-muted-foreground" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Pencil, { className: "h-3.5 w-3.5 text-muted-foreground" })
                         }
                       ),
-                      onDeleteMemory && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                      onDeleteMemory && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                         Button,
                         {
                           variant: "ghost",
                           size: "icon",
                           className: "h-7 w-7",
                           onClick: () => onDeleteMemory(memory.id),
-                          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Trash2, { className: "h-3.5 w-3.5 text-destructive" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.Trash2, { className: "h-3.5 w-3.5 text-destructive" })
                         }
                       )
                     ] })
@@ -4822,8 +5176,8 @@ var UserProfile = ({
             }) })
           ] })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "p-4 border-t space-y-2 shrink-0", children: [
-          onEditProfile && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        /* @__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)(
             Button,
             {
               variant: "outline",
@@ -4832,7 +5186,7 @@ var UserProfile = ({
               children: "Edit Profile"
             }
           ),
-          onLogout && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          onLogout && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             Button,
             {
               variant: "destructive",
@@ -4848,8 +5202,8 @@ var UserProfile = ({
 };
 
 // src/components/chat/ChatUI.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 ChatUI = ({
   messages = [],
   threads = [],
@@ -4866,6 +5220,10 @@ var ChatUI = ({
   agentOptions = [],
   selectedAgentId = null,
   onSelectAgent,
+  participantIds,
+  onParticipantsChange,
+  targetAgentId = null,
+  onTargetAgentChange,
   className = "",
   onAddMemory,
   onUpdateMemory,
@@ -4873,12 +5231,12 @@ var ChatUI = ({
   initialInput,
   onInitialInputConsumed
 }) => {
-  const config = (0, import_react7.useMemo)(
+  const config = (0, import_react8.useMemo)(
     () => mergeConfig(defaultChatConfig, userConfig),
     [userConfig]
   );
-  const [isMobile, setIsMobile] = (0, import_react7.useState)(false);
-  const [isUserProfileOpen, setIsUserProfileOpen] = (0, import_react7.useState)(false);
+  const [isMobile, setIsMobile] = (0, import_react8.useState)(false);
+  const [isUserProfileOpen, setIsUserProfileOpen] = (0, import_react8.useState)(false);
   let userContext;
   try {
     const contextValue = useChatUserContext();
@@ -4892,10 +5250,10 @@ var ChatUI = ({
     }
     return false;
   };
-  const [inputValue, setInputValue] = (0, import_react7.useState)("");
-  const [attachments, setAttachments] = (0, import_react7.useState)([]);
-  const [expandedMessageIds, setExpandedMessageIds] = (0, import_react7.useState)({});
-  const [state, setState] = (0, import_react7.useState)({
+  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)({
     isRecording: false,
     selectedThreadId: currentThreadId,
     isAtBottom: true,
@@ -4907,41 +5265,41 @@ var ChatUI = ({
     isSidebarCollapsed: false
     // No longer used for main sidebar
   });
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (currentThreadId !== state.selectedThreadId) {
       setState((prev) => ({ ...prev, selectedThreadId: currentThreadId }));
     }
   }, [currentThreadId]);
-  const initialInputApplied = (0, import_react7.useRef)(false);
-  const initialInputConsumedRef = (0, import_react7.useRef)(false);
-  (0, import_react7.useEffect)(() => {
+  const initialInputApplied = (0, import_react8.useRef)(false);
+  const initialInputConsumedRef = (0, import_react8.useRef)(false);
+  (0, import_react8.useEffect)(() => {
     if (initialInput && !initialInputApplied.current) {
       setInputValue(initialInput);
       initialInputApplied.current = true;
     }
   }, [initialInput]);
-  const scrollAreaRef = (0, import_react7.useRef)(null);
-  const stateRef = (0, import_react7.useRef)(state);
-  const inputValueRef = (0, import_react7.useRef)(inputValue);
-  const attachmentsRef = (0, import_react7.useRef)(attachments);
-  (0, import_react7.useEffect)(() => {
+  const scrollAreaRef = (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)(() => {
     stateRef.current = state;
   }, [state]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     inputValueRef.current = inputValue;
   }, [inputValue]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     attachmentsRef.current = attachments;
   }, [attachments]);
-  const [isCustomMounted, setIsCustomMounted] = (0, import_react7.useState)(false);
-  const [isCustomVisible, setIsCustomVisible] = (0, import_react7.useState)(false);
+  const [isCustomMounted, setIsCustomMounted] = (0, import_react8.useState)(false);
+  const [isCustomVisible, setIsCustomVisible] = (0, import_react8.useState)(false);
   const virtualizer = (0, import_react_virtual.useVirtualizer)({
     count: messages.length,
     getScrollElement: () => scrollAreaRef.current,
     estimateSize: () => 100,
     overscan: 5
   });
-  const createStateCallback = (0, import_react7.useCallback)(
+  const createStateCallback = (0, import_react8.useCallback)(
     (setter) => ({
       setState: (newState) => setter?.(newState),
       getState: () => ({
@@ -4953,7 +5311,7 @@ var ChatUI = ({
     []
     // No dependencies - uses refs for latest state
   );
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const checkMobile = () => {
       setIsMobile(globalThis.innerWidth < 1024);
     };
@@ -4961,7 +5319,7 @@ var ChatUI = ({
     globalThis.addEventListener("resize", checkMobile);
     return () => globalThis.removeEventListener("resize", checkMobile);
   }, []);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (!isMobile || !config.customComponent?.component) return;
     if (state.showSidebar) {
       setIsCustomMounted(true);
@@ -4972,8 +5330,8 @@ var ChatUI = ({
       return () => clearTimeout(t);
     }
   }, [state.showSidebar, isMobile, config.customComponent]);
-  const prevMessageCountRef = (0, import_react7.useRef)(0);
-  (0, import_react7.useEffect)(() => {
+  const prevMessageCountRef = (0, import_react8.useRef)(0);
+  (0, import_react8.useEffect)(() => {
     if (messages.length === 0) {
       prevMessageCountRef.current = 0;
       return;
@@ -4999,10 +5357,10 @@ var ChatUI = ({
       }
     });
   }, [messages, state.isAtBottom, virtualizer]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     virtualizer.measure();
   }, [expandedMessageIds, virtualizer]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const validMessageIds = new Set(messages.map((message) => message.id));
     setExpandedMessageIds((prev) => {
       const activeIds = Object.keys(prev);
@@ -5017,7 +5375,7 @@ var ChatUI = ({
       return next;
     });
   }, [messages]);
-  const handleScroll = (0, import_react7.useCallback)((e) => {
+  const handleScroll = (0, import_react8.useCallback)((e) => {
     const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;
     const isAtBottom = scrollHeight - scrollTop - clientHeight < 50;
     setState((prev) => {
@@ -5025,7 +5383,7 @@ var ChatUI = ({
       return { ...prev, isAtBottom };
     });
   }, []);
-  const handleSendMessage = (0, import_react7.useCallback)((content, messageAttachments = []) => {
+  const handleSendMessage = (0, import_react8.useCallback)((content, messageAttachments = []) => {
     if (!content.trim() && messageAttachments.length === 0) return;
     callbacks.onSendMessage?.(content, messageAttachments, createStateCallback());
     if (initialInputApplied.current && !initialInputConsumedRef.current) {
@@ -5035,7 +5393,7 @@ var ChatUI = ({
     setInputValue("");
     setAttachments([]);
   }, [callbacks, createStateCallback, onInitialInputConsumed]);
-  const handleMessageAction = (0, import_react7.useCallback)((event) => {
+  const handleMessageAction = (0, import_react8.useCallback)((event) => {
     const { action, messageId, content } = event;
     switch (action) {
       case "copy":
@@ -5054,7 +5412,7 @@ var ChatUI = ({
         break;
     }
   }, [callbacks, createStateCallback]);
-  const handleToggleMessageExpansion = (0, import_react7.useCallback)((messageId) => {
+  const handleToggleMessageExpansion = (0, import_react8.useCallback)((messageId) => {
     setExpandedMessageIds((prev) => {
       if (prev[messageId]) {
         const next = { ...prev };
@@ -5067,44 +5425,44 @@ var ChatUI = ({
       };
     });
   }, []);
-  const handleCreateThread = (0, import_react7.useCallback)((title) => {
+  const handleCreateThread = (0, import_react8.useCallback)((title) => {
     callbacks.onCreateThread?.(title, createStateCallback());
   }, [callbacks, createStateCallback]);
-  const handleSelectThread = (0, import_react7.useCallback)((threadId) => {
+  const handleSelectThread = (0, import_react8.useCallback)((threadId) => {
     callbacks.onSelectThread?.(threadId, createStateCallback());
   }, [callbacks, createStateCallback]);
-  const handleRenameThread = (0, import_react7.useCallback)((threadId, newTitle) => {
+  const handleRenameThread = (0, import_react8.useCallback)((threadId, newTitle) => {
     callbacks.onRenameThread?.(threadId, newTitle, createStateCallback());
   }, [callbacks, createStateCallback]);
-  const handleDeleteThread = (0, import_react7.useCallback)((threadId) => {
+  const handleDeleteThread = (0, import_react8.useCallback)((threadId) => {
     callbacks.onDeleteThread?.(threadId, createStateCallback());
   }, [callbacks, createStateCallback]);
-  const handleArchiveThread = (0, import_react7.useCallback)((threadId) => {
+  const handleArchiveThread = (0, import_react8.useCallback)((threadId) => {
     callbacks.onArchiveThread?.(threadId, createStateCallback());
   }, [callbacks, createStateCallback]);
-  const closeSidebar = (0, import_react7.useCallback)(() => {
+  const closeSidebar = (0, import_react8.useCallback)(() => {
     setState((prev) => ({ ...prev, showSidebar: false }));
   }, []);
-  const handleCustomComponentToggle = (0, import_react7.useCallback)(() => {
+  const handleCustomComponentToggle = (0, import_react8.useCallback)(() => {
     setState((prev) => ({ ...prev, showSidebar: !prev.showSidebar }));
   }, []);
-  const sidebarUser = (0, import_react7.useMemo)(() => user ? {
+  const sidebarUser = (0, import_react8.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_react7.useCallback)(() => {
+  const handleViewProfile = (0, import_react8.useCallback)(() => {
     setIsUserProfileOpen(true);
     callbacks.onViewProfile?.();
   }, [callbacks.onViewProfile]);
-  const sidebarUserMenuCallbacks = (0, import_react7.useMemo)(() => ({
+  const sidebarUserMenuCallbacks = (0, import_react8.useMemo)(() => ({
     onViewProfile: handleViewProfile,
     onOpenSettings: callbacks.onOpenSettings,
     onThemeChange: callbacks.onThemeChange,
     onLogout: callbacks.onLogout
   }), [handleViewProfile, callbacks.onOpenSettings, callbacks.onThemeChange, callbacks.onLogout]);
-  const renderCustomComponent = (0, import_react7.useCallback)(() => {
+  const renderCustomComponent = (0, import_react8.useCallback)(() => {
     const component = config?.customComponent?.component;
     if (!component) return null;
     if (typeof component === "function") {
@@ -5112,16 +5470,16 @@ var ChatUI = ({
     }
     return component;
   }, [config?.customComponent?.component, closeSidebar, isMobile]);
-  const SuggestionIconComponents = [import_lucide_react12.MessageSquare, import_lucide_react12.Lightbulb, import_lucide_react12.Zap, import_lucide_react12.HelpCircle];
+  const SuggestionIconComponents = [import_lucide_react13.MessageSquare, import_lucide_react13.Lightbulb, import_lucide_react13.Zap, import_lucide_react13.HelpCircle];
   const renderSuggestions = () => {
     if (messages.length > 0 || !suggestions.length) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-col items-center justify-center min-h-[60vh] py-8 px-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "text-center mb-8", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.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_runtime25.jsx)(import_lucide_react12.Sparkles, { className: "w-7 h-7 text-primary" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h2", { className: "text-xl font-semibold mb-2", children: config.branding.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-muted-foreground text-sm max-w-md", children: config.branding.subtitle })
+    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 })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.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_runtime25.jsxs)(
+      /* @__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)(
         "button",
         {
           type: "button",
@@ -5130,10 +5488,10 @@ var ChatUI = ({
           children: [
             (() => {
               const IconComponent = SuggestionIconComponents[index % SuggestionIconComponents.length];
-              return /* @__PURE__ */ (0, import_jsx_runtime25.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_runtime25.jsx)(IconComponent, { className: "h-4 w-4" }) });
+              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" }) });
             })(),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex-1 min-w-0 pr-6", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm font-medium leading-snug line-clamp-2", children: suggestion }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.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_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" })
           ]
         },
         index
@@ -5144,40 +5502,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_runtime25.jsx)("div", { className: `flex flex-wrap gap-2 mt-2 ${inlineSuggestionOffsetClass}`, children: items.map((suggestion, index) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    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)(
       "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_runtime25.jsx)(import_lucide_react12.Sparkles, { className: "h-3 w-3 text-primary opacity-70 group-hover:opacity-100" }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "max-w-[200px] truncate", children: suggestion })
+          /* @__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 })
         ]
       },
       `${messageId}-suggestion-${index}`
     )) });
   };
-  const renderMessageLoadingSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "space-y-6 py-2", children: [0, 1, 2, 3].map((index) => {
+  const renderMessageLoadingSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime26.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_runtime25.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
       "div",
       {
         className: `flex gap-3 ${isUserRow ? "justify-end" : "justify-start"}`,
         children: [
-          !isUserRow && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Skeleton, { className: "h-8 w-8 rounded-full shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: `space-y-2 ${isUserRow ? "w-[70%]" : "w-[75%]"}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Skeleton, { className: "h-4 w-24" }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Skeleton, { className: "h-4 w-full" }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Skeleton, { className: "h-4 w-[85%]" })
+          !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_runtime25.jsx)(Skeleton, { className: "h-8 w-8 rounded-full shrink-0" })
+          isUserRow && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Skeleton, { className: "h-8 w-8 rounded-full shrink-0" })
         ]
       },
       `message-skeleton-${index}`
     );
   }) });
-  const messageProps = (0, import_react7.useMemo)(() => ({
+  const isMultiAgentMode = config.agentSelector?.mode === "multi";
+  const messageProps = (0, import_react8.useMemo)(() => ({
     userAvatar: user?.avatar,
     userName: user?.name,
     assistantAvatar: assistant?.avatar,
@@ -5200,12 +5559,15 @@ var ChatUI = ({
     longMessageChunkChars: config.ui.longMessageChunkChars,
     renderUserMarkdown: config.ui.renderUserMarkdown,
     markdown: config.markdown,
-    onToggleExpanded: handleToggleMessageExpansion
+    onToggleExpanded: handleToggleMessageExpansion,
+    agentOptions: isMultiAgentMode ? agentOptions : void 0
   }), [
     user?.avatar,
     user?.name,
     assistant?.avatar,
     assistant?.name,
+    isMultiAgentMode,
+    agentOptions,
     config.ui.showTimestamps,
     config.ui.showAvatars,
     config.ui.compactMode,
@@ -5227,10 +5589,10 @@ var ChatUI = ({
     handleToggleMessageExpansion
   ]);
   const shouldShowAgentSelector = Boolean(
-    config.agentSelector?.enabled && onSelectAgent && agentOptions.length > 0 && (!config.agentSelector?.hideIfSingle || agentOptions.length > 1)
+    config.agentSelector?.enabled && agentOptions.length > 0 && (!config.agentSelector?.hideIfSingle || agentOptions.length > 1) && (isMultiAgentMode ? onParticipantsChange : onSelectAgent)
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SidebarProvider, { defaultOpen: true, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: `flex h-[100svh] md:h-screen bg-background w-full overflow-hidden ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  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)(
       Sidebar2,
       {
         threads,
@@ -5247,8 +5609,8 @@ var ChatUI = ({
         showThemeOptions: !!callbacks.onThemeChange
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SidebarInset, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-col h-full min-h-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    /* @__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)(
         ChatHeader,
         {
           config,
@@ -5258,14 +5620,17 @@ var ChatUI = ({
           onNewThread: handleCreateThread,
           showCustomComponentButton: !!config?.customComponent?.component,
           showAgentSelector: shouldShowAgentSelector,
+          isMultiAgentMode,
           agentOptions,
           selectedAgentId,
-          onSelectAgent
+          onSelectAgent,
+          participantIds,
+          onParticipantsChange
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-1 flex-row min-h-0 overflow-hidden", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex-1 flex flex-col min-h-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      /* @__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)(
             ScrollArea,
             {
               ref: scrollAreaRef,
@@ -5273,7 +5638,7 @@ var ChatUI = ({
               viewportClassName: "p-4 overscroll-contain",
               onScrollCapture: handleScroll,
               style: { contain: "strict" },
-              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "max-w-4xl mx-auto pb-4", children: isMessagesLoading ? renderMessageLoadingSkeleton() : messages.length === 0 ? renderSuggestions() : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "max-w-4xl mx-auto pb-4", children: isMessagesLoading ? renderMessageLoadingSkeleton() : messages.length === 0 ? renderSuggestions() : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                 "div",
                 {
                   style: {
@@ -5285,7 +5650,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;
-                    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                       "div",
                       {
                         "data-index": virtualRow.index,
@@ -5297,8 +5662,8 @@ var ChatUI = ({
                           width: "100%",
                           transform: `translateY(${virtualRow.start}px)`
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: virtualRow.index === 0 ? "" : isGrouped ? "pt-2" : "pt-4", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: virtualRow.index === 0 ? "" : isGrouped ? "pt-2" : "pt-4", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                             Message,
                             {
                               message,
@@ -5317,38 +5682,52 @@ var ChatUI = ({
               ) })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "bg-background pb-[env(safe-area-inset-bottom)]", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-            ChatInput,
-            {
-              value: inputValue,
-              onChange: (value) => {
-                setInputValue(value);
-                if (initialInputApplied.current && !initialInputConsumedRef.current) {
-                  initialInputConsumedRef.current = true;
-                  onInitialInputConsumed?.();
-                }
-              },
-              onSubmit: handleSendMessage,
-              attachments,
-              onAttachmentsChange: setAttachments,
-              placeholder: config.labels.inputPlaceholder,
-              disabled: false,
-              isGenerating,
-              onStopGeneration: callbacks.onStopGeneration,
-              enableFileUpload: config.features.enableFileUpload,
-              enableAudioRecording: config.features.enableAudioRecording,
-              maxAttachments: config.features.maxAttachments,
-              maxFileSize: config.features.maxFileSize,
-              config
-            }
-          ) })
+          /* @__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)(
+              TargetAgentSelector,
+              {
+                agents: participantIds && participantIds.length > 0 ? agentOptions.filter((a) => participantIds.includes(a.id)) : agentOptions,
+                targetAgentId,
+                onTargetChange: onTargetAgentChange,
+                placeholder: config.agentSelector?.label || "Select agent",
+                disabled: isGenerating
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              ChatInput,
+              {
+                value: inputValue,
+                onChange: (value) => {
+                  setInputValue(value);
+                  if (initialInputApplied.current && !initialInputConsumedRef.current) {
+                    initialInputConsumedRef.current = true;
+                    onInitialInputConsumed?.();
+                  }
+                },
+                onSubmit: handleSendMessage,
+                attachments,
+                onAttachmentsChange: setAttachments,
+                placeholder: config.labels.inputPlaceholder,
+                disabled: false,
+                isGenerating,
+                onStopGeneration: callbacks.onStopGeneration,
+                enableFileUpload: config.features.enableFileUpload,
+                enableAudioRecording: config.features.enableAudioRecording,
+                maxAttachments: config.features.maxAttachments,
+                maxFileSize: config.features.maxFileSize,
+                config,
+                mentionAgents: participantIds && participantIds.length > 0 ? agentOptions.filter((a) => participantIds.includes(a.id)) : agentOptions,
+                onTargetAgentChange
+              }
+            )
+          ] })
         ] }),
-        config?.customComponent?.component && !isMobile && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        config?.customComponent?.component && !isMobile && /* @__PURE__ */ (0, import_jsx_runtime26.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_runtime25.jsx)(
+            children: state.showSidebar && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
               "div",
               {
                 className: "h-full overflow-hidden border-l bg-background animate-in slide-in-from-right-4 duration-300",
@@ -5360,8 +5739,8 @@ var ChatUI = ({
         )
       ] })
     ] }) }),
-    isCustomMounted && config.customComponent?.component && isMobile && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "fixed inset-0 z-50", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    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)(
         "div",
         {
           className: `absolute inset-0 bg-background/80 backdrop-blur-sm transition-opacity duration-200 ease-out ${isCustomVisible ? "opacity-100" : "opacity-0"}`,
@@ -5369,16 +5748,16 @@ var ChatUI = ({
           onClick: closeSidebar
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime26.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_runtime25.jsx)("div", { className: "h-full overflow-hidden", children: renderCustomComponent() })
+          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "h-full overflow-hidden", children: renderCustomComponent() })
         }
       )
     ] }),
-    isUserProfileOpen && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    isUserProfileOpen && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       UserProfile,
       {
         isOpen: isUserProfileOpen,
@@ -5401,14 +5780,14 @@ var ChatUI = ({
 };
 
 // src/components/chat/ThreadManager.tsx
-var import_react8 = require("react");
-var import_lucide_react13 = require("lucide-react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+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_react8.useState)(false);
-  const [editTitle, setEditTitle] = (0, import_react8.useState)(thread.title);
-  const inputRef = (0, import_react8.useRef)(null);
-  (0, import_react8.useEffect)(() => {
+  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();
@@ -5432,9 +5811,9 @@ var ThreadItem = ({ thread, isActive, config, onSelect, onRename, onDelete, onAr
       handleCancelEdit();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime26.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_runtime26.jsx)(CardContent, { className: "p-3 max-w-sm", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex-1 min-w-0", onClick: onSelect, children: isEditing ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  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,
@@ -5446,44 +5825,44 @@ var ThreadItem = ({ thread, isActive, config, onSelect, onRename, onDelete, onAr
           placeholder: config?.labels?.threadNamePlaceholder || "Conversation name"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button, { size: "sm", variant: "ghost", onClick: handleSaveEdit, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Check, { className: "h-3 w-3" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button, { size: "sm", variant: "ghost", onClick: handleCancelEdit, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.X, { className: "h-3 w-3" }) })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h4", { className: "font-medium text-sm truncate mb-1", children: thread.title }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Hash, { className: "h-3 w-3" }),
+      /* @__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_runtime26.jsx)(Separator, { orientation: "vertical", className: "h-3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Calendar, { className: "h-3 w-3" }),
+        /* @__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_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Separator, { orientation: "vertical", className: "h-3" }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Badge, { variant: "secondary", className: "text-xs", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Archive, { className: "h-2 w-2 mr-1" }),
+        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_runtime26.jsxs)(DropdownMenu, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button, { variant: "ghost", size: "icon", className: "h-6 w-6 m-auto", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.MoreVertical, { className: "h-3 w-3" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(DropdownMenuContent, { align: "end", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(DropdownMenuItem, { onClick: () => setIsEditing(true), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Edit2, { className: "h-4 w-4 mr-2" }),
+    !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_runtime26.jsxs)(DropdownMenuItem, { onClick: onArchive, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Archive, { className: "h-4 w-4 mr-2" }),
+        /* @__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_runtime26.jsx)(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(DropdownMenuItem, { onClick: onDelete, className: "text-destructive", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Trash2, { className: "h-4 w-4 mr-2" }),
+        /* @__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"
         ] })
       ] })
@@ -5491,24 +5870,24 @@ var ThreadItem = ({ thread, isActive, config, onSelect, onRename, onDelete, onAr
   ] }) }) });
 };
 var CreateThreadDialog2 = ({ onCreateThread, config }) => {
-  const [title, setTitle] = (0, import_react8.useState)("");
-  const [isOpen, setIsOpen] = (0, import_react8.useState)(false);
+  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_runtime26.jsxs)(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(DialogTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Button, { variant: "outline", className: "w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Plus, { className: "h-4 w-4 mr-2" }),
+  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_runtime26.jsxs)(DialogContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(DialogHeader, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(DialogTitle, { children: config?.labels?.createNewThread || "Create New Conversation" }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(DialogDescription, { children: "Give your new conversation a name or leave blank to auto-generate one." })
+    /* @__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_runtime26.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         Input,
         {
           value: title,
@@ -5518,9 +5897,9 @@ var CreateThreadDialog2 = ({ onCreateThread, config }) => {
           autoFocus: true
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(DialogFooter, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button, { variant: "outline", onClick: () => setIsOpen(false), children: config?.labels?.cancel || "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button, { onClick: handleCreate, children: config?.labels?.create || "Create" })
+      /* @__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" })
       ] })
     ] })
   ] });
@@ -5538,9 +5917,9 @@ var ThreadManager = ({
   onClose,
   className = ""
 }) => {
-  const [searchQuery, setSearchQuery] = (0, import_react8.useState)("");
-  const [showArchived, setShowArchived] = (0, import_react8.useState)(false);
-  const [deleteThreadId, setDeleteThreadId] = (0, import_react8.useState)(null);
+  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());
@@ -5574,20 +5953,20 @@ var ThreadManager = ({
     setDeleteThreadId(null);
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: `fixed inset-0 z-50 bg-background/80 backdrop-blur-sm ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.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_runtime26.jsxs)(Card, { className: "h-full border-0 rounded-none", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(CardHeader, { className: "border-b", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(CardTitle, { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.MessageSquare, { className: "h-5 w-5" }),
+  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_runtime26.jsx)(Button, { variant: "ghost", size: "icon", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.X, { className: "h-4 w-4" }) })
+          /* @__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_runtime26.jsxs)("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        /* @__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...",
@@ -5597,8 +5976,8 @@ var ThreadManager = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
               Button,
               {
                 variant: "outline",
@@ -5606,12 +5985,12 @@ var ThreadManager = ({
                 onClick: () => setShowArchived(!showArchived),
                 className: "text-xs",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.Filter, { className: "h-3 w-3 mr-1" }),
+                  /* @__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_runtime26.jsxs)(Badge, { variant: "secondary", className: "text-xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Badge, { variant: "secondary", className: "text-xs", children: [
               filteredThreads.length,
               " / ",
               threads.length
@@ -5619,14 +5998,14 @@ var ThreadManager = ({
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(CardContent, { className: "p-0 flex-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "p-4", children: onCreateThread && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CreateThreadDialog2, { onCreateThread, config }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ScrollArea, { className: "h-[calc(100vh-280px)]", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "px-4 pb-4 space-y-4", children: Object.keys(groupedThreads).length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "text-center py-8 text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react13.MessageSquare, { className: "h-12 w-12 mx-auto mb-3 opacity-50" }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.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_runtime26.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h3", { className: "text-sm font-medium text-muted-foreground mb-2 px-2", children: group }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "space-y-2", children: groupThreads.map((thread) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      /* @__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,
@@ -5642,14 +6021,14 @@ var ThreadManager = ({
         ] }, group)) }) })
       ] })
     ] }) }),
-    deleteThreadId && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AlertDialog, { open: !!deleteThreadId, onOpenChange: () => setDeleteThreadId(null), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(AlertDialogContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(AlertDialogHeader, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AlertDialogTitle, { children: config?.labels?.deleteConfirmTitle || "Delete Conversation" }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AlertDialogDescription, { children: config?.labels?.deleteConfirmDescription || "Are you sure you want to delete this conversation? This action cannot be undone." })
+    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_runtime26.jsxs)(AlertDialogFooter, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AlertDialogCancel, { children: config?.labels?.cancel || "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      /* @__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),
@@ -5661,55 +6040,29 @@ var ThreadManager = ({
     ] }) })
   ] }) });
 };
-
-// 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";
-  }
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AgentBadge,
   ChatHeader,
   ChatInput,
   ChatUI,
   ChatUserContextProvider,
   Message,
+  ParticipantsSelector,
   Sidebar,
+  TargetAgentSelector,
   ThreadManager,
   UserMenu,
   UserProfile,
-  chatConfigPresets,
+  assignAgentColors,
   chatUtils,
   cn,
-  configUtils,
   createObjectUrlFromDataUrl,
   defaultChatConfig,
-  featureFlags,
   formatDate,
+  getAgentColor,
+  getAgentInitials,
   mergeConfig,
-  themeUtils,
-  useChatUserContext,
-  validateConfig
+  useChatUserContext
 });
 //# sourceMappingURL=index.cjs.map