From b14b8592a2c000a8f294188b94a4ceda85a19816 Mon Sep 17 00:00:00 2001
From: Gabriel Kaszewski <gabrielkaszewski@gmail.com>
Date: Fri, 29 May 2026 01:42:43 +0200
Subject: [PATCH] fix(frontend): add instance badge to remote author movie
 diary cards

---
 thoughts-frontend/components/movie-card.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/thoughts-frontend/components/movie-card.tsx b/thoughts-frontend/components/movie-card.tsx
index 42aa298..0a1ee94 100644
--- a/thoughts-frontend/components/movie-card.tsx
+++ b/thoughts-frontend/components/movie-card.tsx
@@ -65,9 +65,14 @@ export function MovieCard({ meta, author, createdAt }: MovieCardProps) {
           <div className="flex flex-col min-w-0">
             <span className="font-bold truncate">{author.displayName ?? author.username}</span>
             {!author.local && (
-              <span className="text-xs text-muted-foreground/70 truncate">
-                {author.username.startsWith("@") ? author.username : `@${author.username}`}
-              </span>
+              <div className="flex items-center gap-1.5 min-w-0">
+                <span className="text-xs text-muted-foreground/70 truncate">
+                  {author.username.startsWith("@") ? author.username : `@${author.username}`}
+                </span>
+                <span className="text-[10px] font-medium px-2 py-0.5 rounded-full bg-blue-500/10 border border-blue-500/20 text-blue-500 shrink-0">
+                  {author.username.split("@").filter(Boolean).at(-1)}
+                </span>
+              </div>
             )}
             <time
               dateTime={createdAt.toISOString()}