From a5d0106207aa2e4994cd1215612170aa454a3ace Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Fri, 20 Feb 2026 07:56:48 +0000
Subject: [PATCH] feat: show provider kind tag in trusted provider list
 renderers
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add Label with formatKindTag() to both feed and detail views so each
provider row shows what it provides (e.g. "User Assertion: Rank").
Also swap Badge → Label for consistency with the assertion renderers.

https://claude.ai/code/session_01XjwLaShFSVPR5gNA7iUjuB
---
 .../TrustedProviderListDetailRenderer.tsx     |  5 +++++
 .../kinds/TrustedProviderListRenderer.tsx     | 19 +++++++++----------
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/components/nostr/kinds/TrustedProviderListDetailRenderer.tsx b/src/components/nostr/kinds/TrustedProviderListDetailRenderer.tsx
index 7383c7f..153eea4 100644
--- a/src/components/nostr/kinds/TrustedProviderListDetailRenderer.tsx
+++ b/src/components/nostr/kinds/TrustedProviderListDetailRenderer.tsx
@@ -4,7 +4,9 @@ import { RelayLink } from "../RelayLink";
 import {
   getTrustedProviders,
   hasEncryptedProviders,
+  formatKindTag,
 } from "@/lib/nip85-helpers";
+import { Label } from "@/components/ui/label";
 import { Shield, Lock } from "lucide-react";
 
 /**
@@ -59,6 +61,9 @@ export function TrustedProviderListDetailRenderer({
                 className="text-sm font-medium"
               />
 
+              {/* Kind tag */}
+              <Label className="w-fit">{formatKindTag(p.kindTag)}</Label>
+
               {/* Relay */}
               <RelayLink url={p.relay} showInboxOutbox={false} />
             </div>
diff --git a/src/components/nostr/kinds/TrustedProviderListRenderer.tsx b/src/components/nostr/kinds/TrustedProviderListRenderer.tsx
index 1f5ca50..6e4a754 100644
--- a/src/components/nostr/kinds/TrustedProviderListRenderer.tsx
+++ b/src/components/nostr/kinds/TrustedProviderListRenderer.tsx
@@ -3,12 +3,13 @@ import {
   BaseEventContainer,
   ClickableEventTitle,
 } from "./BaseEventRenderer";
-import { Badge } from "@/components/ui/badge";
+import { Label } from "@/components/ui/label";
 import { UserName } from "../UserName";
 import { RelayLink } from "../RelayLink";
 import {
   getTrustedProviders,
   hasEncryptedProviders,
+  formatKindTag,
 } from "@/lib/nip85-helpers";
 import { Shield, Lock } from "lucide-react";
 
@@ -33,33 +34,31 @@ export function TrustedProviderListRenderer({ event }: BaseEventProps) {
 
         {/* Compact summary */}
         <div className="flex flex-wrap items-center gap-1.5">
-          <Badge variant="outline" className="h-5 px-1.5 text-muted-foreground">
+          <Label>
             {providers.length} provider{providers.length !== 1 ? "s" : ""}
-          </Badge>
+          </Label>
           {hasEncrypted && (
-            <Badge
-              variant="outline"
-              className="h-5 px-1.5 gap-1 text-muted-foreground"
-            >
+            <Label className="flex items-center gap-1">
               <Lock className="size-3" />
               Encrypted
-            </Badge>
+            </Label>
           )}
         </div>
 
         {/* Provider preview */}
         {previewProviders.length > 0 && (
-          <div className="flex flex-col gap-1">
+          <div className="flex flex-col gap-1.5">
             {previewProviders.map((p, i) => (
               <div
                 key={`${p.servicePubkey}-${i}`}
-                className="flex items-center gap-1.5 text-xs text-muted-foreground"
+                className="flex flex-wrap items-center gap-1.5 text-xs text-muted-foreground"
               >
                 <UserName
                   pubkey={p.servicePubkey}
                   relayHints={[p.relay]}
                   className="text-xs"
                 />
+                <Label>{formatKindTag(p.kindTag)}</Label>
                 <span className="text-muted-foreground/50">on</span>
                 <RelayLink
                   url={p.relay}