@yourgpt/copilot-sdk 2.0.1 → 2.0.2-beta.2

package/dist/ui/index.cjs

@@ -1,11 +1,25 @@
 'use strict';
 
-var chunkBLSI67J6_cjs = require('../chunk-BLSI67J6.cjs');
-var chunk4PRWNAXQ_cjs = require('../chunk-4PRWNAXQ.cjs');
+var chunkH5XMKBBA_cjs = require('../chunk-H5XMKBBA.cjs');
+var chunkUOWLKFXK_cjs = require('../chunk-UOWLKFXK.cjs');
+var chunkJO4BHPAD_cjs = require('../chunk-JO4BHPAD.cjs');
+require('../chunk-7K7HZMP4.cjs');
+require('../chunk-UIWFYMAO.cjs');
+require('../chunk-CEKAYA2Q.cjs');
+require('../chunk-ASV6JLYG.cjs');
+require('../chunk-CBAHCI4R.cjs');
+require('../chunk-MEBXW75C.cjs');
+require('../chunk-W73FBYIH.cjs');
+require('../chunk-2FAWEBZS.cjs');
+require('../chunk-6T5XXJEP.cjs');
+require('../chunk-GANCV72Z.cjs');
+require('../chunk-XWOHNY3F.cjs');
+require('../chunk-TXLIY7GF.cjs');
+require('../chunk-JEQ2X3Z6.cjs');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
-var React18 = require('react');
+var React20 = require('react');
 var streamdown = require('streamdown');
 var code = require('@streamdown/code');
 var reactSlot = require('@radix-ui/react-slot');
@@ -14,6 +28,7 @@ var useStickToBottom = require('use-stick-to-bottom');
 var tooltip = require('@base-ui/react/tooltip');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
 var HoverCardPrimitive = require('@radix-ui/react-hover-card');
+var lucideReact = require('lucide-react');
 var popover = require('@base-ui/react/popover');
 
 function _interopNamespace(e) {
@@ -34,7 +49,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React18__namespace = /*#__PURE__*/_interopNamespace(React18);
+var React20__namespace = /*#__PURE__*/_interopNamespace(React20);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 var HoverCardPrimitive__namespace = /*#__PURE__*/_interopNamespace(HoverCardPrimitive);
 
@@ -348,7 +363,7 @@ function MarkdownComponent({
     }
   ) });
 }
-var Markdown = React18.memo(MarkdownComponent);
+var Markdown = React20.memo(MarkdownComponent);
 Markdown.displayName = "Markdown";
 function CodeBlock({ children, className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -389,7 +404,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React18__namespace.forwardRef(
+var Button = React20__namespace.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -532,7 +547,7 @@ function ChatContainerRoot({
   return /* @__PURE__ */ jsxRuntime.jsx(
     StickToBottom,
     {
-      className: cn("flex overflow-y-auto", className),
+      className: cn("min-h-0", className),
       resize: "smooth",
       initial: "instant",
       role: "log",
@@ -630,7 +645,7 @@ function TooltipTrigger({
   disabled,
   ...props
 }) {
-  if (asChild && React18__namespace.default.isValidElement(children)) {
+  if (asChild && React20__namespace.default.isValidElement(children)) {
     return /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Trigger, { disabled, render: children, ...props });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Trigger, { disabled, ...props, children });
@@ -659,7 +674,7 @@ function TooltipContent({
     }
   ) }) });
 }
-var Avatar = React18__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Avatar = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Root,
   {
     ref,
@@ -671,7 +686,7 @@ var Avatar = React18__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
-var AvatarImage = React18__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AvatarImage = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Image,
   {
     ref,
@@ -680,7 +695,7 @@ var AvatarImage = React18__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
-var AvatarFallback = React18__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AvatarFallback = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Fallback,
   {
     ref,
@@ -723,7 +738,7 @@ var MessageContent = ({
   ...props
 }) => {
   const classNames = cn(
-    "csdk-message-content rounded-lg p-2 break-words whitespace-normal max-w-none leading-relaxed",
+    "csdk-message-content rounded-lg p-2 break-words whitespace-normal max-w-full leading-relaxed overflow-x-auto overflow-y-hidden",
     // Typography - simple Tailwind utilities (no prose)
     "[&_p]:my-1 [&_p]:leading-relaxed",
     "[&_ul]:my-1 [&_ul]:pl-4 [&_ul]:list-disc [&_ul]:list-outside",
@@ -731,14 +746,16 @@ var MessageContent = ({
     "[&_li]:my-0.5 [&_li]:pl-0",
     "[&_pre]:my-2 [&_blockquote]:my-2 [&_blockquote]:pl-3 [&_blockquote]:border-l-2 [&_blockquote]:border-current/30",
     "[&_code]:bg-current/10 [&_code]:px-1 [&_code]:rounded [&_code]:text-[0.9em]",
-    "[&_a]:underline",
+    "[&_a]:underline [&_a]:text-[var(--csdk-link-color)] [&_a]:[overflow-wrap:anywhere]",
+    "[&_button[data-streamdown='link']]:underline [&_button[data-streamdown='link']]:text-[var(--csdk-link-color)] [&_button[data-streamdown='link']]:[overflow-wrap:anywhere] [&_button[data-streamdown='link']]:font-medium",
+    "[&_.text-primary]:text-[var(--csdk-link-color)]",
     "[&_strong]:font-semibold",
     textSizeMap[size],
     className
   );
   return markdown ? /* @__PURE__ */ jsxRuntime.jsx(Markdown, { className: classNames, ...props, children }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames, ...props, children });
 };
-var Textarea = React18__namespace.forwardRef(({ className, ...props }, ref) => {
+var Textarea = React20__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "textarea",
     {
@@ -752,7 +769,7 @@ var Textarea = React18__namespace.forwardRef(({ className, ...props }, ref) => {
   );
 });
 Textarea.displayName = "Textarea";
-var PromptInputContext = React18.createContext({
+var PromptInputContext = React20.createContext({
   isLoading: false,
   value: "",
   setValue: () => {
@@ -763,7 +780,7 @@ var PromptInputContext = React18.createContext({
   textareaRef: { current: null }
 });
 function usePromptInput() {
-  return React18.useContext(PromptInputContext);
+  return React20.useContext(PromptInputContext);
 }
 function PromptInput({
   className,
@@ -777,8 +794,8 @@ function PromptInput({
   onClick,
   ...props
 }) {
-  const [internalValue, setInternalValue] = React18.useState(value || "");
-  const textareaRef = React18.useRef(null);
+  const [internalValue, setInternalValue] = React20.useState(value || "");
+  const textareaRef = React20.useRef(null);
   const handleChange = (newValue) => {
     setInternalValue(newValue);
     onValueChange?.(newValue);
@@ -835,7 +852,7 @@ function PromptInputTextarea({
     textareaRef.current = el;
     adjustHeight(el);
   };
-  React18.useLayoutEffect(() => {
+  React20.useLayoutEffect(() => {
     if (!textareaRef.current || disableAutosize) return;
     const el = textareaRef.current;
     el.style.height = "auto";
@@ -902,23 +919,23 @@ function PromptInputAction({
 }
 var HoverCard = HoverCardPrimitive__namespace.Root;
 var HoverCardTrigger = HoverCardPrimitive__namespace.Trigger;
-var HoverCardContent = React18__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var HoverCardContent = React20__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   HoverCardPrimitive__namespace.Content,
   {
     ref,
     align,
     sideOffset,
     className: 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 origin-[--radix-hover-card-content-transform-origin]",
+      "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
     ),
     ...props
   }
 ));
 HoverCardContent.displayName = HoverCardPrimitive__namespace.Content.displayName;
-var SourceContext = React18.createContext(null);
+var SourceContext = React20.createContext(null);
 function useSourceContext() {
-  const ctx = React18.useContext(SourceContext);
+  const ctx = React20.useContext(SourceContext);
   if (!ctx) throw new Error("Source.* must be used inside <Source>");
   return ctx;
 }
@@ -945,8 +962,8 @@ function SourceTrigger({
       target: "_blank",
       rel: "noopener noreferrer",
       className: cn(
-        "bg-muted text-muted-foreground hover:bg-muted-foreground/30 hover:text-primary inline-flex h-5 max-w-32 items-center gap-1 overflow-hidden rounded-full py-0 text-xs no-underline transition-colors duration-150",
-        showFavicon ? "pr-2 pl-1" : "px-1",
+        "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
       ),
       children: [
@@ -956,13 +973,13 @@ function SourceTrigger({
             src: `https://www.google.com/s2/favicons?sz=64&domain_url=${encodeURIComponent(
               href
             )}`,
-            alt: "favicon",
-            width: 14,
-            height: 14,
-            className: "size-3.5 rounded-full"
+            alt: "",
+            width: 16,
+            height: 16,
+            className: "size-4 rounded-full"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate tabular-nums text-center font-normal", children: labelToShow })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate max-w-28 font-medium", children: labelToShow })
       ]
     }
   ) });
@@ -973,40 +990,627 @@ function SourceContent({
   className
 }) {
   const { href, domain } = useSourceContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(HoverCardContent, { className: cn("w-80 p-0 shadow-xs", className), children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    HoverCardContent,
+    {
+      className: cn("w-80 p-0 shadow-lg border border-border/50", className),
+      sideOffset: 8,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "a",
+        {
+          href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "flex flex-col gap-2.5 p-4 hover:bg-muted/50 transition-colors rounded-lg",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "img",
+                {
+                  src: `https://www.google.com/s2/favicons?sz=64&domain_url=${encodeURIComponent(
+                    href
+                  )}`,
+                  alt: "",
+                  className: "size-5 rounded-full",
+                  width: 20,
+                  height: 20
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-foreground/70 truncate text-sm", children: domain.replace("www.", "") })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "line-clamp-2 text-sm font-semibold text-foreground", children: title }),
+            description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground line-clamp-3 text-sm leading-relaxed", children: description })
+          ]
+        }
+      )
+    }
+  );
+}
+function SourceGroup({
+  sources,
+  label,
+  maxVisible = 5,
+  showFavicon = true,
+  numbered = false,
+  className
+}) {
+  if (!sources || sources.length === 0) return null;
+  const visibleSources = sources.slice(0, maxVisible);
+  const hiddenCount = sources.length - maxVisible;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: 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(
+        SourceTrigger,
+        {
+          label: numbered ? index + 1 : void 0,
+          showFavicon
+        }
+      ),
+      (source.title || source.description) && /* @__PURE__ */ jsxRuntime.jsx(
+        SourceContent,
+        {
+          title: source.title || getDomain(source.href),
+          description: source.description || source.href
+        }
+      )
+    ] }, index)),
+    hiddenCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground text-xs font-medium bg-muted px-2 py-1 rounded-full", children: [
+      "+",
+      hiddenCount,
+      " more"
+    ] })
+  ] });
+}
+function SimpleSource({
+  href,
+  label,
+  showFavicon = false,
+  className
+}) {
+  let domain = "";
+  try {
+    domain = new URL(href).hostname.replace("www.", "");
+  } catch {
+    domain = href;
+  }
+  const displayLabel = label ?? domain;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "a",
     {
       href,
       target: "_blank",
       rel: "noopener noreferrer",
-      className: "flex flex-col gap-2 p-3",
+      className: 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",
+        className
+      ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "img",
-            {
-              src: `https://www.google.com/s2/favicons?sz=64&domain_url=${encodeURIComponent(
-                href
-              )}`,
-              alt: "favicon",
-              className: "size-4 rounded-full",
-              width: 16,
-              height: 16
+        showFavicon && /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: `https://www.google.com/s2/favicons?sz=64&domain_url=${encodeURIComponent(href)}`,
+            alt: "",
+            width: 14,
+            height: 14,
+            className: "size-3.5 rounded-full"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate tabular-nums font-normal", children: displayLabel })
+      ]
+    }
+  );
+}
+function getDomain(url) {
+  try {
+    return new URL(url).hostname.replace("www.", "");
+  } catch {
+    return url;
+  }
+}
+function SearchResults({
+  results,
+  className,
+  variant = "cards",
+  maxResults,
+  showScores = false,
+  showDates = false
+}) {
+  const displayResults = maxResults ? results.slice(0, maxResults) : results;
+  if (displayResults.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-muted-foreground text-sm", className), children: "No results found" });
+  }
+  if (variant === "compact") {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: 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: cn("space-y-2", className), children: displayResults.map((result, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      SearchResultList,
+      {
+        result,
+        index: i + 1,
+        showScore: showScores,
+        showDate: showDates
+      },
+      i
+    )) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid gap-2", className), children: displayResults.map((result, i) => /* @__PURE__ */ jsxRuntime.jsx(
+    SearchResultCard,
+    {
+      result,
+      showScore: showScores,
+      showDate: showDates
+    },
+    i
+  )) });
+}
+function SearchResultCard({
+  result,
+  showScore,
+  showDate
+}) {
+  const domain = result.domain || getDomain2(result.url);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      href: result.url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "group block p-3 border rounded-lg hover:bg-muted/50 transition-colors",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: getFaviconUrl(result.url),
+            alt: "",
+            className: "w-5 h-5 mt-0.5 rounded-sm",
+            width: 20,
+            height: 20
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-medium text-sm group-hover:text-primary truncate", children: result.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-1 line-clamp-2", children: result.content }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground/60 truncate", children: domain }),
+            showDate && result.publishedDate && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground/60", children: formatDate(result.publishedDate) }),
+            showScore && result.score !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground/60", children: [
+              (result.score * 100).toFixed(0),
+              "% match"
+            ] })
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+function SearchResultList({
+  result,
+  index,
+  showScore,
+  showDate
+}) {
+  const domain = result.domain || getDomain2(result.url);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "a",
+    {
+      href: result.url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "group flex items-start gap-2 py-1.5 hover:bg-muted/30 rounded px-1 -mx-1 transition-colors",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground/60 mt-0.5 w-4 text-right flex-shrink-0", children: [
+          index,
+          "."
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: getFaviconUrl(result.url),
+            alt: "",
+            className: "w-4 h-4 mt-0.5 rounded-sm flex-shrink-0",
+            width: 16,
+            height: 16
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm group-hover:text-primary", children: result.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground ml-2", children: domain }),
+          showDate && result.publishedDate && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground/60 ml-2", children: formatDate(result.publishedDate) }),
+          showScore && result.score !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground/60 ml-2", children: [
+            "(",
+            (result.score * 100).toFixed(0),
+            "%)"
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function SearchResultCompact({ result, index }) {
+  const domain = result.domain || getDomain2(result.url);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "a",
+    {
+      href: result.url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "inline-flex items-center gap-1.5 px-2 py-1 text-xs bg-muted hover:bg-muted/80 rounded-md transition-colors",
+      title: result.title,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: getFaviconUrl(result.url),
+            alt: "",
+            className: "w-3.5 h-3.5 rounded-sm",
+            width: 14,
+            height: 14
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate max-w-[120px]", children: domain })
+      ]
+    }
+  );
+}
+function SearchAnswer({ answer, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "p-3 bg-muted/50 rounded-lg border-l-2 border-primary/50",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: answer })
+    }
+  );
+}
+function SearchResultsWithAnswer({
+  response,
+  className,
+  variant = "cards",
+  showAnswer = true,
+  maxResults
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-3", className), children: [
+    showAnswer && response.answer && /* @__PURE__ */ jsxRuntime.jsx(SearchAnswer, { answer: response.answer }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SearchResults,
+      {
+        results: response.results,
+        variant,
+        maxResults
+      }
+    ),
+    response.searchTime && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+      "Found ",
+      response.results.length,
+      " results in ",
+      response.searchTime,
+      "ms"
+    ] })
+  ] });
+}
+function getDomain2(url) {
+  try {
+    return new URL(url).hostname.replace("www.", "");
+  } catch {
+    return url;
+  }
+}
+function getFaviconUrl(url) {
+  try {
+    const domain = new URL(url).hostname;
+    return `https://www.google.com/s2/favicons?domain=${domain}&sz=32`;
+  } catch {
+    return "";
+  }
+}
+function formatDate(dateStr) {
+  try {
+    const date = new Date(dateStr);
+    const now = /* @__PURE__ */ new Date();
+    const diffMs = now.getTime() - date.getTime();
+    const diffDays = Math.floor(diffMs / (1e3 * 60 * 60 * 24));
+    if (diffDays === 0) return "Today";
+    if (diffDays === 1) return "Yesterday";
+    if (diffDays < 7) return `${diffDays} days ago`;
+    if (diffDays < 30) return `${Math.floor(diffDays / 7)} weeks ago`;
+    if (diffDays < 365) return `${Math.floor(diffDays / 30)} months ago`;
+    return `${Math.floor(diffDays / 365)} years ago`;
+  } catch {
+    return dateStr;
+  }
+}
+function CitationBadge({
+  index,
+  url,
+  title,
+  size = "sm",
+  className,
+  onClick
+}) {
+  const sizeClasses = {
+    sm: "text-[10px] min-w-[16px] h-4 px-1",
+    md: "text-xs min-w-[20px] h-5 px-1.5"
+  };
+  const badge = /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-center justify-center rounded font-medium",
+        "bg-primary/10 text-primary hover:bg-primary/20",
+        "cursor-pointer transition-colors",
+        sizeClasses[size],
+        className
+      ),
+      title,
+      onClick,
+      children: index
+    }
+  );
+  if (url) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href: url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "inline-flex",
+        children: badge
+      }
+    );
+  }
+  return badge;
+}
+function CitationSuperscript({
+  index,
+  url,
+  title,
+  className
+}) {
+  const sup = /* @__PURE__ */ jsxRuntime.jsxs(
+    "sup",
+    {
+      className: cn(
+        "text-[10px] text-primary hover:underline cursor-pointer ml-0.5",
+        className
+      ),
+      title,
+      children: [
+        "[",
+        index,
+        "]"
+      ]
+    }
+  );
+  if (url) {
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { href: url, target: "_blank", rel: "noopener noreferrer", children: sup });
+  }
+  return sup;
+}
+function SourcePill({
+  citation,
+  showIndex = true,
+  className
+}) {
+  const domain = citation.domain || getDomain3(citation.url);
+  const favicon = citation.favicon || getFaviconUrl2(citation.url);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "a",
+    {
+      href: citation.url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      title: citation.title,
+      className: 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",
+        className
+      ),
+      children: [
+        showIndex && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-medium text-primary", children: citation.index }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: favicon,
+            alt: "",
+            className: "w-3.5 h-3.5 rounded-sm",
+            width: 14,
+            height: 14,
+            onError: (e) => {
+              e.target.style.display = "none";
             }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-primary truncate text-sm", children: domain.replace("www.", "") })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate max-w-[100px]", children: domain })
+      ]
+    }
+  );
+}
+function SourcesBar({
+  citations,
+  label = "Sources",
+  maxVisible = 5,
+  className
+}) {
+  const visibleCitations = citations.slice(0, maxVisible);
+  const hiddenCount = citations.length - maxVisible;
+  if (citations.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: 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
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 overflow-x-auto", children: [
+      visibleCitations.map((citation) => /* @__PURE__ */ jsxRuntime.jsx(SourcePill, { citation }, citation.index)),
+      hiddenCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground px-2", children: [
+        "+",
+        hiddenCount,
+        " more"
+      ] })
+    ] })
+  ] });
+}
+function SourcesCollapsible({
+  citations,
+  label = "Sources",
+  defaultExpanded = false,
+  className
+}) {
+  const [expanded, setExpanded] = React20__namespace.useState(defaultExpanded);
+  if (citations.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("border rounded-lg", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        onClick: () => setExpanded(!expanded),
+        className: "w-full flex items-center justify-between px-3 py-2 text-sm hover:bg-muted/50 transition-colors",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Globe, { className: "w-4 h-4" }),
+            label,
+            " (",
+            citations.length,
+            ")"
+          ] }),
+          expanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { className: "w-4 h-4 text-muted-foreground" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "w-4 h-4 text-muted-foreground" })
+        ]
+      }
+    ),
+    expanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 pb-3 space-y-2", children: citations.map((citation) => /* @__PURE__ */ jsxRuntime.jsx(SourceItem, { citation }, citation.index)) })
+  ] });
+}
+function SourceItem({ citation }) {
+  const domain = citation.domain || getDomain3(citation.url);
+  const favicon = citation.favicon || getFaviconUrl2(citation.url);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "a",
+    {
+      href: citation.url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "flex items-start gap-3 p-2 rounded-md hover:bg-muted/50 transition-colors group",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center justify-center w-5 h-5 rounded bg-primary/10 text-primary text-xs font-medium flex-shrink-0", children: citation.index }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: favicon,
+            alt: "",
+            className: "w-4 h-4 mt-0.5 rounded-sm flex-shrink-0",
+            width: 16,
+            height: 16,
+            onError: (e) => {
+              e.target.style.display = "none";
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium group-hover:text-primary truncate", children: citation.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground truncate", children: domain })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "line-clamp-2 text-sm font-medium", children: title }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground line-clamp-2 text-sm", children: description })
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "w-3.5 h-3.5 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity flex-shrink-0" })
       ]
     }
-  ) });
+  );
 }
-var ReasoningContext = React18__namespace.createContext(
+function SourcesList({
+  citations,
+  className,
+  compact = false
+}) {
+  if (citations.length === 0) return null;
+  if (compact) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("text-xs text-muted-foreground", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Sources: " }),
+      citations.map((c, i) => /* @__PURE__ */ jsxRuntime.jsxs(React20__namespace.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "a",
+          {
+            href: c.url,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "hover:text-primary hover:underline",
+            children: [
+              "[",
+              c.index,
+              "]"
+            ]
+          }
+        ),
+        i < citations.length - 1 && " "
+      ] }, c.index))
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-1", className), children: citations.map((citation) => /* @__PURE__ */ jsxRuntime.jsx(SourceItem, { citation }, citation.index)) });
+}
+function MessageWithCitations({
+  children,
+  citations,
+  config = {},
+  className
+}) {
+  const { enabled = true, sourcesPosition = "bottom", maxVisible = 5 } = config;
+  if (!enabled || citations.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: 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 })
+  ] });
+}
+function getDomain3(url) {
+  try {
+    return new URL(url).hostname.replace("www.", "");
+  } catch {
+    return url;
+  }
+}
+function getFaviconUrl2(url) {
+  try {
+    const domain = new URL(url).hostname;
+    return `https://www.google.com/s2/favicons?domain=${domain}&sz=32`;
+  } catch {
+    return "";
+  }
+}
+function annotationsToCitations(annotations) {
+  const seen = /* @__PURE__ */ new Set();
+  const citations = [];
+  for (const annotation of annotations) {
+    if (annotation.type === "url_citation" && annotation.url) {
+      if (!seen.has(annotation.url)) {
+        seen.add(annotation.url);
+        citations.push({
+          index: citations.length + 1,
+          url: annotation.url,
+          title: annotation.title || getDomain3(annotation.url),
+          domain: getDomain3(annotation.url)
+        });
+      }
+    }
+  }
+  return citations;
+}
+function resultsToCitations(results) {
+  return results.map((result, index) => ({
+    index: index + 1,
+    url: result.url,
+    title: result.title,
+    domain: result.domain || getDomain3(result.url)
+  }));
+}
+var ReasoningContext = React20__namespace.createContext(
   null
 );
 function useReasoningContext() {
-  const context = React18__namespace.useContext(ReasoningContext);
+  const context = React20__namespace.useContext(ReasoningContext);
   if (!context) {
     throw new Error(
       "Reasoning components must be used within a Reasoning provider"
@@ -1022,11 +1626,11 @@ function Reasoning({
   defaultOpen = false,
   className
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React18__namespace.useState(defaultOpen);
-  const prevStreamingRef = React18__namespace.useRef(isStreaming);
+  const [uncontrolledOpen, setUncontrolledOpen] = React20__namespace.useState(defaultOpen);
+  const prevStreamingRef = React20__namespace.useRef(isStreaming);
   const isControlled = controlledOpen !== void 0;
   const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
-  const setIsOpen = React18__namespace.useCallback(
+  const setIsOpen = React20__namespace.useCallback(
     (open) => {
       if (onOpenChange) {
         onOpenChange(open);
@@ -1037,7 +1641,7 @@ function Reasoning({
     },
     [isControlled, onOpenChange]
   );
-  React18__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (isStreaming && !prevStreamingRef.current) {
       setIsOpen(true);
     } else if (!isStreaming && prevStreamingRef.current) {
@@ -1093,9 +1697,9 @@ function ReasoningContent({
   className
 }) {
   const { isOpen } = useReasoningContext();
-  const contentRef = React18__namespace.useRef(null);
-  const [height, setHeight] = React18__namespace.useState(0);
-  React18__namespace.useEffect(() => {
+  const contentRef = React20__namespace.useRef(null);
+  const [height, setHeight] = React20__namespace.useState(0);
+  React20__namespace.useEffect(() => {
     if (contentRef.current) {
       const resizeObserver = new ResizeObserver((entries) => {
         for (const entry of entries) {
@@ -1144,11 +1748,11 @@ function SimpleReasoning({
     /* @__PURE__ */ jsxRuntime.jsx(ReasoningContent, { markdown, children: content })
   ] });
 }
-var CopilotUIContext = React18__namespace.createContext(
+var CopilotUIContext = React20__namespace.createContext(
   null
 );
 function useCopilotUI() {
-  const context = React18__namespace.useContext(CopilotUIContext);
+  const context = React20__namespace.useContext(CopilotUIContext);
   if (!context) {
     return {
       debug: false,
@@ -1163,7 +1767,7 @@ function CopilotUIProvider({
   debug = false,
   defaultDebugExpanded = false
 }) {
-  const value = React18__namespace.useMemo(
+  const value = React20__namespace.useMemo(
     () => ({
       debug,
       defaultDebugExpanded,
@@ -1174,6 +1778,7 @@ function CopilotUIProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(CopilotUIContext.Provider, { value, children });
 }
 function toolNameToTitle(name) {
+  if (!name) return "Tool";
   let result = name.replace(/_/g, " ");
   result = result.replace(/([a-z])([A-Z])/g, "$1 $2");
   return result.charAt(0).toUpperCase() + result.slice(1).toLowerCase();
@@ -1305,7 +1910,7 @@ function ToolStep({
 }) {
   const { isDebug, defaultDebugExpanded } = useCopilotUI();
   const debug = debugProp ?? isDebug;
-  const [expanded, setExpanded] = React18__namespace.useState(
+  const [expanded, setExpanded] = React20__namespace.useState(
     defaultExpanded ?? defaultDebugExpanded ?? false
   );
   const displayTitle = getDisplayTitle(step);
@@ -1786,9 +2391,9 @@ function ArrowUpRightIcon({ className }) {
     }
   );
 }
-var ConfirmationContext = React18__namespace.createContext(null);
+var ConfirmationContext = React20__namespace.createContext(null);
 function useConfirmationContext() {
-  const context = React18__namespace.useContext(ConfirmationContext);
+  const context = React20__namespace.useContext(ConfirmationContext);
   if (!context) {
     throw new Error(
       "Confirmation components must be used within a Confirmation provider"
@@ -1960,8 +2565,8 @@ function PermissionConfirmation({
   permissionOptions = DEFAULT_PERMISSION_OPTIONS,
   className
 }) {
-  const [selectedPermission, setSelectedPermission] = React18__namespace.useState("ask");
-  const [showOptions, setShowOptions] = React18__namespace.useState(false);
+  const [selectedPermission, setSelectedPermission] = React20__namespace.useState("ask");
+  const [showOptions, setShowOptions] = React20__namespace.useState(false);
   const handleApprove = () => {
     onApprove?.(selectedPermission);
   };
@@ -2091,7 +2696,7 @@ function CompactPermissionConfirmation({
   onReject,
   className
 }) {
-  const [rememberChoice, setRememberChoice] = React18__namespace.useState(false);
+  const [rememberChoice, setRememberChoice] = React20__namespace.useState(false);
   const handleApprove = () => {
     onApprove?.(rememberChoice ? "allow_always" : "ask");
   };
@@ -2208,8 +2813,8 @@ function DevLogger({
   position = "bottom-right",
   className
 }) {
-  const [isOpen, setIsOpen] = React18.useState(false);
-  const [activeTab, setActiveTab] = React18.useState("chat");
+  const [isOpen, setIsOpen] = React20.useState(false);
+  const [activeTab, setActiveTab] = React20.useState("chat");
   const positionClasses = {
     "bottom-left": "bottom-4 left-4",
     "bottom-right": "bottom-4 right-4",
@@ -2634,9 +3239,9 @@ function ModelSelector({
   showCapabilities = true,
   className
 }) {
-  const [isOpen, setIsOpen] = React18__namespace.useState(false);
-  const containerRef = React18__namespace.useRef(null);
-  React18__namespace.useEffect(() => {
+  const [isOpen, setIsOpen] = React20__namespace.useState(false);
+  const containerRef = React20__namespace.useRef(null);
+  React20__namespace.useEffect(() => {
     function handleClickOutside(event) {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -2645,7 +3250,7 @@ function ModelSelector({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  const selectedModel = React18__namespace.useMemo(() => {
+  const selectedModel = React20__namespace.useMemo(() => {
     if (!value) return null;
     if (providers) {
       for (const provider of providers) {
@@ -2871,7 +3476,7 @@ function PopoverTrigger({
   className,
   ...props
 }) {
-  if (asChild && React18__namespace.isValidElement(children)) {
+  if (asChild && React20__namespace.isValidElement(children)) {
     return /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Trigger, { render: children, className, ...props });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Trigger, { className, ...props, children });
@@ -2899,7 +3504,7 @@ function PopoverContent({
     }
   ) }) });
 }
-function formatDate(date) {
+function formatDate2(date) {
   const now = /* @__PURE__ */ new Date();
   const diff = now.getTime() - date.getTime();
   if (diff < 60 * 1e3) {
@@ -3006,8 +3611,8 @@ function ThreadPicker({
   itemClassName,
   newButtonClassName
 }) {
-  const [isOpen, setIsOpen] = React18__namespace.useState(false);
-  const selectedThread = React18__namespace.useMemo(() => {
+  const [isOpen, setIsOpen] = React20__namespace.useState(false);
+  const selectedThread = React20__namespace.useMemo(() => {
     if (!value) return null;
     return threads.find((t) => t.id === value) ?? null;
   }, [value, threads]);
@@ -3096,7 +3701,7 @@ function ThreadPicker({
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-[11px] text-muted-foreground", children: [
                         thread.preview && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate max-w-[180px]", children: thread.preview }),
                         thread.preview && thread.updatedAt && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0", children: "\xB7" }),
-                        thread.updatedAt && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0", children: formatDate(thread.updatedAt) })
+                        thread.updatedAt && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0", children: formatDate2(thread.updatedAt) })
                       ] })
                     ]
                   }
@@ -3123,7 +3728,7 @@ function ThreadPicker({
     )
   ] });
 }
-function formatDate2(date) {
+function formatDate3(date) {
   const now = /* @__PURE__ */ new Date();
   const diff = now.getTime() - date.getTime();
   if (diff < 60 * 1e3) {
@@ -3213,7 +3818,7 @@ function ThreadCard({
   showDelete = true,
   className
 }) {
-  const [isHovered, setIsHovered] = React18__namespace.useState(false);
+  const [isHovered, setIsHovered] = React20__namespace.useState(false);
   const handleDelete = (e) => {
     e.stopPropagation();
     onDelete?.();
@@ -3268,7 +3873,7 @@ function ThreadCard({
               " messages"
             ] }),
             thread.messageCount !== void 0 && thread.messageCount > 0 && thread.updatedAt && /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\xB7" }),
-            thread.updatedAt && /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatDate2(thread.updatedAt) })
+            thread.updatedAt && /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatDate3(thread.updatedAt) })
           ] })
         ] })
       ] })
@@ -3443,6 +4048,193 @@ function Suggestions({
     index
   )) });
 }
+function MCPUIFrame({
+  resource,
+  onIntent,
+  onError,
+  onLoad,
+  className,
+  style,
+  sandbox = chunkJO4BHPAD_cjs.DEFAULT_MCP_UI_SANDBOX,
+  showLoading = true,
+  testId
+}) {
+  const iframeRef = React20__namespace.useRef(null);
+  const [isLoading, setIsLoading] = React20__namespace.useState(true);
+  const [error, setError] = React20__namespace.useState(null);
+  React20__namespace.useEffect(() => {
+    const handleMessage = (event) => {
+      if (event.source !== iframeRef.current?.contentWindow) {
+        return;
+      }
+      const intent = chunkJO4BHPAD_cjs.parseMCPUIMessage(event.data);
+      if (intent && onIntent) {
+        onIntent(intent);
+      }
+    };
+    window.addEventListener("message", handleMessage);
+    return () => window.removeEventListener("message", handleMessage);
+  }, [onIntent]);
+  const handleLoad = React20__namespace.useCallback(() => {
+    setIsLoading(false);
+    onLoad?.();
+  }, [onLoad]);
+  const handleError = React20__namespace.useCallback(() => {
+    const err = new Error("Failed to load MCP UI content");
+    setError(err);
+    setIsLoading(false);
+    onError?.(err);
+  }, [onError]);
+  const { srcDoc, src } = React20__namespace.useMemo(() => {
+    if (resource.mimeType === "text/html") {
+      let content = resource.content || "";
+      if (resource.blob && !resource.content) {
+        try {
+          content = atob(resource.blob);
+        } catch {
+          setError(new Error("Failed to decode MCP UI blob content"));
+        }
+      }
+      const wrappedContent = `
+        <!DOCTYPE html>
+        <html>
+          <head>
+            <meta charset="utf-8">
+            <meta name="viewport" content="width=device-width, initial-scale=1">
+            <style>
+              *, *::before, *::after { box-sizing: border-box; }
+              body { margin: 0; padding: 8px; font-family: system-ui, -apple-system, sans-serif; }
+            </style>
+          </head>
+          <body>
+            ${content}
+            <script>
+              // Helper for sending intents to parent
+              window.mcpUI = {
+                sendIntent: function(intent) {
+                  window.parent.postMessage({ source: 'mcp-ui', intent: intent }, '*');
+                },
+                callTool: function(name, args) {
+                  this.sendIntent({ type: 'tool', name: name, arguments: args });
+                },
+                sendAction: function(action, data) {
+                  this.sendIntent({ type: 'intent', action: action, data: data });
+                },
+                prompt: function(text) {
+                  this.sendIntent({ type: 'prompt', text: text });
+                },
+                notify: function(message, level) {
+                  this.sendIntent({ type: 'notify', message: message, level: level || 'info' });
+                },
+                openLink: function(url, newTab) {
+                  this.sendIntent({ type: 'link', url: url, newTab: newTab !== false });
+                }
+              };
+            </script>
+          </body>
+        </html>
+      `;
+      return { srcDoc: wrappedContent, src: void 0 };
+    }
+    if (resource.mimeType === "text/uri-list") {
+      return { srcDoc: void 0, src: resource.content };
+    }
+    return { srcDoc: void 0, src: resource.content };
+  }, [resource]);
+  const frameStyle = {
+    width: resource.metadata?.width || "100%",
+    minHeight: resource.metadata?.height || "200px",
+    ...style
+  };
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          "flex items-center justify-center rounded-lg border border-destructive/50 bg-destructive/10 p-4 text-sm text-destructive",
+          className
+        ),
+        style: frameStyle,
+        "data-testid": testId ? `${testId}-error` : void 0,
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "svg",
+            {
+              className: "size-4",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              strokeWidth: 2,
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Failed to load interactive content" })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: 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: "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",
+          {
+            ref: iframeRef,
+            srcDoc,
+            src,
+            sandbox,
+            onLoad: handleLoad,
+            onError: handleError,
+            className: "block w-full border-0",
+            style: frameStyle,
+            title: resource.metadata?.title || "MCP UI Content",
+            "data-testid": testId ? `${testId}-iframe` : void 0
+          }
+        )
+      ]
+    }
+  );
+}
+function MCPUIFrameList({
+  resources,
+  onIntent,
+  onError,
+  className,
+  frameClassName,
+  gap = "md"
+}) {
+  if (!resources || resources.length === 0) {
+    return null;
+  }
+  const gapClasses = {
+    sm: "space-y-1",
+    md: "space-y-2",
+    lg: "space-y-4"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(gapClasses[gap], className), children: resources.map((resource, index) => /* @__PURE__ */ jsxRuntime.jsx(
+    MCPUIFrame,
+    {
+      resource,
+      onIntent: (intent) => onIntent?.(intent, index),
+      onError: (error) => onError?.(error, index),
+      className: frameClassName,
+      testId: `mcp-ui-frame-${index}`
+    },
+    `${resource.uri}-${index}`
+  )) });
+}
 function DefaultMessage({
   message,
   userAvatar,
@@ -3462,17 +4254,74 @@ function DefaultMessage({
   showFollowUps = true,
   onFollowUpClick,
   followUpClassName,
-  followUpButtonClassName
+  followUpButtonClassName,
+  citations = { enabled: true }
 }) {
   const isUser = message.role === "user";
   const isStreaming = isLastMessage && isLoading;
-  const { cleanContent, followUps } = React18__namespace.useMemo(() => {
+  const { cleanContent: contentWithoutFollowUps, followUps } = React20__namespace.useMemo(() => {
     if (isUser || !message.content) {
       return { cleanContent: message.content, followUps: [] };
     }
     return parseFollowUps(message.content);
   }, [message.content, isUser]);
+  const cleanContent = React20__namespace.useMemo(() => {
+    if (!contentWithoutFollowUps) return contentWithoutFollowUps;
+    return contentWithoutFollowUps.replace(/\n*\*{0,2}Sources:?\*{0,2}\s*(\[.+?\]\(.+?\)[,\s]*)+$/gi, "").trim();
+  }, [contentWithoutFollowUps]);
   const shouldShowFollowUps = showFollowUps && !isUser && isLastMessage && !isLoading && followUps.length > 0 && onFollowUpClick;
+  const sources = React20__namespace.useMemo(() => {
+    if (isUser || !citations.enabled) return [];
+    const extractedSources = [];
+    const addSource = (url, title, description) => {
+      if (url && !extractedSources.find((s) => s.href === url)) {
+        extractedSources.push({
+          href: url,
+          title: title || getDomainFromUrl(url),
+          description
+        });
+      }
+    };
+    const nativeCitations = message.metadata?.citations;
+    if (nativeCitations && Array.isArray(nativeCitations)) {
+      nativeCitations.forEach((citation) => {
+        addSource(citation.url, citation.title, citation.citedText);
+      });
+    }
+    message.toolExecutions?.forEach((exec) => {
+      if (exec.name === "web_search" && exec.status === "completed" && exec.result) {
+        const result = exec.result;
+        const dataObj = result.data;
+        if (dataObj?.results && Array.isArray(dataObj.results)) {
+          dataObj.results.forEach((r) => {
+            addSource(r.url, r.title, r.content);
+          });
+        }
+        if (result.results && Array.isArray(result.results)) {
+          result.results.forEach((r) => {
+            addSource(r.url, r.title, r.content);
+          });
+        }
+        if (dataObj && !dataObj.results && dataObj.query) {
+          const response = dataObj;
+          if (response.results && Array.isArray(response.results)) {
+            response.results.forEach((r) => {
+              addSource(r.url, r.title, r.content);
+            });
+          }
+        }
+      }
+    });
+    return extractedSources;
+  }, [message.metadata, message.toolExecutions, isUser, citations.enabled]);
+  function getDomainFromUrl(url) {
+    try {
+      return new URL(url).hostname.replace("www.", "");
+    } catch {
+      return url;
+    }
+  }
+  const shouldShowSources = citations.enabled && sources.length > 0;
   if (isUser) {
     const hasAttachments = message.attachments && message.attachments.length > 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3483,7 +4332,7 @@ function DefaultMessage({
           showUserAvatar ? "justify-end" : "justify-end"
         ),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-end max-w-[80%]", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-end max-w-[80%] min-w-0", children: [
             message.content && /* @__PURE__ */ jsxRuntime.jsx(
               MessageContent,
               {
@@ -3511,11 +4360,15 @@ function DefaultMessage({
       }
     );
   }
+  const isToolHidden = (toolName) => {
+    const toolDef = registeredTools?.find((t) => t.name === toolName);
+    return toolDef?.hidden === true;
+  };
   const pendingApprovalTools = message.toolExecutions?.filter(
-    (exec) => exec.approvalStatus === "required"
+    (exec) => exec.approvalStatus === "required" && !isToolHidden(exec.name)
   );
   const completedTools = message.toolExecutions?.filter(
-    (exec) => exec.approvalStatus !== "required"
+    (exec) => exec.approvalStatus !== "required" && !isToolHidden(exec.name)
   );
   const hasCustomRender = (toolName) => {
     if (toolRenderers?.[toolName]) return true;
@@ -3529,7 +4382,8 @@ function DefaultMessage({
   const toolsWithoutCustomRender = completedTools?.filter(
     (exec) => !hasCustomRender(exec.name)
   );
-  const toolSteps = toolsWithoutCustomRender?.map((exec) => ({
+  const hasNativeCitations = !!message.metadata?.citations?.length;
+  const toolSteps = toolsWithoutCustomRender?.filter((exec) => !(exec.name === "web_search" && hasNativeCitations)).map((exec) => ({
     id: exec.id,
     name: exec.name,
     args: exec.args,
@@ -3615,11 +4469,23 @@ function DefaultMessage({
               const output = toolDef.render(
                 renderProps
               );
-              return /* @__PURE__ */ jsxRuntime.jsx(React18__namespace.Fragment, { children: output }, exec.id);
+              return /* @__PURE__ */ jsxRuntime.jsx(React20__namespace.Fragment, { children: output }, exec.id);
             }
             return null;
           }) }),
           toolSteps && toolSteps.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 rounded-lg bg-muted/50 px-3 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(ToolSteps, { steps: toolSteps }) }),
+          message.toolExecutions?.filter((exec) => !isToolHidden(exec.name)).map((exec) => {
+            const uiResources = exec.result?._uiResources;
+            if (!uiResources || uiResources.length === 0) return null;
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              MCPUIFrameList,
+              {
+                resources: uiResources,
+                className: "mt-2"
+              },
+              `${exec.id}-ui`
+            );
+          }),
           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),
@@ -3653,7 +4519,7 @@ function DefaultMessage({
               const output = toolDef.render(
                 renderProps
               );
-              return /* @__PURE__ */ jsxRuntime.jsx(React18__namespace.Fragment, { children: output }, tool.id);
+              return /* @__PURE__ */ jsxRuntime.jsx(React20__namespace.Fragment, { children: output }, tool.id);
             }
             return /* @__PURE__ */ jsxRuntime.jsx(
               PermissionConfirmation,
@@ -3676,6 +4542,17 @@ function DefaultMessage({
             );
           }) }),
           message.attachments && message.attachments.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: message.attachments.map((attachment, index) => /* @__PURE__ */ jsxRuntime.jsx(AttachmentPreview, { attachment }, index)) }),
+          shouldShowSources && /* @__PURE__ */ jsxRuntime.jsx(
+            SourceGroup,
+            {
+              sources,
+              label: citations.label,
+              showFavicon: citations.showFavicon ?? true,
+              numbered: citations.numbered ?? false,
+              maxVisible: citations.maxVisible ?? 6,
+              className: cn("mt-2", citations.className)
+            }
+          ),
           shouldShowFollowUps && /* @__PURE__ */ jsxRuntime.jsx(
             FollowUpQuestions,
             {
@@ -3691,7 +4568,7 @@ function DefaultMessage({
   ] });
 }
 function AttachmentPreview({ attachment }) {
-  const [expanded, setExpanded] = React18__namespace.useState(false);
+  const [expanded, setExpanded] = React20__namespace.useState(false);
   if (attachment.type !== "image") {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 rounded-lg border bg-muted/50 px-3 py-2 text-sm", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: attachment.type }),
@@ -3820,10 +4697,10 @@ function ChatWelcome({
   processAttachment: processAttachmentProp,
   classNames = {}
 }) {
-  const [input, setInput] = React18.useState("");
-  const [pendingAttachments, setPendingAttachments] = React18.useState([]);
-  const fileInputRef = React18.useRef(null);
-  const fileInputId = React18.useId();
+  const [input, setInput] = React20.useState("");
+  const [pendingAttachments, setPendingAttachments] = React20.useState([]);
+  const fileInputRef = React20.useRef(null);
+  const fileInputId = React20.useId();
   const title = config?.title ?? DEFAULT_TITLE;
   const subtitle = config?.subtitle ?? DEFAULT_SUBTITLE;
   const logo = config?.logo;
@@ -3832,7 +4709,7 @@ function ChatWelcome({
   config?.recentChatsLabel ?? DEFAULT_RECENT_CHATS_LABEL;
   const maxRecentChats = config?.maxRecentChats ?? DEFAULT_MAX_RECENT_CHATS;
   config?.viewMoreLabel ?? DEFAULT_VIEW_MORE_LABEL;
-  const isFileTypeAllowed = React18.useCallback(
+  const isFileTypeAllowed = React20.useCallback(
     (file) => {
       for (const type of allowedFileTypes) {
         if (type.endsWith("/*")) {
@@ -3846,7 +4723,7 @@ function ChatWelcome({
     },
     [allowedFileTypes]
   );
-  const handleFileSelect = React18.useCallback(
+  const handleFileSelect = React20.useCallback(
     async (files) => {
       if (!files || !attachmentsEnabled) return;
       for (const file of Array.from(files)) {
@@ -3909,7 +4786,7 @@ function ChatWelcome({
     },
     [attachmentsEnabled, maxFileSize, isFileTypeAllowed, processAttachmentProp]
   );
-  const handleInputChange = React18.useCallback(
+  const handleInputChange = React20.useCallback(
     (e) => {
       handleFileSelect(e.target.files);
       if (fileInputRef.current) {
@@ -3918,7 +4795,7 @@ function ChatWelcome({
     },
     [handleFileSelect]
   );
-  const removePendingAttachment = React18.useCallback((id) => {
+  const removePendingAttachment = React20.useCallback((id) => {
     setPendingAttachments((prev) => {
       const att = prev.find((a) => a.id === id);
       if (att) {
@@ -3927,7 +4804,7 @@ function ChatWelcome({
       return prev.filter((a) => a.id !== id);
     });
   }, []);
-  const handleSubmit = React18.useCallback(() => {
+  const handleSubmit = React20.useCallback(() => {
     const hasContent = input.trim();
     const hasAttachments = pendingAttachments.some(
       (att) => att.status === "ready"
@@ -3939,7 +4816,7 @@ function ChatWelcome({
     setPendingAttachments([]);
     setInput("");
   }, [input, isLoading, onSendMessage, pendingAttachments]);
-  const handleSuggestionClick = React18.useCallback(
+  const handleSuggestionClick = React20.useCallback(
     (suggestion) => {
       onSendMessage(suggestion);
     },
@@ -4111,11 +4988,11 @@ function ChatWelcome({
     }
   );
 }
-var CopilotChatContext = React18.createContext(
+var CopilotChatContext = React20.createContext(
   null
 );
 var useCopilotChatContext = () => {
-  const ctx = React18.useContext(CopilotChatContext);
+  const ctx = React20.useContext(CopilotChatContext);
   if (!ctx) {
     throw new Error(
       "useCopilotChatContext must be used within CopilotChat. Make sure you're using CopilotChat.Home, CopilotChat.Input, etc. inside <CopilotChat>"
@@ -4149,10 +5026,10 @@ function ChatView({ children, className }) {
 ChatView.displayName = "ChatView";
 function chatViewHasOnlyLayoutChildren(chatViewElement) {
   if (!chatViewElement?.props?.children) return false;
-  const childArray = React18__namespace.default.Children.toArray(chatViewElement.props.children);
+  const childArray = React20__namespace.default.Children.toArray(chatViewElement.props.children);
   if (childArray.length === 0) return false;
   return childArray.every(
-    (child) => React18__namespace.default.isValidElement(child) && (child.type === Header || child.type === Footer)
+    (child) => React20__namespace.default.isValidElement(child) && (child.type === Header || child.type === Footer)
   );
 }
 function Header({ children, className }) {
@@ -4168,8 +5045,8 @@ function Input({ placeholder: placeholderProp, className }) {
     onStop,
     placeholder: defaultPlaceholder
   } = useCopilotChatContext();
-  const [value, setValue] = React18.useState("");
-  const handleSubmit = React18.useCallback(() => {
+  const [value, setValue] = React20.useState("");
+  const handleSubmit = React20.useCallback(() => {
     if (value.trim() && !isLoading) {
       send(value.trim());
       setValue("");
@@ -4290,18 +5167,18 @@ function ThreadPickerCompound(props) {
   );
 }
 function hasCompoundChild(children, ...components) {
-  return React18__namespace.default.Children.toArray(children).some(
-    (child) => React18__namespace.default.isValidElement(child) && components.includes(child.type)
+  return React20__namespace.default.Children.toArray(children).some(
+    (child) => React20__namespace.default.isValidElement(child) && components.includes(child.type)
   );
 }
 function findCompoundChild(children, component) {
-  return React18__namespace.default.Children.toArray(children).find(
-    (child) => React18__namespace.default.isValidElement(child) && child.type === component
+  return React20__namespace.default.Children.toArray(children).find(
+    (child) => React20__namespace.default.isValidElement(child) && child.type === component
   );
 }
 function filterCompoundChildren(children, ...components) {
-  return React18__namespace.default.Children.toArray(children).filter(
-    (child) => React18__namespace.default.isValidElement(child) && components.includes(child.type)
+  return React20__namespace.default.Children.toArray(children).filter(
+    (child) => React20__namespace.default.isValidElement(child) && components.includes(child.type)
   );
 }
 var DEFAULT_MAX_FILE_SIZE2 = 5 * 1024 * 1024;
@@ -4381,6 +5258,8 @@ function ChatComponent({
   showFollowUps = true,
   followUpClassName,
   followUpButtonClassName,
+  // Citations/Sources
+  citations,
   // Custom rendering
   renderMessage,
   renderInput,
@@ -4397,12 +5276,12 @@ function ChatComponent({
 }) {
   const userAvatar = { fallback: "U", ...userAvatarProp };
   const assistantAvatar = { fallback: "AI", ...assistantAvatarProp };
-  const [input, setInput] = React18.useState("");
-  const [pendingAttachments, setPendingAttachments] = React18.useState([]);
-  const [isDragging, setIsDragging] = React18.useState(false);
-  const fileInputRef = React18.useRef(null);
-  const fileInputId = React18.useId();
-  const isFileTypeAllowed = React18.useCallback(
+  const [input, setInput] = React20.useState("");
+  const [pendingAttachments, setPendingAttachments] = React20.useState([]);
+  const [isDragging, setIsDragging] = React20.useState(false);
+  const fileInputRef = React20.useRef(null);
+  const fileInputId = React20.useId();
+  const isFileTypeAllowed = React20.useCallback(
     (file) => {
       for (const type of allowedFileTypes) {
         if (type.endsWith("/*")) {
@@ -4416,7 +5295,7 @@ function ChatComponent({
     },
     [allowedFileTypes]
   );
-  const handleFileSelect = React18.useCallback(
+  const handleFileSelect = React20.useCallback(
     async (files) => {
       if (!files || !attachmentsEnabled) return;
       for (const file of Array.from(files)) {
@@ -4479,7 +5358,7 @@ function ChatComponent({
     },
     [attachmentsEnabled, maxFileSize, isFileTypeAllowed, processAttachmentProp]
   );
-  const handleInputChange = React18.useCallback(
+  const handleInputChange = React20.useCallback(
     (e) => {
       handleFileSelect(e.target.files);
       if (fileInputRef.current) {
@@ -4488,7 +5367,7 @@ function ChatComponent({
     },
     [handleFileSelect]
   );
-  const removePendingAttachment = React18.useCallback((id) => {
+  const removePendingAttachment = React20.useCallback((id) => {
     setPendingAttachments((prev) => {
       const att = prev.find((a) => a.id === id);
       if (att) {
@@ -4497,7 +5376,7 @@ function ChatComponent({
       return prev.filter((a) => a.id !== id);
     });
   }, []);
-  const handleDragOver = React18.useCallback(
+  const handleDragOver = React20.useCallback(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -4507,12 +5386,12 @@ function ChatComponent({
     },
     [attachmentsEnabled]
   );
-  const handleDragLeave = React18.useCallback((e) => {
+  const handleDragLeave = React20.useCallback((e) => {
     e.preventDefault();
     e.stopPropagation();
     setIsDragging(false);
   }, []);
-  const handleDrop = React18.useCallback(
+  const handleDrop = React20.useCallback(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -4523,7 +5402,7 @@ function ChatComponent({
     },
     [attachmentsEnabled, handleFileSelect]
   );
-  const handleSubmit = React18.useCallback(() => {
+  const handleSubmit = React20.useCallback(() => {
     const hasContent = input.trim();
     const hasAttachments = pendingAttachments.some(
       (att) => att.status === "ready"
@@ -4535,7 +5414,7 @@ function ChatComponent({
     setPendingAttachments([]);
     setInput("");
   }, [input, isLoading, onSendMessage, pendingAttachments]);
-  const handleSuggestionClick = React18.useCallback(
+  const handleSuggestionClick = React20.useCallback(
     (suggestion) => {
       if (onSuggestionClick) {
         onSuggestionClick(suggestion);
@@ -4562,13 +5441,13 @@ function ChatComponent({
   const chatViewNeedsDefault = chatViewElement && (!chatViewElement.props.children || chatViewHasOnlyLayoutChildren(chatViewElement));
   const showDefaultWelcome = view === "home" && !hasCustomHome && welcome !== false;
   const welcomeConfig = typeof welcome === "object" ? welcome : void 0;
-  const send = React18.useCallback(
+  const send = React20.useCallback(
     (message, attachments) => {
       onSendMessage?.(message, attachments);
     },
     [onSendMessage]
   );
-  const contextValue = React18__namespace.default.useMemo(
+  const contextValue = React20__namespace.default.useMemo(
     () => ({
       view,
       send,
@@ -4684,7 +5563,7 @@ function ChatComponent({
                             onSendMessage?.(question);
                           }
                         };
-                        return renderMessage ? /* @__PURE__ */ jsxRuntime.jsx(React18__namespace.default.Fragment, { children: renderMessage(messageWithExecutions, index) }, message.id) : /* @__PURE__ */ jsxRuntime.jsx(
+                        return renderMessage ? /* @__PURE__ */ jsxRuntime.jsx(React20__namespace.default.Fragment, { children: renderMessage(messageWithExecutions, index) }, message.id) : /* @__PURE__ */ jsxRuntime.jsx(
                           DefaultMessage,
                           {
                             message: messageWithExecutions,
@@ -4705,7 +5584,8 @@ function ChatComponent({
                             showFollowUps,
                             onFollowUpClick: handleFollowUpClick,
                             followUpClassName,
-                            followUpButtonClassName
+                            followUpButtonClassName,
+                            citations: citations === false ? { enabled: false } : citations
                           },
                           message.id
                         );
@@ -4884,6 +5764,7 @@ function ToolExecutionMessage({
   onApprove,
   onReject,
   toolRenderers,
+  onUIIntent,
   className
 }) {
   if (!executions || executions.length === 0) return null;
@@ -4995,7 +5876,23 @@ function ToolExecutionMessage({
           tool.id
         );
       }) }),
-      toolSteps.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border bg-card px-3 py-2.5 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(ToolSteps, { steps: toolSteps }) })
+      toolSteps.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border bg-card px-3 py-2.5 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(ToolSteps, { steps: toolSteps }) }),
+      otherExecutions.map((exec) => {
+        const uiResources = exec.result?._uiResources;
+        if (!uiResources || uiResources.length === 0) return null;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          MCPUIFrameList,
+          {
+            resources: uiResources,
+            onIntent: (intent) => onUIIntent?.(intent, {
+              toolName: exec.name,
+              toolCallId: exec.id
+            }),
+            className: "mt-2"
+          },
+          `${exec.id}-ui`
+        );
+      })
     ] })
   ] });
 }
@@ -5011,7 +5908,7 @@ function useInternalThreadManager(config = {}) {
     saveDebounce,
     autoRestoreLastThread
   };
-  const threadManager = chunkBLSI67J6_cjs.useThreadManager(threadManagerConfig);
+  const threadManager = chunkH5XMKBBA_cjs.useThreadManager(threadManagerConfig);
   const {
     currentThread,
     currentThreadId,
@@ -5021,18 +5918,18 @@ function useInternalThreadManager(config = {}) {
     clearCurrentThread,
     refreshThreads
   } = threadManager;
-  const { messages, setMessages, status, isLoading } = chunkBLSI67J6_cjs.useCopilot();
-  const isLoadingMessagesRef = React18.useRef(false);
-  const savingToThreadRef = React18.useRef(null);
-  const lastSavedSnapshotRef = React18.useRef("");
-  const hasInitializedRef = React18.useRef(false);
-  const getMessageSnapshot = React18.useCallback((msgs) => {
+  const { messages, setMessages, status, isLoading } = chunkH5XMKBBA_cjs.useCopilot();
+  const isLoadingMessagesRef = React20.useRef(false);
+  const savingToThreadRef = React20.useRef(null);
+  const lastSavedSnapshotRef = React20.useRef("");
+  const hasInitializedRef = React20.useRef(false);
+  const getMessageSnapshot = React20.useCallback((msgs) => {
     return msgs.map((m) => {
       const contentPreview = (m.content ?? "").slice(0, 20);
       return `${m.id}:${contentPreview}:${m.content?.length ?? 0}`;
     }).join("|");
   }, []);
-  const convertToCore = React18.useCallback((msgs) => {
+  const convertToCore = React20.useCallback((msgs) => {
     return msgs.map((m) => ({
       id: m.id,
       role: m.role,
@@ -5040,13 +5937,15 @@ function useInternalThreadManager(config = {}) {
       created_at: m.createdAt,
       tool_calls: m.toolCalls,
       tool_call_id: m.toolCallId,
+      // Preserve full metadata including citations, toolExecutions, etc.
       metadata: {
+        ...m.metadata,
         attachments: m.attachments,
         thinking: m.thinking
       }
     }));
   }, []);
-  const handleSwitchThread = React18.useCallback(
+  const handleSwitchThread = React20.useCallback(
     async (threadId) => {
       isLoadingMessagesRef.current = true;
       const thread = await switchThread(threadId);
@@ -5075,7 +5974,7 @@ function useInternalThreadManager(config = {}) {
     },
     [switchThread, setMessages, getMessageSnapshot, onThreadChange]
   );
-  const handleNewThread = React18.useCallback(async () => {
+  const handleNewThread = React20.useCallback(async () => {
     isLoadingMessagesRef.current = true;
     clearCurrentThread();
     lastSavedSnapshotRef.current = "";
@@ -5086,7 +5985,10 @@ function useInternalThreadManager(config = {}) {
       isLoadingMessagesRef.current = false;
     });
   }, [clearCurrentThread, setMessages, onThreadChange]);
-  React18.useEffect(() => {
+  React20.useEffect(() => {
+    if (!adapter) {
+      return;
+    }
     if (hasInitializedRef.current || !currentThread) {
       return;
     }
@@ -5100,7 +6002,10 @@ function useInternalThreadManager(config = {}) {
         createdAt: m.created_at ?? /* @__PURE__ */ new Date(),
         toolCalls: m.tool_calls,
         toolCallId: m.tool_call_id,
-        attachments: m.metadata?.attachments
+        attachments: m.metadata?.attachments,
+        thinking: m.metadata?.thinking,
+        // Preserve full metadata including citations, toolExecutions, etc.
+        metadata: m.metadata
       }));
       lastSavedSnapshotRef.current = getMessageSnapshot(uiMessages);
       savingToThreadRef.current = currentThread.id;
@@ -5113,8 +6018,11 @@ function useInternalThreadManager(config = {}) {
     requestAnimationFrame(() => {
       isLoadingMessagesRef.current = false;
     });
-  }, [currentThread, setMessages, getMessageSnapshot, onThreadChange]);
-  React18.useEffect(() => {
+  }, [adapter, currentThread, setMessages, getMessageSnapshot, onThreadChange]);
+  React20.useEffect(() => {
+    if (!adapter) {
+      return;
+    }
     if (isLoadingMessagesRef.current) {
       return;
     }
@@ -5144,6 +6052,7 @@ function useInternalThreadManager(config = {}) {
     updateCurrentThread({ messages: coreMessages });
     lastSavedSnapshotRef.current = currentSnapshot;
   }, [
+    adapter,
     messages,
     currentThreadId,
     status,
@@ -5182,7 +6091,7 @@ function parsePersistenceConfig(persistence, onThreadChange) {
         };
       case "server":
         return {
-          adapter: chunk4PRWNAXQ_cjs.createServerAdapter({
+          adapter: chunkUOWLKFXK_cjs.createServerAdapter({
             endpoint: persistence.endpoint,
             headers: persistence.headers
           }),
@@ -5232,7 +6141,7 @@ function CopilotChatBase(props) {
     approveToolExecution,
     rejectToolExecution,
     registeredTools
-  } = chunkBLSI67J6_cjs.useCopilot();
+  } = chunkH5XMKBBA_cjs.useCopilot();
   const toolExecutions = rawToolExecutions.map(
     (exec) => ({
       id: exec.id,
@@ -5319,7 +6228,9 @@ function CopilotChatBase(props) {
       // Include tool_calls for assistant messages
       tool_calls: m.toolCalls,
       // Attach matched tool executions to assistant messages
-      toolExecutions: messageToolExecutions
+      toolExecutions: messageToolExecutions,
+      // Include metadata (citations from native web search, etc.)
+      metadata: m.metadata
     };
   });
   const suggestions = visibleMessages.length === 0 && chatProps.suggestions?.length ? chatProps.suggestions : [];
@@ -5355,7 +6266,7 @@ function CopilotChatBase(props) {
     footer: classNames.footer
   } : void 0;
   const { threadManager, handleSwitchThread, handleNewThread, isBusy } = threadManagerResult;
-  const handleDeleteThread = React18__namespace.default.useCallback(
+  const handleDeleteThread = React20__namespace.default.useCallback(
     (threadId) => {
       const isCurrentThread = threadManager.currentThreadId === threadId;
       threadManager.deleteThread(threadId);
@@ -5494,6 +6405,8 @@ exports.CheckIcon = CheckIcon;
 exports.ChevronDownIcon = ChevronDownIcon2;
 exports.ChevronLeftIcon = ChevronLeftIcon;
 exports.ChevronUpIcon = ChevronUpIcon;
+exports.CitationBadge = CitationBadge;
+exports.CitationSuperscript = CitationSuperscript;
 exports.CloseIcon = CloseIcon;
 exports.CodeBlock = CodeBlock;
 exports.CompactPermissionConfirmation = CompactPermissionConfirmation;
@@ -5513,10 +6426,13 @@ 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;
+exports.MessageWithCitations = MessageWithCitations;
 exports.ModelSelector = ModelSelector;
 exports.PermissionConfirmation = PermissionConfirmation;
 exports.PoweredBy = PoweredBy;
@@ -5529,13 +6445,22 @@ exports.ReasoningContent = ReasoningContent;
 exports.ReasoningTrigger = ReasoningTrigger;
 exports.RefreshIcon = RefreshIcon;
 exports.ScrollButton = ScrollButton;
+exports.SearchAnswer = SearchAnswer;
+exports.SearchResults = SearchResults;
+exports.SearchResultsWithAnswer = SearchResultsWithAnswer;
 exports.SendIcon = SendIcon;
 exports.SimpleConfirmation = SimpleConfirmation;
 exports.SimpleModelSelector = SimpleModelSelector;
 exports.SimpleReasoning = SimpleReasoning;
+exports.SimpleSource = SimpleSource;
 exports.Source = Source;
 exports.SourceContent = SourceContent;
+exports.SourceGroup = SourceGroup;
+exports.SourcePill = SourcePill;
 exports.SourceTrigger = SourceTrigger;
+exports.SourcesBar = SourcesBar;
+exports.SourcesCollapsible = SourcesCollapsible;
+exports.SourcesList = SourcesList;
 exports.StopIcon = StopIcon;
 exports.ThreadCard = ThreadCard;
 exports.ThreadList = ThreadList;
@@ -5551,8 +6476,10 @@ exports.TooltipProvider = TooltipProvider;
 exports.TooltipTrigger = TooltipTrigger;
 exports.UserIcon = UserIcon;
 exports.XIcon = XIcon2;
+exports.annotationsToCitations = annotationsToCitations;
 exports.cn = cn;
 exports.parseFollowUps = parseFollowUps;
+exports.resultsToCitations = resultsToCitations;
 exports.useChatContainer = useChatContainer;
 exports.useCopilotChatContext = useCopilotChatContext;
 exports.useCopilotUI = useCopilotUI;