From 036dc31758557798867a825865a090f84930d5ab Mon Sep 17 00:00:00 2001
From: flamboh <oliver.boorstein@gmail.com>
Date: Wed, 28 Oct 2026 01:54:05 +0000
Subject: [PATCH 1/2] fix(web): image and file chips underline their name on
 hover again

---
 apps/web/src/components/contextChipParts.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/contextChipParts.tsx b/apps/web/src/components/contextChipParts.tsx
index b510c1275ee84..a4b419a7cee70 100644
--- a/apps/web/src/components/contextChipParts.tsx
+++ b/apps/web/src/components/contextChipParts.tsx
@@ -167,7 +167,9 @@ export function ImageChipButton({
         <ImageIcon />
       )}
       <ContextChipLabel className="flex items-baseline gap-[0.33em]">
-        <span className="max-w-72 truncate">{middleTruncateAttachmentName(name)}</span>
+        <span className="max-w-72 overflow-x-clip text-ellipsis whitespace-nowrap">
+          {middleTruncateAttachmentName(name)}
+        </span>
         <span className="shrink-0 text-3xs text-current">{size}</span>
         {suffix ? <span className="text-3xs text-current">{suffix}</span> : null}
       </ContextChipLabel>
@@ -314,7 +316,9 @@ function FileChipContent(props: {
         <PierreEntryIcon pathValue={props.name} kind="file" theme={props.theme} />
       )}
       <ContextChipLabel className="flex items-baseline gap-[0.33em]">
-        <span className="max-w-72 truncate">{middleTruncateAttachmentName(props.name)}</span>
+        <span className="max-w-72 overflow-x-clip text-ellipsis whitespace-nowrap">
+          {middleTruncateAttachmentName(props.name)}
+        </span>
         <span className="shrink-0 text-3xs text-current">{props.size}</span>
         {props.suffix ? <span className="text-3xs text-current">{props.suffix}</span> : null}
       </ContextChipLabel>

From b7d8fd84e6ebf422c36b9eb782629bd560c65339 Mon Sep 17 00:00:00 2001
From: flamboh <oliver.boorstein@gmail.com>
Date: Wed, 28 Oct 2026 02:12:40 +0000
Subject: [PATCH 2/2] fix(web): image and file chip names shrink in narrow
 chats

---
 apps/web/src/components/contextChipParts.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/contextChipParts.tsx b/apps/web/src/components/contextChipParts.tsx
index a4b419a7cee70..a1112d037d908 100644
--- a/apps/web/src/components/contextChipParts.tsx
+++ b/apps/web/src/components/contextChipParts.tsx
@@ -167,7 +167,7 @@ export function ImageChipButton({
         <ImageIcon />
       )}
       <ContextChipLabel className="flex items-baseline gap-[0.33em]">
-        <span className="max-w-72 overflow-x-clip text-ellipsis whitespace-nowrap">
+        <span className="min-w-0 max-w-72 overflow-x-clip text-ellipsis whitespace-nowrap">
           {middleTruncateAttachmentName(name)}
         </span>
         <span className="shrink-0 text-3xs text-current">{size}</span>
@@ -316,7 +316,7 @@ function FileChipContent(props: {
         <PierreEntryIcon pathValue={props.name} kind="file" theme={props.theme} />
       )}
       <ContextChipLabel className="flex items-baseline gap-[0.33em]">
-        <span className="max-w-72 overflow-x-clip text-ellipsis whitespace-nowrap">
+        <span className="min-w-0 max-w-72 overflow-x-clip text-ellipsis whitespace-nowrap">
           {middleTruncateAttachmentName(props.name)}
         </span>
         <span className="shrink-0 text-3xs text-current">{props.size}</span>