From 9fae55f68d2fd03b0fa643c878ef2e56692900ad Mon Sep 17 00:00:00 2001
From: silberengel <silberengel7@protonmail.com>
Date: Tue, 19 Aug 2025 18:18:05 +0200
Subject: [PATCH] get rid of clear cache button, get rid of view full event
 button, make hex id label into a button, do a better job identifying hex ids

---
 src/lib/components/EventDetails.svelte        | 20 ++++++++++++----
 src/lib/components/EventSearch.svelte         | 15 +++++++++++-
 .../embedded_events/EmbeddedEvent.svelte      | 23 ++++++++++---------
 .../embedded_events/EmbeddedSnippets.svelte   |  6 -----
 src/routes/events/+page.svelte                |  7 ------
 5 files changed, 41 insertions(+), 30 deletions(-)

diff --git a/src/lib/components/EventDetails.svelte b/src/lib/components/EventDetails.svelte
index f812a41..db18355 100644
--- a/src/lib/components/EventDetails.svelte
+++ b/src/lib/components/EventDetails.svelte
@@ -244,8 +244,8 @@
         const naddr = naddrEncode(event, $activeInboxRelays);
         ids.push({ label: "naddr", value: naddr, link: `/events?id=${naddr}` });
       } catch {}
-      // hex id
-      ids.push({ label: "id", value: event.id });
+      // hex id - make it a clickable link to search for the event ID
+      ids.push({ label: "id", value: event.id, link: `/events?id=${event.id}` });
     }
     return ids;
   }
@@ -357,9 +357,19 @@
         <div class="flex items-center gap-2 min-w-0">
           <span class="text-gray-600 dark:text-gray-400 flex-shrink-0">{identifier.label}:</span>
           <div class="flex-1 min-w-0 flex items-center gap-2">
-            <span class="font-mono text-sm text-gray-900 dark:text-gray-100 break-all" title={identifier.value}>
-              {identifier.value.slice(0, 20)}...{identifier.value.slice(-8)}
-            </span>
+            {#if identifier.link}
+              <a
+                href={identifier.link}
+                class="font-mono text-sm text-primary-700 dark:text-primary-300 hover:text-primary-900 dark:hover:text-primary-100 break-all cursor-pointer"
+                title={identifier.value}
+              >
+                {identifier.value.slice(0, 20)}...{identifier.value.slice(-8)}
+              </a>
+            {:else}
+              <span class="font-mono text-sm text-gray-900 dark:text-gray-100 break-all" title={identifier.value}>
+                {identifier.value.slice(0, 20)}...{identifier.value.slice(-8)}
+              </span>
+            {/if}
             <CopyToClipboard
               displayText=""
               copyText={identifier.value}
diff --git a/src/lib/components/EventSearch.svelte b/src/lib/components/EventSearch.svelte
index 2ae8c9d..298ba7d 100644
--- a/src/lib/components/EventSearch.svelte
+++ b/src/lib/components/EventSearch.svelte
@@ -12,6 +12,7 @@
   import { neventEncode, naddrEncode, nprofileEncode } from "$lib/utils";
   import { activeInboxRelays, activeOutboxRelays, getNdkContext } from "$lib/ndk";
   import { getMatchingTags, toNpub } from "$lib/utils/nostrUtils";
+  import { isEventId } from "$lib/utils/nostr_identifiers";
   import type NDK from '@nostr-dev-kit/ndk';
 
   // Props definition
@@ -171,9 +172,15 @@
       return { type: "nip05", term: query };
     }
     
+    // AI-NOTE: 2025-01-24 - Detect hex IDs (64-character hex strings with no spaces)
+    // These are likely event IDs and should be searched as events
+    const trimmedQuery = query.trim();
+    if (trimmedQuery && isEventId(trimmedQuery)) {
+      return { type: "event", term: trimmedQuery };
+    }
+    
     // AI-NOTE: 2025-01-24 - Treat plain text searches as profile searches by default
     // This allows searching for names like "thebeave" or "TheBeave" without needing n: prefix
-    const trimmedQuery = query.trim();
     if (trimmedQuery && !trimmedQuery.startsWith("nevent") && !trimmedQuery.startsWith("npub") && !trimmedQuery.startsWith("naddr")) {
       return { type: "n", term: trimmedQuery };
     }
@@ -200,6 +207,12 @@
       return;
     }
     
+    if (type === "event") {
+      console.log("EventSearch: Processing event ID search:", term);
+      await handleEventSearch(term);
+      return;
+    }
+    
     if (type === "t" || type === "n") {
       await handleSearchBySubscription(type as "t" | "n", term);
       return;
diff --git a/src/lib/components/embedded_events/EmbeddedEvent.svelte b/src/lib/components/embedded_events/EmbeddedEvent.svelte
index 3c1ad49..af455c1 100644
--- a/src/lib/components/embedded_events/EmbeddedEvent.svelte
+++ b/src/lib/components/embedded_events/EmbeddedEvent.svelte
@@ -278,12 +278,6 @@
           </div>
         {/if}
       </div>
-      <button
-        class="text-xs text-primary-600 dark:text-primary-500 hover:underline flex-shrink-0"
-        onclick={navigateToEvent}
-      >
-        View full event →
-      </button>
     </div>
 
     <!-- Event title -->
@@ -730,13 +724,20 @@
     <div class="mt-3 pt-3 border-t border-gray-200 dark:border-gray-700 min-w-0 overflow-hidden">
       <div class="flex flex-wrap gap-2 text-xs min-w-0">
         <span class="text-gray-500 dark:text-gray-400 flex-shrink-0">ID:</span>
-        <span class="font-mono text-gray-700 dark:text-gray-300 break-all">
-          {event.id.slice(0, 8)}...{event.id.slice(-4)}
-        </span>
-        {#if isAddressableEvent(event)}
+        <a 
+          href="/events?id={event!.id}"
+          class="font-mono text-primary-600 dark:text-primary-400 hover:text-primary-800 dark:hover:text-primary-200 break-all cursor-pointer"
+          onclick={(e) => {
+            e.preventDefault();
+            goto(`/events?id=${event!.id}`);
+          }}
+        >
+          {event!.id.slice(0, 8)}...{event!.id.slice(-4)}
+        </a>
+        {#if isAddressableEvent(event!)}
           <span class="text-gray-500 dark:text-gray-400 flex-shrink-0">Address:</span>
           <span class="font-mono text-gray-700 dark:text-gray-300 break-all">
-            {getNaddrUrl(event).slice(0, 12)}...{getNaddrUrl(event).slice(-8)}
+            {getNaddrUrl(event!).slice(0, 12)}...{getNaddrUrl(event!).slice(-8)}
           </span>
         {/if}
       </div>
diff --git a/src/lib/components/embedded_events/EmbeddedSnippets.svelte b/src/lib/components/embedded_events/EmbeddedSnippets.svelte
index ed87bdb..48f103d 100644
--- a/src/lib/components/embedded_events/EmbeddedSnippets.svelte
+++ b/src/lib/components/embedded_events/EmbeddedSnippets.svelte
@@ -248,12 +248,6 @@
             {formattedDate}
           </span>
         </div>
-        <button
-          class="text-xs text-primary-600 dark:text-primary-500 hover:underline flex-shrink-0"
-          onclick={() => window.location.href=`/events?id=${originalEvent.id || 'unknown'}`}
-        >
-          View full event →
-        </button>
       </div>
       
       <!-- Reposted content -->
diff --git a/src/routes/events/+page.svelte b/src/routes/events/+page.svelte
index 5d6e436..ac5b5ba 100644
--- a/src/routes/events/+page.svelte
+++ b/src/routes/events/+page.svelte
@@ -509,13 +509,6 @@
         <div class="flex justify-between items-center">
           <Heading tag="h1" class="h-leather mb-2">Events</Heading>
           <div class="flex items-center gap-2">
-            <button
-              class="text-sm text-red-600 dark:text-red-400 hover:text-red-800 dark:hover:text-red-200 border border-red-300 dark:border-red-600 rounded px-2 py-1"
-              onclick={handleClearCache}
-              title="Clear all caches to refresh stale data"
-            >
-              Clear Cache
-            </button>
             {#if showSidePanel && (searchResults.length > 0 || secondOrderResults.length > 0 || tTagResults.length > 0)}
               <button
                 class="lg:hidden text-sm text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 border border-gray-300 dark:border-gray-600 rounded px-2 py-1"