OpenTUI is here (#2685)

2 files changed, 10 insertions, 1 deletions

diff --git a/packages/web/src/components/share/content-diff.tsx b/packages/web/src/components/share/content-diff.tsx
index 45249e0cd..9ccd554d0 100644
--- a/packages/web/src/components/share/content-diff.tsx
+++ b/packages/web/src/components/share/content-diff.tsx
@@ -110,7 +110,10 @@ export function ContentDiff(props: Props) {
   })
 
   const mobileRows = createMemo(() => {
-    const mobileBlocks: { type: "removed" | "added" | "unchanged"; lines: string[] }[] = []
+    const mobileBlocks: {
+      type: "removed" | "added" | "unchanged"
+      lines: string[]
+    }[] = []
     const currentRows = rows()
 
     let i = 0
diff --git a/packages/web/src/components/share/part.tsx b/packages/web/src/components/share/part.tsx
index ddef206ba..f7a6a9304 100644
--- a/packages/web/src/components/share/part.tsx
+++ b/packages/web/src/components/share/part.tsx
@@ -174,6 +174,12 @@ export function Part(props: PartProps) {
             <div data-slot="filename">{props.part.filename}</div>
           </div>
         )}
+        {props.message.role === "user" && props.part.type === "file" && (
+          <div data-component="attachment">
+            <div data-slot="copy">Attachment</div>
+            <div data-slot="filename">{props.part.filename}</div>
+          </div>
+        )}
         {props.part.type === "step-start" && props.message.role === "assistant" && (
           <div data-component="step-start">
             <div data-slot="provider">{props.message.providerID}</div>