From 23e9d82046ed82ada238a0d8e7f8ece651d1d246 Mon Sep 17 00:00:00 2001
From: Mikyo King <mikyo@arize.com>
Date: Mon, 14 Oct 2024 13:57:08 -0600
Subject: [PATCH] feat(playground): copy messages to clipboard (#5000)

---
 app/src/pages/playground/PlaygroundChatTemplate.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/app/src/pages/playground/PlaygroundChatTemplate.tsx b/app/src/pages/playground/PlaygroundChatTemplate.tsx
index 39755e7e94..c99b7c0c60 100644
--- a/app/src/pages/playground/PlaygroundChatTemplate.tsx
+++ b/app/src/pages/playground/PlaygroundChatTemplate.tsx
@@ -17,6 +17,7 @@ import { css } from "@emotion/react";
 
 import { Button, Card, Flex, Icon, Icons, View } from "@arizeai/components";
 
+import { CopyToClipboardButton } from "@phoenix/components";
 import { DragHandle } from "@phoenix/components/dnd/DragHandle";
 import {
   TemplateEditor,
@@ -214,6 +215,7 @@ function SortableMessageItem({
         }
         extra={
           <Flex direction="row" gap="size-100">
+            <CopyToClipboardButton text={message.content} />
             <Button
               aria-label="Delete message"
               icon={<Icon svg={<Icons.TrashOutline />} />}