From 1ad6f8ae8f68a3dcb6f9a2842737d0798946f5aa Mon Sep 17 00:00:00 2001
From: Gabriel Kaszewski <gabrielkaszewski@gmail.com>
Date: Fri, 29 May 2026 01:36:53 +0200
Subject: [PATCH] feat(frontend): add fediverse handle format hints to search
 page

---
 thoughts-frontend/app/search/page.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/thoughts-frontend/app/search/page.tsx b/thoughts-frontend/app/search/page.tsx
index 3530c9b..91305fc 100644
--- a/thoughts-frontend/app/search/page.tsx
+++ b/thoughts-frontend/app/search/page.tsx
@@ -40,11 +40,15 @@ export default async function SearchPage({ searchParams }: SearchPageProps) {
         <p className="text-muted-foreground">
           Find users and thoughts across the platform.
         </p>
+        <p className="text-xs text-muted-foreground mt-1">
+          To find someone on Mastodon, type their full handle: @alice@mastodon.social
+        </p>
       </div>
     );
   }
 
   const isHandle = HANDLE_RE.test(query);
+  const isPartialHandle = !isHandle && query.includes("@");
 
   const [results, remoteActor, me] = await Promise.all([
     isHandle ? null : search(query, token).catch(() => null),
@@ -61,6 +65,11 @@ export default async function SearchPage({ searchParams }: SearchPageProps) {
         </p>
       </header>
       <main>
+        {isPartialHandle && (
+          <p className="text-xs text-muted-foreground mb-4">
+            Looks like a fediverse handle. Use the full format: @alice@mastodon.social
+          </p>
+        )}
         {isHandle ? (
           remoteActor ? (
             <div className="space-y-4">