@copilotz/chat-ui 0.1.0 → 0.1.2

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/components/chat/ChatUI.tsx
-import { useState as useState8, useEffect as useEffect7, useRef as useRef4, useCallback as useCallback4 } from "react";
+import { useState as useState8, useEffect as useEffect10, useRef as useRef7, useCallback as useCallback4 } from "react";
 
 // src/config/chatConfig.ts
 var defaultChatConfig = {
@@ -9,6 +9,11 @@ var defaultChatConfig = {
     title: "Chat Assistant",
     subtitle: "How can I help you today?"
   },
+  agentSelector: {
+    enabled: false,
+    label: "Select agent",
+    hideIfSingle: true
+  },
   labels: {
     inputPlaceholder: "Type your message...",
     sendButton: "Send",
@@ -101,6 +106,10 @@ function mergeConfig(_baseConfig, userConfig) {
       ...defaultChatConfig.ui,
       ...userConfig.ui
     },
+    agentSelector: {
+      ...defaultChatConfig.agentSelector,
+      ...userConfig.agentSelector
+    },
     customComponent: userConfig.customComponent || defaultChatConfig.customComponent,
     headerActions: userConfig.headerActions || defaultChatConfig.headerActions
   };
@@ -228,7 +237,7 @@ var configUtils = {
 };
 
 // src/components/chat/Message.tsx
-import { useState, useRef } from "react";
+import { useState, useRef, memo } from "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import rehypeHighlight from "rehype-highlight";
@@ -521,7 +530,7 @@ import {
   ChevronDown
 } from "lucide-react";
 import { Fragment, jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
-var ThinkingIndicator = ({ label = "Thinking..." }) => {
+var ThinkingIndicator = memo(function ThinkingIndicator2({ label = "Thinking..." }) {
   return /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 py-2", children: [
     /* @__PURE__ */ jsxs2("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ jsx7(
@@ -548,26 +557,30 @@ var ThinkingIndicator = ({ label = "Thinking..." }) => {
     ] }),
     /* @__PURE__ */ jsx7("span", { className: "text-sm text-muted-foreground animate-pulse", children: label })
   ] });
+});
+var markdownComponents = {
+  code: ({ node, className, children, ...props }) => {
+    const inline = props.inline;
+    const match = /language-(\w+)/.exec(className || "");
+    return !inline && match ? /* @__PURE__ */ jsx7("pre", { className: "relative", children: /* @__PURE__ */ jsx7("code", { className, ...props, children }) }) : /* @__PURE__ */ jsx7("code", { className: "bg-muted px-1 py-0.5 rounded text-sm", ...props, children });
+  }
 };
-var StreamingText = ({
+var remarkPluginsDefault = [remarkGfm];
+var rehypePluginsDefault = [rehypeHighlight];
+var rehypePluginsEmpty = [];
+var StreamingText = memo(function StreamingText2({
   content,
   isStreaming = false,
   thinkingLabel = "Thinking..."
-}) => {
+}) {
   const hasContent = content.trim().length > 0;
   return /* @__PURE__ */ jsxs2("div", { className: "prose prose-sm max-w-none dark:prose-invert", children: [
     hasContent ? /* @__PURE__ */ jsx7(
       ReactMarkdown,
       {
-        remarkPlugins: [remarkGfm],
-        rehypePlugins: isStreaming ? [] : [rehypeHighlight],
-        components: {
-          code: ({ node, className, children, ...props }) => {
-            const inline = props.inline;
-            const match = /language-(\w+)/.exec(className || "");
-            return !inline && match ? /* @__PURE__ */ jsx7("pre", { className: "relative", children: /* @__PURE__ */ jsx7("code", { className, ...props, children }) }) : /* @__PURE__ */ jsx7("code", { className: "bg-muted px-1 py-0.5 rounded text-sm", ...props, children });
-          }
-        },
+        remarkPlugins: remarkPluginsDefault,
+        rehypePlugins: isStreaming ? rehypePluginsEmpty : rehypePluginsDefault,
+        components: markdownComponents,
         children: content
       }
     ) : isStreaming ? (
@@ -576,8 +589,8 @@ var StreamingText = ({
     ) : null,
     isStreaming && hasContent && /* @__PURE__ */ jsx7("span", { className: "inline-block w-2 h-4 bg-primary animate-pulse ml-1" })
   ] });
-};
-var MediaRenderer = ({ attachment }) => {
+});
+var MediaRenderer = memo(function MediaRenderer2({ attachment }) {
   const [isPlaying, setIsPlaying] = useState(false);
   const audioRef = useRef(null);
   const videoRef = useRef(null);
@@ -651,8 +664,8 @@ var MediaRenderer = ({ attachment }) => {
     default:
       return null;
   }
-};
-var ToolCallsDisplay = ({ toolCalls, label }) => {
+});
+var ToolCallsDisplay = memo(function ToolCallsDisplay2({ toolCalls, label }) {
   const [expandedCall, setExpandedCall] = useState(null);
   const getStatusIcon = (status) => {
     switch (status) {
@@ -721,8 +734,48 @@ var ToolCallsDisplay = ({ toolCalls, label }) => {
       ] }, call.id);
     })
   ] });
+});
+var arePropsEqual = (prevProps, nextProps) => {
+  if (prevProps.message.id !== nextProps.message.id) return false;
+  if (prevProps.message.content !== nextProps.message.content) return false;
+  if (prevProps.message.isStreaming !== nextProps.message.isStreaming) return false;
+  if (prevProps.message.isComplete !== nextProps.message.isComplete) return false;
+  if (prevProps.message.isEdited !== nextProps.message.isEdited) return false;
+  if (prevProps.message.timestamp !== nextProps.message.timestamp) return false;
+  if (prevProps.message.toolCalls !== nextProps.message.toolCalls) {
+    const prevCalls = prevProps.message.toolCalls;
+    const nextCalls = nextProps.message.toolCalls;
+    if (!prevCalls || !nextCalls || prevCalls.length !== nextCalls.length) return false;
+    for (let i = 0; i < prevCalls.length; i++) {
+      if (prevCalls[i].id !== nextCalls[i].id || prevCalls[i].status !== nextCalls[i].status || prevCalls[i].result !== nextCalls[i].result) {
+        return false;
+      }
+    }
+  }
+  if (prevProps.message.attachments !== nextProps.message.attachments) {
+    const prevAtt = prevProps.message.attachments;
+    const nextAtt = nextProps.message.attachments;
+    if (!prevAtt || !nextAtt || prevAtt.length !== nextAtt.length) return false;
+  }
+  if (prevProps.isUser !== nextProps.isUser) return false;
+  if (prevProps.userAvatar !== nextProps.userAvatar) return false;
+  if (prevProps.userName !== nextProps.userName) return false;
+  if (prevProps.assistantName !== nextProps.assistantName) return false;
+  if (prevProps.showTimestamp !== nextProps.showTimestamp) return false;
+  if (prevProps.showAvatar !== nextProps.showAvatar) return false;
+  if (prevProps.enableCopy !== nextProps.enableCopy) return false;
+  if (prevProps.enableEdit !== nextProps.enableEdit) return false;
+  if (prevProps.enableRegenerate !== nextProps.enableRegenerate) return false;
+  if (prevProps.enableToolCallsDisplay !== nextProps.enableToolCallsDisplay) return false;
+  if (prevProps.compactMode !== nextProps.compactMode) return false;
+  if (prevProps.className !== nextProps.className) return false;
+  if (prevProps.toolUsedLabel !== nextProps.toolUsedLabel) return false;
+  if (prevProps.thinkingLabel !== nextProps.thinkingLabel) return false;
+  if (prevProps.isGrouped !== nextProps.isGrouped) return false;
+  if (prevProps.assistantAvatar !== nextProps.assistantAvatar) return false;
+  return true;
 };
-var Message = ({
+var Message = memo(({
   message,
   isUser,
   userAvatar,
@@ -739,7 +792,8 @@ var Message = ({
   onAction,
   className = "",
   toolUsedLabel,
-  thinkingLabel = "Thinking..."
+  thinkingLabel = "Thinking...",
+  isGrouped = false
 }) => {
   const [isEditing, setIsEditing] = useState(false);
   const [editContent, setEditContent] = useState(message.content);
@@ -789,7 +843,7 @@ var Message = ({
       onMouseEnter: () => setShowActions(true),
       onMouseLeave: () => setShowActions(false),
       children: [
-        /* @__PURE__ */ jsxs2("div", { className: `flex gap-3 ${messageIsUser ? "flex-row-reverse" : "flex-row"} w-full mb-1`, children: [
+        !isGrouped && /* @__PURE__ */ jsxs2("div", { className: `flex gap-3 ${messageIsUser ? "flex-row-reverse" : "flex-row"} w-full mb-1`, children: [
           showAvatar && /* @__PURE__ */ jsx7("div", { className: `flex-shrink-0 ${compactMode ? "mt-1" : "mt-0"}`, children: /* @__PURE__ */ jsx7(Avatar, { className: compactMode ? "h-6 w-6" : "h-8 w-8", children: messageIsUser ? /* @__PURE__ */ jsxs2(Fragment, { children: [
             /* @__PURE__ */ jsx7(AvatarImage, { src: userAvatar, alt: userName }),
             /* @__PURE__ */ jsx7(AvatarFallback, { className: "bg-primary text-primary-foreground", children: userName.charAt(0).toUpperCase() })
@@ -800,7 +854,7 @@ var Message = ({
             message.isEdited && /* @__PURE__ */ jsx7(Badge, { variant: "outline", className: "text-xs", children: "editado" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx7("div", { className: `flex-1 min-w-0 ${messageIsUser ? "text-right" : "text-left"}`, children: /* @__PURE__ */ jsxs2("div", { className: `relative inline-flex flex-col ${messageIsUser ? "rounded-lg p-3 bg-primary text-primary-foreground ml-auto max-w-[85%]" : "max-w-[85%]"}`, children: [
+        /* @__PURE__ */ jsx7("div", { className: `flex-1 min-w-0 ${messageIsUser ? "text-right" : "text-left"} ${isGrouped && showAvatar && !messageIsUser ? compactMode ? "ml-9" : "ml-11" : ""} ${isGrouped && showAvatar && messageIsUser ? compactMode ? "mr-9" : "mr-11" : ""}`, children: /* @__PURE__ */ jsxs2("div", { className: `relative inline-flex flex-col ${messageIsUser ? "rounded-lg p-3 bg-primary text-primary-foreground ml-auto max-w-[85%]" : "max-w-[85%]"}`, children: [
           isEditing ? /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
             /* @__PURE__ */ jsx7(
               Textarea,
@@ -878,10 +932,10 @@ var Message = ({
       ]
     }
   ) });
-};
+}, arePropsEqual);
 
 // src/components/chat/Sidebar.tsx
-import { useState as useState4, useRef as useRef2, useEffect as useEffect4 } from "react";
+import { useState as useState4, useRef as useRef5, useEffect as useEffect7 } from "react";
 
 // src/components/ui/input.tsx
 import { jsx as jsx8 } from "react/jsx-runtime";
@@ -903,7 +957,7 @@ function Input({ className, type, ...props }) {
 }
 
 // src/components/ui/sidebar.tsx
-import * as React3 from "react";
+import * as React4 from "react";
 import { Slot as Slot3 } from "@radix-ui/react-slot";
 import { cva as cva3 } from "class-variance-authority";
 import { PanelLeftIcon } from "lucide-react";
@@ -950,11 +1004,30 @@ function Separator({
 }
 
 // src/components/ui/sheet.tsx
+import * as React3 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { XIcon } from "lucide-react";
 import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
-function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx10(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+function cleanupBodyStyles() {
+  if (typeof document !== "undefined" && document.body.style.pointerEvents === "none") {
+    document.body.style.pointerEvents = "";
+  }
+}
+function Sheet({ open, onOpenChange, ...props }) {
+  const prevOpenRef = React3.useRef(open);
+  React3.useEffect(() => {
+    if (prevOpenRef.current === true && open === false) {
+      const timeout = setTimeout(cleanupBodyStyles, 350);
+      return () => clearTimeout(timeout);
+    }
+    prevOpenRef.current = open;
+  }, [open]);
+  React3.useEffect(() => {
+    return () => {
+      cleanupBodyStyles();
+    };
+  }, []);
+  return /* @__PURE__ */ jsx10(SheetPrimitive.Root, { "data-slot": "sheet", open, onOpenChange, ...props });
 }
 function SheetPortal({
   ...props
@@ -970,7 +1043,10 @@ function SheetOverlay({
     {
       "data-slot": "sheet-overlay",
       className: cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        "fixed inset-0 z-50 bg-black/50",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        "data-[state=closed]:pointer-events-none",
         className
       ),
       ...props
@@ -989,6 +1065,7 @@ function SheetContent({
       SheetPrimitive.Content,
       {
         "data-slot": "sheet-content",
+        "aria-describedby": void 0,
         className: cn(
           "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
           side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
@@ -1046,17 +1123,30 @@ function SheetDescription({
   );
 }
 
+// src/components/ui/skeleton.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx11(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: cn("bg-accent animate-pulse rounded-md", className),
+      ...props
+    }
+  );
+}
+
 // src/components/ui/sidebar.tsx
-import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React3.createContext(null);
+var SidebarContext = React4.createContext(null);
 function useSidebar() {
-  const context = React3.useContext(SidebarContext);
+  const context = React4.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -1072,10 +1162,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React3.useState(false);
-  const [_open, _setOpen] = React3.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React4.useState(false);
+  const [_open, _setOpen] = React4.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React3.useCallback(
+  const setOpen = React4.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -1087,10 +1177,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React3.useCallback(() => {
+  const toggleSidebar = React4.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React3.useEffect(() => {
+  React4.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -1101,7 +1191,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React3.useMemo(
+  const contextValue = React4.useMemo(
     () => ({
       state,
       open,
@@ -1113,7 +1203,7 @@ function SidebarProvider({
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ jsx11(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx11(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx12(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx12(
     "div",
     {
       "data-slot": "sidebar-wrapper",
@@ -1141,7 +1231,7 @@ function Sidebar({
 }) {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx12(
       "div",
       {
         "data-slot": "sidebar",
@@ -1155,7 +1245,7 @@ function Sidebar({
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsx11(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs4(
+    return /* @__PURE__ */ jsx12(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs4(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -1168,10 +1258,10 @@ function Sidebar({
         side,
         children: [
           /* @__PURE__ */ jsxs4(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ jsx11(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsx11(SheetDescription, { children: "Displays the mobile sidebar." })
+            /* @__PURE__ */ jsx12(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ jsx12(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ jsx11("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ jsx12("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) });
@@ -1186,7 +1276,7 @@ function Sidebar({
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -1198,7 +1288,7 @@ function Sidebar({
             )
           }
         ),
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12(
           "div",
           {
             "data-slot": "sidebar-container",
@@ -1210,7 +1300,7 @@ function Sidebar({
               className
             ),
             ...props,
-            children: /* @__PURE__ */ jsx11(
+            children: /* @__PURE__ */ jsx12(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -1245,15 +1335,15 @@ function SidebarTrigger({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx11(PanelLeftIcon, {}),
-        /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ jsx12(PanelLeftIcon, {}),
+        /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 }
 function SidebarRail({ className, ...props }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "button",
     {
       "data-sidebar": "rail",
@@ -1276,7 +1366,7 @@ function SidebarRail({ className, ...props }) {
   );
 }
 function SidebarInset({ className, ...props }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "main",
     {
       "data-slot": "sidebar-inset",
@@ -1290,7 +1380,7 @@ function SidebarInset({ className, ...props }) {
   );
 }
 function SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -1301,7 +1391,7 @@ function SidebarHeader({ className, ...props }) {
   );
 }
 function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -1312,7 +1402,7 @@ function SidebarFooter({ className, ...props }) {
   );
 }
 function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       "data-slot": "sidebar-content",
@@ -1326,7 +1416,7 @@ function SidebarContent({ className, ...props }) {
   );
 }
 function SidebarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       "data-slot": "sidebar-group",
@@ -1342,7 +1432,7 @@ function SidebarGroupLabel({
   ...props
 }) {
   const Comp = asChild ? Slot3 : "div";
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     Comp,
     {
       "data-slot": "sidebar-group-label",
@@ -1360,7 +1450,7 @@ function SidebarGroupContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       "data-slot": "sidebar-group-content",
@@ -1371,7 +1461,7 @@ function SidebarGroupContent({
   );
 }
 function SidebarMenu({ className, ...props }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "ul",
     {
       "data-slot": "sidebar-menu",
@@ -1382,7 +1472,7 @@ function SidebarMenu({ className, ...props }) {
   );
 }
 function SidebarMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "li",
     {
       "data-slot": "sidebar-menu-item",
@@ -1423,7 +1513,7 @@ function SidebarMenuButton({
 }) {
   const Comp = asChild ? Slot3 : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ jsx11(
+  const button = /* @__PURE__ */ jsx12(
     Comp,
     {
       "data-slot": "sidebar-menu-button",
@@ -1443,8 +1533,8 @@ function SidebarMenuButton({
     };
   }
   return /* @__PURE__ */ jsxs4(Tooltip, { children: [
-    /* @__PURE__ */ jsx11(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx12(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx12(
       TooltipContent,
       {
         side: "right",
@@ -1462,7 +1552,7 @@ function SidebarMenuAction({
   ...props
 }) {
   const Comp = asChild ? Slot3 : "button";
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     Comp,
     {
       "data-slot": "sidebar-menu-action",
@@ -1484,34 +1574,58 @@ function SidebarMenuAction({
 }
 
 // src/components/ui/dialog.tsx
+import * as React5 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { XIcon as XIcon2 } from "lucide-react";
-import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+function cleanupBodyStyles2() {
+  if (typeof document !== "undefined" && document.body.style.pointerEvents === "none") {
+    document.body.style.pointerEvents = "";
+  }
+}
 function Dialog({
+  open,
+  onOpenChange,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+  const prevOpenRef = React5.useRef(open);
+  React5.useEffect(() => {
+    if (prevOpenRef.current === true && open === false) {
+      const timeout = setTimeout(cleanupBodyStyles2, 250);
+      return () => clearTimeout(timeout);
+    }
+    prevOpenRef.current = open;
+  }, [open]);
+  React5.useEffect(() => {
+    return () => {
+      cleanupBodyStyles2();
+    };
+  }, []);
+  return /* @__PURE__ */ jsx13(DialogPrimitive.Root, { "data-slot": "dialog", open, onOpenChange, ...props });
 }
 function DialogTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+  return /* @__PURE__ */ jsx13(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
 }
 function DialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ jsx13(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
 }
 function DialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     DialogPrimitive.Overlay,
     {
       "data-slot": "dialog-overlay",
       className: cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        "fixed inset-0 z-50 bg-black/50",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        "data-[state=closed]:pointer-events-none",
         className
       ),
       ...props
@@ -1525,11 +1639,12 @@ function DialogContent({
   ...props
 }) {
   return /* @__PURE__ */ jsxs5(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsx12(DialogOverlay, {}),
+    /* @__PURE__ */ jsx13(DialogOverlay, {}),
     /* @__PURE__ */ jsxs5(
       DialogPrimitive.Content,
       {
         "data-slot": "dialog-content",
+        "aria-describedby": void 0,
         className: cn(
           "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
           className
@@ -1543,8 +1658,8 @@ function DialogContent({
               "data-slot": "dialog-close",
               className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               children: [
-                /* @__PURE__ */ jsx12(XIcon2, {}),
-                /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx13(XIcon2, {}),
+                /* @__PURE__ */ jsx13("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -1554,7 +1669,7 @@ function DialogContent({
   ] });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       "data-slot": "dialog-header",
@@ -1564,7 +1679,7 @@ function DialogHeader({ className, ...props }) {
   );
 }
 function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       "data-slot": "dialog-footer",
@@ -1580,7 +1695,7 @@ function DialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     DialogPrimitive.Title,
     {
       "data-slot": "dialog-title",
@@ -1593,7 +1708,7 @@ function DialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     DialogPrimitive.Description,
     {
       "data-slot": "dialog-description",
@@ -1604,28 +1719,52 @@ function DialogDescription({
 }
 
 // src/components/ui/alert-dialog.tsx
+import * as React6 from "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+function cleanupBodyStyles3() {
+  if (typeof document !== "undefined" && document.body.style.pointerEvents === "none") {
+    document.body.style.pointerEvents = "";
+  }
+}
 function AlertDialog({
+  open,
+  onOpenChange,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
+  const prevOpenRef = React6.useRef(open);
+  React6.useEffect(() => {
+    if (prevOpenRef.current === true && open === false) {
+      const timeout = setTimeout(cleanupBodyStyles3, 250);
+      return () => clearTimeout(timeout);
+    }
+    prevOpenRef.current = open;
+  }, [open]);
+  React6.useEffect(() => {
+    return () => {
+      cleanupBodyStyles3();
+    };
+  }, []);
+  return /* @__PURE__ */ jsx14(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", open, onOpenChange, ...props });
 }
 function AlertDialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
+  return /* @__PURE__ */ jsx14(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
 }
 function AlertDialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     AlertDialogPrimitive.Overlay,
     {
       "data-slot": "alert-dialog-overlay",
       className: cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        "fixed inset-0 z-50 bg-black/50",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        "data-[state=closed]:pointer-events-none",
         className
       ),
       ...props
@@ -1637,8 +1776,8 @@ function AlertDialogContent({
   ...props
 }) {
   return /* @__PURE__ */ jsxs6(AlertDialogPortal, { children: [
-    /* @__PURE__ */ jsx13(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx14(
       AlertDialogPrimitive.Content,
       {
         "data-slot": "alert-dialog-content",
@@ -1655,7 +1794,7 @@ function AlertDialogHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       "data-slot": "alert-dialog-header",
@@ -1668,7 +1807,7 @@ function AlertDialogFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       "data-slot": "alert-dialog-footer",
@@ -1684,7 +1823,7 @@ function AlertDialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     AlertDialogPrimitive.Title,
     {
       "data-slot": "alert-dialog-title",
@@ -1697,7 +1836,7 @@ function AlertDialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     AlertDialogPrimitive.Description,
     {
       "data-slot": "alert-dialog-description",
@@ -1710,7 +1849,7 @@ function AlertDialogAction({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     AlertDialogPrimitive.Action,
     {
       className: cn(buttonVariants(), className),
@@ -1722,7 +1861,7 @@ function AlertDialogCancel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     AlertDialogPrimitive.Cancel,
     {
       className: cn(buttonVariants({ variant: "outline" }), className),
@@ -1734,16 +1873,16 @@ function AlertDialogCancel({
 // src/components/ui/dropdown-menu.tsx
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
 function DropdownMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ jsx15(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     DropdownMenuPrimitive.Trigger,
     {
       "data-slot": "dropdown-menu-trigger",
@@ -1756,7 +1895,7 @@ function DropdownMenuContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx15(
     DropdownMenuPrimitive.Content,
     {
       "data-slot": "dropdown-menu-content",
@@ -1775,7 +1914,7 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     DropdownMenuPrimitive.Item,
     {
       "data-slot": "dropdown-menu-item",
@@ -1794,7 +1933,7 @@ function DropdownMenuLabel({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     DropdownMenuPrimitive.Label,
     {
       "data-slot": "dropdown-menu-label",
@@ -1811,7 +1950,7 @@ function DropdownMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     DropdownMenuPrimitive.Separator,
     {
       "data-slot": "dropdown-menu-separator",
@@ -1829,7 +1968,8 @@ import {
   Trash2,
   Archive,
   Search,
-  Filter
+  Filter,
+  Bot
 } from "lucide-react";
 
 // src/components/chat/UserMenu.tsx
@@ -1842,7 +1982,7 @@ import {
   Sun,
   Palette
 } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
 var getInitials = (name, email) => {
   if (name) {
     return name.split(" ").map((n) => n[0]).slice(0, 2).join("").toUpperCase();
@@ -1877,8 +2017,8 @@ var UserMenu = ({
   };
   const displayName = getDisplayName(user, labels.guest);
   const initials = getInitials(user?.name, user?.email);
-  return /* @__PURE__ */ jsx15(SidebarMenu, { children: /* @__PURE__ */ jsx15(SidebarMenuItem, { children: /* @__PURE__ */ jsxs8(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx15(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsx16(SidebarMenu, { children: /* @__PURE__ */ jsx16(SidebarMenuItem, { children: /* @__PURE__ */ jsxs8(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx16(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs8(
       SidebarMenuButton,
       {
         size: "lg",
@@ -1886,14 +2026,14 @@ var UserMenu = ({
         tooltip: displayName,
         children: [
           /* @__PURE__ */ jsxs8(Avatar, { className: "h-8 w-8 rounded-lg", children: [
-            user?.avatar && /* @__PURE__ */ jsx15(AvatarImage, { src: user.avatar, alt: displayName }),
-            /* @__PURE__ */ jsx15(AvatarFallback, { className: "rounded-lg bg-primary/10 text-primary text-xs font-medium", children: initials })
+            user?.avatar && /* @__PURE__ */ jsx16(AvatarImage, { src: user.avatar, alt: displayName }),
+            /* @__PURE__ */ jsx16(AvatarFallback, { className: "rounded-lg bg-primary/10 text-primary text-xs font-medium", children: initials })
           ] }),
           /* @__PURE__ */ jsxs8("div", { className: "grid flex-1 text-left text-sm leading-tight group-data-[collapsible=icon]:hidden", children: [
-            /* @__PURE__ */ jsx15("span", { className: "truncate font-medium", children: displayName }),
-            user?.email && /* @__PURE__ */ jsx15("span", { className: "truncate text-xs text-muted-foreground", children: user.email })
+            /* @__PURE__ */ jsx16("span", { className: "truncate font-medium", children: displayName }),
+            user?.email && /* @__PURE__ */ jsx16("span", { className: "truncate text-xs text-muted-foreground", children: user.email })
           ] }),
-          /* @__PURE__ */ jsx15(ChevronsUpDown, { className: "ml-auto size-4 group-data-[collapsible=icon]:hidden" })
+          /* @__PURE__ */ jsx16(ChevronsUpDown, { className: "ml-auto size-4 group-data-[collapsible=icon]:hidden" })
         ]
       }
     ) }),
@@ -1905,36 +2045,36 @@ var UserMenu = ({
         align: "end",
         sideOffset: 4,
         children: [
-          /* @__PURE__ */ jsx15(DropdownMenuLabel, { className: "p-0 font-normal", children: /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm", children: [
+          /* @__PURE__ */ jsx16(DropdownMenuLabel, { className: "p-0 font-normal", children: /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm", children: [
             /* @__PURE__ */ jsxs8(Avatar, { className: "h-8 w-8 rounded-lg", children: [
-              user?.avatar && /* @__PURE__ */ jsx15(AvatarImage, { src: user.avatar, alt: displayName }),
-              /* @__PURE__ */ jsx15(AvatarFallback, { className: "rounded-lg bg-primary/10 text-primary text-xs font-medium", children: initials })
+              user?.avatar && /* @__PURE__ */ jsx16(AvatarImage, { src: user.avatar, alt: displayName }),
+              /* @__PURE__ */ jsx16(AvatarFallback, { className: "rounded-lg bg-primary/10 text-primary text-xs font-medium", children: initials })
             ] }),
             /* @__PURE__ */ jsxs8("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
-              /* @__PURE__ */ jsx15("span", { className: "truncate font-medium", children: displayName }),
-              user?.email && /* @__PURE__ */ jsx15("span", { className: "truncate text-xs text-muted-foreground", children: user.email })
+              /* @__PURE__ */ jsx16("span", { className: "truncate font-medium", children: displayName }),
+              user?.email && /* @__PURE__ */ jsx16("span", { className: "truncate text-xs text-muted-foreground", children: user.email })
             ] })
           ] }) }),
-          /* @__PURE__ */ jsx15(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
           callbacks?.onViewProfile && /* @__PURE__ */ jsxs8(DropdownMenuItem, { onClick: callbacks.onViewProfile, children: [
-            /* @__PURE__ */ jsx15(User, { className: "mr-2 h-4 w-4" }),
-            /* @__PURE__ */ jsx15("span", { children: labels.profile })
+            /* @__PURE__ */ jsx16(User, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ jsx16("span", { children: labels.profile })
           ] }),
           callbacks?.onOpenSettings && /* @__PURE__ */ jsxs8(DropdownMenuItem, { onClick: callbacks.onOpenSettings, children: [
-            /* @__PURE__ */ jsx15(Settings, { className: "mr-2 h-4 w-4" }),
-            /* @__PURE__ */ jsx15("span", { children: labels.settings })
+            /* @__PURE__ */ jsx16(Settings, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ jsx16("span", { children: labels.settings })
           ] }),
           additionalItems,
           showThemeOptions && callbacks?.onThemeChange && /* @__PURE__ */ jsxs8(Fragment2, { children: [
-            /* @__PURE__ */ jsx15(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
             /* @__PURE__ */ jsxs8(
               DropdownMenuItem,
               {
                 onClick: () => callbacks.onThemeChange?.("light"),
                 className: currentTheme === "light" ? "bg-accent" : "",
                 children: [
-                  /* @__PURE__ */ jsx15(Sun, { className: "mr-2 h-4 w-4" }),
-                  /* @__PURE__ */ jsx15("span", { children: labels.lightMode })
+                  /* @__PURE__ */ jsx16(Sun, { className: "mr-2 h-4 w-4" }),
+                  /* @__PURE__ */ jsx16("span", { children: labels.lightMode })
                 ]
               }
             ),
@@ -1944,8 +2084,8 @@ var UserMenu = ({
                 onClick: () => callbacks.onThemeChange?.("dark"),
                 className: currentTheme === "dark" ? "bg-accent" : "",
                 children: [
-                  /* @__PURE__ */ jsx15(Moon, { className: "mr-2 h-4 w-4" }),
-                  /* @__PURE__ */ jsx15("span", { children: labels.darkMode })
+                  /* @__PURE__ */ jsx16(Moon, { className: "mr-2 h-4 w-4" }),
+                  /* @__PURE__ */ jsx16("span", { children: labels.darkMode })
                 ]
               }
             ),
@@ -1955,22 +2095,22 @@ var UserMenu = ({
                 onClick: () => callbacks.onThemeChange?.("system"),
                 className: currentTheme === "system" ? "bg-accent" : "",
                 children: [
-                  /* @__PURE__ */ jsx15(Palette, { className: "mr-2 h-4 w-4" }),
-                  /* @__PURE__ */ jsx15("span", { children: labels.systemTheme })
+                  /* @__PURE__ */ jsx16(Palette, { className: "mr-2 h-4 w-4" }),
+                  /* @__PURE__ */ jsx16("span", { children: labels.systemTheme })
                 ]
               }
             )
           ] }),
           callbacks?.onLogout && /* @__PURE__ */ jsxs8(Fragment2, { children: [
-            /* @__PURE__ */ jsx15(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
             /* @__PURE__ */ jsxs8(
               DropdownMenuItem,
               {
                 onClick: callbacks.onLogout,
                 className: "text-destructive focus:text-destructive focus:bg-destructive/10",
                 children: [
-                  /* @__PURE__ */ jsx15(LogOut, { className: "mr-2 h-4 w-4" }),
-                  /* @__PURE__ */ jsx15("span", { children: labels.logout })
+                  /* @__PURE__ */ jsx16(LogOut, { className: "mr-2 h-4 w-4" }),
+                  /* @__PURE__ */ jsx16("span", { children: labels.logout })
                 ]
               }
             )
@@ -1982,7 +2122,7 @@ var UserMenu = ({
 };
 
 // src/components/chat/Sidebar.tsx
-import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
 var CreateThreadDialog = ({ config, onCreateThread, trigger }) => {
   const [title, setTitle] = useState4("");
   const [isOpen, setIsOpen] = useState4(false);
@@ -1992,16 +2132,16 @@ var CreateThreadDialog = ({ config, onCreateThread, trigger }) => {
     setIsOpen(false);
   };
   return /* @__PURE__ */ jsxs9(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: [
-    /* @__PURE__ */ jsx16(DialogTrigger, { asChild: true, children: trigger || /* @__PURE__ */ jsxs9(Button, { className: "w-full justify-start", variant: "outline", children: [
-      /* @__PURE__ */ jsx16(Plus, { className: "mr-2 h-4 w-4" }),
+    /* @__PURE__ */ jsx17(DialogTrigger, { asChild: true, children: trigger || /* @__PURE__ */ jsxs9(Button, { className: "w-full justify-start", variant: "outline", children: [
+      /* @__PURE__ */ jsx17(Plus, { className: "mr-2 h-4 w-4" }),
       config.labels?.newChat || "New Chat"
     ] }) }),
     /* @__PURE__ */ jsxs9(DialogContent, { children: [
       /* @__PURE__ */ jsxs9(DialogHeader, { children: [
-        /* @__PURE__ */ jsx16(DialogTitle, { children: config.labels?.createNewThread || "New Conversation" }),
-        /* @__PURE__ */ jsx16(DialogDescription, { children: "Give your new conversation a name or leave blank to auto-generate one." })
+        /* @__PURE__ */ jsx17(DialogTitle, { children: config.labels?.createNewThread || "New Conversation" }),
+        /* @__PURE__ */ jsx17(DialogDescription, { children: "Give your new conversation a name or leave blank to auto-generate one." })
       ] }),
-      /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx17(
         Input,
         {
           value: title,
@@ -2012,15 +2152,15 @@ var CreateThreadDialog = ({ config, onCreateThread, trigger }) => {
         }
       ),
       /* @__PURE__ */ jsxs9(DialogFooter, { children: [
-        /* @__PURE__ */ jsx16(Button, { variant: "outline", onClick: () => setIsOpen(false), children: config.labels?.cancel || "Cancel" }),
-        /* @__PURE__ */ jsx16(Button, { onClick: handleCreate, children: config.labels?.create || "Create" })
+        /* @__PURE__ */ jsx17(Button, { variant: "outline", onClick: () => setIsOpen(false), children: config.labels?.cancel || "Cancel" }),
+        /* @__PURE__ */ jsx17(Button, { onClick: handleCreate, children: config.labels?.create || "Create" })
       ] })
     ] })
   ] });
 };
 var ThreadInitialsIcon = ({ title }) => {
   const initials = title?.split(" ").map((n) => n[0]).slice(0, 2).join("").toUpperCase() || "?";
-  return /* @__PURE__ */ jsx16("div", { className: "flex shrink-0 items-center justify-center rounded bg-muted text-[10px] font-medium", children: initials });
+  return /* @__PURE__ */ jsx17("div", { className: "flex shrink-0 items-center justify-center rounded bg-muted text-[10px] font-medium", children: initials });
 };
 var Sidebar2 = ({
   threads,
@@ -2044,9 +2184,9 @@ var Sidebar2 = ({
   const [deleteThreadId, setDeleteThreadId] = useState4(null);
   const [editingThreadId, setEditingThreadId] = useState4(null);
   const [editTitle, setEditTitle] = useState4("");
-  const inputRef = useRef2(null);
+  const inputRef = useRef5(null);
   const { setOpen } = useSidebar();
-  useEffect4(() => {
+  useEffect7(() => {
     if (editingThreadId && inputRef.current) {
       inputRef.current.focus();
       inputRef.current.select();
@@ -2099,29 +2239,36 @@ var Sidebar2 = ({
   };
   return /* @__PURE__ */ jsxs9(Sidebar, { collapsible: "icon", ...props, children: [
     /* @__PURE__ */ jsxs9(SidebarHeader, { children: [
-      onCreateThread && /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-3 px-2 py-3", children: [
+        /* @__PURE__ */ jsx17("div", { className: "flex items-center justify-center shrink-0", children: config.branding?.logo || /* @__PURE__ */ jsx17(Avatar, { className: "h-8 w-8", children: /* @__PURE__ */ jsx17(AvatarFallback, { className: "bg-primary text-primary-foreground", children: /* @__PURE__ */ jsx17(Bot, { className: "h-4 w-4" }) }) }) }),
+        /* @__PURE__ */ jsxs9("div", { className: "flex flex-col min-w-0 group-data-[collapsible=icon]:hidden", children: [
+          /* @__PURE__ */ jsx17("span", { className: "text-sm font-semibold truncate", children: config.branding?.title || "Chat" }),
+          config.branding?.subtitle && /* @__PURE__ */ jsx17("span", { className: "text-xs text-muted-foreground truncate", children: config.branding.subtitle })
+        ] })
+      ] }),
+      onCreateThread && /* @__PURE__ */ jsx17(
         CreateThreadDialog,
         {
           config,
           onCreateThread,
-          trigger: /* @__PURE__ */ jsx16(SidebarMenu, { children: /* @__PURE__ */ jsx16(SidebarMenuItem, { children: /* @__PURE__ */ jsxs9(
+          trigger: /* @__PURE__ */ jsx17(SidebarMenu, { children: /* @__PURE__ */ jsx17(SidebarMenuItem, { children: /* @__PURE__ */ jsxs9(
             SidebarMenuButton,
             {
               size: "lg",
               className: "w-full justify-start gap-2 border border-sidebar-border shadow-sm hover:bg-sidebar-accent hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:justify-center",
               tooltip: config.labels?.newChat || "New Chat",
               children: [
-                /* @__PURE__ */ jsx16(Plus, { className: "size-4" }),
-                /* @__PURE__ */ jsx16("span", { className: "group-data-[collapsible=icon]:hidden", children: config.labels?.newChat || "New Chat" })
+                /* @__PURE__ */ jsx17(Plus, { className: "size-4" }),
+                /* @__PURE__ */ jsx17("span", { className: "group-data-[collapsible=icon]:hidden", children: config.labels?.newChat || "New Chat" })
               ]
             }
           ) }) })
         }
       ),
-      /* @__PURE__ */ jsxs9("div", { className: "px-2 py-1 mt-6", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "px-2 py-1 mt-4", children: [
         /* @__PURE__ */ jsxs9("div", { className: "relative group-data-[collapsible=icon]:hidden", children: [
-          /* @__PURE__ */ jsx16(Search, { className: "pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 select-none opacity-50" }),
-          /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx17(Search, { className: "pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 select-none opacity-50" }),
+          /* @__PURE__ */ jsx17(
             Input,
             {
               className: "pl-8 h-8 bg-sidebar-accent/50 border-sidebar-border focus-visible:ring-1 focus-visible:ring-sidebar-ring",
@@ -2131,7 +2278,7 @@ var Sidebar2 = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx16("div", { className: "hidden group-data-[collapsible=icon]:flex justify-center", children: /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17("div", { className: "hidden group-data-[collapsible=icon]:flex justify-center", children: /* @__PURE__ */ jsx17(
           Button,
           {
             variant: "ghost",
@@ -2139,13 +2286,13 @@ var Sidebar2 = ({
             className: "h-7 w-7",
             onClick: () => setOpen(true),
             title: config.labels?.search || "Search",
-            children: /* @__PURE__ */ jsx16(Search, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx17(Search, { className: "h-4 w-4" })
           }
         ) })
       ] })
     ] }),
     /* @__PURE__ */ jsxs9(SidebarContent, { children: [
-      threads.some((t) => t.isArchived) && /* @__PURE__ */ jsx16("div", { className: "px-4 py-2 mt-2 group-data-[collapsible=icon]:hidden", children: /* @__PURE__ */ jsxs9(
+      threads.some((t) => t.isArchived) && /* @__PURE__ */ jsx17("div", { className: "px-4 py-2 mt-2 group-data-[collapsible=icon]:hidden", children: /* @__PURE__ */ jsxs9(
         Button,
         {
           variant: "ghost",
@@ -2153,18 +2300,18 @@ var Sidebar2 = ({
           onClick: () => setShowArchived(!showArchived),
           className: "h-6 text-xs w-full justify-start text-muted-foreground",
           children: [
-            /* @__PURE__ */ jsx16(Filter, { className: "mr-2 h-3 w-3" }),
+            /* @__PURE__ */ jsx17(Filter, { className: "mr-2 h-3 w-3" }),
             showArchived ? config.labels?.hideArchived || "Hide Archived" : config.labels?.showArchived || "Show Archived"
           ]
         }
       ) }),
       Object.keys(groupedThreads).length === 0 ? /* @__PURE__ */ jsxs9("div", { className: "px-4 py-8 text-center text-muted-foreground group-data-[collapsible=icon]:hidden", children: [
-        /* @__PURE__ */ jsx16("div", { className: "mx-auto h-8 w-8 mb-2 flex items-center justify-center rounded-full bg-muted/50", children: /* @__PURE__ */ jsx16(Plus, { className: "h-4 w-4 opacity-50" }) }),
-        /* @__PURE__ */ jsx16("p", { className: "text-xs", children: searchQuery ? config.labels?.noThreadsFound || "No conversations found" : config.labels?.noThreadsYet || "No conversations yet" })
+        /* @__PURE__ */ jsx17("div", { className: "mx-auto h-8 w-8 mb-2 flex items-center justify-center rounded-full bg-muted/50", children: /* @__PURE__ */ jsx17(Plus, { className: "h-4 w-4 opacity-50" }) }),
+        /* @__PURE__ */ jsx17("p", { className: "text-xs", children: searchQuery ? config.labels?.noThreadsFound || "No conversations found" : config.labels?.noThreadsYet || "No conversations yet" })
       ] }) : Object.entries(groupedThreads).map(([group, groupThreads]) => /* @__PURE__ */ jsxs9(SidebarGroup, { className: "mt-2", children: [
-        /* @__PURE__ */ jsx16(SidebarGroupLabel, { className: "group-data-[collapsible=icon]:hidden", children: group }),
-        /* @__PURE__ */ jsx16(SidebarGroupContent, { children: /* @__PURE__ */ jsx16(SidebarMenu, { children: groupThreads.map((thread) => /* @__PURE__ */ jsxs9(SidebarMenuItem, { children: [
-          editingThreadId === thread.id ? /* @__PURE__ */ jsx16("div", { className: "flex items-center gap-1 px-2 py-1", children: /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(SidebarGroupLabel, { className: "group-data-[collapsible=icon]:hidden", children: group }),
+        /* @__PURE__ */ jsx17(SidebarGroupContent, { children: /* @__PURE__ */ jsx17(SidebarMenu, { children: groupThreads.map((thread) => /* @__PURE__ */ jsxs9(SidebarMenuItem, { children: [
+          editingThreadId === thread.id ? /* @__PURE__ */ jsx17("div", { className: "flex items-center gap-1 px-2 py-1", children: /* @__PURE__ */ jsx17(
             Input,
             {
               ref: inputRef,
@@ -2184,35 +2331,35 @@ var Sidebar2 = ({
               onClick: () => onSelectThread?.(thread.id),
               tooltip: thread.title,
               children: [
-                /* @__PURE__ */ jsx16(ThreadInitialsIcon, { title: thread.title || "?" }),
-                /* @__PURE__ */ jsx16("div", { className: "flex flex-col items-start gap-0.5 flex-1 min-w-0 group-data-[collapsible=icon]:hidden", children: /* @__PURE__ */ jsx16("span", { className: "truncate w-full", children: thread.title || "New Chat" }) }),
-                thread.isArchived && /* @__PURE__ */ jsx16(Archive, { className: "ml-auto h-3 w-3 opacity-50 group-data-[collapsible=icon]:hidden" })
+                /* @__PURE__ */ jsx17(ThreadInitialsIcon, { title: thread.title || "?" }),
+                /* @__PURE__ */ jsx17("div", { className: "flex flex-col items-start gap-0.5 flex-1 min-w-0 group-data-[collapsible=icon]:hidden", children: /* @__PURE__ */ jsx17("span", { className: "truncate w-full", children: thread.title || "New Chat" }) }),
+                thread.isArchived && /* @__PURE__ */ jsx17(Archive, { className: "ml-auto h-3 w-3 opacity-50 group-data-[collapsible=icon]:hidden" })
               ]
             }
           ),
           !editingThreadId && /* @__PURE__ */ jsxs9(DropdownMenu, { children: [
-            /* @__PURE__ */ jsx16(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs9(SidebarMenuAction, { showOnHover: true, children: [
-              /* @__PURE__ */ jsx16(MoreHorizontal, {}),
-              /* @__PURE__ */ jsx16("span", { className: "sr-only", children: "More" })
+            /* @__PURE__ */ jsx17(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs9(SidebarMenuAction, { showOnHover: true, children: [
+              /* @__PURE__ */ jsx17(MoreHorizontal, {}),
+              /* @__PURE__ */ jsx17("span", { className: "sr-only", children: "More" })
             ] }) }),
             /* @__PURE__ */ jsxs9(DropdownMenuContent, { className: "w-48", side: "right", align: "start", children: [
               /* @__PURE__ */ jsxs9(DropdownMenuItem, { onClick: () => startEditing(thread), children: [
-                /* @__PURE__ */ jsx16(Edit2, { className: "mr-2 h-4 w-4" }),
-                /* @__PURE__ */ jsx16("span", { children: config.labels?.renameThread || "Rename" })
+                /* @__PURE__ */ jsx17(Edit2, { className: "mr-2 h-4 w-4" }),
+                /* @__PURE__ */ jsx17("span", { children: config.labels?.renameThread || "Rename" })
               ] }),
               /* @__PURE__ */ jsxs9(DropdownMenuItem, { onClick: () => onArchiveThread?.(thread.id), children: [
-                /* @__PURE__ */ jsx16(Archive, { className: "mr-2 h-4 w-4" }),
-                /* @__PURE__ */ jsx16("span", { children: thread.isArchived ? config.labels?.unarchiveThread || "Unarchive" : config.labels?.archiveThread || "Archive" })
+                /* @__PURE__ */ jsx17(Archive, { className: "mr-2 h-4 w-4" }),
+                /* @__PURE__ */ jsx17("span", { children: thread.isArchived ? config.labels?.unarchiveThread || "Unarchive" : config.labels?.archiveThread || "Archive" })
               ] }),
-              /* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
+              /* @__PURE__ */ jsx17(DropdownMenuSeparator, {}),
               /* @__PURE__ */ jsxs9(
                 DropdownMenuItem,
                 {
                   onClick: () => setDeleteThreadId(thread.id),
                   className: "text-destructive focus:text-destructive",
                   children: [
-                    /* @__PURE__ */ jsx16(Trash2, { className: "mr-2 h-4 w-4" }),
-                    /* @__PURE__ */ jsx16("span", { children: config.labels?.deleteThread || "Delete" })
+                    /* @__PURE__ */ jsx17(Trash2, { className: "mr-2 h-4 w-4" }),
+                    /* @__PURE__ */ jsx17("span", { children: config.labels?.deleteThread || "Delete" })
                   ]
                 }
               )
@@ -2221,7 +2368,7 @@ var Sidebar2 = ({
         ] }, thread.id)) }) })
       ] }, group))
     ] }),
-    /* @__PURE__ */ jsx16(SidebarFooter, { children: /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx17(SidebarFooter, { children: /* @__PURE__ */ jsx17(
       UserMenu,
       {
         user,
@@ -2232,15 +2379,15 @@ var Sidebar2 = ({
         additionalItems: userMenuAdditionalItems
       }
     ) }),
-    /* @__PURE__ */ jsx16(SidebarRail, {}),
-    /* @__PURE__ */ jsx16(AlertDialog, { open: !!deleteThreadId, onOpenChange: () => setDeleteThreadId(null), children: /* @__PURE__ */ jsxs9(AlertDialogContent, { children: [
+    /* @__PURE__ */ jsx17(SidebarRail, {}),
+    deleteThreadId && /* @__PURE__ */ jsx17(AlertDialog, { open: !!deleteThreadId, onOpenChange: () => setDeleteThreadId(null), children: /* @__PURE__ */ jsxs9(AlertDialogContent, { children: [
       /* @__PURE__ */ jsxs9(AlertDialogHeader, { children: [
-        /* @__PURE__ */ jsx16(AlertDialogTitle, { children: config.labels?.deleteConfirmTitle || "Delete Conversation" }),
-        /* @__PURE__ */ jsx16(AlertDialogDescription, { children: config.labels?.deleteConfirmDescription || "Are you sure you want to delete this conversation? This action cannot be undone." })
+        /* @__PURE__ */ jsx17(AlertDialogTitle, { children: config.labels?.deleteConfirmTitle || "Delete Conversation" }),
+        /* @__PURE__ */ jsx17(AlertDialogDescription, { children: config.labels?.deleteConfirmDescription || "Are you sure you want to delete this conversation? This action cannot be undone." })
       ] }),
       /* @__PURE__ */ jsxs9(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx16(AlertDialogCancel, { children: config.labels?.cancel || "Cancel" }),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(AlertDialogCancel, { children: config.labels?.cancel || "Cancel" }),
+        /* @__PURE__ */ jsx17(
           AlertDialogAction,
           {
             onClick: () => deleteThreadId && handleDeleteThread(deleteThreadId),
@@ -2254,9 +2401,9 @@ var Sidebar2 = ({
 };
 
 // src/components/chat/ChatHeader.tsx
-import React5 from "react";
+import React8 from "react";
 import {
-  Bot,
+  Bot as Bot2,
   MoreVertical,
   Download,
   Upload,
@@ -2264,9 +2411,11 @@ import {
   Plus as Plus2,
   Menu,
   Moon as Moon2,
-  Sun as Sun2
+  Sun as Sun2,
+  ChevronDown as ChevronDown2,
+  Check as Check2
 } from "lucide-react";
-import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
 var ChatHeader = ({
   config,
   currentThreadTitle,
@@ -2278,13 +2427,17 @@ var ChatHeader = ({
   onClearAll,
   showCustomComponentButton,
   isMobile,
+  showAgentSelector = false,
+  agentOptions = [],
+  selectedAgentId = null,
+  onSelectAgent,
   className = ""
 }) => {
-  const [isDarkMode, setIsDarkMode] = React5.useState(() => {
+  const [isDarkMode, setIsDarkMode] = React8.useState(() => {
     if (typeof window === "undefined") return false;
     return document.documentElement.classList.contains("dark");
   });
-  React5.useEffect(() => {
+  React8.useEffect(() => {
     const observer = new MutationObserver(() => {
       setIsDarkMode(document.documentElement.classList.contains("dark"));
     });
@@ -2328,72 +2481,114 @@ var ChatHeader = ({
     };
     input.click();
   };
-  return /* @__PURE__ */ jsx17(
+  const selectedAgent = agentOptions.find((agent) => agent.id === selectedAgentId) || null;
+  const agentPlaceholder = config.agentSelector?.label || "Select agent";
+  return /* @__PURE__ */ jsx18(
     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__ */ jsx17(CardHeader, { className: "p-2", children: /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx17("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs10(Tooltip, { children: [
-          /* @__PURE__ */ jsx17(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx17(SidebarTrigger, { className: "-ml-1" }) }),
-          /* @__PURE__ */ jsx17(TooltipContent, { children: config.labels?.sidebarToggle || "Toggle Sidebar" })
-        ] }) }),
-        /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-3 flex-1 justify-center", children: [
-          config.branding?.logo || /* @__PURE__ */ jsx17(Avatar, { className: "h-8 w-8", children: /* @__PURE__ */ jsx17(AvatarFallback, { children: /* @__PURE__ */ jsx17(Bot, { className: "h-4 w-4" }) }) }),
-          /* @__PURE__ */ jsx17("div", { className: "text-center hidden md:block", children: /* @__PURE__ */ jsx17(CardTitle, { className: "text-sm font-medium", children: config.branding?.title || "Chat Assistant" }) }),
-          /* @__PURE__ */ jsx17("div", { className: "md:hidden text-sm font-medium truncate max-w-[150px]", children: currentThreadTitle || config.branding?.title || "Chat" })
+      children: /* @__PURE__ */ jsx18(CardHeader, { className: "p-2", children: /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsxs10(Tooltip, { children: [
+            /* @__PURE__ */ jsx18(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx18(SidebarTrigger, { className: "-ml-1" }) }),
+            /* @__PURE__ */ jsx18(TooltipContent, { children: config.labels?.sidebarToggle || "Toggle Sidebar" })
+          ] }),
+          showAgentSelector && /* @__PURE__ */ jsxs10(DropdownMenu, { children: [
+            /* @__PURE__ */ jsx18(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs10(
+              Button,
+              {
+                variant: "ghost",
+                className: "h-9 px-3 gap-1.5 font-medium text-base hover:bg-accent/50",
+                children: [
+                  selectedAgent?.avatarUrl ? /* @__PURE__ */ jsxs10(Avatar, { className: "h-5 w-5", children: [
+                    /* @__PURE__ */ jsx18(AvatarImage, { src: selectedAgent.avatarUrl, alt: selectedAgent.name }),
+                    /* @__PURE__ */ jsx18(AvatarFallback, { className: "text-[10px]", children: selectedAgent.name.charAt(0).toUpperCase() })
+                  ] }) : null,
+                  /* @__PURE__ */ jsx18("span", { className: "max-w-[200px] truncate", children: selectedAgent?.name || agentPlaceholder }),
+                  /* @__PURE__ */ jsx18(ChevronDown2, { className: "h-4 w-4 opacity-50" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx18(DropdownMenuContent, { align: "start", className: "w-[280px]", children: agentOptions.map((agent) => {
+              const isSelected = agent.id === selectedAgentId;
+              return /* @__PURE__ */ jsxs10(
+                DropdownMenuItem,
+                {
+                  onClick: () => onSelectAgent?.(agent.id),
+                  className: "flex items-start gap-3 p-3 cursor-pointer",
+                  children: [
+                    agent.avatarUrl ? /* @__PURE__ */ jsxs10(Avatar, { className: "h-6 w-6 mt-0.5 shrink-0", children: [
+                      /* @__PURE__ */ jsx18(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
+                      /* @__PURE__ */ jsx18(AvatarFallback, { className: "text-[10px]", children: agent.name.charAt(0).toUpperCase() })
+                    ] }) : /* @__PURE__ */ jsx18("div", { className: "h-6 w-6 mt-0.5 shrink-0 flex items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsx18(Bot2, { className: "h-3.5 w-3.5 text-primary" }) }),
+                    /* @__PURE__ */ jsxs10("div", { className: "flex-1 min-w-0", children: [
+                      /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
+                        /* @__PURE__ */ jsx18("span", { className: "font-medium text-sm", children: agent.name }),
+                        isSelected && /* @__PURE__ */ jsx18(Check2, { className: "h-4 w-4 text-primary shrink-0" })
+                      ] }),
+                      agent.description && /* @__PURE__ */ jsx18("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-2", children: agent.description })
+                    ] })
+                  ]
+                },
+                agent.id
+              );
+            }) })
+          ] }),
+          !showAgentSelector && isMobile && /* @__PURE__ */ jsx18("span", { className: "text-sm font-medium truncate max-w-[150px] ml-2", children: currentThreadTitle || config.branding?.title || "Chat" })
         ] }),
+        /* @__PURE__ */ jsx18("div", { className: "flex-1" }),
         /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1", children: [
           showCustomComponentButton && config.customComponent && /* @__PURE__ */ jsxs10(Tooltip, { children: [
-            /* @__PURE__ */ jsx17(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx18(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx18(
               Button,
               {
                 variant: "ghost",
                 size: "icon",
                 className: "h-8 w-8",
                 onClick: onCustomComponentToggle,
-                children: config.customComponent.icon || /* @__PURE__ */ jsx17(Menu, { className: "h-4 w-4" })
+                children: config.customComponent.icon || /* @__PURE__ */ jsx18(Menu, { className: "h-4 w-4" })
               }
             ) }),
-            /* @__PURE__ */ jsx17(TooltipContent, { children: config.customComponent.label || config.labels?.customComponentToggle || "Toggle" })
+            /* @__PURE__ */ jsx18(TooltipContent, { children: config.customComponent.label || config.labels?.customComponentToggle || "Toggle" })
           ] }),
           config.headerActions,
           /* @__PURE__ */ jsxs10(DropdownMenu, { children: [
-            /* @__PURE__ */ jsx17(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx17(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", children: /* @__PURE__ */ jsx17(MoreVertical, { className: "h-4 w-4" }) }) }),
+            /* @__PURE__ */ jsx18(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx18(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", children: /* @__PURE__ */ jsx18(MoreVertical, { className: "h-4 w-4" }) }) }),
             /* @__PURE__ */ jsxs10(DropdownMenuContent, { align: "end", children: [
               onNewThread && /* @__PURE__ */ jsxs10(Fragment3, { children: [
                 /* @__PURE__ */ jsxs10(DropdownMenuItem, { onClick: () => onNewThread?.(), className: "font-medium text-primary", children: [
-                  /* @__PURE__ */ jsx17(Plus2, { className: "h-4 w-4 mr-2" }),
+                  /* @__PURE__ */ jsx18(Plus2, { className: "h-4 w-4 mr-2" }),
                   config.labels?.newThread || "New Thread"
                 ] }),
-                /* @__PURE__ */ jsx17(DropdownMenuSeparator, {})
+                /* @__PURE__ */ jsx18(DropdownMenuSeparator, {})
               ] }),
               onExportData && /* @__PURE__ */ jsxs10(DropdownMenuItem, { onClick: onExportData, children: [
-                /* @__PURE__ */ jsx17(Download, { className: "h-4 w-4 mr-2" }),
+                /* @__PURE__ */ jsx18(Download, { className: "h-4 w-4 mr-2" }),
                 config.labels?.exportData || "Export Data"
               ] }),
               onImportData && /* @__PURE__ */ jsxs10(DropdownMenuItem, { onClick: handleImportClick, children: [
-                /* @__PURE__ */ jsx17(Upload, { className: "h-4 w-4 mr-2" }),
+                /* @__PURE__ */ jsx18(Upload, { className: "h-4 w-4 mr-2" }),
                 config.labels?.importData || "Import Data"
               ] }),
-              (onExportData || onImportData) && /* @__PURE__ */ jsx17(DropdownMenuSeparator, {}),
-              /* @__PURE__ */ jsx17(DropdownMenuItem, { onClick: toggleDarkMode, children: isDarkMode ? /* @__PURE__ */ jsxs10(Fragment3, { children: [
-                /* @__PURE__ */ jsx17(Sun2, { className: "h-4 w-4 mr-2" }),
+              (onExportData || onImportData) && /* @__PURE__ */ jsx18(DropdownMenuSeparator, {}),
+              /* @__PURE__ */ jsx18(DropdownMenuItem, { onClick: toggleDarkMode, children: isDarkMode ? /* @__PURE__ */ jsxs10(Fragment3, { children: [
+                /* @__PURE__ */ jsx18(Sun2, { className: "h-4 w-4 mr-2" }),
                 config.labels?.lightMode || "Light Mode"
               ] }) : /* @__PURE__ */ jsxs10(Fragment3, { children: [
-                /* @__PURE__ */ jsx17(Moon2, { className: "h-4 w-4 mr-2" }),
+                /* @__PURE__ */ jsx18(Moon2, { className: "h-4 w-4 mr-2" }),
                 config.labels?.darkMode || "Dark Mode"
               ] }) }),
               onClearAll && /* @__PURE__ */ jsxs10(Fragment3, { children: [
-                /* @__PURE__ */ jsx17(DropdownMenuSeparator, {}),
+                /* @__PURE__ */ jsx18(DropdownMenuSeparator, {}),
                 /* @__PURE__ */ jsxs10(
                   DropdownMenuItem,
                   {
                     onClick: onClearAll,
                     className: "text-destructive",
                     children: [
-                      /* @__PURE__ */ jsx17(Trash22, { className: "h-4 w-4 mr-2" }),
+                      /* @__PURE__ */ jsx18(Trash22, { className: "h-4 w-4 mr-2" }),
                       config.labels?.clearAll || "Clear All"
                     ]
                   }
@@ -2408,18 +2603,18 @@ var ChatHeader = ({
 };
 
 // src/components/chat/ChatInput.tsx
-import { useState as useState6, useRef as useRef3, useCallback as useCallback3, useEffect as useEffect6 } from "react";
+import { useState as useState6, useRef as useRef6, useCallback as useCallback3, useEffect as useEffect9, memo as memo2 } from "react";
 
 // src/components/chat/UserContext.tsx
-import { createContext as createContext2, useCallback as useCallback2, useContext as useContext2, useEffect as useEffect5, useMemo as useMemo2, useState as useState5 } from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { createContext as createContext2, useCallback as useCallback2, useContext as useContext2, useEffect as useEffect8, useMemo as useMemo2, useState as useState5 } from "react";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var Ctx = createContext2(void 0);
 var ChatUserContextProvider = ({ children, initial }) => {
   const [ctx, setCtx] = useState5(() => ({
     updatedAt: Date.now(),
     ...initial ?? {}
   }));
-  useEffect5(() => {
+  useEffect8(() => {
     if (!initial) return;
     setCtx((prev) => ({
       ...prev,
@@ -2438,7 +2633,7 @@ var ChatUserContextProvider = ({ children, initial }) => {
     setContext: setPartial,
     resetContext: () => setCtx({ updatedAt: Date.now() })
   }), [ctx, setPartial]);
-  return /* @__PURE__ */ jsx18(Ctx.Provider, { value, children });
+  return /* @__PURE__ */ jsx19(Ctx.Provider, { value, children });
 };
 function useChatUserContext() {
   const v = useContext2(Ctx);
@@ -2448,13 +2643,13 @@ function useChatUserContext() {
 
 // src/components/ui/progress.tsx
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function Progress({
   className,
   value,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     ProgressPrimitive.Root,
     {
       "data-slot": "progress",
@@ -2463,7 +2658,7 @@ function Progress({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx19(
+      children: /* @__PURE__ */ jsx20(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -2489,8 +2684,8 @@ import {
   Pause as Pause2,
   Loader2
 } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
-var FileUploadItem = ({ file, progress, onCancel }) => {
+import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
+var FileUploadItem = memo2(function FileUploadItem2({ file, progress, onCancel }) {
   const guessTypeFromName = (name) => {
     const ext = (name || "").split(".").pop()?.toLowerCase();
     switch (ext) {
@@ -2518,10 +2713,10 @@ var FileUploadItem = ({ file, progress, onCancel }) => {
   };
   const getFileIcon = (type, name) => {
     const t = typeof type === "string" && type.length > 0 ? type : guessTypeFromName(name);
-    if (t.startsWith("image/")) return /* @__PURE__ */ jsx20(Image2, { className: "h-4 w-4" });
-    if (t.startsWith("video/")) return /* @__PURE__ */ jsx20(Video, { className: "h-4 w-4" });
-    if (t.startsWith("audio/")) return /* @__PURE__ */ jsx20(Mic, { className: "h-4 w-4" });
-    return /* @__PURE__ */ jsx20(FileText, { className: "h-4 w-4" });
+    if (t.startsWith("image/")) return /* @__PURE__ */ jsx21(Image2, { className: "h-4 w-4" });
+    if (t.startsWith("video/")) return /* @__PURE__ */ jsx21(Video, { className: "h-4 w-4" });
+    if (t.startsWith("audio/")) return /* @__PURE__ */ jsx21(Mic, { className: "h-4 w-4" });
+    return /* @__PURE__ */ jsx21(FileText, { className: "h-4 w-4" });
   };
   const formatFileSize = (bytes) => {
     if (bytes === 0) return "0 Bytes";
@@ -2530,28 +2725,28 @@ var FileUploadItem = ({ file, progress, onCancel }) => {
     const i = Math.floor(Math.log(bytes) / Math.log(k));
     return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
   };
-  return /* @__PURE__ */ jsx20(Card, { className: "relative", children: /* @__PURE__ */ jsx20(CardContent, { className: "p-3", children: /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-3", children: [
+  return /* @__PURE__ */ jsx21(Card, { className: "relative", children: /* @__PURE__ */ jsx21(CardContent, { className: "p-3", children: /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-3", children: [
     getFileIcon(file.type, file.name),
     /* @__PURE__ */ jsxs11("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsx20("p", { className: "text-sm font-medium truncate", children: file.name }),
-      /* @__PURE__ */ jsx20("p", { className: "text-xs text-muted-foreground", children: formatFileSize(file.size ?? 0) }),
-      /* @__PURE__ */ jsx20(Progress, { value: progress, className: "h-1 mt-1" })
+      /* @__PURE__ */ jsx21("p", { className: "text-sm font-medium truncate", children: file.name }),
+      /* @__PURE__ */ jsx21("p", { className: "text-xs text-muted-foreground", children: formatFileSize(file.size ?? 0) }),
+      /* @__PURE__ */ jsx21(Progress, { value: progress, className: "h-1 mt-1" })
     ] }),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       Button,
       {
         variant: "ghost",
         size: "icon",
         className: "h-6 w-6",
         onClick: onCancel,
-        children: /* @__PURE__ */ jsx20(X2, { className: "h-3 w-3" })
+        children: /* @__PURE__ */ jsx21(X2, { className: "h-3 w-3" })
       }
     )
   ] }) }) });
-};
-var AttachmentPreview = ({ attachment, onRemove }) => {
+});
+var AttachmentPreview = memo2(function AttachmentPreview2({ attachment, onRemove }) {
   const [isPlaying, setIsPlaying] = useState6(false);
-  const audioRef = useRef3(null);
+  const audioRef = useRef6(null);
   const handlePlayPause = () => {
     if (audioRef.current) {
       if (isPlaying) {
@@ -2568,9 +2763,9 @@ var AttachmentPreview = ({ attachment, onRemove }) => {
     const minutes = Math.floor(seconds / 60);
     return `${minutes}:${(seconds % 60).toString().padStart(2, "0")}`;
   };
-  return /* @__PURE__ */ jsx20(Card, { className: "relative group", children: /* @__PURE__ */ jsxs11(CardContent, { className: "p-2", children: [
+  return /* @__PURE__ */ jsx21(Card, { className: "relative group", children: /* @__PURE__ */ jsxs11(CardContent, { className: "p-2", children: [
     attachment.kind === "image" && /* @__PURE__ */ jsxs11("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx21(
         "img",
         {
           src: attachment.dataUrl,
@@ -2578,19 +2773,19 @@ var AttachmentPreview = ({ attachment, onRemove }) => {
           className: "w-full h-20 object-cover rounded"
         }
       ),
-      /* @__PURE__ */ jsx20("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded flex items-center justify-center", children: /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx21("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded flex items-center justify-center", children: /* @__PURE__ */ jsx21(
         Button,
         {
           variant: "destructive",
           size: "icon",
           className: "h-6 w-6",
           onClick: onRemove,
-          children: /* @__PURE__ */ jsx20(X2, { className: "h-3 w-3" })
+          children: /* @__PURE__ */ jsx21(X2, { className: "h-3 w-3" })
         }
       ) })
     ] }),
     attachment.kind === "video" && /* @__PURE__ */ jsxs11("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx21(
         "video",
         {
           src: attachment.dataUrl,
@@ -2599,34 +2794,34 @@ var AttachmentPreview = ({ attachment, onRemove }) => {
           muted: true
         }
       ),
-      /* @__PURE__ */ jsx20("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded flex items-center justify-center", children: /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx21("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded flex items-center justify-center", children: /* @__PURE__ */ jsx21(
         Button,
         {
           variant: "destructive",
           size: "icon",
           className: "h-6 w-6",
           onClick: onRemove,
-          children: /* @__PURE__ */ jsx20(X2, { className: "h-3 w-3" })
+          children: /* @__PURE__ */ jsx21(X2, { className: "h-3 w-3" })
         }
       ) }),
-      /* @__PURE__ */ jsx20(Badge, { className: "absolute bottom-1 right-1 text-xs", children: formatDuration(attachment.durationMs) })
+      /* @__PURE__ */ jsx21(Badge, { className: "absolute bottom-1 right-1 text-xs", children: formatDuration(attachment.durationMs) })
     ] }),
     attachment.kind === "audio" && /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 p-2", children: [
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx21(
         Button,
         {
           variant: "outline",
           size: "icon",
           className: "h-8 w-8",
           onClick: handlePlayPause,
-          children: isPlaying ? /* @__PURE__ */ jsx20(Pause2, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx20(Play2, { className: "h-3 w-3" })
+          children: isPlaying ? /* @__PURE__ */ jsx21(Pause2, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx21(Play2, { className: "h-3 w-3" })
         }
       ),
       /* @__PURE__ */ jsxs11("div", { className: "flex-1", children: [
-        /* @__PURE__ */ jsx20("p", { className: "text-xs font-medium", children: attachment.fileName || "\xC1udio" }),
-        /* @__PURE__ */ jsx20("p", { className: "text-xs text-muted-foreground", children: formatDuration(attachment.durationMs) })
+        /* @__PURE__ */ jsx21("p", { className: "text-xs font-medium", children: attachment.fileName || "\xC1udio" }),
+        /* @__PURE__ */ jsx21("p", { className: "text-xs text-muted-foreground", children: formatDuration(attachment.durationMs) })
       ] }),
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx21(
         "audio",
         {
           ref: audioRef,
@@ -2636,21 +2831,21 @@ var AttachmentPreview = ({ attachment, onRemove }) => {
           onEnded: () => setIsPlaying(false)
         }
       ),
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx21(
         Button,
         {
           variant: "ghost",
           size: "icon",
           className: "h-6 w-6 opacity-0 group-hover:opacity-100 transition-opacity",
           onClick: onRemove,
-          children: /* @__PURE__ */ jsx20(X2, { className: "h-3 w-3" })
+          children: /* @__PURE__ */ jsx21(X2, { className: "h-3 w-3" })
         }
       )
     ] }),
-    attachment.fileName && attachment.kind !== "audio" && /* @__PURE__ */ jsx20("div", { className: "absolute bottom-0 left-0 right-0 bg-black/70 text-white text-xs p-1 rounded-b", children: /* @__PURE__ */ jsx20("p", { className: "truncate", children: attachment.fileName }) })
+    attachment.fileName && attachment.kind !== "audio" && /* @__PURE__ */ jsx21("div", { className: "absolute bottom-0 left-0 right-0 bg-black/70 text-white text-xs p-1 rounded-b", children: /* @__PURE__ */ jsx21("p", { className: "truncate", children: attachment.fileName }) })
   ] }) });
-};
-var AudioRecorder = ({ isRecording, onStartRecording, onStopRecording, onCancel, recordingDuration, config }) => {
+});
+var AudioRecorder = memo2(function AudioRecorder2({ isRecording, onStartRecording, onStopRecording, onCancel, recordingDuration, config }) {
   const formatTime = (seconds) => {
     const mins = Math.floor(seconds / 60);
     const secs = seconds % 60;
@@ -2658,25 +2853,25 @@ var AudioRecorder = ({ isRecording, onStartRecording, onStopRecording, onCancel,
   };
   if (!isRecording) {
     return /* @__PURE__ */ jsxs11(Tooltip, { children: [
-      /* @__PURE__ */ jsx20(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx21(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx21(
         Button,
         {
           variant: "outline",
           size: "icon",
           onClick: onStartRecording,
           className: "h-10 w-10",
-          children: /* @__PURE__ */ jsx20(Mic, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx21(Mic, { className: "h-4 w-4" })
         }
       ) }),
-      /* @__PURE__ */ jsx20(TooltipContent, { children: config?.labels?.recordAudioTooltip })
+      /* @__PURE__ */ jsx21(TooltipContent, { children: config?.labels?.recordAudioTooltip })
     ] });
   }
-  return /* @__PURE__ */ jsx20(Card, { className: "border-red-200 bg-red-50 dark:border-red-800 dark:bg-red-950", children: /* @__PURE__ */ jsx20(CardContent, { className: "p-3", children: /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-3", children: [
+  return /* @__PURE__ */ jsx21(Card, { className: "border-red-200 bg-red-50 dark:border-red-800 dark:bg-red-950", children: /* @__PURE__ */ jsx21(CardContent, { className: "p-3", children: /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-3", children: [
     /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx20("div", { className: "h-3 w-3 bg-red-500 rounded-full animate-pulse" }),
-      /* @__PURE__ */ jsx20("span", { className: "text-sm font-medium text-red-700 dark:text-red-300", children: "Gravando" })
+      /* @__PURE__ */ jsx21("div", { className: "h-3 w-3 bg-red-500 rounded-full animate-pulse" }),
+      /* @__PURE__ */ jsx21("span", { className: "text-sm font-medium text-red-700 dark:text-red-300", children: "Gravando" })
     ] }),
-    /* @__PURE__ */ jsx20(Badge, { variant: "outline", className: "text-xs", children: formatTime(recordingDuration) }),
+    /* @__PURE__ */ jsx21(Badge, { variant: "outline", className: "text-xs", children: formatTime(recordingDuration) }),
     /* @__PURE__ */ jsxs11("div", { className: "flex gap-1 ml-auto", children: [
       /* @__PURE__ */ jsxs11(
         Button,
@@ -2685,7 +2880,7 @@ var AudioRecorder = ({ isRecording, onStartRecording, onStopRecording, onCancel,
           size: "sm",
           onClick: onCancel,
           children: [
-            /* @__PURE__ */ jsx20(X2, { className: "h-3 w-3 mr-1" }),
+            /* @__PURE__ */ jsx21(X2, { className: "h-3 w-3 mr-1" }),
             "Cancelar"
           ]
         }
@@ -2697,15 +2892,15 @@ var AudioRecorder = ({ isRecording, onStartRecording, onStopRecording, onCancel,
           size: "sm",
           onClick: onStopRecording,
           children: [
-            /* @__PURE__ */ jsx20(Square, { className: "h-3 w-3 mr-1" }),
+            /* @__PURE__ */ jsx21(Square, { className: "h-3 w-3 mr-1" }),
             "Parar"
           ]
         }
       )
     ] })
   ] }) }) });
-};
-var ChatInput = ({
+});
+var ChatInput = memo2(function ChatInput2({
   value,
   onChange,
   onSubmit,
@@ -2723,18 +2918,18 @@ var ChatInput = ({
   acceptedFileTypes = ["image/*", "video/*", "audio/*"],
   className = "",
   config
-}) => {
+}) {
   const [isRecording, setIsRecording] = useState6(false);
   const { setContext } = useChatUserContext();
   const [recordingDuration, setRecordingDuration] = useState6(0);
   const [uploadProgress, setUploadProgress] = useState6(/* @__PURE__ */ new Map());
-  const textareaRef = useRef3(null);
-  const fileInputRef = useRef3(null);
-  const mediaRecorderRef = useRef3(null);
-  const recordingStartTime = useRef3(0);
-  const recordingInterval = useRef3(null);
-  const mediaStreamRef = useRef3(null);
-  useEffect6(() => {
+  const textareaRef = useRef6(null);
+  const fileInputRef = useRef6(null);
+  const mediaRecorderRef = useRef6(null);
+  const recordingStartTime = useRef6(0);
+  const recordingInterval = useRef6(null);
+  const mediaStreamRef = useRef6(null);
+  useEffect9(() => {
     return () => {
       if (mediaStreamRef.current) {
         mediaStreamRef.current.getTracks().forEach((track) => track.stop());
@@ -2923,8 +3118,8 @@ var ChatInput = ({
     onAttachmentsChange(newAttachments);
   };
   const canAddMoreAttachments = attachments.length < maxAttachments;
-  return /* @__PURE__ */ jsx20(TooltipProvider, { children: /* @__PURE__ */ jsx20("div", { className: `border-t py-0 bg-transparent ${className}`, children: /* @__PURE__ */ jsxs11("div", { className: "px-0 md:p-2 pb-1 space-y-4 bg-transparent", children: [
-    uploadProgress.size > 0 && /* @__PURE__ */ jsx20("div", { className: "space-y-2", children: Array.from(uploadProgress.entries()).map(([id, progress]) => /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(TooltipProvider, { children: /* @__PURE__ */ jsx21("div", { className: `border-t py-0 bg-transparent ${className}`, children: /* @__PURE__ */ jsxs11("div", { className: "px-0 md:p-2 pb-1 space-y-4 bg-transparent", children: [
+    uploadProgress.size > 0 && /* @__PURE__ */ jsx21("div", { className: "space-y-2", children: Array.from(uploadProgress.entries()).map(([id, progress]) => /* @__PURE__ */ jsx21(
       FileUploadItem,
       {
         file: { name: progress.fileName },
@@ -2939,7 +3134,7 @@ var ChatInput = ({
       },
       id
     )) }),
-    isRecording && /* @__PURE__ */ jsx20(
+    isRecording && /* @__PURE__ */ jsx21(
       AudioRecorder,
       {
         isRecording,
@@ -2950,7 +3145,7 @@ var ChatInput = ({
         config
       }
     ),
-    attachments.length > 0 && /* @__PURE__ */ jsx20("div", { className: "grid grid-cols-4 gap-2", children: attachments.map((attachment, index) => /* @__PURE__ */ jsx20(
+    attachments.length > 0 && /* @__PURE__ */ jsx21("div", { className: "grid grid-cols-4 gap-2", children: attachments.map((attachment, index) => /* @__PURE__ */ jsx21(
       AttachmentPreview,
       {
         attachment,
@@ -2958,7 +3153,7 @@ var ChatInput = ({
       },
       index
     )) }),
-    /* @__PURE__ */ jsx20("form", { onSubmit: handleSubmit, className: "mb-1 flex justify-center", children: /* @__PURE__ */ jsxs11(
+    /* @__PURE__ */ jsx21("form", { onSubmit: handleSubmit, className: "mb-1 flex justify-center", children: /* @__PURE__ */ jsxs11(
       "div",
       {
         className: "flex  items-end gap-2 p-3 border rounded-lg bg-background w-full md:min-w-3xl max-w-3xl",
@@ -2966,7 +3161,7 @@ var ChatInput = ({
         onDragOver: handleDragOver,
         children: [
           enableFileUpload && canAddMoreAttachments && /* @__PURE__ */ jsxs11(Fragment4, { children: [
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21(
               "input",
               {
                 ref: fileInputRef,
@@ -2978,7 +3173,7 @@ var ChatInput = ({
               }
             ),
             /* @__PURE__ */ jsxs11(Tooltip, { children: [
-              /* @__PURE__ */ jsx20(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx21(
                 Button,
                 {
                   type: "button",
@@ -2991,13 +3186,13 @@ var ChatInput = ({
                     fileInputRef.current?.click();
                   },
                   disabled,
-                  children: /* @__PURE__ */ jsx20(Paperclip, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx21(Paperclip, { className: "h-4 w-4" })
                 }
               ) }),
-              /* @__PURE__ */ jsx20(TooltipContent, { children: config?.labels?.attachFileTooltip })
+              /* @__PURE__ */ jsx21(TooltipContent, { children: config?.labels?.attachFileTooltip })
             ] })
           ] }),
-          /* @__PURE__ */ jsx20("div", { className: "flex-1", children: /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx21("div", { className: "flex-1", children: /* @__PURE__ */ jsx21(
             Textarea,
             {
               ref: textareaRef,
@@ -3010,7 +3205,7 @@ var ChatInput = ({
               rows: 1
             }
           ) }),
-          enableAudioRecording && !isRecording && canAddMoreAttachments && !value.trim() && /* @__PURE__ */ jsx20(
+          enableAudioRecording && !isRecording && canAddMoreAttachments && !value.trim() && /* @__PURE__ */ jsx21(
             AudioRecorder,
             {
               isRecording,
@@ -3022,7 +3217,7 @@ var ChatInput = ({
             }
           ),
           isGenerating ? /* @__PURE__ */ jsxs11(Tooltip, { children: [
-            /* @__PURE__ */ jsx20(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx21(
               Button,
               {
                 type: "button",
@@ -3030,22 +3225,22 @@ var ChatInput = ({
                 size: "icon",
                 className: "h-10 w-10",
                 onClick: onStopGeneration,
-                children: /* @__PURE__ */ jsx20(Square, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx21(Square, { className: "h-4 w-4" })
               }
             ) }),
-            /* @__PURE__ */ jsx20(TooltipContent, { children: config?.labels?.stopGenerationTooltip })
+            /* @__PURE__ */ jsx21(TooltipContent, { children: config?.labels?.stopGenerationTooltip })
           ] }) : /* @__PURE__ */ jsxs11(Tooltip, { children: [
-            /* @__PURE__ */ jsx20(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx21(
               Button,
               {
                 type: "submit",
                 size: "icon",
                 className: "h-10 w-10",
                 disabled: disabled || !value.trim() && attachments.length === 0,
-                children: disabled ? /* @__PURE__ */ jsx20(Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx20(Send, { className: "h-4 w-4" })
+                children: disabled ? /* @__PURE__ */ jsx21(Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx21(Send, { className: "h-4 w-4" })
               }
             ) }),
-            /* @__PURE__ */ jsx20(TooltipContent, { children: config?.labels?.sendMessageTooltip })
+            /* @__PURE__ */ jsx21(TooltipContent, { children: config?.labels?.sendMessageTooltip })
           ] })
         ]
       }
@@ -3065,16 +3260,16 @@ var ChatInput = ({
       ] })
     ] })
   ] }) }) });
-};
+});
 
 // src/components/chat/UserProfile.tsx
 import { useState as useState7 } from "react";
 
 // src/components/ui/scroll-area.tsx
-import * as React8 from "react";
+import * as React11 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
-var ScrollArea = React8.forwardRef(({ className, children, viewportClassName, onScroll, onScrollCapture, ...props }, ref) => {
+import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
+var ScrollArea = React11.forwardRef(({ className, children, viewportClassName, onScroll, onScrollCapture, ...props }, ref) => {
   return /* @__PURE__ */ jsxs12(
     ScrollAreaPrimitive.Root,
     {
@@ -3082,7 +3277,7 @@ var ScrollArea = React8.forwardRef(({ className, children, viewportClassName, on
       className: cn("relative", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22(
           ScrollAreaPrimitive.Viewport,
           {
             ref,
@@ -3096,8 +3291,8 @@ var ScrollArea = React8.forwardRef(({ className, children, viewportClassName, on
             children
           }
         ),
-        /* @__PURE__ */ jsx21(ScrollBar, {}),
-        /* @__PURE__ */ jsx21(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx22(ScrollBar, {}),
+        /* @__PURE__ */ jsx22(ScrollAreaPrimitive.Corner, {})
       ]
     }
   );
@@ -3108,7 +3303,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
@@ -3120,7 +3315,7 @@ function ScrollBar({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx21(
+      children: /* @__PURE__ */ jsx22(
         ScrollAreaPrimitive.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -3154,12 +3349,12 @@ import {
   Lightbulb,
   Info,
   Heart,
-  Bot as Bot2,
+  Bot as Bot3,
   Pencil,
-  Check as Check2,
+  Check as Check3,
   X as X3
 } from "lucide-react";
-import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
 var getInitials2 = (name, email) => {
   if (name) {
     return name.split(" ").map((n) => n[0]).slice(0, 2).join("").toUpperCase();
@@ -3173,29 +3368,29 @@ var getFieldIcon = (type, key) => {
   const iconClass = "h-4 w-4 text-muted-foreground";
   switch (type) {
     case "email":
-      return /* @__PURE__ */ jsx22(Mail, { className: iconClass });
+      return /* @__PURE__ */ jsx23(Mail, { className: iconClass });
     case "phone":
-      return /* @__PURE__ */ jsx22(Phone, { className: iconClass });
+      return /* @__PURE__ */ jsx23(Phone, { className: iconClass });
     case "url":
-      return /* @__PURE__ */ jsx22(Globe, { className: iconClass });
+      return /* @__PURE__ */ jsx23(Globe, { className: iconClass });
     case "date":
-      return /* @__PURE__ */ jsx22(Calendar, { className: iconClass });
+      return /* @__PURE__ */ jsx23(Calendar, { className: iconClass });
   }
   const lowerKey = key?.toLowerCase() || "";
-  if (lowerKey.includes("follower")) return /* @__PURE__ */ jsx22(Users, { className: iconClass });
-  if (lowerKey.includes("following")) return /* @__PURE__ */ jsx22(UserPlus, { className: iconClass });
-  if (lowerKey.includes("post") || lowerKey.includes("publication")) return /* @__PURE__ */ jsx22(Image3, { className: iconClass });
-  if (lowerKey.includes("verified") || lowerKey.includes("badge")) return /* @__PURE__ */ jsx22(BadgeCheck, { className: iconClass });
-  if (lowerKey.includes("bio")) return /* @__PURE__ */ jsx22(FileText2, { className: iconClass });
-  if (lowerKey.includes("email")) return /* @__PURE__ */ jsx22(Mail, { className: iconClass });
-  if (lowerKey.includes("phone") || lowerKey.includes("tel")) return /* @__PURE__ */ jsx22(Phone, { className: iconClass });
-  if (lowerKey.includes("location") || lowerKey.includes("address") || lowerKey.includes("city")) return /* @__PURE__ */ jsx22(MapPin, { className: iconClass });
-  if (lowerKey.includes("company") || lowerKey.includes("org")) return /* @__PURE__ */ jsx22(Building, { className: iconClass });
-  if (lowerKey.includes("job") || lowerKey.includes("role") || lowerKey.includes("title") || lowerKey.includes("position")) return /* @__PURE__ */ jsx22(Briefcase, { className: iconClass });
-  if (lowerKey.includes("website") || lowerKey.includes("url") || lowerKey.includes("link")) return /* @__PURE__ */ jsx22(Globe, { className: iconClass });
-  if (lowerKey.includes("username") || lowerKey.includes("handle")) return /* @__PURE__ */ jsx22(AtSign, { className: iconClass });
-  if (lowerKey.includes("date") || lowerKey.includes("birthday") || lowerKey.includes("joined")) return /* @__PURE__ */ jsx22(Calendar, { className: iconClass });
-  return /* @__PURE__ */ jsx22(User2, { className: iconClass });
+  if (lowerKey.includes("follower")) return /* @__PURE__ */ jsx23(Users, { className: iconClass });
+  if (lowerKey.includes("following")) return /* @__PURE__ */ jsx23(UserPlus, { className: iconClass });
+  if (lowerKey.includes("post") || lowerKey.includes("publication")) return /* @__PURE__ */ jsx23(Image3, { className: iconClass });
+  if (lowerKey.includes("verified") || lowerKey.includes("badge")) return /* @__PURE__ */ jsx23(BadgeCheck, { className: iconClass });
+  if (lowerKey.includes("bio")) return /* @__PURE__ */ jsx23(FileText2, { className: iconClass });
+  if (lowerKey.includes("email")) return /* @__PURE__ */ jsx23(Mail, { className: iconClass });
+  if (lowerKey.includes("phone") || lowerKey.includes("tel")) return /* @__PURE__ */ jsx23(Phone, { className: iconClass });
+  if (lowerKey.includes("location") || lowerKey.includes("address") || lowerKey.includes("city")) return /* @__PURE__ */ jsx23(MapPin, { className: iconClass });
+  if (lowerKey.includes("company") || lowerKey.includes("org")) return /* @__PURE__ */ jsx23(Building, { className: iconClass });
+  if (lowerKey.includes("job") || lowerKey.includes("role") || lowerKey.includes("title") || lowerKey.includes("position")) return /* @__PURE__ */ jsx23(Briefcase, { className: iconClass });
+  if (lowerKey.includes("website") || lowerKey.includes("url") || lowerKey.includes("link")) return /* @__PURE__ */ jsx23(Globe, { className: iconClass });
+  if (lowerKey.includes("username") || lowerKey.includes("handle")) return /* @__PURE__ */ jsx23(AtSign, { className: iconClass });
+  if (lowerKey.includes("date") || lowerKey.includes("birthday") || lowerKey.includes("joined")) return /* @__PURE__ */ jsx23(Calendar, { className: iconClass });
+  return /* @__PURE__ */ jsx23(User2, { className: iconClass });
 };
 var formatValue = (value, type, key) => {
   if (value === null || value === void 0) return "-";
@@ -3229,15 +3424,15 @@ var getMemoryCategoryIcon = (category) => {
   const iconClass = "h-4 w-4 text-muted-foreground";
   switch (category) {
     case "preference":
-      return /* @__PURE__ */ jsx22(Heart, { className: iconClass });
+      return /* @__PURE__ */ jsx23(Heart, { className: iconClass });
     case "fact":
-      return /* @__PURE__ */ jsx22(Info, { className: iconClass });
+      return /* @__PURE__ */ jsx23(Info, { className: iconClass });
     case "goal":
-      return /* @__PURE__ */ jsx22(Target, { className: iconClass });
+      return /* @__PURE__ */ jsx23(Target, { className: iconClass });
     case "context":
-      return /* @__PURE__ */ jsx22(Lightbulb, { className: iconClass });
+      return /* @__PURE__ */ jsx23(Lightbulb, { className: iconClass });
     default:
-      return /* @__PURE__ */ jsx22(Brain, { className: iconClass });
+      return /* @__PURE__ */ jsx23(Brain, { className: iconClass });
   }
 };
 var getMemoryCategoryLabel = (category) => {
@@ -3307,66 +3502,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__ */ jsx22(Sheet, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsx23(Sheet, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs13(
     SheetContent,
     {
       side: "right",
       className: cn("w-full sm:max-w-md p-0 flex flex-col h-full overflow-hidden", className),
       children: [
-        /* @__PURE__ */ jsx22(SheetHeader, { className: "px-6 py-4 border-b shrink-0", children: /* @__PURE__ */ jsx22("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx22(SheetTitle, { children: labels.title }) }) }),
-        /* @__PURE__ */ jsx22(ScrollArea, { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxs13("div", { className: "p-6 space-y-6", children: [
+        /* @__PURE__ */ jsx23(SheetHeader, { className: "px-6 py-4 border-b shrink-0", children: /* @__PURE__ */ jsx23("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx23(SheetTitle, { children: labels.title }) }) }),
+        /* @__PURE__ */ jsx23(ScrollArea, { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxs13("div", { className: "p-6 space-y-6", children: [
           /* @__PURE__ */ jsxs13("div", { className: "flex flex-col items-center text-center space-y-4", children: [
             /* @__PURE__ */ jsxs13(Avatar, { className: "h-24 w-24 shrink-0", children: [
-              user?.avatar && /* @__PURE__ */ jsx22(AvatarImage, { src: user.avatar, alt: displayName }),
-              /* @__PURE__ */ jsx22(AvatarFallback, { className: "text-2xl bg-primary/10 text-primary", children: initials })
+              user?.avatar && /* @__PURE__ */ jsx23(AvatarImage, { src: user.avatar, alt: displayName }),
+              /* @__PURE__ */ jsx23(AvatarFallback, { className: "text-2xl bg-primary/10 text-primary", children: initials })
             ] }),
             /* @__PURE__ */ jsxs13("div", { className: "w-full px-2", children: [
-              /* @__PURE__ */ jsx22("h2", { className: "text-xl font-semibold break-words", children: displayName }),
-              user?.email && /* @__PURE__ */ jsx22("p", { className: "text-sm text-muted-foreground break-words", children: user.email })
+              /* @__PURE__ */ jsx23("h2", { className: "text-xl font-semibold break-words", children: displayName }),
+              user?.email && /* @__PURE__ */ jsx23("p", { className: "text-sm text-muted-foreground break-words", children: user.email })
             ] })
           ] }),
-          /* @__PURE__ */ jsx22(Separator, {}),
+          /* @__PURE__ */ jsx23(Separator, {}),
           /* @__PURE__ */ jsxs13("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsx22("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: labels.basicInfo }),
+            /* @__PURE__ */ jsx23("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: labels.basicInfo }),
             /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
-                /* @__PURE__ */ jsx22(User2, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+                /* @__PURE__ */ jsx23(User2, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
                 /* @__PURE__ */ jsxs13("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ jsx22("p", { className: "text-xs text-muted-foreground", children: "Name" }),
-                  /* @__PURE__ */ jsx22("p", { className: "text-sm font-medium break-words", children: displayName })
+                  /* @__PURE__ */ jsx23("p", { className: "text-xs text-muted-foreground", children: "Name" }),
+                  /* @__PURE__ */ jsx23("p", { className: "text-sm font-medium break-words", children: displayName })
                 ] })
               ] }),
               user?.email && /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
-                /* @__PURE__ */ jsx22(AtSign, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+                /* @__PURE__ */ jsx23(AtSign, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
                 /* @__PURE__ */ jsxs13("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ jsx22("p", { className: "text-xs text-muted-foreground", children: "Handle" }),
-                  /* @__PURE__ */ jsx22("p", { className: "text-sm font-medium break-words", children: user.email })
+                  /* @__PURE__ */ jsx23("p", { className: "text-xs text-muted-foreground", children: "Handle" }),
+                  /* @__PURE__ */ jsx23("p", { className: "text-sm font-medium break-words", children: user.email })
                 ] })
               ] }),
               user?.id && user.id !== user?.name && user.id !== user?.email && /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
-                /* @__PURE__ */ jsx22(User2, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+                /* @__PURE__ */ jsx23(User2, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
                 /* @__PURE__ */ jsxs13("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ jsx22("p", { className: "text-xs text-muted-foreground", children: "ID" }),
-                  /* @__PURE__ */ jsx22("p", { className: "text-sm font-medium break-words", children: user.id })
+                  /* @__PURE__ */ jsx23("p", { className: "text-xs text-muted-foreground", children: "ID" }),
+                  /* @__PURE__ */ jsx23("p", { className: "text-sm font-medium break-words", children: user.id })
                 ] })
               ] })
             ] })
           ] }),
           normalizedFields.length > 0 && /* @__PURE__ */ jsxs13(Fragment5, { children: [
-            /* @__PURE__ */ jsx22(Separator, {}),
+            /* @__PURE__ */ jsx23(Separator, {}),
             /* @__PURE__ */ jsxs13("div", { className: "space-y-3", children: [
-              /* @__PURE__ */ jsx22("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: labels.customFields }),
-              /* @__PURE__ */ jsx22("div", { className: "space-y-2", children: normalizedFields.map((field) => {
+              /* @__PURE__ */ jsx23("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: labels.customFields }),
+              /* @__PURE__ */ jsx23("div", { className: "space-y-2", children: normalizedFields.map((field) => {
                 const isBioField = field.key.toLowerCase().includes("bio");
                 return /* @__PURE__ */ jsxs13(
                   "div",
                   {
                     className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50",
                     children: [
-                      /* @__PURE__ */ jsx22("div", { className: "mt-0.5 shrink-0", children: field.icon || getFieldIcon(field.type, field.key) }),
+                      /* @__PURE__ */ jsx23("div", { className: "mt-0.5 shrink-0", children: field.icon || getFieldIcon(field.type, field.key) }),
                       /* @__PURE__ */ jsxs13("div", { className: "flex-1 min-w-0", children: [
-                        /* @__PURE__ */ jsx22("p", { className: "text-xs text-muted-foreground", children: field.label }),
-                        /* @__PURE__ */ jsx22("p", { className: cn(
+                        /* @__PURE__ */ jsx23("p", { className: "text-xs text-muted-foreground", children: field.label }),
+                        /* @__PURE__ */ jsx23("p", { className: cn(
                           "text-sm font-medium",
                           isBioField ? "whitespace-pre-wrap break-words" : "break-words"
                         ), children: formatValue(field.value, field.type, field.key) })
@@ -3378,26 +3573,26 @@ var UserProfile = ({
               }) })
             ] })
           ] }),
-          /* @__PURE__ */ jsx22(Separator, {}),
+          /* @__PURE__ */ jsx23(Separator, {}),
           /* @__PURE__ */ jsxs13("div", { className: "space-y-3", children: [
             /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ jsxs13("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx22(Brain, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx23(Brain, { className: "h-4 w-4" }),
                 labels.memories
               ] }),
-              onAddMemory && /* @__PURE__ */ jsx22(
+              onAddMemory && /* @__PURE__ */ jsx23(
                 Button,
                 {
                   variant: "ghost",
                   size: "sm",
                   className: "h-7 px-2",
                   onClick: () => setIsAddingMemory(true),
-                  children: /* @__PURE__ */ jsx22(Plus3, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx23(Plus3, { className: "h-4 w-4" })
                 }
               )
             ] }),
             isAddingMemory && onAddMemory && /* @__PURE__ */ jsxs13("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ jsx22(
+              /* @__PURE__ */ jsx23(
                 Input,
                 {
                   value: newMemoryContent,
@@ -3414,24 +3609,24 @@ var UserProfile = ({
                   autoFocus: true
                 }
               ),
-              /* @__PURE__ */ jsx22(Button, { size: "sm", onClick: handleAddMemory, disabled: !newMemoryContent.trim(), children: "Salvar" })
+              /* @__PURE__ */ jsx23(Button, { size: "sm", onClick: handleAddMemory, disabled: !newMemoryContent.trim(), children: "Salvar" })
             ] }),
-            /* @__PURE__ */ jsx22("div", { className: "space-y-2", children: memories.length === 0 ? /* @__PURE__ */ jsx22("p", { className: "text-sm text-muted-foreground text-center py-4", children: labels.noMemories }) : memories.map((memory) => {
+            /* @__PURE__ */ jsx23("div", { className: "space-y-2", children: memories.length === 0 ? /* @__PURE__ */ jsx23("p", { className: "text-sm text-muted-foreground text-center py-4", children: labels.noMemories }) : memories.map((memory) => {
               const isEditing = editingMemoryId === memory.id;
               return /* @__PURE__ */ jsxs13(
                 "div",
                 {
                   className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50 group",
                   children: [
-                    /* @__PURE__ */ jsx22("div", { className: "mt-0.5 shrink-0", children: memory.source === "agent" ? /* @__PURE__ */ jsx22(Bot2, { className: "h-4 w-4 text-primary" }) : getMemoryCategoryIcon(memory.category) }),
+                    /* @__PURE__ */ jsx23("div", { className: "mt-0.5 shrink-0", children: memory.source === "agent" ? /* @__PURE__ */ jsx23(Bot3, { className: "h-4 w-4 text-primary" }) : getMemoryCategoryIcon(memory.category) }),
                     /* @__PURE__ */ jsxs13("div", { className: "flex-1 min-w-0", children: [
                       /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 mb-0.5", children: [
-                        /* @__PURE__ */ jsx22("span", { className: "text-xs text-muted-foreground", children: getMemoryCategoryLabel(memory.category) }),
-                        /* @__PURE__ */ jsx22("span", { className: "text-xs text-muted-foreground", children: "\u2022" }),
-                        /* @__PURE__ */ jsx22("span", { className: "text-xs text-muted-foreground", children: memory.source === "agent" ? "IA" : "Voc\xEA" })
+                        /* @__PURE__ */ jsx23("span", { className: "text-xs text-muted-foreground", children: getMemoryCategoryLabel(memory.category) }),
+                        /* @__PURE__ */ jsx23("span", { className: "text-xs text-muted-foreground", children: "\u2022" }),
+                        /* @__PURE__ */ jsx23("span", { className: "text-xs text-muted-foreground", children: memory.source === "agent" ? "IA" : "Voc\xEA" })
                       ] }),
                       isEditing ? /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
-                        /* @__PURE__ */ jsx22(
+                        /* @__PURE__ */ jsx23(
                           Textarea,
                           {
                             value: editingMemoryContent,
@@ -3457,7 +3652,7 @@ var UserProfile = ({
                               className: "h-7 px-2",
                               onClick: handleCancelEdit,
                               children: [
-                                /* @__PURE__ */ jsx22(X3, { className: "h-3.5 w-3.5 mr-1" }),
+                                /* @__PURE__ */ jsx23(X3, { className: "h-3.5 w-3.5 mr-1" }),
                                 "Cancelar"
                               ]
                             }
@@ -3470,33 +3665,33 @@ var UserProfile = ({
                               onClick: handleSaveEdit,
                               disabled: !editingMemoryContent.trim(),
                               children: [
-                                /* @__PURE__ */ jsx22(Check2, { className: "h-3.5 w-3.5 mr-1" }),
+                                /* @__PURE__ */ jsx23(Check3, { className: "h-3.5 w-3.5 mr-1" }),
                                 "Salvar"
                               ]
                             }
                           )
                         ] })
-                      ] }) : /* @__PURE__ */ jsx22("p", { className: "text-sm break-words", children: memory.content })
+                      ] }) : /* @__PURE__ */ jsx23("p", { className: "text-sm break-words", children: memory.content })
                     ] }),
                     !isEditing && (onUpdateMemory || onDeleteMemory) && /* @__PURE__ */ jsxs13("div", { className: "flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity shrink-0", children: [
-                      onUpdateMemory && /* @__PURE__ */ jsx22(
+                      onUpdateMemory && /* @__PURE__ */ jsx23(
                         Button,
                         {
                           variant: "ghost",
                           size: "icon",
                           className: "h-7 w-7",
                           onClick: () => handleStartEdit(memory),
-                          children: /* @__PURE__ */ jsx22(Pencil, { className: "h-3.5 w-3.5 text-muted-foreground" })
+                          children: /* @__PURE__ */ jsx23(Pencil, { className: "h-3.5 w-3.5 text-muted-foreground" })
                         }
                       ),
-                      onDeleteMemory && /* @__PURE__ */ jsx22(
+                      onDeleteMemory && /* @__PURE__ */ jsx23(
                         Button,
                         {
                           variant: "ghost",
                           size: "icon",
                           className: "h-7 w-7",
                           onClick: () => onDeleteMemory(memory.id),
-                          children: /* @__PURE__ */ jsx22(Trash23, { className: "h-3.5 w-3.5 text-destructive" })
+                          children: /* @__PURE__ */ jsx23(Trash23, { className: "h-3.5 w-3.5 text-destructive" })
                         }
                       )
                     ] })
@@ -3508,7 +3703,7 @@ var UserProfile = ({
           ] })
         ] }) }),
         /* @__PURE__ */ jsxs13("div", { className: "p-4 border-t space-y-2 shrink-0", children: [
-          onEditProfile && /* @__PURE__ */ jsx22(
+          onEditProfile && /* @__PURE__ */ jsx23(
             Button,
             {
               variant: "outline",
@@ -3517,7 +3712,7 @@ var UserProfile = ({
               children: "Edit Profile"
             }
           ),
-          onLogout && /* @__PURE__ */ jsx22(
+          onLogout && /* @__PURE__ */ jsx23(
             Button,
             {
               variant: "destructive",
@@ -3533,8 +3728,8 @@ var UserProfile = ({
 };
 
 // src/components/chat/ChatUI.tsx
-import { Sparkles } from "lucide-react";
-import { jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Sparkles, ArrowRight, MessageSquare, Lightbulb as Lightbulb2, Zap, HelpCircle } from "lucide-react";
+import { Fragment as Fragment6, jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
 var ChatUI = ({
   messages = [],
   threads = [],
@@ -3542,14 +3737,21 @@ var ChatUI = ({
   config: userConfig,
   sidebar: _sidebar,
   isGenerating = false,
+  isMessagesLoading = false,
   callbacks = {},
   user,
   assistant,
   suggestions = [],
+  messageSuggestions = {},
+  agentOptions = [],
+  selectedAgentId = null,
+  onSelectAgent,
   className = "",
   onAddMemory,
   onUpdateMemory,
-  onDeleteMemory
+  onDeleteMemory,
+  initialInput,
+  onInitialInputConsumed
 }) => {
   const config = mergeConfig(defaultChatConfig, userConfig);
   const [isMobile, setIsMobile] = useState8(false);
@@ -3567,9 +3769,9 @@ var ChatUI = ({
     }
     return false;
   };
+  const [inputValue, setInputValue] = useState8("");
+  const [attachments, setAttachments] = useState8([]);
   const [state, setState] = useState8({
-    input: "",
-    attachments: [],
     isRecording: false,
     selectedThreadId: currentThreadId,
     isAtBottom: true,
@@ -3581,23 +3783,48 @@ var ChatUI = ({
     isSidebarCollapsed: false
     // No longer used for main sidebar
   });
-  useEffect7(() => {
+  useEffect10(() => {
     if (currentThreadId !== state.selectedThreadId) {
       setState((prev) => ({ ...prev, selectedThreadId: currentThreadId }));
     }
   }, [currentThreadId]);
-  const messagesEndRef = useRef4(null);
-  const scrollAreaRef = useRef4(null);
+  const initialInputApplied = useRef7(false);
+  const initialInputConsumedRef = useRef7(false);
+  useEffect10(() => {
+    if (initialInput && !initialInputApplied.current) {
+      setInputValue(initialInput);
+      initialInputApplied.current = true;
+    }
+  }, [initialInput]);
+  const messagesEndRef = useRef7(null);
+  const scrollAreaRef = useRef7(null);
+  const stateRef = useRef7(state);
+  const inputValueRef = useRef7(inputValue);
+  const attachmentsRef = useRef7(attachments);
+  useEffect10(() => {
+    stateRef.current = state;
+  }, [state]);
+  useEffect10(() => {
+    inputValueRef.current = inputValue;
+  }, [inputValue]);
+  useEffect10(() => {
+    attachmentsRef.current = attachments;
+  }, [attachments]);
   const [isCustomMounted, setIsCustomMounted] = useState8(false);
   const [isCustomVisible, setIsCustomVisible] = useState8(false);
   const createStateCallback = useCallback4(
     (setter) => ({
       setState: (newState) => setter?.(newState),
-      getState: () => state
+      getState: () => ({
+        ...stateRef.current,
+        input: inputValueRef.current,
+        attachments: attachmentsRef.current
+      })
     }),
-    [state]
+    []
+    // No dependencies - uses refs for latest state
   );
-  useEffect7(() => {
+  useEffect10(() => {
     const checkMobile = () => {
       setIsMobile(globalThis.innerWidth < 1024);
     };
@@ -3605,7 +3832,7 @@ var ChatUI = ({
     globalThis.addEventListener("resize", checkMobile);
     return () => globalThis.removeEventListener("resize", checkMobile);
   }, []);
-  useEffect7(() => {
+  useEffect10(() => {
     if (!isMobile || !config.customComponent?.component) return;
     if (state.showSidebar) {
       setIsCustomMounted(true);
@@ -3616,7 +3843,7 @@ var ChatUI = ({
       return () => clearTimeout(t);
     }
   }, [state.showSidebar, isMobile, config.customComponent]);
-  useEffect7(() => {
+  useEffect10(() => {
     if (!state.isAtBottom) return;
     const viewport = scrollAreaRef.current;
     if (!viewport) return;
@@ -3632,15 +3859,16 @@ var ChatUI = ({
     const isAtBottom = scrollHeight - scrollTop - clientHeight < 50;
     setState((prev) => ({ ...prev, isAtBottom }));
   }, []);
-  const handleSendMessage = useCallback4((content, attachments = []) => {
-    if (!content.trim() && attachments.length === 0) return;
-    callbacks.onSendMessage?.(content, attachments, createStateCallback());
-    setState((prev) => ({
-      ...prev,
-      input: "",
-      attachments: []
-    }));
-  }, [callbacks, createStateCallback]);
+  const handleSendMessage = useCallback4((content, messageAttachments = []) => {
+    if (!content.trim() && messageAttachments.length === 0) return;
+    callbacks.onSendMessage?.(content, messageAttachments, createStateCallback());
+    if (initialInputApplied.current && !initialInputConsumedRef.current) {
+      initialInputConsumedRef.current = true;
+      onInitialInputConsumed?.();
+    }
+    setInputValue("");
+    setAttachments([]);
+  }, [callbacks, createStateCallback, onInitialInputConsumed]);
   const handleMessageAction = useCallback4((event) => {
     const { action, messageId, content } = event;
     switch (action) {
@@ -3661,7 +3889,7 @@ var ChatUI = ({
     }
   }, [callbacks, createStateCallback]);
   const handleCreateThread = useCallback4((title) => {
-    callbacks.onCreateThread?.(title, createStateCallback(setState));
+    callbacks.onCreateThread?.(title, createStateCallback());
   }, [callbacks, createStateCallback]);
   const handleSelectThread = useCallback4((threadId) => {
     callbacks.onSelectThread?.(threadId, createStateCallback());
@@ -3686,25 +3914,75 @@ var ChatUI = ({
     }
     return component;
   }, [config?.customComponent?.component, closeSidebar, isMobile]);
+  const SuggestionIconComponents = [MessageSquare, Lightbulb2, Zap, HelpCircle];
   const renderSuggestions = () => {
     if (messages.length > 0 || !suggestions.length) return null;
-    return /* @__PURE__ */ jsxs14("div", { className: "text-center py-8", children: [
-      /* @__PURE__ */ jsx23("div", { className: "inline-flex items-center justify-center w-16 h-16 rounded-full bg-primary/10 mb-4", children: /* @__PURE__ */ jsx23(Sparkles, { className: "w-8 h-8 text-primary" }) }),
-      /* @__PURE__ */ jsx23("h3", { className: "text-lg font-semibold mb-2", children: config.branding.title }),
-      /* @__PURE__ */ jsx23("p", { className: "text-muted-foreground mb-6", children: config.branding.subtitle }),
-      /* @__PURE__ */ jsx23("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3 max-w-2xl mx-auto", children: suggestions.map((suggestion, index) => /* @__PURE__ */ jsx23(
-        Card,
+    return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col items-center justify-center min-h-[60vh] py-8 px-4", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "text-center mb-8", children: [
+        /* @__PURE__ */ jsx24("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__ */ jsx24(Sparkles, { className: "w-7 h-7 text-primary" }) }),
+        /* @__PURE__ */ jsx24("h2", { className: "text-xl font-semibold mb-2", children: config.branding.title }),
+        /* @__PURE__ */ jsx24("p", { className: "text-muted-foreground text-sm max-w-md", children: config.branding.subtitle })
+      ] }),
+      /* @__PURE__ */ jsx24("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 w-full max-w-2xl", children: suggestions.map((suggestion, index) => /* @__PURE__ */ jsxs14(
+        "button",
         {
-          className: "cursor-pointer hover:bg-muted/50 transition-colors",
+          type: "button",
           onClick: () => handleSendMessage(suggestion),
-          children: /* @__PURE__ */ jsx23(CardContent, { className: "p-4 text-left", children: /* @__PURE__ */ jsx23("p", { className: "text-sm", children: suggestion }) })
+          className: "group relative flex items-start gap-3 p-4 text-left rounded-xl border bg-card hover:bg-accent/50 hover:border-accent transition-all duration-200 hover:shadow-sm",
+          children: [
+            (() => {
+              const IconComponent = SuggestionIconComponents[index % SuggestionIconComponents.length];
+              return /* @__PURE__ */ jsx24("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__ */ jsx24(IconComponent, { className: "h-4 w-4" }) });
+            })(),
+            /* @__PURE__ */ jsx24("div", { className: "flex-1 min-w-0 pr-6", children: /* @__PURE__ */ jsx24("p", { className: "text-sm font-medium leading-snug line-clamp-2", children: suggestion }) }),
+            /* @__PURE__ */ jsx24(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
       )) })
     ] });
   };
-  return /* @__PURE__ */ jsx23(TooltipProvider, { children: /* @__PURE__ */ jsx23(SidebarProvider, { defaultOpen: true, children: /* @__PURE__ */ jsxs14("div", { className: `flex h-[100svh] md:h-screen bg-background w-full overflow-hidden ${className}`, children: [
-    /* @__PURE__ */ jsx23(
+  const renderInlineSuggestions = (messageId) => {
+    const items = messageSuggestions?.[messageId];
+    if (!items || items.length === 0) return null;
+    return /* @__PURE__ */ jsx24("div", { className: "flex flex-wrap gap-2 mt-2 ml-11", children: items.map((suggestion, index) => /* @__PURE__ */ jsxs14(
+      "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__ */ jsx24(Sparkles, { className: "h-3 w-3 text-primary opacity-70 group-hover:opacity-100" }),
+          /* @__PURE__ */ jsx24("span", { className: "max-w-[200px] truncate", children: suggestion })
+        ]
+      },
+      `${messageId}-suggestion-${index}`
+    )) });
+  };
+  const renderMessageLoadingSkeleton = () => /* @__PURE__ */ jsx24("div", { className: "space-y-6 py-2", children: [0, 1, 2, 3].map((index) => {
+    const isUserRow = index % 2 === 1;
+    return /* @__PURE__ */ jsxs14(
+      "div",
+      {
+        className: `flex gap-3 ${isUserRow ? "justify-end" : "justify-start"}`,
+        children: [
+          !isUserRow && /* @__PURE__ */ jsx24(Skeleton, { className: "h-8 w-8 rounded-full shrink-0" }),
+          /* @__PURE__ */ jsxs14("div", { className: `space-y-2 ${isUserRow ? "w-[70%]" : "w-[75%]"}`, children: [
+            /* @__PURE__ */ jsx24(Skeleton, { className: "h-4 w-24" }),
+            /* @__PURE__ */ jsx24(Skeleton, { className: "h-4 w-full" }),
+            /* @__PURE__ */ jsx24(Skeleton, { className: "h-4 w-[85%]" })
+          ] }),
+          isUserRow && /* @__PURE__ */ jsx24(Skeleton, { className: "h-8 w-8 rounded-full shrink-0" })
+        ]
+      },
+      `message-skeleton-${index}`
+    );
+  }) });
+  const shouldShowAgentSelector = Boolean(
+    config.agentSelector?.enabled && onSelectAgent && agentOptions.length > 0 && (!config.agentSelector?.hideIfSingle || agentOptions.length > 1)
+  );
+  return /* @__PURE__ */ jsx24(TooltipProvider, { children: /* @__PURE__ */ jsx24(SidebarProvider, { defaultOpen: true, children: /* @__PURE__ */ jsxs14("div", { className: `flex h-[100svh] md:h-screen bg-background w-full overflow-hidden ${className}`, children: [
+    /* @__PURE__ */ jsx24(
       Sidebar2,
       {
         threads,
@@ -3734,8 +4012,8 @@ var ChatUI = ({
         showThemeOptions: !!callbacks.onThemeChange
       }
     ),
-    /* @__PURE__ */ jsx23(SidebarInset, { children: /* @__PURE__ */ jsxs14("div", { className: "flex flex-col h-full min-h-0", children: [
-      /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx24(SidebarInset, { children: /* @__PURE__ */ jsxs14("div", { className: "flex flex-col h-full min-h-0", children: [
+      /* @__PURE__ */ jsx24(
         ChatHeader,
         {
           config,
@@ -3743,12 +4021,16 @@ var ChatUI = ({
           isMobile,
           onCustomComponentToggle: () => setState((prev) => ({ ...prev, showSidebar: !prev.showSidebar })),
           onNewThread: handleCreateThread,
-          showCustomComponentButton: !!config?.customComponent?.component
+          showCustomComponentButton: !!config?.customComponent?.component,
+          showAgentSelector: shouldShowAgentSelector,
+          agentOptions,
+          selectedAgentId,
+          onSelectAgent
         }
       ),
       /* @__PURE__ */ jsxs14("div", { className: "flex flex-1 flex-row min-h-0 overflow-hidden", children: [
         /* @__PURE__ */ jsxs14("div", { className: "flex-1 flex flex-col min-h-0", children: [
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24(
             ScrollArea,
             {
               ref: scrollAreaRef,
@@ -3756,40 +4038,55 @@ var ChatUI = ({
               viewportClassName: "p-4 overscroll-contain",
               onScrollCapture: handleScroll,
               children: /* @__PURE__ */ jsxs14("div", { className: "max-w-4xl mx-auto space-y-4 pb-4", children: [
-                renderSuggestions(),
-                messages.map((message) => /* @__PURE__ */ jsx23(
-                  Message,
-                  {
-                    message,
-                    userAvatar: user?.avatar,
-                    userName: user?.name,
-                    assistantAvatar: assistant?.avatar,
-                    assistantName: assistant?.name,
-                    showTimestamp: config.ui.showTimestamps,
-                    showAvatar: config.ui.showAvatars,
-                    enableCopy: config.features.enableMessageCopy,
-                    enableEdit: config.features.enableMessageEditing,
-                    enableRegenerate: config.features.enableRegeneration,
-                    enableToolCallsDisplay: config.features.enableToolCallsDisplay,
-                    compactMode: config.ui.compactMode,
-                    onAction: handleMessageAction,
-                    toolUsedLabel: config.labels.toolUsed,
-                    thinkingLabel: config.labels.thinking
-                  },
-                  message.id
-                )),
-                /* @__PURE__ */ jsx23("div", { ref: messagesEndRef })
+                isMessagesLoading ? renderMessageLoadingSkeleton() : /* @__PURE__ */ jsxs14(Fragment6, { children: [
+                  renderSuggestions(),
+                  messages.map((message, index) => {
+                    const prevMessage = index > 0 ? messages[index - 1] : null;
+                    const isGrouped = prevMessage !== null && prevMessage.role === message.role;
+                    return /* @__PURE__ */ jsxs14("div", { className: isGrouped ? "space-y-1 -mt-2" : "space-y-2", children: [
+                      /* @__PURE__ */ jsx24(
+                        Message,
+                        {
+                          message,
+                          userAvatar: user?.avatar,
+                          userName: user?.name,
+                          assistantAvatar: assistant?.avatar,
+                          assistantName: assistant?.name,
+                          showTimestamp: config.ui.showTimestamps,
+                          showAvatar: config.ui.showAvatars,
+                          enableCopy: config.features.enableMessageCopy,
+                          enableEdit: config.features.enableMessageEditing,
+                          enableRegenerate: config.features.enableRegeneration,
+                          enableToolCallsDisplay: config.features.enableToolCallsDisplay,
+                          compactMode: config.ui.compactMode,
+                          onAction: handleMessageAction,
+                          toolUsedLabel: config.labels.toolUsed,
+                          thinkingLabel: config.labels.thinking,
+                          isGrouped
+                        }
+                      ),
+                      message.role === "assistant" && renderInlineSuggestions(message.id)
+                    ] }, message.id);
+                  })
+                ] }),
+                /* @__PURE__ */ jsx24("div", { ref: messagesEndRef })
               ] })
             }
           ),
-          /* @__PURE__ */ jsx23("div", { className: "bg-background pb-[env(safe-area-inset-bottom)]", children: /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24("div", { className: "bg-background pb-[env(safe-area-inset-bottom)]", children: /* @__PURE__ */ jsx24(
             ChatInput,
             {
-              value: state.input,
-              onChange: (value) => setState((prev) => ({ ...prev, input: value })),
+              value: inputValue,
+              onChange: (value) => {
+                setInputValue(value);
+                if (initialInputApplied.current && !initialInputConsumedRef.current) {
+                  initialInputConsumedRef.current = true;
+                  onInitialInputConsumed?.();
+                }
+              },
               onSubmit: handleSendMessage,
-              attachments: state.attachments,
-              onAttachmentsChange: (attachments) => setState((prev) => ({ ...prev, attachments })),
+              attachments,
+              onAttachmentsChange: setAttachments,
               placeholder: config.labels.inputPlaceholder,
               disabled: false,
               isGenerating,
@@ -3802,17 +4099,17 @@ var ChatUI = ({
             }
           ) })
         ] }),
-        config?.customComponent?.component && !isMobile && /* @__PURE__ */ jsx23(
+        config?.customComponent?.component && !isMobile && /* @__PURE__ */ jsx24(
           "div",
           {
             className: `h-full transition-all duration-300 ease-in-out overflow-hidden ${state.showSidebar ? "w-80" : "w-0"}`,
-            children: state.showSidebar && /* @__PURE__ */ jsx23("div", { className: "flex flex-col h-full border-l bg-background animate-in slide-in-from-right-4 duration-300 w-80", children: renderCustomComponent() })
+            children: state.showSidebar && /* @__PURE__ */ jsx24("div", { className: "flex flex-col h-full border-l bg-background animate-in slide-in-from-right-4 duration-300 w-80", children: renderCustomComponent() })
           }
         )
       ] })
     ] }) }),
     isCustomMounted && config.customComponent?.component && isMobile && /* @__PURE__ */ jsxs14("div", { className: "fixed inset-0 z-50", children: [
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx24(
         "div",
         {
           className: `absolute inset-0 bg-background/80 backdrop-blur-sm transition-opacity duration-200 ease-out ${isCustomVisible ? "opacity-100" : "opacity-0"}`,
@@ -3820,16 +4117,16 @@ var ChatUI = ({
           onClick: closeSidebar
         }
       ),
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx24(
         "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__ */ jsx23("div", { className: "h-full flex flex-col", children: renderCustomComponent() })
+          children: /* @__PURE__ */ jsx24("div", { className: "h-full flex flex-col", children: renderCustomComponent() })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx23(
+    isUserProfileOpen && /* @__PURE__ */ jsx24(
       UserProfile,
       {
         isOpen: isUserProfileOpen,
@@ -3852,10 +4149,10 @@ var ChatUI = ({
 };
 
 // src/components/chat/ThreadManager.tsx
-import { useState as useState9, useRef as useRef5, useEffect as useEffect8 } from "react";
+import { useState as useState9, useRef as useRef8, useEffect as useEffect11 } from "react";
 import {
   Plus as Plus4,
-  MessageSquare,
+  MessageSquare as MessageSquare2,
   MoreVertical as MoreVertical2,
   Edit2 as Edit22,
   Trash2 as Trash24,
@@ -3865,14 +4162,14 @@ import {
   Calendar as Calendar2,
   Hash,
   X as X4,
-  Check as Check3
+  Check as Check4
 } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
 var ThreadItem = ({ thread, isActive, config, onSelect, onRename, onDelete, onArchive }) => {
   const [isEditing, setIsEditing] = useState9(false);
   const [editTitle, setEditTitle] = useState9(thread.title);
-  const inputRef = useRef5(null);
-  useEffect8(() => {
+  const inputRef = useRef8(null);
+  useEffect11(() => {
     if (isEditing && inputRef.current) {
       inputRef.current.focus();
       inputRef.current.select();
@@ -3896,9 +4193,9 @@ var ThreadItem = ({ thread, isActive, config, onSelect, onRename, onDelete, onAr
       handleCancelEdit();
     }
   };
-  return /* @__PURE__ */ jsx24(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__ */ jsx24(CardContent, { className: "p-3 max-w-sm", children: /* @__PURE__ */ jsxs15("div", { className: "flex items-start justify-between gap-2", children: [
-    /* @__PURE__ */ jsx24("div", { className: "flex-1 min-w-0", onClick: onSelect, children: isEditing ? /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(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__ */ jsx25(CardContent, { className: "p-3 max-w-sm", children: /* @__PURE__ */ jsxs15("div", { className: "flex items-start justify-between gap-2", children: [
+    /* @__PURE__ */ jsx25("div", { className: "flex-1 min-w-0", onClick: onSelect, children: isEditing ? /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx25(
         Input,
         {
           ref: inputRef,
@@ -3910,44 +4207,44 @@ var ThreadItem = ({ thread, isActive, config, onSelect, onRename, onDelete, onAr
           placeholder: config?.labels?.threadNamePlaceholder || "Conversation name"
         }
       ),
-      /* @__PURE__ */ jsx24(Button, { size: "sm", variant: "ghost", onClick: handleSaveEdit, children: /* @__PURE__ */ jsx24(Check3, { className: "h-3 w-3" }) }),
-      /* @__PURE__ */ jsx24(Button, { size: "sm", variant: "ghost", onClick: handleCancelEdit, children: /* @__PURE__ */ jsx24(X4, { className: "h-3 w-3" }) })
-    ] }) : /* @__PURE__ */ jsxs15(Fragment6, { children: [
-      /* @__PURE__ */ jsx24("h4", { className: "font-medium text-sm truncate mb-1", children: thread.title }),
+      /* @__PURE__ */ jsx25(Button, { size: "sm", variant: "ghost", onClick: handleSaveEdit, children: /* @__PURE__ */ jsx25(Check4, { className: "h-3 w-3" }) }),
+      /* @__PURE__ */ jsx25(Button, { size: "sm", variant: "ghost", onClick: handleCancelEdit, children: /* @__PURE__ */ jsx25(X4, { className: "h-3 w-3" }) })
+    ] }) : /* @__PURE__ */ jsxs15(Fragment7, { children: [
+      /* @__PURE__ */ jsx25("h4", { className: "font-medium text-sm truncate mb-1", children: thread.title }),
       /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
         /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx24(Hash, { className: "h-3 w-3" }),
+          /* @__PURE__ */ jsx25(Hash, { className: "h-3 w-3" }),
           thread.messageCount,
           " msgs"
         ] }),
-        /* @__PURE__ */ jsx24(Separator, { orientation: "vertical", className: "h-3" }),
+        /* @__PURE__ */ jsx25(Separator, { orientation: "vertical", className: "h-3" }),
         /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx24(Calendar2, { className: "h-3 w-3" }),
+          /* @__PURE__ */ jsx25(Calendar2, { className: "h-3 w-3" }),
           formatDate(thread.updatedAt, config?.labels)
         ] }),
-        thread.isArchived && /* @__PURE__ */ jsxs15(Fragment6, { children: [
-          /* @__PURE__ */ jsx24(Separator, { orientation: "vertical", className: "h-3" }),
+        thread.isArchived && /* @__PURE__ */ jsxs15(Fragment7, { children: [
+          /* @__PURE__ */ jsx25(Separator, { orientation: "vertical", className: "h-3" }),
           /* @__PURE__ */ jsxs15(Badge, { variant: "secondary", className: "text-xs", children: [
-            /* @__PURE__ */ jsx24(Archive2, { className: "h-2 w-2 mr-1" }),
+            /* @__PURE__ */ jsx25(Archive2, { className: "h-2 w-2 mr-1" }),
             config?.labels?.archiveThread || "Archived"
           ] })
         ] })
       ] })
     ] }) }),
     !isEditing && /* @__PURE__ */ jsxs15(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx24(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx24(Button, { variant: "ghost", size: "icon", className: "h-6 w-6 m-auto", children: /* @__PURE__ */ jsx24(MoreVertical2, { className: "h-3 w-3" }) }) }),
+      /* @__PURE__ */ jsx25(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx25(Button, { variant: "ghost", size: "icon", className: "h-6 w-6 m-auto", children: /* @__PURE__ */ jsx25(MoreVertical2, { className: "h-3 w-3" }) }) }),
       /* @__PURE__ */ jsxs15(DropdownMenuContent, { align: "end", children: [
         /* @__PURE__ */ jsxs15(DropdownMenuItem, { onClick: () => setIsEditing(true), children: [
-          /* @__PURE__ */ jsx24(Edit22, { className: "h-4 w-4 mr-2" }),
+          /* @__PURE__ */ jsx25(Edit22, { className: "h-4 w-4 mr-2" }),
           config?.labels?.renameThread || "Rename"
         ] }),
         /* @__PURE__ */ jsxs15(DropdownMenuItem, { onClick: onArchive, children: [
-          /* @__PURE__ */ jsx24(Archive2, { className: "h-4 w-4 mr-2" }),
+          /* @__PURE__ */ jsx25(Archive2, { className: "h-4 w-4 mr-2" }),
           thread.isArchived ? config?.labels?.unarchiveThread || "Unarchive" : config?.labels?.archiveThread || "Archive"
         ] }),
-        /* @__PURE__ */ jsx24(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ jsx25(DropdownMenuSeparator, {}),
         /* @__PURE__ */ jsxs15(DropdownMenuItem, { onClick: onDelete, className: "text-destructive", children: [
-          /* @__PURE__ */ jsx24(Trash24, { className: "h-4 w-4 mr-2" }),
+          /* @__PURE__ */ jsx25(Trash24, { className: "h-4 w-4 mr-2" }),
           config?.labels?.deleteThread || "Delete"
         ] })
       ] })
@@ -3963,16 +4260,16 @@ var CreateThreadDialog2 = ({ onCreateThread, config }) => {
     setIsOpen(false);
   };
   return /* @__PURE__ */ jsxs15(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: [
-    /* @__PURE__ */ jsx24(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs15(Button, { variant: "outline", className: "w-full", children: [
-      /* @__PURE__ */ jsx24(Plus4, { className: "h-4 w-4 mr-2" }),
+    /* @__PURE__ */ jsx25(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs15(Button, { variant: "outline", className: "w-full", children: [
+      /* @__PURE__ */ jsx25(Plus4, { className: "h-4 w-4 mr-2" }),
       config?.labels?.createNewThread || "New Conversation"
     ] }) }),
     /* @__PURE__ */ jsxs15(DialogContent, { children: [
       /* @__PURE__ */ jsxs15(DialogHeader, { children: [
-        /* @__PURE__ */ jsx24(DialogTitle, { children: config?.labels?.createNewThread || "Create New Conversation" }),
-        /* @__PURE__ */ jsx24(DialogDescription, { children: "Give your new conversation a name or leave blank to auto-generate one." })
+        /* @__PURE__ */ jsx25(DialogTitle, { children: config?.labels?.createNewThread || "Create New Conversation" }),
+        /* @__PURE__ */ jsx25(DialogDescription, { children: "Give your new conversation a name or leave blank to auto-generate one." })
       ] }),
-      /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx25(
         Input,
         {
           value: title,
@@ -3983,8 +4280,8 @@ var CreateThreadDialog2 = ({ onCreateThread, config }) => {
         }
       ),
       /* @__PURE__ */ jsxs15(DialogFooter, { children: [
-        /* @__PURE__ */ jsx24(Button, { variant: "outline", onClick: () => setIsOpen(false), children: config?.labels?.cancel || "Cancel" }),
-        /* @__PURE__ */ jsx24(Button, { onClick: handleCreate, children: config?.labels?.create || "Create" })
+        /* @__PURE__ */ jsx25(Button, { variant: "outline", onClick: () => setIsOpen(false), children: config?.labels?.cancel || "Cancel" }),
+        /* @__PURE__ */ jsx25(Button, { onClick: handleCreate, children: config?.labels?.create || "Create" })
       ] })
     ] })
   ] });
@@ -4038,20 +4335,20 @@ var ThreadManager = ({
     setDeleteThreadId(null);
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsx24(TooltipProvider, { children: /* @__PURE__ */ jsxs15("div", { className: `fixed inset-0 z-50 bg-background/80 backdrop-blur-sm ${className}`, children: [
-    /* @__PURE__ */ jsx24("div", { className: "fixed left-0 top-0 h-full w-full max-w-md border-r bg-background shadow-lg", children: /* @__PURE__ */ jsxs15(Card, { className: "h-full border-0 rounded-none", children: [
+  return /* @__PURE__ */ jsx25(TooltipProvider, { children: /* @__PURE__ */ jsxs15("div", { className: `fixed inset-0 z-50 bg-background/80 backdrop-blur-sm ${className}`, children: [
+    /* @__PURE__ */ jsx25("div", { className: "fixed left-0 top-0 h-full w-full max-w-md border-r bg-background shadow-lg", children: /* @__PURE__ */ jsxs15(Card, { className: "h-full border-0 rounded-none", children: [
       /* @__PURE__ */ jsxs15(CardHeader, { className: "border-b", children: [
         /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsxs15(CardTitle, { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx24(MessageSquare, { className: "h-5 w-5" }),
+            /* @__PURE__ */ jsx25(MessageSquare2, { className: "h-5 w-5" }),
             config?.labels?.newChat || "Conversations"
           ] }),
-          /* @__PURE__ */ jsx24(Button, { variant: "ghost", size: "icon", onClick: onClose, children: /* @__PURE__ */ jsx24(X4, { className: "h-4 w-4" }) })
+          /* @__PURE__ */ jsx25(Button, { variant: "ghost", size: "icon", onClick: onClose, children: /* @__PURE__ */ jsx25(X4, { className: "h-4 w-4" }) })
         ] }),
         /* @__PURE__ */ jsxs15("div", { className: "space-y-3", children: [
           /* @__PURE__ */ jsxs15("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx24(Search2, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
-            /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx25(Search2, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+            /* @__PURE__ */ jsx25(
               Input,
               {
                 placeholder: config?.labels?.search || "Search conversations...",
@@ -4070,7 +4367,7 @@ var ThreadManager = ({
                 onClick: () => setShowArchived(!showArchived),
                 className: "text-xs",
                 children: [
-                  /* @__PURE__ */ jsx24(Filter2, { className: "h-3 w-3 mr-1" }),
+                  /* @__PURE__ */ jsx25(Filter2, { className: "h-3 w-3 mr-1" }),
                   showArchived ? config?.labels?.hideArchived || "Hide Archived" : config?.labels?.showArchived || "Show Archived"
                 ]
               }
@@ -4084,13 +4381,13 @@ var ThreadManager = ({
         ] })
       ] }),
       /* @__PURE__ */ jsxs15(CardContent, { className: "p-0 flex-1", children: [
-        /* @__PURE__ */ jsx24("div", { className: "p-4", children: onCreateThread && /* @__PURE__ */ jsx24(CreateThreadDialog2, { onCreateThread, config }) }),
-        /* @__PURE__ */ jsx24(ScrollArea, { className: "h-[calc(100vh-280px)]", children: /* @__PURE__ */ jsx24("div", { className: "px-4 pb-4 space-y-4", children: Object.keys(groupedThreads).length === 0 ? /* @__PURE__ */ jsxs15("div", { className: "text-center py-8 text-muted-foreground", children: [
-          /* @__PURE__ */ jsx24(MessageSquare, { className: "h-12 w-12 mx-auto mb-3 opacity-50" }),
-          /* @__PURE__ */ jsx24("p", { className: "text-sm", children: searchQuery ? config?.labels?.noThreadsFound || "No conversations found" : config?.labels?.noThreadsYet || "No conversations yet" })
+        /* @__PURE__ */ jsx25("div", { className: "p-4", children: onCreateThread && /* @__PURE__ */ jsx25(CreateThreadDialog2, { onCreateThread, config }) }),
+        /* @__PURE__ */ jsx25(ScrollArea, { className: "h-[calc(100vh-280px)]", children: /* @__PURE__ */ jsx25("div", { className: "px-4 pb-4 space-y-4", children: Object.keys(groupedThreads).length === 0 ? /* @__PURE__ */ jsxs15("div", { className: "text-center py-8 text-muted-foreground", children: [
+          /* @__PURE__ */ jsx25(MessageSquare2, { className: "h-12 w-12 mx-auto mb-3 opacity-50" }),
+          /* @__PURE__ */ jsx25("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__ */ jsxs15("div", { children: [
-          /* @__PURE__ */ jsx24("h3", { className: "text-sm font-medium text-muted-foreground mb-2 px-2", children: group }),
-          /* @__PURE__ */ jsx24("div", { className: "space-y-2", children: groupThreads.map((thread) => /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx25("h3", { className: "text-sm font-medium text-muted-foreground mb-2 px-2", children: group }),
+          /* @__PURE__ */ jsx25("div", { className: "space-y-2", children: groupThreads.map((thread) => /* @__PURE__ */ jsx25(
             ThreadItem,
             {
               thread,
@@ -4106,14 +4403,14 @@ var ThreadManager = ({
         ] }, group)) }) })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx24(AlertDialog, { open: !!deleteThreadId, onOpenChange: () => setDeleteThreadId(null), children: /* @__PURE__ */ jsxs15(AlertDialogContent, { children: [
+    deleteThreadId && /* @__PURE__ */ jsx25(AlertDialog, { open: !!deleteThreadId, onOpenChange: () => setDeleteThreadId(null), children: /* @__PURE__ */ jsxs15(AlertDialogContent, { children: [
       /* @__PURE__ */ jsxs15(AlertDialogHeader, { children: [
-        /* @__PURE__ */ jsx24(AlertDialogTitle, { children: config?.labels?.deleteConfirmTitle || "Delete Conversation" }),
-        /* @__PURE__ */ jsx24(AlertDialogDescription, { children: config?.labels?.deleteConfirmDescription || "Are you sure you want to delete this conversation? This action cannot be undone." })
+        /* @__PURE__ */ jsx25(AlertDialogTitle, { children: config?.labels?.deleteConfirmTitle || "Delete Conversation" }),
+        /* @__PURE__ */ jsx25(AlertDialogDescription, { children: config?.labels?.deleteConfirmDescription || "Are you sure you want to delete this conversation? This action cannot be undone." })
       ] }),
       /* @__PURE__ */ jsxs15(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx24(AlertDialogCancel, { children: config?.labels?.cancel || "Cancel" }),
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx25(AlertDialogCancel, { children: config?.labels?.cancel || "Cancel" }),
+        /* @__PURE__ */ jsx25(
           AlertDialogAction,
           {
             onClick: () => deleteThreadId && handleDeleteThread(deleteThreadId),