@yourgpt/copilot-sdk 2.1.5-alpha.2 → 2.1.5-alpha.3

package/dist/ui/index.cjs

@@ -20,7 +20,7 @@ require('../chunk-JEQ2X3Z6.cjs');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
-var React17 = require('react');
+var React19 = require('react');
 var streamdown = require('streamdown');
 var code = require('@streamdown/code');
 var reactSlot = require('@radix-ui/react-slot');
@@ -50,7 +50,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React17__namespace = /*#__PURE__*/_interopNamespace(React17);
+var React19__namespace = /*#__PURE__*/_interopNamespace(React19);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 var HoverCardPrimitive__namespace = /*#__PURE__*/_interopNamespace(HoverCardPrimitive);
 
@@ -366,7 +366,7 @@ function MarkdownComponent({
     }
   ) });
 }
-var Markdown = React17.memo(MarkdownComponent);
+var Markdown = React19.memo(MarkdownComponent);
 Markdown.displayName = "Markdown";
 function CodeBlock({ children, className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -407,7 +407,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React17__namespace.forwardRef(
+var Button = React19__namespace.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -648,7 +648,7 @@ function TooltipTrigger({
   disabled,
   ...props
 }) {
-  if (asChild && React17__namespace.default.isValidElement(children)) {
+  if (asChild && React19__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 });
@@ -677,7 +677,7 @@ function TooltipContent({
     }
   ) }) });
 }
-var Avatar = React17__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Avatar = React19__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Root,
   {
     ref,
@@ -689,7 +689,7 @@ var Avatar = React17__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
-var AvatarImage = React17__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AvatarImage = React19__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Image,
   {
     ref,
@@ -698,7 +698,7 @@ var AvatarImage = React17__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
-var AvatarFallback = React17__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AvatarFallback = React19__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Fallback,
   {
     ref,
@@ -758,7 +758,34 @@ var MessageContent = ({
   );
   return markdown ? /* @__PURE__ */ jsxRuntime.jsx(Markdown, { className: classNames, ...props, children }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames, ...props, children });
 };
-var Textarea = React17__namespace.forwardRef(({ className, ...props }, ref) => {
+var MessageActions = ({
+  children,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: cn(
+      "csdk-message-actions text-muted-foreground flex items-center gap-2",
+      className
+    ),
+    ...props,
+    children
+  }
+);
+var MessageAction = ({
+  tooltip,
+  children,
+  className,
+  side = "top",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side, className, children: tooltip })
+  ] }) });
+};
+var Textarea = React19__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "textarea",
     {
@@ -772,7 +799,7 @@ var Textarea = React17__namespace.forwardRef(({ className, ...props }, ref) => {
   );
 });
 Textarea.displayName = "Textarea";
-var PromptInputContext = React17.createContext({
+var PromptInputContext = React19.createContext({
   isLoading: false,
   value: "",
   setValue: () => {
@@ -783,7 +810,7 @@ var PromptInputContext = React17.createContext({
   textareaRef: { current: null }
 });
 function usePromptInput() {
-  return React17.useContext(PromptInputContext);
+  return React19.useContext(PromptInputContext);
 }
 function PromptInput({
   className,
@@ -797,8 +824,8 @@ function PromptInput({
   onClick,
   ...props
 }) {
-  const [internalValue, setInternalValue] = React17.useState(value || "");
-  const textareaRef = React17.useRef(null);
+  const [internalValue, setInternalValue] = React19.useState(value || "");
+  const textareaRef = React19.useRef(null);
   const handleChange = (newValue) => {
     setInternalValue(newValue);
     onValueChange?.(newValue);
@@ -855,7 +882,7 @@ function PromptInputTextarea({
     textareaRef.current = el;
     adjustHeight(el);
   };
-  React17.useLayoutEffect(() => {
+  React19.useLayoutEffect(() => {
     if (!textareaRef.current || disableAutosize) return;
     const el = textareaRef.current;
     el.style.height = "auto";
@@ -922,7 +949,7 @@ function PromptInputAction({
 }
 var HoverCard = HoverCardPrimitive__namespace.Root;
 var HoverCardTrigger = HoverCardPrimitive__namespace.Trigger;
-var HoverCardContent = React17__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var HoverCardContent = React19__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   HoverCardPrimitive__namespace.Content,
   {
     ref,
@@ -936,9 +963,9 @@ var HoverCardContent = React17__namespace.forwardRef(({ className, align = "cent
   }
 ));
 HoverCardContent.displayName = HoverCardPrimitive__namespace.Content.displayName;
-var SourceContext = React17.createContext(null);
+var SourceContext = React19.createContext(null);
 function useSourceContext() {
-  const ctx = React17.useContext(SourceContext);
+  const ctx = React19.useContext(SourceContext);
   if (!ctx) throw new Error("Source.* must be used inside <Source>");
   return ctx;
 }
@@ -1465,7 +1492,7 @@ function SourcesCollapsible({
   defaultExpanded = false,
   className
 }) {
-  const [expanded, setExpanded] = React17__namespace.useState(defaultExpanded);
+  const [expanded, setExpanded] = React19__namespace.useState(defaultExpanded);
   if (citations.length === 0) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("border rounded-lg", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1531,7 +1558,7 @@ function SourcesList({
   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(React17__namespace.Fragment, { children: [
+      citations.map((c, i) => /* @__PURE__ */ jsxRuntime.jsxs(React19__namespace.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "a",
           {
@@ -1609,11 +1636,11 @@ function resultsToCitations(results) {
     domain: result.domain || getDomain3(result.url)
   }));
 }
-var ReasoningContext = React17__namespace.createContext(
+var ReasoningContext = React19__namespace.createContext(
   null
 );
 function useReasoningContext() {
-  const context = React17__namespace.useContext(ReasoningContext);
+  const context = React19__namespace.useContext(ReasoningContext);
   if (!context) {
     throw new Error(
       "Reasoning components must be used within a Reasoning provider"
@@ -1629,11 +1656,11 @@ function Reasoning({
   defaultOpen = false,
   className
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React17__namespace.useState(defaultOpen);
-  const prevStreamingRef = React17__namespace.useRef(isStreaming);
+  const [uncontrolledOpen, setUncontrolledOpen] = React19__namespace.useState(defaultOpen);
+  const prevStreamingRef = React19__namespace.useRef(isStreaming);
   const isControlled = controlledOpen !== void 0;
   const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
-  const setIsOpen = React17__namespace.useCallback(
+  const setIsOpen = React19__namespace.useCallback(
     (open) => {
       if (onOpenChange) {
         onOpenChange(open);
@@ -1644,7 +1671,7 @@ function Reasoning({
     },
     [isControlled, onOpenChange]
   );
-  React17__namespace.useEffect(() => {
+  React19__namespace.useEffect(() => {
     if (isStreaming && !prevStreamingRef.current) {
       setIsOpen(true);
     } else if (!isStreaming && prevStreamingRef.current) {
@@ -1700,9 +1727,9 @@ function ReasoningContent({
   className
 }) {
   const { isOpen } = useReasoningContext();
-  const contentRef = React17__namespace.useRef(null);
-  const [height, setHeight] = React17__namespace.useState(0);
-  React17__namespace.useEffect(() => {
+  const contentRef = React19__namespace.useRef(null);
+  const [height, setHeight] = React19__namespace.useState(0);
+  React19__namespace.useEffect(() => {
     if (contentRef.current) {
       const resizeObserver = new ResizeObserver((entries) => {
         for (const entry of entries) {
@@ -1751,11 +1778,11 @@ function SimpleReasoning({
     /* @__PURE__ */ jsxRuntime.jsx(ReasoningContent, { markdown, children: content })
   ] });
 }
-var CopilotUIContext = React17__namespace.createContext(
+var CopilotUIContext = React19__namespace.createContext(
   null
 );
 function useCopilotUI() {
-  const context = React17__namespace.useContext(CopilotUIContext);
+  const context = React19__namespace.useContext(CopilotUIContext);
   if (!context) {
     return {
       debug: false,
@@ -1770,7 +1797,7 @@ function CopilotUIProvider({
   debug = false,
   defaultDebugExpanded = false
 }) {
-  const value = React17__namespace.useMemo(
+  const value = React19__namespace.useMemo(
     () => ({
       debug,
       defaultDebugExpanded,
@@ -1913,7 +1940,7 @@ function ToolStep({
 }) {
   const { isDebug, defaultDebugExpanded } = useCopilotUI();
   const debug = debugProp ?? isDebug;
-  const [expanded, setExpanded] = React17__namespace.useState(
+  const [expanded, setExpanded] = React19__namespace.useState(
     defaultExpanded ?? defaultDebugExpanded ?? false
   );
   const displayTitle = getDisplayTitle(step);
@@ -2394,9 +2421,9 @@ function ArrowUpRightIcon({ className }) {
     }
   );
 }
-var ConfirmationContext = React17__namespace.createContext(null);
+var ConfirmationContext = React19__namespace.createContext(null);
 function useConfirmationContext() {
-  const context = React17__namespace.useContext(ConfirmationContext);
+  const context = React19__namespace.useContext(ConfirmationContext);
   if (!context) {
     throw new Error(
       "Confirmation components must be used within a Confirmation provider"
@@ -2880,8 +2907,8 @@ function DevLogger({
   position = "bottom-right",
   className
 }) {
-  const [isOpen, setIsOpen] = React17.useState(false);
-  const [activeTab, setActiveTab] = React17.useState("chat");
+  const [isOpen, setIsOpen] = React19.useState(false);
+  const [activeTab, setActiveTab] = React19.useState("chat");
   const positionClasses = {
     "bottom-left": "bottom-4 left-4",
     "bottom-right": "bottom-4 right-4",
@@ -3306,9 +3333,9 @@ function ModelSelector({
   showCapabilities = true,
   className
 }) {
-  const [isOpen, setIsOpen] = React17__namespace.useState(false);
-  const containerRef = React17__namespace.useRef(null);
-  React17__namespace.useEffect(() => {
+  const [isOpen, setIsOpen] = React19__namespace.useState(false);
+  const containerRef = React19__namespace.useRef(null);
+  React19__namespace.useEffect(() => {
     function handleClickOutside(event) {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -3317,7 +3344,7 @@ function ModelSelector({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  const selectedModel = React17__namespace.useMemo(() => {
+  const selectedModel = React19__namespace.useMemo(() => {
     if (!value) return null;
     if (providers) {
       for (const provider of providers) {
@@ -3543,7 +3570,7 @@ function PopoverTrigger({
   className,
   ...props
 }) {
-  if (asChild && React17__namespace.isValidElement(children)) {
+  if (asChild && React19__namespace.isValidElement(children)) {
     return /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Trigger, { render: children, className, ...props });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Trigger, { className, ...props, children });
@@ -3678,8 +3705,8 @@ function ThreadPicker({
   itemClassName,
   newButtonClassName
 }) {
-  const [isOpen, setIsOpen] = React17__namespace.useState(false);
-  const selectedThread = React17__namespace.useMemo(() => {
+  const [isOpen, setIsOpen] = React19__namespace.useState(false);
+  const selectedThread = React19__namespace.useMemo(() => {
     if (!value) return null;
     return threads.find((t) => t.id === value) ?? null;
   }, [value, threads]);
@@ -3885,7 +3912,7 @@ function ThreadCard({
   showDelete = true,
   className
 }) {
-  const [isHovered, setIsHovered] = React17__namespace.useState(false);
+  const [isHovered, setIsHovered] = React19__namespace.useState(false);
   const handleDelete = (e) => {
     e.stopPropagation();
     onDelete?.();
@@ -4126,10 +4153,10 @@ function MCPUIFrame({
   showLoading = true,
   testId
 }) {
-  const iframeRef = React17__namespace.useRef(null);
-  const [isLoading, setIsLoading] = React17__namespace.useState(true);
-  const [error, setError] = React17__namespace.useState(null);
-  React17__namespace.useEffect(() => {
+  const iframeRef = React19__namespace.useRef(null);
+  const [isLoading, setIsLoading] = React19__namespace.useState(true);
+  const [error, setError] = React19__namespace.useState(null);
+  React19__namespace.useEffect(() => {
     const handleMessage = (event) => {
       if (event.source !== iframeRef.current?.contentWindow) {
         return;
@@ -4142,17 +4169,17 @@ function MCPUIFrame({
     window.addEventListener("message", handleMessage);
     return () => window.removeEventListener("message", handleMessage);
   }, [onIntent]);
-  const handleLoad = React17__namespace.useCallback(() => {
+  const handleLoad = React19__namespace.useCallback(() => {
     setIsLoading(false);
     onLoad?.();
   }, [onLoad]);
-  const handleError = React17__namespace.useCallback(() => {
+  const handleError = React19__namespace.useCallback(() => {
     const err = new Error("Failed to load MCP UI content");
     setError(err);
     setIsLoading(false);
     onError?.(err);
   }, [onError]);
-  const { srcDoc, src } = React17__namespace.useMemo(() => {
+  const { srcDoc, src } = React19__namespace.useMemo(() => {
     if (resource.mimeType === "text/html") {
       let content = resource.content || "";
       if (resource.blob && !resource.content) {
@@ -4302,6 +4329,284 @@ function MCPUIFrameList({
     `${resource.uri}-${index}`
   )) });
 }
+var MessageActionsContext = React19.createContext(
+  null
+);
+function MessageActionsProvider({
+  children
+}) {
+  const [registry, setRegistry] = React19.useState(
+    {}
+  );
+  const registerActions = React19.useCallback(
+    (role, actions) => {
+      setRegistry((prev) => ({ ...prev, [role]: actions }));
+    },
+    []
+  );
+  const clearActions = React19.useCallback((role) => {
+    setRegistry((prev) => {
+      const next = { ...prev };
+      delete next[role];
+      return next;
+    });
+  }, []);
+  const getActions = React19.useCallback(
+    (role) => registry[role] ?? [],
+    [registry]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    MessageActionsContext.Provider,
+    {
+      value: { getActions, registerActions, clearActions },
+      children
+    }
+  );
+}
+function useMessageActionsContext() {
+  return React19.useContext(MessageActionsContext);
+}
+React19.createContext(null);
+function CopyIcon2() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: "13",
+      height: "13",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+      ]
+    }
+  );
+}
+function CheckIcon3() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: "13",
+      height: "13",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 6L9 17l-5-5" })
+    }
+  );
+}
+function EditIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: "12",
+      height: "12",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })
+      ]
+    }
+  );
+}
+function ThumbsUpIcon3() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: "13",
+      height: "13",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 10v12" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z" })
+      ]
+    }
+  );
+}
+function ThumbsDownIcon3() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: "13",
+      height: "13",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17 14V2" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z" })
+      ]
+    }
+  );
+}
+function CopyAction({ tooltip = "Copy", className }) {
+  return null;
+}
+CopyAction.displayName = "CopyAction";
+function EditAction({ tooltip = "Edit", className }) {
+  return null;
+}
+EditAction.displayName = "EditAction";
+function FeedbackAction({
+  onFeedback,
+  tooltip = "Feedback",
+  className
+}) {
+  return null;
+}
+FeedbackAction.displayName = "FeedbackAction";
+function Action({
+  icon,
+  tooltip,
+  onClick,
+  hidden,
+  className
+}) {
+  return null;
+}
+Action.displayName = "Action";
+function MessageActions2({ role, children }) {
+  const ctx = useMessageActionsContext();
+  const actions = React19.useMemo(() => {
+    const result = [];
+    React19__namespace.default.Children.forEach(children, (child) => {
+      if (!React19__namespace.default.isValidElement(child)) return;
+      const props = child.props;
+      const type = child.type;
+      if (type === CopyAction || child.type?.displayName === "CopyAction") {
+        result.push({
+          id: "copy",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(CopyIcon2, {}),
+          tooltip: props.tooltip ?? "Copy",
+          onClick: ({ message }) => {
+            navigator.clipboard.writeText(message.content ?? "");
+          },
+          className: props.className
+        });
+      } else if (type === EditAction || child.type?.displayName === "EditAction") {
+        result.push({
+          id: "edit",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(EditIcon, {}),
+          tooltip: props.tooltip ?? "Edit",
+          onClick: () => {
+          },
+          // handled internally by DefaultMessage via onEditMessage
+          className: props.className
+        });
+      } else if (type === FeedbackAction || child.type?.displayName === "FeedbackAction") {
+        const onFeedback = props.onFeedback;
+        result.push(
+          {
+            id: "feedback-up",
+            icon: /* @__PURE__ */ jsxRuntime.jsx(ThumbsUpIcon3, {}),
+            tooltip: "Helpful",
+            onClick: ({ message }) => onFeedback?.(message, "helpful"),
+            className: props.className
+          },
+          {
+            id: "feedback-down",
+            icon: /* @__PURE__ */ jsxRuntime.jsx(ThumbsDownIcon3, {}),
+            tooltip: "Not helpful",
+            onClick: ({ message }) => onFeedback?.(message, "not-helpful"),
+            className: props.className
+          }
+        );
+      } else if (type === Action || child.type?.displayName === "Action") {
+        result.push({
+          id: props.id ?? props.tooltip,
+          icon: props.icon,
+          tooltip: props.tooltip,
+          onClick: props.onClick,
+          hidden: props.hidden,
+          className: props.className
+        });
+      }
+    });
+    return result;
+  }, [children]);
+  React19.useLayoutEffect(() => {
+    if (!ctx) return;
+    ctx.registerActions(role, actions);
+    return () => ctx.clearActions(role);
+  }, [ctx, role, actions]);
+  return null;
+}
+function FloatingActions({
+  message,
+  role,
+  align = "left",
+  onEdit
+}) {
+  const ctx = useMessageActionsContext();
+  const [copiedId, setCopiedId] = React19__namespace.useState(null);
+  if (!ctx) return null;
+  const actions = ctx.getActions(role);
+  if (actions.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-0.5 mt-1",
+        "opacity-0 group-hover/message:opacity-100 transition-opacity duration-150",
+        align === "right" ? "justify-end" : "justify-start"
+      ),
+      children: actions.map((action) => {
+        const isHidden = typeof action.hidden === "function" ? action.hidden({ message }) : action.hidden;
+        if (isHidden) return null;
+        const isCopied = copiedId === action.id;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            title: action.tooltip,
+            "aria-label": action.tooltip,
+            className: cn(
+              "flex items-center justify-center size-6 rounded-md",
+              "text-muted-foreground hover:text-foreground hover:bg-muted",
+              "transition-colors",
+              action.className
+            ),
+            onClick: () => {
+              if (action.id === "edit" && onEdit) {
+                onEdit();
+                return;
+              }
+              if (action.id === "copy") {
+                navigator.clipboard.writeText(message.content ?? "");
+                setCopiedId("copy");
+                setTimeout(() => setCopiedId(null), 1500);
+                return;
+              }
+              action.onClick({ message });
+            },
+            children: action.id === "copy" && isCopied ? /* @__PURE__ */ jsxRuntime.jsx(CheckIcon3, {}) : action.icon
+          },
+          action.id
+        );
+      })
+    }
+  );
+}
 function DefaultMessage({
   message,
   userAvatar,
@@ -4332,24 +4637,24 @@ function DefaultMessage({
   const isUser = message.role === "user";
   const isCompactionMarker = message.role === "system" && message.metadata?.type === "compaction-marker";
   const isStreaming = isLastMessage && isLoading;
-  const [isEditing, setIsEditing] = React17__namespace.useState(false);
-  const [editValue, setEditValue] = React17__namespace.useState(message.content ?? "");
-  const editRef = React17__namespace.useRef(null);
-  const startEdit = React17__namespace.useCallback(() => {
+  const [isEditing, setIsEditing] = React19__namespace.useState(false);
+  const [editValue, setEditValue] = React19__namespace.useState(message.content ?? "");
+  const editRef = React19__namespace.useRef(null);
+  const startEdit = React19__namespace.useCallback(() => {
     setEditValue(message.content ?? "");
     setIsEditing(true);
     requestAnimationFrame(() => editRef.current?.focus());
   }, [message.content]);
-  const cancelEdit = React17__namespace.useCallback(() => {
+  const cancelEdit = React19__namespace.useCallback(() => {
     setIsEditing(false);
   }, []);
-  const submitEdit = React17__namespace.useCallback(() => {
+  const submitEdit = React19__namespace.useCallback(() => {
     const trimmed = editValue.trim();
     if (!trimmed || !onEditMessage) return;
     onEditMessage(message.id, trimmed);
     setIsEditing(false);
   }, [editValue, message.id, onEditMessage]);
-  const handleEditKeyDown = React17__namespace.useCallback(
+  const handleEditKeyDown = React19__namespace.useCallback(
     (e) => {
       if (e.key === "Enter" && !e.shiftKey) {
         e.preventDefault();
@@ -4391,18 +4696,18 @@ function DefaultMessage({
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 h-px bg-border" })
     ] });
   }
-  const { cleanContent: contentWithoutFollowUps, followUps } = React17__namespace.useMemo(() => {
+  const { cleanContent: contentWithoutFollowUps, followUps } = React19__namespace.useMemo(() => {
     if (isUser || !message.content) {
       return { cleanContent: message.content, followUps: [] };
     }
     return parseFollowUps(message.content);
   }, [message.content, isUser]);
-  const cleanContent = React17__namespace.useMemo(() => {
+  const cleanContent = React19__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 = React17__namespace.useMemo(() => {
+  const sources = React19__namespace.useMemo(() => {
     if (isUser || !citations.enabled) return [];
     const extractedSources = [];
     const addSource = (url, title, description) => {
@@ -4456,121 +4761,136 @@ function DefaultMessage({
   const shouldShowSources = citations.enabled && sources.length > 0;
   if (isUser) {
     const hasAttachments = message.attachments && message.attachments.length > 0;
-    return /* @__PURE__ */ jsxRuntime.jsxs(Message, { className: cn("flex gap-2 group/user-msg justify-end"), children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-end max-w-[80%] min-w-0", children: isEditing ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5 w-full min-w-[200px]", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "textarea",
-          {
-            ref: editRef,
-            value: editValue,
-            onChange: (e) => setEditValue(e.target.value),
-            onKeyDown: handleEditKeyDown,
-            rows: Math.max(2, (editValue.match(/\n/g) || []).length + 1),
-            className: cn(
-              "csdk-edit-textarea w-full rounded-lg px-3 py-2 text-sm resize-none",
-              "bg-primary text-primary-foreground placeholder:text-primary-foreground/50",
-              "focus:outline-none focus:ring-2 focus:ring-primary-foreground/30",
-              userMessageClassName
-            )
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1.5 justify-end", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: cancelEdit,
-              className: "csdk-edit-cancel px-3 py-1 text-xs rounded-md bg-muted text-muted-foreground hover:bg-muted/80 transition-colors",
-              children: "Cancel"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: submitEdit,
-              disabled: !editValue.trim(),
-              className: "csdk-edit-submit px-3 py-1 text-xs rounded-md bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-50 transition-colors",
-              children: "Send"
-            }
-          )
-        ] })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        message.content && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            MessageContent,
-            {
-              className: cn(
-                "csdk-message-user rounded-lg px-4 py-2 bg-primary text-primary-foreground",
-                userMessageClassName
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Message,
+      {
+        className: cn("flex gap-2 group/user-msg group/message justify-end"),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-end max-w-[80%] min-w-0", children: isEditing ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5 w-full min-w-[200px]", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "textarea",
+              {
+                ref: editRef,
+                value: editValue,
+                onChange: (e) => setEditValue(e.target.value),
+                onKeyDown: handleEditKeyDown,
+                rows: Math.max(2, (editValue.match(/\n/g) || []).length + 1),
+                className: cn(
+                  "csdk-edit-textarea w-full rounded-lg px-3 py-2 text-sm resize-none",
+                  "bg-primary text-primary-foreground placeholder:text-primary-foreground/50",
+                  "focus:outline-none focus:ring-2 focus:ring-primary-foreground/30",
+                  userMessageClassName
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1.5 justify-end", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: cancelEdit,
+                  className: "csdk-edit-cancel px-3 py-1 text-xs rounded-md bg-muted text-muted-foreground hover:bg-muted/80 transition-colors",
+                  children: "Cancel"
+                }
               ),
-              markdown: true,
-              size,
-              children: message.content
-            }
-          ),
-          showEditBtn && /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: startEdit,
-              "aria-label": "Edit message",
-              className: cn(
-                "csdk-edit-btn absolute -left-7 top-1/2 -translate-y-1/2",
-                "size-6 flex items-center justify-center rounded-full",
-                "text-muted-foreground bg-background border border-border shadow-sm",
-                "opacity-0 group-hover/user-msg:opacity-100 transition-opacity",
-                "hover:text-foreground hover:bg-muted"
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: submitEdit,
+                  disabled: !editValue.trim(),
+                  className: "csdk-edit-submit px-3 py-1 text-xs rounded-md bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-50 transition-colors",
+                  children: "Send"
+                }
+              )
+            ] })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            message.content && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                MessageContent,
+                {
+                  className: cn(
+                    "csdk-message-user rounded-lg px-4 py-2 bg-primary text-primary-foreground",
+                    userMessageClassName
+                  ),
+                  markdown: true,
+                  size,
+                  children: message.content
+                }
               ),
-              children: /* @__PURE__ */ jsxRuntime.jsxs(
-                "svg",
+              showEditBtn && /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
                 {
-                  width: "12",
-                  height: "12",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: 2,
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })
-                  ]
+                  type: "button",
+                  onClick: startEdit,
+                  "aria-label": "Edit message",
+                  className: cn(
+                    "csdk-edit-btn absolute -left-7 top-1/2 -translate-y-1/2",
+                    "size-6 flex items-center justify-center rounded-full",
+                    "text-muted-foreground bg-background border border-border shadow-sm",
+                    "opacity-0 group-hover/user-msg:opacity-100 transition-opacity",
+                    "hover:text-foreground hover:bg-muted"
+                  ),
+                  children: /* @__PURE__ */ jsxRuntime.jsxs(
+                    "svg",
+                    {
+                      width: "12",
+                      height: "12",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: 2,
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })
+                      ]
+                    }
+                  )
                 }
               )
+            ] }),
+            hasAttachments && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 flex flex-wrap gap-2 justify-end", children: message.attachments.map((attachment, index) => /* @__PURE__ */ jsxRuntime.jsx(AttachmentPreview, { attachment }, index)) }),
+            showBranchNav && /* @__PURE__ */ jsxRuntime.jsx(
+              BranchNavigator,
+              {
+                siblingIndex: branchInfo.siblingIndex,
+                totalSiblings: branchInfo.totalSiblings,
+                hasPrevious: branchInfo.hasPrevious,
+                hasNext: branchInfo.hasNext,
+                onPrevious: () => onSwitchBranch(
+                  branchInfo.siblingIds[branchInfo.siblingIndex - 1]
+                ),
+                onNext: () => onSwitchBranch(
+                  branchInfo.siblingIds[branchInfo.siblingIndex + 1]
+                ),
+                className: "mt-1"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              FloatingActions,
+              {
+                message,
+                role: "user",
+                align: "right",
+                onEdit: onEditMessage ? startEdit : void 0
+              }
+            )
+          ] }) }),
+          showUserAvatar && /* @__PURE__ */ jsxRuntime.jsx(
+            MessageAvatar,
+            {
+              src: userAvatar.src,
+              alt: "User",
+              fallback: userAvatar.fallback,
+              className: userAvatar.className,
+              children: userAvatar.component
             }
           )
-        ] }),
-        hasAttachments && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 flex flex-wrap gap-2 justify-end", children: message.attachments.map((attachment, index) => /* @__PURE__ */ jsxRuntime.jsx(AttachmentPreview, { attachment }, index)) }),
-        showBranchNav && /* @__PURE__ */ jsxRuntime.jsx(
-          BranchNavigator,
-          {
-            siblingIndex: branchInfo.siblingIndex,
-            totalSiblings: branchInfo.totalSiblings,
-            hasPrevious: branchInfo.hasPrevious,
-            hasNext: branchInfo.hasNext,
-            onPrevious: () => onSwitchBranch(
-              branchInfo.siblingIds[branchInfo.siblingIndex - 1]
-            ),
-            onNext: () => onSwitchBranch(
-              branchInfo.siblingIds[branchInfo.siblingIndex + 1]
-            ),
-            className: "mt-1"
-          }
-        )
-      ] }) }),
-      showUserAvatar && /* @__PURE__ */ jsxRuntime.jsx(
-        MessageAvatar,
-        {
-          src: userAvatar.src,
-          alt: "User",
-          fallback: userAvatar.fallback,
-          className: userAvatar.className,
-          children: userAvatar.component
-        }
-      )
-    ] });
+        ]
+      }
+    );
   }
   const isToolHidden = (exec) => {
     if (exec.hidden === true) return true;
@@ -4607,7 +4927,7 @@ function DefaultMessage({
     result: exec.result,
     error: exec.error
   }));
-  return /* @__PURE__ */ jsxRuntime.jsxs(Message, { className: "flex gap-2", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Message, { className: "flex gap-2 group/message", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       MessageAvatar,
       {
@@ -4665,7 +4985,7 @@ function DefaultMessage({
                 renderProps
               );
               if (output != null) {
-                return /* @__PURE__ */ jsxRuntime.jsx(React17__namespace.Fragment, { children: output }, exec.id);
+                return /* @__PURE__ */ jsxRuntime.jsx(React19__namespace.Fragment, { children: output }, exec.id);
               }
             }
             if (mcpToolRenderer && (exec.source === "mcp" || toolDef?.source === "mcp")) {
@@ -4781,7 +5101,7 @@ function DefaultMessage({
               const output = toolDef.render(
                 renderProps
               );
-              return /* @__PURE__ */ jsxRuntime.jsx(React17__namespace.Fragment, { children: output }, tool.id);
+              return /* @__PURE__ */ jsxRuntime.jsx(React19__namespace.Fragment, { children: output }, tool.id);
             }
             return /* @__PURE__ */ jsxRuntime.jsx(
               PermissionConfirmation,
@@ -4823,14 +5143,15 @@ function DefaultMessage({
               className: followUpClassName,
               buttonClassName: followUpButtonClassName
             }
-          )
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(FloatingActions, { message, role: "assistant", align: "left" })
         ] })
       )
     ] })
   ] });
 }
 function AttachmentPreview({ attachment }) {
-  const [expanded, setExpanded] = React17__namespace.useState(false);
+  const [expanded, setExpanded] = React19__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 }),
@@ -4959,10 +5280,10 @@ function ChatWelcome({
   processAttachment: processAttachmentProp,
   classNames = {}
 }) {
-  const [input, setInput] = React17.useState("");
-  const [pendingAttachments, setPendingAttachments] = React17.useState([]);
-  const fileInputRef = React17.useRef(null);
-  const fileInputId = React17.useId();
+  const [input, setInput] = React19.useState("");
+  const [pendingAttachments, setPendingAttachments] = React19.useState([]);
+  const fileInputRef = React19.useRef(null);
+  const fileInputId = React19.useId();
   const title = config?.title ?? DEFAULT_TITLE;
   const subtitle = config?.subtitle ?? DEFAULT_SUBTITLE;
   const logo = config?.logo;
@@ -4971,7 +5292,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 = React17.useCallback(
+  const isFileTypeAllowed = React19.useCallback(
     (file) => {
       for (const type of allowedFileTypes) {
         if (type.endsWith("/*")) {
@@ -4985,7 +5306,7 @@ function ChatWelcome({
     },
     [allowedFileTypes]
   );
-  const handleFileSelect = React17.useCallback(
+  const handleFileSelect = React19.useCallback(
     async (files) => {
       if (!files || !attachmentsEnabled) return;
       for (const file of Array.from(files)) {
@@ -5048,7 +5369,7 @@ function ChatWelcome({
     },
     [attachmentsEnabled, maxFileSize, isFileTypeAllowed, processAttachmentProp]
   );
-  const handleInputChange = React17.useCallback(
+  const handleInputChange = React19.useCallback(
     (e) => {
       handleFileSelect(e.target.files);
       if (fileInputRef.current) {
@@ -5057,7 +5378,7 @@ function ChatWelcome({
     },
     [handleFileSelect]
   );
-  const removePendingAttachment = React17.useCallback((id) => {
+  const removePendingAttachment = React19.useCallback((id) => {
     setPendingAttachments((prev) => {
       const att = prev.find((a) => a.id === id);
       if (att) {
@@ -5066,7 +5387,7 @@ function ChatWelcome({
       return prev.filter((a) => a.id !== id);
     });
   }, []);
-  const handleSubmit = React17.useCallback(() => {
+  const handleSubmit = React19.useCallback(() => {
     const hasContent = input.trim();
     const hasAttachments = pendingAttachments.some(
       (att) => att.status === "ready"
@@ -5078,7 +5399,7 @@ function ChatWelcome({
     setPendingAttachments([]);
     setInput("");
   }, [input, isLoading, onSendMessage, pendingAttachments]);
-  const handleSuggestionClick = React17.useCallback(
+  const handleSuggestionClick = React19.useCallback(
     (suggestion) => {
       onSendMessage(suggestion);
     },
@@ -5250,11 +5571,11 @@ function ChatWelcome({
     }
   );
 }
-var CopilotChatContext = React17.createContext(
+var CopilotChatContext = React19.createContext(
   null
 );
 var useCopilotChatContext = () => {
-  const ctx = React17.useContext(CopilotChatContext);
+  const ctx = React19.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>"
@@ -5288,10 +5609,10 @@ function ChatView({ children, className }) {
 ChatView.displayName = "ChatView";
 function chatViewHasOnlyLayoutChildren(chatViewElement) {
   if (!chatViewElement?.props?.children) return false;
-  const childArray = React17__namespace.default.Children.toArray(chatViewElement.props.children);
+  const childArray = React19__namespace.default.Children.toArray(chatViewElement.props.children);
   if (childArray.length === 0) return false;
   return childArray.every(
-    (child) => React17__namespace.default.isValidElement(child) && (child.type === Header || child.type === Footer)
+    (child) => React19__namespace.default.isValidElement(child) && (child.type === Header || child.type === Footer)
   );
 }
 function Header({ children, className }) {
@@ -5307,8 +5628,8 @@ function Input({ placeholder: placeholderProp, className }) {
     onStop,
     placeholder: defaultPlaceholder
   } = useCopilotChatContext();
-  const [value, setValue] = React17.useState("");
-  const handleSubmit = React17.useCallback(() => {
+  const [value, setValue] = React19.useState("");
+  const handleSubmit = React19.useCallback(() => {
     if (value.trim() && !isLoading) {
       send(value.trim());
       setValue("");
@@ -5429,18 +5750,18 @@ function ThreadPickerCompound(props) {
   );
 }
 function hasCompoundChild(children, ...components) {
-  return React17__namespace.default.Children.toArray(children).some(
-    (child) => React17__namespace.default.isValidElement(child) && components.includes(child.type)
+  return React19__namespace.default.Children.toArray(children).some(
+    (child) => React19__namespace.default.isValidElement(child) && components.includes(child.type)
   );
 }
 function findCompoundChild(children, component) {
-  return React17__namespace.default.Children.toArray(children).find(
-    (child) => React17__namespace.default.isValidElement(child) && child.type === component
+  return React19__namespace.default.Children.toArray(children).find(
+    (child) => React19__namespace.default.isValidElement(child) && child.type === component
   );
 }
 function filterCompoundChildren(children, ...components) {
-  return React17__namespace.default.Children.toArray(children).filter(
-    (child) => React17__namespace.default.isValidElement(child) && components.includes(child.type)
+  return React19__namespace.default.Children.toArray(children).filter(
+    (child) => React19__namespace.default.isValidElement(child) && components.includes(child.type)
   );
 }
 var DEFAULT_MAX_FILE_SIZE2 = 5 * 1024 * 1024;
@@ -5547,12 +5868,12 @@ function ChatComponent({
 }) {
   const userAvatar = { fallback: "U", ...userAvatarProp };
   const assistantAvatar = { fallback: "AI", ...assistantAvatarProp };
-  const [input, setInput] = React17.useState("");
-  const [pendingAttachments, setPendingAttachments] = React17.useState([]);
-  const [isDragging, setIsDragging] = React17.useState(false);
-  const fileInputRef = React17.useRef(null);
-  const fileInputId = React17.useId();
-  const isFileTypeAllowed = React17.useCallback(
+  const [input, setInput] = React19.useState("");
+  const [pendingAttachments, setPendingAttachments] = React19.useState([]);
+  const [isDragging, setIsDragging] = React19.useState(false);
+  const fileInputRef = React19.useRef(null);
+  const fileInputId = React19.useId();
+  const isFileTypeAllowed = React19.useCallback(
     (file) => {
       for (const type of allowedFileTypes) {
         if (type.endsWith("/*")) {
@@ -5566,7 +5887,7 @@ function ChatComponent({
     },
     [allowedFileTypes]
   );
-  const handleFileSelect = React17.useCallback(
+  const handleFileSelect = React19.useCallback(
     async (files) => {
       if (!files || !attachmentsEnabled) return;
       for (const file of Array.from(files)) {
@@ -5629,7 +5950,7 @@ function ChatComponent({
     },
     [attachmentsEnabled, maxFileSize, isFileTypeAllowed, processAttachmentProp]
   );
-  const handleInputChange = React17.useCallback(
+  const handleInputChange = React19.useCallback(
     (e) => {
       handleFileSelect(e.target.files);
       if (fileInputRef.current) {
@@ -5638,7 +5959,7 @@ function ChatComponent({
     },
     [handleFileSelect]
   );
-  const removePendingAttachment = React17.useCallback((id) => {
+  const removePendingAttachment = React19.useCallback((id) => {
     setPendingAttachments((prev) => {
       const att = prev.find((a) => a.id === id);
       if (att) {
@@ -5647,7 +5968,7 @@ function ChatComponent({
       return prev.filter((a) => a.id !== id);
     });
   }, []);
-  const handleDragOver = React17.useCallback(
+  const handleDragOver = React19.useCallback(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -5657,12 +5978,12 @@ function ChatComponent({
     },
     [attachmentsEnabled]
   );
-  const handleDragLeave = React17.useCallback((e) => {
+  const handleDragLeave = React19.useCallback((e) => {
     e.preventDefault();
     e.stopPropagation();
     setIsDragging(false);
   }, []);
-  const handleDrop = React17.useCallback(
+  const handleDrop = React19.useCallback(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -5673,7 +5994,7 @@ function ChatComponent({
     },
     [attachmentsEnabled, handleFileSelect]
   );
-  const handleSubmit = React17.useCallback(() => {
+  const handleSubmit = React19.useCallback(() => {
     const hasContent = input.trim();
     const hasAttachments = pendingAttachments.some(
       (att) => att.status === "ready"
@@ -5685,7 +6006,7 @@ function ChatComponent({
     setPendingAttachments([]);
     setInput("");
   }, [input, isLoading, onSendMessage, pendingAttachments]);
-  const handleSuggestionClick = React17.useCallback(
+  const handleSuggestionClick = React19.useCallback(
     (suggestion) => {
       if (onSuggestionClick) {
         onSuggestionClick(suggestion);
@@ -5712,13 +6033,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 = React17.useCallback(
+  const send = React19.useCallback(
     (message, attachments) => {
       onSendMessage?.(message, attachments);
     },
     [onSendMessage]
   );
-  const contextValue = React17__namespace.default.useMemo(
+  const contextValue = React19__namespace.default.useMemo(
     () => ({
       view,
       send,
@@ -5726,6 +6047,9 @@ function ChatComponent({
       onStop,
       attachmentsEnabled,
       placeholder,
+      // Messages for Chat.MessageList primitive
+      messages,
+      registeredTools,
       // Thread management - passed from connected-chat
       onNewChat,
       threads,
@@ -5741,6 +6065,8 @@ function ChatComponent({
       onStop,
       attachmentsEnabled,
       placeholder,
+      messages,
+      registeredTools,
       onNewChat,
       threads,
       currentThreadId,
@@ -5749,7 +6075,7 @@ function ChatComponent({
       isThreadBusy
     ]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(CopilotChatContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx(MessageActionsProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(CopilotChatContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       className: cn(
@@ -5849,7 +6175,10 @@ function ChatComponent({
                           }
                           const savedExecutions = message.metadata?.toolExecutions;
                           const messageToolExecutions = message.toolExecutions || savedExecutions;
-                          const messageWithExecutions = messageToolExecutions ? { ...message, toolExecutions: messageToolExecutions } : message;
+                          const messageWithExecutions = messageToolExecutions ? {
+                            ...message,
+                            toolExecutions: messageToolExecutions
+                          } : message;
                           const handleFollowUpClick = (question) => {
                             if (onSuggestionClick) {
                               onSuggestionClick(question);
@@ -5857,7 +6186,7 @@ function ChatComponent({
                               onSendMessage?.(question);
                             }
                           };
-                          return renderMessage ? /* @__PURE__ */ jsxRuntime.jsx(React17__namespace.default.Fragment, { children: renderMessage(messageWithExecutions, index) }, message.id) : /* @__PURE__ */ jsxRuntime.jsx(
+                          return renderMessage ? /* @__PURE__ */ jsxRuntime.jsx(React19__namespace.default.Fragment, { children: renderMessage(messageWithExecutions, index) }, message.id) : /* @__PURE__ */ jsxRuntime.jsx(
                             DefaultMessage,
                             {
                               message: messageWithExecutions,
@@ -6040,7 +6369,7 @@ function ChatComponent({
         rootFooter
       ]
     }
-  ) });
+  ) }) });
 }
 var Chat = Object.assign(ChatComponent, {
   Root: ChatComponent,
@@ -6056,9 +6385,34 @@ var Chat = Object.assign(ChatComponent, {
   Suggestions: SuggestionsCompound,
   BackButton,
   // Navigation: start new chat
-  ThreadPicker: ThreadPickerCompound
+  ThreadPicker: ThreadPickerCompound,
   // Thread switching
+  // Message actions compound components
+  MessageActions: MessageActions2,
+  CopyAction,
+  EditAction,
+  FeedbackAction,
+  Action
 });
+function MessageList({ children, className }) {
+  const { messages, registeredTools } = useCopilotChatContext();
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: messages.map((message, index) => {
+    if (children) {
+      return /* @__PURE__ */ jsxRuntime.jsx(React19__namespace.Fragment, { children: children(message, index) }, message.id);
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      DefaultMessage,
+      {
+        message,
+        userAvatar: { fallback: "U" },
+        assistantAvatar: { fallback: "AI" },
+        registeredTools,
+        isLastMessage: index === messages.length - 1
+      },
+      message.id
+    );
+  }) });
+}
 function ToolExecutionMessage({
   executions,
   assistantAvatar = { fallback: "AI" },
@@ -6202,7 +6556,8 @@ function useInternalThreadManager(config = {}) {
     adapter,
     saveDebounce = 1e3,
     autoRestoreLastThread = true,
-    onThreadChange
+    onThreadChange,
+    enabled = true
   } = config;
   const threadManagerConfig = {
     adapter,
@@ -6220,17 +6575,17 @@ function useInternalThreadManager(config = {}) {
     refreshThreads
   } = threadManager;
   const { messages, setMessages, status, isLoading, getAllMessages } = chunkTCPAT3WG_cjs.useCopilot();
-  const isLoadingMessagesRef = React17.useRef(false);
-  const savingToThreadRef = React17.useRef(null);
-  const lastSavedSnapshotRef = React17.useRef("");
-  const hasInitializedRef = React17.useRef(false);
-  const getMessageSnapshot = React17.useCallback((msgs) => {
+  const isLoadingMessagesRef = React19.useRef(false);
+  const savingToThreadRef = React19.useRef(null);
+  const lastSavedSnapshotRef = React19.useRef("");
+  const hasInitializedRef = React19.useRef(false);
+  const getMessageSnapshot = React19.useCallback((msgs) => {
     return msgs.map((m) => {
       const contentPreview = (m.content ?? "").slice(0, 20);
       return `${m.id}:${contentPreview}:${m.content?.length ?? 0}`;
     }).join("|");
   }, []);
-  const convertToCore = React17.useCallback((msgs) => {
+  const convertToCore = React19.useCallback((msgs) => {
     return msgs.map((m) => ({
       id: m.id,
       role: m.role,
@@ -6248,7 +6603,7 @@ function useInternalThreadManager(config = {}) {
       }
     }));
   }, []);
-  const handleSwitchThread = React17.useCallback(
+  const handleSwitchThread = React19.useCallback(
     async (threadId) => {
       isLoadingMessagesRef.current = true;
       const thread = await switchThread(threadId);
@@ -6279,7 +6634,7 @@ function useInternalThreadManager(config = {}) {
     },
     [switchThread, setMessages, getMessageSnapshot, onThreadChange]
   );
-  const handleNewThread = React17.useCallback(async () => {
+  const handleNewThread = React19.useCallback(async () => {
     isLoadingMessagesRef.current = true;
     clearCurrentThread();
     lastSavedSnapshotRef.current = "";
@@ -6290,7 +6645,8 @@ function useInternalThreadManager(config = {}) {
       isLoadingMessagesRef.current = false;
     });
   }, [clearCurrentThread, setMessages, onThreadChange]);
-  React17.useEffect(() => {
+  React19.useEffect(() => {
+    if (!enabled) return;
     if (hasInitializedRef.current || !currentThread) {
       return;
     }
@@ -6322,8 +6678,9 @@ function useInternalThreadManager(config = {}) {
     requestAnimationFrame(() => {
       isLoadingMessagesRef.current = false;
     });
-  }, [adapter, currentThread, setMessages, getMessageSnapshot, onThreadChange]);
-  React17.useEffect(() => {
+  }, [enabled, adapter, currentThread, setMessages, getMessageSnapshot, onThreadChange]);
+  React19.useEffect(() => {
+    if (!enabled) return;
     if (isLoadingMessagesRef.current) {
       return;
     }
@@ -6356,6 +6713,7 @@ function useInternalThreadManager(config = {}) {
     updateCurrentThread({ messages: coreMessages });
     lastSavedSnapshotRef.current = currentSnapshot;
   }, [
+    enabled,
     adapter,
     messages,
     currentThreadId,
@@ -6434,7 +6792,7 @@ function CopilotChatBase(props) {
   } = props;
   const persistenceConfig = parsePersistenceConfig(persistence, onThreadChange);
   const threadManagerResult = useInternalThreadManager(
-    persistenceConfig ?? { autoRestoreLastThread: false }
+    persistenceConfig ?? { autoRestoreLastThread: false, enabled: false }
   );
   const isPersistenceEnabled = !!persistence;
   const {
@@ -6603,7 +6961,7 @@ function CopilotChatBase(props) {
     footer: classNames.footer
   } : void 0;
   const { threadManager, handleSwitchThread, handleNewThread, isBusy } = threadManagerResult;
-  const handleDeleteThread = React17__namespace.default.useCallback(
+  const handleDeleteThread = React19__namespace.default.useCallback(
     (threadId) => {
       const isCurrentThread = threadManager.currentThreadId === threadId;
       threadManager.deleteThread(threadId);
@@ -6731,6 +7089,38 @@ function PoweredBy({ className, showLogo = true }) {
   );
 }
 
+// src/ui/index.ts
+var ChatPrimitives = {
+  // ── List ──────────────────────────────────────────────
+  /** Renders the message list via render-prop. Falls back to DefaultMessage if no children. */
+  MessageList,
+  // ── Messages ──────────────────────────────────────────
+  /** Full SDK message bubble (user + assistant + tools). Use as fallback inside MessageList. */
+  DefaultMessage,
+  /** Low-level message row wrapper (flex layout + avatar slot) */
+  Message,
+  /** Message avatar — image with fallback text/icon */
+  MessageAvatar,
+  /** Message content bubble — supports markdown */
+  MessageContent,
+  /** Action bar below a message (copy, feedback, etc.) */
+  MessageActions,
+  /** Single action button with tooltip inside MessageActions */
+  MessageAction,
+  // ── Layout ────────────────────────────────────────────
+  /** Chat header bar with title and controls */
+  Header: ChatHeader,
+  /** Welcome screen shown when there are no messages */
+  Welcome: ChatWelcome,
+  /** Chat input / composer */
+  Input: PromptInput,
+  /** Scroll anchor — keeps the view pinned to the latest message */
+  ScrollAnchor: ChatContainerScrollAnchor,
+  // ── Indicators ────────────────────────────────────────
+  /** Loading / streaming indicator (dots, wave, typing variants) */
+  Loader
+};
+
 exports.AlertTriangleIcon = AlertTriangleIcon;
 exports.BotIcon = BotIcon;
 exports.BranchNavigator = BranchNavigator;
@@ -6741,6 +7131,7 @@ exports.Chat = Chat;
 exports.ChatContainerContent = ChatContainerContent;
 exports.ChatContainerRoot = ChatContainerRoot;
 exports.ChatContainerScrollAnchor = ChatContainerScrollAnchor;
+exports.ChatPrimitives = ChatPrimitives;
 exports.ChatWelcome = ChatWelcome;
 exports.CheckIcon = CheckIcon;
 exports.ChevronDownIcon = ChevronDownIcon2;