From 2ee05ca82e685ddb24babd1aa65cc902b868fa76 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Fri, 29 May 2026 19:28:42 +0000
Subject: [PATCH] Render profile universal-link as a text link inside the
 preview
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replace the centered chip at the foot of the profile viewer with a quiet
text link at the bottom of the profile preview card, mirroring the
"View repo in the Explorer →" CTA on the universal link page (Telescope/
Globe icon, top-border separator, profile-explorer-link styling).

https://claude.ai/code/session_01LDbLiLCsxB3AEYyhwKPk8c
---
 src/components/explore/ProfileHeader.tsx | 29 +++++++++++++++++++++++-
 src/components/explore/RepoExplorer.tsx  | 17 --------------
 2 files changed, 28 insertions(+), 18 deletions(-)

diff --git a/src/components/explore/ProfileHeader.tsx b/src/components/explore/ProfileHeader.tsx
index 6e25ece..54447bc 100644
--- a/src/components/explore/ProfileHeader.tsx
+++ b/src/components/explore/ProfileHeader.tsx
@@ -1,7 +1,8 @@
 'use client';
 
 import { useEffect, useState } from 'react';
-import { ExternalLink, Heart, MessageSquare, Users } from 'lucide-react';
+import Link from 'next/link';
+import { ExternalLink, Globe, Heart, MessageSquare, Users } from 'lucide-react';
 import { getProfile, type AppViewProfile } from '@/utils/atproto/appview';
 import { getRecord } from '@/utils/atproto/pdsClient';
 import type { IdentityBundle } from '@/utils/atproto/identity';
@@ -259,6 +260,32 @@ export default function ProfileHeader({ identity }: Props) {
           </div>
         )}
       </div>
+
+      {/* Inverse of the universal link page's "View repo in the Explorer →"
+          CTA: a quiet text link at the foot of the preview back out to the
+          shareable universal link page for this profile. */}
+      <div
+        style={{
+          flexBasis: '100%',
+          paddingTop: '1rem',
+          borderTop: '1px solid var(--border-subtle)',
+          fontSize: '0.8125rem',
+        }}
+      >
+        <Link
+          href={`/profile/${handle || identity.did}`}
+          className="profile-explorer-link"
+          style={{
+            display: 'inline-flex',
+            alignItems: 'center',
+            gap: '0.4rem',
+            textDecoration: 'none',
+          }}
+        >
+          <Globe size={12} />
+          View the universal link page →
+        </Link>
+      </div>
     </section>
   );
 }
diff --git a/src/components/explore/RepoExplorer.tsx b/src/components/explore/RepoExplorer.tsx
index 14c4a17..57d6ec9 100644
--- a/src/components/explore/RepoExplorer.tsx
+++ b/src/components/explore/RepoExplorer.tsx
@@ -16,7 +16,6 @@ import CollectionsTab from './tabs/CollectionsTab';
 import IdentityTab from './tabs/IdentityTab';
 import AuditTab from './tabs/AuditTab';
 import BacklinksTab from './tabs/BacklinksTab';
-import UniversalLinkChip from './UniversalLinkChip';
 import NotFoundPanel from '@/components/NotFoundPanel';
 
 const TABS = [
@@ -116,22 +115,6 @@ export default function RepoExplorer({ repo }: { repo: string }) {
       <AppearIn delay={0.22}>
         <TabbedView identity={identity} />
       </AppearIn>
-      {/* Outbound link to the shareable universal link page for this profile.
-          Lives at the foot of the viewer (rather than crowding the
-          breadcrumb) as the inverse of the "View in Explorer" CTA found
-          on the universal link page itself. */}
-      <AppearIn delay={0.24}>
-        <div
-          style={{
-            display: 'flex',
-            justifyContent: 'center',
-            paddingTop: '0.5rem',
-            borderTop: '1px solid var(--border-subtle)',
-          }}
-        >
-          <UniversalLinkChip href={`/profile/${identity.handle || identity.did}`} />
-        </div>
-      </AppearIn>
     </div>
   );
 }
-- 
2.51.2