Add copy to clipboard full response functionality in AssistantMessage…

[cellamo]

This PR adds a copy button to chat messages, matching the existing code block copy functionality in Cody. The button uses the same icon and styling as code blocks for visual consistency across the interface.

Changes

• Added copy button to AssistantMessageCell.tsx
• Imported and used existing CopyCodeBlockIcon for visual consistency
• Implemented direct clipboard copy using navigator.clipboard.writeText
• Maintained existing telemetry through copyButtonOnSubmit

Test Plan

Manual Testing

1. Verified copy button appears alongside feedback buttons in chat messages
2. Tested copy functionality:
   • Clicking button copies message text to clipboard
   • Verified paste works in different applications
3. Visual consistency:
   • Button uses same CopyCodeBlockIcon as code blocks
   • Matches existing Cody design system

Screenshots

[PriNova]

Current implementation uses dangerouslySetInnerHTML to render an SVG icon from a string.

1. dangerouslySetInnerHTML is generally discouraged due to security risks (XSS vulnerabilities)
2. You can convert this to a proper React component instead

[PriNova]

Try this

Suggested change

	{showFeedbackButtons && feedbackButtonsOnSubmit && (
	{showFeedbackButtons && feedbackButtonsOnSubmit && (
	<div className="tw-flex tw-items-center">
	<FeedbackButtons
	feedbackButtonsOnSubmit={feedbackButtonsOnSubmit}
	className="tw-pr-4"
	/>
	<div className="tw-pl-4">
	<button
	type="button"
	className="tw-flex tw-items-center tw-gap-2 tw-text-sm tw-text-muted-foreground hover:tw-text-foreground"
	onClick={() => {
	navigator.clipboard.writeText(
	message.text?.toString() || ''
	)
	copyButtonOnSubmit?.(message.text?.toString() || '')
	}}
	>
	<CopyIcon />
	</button>
	</div>
	</div>

and this:

const CopyIcon: React.FC<{ className?: string }> = ({ className }) => (
    <svg
        role="img"
        height={16}
        width={16}
        viewBox="0 0 16 16"
        fill="currentColor"
        className={className}
        aria-label="Copy icon"
    >
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M4 4l1-1h5.414L14 6.586V14l-1 1H5l-1-1V4zm9 3l-3-3H5v10h8V7z"
        />
        <path fillRule="evenodd" clipRule="evenodd" d="M3 1L2 2v10l1 1V2h6.414l-1-1H3z" />
    </svg>
)

For a quick solution as baseline

[PriNova]

The CopyButton is only shown for the very last human message.
Leave it as it is if this behavior is intented.

If you want to show the copy button on every human message in the chat, refactor to that:

Suggested change

	{showFeedbackButtons && feedbackButtonsOnSubmit && (
	{showFeedbackButtons && feedbackButtonsOnSubmit && (
	<div className="tw-flex tw-items-center">
	<FeedbackButtons
	feedbackButtonsOnSubmit={feedbackButtonsOnSubmit}
	className="tw-pr-4"
	/>
	</div>
	)}
	<div className="tw-pl-4">
	<button
	type="button"
	className="tw-flex tw-items-center tw-gap-2 tw-text-sm tw-text-muted-foreground hover:tw-text-foreground"
	onClick={() => {
	navigator.clipboard.writeText(message.text?.toString() || '')
	copyButtonOnSubmit?.(message.text?.toString() || '')
	}}
	title="Copy message to clipboard"
	>
	<CopyIcon />
	</button>
	</div>
	{!isLoading && (!message.error || isAborted) && (
	<ContextFocusActions
	humanMessage={humanMessage}
	longResponseTime={hasLongerResponseTime}
	className="tw-pl-5"
	/>
	)}

[cellamo]

Thank you for the detailed feedback and guidance! Trying my best to become a contributor to my favorite and most used tool.

[PriNova]

LGTM