From 8233268ee5c013d0b7184cb41d30204b28cb94aa Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sun, 11 Jan 2026 21:05:02 +0000
Subject: [PATCH] style(Nip): add icon, dotted underline, muted text for NIP
 links

---
 src/components/nostr/RichText/Nip.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/nostr/RichText/Nip.tsx b/src/components/nostr/RichText/Nip.tsx
index 694137e..fb28ade 100644
--- a/src/components/nostr/RichText/Nip.tsx
+++ b/src/components/nostr/RichText/Nip.tsx
@@ -1,3 +1,4 @@
+import { FileText } from "lucide-react";
 import type { NipNode } from "@/lib/nip-transformer";
 import { useGrimoire } from "@/core/state";
 import { getNIPInfo } from "@/lib/nip-icons";
@@ -25,10 +26,11 @@ export function Nip({ node }: NipNodeProps) {
   return (
     <button
       onClick={openNIP}
-      className="text-primary hover:underline"
+      className="inline-flex items-center gap-0.5 text-muted-foreground underline decoration-dotted hover:text-foreground cursor-crosshair"
       title={nipInfo?.description ?? `View NIP-${number} specification`}
     >
-      {raw}
+      <FileText className="size-3" />
+      <span>{raw}</span>
     </button>
   );
 }