feat: show provider metadata in saved profiles

js/services/authProviders/index.js

@@ -1,14 +1,129 @@
 import nip07 from "./nip07.js";
 
-const map = {
-  [(nip07 && typeof nip07.id === "string" && nip07.id.trim()) || "nip07"]: nip07,
-};
+function normalizeProviderId(provider, fallbackId) {
+  if (provider && typeof provider.id === "string") {
+    const trimmed = provider.id.trim();
+    if (trimmed) {
+      return trimmed;
+    }
+  }
 
-if (!Object.prototype.hasOwnProperty.call(map, "nip07")) {
-  map.nip07 = nip07;
+  if (typeof fallbackId === "string") {
+    const trimmed = fallbackId.trim();
+    if (trimmed) {
+      return trimmed;
+    }
+  }
+
+  return "provider";
 }
 
-export const providers = Object.freeze({ ...map });
+function normalizeProviderMetadata(provider, fallbackId) {
+  const id = normalizeProviderId(provider, fallbackId);
+  const label =
+    provider && typeof provider.label === "string" && provider.label.trim()
+      ? provider.label.trim()
+      : "Saved profile";
+  const description =
+    provider && typeof provider.description === "string" && provider.description.trim()
+      ? provider.description.trim()
+      : "";
+  const badgeVariant =
+    provider && typeof provider.badgeVariant === "string" && provider.badgeVariant.trim()
+      ? provider.badgeVariant.trim()
+      : "neutral";
+
+  return Object.freeze({ id, label, description, badgeVariant });
+}
+
+const providerList = [nip07].filter(Boolean);
+const providerMap = {};
+const metadataMap = {};
+
+providerList.forEach((provider, index) => {
+  const fallbackId = `provider-${index}`;
+  const id = normalizeProviderId(provider, fallbackId);
+  providerMap[id] = provider;
+  metadataMap[id] = normalizeProviderMetadata(provider, id);
+});
+
+if (!Object.prototype.hasOwnProperty.call(providerMap, "nip07")) {
+  providerMap.nip07 = nip07;
+  metadataMap.nip07 = normalizeProviderMetadata(nip07, "nip07");
+} else if (!Object.prototype.hasOwnProperty.call(metadataMap, "nip07")) {
+  metadataMap.nip07 = normalizeProviderMetadata(providerMap.nip07, "nip07");
+}
+
+const builtInMetadata = [
+  {
+    id: "nsec",
+    label: "Direct key",
+    description: "Use a saved nsec key stored locally.",
+    badgeVariant: "warning",
+  },
+];
+
+builtInMetadata.forEach((entry) => {
+  if (!entry || typeof entry !== "object") {
+    return;
+  }
+
+  const id =
+    typeof entry.id === "string" && entry.id.trim() ? entry.id.trim() : null;
+  if (!id || Object.prototype.hasOwnProperty.call(metadataMap, id)) {
+    return;
+  }
+
+  metadataMap[id] = Object.freeze({
+    id,
+    label:
+      typeof entry.label === "string" && entry.label.trim()
+        ? entry.label.trim()
+        : "Saved profile",
+    description:
+      typeof entry.description === "string" && entry.description.trim()
+        ? entry.description.trim()
+        : "",
+    badgeVariant:
+      typeof entry.badgeVariant === "string" && entry.badgeVariant.trim()
+        ? entry.badgeVariant.trim()
+        : "neutral",
+  });
+});
+
+export const providers = Object.freeze({ ...providerMap });
+export const providerMetadata = Object.freeze({ ...metadataMap });
+
+const unknownMetadataCache = new Map();
+
+function getFallbackMetadata(providerId) {
+  const id =
+    typeof providerId === "string" && providerId.trim() ? providerId.trim() : "unknown";
+  if (!unknownMetadataCache.has(id)) {
+    unknownMetadataCache.set(
+      id,
+      Object.freeze({
+        id,
+        label: "Saved profile",
+        description: "",
+        badgeVariant: "neutral",
+      }),
+    );
+  }
+  return unknownMetadataCache.get(id);
+}
+
+export function getProviderMetadata(providerId) {
+  if (typeof providerId === "string" && providerId.trim()) {
+    const normalizedId = providerId.trim();
+    if (Object.prototype.hasOwnProperty.call(providerMetadata, normalizedId)) {
+      return providerMetadata[normalizedId];
+    }
+    return getFallbackMetadata(normalizedId);
+  }
+
+  return getFallbackMetadata("saved-profile");
+}
 
 export function getProvider(providerId = "nip07") {
   const id =

js/services/authProviders/nip07.js

@@ -47,6 +47,7 @@ export default {
   id: PROVIDER_ID,
   label: PROVIDER_LABEL,
   description: PROVIDER_DESCRIPTION,
+  badgeVariant: "info",
   capabilities: PROVIDER_CAPABILITIES,
   button: PROVIDER_BUTTON,
   messages: PROVIDER_MESSAGES,