@yourgpt/copilot-sdk 2.1.8 → 2.5.1-beta.0

package/dist/ui/index.d.cts

@@ -1709,6 +1709,11 @@ type ChatProps = {
         suggestions?: string;
         footer?: string;
     };
+    /**
+     * Show a copy-to-clipboard button below assistant messages on hover.
+     * @default false
+     */
+    allowToCopyMessage?: boolean;
     /**
      * Configuration for displaying citations from web search results.
      * Set to `false` to disable, or pass config object to customize.
@@ -1924,7 +1929,7 @@ declare function BackButton({ className, children, disabled, "aria-label": ariaL
  */
 type ThreadPickerCompoundProps = Omit<ThreadPickerProps, "value" | "threads" | "onSelect" | "onNewThread" | "onDeleteThread" | "disabled">;
 declare function ThreadPickerCompound(props: ThreadPickerCompoundProps): react_jsx_runtime.JSX.Element | null;
-declare function ChatComponent({ messages, onSendMessage, onStop, isLoading, error, children, placeholder, welcomeMessage, title, showHeader, header, threadPicker, logo, name, onClose, showPoweredBy, showUserAvatar, userAvatar: userAvatarProp, assistantAvatar: assistantAvatarProp, loaderVariant, fontSize, maxFileSize, allowedFileTypes, attachmentsEnabled, attachmentsDisabledTooltip, upload: uploadProp, processAttachment: deprecatedProcessAttachment, suggestions, onSuggestionClick, welcome, recentThreads, onSelectThread, onDeleteThread, onViewMoreThreads, isProcessing, registeredTools, toolRenderers, mcpToolRenderer, fallbackToolRenderer, onApproveToolExecution, onRejectToolExecution, showFollowUps, followUpClassName, followUpButtonClassName, citations, messageView, renderMessage, wrapMessage, renderInput, renderHeader, groupConsecutiveMessages, className, classNames, onNewChat, threads, currentThreadId, onSwitchThread, isThreadBusy, getBranchInfo, onSwitchBranch, onEditMessage, }: ChatProps): react_jsx_runtime.JSX.Element;
+declare function ChatComponent({ messages, onSendMessage, onStop, isLoading, error, children, placeholder, welcomeMessage, title, showHeader, header, threadPicker, logo, name, onClose, showPoweredBy, showUserAvatar, userAvatar: userAvatarProp, assistantAvatar: assistantAvatarProp, loaderVariant, fontSize, maxFileSize, allowedFileTypes, attachmentsEnabled, attachmentsDisabledTooltip, upload: uploadProp, processAttachment: deprecatedProcessAttachment, suggestions, onSuggestionClick, welcome, recentThreads, onSelectThread, onDeleteThread, onViewMoreThreads, isProcessing, registeredTools, toolRenderers, mcpToolRenderer, fallbackToolRenderer, onApproveToolExecution, onRejectToolExecution, showFollowUps, followUpClassName, followUpButtonClassName, citations, allowToCopyMessage, messageView, renderMessage, wrapMessage, renderInput, renderHeader, groupConsecutiveMessages, className, classNames, onNewChat, threads, currentThreadId, onSwitchThread, isThreadBusy, getBranchInfo, onSwitchBranch, onEditMessage, }: ChatProps): react_jsx_runtime.JSX.Element;
 /**
  * Chat component with compound component pattern.
  *

package/dist/ui/index.d.ts

@@ -1709,6 +1709,11 @@ type ChatProps = {
         suggestions?: string;
         footer?: string;
     };
+    /**
+     * Show a copy-to-clipboard button below assistant messages on hover.
+     * @default false
+     */
+    allowToCopyMessage?: boolean;
     /**
      * Configuration for displaying citations from web search results.
      * Set to `false` to disable, or pass config object to customize.
@@ -1924,7 +1929,7 @@ declare function BackButton({ className, children, disabled, "aria-label": ariaL
  */
 type ThreadPickerCompoundProps = Omit<ThreadPickerProps, "value" | "threads" | "onSelect" | "onNewThread" | "onDeleteThread" | "disabled">;
 declare function ThreadPickerCompound(props: ThreadPickerCompoundProps): react_jsx_runtime.JSX.Element | null;
-declare function ChatComponent({ messages, onSendMessage, onStop, isLoading, error, children, placeholder, welcomeMessage, title, showHeader, header, threadPicker, logo, name, onClose, showPoweredBy, showUserAvatar, userAvatar: userAvatarProp, assistantAvatar: assistantAvatarProp, loaderVariant, fontSize, maxFileSize, allowedFileTypes, attachmentsEnabled, attachmentsDisabledTooltip, upload: uploadProp, processAttachment: deprecatedProcessAttachment, suggestions, onSuggestionClick, welcome, recentThreads, onSelectThread, onDeleteThread, onViewMoreThreads, isProcessing, registeredTools, toolRenderers, mcpToolRenderer, fallbackToolRenderer, onApproveToolExecution, onRejectToolExecution, showFollowUps, followUpClassName, followUpButtonClassName, citations, messageView, renderMessage, wrapMessage, renderInput, renderHeader, groupConsecutiveMessages, className, classNames, onNewChat, threads, currentThreadId, onSwitchThread, isThreadBusy, getBranchInfo, onSwitchBranch, onEditMessage, }: ChatProps): react_jsx_runtime.JSX.Element;
+declare function ChatComponent({ messages, onSendMessage, onStop, isLoading, error, children, placeholder, welcomeMessage, title, showHeader, header, threadPicker, logo, name, onClose, showPoweredBy, showUserAvatar, userAvatar: userAvatarProp, assistantAvatar: assistantAvatarProp, loaderVariant, fontSize, maxFileSize, allowedFileTypes, attachmentsEnabled, attachmentsDisabledTooltip, upload: uploadProp, processAttachment: deprecatedProcessAttachment, suggestions, onSuggestionClick, welcome, recentThreads, onSelectThread, onDeleteThread, onViewMoreThreads, isProcessing, registeredTools, toolRenderers, mcpToolRenderer, fallbackToolRenderer, onApproveToolExecution, onRejectToolExecution, showFollowUps, followUpClassName, followUpButtonClassName, citations, allowToCopyMessage, messageView, renderMessage, wrapMessage, renderInput, renderHeader, groupConsecutiveMessages, className, classNames, onNewChat, threads, currentThreadId, onSwitchThread, isThreadBusy, getBranchInfo, onSwitchBranch, onEditMessage, }: ChatProps): react_jsx_runtime.JSX.Element;
 /**
  * Chat component with compound component pattern.
  *

package/dist/ui/index.js

@@ -1,8 +1,8 @@
-import { useThreadManager } from '../chunk-H3LX6FTP.js';
+import { useThreadManager } from '../chunk-YYLTWY5R.js';
 import { DEFAULT_MCP_UI_SANDBOX, parseMCPUIMessage } from '../chunk-G4SF2PNQ.js';
 import { cn, Loader, TextShimmerLoader } from '../chunk-TXQ37MAO.js';
 export { Loader, cn } from '../chunk-TXQ37MAO.js';
-import { useCopilot } from '../chunk-ISOMZAYN.js';
+import { useCopilot } from '../chunk-JPUKXFR4.js';
 import { createLocalStorageAdapter, createServerAdapter } from '../chunk-J5D3AZF6.js';
 import '../chunk-EWVQWTNV.js';
 import '../chunk-VNLLW3ZI.js';
@@ -4309,7 +4309,8 @@ function FloatingActions({
   message,
   role,
   align = "left",
-  onEdit
+  onEdit,
+  className
 }) {
   const ctx = useMessageActionsContext();
   const [copiedId, setCopiedId] = React19.useState(null);
@@ -4320,9 +4321,10 @@ function FloatingActions({
     "div",
     {
       className: cn(
-        "flex items-center gap-0.5 mt-1",
+        "csdk-message-actions flex items-center gap-0.5",
         "opacity-0 group-hover/message:opacity-100 transition-opacity duration-150",
-        align === "right" ? "justify-end" : "justify-start"
+        align === "right" ? "justify-end" : "justify-start",
+        className
       ),
       children: actions.map((action) => {
         const isHidden = typeof action.hidden === "function" ? action.hidden({ message }) : action.hidden;
@@ -4335,7 +4337,9 @@ function FloatingActions({
             title: action.tooltip,
             "aria-label": action.tooltip,
             className: cn(
-              "flex items-center justify-center size-6 rounded-md",
+              "csdk-message-action-btn",
+              action.id === "copy" && "csdk-copy-btn",
+              "flex items-center justify-center size-6 rounded-md cursor-pointer",
               "text-muted-foreground hover:text-foreground hover:bg-muted",
               "transition-colors",
               action.className
@@ -4725,7 +4729,7 @@ function DefaultMessage({
       ),
       isLastMessage && isProcessing && !completedTools?.length && !pendingApprovalTools?.length ? /* @__PURE__ */ jsx("div", { className: "rounded-lg bg-muted px-4 py-2", children: /* @__PURE__ */ jsx(Loader, { variant: "dots", size: "sm" }) }) : (
         /* Show streaming loader when loading with no content and no tools */
-        isLastMessage && isLoading && !cleanContent?.trim() && !toolsWithCustomRender?.length && !toolsWithoutCustomRender?.length && !pendingApprovalTools?.length ? /* @__PURE__ */ jsx("div", { className: "rounded-lg bg-muted px-4 py-2", children: /* @__PURE__ */ jsx(Loader, { variant: loaderVariant, size: "sm" }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        isLastMessage && isLoading && !cleanContent?.trim() && !toolsWithCustomRender?.length && !toolsWithoutCustomRender?.length && !pendingApprovalTools?.length ? /* @__PURE__ */ jsx("div", { className: "rounded-lg bg-muted px-4 py-2", children: /* @__PURE__ */ jsx(Loader, { variant: loaderVariant, size: "sm" }) }) : /* @__PURE__ */ jsxs("div", { className: "relative", children: [
           cleanContent?.trim() && /* @__PURE__ */ jsx(
             MessageContent,
             {
@@ -4926,7 +4930,15 @@ function DefaultMessage({
               buttonClassName: followUpButtonClassName
             }
           ),
-          /* @__PURE__ */ jsx(FloatingActions, { message, role: "assistant", align: "left" })
+          /* @__PURE__ */ jsx(
+            FloatingActions,
+            {
+              message,
+              role: "assistant",
+              align: "right",
+              className: "absolute bottom-1 right-1"
+            }
+          )
         ] })
       )
     ] })
@@ -5925,6 +5937,8 @@ function ChatComponent({
   followUpButtonClassName,
   // Citations/Sources
   citations,
+  // Message Actions
+  allowToCopyMessage = false,
   // Custom rendering
   messageView,
   renderMessage,
@@ -6227,6 +6241,7 @@ function ChatComponent({
           }
         )),
         rootHeader,
+        allowToCopyMessage && /* @__PURE__ */ jsx(MessageActions2, { role: "assistant", children: /* @__PURE__ */ jsx(CopyAction, {}) }),
         behaviorChildren.length > 0 && behaviorChildren,
         hasCustomLayout && viewChildren,
         showDefaultWelcome ? (