From f481c8a7290ea9fbc6e89b94a56d7eabc83e1ec2 Mon Sep 17 00:00:00 2001
From: Catrya <140891948+Catrya@users.noreply.github.com>
Date: Mon, 13 Apr 2026 16:48:28 -0600
Subject: [PATCH 1/2] improve buttons ui

---
 src/pages/EventMonitor.tsx | 44 ++++++++++++++++++++++----------------
 1 file changed, 26 insertions(+), 18 deletions(-)

diff --git a/src/pages/EventMonitor.tsx b/src/pages/EventMonitor.tsx
index 8309b40..aa1eb80 100644
--- a/src/pages/EventMonitor.tsx
+++ b/src/pages/EventMonitor.tsx
@@ -110,6 +110,7 @@ export function EventMonitor() {
   const [streamEvents, setStreamEvents] = useState<EventWithRelay[]>([]);
   const [lastDisplayedEvents, setLastDisplayedEvents] = useState<EventWithRelay[]>([]);
   const [error, setError] = useState<string | null>(null);
+  const [noRelayHint, setNoRelayHint] = useState<'search' | 'stream' | null>(null);
   const [nipFilter, setNipFilter] = useState<string[]>(['']);
   const [nipKinds, setNipKinds] = useState<number[]>([]);
   const [nipMessage, setNipMessage] = useState<string | null>(null);
@@ -182,6 +183,11 @@ export function EventMonitor() {
     }
   }, [validRelays.length, nipMessage]);
 
+  // Clear no-relay hint once a relay is added
+  useEffect(() => {
+    if (validRelays.length > 0) setNoRelayHint(null);
+  }, [validRelays.length]);
+
   // Query for limited events from multiple relays
   const { isLoading, refetch } = useQuery({
     queryKey: ['events', validRelays, filters.kinds, filters.limit, filters.authors, filters.since, filters.until, filters.tags, nipKinds],
@@ -452,14 +458,22 @@ export function EventMonitor() {
   }, [isStreaming, validRelays, queryFilters, filters.limit]);
 
   const handleSearch = useCallback(() => {
-    if (validRelays.length === 0) return;
+    if (validRelays.length === 0) {
+      setNoRelayHint('search');
+      return;
+    }
+    setNoRelayHint(null);
     setIsStreaming(false);
     setError(null);
     refetch();
   }, [validRelays.length, refetch]);
 
   const handleStream = useCallback(() => {
-    if (validRelays.length === 0) return;
+    if (validRelays.length === 0) {
+      setNoRelayHint('stream');
+      return;
+    }
+    setNoRelayHint(null);
     setError(null);
     setIsStreaming(false);
     // Re-trigger the streaming effect
@@ -879,12 +893,14 @@ export function EventMonitor() {
                 <div className="flex flex-col items-center gap-0.5">
                   <Button
                     type="submit"
-                    disabled={validRelays.length === 0 || isLoading}
+                    disabled={isLoading}
                     className="h-8 px-4 text-xs bg-accent/80 hover:bg-accent border-accent/50"
                   >
                     Search
                   </Button>
-                  <span className="text-[10px] text-muted-foreground">Fetch once</span>
+                  <span className="text-[10px] text-muted-foreground">
+                    {noRelayHint === 'search' ? 'Enter a relay first' : 'Fetch once'}
+                  </span>
                 </div>
                 <div className="flex flex-col items-center gap-0.5">
                   {isStreaming ? (
@@ -899,14 +915,15 @@ export function EventMonitor() {
                   ) : (
                     <Button
                       type="button"
-                      disabled={validRelays.length === 0}
                       onClick={handleStream}
                       className="h-8 px-4 text-xs bg-accent/80 hover:bg-accent border-accent/50"
                     >
                       Stream
                     </Button>
                   )}
-                  <span className="text-[10px] text-muted-foreground">{isStreaming ? 'Stop streaming' : 'Real-time'}</span>
+                  <span className="text-[10px] text-muted-foreground">
+                    {noRelayHint === 'stream' ? 'Enter a relay first' : isStreaming ? 'Stop streaming' : 'Real-time'}
+                  </span>
                 </div>
                 <div className="flex flex-col items-center gap-0.5">
                   <Button
@@ -1242,23 +1259,14 @@ export function EventMonitor() {
         <div className="text-center py-8 text-sm text-muted-foreground space-y-3">
           <p>
             Vibed by{" "}
-            <a 
-              href="https://github.com/Catrya" 
-              target="_blank" 
+            <a
+              href="https://github.com/Catrya"
+              target="_blank"
               rel="noopener noreferrer"
               className="text-primary hover:underline"
             >
               Catrya
             </a>
-            {" "}with{" "}
-            <a 
-              href="https://soapbox.pub/mkstack" 
-              target="_blank" 
-              rel="noopener noreferrer"
-              className="text-primary hover:underline"
-            >
-              MKStack
-            </a>
           </p>
           <a 
             href="https://github.com/Catrya/Nostr-Events-Monitor" 

From 544315cc5320c1494b7b4f249e63b79ab5f9183e Mon Sep 17 00:00:00 2001
From: Catrya <140891948+Catrya@users.noreply.github.com>
Date: Mon, 13 Apr 2026 17:00:25 -0600
Subject: [PATCH 2/2] Remove MKStack-only attribution from instruction files

---
 .cursorrules                    | 4 ----
 .github/copilot-instructions.md | 4 ----
 .goosehints                     | 4 ----
 README.md                       | 2 +-
 4 files changed, 1 insertion(+), 13 deletions(-)

diff --git a/.cursorrules b/.cursorrules
index 577fcda..39cb643 100644
--- a/.cursorrules
+++ b/.cursorrules
@@ -100,10 +100,6 @@ The AI assistant's behavior and knowledge is defined by the CONTEXT.md file, whi
 1. Edit CONTEXT.md directly
 2. The changes take effect in the next session
 
-## "Vibed with MKStack"
-
-When building the site for the first time, include "Vibed with MKStack" somewhere in the UI, linked to this URL: https://soapbox.pub/mkstack
-
 ## Nostr Protocol Integration
 
 This project comes with custom hooks for querying and publishing events on the Nostr network.
diff --git a/.github/copilot-instructions.md b/.github/copilot-instructions.md
index 577fcda..39cb643 100644
--- a/.github/copilot-instructions.md
+++ b/.github/copilot-instructions.md
@@ -100,10 +100,6 @@ The AI assistant's behavior and knowledge is defined by the CONTEXT.md file, whi
 1. Edit CONTEXT.md directly
 2. The changes take effect in the next session
 
-## "Vibed with MKStack"
-
-When building the site for the first time, include "Vibed with MKStack" somewhere in the UI, linked to this URL: https://soapbox.pub/mkstack
-
 ## Nostr Protocol Integration
 
 This project comes with custom hooks for querying and publishing events on the Nostr network.
diff --git a/.goosehints b/.goosehints
index 577fcda..39cb643 100644
--- a/.goosehints
+++ b/.goosehints
@@ -100,10 +100,6 @@ The AI assistant's behavior and knowledge is defined by the CONTEXT.md file, whi
 1. Edit CONTEXT.md directly
 2. The changes take effect in the next session
 
-## "Vibed with MKStack"
-
-When building the site for the first time, include "Vibed with MKStack" somewhere in the UI, linked to this URL: https://soapbox.pub/mkstack
-
 ## Nostr Protocol Integration
 
 This project comes with custom hooks for querying and publishing events on the Nostr network.
diff --git a/README.md b/README.md
index 8e15763..7bee5f4 100644
--- a/README.md
+++ b/README.md
@@ -3,7 +3,7 @@
 [https://catrya.github.io/Nostr-Events-Monitor](https://catrya.github.io/Nostr-Events-Monitor/)
 
 A real-time Nostr events monitoring. Monitor and filter events from any Nostr relay.  
-Built with [MKStack](https://soapbox.pub/mkstack) - React + Nostr development framework
+Bootstrapped with [MKStack](https://soapbox.pub/mkstack), developed with [Claude Code](https://claude.ai/code)
 
 
 ## 🛠️ Tech Stack