@yourgpt/copilot-sdk 2.1.8 → 2.1.9-alpha.0

package/dist/ui/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkJFVTY757_cjs = require('../chunk-JFVTY757.cjs');
+var chunkWYFJZNFT_cjs = require('../chunk-WYFJZNFT.cjs');
 var chunkJO4BHPAD_cjs = require('../chunk-JO4BHPAD.cjs');
-var chunk5EGBIQYS_cjs = require('../chunk-5EGBIQYS.cjs');
-var chunkIDAQU3FP_cjs = require('../chunk-IDAQU3FP.cjs');
+var chunkYBLAHX2Z_cjs = require('../chunk-YBLAHX2Z.cjs');
+var chunkTD7NF6OE_cjs = require('../chunk-TD7NF6OE.cjs');
 var chunk7GWEW2DU_cjs = require('../chunk-7GWEW2DU.cjs');
 require('../chunk-JGPDQDY4.cjs');
 require('../chunk-BJYA5NDL.cjs');
@@ -19,10 +19,8 @@ require('../chunk-2FAWEBZS.cjs');
 require('../chunk-6T5XXJEP.cjs');
 require('../chunk-GANCV72Z.cjs');
 require('../chunk-JEQ2X3Z6.cjs');
-var React19 = require('react');
-var streamdown = require('streamdown');
-var code = require('@streamdown/code');
 var jsxRuntime = require('react/jsx-runtime');
+var React19 = require('react');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var useStickToBottom = require('use-stick-to-bottom');
@@ -56,47 +54,286 @@ var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive)
 var HoverCardPrimitive__namespace = /*#__PURE__*/_interopNamespace(HoverCardPrimitive);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 
-var createHeading = (Tag) => {
-  const HeadingComponent = ({
-    children,
-    className: _,
-    ...props
-  }) => /* @__PURE__ */ jsxRuntime.jsx(Tag, { className: "text-[1em] font-semibold my-2 first:mt-0", ...props, children });
-  HeadingComponent.displayName = Tag.toUpperCase();
-  return HeadingComponent;
-};
-var headingComponents = {
-  h1: createHeading("h1"),
-  h2: createHeading("h2"),
-  h3: createHeading("h3"),
-  h4: createHeading("h4"),
-  h5: createHeading("h5"),
-  h6: createHeading("h6")
-};
-function MarkdownComponent({
-  children,
+function DotsLoader({
   className,
-  isStreaming = false,
-  linkSafety = { enabled: false }
+  size = "md"
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsx(
-    streamdown.Streamdown,
+  const dotSizes = {
+    sm: "h-1 w-1",
+    md: "h-1.5 w-1.5",
+    lg: "h-2 w-2"
+  };
+  const containerSizes = {
+    sm: "h-4",
+    md: "h-5",
+    lg: "h-6"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
     {
-      plugins: { code: code.code },
-      isAnimating: isStreaming,
-      components: headingComponents,
-      linkSafety,
-      children
+      className: chunkYBLAHX2Z_cjs.cn(
+        "flex items-center translate-y-[-2px] space-x-1",
+        containerSizes[size],
+        className
+      ),
+      children: [
+        [...Array(3)].map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: chunkYBLAHX2Z_cjs.cn(
+              "bg-primary csdk-loader-bounce-dots rounded-full",
+              dotSizes[size]
+            ),
+            style: {
+              animationDelay: `${i * 160}ms`
+            }
+          },
+          i
+        )),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Loading" })
+      ]
     }
-  ) });
+  );
+}
+function TypingLoader({
+  className,
+  size = "md"
+}) {
+  const dotSizes = {
+    sm: "h-1 w-1",
+    md: "h-1.5 w-1.5",
+    lg: "h-2 w-2"
+  };
+  const containerSizes = {
+    sm: "h-4",
+    md: "h-5",
+    lg: "h-6"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: chunkYBLAHX2Z_cjs.cn(
+        "flex items-center space-x-1",
+        containerSizes[size],
+        className
+      ),
+      children: [
+        [...Array(3)].map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: chunkYBLAHX2Z_cjs.cn(
+              "bg-primary csdk-loader-typing rounded-full",
+              dotSizes[size]
+            ),
+            style: {
+              animationDelay: `${i * 250}ms`
+            }
+          },
+          i
+        )),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Loading" })
+      ]
+    }
+  );
+}
+function WaveLoader({
+  className,
+  size = "md"
+}) {
+  const barWidths = {
+    sm: "w-0.5",
+    md: "w-0.5",
+    lg: "w-1"
+  };
+  const containerSizes = {
+    sm: "h-4",
+    md: "h-5",
+    lg: "h-6"
+  };
+  const heights = {
+    sm: ["6px", "9px", "12px", "9px", "6px"],
+    md: ["8px", "12px", "16px", "12px", "8px"],
+    lg: ["10px", "15px", "20px", "15px", "10px"]
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: chunkYBLAHX2Z_cjs.cn(
+        "flex items-center gap-0.5",
+        containerSizes[size],
+        className
+      ),
+      children: [
+        [...Array(5)].map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: chunkYBLAHX2Z_cjs.cn(
+              "bg-primary csdk-loader-wave rounded-full",
+              barWidths[size]
+            ),
+            style: {
+              animationDelay: `${i * 100}ms`,
+              height: heights[size][i]
+            }
+          },
+          i
+        )),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Loading" })
+      ]
+    }
+  );
+}
+function TerminalLoader({
+  className,
+  size = "md"
+}) {
+  const cursorSizes = {
+    sm: "h-3 w-1.5",
+    md: "h-4 w-2",
+    lg: "h-5 w-2.5"
+  };
+  const textSizes = {
+    sm: "text-xs",
+    md: "text-sm",
+    lg: "text-base"
+  };
+  const containerSizes = {
+    sm: "h-4",
+    md: "h-5",
+    lg: "h-6"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: chunkYBLAHX2Z_cjs.cn(
+        "flex items-center space-x-1",
+        containerSizes[size],
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkYBLAHX2Z_cjs.cn("text-primary font-mono", textSizes[size]), children: ">" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYBLAHX2Z_cjs.cn("bg-primary csdk-loader-blink", cursorSizes[size]) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Loading" })
+      ]
+    }
+  );
+}
+function TextBlinkLoader({
+  text = "Thinking",
+  className,
+  size = "md"
+}) {
+  const textSizes = {
+    sm: "text-xs",
+    md: "text-sm",
+    lg: "text-base"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: chunkYBLAHX2Z_cjs.cn(
+        "csdk-loader-text-blink font-medium",
+        textSizes[size],
+        className
+      ),
+      children: text
+    }
+  );
+}
+function TextShimmerLoader({
+  text = "Thinking",
+  className,
+  size = "md"
+}) {
+  const textSizes = {
+    sm: "text-xs",
+    md: "text-sm",
+    lg: "text-base"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: chunkYBLAHX2Z_cjs.cn(
+        "bg-[linear-gradient(to_right,var(--muted-foreground)_40%,var(--foreground)_60%,var(--muted-foreground)_80%)]",
+        "bg-[length:200%_auto] bg-clip-text font-medium text-transparent",
+        "csdk-loader-shimmer",
+        textSizes[size],
+        className
+      ),
+      children: text
+    }
+  );
+}
+function TextDotsLoader({
+  className,
+  text = "Thinking",
+  size = "md"
+}) {
+  const textSizes = {
+    sm: "text-xs",
+    md: "text-sm",
+    lg: "text-base"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkYBLAHX2Z_cjs.cn("inline-flex items-center", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkYBLAHX2Z_cjs.cn("text-primary font-medium", textSizes[size]), children: text }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: "text-primary csdk-loader-loading-dots",
+          style: { animationDelay: "0.2s" },
+          children: "."
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: "text-primary csdk-loader-loading-dots",
+          style: { animationDelay: "0.4s" },
+          children: "."
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: "text-primary csdk-loader-loading-dots",
+          style: { animationDelay: "0.6s" },
+          children: "."
+        }
+      )
+    ] })
+  ] });
+}
+function Loader({
+  variant = "typing",
+  size = "md",
+  text,
+  className
+}) {
+  switch (variant) {
+    case "dots":
+      return /* @__PURE__ */ jsxRuntime.jsx(DotsLoader, { size, className });
+    case "typing":
+      return /* @__PURE__ */ jsxRuntime.jsx(TypingLoader, { size, className });
+    case "wave":
+      return /* @__PURE__ */ jsxRuntime.jsx(WaveLoader, { size, className });
+    case "terminal":
+      return /* @__PURE__ */ jsxRuntime.jsx(TerminalLoader, { size, className });
+    case "text-blink":
+      return /* @__PURE__ */ jsxRuntime.jsx(TextBlinkLoader, { text, size, className });
+    case "text-shimmer":
+      return /* @__PURE__ */ jsxRuntime.jsx(TextShimmerLoader, { text, size, className });
+    case "loading-dots":
+      return /* @__PURE__ */ jsxRuntime.jsx(TextDotsLoader, { text, size, className });
+    default:
+      return /* @__PURE__ */ jsxRuntime.jsx(TypingLoader, { size, className });
+  }
 }
-var Markdown = React19.memo(MarkdownComponent);
-Markdown.displayName = "Markdown";
 function CodeBlock({ children, className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "not-prose flex w-full flex-col overflow-clip border",
         "border-border bg-card text-card-foreground rounded-xl",
         className
@@ -137,7 +374,7 @@ var Button = React19__namespace.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(
       Comp,
       {
-        className: chunk5EGBIQYS_cjs.cn(buttonVariants({ variant, size, className })),
+        className: chunkYBLAHX2Z_cjs.cn(buttonVariants({ variant, size, className })),
         ref,
         ...props
       }
@@ -213,7 +450,7 @@ function FeedbackBar({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "bg-background border-border inline-flex rounded-[12px] border text-sm",
         className
       ),
@@ -274,7 +511,7 @@ function ChatContainerRoot({
   return /* @__PURE__ */ jsxRuntime.jsx(
     StickToBottom,
     {
-      className: chunk5EGBIQYS_cjs.cn("min-h-0", className),
+      className: chunkYBLAHX2Z_cjs.cn("min-h-0", className),
       resize: "smooth",
       initial: "instant",
       role: "log",
@@ -291,7 +528,7 @@ function ChatContainerContent({
   return /* @__PURE__ */ jsxRuntime.jsx(
     StickToBottom.Content,
     {
-      className: chunk5EGBIQYS_cjs.cn("flex w-full flex-col", className),
+      className: chunkYBLAHX2Z_cjs.cn("flex w-full flex-col", className),
       ...props,
       children
     }
@@ -304,7 +541,7 @@ function ChatContainerScrollAnchor({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunk5EGBIQYS_cjs.cn("h-px w-full shrink-0 scroll-mt-4", className),
+      className: chunkYBLAHX2Z_cjs.cn("h-px w-full shrink-0 scroll-mt-4", className),
       "aria-hidden": "true",
       ...props
     }
@@ -338,7 +575,7 @@ function ScrollButton({
     {
       variant,
       size,
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "h-10 w-10 rounded-full transition-all duration-150 ease-out shadow-md bg-background",
         !isAtBottom ? "translate-y-0 scale-100 opacity-100" : "pointer-events-none translate-y-4 scale-95 opacity-0",
         className
@@ -388,7 +625,7 @@ function TooltipContent({
   return /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Positioner, { side, align, sideOffset, children: /* @__PURE__ */ jsxRuntime.jsxs(
     tooltip.Tooltip.Popup,
     {
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "z-50 rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground shadow-md",
         "animate-in fade-in-0 zoom-in-95",
         "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
@@ -405,7 +642,7 @@ var Avatar = React19__namespace.forwardRef(({ className, ...props }, ref) => /*
   AvatarPrimitive__namespace.Root,
   {
     ref,
-    className: chunk5EGBIQYS_cjs.cn(
+    className: chunkYBLAHX2Z_cjs.cn(
       "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
       className
     ),
@@ -417,7 +654,7 @@ var AvatarImage = React19__namespace.forwardRef(({ className, ...props }, ref) =
   AvatarPrimitive__namespace.Image,
   {
     ref,
-    className: chunk5EGBIQYS_cjs.cn("aspect-square h-full w-full object-cover", className),
+    className: chunkYBLAHX2Z_cjs.cn("aspect-square h-full w-full object-cover", className),
     ...props
   }
 ));
@@ -426,7 +663,7 @@ var AvatarFallback = React19__namespace.forwardRef(({ className, ...props }, ref
   AvatarPrimitive__namespace.Fallback,
   {
     ref,
-    className: chunk5EGBIQYS_cjs.cn(
+    className: chunkYBLAHX2Z_cjs.cn(
       "csdk-avatar-fallback flex h-full w-full items-center justify-center rounded-full bg-muted",
       className
     ),
@@ -434,7 +671,7 @@ var AvatarFallback = React19__namespace.forwardRef(({ className, ...props }, ref
   }
 ));
 AvatarFallback.displayName = AvatarPrimitive__namespace.Fallback.displayName;
-var Message = ({ children, className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk5EGBIQYS_cjs.cn("csdk-message flex gap-3", className), ...props, children });
+var Message = ({ children, className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYBLAHX2Z_cjs.cn("csdk-message flex gap-3", className), ...props, children });
 var MessageAvatar = ({
   src,
   alt = "Avatar",
@@ -445,9 +682,9 @@ var MessageAvatar = ({
   className
 }) => {
   if (children) {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunk5EGBIQYS_cjs.cn("csdk-avatar flex shrink-0 size-7", className), children });
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkYBLAHX2Z_cjs.cn("csdk-avatar flex shrink-0 size-7", className), children });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: chunk5EGBIQYS_cjs.cn("csdk-avatar size-7 shrink-0", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: chunkYBLAHX2Z_cjs.cn("csdk-avatar size-7 shrink-0", className), children: [
     /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src, alt }),
     /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { delayMs, children: fallbackIcon || fallback })
   ] });
@@ -464,7 +701,7 @@ var MessageContent = ({
   size = "sm",
   ...props
 }) => {
-  const classNames = chunk5EGBIQYS_cjs.cn(
+  const classNames = chunkYBLAHX2Z_cjs.cn(
     "csdk-message-content rounded-lg p-2 break-words whitespace-normal max-w-full  overflow-x-auto overflow-y-hidden",
     // Typography - simple Tailwind utilities (no prose)
     "[&_p]:my-1 ",
@@ -480,7 +717,7 @@ var MessageContent = ({
     textSizeMap[size],
     className
   );
-  return markdown ? /* @__PURE__ */ jsxRuntime.jsx(Markdown, { className: classNames, ...props, children }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames, ...props, children });
+  return markdown ? /* @__PURE__ */ jsxRuntime.jsx(chunkYBLAHX2Z_cjs.Markdown, { className: classNames, ...props, children }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames, ...props, children });
 };
 var MessageActions = ({
   children,
@@ -489,7 +726,7 @@ var MessageActions = ({
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
-    className: chunk5EGBIQYS_cjs.cn(
+    className: chunkYBLAHX2Z_cjs.cn(
       "csdk-message-actions text-muted-foreground flex items-center gap-2",
       className
     ),
@@ -513,7 +750,7 @@ var Textarea = React19__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "textarea",
     {
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
         className
       ),
@@ -574,7 +811,7 @@ function PromptInput({
         "div",
         {
           onClick: handleClick,
-          className: chunk5EGBIQYS_cjs.cn(
+          className: chunkYBLAHX2Z_cjs.cn(
             "csdk-input border-input bg-background cursor-text rounded-3xl border p-2 shadow-xs",
             disabled && "cursor-not-allowed opacity-60",
             className
@@ -634,7 +871,7 @@ function PromptInputTextarea({
       value,
       onChange: handleChange,
       onKeyDown: handleKeyDown,
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "csdk-input-textarea text-foreground min-h-[44px] w-full resize-none border-none bg-transparent shadow-none outline-none focus-visible:ring-0 focus-visible:ring-offset-0",
         className
       ),
@@ -649,7 +886,7 @@ function PromptInputActions({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk5EGBIQYS_cjs.cn("flex items-center gap-2", className), ...props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYBLAHX2Z_cjs.cn("flex items-center gap-2", className), ...props, children });
 }
 function PromptInputAction({
   tooltip,
@@ -679,7 +916,7 @@ var HoverCardContent = React19__namespace.forwardRef(({ className, align = "cent
     ref,
     align,
     sideOffset,
-    className: chunk5EGBIQYS_cjs.cn(
+    className: chunkYBLAHX2Z_cjs.cn(
       "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       className
     ),
@@ -715,7 +952,7 @@ function SourceTrigger({
       href,
       target: "_blank",
       rel: "noopener noreferrer",
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "inline-flex h-7 items-center gap-1.5 rounded-full border border-border/50 bg-background px-2.5 text-xs text-foreground/80 no-underline shadow-sm transition-all duration-150",
         "hover:bg-muted hover:border-border hover:shadow-md hover:text-foreground",
         className
@@ -747,7 +984,7 @@ function SourceContent({
   return /* @__PURE__ */ jsxRuntime.jsx(
     HoverCardContent,
     {
-      className: chunk5EGBIQYS_cjs.cn("w-80 p-0 shadow-lg border border-border/50", className),
+      className: chunkYBLAHX2Z_cjs.cn("w-80 p-0 shadow-lg border border-border/50", className),
       sideOffset: 8,
       children: /* @__PURE__ */ jsxRuntime.jsxs(
         "a",
@@ -791,7 +1028,7 @@ function SourceGroup({
   if (!sources || sources.length === 0) return null;
   const visibleSources = sources.slice(0, maxVisible);
   const hiddenCount = sources.length - maxVisible;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk5EGBIQYS_cjs.cn("flex flex-wrap items-center gap-2", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkYBLAHX2Z_cjs.cn("flex flex-wrap items-center gap-2", className), children: [
     label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-xs font-medium", children: label }),
     visibleSources.map((source, index) => /* @__PURE__ */ jsxRuntime.jsxs(Source, { href: source.href, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -835,7 +1072,7 @@ function SimpleSource({
       href,
       target: "_blank",
       rel: "noopener noreferrer",
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "bg-muted text-muted-foreground hover:bg-primary/20 hover:text-primary",
         "inline-flex h-5 items-center gap-1 rounded-full text-xs no-underline transition-colors",
         showFavicon ? "pr-2 pl-1" : "px-1.5",
@@ -874,13 +1111,13 @@ function SearchResults({
 }) {
   const displayResults = maxResults ? results.slice(0, maxResults) : results;
   if (displayResults.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk5EGBIQYS_cjs.cn("text-muted-foreground text-sm", className), children: "No results found" });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYBLAHX2Z_cjs.cn("text-muted-foreground text-sm", className), children: "No results found" });
   }
   if (variant === "compact") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk5EGBIQYS_cjs.cn("flex flex-wrap gap-2", className), children: displayResults.map((result, i) => /* @__PURE__ */ jsxRuntime.jsx(SearchResultCompact, { result, index: i + 1 }, i)) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYBLAHX2Z_cjs.cn("flex flex-wrap gap-2", className), children: displayResults.map((result, i) => /* @__PURE__ */ jsxRuntime.jsx(SearchResultCompact, { result, index: i + 1 }, i)) });
   }
   if (variant === "list") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk5EGBIQYS_cjs.cn("space-y-2", className), children: displayResults.map((result, i) => /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYBLAHX2Z_cjs.cn("space-y-2", className), children: displayResults.map((result, i) => /* @__PURE__ */ jsxRuntime.jsx(
       SearchResultList,
       {
         result,
@@ -891,7 +1128,7 @@ function SearchResults({
       i
     )) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk5EGBIQYS_cjs.cn("grid gap-2", className), children: displayResults.map((result, i) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYBLAHX2Z_cjs.cn("grid gap-2", className), children: displayResults.map((result, i) => /* @__PURE__ */ jsxRuntime.jsx(
     SearchResultCard,
     {
       result,
@@ -1014,7 +1251,7 @@ function SearchAnswer({ answer, className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "p-3 bg-muted/50 rounded-lg border-l-2 border-primary/50",
         className
       ),
@@ -1029,7 +1266,7 @@ function SearchResultsWithAnswer({
   showAnswer = true,
   maxResults
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk5EGBIQYS_cjs.cn("space-y-3", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkYBLAHX2Z_cjs.cn("space-y-3", className), children: [
     showAnswer && response.answer && /* @__PURE__ */ jsxRuntime.jsx(SearchAnswer, { answer: response.answer }),
     /* @__PURE__ */ jsxRuntime.jsx(
       SearchResults,
@@ -1094,7 +1331,7 @@ function CitationBadge({
   const badge = /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "inline-flex items-center justify-center rounded font-medium",
         "bg-primary/10 text-primary hover:bg-primary/20",
         "cursor-pointer transition-colors",
@@ -1129,7 +1366,7 @@ function CitationSuperscript({
   const sup = /* @__PURE__ */ jsxRuntime.jsxs(
     "sup",
     {
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "text-[10px] text-primary hover:underline cursor-pointer ml-0.5",
         className
       ),
@@ -1160,7 +1397,7 @@ function SourcePill({
       target: "_blank",
       rel: "noopener noreferrer",
       title: citation.title,
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "inline-flex items-center gap-1.5 px-2 py-1 text-xs rounded-full",
         "bg-muted hover:bg-muted/80 transition-colors",
         "text-muted-foreground hover:text-foreground",
@@ -1195,7 +1432,7 @@ function SourcesBar({
   const visibleCitations = citations.slice(0, maxVisible);
   const hiddenCount = citations.length - maxVisible;
   if (citations.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk5EGBIQYS_cjs.cn("flex items-center gap-2", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkYBLAHX2Z_cjs.cn("flex items-center gap-2", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground flex items-center gap-1", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Globe, { className: "w-3 h-3" }),
       label
@@ -1218,7 +1455,7 @@ function SourcesCollapsible({
 }) {
   const [expanded, setExpanded] = React19__namespace.useState(defaultExpanded);
   if (citations.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk5EGBIQYS_cjs.cn("border rounded-lg", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkYBLAHX2Z_cjs.cn("border rounded-lg", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
@@ -1280,7 +1517,7 @@ function SourcesList({
 }) {
   if (citations.length === 0) return null;
   if (compact) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk5EGBIQYS_cjs.cn("text-xs text-muted-foreground", className), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkYBLAHX2Z_cjs.cn("text-xs text-muted-foreground", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Sources: " }),
       citations.map((c, i) => /* @__PURE__ */ jsxRuntime.jsxs(React19__namespace.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1301,7 +1538,7 @@ function SourcesList({
       ] }, c.index))
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk5EGBIQYS_cjs.cn("space-y-1", className), children: citations.map((citation) => /* @__PURE__ */ jsxRuntime.jsx(SourceItem, { citation }, citation.index)) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYBLAHX2Z_cjs.cn("space-y-1", className), children: citations.map((citation) => /* @__PURE__ */ jsxRuntime.jsx(SourceItem, { citation }, citation.index)) });
 }
 function MessageWithCitations({
   children,
@@ -1313,7 +1550,7 @@ function MessageWithCitations({
   if (!enabled || citations.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk5EGBIQYS_cjs.cn("space-y-3", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkYBLAHX2Z_cjs.cn("space-y-3", className), children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { children }),
     sourcesPosition === "bottom" && /* @__PURE__ */ jsxRuntime.jsx(SourcesBar, { citations, maxVisible }),
     sourcesPosition === "collapsible" && /* @__PURE__ */ jsxRuntime.jsx(SourcesCollapsible, { citations })
@@ -1403,7 +1640,7 @@ function Reasoning({
     }
     prevStreamingRef.current = isStreaming;
   }, [isStreaming, setIsOpen]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ReasoningContext.Provider, { value: { isOpen, setIsOpen, isStreaming }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk5EGBIQYS_cjs.cn("reasoning", className), children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(ReasoningContext.Provider, { value: { isOpen, setIsOpen, isStreaming }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYBLAHX2Z_cjs.cn("reasoning", className), children }) });
 }
 function ReasoningTrigger({
   children,
@@ -1415,7 +1652,7 @@ function ReasoningTrigger({
     {
       type: "button",
       onClick: () => setIsOpen(!isOpen),
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors",
         "py-1 px-0 bg-transparent border-none cursor-pointer",
         className
@@ -1425,7 +1662,7 @@ function ReasoningTrigger({
         /* @__PURE__ */ jsxRuntime.jsx(
           "svg",
           {
-            className: chunk5EGBIQYS_cjs.cn(
+            className: chunkYBLAHX2Z_cjs.cn(
               "size-3 transition-transform duration-200",
               isOpen && "rotate-90"
             ),
@@ -1455,9 +1692,9 @@ function ReasoningContent({
   const [height, setHeight] = React19__namespace.useState(0);
   React19__namespace.useEffect(() => {
     if (contentRef.current) {
-      const resizeObserver = new ResizeObserver((entries) => {
-        for (const entry of entries) {
-          setHeight(entry.contentRect.height);
+      const resizeObserver = new ResizeObserver(() => {
+        if (contentRef.current) {
+          setHeight(contentRef.current.offsetHeight);
         }
       });
       resizeObserver.observe(contentRef.current);
@@ -1467,7 +1704,7 @@ function ReasoningContent({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "overflow-hidden transition-[max-height] duration-200 ease-out",
         isOpen ? "opacity-100" : "opacity-0"
       ),
@@ -1477,12 +1714,12 @@ function ReasoningContent({
         "div",
         {
           ref: contentRef,
-          className: chunk5EGBIQYS_cjs.cn(
-            "mt-1 pl-3 border-l-2 border-muted-foreground/20",
+          className: chunkYBLAHX2Z_cjs.cn(
+            "mt-1 pl-3 pb-2 border-l-2 border-muted-foreground/20",
             "text-xs text-muted-foreground",
             className
           ),
-          children: markdown && typeof children === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Markdown, { className: "prose-xs", children }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap", children })
+          children: markdown && typeof children === "string" ? /* @__PURE__ */ jsxRuntime.jsx(chunkYBLAHX2Z_cjs.Markdown, { className: "prose-xs", children }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap", children })
         }
       )
     }
@@ -1562,7 +1799,7 @@ function StatusIndicator({ status, className }) {
       return /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: chunk5EGBIQYS_cjs.cn(
+          className: chunkYBLAHX2Z_cjs.cn(
             baseClasses,
             "size-3 flex items-center justify-center",
             className
@@ -1576,7 +1813,7 @@ function StatusIndicator({ status, className }) {
       return /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: chunk5EGBIQYS_cjs.cn(
+          className: chunkYBLAHX2Z_cjs.cn(
             baseClasses,
             "size-3 flex items-center justify-center",
             className
@@ -1607,7 +1844,7 @@ function StatusIndicator({ status, className }) {
       return /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: chunk5EGBIQYS_cjs.cn(
+          className: chunkYBLAHX2Z_cjs.cn(
             baseClasses,
             "size-3 flex items-center justify-center",
             className
@@ -1672,7 +1909,7 @@ function ToolStep({
   const isExecuting = step.status === "executing";
   const isCompleted = step.status === "completed";
   const isError = step.status === "error" || step.status === "failed" || step.status === "rejected";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk5EGBIQYS_cjs.cn("relative", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkYBLAHX2Z_cjs.cn("relative", className), children: [
     showLine && /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
@@ -1689,16 +1926,16 @@ function ToolStep({
             type: "button",
             onClick: () => debug && hasDebugContent && setExpanded(!expanded),
             disabled: !debug || !hasDebugContent,
-            className: chunk5EGBIQYS_cjs.cn(
+            className: chunkYBLAHX2Z_cjs.cn(
               "flex items-center gap-2 text-left min-w-0 w-full",
               debug && hasDebugContent && "cursor-pointer hover:text-foreground",
               !debug && "cursor-default"
             ),
             children: [
-              isExecuting ? /* @__PURE__ */ jsxRuntime.jsx(chunk5EGBIQYS_cjs.TextShimmerLoader, { text: displayTitle, size: "sm" }) : /* @__PURE__ */ jsxRuntime.jsx(
+              isExecuting ? /* @__PURE__ */ jsxRuntime.jsx(TextShimmerLoader, { text: displayTitle, size: "sm" }) : /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
                 {
-                  className: chunk5EGBIQYS_cjs.cn(
+                  className: chunkYBLAHX2Z_cjs.cn(
                     "text-sm truncate",
                     isCompleted && "text-foreground",
                     isError && "text-red-500",
@@ -1710,7 +1947,7 @@ function ToolStep({
               debug && hasDebugContent && /* @__PURE__ */ jsxRuntime.jsx(
                 "svg",
                 {
-                  className: chunk5EGBIQYS_cjs.cn(
+                  className: chunkYBLAHX2Z_cjs.cn(
                     "size-3 text-muted-foreground/40 transition-transform ml-auto flex-shrink-0",
                     expanded && "rotate-90"
                   ),
@@ -1739,7 +1976,7 @@ function ToolStep({
           step.result && /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
-              className: chunk5EGBIQYS_cjs.cn(
+              className: chunkYBLAHX2Z_cjs.cn(
                 "text-[10px] font-mono rounded px-2 py-1 overflow-x-auto whitespace-pre-wrap break-all",
                 step.result.success !== false ? "bg-green-500/10 text-green-600 dark:text-green-400" : "bg-red-500/10 text-red-600 dark:text-red-400"
               ),
@@ -1770,7 +2007,7 @@ function ToolSteps({
   className
 }) {
   if (steps.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk5EGBIQYS_cjs.cn("space-y-1.5", className), children: steps.map((step, index) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYBLAHX2Z_cjs.cn("space-y-1.5", className), children: steps.map((step, index) => /* @__PURE__ */ jsxRuntime.jsx(
     ToolStep,
     {
       step,
@@ -1789,7 +2026,7 @@ function InlineToolSteps({
   if (steps.length === 0) return null;
   const visibleSteps = steps.slice(0, maxVisible);
   const hiddenCount = steps.length - maxVisible;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk5EGBIQYS_cjs.cn("flex items-center gap-1", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkYBLAHX2Z_cjs.cn("flex items-center gap-1", className), children: [
     visibleSteps.map((step) => /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
@@ -2170,7 +2407,7 @@ function Confirmation({
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: chunk5EGBIQYS_cjs.cn(
+          className: chunkYBLAHX2Z_cjs.cn(
             "csdk-confirm-card",
             "confirmation rounded-2xl overflow-hidden",
             "border border-border/60",
@@ -2189,7 +2426,7 @@ function ConfirmationPending({
 }) {
   const { state } = useConfirmationContext();
   if (state !== "pending") return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk5EGBIQYS_cjs.cn("pl-5 pr-4 pt-4 pb-3", className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYBLAHX2Z_cjs.cn("pl-5 pr-4 pt-4 pb-3", className), children });
 }
 function ConfirmationApproved({
   children,
@@ -2200,7 +2437,7 @@ function ConfirmationApproved({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "csdk-confirm-result",
         "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium",
         "rounded-2xl border border-green-200/60 dark:border-green-800/40",
@@ -2223,7 +2460,7 @@ function ConfirmationRejected({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "csdk-confirm-result",
         "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium",
         "rounded-2xl border border-red-200/60 dark:border-red-800/40",
@@ -2242,7 +2479,7 @@ function ConfirmationMessage({
   className
 }) {
   const { message } = useConfirmationContext();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk5EGBIQYS_cjs.cn("flex items-start gap-3", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkYBLAHX2Z_cjs.cn("flex items-start gap-3", className), children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-xl bg-amber-100 dark:bg-amber-950/50 ring-1 ring-amber-200/60 dark:ring-amber-800/40", children: /* @__PURE__ */ jsxRuntime.jsx(AlertTriangleIcon, { className: "h-4 w-4 text-amber-600 dark:text-amber-400" }) }),
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "flex-1 min-w-0 pt-0.5 text-sm text-foreground leading-snug", children: children || message || "This action requires your approval." })
   ] });
@@ -2255,17 +2492,17 @@ function ConfirmationActions({
 }) {
   const { onApprove, onReject } = useConfirmationContext();
   if (children) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk5EGBIQYS_cjs.cn("mt-3 flex justify-end gap-2", className), children });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYBLAHX2Z_cjs.cn("mt-3 flex justify-end gap-2", className), children });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-0 border-t border-border/40 mt-3" }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk5EGBIQYS_cjs.cn("flex justify-end gap-2 pt-3", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkYBLAHX2Z_cjs.cn("flex justify-end gap-2 pt-3", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           type: "button",
           onClick: onReject,
-          className: chunk5EGBIQYS_cjs.cn(
+          className: chunkYBLAHX2Z_cjs.cn(
             "csdk-confirm-btn",
             "px-4 py-1.5 text-sm font-medium rounded-xl",
             "border border-border/80 bg-transparent text-muted-foreground",
@@ -2279,7 +2516,7 @@ function ConfirmationActions({
         {
           type: "button",
           onClick: onApprove,
-          className: chunk5EGBIQYS_cjs.cn(
+          className: chunkYBLAHX2Z_cjs.cn(
             "csdk-confirm-btn",
             "px-4 py-1.5 text-sm font-medium rounded-xl",
             "bg-primary text-primary-foreground",
@@ -2366,7 +2603,7 @@ function PermissionConfirmation({
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: chunk5EGBIQYS_cjs.cn(
+        className: chunkYBLAHX2Z_cjs.cn(
           "csdk-confirm-result",
           "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium",
           "rounded-2xl border border-green-200/60 dark:border-green-800/40",
@@ -2384,7 +2621,7 @@ function PermissionConfirmation({
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: chunk5EGBIQYS_cjs.cn(
+        className: chunkYBLAHX2Z_cjs.cn(
           "csdk-confirm-result",
           "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium",
           "rounded-2xl border border-red-200/60 dark:border-red-800/40",
@@ -2401,7 +2638,7 @@ function PermissionConfirmation({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "csdk-confirm-card",
         "w-full rounded-2xl overflow-hidden",
         "border border-border/60",
@@ -2423,7 +2660,7 @@ function PermissionConfirmation({
             {
               type: "button",
               onClick: handleReject,
-              className: chunk5EGBIQYS_cjs.cn(
+              className: chunkYBLAHX2Z_cjs.cn(
                 "csdk-confirm-btn",
                 "px-4 py-1.5 text-sm font-medium rounded-xl",
                 "border border-border/80 bg-transparent text-muted-foreground",
@@ -2437,7 +2674,7 @@ function PermissionConfirmation({
             {
               type: "button",
               onClick: handleApprove,
-              className: chunk5EGBIQYS_cjs.cn(
+              className: chunkYBLAHX2Z_cjs.cn(
                 "csdk-confirm-btn",
                 "px-4 py-1.5 text-sm font-medium rounded-xl",
                 "bg-primary text-primary-foreground",
@@ -2469,7 +2706,7 @@ function CompactPermissionConfirmation({
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: chunk5EGBIQYS_cjs.cn(
+        className: chunkYBLAHX2Z_cjs.cn(
           "csdk-confirm-result",
           "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium",
           "rounded-2xl border border-green-200/60 dark:border-green-800/40",
@@ -2487,7 +2724,7 @@ function CompactPermissionConfirmation({
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: chunk5EGBIQYS_cjs.cn(
+        className: chunkYBLAHX2Z_cjs.cn(
           "csdk-confirm-result",
           "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium",
           "rounded-2xl border border-red-200/60 dark:border-red-800/40",
@@ -2504,7 +2741,7 @@ function CompactPermissionConfirmation({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "csdk-confirm-card",
         "w-full rounded-2xl overflow-hidden",
         "border border-border/60",
@@ -2523,7 +2760,7 @@ function CompactPermissionConfirmation({
             {
               type: "button",
               onClick: handleReject,
-              className: chunk5EGBIQYS_cjs.cn(
+              className: chunkYBLAHX2Z_cjs.cn(
                 "csdk-confirm-btn",
                 "px-4 py-1.5 text-sm font-medium rounded-xl",
                 "border border-border/80 bg-transparent text-muted-foreground",
@@ -2537,7 +2774,7 @@ function CompactPermissionConfirmation({
             {
               type: "button",
               onClick: handleApprove,
-              className: chunk5EGBIQYS_cjs.cn(
+              className: chunkYBLAHX2Z_cjs.cn(
                 "csdk-confirm-btn",
                 "px-4 py-1.5 text-sm font-medium rounded-xl",
                 "bg-primary text-primary-foreground",
@@ -2576,11 +2813,11 @@ function FollowUpQuestions({
   if (!questions || questions.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk5EGBIQYS_cjs.cn("csdk-followup flex flex-wrap gap-2 mt-2", className), children: questions.map((question, index) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYBLAHX2Z_cjs.cn("csdk-followup flex flex-wrap gap-2 mt-2", className), children: questions.map((question, index) => /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
       onClick: () => onSelect(question),
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "csdk-followup-button px-3 py-1.5 text-sm rounded-full",
         "bg-primary/10 hover:bg-primary/20 text-primary",
         "border border-primary/20 hover:border-primary/40",
@@ -2605,7 +2842,7 @@ function BranchNavigator({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "csdk-branch-navigator flex items-center gap-1 text-xs text-muted-foreground select-none",
         className
       ),
@@ -2617,7 +2854,7 @@ function BranchNavigator({
             onClick: onPrevious,
             disabled: !hasPrevious,
             "aria-label": "Previous version",
-            className: chunk5EGBIQYS_cjs.cn(
+            className: chunkYBLAHX2Z_cjs.cn(
               "p-0.5 rounded transition-colors",
               hasPrevious ? "hover:text-foreground hover:bg-muted cursor-pointer" : "opacity-30 cursor-default"
             ),
@@ -2649,7 +2886,7 @@ function BranchNavigator({
             onClick: onNext,
             disabled: !hasNext,
             "aria-label": "Next version",
-            className: chunk5EGBIQYS_cjs.cn(
+            className: chunkYBLAHX2Z_cjs.cn(
               "p-0.5 rounded transition-colors",
               hasNext ? "hover:text-foreground hover:bg-muted cursor-pointer" : "opacity-30 cursor-default"
             ),
@@ -2692,7 +2929,7 @@ function DevLogger({
       {
         type: "button",
         onClick: () => setIsOpen(true),
-        className: chunk5EGBIQYS_cjs.cn(
+        className: chunkYBLAHX2Z_cjs.cn(
           "fixed z-[9999] flex items-center justify-center",
           "w-12 h-12 rounded-full shadow-lg",
           "bg-orange-500 hover:bg-orange-600 text-white",
@@ -2769,7 +3006,7 @@ function DevLogger({
                 {
                   type: "button",
                   onClick: () => setActiveTab(tab),
-                  className: chunk5EGBIQYS_cjs.cn(
+                  className: chunkYBLAHX2Z_cjs.cn(
                     "px-4 py-2 text-sm font-medium capitalize",
                     activeTab === tab ? "border-b-2 border-primary text-primary" : "text-muted-foreground hover:text-foreground"
                   ),
@@ -2928,7 +3165,7 @@ function Row({
     /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
-        className: chunk5EGBIQYS_cjs.cn(
+        className: chunkYBLAHX2Z_cjs.cn(
           mono && "font-mono text-xs bg-muted px-1.5 py-0.5 rounded",
           valueClass
         ),
@@ -2947,7 +3184,7 @@ function Badge({ level }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "px-1.5 py-0.5 rounded text-xs font-medium",
         colors[level] || colors.ask
       ),
@@ -2965,7 +3202,7 @@ function StatusBadge({ status }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "px-1.5 py-0.5 rounded text-xs font-medium",
         colors[status] || "bg-gray-100 text-gray-800"
       ),
@@ -3048,7 +3285,7 @@ function CapabilityBadge({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "inline-flex items-center gap-1 rounded-full font-medium transition-colors",
         sizeClasses[size],
         supported ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground opacity-50",
@@ -3056,7 +3293,7 @@ function CapabilityBadge({
       ),
       title: `${labels[type]}: ${descriptions[type]}`,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunk5EGBIQYS_cjs.cn("flex-shrink-0", iconSizes[size]), children: icons[type] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkYBLAHX2Z_cjs.cn("flex-shrink-0", iconSizes[size]), children: icons[type] }),
         showLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { children: labels[type] })
       ]
     }
@@ -3081,7 +3318,7 @@ function CapabilityList({
   ];
   const filteredItems = onlySupported ? items.filter((item) => item.supported) : items;
   if (filteredItems.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk5EGBIQYS_cjs.cn("flex flex-wrap gap-1", className), children: filteredItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYBLAHX2Z_cjs.cn("flex flex-wrap gap-1", className), children: filteredItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
     CapabilityBadge,
     {
       type: item.type,
@@ -3137,14 +3374,14 @@ function ModelSelector({
     onChange?.(modelId, provider);
     setIsOpen(false);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: chunk5EGBIQYS_cjs.cn("relative", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: chunkYBLAHX2Z_cjs.cn("relative", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         type: "button",
         onClick: () => !disabled && setIsOpen(!isOpen),
         disabled,
-        className: chunk5EGBIQYS_cjs.cn(
+        className: chunkYBLAHX2Z_cjs.cn(
           "flex items-center justify-between gap-2 w-full rounded-md border bg-background",
           "hover:bg-accent hover:text-accent-foreground",
           "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
@@ -3159,7 +3396,7 @@ function ModelSelector({
           /* @__PURE__ */ jsxRuntime.jsx(
             "svg",
             {
-              className: chunk5EGBIQYS_cjs.cn(
+              className: chunkYBLAHX2Z_cjs.cn(
                 "w-4 h-4 flex-shrink-0 text-muted-foreground transition-transform",
                 isOpen && "rotate-180"
               ),
@@ -3191,7 +3428,7 @@ function ModelSelector({
     isOpen && /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: chunk5EGBIQYS_cjs.cn(
+        className: chunkYBLAHX2Z_cjs.cn(
           "csdk-model-dropdown absolute z-50 top-full left-0 right-0 mt-1",
           "max-h-[300px] overflow-auto",
           "rounded-md border bg-popover text-popover-foreground shadow-md",
@@ -3205,7 +3442,7 @@ function ModelSelector({
               {
                 type: "button",
                 onClick: () => handleSelect(model.id, provider.name),
-                className: chunk5EGBIQYS_cjs.cn(
+                className: chunkYBLAHX2Z_cjs.cn(
                   "flex flex-col gap-0.5 w-full px-3 py-2 text-left",
                   "hover:bg-accent hover:text-accent-foreground",
                   "focus:bg-accent focus:text-accent-foreground focus:outline-none",
@@ -3251,7 +3488,7 @@ function ModelSelector({
             {
               type: "button",
               onClick: () => handleSelect(model.id, model.provider),
-              className: chunk5EGBIQYS_cjs.cn(
+              className: chunkYBLAHX2Z_cjs.cn(
                 "flex flex-col gap-0.5 w-full px-3 py-2 text-left",
                 "hover:bg-accent hover:text-accent-foreground",
                 "focus:bg-accent focus:text-accent-foreground focus:outline-none",
@@ -3311,7 +3548,7 @@ function SimpleModelSelector({
       value: value || "",
       onChange: (e) => onChange?.(e.target.value),
       disabled,
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "h-9 px-3 rounded-md border bg-background text-sm",
         "focus:outline-none focus:ring-2 focus:ring-ring",
         "disabled:cursor-not-allowed disabled:opacity-50",
@@ -3356,7 +3593,7 @@ function PopoverContent({
   return /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Positioner, { side, align, sideOffset, children: /* @__PURE__ */ jsxRuntime.jsx(
     popover.Popover.Popup,
     {
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "csdk-popover-popup",
         "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none",
         className
@@ -3389,7 +3626,7 @@ function ChevronIcon({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
-      className: chunk5EGBIQYS_cjs.cn("w-4 h-4", className),
+      className: chunkYBLAHX2Z_cjs.cn("w-4 h-4", className),
       fill: "none",
       viewBox: "0 0 24 24",
       stroke: "currentColor",
@@ -3402,7 +3639,7 @@ function PlusIcon2({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
-      className: chunk5EGBIQYS_cjs.cn("w-4 h-4", className),
+      className: chunkYBLAHX2Z_cjs.cn("w-4 h-4", className),
       fill: "none",
       viewBox: "0 0 24 24",
       stroke: "currentColor",
@@ -3415,7 +3652,7 @@ function CheckIcon2({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
-      className: chunk5EGBIQYS_cjs.cn("w-4 h-4", className),
+      className: chunkYBLAHX2Z_cjs.cn("w-4 h-4", className),
       fill: "none",
       viewBox: "0 0 24 24",
       stroke: "currentColor",
@@ -3428,7 +3665,7 @@ function TrashIcon({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
-      className: chunk5EGBIQYS_cjs.cn("w-4 h-4", className),
+      className: chunkYBLAHX2Z_cjs.cn("w-4 h-4", className),
       fill: "none",
       viewBox: "0 0 24 24",
       stroke: "currentColor",
@@ -3493,12 +3730,12 @@ function ThreadPicker({
     setDisplayedThreads((prev) => prev.filter((t) => t.id !== threadId));
     onDeleteThread?.(threadId);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk5EGBIQYS_cjs.cn("relative w-44", className), children: /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYBLAHX2Z_cjs.cn("relative w-44", className), children: /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       PopoverTrigger,
       {
         disabled: disabled || loading,
-        className: chunk5EGBIQYS_cjs.cn(
+        className: chunkYBLAHX2Z_cjs.cn(
           "flex items-center gap-1.5 w-full rounded-md px-1.5 py-0.5",
           "hover:bg-muted/70 transition-colors duration-150",
           "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
@@ -3510,7 +3747,7 @@ function ThreadPicker({
           /* @__PURE__ */ jsxRuntime.jsx(
             ChevronIcon,
             {
-              className: chunk5EGBIQYS_cjs.cn(
+              className: chunkYBLAHX2Z_cjs.cn(
                 "flex-shrink-0 size-3 text-muted-foreground/60 transition-transform duration-150",
                 isOpen && "rotate-180"
               )
@@ -3523,7 +3760,7 @@ function ThreadPicker({
       PopoverContent,
       {
         align: "start",
-        className: chunk5EGBIQYS_cjs.cn(
+        className: chunkYBLAHX2Z_cjs.cn(
           "p-0 w-56 max-h-[280px] overflow-auto",
           dropdownClassName
         ),
@@ -3533,7 +3770,7 @@ function ThreadPicker({
             {
               type: "button",
               onClick: handleNewThread,
-              className: chunk5EGBIQYS_cjs.cn(
+              className: chunkYBLAHX2Z_cjs.cn(
                 "flex items-center gap-2 w-full px-2.5 py-1.5 text-left",
                 "hover:bg-accent hover:text-accent-foreground",
                 "focus:bg-accent focus:text-accent-foreground focus:outline-none",
@@ -3549,7 +3786,7 @@ function ThreadPicker({
           displayedThreads.length > 0 ? displayedThreads.map((thread) => /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
-              className: chunk5EGBIQYS_cjs.cn(
+              className: chunkYBLAHX2Z_cjs.cn(
                 "group flex items-center gap-1 w-full px-2.5 py-1.5",
                 "hover:bg-accent hover:text-accent-foreground",
                 "focus-within:bg-accent focus-within:text-accent-foreground",
@@ -3622,7 +3859,7 @@ function TrashIcon2({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
-      className: chunk5EGBIQYS_cjs.cn("w-4 h-4", className),
+      className: chunkYBLAHX2Z_cjs.cn("w-4 h-4", className),
       fill: "none",
       viewBox: "0 0 24 24",
       stroke: "currentColor",
@@ -3642,7 +3879,7 @@ function PlusIcon3({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
-      className: chunk5EGBIQYS_cjs.cn("w-4 h-4", className),
+      className: chunkYBLAHX2Z_cjs.cn("w-4 h-4", className),
       fill: "none",
       viewBox: "0 0 24 24",
       stroke: "currentColor",
@@ -3655,7 +3892,7 @@ function MessageIcon({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
-      className: chunk5EGBIQYS_cjs.cn("w-4 h-4", className),
+      className: chunkYBLAHX2Z_cjs.cn("w-4 h-4", className),
       fill: "none",
       viewBox: "0 0 24 24",
       stroke: "currentColor",
@@ -3700,7 +3937,7 @@ function ThreadCard({
       onClick,
       onMouseEnter: () => setIsHovered(true),
       onMouseLeave: () => setIsHovered(false),
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "w-full p-3 rounded-lg border bg-card text-left transition-colors",
         "hover:bg-accent hover:border-accent-foreground/20",
         "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
@@ -3711,7 +3948,7 @@ function ThreadCard({
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: chunk5EGBIQYS_cjs.cn(
+            className: chunkYBLAHX2Z_cjs.cn(
               "flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center",
               selected ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"
             ),
@@ -3726,7 +3963,7 @@ function ThreadCard({
               {
                 type: "button",
                 onClick: handleDelete,
-                className: chunk5EGBIQYS_cjs.cn(
+                className: chunkYBLAHX2Z_cjs.cn(
                   "flex-shrink-0 p-1 rounded",
                   "hover:bg-destructive/10 hover:text-destructive",
                   "focus:outline-none focus:ring-2 focus:ring-destructive"
@@ -3762,13 +3999,13 @@ function ThreadList({
   showDelete = true,
   className
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk5EGBIQYS_cjs.cn("flex flex-col gap-2", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkYBLAHX2Z_cjs.cn("flex flex-col gap-2", className), children: [
     onNewThread && /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         type: "button",
         onClick: onNewThread,
-        className: chunk5EGBIQYS_cjs.cn(
+        className: chunkYBLAHX2Z_cjs.cn(
           "flex items-center gap-2 p-3 rounded-lg border border-dashed",
           "hover:bg-accent hover:border-accent-foreground/20",
           "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
@@ -3808,7 +4045,7 @@ var CopilotSDKLogo = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     ...props,
-    className: chunk5EGBIQYS_cjs.cn("w-auto h-[30px]", props.className),
+    className: chunkYBLAHX2Z_cjs.cn("w-auto h-[30px]", props.className),
     children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
@@ -3867,7 +4104,7 @@ function ChatHeader({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "flex flex-col border-b border-border bg-background",
         className
       ),
@@ -3907,7 +4144,7 @@ function Suggestions({
   className
 }) {
   if (!suggestions.length) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk5EGBIQYS_cjs.cn("flex flex-wrap gap-2 px-4 py-2", className), children: suggestions.map((suggestion, index) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYBLAHX2Z_cjs.cn("flex flex-wrap gap-2 px-4 py-2", className), children: suggestions.map((suggestion, index) => /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
       type: "button",
@@ -4020,7 +4257,7 @@ function MCPUIFrame({
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: chunk5EGBIQYS_cjs.cn(
+        className: chunkYBLAHX2Z_cjs.cn(
           "flex items-center justify-center rounded-lg border border-destructive/50 bg-destructive/10 p-4 text-sm text-destructive",
           className
         ),
@@ -4053,11 +4290,11 @@ function MCPUIFrame({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunk5EGBIQYS_cjs.cn("relative overflow-hidden rounded-lg border", className),
+      className: chunkYBLAHX2Z_cjs.cn("relative overflow-hidden rounded-lg border", className),
       "data-testid": testId,
       children: [
         resource.metadata?.title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b bg-muted/50 px-3 py-1.5 text-xs font-medium text-muted-foreground", children: resource.metadata.title }),
-        showLoading && isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "csdk-mcp-loading absolute inset-0 z-10 flex items-center justify-center bg-background/80", children: /* @__PURE__ */ jsxRuntime.jsx(chunk5EGBIQYS_cjs.Loader, { variant: "dots", size: "md" }) }),
+        showLoading && isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "csdk-mcp-loading absolute inset-0 z-10 flex items-center justify-center bg-background/80", children: /* @__PURE__ */ jsxRuntime.jsx(Loader, { variant: "dots", size: "md" }) }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "iframe",
           {
@@ -4093,7 +4330,7 @@ function MCPUIFrameList({
     md: "space-y-2",
     lg: "space-y-4"
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk5EGBIQYS_cjs.cn(gapClasses[gap], className), children: resources.map((resource, index) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYBLAHX2Z_cjs.cn(gapClasses[gap], className), children: resources.map((resource, index) => /* @__PURE__ */ jsxRuntime.jsx(
     MCPUIFrame,
     {
       resource,
@@ -4342,7 +4579,7 @@ function FloatingActions({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "flex items-center gap-0.5 mt-1",
         "opacity-0 group-hover/message:opacity-100 transition-opacity duration-150",
         align === "right" ? "justify-end" : "justify-start"
@@ -4357,7 +4594,7 @@ function FloatingActions({
             type: "button",
             title: action.tooltip,
             "aria-label": action.tooltip,
-            className: chunk5EGBIQYS_cjs.cn(
+            className: chunkYBLAHX2Z_cjs.cn(
               "flex items-center justify-center size-6 rounded-md",
               "text-muted-foreground hover:text-foreground hover:bg-muted",
               "transition-colors",
@@ -4541,7 +4778,7 @@ function DefaultMessage({
     return /* @__PURE__ */ jsxRuntime.jsxs(
       Message,
       {
-        className: chunk5EGBIQYS_cjs.cn(
+        className: chunkYBLAHX2Z_cjs.cn(
           "csdk-message csdk-user-message flex gap-2 group/user-msg group/message justify-end"
         ),
         children: [
@@ -4554,7 +4791,7 @@ function DefaultMessage({
                 onChange: (e) => setEditValue(e.target.value),
                 onKeyDown: handleEditKeyDown,
                 rows: Math.max(2, (editValue.match(/\n/g) || []).length + 1),
-                className: chunk5EGBIQYS_cjs.cn(
+                className: chunkYBLAHX2Z_cjs.cn(
                   "csdk-edit-textarea w-full rounded-lg px-3 py-2 text-sm resize-none",
                   "bg-primary text-primary-foreground placeholder:text-primary-foreground/50",
                   "focus:outline-none focus:ring-2 focus:ring-primary-foreground/30",
@@ -4588,7 +4825,7 @@ function DefaultMessage({
               /* @__PURE__ */ jsxRuntime.jsxs(
                 "div",
                 {
-                  className: chunk5EGBIQYS_cjs.cn(
+                  className: chunkYBLAHX2Z_cjs.cn(
                     "csdk-message-user rounded-2xl overflow-hidden bg-primary text-primary-foreground",
                     hasAttachments && "p-[3px]",
                     hasAttachments && !message.content && "max-w-[260px]",
@@ -4608,7 +4845,7 @@ function DefaultMessage({
                     message.content && /* @__PURE__ */ jsxRuntime.jsx(
                       MessageContent,
                       {
-                        className: chunk5EGBIQYS_cjs.cn("px-4 py-2"),
+                        className: chunkYBLAHX2Z_cjs.cn("px-4 py-2"),
                         markdown: true,
                         size,
                         children: message.content
@@ -4623,7 +4860,7 @@ function DefaultMessage({
                   type: "button",
                   onClick: startEdit,
                   "aria-label": "Edit message",
-                  className: chunk5EGBIQYS_cjs.cn(
+                  className: chunkYBLAHX2Z_cjs.cn(
                     "csdk-edit-btn absolute -left-7 top-1/2 -translate-y-1/2",
                     "size-6 flex items-center justify-center rounded-full",
                     "text-muted-foreground bg-background border border-border shadow-sm",
@@ -4733,7 +4970,7 @@ function DefaultMessage({
         alt: "Assistant",
         fallback: assistantAvatar.fallback,
         fallbackIcon: !assistantAvatar.src && !assistantAvatar.fallback && !assistantAvatar.component ? /* @__PURE__ */ jsxRuntime.jsx(copilot_sdk_logo_default, { className: "size-5" }) : void 0,
-        className: chunk5EGBIQYS_cjs.cn("bg-muted", assistantAvatar.className),
+        className: chunkYBLAHX2Z_cjs.cn("bg-muted", assistantAvatar.className),
         children: assistantAvatar.component
       }
     ),
@@ -4746,13 +4983,13 @@ function DefaultMessage({
           className: "mb-2"
         }
       ),
-      isLastMessage && isProcessing && !completedTools?.length && !pendingApprovalTools?.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg bg-muted px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(chunk5EGBIQYS_cjs.Loader, { variant: "dots", size: "sm" }) }) : (
+      isLastMessage && isProcessing && !completedTools?.length && !pendingApprovalTools?.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg bg-muted px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(Loader, { variant: "dots", size: "sm" }) }) : (
         /* Show streaming loader when loading with no content and no tools */
-        isLastMessage && isLoading && !cleanContent?.trim() && !toolsWithCustomRender?.length && !toolsWithoutCustomRender?.length && !pendingApprovalTools?.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg bg-muted px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(chunk5EGBIQYS_cjs.Loader, { variant: loaderVariant, size: "sm" }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        isLastMessage && isLoading && !cleanContent?.trim() && !toolsWithCustomRender?.length && !toolsWithoutCustomRender?.length && !pendingApprovalTools?.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg bg-muted px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(Loader, { variant: loaderVariant, size: "sm" }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           cleanContent?.trim() && /* @__PURE__ */ jsxRuntime.jsx(
             MessageContent,
             {
-              className: chunk5EGBIQYS_cjs.cn(
+              className: chunkYBLAHX2Z_cjs.cn(
                 "csdk-message-assistant rounded-lg px-4 py-2 bg-muted",
                 assistantMessageClassName
               ),
@@ -4761,7 +4998,7 @@ function DefaultMessage({
               children: cleanContent
             }
           ),
-          toolsWithCustomRender && toolsWithCustomRender.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk5EGBIQYS_cjs.cn("space-y-2", cleanContent?.trim() && "mt-2"), children: toolsWithCustomRender.map((exec) => {
+          toolsWithCustomRender && toolsWithCustomRender.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYBLAHX2Z_cjs.cn("space-y-2", cleanContent?.trim() && "mt-2"), children: toolsWithCustomRender.map((exec) => {
             const toolDef = registeredTools?.find(
               (t) => t.name === exec.name
             );
@@ -4846,7 +5083,7 @@ function DefaultMessage({
           toolSteps && toolSteps.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: chunk5EGBIQYS_cjs.cn(
+              className: chunkYBLAHX2Z_cjs.cn(
                 "rounded-lg bg-muted/50 px-3 py-2",
                 cleanContent?.trim() && "mt-2"
               ),
@@ -4865,7 +5102,7 @@ function DefaultMessage({
               `${exec.id}-ui`
             );
           }),
-          isLastMessage && isProcessing && completedTools && completedTools.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 rounded-lg bg-muted px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(chunk5EGBIQYS_cjs.Loader, { variant: "dots", size: "sm" }) }),
+          isLastMessage && isProcessing && completedTools && completedTools.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 rounded-lg bg-muted px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(Loader, { variant: "dots", size: "sm" }) }),
           pendingApprovalTools && pendingApprovalTools.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 space-y-2", children: pendingApprovalTools.map((tool) => {
             const approvalCallbacks = {
               onApprove: (extraData) => onApproveToolExecution?.(tool.id, extraData),
@@ -4937,7 +5174,7 @@ function DefaultMessage({
               showFavicon: citations.showFavicon ?? true,
               numbered: citations.numbered ?? false,
               maxVisible: citations.maxVisible ?? 6,
-              className: chunk5EGBIQYS_cjs.cn("mt-2", citations.className)
+              className: chunkYBLAHX2Z_cjs.cn("mt-2", citations.className)
             }
           ),
           shouldShowFollowUps && /* @__PURE__ */ jsxRuntime.jsx(
@@ -5088,7 +5325,7 @@ function ImageThumb({
       {
         type: "button",
         onClick: () => setExpanded(true),
-        className: chunk5EGBIQYS_cjs.cn(
+        className: chunkYBLAHX2Z_cjs.cn(
           "csdk-attachment-image relative overflow-hidden cursor-zoom-in",
           "transition-[opacity,transform] duration-150 hover:opacity-90 active:scale-[0.98]",
           className
@@ -5125,7 +5362,7 @@ function FileCard({ attachment }) {
       target: "_blank",
       rel: "noopener noreferrer",
       download: isPdfFile ? void 0 : attachment.filename,
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         cssClass,
         "flex items-center gap-2 rounded-lg min-w-0 w-full",
         "px-2 py-1.5 cursor-pointer transition-opacity duration-150 hover:opacity-80",
@@ -5319,11 +5556,11 @@ function MessageMedia({
   const pdfs = attachments.filter((a) => isPdf(a));
   const files = attachments.filter((a) => a.type !== "image" && !isPdf(a));
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    images.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk5EGBIQYS_cjs.cn("csdk-attachment-images", hasText ? "mb-0" : ""), children: /* @__PURE__ */ jsxRuntime.jsx(ImageGrid, { images, bubbleRadius: "0.5rem" }) }),
+    images.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYBLAHX2Z_cjs.cn("csdk-attachment-images", hasText ? "mb-0" : ""), children: /* @__PURE__ */ jsxRuntime.jsx(ImageGrid, { images, bubbleRadius: "0.5rem" }) }),
     (pdfs.length > 0 || files.length > 0) && /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: chunk5EGBIQYS_cjs.cn(
+        className: chunkYBLAHX2Z_cjs.cn(
           "csdk-attachment-files flex flex-col gap-1",
           hasText || images.length > 0 ? "px-1.5 pb-1.5 pt-1" : "p-1.5"
         ),
@@ -5512,7 +5749,7 @@ function ChatWelcome({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "flex flex-1 flex-col items-center justify-center px-4 py-8 overflow-auto",
         classNames.root
       ),
@@ -5520,7 +5757,7 @@ function ChatWelcome({
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: chunk5EGBIQYS_cjs.cn(
+            className: chunkYBLAHX2Z_cjs.cn(
               "flex flex-col items-center text-center mb-8",
               classNames.hero
             ),
@@ -5538,7 +5775,7 @@ function ChatWelcome({
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk5EGBIQYS_cjs.cn("w-full max-w-lg mb-6", classNames.input), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkYBLAHX2Z_cjs.cn("w-full max-w-lg mb-6", classNames.input), children: [
           pendingAttachments.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2 p-2 mb-2 bg-muted/30 rounded-lg", children: pendingAttachments.map((att) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative group", children: [
             att.attachment.type === "image" ? /* @__PURE__ */ jsxRuntime.jsx(
               "img",
@@ -5568,7 +5805,7 @@ function ChatWelcome({
               ),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground truncate w-full text-center mt-1", children: att.file.name.length > 10 ? att.file.name.slice(0, 8) + "..." : att.file.name })
             ] }),
-            att.status === "processing" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "csdk-attachment-loading absolute inset-0 bg-background/80 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunk5EGBIQYS_cjs.Loader, { variant: "dots", size: "sm" }) }),
+            att.status === "processing" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "csdk-attachment-loading absolute inset-0 bg-background/80 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(Loader, { variant: "dots", size: "sm" }) }),
             att.status === "error" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "csdk-attachment-error absolute inset-0 bg-destructive/20 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive text-xs", children: "Error" }) }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "button",
@@ -5598,7 +5835,7 @@ function ChatWelcome({
                         "label",
                         {
                           htmlFor: fileInputId,
-                          className: chunk5EGBIQYS_cjs.cn(
+                          className: chunkYBLAHX2Z_cjs.cn(
                             "flex h-8 w-8 items-center justify-center rounded-2xl",
                             attachmentsEnabled ? "hover:bg-secondary-foreground/10 cursor-pointer" : "opacity-50 cursor-not-allowed"
                           ),
@@ -5649,7 +5886,7 @@ function ChatWelcome({
         suggestions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: chunk5EGBIQYS_cjs.cn("w-full max-w-lg mb-6 px-3", classNames.suggestions),
+            className: chunkYBLAHX2Z_cjs.cn("w-full max-w-lg mb-6 px-3", classNames.suggestions),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-muted-foreground mb-2", children: suggestionsLabel }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "", children: suggestions.map((suggestion, index) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -5690,7 +5927,7 @@ function HomeView({ children, className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "csdk-chat-home-view flex flex-1 flex-col overflow-auto",
         className
       ),
@@ -5703,7 +5940,7 @@ function ChatView({ children, className }) {
   const { view } = useCopilotChatContext();
   if (view !== "chat") return null;
   if (children) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk5EGBIQYS_cjs.cn("csdk-chat-view flex flex-col", className), children });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYBLAHX2Z_cjs.cn("csdk-chat-view flex flex-col", className), children });
   }
   return null;
 }
@@ -5717,10 +5954,10 @@ function chatViewHasOnlyLayoutChildren(chatViewElement) {
   );
 }
 function Header({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk5EGBIQYS_cjs.cn("csdk-chat-header", className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYBLAHX2Z_cjs.cn("csdk-chat-header", className), children });
 }
 function Footer({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk5EGBIQYS_cjs.cn("csdk-chat-footer", className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYBLAHX2Z_cjs.cn("csdk-chat-footer", className), children });
 }
 function Input({ placeholder: placeholderProp, className }) {
   const {
@@ -5743,7 +5980,7 @@ function Input({ placeholder: placeholderProp, className }) {
       onValueChange: setValue,
       isLoading,
       onSubmit: handleSubmit,
-      className: chunk5EGBIQYS_cjs.cn("csdk-compound-input", className),
+      className: chunkYBLAHX2Z_cjs.cn("csdk-compound-input", className),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           PromptInputTextarea,
@@ -5782,13 +6019,13 @@ function SuggestionsCompound({
 }) {
   const { send } = useCopilotChatContext();
   if (items.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk5EGBIQYS_cjs.cn("csdk-compound-suggestions", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkYBLAHX2Z_cjs.cn("csdk-compound-suggestions", className), children: [
     label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground mb-2 block", children: label }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
         onClick: () => send(item),
-        className: chunk5EGBIQYS_cjs.cn(
+        className: chunkYBLAHX2Z_cjs.cn(
           "csdk-followup-button px-3 py-1.5 text-sm rounded-full border",
           "bg-background hover:bg-accent transition-colors",
           buttonClassName
@@ -5814,7 +6051,7 @@ function BackButton({
       onClick: onNewChat,
       disabled: disabled || isThreadBusy,
       "aria-label": ariaLabel,
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "csdk-back-button flex items-center gap-1 text-sm",
         "hover:bg-accent rounded px-2 py-1",
         "disabled:opacity-50 disabled:cursor-not-allowed",
@@ -6228,7 +6465,7 @@ function ChatComponent({
   return /* @__PURE__ */ jsxRuntime.jsx(MessageActionsProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(CopilotChatContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "flex h-full flex-col bg-background relative",
         className,
         classNames.root
@@ -6279,12 +6516,12 @@ function ChatComponent({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ jsxRuntime.jsxs(
             ChatContainerRoot,
             {
-              className: chunk5EGBIQYS_cjs.cn("flex-1 relative", classNames.container),
+              className: chunkYBLAHX2Z_cjs.cn("flex-1 relative", classNames.container),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(
                   ChatContainerContent,
                   {
-                    className: chunk5EGBIQYS_cjs.cn("gap-4 p-4", classNames.messageList),
+                    className: chunkYBLAHX2Z_cjs.cn("gap-4 p-4", classNames.messageList),
                     children: [
                       messages.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-8 text-center text-muted-foreground", children: welcomeMessage || "Send a message to start the conversation" }),
                       (() => {
@@ -6416,7 +6653,7 @@ function ChatComponent({
           displayedError && /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: chunk5EGBIQYS_cjs.cn(
+              className: chunkYBLAHX2Z_cjs.cn(
                 "mx-2 mb-1 overflow-hidden transition-all duration-200 ease-in-out",
                 showErrorBanner ? "max-h-20 opacity-100" : "max-h-0 opacity-0 mb-0"
               ),
@@ -6473,7 +6710,7 @@ function ChatComponent({
               ] })
             }
           ),
-          renderInput ? renderInput() : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk5EGBIQYS_cjs.cn("p-2 pt-0", classNames.input), children: [
+          renderInput ? renderInput() : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkYBLAHX2Z_cjs.cn("p-2 pt-0", classNames.input), children: [
             pendingAttachments.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2 p-2 mb-2 bg-muted/30 rounded-lg", children: pendingAttachments.map((att) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative group", children: [
               att.attachment.type === "image" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "img",
@@ -6503,7 +6740,7 @@ function ChatComponent({
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground truncate w-full text-center mt-1", children: att.file.name.length > 10 ? att.file.name.slice(0, 8) + "..." : att.file.name })
               ] }),
-              att.status === "processing" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "csdk-attachment-loading absolute inset-0 bg-background/80 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunk5EGBIQYS_cjs.Loader, { variant: "dots", size: "sm" }) }),
+              att.status === "processing" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "csdk-attachment-loading absolute inset-0 bg-background/80 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(Loader, { variant: "dots", size: "sm" }) }),
               att.status === "error" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "csdk-attachment-error absolute inset-0 bg-destructive/20 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive text-xs", children: "Error" }) }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
@@ -6534,7 +6771,7 @@ function ChatComponent({
                           "label",
                           {
                             htmlFor: fileInputId,
-                            className: chunk5EGBIQYS_cjs.cn(
+                            className: chunkYBLAHX2Z_cjs.cn(
                               "csdk-button-attach flex h-8 w-8 items-center justify-center rounded-2xl",
                               attachmentsEnabled ? "hover:bg-secondary-foreground/10 cursor-pointer" : "opacity-50 cursor-not-allowed"
                             ),
@@ -6661,7 +6898,7 @@ function ToolExecutionMessage({
   const allCompleted = executions.every(
     (exec) => exec.status === "completed" || exec.status === "error"
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs(Message, { className: chunk5EGBIQYS_cjs.cn("flex gap-2", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Message, { className: chunkYBLAHX2Z_cjs.cn("flex gap-2", className), children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       MessageAvatar,
       {
@@ -6880,7 +7117,7 @@ function useInternalThreadManager(config = {}) {
   } = config;
   const [state, dispatch] = React19.useReducer(threadReducer, INITIAL_STATE);
   const isLoadingRef = React19.useRef(false);
-  const threadManager = chunkJFVTY757_cjs.useThreadManager({
+  const threadManager = chunkWYFJZNFT_cjs.useThreadManager({
     adapter,
     saveDebounce,
     autoRestoreLastThread
@@ -6902,7 +7139,7 @@ function useInternalThreadManager(config = {}) {
     switchBranch,
     threadId: sdkThreadId,
     setActiveThread
-  } = chunkIDAQU3FP_cjs.useCopilot();
+  } = chunkTD7NF6OE_cjs.useCopilot();
   React19.useEffect(() => {
     if (!enabled || state.initialized || !currentThread) return;
     dispatch({ type: "RESTORE_START" });
@@ -7132,7 +7369,7 @@ function CopilotChatBase(props) {
     getBranchInfo,
     editMessage,
     error: chatError
-  } = chunkIDAQU3FP_cjs.useCopilot();
+  } = chunkTD7NF6OE_cjs.useCopilot();
   const toolExecutions = rawToolExecutions.map(
     (exec) => ({
       id: exec.id,
@@ -7160,68 +7397,88 @@ function CopilotChatBase(props) {
       const toolCallIds = new Set(
         m.toolCalls.map((tc) => tc.id)
       );
-      const liveExecutions = toolExecutions.filter(
-        (exec) => toolCallIds.has(exec.id)
-      );
-      if (liveExecutions.length > 0) {
-        messageToolExecutions = liveExecutions.map(
-          (exec) => {
-            if (!exec.result && toolResultsMap.has(exec.id)) {
-              const resultContent = toolResultsMap.get(exec.id);
-              try {
-                return { ...exec, result: JSON.parse(resultContent) };
-              } catch {
-                return {
-                  ...exec,
-                  result: { success: false, message: resultContent }
-                };
+      const isLastMsg = m.id === [...messages].reverse().find((msg) => msg.role === "assistant")?.id;
+      const savedMeta = m.metadata?.toolExecutions;
+      if (!isLastMsg && savedMeta && savedMeta.length > 0) {
+        messageToolExecutions = savedMeta;
+      } else {
+        const liveExecutions = isLastMsg ? toolExecutions.filter(
+          (exec) => toolCallIds.has(exec.id)
+        ) : [];
+        if (liveExecutions.length > 0) {
+          messageToolExecutions = liveExecutions.map(
+            (exec) => {
+              if (!exec.result && toolResultsMap.has(exec.id)) {
+                const resultContent = toolResultsMap.get(exec.id);
+                try {
+                  return { ...exec, result: JSON.parse(resultContent) };
+                } catch {
+                  return {
+                    ...exec,
+                    result: { success: false, message: resultContent }
+                  };
+                }
               }
+              return exec;
             }
-            return exec;
-          }
-        );
-      } else {
-        const toolCallsHidden = m.metadata?.toolCallsHidden;
-        messageToolExecutions = m.toolCalls.map(
-          (tc) => {
-            const resultContent = toolResultsMap.get(tc.id);
-            let result = void 0;
-            if (resultContent) {
+          );
+        } else {
+          const toolCallsHidden = m.metadata?.toolCallsHidden;
+          messageToolExecutions = m.toolCalls.map(
+            (tc) => {
+              const resultContent = toolResultsMap.get(tc.id);
+              let result = void 0;
+              if (resultContent) {
+                try {
+                  result = JSON.parse(resultContent);
+                } catch {
+                  result = { success: false, message: resultContent };
+                }
+              }
+              let args = {};
               try {
-                result = JSON.parse(resultContent);
+                args = JSON.parse(tc.function.arguments || "{}");
               } catch {
-                result = { success: false, message: resultContent };
               }
+              let hidden = toolCallsHidden?.[tc.id];
+              if (hidden === void 0) {
+                const toolDef = registeredTools?.find(
+                  (t) => t.name === tc.function.name
+                );
+                hidden = toolDef?.hidden;
+              }
+              return {
+                id: tc.id,
+                name: tc.function.name,
+                args,
+                status: result ? "completed" : "pending",
+                result,
+                timestamp: m.createdAt instanceof Date ? m.createdAt.getTime() : Date.now(),
+                hidden
+              };
             }
-            let args = {};
-            try {
-              args = JSON.parse(tc.function.arguments || "{}");
-            } catch {
-            }
-            let hidden = toolCallsHidden?.[tc.id];
-            if (hidden === void 0) {
-              const toolDef = registeredTools?.find(
-                (t) => t.name === tc.function.name
-              );
-              hidden = toolDef?.hidden;
-            }
-            return {
-              id: tc.id,
-              name: tc.function.name,
-              args,
-              status: result ? "completed" : "pending",
-              result,
-              timestamp: m.createdAt instanceof Date ? m.createdAt.getTime() : Date.now(),
-              hidden
-            };
-          }
-        );
+          );
+        }
       }
     }
     const savedExecutions = m.metadata?.toolExecutions;
     if (savedExecutions && savedExecutions.length > 0 && !messageToolExecutions) {
       messageToolExecutions = savedExecutions;
     }
+    const isLastAssistant = m.id === [...messages].reverse().find((msg) => msg.role === "assistant")?.id;
+    if (isLastAssistant && !messageToolExecutions && m.role === "assistant" && isLoading && toolExecutions.length > 0) {
+      const allMatchedIds = new Set(
+        messages.filter((msg) => msg.toolCalls).flatMap(
+          (msg) => (msg.toolCalls || []).map((tc) => tc.id)
+        )
+      );
+      const unmatchedExecutions = toolExecutions.filter(
+        (exec) => !allMatchedIds.has(exec.id) && (exec.status === "executing" || exec.status === "pending" || exec.approvalStatus === "required")
+      );
+      if (unmatchedExecutions.length > 0) {
+        messageToolExecutions = unmatchedExecutions;
+      }
+    }
     const visibleToolExecutions = messageToolExecutions?.filter(
       (exec) => !exec.hidden
     );
@@ -7242,6 +7499,7 @@ function CopilotChatBase(props) {
       _hasOnlyHiddenTools: messageToolExecutions && messageToolExecutions.length > 0 && (!visibleToolExecutions || visibleToolExecutions.length === 0)
     };
   }).filter((m) => {
+    if (!m) return false;
     if (m.role === "assistant" && !m.content && m._hasOnlyHiddenTools) {
       return false;
     }
@@ -7398,7 +7656,7 @@ function PoweredBy({ className, showLogo = true }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunk5EGBIQYS_cjs.cn(
+      className: chunkYBLAHX2Z_cjs.cn(
         "flex items-center justify-center gap-1.5 py-2 text-xs text-muted-foreground",
         className
       ),
@@ -7958,16 +8216,16 @@ var ChatPrimitives = {
   ScrollAnchor: ChatContainerScrollAnchor,
   // ── Indicators ────────────────────────────────────────
   /** Loading / streaming indicator (dots, wave, typing variants) */
-  Loader: chunk5EGBIQYS_cjs.Loader
+  Loader
 };
 
-Object.defineProperty(exports, "Loader", {
+Object.defineProperty(exports, "Markdown", {
   enumerable: true,
-  get: function () { return chunk5EGBIQYS_cjs.Loader; }
+  get: function () { return chunkYBLAHX2Z_cjs.Markdown; }
 });
 Object.defineProperty(exports, "cn", {
   enumerable: true,
-  get: function () { return chunk5EGBIQYS_cjs.cn; }
+  get: function () { return chunkYBLAHX2Z_cjs.cn; }
 });
 exports.AlertTriangleIcon = AlertTriangleIcon;
 exports.AttachmentStrip = AttachmentStrip;
@@ -8007,9 +8265,9 @@ exports.DropZoneOverlay = DropZoneOverlay;
 exports.FeedbackBar = FeedbackBar;
 exports.FollowUpQuestions = FollowUpQuestions;
 exports.InlineToolSteps = InlineToolSteps;
+exports.Loader = Loader;
 exports.MCPUIFrame = MCPUIFrame;
 exports.MCPUIFrameList = MCPUIFrameList;
-exports.Markdown = Markdown;
 exports.MessageAvatar = MessageAvatar;
 exports.MessageContent = MessageContent;
 exports.MessagePrimitive = Message;