docs: share page task tool

1 files changed, 27 insertions, 1 deletions

diff --git a/packages/web/src/components/share/part.module.css b/packages/web/src/components/share/part.module.css
index 5ffb83f6b..17018fa02 100644
--- a/packages/web/src/components/share/part.module.css
+++ b/packages/web/src/components/share/part.module.css
@@ -103,7 +103,7 @@
   [data-component="content"] {
     flex: 1 1 auto;
     min-width: 0;
-    padding: 0 0 0.375rem;
+    padding: 0 0 1rem;
     display: flex;
     flex-direction: column;
     gap: 1rem;
@@ -135,6 +135,14 @@
     gap: 1rem;
     flex-grow: 1;
     max-width: var(--md-tool-width);
+
+    & > [data-component="assistant-text-markdown"] {
+      align-self: flex-start;
+      font-size: 0.875rem;
+      border: 1px solid var(--sl-color-blue-high);
+      padding: 0.5rem calc(0.5rem + 3px);
+      border-radius: 0.25rem;
+    }
   }
 
   [data-component="step-start"] {
@@ -239,6 +247,24 @@
         max-width: var(--lg-tool-width);
       }
     }
+    &[data-tool="task"] {
+      [data-component="tool-input"] {
+        font-size: 0.75rem;
+        line-height: 1.5;
+        max-width: var(--sm-tool-width);
+        display: -webkit-box;
+        -webkit-line-clamp: 3;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+      }
+      [data-component="tool-output"] {
+        max-width: var(--sm-tool-width);
+        font-size: 0.75rem;
+        border: 1px solid var(--sl-color-divider);
+        padding: 0.5rem calc(0.5rem + 3px);
+        border-radius: 0.25rem;
+      }
+    }
   }
 
   [data-component="tool-title"] {