From 366893a008100573c15f399eb0232dbe56c46cea Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Tue, 26 May 2026 01:10:14 +0000
Subject: [PATCH] Explore landing: prepend signed-in user's repo to the Try:
 row

When the visitor is signed in, surface their own repo at the front of
the "Try:" suggestion list with a slightly heavier styling (accent
border, tinted background, person icon) so it reads as "you" rather
than just another example. Falls back to the DID immediately and
upgrades to the handle once the lazy profile fetch returns, so the
chip never blocks on the network. Dedupes against the hard-coded list
in case the user's handle is one of the existing examples.
---
 src/components/explore/ExploreLanding.tsx | 55 ++++++++++++++++++++++-
 1 file changed, 53 insertions(+), 2 deletions(-)

diff --git a/src/components/explore/ExploreLanding.tsx b/src/components/explore/ExploreLanding.tsx
index 3dcb92a..d7bff7e 100644
--- a/src/components/explore/ExploreLanding.tsx
+++ b/src/components/explore/ExploreLanding.tsx
@@ -1,15 +1,46 @@
 'use client';
 
+import { useEffect, useState } from 'react';
 import Link from 'next/link';
-import { Telescope } from 'lucide-react';
+import { Telescope, User } from 'lucide-react';
 import AppearIn from './AppearIn';
 import SearchBox from './SearchBox';
 import JetstreamFeed from './JetstreamFeed';
 import CrossLinkCards from '@/components/landing/CrossLinkCards';
+import { useAtprotoSession } from '@/components/AtprotoSessionProvider';
+import { getProfile, type AppViewProfile } from '@/utils/atproto/appview';
+import { encodeRepo } from '@/utils/atproto/urls';
 
 const SUGGESTIONS = ['aturi.to', 'bsky.app', 'dame.is', 'jay.bsky.team'];
 
 export default function ExploreLanding() {
+  const { did } = useAtprotoSession();
+  const [profile, setProfile] = useState<AppViewProfile | null>(null);
+
+  // Lazy-fetch profile so we can show the user's handle rather than the bare
+  // DID. The explorer route accepts both, so we render the DID immediately
+  // and upgrade to the prettier handle once it lands.
+  useEffect(() => {
+    if (!did) {
+      setProfile(null);
+      return undefined;
+    }
+    let cancelled = false;
+    getProfile(did).then((p) => {
+      if (!cancelled) setProfile(p);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [did]);
+
+  const myRepo = did ? profile?.handle || did : null;
+  // Avoid showing the user's handle twice when it happens to be one of the
+  // hard-coded examples.
+  const otherSuggestions = myRepo
+    ? SUGGESTIONS.filter((s) => s !== myRepo)
+    : SUGGESTIONS;
+
   return (
     <div style={{ display: 'flex', flexDirection: 'column', gap: '2.5rem' }}>
       <AppearIn rise>
@@ -67,7 +98,27 @@ export default function ExploreLanding() {
           }}
         >
           <span>Try:</span>
-          {SUGGESTIONS.map((s) => (
+          {myRepo && (
+            <Link
+              key={myRepo}
+              href={`/explore/${encodeRepo(myRepo)}`}
+              title="Your repo"
+              style={{
+                display: 'inline-flex',
+                alignItems: 'center',
+                gap: '0.3rem',
+                fontFamily: 'var(--font-mono)',
+                color: 'var(--text-accent)',
+                padding: '0.125rem 0.5rem',
+                border: '1px solid var(--text-accent)',
+                background: 'var(--bg-tertiary)',
+                textDecoration: 'none',
+              }}
+            >
+              <User size={11} aria-hidden /> {myRepo}
+            </Link>
+          )}
+          {otherSuggestions.map((s) => (
             <Link
               key={s}
               href={`/explore/${s}`}
-- 
2.51.2