@yourgpt/copilot-sdk 1.2.7 → 1.2.8

package/dist/ui/index.cjs

@@ -5,12 +5,9 @@ var chunkMTFU6EHR_cjs = require('../chunk-MTFU6EHR.cjs');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
-var marked = require('marked');
-var React8 = require('react');
-var ReactMarkdown = require('react-markdown');
-var remarkBreaks = require('remark-breaks');
-var remarkGfm = require('remark-gfm');
-var shiki = require('shiki');
+var React7 = require('react');
+var streamdown = require('streamdown');
+var code = require('@streamdown/code');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var useStickToBottom = require('use-stick-to-bottom');
@@ -19,8 +16,6 @@ var AvatarPrimitive = require('@radix-ui/react-avatar');
 var HoverCardPrimitive = require('@radix-ui/react-hover-card');
 var popover = require('@base-ui/react/popover');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   var n = Object.create(null);
@@ -39,10 +34,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React8__namespace = /*#__PURE__*/_interopNamespace(React8);
-var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
-var remarkBreaks__default = /*#__PURE__*/_interopDefault(remarkBreaks);
-var remarkGfm__default = /*#__PURE__*/_interopDefault(remarkGfm);
+var React7__namespace = /*#__PURE__*/_interopNamespace(React7);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 var HoverCardPrimitive__namespace = /*#__PURE__*/_interopNamespace(HoverCardPrimitive);
 
@@ -444,6 +436,15 @@ function Loader({
       return /* @__PURE__ */ jsxRuntime.jsx(CircularLoader, { size, className });
   }
 }
+function MarkdownComponent({
+  children,
+  className,
+  isStreaming = false
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsx(streamdown.Streamdown, { plugins: { code: code.code }, isAnimating: isStreaming, children }) });
+}
+var Markdown = React7.memo(MarkdownComponent);
+Markdown.displayName = "Markdown";
 function CodeBlock({ children, className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -458,109 +459,6 @@ function CodeBlock({ children, className, ...props }) {
     }
   );
 }
-function CodeBlockCode({
-  code,
-  language = "tsx",
-  theme = "github-light",
-  className,
-  ...props
-}) {
-  const [highlightedHtml, setHighlightedHtml] = React8.useState(null);
-  React8.useEffect(() => {
-    async function highlight() {
-      if (!code) {
-        setHighlightedHtml("<pre><code></code></pre>");
-        return;
-      }
-      const html = await shiki.codeToHtml(code, { lang: language, theme });
-      setHighlightedHtml(html);
-    }
-    highlight();
-  }, [code, language, theme]);
-  const classNames = cn(
-    "w-full overflow-x-auto text-[13px] [&>pre]:px-4 [&>pre]:py-4",
-    className
-  );
-  return highlightedHtml ? /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: classNames,
-      dangerouslySetInnerHTML: { __html: highlightedHtml },
-      ...props
-    }
-  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("pre", { children: /* @__PURE__ */ jsxRuntime.jsx("code", { children: code }) }) });
-}
-function parseMarkdownIntoBlocks(markdown) {
-  const tokens = marked.marked.lexer(markdown);
-  return tokens.map((token) => token.raw);
-}
-function extractLanguage(className) {
-  if (!className) return "plaintext";
-  const match = className.match(/language-(\w+)/);
-  return match ? match[1] : "plaintext";
-}
-var INITIAL_COMPONENTS = {
-  code: function CodeComponent({ className, children, ...props }) {
-    const isInline = !props.node?.position?.start.line || props.node?.position?.start.line === props.node?.position?.end.line;
-    if (isInline) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          className: cn(
-            "bg-primary-foreground rounded-sm px-1 font-mono text-sm",
-            className
-          ),
-          ...props,
-          children
-        }
-      );
-    }
-    const language = extractLanguage(className);
-    return /* @__PURE__ */ jsxRuntime.jsx(CodeBlock, { className, children: /* @__PURE__ */ jsxRuntime.jsx(CodeBlockCode, { code: children, language }) });
-  },
-  pre: function PreComponent({ children }) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-  }
-};
-var MemoizedMarkdownBlock = React8.memo(
-  function MarkdownBlock({
-    content,
-    components = INITIAL_COMPONENTS
-  }) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      ReactMarkdown__default.default,
-      {
-        remarkPlugins: [remarkGfm__default.default, remarkBreaks__default.default],
-        components,
-        children: content
-      }
-    );
-  },
-  function propsAreEqual(prevProps, nextProps) {
-    return prevProps.content === nextProps.content;
-  }
-);
-MemoizedMarkdownBlock.displayName = "MemoizedMarkdownBlock";
-function MarkdownComponent({
-  children,
-  id,
-  className,
-  components = INITIAL_COMPONENTS
-}) {
-  const generatedId = React8.useId();
-  const blockId = id ?? generatedId;
-  const blocks = React8.useMemo(() => parseMarkdownIntoBlocks(children), [children]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: blocks.map((block, index) => /* @__PURE__ */ jsxRuntime.jsx(
-    MemoizedMarkdownBlock,
-    {
-      content: block,
-      components
-    },
-    `${blockId}-block-${index}`
-  )) });
-}
-var Markdown = React8.memo(MarkdownComponent);
-Markdown.displayName = "Markdown";
 var buttonVariants = classVarianceAuthority.cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
@@ -586,7 +484,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React8__namespace.forwardRef(
+var Button = React7__namespace.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -827,7 +725,7 @@ function TooltipTrigger({
   disabled,
   ...props
 }) {
-  if (asChild && React8__namespace.default.isValidElement(children)) {
+  if (asChild && React7__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 });
@@ -856,7 +754,7 @@ function TooltipContent({
     }
   ) }) });
 }
-var Avatar = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Avatar = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Root,
   {
     ref,
@@ -868,7 +766,7 @@ var Avatar = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
-var AvatarImage = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AvatarImage = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Image,
   {
     ref,
@@ -877,7 +775,7 @@ var AvatarImage = React8__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
-var AvatarFallback = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AvatarFallback = React7__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Fallback,
   {
     ref,
@@ -918,12 +816,19 @@ var MessageContent = ({
   const classNames = cn(
     "rounded-lg p-2 bg-secondary prose break-words whitespace-normal max-w-none",
     "text-foreground prose-headings:text-foreground prose-p:text-foreground prose-strong:text-foreground prose-li:text-foreground prose-a:text-foreground prose-ol:text-foreground prose-ul:text-foreground prose-code:text-foreground",
+    // Compact spacing overrides
+    "prose-p:my-1 prose-p:leading-relaxed",
+    "prose-ul:my-1 prose-ol:my-1 prose-li:my-0.5",
+    "prose-headings:my-2 first:prose-headings:mt-0",
+    "prose-pre:my-2 prose-blockquote:my-2",
+    // List styling overrides (fix Streamdown's list-inside)
+    "[&_ul]:list-outside [&_ol]:list-outside [&_ul]:pl-4 [&_ol]:pl-4 [&_li]:pl-0",
     proseSizeMap[size],
     className
   );
   return markdown ? /* @__PURE__ */ jsxRuntime.jsx(Markdown, { className: classNames, ...props, children }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames, ...props, children });
 };
-var Textarea = React8__namespace.forwardRef(({ className, ...props }, ref) => {
+var Textarea = React7__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "textarea",
     {
@@ -937,7 +842,7 @@ var Textarea = React8__namespace.forwardRef(({ className, ...props }, ref) => {
   );
 });
 Textarea.displayName = "Textarea";
-var PromptInputContext = React8.createContext({
+var PromptInputContext = React7.createContext({
   isLoading: false,
   value: "",
   setValue: () => {
@@ -948,7 +853,7 @@ var PromptInputContext = React8.createContext({
   textareaRef: { current: null }
 });
 function usePromptInput() {
-  return React8.useContext(PromptInputContext);
+  return React7.useContext(PromptInputContext);
 }
 function PromptInput({
   className,
@@ -962,8 +867,8 @@ function PromptInput({
   onClick,
   ...props
 }) {
-  const [internalValue, setInternalValue] = React8.useState(value || "");
-  const textareaRef = React8.useRef(null);
+  const [internalValue, setInternalValue] = React7.useState(value || "");
+  const textareaRef = React7.useRef(null);
   const handleChange = (newValue) => {
     setInternalValue(newValue);
     onValueChange?.(newValue);
@@ -1020,7 +925,7 @@ function PromptInputTextarea({
     textareaRef.current = el;
     adjustHeight(el);
   };
-  React8.useLayoutEffect(() => {
+  React7.useLayoutEffect(() => {
     if (!textareaRef.current || disableAutosize) return;
     const el = textareaRef.current;
     el.style.height = "auto";
@@ -1087,7 +992,7 @@ function PromptInputAction({
 }
 var HoverCard = HoverCardPrimitive__namespace.Root;
 var HoverCardTrigger = HoverCardPrimitive__namespace.Trigger;
-var HoverCardContent = React8__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var HoverCardContent = React7__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   HoverCardPrimitive__namespace.Content,
   {
     ref,
@@ -1101,9 +1006,9 @@ var HoverCardContent = React8__namespace.forwardRef(({ className, align = "cente
   }
 ));
 HoverCardContent.displayName = HoverCardPrimitive__namespace.Content.displayName;
-var SourceContext = React8.createContext(null);
+var SourceContext = React7.createContext(null);
 function useSourceContext() {
-  const ctx = React8.useContext(SourceContext);
+  const ctx = React7.useContext(SourceContext);
   if (!ctx) throw new Error("Source.* must be used inside <Source>");
   return ctx;
 }
@@ -1187,11 +1092,11 @@ function SourceContent({
     }
   ) });
 }
-var ReasoningContext = React8__namespace.createContext(
+var ReasoningContext = React7__namespace.createContext(
   null
 );
 function useReasoningContext() {
-  const context = React8__namespace.useContext(ReasoningContext);
+  const context = React7__namespace.useContext(ReasoningContext);
   if (!context) {
     throw new Error(
       "Reasoning components must be used within a Reasoning provider"
@@ -1207,11 +1112,11 @@ function Reasoning({
   defaultOpen = false,
   className
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React8__namespace.useState(defaultOpen);
-  const prevStreamingRef = React8__namespace.useRef(isStreaming);
+  const [uncontrolledOpen, setUncontrolledOpen] = React7__namespace.useState(defaultOpen);
+  const prevStreamingRef = React7__namespace.useRef(isStreaming);
   const isControlled = controlledOpen !== void 0;
   const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
-  const setIsOpen = React8__namespace.useCallback(
+  const setIsOpen = React7__namespace.useCallback(
     (open) => {
       if (onOpenChange) {
         onOpenChange(open);
@@ -1222,7 +1127,7 @@ function Reasoning({
     },
     [isControlled, onOpenChange]
   );
-  React8__namespace.useEffect(() => {
+  React7__namespace.useEffect(() => {
     if (isStreaming && !prevStreamingRef.current) {
       setIsOpen(true);
     } else if (!isStreaming && prevStreamingRef.current) {
@@ -1278,9 +1183,9 @@ function ReasoningContent({
   className
 }) {
   const { isOpen } = useReasoningContext();
-  const contentRef = React8__namespace.useRef(null);
-  const [height, setHeight] = React8__namespace.useState(0);
-  React8__namespace.useEffect(() => {
+  const contentRef = React7__namespace.useRef(null);
+  const [height, setHeight] = React7__namespace.useState(0);
+  React7__namespace.useEffect(() => {
     if (contentRef.current) {
       const resizeObserver = new ResizeObserver((entries) => {
         for (const entry of entries) {
@@ -1329,11 +1234,11 @@ function SimpleReasoning({
     /* @__PURE__ */ jsxRuntime.jsx(ReasoningContent, { markdown, children: content })
   ] });
 }
-var CopilotUIContext = React8__namespace.createContext(
+var CopilotUIContext = React7__namespace.createContext(
   null
 );
 function useCopilotUI() {
-  const context = React8__namespace.useContext(CopilotUIContext);
+  const context = React7__namespace.useContext(CopilotUIContext);
   if (!context) {
     return {
       debug: false,
@@ -1348,7 +1253,7 @@ function CopilotUIProvider({
   debug = false,
   defaultDebugExpanded = false
 }) {
-  const value = React8__namespace.useMemo(
+  const value = React7__namespace.useMemo(
     () => ({
       debug,
       defaultDebugExpanded,
@@ -1490,7 +1395,7 @@ function ToolStep({
 }) {
   const { isDebug, defaultDebugExpanded } = useCopilotUI();
   const debug = debugProp ?? isDebug;
-  const [expanded, setExpanded] = React8__namespace.useState(
+  const [expanded, setExpanded] = React7__namespace.useState(
     defaultExpanded ?? defaultDebugExpanded ?? false
   );
   const displayTitle = getDisplayTitle(step);
@@ -1955,9 +1860,9 @@ function ArrowUpRightIcon({ className }) {
     }
   );
 }
-var ConfirmationContext = React8__namespace.createContext(null);
+var ConfirmationContext = React7__namespace.createContext(null);
 function useConfirmationContext() {
-  const context = React8__namespace.useContext(ConfirmationContext);
+  const context = React7__namespace.useContext(ConfirmationContext);
   if (!context) {
     throw new Error(
       "Confirmation components must be used within a Confirmation provider"
@@ -2129,8 +2034,8 @@ function PermissionConfirmation({
   permissionOptions = DEFAULT_PERMISSION_OPTIONS,
   className
 }) {
-  const [selectedPermission, setSelectedPermission] = React8__namespace.useState("ask");
-  const [showOptions, setShowOptions] = React8__namespace.useState(false);
+  const [selectedPermission, setSelectedPermission] = React7__namespace.useState("ask");
+  const [showOptions, setShowOptions] = React7__namespace.useState(false);
   const handleApprove = () => {
     onApprove?.(selectedPermission);
   };
@@ -2260,7 +2165,7 @@ function CompactPermissionConfirmation({
   onReject,
   className
 }) {
-  const [rememberChoice, setRememberChoice] = React8__namespace.useState(false);
+  const [rememberChoice, setRememberChoice] = React7__namespace.useState(false);
   const handleApprove = () => {
     onApprove?.(rememberChoice ? "allow_always" : "ask");
   };
@@ -2377,8 +2282,8 @@ function DevLogger({
   position = "bottom-right",
   className
 }) {
-  const [isOpen, setIsOpen] = React8.useState(false);
-  const [activeTab, setActiveTab] = React8.useState("chat");
+  const [isOpen, setIsOpen] = React7.useState(false);
+  const [activeTab, setActiveTab] = React7.useState("chat");
   const positionClasses = {
     "bottom-left": "bottom-4 left-4",
     "bottom-right": "bottom-4 right-4",
@@ -2803,9 +2708,9 @@ function ModelSelector({
   showCapabilities = true,
   className
 }) {
-  const [isOpen, setIsOpen] = React8__namespace.useState(false);
-  const containerRef = React8__namespace.useRef(null);
-  React8__namespace.useEffect(() => {
+  const [isOpen, setIsOpen] = React7__namespace.useState(false);
+  const containerRef = React7__namespace.useRef(null);
+  React7__namespace.useEffect(() => {
     function handleClickOutside(event) {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -2814,7 +2719,7 @@ function ModelSelector({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  const selectedModel = React8__namespace.useMemo(() => {
+  const selectedModel = React7__namespace.useMemo(() => {
     if (!value) return null;
     if (providers) {
       for (const provider of providers) {
@@ -3040,7 +2945,7 @@ function PopoverTrigger({
   className,
   ...props
 }) {
-  if (asChild && React8__namespace.isValidElement(children)) {
+  if (asChild && React7__namespace.isValidElement(children)) {
     return /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Trigger, { render: children, className, ...props });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Trigger, { className, ...props, children });
@@ -3175,8 +3080,8 @@ function ThreadPicker({
   itemClassName,
   newButtonClassName
 }) {
-  const [isOpen, setIsOpen] = React8__namespace.useState(false);
-  const selectedThread = React8__namespace.useMemo(() => {
+  const [isOpen, setIsOpen] = React7__namespace.useState(false);
+  const selectedThread = React7__namespace.useMemo(() => {
     if (!value) return null;
     return threads.find((t) => t.id === value) ?? null;
   }, [value, threads]);
@@ -3382,7 +3287,7 @@ function ThreadCard({
   showDelete = true,
   className
 }) {
-  const [isHovered, setIsHovered] = React8__namespace.useState(false);
+  const [isHovered, setIsHovered] = React7__namespace.useState(false);
   const handleDelete = (e) => {
     e.stopPropagation();
     onDelete?.();
@@ -3633,7 +3538,7 @@ function DefaultMessage({
 }) {
   const isUser = message.role === "user";
   const isStreaming = isLastMessage && isLoading;
-  const { cleanContent, followUps } = React8__namespace.useMemo(() => {
+  const { cleanContent, followUps } = React7__namespace.useMemo(() => {
     if (isUser || !message.content) {
       return { cleanContent: message.content, followUps: [] };
     }
@@ -3771,7 +3676,7 @@ function DefaultMessage({
             toolName: exec.name
           };
           const output = toolDef.render(renderProps);
-          return /* @__PURE__ */ jsxRuntime.jsx(React8__namespace.Fragment, { children: output }, exec.id);
+          return /* @__PURE__ */ jsxRuntime.jsx(React7__namespace.Fragment, { children: output }, exec.id);
         }
         return null;
       }) }),
@@ -3807,7 +3712,7 @@ function DefaultMessage({
             approval: approvalCallbacks
           };
           const output = toolDef.render(renderProps);
-          return /* @__PURE__ */ jsxRuntime.jsx(React8__namespace.Fragment, { children: output }, tool.id);
+          return /* @__PURE__ */ jsxRuntime.jsx(React7__namespace.Fragment, { children: output }, tool.id);
         }
         return /* @__PURE__ */ jsxRuntime.jsx(
           PermissionConfirmation,
@@ -3839,7 +3744,7 @@ function DefaultMessage({
   ] });
 }
 function AttachmentPreview({ attachment }) {
-  const [expanded, setExpanded] = React8__namespace.useState(false);
+  const [expanded, setExpanded] = React7__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 }),
@@ -3968,10 +3873,10 @@ function ChatWelcome({
   processAttachment: processAttachmentProp,
   classNames = {}
 }) {
-  const [input, setInput] = React8.useState("");
-  const [pendingAttachments, setPendingAttachments] = React8.useState([]);
-  const fileInputRef = React8.useRef(null);
-  const fileInputId = React8.useId();
+  const [input, setInput] = React7.useState("");
+  const [pendingAttachments, setPendingAttachments] = React7.useState([]);
+  const fileInputRef = React7.useRef(null);
+  const fileInputId = React7.useId();
   const title = config?.title ?? DEFAULT_TITLE;
   const subtitle = config?.subtitle ?? DEFAULT_SUBTITLE;
   const logo = config?.logo;
@@ -3980,7 +3885,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 = React8.useCallback(
+  const isFileTypeAllowed = React7.useCallback(
     (file) => {
       for (const type of allowedFileTypes) {
         if (type.endsWith("/*")) {
@@ -3994,7 +3899,7 @@ function ChatWelcome({
     },
     [allowedFileTypes]
   );
-  const handleFileSelect = React8.useCallback(
+  const handleFileSelect = React7.useCallback(
     async (files) => {
       if (!files || !attachmentsEnabled) return;
       for (const file of Array.from(files)) {
@@ -4057,7 +3962,7 @@ function ChatWelcome({
     },
     [attachmentsEnabled, maxFileSize, isFileTypeAllowed, processAttachmentProp]
   );
-  const handleInputChange = React8.useCallback(
+  const handleInputChange = React7.useCallback(
     (e) => {
       handleFileSelect(e.target.files);
       if (fileInputRef.current) {
@@ -4066,7 +3971,7 @@ function ChatWelcome({
     },
     [handleFileSelect]
   );
-  const removePendingAttachment = React8.useCallback((id) => {
+  const removePendingAttachment = React7.useCallback((id) => {
     setPendingAttachments((prev) => {
       const att = prev.find((a) => a.id === id);
       if (att) {
@@ -4075,7 +3980,7 @@ function ChatWelcome({
       return prev.filter((a) => a.id !== id);
     });
   }, []);
-  const handleSubmit = React8.useCallback(() => {
+  const handleSubmit = React7.useCallback(() => {
     const hasContent = input.trim();
     const hasAttachments = pendingAttachments.some(
       (att) => att.status === "ready"
@@ -4087,7 +3992,7 @@ function ChatWelcome({
     setPendingAttachments([]);
     setInput("");
   }, [input, isLoading, onSendMessage, pendingAttachments]);
-  const handleSuggestionClick = React8.useCallback(
+  const handleSuggestionClick = React7.useCallback(
     (suggestion) => {
       onSendMessage(suggestion);
     },
@@ -4342,12 +4247,12 @@ function Chat({
   className,
   classNames = {}
 }) {
-  const [input, setInput] = React8.useState("");
-  const [pendingAttachments, setPendingAttachments] = React8.useState([]);
-  const [isDragging, setIsDragging] = React8.useState(false);
-  const fileInputRef = React8.useRef(null);
-  const fileInputId = React8.useId();
-  const isFileTypeAllowed = React8.useCallback(
+  const [input, setInput] = React7.useState("");
+  const [pendingAttachments, setPendingAttachments] = React7.useState([]);
+  const [isDragging, setIsDragging] = React7.useState(false);
+  const fileInputRef = React7.useRef(null);
+  const fileInputId = React7.useId();
+  const isFileTypeAllowed = React7.useCallback(
     (file) => {
       for (const type of allowedFileTypes) {
         if (type.endsWith("/*")) {
@@ -4361,7 +4266,7 @@ function Chat({
     },
     [allowedFileTypes]
   );
-  const handleFileSelect = React8.useCallback(
+  const handleFileSelect = React7.useCallback(
     async (files) => {
       if (!files || !attachmentsEnabled) return;
       for (const file of Array.from(files)) {
@@ -4424,7 +4329,7 @@ function Chat({
     },
     [attachmentsEnabled, maxFileSize, isFileTypeAllowed, processAttachmentProp]
   );
-  const handleInputChange = React8.useCallback(
+  const handleInputChange = React7.useCallback(
     (e) => {
       handleFileSelect(e.target.files);
       if (fileInputRef.current) {
@@ -4433,7 +4338,7 @@ function Chat({
     },
     [handleFileSelect]
   );
-  const removePendingAttachment = React8.useCallback((id) => {
+  const removePendingAttachment = React7.useCallback((id) => {
     setPendingAttachments((prev) => {
       const att = prev.find((a) => a.id === id);
       if (att) {
@@ -4442,7 +4347,7 @@ function Chat({
       return prev.filter((a) => a.id !== id);
     });
   }, []);
-  const handleDragOver = React8.useCallback(
+  const handleDragOver = React7.useCallback(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -4452,12 +4357,12 @@ function Chat({
     },
     [attachmentsEnabled]
   );
-  const handleDragLeave = React8.useCallback((e) => {
+  const handleDragLeave = React7.useCallback((e) => {
     e.preventDefault();
     e.stopPropagation();
     setIsDragging(false);
   }, []);
-  const handleDrop = React8.useCallback(
+  const handleDrop = React7.useCallback(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -4468,7 +4373,7 @@ function Chat({
     },
     [attachmentsEnabled, handleFileSelect]
   );
-  const handleSubmit = React8.useCallback(() => {
+  const handleSubmit = React7.useCallback(() => {
     const hasContent = input.trim();
     const hasAttachments = pendingAttachments.some(
       (att) => att.status === "ready"
@@ -4480,7 +4385,7 @@ function Chat({
     setPendingAttachments([]);
     setInput("");
   }, [input, isLoading, onSendMessage, pendingAttachments]);
-  const handleSuggestionClick = React8.useCallback(
+  const handleSuggestionClick = React7.useCallback(
     (suggestion) => {
       if (onSuggestionClick) {
         onSuggestionClick(suggestion);
@@ -4590,7 +4495,7 @@ function Chat({
                               onSendMessage?.(question);
                             }
                           };
-                          return renderMessage ? /* @__PURE__ */ jsxRuntime.jsx(React8__namespace.default.Fragment, { children: renderMessage(messageWithExecutions, index) }, message.id) : /* @__PURE__ */ jsxRuntime.jsx(
+                          return renderMessage ? /* @__PURE__ */ jsxRuntime.jsx(React7__namespace.default.Fragment, { children: renderMessage(messageWithExecutions, index) }, message.id) : /* @__PURE__ */ jsxRuntime.jsx(
                             DefaultMessage,
                             {
                               message: messageWithExecutions,
@@ -4926,17 +4831,17 @@ function useInternalThreadManager(config = {}) {
     refreshThreads
   } = threadManager;
   const { messages, setMessages, status, isLoading } = chunkMHLF2QXY_cjs.useCopilot();
-  const isLoadingMessagesRef = React8.useRef(false);
-  const savingToThreadRef = React8.useRef(null);
-  const lastSavedSnapshotRef = React8.useRef("");
-  const hasInitializedRef = React8.useRef(false);
-  const getMessageSnapshot = React8.useCallback((msgs) => {
+  const isLoadingMessagesRef = React7.useRef(false);
+  const savingToThreadRef = React7.useRef(null);
+  const lastSavedSnapshotRef = React7.useRef("");
+  const hasInitializedRef = React7.useRef(false);
+  const getMessageSnapshot = React7.useCallback((msgs) => {
     return msgs.map((m) => {
       const contentPreview = (m.content ?? "").slice(0, 20);
       return `${m.id}:${contentPreview}:${m.content?.length ?? 0}`;
     }).join("|");
   }, []);
-  const convertToCore = React8.useCallback((msgs) => {
+  const convertToCore = React7.useCallback((msgs) => {
     return msgs.map((m) => ({
       id: m.id,
       role: m.role,
@@ -4950,7 +4855,7 @@ function useInternalThreadManager(config = {}) {
       }
     }));
   }, []);
-  const handleSwitchThread = React8.useCallback(
+  const handleSwitchThread = React7.useCallback(
     async (threadId) => {
       isLoadingMessagesRef.current = true;
       const thread = await switchThread(threadId);
@@ -4979,7 +4884,7 @@ function useInternalThreadManager(config = {}) {
     },
     [switchThread, setMessages, getMessageSnapshot, onThreadChange]
   );
-  const handleNewThread = React8.useCallback(async () => {
+  const handleNewThread = React7.useCallback(async () => {
     isLoadingMessagesRef.current = true;
     clearCurrentThread();
     lastSavedSnapshotRef.current = "";
@@ -4990,7 +4895,7 @@ function useInternalThreadManager(config = {}) {
       isLoadingMessagesRef.current = false;
     });
   }, [clearCurrentThread, setMessages, onThreadChange]);
-  React8.useEffect(() => {
+  React7.useEffect(() => {
     if (hasInitializedRef.current || !currentThread) {
       return;
     }
@@ -5018,7 +4923,7 @@ function useInternalThreadManager(config = {}) {
       isLoadingMessagesRef.current = false;
     });
   }, [currentThread, setMessages, getMessageSnapshot, onThreadChange]);
-  React8.useEffect(() => {
+  React7.useEffect(() => {
     if (isLoadingMessagesRef.current) {
       return;
     }
@@ -5258,7 +5163,7 @@ function CopilotChat(props) {
     footer: classNames.footer
   } : void 0;
   const { threadManager, handleSwitchThread, handleNewThread, isBusy } = threadManagerResult;
-  const handleDeleteThread = React8__namespace.default.useCallback(
+  const handleDeleteThread = React7__namespace.default.useCallback(
     (threadId) => {
       const isCurrentThread = threadManager.currentThreadId === threadId;
       threadManager.deleteThread(threadId);