From 522ee9c1b15fec24d6cd2df011a3364e0aacce14 Mon Sep 17 00:00:00 2001
From: Gabriel Kaszewski <gabrielkaszewski@gmail.com>
Date: Fri, 29 May 2026 01:34:12 +0200
Subject: [PATCH] feat(frontend): add instance badge to remote author posts in
 feed

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

diff --git a/thoughts-frontend/components/thought-card.tsx b/thoughts-frontend/components/thought-card.tsx
index 737f515..ae3de06 100644
--- a/thoughts-frontend/components/thought-card.tsx
+++ b/thoughts-frontend/components/thought-card.tsx
@@ -165,9 +165,14 @@ export function ThoughtCard({
                 {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={new Date(thought.createdAt).toISOString()}