share page fix ai text

3 files changed, 14 insertions, 16 deletions

diff --git a/packages/web/src/components/Share.tsx b/packages/web/src/components/Share.tsx
index ced608187..7fefb2713 100644
--- a/packages/web/src/components/Share.tsx
+++ b/packages/web/src/components/Share.tsx
@@ -150,6 +150,12 @@ function flattenToolArgs(obj: any, prefix: string = ""): Array<[string, any]> {
   return entries
 }
 
+function stripEnclosingTag(text: string): string {
+  const wrappedRe = /^\s*<([A-Za-z]\w*)>\s*([\s\S]*?)\s*<\/\1>\s*$/
+  const match = text.match(wrappedRe)
+  return match ? match[2] : text
+}
+
 function getStatusText(status: [Status, string?]): string {
   switch (status[0]) {
     case "connected":
@@ -745,8 +751,8 @@ export default function Share(props: {
                               </div>
                               <div data-section="content">
                                 <MarkdownPart
-                                  text={part().text}
                                   expand={isLastPart()}
+                                  text={stripEnclosingTag(part().text)}
                                 />
                               </div>
                             </div>
diff --git a/packages/web/src/components/markdownview.module.css b/packages/web/src/components/markdownview.module.css
index 802e7f15e..8b7d02e97 100644
--- a/packages/web/src/components/markdownview.module.css
+++ b/packages/web/src/components/markdownview.module.css
@@ -12,6 +12,11 @@
     margin-bottom: 1rem;
   }
 
+  ul,
+  ol {
+    padding-left: 1.5rem;
+  }
+
   h1,
   h2,
   h3,
diff --git a/packages/web/src/components/share.module.css b/packages/web/src/components/share.module.css
index e64354c99..3644fb7c3 100644
--- a/packages/web/src/components/share.module.css
+++ b/packages/web/src/components/share.module.css
@@ -243,6 +243,7 @@
         font-size: 0.75rem;
 
         b {
+          word-break: break-all;
           font-weight: 500;
         }
 
@@ -317,6 +318,7 @@
   [data-part-type="tool-list"],
   [data-part-type="tool-glob"],
   [data-part-type="tool-read"],
+  [data-part-type="tool-edit"],
   [data-part-type="tool-write"],
   [data-part-type="tool-fetch"] {
     & > [data-section="content"] > [data-part-tool-body] {
@@ -369,21 +371,6 @@
       }
     }
   }
-
-  [data-part-type="tool-edit"] {
-    & > [data-section="content"] > [data-part-tool-body] {
-      gap: 0.5rem;
-    }
-    [data-part-title] {
-      display: flex;
-      align-items: center;
-      gap: 0.5rem;
-
-      b {
-        color: var(--sl-color-text);
-      }
-    }
-  }
 }
 
 .message-text {