From 3990447c2bf8675620f3d9ea2d845cd336612073 Mon Sep 17 00:00:00 2001
From: npub1223z34hd7vtwc6qj4s7flsxkj644nlre2nthu7lrrmkumhu3xddsrx9r6w
 <52a228d6edf316ec6812ac3c9fc0d696ab59fc7954d77e7be31eedcddf91335b@buzz.block.builderlab.xyz>
Date: Thu, 30 Jul 2026 16:19:42 -0700
Subject: [PATCH] feat(desktop): show favicon beside preview hostname

Co-authored-by: Taylor Ho <taylorkmho@gmail.com>
Signed-off-by: Taylor Ho <taylorkmho@gmail.com>
---
 desktop/src/shared/ui/link-preview-attachment.tsx | 15 +++++++++++++--
 desktop/tests/e2e/messaging.spec.ts               |  3 +++
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/desktop/src/shared/ui/link-preview-attachment.tsx b/desktop/src/shared/ui/link-preview-attachment.tsx
index 81a9c33c7..da225aec7 100644
--- a/desktop/src/shared/ui/link-preview-attachment.tsx
+++ b/desktop/src/shared/ui/link-preview-attachment.tsx
@@ -183,10 +183,21 @@ export function LinkPreviewAttachment({
         )}
         <AttachmentContent className={reserveImage ? "px-3 py-2.5" : undefined}>
           <div
-            className="truncate text-xs font-normal leading-4 text-muted-foreground"
+            className="flex min-w-0 items-center gap-1.5 text-xs font-normal leading-4 text-muted-foreground"
             data-link-preview-hostname=""
           >
-            {reserveImage ? hostname : preview.provider}
+            {reserveImage && preview.faviconDataUrl ? (
+              <img
+                alt=""
+                aria-hidden="true"
+                className="size-3 shrink-0 rounded-sm object-contain"
+                data-link-preview-hostname-favicon=""
+                src={preview.faviconDataUrl}
+              />
+            ) : null}
+            <span className="truncate">
+              {reserveImage ? hostname : preview.provider}
+            </span>
           </div>
           <AttachmentTitle
             className={
diff --git a/desktop/tests/e2e/messaging.spec.ts b/desktop/tests/e2e/messaging.spec.ts
index 4ea528927..faa6ddea4 100644
--- a/desktop/tests/e2e/messaging.spec.ts
+++ b/desktop/tests/e2e/messaging.spec.ts
@@ -353,6 +353,9 @@ test("link preview image geometry stays stable while loading", async ({
     }));
 
     await expect(card).toHaveAttribute("data-image-state", "image");
+    await expect(
+      card.locator("[data-link-preview-hostname-favicon]"),
+    ).toHaveAttribute("src", /data:image\/png;base64/);
     if (process.env.BUZZ_LINK_PREVIEW_SCREENSHOTS_DIR) {
       await waitForAnimations(page);
       await card.screenshot({