feat(app): copy buttons for assistant messages and code blocks

2026-01-22 06:29:33 -06:00
parent 4ca088ed12
commit fb007d6bab
8 changed files with 282 additions and 9 deletions
--- a/packages/ui/src/components/message-part.css
+++ b/packages/ui/src/components/message-part.css
@@ -106,8 +106,26 @@
 [data-component="text-part"] {
  width: 100%;

-  [data-component="markdown"] {
+  [data-slot="text-part-body"] {
+    position: relative;
    margin-top: 32px;
+  }
+
+  [data-slot="text-part-copy-wrapper"] {
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    opacity: 0;
+    transition: opacity 0.15s ease;
+    z-index: 1;
+  }
+
+  [data-slot="text-part-body"]:hover [data-slot="text-part-copy-wrapper"] {
+    opacity: 1;
+  }
+
+  [data-component="markdown"] {
+    margin-top: 0;
    font-size: var(--font-size-base);
  }
 }