From 96bdeb3c7b04e95ecabaa0253deddd2a22e14afe Mon Sep 17 00:00:00 2001
From: Dax <mail@thdxr.com>
Date: Fri, 31 Oct 2025 15:07:36 -0400
Subject: OpenTUI is here (#2685)

---
 packages/web/src/components/share/content-diff.tsx | 5 ++++-
 packages/web/src/components/share/part.tsx         | 6 ++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

(limited to 'packages/web/src')

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>
-- 
cgit v1.2.3