From 7cf4ad97d46060bab53acc3b96e29868a58db568 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Thu, 12 Feb 2026 21:31:54 +0000
Subject: [PATCH] fix(kind-1111): match icon sizes and make external URLs
 clickable
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Set KindBadge iconClassname to size-3 so it matches Reply and
  ExternalLink icons (was size-4 by default)
- Use the I-tag value itself as href when it's a URL and no hint is
  provided — most web I-tags only have the URL in value, not in hint

https://claude.ai/code/session_01Dxedi6VWdZG8nFpba211oR
---
 .../nostr/kinds/Kind1111Renderer.tsx          | 22 +++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/components/nostr/kinds/Kind1111Renderer.tsx b/src/components/nostr/kinds/Kind1111Renderer.tsx
index 15c96c6..fa0a1d6 100644
--- a/src/components/nostr/kinds/Kind1111Renderer.tsx
+++ b/src/components/nostr/kinds/Kind1111Renderer.tsx
@@ -119,7 +119,11 @@ function NostrEventContent({ nostrEvent }: { nostrEvent: NostrEvent }) {
   const title = getEventDisplayTitle(nostrEvent, false);
   return (
     <>
-      <KindBadge kind={nostrEvent.kind} variant="compact" />
+      <KindBadge
+        kind={nostrEvent.kind}
+        variant="compact"
+        iconClassname="size-3"
+      />
       <UserName
         pubkey={nostrEvent.pubkey}
         className="text-accent font-semibold flex-shrink-0"
@@ -147,8 +151,14 @@ function RootScopeDisplay({
 
   // External identifier (I-tag) — render as a link
   if (root.scope.type === "external") {
-    const label = getExternalIdentifierLabel(root.scope.value, root.kind);
-    const href = root.scope.hint || undefined;
+    const { value, hint } = root.scope;
+    const label = getExternalIdentifierLabel(value, root.kind);
+    // Use hint if available, otherwise use value directly when it's a URL
+    const href =
+      hint ||
+      (value.startsWith("http://") || value.startsWith("https://")
+        ? value
+        : undefined);
     return (
       <ScopeRow href={href}>
         <ExternalLink className="size-3 flex-shrink-0" />
@@ -164,7 +174,11 @@ function RootScopeDisplay({
     return (
       <InlineReplySkeleton
         icon={
-          <KindBadge kind={parseInt(root.kind, 10) || 0} variant="compact" />
+          <KindBadge
+            kind={parseInt(root.kind, 10) || 0}
+            variant="compact"
+            iconClassname="size-3"
+          />
         }
       />
     );