diff --git a/src/components/nostr/RelaySupportedNips.tsx b/src/components/nostr/RelaySupportedNips.tsx
new file mode 100644
index 0000000..223d0a2
--- /dev/null
+++ b/src/components/nostr/RelaySupportedNips.tsx
@@ -0,0 +1,36 @@
+import { Label } from "@/components/ui/label";
+import { NIPBadge } from "@/components/NIPBadge";
+
+interface RelaySupportedNipsProps {
+ nips: number[];
+}
+
+/**
+ * Relay Supported NIPs Display Component
+ * Shows supported Nostr Implementation Possibilities (NIPs) for a relay
+ * Used in both Relay Discovery and Monitor Announcement detail views
+ */
+export function RelaySupportedNips({ nips }: RelaySupportedNipsProps) {
+ if (nips.length === 0) {
+ return null;
+ }
+
+ return (
+
+
+
+ {nips.map((nip) => (
+
+ ))}
+
+
+ );
+}
diff --git a/src/components/nostr/kinds/RelayDiscoveryDetailRenderer.tsx b/src/components/nostr/kinds/RelayDiscoveryDetailRenderer.tsx
index fe4e4fb..b215a29 100644
--- a/src/components/nostr/kinds/RelayDiscoveryDetailRenderer.tsx
+++ b/src/components/nostr/kinds/RelayDiscoveryDetailRenderer.tsx
@@ -4,8 +4,8 @@ import { Badge } from "@/components/ui/badge";
import { Label } from "@/components/ui/label";
import { JsonViewer } from "@/components/JsonViewer";
import { UserName } from "../UserName";
-import { NIPBadge } from "@/components/NIPBadge";
import { RelayKindsDisplay } from "../RelayKindsDisplay";
+import { RelaySupportedNips } from "../RelaySupportedNips";
import {
getRelayUrl,
getRttMetrics,
@@ -221,24 +221,7 @@ export function RelayDiscoveryDetailRenderer({ event }: { event: NostrEvent }) {
)}
{/* Supported NIPs */}
- {nips.length > 0 && (
-
-
-
- {nips.map((nip) => (
-
- ))}
-
-
- )}
+
{/* Relay Kinds */}