From 87cf08a9e797958fc54505448b408893f38f2815 Mon Sep 17 00:00:00 2001
From: Aiden Cline <63023139+rekram1-node@users.noreply.github.com>
Date: Wed, 27 Aug 2025 18:14:27 -0500
Subject: docs: add copy button to user messages too (#2285)

---
 packages/web/src/components/share/content-text.tsx       | 2 ++
 packages/web/src/components/share/copy-button.module.css | 1 -
 packages/web/src/components/share/part.module.css        | 6 ++++++
 3 files changed, 8 insertions(+), 1 deletion(-)

(limited to 'packages/web/src/components/share')

diff --git a/packages/web/src/components/share/content-text.tsx b/packages/web/src/components/share/content-text.tsx
index c52e0dfcc..5db12a537 100644
--- a/packages/web/src/components/share/content-text.tsx
+++ b/packages/web/src/components/share/content-text.tsx
@@ -1,6 +1,7 @@
 import style from "./content-text.module.css"
 import { createSignal } from "solid-js"
 import { createOverflow } from "./common"
+import { CopyButton } from "./copy-button"
 
 interface Props {
   text: string
@@ -30,6 +31,7 @@ export function ContentText(props: Props) {
           {expanded() ? "Show less" : "Show more"}
         </button>
       )}
+      <CopyButton text={props.text} />
     </div>
   )
 }
diff --git a/packages/web/src/components/share/copy-button.module.css b/packages/web/src/components/share/copy-button.module.css
index 9da67a1ba..31013fc08 100644
--- a/packages/web/src/components/share/copy-button.module.css
+++ b/packages/web/src/components/share/copy-button.module.css
@@ -9,7 +9,6 @@
     background: none;
     border: none;
     padding: 0.125rem;
-    background-color: var(--sl-color-bg);
     color: var(--sl-color-text-secondary);
 
     svg {
diff --git a/packages/web/src/components/share/part.module.css b/packages/web/src/components/share/part.module.css
index 85c3cc9b9..45310a0b2 100644
--- a/packages/web/src/components/share/part.module.css
+++ b/packages/web/src/components/share/part.module.css
@@ -126,6 +126,12 @@
     gap: 1rem;
     flex-grow: 1;
     max-width: var(--md-tool-width);
+    position: relative;
+
+    [data-component="copy-button"] {
+      top: 0.5rem;
+      right: calc(0.5rem - 1px);
+    }
   }
 
   [data-component="assistant-reasoning"] {
-- 
cgit v1.2.3