From 0cf89627b5de4ed0212430d0dda3a163ea04d64b Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sun, 24 May 2026 01:39:27 +0000
Subject: [PATCH] Add Aturi Explore waypoint and link records into it from
 universal pages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Two pieces:

  * New aturiExplore entry in the waypoints catalog (category: devTools,
    no redirectCompat — it's a record explorer, not for auto-redirect).
    Routes to /explore/{did-or-handle}/{collection}/{rkey}, prefers DID
    when one is available so shared links survive handle changes.
    Picks up a dedicated Telescope-style icon that matches the Lucide
    Telescope used in the explore nav link. Surfaces in both the web
    site's WaypointPicker AND the browser extension popup.

  * RecordPreview (the generic record card on /profile/<handle>/<col>/
    <rkey>) gets a quiet inline "Open in Explorer" link beneath the
    existing "View Full Record" JSON-modal button. Keeps the universal
    link page's curated layout while giving a one-click jump into the
    explorer's richer view (backlinks, identity, audit log, editor).

Profile-level cross-link already shipped in the first round
(ProfilePreview's "View raw repo in the explorer →" footer).
---
 src/components/RecordPreview.tsx | 30 +++++++++++++++++++++++++++++-
 src/utils/waypointIcons.tsx      | 26 ++++++++++++++++++++++++++
 src/utils/waypoints.data.ts      | 25 +++++++++++++++++++++++++
 3 files changed, 80 insertions(+), 1 deletion(-)

diff --git a/src/components/RecordPreview.tsx b/src/components/RecordPreview.tsx
index a10052e..8fc38b4 100644
--- a/src/components/RecordPreview.tsx
+++ b/src/components/RecordPreview.tsx
@@ -6,9 +6,11 @@
 'use client';
 
 import { useState } from 'react';
+import Link from 'next/link';
 import { GenericRecord } from '@/utils/recordFetcher';
 import { sanitizeHandle } from '@/utils/sanitize';
-import { X } from 'lucide-react';
+import { Telescope, X } from 'lucide-react';
+import { encodeRepo } from '@/utils/atproto/urls';
 
 type RecordPreviewProps = {
   record: GenericRecord;
@@ -211,6 +213,32 @@ export default function RecordPreview({ record, collection, handle, rkey }: Reco
               ? `View Full Record (${allFields.length} fields)`
               : 'View Full Record'}
           </button>
+
+          {/* Cross-product: jump into the same record inside the explorer */}
+          <Link
+            href={`/explore/${encodeRepo(handle)}/${collection}/${encodeURIComponent(rkey)}`}
+            style={{
+              display: 'inline-flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+              gap: '0.4rem',
+              marginTop: '0.625rem',
+              padding: '0.5rem 0.75rem',
+              fontSize: '0.8125rem',
+              color: 'var(--text-tertiary)',
+              textDecoration: 'none',
+              transition: 'color 0.2s ease',
+            }}
+            onMouseEnter={(e) => {
+              e.currentTarget.style.color = 'var(--text-accent)';
+            }}
+            onMouseLeave={(e) => {
+              e.currentTarget.style.color = 'var(--text-tertiary)';
+            }}
+          >
+            <Telescope size={13} />
+            Open in Explorer — backlinks, identity, raw JSON →
+          </Link>
         </div>
 
         {/* Footer: CID */}
diff --git a/src/utils/waypointIcons.tsx b/src/utils/waypointIcons.tsx
index 2045f2a..bb9f569 100644
--- a/src/utils/waypointIcons.tsx
+++ b/src/utils/waypointIcons.tsx
@@ -179,6 +179,31 @@ export const AturiSVG = () => (
   </svg>
 );
 
+// Lucide-style telescope, matching the icon used in the explore nav link
+// and the explorer landing page. Keeps the new Aturi Explore waypoint
+// visually distinct from the standard Aturi (leaf) entry.
+export const AturiExploreSVG = () => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    strokeWidth={1.5}
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path d="m10.065 12.493-6.18 1.318a.934.934 0 0 1-1.108-.702l-.537-2.15a1.07 1.07 0 0 1 .691-1.265l13.504-4.44" />
+    <path d="m13.56 11.747 4.332-.924" />
+    <path d="m16 21-3.105-6.21" />
+    <path d="M16.485 5.94a2 2 0 0 1 1.455-2.425l1.09-.272a1 1 0 0 1 1.212.727l1.515 6.06a1 1 0 0 1-.727 1.213l-1.09.272a2 2 0 0 1-2.425-1.455z" />
+    <path d="m6.158 8.633 1.114 4.456" />
+    <path d="m8 21 3.105-6.21" />
+    <circle cx="12" cy="13" r="2" />
+  </svg>
+);
+
 export const BluepySVG = () => (
   <svg width="24" height="24" viewBox="5 7 54 50" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path
@@ -201,6 +226,7 @@ export const BlentoSVG = () => (
 
 export const WAYPOINT_ICONS: Record<string, ReactNode> = {
   aturi: <AturiSVG />,
+  aturiExplore: <AturiExploreSVG />,
   anisota: <AnisotaLogo width={24} height={24} />,
   bluesky: <BlueskySVG />,
   bluepy: <BluepySVG />,
diff --git a/src/utils/waypoints.data.ts b/src/utils/waypoints.data.ts
index f78a195..5f3fe5b 100644
--- a/src/utils/waypoints.data.ts
+++ b/src/utils/waypoints.data.ts
@@ -306,6 +306,30 @@ export const WAYPOINT_DESTINATIONS_DATA: Record<string, WaypointData> = {
     redirectCompat: [],
   },
 
+  aturiExplore: {
+    id: 'aturiExplore',
+    name: 'Aturi Explore',
+    description: (collection) => {
+      if (collection) return 'Inspect record on aturi.to/explore';
+      return 'Browse repo on aturi.to/explore';
+    },
+    getUrl: (handle, collection, rkey, did) => {
+      // The explorer keys URLs by DID when available so handle changes don't
+      // break shared links. Falls back to the handle when no DID was passed.
+      const identifier = did || handle;
+      if (collection && rkey) {
+        return `https://aturi.to/explore/${identifier}/${collection}/${encodeURIComponent(rkey)}`;
+      }
+      if (collection) {
+        return `https://aturi.to/explore/${identifier}/${collection}`;
+      }
+      return `https://aturi.to/explore/${identifier}`;
+    },
+    supportedTypes: ['post', 'profile', 'list', 'record'],
+    category: 'devTools',
+    redirectCompat: [],
+  },
+
   atptools: {
     id: 'atptools',
     name: 'atp.tools',
@@ -647,6 +671,7 @@ export const WAYPOINT_ORDER = [
   'pckt',
   'pdsls',
   'anisotaExplorer',
+  'aturiExplore',
   'tangled',
   'atptools',
   'witchsky',
-- 
2.51.2