From 6f15f7f56e29a2c63818c83952e5006af35ba3ae Mon Sep 17 00:00:00 2001
From: Jared Vititoe <jjvititoe1@gmail.com>
Date: Mon, 6 Jul 2026 22:23:32 -0400
Subject: [PATCH] fix(embeds): wider card for Tidal, declutter caption while
 video plays

- Widen the interactive-embed card to min(38rem, 94vw) so the Tidal player (and
  other audio/video embeds) has enough width.
- Hide the title/description caption while a video embed is playing, so the text
  below it stops squeezing the player small (Twitch).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/app/components/url-preview/UrlPreview.css.tsx | 2 +-
 src/app/components/url-preview/UrlPreviewCard.tsx | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/app/components/url-preview/UrlPreview.css.tsx b/src/app/components/url-preview/UrlPreview.css.tsx
index 3e29e20f8..65e1300ca 100644
--- a/src/app/components/url-preview/UrlPreview.css.tsx
+++ b/src/app/components/url-preview/UrlPreview.css.tsx
@@ -18,7 +18,7 @@ export const UrlPreview = style([
 // so the player chrome / tweet content isn't cramped or clipped. Defined after
 // UrlPreview so its width wins the cascade.
 export const UrlPreviewWide = style({
-  width: 'min(34rem, 92vw)',
+  width: 'min(38rem, 94vw)',
 });
 
 export const UrlPreviewImg = style([
diff --git a/src/app/components/url-preview/UrlPreviewCard.tsx b/src/app/components/url-preview/UrlPreviewCard.tsx
index bee4311e6..d899ddf13 100644
--- a/src/app/components/url-preview/UrlPreviewCard.tsx
+++ b/src/app/components/url-preview/UrlPreviewCard.tsx
@@ -1133,12 +1133,14 @@ function MediaEmbedCard({
             </Chip>
           )}
         </Box>
-        {title && (
+        {/* While a video plays, drop the title/description so the player isn't
+            squeezed by text below it. */}
+        {!(playing && video) && title && (
           <Text truncate priority="400">
             <b>{title}</b>
           </Text>
         )}
-        {description && (
+        {!(playing && video) && description && (
           <Text size="T200" priority="300">
             <UrlPreviewDescription>{description}</UrlPreviewDescription>
           </Text>