@1sat/permission-module-ui 0.0.45 → 0.0.47

package/dist/index.js

@@ -2,68 +2,9 @@
 
 // src/OneSatPermissionPrompt.tsx
 import {
+  isTransactionPrompt,
   verifyIntent
 } from "@1sat/permission-module";
-
-// ../types/dist/constants.js
-var ORDINALS_BASKET = "p 1sat ordinals";
-var BSV21_BASKET = "p 1sat bsv21";
-var OPNS_BASKET = "p 1sat opns";
-var LOCK_BASKET = "p 1sat lock";
-var P1SAT_INTENTS = {
-  OPNS_REGISTER: "opns.register",
-  OPNS_DEREGISTER: "opns.deregister",
-  OPNS_LIST: "opns.list",
-  OPNS_TRANSFER: "opns.transfer",
-  OPNS_CANCEL_LISTING: "opns.cancel-listing",
-  OPNS_PURCHASE: "opns.purchase",
-  ORDINAL_TRANSFER: "ordinal.transfer",
-  ORDINAL_LIST: "ordinal.list",
-  ORDINAL_CANCEL_LISTING: "ordinal.cancel-listing",
-  ORDINAL_PURCHASE: "ordinal.purchase",
-  ORDINAL_BURN: "ordinal.burn",
-  ORDINAL_INSCRIBE: "ordinal.inscribe",
-  ORDINAL_INSCRIBE_SIGMA: "ordinal.inscribe-sigma",
-  ORDINAL_MINT_COLLECTION: "ordinal.mint-collection",
-  ORDINAL_MINT_ITEM: "ordinal.mint-item",
-  LOCK_LOCK: "lock.lock",
-  LOCK_UNLOCK: "lock.unlock",
-  BSV21_TRANSFER: "bsv21.transfer",
-  BSV21_PURCHASE: "bsv21.purchase",
-  BSV21_MINT: "bsv21.mint",
-  BSV21_DEPLOY: "bsv21.deploy"
-};
-var P1SAT_INTENT_IDS = new Set(Object.values(P1SAT_INTENTS));
-var MAX_INSCRIPTION_BYTES = 50 * 1024 * 1024;
-var EXCHANGE_RATE_CACHE_TTL = 5 * 60 * 1000;
-var DEFAULT_STREAM_CHUNK_SIZE = 1024 * 1024;
-
-// ../types/dist/index.js
-var TokenType;
-(function(TokenType2) {
-  TokenType2["BSV20"] = "bsv20";
-  TokenType2["BSV21"] = "bsv21";
-})(TokenType || (TokenType = {}));
-var TokenSelectionStrategy;
-(function(TokenSelectionStrategy2) {
-  TokenSelectionStrategy2["SmallestFirst"] = "smallest";
-  TokenSelectionStrategy2["LargestFirst"] = "largest";
-  TokenSelectionStrategy2["RetainOrder"] = "retain";
-  TokenSelectionStrategy2["Random"] = "random";
-})(TokenSelectionStrategy || (TokenSelectionStrategy = {}));
-var TokenInputMode;
-(function(TokenInputMode2) {
-  TokenInputMode2["All"] = "all";
-  TokenInputMode2["Needed"] = "needed";
-})(TokenInputMode || (TokenInputMode = {}));
-var RoytaltyType;
-(function(RoytaltyType2) {
-  RoytaltyType2["Paymail"] = "paymail";
-  RoytaltyType2["Address"] = "address";
-  RoytaltyType2["Script"] = "script";
-})(RoytaltyType || (RoytaltyType = {}));
-
-// src/OneSatPermissionPrompt.tsx
 import { useEffect, useState } from "react";
 
 // src/styles.ts
@@ -190,6 +131,28 @@ var promptStyles = `
   padding: 16px;
 }
 
+/* Subtle danger chrome for burn / destructive token ops */
+.opp-featured-danger {
+  border-color: rgba(220, 38, 38, 0.45);
+  background: color-mix(in srgb, var(--opp-card-bg) 88%, #7f1d1d 12%);
+}
+
+.opp-featured-danger .opp-featured-title {
+  color: #f87171;
+}
+
+.opp-featured-danger .opp-featured-image,
+.opp-featured-danger .opp-featured-placeholder {
+  border: 1px solid rgba(220, 38, 38, 0.35);
+  background: rgba(127, 29, 29, 0.25);
+  color: #fca5a5;
+}
+
+.opp-dark .opp-featured-danger {
+  border-color: rgba(248, 113, 113, 0.4);
+  background: color-mix(in srgb, var(--opp-card-bg) 85%, #450a0a 15%);
+}
+
 .opp-featured-image {
   width: 80px;
   height: 80px;
@@ -213,6 +176,89 @@ var promptStyles = `
   font-size: 18px;
 }
 
+.opp-preview-opns {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  padding: 6px;
+  box-sizing: border-box;
+  overflow: hidden;
+}
+
+.opp-preview-opns-avatar {
+  width: 36px;
+  height: 36px;
+  border-radius: 999px;
+  object-fit: cover;
+  background: rgba(0, 0, 0, 0.08);
+  flex-shrink: 0;
+}
+
+.opp-preview-opns-name {
+  font-size: 11px;
+  font-weight: 600;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: center;
+  color: var(--opp-fg, inherit);
+}
+
+.opp-preview-text {
+  margin: 0;
+  padding: 6px;
+  box-sizing: border-box;
+  overflow: hidden;
+  font-size: 9px;
+  line-height: 1.25;
+  white-space: pre-wrap;
+  word-break: break-word;
+  font-family: 'Roboto Mono', ui-monospace, SFMono-Regular, monospace;
+  color: var(--opp-muted);
+}
+
+.opp-preview-json {
+  white-space: pre;
+  overflow: auto;
+}
+
+.opp-preview-frame {
+  border: 0;
+  padding: 0;
+  overflow: hidden;
+  background: #fff;
+  pointer-events: none;
+}
+
+.opp-preview-value {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  background: rgba(229, 169, 32, 0.12);
+  border: 1px solid rgba(229, 169, 32, 0.35);
+  color: var(--opp-fg, inherit);
+}
+
+.opp-preview-value-icon {
+  width: 32px;
+  height: 32px;
+  color: #E5A920;
+}
+
+/* Amount subtitles must never ellipsis — full sat counts are the point. */
+.opp-featured-subtitle-text.opp-amount {
+  font-family: 'Roboto Mono', ui-monospace, SFMono-Regular, monospace;
+  font-variant-numeric: tabular-nums;
+  white-space: normal;
+  overflow: visible;
+  text-overflow: unset;
+  word-break: keep-all;
+}
+
 .opp-featured-meta {
   display: flex;
   flex-direction: column;
@@ -246,6 +292,38 @@ var promptStyles = `
   font-family: 'Roboto Mono', ui-monospace, SFMono-Regular, monospace;
 }
 
+.opp-featured-meta-line {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+  font-size: 12px;
+  color: var(--opp-muted);
+}
+
+.opp-featured-meta-line-bare {
+  align-items: center;
+}
+
+.opp-featured-meta-key {
+  flex-shrink: 0;
+  opacity: 0.75;
+  min-width: 2.5em;
+}
+
+.opp-featured-meta-value {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  min-width: 0;
+  flex: 1;
+}
+
+.opp-featured-meta-value-mono {
+  font-family: 'Roboto Mono', ui-monospace, SFMono-Regular, monospace;
+  font-size: 11px;
+}
+
 .opp-trust-wrap {
   display: flex;
   flex-direction: column;
@@ -405,26 +483,25 @@ var promptStyles = `
 `;
 
 // src/OneSatPermissionPrompt.tsx
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 function OneSatPermissionPrompt({
   request,
   onApprove,
   onReject,
   theme = "auto",
-  services: services2
+  services
 }) {
   const resolvedTheme = useResolvedTheme(theme);
-  const base = summarizeRequest(request);
+  const base = viewFromRequest(request);
   const [busy, setBusy] = useState(false);
-  const [verified, setVerified] = useState(undefined);
-  const intent = request.intent;
-  const trustState = intent?.trust?.state;
-  const p1satIntent = intent?.p1satIntent;
+  const [verified, setVerified] = useState();
+  const txPrompt = request.kind === "transaction" && isTransactionPrompt(request.payload) ? request.payload : undefined;
   useEffect(() => {
-    if (!services2 || !trustState || !p1satIntent || !intent)
+    if (!services || !txPrompt?.trust || !txPrompt.verify)
       return;
     let live = true;
-    verifyIntent(services2, p1satIntent, intent.inputs, intent.outputs, services2.ordfs?.getContentUrl).then((res) => {
+    const getContentUrl = services.ordfs?.getContentUrl?.bind(services.ordfs);
+    verifyIntent(services, txPrompt.verify.kind, txPrompt.verify.inputs, txPrompt.verify.outputs, getContentUrl).then((res) => {
       if (live && res)
         setVerified(res);
     }).catch(() => {
@@ -433,8 +510,8 @@ function OneSatPermissionPrompt({
     return () => {
       live = false;
     };
-  }, [services2, trustState, p1satIntent, intent]);
-  const summary = verified ? applyVerification(base, verified) : base;
+  }, [services, txPrompt]);
+  const view = verified ? applyVerification(base, verified) : base;
   const handle = (action) => () => {
     if (busy)
       return;
@@ -461,7 +538,6 @@ function OneSatPermissionPrompt({
     return () => window.removeEventListener("keydown", onKey);
   }, [onApprove, onReject, busy]);
   const className = `opp-root${resolvedTheme === "dark" ? " opp-dark" : ""}`;
-  const featuredVariant = summary.featured?.variant ?? "ordinal";
   return /* @__PURE__ */ jsxs("div", {
     className,
     children: [
@@ -506,11 +582,11 @@ function OneSatPermissionPrompt({
           }),
           /* @__PURE__ */ jsx("h2", {
             className: "opp-title",
-            children: summary.title
+            children: view.title
           }),
           /* @__PURE__ */ jsx("p", {
             className: "opp-subtitle",
-            children: summary.subtitle
+            children: view.subtitle
           }),
           /* @__PURE__ */ jsx("div", {
             className: "opp-status",
@@ -518,58 +594,79 @@ function OneSatPermissionPrompt({
           })
         ]
       }),
-      summary.featured && /* @__PURE__ */ jsxs("div", {
-        className: `opp-featured${featuredVariant === "token" ? " opp-featured-token" : ""}`,
-        children: [
-          summary.featured.imageUrl ? /* @__PURE__ */ jsx("img", {
-            className: featuredVariant === "token" ? "opp-featured-image opp-featured-image-token" : "opp-featured-image",
-            src: summary.featured.imageUrl,
-            alt: summary.featured.title
-          }) : /* @__PURE__ */ jsx("div", {
-            className: featuredVariant === "token" ? "opp-featured-image opp-featured-image-token opp-featured-placeholder" : "opp-featured-image opp-featured-placeholder",
-            "aria-hidden": true,
-            children: featuredVariant === "token" ? "◎" : "▭"
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "opp-featured-meta",
-            children: [
-              /* @__PURE__ */ jsx("div", {
-                className: "opp-featured-title",
-                children: summary.featured.title
-              }),
-              summary.featured.subtitle && /* @__PURE__ */ jsxs("div", {
-                className: "opp-featured-subtitle",
-                children: [
-                  /* @__PURE__ */ jsx("span", {
-                    className: "opp-featured-subtitle-text",
-                    children: summary.featured.subtitle
-                  }),
-                  summary.featured.subtitleCopy && /* @__PURE__ */ jsx(CopyButton, {
-                    text: summary.featured.subtitleCopy
-                  })
-                ]
-              })
-            ]
-          })
-        ]
+      view.panels.map((panel, i) => {
+        const variant = panel.variant ?? "ordinal";
+        const classes = ["opp-featured"];
+        if (variant === "token")
+          classes.push("opp-featured-token");
+        if (variant === "value")
+          classes.push("opp-featured-value");
+        if (panel.tone === "danger")
+          classes.push("opp-featured-danger");
+        return /* @__PURE__ */ jsxs("div", {
+          className: classes.join(" "),
+          children: [
+            /* @__PURE__ */ jsx(PanelPreview, {
+              panel
+            }),
+            /* @__PURE__ */ jsxs("div", {
+              className: "opp-featured-meta",
+              children: [
+                /* @__PURE__ */ jsx("div", {
+                  className: "opp-featured-title",
+                  children: panel.title
+                }),
+                panel.subtitle && /* @__PURE__ */ jsxs("div", {
+                  className: "opp-featured-subtitle",
+                  children: [
+                    /* @__PURE__ */ jsx("span", {
+                      className: panel.amountSats != null ? "opp-featured-subtitle-text opp-amount" : "opp-featured-subtitle-text",
+                      children: panel.subtitle
+                    }),
+                    panel.subtitleCopy && /* @__PURE__ */ jsx(CopyButton, {
+                      text: panel.subtitleCopy
+                    })
+                  ]
+                }),
+                (panel.meta ?? []).map((m) => /* @__PURE__ */ jsxs("div", {
+                  className: `opp-featured-meta-line${m.key ? "" : " opp-featured-meta-line-bare"}`,
+                  children: [
+                    m.key ? /* @__PURE__ */ jsx("span", {
+                      className: "opp-featured-meta-key",
+                      children: m.key
+                    }) : null,
+                    /* @__PURE__ */ jsx("span", {
+                      className: `opp-featured-meta-value${m.key ? "" : " opp-featured-meta-value-mono"}`,
+                      title: m.copyValue ?? m.value,
+                      children: m.value
+                    }),
+                    m.copyValue && /* @__PURE__ */ jsx(CopyButton, {
+                      text: m.copyValue
+                    })
+                  ]
+                }, `${m.key}:${m.value}`))
+              ]
+            })
+          ]
+        }, `panel-${i}-${panel.title}`);
       }),
-      summary.trust && /* @__PURE__ */ jsxs("div", {
+      view.trust && /* @__PURE__ */ jsxs("div", {
         className: "opp-trust-wrap",
         children: [
           /* @__PURE__ */ jsx("span", {
-            className: `opp-trust opp-trust-${summary.trust.state}`,
-            children: trustLabel(summary.trust.state)
+            className: `opp-trust opp-trust-${view.trust.state}`,
+            children: trustLabel(view.trust.state)
           }),
-          summary.trust.note && /* @__PURE__ */ jsx("div", {
-            className: `opp-trust-note opp-trust-note-${summary.trust.state}`,
-            children: summary.trust.note
+          view.trust.note && /* @__PURE__ */ jsx("div", {
+            className: `opp-trust-note opp-trust-note-${view.trust.state}`,
+            children: view.trust.note
           })
         ]
       }),
-      (summary.rows.length > 0 || summary.indexerFee) && /* @__PURE__ */ jsxs("div", {
+      (view.rows.length > 0 || view.indexerFee || view.funding) && /* @__PURE__ */ jsxs("div", {
         className: "opp-card",
         children: [
-          summary.rows.map((row) => /* @__PURE__ */ jsxs("div", {
+          view.rows.map((row) => /* @__PURE__ */ jsxs("div", {
             className: "opp-row",
             children: [
               /* @__PURE__ */ jsx("span", {
@@ -591,29 +688,41 @@ function OneSatPermissionPrompt({
               })
             ]
           }, `${row.key}:${row.value}`)),
-          summary.indexerFee && /* @__PURE__ */ jsxs(Fragment, {
+          view.indexerFee && /* @__PURE__ */ jsxs("div", {
+            className: "opp-row",
             children: [
-              /* @__PURE__ */ jsxs("div", {
-                className: "opp-row",
+              /* @__PURE__ */ jsx("span", {
+                className: "opp-row-key",
+                children: "1Sat Overlay Fee"
+              }),
+              /* @__PURE__ */ jsxs("span", {
+                className: "opp-row-value opp-amount",
                 children: [
-                  /* @__PURE__ */ jsx("span", {
-                    className: "opp-row-key",
-                    children: "Indexer fee"
-                  }),
-                  /* @__PURE__ */ jsxs("span", {
-                    className: "opp-row-value",
-                    children: [
-                      formatSats(summary.indexerFee.sats),
-                      " sats"
-                    ]
-                  })
+                  formatSats(view.indexerFee.sats),
+                  " sats"
                 ]
+              })
+            ]
+          }),
+          view.funding?.networkFeeSats != null && /* @__PURE__ */ jsxs("div", {
+            className: "opp-row",
+            children: [
+              /* @__PURE__ */ jsx("span", {
+                className: "opp-row-key",
+                children: "Network fee"
               }),
-              summary.indexerFee.note && /* @__PURE__ */ jsx("div", {
-                className: "opp-fee-note",
-                children: summary.indexerFee.note
+              /* @__PURE__ */ jsxs("span", {
+                className: "opp-row-value opp-amount",
+                children: [
+                  formatSats(view.funding.networkFeeSats),
+                  " sats"
+                ]
               })
             ]
+          }),
+          view.funding?.note && /* @__PURE__ */ jsx("div", {
+            className: "opp-fee-note",
+            children: view.funding.note
           })
         ]
       }),
@@ -650,6 +759,120 @@ function OneSatPermissionPrompt({
     ]
   });
 }
+function viewFromRequest(req) {
+  if (req.kind === "transaction" && isTransactionPrompt(req.payload)) {
+    return {
+      title: req.payload.title,
+      subtitle: req.payload.subtitle,
+      panels: req.payload.panels,
+      rows: req.payload.rows,
+      trust: req.payload.trust,
+      indexerFee: req.payload.indexerFee,
+      funding: req.payload.funding
+    };
+  }
+  if (req.kind === "basketAccess") {
+    const baskets = req.payload.baskets ?? [];
+    const isView = baskets.length > 0 && baskets.every((b) => b.scope || b.basket.startsWith("p "));
+    const panels = baskets.filter((b) => b.imageUrl || b.name || b.value).map((b) => ({
+      title: b.scope === "collection" ? b.name ? `Collection · ${b.name}` : "Collection" : b.scope ? b.scope : "Basket",
+      subtitle: b.value ? b.value.length > 24 ? `${b.value.slice(0, 10)}…${b.value.slice(-10)}` : b.value : b.basket,
+      subtitleCopy: b.value,
+      ...b.imageUrl && {
+        previewKind: "image",
+        contentUrl: b.imageUrl,
+        imageUrl: b.imageUrl
+      },
+      tone: "default"
+    }));
+    const rows = baskets.flatMap((b) => {
+      if (b.scope === "collection") {
+        return b.description ? [{ key: "Access", value: b.description }] : [];
+      }
+      return [
+        {
+          key: b.basket,
+          value: b.description ?? "List, insert, and remove outputs"
+        }
+      ];
+    });
+    return {
+      title: isView ? baskets.length === 1 ? baskets[0].scope === "collection" ? "Grant Collection View" : "Grant Item View" : `Grant View (${baskets.length})` : baskets.length === 1 ? "Grant Basket Access" : `Grant Access to ${baskets.length} Baskets`,
+      subtitle: isView ? `${shortenOriginator(req.originator)} wants to view items in your wallet` : `${shortenOriginator(req.originator)} wants to read and write 1Sat baskets`,
+      panels,
+      rows
+    };
+  }
+  if (req.kind === "protocol") {
+    return {
+      title: "Protocol Access",
+      subtitle: `${shortenOriginator(req.originator)} wants protocol access`,
+      panels: [],
+      rows: [{ key: "Detail", value: req.summary || "Protocol request" }]
+    };
+  }
+  return {
+    title: "Signature Request",
+    subtitle: `${shortenOriginator(req.originator)} wants a signature`,
+    panels: [],
+    rows: [{ key: "Detail", value: req.summary || "Signature request" }]
+  };
+}
+function applyVerification(base, res) {
+  const panels = base.panels.map((p, i) => {
+    if (i !== 0)
+      return p;
+    const keepOpns = p.previewKind === "opns";
+    const kindFromVerify = res.contentType ? previewKindFromContentType(res.contentType) : undefined;
+    const nextKind = keepOpns ? "opns" : kindFromVerify && kindFromVerify !== "none" ? kindFromVerify : p.previewKind;
+    const mediaUrl = res.contentUrl ?? p.contentUrl ?? p.imageUrl;
+    let subtitle = p.subtitle;
+    if (res.name && !keepOpns) {
+      if (!subtitle) {
+        subtitle = res.name;
+      } else {
+        const parts = subtitle.trim().split(/\s+/);
+        if (parts.length >= 2) {
+          parts[parts.length - 1] = res.name;
+          subtitle = parts.join(" ");
+        }
+      }
+    }
+    return {
+      ...p,
+      previewKind: nextKind,
+      ...subtitle ? { subtitle } : {},
+      ...keepOpns ? {
+        ...res.contentUrl && !p.imageUrl ? { imageUrl: res.contentUrl } : p.imageUrl ? { imageUrl: p.imageUrl } : {}
+      } : nextKind === "image" ? { imageUrl: mediaUrl, contentUrl: mediaUrl } : mediaUrl ? { contentUrl: mediaUrl, imageUrl: undefined } : {}
+    };
+  });
+  return {
+    ...base,
+    panels,
+    trust: { state: res.state, note: res.note }
+  };
+}
+function previewKindFromContentType(ct) {
+  const c = ct.toLowerCase();
+  if (c === "image/svg+xml" || c === "svg" || c.endsWith("+svg"))
+    return "svg";
+  if (c.startsWith("image/"))
+    return "image";
+  if (c.includes("json"))
+    return "json";
+  if (c.includes("html") || c === "application/xhtml+xml")
+    return "html";
+  if (c.startsWith("text/"))
+    return "text";
+  return "none";
+}
+function formatSatsFull(n) {
+  return `${n.toLocaleString("en-US")} sats`;
+}
+function formatSats(n) {
+  return n.toLocaleString("en-US");
+}
 function trustLabel(state) {
   if (state === "verified")
     return "Verified";
@@ -657,8 +880,218 @@ function trustLabel(state) {
     return "Mismatch";
   return "Unverified";
 }
-function formatSats(n) {
-  return n.toLocaleString("en-US");
+function PanelPreview({ panel }) {
+  const variant = panel.variant ?? "ordinal";
+  const baseClass = variant === "token" ? "opp-featured-image opp-featured-image-token" : variant === "value" ? "opp-featured-image opp-preview-value" : "opp-featured-image";
+  const kind = panel.previewKind ?? (panel.imageUrl ? "image" : "none");
+  const mediaUrl = panel.contentUrl ?? panel.imageUrl;
+  const [imgBroken, setImgBroken] = useState(false);
+  if (variant === "value") {
+    const icon = panel.valueIcon ?? "pay";
+    return /* @__PURE__ */ jsx("div", {
+      className: baseClass,
+      title: panel.amountSats != null ? formatSatsFull(panel.amountSats) : undefined,
+      "aria-hidden": true,
+      children: /* @__PURE__ */ jsx(ValueGlyph, {
+        kind: icon
+      })
+    });
+  }
+  if (kind === "opns") {
+    const showAvatar = Boolean(panel.imageUrl) && !imgBroken;
+    return /* @__PURE__ */ jsxs("div", {
+      className: `${baseClass} opp-preview-opns`,
+      "aria-hidden": !panel.opnsHero,
+      children: [
+        showAvatar ? /* @__PURE__ */ jsx("img", {
+          className: "opp-preview-opns-avatar",
+          src: panel.imageUrl,
+          alt: "",
+          onError: () => setImgBroken(true)
+        }) : /* @__PURE__ */ jsx("div", {
+          className: "opp-preview-opns-avatar opp-featured-placeholder",
+          children: "◈"
+        }),
+        /* @__PURE__ */ jsx("span", {
+          className: "opp-preview-opns-name",
+          title: panel.opnsHero,
+          children: panel.opnsHero ?? "OpNS"
+        })
+      ]
+    });
+  }
+  if (kind === "image" && panel.imageUrl && !imgBroken) {
+    return /* @__PURE__ */ jsx("img", {
+      className: baseClass,
+      src: panel.imageUrl,
+      alt: panel.title,
+      onError: () => setImgBroken(true)
+    });
+  }
+  if (kind === "image" && imgBroken) {
+    return /* @__PURE__ */ jsx("div", {
+      className: `${baseClass} opp-featured-placeholder`,
+      "aria-hidden": true,
+      children: "▭"
+    });
+  }
+  if ((kind === "text" || kind === "json" || kind === "html") && panel.previewText) {
+    return /* @__PURE__ */ jsx("pre", {
+      className: `${baseClass} opp-preview-text${kind === "json" ? " opp-preview-json" : ""}`,
+      children: panel.previewText
+    });
+  }
+  if ((kind === "text" || kind === "json") && mediaUrl) {
+    return /* @__PURE__ */ jsx(FetchedTextPreview, {
+      url: mediaUrl,
+      kind,
+      className: baseClass
+    });
+  }
+  if ((kind === "html" || kind === "svg") && mediaUrl) {
+    return /* @__PURE__ */ jsx("iframe", {
+      className: `${baseClass} opp-preview-frame`,
+      src: mediaUrl,
+      title: `${panel.title} preview`,
+      sandbox: "",
+      referrerPolicy: "no-referrer"
+    });
+  }
+  return /* @__PURE__ */ jsx("div", {
+    className: `${baseClass} opp-featured-placeholder`,
+    "aria-hidden": true,
+    children: variant === "token" ? "◎" : previewGlyph(kind)
+  });
+}
+function previewGlyph(kind) {
+  if (kind === "text" || kind === "json")
+    return "¶";
+  if (kind === "html" || kind === "svg")
+    return "⌂";
+  return "▭";
+}
+function ValueGlyph({ kind }) {
+  if (kind === "lock") {
+    return /* @__PURE__ */ jsxs("svg", {
+      className: "opp-preview-value-icon",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      "aria-hidden": true,
+      children: [
+        /* @__PURE__ */ jsx("rect", {
+          x: "5",
+          y: "11",
+          width: "14",
+          height: "10",
+          rx: "2",
+          stroke: "currentColor",
+          strokeWidth: "2"
+        }),
+        /* @__PURE__ */ jsx("path", {
+          d: "M8 11V8a4 4 0 018 0v3",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round"
+        })
+      ]
+    });
+  }
+  if (kind === "unlock") {
+    return /* @__PURE__ */ jsxs("svg", {
+      className: "opp-preview-value-icon",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      "aria-hidden": true,
+      children: [
+        /* @__PURE__ */ jsx("rect", {
+          x: "5",
+          y: "11",
+          width: "14",
+          height: "10",
+          rx: "2",
+          stroke: "currentColor",
+          strokeWidth: "2"
+        }),
+        /* @__PURE__ */ jsx("path", {
+          d: "M8 11V7.5A4 4 0 0116 7",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round"
+        }),
+        /* @__PURE__ */ jsx("path", {
+          d: "M16 4.5v3",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round"
+        })
+      ]
+    });
+  }
+  return /* @__PURE__ */ jsxs("svg", {
+    className: "opp-preview-value-icon",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    "aria-hidden": true,
+    children: [
+      /* @__PURE__ */ jsx("circle", {
+        cx: "12",
+        cy: "12",
+        r: "9",
+        stroke: "currentColor",
+        strokeWidth: "2"
+      }),
+      /* @__PURE__ */ jsx("path", {
+        d: "M12 7v10M9 10.5c0-1.4 1.3-2.5 3-2.5s3 1.1 3 2.5-1.3 2.5-3 2.5-3 1.1-3 2.5 1.3 2.5 3 2.5 3-1.1 3-2.5",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round"
+      })
+    ]
+  });
+}
+function FetchedTextPreview({
+  url,
+  kind,
+  className
+}) {
+  const [body, setBody] = useState(null);
+  const [failed, setFailed] = useState(false);
+  useEffect(() => {
+    let cancelled = false;
+    setBody(null);
+    setFailed(false);
+    fetch(url).then(async (res) => {
+      if (!res.ok)
+        throw new Error(String(res.status));
+      const text = await res.text();
+      if (cancelled)
+        return;
+      if (kind === "json") {
+        try {
+          setBody(JSON.stringify(JSON.parse(text), null, 2));
+          return;
+        } catch {}
+      }
+      setBody(text.slice(0, 800));
+    }).catch(() => {
+      if (!cancelled)
+        setFailed(true);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [url, kind]);
+  if (failed) {
+    return /* @__PURE__ */ jsx("div", {
+      className: `${className} opp-featured-placeholder`,
+      "aria-hidden": true,
+      children: "¶"
+    });
+  }
+  return /* @__PURE__ */ jsx("pre", {
+    className: `${className} opp-preview-text${kind === "json" ? " opp-preview-json" : ""}`,
+    children: body ?? "…"
+  });
 }
 function CopyButton({ text }) {
   const [copied, setCopied] = useState(false);
@@ -713,9 +1146,6 @@ function CopyButton({ text }) {
     })
   });
 }
-function copyable(key, full) {
-  return { key, value: shortenValue(full), copyValue: full };
-}
 function useResolvedTheme(theme) {
   const [resolved, setResolved] = useState(() => theme === "auto" ? readSystemTheme() : theme);
   useEffect(() => {
@@ -736,596 +1166,15 @@ function readSystemTheme() {
     return "light";
   return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
-function applyVerification(base, res) {
-  const rows = base.rows.map((row) => {
-    if (row.key === "Origin" && res.origin)
-      return copyable("Origin", res.origin);
-    if (row.key === "Type" && res.contentType) {
-      return { key: "Type", value: res.contentType };
-    }
-    return row;
-  });
-  if (res.contentLength !== undefined && !rows.some((r) => r.key === "Size")) {
-    rows.push({
-      key: "Size",
-      value: `${res.contentLength.toLocaleString("en-US")} bytes`
-    });
-  }
-  return {
-    ...base,
-    rows,
-    trust: { state: res.state, note: res.note },
-    featured: base.featured ? {
-      ...base.featured,
-      title: res.name ?? base.featured.title,
-      imageUrl: res.contentUrl ?? base.featured.imageUrl
-    } : undefined
-  };
-}
-function summarizeRequest(req) {
-  if (req.kind === "transaction") {
-    const intent = req.intent;
-    const byIntent = summarizeByP1SatIntent(req, intent);
-    if (byIntent)
-      return byIntent;
-    switch (intent.kind) {
-      case "ordinal-transfer":
-        return summarizeOrdinalTransfer(req, intent);
-      case "token-transfer":
-        return summarizeTokenTransfer(req, intent);
-      case "lock":
-        return summarizeLock(req, intent);
-      case "unlock":
-        return summarizeUnlock(req, intent);
-      case "inscription":
-        return summarizeInscription(req, intent);
-      case "listing":
-        return summarizeListing(req, intent);
-      case "cancel-listing":
-        return summarizeCancelListing(req, intent);
-      case "purchase":
-        return summarizePurchase(req, intent);
-      case "social-post":
-        return summarizeSocialPost(req, intent);
-      case "opns":
-        return summarizeOpns(req, intent);
-      default:
-        return summarizeUnknownTx(req, intent);
-    }
-  }
-  if (req.kind === "protocol") {
-    return summarizeProtocol(req);
-  }
-  if (req.kind === "basketAccess") {
-    return summarizeBasketAccess(req);
-  }
-  return summarizeSignature(req);
-}
-function summarizeBasketAccess(req) {
-  const intent = req.intent;
-  const baskets = intent.baskets ?? [];
-  return {
-    title: baskets.length === 1 ? "Grant Basket Access" : `Grant Access to ${baskets.length} Baskets`,
-    subtitle: `${shortenOriginator(req.originator)} wants to read and write 1Sat baskets`,
-    rows: baskets.map((b) => ({
-      key: b.basket,
-      value: b.description ?? "List, insert, and remove outputs"
-    }))
-  };
-}
-var INTENT_TITLES = {
-  "opns.register": "Publish name",
-  "opns.deregister": "Unpublish name",
-  "opns.list": "List name for sale",
-  "opns.transfer": "Transfer name",
-  "opns.cancel-listing": "Cancel listing",
-  "opns.purchase": "Buy name",
-  "ordinal.transfer": "Send ordinal",
-  "ordinal.list": "List for sale",
-  "ordinal.cancel-listing": "Cancel listing",
-  "ordinal.purchase": "Buy ordinal",
-  "ordinal.burn": "Burn ordinal",
-  "ordinal.inscribe": "Create inscription",
-  "ordinal.inscribe-sigma": "Create inscription",
-  "ordinal.mint-collection": "Mint collection",
-  "ordinal.mint-item": "Mint collection item",
-  "lock.lock": "Lock BSV",
-  "lock.unlock": "Unlock BSV",
-  "bsv21.transfer": "Send tokens",
-  "bsv21.purchase": "Buy tokens",
-  "bsv21.mint": "Mint tokens",
-  "bsv21.deploy": "Deploy token"
-};
-function summarizeByP1SatIntent(req, intent) {
-  const id = intent.p1satIntent;
-  if (!id || !INTENT_TITLES[id])
-    return;
-  let base;
-  switch (intent.kind) {
-    case "ordinal-transfer":
-      base = summarizeOrdinalTransfer(req, intent);
-      break;
-    case "token-transfer":
-      base = summarizeTokenTransfer(req, intent);
-      break;
-    case "lock":
-      base = summarizeLock(req, intent);
-      break;
-    case "unlock":
-      base = summarizeUnlock(req, intent);
-      break;
-    case "inscription":
-      base = summarizeInscription(req, intent);
-      break;
-    case "listing":
-      base = summarizeListing(req, intent);
-      break;
-    case "cancel-listing":
-      base = summarizeCancelListing(req, intent);
-      break;
-    case "purchase":
-      base = summarizePurchase(req, intent);
-      break;
-    case "opns":
-      base = summarizeOpns(req, intent);
-      break;
-    default:
-      base = summarizeUnknownTx(req, intent);
-  }
-  return {
-    ...base,
-    title: INTENT_TITLES[id],
-    subtitle: intentSubtitle(req, id, intent),
-    feeSats: undefined,
-    network: undefined,
-    trust: intent.trust ?? base.trust,
-    indexerFee: intent.indexerFeeSats != null && intent.indexerFeeSats > 0 ? {
-      sats: intent.indexerFeeSats,
-      note: intent.indexerFeeNote
-    } : base.indexerFee
-  };
-}
-function intentSubtitle(req, id, intent) {
-  const o = shortenOriginator(req.originator);
-  const name = tagValue(intent.inputs[0]?.tags, "name") ?? tagValue(intent.outputs.find((out) => out.tags.some((t) => t.startsWith("name:")))?.tags, "name");
-  const quoted = name ? `“${name}”` : undefined;
-  switch (id) {
-    case "opns.register":
-      return `${o} wants to publish ${quoted ?? "an OpNS name"}`;
-    case "opns.deregister":
-      return `${o} wants to unpublish ${quoted ?? "an OpNS name"}`;
-    case "opns.list":
-      return `${o} wants to list ${quoted ?? "an OpNS name"} for sale`;
-    case "opns.transfer":
-      return `${o} wants to transfer ${quoted ?? "an OpNS name"}`;
-    case "opns.cancel-listing":
-      return `${o} wants to cancel ${quoted ? `the listing of ${quoted}` : "an OpNS listing"}`;
-    case "opns.purchase":
-      return `${o} wants to buy ${quoted ?? "an OpNS name"}`;
-    case "ordinal.transfer":
-      return `${o} wants to transfer an ordinal`;
-    case "ordinal.list":
-      return `${o} wants to list ${quoted ?? "an ordinal"} for sale`;
-    case "ordinal.cancel-listing":
-      return `${o} wants to cancel ${quoted ? `the listing of ${quoted}` : "an ordinal listing"}`;
-    case "ordinal.purchase":
-      return `${o} wants to purchase an ordinal into your wallet`;
-    case "ordinal.burn":
-      return `${o} wants to burn an ordinal`;
-    case "ordinal.inscribe":
-    case "ordinal.inscribe-sigma":
-      return `${o} wants to inscribe content into your wallet`;
-    case "ordinal.mint-collection":
-      return `${o} wants to mint a collection`;
-    case "ordinal.mint-item":
-      return `${o} wants to mint a collection item`;
-    case "lock.lock":
-      return `${o} wants to time-lock funds`;
-    case "lock.unlock":
-      return `${o} wants to unlock matured locks`;
-    case "bsv21.transfer":
-      return `${o} wants to send tokens`;
-    case "bsv21.purchase":
-      return `${o} wants to purchase tokens into your wallet`;
-    case "bsv21.mint":
-      return `${o} wants to mint tokens`;
-    case "bsv21.deploy":
-      return `${o} wants to deploy a BSV21 token`;
-    default:
-      return `${o} wants to ${req.summary.toLowerCase()}`;
-  }
-}
-function tagValue(tags, key) {
-  if (!tags)
-    return;
-  const prefix = `${key}:`;
-  for (const t of tags) {
-    if (t.startsWith(prefix))
-      return t.slice(prefix.length);
-  }
-  return;
-}
-function summarizeOrdinalTransfer(req, intent) {
-  const ordinal = intent.inputs[0];
-  const origin = tagValue(ordinal?.tags, "origin");
-  const name = tagValue(ordinal?.tags, "name");
-  const contentType = tagValue(ordinal?.tags, "type");
-  const collectionId = tagValue(ordinal?.tags, "collectionId");
-  const recipient = intent.outputs.find((o) => o.recipient)?.recipient;
-  const imageUrl = origin ? intent.contentUrls?.[origin] : undefined;
-  const rows = [];
-  if (recipient)
-    rows.push(copyable("Recipient", recipient));
-  if (origin)
-    rows.push(copyable("Origin", origin));
-  if (contentType)
-    rows.push({ key: "Type", value: contentType });
-  return {
-    title: "Send ordinal",
-    subtitle: `${shortenOriginator(req.originator)} wants to transfer an ordinal`,
-    rows,
-    featured: imageUrl ? {
-      imageUrl,
-      title: name ?? "Untitled ordinal",
-      subtitle: collectionId ?? contentType
-    } : undefined
-  };
-}
-function summarizeTokenTransfer(req, intent) {
-  const totals = new Map;
-  for (const input of intent.inputs) {
-    const tokenId = tagValue(input.tags, "bsv21");
-    if (!tokenId)
-      continue;
-    const sym2 = tagValue(input.tags, "sym");
-    const amt = BigInt(tagValue(input.tags, "amt") ?? "0");
-    const cur = totals.get(tokenId) ?? { sym: sym2, inAmt: 0n, changeAmt: 0n };
-    cur.inAmt += amt;
-    if (!cur.sym && sym2)
-      cur.sym = sym2;
-    totals.set(tokenId, cur);
-  }
-  for (const output of intent.outputs) {
-    if (output.basket !== BSV21_BASKET)
-      continue;
-    const tokenId = tagValue(output.tags, "bsv21");
-    if (!tokenId)
-      continue;
-    const amt = BigInt(tagValue(output.tags, "amt") ?? "0");
-    const cur = totals.get(tokenId);
-    if (cur)
-      cur.changeAmt += amt;
-  }
-  const rows = [];
-  let featured;
-  let primaryTokenId;
-  for (const [tokenId, info] of totals) {
-    if (!primaryTokenId)
-      primaryTokenId = tokenId;
-    const sent = info.inAmt - info.changeAmt;
-    rows.push({ key: "Amount", value: sent.toLocaleString("en-US") });
-  }
-  const to = intent.outputs.find((o) => o.recipient && o.satoshis === 1)?.recipient;
-  if (to)
-    rows.push(copyable("Recipient", to));
-  const firstIn = intent.inputs.find((i) => tagValue(i.tags, "bsv21"));
-  const sym = (primaryTokenId ? totals.get(primaryTokenId)?.sym : undefined) ?? tagValue(firstIn?.tags, "sym");
-  const iconRef = tagValue(firstIn?.tags, "icon");
-  const iconUrl = iconRef && intent.contentUrls?.[iconRef] || primaryTokenId && intent.contentUrls?.[primaryTokenId] || undefined;
-  if (primaryTokenId) {
-    featured = {
-      variant: "token",
-      imageUrl: iconUrl,
-      title: sym ?? "Token",
-      subtitle: shortenId(primaryTokenId),
-      subtitleCopy: primaryTokenId
-    };
-  }
-  const indexerFee = resolveIndexerFee(intent);
-  return {
-    title: "Send tokens",
-    subtitle: `${shortenOriginator(req.originator)} wants to send tokens`,
-    rows,
-    featured,
-    indexerFee
-  };
-}
-function resolveIndexerFee(intent) {
-  if (intent.indexerFeeSats != null && intent.indexerFeeSats > 0) {
-    return {
-      sats: intent.indexerFeeSats,
-      note: intent.indexerFeeNote
-    };
-  }
-  const tokenOutCount = intent.outputs.filter((o) => o.basket === BSV21_BASKET || tagValue(o.tags, "bsv21")).length;
-  const feeLike = intent.outputs.filter((o) => !o.basket && o.recipient && o.satoshis > 1);
-  const isPurchase = intent.p1satIntent?.endsWith(".purchase") || intent.kind === "purchase";
-  if (isPurchase || feeLike.length !== 1)
-    return;
-  const fee = feeLike[0];
-  if (!fee || fee.satoshis <= 0)
-    return;
-  const note = tokenOutCount > 0 ? `Overlay processing · ${formatSats(Math.round(fee.satoshis / tokenOutCount))} sats × ${tokenOutCount} token outs` : "Overlay processing fee";
-  return { sats: fee.satoshis, note };
-}
-function summarizeLock(req, intent) {
-  const decoded = intent.outputs.filter((o) => o.lockUntilHeight !== undefined);
-  const lockOutputs = decoded.length > 0 ? decoded : intent.outputs.filter((o) => o.basket === LOCK_BASKET);
-  const sats = (lockOutputs.length > 0 ? lockOutputs : intent.outputs).reduce((s, o) => s + o.satoshis, 0);
-  const until = decoded[0]?.lockUntilHeight;
-  const rows = [
-    { key: "Amount", value: `${sats.toLocaleString("en-US")} sats` }
-  ];
-  if (until !== undefined) {
-    rows.push({
-      key: "Lock until block",
-      value: until.toLocaleString("en-US")
-    });
-  }
-  return {
-    title: "Lock BSV",
-    subtitle: `${shortenOriginator(req.originator)} wants to time-lock funds`,
-    rows
-  };
-}
-function summarizeUnlock(req, intent) {
-  const sats = intent.inputs.reduce((s, i) => s + i.satoshis, 0);
-  return {
-    title: "Unlock Matured",
-    subtitle: `${shortenOriginator(req.originator)} wants to unlock matured locks`,
-    rows: [{ key: "Amount", value: `${sats} sats` }]
-  };
-}
-function summarizeInscription(req, intent) {
-  const inscriptionOutput = intent.outputs.find((o) => o.tags.some((t) => t.startsWith("type:"))) ?? intent.outputs[0];
-  const contentType = tagValue(inscriptionOutput?.tags, "type");
-  const name = tagValue(inscriptionOutput?.tags, "name");
-  const recipient = inscriptionOutput?.recipient;
-  const rows = [];
-  if (contentType)
-    rows.push({ key: "Type", value: contentType });
-  if (name)
-    rows.push({ key: "Name", value: name });
-  if (recipient)
-    rows.push(copyable("Recipient", recipient));
-  return {
-    title: "Create Inscription",
-    subtitle: `${shortenOriginator(req.originator)} wants to inscribe content into your wallet`,
-    rows
-  };
-}
-function summarizeListing(req, intent) {
-  const listingOutput = intent.outputs.find((o) => o.listingPriceSats !== undefined) ?? intent.outputs.find((o) => o.tags.some((t) => t.startsWith("price:")));
-  const ordinal = intent.inputs[0];
-  const origin = tagValue(ordinal?.tags, "origin") ?? tagValue(listingOutput?.tags, "origin");
-  const name = tagValue(ordinal?.tags, "name") ?? tagValue(listingOutput?.tags, "name");
-  const contentType = tagValue(ordinal?.tags, "type") ?? tagValue(listingOutput?.tags, "type");
-  const collectionId = tagValue(ordinal?.tags, "collectionId");
-  const imageUrl = origin ? intent.contentUrls?.[origin] : undefined;
-  const price = listingOutput?.listingPriceSats;
-  const rows = [];
-  if (name)
-    rows.push({ key: "Name", value: name });
-  if (price !== undefined) {
-    rows.push({ key: "Price", value: `${price.toLocaleString("en-US")} sats` });
-  }
-  if (origin)
-    rows.push(copyable("Origin", origin));
-  if (contentType)
-    rows.push({ key: "Type", value: contentType });
-  return {
-    title: "List Ordinal for Sale",
-    subtitle: `${shortenOriginator(req.originator)} wants to list ${name ? `“${name}”` : "an ordinal"} for sale`,
-    rows,
-    featured: imageUrl ? {
-      imageUrl,
-      title: name ?? "Untitled ordinal",
-      subtitle: collectionId ?? contentType
-    } : undefined
-  };
-}
-function summarizeCancelListing(req, intent) {
-  const listing = intent.inputs[0];
-  const reclaimed = intent.outputs[0];
-  const origin = tagValue(listing?.tags, "origin") ?? tagValue(reclaimed?.tags, "origin");
-  const name = tagValue(listing?.tags, "name") ?? tagValue(reclaimed?.tags, "name");
-  const contentType = tagValue(listing?.tags, "type") ?? tagValue(reclaimed?.tags, "type");
-  const collectionId = tagValue(listing?.tags, "collectionId");
-  const price = tagValue(listing?.tags, "price");
-  const imageUrl = origin ? intent.contentUrls?.[origin] : undefined;
-  const rows = [];
-  if (name)
-    rows.push({ key: "Name", value: name });
-  if (price)
-    rows.push({ key: "Original price", value: `${price} sats` });
-  if (origin)
-    rows.push(copyable("Origin", origin));
-  if (contentType)
-    rows.push({ key: "Type", value: contentType });
-  return {
-    title: "Cancel Listing",
-    subtitle: `${shortenOriginator(req.originator)} wants to cancel ${name ? `the listing of “${name}”` : "an ordinal listing"}`,
-    rows,
-    featured: imageUrl ? {
-      imageUrl,
-      title: name ?? "Untitled ordinal",
-      subtitle: collectionId ?? contentType
-    } : undefined
-  };
-}
-function summarizePurchase(req, intent) {
-  const incoming = intent.outputs.find((o) => o.basket === ORDINALS_BASKET || o.basket === BSV21_BASKET);
-  const isToken = incoming?.basket === BSV21_BASKET;
-  const origin = tagValue(incoming?.tags, "origin");
-  const name = tagValue(incoming?.tags, "name");
-  const contentType = tagValue(incoming?.tags, "type");
-  const collectionId = tagValue(incoming?.tags, "collectionId");
-  const sym = tagValue(incoming?.tags, "sym");
-  const amt = tagValue(incoming?.tags, "amt");
-  const tokenId = tagValue(incoming?.tags, "bsv21");
-  const sellerOutput = intent.outputs.find((o) => !o.basket && o.recipient && o.satoshis > 1);
-  const price = sellerOutput?.satoshis;
-  const rows = [];
-  if (price !== undefined)
-    rows.push({ key: "Price", value: `${price.toLocaleString("en-US")} sats` });
-  if (isToken) {
-    if (amt)
-      rows.push({ key: "Amount", value: amt });
-  } else {
-    if (origin)
-      rows.push(copyable("Origin", origin));
-    if (contentType)
-      rows.push({ key: "Type", value: contentType });
-  }
-  const featuredImage = !isToken && origin ? intent.contentUrls?.[origin] : undefined;
-  const iconRef = tagValue(incoming?.tags, "icon");
-  const iconUrl = iconRef && intent.contentUrls?.[iconRef] || tokenId && intent.contentUrls?.[tokenId] || undefined;
-  let featured;
-  if (isToken && (sym || tokenId)) {
-    featured = {
-      variant: "token",
-      imageUrl: iconUrl,
-      title: sym ?? "Token",
-      subtitle: tokenId ? shortenId(tokenId) : undefined,
-      subtitleCopy: tokenId
-    };
-  } else if (featuredImage) {
-    featured = {
-      imageUrl: featuredImage,
-      title: name ?? "Untitled ordinal",
-      subtitle: collectionId ?? contentType
-    };
-  }
-  return {
-    title: isToken ? "Buy tokens" : "Buy ordinal",
-    subtitle: isToken ? `${shortenOriginator(req.originator)} wants to purchase tokens into your wallet` : `${shortenOriginator(req.originator)} wants to purchase an ordinal into your wallet`,
-    rows,
-    featured,
-    trust: intent.trust,
-    indexerFee: resolveIndexerFee(intent)
-  };
-}
-function summarizeSocialPost(req, intent) {
-  return {
-    title: "Social Post",
-    subtitle: `${shortenOriginator(req.originator)} wants to publish a post`,
-    rows: []
-  };
-}
-function summarizeOpns(req, intent) {
-  const input = intent.inputs[0];
-  const opnsOutput = intent.outputs.find((o) => o.basket === OPNS_BASKET);
-  const recipient = intent.outputs.find((o) => !o.basket && o.recipient)?.recipient;
-  const name = tagValue(input?.tags, "name") ?? tagValue(opnsOutput?.tags, "name");
-  const origin = tagValue(input?.tags, "origin") ?? tagValue(opnsOutput?.tags, "origin");
-  const priceTag = intent.outputs.flatMap((o) => o.tags).find((t) => t.startsWith("price:"));
-  const price = priceTag?.slice("price:".length);
-  const rows = [];
-  if (name)
-    rows.push({ key: "Name", value: name });
-  if (opnsOutput?.opnsProfileName) {
-    rows.push({ key: "Display name", value: opnsOutput.opnsProfileName });
-  }
-  if (recipient)
-    rows.push(copyable("Recipient", recipient));
-  if (price)
-    rows.push({ key: "Price", value: `${price} sats` });
-  if (origin)
-    rows.push(copyable("Origin", origin));
-  const copy = opnsCopy(intent.p1satIntent, Boolean(recipient));
-  const nameBit = name ? `“${name}”` : "an OpNS name";
-  const avatarOrigin = opnsOutput?.opnsAvatarOrigin;
-  const avatarUrl = avatarOrigin ? intent.contentUrls?.[avatarOrigin] : undefined;
-  return {
-    title: copy.title,
-    subtitle: `${shortenOriginator(req.originator)} wants to ${copy.verb} ${nameBit}`,
-    rows,
-    ...avatarUrl && {
-      featured: {
-        variant: "token",
-        imageUrl: avatarUrl,
-        title: opnsOutput?.opnsProfileName ?? name ?? "Avatar",
-        ...name && { subtitle: name }
-      }
-    }
-  };
-}
-function opnsCopy(p1satIntent, isTransferHeuristic) {
-  switch (p1satIntent) {
-    case "opns.register":
-      return { title: "Publish name", verb: "publish" };
-    case "opns.deregister":
-      return { title: "Unpublish name", verb: "unpublish" };
-    case "opns.list":
-      return { title: "List name for sale", verb: "list" };
-    case "opns.transfer":
-      return { title: "Transfer name", verb: "transfer" };
-    case "opns.cancel-listing":
-      return { title: "Cancel listing", verb: "cancel the listing of" };
-    case "opns.purchase":
-      return { title: "Buy name", verb: "buy" };
-    default:
-      return isTransferHeuristic ? { title: "Transfer OpNS Name", verb: "transfer" } : { title: "Update OpNS Name", verb: "update" };
-  }
-}
-function summarizeUnknownTx(req, intent) {
-  const ins = intent.inputs.length;
-  const outs = intent.outputs.length;
-  return {
-    title: "Transaction Request",
-    subtitle: `${shortenOriginator(req.originator)} wants to ${req.summary.toLowerCase()}`,
-    rows: [{ key: "Inputs / Outputs", value: `${ins} / ${outs}` }]
-  };
-}
-function shortenId(id, max = 24) {
-  if (id.length <= max)
-    return id;
-  return `${id.slice(0, 8)}…${id.slice(-6)}`;
-}
-function shortenValue(value, head = 12, tail = 10) {
-  if (value.length <= head + tail + 1)
-    return value;
-  return `${value.slice(0, head)}…${value.slice(-tail)}`;
-}
-function summarizeProtocol(req) {
-  const intent = req.intent;
-  const rows = [
-    { key: "Protocol", value: "1Sat (p 1sat)" },
-    { key: "Access", value: intent.access ?? "read-only" }
-  ];
-  return {
-    title: "Protocol Access",
-    subtitle: intent.notes ?? `${shortenOriginator(req.originator)} requests read-only access to derive your 1Sat addresses. Signing remains per-transaction.`,
-    rows
-  };
-}
-function summarizeSignature(req) {
-  const intent = req.intent;
-  const rows = [];
-  if (intent.protocolID) {
-    rows.push({ key: "Protocol", value: JSON.stringify(intent.protocolID) });
-  }
-  if (intent.keyID)
-    rows.push({ key: "Key ID", value: intent.keyID });
-  if (intent.counterparty) {
-    rows.push({
-      key: "Counterparty",
-      value: shortenOriginator(intent.counterparty)
-    });
-  }
-  if (typeof intent.dataLength === "number") {
-    rows.push({ key: "Payload", value: `${intent.dataLength} bytes` });
-  }
-  return {
-    title: "Signature Request",
-    subtitle: `${shortenOriginator(req.originator)} requests a signature`,
-    rows
-  };
-}
 function shortenOriginator(origin) {
-  if (origin.length <= 28)
-    return origin;
-  return `${origin.slice(0, 18)}…${origin.slice(-6)}`;
+  try {
+    const u = new URL(origin.includes("://") ? origin : `https://${origin}`);
+    return u.host || origin;
+  } catch {
+    if (origin.length <= 32)
+      return origin;
+    return `${origin.slice(0, 14)}…${origin.slice(-12)}`;
+  }
 }
 export {
   OneSatPermissionPrompt