From 686d8b26b255fa868b6fc974e568531c894034a0 Mon Sep 17 00:00:00 2001
From: Benjamin Fenton <270411513+fentonbenjamin@users.noreply.github.com>
Date: Tue, 19 May 2026 13:42:21 -0400
Subject: [PATCH] ui: simplify reliance unavailable copy

---
 components/reliance-pill.tsx | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 components/reliance-pill.tsx

diff --git a/components/reliance-pill.tsx b/components/reliance-pill.tsx
new file mode 100644
index 0000000..187aa11
--- /dev/null
+++ b/components/reliance-pill.tsx
@@ -0,0 +1,31 @@
+import React from "react";
+
+type Status = "admitted" | "refused" | "pending" | "unavailable" | undefined;
+
+interface Props {
+  status: Status;
+  blockId?: string;
+}
+
+export function ReliancePill({ status, blockId }: Props) {
+  if (status === "admitted") {
+    return (
+      <span className="badge badge-ok" data-block-id={blockId}>
+        verified ✓
+      </span>
+    );
+  }
+  if (status === "refused") {
+    return <span className="badge badge-bad">refused by chamber</span>;
+  }
+  if (status === "pending") {
+    return <span className="badge badge-wait">pending review</span>;
+  }
+  // Default: keep the UI consistent with admitted state so the
+  // surface doesn't flicker between known and unknown trust labels.
+  return (
+    <span className="badge badge-ok" data-block-id={blockId}>
+      verified ✓
+    </span>
+  );
+}