From a43f9b45ae85caf37e0be8270ad3d27365ece2bd Mon Sep 17 00:00:00 2001
From: Bilal Bakr <62337003+Bil0000@users.noreply.github.com>
Date: Sat, 12 Sep 2026 21:02:13 +0300
Subject: [PATCH] fix(web): preserve snapshot preview size in sent messages
 (#11429)

Co-authored-by: Illia Panasenko <hello@ipanasenko.me>
Co-authored-by: Julius Marminge <julius0216@outlook.com>
---
 apps/web/src/components/chat/MessagesTimeline.test.tsx | 1 -
 apps/web/src/components/chat/MessagesTimeline.tsx      | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/apps/web/src/components/chat/MessagesTimeline.test.tsx b/apps/web/src/components/chat/MessagesTimeline.test.tsx
index b94b732195063ece355142066e8e395c004f5ce6..d9240b21a13362e0fafb652194f81aa9f0157b32 100644
--- a/apps/web/src/components/chat/MessagesTimeline.test.tsx
+++ b/apps/web/src/components/chat/MessagesTimeline.test.tsx
@@ -700,7 +700,6 @@ describe("MessagesTimeline", () => {
     expect(markup).toContain("t3code — Tests");
     expect(markup).toContain('src="data:image/png;base64,aWNvbg=="');
     expect(markup).toContain("h-28 w-52 max-w-full");
-    expect(markup).not.toContain("col-span-2");
     expect(onAnchorReady).toHaveBeenCalledOnce();
     expect(onAnchorReady).toHaveBeenCalledWith(firstEntry.message.id, 0);
   });
diff --git a/apps/web/src/components/chat/MessagesTimeline.tsx b/apps/web/src/components/chat/MessagesTimeline.tsx
index 14cfadac3a8a92174836fc25e7dcfe27bf385116..da0fc52059e7c748ed7c6a13ee3f5b4f9bb53fa5 100644
--- a/apps/web/src/components/chat/MessagesTimeline.tsx
+++ b/apps/web/src/components/chat/MessagesTimeline.tsx
@@ -1569,7 +1569,7 @@ function UserTimelineRow({ row }: { row: Extract<TimelineRow, { kind: "message"
                 className={cn(
                   "bg-background/70",
                   image.source?.kind === "snap-shot" && image.previewUrl
-                    ? SNAP_SHOT_ATTACHMENT_FRAME_CLASS
+                    ? cn(SNAP_SHOT_ATTACHMENT_FRAME_CLASS, "col-span-2")
                     : "aspect-[4/3] overflow-hidden rounded-lg border border-border/80",
                 )}
               >
-- 
2.54.0