@copilotz/chat-ui 0.7.1 → 0.7.3

package/dist/index.js

@@ -1,8 +1,8 @@
 // src/components/chat/ChatUI.tsx
 import {
   useCallback as useCallback4,
-  useEffect as useEffect11,
-  useMemo as useMemo6,
+  useEffect as useEffect10,
+  useMemo as useMemo5,
   useRef as useRef6,
   useState as useState9
 } from "react";
@@ -88,12 +88,13 @@ var defaultChatConfig = {
     footerLabel: "Assistant can make mistakes. Check the AI results.",
     daysAgo: "days ago",
     inputHelpText: "Press Enter to send, Shift+Enter to add a new line.",
-    activityThinking: "Thinking...",
-    activityWorking: "Working...",
-    activityUsingTools: "Using tools...",
-    activityPreparingAnswer: "Preparing answer...",
-    activityToolRunning: "Using {{tool}}...",
-    activityMultipleTools: "Using {{count}} tools...",
+    activityThinkingActive: "Thinking",
+    activityThinkingComplete: "Thought through request",
+    activityToolActive: "Using {{tool}}",
+    activityToolComplete: "Used {{tool}}",
+    activityToolFailed: "{{tool}} failed",
+    activityAnsweringActive: "Preparing response",
+    activityAnsweringComplete: "Prepared response",
     activityShowDetails: "Show details",
     activityHideDetails: "Hide details",
     defaultThreadName: "Main Thread",
@@ -109,7 +110,8 @@ var defaultChatConfig = {
     enableMessageEditing: true,
     enableMessageCopy: true,
     enableRegeneration: true,
-    activityDisplay: "full",
+    showActivity: true,
+    showActivityDetails: true,
     maxAttachments: 4,
     maxFileSize: 10 * 1024 * 1024
     // 10MB
@@ -181,55 +183,11 @@ function mergeConfig(_baseConfig, userConfig) {
 }
 
 // src/components/chat/Message.tsx
-import React2, { useState as useState2, useMemo as useMemo2, useEffect as useEffect2, memo as memo2 } from "react";
+import React2, { useState as useState2, useMemo, useEffect, memo as memo2 } from "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import rehypeHighlight from "rehype-highlight";
 
-// src/lib/chatUtils.ts
-var AGENT_COLORS = [
-  "#6366f1",
-  // indigo
-  "#8b5cf6",
-  // violet
-  "#ec4899",
-  // pink
-  "#f59e0b",
-  // amber
-  "#10b981",
-  // emerald
-  "#3b82f6",
-  // blue
-  "#ef4444",
-  // red
-  "#14b8a6",
-  // teal
-  "#f97316",
-  // orange
-  "#84cc16"
-  // lime
-];
-function getAgentColor(agentId) {
-  let hash = 0;
-  for (let i = 0; i < agentId.length; i++) {
-    hash = (hash << 5) - hash + agentId.charCodeAt(i) | 0;
-  }
-  return AGENT_COLORS[Math.abs(hash) % AGENT_COLORS.length];
-}
-function getAgentInitials(name) {
-  const parts = name.trim().split(/\s+/);
-  if (parts.length >= 2) {
-    return (parts[0][0] + parts[1][0]).toUpperCase();
-  }
-  return name.slice(0, 2).toUpperCase();
-}
-function assignAgentColors(agents) {
-  return agents.map((agent) => ({
-    ...agent,
-    color: agent.color || getAgentColor(agent.id)
-  }));
-}
-
 // src/components/ui/button.tsx
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
@@ -304,59 +262,10 @@ function Button({
   );
 }
 
-// src/components/ui/avatar.tsx
-import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsx as jsx2 } from "react/jsx-runtime";
-function Avatar({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(
-    AvatarPrimitive.Root,
-    {
-      "data-slot": "avatar",
-      className: cn(
-        "relative flex size-8 shrink-0 overflow-hidden rounded-full",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AvatarImage({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(
-    AvatarPrimitive.Image,
-    {
-      "data-slot": "avatar-image",
-      className: cn("aspect-square size-full", className),
-      ...props
-    }
-  );
-}
-function AvatarFallback({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(
-    AvatarPrimitive.Fallback,
-    {
-      "data-slot": "avatar-fallback",
-      className: cn(
-        "bg-muted flex size-full items-center justify-center rounded-full",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
 // src/components/ui/badge.tsx
 import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { cva as cva2 } from "class-variance-authority";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var badgeVariants = cva2(
   "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
@@ -380,7 +289,7 @@ function Badge({
   ...props
 }) {
   const Comp = asChild ? Slot2 : "span";
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     Comp,
     {
       "data-slot": "badge",
@@ -391,9 +300,9 @@ function Badge({
 }
 
 // src/components/ui/textarea.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     "textarea",
     {
       "data-slot": "textarea",
@@ -408,12 +317,12 @@ function Textarea({ className, ...props }) {
 
 // src/components/ui/tooltip.tsx
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx5, jsxs } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
 function TooltipProvider({
   delayDuration = 0,
   ...props
 }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     TooltipPrimitive.Provider,
     {
       "data-slot": "tooltip-provider",
@@ -425,12 +334,12 @@ function TooltipProvider({
 function Tooltip({
   ...props
 }) {
-  return /* @__PURE__ */ jsx5(TooltipProvider, { children: /* @__PURE__ */ jsx5(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
+  return /* @__PURE__ */ jsx4(TooltipProvider, { children: /* @__PURE__ */ jsx4(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
 }
 function TooltipTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx5(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ jsx4(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({
   className,
@@ -438,7 +347,7 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx5(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx4(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
     TooltipPrimitive.Content,
     {
       "data-slot": "tooltip-content",
@@ -450,233 +359,267 @@ function TooltipContent({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx5(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        /* @__PURE__ */ jsx4(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
       ]
     }
   ) });
 }
 
 // src/components/chat/AssistantActivity.tsx
-import { memo, useEffect, useMemo, useState } from "react";
-
-// src/components/ui/card.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-function Card({ className, ...props }) {
-  return /* @__PURE__ */ jsx6(
-    "div",
-    {
-      "data-slot": "card",
-      className: cn(
-        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx6(
-    "div",
-    {
-      "data-slot": "card-header",
-      className: cn(
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx6(
-    "div",
-    {
-      "data-slot": "card-content",
-      className: cn("px-6", className),
-      ...props
-    }
-  );
-}
-
-// src/components/ui/collapsible.tsx
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-var Collapsible = CollapsiblePrimitive.Root;
-var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
-var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
-
-// src/components/chat/AssistantActivity.tsx
-import { Brain, ChevronDown, ChevronRight, LoaderCircle, Sparkles, Wrench } from "lucide-react";
-import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
-var ROOT_SPACING_CLASS = "mb-4 w-full max-w-full min-w-0";
-var ACTION_SLOT_CLASS = "inline-flex h-9 min-w-[132px] items-center justify-end px-2 text-xs";
+import { memo, useState } from "react";
+import { CheckCircle2, ChevronDown, ChevronRight, CircleAlert, LoaderCircle, Wrench, Brain, Sparkles } from "lucide-react";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var ROOT_CLASS = "mb-4 w-full max-w-full min-w-0";
 var interpolate = (template, replacements) => Object.entries(replacements).reduce(
   (output, [key, value]) => output.replaceAll(`{{${key}}}`, String(value ?? "")),
   template
 );
-var resolveSummaryLabel = (activity, labels) => {
-  const summary = activity.summary;
-  if (summary.kind === "using_tools") {
-    if (summary.toolName) {
-      return interpolate(labels?.activityToolRunning || "Using {{tool}}...", {
-        tool: summary.toolName
-      });
-    }
-    if (typeof summary.toolCount === "number" && summary.toolCount > 1) {
-      return interpolate(labels?.activityMultipleTools || "Using {{count}} tools...", {
-        count: summary.toolCount
-      });
-    }
-    return labels?.activityUsingTools || "Using tools...";
+var hasActiveItem = (activity) => activity.items.some((item) => item.status === "active");
+var hasDetails = (item) => Boolean(item.details?.reasoning || item.details?.toolCall || item.details?.result !== void 0 || item.details?.error);
+var resolveActivityLabel = (item, labels) => {
+  const tool = item.toolName || item.details?.toolCall?.name || "tool";
+  if (item.kind === "tool") {
+    if (item.status === "failed") {
+      return interpolate(labels?.activityToolFailed || "{{tool}} failed", { tool });
+    }
+    if (item.status === "complete") {
+      return interpolate(labels?.activityToolComplete || "Used {{tool}}", { tool });
+    }
+    return interpolate(labels?.activityToolActive || "Using {{tool}}", { tool });
   }
-  if (summary.kind === "preparing_answer") {
-    return labels?.activityPreparingAnswer || "Preparing answer...";
+  if (item.kind === "answering") {
+    return item.status === "active" ? labels?.activityAnsweringActive || "Preparing response" : labels?.activityAnsweringComplete || "Prepared response";
   }
-  if (summary.kind === "working") {
-    return labels?.activityWorking || "Working...";
-  }
-  return labels?.activityThinking || "Thinking...";
+  return item.status === "active" ? labels?.activityThinkingActive || "Thinking" : labels?.activityThinkingComplete || "Thought through request";
 };
-var getStatusBadge = (toolCall) => {
-  if (toolCall.status === "failed") {
-    return /* @__PURE__ */ jsx7(Badge, { variant: "destructive", children: "failed" });
-  }
-  if (toolCall.status === "completed") {
-    return /* @__PURE__ */ jsx7(
-      Badge,
-      {
-        variant: "secondary",
-        className: "bg-emerald-500/10 text-emerald-700 dark:text-emerald-300",
-        children: "done"
-      }
-    );
-  }
-  if (toolCall.status === "running") {
-    return /* @__PURE__ */ jsx7(Badge, { variant: "secondary", className: "bg-primary/10 text-primary", children: "running" });
-  }
-  return /* @__PURE__ */ jsx7(Badge, { variant: "secondary", children: "pending" });
+var ActivityIcon = ({ item }) => {
+  if (item.status === "active") return /* @__PURE__ */ jsx5(LoaderCircle, { className: "h-4 w-4 animate-spin text-primary" });
+  if (item.status === "failed") return /* @__PURE__ */ jsx5(CircleAlert, { className: "h-4 w-4 text-destructive" });
+  if (item.status === "complete") return /* @__PURE__ */ jsx5(CheckCircle2, { className: "h-4 w-4 text-muted-foreground" });
+  if (item.kind === "tool") return /* @__PURE__ */ jsx5(Wrench, { className: "h-4 w-4 text-muted-foreground" });
+  if (item.kind === "answering") return /* @__PURE__ */ jsx5(Sparkles, { className: "h-4 w-4 text-muted-foreground" });
+  if (item.kind === "thinking") return /* @__PURE__ */ jsx5(Brain, { className: "h-4 w-4 text-muted-foreground" });
+  return /* @__PURE__ */ jsx5(CheckCircle2, { className: "h-4 w-4 text-muted-foreground" });
 };
-var ActivitySummaryCard = memo(function ActivitySummaryCard2({
-  activity,
-  labels
-}) {
-  const label = useMemo(() => resolveSummaryLabel(activity, labels), [activity, labels]);
-  const isActive = activity.isActive;
-  const icon = activity.summary.kind === "using_tools" ? /* @__PURE__ */ jsx7(Wrench, { className: cn("h-4 w-4 shrink-0", isActive ? "text-primary" : "text-muted-foreground") }) : activity.summary.kind === "preparing_answer" ? /* @__PURE__ */ jsx7(Sparkles, { className: cn("h-4 w-4 shrink-0", isActive ? "text-primary" : "text-muted-foreground") }) : /* @__PURE__ */ jsx7(Brain, { className: cn("h-4 w-4 shrink-0", isActive ? "text-primary" : "text-muted-foreground") });
-  return /* @__PURE__ */ jsxs2(
-    "div",
-    {
-      className: cn(
-        "flex w-full min-w-0 items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors",
-        isActive ? "border-primary/30 bg-primary/5 text-foreground" : "border-border/60 bg-muted/20 text-muted-foreground"
-      ),
-      children: [
-        icon,
-        /* @__PURE__ */ jsx7("span", { className: "min-w-0 flex-1 truncate", children: label }),
-        isActive && /* @__PURE__ */ jsx7(LoaderCircle, { className: "h-4 w-4 shrink-0 animate-spin text-primary" })
-      ]
-    }
-  );
-});
-var ActivitySummaryRow = memo(function ActivitySummaryRow2({
-  activity,
-  labels,
-  hasDetails,
-  open
-}) {
-  return /* @__PURE__ */ jsxs2("div", { className: "grid w-full min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-2", children: [
-    /* @__PURE__ */ jsx7("div", { className: "min-w-0", children: /* @__PURE__ */ jsx7(ActivitySummaryCard, { activity, labels }) }),
-    hasDetails ? /* @__PURE__ */ jsx7(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs2(Button, { variant: "ghost", size: "sm", className: cn(ACTION_SLOT_CLASS, "shrink-0 text-muted-foreground"), children: [
-      open ? labels?.activityHideDetails || "Hide details" : labels?.activityShowDetails || "Show details",
-      open ? /* @__PURE__ */ jsx7(ChevronDown, { className: "ml-1 h-3.5 w-3.5" }) : /* @__PURE__ */ jsx7(ChevronRight, { className: "ml-1 h-3.5 w-3.5" })
-    ] }) }) : /* @__PURE__ */ jsxs2("div", { "aria-hidden": "true", className: cn(ACTION_SLOT_CLASS, "pointer-events-none invisible shrink-0"), children: [
-      labels?.activityShowDetails || "Show details",
-      /* @__PURE__ */ jsx7(ChevronRight, { className: "ml-1 h-3.5 w-3.5" })
-    ] })
-  ] });
-});
 var ActivityDetails = memo(function ActivityDetails2({
-  activity
+  item
 }) {
-  return /* @__PURE__ */ jsxs2("div", { className: "space-y-3 pt-3", children: [
-    activity.reasoning && /* @__PURE__ */ jsxs2("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx7("div", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Reasoning" }),
-      /* @__PURE__ */ jsx7("div", { className: "whitespace-pre-wrap break-words text-sm leading-6 text-muted-foreground", children: activity.reasoning })
-    ] }),
-    Array.isArray(activity.toolCalls) && activity.toolCalls.length > 0 && /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx7("div", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Tools" }),
-      activity.toolCalls.map((toolCall) => /* @__PURE__ */ jsx7(Card, { className: "border-border/60 bg-background/70", children: /* @__PURE__ */ jsxs2(CardContent, { className: "space-y-2 px-3 py-3", children: [
-        /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ jsx7("div", { className: "min-w-0", children: /* @__PURE__ */ jsx7("div", { className: "truncate text-sm font-medium", children: toolCall.name }) }),
-          getStatusBadge(toolCall)
-        ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsxs2("div", { children: [
-            /* @__PURE__ */ jsx7("div", { className: "mb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: "Args" }),
-            /* @__PURE__ */ jsx7("pre", { className: "overflow-x-auto rounded-md bg-muted/70 p-2 text-xs text-muted-foreground", children: JSON.stringify(toolCall.arguments, null, 2) })
-          ] }),
-          typeof toolCall.result !== "undefined" && /* @__PURE__ */ jsxs2("div", { children: [
-            /* @__PURE__ */ jsx7("div", { className: "mb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: "Result" }),
-            /* @__PURE__ */ jsx7("pre", { className: "overflow-x-auto rounded-md bg-muted/70 p-2 text-xs text-muted-foreground", children: JSON.stringify(toolCall.result, null, 2) })
-          ] })
-        ] })
-      ] }) }, toolCall.id))
-    ] })
+  const toolCall = item.details?.toolCall;
+  return /* @__PURE__ */ jsxs2("div", { className: "space-y-3 pb-1 pl-7 pt-2 text-sm text-muted-foreground", children: [
+    item.details?.reasoning && /* @__PURE__ */ jsx5("div", { className: "whitespace-pre-wrap break-words leading-6", children: item.details.reasoning }),
+    item.details?.error && /* @__PURE__ */ jsx5("div", { className: "text-destructive", children: item.details.error }),
+    toolCall && /* @__PURE__ */ jsx5("pre", { className: "overflow-x-auto rounded-md bg-muted/60 p-2 text-xs", children: JSON.stringify(toolCall.arguments, null, 2) }),
+    item.details?.result !== void 0 && /* @__PURE__ */ jsx5("pre", { className: "overflow-x-auto rounded-md bg-muted/60 p-2 text-xs", children: JSON.stringify(item.details.result, null, 2) })
   ] });
 });
 var ActivitySkeleton = memo(function ActivitySkeleton2() {
-  return /* @__PURE__ */ jsx7("div", { className: ROOT_SPACING_CLASS, children: /* @__PURE__ */ jsxs2("div", { className: "flex w-full min-w-0 items-center gap-3 rounded-lg border border-border/50 bg-muted/20 px-3 py-2", children: [
+  return /* @__PURE__ */ jsx5("div", { className: ROOT_CLASS, children: /* @__PURE__ */ jsxs2("div", { className: "flex w-full min-w-0 items-center gap-3 rounded-md border border-border/50 bg-muted/20 px-3 py-2", children: [
     /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1.5", children: [
-      /* @__PURE__ */ jsx7("span", { className: "inline-block h-2 w-2 rounded-full bg-primary/80 animate-pulse" }),
-      /* @__PURE__ */ jsx7("span", { className: "inline-block h-2 w-2 rounded-full bg-primary/60 animate-pulse [animation-delay:120ms]" }),
-      /* @__PURE__ */ jsx7("span", { className: "inline-block h-2 w-2 rounded-full bg-primary/40 animate-pulse [animation-delay:240ms]" })
+      /* @__PURE__ */ jsx5("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-primary/80" }),
+      /* @__PURE__ */ jsx5("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-primary/60 [animation-delay:120ms]" }),
+      /* @__PURE__ */ jsx5("span", { className: "inline-block h-2 w-2 animate-pulse rounded-full bg-primary/40 [animation-delay:240ms]" })
     ] }),
-    /* @__PURE__ */ jsx7("div", { className: "h-3 w-28 rounded-full bg-muted animate-pulse" })
+    /* @__PURE__ */ jsx5("div", { className: "h-3 w-28 animate-pulse rounded-full bg-muted" })
   ] }) });
 });
-var AssistantActivity = memo(function AssistantActivity2({
+var ActivityTimeline = memo(function ActivityTimeline2({
   activity,
-  displayMode,
+  showActivityDetails,
   labels
 }) {
-  if (!activity) return null;
-  if (displayMode === "hidden") {
-    return activity.isActive ? /* @__PURE__ */ jsx7(ActivitySkeleton, {}) : null;
-  }
-  if (displayMode === "summary") {
-    if (!activity.isActive && activity.isComplete) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx7("div", { className: ROOT_SPACING_CLASS, children: /* @__PURE__ */ jsx7(ActivitySummaryCard, { activity, labels }) });
-  }
-  const hasDetails = Boolean(activity.reasoning) || Boolean(activity.toolCalls?.length);
-  const [open, setOpen] = useState(activity.isActive && hasDetails);
-  useEffect(() => {
-    if (activity.isActive && hasDetails) {
-      setOpen(true);
-    }
-  }, [activity.isActive, hasDetails]);
-  return /* @__PURE__ */ jsx7(
-    Collapsible,
-    {
-      open: hasDetails ? open : false,
-      onOpenChange: hasDetails ? setOpen : void 0,
-      className: ROOT_SPACING_CLASS,
-      children: /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx7(
-          ActivitySummaryRow,
+  const [openById, setOpenById] = useState({});
+  return /* @__PURE__ */ jsx5("div", { className: ROOT_CLASS, children: /* @__PURE__ */ jsx5("div", { className: "space-y-1", children: activity.items.map((item, index) => {
+    const detailsAvailable = showActivityDetails && hasDetails(item);
+    const open = Boolean(openById[item.id]);
+    const isLast = index === activity.items.length - 1;
+    return /* @__PURE__ */ jsxs2("div", { className: "relative grid grid-cols-[1rem_minmax(0,1fr)] gap-3", children: [
+      !isLast && /* @__PURE__ */ jsx5("div", { className: "absolute left-2 top-5 h-[calc(100%-0.25rem)] w-px bg-border" }),
+      /* @__PURE__ */ jsx5("div", { className: "relative z-10 mt-1 flex h-4 w-4 items-center justify-center bg-background", children: /* @__PURE__ */ jsx5(ActivityIcon, { item }) }),
+      /* @__PURE__ */ jsxs2("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxs2(
+          Button,
           {
-            activity,
-            labels,
-            hasDetails,
-            open
+            type: "button",
+            variant: "ghost",
+            disabled: !detailsAvailable,
+            onClick: () => setOpenById((prev) => ({ ...prev, [item.id]: !prev[item.id] })),
+            className: cn(
+              "h-auto min-h-6 w-full justify-start gap-1 px-0 py-0 text-left text-sm font-normal text-muted-foreground hover:bg-transparent",
+              item.status === "active" && "text-foreground",
+              !detailsAvailable && "pointer-events-none opacity-100"
+            ),
+            children: [
+              /* @__PURE__ */ jsx5("span", { className: "min-w-0 truncate", children: resolveActivityLabel(item, labels) }),
+              detailsAvailable && (open ? /* @__PURE__ */ jsx5(ChevronDown, { className: "h-3.5 w-3.5 shrink-0" }) : /* @__PURE__ */ jsx5(ChevronRight, { className: "h-3.5 w-3.5 shrink-0" }))
+            ]
           }
         ),
-        hasDetails && /* @__PURE__ */ jsx7(CollapsibleContent2, { className: "w-full overflow-hidden rounded-lg border border-border/60 bg-muted/10 px-3", children: /* @__PURE__ */ jsx7(ActivityDetails, { activity }) })
+        detailsAvailable && open && /* @__PURE__ */ jsx5(ActivityDetails, { item })
       ] })
+    ] }, item.id);
+  }) }) });
+});
+var AssistantActivity = memo(function AssistantActivity2({
+  activity,
+  showActivity = true,
+  showActivityDetails = true,
+  labels
+}) {
+  if (!activity || activity.items.length === 0) return null;
+  if (!showActivity) return hasActiveItem(activity) ? /* @__PURE__ */ jsx5(ActivitySkeleton, {}) : null;
+  return /* @__PURE__ */ jsx5(
+    ActivityTimeline,
+    {
+      activity,
+      showActivityDetails,
+      labels
     }
   );
 });
 
+// src/lib/chatUtils.ts
+var AGENT_COLORS = [
+  "#6366f1",
+  // indigo
+  "#8b5cf6",
+  // violet
+  "#ec4899",
+  // pink
+  "#f59e0b",
+  // amber
+  "#10b981",
+  // emerald
+  "#3b82f6",
+  // blue
+  "#ef4444",
+  // red
+  "#14b8a6",
+  // teal
+  "#f97316",
+  // orange
+  "#84cc16"
+  // lime
+];
+function getAgentColor(agentId) {
+  let hash = 0;
+  for (let i = 0; i < agentId.length; i++) {
+    hash = (hash << 5) - hash + agentId.charCodeAt(i) | 0;
+  }
+  return AGENT_COLORS[Math.abs(hash) % AGENT_COLORS.length];
+}
+function getAgentInitials(name) {
+  const parts = name.trim().split(/\s+/);
+  if (parts.length >= 2) {
+    return (parts[0][0] + parts[1][0]).toUpperCase();
+  }
+  return name.slice(0, 2).toUpperCase();
+}
+function assignAgentColors(agents) {
+  return agents.map((agent) => ({
+    ...agent,
+    color: agent.color || getAgentColor(agent.id)
+  }));
+}
+
+// src/components/ui/avatar.tsx
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { jsx as jsx6 } from "react/jsx-runtime";
+function Avatar({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx6(
+    AvatarPrimitive.Root,
+    {
+      "data-slot": "avatar",
+      className: cn(
+        "relative flex size-8 shrink-0 overflow-hidden rounded-full",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarImage({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx6(
+    AvatarPrimitive.Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn("aspect-square size-full", className),
+      ...props
+    }
+  );
+}
+function AvatarFallback({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx6(
+    AvatarPrimitive.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: cn(
+        "bg-muted flex size-full items-center justify-center rounded-full",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/chat/MessageSender.tsx
+import { Fragment, jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+var resolveMessageSenderDisplay = ({
+  sender,
+  fallbackName,
+  fallbackAvatar,
+  fallbackAvatarUrl,
+  compactMode = false
+}) => {
+  const name = sender?.name?.trim() || fallbackName;
+  const isAgentLike = sender?.type === "agent" || sender?.type === "tool";
+  const color = sender?.color || (isAgentLike && sender?.id ? getAgentColor(sender.id) : void 0);
+  const fallbackClassName = color ? `${compactMode ? "text-[10px]" : ""}` : sender?.type === "user" ? "bg-primary text-primary-foreground" : "bg-secondary text-secondary-foreground";
+  const fallbackContent = isAgentLike ? getAgentInitials(name) : name.charAt(0).toUpperCase();
+  const shouldUseFallbackAvatar = Boolean(
+    fallbackAvatar && (!sender || sender.id === "assistant" && !sender.avatarUrl)
+  );
+  return {
+    name,
+    color,
+    avatar: /* @__PURE__ */ jsxs3(Fragment, { children: [
+      sender?.avatarUrl || fallbackAvatarUrl ? /* @__PURE__ */ jsx7(AvatarImage, { src: sender?.avatarUrl || fallbackAvatarUrl, alt: name }) : null,
+      shouldUseFallbackAvatar ? fallbackAvatar : /* @__PURE__ */ jsx7(
+        AvatarFallback,
+        {
+          className: fallbackClassName,
+          style: color ? { backgroundColor: color, color: "white" } : void 0,
+          children: fallbackContent
+        }
+      )
+    ] })
+  };
+};
+var MessageSenderAvatar = ({
+  sender,
+  fallbackName,
+  fallbackAvatar,
+  fallbackAvatarUrl,
+  compactMode = false
+}) => {
+  const display = resolveMessageSenderDisplay({
+    sender,
+    fallbackName,
+    fallbackAvatar,
+    fallbackAvatarUrl,
+    compactMode
+  });
+  return /* @__PURE__ */ jsx7(Avatar, { className: compactMode ? "h-6 w-6" : "h-8 w-8", children: display.avatar });
+};
+
 // src/components/chat/Message.tsx
 import {
   Copy,
@@ -685,12 +628,12 @@ import {
   Check,
   X
 } from "lucide-react";
-import { Fragment, jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
 var hasRenderableAssistantBody = (message) => {
   if (message.role !== "assistant") return true;
   if (typeof message.content === "string" && message.content.trim().length > 0) return true;
   if (Array.isArray(message.attachments) && message.attachments.length > 0) return true;
-  return Boolean(message.activity);
+  return Boolean(message.activity?.items.length);
 };
 var defaultMarkdownComponents = {
   code: ({ node, className, children, ...props }) => {
@@ -741,7 +684,7 @@ var PlainTextContent = memo2(function PlainTextContent2({
   chunkSize = 12e3,
   style
 }) {
-  const chunks = useMemo2(() => getPlainTextChunks(content, chunkSize), [content, chunkSize]);
+  const chunks = useMemo(() => getPlainTextChunks(content, chunkSize), [content, chunkSize]);
   return /* @__PURE__ */ jsx8(
     LongContentShell,
     {
@@ -761,28 +704,28 @@ var StreamingText = memo2(function StreamingText2({
 }) {
   const hasContent = content.trim().length > 0;
   const enableSyntaxHighlight = renderMarkdown && !isStreaming && hasCodeBlocks(content);
-  const mergedComponents = useMemo2(
+  const mergedComponents = useMemo(
     () => ({
       ...defaultMarkdownComponents,
       ...markdown?.components
     }),
     [markdown?.components]
   );
-  const mergedRemarkPlugins = useMemo2(
+  const mergedRemarkPlugins = useMemo(
     () => [
       ...remarkPluginsDefault,
       ...markdown?.remarkPlugins ?? []
     ],
     [markdown?.remarkPlugins]
   );
-  const mergedRehypePlugins = useMemo2(
+  const mergedRehypePlugins = useMemo(
     () => [
       ...enableSyntaxHighlight ? rehypePluginsDefault : rehypePluginsEmpty,
       ...markdown?.rehypePlugins ?? []
     ],
     [enableSyntaxHighlight, markdown?.rehypePlugins]
   );
-  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
     hasContent ? renderMarkdown ? /* @__PURE__ */ jsx8(
       LongContentShell,
       {
@@ -810,7 +753,7 @@ var StreamingText = memo2(function StreamingText2({
 });
 var MediaRenderer = memo2(function MediaRenderer2({ attachment }) {
   const [audioPlaybackSrc, setAudioPlaybackSrc] = useState2(attachment.dataUrl);
-  useEffect2(() => {
+  useEffect(() => {
     if (attachment.kind !== "audio" || !attachment.dataUrl.startsWith("data:")) {
       setAudioPlaybackSrc(attachment.dataUrl);
       return;
@@ -833,7 +776,7 @@ var MediaRenderer = memo2(function MediaRenderer2({ attachment }) {
   };
   switch (attachment.kind) {
     case "image":
-      return /* @__PURE__ */ jsxs3("div", { className: "relative rounded-lg overflow-hidden border bg-muted/20 max-w-md", children: [
+      return /* @__PURE__ */ jsxs4("div", { className: "relative rounded-lg overflow-hidden border bg-muted/20 max-w-md", children: [
         /* @__PURE__ */ jsx8(
           "img",
           {
@@ -856,7 +799,7 @@ var MediaRenderer = memo2(function MediaRenderer2({ attachment }) {
         }
       ) });
     case "video":
-      return /* @__PURE__ */ jsxs3("div", { className: "relative rounded-lg overflow-hidden border bg-muted/20 max-w-lg", children: [
+      return /* @__PURE__ */ jsxs4("div", { className: "relative rounded-lg overflow-hidden border bg-muted/20 max-w-lg", children: [
         /* @__PURE__ */ jsx8(
           "video",
           {
@@ -883,7 +826,8 @@ var arePropsEqual = (prevProps, nextProps) => {
   if (prevProps.enableCopy !== nextProps.enableCopy) return false;
   if (prevProps.enableEdit !== nextProps.enableEdit) return false;
   if (prevProps.enableRegenerate !== nextProps.enableRegenerate) return false;
-  if (prevProps.activityDisplay !== nextProps.activityDisplay) return false;
+  if (prevProps.showActivity !== nextProps.showActivity) return false;
+  if (prevProps.showActivityDetails !== nextProps.showActivityDetails) return false;
   if (prevProps.compactMode !== nextProps.compactMode) return false;
   if (prevProps.className !== nextProps.className) return false;
   if (prevProps.labels !== nextProps.labels) return false;
@@ -912,7 +856,8 @@ var Message = memo2(({
   enableCopy = true,
   enableEdit = true,
   enableRegenerate = true,
-  activityDisplay = "full",
+  showActivity = true,
+  showActivityDetails = true,
   compactMode = false,
   onAction,
   className = "",
@@ -926,8 +871,7 @@ var Message = memo2(({
   renderUserMarkdown = true,
   markdown,
   isExpanded = false,
-  onToggleExpanded,
-  agentOptions = []
+  onToggleExpanded
 }) => {
   const [isEditing, setIsEditing] = useState2(false);
   const [editContent, setEditContent] = useState2(message.content);
@@ -937,12 +881,13 @@ var Message = memo2(({
   if (!hasRenderableAssistantBody(message)) {
     return null;
   }
-  const agentSender = !messageIsUser && message.senderAgentId ? agentOptions.find(
-    (a) => a.id === message.senderAgentId || a.name.toLowerCase() === (message.senderAgentId ?? "").toLowerCase() || a.name.toLowerCase() === (message.senderName ?? "").toLowerCase()
-  ) : void 0;
-  const isMultiAgent = agentOptions.length > 1;
-  const resolvedAssistantName = isMultiAgent && (agentSender?.name || message.senderName) || assistantName;
-  const agentColor = agentSender ? agentSender.color || getAgentColor(agentSender.id) : void 0;
+  const senderDisplay = resolveMessageSenderDisplay({
+    sender: message.sender,
+    fallbackName: messageIsUser ? userName : assistantName,
+    fallbackAvatar: messageIsUser ? void 0 : assistantAvatar,
+    fallbackAvatarUrl: messageIsUser ? userAvatar : void 0,
+    compactMode
+  });
   const canEdit = enableEdit && messageIsUser;
   const canRegenerate = enableRegenerate && !messageIsUser;
   const normalizedPreviewChars = Math.max(longMessagePreviewChars, 1);
@@ -990,43 +935,39 @@ var Message = memo2(({
       minute: "2-digit"
     });
   };
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     "div",
     {
       className: `flex w-full flex-col ${className} max-w-[800px] mx-auto`,
       onMouseEnter: () => setShowActions(true),
       onMouseLeave: () => setShowActions(false),
       children: [
-        /* @__PURE__ */ jsxs3("div", { className: `flex gap-3 ${messageIsUser ? "flex-row-reverse" : "flex-row"} w-full mb-1`, children: [
-          showAvatar && /* @__PURE__ */ jsx8("div", { className: `flex-shrink-0 ${compactMode ? "mt-1" : "mt-0"}`, children: /* @__PURE__ */ jsx8(Avatar, { className: compactMode ? "h-6 w-6" : "h-8 w-8", children: messageIsUser ? /* @__PURE__ */ jsxs3(Fragment, { children: [
-            /* @__PURE__ */ jsx8(AvatarImage, { src: userAvatar, alt: userName }),
-            /* @__PURE__ */ jsx8(AvatarFallback, { className: "bg-primary text-primary-foreground", children: userName.charAt(0).toUpperCase() })
-          ] }) : agentSender ? /* @__PURE__ */ jsxs3(Fragment, { children: [
-            agentSender.avatarUrl ? /* @__PURE__ */ jsx8(AvatarImage, { src: agentSender.avatarUrl, alt: agentSender.name }) : null,
-            /* @__PURE__ */ jsx8(
-              AvatarFallback,
-              {
-                style: agentColor ? { backgroundColor: agentColor, color: "white" } : void 0,
-                className: agentColor ? "text-[10px]" : "bg-secondary text-secondary-foreground",
-                children: getAgentInitials(agentSender.name)
-              }
-            )
-          ] }) : /* @__PURE__ */ jsx8(Fragment, { children: assistantAvatar || /* @__PURE__ */ jsx8(AvatarFallback, { className: "bg-secondary text-secondary-foreground", children: "AI" }) }) }) }),
-          /* @__PURE__ */ jsxs3("div", { className: `flex items-center gap-2 mb-1 ${messageIsUser ? "flex-row-reverse" : "flex-row"}`, children: [
+        /* @__PURE__ */ jsxs4("div", { className: `flex gap-3 ${messageIsUser ? "flex-row-reverse" : "flex-row"} w-full mb-1`, children: [
+          showAvatar && /* @__PURE__ */ jsx8("div", { className: `flex-shrink-0 ${compactMode ? "mt-1" : "mt-0"}`, children: /* @__PURE__ */ jsx8(
+            MessageSenderAvatar,
+            {
+              sender: message.sender,
+              fallbackName: messageIsUser ? userName : assistantName,
+              fallbackAvatar: messageIsUser ? void 0 : assistantAvatar,
+              fallbackAvatarUrl: messageIsUser ? userAvatar : void 0,
+              compactMode
+            }
+          ) }),
+          /* @__PURE__ */ jsxs4("div", { className: `flex items-center gap-2 mb-1 ${messageIsUser ? "flex-row-reverse" : "flex-row"}`, children: [
             /* @__PURE__ */ jsx8(
               "span",
               {
                 className: `font-medium ${compactMode ? "text-sm" : "text-base"}`,
-                style: !messageIsUser && agentColor ? { color: agentColor } : void 0,
-                children: messageIsUser ? userName : resolvedAssistantName
+                style: !messageIsUser && senderDisplay.color ? { color: senderDisplay.color } : void 0,
+                children: senderDisplay.name
               }
             ),
             showTimestamp && /* @__PURE__ */ jsx8("span", { className: "text-xs text-muted-foreground", children: formatTime(message.timestamp) }),
             message.isEdited && /* @__PURE__ */ jsx8(Badge, { variant: "outline", className: "text-xs", children: "editado" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx8("div", { className: `flex-1 min-w-0 ${messageIsUser ? "text-right" : "text-left"} ${horizontalOffsetClass}`, children: /* @__PURE__ */ jsxs3("div", { className: `relative overflow-hidden text-left ${messageIsUser ? "ml-auto inline-flex max-w-[85%] flex-col rounded-lg bg-primary p-3 text-primary-foreground" : "flex w-full max-w-full flex-col"}`, children: [
-          isEditing ? /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx8("div", { className: `flex-1 min-w-0 ${messageIsUser ? "text-right" : "text-left"} ${horizontalOffsetClass}`, children: /* @__PURE__ */ jsxs4("div", { className: `relative overflow-hidden text-left ${messageIsUser ? "ml-auto inline-flex max-w-[85%] flex-col rounded-lg bg-primary p-3 text-primary-foreground" : "flex w-full max-w-full flex-col"}`, children: [
+          isEditing ? /* @__PURE__ */ jsxs4("div", { className: "space-y-2", children: [
             /* @__PURE__ */ jsx8(
               Textarea,
               {
@@ -1036,22 +977,23 @@ var Message = memo2(({
                 autoFocus: true
               }
             ),
-            /* @__PURE__ */ jsxs3("div", { className: "flex gap-2 justify-end", children: [
-              /* @__PURE__ */ jsxs3(Button, { variant: "outline", size: "sm", onClick: handleCancelEdit, children: [
+            /* @__PURE__ */ jsxs4("div", { className: "flex gap-2 justify-end", children: [
+              /* @__PURE__ */ jsxs4(Button, { variant: "outline", size: "sm", onClick: handleCancelEdit, children: [
                 /* @__PURE__ */ jsx8(X, { className: "h-4 w-4 mr-1" }),
                 "Cancelar"
               ] }),
-              /* @__PURE__ */ jsxs3(Button, { size: "sm", onClick: handleEdit, children: [
+              /* @__PURE__ */ jsxs4(Button, { size: "sm", onClick: handleEdit, children: [
                 /* @__PURE__ */ jsx8(Check, { className: "h-4 w-4 mr-1" }),
                 "Salvar"
               ] })
             ] })
-          ] }) : /* @__PURE__ */ jsxs3(Fragment, { children: [
+          ] }) : /* @__PURE__ */ jsxs4(Fragment2, { children: [
             !messageIsUser && /* @__PURE__ */ jsx8(
               AssistantActivity,
               {
                 activity: message.activity,
-                displayMode: activityDisplay,
+                showActivity,
+                showActivityDetails,
                 labels
               }
             ),
@@ -1079,8 +1021,8 @@ var Message = memo2(({
             ) }),
             message.attachments && message.attachments.length > 0 && /* @__PURE__ */ jsx8("div", { className: "mt-3 space-y-2", children: message.attachments.map((attachment, index) => /* @__PURE__ */ jsx8(MediaRenderer, { attachment }, index)) })
           ] }),
-          !isEditing && (showActions || copied) && /* @__PURE__ */ jsxs3("div", { className: `absolute -top-2 flex gap-1 ${messageIsUser ? "-left-2" : "-right-2"}`, children: [
-            enableCopy && /* @__PURE__ */ jsxs3(Tooltip, { children: [
+          !isEditing && (showActions || copied) && /* @__PURE__ */ jsxs4("div", { className: `absolute -top-2 flex gap-1 ${messageIsUser ? "-left-2" : "-right-2"}`, children: [
+            enableCopy && /* @__PURE__ */ jsxs4(Tooltip, { children: [
               /* @__PURE__ */ jsx8(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx8(
                 Button,
                 {
@@ -1093,7 +1035,7 @@ var Message = memo2(({
               ) }),
               /* @__PURE__ */ jsx8(TooltipContent, { children: copied ? "Copiado!" : "Copiar" })
             ] }),
-            canEdit && /* @__PURE__ */ jsxs3(Tooltip, { children: [
+            canEdit && /* @__PURE__ */ jsxs4(Tooltip, { children: [
               /* @__PURE__ */ jsx8(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx8(
                 Button,
                 {
@@ -1106,7 +1048,7 @@ var Message = memo2(({
               ) }),
               /* @__PURE__ */ jsx8(TooltipContent, { children: "Editar" })
             ] }),
-            canRegenerate && /* @__PURE__ */ jsxs3(Tooltip, { children: [
+            canRegenerate && /* @__PURE__ */ jsxs4(Tooltip, { children: [
               /* @__PURE__ */ jsx8(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx8(
                 Button,
                 {
@@ -1127,7 +1069,7 @@ var Message = memo2(({
 }, arePropsEqual);
 
 // src/components/chat/Sidebar.tsx
-import { useEffect as useEffect8, useRef as useRef4, useState as useState5 } from "react";
+import { useEffect as useEffect7, useRef as useRef4, useState as useState5 } from "react";
 
 // src/components/ui/input.tsx
 import { jsx as jsx9 } from "react/jsx-runtime";
@@ -1199,7 +1141,7 @@ function Separator({
 import * as React4 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { XIcon } from "lucide-react";
-import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
 function cleanupBodyStyles() {
   if (typeof document !== "undefined" && document.body.style.pointerEvents === "none") {
     document.body.style.pointerEvents = "";
@@ -1251,9 +1193,9 @@ function SheetContent({
   side = "right",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs4(SheetPortal, { children: [
+  return /* @__PURE__ */ jsxs5(SheetPortal, { children: [
     /* @__PURE__ */ jsx11(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs4(
+    /* @__PURE__ */ jsxs5(
       SheetPrimitive.Content,
       {
         "data-slot": "sheet-content",
@@ -1269,7 +1211,7 @@ function SheetContent({
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsxs4(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+          /* @__PURE__ */ jsxs5(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
             /* @__PURE__ */ jsx11(XIcon, { className: "size-4" }),
             /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "Close" })
           ] })
@@ -1329,7 +1271,7 @@ function Skeleton({ className, ...props }) {
 }
 
 // src/components/ui/sidebar.tsx
-import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
@@ -1437,7 +1379,7 @@ function Sidebar({
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsx13(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs5(
+    return /* @__PURE__ */ jsx13(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs6(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -1449,7 +1391,7 @@ function Sidebar({
         },
         side,
         children: [
-          /* @__PURE__ */ jsxs5(SheetHeader, { className: "sr-only", children: [
+          /* @__PURE__ */ jsxs6(SheetHeader, { className: "sr-only", children: [
             /* @__PURE__ */ jsx13(SheetTitle, { children: "Sidebar" }),
             /* @__PURE__ */ jsx13(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
@@ -1458,7 +1400,7 @@ function Sidebar({
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       className: "group peer text-sidebar-foreground hidden md:block",
@@ -1513,7 +1455,7 @@ function SidebarTrigger({
   ...props
 }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     Button,
     {
       "data-sidebar": "trigger",
@@ -1724,7 +1666,7 @@ function SidebarMenuButton({
       children: tooltip
     };
   }
-  return /* @__PURE__ */ jsxs5(Tooltip, { children: [
+  return /* @__PURE__ */ jsxs6(Tooltip, { children: [
     /* @__PURE__ */ jsx13(TooltipTrigger, { asChild: true, children: button }),
     /* @__PURE__ */ jsx13(
       TooltipContent,
@@ -1769,7 +1711,7 @@ function SidebarMenuAction({
 import * as React6 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { XIcon as XIcon2 } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
 function cleanupBodyStyles2() {
   if (typeof document !== "undefined" && document.body.style.pointerEvents === "none") {
     document.body.style.pointerEvents = "";
@@ -1830,9 +1772,9 @@ function DialogContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs6(DialogPortal, { "data-slot": "dialog-portal", children: [
+  return /* @__PURE__ */ jsxs7(DialogPortal, { "data-slot": "dialog-portal", children: [
     /* @__PURE__ */ jsx14(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs6(
+    /* @__PURE__ */ jsxs7(
       DialogPrimitive.Content,
       {
         "data-slot": "dialog-content",
@@ -1844,7 +1786,7 @@ function DialogContent({
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs6(
+          showCloseButton && /* @__PURE__ */ jsxs7(
             DialogPrimitive.Close,
             {
               "data-slot": "dialog-close",
@@ -1913,7 +1855,7 @@ function DialogDescription({
 // src/components/ui/alert-dialog.tsx
 import * as React7 from "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 function cleanupBodyStyles3() {
   if (typeof document !== "undefined" && document.body.style.pointerEvents === "none") {
     document.body.style.pointerEvents = "";
@@ -1967,7 +1909,7 @@ function AlertDialogContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs7(AlertDialogPortal, { children: [
+  return /* @__PURE__ */ jsxs8(AlertDialogPortal, { children: [
     /* @__PURE__ */ jsx15(AlertDialogOverlay, {}),
     /* @__PURE__ */ jsx15(
       AlertDialogPrimitive.Content,
@@ -2065,7 +2007,7 @@ 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 jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
 function DropdownMenu({
   ...props
 }) {
@@ -2176,7 +2118,7 @@ import {
   Sun,
   User
 } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
 var getInitials = (name, email) => {
   if (name) {
     return name.split(" ").map((n) => n[0]).slice(0, 2).join("").toUpperCase();
@@ -2212,19 +2154,19 @@ var UserMenu = ({
   };
   const displayName = getDisplayName(user, labels.guest);
   const initials = getInitials(user?.name, user?.email);
-  return /* @__PURE__ */ jsx17(SidebarMenu, { children: /* @__PURE__ */ jsx17(SidebarMenuItem, { children: /* @__PURE__ */ jsxs9(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx17(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsx17(SidebarMenu, { children: /* @__PURE__ */ jsx17(SidebarMenuItem, { children: /* @__PURE__ */ jsxs10(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx17(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs10(
       SidebarMenuButton,
       {
         size: "lg",
         className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
         tooltip: displayName,
         children: [
-          /* @__PURE__ */ jsxs9(Avatar, { className: "h-8 w-8 rounded-lg", children: [
+          /* @__PURE__ */ jsxs10(Avatar, { className: "h-8 w-8 rounded-lg", children: [
             user?.avatar && /* @__PURE__ */ jsx17(AvatarImage, { src: user.avatar, alt: displayName }),
             /* @__PURE__ */ jsx17(AvatarFallback, { className: "rounded-lg bg-primary/10 text-primary text-xs font-medium", children: initials })
           ] }),
-          /* @__PURE__ */ jsxs9("div", { className: "grid flex-1 text-left text-sm leading-tight group-data-[collapsible=icon]:hidden", children: [
+          /* @__PURE__ */ jsxs10("div", { className: "grid flex-1 text-left text-sm leading-tight group-data-[collapsible=icon]:hidden", children: [
             /* @__PURE__ */ jsx17("span", { className: "truncate font-medium", children: displayName }),
             user?.email && /* @__PURE__ */ jsx17("span", { className: "truncate text-xs text-muted-foreground", children: user.email })
           ] }),
@@ -2232,7 +2174,7 @@ var UserMenu = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs9(
+    /* @__PURE__ */ jsxs10(
       DropdownMenuContent,
       {
         className: "w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg",
@@ -2240,30 +2182,30 @@ var UserMenu = ({
         align: "end",
         sideOffset: 4,
         children: [
-          /* @__PURE__ */ jsx17(DropdownMenuLabel, { className: "p-0 font-normal", children: /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm", children: [
-            /* @__PURE__ */ jsxs9(Avatar, { className: "h-8 w-8 rounded-lg", children: [
+          /* @__PURE__ */ jsx17(DropdownMenuLabel, { className: "p-0 font-normal", children: /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm", children: [
+            /* @__PURE__ */ jsxs10(Avatar, { className: "h-8 w-8 rounded-lg", children: [
               user?.avatar && /* @__PURE__ */ jsx17(AvatarImage, { src: user.avatar, alt: displayName }),
               /* @__PURE__ */ jsx17(AvatarFallback, { className: "rounded-lg bg-primary/10 text-primary text-xs font-medium", children: initials })
             ] }),
-            /* @__PURE__ */ jsxs9("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+            /* @__PURE__ */ jsxs10("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
               /* @__PURE__ */ jsx17("span", { className: "truncate font-medium", children: displayName }),
               user?.email && /* @__PURE__ */ jsx17("span", { className: "truncate text-xs text-muted-foreground", children: user.email })
             ] })
           ] }) }),
           /* @__PURE__ */ jsx17(DropdownMenuSeparator, {}),
-          callbacks?.onViewProfile && /* @__PURE__ */ jsxs9(DropdownMenuItem, { onClick: callbacks.onViewProfile, children: [
+          callbacks?.onViewProfile && /* @__PURE__ */ jsxs10(DropdownMenuItem, { onClick: callbacks.onViewProfile, children: [
             /* @__PURE__ */ jsx17(User, { className: "mr-2 h-4 w-4" }),
             /* @__PURE__ */ jsx17("span", { children: labels.profile })
           ] }),
-          callbacks?.onOpenSettings && /* @__PURE__ */ jsxs9(DropdownMenuItem, { onClick: callbacks.onOpenSettings, children: [
+          callbacks?.onOpenSettings && /* @__PURE__ */ jsxs10(DropdownMenuItem, { onClick: callbacks.onOpenSettings, children: [
             /* @__PURE__ */ jsx17(Settings, { className: "mr-2 h-4 w-4" }),
             /* @__PURE__ */ jsx17("span", { children: labels.settings })
           ] }),
           additionalItems,
-          sections.map((section) => /* @__PURE__ */ jsxs9(React8.Fragment, { children: [
+          sections.map((section) => /* @__PURE__ */ jsxs10(React8.Fragment, { children: [
             /* @__PURE__ */ jsx17(DropdownMenuSeparator, {}),
             section.label && /* @__PURE__ */ jsx17(DropdownMenuLabel, { className: "px-2 py-2", children: section.label }),
-            section.items.map((item) => /* @__PURE__ */ jsxs9(
+            section.items.map((item) => /* @__PURE__ */ jsxs10(
               DropdownMenuItem,
               {
                 onClick: item.onSelect,
@@ -2281,9 +2223,9 @@ var UserMenu = ({
               item.id
             ))
           ] }, section.id)),
-          showThemeOptions && callbacks?.onThemeChange && /* @__PURE__ */ jsxs9(Fragment2, { children: [
+          showThemeOptions && callbacks?.onThemeChange && /* @__PURE__ */ jsxs10(Fragment3, { children: [
             /* @__PURE__ */ jsx17(DropdownMenuSeparator, {}),
-            /* @__PURE__ */ jsxs9(
+            /* @__PURE__ */ jsxs10(
               DropdownMenuItem,
               {
                 onClick: () => callbacks.onThemeChange?.("light"),
@@ -2294,7 +2236,7 @@ var UserMenu = ({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs9(
+            /* @__PURE__ */ jsxs10(
               DropdownMenuItem,
               {
                 onClick: () => callbacks.onThemeChange?.("dark"),
@@ -2305,7 +2247,7 @@ var UserMenu = ({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs9(
+            /* @__PURE__ */ jsxs10(
               DropdownMenuItem,
               {
                 onClick: () => callbacks.onThemeChange?.("system"),
@@ -2317,9 +2259,9 @@ var UserMenu = ({
               }
             )
           ] }),
-          callbacks?.onLogout && /* @__PURE__ */ jsxs9(Fragment2, { children: [
+          callbacks?.onLogout && /* @__PURE__ */ jsxs10(Fragment3, { children: [
             /* @__PURE__ */ jsx17(DropdownMenuSeparator, {}),
-            /* @__PURE__ */ jsxs9(
+            /* @__PURE__ */ jsxs10(
               DropdownMenuItem,
               {
                 onClick: callbacks.onLogout,
@@ -2338,7 +2280,7 @@ var UserMenu = ({
 };
 
 // src/components/chat/Sidebar.tsx
-import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
 var CreateThreadDialog = ({ config, onCreateThread, trigger }) => {
   const [title, setTitle] = useState5("");
   const [isOpen, setIsOpen] = useState5(false);
@@ -2347,13 +2289,13 @@ var CreateThreadDialog = ({ config, onCreateThread, trigger }) => {
     setTitle("");
     setIsOpen(false);
   };
-  return /* @__PURE__ */ jsxs10(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: [
-    /* @__PURE__ */ jsx18(DialogTrigger, { asChild: true, children: trigger || /* @__PURE__ */ jsxs10(Button, { className: "w-full justify-start", variant: "outline", children: [
+  return /* @__PURE__ */ jsxs11(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: [
+    /* @__PURE__ */ jsx18(DialogTrigger, { asChild: true, children: trigger || /* @__PURE__ */ jsxs11(Button, { className: "w-full justify-start", variant: "outline", children: [
       /* @__PURE__ */ jsx18(Plus, { className: "mr-2 h-4 w-4" }),
       config.labels?.newChat || "New Chat"
     ] }) }),
-    /* @__PURE__ */ jsxs10(DialogContent, { children: [
-      /* @__PURE__ */ jsxs10(DialogHeader, { children: [
+    /* @__PURE__ */ jsxs11(DialogContent, { children: [
+      /* @__PURE__ */ jsxs11(DialogHeader, { children: [
         /* @__PURE__ */ jsx18(DialogTitle, { children: config.labels?.createNewThread || "New Conversation" }),
         /* @__PURE__ */ jsx18(DialogDescription, { children: "Give your new conversation a name or leave blank to auto-generate one." })
       ] }),
@@ -2367,7 +2309,7 @@ var CreateThreadDialog = ({ config, onCreateThread, trigger }) => {
           autoFocus: true
         }
       ),
-      /* @__PURE__ */ jsxs10(DialogFooter, { children: [
+      /* @__PURE__ */ jsxs11(DialogFooter, { children: [
         /* @__PURE__ */ jsx18(Button, { variant: "outline", onClick: () => setIsOpen(false), children: config.labels?.cancel || "Cancel" }),
         /* @__PURE__ */ jsx18(Button, { onClick: handleCreate, children: config.labels?.create || "Create" })
       ] })
@@ -2403,7 +2345,7 @@ var Sidebar2 = ({
   const [editTitle, setEditTitle] = useState5("");
   const inputRef = useRef4(null);
   const { setOpen } = useSidebar();
-  useEffect8(() => {
+  useEffect7(() => {
     if (editingThreadId && inputRef.current) {
       inputRef.current.focus();
       inputRef.current.select();
@@ -2456,11 +2398,11 @@ var Sidebar2 = ({
   const cancelEdit = () => {
     setEditingThreadId(null);
   };
-  return /* @__PURE__ */ jsxs10(Sidebar, { collapsible: "icon", ...props, children: [
-    /* @__PURE__ */ jsxs10(SidebarHeader, { children: [
-      /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-3 px-2 py-3", children: [
+  return /* @__PURE__ */ jsxs11(Sidebar, { collapsible: "icon", ...props, children: [
+    /* @__PURE__ */ jsxs11(SidebarHeader, { children: [
+      /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-3 px-2 py-3", children: [
         /* @__PURE__ */ jsx18("div", { className: "flex items-center justify-center shrink-0", children: config.branding?.logo || /* @__PURE__ */ jsx18(Avatar, { className: "h-8 w-8", children: /* @__PURE__ */ jsx18(AvatarFallback, { className: "bg-primary text-primary-foreground", children: /* @__PURE__ */ jsx18(Bot, { className: "h-4 w-4" }) }) }) }),
-        /* @__PURE__ */ jsxs10("div", { className: "flex flex-col min-w-0 group-data-[collapsible=icon]:hidden", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "flex flex-col min-w-0 group-data-[collapsible=icon]:hidden", children: [
           /* @__PURE__ */ jsx18("span", { className: "text-sm font-semibold truncate", children: config.branding?.title || "Chat" }),
           config.branding?.subtitle && /* @__PURE__ */ jsx18("span", { className: "text-xs text-muted-foreground truncate", children: config.branding.subtitle })
         ] })
@@ -2470,7 +2412,7 @@ var Sidebar2 = ({
         {
           config,
           onCreateThread,
-          trigger: /* @__PURE__ */ jsx18(SidebarMenu, { children: /* @__PURE__ */ jsx18(SidebarMenuItem, { children: /* @__PURE__ */ jsxs10(
+          trigger: /* @__PURE__ */ jsx18(SidebarMenu, { children: /* @__PURE__ */ jsx18(SidebarMenuItem, { children: /* @__PURE__ */ jsxs11(
             SidebarMenuButton,
             {
               size: "lg",
@@ -2484,8 +2426,8 @@ var Sidebar2 = ({
           ) }) })
         }
       ),
-      /* @__PURE__ */ jsxs10("div", { className: "px-2 py-1 mt-4", children: [
-        /* @__PURE__ */ jsxs10("div", { className: "relative group-data-[collapsible=icon]:hidden", children: [
+      /* @__PURE__ */ jsxs11("div", { className: "px-2 py-1 mt-4", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "relative group-data-[collapsible=icon]:hidden", children: [
           /* @__PURE__ */ jsx18(Search, { className: "pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 select-none opacity-50" }),
           /* @__PURE__ */ jsx18(
             Input,
@@ -2510,8 +2452,8 @@ var Sidebar2 = ({
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs10(SidebarContent, { children: [
-      threads.some((t) => t.isArchived) && /* @__PURE__ */ jsx18("div", { className: "px-4 py-2 mt-2 group-data-[collapsible=icon]:hidden", children: /* @__PURE__ */ jsxs10(
+    /* @__PURE__ */ jsxs11(SidebarContent, { children: [
+      threads.some((t) => t.isArchived) && /* @__PURE__ */ jsx18("div", { className: "px-4 py-2 mt-2 group-data-[collapsible=icon]:hidden", children: /* @__PURE__ */ jsxs11(
         Button,
         {
           variant: "ghost",
@@ -2524,12 +2466,12 @@ var Sidebar2 = ({
           ]
         }
       ) }),
-      Object.keys(groupedThreads).length === 0 ? /* @__PURE__ */ jsxs10("div", { className: "px-4 py-8 text-center text-muted-foreground group-data-[collapsible=icon]:hidden", children: [
+      Object.keys(groupedThreads).length === 0 ? /* @__PURE__ */ jsxs11("div", { className: "px-4 py-8 text-center text-muted-foreground group-data-[collapsible=icon]:hidden", children: [
         /* @__PURE__ */ jsx18("div", { className: "mx-auto h-8 w-8 mb-2 flex items-center justify-center rounded-full bg-muted/50", children: /* @__PURE__ */ jsx18(Plus, { className: "h-4 w-4 opacity-50" }) }),
         /* @__PURE__ */ jsx18("p", { className: "text-xs", children: searchQuery ? config.labels?.noThreadsFound || "No conversations found" : config.labels?.noThreadsYet || "No conversations yet" })
-      ] }) : Object.entries(groupedThreads).map(([group, groupThreads]) => /* @__PURE__ */ jsxs10(SidebarGroup, { className: "mt-2", children: [
+      ] }) : Object.entries(groupedThreads).map(([group, groupThreads]) => /* @__PURE__ */ jsxs11(SidebarGroup, { className: "mt-2", children: [
         /* @__PURE__ */ jsx18(SidebarGroupLabel, { className: "group-data-[collapsible=icon]:hidden", children: group }),
-        /* @__PURE__ */ jsx18(SidebarGroupContent, { children: /* @__PURE__ */ jsx18(SidebarMenu, { children: groupThreads.map((thread) => /* @__PURE__ */ jsxs10(SidebarMenuItem, { children: [
+        /* @__PURE__ */ jsx18(SidebarGroupContent, { children: /* @__PURE__ */ jsx18(SidebarMenu, { children: groupThreads.map((thread) => /* @__PURE__ */ jsxs11(SidebarMenuItem, { children: [
           editingThreadId === thread.id ? /* @__PURE__ */ jsx18("div", { className: "flex items-center gap-1 px-2 py-1", children: /* @__PURE__ */ jsx18(
             Input,
             {
@@ -2547,7 +2489,7 @@ var Sidebar2 = ({
               onBlur: saveEdit,
               className: "h-7 text-sm"
             }
-          ) }) : /* @__PURE__ */ jsxs10(
+          ) }) : /* @__PURE__ */ jsxs11(
             SidebarMenuButton,
             {
               isActive: currentThreadId === thread.id,
@@ -2560,19 +2502,19 @@ var Sidebar2 = ({
               ]
             }
           ),
-          !editingThreadId && /* @__PURE__ */ jsxs10(DropdownMenu, { children: [
-            /* @__PURE__ */ jsx18(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs10(SidebarMenuAction, { showOnHover: true, children: [
+          !editingThreadId && /* @__PURE__ */ jsxs11(DropdownMenu, { children: [
+            /* @__PURE__ */ jsx18(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs11(SidebarMenuAction, { showOnHover: true, children: [
               /* @__PURE__ */ jsx18(MoreHorizontal, {}),
               /* @__PURE__ */ jsx18("span", { className: "sr-only", children: "More" })
             ] }) }),
-            /* @__PURE__ */ jsxs10(
+            /* @__PURE__ */ jsxs11(
               DropdownMenuContent,
               {
                 className: "w-48",
                 side: "right",
                 align: "start",
                 children: [
-                  /* @__PURE__ */ jsxs10(
+                  /* @__PURE__ */ jsxs11(
                     DropdownMenuItem,
                     {
                       onClick: () => startEditing(thread),
@@ -2582,7 +2524,7 @@ var Sidebar2 = ({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs10(
+                  /* @__PURE__ */ jsxs11(
                     DropdownMenuItem,
                     {
                       onClick: () => onArchiveThread?.(thread.id),
@@ -2593,7 +2535,7 @@ var Sidebar2 = ({
                     }
                   ),
                   /* @__PURE__ */ jsx18(DropdownMenuSeparator, {}),
-                  /* @__PURE__ */ jsxs10(
+                  /* @__PURE__ */ jsxs11(
                     DropdownMenuItem,
                     {
                       onClick: () => setDeleteThreadId(thread.id),
@@ -2629,12 +2571,12 @@ var Sidebar2 = ({
       {
         open: !!deleteThreadId,
         onOpenChange: () => setDeleteThreadId(null),
-        children: /* @__PURE__ */ jsxs10(AlertDialogContent, { children: [
-          /* @__PURE__ */ jsxs10(AlertDialogHeader, { children: [
+        children: /* @__PURE__ */ jsxs11(AlertDialogContent, { children: [
+          /* @__PURE__ */ jsxs11(AlertDialogHeader, { children: [
             /* @__PURE__ */ jsx18(AlertDialogTitle, { children: config.labels?.deleteConfirmTitle || "Delete Conversation" }),
             /* @__PURE__ */ jsx18(AlertDialogDescription, { children: config.labels?.deleteConfirmDescription || "Are you sure you want to delete this conversation? This action cannot be undone." })
           ] }),
-          /* @__PURE__ */ jsxs10(AlertDialogFooter, { children: [
+          /* @__PURE__ */ jsxs11(AlertDialogFooter, { children: [
             /* @__PURE__ */ jsx18(AlertDialogCancel, { children: config.labels?.cancel || "Cancel" }),
             /* @__PURE__ */ jsx18(
               AlertDialogAction,
@@ -2653,6 +2595,47 @@ var Sidebar2 = ({
 
 // src/components/chat/ChatHeader.tsx
 import React11 from "react";
+
+// src/components/ui/card.tsx
+import { jsx as jsx19 } from "react/jsx-runtime";
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsx19(
+    "div",
+    {
+      "data-slot": "card",
+      className: cn(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx19(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx19(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn("px-6", className),
+      ...props
+    }
+  );
+}
+
+// src/components/chat/ChatHeader.tsx
 import {
   Bot as Bot2,
   MoreVertical,
@@ -2668,9 +2651,9 @@ import {
 } from "lucide-react";
 
 // src/components/chat/AgentSelectors.tsx
-import { memo as memo3, useMemo as useMemo4 } from "react";
+import { memo as memo3, useMemo as useMemo3 } from "react";
 import { Check as Check3, ChevronDown as ChevronDown2, Users, AtSign, X as X2 } from "lucide-react";
-import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
 var ParticipantsSelector = memo3(({
   agents,
   participantIds,
@@ -2679,8 +2662,8 @@ var ParticipantsSelector = memo3(({
   maxVisible = 3,
   disabled = false
 }) => {
-  const agentsWithColors = useMemo4(() => assignAgentColors(agents), [agents]);
-  const selectedAgents = useMemo4(
+  const agentsWithColors = useMemo3(() => assignAgentColors(agents), [agents]);
+  const selectedAgents = useMemo3(
     () => agentsWithColors.filter((a) => participantIds.includes(a.id)),
     [agentsWithColors, participantIds]
   );
@@ -2698,19 +2681,19 @@ var ParticipantsSelector = memo3(({
   };
   const visibleAgents = selectedAgents.slice(0, maxVisible);
   const hiddenCount = selectedAgents.length - maxVisible;
-  return /* @__PURE__ */ jsxs11(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx19(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx20(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs12(
       Button,
       {
         variant: "ghost",
         className: "h-9 px-2 gap-1.5 text-sm hover:bg-accent/50",
         disabled,
         children: [
-          /* @__PURE__ */ jsx19(Users, { className: "h-4 w-4 text-muted-foreground" }),
-          /* @__PURE__ */ jsx19("div", { className: "flex items-center gap-1", children: visibleAgents.length > 0 ? /* @__PURE__ */ jsxs11(Fragment3, { children: [
-            /* @__PURE__ */ jsx19("div", { className: "flex -space-x-1.5", children: visibleAgents.map((agent) => /* @__PURE__ */ jsxs11(Avatar, { className: "h-5 w-5 border-2 border-background", children: [
-              /* @__PURE__ */ jsx19(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
-              /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx20(Users, { className: "h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx20("div", { className: "flex items-center gap-1", children: visibleAgents.length > 0 ? /* @__PURE__ */ jsxs12(Fragment4, { children: [
+            /* @__PURE__ */ jsx20("div", { className: "flex -space-x-1.5", children: visibleAgents.map((agent) => /* @__PURE__ */ jsxs12(Avatar, { className: "h-5 w-5 border-2 border-background", children: [
+              /* @__PURE__ */ jsx20(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
+              /* @__PURE__ */ jsx20(
                 AvatarFallback,
                 {
                   style: { backgroundColor: agent.color || getAgentColor(agent.id), color: "white" },
@@ -2719,34 +2702,34 @@ var ParticipantsSelector = memo3(({
                 }
               )
             ] }, agent.id)) }),
-            hiddenCount > 0 && /* @__PURE__ */ jsxs11("span", { className: "text-xs text-muted-foreground", children: [
+            hiddenCount > 0 && /* @__PURE__ */ jsxs12("span", { className: "text-xs text-muted-foreground", children: [
               "+",
               hiddenCount
             ] })
-          ] }) : /* @__PURE__ */ jsx19("span", { className: "text-muted-foreground", children: label }) }),
-          /* @__PURE__ */ jsx19(ChevronDown2, { className: "h-3 w-3 opacity-50" })
+          ] }) : /* @__PURE__ */ jsx20("span", { className: "text-muted-foreground", children: label }) }),
+          /* @__PURE__ */ jsx20(ChevronDown2, { className: "h-3 w-3 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs11(DropdownMenuContent, { align: "start", className: "w-[260px]", children: [
-      /* @__PURE__ */ jsxs11(DropdownMenuLabel, { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx19("span", { children: "Participants" }),
-        selectedAgents.length < agentsWithColors.length && /* @__PURE__ */ jsx19(Button, { variant: "ghost", size: "sm", className: "h-6 text-xs", onClick: selectAll, children: "Select All" })
+    /* @__PURE__ */ jsxs12(DropdownMenuContent, { align: "start", className: "w-[260px]", children: [
+      /* @__PURE__ */ jsxs12(DropdownMenuLabel, { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx20("span", { children: "Participants" }),
+        selectedAgents.length < agentsWithColors.length && /* @__PURE__ */ jsx20(Button, { variant: "ghost", size: "sm", className: "h-6 text-xs", onClick: selectAll, children: "Select All" })
       ] }),
-      /* @__PURE__ */ jsx19(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx20(DropdownMenuSeparator, {}),
       agentsWithColors.map((agent) => {
         const isSelected = participantIds.includes(agent.id);
         const isLastSelected = isSelected && participantIds.length === 1;
-        return /* @__PURE__ */ jsxs11(
+        return /* @__PURE__ */ jsxs12(
           DropdownMenuItem,
           {
             onClick: () => toggleParticipant(agent.id),
             className: "flex items-center gap-3 p-2 cursor-pointer",
             disabled: isLastSelected,
             children: [
-              /* @__PURE__ */ jsxs11(Avatar, { className: "h-6 w-6", children: [
-                /* @__PURE__ */ jsx19(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
-                /* @__PURE__ */ jsx19(
+              /* @__PURE__ */ jsxs12(Avatar, { className: "h-6 w-6", children: [
+                /* @__PURE__ */ jsx20(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
+                /* @__PURE__ */ jsx20(
                   AvatarFallback,
                   {
                     style: { backgroundColor: agent.color || getAgentColor(agent.id), color: "white" },
@@ -2755,11 +2738,11 @@ var ParticipantsSelector = memo3(({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs11("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ jsx19("div", { className: "font-medium text-sm truncate", children: agent.name }),
-                agent.description && /* @__PURE__ */ jsx19("div", { className: "text-xs text-muted-foreground truncate", children: agent.description })
+              /* @__PURE__ */ jsxs12("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsx20("div", { className: "font-medium text-sm truncate", children: agent.name }),
+                agent.description && /* @__PURE__ */ jsx20("div", { className: "text-xs text-muted-foreground truncate", children: agent.description })
               ] }),
-              isSelected && /* @__PURE__ */ jsx19(Check3, { className: "h-4 w-4 text-primary shrink-0" })
+              isSelected && /* @__PURE__ */ jsx20(Check3, { className: "h-4 w-4 text-primary shrink-0" })
             ]
           },
           agent.id
@@ -2777,24 +2760,24 @@ var TargetAgentSelector = memo3(({
   placeholder = "Select agent",
   disabled = false
 }) => {
-  const agentsWithColors = useMemo4(() => assignAgentColors(agents), [agents]);
-  const selectedAgent = useMemo4(
+  const agentsWithColors = useMemo3(() => assignAgentColors(agents), [agents]);
+  const selectedAgent = useMemo3(
     () => agentsWithColors.find((a) => a.id === targetAgentId),
     [agentsWithColors, targetAgentId]
   );
-  return /* @__PURE__ */ jsxs11(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx19(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx20(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs12(
       Button,
       {
         variant: "ghost",
         className: "h-9 px-3 gap-1.5 font-medium text-base hover:bg-accent/50",
         disabled,
         children: [
-          /* @__PURE__ */ jsx19(AtSign, { className: "h-4 w-4 text-muted-foreground" }),
-          selectedAgent ? /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxs11(Avatar, { className: "h-5 w-5", children: [
-              /* @__PURE__ */ jsx19(AvatarImage, { src: selectedAgent.avatarUrl, alt: selectedAgent.name }),
-              /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx20(AtSign, { className: "h-4 w-4 text-muted-foreground" }),
+          selectedAgent ? /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxs12(Avatar, { className: "h-5 w-5", children: [
+              /* @__PURE__ */ jsx20(AvatarImage, { src: selectedAgent.avatarUrl, alt: selectedAgent.name }),
+              /* @__PURE__ */ jsx20(
                 AvatarFallback,
                 {
                   style: { backgroundColor: selectedAgent.color || getAgentColor(selectedAgent.id), color: "white" },
@@ -2803,26 +2786,26 @@ var TargetAgentSelector = memo3(({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx19("span", { className: "max-w-[150px] truncate", children: selectedAgent.name })
-          ] }) : /* @__PURE__ */ jsx19("span", { className: "text-muted-foreground", children: placeholder }),
-          /* @__PURE__ */ jsx19(ChevronDown2, { className: "h-4 w-4 opacity-50" })
+            /* @__PURE__ */ jsx20("span", { className: "max-w-[150px] truncate", children: selectedAgent.name })
+          ] }) : /* @__PURE__ */ jsx20("span", { className: "text-muted-foreground", children: placeholder }),
+          /* @__PURE__ */ jsx20(ChevronDown2, { className: "h-4 w-4 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs11(DropdownMenuContent, { align: "start", className: "w-[280px]", children: [
-      /* @__PURE__ */ jsx19(DropdownMenuLabel, { children: label }),
-      /* @__PURE__ */ jsx19(DropdownMenuSeparator, {}),
+    /* @__PURE__ */ jsxs12(DropdownMenuContent, { align: "start", className: "w-[280px]", children: [
+      /* @__PURE__ */ jsx20(DropdownMenuLabel, { children: label }),
+      /* @__PURE__ */ jsx20(DropdownMenuSeparator, {}),
       agentsWithColors.map((agent) => {
         const isSelected = agent.id === targetAgentId;
-        return /* @__PURE__ */ jsxs11(
+        return /* @__PURE__ */ jsxs12(
           DropdownMenuItem,
           {
             onClick: () => onTargetChange(agent.id),
             className: "flex items-start gap-3 p-3 cursor-pointer",
             children: [
-              /* @__PURE__ */ jsxs11(Avatar, { className: "h-6 w-6 mt-0.5 shrink-0", children: [
-                /* @__PURE__ */ jsx19(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
-                /* @__PURE__ */ jsx19(
+              /* @__PURE__ */ jsxs12(Avatar, { className: "h-6 w-6 mt-0.5 shrink-0", children: [
+                /* @__PURE__ */ jsx20(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
+                /* @__PURE__ */ jsx20(
                   AvatarFallback,
                   {
                     style: { backgroundColor: agent.color || getAgentColor(agent.id), color: "white" },
@@ -2831,12 +2814,12 @@ var TargetAgentSelector = memo3(({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs11("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx19("span", { className: "font-medium text-sm", children: agent.name }),
-                  isSelected && /* @__PURE__ */ jsx19(Check3, { className: "h-4 w-4 text-primary shrink-0" })
+              /* @__PURE__ */ jsxs12("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx20("span", { className: "font-medium text-sm", children: agent.name }),
+                  isSelected && /* @__PURE__ */ jsx20(Check3, { className: "h-4 w-4 text-primary shrink-0" })
                 ] }),
-                agent.description && /* @__PURE__ */ jsx19("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-2", children: agent.description })
+                agent.description && /* @__PURE__ */ jsx20("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-2", children: agent.description })
               ] })
             ]
           },
@@ -2856,16 +2839,16 @@ var AgentBadge = memo3(({
   const color = agent.color || getAgentColor(agent.id);
   const avatarSize = size === "sm" ? "h-4 w-4" : "h-5 w-5";
   const textSize = size === "sm" ? "text-xs" : "text-sm";
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     Badge,
     {
       variant: "secondary",
       className: "flex items-center gap-1.5 pr-1",
       style: { borderColor: color, borderWidth: 1 },
       children: [
-        /* @__PURE__ */ jsxs11(Avatar, { className: avatarSize, children: [
-          /* @__PURE__ */ jsx19(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
-          /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsxs12(Avatar, { className: avatarSize, children: [
+          /* @__PURE__ */ jsx20(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
+          /* @__PURE__ */ jsx20(
             AvatarFallback,
             {
               style: { backgroundColor: color, color: "white" },
@@ -2874,8 +2857,8 @@ var AgentBadge = memo3(({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx19("span", { className: textSize, children: agent.name }),
-        showRemove && onRemove && /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20("span", { className: textSize, children: agent.name }),
+        showRemove && onRemove && /* @__PURE__ */ jsx20(
           Button,
           {
             variant: "ghost",
@@ -2885,7 +2868,7 @@ var AgentBadge = memo3(({
               e.stopPropagation();
               onRemove();
             },
-            children: /* @__PURE__ */ jsx19(X2, { className: "h-3 w-3" })
+            children: /* @__PURE__ */ jsx20(X2, { className: "h-3 w-3" })
           }
         )
       ]
@@ -2895,7 +2878,7 @@ var AgentBadge = memo3(({
 AgentBadge.displayName = "AgentBadge";
 
 // src/components/chat/ChatHeader.tsx
-import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
 var ChatHeader = ({
   config,
   currentThreadTitle,
@@ -2966,19 +2949,19 @@ var ChatHeader = ({
   };
   const selectedAgent = agentOptions.find((agent) => agent.id === selectedAgentId) || null;
   const agentPlaceholder = config.agentSelector?.label || "Select agent";
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     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__ */ jsx20(CardHeader, { className: "p-2", children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsxs12(Tooltip, { children: [
-            /* @__PURE__ */ jsx20(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx20(SidebarTrigger, { className: "-ml-1" }) }),
-            /* @__PURE__ */ jsx20(TooltipContent, { children: config.labels?.sidebarToggle || "Toggle Sidebar" })
+      children: /* @__PURE__ */ jsx21(CardHeader, { className: "p-2", children: /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsxs13(Tooltip, { children: [
+            /* @__PURE__ */ jsx21(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx21(SidebarTrigger, { className: "-ml-1" }) }),
+            /* @__PURE__ */ jsx21(TooltipContent, { children: config.labels?.sidebarToggle || "Toggle Sidebar" })
           ] }),
-          showAgentSelector && isMultiAgentMode && onParticipantsChange && /* @__PURE__ */ jsx20(
+          showAgentSelector && isMultiAgentMode && onParticipantsChange && /* @__PURE__ */ jsx21(
             ParticipantsSelector,
             {
               agents: agentOptions,
@@ -2986,40 +2969,40 @@ var ChatHeader = ({
               onParticipantsChange
             }
           ),
-          showAgentSelector && !isMultiAgentMode && /* @__PURE__ */ jsxs12(DropdownMenu, { children: [
-            /* @__PURE__ */ jsx20(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs12(
+          showAgentSelector && !isMultiAgentMode && /* @__PURE__ */ jsxs13(DropdownMenu, { children: [
+            /* @__PURE__ */ jsx21(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs13(
               Button,
               {
                 variant: "ghost",
                 className: "h-9 px-3 gap-1.5 font-medium text-base hover:bg-accent/50",
                 children: [
-                  selectedAgent?.avatarUrl ? /* @__PURE__ */ jsxs12(Avatar, { className: "h-5 w-5", children: [
-                    /* @__PURE__ */ jsx20(AvatarImage, { src: selectedAgent.avatarUrl, alt: selectedAgent.name }),
-                    /* @__PURE__ */ jsx20(AvatarFallback, { className: "text-[10px]", children: selectedAgent.name.charAt(0).toUpperCase() })
+                  selectedAgent?.avatarUrl ? /* @__PURE__ */ jsxs13(Avatar, { className: "h-5 w-5", children: [
+                    /* @__PURE__ */ jsx21(AvatarImage, { src: selectedAgent.avatarUrl, alt: selectedAgent.name }),
+                    /* @__PURE__ */ jsx21(AvatarFallback, { className: "text-[10px]", children: selectedAgent.name.charAt(0).toUpperCase() })
                   ] }) : null,
-                  /* @__PURE__ */ jsx20("span", { className: "max-w-[200px] truncate", children: selectedAgent?.name || agentPlaceholder }),
-                  /* @__PURE__ */ jsx20(ChevronDown3, { className: "h-4 w-4 opacity-50" })
+                  /* @__PURE__ */ jsx21("span", { className: "max-w-[200px] truncate", children: selectedAgent?.name || agentPlaceholder }),
+                  /* @__PURE__ */ jsx21(ChevronDown3, { className: "h-4 w-4 opacity-50" })
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsx20(DropdownMenuContent, { align: "start", className: "w-[280px]", children: agentOptions.map((agent) => {
+            /* @__PURE__ */ jsx21(DropdownMenuContent, { align: "start", className: "w-[280px]", children: agentOptions.map((agent) => {
               const isSelected = agent.id === selectedAgentId;
-              return /* @__PURE__ */ jsxs12(
+              return /* @__PURE__ */ jsxs13(
                 DropdownMenuItem,
                 {
                   onClick: () => onSelectAgent?.(agent.id),
                   className: "flex items-start gap-3 p-3 cursor-pointer",
                   children: [
-                    agent.avatarUrl ? /* @__PURE__ */ jsxs12(Avatar, { className: "h-6 w-6 mt-0.5 shrink-0", children: [
-                      /* @__PURE__ */ jsx20(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
-                      /* @__PURE__ */ jsx20(AvatarFallback, { className: "text-[10px]", children: agent.name.charAt(0).toUpperCase() })
-                    ] }) : /* @__PURE__ */ jsx20("div", { className: "h-6 w-6 mt-0.5 shrink-0 flex items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsx20(Bot2, { className: "h-3.5 w-3.5 text-primary" }) }),
-                    /* @__PURE__ */ jsxs12("div", { className: "flex-1 min-w-0", children: [
-                      /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
-                        /* @__PURE__ */ jsx20("span", { className: "font-medium text-sm", children: agent.name }),
-                        isSelected && /* @__PURE__ */ jsx20(Check4, { className: "h-4 w-4 text-primary shrink-0" })
+                    agent.avatarUrl ? /* @__PURE__ */ jsxs13(Avatar, { className: "h-6 w-6 mt-0.5 shrink-0", children: [
+                      /* @__PURE__ */ jsx21(AvatarImage, { src: agent.avatarUrl, alt: agent.name }),
+                      /* @__PURE__ */ jsx21(AvatarFallback, { className: "text-[10px]", children: agent.name.charAt(0).toUpperCase() })
+                    ] }) : /* @__PURE__ */ jsx21("div", { className: "h-6 w-6 mt-0.5 shrink-0 flex items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsx21(Bot2, { className: "h-3.5 w-3.5 text-primary" }) }),
+                    /* @__PURE__ */ jsxs13("div", { className: "flex-1 min-w-0", children: [
+                      /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
+                        /* @__PURE__ */ jsx21("span", { className: "font-medium text-sm", children: agent.name }),
+                        isSelected && /* @__PURE__ */ jsx21(Check4, { className: "h-4 w-4 text-primary shrink-0" })
                       ] }),
-                      agent.description && /* @__PURE__ */ jsx20("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-2", children: agent.description })
+                      agent.description && /* @__PURE__ */ jsx21("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-2", children: agent.description })
                     ] })
                   ]
                 },
@@ -3027,59 +3010,59 @@ var ChatHeader = ({
               );
             }) })
           ] }),
-          !showAgentSelector && isMobile && /* @__PURE__ */ jsx20("span", { className: "text-sm font-medium truncate max-w-[150px] ml-2", children: currentThreadTitle || config.branding?.title || "Chat" })
+          !showAgentSelector && isMobile && /* @__PURE__ */ jsx21("span", { className: "text-sm font-medium truncate max-w-[150px] ml-2", children: currentThreadTitle || config.branding?.title || "Chat" })
         ] }),
-        /* @__PURE__ */ jsx20("div", { className: "flex-1" }),
-        /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1", children: [
-          showCustomComponentButton && config.customComponent && /* @__PURE__ */ jsxs12(Tooltip, { children: [
-            /* @__PURE__ */ jsx20(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21("div", { className: "flex-1" }),
+        /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-1", children: [
+          showCustomComponentButton && config.customComponent && /* @__PURE__ */ jsxs13(Tooltip, { children: [
+            /* @__PURE__ */ jsx21(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx21(
               Button,
               {
                 variant: "ghost",
                 size: "icon",
                 className: "h-8 w-8",
                 onClick: onCustomComponentToggle,
-                children: config.customComponent.icon || /* @__PURE__ */ jsx20(Menu, { className: "h-4 w-4" })
+                children: config.customComponent.icon || /* @__PURE__ */ jsx21(Menu, { className: "h-4 w-4" })
               }
             ) }),
-            /* @__PURE__ */ jsx20(TooltipContent, { children: config.customComponent.label || config.labels?.customComponentToggle || "Toggle" })
+            /* @__PURE__ */ jsx21(TooltipContent, { children: config.customComponent.label || config.labels?.customComponentToggle || "Toggle" })
           ] }),
           config.headerActions,
-          /* @__PURE__ */ jsxs12(DropdownMenu, { children: [
-            /* @__PURE__ */ jsx20(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx20(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", children: /* @__PURE__ */ jsx20(MoreVertical, { className: "h-4 w-4" }) }) }),
-            /* @__PURE__ */ jsxs12(DropdownMenuContent, { align: "end", children: [
-              onNewThread && /* @__PURE__ */ jsxs12(Fragment4, { children: [
-                /* @__PURE__ */ jsxs12(DropdownMenuItem, { onClick: () => onNewThread?.(), className: "font-medium text-primary", children: [
-                  /* @__PURE__ */ jsx20(Plus2, { className: "h-4 w-4 mr-2" }),
+          /* @__PURE__ */ jsxs13(DropdownMenu, { children: [
+            /* @__PURE__ */ jsx21(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx21(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", children: /* @__PURE__ */ jsx21(MoreVertical, { className: "h-4 w-4" }) }) }),
+            /* @__PURE__ */ jsxs13(DropdownMenuContent, { align: "end", children: [
+              onNewThread && /* @__PURE__ */ jsxs13(Fragment5, { children: [
+                /* @__PURE__ */ jsxs13(DropdownMenuItem, { onClick: () => onNewThread?.(), className: "font-medium text-primary", children: [
+                  /* @__PURE__ */ jsx21(Plus2, { className: "h-4 w-4 mr-2" }),
                   config.labels?.newThread || "New Thread"
                 ] }),
-                /* @__PURE__ */ jsx20(DropdownMenuSeparator, {})
+                /* @__PURE__ */ jsx21(DropdownMenuSeparator, {})
               ] }),
-              onExportData && /* @__PURE__ */ jsxs12(DropdownMenuItem, { onClick: onExportData, children: [
-                /* @__PURE__ */ jsx20(Download, { className: "h-4 w-4 mr-2" }),
+              onExportData && /* @__PURE__ */ jsxs13(DropdownMenuItem, { onClick: onExportData, children: [
+                /* @__PURE__ */ jsx21(Download, { className: "h-4 w-4 mr-2" }),
                 config.labels?.exportData || "Export Data"
               ] }),
-              onImportData && /* @__PURE__ */ jsxs12(DropdownMenuItem, { onClick: handleImportClick, children: [
-                /* @__PURE__ */ jsx20(Upload, { className: "h-4 w-4 mr-2" }),
+              onImportData && /* @__PURE__ */ jsxs13(DropdownMenuItem, { onClick: handleImportClick, children: [
+                /* @__PURE__ */ jsx21(Upload, { className: "h-4 w-4 mr-2" }),
                 config.labels?.importData || "Import Data"
               ] }),
-              (onExportData || onImportData) && /* @__PURE__ */ jsx20(DropdownMenuSeparator, {}),
-              /* @__PURE__ */ jsx20(DropdownMenuItem, { onClick: toggleDarkMode, children: isDarkMode ? /* @__PURE__ */ jsxs12(Fragment4, { children: [
-                /* @__PURE__ */ jsx20(Sun2, { className: "h-4 w-4 mr-2" }),
+              (onExportData || onImportData) && /* @__PURE__ */ jsx21(DropdownMenuSeparator, {}),
+              /* @__PURE__ */ jsx21(DropdownMenuItem, { onClick: toggleDarkMode, children: isDarkMode ? /* @__PURE__ */ jsxs13(Fragment5, { children: [
+                /* @__PURE__ */ jsx21(Sun2, { className: "h-4 w-4 mr-2" }),
                 config.labels?.lightMode || "Light Mode"
-              ] }) : /* @__PURE__ */ jsxs12(Fragment4, { children: [
-                /* @__PURE__ */ jsx20(Moon2, { className: "h-4 w-4 mr-2" }),
+              ] }) : /* @__PURE__ */ jsxs13(Fragment5, { children: [
+                /* @__PURE__ */ jsx21(Moon2, { className: "h-4 w-4 mr-2" }),
                 config.labels?.darkMode || "Dark Mode"
               ] }) }),
-              onClearAll && /* @__PURE__ */ jsxs12(Fragment4, { children: [
-                /* @__PURE__ */ jsx20(DropdownMenuSeparator, {}),
-                /* @__PURE__ */ jsxs12(
+              onClearAll && /* @__PURE__ */ jsxs13(Fragment5, { children: [
+                /* @__PURE__ */ jsx21(DropdownMenuSeparator, {}),
+                /* @__PURE__ */ jsxs13(
                   DropdownMenuItem,
                   {
                     onClick: onClearAll,
                     className: "text-destructive",
                     children: [
-                      /* @__PURE__ */ jsx20(Trash22, { className: "h-4 w-4 mr-2" }),
+                      /* @__PURE__ */ jsx21(Trash22, { className: "h-4 w-4 mr-2" }),
                       config.labels?.clearAll || "Clear All"
                     ]
                   }
@@ -3094,18 +3077,18 @@ var ChatHeader = ({
 };
 
 // src/components/chat/ChatInput.tsx
-import React13, { useState as useState7, useRef as useRef5, useCallback as useCallback3, useEffect as useEffect10, memo as memo4 } from "react";
+import React13, { useState as useState7, useRef as useRef5, useCallback as useCallback3, useEffect as useEffect9, memo as memo4 } from "react";
 
 // src/components/chat/UserContext.tsx
-import { createContext as createContext2, useCallback as useCallback2, useContext as useContext2, useEffect as useEffect9, useMemo as useMemo5, useState as useState6 } from "react";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { createContext as createContext2, useCallback as useCallback2, useContext as useContext2, useEffect as useEffect8, useMemo as useMemo4, useState as useState6 } from "react";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var Ctx = createContext2(void 0);
 var ChatUserContextProvider = ({ children, initial }) => {
   const [ctx, setCtx] = useState6(() => ({
     updatedAt: Date.now(),
     ...initial ?? {}
   }));
-  useEffect9(() => {
+  useEffect8(() => {
     if (!initial) return;
     setCtx((prev) => {
       const keys = Object.keys(initial);
@@ -3120,12 +3103,12 @@ var ChatUserContextProvider = ({ children, initial }) => {
       return { ...prev, ...partial, updatedAt: Date.now() };
     });
   }, []);
-  const value = useMemo5(() => ({
+  const value = useMemo4(() => ({
     context: ctx,
     setContext: setPartial,
     resetContext: () => setCtx({ updatedAt: Date.now() })
   }), [ctx, setPartial]);
-  return /* @__PURE__ */ jsx21(Ctx.Provider, { value, children });
+  return /* @__PURE__ */ jsx22(Ctx.Provider, { value, children });
 };
 function useChatUserContext() {
   const v = useContext2(Ctx);
@@ -3459,13 +3442,13 @@ var resolveVoiceProviderFactory = (createProvider) => createProvider ?? createMa
 
 // src/components/ui/progress.tsx
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function Progress({
   className,
   value,
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     ProgressPrimitive.Root,
     {
       "data-slot": "progress",
@@ -3474,7 +3457,7 @@ function Progress({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx22(
+      children: /* @__PURE__ */ jsx23(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -3488,7 +3471,7 @@ function Progress({
 
 // src/components/chat/VoiceComposer.tsx
 import { Keyboard, Loader2, Mic, Send, Square, Trash2 as Trash23, X as X3 } from "lucide-react";
-import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
 var formatDuration = (durationMs) => {
   const totalSeconds = Math.max(0, Math.floor(durationMs / 1e3));
   const minutes = Math.floor(totalSeconds / 60);
@@ -3583,13 +3566,13 @@ var VoiceComposer = ({
     }
     onRecordAgain();
   };
-  return /* @__PURE__ */ jsxs13("div", { className: "w-full max-w-3xl rounded-2xl border bg-background p-3 shadow-sm sm:p-4 md:min-w-3xl", children: [
-    /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between gap-2 sm:gap-3", children: [
-      /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 items-center gap-2", children: [
-        /* @__PURE__ */ jsx23(Badge, { variant: "outline", children: labels?.voiceTitle || "Voice" }),
-        /* @__PURE__ */ jsx23("span", { className: "truncate rounded-full bg-muted px-2.5 py-1 text-[11px] sm:text-xs text-muted-foreground", children: headerLabel })
+  return /* @__PURE__ */ jsxs14("div", { className: "w-full max-w-3xl rounded-2xl border bg-background p-3 shadow-sm sm:p-4 md:min-w-3xl", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between gap-2 sm:gap-3", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "flex min-w-0 items-center gap-2", children: [
+        /* @__PURE__ */ jsx24(Badge, { variant: "outline", children: labels?.voiceTitle || "Voice" }),
+        /* @__PURE__ */ jsx24("span", { className: "truncate rounded-full bg-muted px-2.5 py-1 text-[11px] sm:text-xs text-muted-foreground", children: headerLabel })
       ] }),
-      /* @__PURE__ */ jsxs13(
+      /* @__PURE__ */ jsxs14(
         Button,
         {
           type: "button",
@@ -3599,14 +3582,14 @@ var VoiceComposer = ({
           onClick: onExit,
           disabled: disabled || isBusy,
           children: [
-            /* @__PURE__ */ jsx23(Keyboard, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx23("span", { className: "hidden sm:inline", children: labels?.voiceExit || "Use keyboard" })
+            /* @__PURE__ */ jsx24(Keyboard, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx24("span", { className: "hidden sm:inline", children: labels?.voiceExit || "Use keyboard" })
           ]
         }
       )
     ] }),
-    !isDraftLayout ? /* @__PURE__ */ jsx23("div", { className: "mt-3 rounded-xl border border-dashed border-primary/30 bg-primary/5 px-3 py-3 text-center sm:px-4 sm:py-4", children: /* @__PURE__ */ jsxs13("div", { className: "mx-auto flex w-full max-w-sm flex-col items-center gap-3", children: [
-      /* @__PURE__ */ jsx23(
+    !isDraftLayout ? /* @__PURE__ */ jsx24("div", { className: "mt-3 rounded-xl border border-dashed border-primary/30 bg-primary/5 px-3 py-3 text-center sm:px-4 sm:py-4", children: /* @__PURE__ */ jsxs14("div", { className: "mx-auto flex w-full max-w-sm flex-col items-center gap-3", children: [
+      /* @__PURE__ */ jsx24(
         Button,
         {
           type: "button",
@@ -3615,21 +3598,21 @@ var VoiceComposer = ({
           className: `h-16 w-16 rounded-full sm:h-20 sm:w-20 ${isCapturing ? "bg-red-500 hover:bg-red-600 text-white border-red-500" : "border-red-200 bg-red-50 text-red-600 hover:bg-red-100 hover:text-red-700"}`,
           onClick: isCapturing ? onStop : onStart,
           disabled: disabled || isBusy,
-          children: isBusy ? /* @__PURE__ */ jsx23(Loader2, { className: "h-7 w-7 animate-spin" }) : isCapturing ? /* @__PURE__ */ jsx23(Square, { className: "h-7 w-7" }) : /* @__PURE__ */ jsx23(Mic, { className: "h-7 w-7" })
+          children: isBusy ? /* @__PURE__ */ jsx24(Loader2, { className: "h-7 w-7 animate-spin" }) : isCapturing ? /* @__PURE__ */ jsx24(Square, { className: "h-7 w-7" }) : /* @__PURE__ */ jsx24(Mic, { className: "h-7 w-7" })
         }
       ),
-      /* @__PURE__ */ jsxs13("div", { className: "w-full space-y-2", children: [
-        /* @__PURE__ */ jsx23(Progress, { value: levelValue, className: "h-2" }),
-        /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ jsx23("span", { children: formatDuration(durationMs) }),
-          /* @__PURE__ */ jsx23("span", { children: isCapturing ? labels?.voiceStop || "Stop recording" : labels?.voiceStart || "Start recording" })
+      /* @__PURE__ */ jsxs14("div", { className: "w-full space-y-2", children: [
+        /* @__PURE__ */ jsx24(Progress, { value: levelValue, className: "h-2" }),
+        /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx24("span", { children: formatDuration(durationMs) }),
+          /* @__PURE__ */ jsx24("span", { children: isCapturing ? labels?.voiceStop || "Stop recording" : labels?.voiceStart || "Start recording" })
         ] })
       ] }),
-      showTranscriptPreview && transcriptMode !== "none" && transcriptText && /* @__PURE__ */ jsx23("div", { className: "w-full rounded-lg border bg-background px-3 py-2 text-left text-sm", children: transcriptText })
-    ] }) }) : /* @__PURE__ */ jsxs13("div", { className: "mt-3 rounded-xl border bg-muted/20 p-3 sm:p-4", children: [
-      /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between gap-2 text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ jsx23("span", { children: formatDuration(durationMs) }),
-        /* @__PURE__ */ jsx23(
+      showTranscriptPreview && transcriptMode !== "none" && transcriptText && /* @__PURE__ */ jsx24("div", { className: "w-full rounded-lg border bg-background px-3 py-2 text-left text-sm", children: transcriptText })
+    ] }) }) : /* @__PURE__ */ jsxs14("div", { className: "mt-3 rounded-xl border bg-muted/20 p-3 sm:p-4", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between gap-2 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx24("span", { children: formatDuration(durationMs) }),
+        /* @__PURE__ */ jsx24(
           Button,
           {
             type: "button",
@@ -3640,12 +3623,12 @@ var VoiceComposer = ({
             disabled,
             "aria-label": labels?.voiceDiscard || "Delete recording",
             title: labels?.voiceDiscard || "Delete recording",
-            children: /* @__PURE__ */ jsx23(Trash23, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx24(Trash23, { className: "h-4 w-4" })
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs13("div", { className: "mt-4 flex flex-col items-center gap-4 text-center", children: [
-        /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsxs14("div", { className: "mt-4 flex flex-col items-center gap-4 text-center", children: [
+        /* @__PURE__ */ jsx24(
           Button,
           {
             type: "button",
@@ -3654,12 +3637,12 @@ var VoiceComposer = ({
             className: `h-20 w-20 rounded-full sm:h-24 sm:w-24 ${orbIsListening ? "border-red-500 bg-red-500 text-white hover:bg-red-600" : isArmedDraft ? "border-red-200 bg-red-50 text-red-600 shadow-[0_0_0_10px_rgba(239,68,68,0.08)] hover:bg-red-100 hover:text-red-700" : "border-red-200 bg-red-50 text-red-600 hover:bg-red-100 hover:text-red-700"}`,
             onClick: handleReviewOrbClick,
             disabled: disabled || orbIsReviewBusy,
-            children: orbIsReviewBusy ? /* @__PURE__ */ jsx23(Loader2, { className: "h-7 w-7 animate-spin" }) : orbIsListening ? /* @__PURE__ */ jsx23(Square, { className: "h-7 w-7" }) : isArmedDraft ? /* @__PURE__ */ jsx23(Mic, { className: "h-7 w-7 animate-pulse" }) : /* @__PURE__ */ jsx23(Mic, { className: "h-7 w-7" })
+            children: orbIsReviewBusy ? /* @__PURE__ */ jsx24(Loader2, { className: "h-7 w-7 animate-spin" }) : orbIsListening ? /* @__PURE__ */ jsx24(Square, { className: "h-7 w-7" }) : isArmedDraft ? /* @__PURE__ */ jsx24(Mic, { className: "h-7 w-7 animate-pulse" }) : /* @__PURE__ */ jsx24(Mic, { className: "h-7 w-7" })
           }
         ),
-        /* @__PURE__ */ jsxs13("div", { className: "max-w-sm space-y-1 px-2", children: [
-          /* @__PURE__ */ jsx23("p", { className: "text-sm text-foreground", children: reviewHelperText }),
-          isCapturing && /* @__PURE__ */ jsx23("div", { className: "mx-auto h-1.5 w-32 overflow-hidden rounded-full bg-red-100", children: /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsxs14("div", { className: "max-w-sm space-y-1 px-2", children: [
+          /* @__PURE__ */ jsx24("p", { className: "text-sm text-foreground", children: reviewHelperText }),
+          isCapturing && /* @__PURE__ */ jsx24("div", { className: "mx-auto h-1.5 w-32 overflow-hidden rounded-full bg-red-100", children: /* @__PURE__ */ jsx24(
             "div",
             {
               className: "h-full rounded-full bg-red-500 transition-[width] duration-150",
@@ -3668,21 +3651,21 @@ var VoiceComposer = ({
           ) })
         ] })
       ] }),
-      attachment && /* @__PURE__ */ jsx23("div", { className: "mt-4 rounded-lg border bg-background/90 p-2 shadow-sm", children: /* @__PURE__ */ jsx23("audio", { controls: true, preload: "metadata", className: "w-full", children: /* @__PURE__ */ jsx23("source", { src: attachment.dataUrl, type: attachment.mimeType }) }) }),
-      showTranscriptPreview && transcriptMode !== "none" && transcriptText && /* @__PURE__ */ jsx23("div", { className: "mt-3 rounded-lg border bg-background px-3 py-2 text-left text-sm", children: transcriptText }),
-      isAutoSendActive && autoSendDelayMs > 0 && /* @__PURE__ */ jsx23("div", { className: "mt-3 flex justify-center", children: /* @__PURE__ */ jsx23("div", { className: "inline-flex items-center rounded-full border bg-background px-3 py-1 text-xs text-muted-foreground", children: interpolateSeconds(labels?.voiceAutoSendIn, countdownSeconds) }) }),
-      /* @__PURE__ */ jsxs13("div", { className: "mt-4 grid grid-cols-1 gap-2 sm:flex sm:items-center sm:justify-end", children: [
-        isAutoSendActive && /* @__PURE__ */ jsxs13(Button, { type: "button", variant: "ghost", size: "sm", onClick: onCancelAutoSend, disabled, className: "w-full sm:w-auto", children: [
-          /* @__PURE__ */ jsx23(X3, { className: "h-4 w-4" }),
+      attachment && /* @__PURE__ */ jsx24("div", { className: "mt-4 rounded-lg border bg-background/90 p-2 shadow-sm", children: /* @__PURE__ */ jsx24("audio", { controls: true, preload: "metadata", className: "w-full", children: /* @__PURE__ */ jsx24("source", { src: attachment.dataUrl, type: attachment.mimeType }) }) }),
+      showTranscriptPreview && transcriptMode !== "none" && transcriptText && /* @__PURE__ */ jsx24("div", { className: "mt-3 rounded-lg border bg-background px-3 py-2 text-left text-sm", children: transcriptText }),
+      isAutoSendActive && autoSendDelayMs > 0 && /* @__PURE__ */ jsx24("div", { className: "mt-3 flex justify-center", children: /* @__PURE__ */ jsx24("div", { className: "inline-flex items-center rounded-full border bg-background px-3 py-1 text-xs text-muted-foreground", children: interpolateSeconds(labels?.voiceAutoSendIn, countdownSeconds) }) }),
+      /* @__PURE__ */ jsxs14("div", { className: "mt-4 grid grid-cols-1 gap-2 sm:flex sm:items-center sm:justify-end", children: [
+        isAutoSendActive && /* @__PURE__ */ jsxs14(Button, { type: "button", variant: "ghost", size: "sm", onClick: onCancelAutoSend, disabled, className: "w-full sm:w-auto", children: [
+          /* @__PURE__ */ jsx24(X3, { className: "h-4 w-4" }),
           labels?.voiceCancel || "Cancel"
         ] }),
-        /* @__PURE__ */ jsxs13(Button, { type: "button", size: "sm", onClick: onSendNow, disabled, className: "w-full sm:w-auto", children: [
-          /* @__PURE__ */ jsx23(Send, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsxs14(Button, { type: "button", size: "sm", onClick: onSendNow, disabled, className: "w-full sm:w-auto", children: [
+          /* @__PURE__ */ jsx24(Send, { className: "h-4 w-4" }),
           labels?.voiceSendNow || "Send now"
         ] })
       ] })
     ] }),
-    errorMessage && /* @__PURE__ */ jsx23("div", { className: "mt-3 rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2 text-sm text-destructive", children: errorMessage })
+    errorMessage && /* @__PURE__ */ jsx24("div", { className: "mt-3 rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2 text-sm text-destructive", children: errorMessage })
   ] });
 };
 
@@ -3700,7 +3683,7 @@ import {
   Pause,
   Loader2 as Loader22
 } from "lucide-react";
-import { Fragment as Fragment5, jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
 function getActiveMentionMatch(value, caret) {
   const prefix = value.slice(0, caret);
   const match = /(^|\s)@([\w.-]*)$/.exec(prefix);
@@ -3752,10 +3735,10 @@ var FileUploadItem = memo4(function FileUploadItem2({ file, progress, onCancel }
   };
   const getFileIcon = (type, name) => {
     const t = typeof type === "string" && type.length > 0 ? type : guessTypeFromName(name);
-    if (t.startsWith("image/")) return /* @__PURE__ */ jsx24(Image2, { className: "h-4 w-4" });
-    if (t.startsWith("video/")) return /* @__PURE__ */ jsx24(Video, { className: "h-4 w-4" });
-    if (t.startsWith("audio/")) return /* @__PURE__ */ jsx24(Mic2, { className: "h-4 w-4" });
-    return /* @__PURE__ */ jsx24(FileText, { className: "h-4 w-4" });
+    if (t.startsWith("image/")) return /* @__PURE__ */ jsx25(Image2, { className: "h-4 w-4" });
+    if (t.startsWith("video/")) return /* @__PURE__ */ jsx25(Video, { className: "h-4 w-4" });
+    if (t.startsWith("audio/")) return /* @__PURE__ */ jsx25(Mic2, { className: "h-4 w-4" });
+    return /* @__PURE__ */ jsx25(FileText, { className: "h-4 w-4" });
   };
   const formatFileSize = (bytes) => {
     if (bytes === 0) return "0 Bytes";
@@ -3764,21 +3747,21 @@ var FileUploadItem = memo4(function FileUploadItem2({ file, progress, onCancel }
     const i = Math.floor(Math.log(bytes) / Math.log(k));
     return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
   };
-  return /* @__PURE__ */ jsx24(Card, { className: "relative", children: /* @__PURE__ */ jsx24(CardContent, { className: "p-3", children: /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-3", children: [
+  return /* @__PURE__ */ jsx25(Card, { className: "relative", children: /* @__PURE__ */ jsx25(CardContent, { className: "p-3", children: /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-3", children: [
     getFileIcon(file.type, file.name),
-    /* @__PURE__ */ jsxs14("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsx24("p", { className: "text-sm font-medium truncate", children: file.name }),
-      /* @__PURE__ */ jsx24("p", { className: "text-xs text-muted-foreground", children: formatFileSize(file.size ?? 0) }),
-      /* @__PURE__ */ jsx24(Progress, { value: progress, className: "h-1 mt-1" })
+    /* @__PURE__ */ jsxs15("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ jsx25("p", { className: "text-sm font-medium truncate", children: file.name }),
+      /* @__PURE__ */ jsx25("p", { className: "text-xs text-muted-foreground", children: formatFileSize(file.size ?? 0) }),
+      /* @__PURE__ */ jsx25(Progress, { value: progress, className: "h-1 mt-1" })
     ] }),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       Button,
       {
         variant: "ghost",
         size: "icon",
         className: "h-6 w-6",
         onClick: onCancel,
-        children: /* @__PURE__ */ jsx24(X4, { className: "h-3 w-3" })
+        children: /* @__PURE__ */ jsx25(X4, { className: "h-3 w-3" })
       }
     )
   ] }) }) });
@@ -3787,7 +3770,7 @@ var AttachmentPreview = memo4(function AttachmentPreview2({ attachment, onRemove
   const [isPlaying, setIsPlaying] = useState7(false);
   const [audioPlaybackSrc, setAudioPlaybackSrc] = useState7(attachment.dataUrl);
   const audioRef = useRef5(null);
-  useEffect10(() => {
+  useEffect9(() => {
     if (attachment.kind !== "audio" || !attachment.dataUrl.startsWith("data:")) {
       setAudioPlaybackSrc(attachment.dataUrl);
       return;
@@ -3818,9 +3801,9 @@ var AttachmentPreview = memo4(function AttachmentPreview2({ attachment, onRemove
     const minutes = Math.floor(seconds / 60);
     return `${minutes}:${(seconds % 60).toString().padStart(2, "0")}`;
   };
-  return /* @__PURE__ */ jsx24(Card, { className: "relative group", children: /* @__PURE__ */ jsxs14(CardContent, { className: "p-2", children: [
-    attachment.kind === "image" && /* @__PURE__ */ jsxs14("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(Card, { className: "relative group", children: /* @__PURE__ */ jsxs15(CardContent, { className: "p-2", children: [
+    attachment.kind === "image" && /* @__PURE__ */ jsxs15("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx25(
         "img",
         {
           src: attachment.dataUrl,
@@ -3828,19 +3811,19 @@ var AttachmentPreview = memo4(function AttachmentPreview2({ attachment, onRemove
           className: "w-full h-20 object-cover rounded"
         }
       ),
-      /* @__PURE__ */ jsx24("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded flex items-center justify-center", children: /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx25("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded flex items-center justify-center", children: /* @__PURE__ */ jsx25(
         Button,
         {
           variant: "destructive",
           size: "icon",
           className: "h-6 w-6",
           onClick: onRemove,
-          children: /* @__PURE__ */ jsx24(X4, { className: "h-3 w-3" })
+          children: /* @__PURE__ */ jsx25(X4, { className: "h-3 w-3" })
         }
       ) })
     ] }),
-    attachment.kind === "video" && /* @__PURE__ */ jsxs14("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx24(
+    attachment.kind === "video" && /* @__PURE__ */ jsxs15("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx25(
         "video",
         {
           src: attachment.dataUrl,
@@ -3849,34 +3832,34 @@ var AttachmentPreview = memo4(function AttachmentPreview2({ attachment, onRemove
           muted: true
         }
       ),
-      /* @__PURE__ */ jsx24("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded flex items-center justify-center", children: /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx25("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded flex items-center justify-center", children: /* @__PURE__ */ jsx25(
         Button,
         {
           variant: "destructive",
           size: "icon",
           className: "h-6 w-6",
           onClick: onRemove,
-          children: /* @__PURE__ */ jsx24(X4, { className: "h-3 w-3" })
+          children: /* @__PURE__ */ jsx25(X4, { className: "h-3 w-3" })
         }
       ) }),
-      /* @__PURE__ */ jsx24(Badge, { className: "absolute bottom-1 right-1 text-xs", children: formatDuration2(attachment.durationMs) })
+      /* @__PURE__ */ jsx25(Badge, { className: "absolute bottom-1 right-1 text-xs", children: formatDuration2(attachment.durationMs) })
     ] }),
-    attachment.kind === "audio" && /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 p-2", children: [
-      /* @__PURE__ */ jsx24(
+    attachment.kind === "audio" && /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2 p-2", children: [
+      /* @__PURE__ */ jsx25(
         Button,
         {
           variant: "outline",
           size: "icon",
           className: "h-8 w-8",
           onClick: handlePlayPause,
-          children: isPlaying ? /* @__PURE__ */ jsx24(Pause, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx24(Play, { className: "h-3 w-3" })
+          children: isPlaying ? /* @__PURE__ */ jsx25(Pause, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx25(Play, { className: "h-3 w-3" })
         }
       ),
-      /* @__PURE__ */ jsxs14("div", { className: "flex-1", children: [
-        /* @__PURE__ */ jsx24("p", { className: "text-xs font-medium", children: attachment.fileName || "Audio" }),
-        /* @__PURE__ */ jsx24("p", { className: "text-xs text-muted-foreground", children: formatDuration2(attachment.durationMs) })
+      /* @__PURE__ */ jsxs15("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx25("p", { className: "text-xs font-medium", children: attachment.fileName || "Audio" }),
+        /* @__PURE__ */ jsx25("p", { className: "text-xs text-muted-foreground", children: formatDuration2(attachment.durationMs) })
       ] }),
-      /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx25(
         "audio",
         {
           ref: audioRef,
@@ -3884,21 +3867,21 @@ var AttachmentPreview = memo4(function AttachmentPreview2({ attachment, onRemove
           onPause: () => setIsPlaying(false),
           onEnded: () => setIsPlaying(false),
           preload: "metadata",
-          children: /* @__PURE__ */ jsx24("source", { src: audioPlaybackSrc, type: attachment.mimeType })
+          children: /* @__PURE__ */ jsx25("source", { src: audioPlaybackSrc, type: attachment.mimeType })
         }
       ),
-      /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx25(
         Button,
         {
           variant: "ghost",
           size: "icon",
           className: "h-6 w-6 opacity-0 group-hover:opacity-100 transition-opacity",
           onClick: onRemove,
-          children: /* @__PURE__ */ jsx24(X4, { className: "h-3 w-3" })
+          children: /* @__PURE__ */ jsx25(X4, { className: "h-3 w-3" })
         }
       )
     ] }),
-    attachment.fileName && attachment.kind !== "audio" && /* @__PURE__ */ jsx24("div", { className: "absolute bottom-0 left-0 right-0 bg-black/70 text-white text-xs p-1 rounded-b", children: /* @__PURE__ */ jsx24("p", { className: "truncate", children: attachment.fileName }) })
+    attachment.fileName && attachment.kind !== "audio" && /* @__PURE__ */ jsx25("div", { className: "absolute bottom-0 left-0 right-0 bg-black/70 text-white text-xs p-1 rounded-b", children: /* @__PURE__ */ jsx25("p", { className: "truncate", children: attachment.fileName }) })
   ] }) });
 });
 var resolveVoiceErrorMessage = (error, config) => {
@@ -3990,7 +3973,7 @@ var ChatInput = memo4(function ChatInput2({
     });
     setActiveMentionIndex(0);
   }, []);
-  useEffect10(() => {
+  useEffect9(() => {
     return () => {
       if (voiceProviderRef.current) {
         void voiceProviderRef.current.destroy();
@@ -3998,10 +3981,10 @@ var ChatInput = memo4(function ChatInput2({
       }
     };
   }, []);
-  useEffect10(() => {
+  useEffect9(() => {
     voiceDraftRef.current = voiceDraft;
   }, [voiceDraft]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (!isMentionMenuOpen) {
       setActiveMentionIndex(0);
       return;
@@ -4421,7 +4404,7 @@ var ChatInput = memo4(function ChatInput2({
     setVoiceAudioLevel(0);
     setVoiceState("review");
   }, [armVoiceDraftForAppend, stopVoiceCapture, voiceReviewMode, voiceState]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (!voiceDraft || voiceAutoSendDelayMs <= 0 || !isVoiceAutoSendActive) {
       return;
     }
@@ -4449,8 +4432,8 @@ var ChatInput = memo4(function ChatInput2({
   };
   const canAddMoreAttachments = attachments.length < maxAttachments;
   const showVoiceComposer = enableAudioRecording && isVoiceComposerOpen;
-  return /* @__PURE__ */ jsx24(TooltipProvider, { children: /* @__PURE__ */ jsx24("div", { className: `border-t py-0 bg-transparent ${className}`, children: /* @__PURE__ */ jsxs14("div", { className: "px-0 md:p-2 pb-1 space-y-4 bg-transparent", children: [
-    uploadProgress.size > 0 && /* @__PURE__ */ jsx24("div", { className: "space-y-2", children: Array.from(uploadProgress.entries()).map(([id, progress]) => /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(TooltipProvider, { children: /* @__PURE__ */ jsx25("div", { className: `border-t py-0 bg-transparent ${className}`, children: /* @__PURE__ */ jsxs15("div", { className: "px-0 md:p-2 pb-1 space-y-4 bg-transparent", children: [
+    uploadProgress.size > 0 && /* @__PURE__ */ jsx25("div", { className: "space-y-2", children: Array.from(uploadProgress.entries()).map(([id, progress]) => /* @__PURE__ */ jsx25(
       FileUploadItem,
       {
         file: { name: progress.fileName },
@@ -4465,7 +4448,7 @@ var ChatInput = memo4(function ChatInput2({
       },
       id
     )) }),
-    attachments.length > 0 && /* @__PURE__ */ jsx24("div", { className: "grid grid-cols-4 gap-2", children: attachments.map((attachment, index) => /* @__PURE__ */ jsx24(
+    attachments.length > 0 && /* @__PURE__ */ jsx25("div", { className: "grid grid-cols-4 gap-2", children: attachments.map((attachment, index) => /* @__PURE__ */ jsx25(
       AttachmentPreview,
       {
         attachment,
@@ -4473,7 +4456,7 @@ var ChatInput = memo4(function ChatInput2({
       },
       index
     )) }),
-    showVoiceComposer ? /* @__PURE__ */ jsx24("div", { className: "mb-1 flex justify-center", children: /* @__PURE__ */ jsx24(
+    showVoiceComposer ? /* @__PURE__ */ jsx25("div", { className: "mb-1 flex justify-center", children: /* @__PURE__ */ jsx25(
       VoiceComposer,
       {
         state: voiceState,
@@ -4513,15 +4496,15 @@ var ChatInput = memo4(function ChatInput2({
           void closeVoiceComposer();
         }
       }
-    ) }) : /* @__PURE__ */ jsx24("form", { onSubmit: handleSubmit, className: "mb-1 flex justify-center", children: /* @__PURE__ */ jsxs14(
+    ) }) : /* @__PURE__ */ jsx25("form", { onSubmit: handleSubmit, className: "mb-1 flex justify-center", children: /* @__PURE__ */ jsxs15(
       "div",
       {
         className: "flex  items-end gap-2 p-3 border rounded-lg bg-background w-full md:min-w-3xl max-w-3xl",
         onDrop: handleDrop,
         onDragOver: handleDragOver,
         children: [
-          enableFileUpload && canAddMoreAttachments && /* @__PURE__ */ jsxs14(Fragment5, { children: [
-            /* @__PURE__ */ jsx24(
+          enableFileUpload && canAddMoreAttachments && /* @__PURE__ */ jsxs15(Fragment6, { children: [
+            /* @__PURE__ */ jsx25(
               "input",
               {
                 ref: fileInputRef,
@@ -4532,8 +4515,8 @@ var ChatInput = memo4(function ChatInput2({
                 className: "hidden"
               }
             ),
-            /* @__PURE__ */ jsxs14(Tooltip, { children: [
-              /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsxs15(Tooltip, { children: [
+              /* @__PURE__ */ jsx25(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx25(
                 Button,
                 {
                   type: "button",
@@ -4546,14 +4529,14 @@ var ChatInput = memo4(function ChatInput2({
                     fileInputRef.current?.click();
                   },
                   disabled,
-                  children: /* @__PURE__ */ jsx24(Paperclip, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx25(Paperclip, { className: "h-4 w-4" })
                 }
               ) }),
-              /* @__PURE__ */ jsx24(TooltipContent, { children: config?.labels?.attachFileTooltip })
+              /* @__PURE__ */ jsx25(TooltipContent, { children: config?.labels?.attachFileTooltip })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs14("div", { className: "relative flex-1", children: [
-            /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsxs15("div", { className: "relative flex-1", children: [
+            /* @__PURE__ */ jsx25(
               Textarea,
               {
                 ref: textareaRef,
@@ -4577,7 +4560,7 @@ var ChatInput = memo4(function ChatInput2({
                 rows: 1
               }
             ),
-            isMentionMenuOpen && /* @__PURE__ */ jsx24("div", { className: "absolute bottom-full left-0 right-0 mb-2 overflow-hidden rounded-md border bg-popover shadow-md", children: /* @__PURE__ */ jsx24("div", { className: "p-1", children: filteredMentionAgents.map((agent, index) => /* @__PURE__ */ jsxs14(
+            isMentionMenuOpen && /* @__PURE__ */ jsx25("div", { className: "absolute bottom-full left-0 right-0 mb-2 overflow-hidden rounded-md border bg-popover shadow-md", children: /* @__PURE__ */ jsx25("div", { className: "p-1", children: filteredMentionAgents.map((agent, index) => /* @__PURE__ */ jsxs15(
               "button",
               {
                 type: "button",
@@ -4587,15 +4570,15 @@ var ChatInput = memo4(function ChatInput2({
                   selectMentionAgent(agent);
                 },
                 children: [
-                  /* @__PURE__ */ jsx24("span", { className: "font-medium", children: agent.name }),
-                  agent.description && /* @__PURE__ */ jsx24("span", { className: "truncate text-xs text-muted-foreground", children: agent.description })
+                  /* @__PURE__ */ jsx25("span", { className: "font-medium", children: agent.name }),
+                  agent.description && /* @__PURE__ */ jsx25("span", { className: "truncate text-xs text-muted-foreground", children: agent.description })
                 ]
               },
               agent.id
             )) }) })
           ] }),
-          enableAudioRecording && canAddMoreAttachments && !value.trim() && /* @__PURE__ */ jsxs14(Tooltip, { children: [
-            /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx24(
+          enableAudioRecording && canAddMoreAttachments && !value.trim() && /* @__PURE__ */ jsxs15(Tooltip, { children: [
+            /* @__PURE__ */ jsx25(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx25(
               Button,
               {
                 type: "button",
@@ -4606,13 +4589,13 @@ var ChatInput = memo4(function ChatInput2({
                   void startVoiceCapture();
                 },
                 disabled: disabled || isGenerating,
-                children: /* @__PURE__ */ jsx24(Mic2, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx25(Mic2, { className: "h-4 w-4" })
               }
             ) }),
-            /* @__PURE__ */ jsx24(TooltipContent, { children: config?.labels?.voiceEnter })
+            /* @__PURE__ */ jsx25(TooltipContent, { children: config?.labels?.voiceEnter })
           ] }),
-          isGenerating ? /* @__PURE__ */ jsxs14(Tooltip, { children: [
-            /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx24(
+          isGenerating ? /* @__PURE__ */ jsxs15(Tooltip, { children: [
+            /* @__PURE__ */ jsx25(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx25(
               Button,
               {
                 type: "button",
@@ -4620,36 +4603,36 @@ var ChatInput = memo4(function ChatInput2({
                 size: "icon",
                 className: "h-10 w-10",
                 onClick: onStopGeneration,
-                children: /* @__PURE__ */ jsx24(Square2, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx25(Square2, { className: "h-4 w-4" })
               }
             ) }),
-            /* @__PURE__ */ jsx24(TooltipContent, { children: config?.labels?.stopGenerationTooltip })
-          ] }) : /* @__PURE__ */ jsxs14(Tooltip, { children: [
-            /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx25(TooltipContent, { children: config?.labels?.stopGenerationTooltip })
+          ] }) : /* @__PURE__ */ jsxs15(Tooltip, { children: [
+            /* @__PURE__ */ jsx25(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx25(
               Button,
               {
                 type: "submit",
                 size: "icon",
                 className: "h-10 w-10",
                 disabled: disabled || !value.trim() && attachments.length === 0,
-                children: disabled ? /* @__PURE__ */ jsx24(Loader22, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx24(Send2, { className: "h-4 w-4" })
+                children: disabled ? /* @__PURE__ */ jsx25(Loader22, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx25(Send2, { className: "h-4 w-4" })
               }
             ) }),
-            /* @__PURE__ */ jsx24(TooltipContent, { children: config?.labels?.sendMessageTooltip })
+            /* @__PURE__ */ jsx25(TooltipContent, { children: config?.labels?.sendMessageTooltip })
           ] })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs14("div", { className: "text-[10px] text-muted-foreground text-center", children: [
+    /* @__PURE__ */ jsxs15("div", { className: "text-[10px] text-muted-foreground text-center", children: [
       window.innerWidth > 768 ? config?.labels?.inputHelpText : "",
-      attachments.length > 0 && /* @__PURE__ */ jsxs14(Fragment5, { children: [
+      attachments.length > 0 && /* @__PURE__ */ jsxs15(Fragment6, { children: [
         " \u2022 ",
         attachments.length,
         "/",
         maxAttachments,
         " anexos"
       ] }),
-      config?.labels?.footerLabel && /* @__PURE__ */ jsxs14(Fragment5, { children: [
+      config?.labels?.footerLabel && /* @__PURE__ */ jsxs15(Fragment6, { children: [
         " \u2022 ",
         config.labels.footerLabel
       ] })
@@ -4663,16 +4646,16 @@ import { useState as useState8 } from "react";
 // src/components/ui/scroll-area.tsx
 import * as React14 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
 var ScrollArea = React14.forwardRef(({ className, children, viewportClassName, onScroll, onScrollCapture, ...props }, ref) => {
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     ScrollAreaPrimitive.Root,
     {
       "data-slot": "scroll-area",
       className: cn("relative", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx26(
           ScrollAreaPrimitive.Viewport,
           {
             ref,
@@ -4686,8 +4669,8 @@ var ScrollArea = React14.forwardRef(({ className, children, viewportClassName, o
             children
           }
         ),
-        /* @__PURE__ */ jsx25(ScrollBar, {}),
-        /* @__PURE__ */ jsx25(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx26(ScrollBar, {}),
+        /* @__PURE__ */ jsx26(ScrollAreaPrimitive.Corner, {})
       ]
     }
   );
@@ -4698,7 +4681,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
@@ -4710,7 +4693,7 @@ function ScrollBar({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx25(
+      children: /* @__PURE__ */ jsx26(
         ScrollAreaPrimitive.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -4749,7 +4732,7 @@ import {
   Check as Check5,
   X as X5
 } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
 var getInitials2 = (name, email) => {
   if (name) {
     return name.split(" ").map((n) => n[0]).slice(0, 2).join("").toUpperCase();
@@ -4763,29 +4746,29 @@ var getFieldIcon = (type, key) => {
   const iconClass = "h-4 w-4 text-muted-foreground";
   switch (type) {
     case "email":
-      return /* @__PURE__ */ jsx26(Mail, { className: iconClass });
+      return /* @__PURE__ */ jsx27(Mail, { className: iconClass });
     case "phone":
-      return /* @__PURE__ */ jsx26(Phone, { className: iconClass });
+      return /* @__PURE__ */ jsx27(Phone, { className: iconClass });
     case "url":
-      return /* @__PURE__ */ jsx26(Globe, { className: iconClass });
+      return /* @__PURE__ */ jsx27(Globe, { className: iconClass });
     case "date":
-      return /* @__PURE__ */ jsx26(Calendar, { className: iconClass });
+      return /* @__PURE__ */ jsx27(Calendar, { className: iconClass });
   }
   const lowerKey = key?.toLowerCase() || "";
-  if (lowerKey.includes("follower")) return /* @__PURE__ */ jsx26(Users2, { className: iconClass });
-  if (lowerKey.includes("following")) return /* @__PURE__ */ jsx26(UserPlus, { className: iconClass });
-  if (lowerKey.includes("post") || lowerKey.includes("publication")) return /* @__PURE__ */ jsx26(Image3, { className: iconClass });
-  if (lowerKey.includes("verified") || lowerKey.includes("badge")) return /* @__PURE__ */ jsx26(BadgeCheck, { className: iconClass });
-  if (lowerKey.includes("bio")) return /* @__PURE__ */ jsx26(FileText2, { className: iconClass });
-  if (lowerKey.includes("email")) return /* @__PURE__ */ jsx26(Mail, { className: iconClass });
-  if (lowerKey.includes("phone") || lowerKey.includes("tel")) return /* @__PURE__ */ jsx26(Phone, { className: iconClass });
-  if (lowerKey.includes("location") || lowerKey.includes("address") || lowerKey.includes("city")) return /* @__PURE__ */ jsx26(MapPin, { className: iconClass });
-  if (lowerKey.includes("company") || lowerKey.includes("org")) return /* @__PURE__ */ jsx26(Building, { className: iconClass });
-  if (lowerKey.includes("job") || lowerKey.includes("role") || lowerKey.includes("title") || lowerKey.includes("position")) return /* @__PURE__ */ jsx26(Briefcase, { className: iconClass });
-  if (lowerKey.includes("website") || lowerKey.includes("url") || lowerKey.includes("link")) return /* @__PURE__ */ jsx26(Globe, { className: iconClass });
-  if (lowerKey.includes("username") || lowerKey.includes("handle")) return /* @__PURE__ */ jsx26(AtSign2, { className: iconClass });
-  if (lowerKey.includes("date") || lowerKey.includes("birthday") || lowerKey.includes("joined")) return /* @__PURE__ */ jsx26(Calendar, { className: iconClass });
-  return /* @__PURE__ */ jsx26(User2, { className: iconClass });
+  if (lowerKey.includes("follower")) return /* @__PURE__ */ jsx27(Users2, { className: iconClass });
+  if (lowerKey.includes("following")) return /* @__PURE__ */ jsx27(UserPlus, { className: iconClass });
+  if (lowerKey.includes("post") || lowerKey.includes("publication")) return /* @__PURE__ */ jsx27(Image3, { className: iconClass });
+  if (lowerKey.includes("verified") || lowerKey.includes("badge")) return /* @__PURE__ */ jsx27(BadgeCheck, { className: iconClass });
+  if (lowerKey.includes("bio")) return /* @__PURE__ */ jsx27(FileText2, { className: iconClass });
+  if (lowerKey.includes("email")) return /* @__PURE__ */ jsx27(Mail, { className: iconClass });
+  if (lowerKey.includes("phone") || lowerKey.includes("tel")) return /* @__PURE__ */ jsx27(Phone, { className: iconClass });
+  if (lowerKey.includes("location") || lowerKey.includes("address") || lowerKey.includes("city")) return /* @__PURE__ */ jsx27(MapPin, { className: iconClass });
+  if (lowerKey.includes("company") || lowerKey.includes("org")) return /* @__PURE__ */ jsx27(Building, { className: iconClass });
+  if (lowerKey.includes("job") || lowerKey.includes("role") || lowerKey.includes("title") || lowerKey.includes("position")) return /* @__PURE__ */ jsx27(Briefcase, { className: iconClass });
+  if (lowerKey.includes("website") || lowerKey.includes("url") || lowerKey.includes("link")) return /* @__PURE__ */ jsx27(Globe, { className: iconClass });
+  if (lowerKey.includes("username") || lowerKey.includes("handle")) return /* @__PURE__ */ jsx27(AtSign2, { className: iconClass });
+  if (lowerKey.includes("date") || lowerKey.includes("birthday") || lowerKey.includes("joined")) return /* @__PURE__ */ jsx27(Calendar, { className: iconClass });
+  return /* @__PURE__ */ jsx27(User2, { className: iconClass });
 };
 var formatValue = (value, type, key) => {
   if (value === null || value === void 0) return "-";
@@ -4819,15 +4802,15 @@ var getMemoryCategoryIcon = (category) => {
   const iconClass = "h-4 w-4 text-muted-foreground";
   switch (category) {
     case "preference":
-      return /* @__PURE__ */ jsx26(Heart, { className: iconClass });
+      return /* @__PURE__ */ jsx27(Heart, { className: iconClass });
     case "fact":
-      return /* @__PURE__ */ jsx26(Info, { className: iconClass });
+      return /* @__PURE__ */ jsx27(Info, { className: iconClass });
     case "goal":
-      return /* @__PURE__ */ jsx26(Target, { className: iconClass });
+      return /* @__PURE__ */ jsx27(Target, { className: iconClass });
     case "context":
-      return /* @__PURE__ */ jsx26(Lightbulb, { className: iconClass });
+      return /* @__PURE__ */ jsx27(Lightbulb, { className: iconClass });
     default:
-      return /* @__PURE__ */ jsx26(Brain2, { className: iconClass });
+      return /* @__PURE__ */ jsx27(Brain2, { className: iconClass });
   }
 };
 var getMemoryCategoryLabel = (category) => {
@@ -4897,66 +4880,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__ */ jsx26(Sheet, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsx27(Sheet, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs17(
     SheetContent,
     {
       side: "right",
       className: cn("w-full sm:max-w-md p-0 flex flex-col h-full overflow-hidden", className),
       children: [
-        /* @__PURE__ */ jsx26(SheetHeader, { className: "px-6 py-4 border-b shrink-0", children: /* @__PURE__ */ jsx26("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx26(SheetTitle, { children: labels.title }) }) }),
-        /* @__PURE__ */ jsx26(ScrollArea, { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxs16("div", { className: "p-6 space-y-6", children: [
-          /* @__PURE__ */ jsxs16("div", { className: "flex flex-col items-center text-center space-y-4", children: [
-            /* @__PURE__ */ jsxs16(Avatar, { className: "h-24 w-24 shrink-0", children: [
-              user?.avatar && /* @__PURE__ */ jsx26(AvatarImage, { src: user.avatar, alt: displayName }),
-              /* @__PURE__ */ jsx26(AvatarFallback, { className: "text-2xl bg-primary/10 text-primary", children: initials })
+        /* @__PURE__ */ jsx27(SheetHeader, { className: "px-6 py-4 border-b shrink-0", children: /* @__PURE__ */ jsx27("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx27(SheetTitle, { children: labels.title }) }) }),
+        /* @__PURE__ */ jsx27(ScrollArea, { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxs17("div", { className: "p-6 space-y-6", children: [
+          /* @__PURE__ */ jsxs17("div", { className: "flex flex-col items-center text-center space-y-4", children: [
+            /* @__PURE__ */ jsxs17(Avatar, { className: "h-24 w-24 shrink-0", children: [
+              user?.avatar && /* @__PURE__ */ jsx27(AvatarImage, { src: user.avatar, alt: displayName }),
+              /* @__PURE__ */ jsx27(AvatarFallback, { className: "text-2xl bg-primary/10 text-primary", children: initials })
             ] }),
-            /* @__PURE__ */ jsxs16("div", { className: "w-full px-2", children: [
-              /* @__PURE__ */ jsx26("h2", { className: "text-xl font-semibold break-words", children: displayName }),
-              user?.email && /* @__PURE__ */ jsx26("p", { className: "text-sm text-muted-foreground break-words", children: user.email })
+            /* @__PURE__ */ jsxs17("div", { className: "w-full px-2", children: [
+              /* @__PURE__ */ jsx27("h2", { className: "text-xl font-semibold break-words", children: displayName }),
+              user?.email && /* @__PURE__ */ jsx27("p", { className: "text-sm text-muted-foreground break-words", children: user.email })
             ] })
           ] }),
-          /* @__PURE__ */ jsx26(Separator, {}),
-          /* @__PURE__ */ jsxs16("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsx26("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: labels.basicInfo }),
-            /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsxs16("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
-                /* @__PURE__ */ jsx26(User2, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
-                /* @__PURE__ */ jsxs16("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ jsx26("p", { className: "text-xs text-muted-foreground", children: "Name" }),
-                  /* @__PURE__ */ jsx26("p", { className: "text-sm font-medium break-words", children: displayName })
+          /* @__PURE__ */ jsx27(Separator, {}),
+          /* @__PURE__ */ jsxs17("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ jsx27("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: labels.basicInfo }),
+            /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsxs17("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
+                /* @__PURE__ */ jsx27(User2, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+                /* @__PURE__ */ jsxs17("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsx27("p", { className: "text-xs text-muted-foreground", children: "Name" }),
+                  /* @__PURE__ */ jsx27("p", { className: "text-sm font-medium break-words", children: displayName })
                 ] })
               ] }),
-              user?.email && /* @__PURE__ */ jsxs16("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
-                /* @__PURE__ */ jsx26(AtSign2, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
-                /* @__PURE__ */ jsxs16("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ jsx26("p", { className: "text-xs text-muted-foreground", children: "Handle" }),
-                  /* @__PURE__ */ jsx26("p", { className: "text-sm font-medium break-words", children: user.email })
+              user?.email && /* @__PURE__ */ jsxs17("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
+                /* @__PURE__ */ jsx27(AtSign2, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+                /* @__PURE__ */ jsxs17("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsx27("p", { className: "text-xs text-muted-foreground", children: "Handle" }),
+                  /* @__PURE__ */ jsx27("p", { className: "text-sm font-medium break-words", children: user.email })
                 ] })
               ] }),
-              user?.id && user.id !== user?.name && user.id !== user?.email && /* @__PURE__ */ jsxs16("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
-                /* @__PURE__ */ jsx26(User2, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
-                /* @__PURE__ */ jsxs16("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ jsx26("p", { className: "text-xs text-muted-foreground", children: "ID" }),
-                  /* @__PURE__ */ jsx26("p", { className: "text-sm font-medium break-words", children: user.id })
+              user?.id && user.id !== user?.name && user.id !== user?.email && /* @__PURE__ */ jsxs17("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50", children: [
+                /* @__PURE__ */ jsx27(User2, { className: "h-4 w-4 text-muted-foreground mt-0.5 shrink-0" }),
+                /* @__PURE__ */ jsxs17("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsx27("p", { className: "text-xs text-muted-foreground", children: "ID" }),
+                  /* @__PURE__ */ jsx27("p", { className: "text-sm font-medium break-words", children: user.id })
                 ] })
               ] })
             ] })
           ] }),
-          normalizedFields.length > 0 && /* @__PURE__ */ jsxs16(Fragment6, { children: [
-            /* @__PURE__ */ jsx26(Separator, {}),
-            /* @__PURE__ */ jsxs16("div", { className: "space-y-3", children: [
-              /* @__PURE__ */ jsx26("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: labels.customFields }),
-              /* @__PURE__ */ jsx26("div", { className: "space-y-2", children: normalizedFields.map((field) => {
+          normalizedFields.length > 0 && /* @__PURE__ */ jsxs17(Fragment7, { children: [
+            /* @__PURE__ */ jsx27(Separator, {}),
+            /* @__PURE__ */ jsxs17("div", { className: "space-y-3", children: [
+              /* @__PURE__ */ jsx27("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: labels.customFields }),
+              /* @__PURE__ */ jsx27("div", { className: "space-y-2", children: normalizedFields.map((field) => {
                 const isBioField = field.key.toLowerCase().includes("bio");
-                return /* @__PURE__ */ jsxs16(
+                return /* @__PURE__ */ jsxs17(
                   "div",
                   {
                     className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50",
                     children: [
-                      /* @__PURE__ */ jsx26("div", { className: "mt-0.5 shrink-0", children: field.icon || getFieldIcon(field.type, field.key) }),
-                      /* @__PURE__ */ jsxs16("div", { className: "flex-1 min-w-0", children: [
-                        /* @__PURE__ */ jsx26("p", { className: "text-xs text-muted-foreground", children: field.label }),
-                        /* @__PURE__ */ jsx26("p", { className: cn(
+                      /* @__PURE__ */ jsx27("div", { className: "mt-0.5 shrink-0", children: field.icon || getFieldIcon(field.type, field.key) }),
+                      /* @__PURE__ */ jsxs17("div", { className: "flex-1 min-w-0", children: [
+                        /* @__PURE__ */ jsx27("p", { className: "text-xs text-muted-foreground", children: field.label }),
+                        /* @__PURE__ */ jsx27("p", { className: cn(
                           "text-sm font-medium",
                           isBioField ? "whitespace-pre-wrap break-words" : "break-words"
                         ), children: formatValue(field.value, field.type, field.key) })
@@ -4968,26 +4951,26 @@ var UserProfile = ({
               }) })
             ] })
           ] }),
-          /* @__PURE__ */ jsx26(Separator, {}),
-          /* @__PURE__ */ jsxs16("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ jsxs16("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx26(Brain2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx27(Separator, {}),
+          /* @__PURE__ */ jsxs17("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxs17("h3", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx27(Brain2, { className: "h-4 w-4" }),
                 labels.memories
               ] }),
-              onAddMemory && /* @__PURE__ */ jsx26(
+              onAddMemory && /* @__PURE__ */ jsx27(
                 Button,
                 {
                   variant: "ghost",
                   size: "sm",
                   className: "h-7 px-2",
                   onClick: () => setIsAddingMemory(true),
-                  children: /* @__PURE__ */ jsx26(Plus3, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx27(Plus3, { className: "h-4 w-4" })
                 }
               )
             ] }),
-            isAddingMemory && onAddMemory && /* @__PURE__ */ jsxs16("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ jsx26(
+            isAddingMemory && onAddMemory && /* @__PURE__ */ jsxs17("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsx27(
                 Input,
                 {
                   value: newMemoryContent,
@@ -5004,24 +4987,24 @@ var UserProfile = ({
                   autoFocus: true
                 }
               ),
-              /* @__PURE__ */ jsx26(Button, { size: "sm", onClick: handleAddMemory, disabled: !newMemoryContent.trim(), children: "Salvar" })
+              /* @__PURE__ */ jsx27(Button, { size: "sm", onClick: handleAddMemory, disabled: !newMemoryContent.trim(), children: "Salvar" })
             ] }),
-            /* @__PURE__ */ jsx26("div", { className: "space-y-2", children: memories.length === 0 ? /* @__PURE__ */ jsx26("p", { className: "text-sm text-muted-foreground text-center py-4", children: labels.noMemories }) : memories.map((memory) => {
+            /* @__PURE__ */ jsx27("div", { className: "space-y-2", children: memories.length === 0 ? /* @__PURE__ */ jsx27("p", { className: "text-sm text-muted-foreground text-center py-4", children: labels.noMemories }) : memories.map((memory) => {
               const isEditing = editingMemoryId === memory.id;
-              return /* @__PURE__ */ jsxs16(
+              return /* @__PURE__ */ jsxs17(
                 "div",
                 {
                   className: "flex items-start gap-3 p-3 rounded-lg bg-muted/50 group",
                   children: [
-                    /* @__PURE__ */ jsx26("div", { className: "mt-0.5 shrink-0", children: memory.source === "agent" ? /* @__PURE__ */ jsx26(Bot3, { className: "h-4 w-4 text-primary" }) : getMemoryCategoryIcon(memory.category) }),
-                    /* @__PURE__ */ jsxs16("div", { className: "flex-1 min-w-0", children: [
-                      /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2 mb-0.5", children: [
-                        /* @__PURE__ */ jsx26("span", { className: "text-xs text-muted-foreground", children: getMemoryCategoryLabel(memory.category) }),
-                        /* @__PURE__ */ jsx26("span", { className: "text-xs text-muted-foreground", children: "\u2022" }),
-                        /* @__PURE__ */ jsx26("span", { className: "text-xs text-muted-foreground", children: memory.source === "agent" ? "IA" : "Voc\xEA" })
+                    /* @__PURE__ */ jsx27("div", { className: "mt-0.5 shrink-0", children: memory.source === "agent" ? /* @__PURE__ */ jsx27(Bot3, { className: "h-4 w-4 text-primary" }) : getMemoryCategoryIcon(memory.category) }),
+                    /* @__PURE__ */ jsxs17("div", { className: "flex-1 min-w-0", children: [
+                      /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2 mb-0.5", children: [
+                        /* @__PURE__ */ jsx27("span", { className: "text-xs text-muted-foreground", children: getMemoryCategoryLabel(memory.category) }),
+                        /* @__PURE__ */ jsx27("span", { className: "text-xs text-muted-foreground", children: "\u2022" }),
+                        /* @__PURE__ */ jsx27("span", { className: "text-xs text-muted-foreground", children: memory.source === "agent" ? "IA" : "Voc\xEA" })
                       ] }),
-                      isEditing ? /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
-                        /* @__PURE__ */ jsx26(
+                      isEditing ? /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+                        /* @__PURE__ */ jsx27(
                           Textarea,
                           {
                             value: editingMemoryContent,
@@ -5038,8 +5021,8 @@ var UserProfile = ({
                             }
                           }
                         ),
-                        /* @__PURE__ */ jsxs16("div", { className: "flex gap-1 justify-end", children: [
-                          /* @__PURE__ */ jsxs16(
+                        /* @__PURE__ */ jsxs17("div", { className: "flex gap-1 justify-end", children: [
+                          /* @__PURE__ */ jsxs17(
                             Button,
                             {
                               variant: "ghost",
@@ -5047,12 +5030,12 @@ var UserProfile = ({
                               className: "h-7 px-2",
                               onClick: handleCancelEdit,
                               children: [
-                                /* @__PURE__ */ jsx26(X5, { className: "h-3.5 w-3.5 mr-1" }),
+                                /* @__PURE__ */ jsx27(X5, { className: "h-3.5 w-3.5 mr-1" }),
                                 "Cancelar"
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsxs16(
+                          /* @__PURE__ */ jsxs17(
                             Button,
                             {
                               size: "sm",
@@ -5060,33 +5043,33 @@ var UserProfile = ({
                               onClick: handleSaveEdit,
                               disabled: !editingMemoryContent.trim(),
                               children: [
-                                /* @__PURE__ */ jsx26(Check5, { className: "h-3.5 w-3.5 mr-1" }),
+                                /* @__PURE__ */ jsx27(Check5, { className: "h-3.5 w-3.5 mr-1" }),
                                 "Salvar"
                               ]
                             }
                           )
                         ] })
-                      ] }) : /* @__PURE__ */ jsx26("p", { className: "text-sm break-words", children: memory.content })
+                      ] }) : /* @__PURE__ */ jsx27("p", { className: "text-sm break-words", children: memory.content })
                     ] }),
-                    !isEditing && (onUpdateMemory || onDeleteMemory) && /* @__PURE__ */ jsxs16("div", { className: "flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity shrink-0", children: [
-                      onUpdateMemory && /* @__PURE__ */ jsx26(
+                    !isEditing && (onUpdateMemory || onDeleteMemory) && /* @__PURE__ */ jsxs17("div", { className: "flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity shrink-0", children: [
+                      onUpdateMemory && /* @__PURE__ */ jsx27(
                         Button,
                         {
                           variant: "ghost",
                           size: "icon",
                           className: "h-7 w-7",
                           onClick: () => handleStartEdit(memory),
-                          children: /* @__PURE__ */ jsx26(Pencil, { className: "h-3.5 w-3.5 text-muted-foreground" })
+                          children: /* @__PURE__ */ jsx27(Pencil, { className: "h-3.5 w-3.5 text-muted-foreground" })
                         }
                       ),
-                      onDeleteMemory && /* @__PURE__ */ jsx26(
+                      onDeleteMemory && /* @__PURE__ */ jsx27(
                         Button,
                         {
                           variant: "ghost",
                           size: "icon",
                           className: "h-7 w-7",
                           onClick: () => onDeleteMemory(memory.id),
-                          children: /* @__PURE__ */ jsx26(Trash24, { className: "h-3.5 w-3.5 text-destructive" })
+                          children: /* @__PURE__ */ jsx27(Trash24, { className: "h-3.5 w-3.5 text-destructive" })
                         }
                       )
                     ] })
@@ -5097,8 +5080,8 @@ var UserProfile = ({
             }) })
           ] })
         ] }) }),
-        /* @__PURE__ */ jsxs16("div", { className: "p-4 border-t space-y-2 shrink-0", children: [
-          onEditProfile && /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsxs17("div", { className: "p-4 border-t space-y-2 shrink-0", children: [
+          onEditProfile && /* @__PURE__ */ jsx27(
             Button,
             {
               variant: "outline",
@@ -5107,7 +5090,7 @@ var UserProfile = ({
               children: "Edit Profile"
             }
           ),
-          onLogout && /* @__PURE__ */ jsx26(
+          onLogout && /* @__PURE__ */ jsx27(
             Button,
             {
               variant: "destructive",
@@ -5122,37 +5105,31 @@ var UserProfile = ({
   ) });
 };
 
-// src/components/chat/ChatUI.tsx
-import {
-  ArrowRight,
-  HelpCircle,
-  Lightbulb as Lightbulb2,
-  MessageSquare,
-  Sparkles as Sparkles2,
-  Zap
-} from "lucide-react";
-import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
-function getMessageSpeakerKey(message) {
+// src/lib/messageGrouping.ts
+var getMessageSpeakerKey = (message) => {
   if (!message) return null;
-  if (message.role === "assistant") {
-    return message.senderAgentId ?? message.senderName ?? "assistant";
+  if (message.sender) {
+    return `${message.sender.type}:${message.sender.id}`;
   }
   if (message.role === "user") {
     return "user";
   }
   return message.role;
-}
-function getAssistantSpeakerTokens(message) {
+};
+var getAssistantSpeakerTokens = (message) => {
   if (!message || message.role !== "assistant") return [];
-  const rawTokens = [message.senderAgentId, message.senderName].filter(
-    (value) => typeof value === "string" && value.trim().length > 0
-  ).map((value) => value.trim().toLowerCase());
-  if (rawTokens.length > 0) {
-    return Array.from(new Set(rawTokens));
+  if (message.sender) {
+    return Array.from(new Set([
+      `${message.sender.type}:${message.sender.id}`,
+      message.sender.agentId ? `agent:${message.sender.agentId}` : "",
+      message.sender.externalId ? `external:${message.sender.externalId}` : ""
+    ].filter(Boolean).map((value) => value.toLowerCase())));
   }
   return ["assistant"];
-}
-function canGroupMessages(previous, next) {
+};
+var hasAssistantContent = (message) => message.role === "assistant" && (message.content.trim().length > 0 || Boolean(message.attachments?.length));
+var hasActivity = (message) => Boolean(message.activity?.items.length);
+var canGroupMessages = (previous, next) => {
   if (previous.role !== next.role) {
     return false;
   }
@@ -5161,39 +5138,20 @@ function canGroupMessages(previous, next) {
   }
   const previousTokens = getAssistantSpeakerTokens(previous);
   const nextTokens = getAssistantSpeakerTokens(next);
-  return previousTokens.some((token) => nextTokens.includes(token));
-}
-var mergeToolCalls = (activities) => {
-  const merged = /* @__PURE__ */ new Map();
-  for (const activity of activities) {
-    if (!Array.isArray(activity.toolCalls)) continue;
-    for (const toolCall of activity.toolCalls) {
-      const key = toolCall.id || `${toolCall.name}:${JSON.stringify(toolCall.arguments ?? {})}`;
-      merged.set(key, toolCall);
-    }
-  }
-  return merged.size > 0 ? Array.from(merged.values()) : void 0;
-};
-var mergeReasoning = (activities) => {
-  const segments = activities.map((activity) => activity.reasoning?.trim()).filter((value) => Boolean(value));
-  if (segments.length === 0) return void 0;
-  return segments.filter((segment, index) => index === 0 || segment !== segments[index - 1]).join("\n\n");
+  if (!previousTokens.some((token) => nextTokens.includes(token))) return false;
+  return !(hasAssistantContent(previous) && hasActivity(next));
 };
 var mergeGroupActivity = (messages) => {
-  const activities = messages.map((message) => message.activity).filter(
-    (activity) => Boolean(activity)
-  );
-  if (activities.length === 0) return void 0;
-  const lastActivity = activities[activities.length - 1];
-  const mergedReasoning = mergeReasoning(activities);
-  const mergedToolCalls = mergeToolCalls(activities);
-  return {
-    ...lastActivity,
-    ...mergedReasoning ? { reasoning: mergedReasoning } : {},
-    ...mergedToolCalls ? { toolCalls: mergedToolCalls } : {}
-  };
+  const merged = /* @__PURE__ */ new Map();
+  for (const activity of messages.map((message) => message.activity).filter((activity2) => Boolean(activity2))) {
+    for (const item of activity.items) merged.set(item.id, item);
+  }
+  return merged.size > 0 ? { items: Array.from(merged.values()) } : void 0;
 };
 var mergeMessageGroup = (messages) => {
+  if (messages.length === 1) {
+    return messages[0];
+  }
   const firstMessage = messages[0];
   const lastMessage = messages[messages.length - 1];
   const content = messages.map((message) => message.content.trim()).filter((value) => value.length > 0).join("\n\n");
@@ -5210,8 +5168,7 @@ var mergeMessageGroup = (messages) => {
     originalContent: void 0,
     editedAt: lastMessage.editedAt,
     activity: mergeGroupActivity(messages),
-    senderName: lastMessage.senderName ?? firstMessage.senderName,
-    senderAgentId: lastMessage.senderAgentId ?? firstMessage.senderAgentId,
+    sender: lastMessage.sender ?? firstMessage.sender,
     metadata: lastMessage.metadata
   };
 };
@@ -5240,6 +5197,17 @@ var groupMessagesForRender = (messages) => {
   flushGroup();
   return groups;
 };
+
+// src/components/chat/ChatUI.tsx
+import {
+  ArrowRight,
+  HelpCircle,
+  Lightbulb as Lightbulb2,
+  MessageSquare,
+  Sparkles as Sparkles2,
+  Zap
+} from "lucide-react";
+import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
 var ChatUI = ({
   messages = [],
   threads = [],
@@ -5272,7 +5240,7 @@ var ChatUI = ({
   initialInput,
   onInitialInputConsumed
 }) => {
-  const config = useMemo6(
+  const config = useMemo5(
     () => mergeConfig(defaultChatConfig, userConfig),
     [userConfig]
   );
@@ -5306,14 +5274,14 @@ var ChatUI = ({
     isSidebarCollapsed: false
     // No longer used for main sidebar
   });
-  useEffect11(() => {
+  useEffect10(() => {
     if (currentThreadId !== state.selectedThreadId) {
       setState((prev) => ({ ...prev, selectedThreadId: currentThreadId }));
     }
   }, [currentThreadId]);
   const initialInputApplied = useRef6(false);
   const initialInputConsumedRef = useRef6(false);
-  useEffect11(() => {
+  useEffect10(() => {
     if (initialInput && !initialInputApplied.current) {
       setInputValue(initialInput);
       initialInputApplied.current = true;
@@ -5324,18 +5292,18 @@ var ChatUI = ({
   const stateRef = useRef6(state);
   const inputValueRef = useRef6(inputValue);
   const attachmentsRef = useRef6(attachments);
-  useEffect11(() => {
+  useEffect10(() => {
     stateRef.current = state;
   }, [state]);
-  useEffect11(() => {
+  useEffect10(() => {
     inputValueRef.current = inputValue;
   }, [inputValue]);
-  useEffect11(() => {
+  useEffect10(() => {
     attachmentsRef.current = attachments;
   }, [attachments]);
   const [isCustomMounted, setIsCustomMounted] = useState9(false);
   const [isCustomVisible, setIsCustomVisible] = useState9(false);
-  const groupedMessages = useMemo6(() => groupMessagesForRender(messages), [
+  const groupedMessages = useMemo5(() => groupMessagesForRender(messages), [
     messages
   ]);
   const virtualizer = useVirtualizer({
@@ -5357,7 +5325,7 @@ var ChatUI = ({
     []
     // No dependencies - uses refs for latest state
   );
-  useEffect11(() => {
+  useEffect10(() => {
     const checkMobile = () => {
       setIsMobile(globalThis.innerWidth < 1024);
     };
@@ -5365,7 +5333,7 @@ var ChatUI = ({
     globalThis.addEventListener("resize", checkMobile);
     return () => globalThis.removeEventListener("resize", checkMobile);
   }, []);
-  useEffect11(() => {
+  useEffect10(() => {
     if (!isMobile || !config.customComponent?.component) return;
     if (state.showSidebar) {
       setIsCustomMounted(true);
@@ -5377,7 +5345,7 @@ var ChatUI = ({
     }
   }, [state.showSidebar, isMobile, config.customComponent]);
   const prevMessageCountRef = useRef6(0);
-  useEffect11(() => {
+  useEffect10(() => {
     if (groupedMessages.length === 0) {
       prevMessageCountRef.current = 0;
       return;
@@ -5409,7 +5377,7 @@ var ChatUI = ({
       }
     });
   }, [groupedMessages, state.isAtBottom, virtualizer]);
-  useEffect11(() => {
+  useEffect10(() => {
     const viewport = scrollAreaRef.current;
     if (!viewport) return;
     let rafId;
@@ -5433,10 +5401,10 @@ var ChatUI = ({
       ro.disconnect();
     };
   }, [virtualizer]);
-  useEffect11(() => {
+  useEffect10(() => {
     prependSnapshotRef.current = null;
   }, [currentThreadId]);
-  useEffect11(() => {
+  useEffect10(() => {
     const snapshot = prependSnapshotRef.current;
     if (!snapshot) return;
     if (groupedMessages.length <= snapshot.messageCount) {
@@ -5478,7 +5446,7 @@ var ChatUI = ({
     isLoadingOlderMessages,
     onLoadOlderMessages
   ]);
-  useEffect11(() => {
+  useEffect10(() => {
     const validMessageIds = new Set(groupedMessages.map((group) => group.id));
     setExpandedMessageIds((prev) => {
       const activeIds = Object.keys(prev);
@@ -5581,7 +5549,7 @@ var ChatUI = ({
   const handleCustomComponentToggle = useCallback4(() => {
     setState((prev) => ({ ...prev, showSidebar: !prev.showSidebar }));
   }, []);
-  const sidebarUser = useMemo6(() => user ? {
+  const sidebarUser = useMemo5(() => user ? {
     id: user.id,
     name: user.name,
     email: user.email,
@@ -5591,7 +5559,7 @@ var ChatUI = ({
     setIsUserProfileOpen(true);
     callbacks.onViewProfile?.();
   }, [callbacks.onViewProfile]);
-  const sidebarUserMenuCallbacks = useMemo6(() => ({
+  const sidebarUserMenuCallbacks = useMemo5(() => ({
     onViewProfile: handleViewProfile,
     onOpenSettings: callbacks.onOpenSettings,
     onThemeChange: callbacks.onThemeChange,
@@ -5613,13 +5581,13 @@ var ChatUI = ({
   const SuggestionIconComponents = [MessageSquare, Lightbulb2, Zap, HelpCircle];
   const renderSuggestions = () => {
     if (groupedMessages.length > 0 || !suggestions.length) return null;
-    return /* @__PURE__ */ jsxs17("div", { className: "flex flex-col items-center justify-center min-h-[60vh] py-8 px-4", children: [
-      /* @__PURE__ */ jsxs17("div", { className: "text-center mb-8", children: [
-        /* @__PURE__ */ jsx27("div", { className: "inline-flex items-center justify-center w-14 h-14 rounded-2xl bg-gradient-to-br from-primary/20 to-primary/5 mb-4 shadow-sm", children: /* @__PURE__ */ jsx27(Sparkles2, { className: "w-7 h-7 text-primary" }) }),
-        /* @__PURE__ */ jsx27("h2", { className: "text-xl font-semibold mb-2", children: config.branding.title }),
-        /* @__PURE__ */ jsx27("p", { className: "text-muted-foreground text-sm max-w-md", children: config.branding.subtitle })
+    return /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-center justify-center min-h-[60vh] py-8 px-4", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "text-center mb-8", children: [
+        /* @__PURE__ */ jsx28("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__ */ jsx28(Sparkles2, { className: "w-7 h-7 text-primary" }) }),
+        /* @__PURE__ */ jsx28("h2", { className: "text-xl font-semibold mb-2", children: config.branding.title }),
+        /* @__PURE__ */ jsx28("p", { className: "text-muted-foreground text-sm max-w-md", children: config.branding.subtitle })
       ] }),
-      /* @__PURE__ */ jsx27("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 w-full max-w-2xl", children: suggestions.map((suggestion, index) => /* @__PURE__ */ jsxs17(
+      /* @__PURE__ */ jsx28("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 w-full max-w-2xl", children: suggestions.map((suggestion, index) => /* @__PURE__ */ jsxs18(
         "button",
         {
           type: "button",
@@ -5628,10 +5596,10 @@ var ChatUI = ({
           children: [
             (() => {
               const IconComponent = SuggestionIconComponents[index % SuggestionIconComponents.length];
-              return /* @__PURE__ */ jsx27("div", { className: "flex items-center justify-center w-8 h-8 rounded-lg bg-primary/10 text-primary shrink-0 group-hover:bg-primary/15 transition-colors", children: /* @__PURE__ */ jsx27(IconComponent, { className: "h-4 w-4" }) });
+              return /* @__PURE__ */ jsx28("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__ */ jsx28(IconComponent, { className: "h-4 w-4" }) });
             })(),
-            /* @__PURE__ */ jsx27("div", { className: "flex-1 min-w-0 pr-6", children: /* @__PURE__ */ jsx27("p", { className: "text-sm font-medium leading-snug line-clamp-2", children: suggestion }) }),
-            /* @__PURE__ */ jsx27(ArrowRight, { className: "absolute right-4 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity" })
+            /* @__PURE__ */ jsx28("div", { className: "flex-1 min-w-0 pr-6", children: /* @__PURE__ */ jsx28("p", { className: "text-sm font-medium leading-snug line-clamp-2", children: suggestion }) }),
+            /* @__PURE__ */ jsx28(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
@@ -5642,19 +5610,19 @@ var ChatUI = ({
     const items = messageSuggestions?.[messageId];
     if (!items || items.length === 0) return null;
     const inlineSuggestionOffsetClass = config.ui.showAvatars ? config.ui.compactMode ? "ml-9" : "ml-11" : "";
-    return /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx28(
       "div",
       {
         className: `flex flex-wrap gap-2 mt-2 ${inlineSuggestionOffsetClass}`,
-        children: items.map((suggestion, index) => /* @__PURE__ */ jsxs17(
+        children: items.map((suggestion, index) => /* @__PURE__ */ jsxs18(
           "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__ */ jsx27(Sparkles2, { className: "h-3 w-3 text-primary opacity-70 group-hover:opacity-100" }),
-              /* @__PURE__ */ jsx27("span", { className: "max-w-[200px] truncate", children: suggestion })
+              /* @__PURE__ */ jsx28(Sparkles2, { className: "h-3 w-3 text-primary opacity-70 group-hover:opacity-100" }),
+              /* @__PURE__ */ jsx28("span", { className: "max-w-[200px] truncate", children: suggestion })
             ]
           },
           `${messageId}-suggestion-${index}`
@@ -5662,27 +5630,27 @@ var ChatUI = ({
       }
     );
   };
-  const renderMessageLoadingSkeleton = () => /* @__PURE__ */ jsx27("div", { className: "space-y-6 py-2", children: [0, 1, 2, 3].map((index) => {
+  const renderMessageLoadingSkeleton = () => /* @__PURE__ */ jsx28("div", { className: "space-y-6 py-2", children: [0, 1, 2, 3].map((index) => {
     const isUserRow = index % 2 === 1;
-    return /* @__PURE__ */ jsxs17(
+    return /* @__PURE__ */ jsxs18(
       "div",
       {
         className: `flex gap-3 ${isUserRow ? "justify-end" : "justify-start"}`,
         children: [
-          !isUserRow && /* @__PURE__ */ jsx27(Skeleton, { className: "h-8 w-8 rounded-full shrink-0" }),
-          /* @__PURE__ */ jsxs17("div", { className: `space-y-2 ${isUserRow ? "w-[70%]" : "w-[75%]"}`, children: [
-            /* @__PURE__ */ jsx27(Skeleton, { className: "h-4 w-24" }),
-            /* @__PURE__ */ jsx27(Skeleton, { className: "h-4 w-full" }),
-            /* @__PURE__ */ jsx27(Skeleton, { className: "h-4 w-[85%]" })
+          !isUserRow && /* @__PURE__ */ jsx28(Skeleton, { className: "h-8 w-8 rounded-full shrink-0" }),
+          /* @__PURE__ */ jsxs18("div", { className: `space-y-2 ${isUserRow ? "w-[70%]" : "w-[75%]"}`, children: [
+            /* @__PURE__ */ jsx28(Skeleton, { className: "h-4 w-24" }),
+            /* @__PURE__ */ jsx28(Skeleton, { className: "h-4 w-full" }),
+            /* @__PURE__ */ jsx28(Skeleton, { className: "h-4 w-[85%]" })
           ] }),
-          isUserRow && /* @__PURE__ */ jsx27(Skeleton, { className: "h-8 w-8 rounded-full shrink-0" })
+          isUserRow && /* @__PURE__ */ jsx28(Skeleton, { className: "h-8 w-8 rounded-full shrink-0" })
         ]
       },
       `message-skeleton-${index}`
     );
   }) });
   const isMultiAgentMode = config.agentSelector?.mode === "multi";
-  const messageProps = useMemo6(() => ({
+  const messageProps = useMemo5(() => ({
     userAvatar: user?.avatar,
     userName: user?.name,
     assistantAvatar: assistant?.avatar,
@@ -5692,7 +5660,8 @@ var ChatUI = ({
     enableCopy: config.features.enableMessageCopy,
     enableEdit: config.features.enableMessageEditing,
     enableRegenerate: config.features.enableRegeneration,
-    activityDisplay: config.features.activityDisplay,
+    showActivity: config.features.showActivity,
+    showActivityDetails: config.features.showActivityDetails,
     compactMode: config.ui.compactMode,
     onAction: handleMessageAction,
     labels: config.labels,
@@ -5704,22 +5673,20 @@ var ChatUI = ({
     longMessageChunkChars: config.ui.longMessageChunkChars,
     renderUserMarkdown: config.ui.renderUserMarkdown,
     markdown: config.markdown,
-    onToggleExpanded: handleToggleMessageExpansion,
-    agentOptions: isMultiAgentMode ? agentOptions : void 0
+    onToggleExpanded: handleToggleMessageExpansion
   }), [
     user?.avatar,
     user?.name,
     assistant?.avatar,
     assistant?.name,
-    isMultiAgentMode,
-    agentOptions,
     config.ui.showTimestamps,
     config.ui.showAvatars,
     config.ui.compactMode,
     config.features.enableMessageCopy,
     config.features.enableMessageEditing,
     config.features.enableRegeneration,
-    config.features.activityDisplay,
+    config.features.showActivity,
+    config.features.showActivityDetails,
     config.labels,
     config.labels.showMoreMessage,
     config.labels.showLessMessage,
@@ -5735,12 +5702,12 @@ var ChatUI = ({
   const shouldShowAgentSelector = Boolean(
     config.agentSelector?.enabled && agentOptions.length > 0 && (!config.agentSelector?.hideIfSingle || agentOptions.length > 1) && (isMultiAgentMode ? onParticipantsChange : onSelectAgent)
   );
-  return /* @__PURE__ */ jsx27(TooltipProvider, { children: /* @__PURE__ */ jsx27(SidebarProvider, { defaultOpen: true, children: /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsx28(TooltipProvider, { children: /* @__PURE__ */ jsx28(SidebarProvider, { defaultOpen: true, children: /* @__PURE__ */ jsxs18(
     "div",
     {
-      className: `flex h-[100svh] md:h-screen bg-background w-full overflow-hidden ${className}`,
+      className: `flex h-[100dvh] bg-background w-full overflow-hidden ${className}`,
       children: [
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28(
           Sidebar2,
           {
             threads,
@@ -5759,8 +5726,8 @@ var ChatUI = ({
             userMenuAdditionalItems
           }
         ),
-        /* @__PURE__ */ jsx27(SidebarInset, { children: /* @__PURE__ */ jsxs17("div", { className: "flex flex-col h-full min-h-0", children: [
-          /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28(SidebarInset, { children: /* @__PURE__ */ jsxs18("div", { className: "flex flex-col h-full min-h-0", children: [
+          /* @__PURE__ */ jsx28(
             ChatHeader,
             {
               config,
@@ -5780,9 +5747,9 @@ var ChatUI = ({
               onParticipantsChange
             }
           ),
-          /* @__PURE__ */ jsxs17("div", { className: "flex flex-1 flex-row min-h-0 overflow-hidden", children: [
-            /* @__PURE__ */ jsxs17("div", { className: "flex-1 flex flex-col min-h-0", children: [
-              /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsxs18("div", { className: "flex flex-1 flex-row min-h-0 overflow-hidden", children: [
+            /* @__PURE__ */ jsxs18("div", { className: "flex-1 flex flex-col min-h-0", children: [
+              /* @__PURE__ */ jsx28(
                 ScrollArea,
                 {
                   ref: scrollAreaRef,
@@ -5790,8 +5757,8 @@ var ChatUI = ({
                   viewportClassName: "p-4 overscroll-contain",
                   onScrollCapture: handleScroll,
                   style: { contain: "content" },
-                  children: /* @__PURE__ */ jsxs17("div", { className: "max-w-4xl mx-auto pb-4", children: [
-                    groupedMessages.length > 0 && /* @__PURE__ */ jsx27("div", { className: "flex justify-center py-2", children: isLoadingOlderMessages ? /* @__PURE__ */ jsx27("span", { className: "text-xs text-muted-foreground", children: config.labels.loadingOlderMessages }) : hasMoreMessagesBefore ? /* @__PURE__ */ jsx27(
+                  children: /* @__PURE__ */ jsxs18("div", { className: "max-w-4xl mx-auto pb-4", children: [
+                    groupedMessages.length > 0 && /* @__PURE__ */ jsx28("div", { className: "flex justify-center py-2", children: isLoadingOlderMessages ? /* @__PURE__ */ jsx28("span", { className: "text-xs text-muted-foreground", children: config.labels.loadingOlderMessages }) : hasMoreMessagesBefore ? /* @__PURE__ */ jsx28(
                       "button",
                       {
                         type: "button",
@@ -5800,7 +5767,7 @@ var ChatUI = ({
                         children: config.labels.loadOlderMessages
                       }
                     ) : null }),
-                    isMessagesLoading ? renderMessageLoadingSkeleton() : groupedMessages.length === 0 ? renderSuggestions() : /* @__PURE__ */ jsx27(
+                    isMessagesLoading ? renderMessageLoadingSkeleton() : groupedMessages.length === 0 ? renderSuggestions() : /* @__PURE__ */ jsx28(
                       "div",
                       {
                         style: {
@@ -5811,7 +5778,7 @@ var ChatUI = ({
                         children: virtualizer.getVirtualItems().map((virtualRow) => {
                           const group = groupedMessages[virtualRow.index];
                           const message = group.message;
-                          return /* @__PURE__ */ jsx27(
+                          return /* @__PURE__ */ jsx28(
                             "div",
                             {
                               "data-index": virtualRow.index,
@@ -5823,12 +5790,12 @@ var ChatUI = ({
                                 width: "100%",
                                 transform: `translateY(${virtualRow.start}px)`
                               },
-                              children: /* @__PURE__ */ jsxs17(
+                              children: /* @__PURE__ */ jsxs18(
                                 "div",
                                 {
                                   className: virtualRow.index === 0 ? "" : "pt-4",
                                   children: [
-                                    /* @__PURE__ */ jsx27(
+                                    /* @__PURE__ */ jsx28(
                                       Message,
                                       {
                                         message,
@@ -5853,8 +5820,8 @@ var ChatUI = ({
                   ] })
                 }
               ),
-              /* @__PURE__ */ jsxs17("div", { className: "bg-background pb-[env(safe-area-inset-bottom)]", children: [
-                isMultiAgentMode && shouldShowAgentSelector && onTargetAgentChange && /* @__PURE__ */ jsx27("div", { className: "px-4 pt-1", children: /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsxs18("div", { className: "bg-background pb-[env(safe-area-inset-bottom)]", children: [
+                isMultiAgentMode && shouldShowAgentSelector && onTargetAgentChange && /* @__PURE__ */ jsx28("div", { className: "px-4 pt-1", children: /* @__PURE__ */ jsx28(
                   TargetAgentSelector,
                   {
                     agents: participantIds && participantIds.length > 0 ? agentOptions.filter(
@@ -5866,7 +5833,7 @@ var ChatUI = ({
                     disabled: isGenerating
                   }
                 ) }),
-                /* @__PURE__ */ jsx27(
+                /* @__PURE__ */ jsx28(
                   ChatInput,
                   {
                     value: inputValue,
@@ -5897,14 +5864,14 @@ var ChatUI = ({
                 )
               ] })
             ] }),
-            config?.customComponent?.component && !isMobile && /* @__PURE__ */ jsx27(
+            config?.customComponent?.component && !isMobile && /* @__PURE__ */ jsx28(
               "div",
               {
                 className: "h-full transition-all duration-300 ease-in-out overflow-hidden",
                 style: {
                   width: state.showSidebar ? config.customComponent.panelWidth ?? 320 : 0
                 },
-                children: state.showSidebar && /* @__PURE__ */ jsx27(
+                children: state.showSidebar && /* @__PURE__ */ jsx28(
                   "div",
                   {
                     className: "h-full overflow-hidden border-l bg-background animate-in slide-in-from-right-4 duration-300",
@@ -5918,8 +5885,8 @@ var ChatUI = ({
             )
           ] })
         ] }) }),
-        isCustomMounted && config.customComponent?.component && isMobile && /* @__PURE__ */ jsxs17("div", { className: "fixed inset-0 z-50", children: [
-          /* @__PURE__ */ jsx27(
+        isCustomMounted && config.customComponent?.component && isMobile && /* @__PURE__ */ jsxs18("div", { className: "fixed inset-0 z-50", children: [
+          /* @__PURE__ */ jsx28(
             "div",
             {
               className: `absolute inset-0 bg-background/80 backdrop-blur-sm transition-opacity duration-200 ease-out ${isCustomVisible ? "opacity-100" : "opacity-0"}`,
@@ -5927,16 +5894,16 @@ var ChatUI = ({
               onClick: closeSidebar
             }
           ),
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             "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__ */ jsx27("div", { className: "h-full overflow-hidden", children: renderCustomComponent() })
+              children: /* @__PURE__ */ jsx28("div", { className: "h-full overflow-hidden", children: renderCustomComponent() })
             }
           )
         ] }),
-        isUserProfileOpen && /* @__PURE__ */ jsx27(
+        isUserProfileOpen && /* @__PURE__ */ jsx28(
           UserProfile,
           {
             isOpen: isUserProfileOpen,
@@ -5963,8 +5930,10 @@ export {
   AssistantActivity,
   ChatUI,
   ChatUserContextProvider,
+  MessageSenderAvatar,
   defaultChatConfig,
   mergeConfig,
+  resolveMessageSenderDisplay,
   useChatUserContext
 };
 //# sourceMappingURL=index.js.map