share page markdown

packages/web/src/components/share.module.css

@@ -351,6 +351,7 @@
     }
   }
 
+  [data-part-type="tool-write"],
   [data-part-type="tool-read"],
   [data-part-type="tool-fetch"] {
     [data-part-tool-result] {
@@ -534,6 +535,36 @@
   }
 }
 
+.message-markdown {
+  background-color: var(--sl-color-bg-surface);
+  padding: 0.5rem calc(0.5rem + 3px);
+  border-radius: 0.25rem;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 1rem;
+
+  button {
+    flex: 0 0 auto;
+    padding: 2px 0;
+    font-size: 0.75rem;
+  }
+
+  &[data-expanded="true"] {
+    [data-elment-markdown] {
+      display: block;
+    }
+  }
+  &[data-expanded="false"] {
+    [data-elment-markdown] {
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 3;
+      overflow: hidden;
+    }
+  }
+}
+
 .diff-code-block {
   pre {
     line-height: 1.25;