Merge pull request #712 from rowboatlabs/fix/side-pane-copy-button

Fix: copy button missing on side-pane chat messages

apps/x/apps/renderer/src/components/chat-sidebar.tsx

@@ -21,6 +21,7 @@ import {
 import {
   Message,
   MessageContent,
+  MessageCopyButton,
   MessageResponse,
 } from '@/components/ai-elements/message'
 import { TurnActivityIndicator } from '@/components/turn-activity-indicator'
@@ -416,6 +417,7 @@ export function ChatSidebar({
                 <ChatMessageAttachments attachments={item.attachments} />
               </MessageContent>
               {item.content && (
+                <div className="flex flex-col items-end">
                   <MessageContent>
                     <MessageResponse
                       components={streamdownComponents}
@@ -424,6 +426,8 @@ export function ChatSidebar({
                       {item.content}
                     </MessageResponse>
                   </MessageContent>
+                  <MessageCopyButton text={item.content} className="mt-0.5" />
+                </div>
               )}
             </Message>
           )
@@ -431,6 +435,7 @@ export function ChatSidebar({
         const { message, files } = parseAttachedFiles(item.content)
         return (
           <Message key={item.id} from={item.role} data-message-id={item.id}>
+            <div className="flex flex-col items-end">
               <MessageContent>
                 {files.length > 0 && (
                   <div className="mb-2 flex flex-wrap gap-1.5">
@@ -451,6 +456,8 @@ export function ChatSidebar({
                   {message}
                 </MessageResponse>
               </MessageContent>
+              <MessageCopyButton text={message} className="mt-0.5" />
+            </div>
           </Message>
         )
       }