@certrev/cert-block 0.3.0 → 0.5.1

package/dist/modal/cert-modal-view.js

@@ -0,0 +1,160 @@
+/**
+ * Pure envelope → modal-HTML mapping for `<certrev-cert-modal>` (POR-10102).
+ *
+ * DOM-free and side-effect-free so it unit-tests without a browser: given the
+ * signed envelope's `payload.content`, it returns the inner HTML of the certificate
+ * (3a) and reviewer (4b) `<dialog>`s. The element (`certrev-cert-modal.ts`) owns the
+ * shadow root, the `<dialog>` wrappers, and the open/close wiring; this module owns
+ * only the content.
+ *
+ * Invariants:
+ *  - Every dynamic value is `escapeHtml`'d (the envelope is signed, but a reviewer
+ *    name / memo is still attacker-adjacent content).
+ *  - Only `http(s)` hrefs render (mirrors the Liquid `certrev-safe-url` guard).
+ *  - Verified-only fields (POR-10091): the bio binds the envelope's verified
+ *    `background`/`bio`; this module never reaches for a raw column.
+ *  - Graceful degradation: a missing article title drops the "Certifies the article"
+ *    block; a missing display cert id drops that meta column; no credentials → no
+ *    chips / no creds line; no bio → no bio paragraph. Nothing renders an empty gap.
+ *  - WS4a (display eviction) accept-on-read: an ABSENT `display` block resolves to the
+ *    preset default (show-all) — every read below is `display?.x !== false` / `=== false`,
+ *    so `undefined` never suppresses a field. The modal is the LOCKED navy trust chrome and
+ *    is deliberately NOT themeable by a brand render-def; it reads visibility off the signed
+ *    envelope only, so no render-def wiring belongs here.
+ */
+import { escapeHtml } from './escape.js';
+import { resizeAvatarUrl } from './avatar-resize.js';
+import { CERT_SCOPE_LINE, formatCertDisplayDate } from './display-strings.js';
+import { checkIcon, chevronMark, verifiedStamp } from './certrev-cert-modal.styles.js';
+const HONORIFIC_RE = /^(dr|prof|professor|mr|mrs|ms|mx|rev|sir|dame)\.?\s+/i;
+/** The bare given+family name: strip the leading honorific AND the trailing post-nominal
+ *  (`, MD`), so "Dr. Erik Schraga, MD" → "Erik Schraga". */
+function coreName(displayName) {
+    const withoutHonorific = displayName.replace(HONORIFIC_RE, '').trim();
+    const comma = withoutHonorific.indexOf(',');
+    return (comma === -1 ? withoutHonorific : withoutHonorific.slice(0, comma)).trim();
+}
+/** Two-letter initials — first + last of the core name (honorific + post-nominal stripped),
+ *  so "Dr. Erik Schraga, MD" → "ES" (matches the Liquid derivation), not "EM". */
+export function deriveInitials(name) {
+    const words = coreName(name).split(/\s+/).filter(Boolean);
+    if (words.length === 0)
+        return '';
+    if (words.length === 1)
+        return words[0].slice(0, 2).toUpperCase();
+    return (words[0][0] + words[words.length - 1][0]).toUpperCase();
+}
+/** The handwritten-signature form (the core name). */
+export function signatureName(displayName) {
+    return coreName(displayName);
+}
+/** `https://certrev.com/verify/x` → `certrev.com/verify/x` (footer URL line). */
+export function stripProtocol(url) {
+    return url.replace(/^https?:\/\//i, '').replace(/\/$/, '');
+}
+/** Return the url only if it is an absolute http(s) URL, else `#` (safe-url guard). */
+export function safeHref(url) {
+    if (!url)
+        return '#';
+    return /^https?:\/\//i.test(url.trim()) ? url.trim() : '#';
+}
+/** A single credential's display label (cardLabel ?? fullName ?? abbreviation). */
+function credLabel(c) {
+    return (c.cardLabel || c.fullName || c.abbreviation || '').trim();
+}
+/** The verified credential labels, in order, de-duped + non-empty. */
+function credLabels(expert) {
+    const out = [];
+    for (const c of expert?.credentials ?? []) {
+        const label = credLabel(c);
+        if (label && !out.includes(label))
+            out.push(label);
+    }
+    return out;
+}
+/** The reviewer bio — verified background preferred, then verified bio. */
+function bioText(expert, display) {
+    if (display?.showBio === false)
+        return '';
+    return (expert?.background || expert?.bio || '').trim();
+}
+/** An avatar cell — the cert-frozen photo (when shown) or the initials chip. */
+function avatarHtml(expert, name, sizeClass, showPhoto) {
+    const photo = (expert?.photoUrl || '').trim();
+    if (showPhoto && /^https?:\/\//i.test(photo)) {
+        // Display px from the size class; request the @2x derivative for retina crispness (POR-10470).
+        // resizeAvatarUrl is host-guarded + enablement-gated: until Cloudflare Image Resizing is live it
+        // returns the raw canonical URL, so the modal never 404s an unresized host.
+        const displayPx = sizeClass.includes('--64') ? 64 : 56;
+        const src = resizeAvatarUrl(photo, displayPx === 64 ? 128 : 112);
+        return `<img class="crm-avatar ${sizeClass}" src="${escapeHtml(src)}" alt="" width="${displayPx}" height="${displayPx}" decoding="async">`;
+    }
+    return `<span class="crm-avatar ${sizeClass}">${escapeHtml(deriveInitials(name))}</span>`;
+}
+const CLOSE_BUTTON = `<button type="button" class="crm-close" data-certrev-modal-close aria-label="Close">&times;</button>`;
+function headHtml(eyebrow) {
+    return `<div class="crm-head">${chevronMark(16, '#ffffff')}<span class="crm-head__eyebrow">${escapeHtml(eyebrow)}</span><span class="crm-head__wordmark">CertREV</span></div>`;
+}
+function certifiedChip(cls) {
+    return `<span class="${cls}">${checkIcon(8)}Certified</span>`;
+}
+/**
+ * The FTC disclosure footer (POR-10496), rendered on both dialogs. The material-connection cue
+ * (`expert.compensationCue`, a FINISHED string off the signed envelope) leads ONLY when the reviewer
+ * was compensated; a pro-bono reviewer (null/absent cue) drops the label but keeps the scope line —
+ * which makes no compensation claim, so it is true for volunteers too and renders unconditionally.
+ * The scope line is the verbatim FTC copy (`CERT_SCOPE_LINE`), never re-assembled here.
+ */
+function disclosureFooter(expert) {
+    const cue = (expert?.compensationCue || '').trim();
+    const cueHtml = cue ? `<span class="crm-disclosure__cue">${escapeHtml(cue)}</span> ` : '';
+    return `<div class="crm-disclosure">${cueHtml}${escapeHtml(CERT_SCOPE_LINE)}</div>`;
+}
+/**
+ * The certificate modal (3a) inner HTML. Returns `null` when there is no reviewer
+ * name to display — a certificate card must never render anonymous (fail-closed,
+ * mirrors the Liquid `ename != ''` gate).
+ */
+export function renderCertDialogInner(content) {
+    const expert = content.expert ?? null;
+    const name = (expert?.displayName || '').trim();
+    if (!name)
+        return null;
+    const showPhoto = content.display?.showExpertPhoto !== false;
+    const creds = credLabels(expert).join(' · ');
+    const issued = formatCertDisplayDate(content.certifiedAt) ?? '';
+    const certId = (content.displayCertId || '').trim();
+    const title = (content.articleTitle || '').trim();
+    const verifyUrl = (content.verifyUrl || '').trim();
+    const sig = signatureName(name);
+    const certifiesBlock = title
+        ? `<div class="crm-certifies"><div class="crm-certifies__eyebrow">Certifies the article</div><div class="crm-certifies__title">${escapeHtml(title)}</div></div>`
+        : '';
+    const certIdCol = certId
+        ? `<div class="crm-meta__col"><div class="crm-meta__label">Certificate ID</div><div class="crm-meta__value crm-meta__value--mono">${escapeHtml(certId)}</div></div>`
+        : '';
+    const urlLine = verifyUrl ? `<div class="crm-sig__url">${escapeHtml(stripProtocol(verifyUrl))}</div>` : '';
+    return `${CLOSE_BUTTON}${headHtml('Certificate of Expert Review')}<div class="crm-body--cert"><div class="crm-expert-row">${avatarHtml(expert, name, 'crm-avatar--56', showPhoto)}<div class="crm-expert-row__info"><div class="crm-expert-row__eyebrow">Reviewing Expert</div><div class="crm-expert-row__name">${escapeHtml(name)}</div>${creds ? `<div class="crm-expert-row__creds">${escapeHtml(creds)}</div>` : ''}</div></div>${certifiesBlock}<div class="crm-meta"><div class="crm-meta__col"><div class="crm-meta__label">Issued</div><div class="crm-meta__value">${escapeHtml(issued)}</div></div>${certIdCol}<div class="crm-meta__col"><div class="crm-meta__label">Status</div><div class="crm-meta__status">${certifiedChip('crm-chip')}</div></div></div><div class="crm-sig"><div><div class="crm-sig__name">${escapeHtml(sig)}</div><div class="crm-sig__rule"></div>${urlLine}</div>${verifiedStamp('cert')}</div>${disclosureFooter(expert)}<div class="crm-actions"><a class="crm-cta" href="${escapeHtml(safeHref(verifyUrl))}" target="_blank" rel="noopener noreferrer">View full certificate</a><button type="button" class="crm-ghost" data-certrev-modal-close>Close</button></div></div>`;
+}
+/**
+ * The reviewer/profile modal (4b) inner HTML. Returns `null` when there is no
+ * reviewer name (fail-closed). The affiliation subtitle is intentionally omitted
+ * (no verified data source — POR-10102 decision).
+ */
+export function renderExpertDialogInner(content) {
+    const expert = content.expert ?? null;
+    const name = (expert?.displayName || '').trim();
+    if (!name)
+        return null;
+    const showPhoto = content.display?.showExpertPhoto !== false;
+    const chips = credLabels(expert);
+    const bio = bioText(expert, content.display);
+    const date = formatCertDisplayDate(content.certifiedAt);
+    const chipsHtml = chips.length
+        ? `<div class="crm-chips">${chips.map((c) => `<span class="crm-chips__chip">${escapeHtml(c)}</span>`).join('')}</div>`
+        : '';
+    const bioHtml = bio ? `<p class="crm-bio">${escapeHtml(bio)}</p>` : '';
+    const trustText = date ? `Independently reviewed · Certified ${escapeHtml(date)}` : 'Independently reviewed';
+    return `${CLOSE_BUTTON}${headHtml('Verified reviewer')}<div class="crm-body--expert"><div class="crm-id">${avatarHtml(expert, name, 'crm-avatar--64', showPhoto)}<div class="crm-id__info"><div class="crm-id__name">${escapeHtml(name)}</div></div></div>${chipsHtml}${bioHtml}<div class="crm-trust">${certifiedChip('crm-trust__chip')}<span class="crm-trust__text">${trustText}</span></div>${disclosureFooter(expert)}<div class="crm-actions"><a class="crm-cta" href="${escapeHtml(safeHref(expert?.profileUrl))}" target="_blank" rel="noopener noreferrer">View full profile on CertREV</a><button type="button" class="crm-ghost" data-certrev-modal-close>Close</button></div></div>`;
+}
+//# sourceMappingURL=cert-modal-view.js.map

package/dist/modal/cert-modal-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cert-modal-view.js","sourceRoot":"","sources":["../../src/modal/cert-modal-view.ts"],"names":[],"mappings":"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"}

package/dist/modal/certrev-cert-modal.d.ts

@@ -0,0 +1,72 @@
+/**
+ * `<certrev-cert-modal>` — the ONE Shadow-DOM element that renders both in-page cert
+ * dialogs (certificate 3a + reviewer 4b) across Shopify / WordPress / Builder
+ * (POR-10102). Replaces the three drifting per-platform modal implementations.
+ *
+ * Design:
+ *  - One element, one OPEN shadow root, two `<dialog>`s (`#cert`, `#expert`). Public
+ *    `open('cert'|'expert')` → `dialog.showModal()` (guarded). Data is public SSR
+ *    content already, so an open shadow adds no exposure and eases debugging/tests.
+ *  - CSS is adopted via a shared constructable stylesheet (falls back to an inline
+ *    `<style>` on older engines). Shadow scoping means the brand theme can't bleed in
+ *    and these rules can't leak out — the literal-hex/theme-armor constraints that
+ *    bind the `body_html` modal do not apply here.
+ *  - Envelope acquisition, in priority order: (1) a light-DOM
+ *    `<script type="application/json" data-certrev-envelope>` child (Shopify + WP SSR,
+ *    parsed lazily on first open — no network, crawl-safe); (2) a `data-envelope`
+ *    attribute (stories/tests); (3) a Delivery-API fetch from
+ *    `{data-delivery-api}/api/cert/v1/delivery/{data-platform}/{data-external-id}`
+ *    (Builder/Hydrogen). The triggers (`data-certrev-modal-open`) stay in the light
+ *    DOM (badge/memo) and are wired by `interactions.ts`.
+ *  - Close plumbing (×, Close, backdrop, Esc) lives HERE, not in `interactions.ts`:
+ *    a click inside a shadow root is retargeted to the host for a document listener,
+ *    so the document-level delegate can't see the close controls.
+ *  - Fonts inject at document level on first open (font faces don't scope into a
+ *    shadow root); deferring to first open avoids loading them on every article view.
+ */
+import { type CertDeliveryArtifact } from '@certrev/cert-contract';
+export declare const CERT_MODAL_TAG = "certrev-cert-modal";
+type ModalKind = 'cert' | 'expert';
+export declare class CertRevCertModal extends HTMLElement {
+    private root;
+    private rendered;
+    private content;
+    private fetchInFlight;
+    constructor();
+    /**
+     * Open the given dialog. Returns `true` when this element will handle the open
+     * (so a link-shaped trigger should `preventDefault`), `false` when it cannot
+     * (no envelope + no fetch source) so the caller lets the `href` fall back.
+     */
+    open(kind: ModalKind): boolean;
+    /** Parse the synchronous envelope source (embedded JSON / attr) + render once. */
+    private ensureRendered;
+    private readSyncContent;
+    private hasFetchSource;
+    private fetchThenShow;
+    private renderDialogs;
+    private show;
+    /**
+     * The modal kill-switch (POR-10101): a fetched envelope is REVOKED/EXPIRED. Don't open;
+     * mark the host suppressed (mirrors the badge revalidation's `data-certrev-suppressed`) and
+     * hide the light-DOM triggers so a stale click can't re-open a pulled cert. Best-effort DOM.
+     */
+    private markSuppressed;
+    private onShadowClick;
+}
+/**
+ * The modal-side lifecycle gate (POR-10101 / POR-10684): a fetched Delivery-API artifact that is
+ * REVOKED or EXPIRED must NOT render "verified" content. Two revocation shapes suppress:
+ *   • the SLIM `CertTombstone` the control plane serves for a revoked placement (POR-10481) —
+ *     detected by the `kind: 'tombstone'` discriminator via `isTombstone`. It carries NO payload,
+ *     so a `payload.lifecycle` read alone would MISS it (and `markSuppressed()` would never fire);
+ *   • a legacy envelope with `lifecycle.revokedAt` set, or any envelope whose `expiresAt` passed.
+ * The Delivery API only serves CertREV-signed artifacts, so this shape read is a safe suppress
+ * signal for the display surface (the `<certrev-badge>` revalidation runs the full ed25519
+ * verdict via `verifyArtifact` — this is the modal's belt-and-suspenders).
+ */
+export declare function isArtifactSuppressed(artifact: CertDeliveryArtifact | null | undefined): boolean;
+/** Register the element once (idempotent — a double script-load must not throw). */
+export declare function defineCertModal(): void;
+export {};
+//# sourceMappingURL=certrev-cert-modal.d.ts.map

package/dist/modal/certrev-cert-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"certrev-cert-modal.d.ts","sourceRoot":"","sources":["../../src/modal/certrev-cert-modal.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,EAAE,KAAK,oBAAoB,EAAe,MAAM,wBAAwB,CAAA;AAK/E,eAAO,MAAM,cAAc,uBAAuB,CAAA;AAClD,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAA;AA+ClC,qBAAa,gBAAiB,SAAQ,WAAW;IAChD,OAAO,CAAC,IAAI,CAAY;IACxB,OAAO,CAAC,QAAQ,CAAQ;IACxB,OAAO,CAAC,OAAO,CAAgC;IAC/C,OAAO,CAAC,aAAa,CAA6B;;IAiBlD;;;;OAIG;IACH,IAAI,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO;IAgB9B,kFAAkF;IAClF,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,cAAc;YAQR,aAAa;IA4C3B,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,IAAI;IAKZ;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,aAAa;CAcrB;AAWD;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,oBAAoB,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAQ/F;AAED,oFAAoF;AACpF,wBAAgB,eAAe,IAAI,IAAI,CAGtC"}

package/dist/modal/certrev-cert-modal.js

@@ -0,0 +1,270 @@
+/**
+ * `<certrev-cert-modal>` — the ONE Shadow-DOM element that renders both in-page cert
+ * dialogs (certificate 3a + reviewer 4b) across Shopify / WordPress / Builder
+ * (POR-10102). Replaces the three drifting per-platform modal implementations.
+ *
+ * Design:
+ *  - One element, one OPEN shadow root, two `<dialog>`s (`#cert`, `#expert`). Public
+ *    `open('cert'|'expert')` → `dialog.showModal()` (guarded). Data is public SSR
+ *    content already, so an open shadow adds no exposure and eases debugging/tests.
+ *  - CSS is adopted via a shared constructable stylesheet (falls back to an inline
+ *    `<style>` on older engines). Shadow scoping means the brand theme can't bleed in
+ *    and these rules can't leak out — the literal-hex/theme-armor constraints that
+ *    bind the `body_html` modal do not apply here.
+ *  - Envelope acquisition, in priority order: (1) a light-DOM
+ *    `<script type="application/json" data-certrev-envelope>` child (Shopify + WP SSR,
+ *    parsed lazily on first open — no network, crawl-safe); (2) a `data-envelope`
+ *    attribute (stories/tests); (3) a Delivery-API fetch from
+ *    `{data-delivery-api}/api/cert/v1/delivery/{data-platform}/{data-external-id}`
+ *    (Builder/Hydrogen). The triggers (`data-certrev-modal-open`) stay in the light
+ *    DOM (badge/memo) and are wired by `interactions.ts`.
+ *  - Close plumbing (×, Close, backdrop, Esc) lives HERE, not in `interactions.ts`:
+ *    a click inside a shadow root is retargeted to the host for a document listener,
+ *    so the document-level delegate can't see the close controls.
+ *  - Fonts inject at document level on first open (font faces don't scope into a
+ *    shadow root); deferring to first open avoids loading them on every article view.
+ */
+import { isTombstone } from '@certrev/cert-contract';
+import { CERT_FONT_FACE_CSS, CERT_FONTS_ORIGIN } from './font-face.js';
+import { renderCertDialogInner, renderExpertDialogInner } from './cert-modal-view.js';
+import { CERT_MODAL_CSS } from './certrev-cert-modal.styles.js';
+export const CERT_MODAL_TAG = 'certrev-cert-modal';
+/** Shared constructable stylesheet (one per document lifetime). */
+let sharedSheet = null;
+function supportsConstructableSheets() {
+    return (typeof CSSStyleSheet !== 'undefined' &&
+        'replaceSync' in CSSStyleSheet.prototype &&
+        'adoptedStyleSheets' in Document.prototype);
+}
+function getSharedSheet() {
+    if (!supportsConstructableSheets())
+        return null;
+    if (!sharedSheet) {
+        sharedSheet = new CSSStyleSheet();
+        sharedSheet.replaceSync(CERT_MODAL_CSS);
+    }
+    return sharedSheet;
+}
+/**
+ * Inject the modal font families once, at document level, on first open — SELF-HOSTED from R2
+ * (POR-10657). Declares the shared CERT_FONT_FACE_CSS @font-face block inline instead of loading a
+ * render-blocking `fonts.googleapis.com` stylesheet (which also leaked the visitor's IP to Google).
+ * @font-face at document level resolves across the shadow boundary, so the shadow-DOM modal picks
+ * these up exactly as it did the old Google <link>. A crossorigin preconnect warms the R2 origin
+ * (an @font-face fetch is always a CORS request). Idempotent across instances via the marker attr.
+ */
+let fontsInjected = false;
+function injectFontsOnce(doc) {
+    if (fontsInjected)
+        return;
+    fontsInjected = true;
+    if (doc.querySelector('style[data-certrev-modal-fonts]'))
+        return;
+    if (!doc.querySelector('link[data-certrev-modal-preconnect]')) {
+        const pre = doc.createElement('link');
+        pre.rel = 'preconnect';
+        pre.href = CERT_FONTS_ORIGIN;
+        pre.crossOrigin = '';
+        pre.setAttribute('data-certrev-modal-preconnect', '');
+        doc.head.appendChild(pre);
+    }
+    const style = doc.createElement('style');
+    style.textContent = CERT_FONT_FACE_CSS;
+    style.setAttribute('data-certrev-modal-fonts', '');
+    doc.head.appendChild(style);
+}
+export class CertRevCertModal extends HTMLElement {
+    root;
+    rendered = false;
+    content = null;
+    fetchInFlight = null;
+    constructor() {
+        super();
+        this.root = this.attachShadow({ mode: 'open' });
+        const sheet = getSharedSheet();
+        if (sheet) {
+            this.root.adoptedStyleSheets = [sheet];
+        }
+        else {
+            const style = document.createElement('style');
+            style.textContent = CERT_MODAL_CSS;
+            this.root.appendChild(style);
+        }
+        // One delegated close listener inside the shadow root.
+        this.root.addEventListener('click', (e) => this.onShadowClick(e));
+    }
+    /**
+     * Open the given dialog. Returns `true` when this element will handle the open
+     * (so a link-shaped trigger should `preventDefault`), `false` when it cannot
+     * (no envelope + no fetch source) so the caller lets the `href` fall back.
+     */
+    open(kind) {
+        // A host page that already provides the five families (e.g. the design guide, which
+        // self-hosts them) suppresses the modal's font injection with `data-fonts="host"` — so
+        // embedding the component adds no font-src/style-src origins to that page's CSP.
+        if (this.getAttribute('data-fonts') !== 'host')
+            injectFontsOnce(document);
+        if (this.ensureRendered()) {
+            this.show(kind);
+            return true;
+        }
+        if (this.hasFetchSource()) {
+            void this.fetchThenShow(kind);
+            return true;
+        }
+        return false;
+    }
+    /** Parse the synchronous envelope source (embedded JSON / attr) + render once. */
+    ensureRendered() {
+        if (this.rendered)
+            return this.content != null;
+        const content = this.readSyncContent();
+        if (!content)
+            return false;
+        this.content = content;
+        this.renderDialogs(content);
+        this.rendered = true;
+        return true;
+    }
+    readSyncContent() {
+        const attr = this.getAttribute('data-envelope');
+        if (attr)
+            return safeParseContent(attr);
+        const script = this.querySelector('script[data-certrev-envelope]');
+        if (script?.textContent)
+            return safeParseContent(script.textContent);
+        return null;
+    }
+    hasFetchSource() {
+        return !!(this.getAttribute('data-delivery-api') &&
+            this.getAttribute('data-platform') &&
+            this.getAttribute('data-external-id'));
+    }
+    async fetchThenShow(kind) {
+        if (!this.fetchInFlight) {
+            const base = (this.getAttribute('data-delivery-api') || '').replace(/\/$/, '');
+            const platform = this.getAttribute('data-platform') || '';
+            const externalId = this.getAttribute('data-external-id') || '';
+            this.fetchInFlight = (async () => {
+                try {
+                    const res = await fetch(`${base}/api/cert/v1/delivery/${encodeURIComponent(platform)}/${encodeURIComponent(externalId)}`, {
+                        cache: 'no-store',
+                        credentials: 'omit',
+                    });
+                    if (!res.ok)
+                        return;
+                    const artifact = (await res.json());
+                    // A 200 may be a REVOCATION — either the SLIM `CertTombstone` the control plane now
+                    // serves for a revoked placement (POR-10481, no payload) or a legacy envelope with
+                    // `revokedAt` set — plus an EXPIRED envelope. The Delivery API serves those signed so
+                    // the edge SUPPRESSES rather than fail-opening on a 404 (POR-10101). Never render
+                    // "verified" content from a revoked/expired artifact.
+                    if (isArtifactSuppressed(artifact)) {
+                        this.markSuppressed();
+                        return;
+                    }
+                    // Not suppressed → a live envelope (a tombstone always suppresses above); `isTombstone`
+                    // narrows the union so the payload read is type-safe (POR-10684).
+                    const content = isTombstone(artifact)
+                        ? undefined
+                        : artifact.payload?.content;
+                    if (content) {
+                        this.content = content;
+                        this.renderDialogs(content);
+                        this.rendered = true;
+                    }
+                }
+                catch {
+                    // fail-open: no modal, the trigger's href (if any) already prevented — a dead click at worst
+                }
+            })();
+        }
+        await this.fetchInFlight;
+        if (this.rendered)
+            this.show(kind);
+    }
+    renderDialogs(content) {
+        const cert = renderCertDialogInner(content);
+        const expert = renderExpertDialogInner(content);
+        const wrap = document.createElement('div');
+        wrap.innerHTML = `${cert ? `<dialog id="cert" class="crm-dialog crm-dialog--cert" aria-label="CertREV certificate">${cert}</dialog>` : ''}${expert ? `<dialog id="expert" class="crm-dialog crm-dialog--expert" aria-label="Verified reviewer profile">${expert}</dialog>` : ''}`;
+        // keep the adopted stylesheet / fallback <style>; append the dialogs
+        for (const node of Array.from(wrap.childNodes))
+            this.root.appendChild(node);
+    }
+    show(kind) {
+        const dlg = this.root.getElementById(kind);
+        if (dlg && typeof dlg.showModal === 'function' && !dlg.open)
+            dlg.showModal();
+    }
+    /**
+     * The modal kill-switch (POR-10101): a fetched envelope is REVOKED/EXPIRED. Don't open;
+     * mark the host suppressed (mirrors the badge revalidation's `data-certrev-suppressed`) and
+     * hide the light-DOM triggers so a stale click can't re-open a pulled cert. Best-effort DOM.
+     */
+    markSuppressed() {
+        this.setAttribute('data-certrev-suppressed', '');
+        for (const t of Array.from(document.querySelectorAll('[data-certrev-modal-open]'))) {
+            t.setAttribute('hidden', '');
+            t.setAttribute('aria-hidden', 'true');
+        }
+    }
+    onShadowClick(e) {
+        const target = e.target;
+        if (!target)
+            return;
+        // backdrop click (the click landed directly on the dialog element)
+        if (target instanceof HTMLDialogElement && target.classList.contains('crm-dialog')) {
+            target.close();
+            return;
+        }
+        const closer = target.closest('[data-certrev-modal-close]');
+        if (closer) {
+            e.preventDefault();
+            closer.closest('dialog')?.close();
+        }
+    }
+}
+function safeParseContent(json) {
+    try {
+        const parsed = JSON.parse(json);
+        return parsed && typeof parsed === 'object' ? parsed : null;
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * The modal-side lifecycle gate (POR-10101 / POR-10684): a fetched Delivery-API artifact that is
+ * REVOKED or EXPIRED must NOT render "verified" content. Two revocation shapes suppress:
+ *   • the SLIM `CertTombstone` the control plane serves for a revoked placement (POR-10481) —
+ *     detected by the `kind: 'tombstone'` discriminator via `isTombstone`. It carries NO payload,
+ *     so a `payload.lifecycle` read alone would MISS it (and `markSuppressed()` would never fire);
+ *   • a legacy envelope with `lifecycle.revokedAt` set, or any envelope whose `expiresAt` passed.
+ * The Delivery API only serves CertREV-signed artifacts, so this shape read is a safe suppress
+ * signal for the display surface (the `<certrev-badge>` revalidation runs the full ed25519
+ * verdict via `verifyArtifact` — this is the modal's belt-and-suspenders).
+ */
+export function isArtifactSuppressed(artifact) {
+    if (!artifact)
+        return false;
+    if (isTombstone(artifact))
+        return true;
+    const lc = artifact.payload?.lifecycle;
+    if (!lc)
+        return false;
+    if (lc.revokedAt != null)
+        return true;
+    if (lc.expiresAt && Date.now() >= new Date(lc.expiresAt).getTime())
+        return true;
+    return false;
+}
+/** Register the element once (idempotent — a double script-load must not throw). */
+export function defineCertModal() {
+    if (typeof customElements === 'undefined')
+        return;
+    if (!customElements.get(CERT_MODAL_TAG))
+        customElements.define(CERT_MODAL_TAG, CertRevCertModal);
+}
+defineCertModal();
+//# sourceMappingURL=certrev-cert-modal.js.map

package/dist/modal/certrev-cert-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"certrev-cert-modal.js","sourceRoot":"","sources":["../../src/modal/certrev-cert-modal.ts"],"names":[],"mappings":"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"}

package/dist/modal/certrev-cert-modal.styles.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Scoped styles + inline SVGs for the `<certrev-cert-modal>` Shadow-DOM element
+ * (POR-10102). The single source of truth for the certificate (3a) + reviewer (4b)
+ * modal look, ported byte-faithfully from the Claude Design reference
+ * (`docs/claude/design/certificate-modals/`, footer variant 3a + reviewer 4b).
+ *
+ * Because the element renders inside a shadow root, this CSS is fully scoped: the
+ * brand storefront theme cannot bleed in, and these rules never leak out — so the
+ * old `certrev-cert.css` "theme-bleed armor" and the literal-hex-only constraint
+ * (which the `body_html` WordPress modal still needs) do NOT apply here. Tokens are
+ * plain custom properties on `:host`; fonts resolve from document-level `@font-face`
+ * that the element injects on first construct (font faces do not scope into a shadow
+ * root, so they must live at document level — see `certrev-cert-modal.ts`).
+ */
+/** The four-chevron CertREV mark (viewBox 0 0 375 375), tinted via the passed fill. Path data is
+ * single-sourced from src/lib/design-guide/logo.ts (the SOT the codegen mirrors into every twin). */
+export declare function chevronMark(size: number, fill: string): string;
+/** The 8px lime-chip check glyph (viewBox 0 0 24 24). */
+export declare function checkIcon(size?: number): string;
+/**
+ * The rotated 74×74 verified stamp: two concentric navy rings + a circular
+ * `textPath` reading "CERTREV VERIFIED · CERTIFIED ·" + the chevron mark centered.
+ * `idSuffix` uniquifies the internal `<path>` id so multiple stamps on one page
+ * (or a story grid) don't collide on the shared `href`.
+ */
+export declare function verifiedStamp(idSuffix?: string): string;
+/**
+ * The five families the modal uses, self-hosted-or-Google (the element injects
+ * ONE document-level `<link>`/`@font-face` for these; font-display:swap). Kept as
+ * a constant so the loader + any story reference the identical set.
+ */
+export declare const CERT_MODAL_FONT_FAMILIES: readonly ["DM Sans", "Playfair Display", "JetBrains Mono", "Plus Jakarta Sans", "Allura"];
+/** The full scoped stylesheet, adopted via a constructable `CSSStyleSheet`. */
+export declare const CERT_MODAL_CSS = "\n:host {\n\t--cr-navy: #0a1b3f;\n\t--cr-lime: #d4e157;\n\t--cr-white: #ffffff;\n\t--cr-navy-06: rgba(10, 27, 63, 0.06);\n\t--cr-navy-10: rgba(10, 27, 63, 0.1);\n\t--cr-navy-25: rgba(10, 27, 63, 0.25);\n\t--cr-navy-40: rgba(10, 27, 63, 0.4);\n\t--cr-navy-45: rgba(10, 27, 63, 0.45);\n\t--cr-navy-50: rgba(10, 27, 63, 0.5);\n\t--cr-navy-55: rgba(10, 27, 63, 0.55);\n\t--cr-navy-60: rgba(10, 27, 63, 0.6);\n\t--cr-navy-85: rgba(10, 27, 63, 0.85);\n\t--cr-white-60: rgba(255, 255, 255, 0.6);\n\t--cr-white-85: rgba(255, 255, 255, 0.85);\n\t--cr-cta-hover: #0c2149;\n\t--cr-ghost-hover: rgba(10, 27, 63, 0.12);\n\t--cr-shadow: 0 30px 60px -18px rgba(10, 27, 63, 0.5);\n\t--cr-backdrop: rgba(10, 27, 63, 0.45);\n\t--cr-sans: 'DM Sans', system-ui, -apple-system, sans-serif;\n\t--cr-serif: 'Playfair Display', Georgia, serif;\n\t--cr-mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;\n\t--cr-wordmark: 'Plus Jakarta Sans', system-ui, sans-serif;\n\t--cr-script: 'Allura', cursive;\n}\n\n.crm-dialog {\n\tborder: none;\n\tborder-radius: 14px;\n\tpadding: 0;\n\twidth: 92%;\n\tmax-height: 92vh;\n\toverflow: auto;\n\tbox-shadow: var(--cr-shadow);\n\tbackground: var(--cr-white);\n\tcolor: var(--cr-navy);\n\tfont-family: var(--cr-sans);\n\t/* fixed, NOT relative (POR-10473): a :modal dialog (showModal) renders in the TOP LAYER; a\n\t * relative dialog anchors to its scrolled document position, so once the page is scrolled the\n\t * panel renders off-screen while the ::backdrop still covers the viewport (measured top -1972 at\n\t * scrollY 2537). fixed is viewport-anchored (the UA inset:0 + margin:auto centers it) and still\n\t * provides the containing block for the absolutely-positioned .crm-close (x stays in-corner). */\n\tposition: fixed;\n\t/* defensive resets against a hostile brand theme reaching the top-layer dialog */\n\tbox-sizing: border-box;\n\ttext-align: left;\n\tline-height: 1.4;\n}\n.crm-dialog *,\n.crm-dialog *::before,\n.crm-dialog *::after {\n\tbox-sizing: border-box;\n}\n.crm-dialog::backdrop {\n\tbackground: var(--cr-backdrop);\n}\n.crm-dialog--cert {\n\tmax-width: 484px;\n}\n.crm-dialog--expert {\n\tmax-width: 436px;\n}\n\n/* Close (\u00D7) */\n.crm-close {\n\tposition: absolute;\n\ttop: 12px;\n\tright: 15px;\n\tz-index: 2;\n\tbackground: none;\n\tborder: none;\n\tcursor: pointer;\n\tpadding: 2px;\n\tcolor: var(--cr-white-60);\n\tfont-size: 1.35rem;\n\tline-height: 1;\n\tfont-family: var(--cr-sans);\n\ttransition: color 0.15s;\n}\n.crm-close:hover {\n\tcolor: var(--cr-white);\n}\n\n/* Header bar */\n.crm-head {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 9px;\n\tpadding: 13px 22px;\n\tbackground: var(--cr-navy);\n\tcolor: var(--cr-white);\n}\n.crm-head__eyebrow {\n\tfont-family: var(--cr-mono);\n\tfont-size: 8.5px;\n\tfont-weight: 600;\n\tletter-spacing: 0.16em;\n\ttext-transform: uppercase;\n\tcolor: var(--cr-white-85);\n}\n.crm-head__wordmark {\n\tmargin-left: auto;\n\tmargin-right: 22px;\n\tfont-family: var(--cr-wordmark);\n\tfont-weight: 800;\n\tfont-size: 13px;\n\tletter-spacing: 0.03em;\n\tcolor: var(--cr-white);\n}\n\n/* Body */\n.crm-body--cert {\n\tpadding: 24px 28px 26px;\n}\n.crm-body--expert {\n\tpadding: 22px 26px 24px;\n}\n\n/* Avatar (shared, lime ring) */\n.crm-avatar {\n\tposition: relative;\n\tflex-shrink: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 50%;\n\tbackground: var(--cr-navy);\n\tcolor: var(--cr-white);\n\tfont-weight: 700;\n\tobject-fit: cover;\n\tbox-shadow: 0 0 0 2px var(--cr-white), 0 0 0 3.5px var(--cr-lime);\n}\n.crm-avatar--56 {\n\twidth: 56px;\n\theight: 56px;\n\tfont-size: 17px;\n}\n.crm-avatar--64 {\n\twidth: 64px;\n\theight: 64px;\n\tfont-size: 1.35rem;\n\tletter-spacing: 0.02em;\n}\n\n/* Certificate \u2014 reviewing-expert row */\n.crm-expert-row {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 14px;\n}\n.crm-expert-row__info {\n\tflex: 1;\n\tmin-width: 0;\n}\n.crm-expert-row__eyebrow {\n\tfont-family: var(--cr-mono);\n\tfont-size: 8.5px;\n\tfont-weight: 600;\n\tletter-spacing: 0.14em;\n\ttext-transform: uppercase;\n\tcolor: var(--cr-navy-45);\n}\n.crm-expert-row__name {\n\tfont-size: 15px;\n\tfont-weight: 700;\n\tcolor: var(--cr-navy);\n\tmargin-top: 2px;\n}\n.crm-expert-row__creds {\n\tfont-size: 12px;\n\tcolor: var(--cr-navy-60);\n\tmargin-top: 1px;\n}\n\n/* Certificate \u2014 \"Certifies the article\" */\n.crm-certifies {\n\tmargin: 18px 0 0;\n\tpadding-top: 16px;\n\tborder-top: 1px solid var(--cr-navy-10);\n}\n.crm-certifies__eyebrow {\n\tfont-family: var(--cr-mono);\n\tfont-size: 9px;\n\tfont-weight: 600;\n\tletter-spacing: 0.16em;\n\ttext-transform: uppercase;\n\tcolor: var(--cr-navy-40);\n}\n.crm-certifies__title {\n\tfont-family: var(--cr-serif);\n\tfont-weight: 700;\n\tfont-size: 18px;\n\tline-height: 1.25;\n\tcolor: var(--cr-navy);\n\tmargin-top: 5px;\n\ttext-wrap: balance;\n}\n\n/* Certificate \u2014 meta row */\n.crm-meta {\n\tdisplay: flex;\n\tgap: 10px;\n\tmargin-top: 16px;\n}\n.crm-meta__col {\n\tflex: 1;\n}\n.crm-meta__label {\n\tfont-family: var(--cr-mono);\n\tfont-size: 8px;\n\tletter-spacing: 0.12em;\n\ttext-transform: uppercase;\n\tcolor: var(--cr-navy-40);\n}\n.crm-meta__value {\n\tfont-size: 12.5px;\n\tfont-weight: 600;\n\tcolor: var(--cr-navy);\n\tmargin-top: 3px;\n}\n.crm-meta__value--mono {\n\tfont-family: var(--cr-mono);\n\tfont-size: 12px;\n}\n.crm-meta__status {\n\tmargin-top: 3px;\n}\n\n/* Certified chip (meta status) */\n.crm-chip {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 3px;\n\tpadding: 2px 7px;\n\tborder-radius: 4px;\n\tbackground: var(--cr-lime);\n\tcolor: var(--cr-navy);\n\tfont-family: var(--cr-mono);\n\tfont-size: 8.5px;\n\tfont-weight: 700;\n\tletter-spacing: 0.06em;\n\ttext-transform: uppercase;\n}\n\n/* Certificate \u2014 signature + stamp footer */\n.crm-sig {\n\tdisplay: flex;\n\talign-items: flex-end;\n\tjustify-content: space-between;\n\tmargin-top: 20px;\n\tpadding-top: 16px;\n\tborder-top: 1px solid var(--cr-navy-10);\n\tgap: 12px;\n}\n.crm-sig__name {\n\tfont-family: var(--cr-script);\n\tfont-size: 30px;\n\tline-height: 0.9;\n\tcolor: var(--cr-navy);\n}\n.crm-sig__rule {\n\twidth: 146px;\n\tmax-width: 100%;\n\theight: 1px;\n\tbackground: var(--cr-navy-25);\n\tmargin: 4px 0 6px;\n}\n.crm-sig__url {\n\tfont-family: var(--cr-mono);\n\tfont-size: 8px;\n\tfont-weight: 500;\n\tletter-spacing: 0.12em;\n\ttext-transform: uppercase;\n\tcolor: var(--cr-navy-50);\n}\n.crm-stamp {\n\ttransform: rotate(-8deg);\n\tflex-shrink: 0;\n}\n.crm-stamp svg {\n\tdisplay: block;\n}\n\n/* Actions (shared) */\n.crm-actions {\n\tdisplay: flex;\n\tgap: 10px;\n\tmargin-top: 20px;\n}\n.crm-cta {\n\tflex: 1;\n\tdisplay: inline-block;\n\ttext-align: center;\n\tpadding: 11px 16px;\n\tbackground: var(--cr-navy);\n\tcolor: var(--cr-white);\n\ttext-decoration: none;\n\tborder-radius: 8px;\n\tfont-size: 13px;\n\tfont-weight: 600;\n\tfont-family: var(--cr-sans);\n\tborder: none;\n\tcursor: pointer;\n\ttransition: background 0.15s;\n}\n.crm-cta:hover {\n\tbackground: var(--cr-cta-hover);\n}\n.crm-ghost {\n\tpadding: 11px 18px;\n\tbackground: var(--cr-navy-06);\n\tcolor: var(--cr-navy);\n\tborder: none;\n\tborder-radius: 8px;\n\tfont-size: 13px;\n\tfont-weight: 600;\n\tfont-family: var(--cr-sans);\n\tcursor: pointer;\n\ttransition: background 0.15s;\n}\n.crm-ghost:hover {\n\tbackground: var(--cr-ghost-hover);\n}\n\n/* Reviewer \u2014 identity row */\n.crm-id {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 14px;\n}\n.crm-id__info {\n\tmin-width: 0;\n}\n.crm-id__name {\n\tfont-size: 16px;\n\tfont-weight: 700;\n\tline-height: 1.25;\n\tcolor: var(--cr-navy);\n}\n.crm-id__subtitle {\n\tfont-size: 12.5px;\n\tline-height: 1.4;\n\tcolor: var(--cr-navy-60);\n\tmargin-top: 2px;\n}\n\n/* Reviewer \u2014 credential chips */\n.crm-chips {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 7px;\n\tmargin-top: 16px;\n}\n.crm-chips__chip {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tpadding: 4px 10px;\n\tborder-radius: 999px;\n\tbackground: var(--cr-navy-06);\n\tcolor: var(--cr-navy);\n\tfont-size: 11px;\n\tfont-weight: 600;\n}\n\n/* Reviewer \u2014 bio */\n.crm-bio {\n\tmargin: 16px 0 0;\n\tfont-size: 0.9rem;\n\tline-height: 1.55;\n\tcolor: var(--cr-navy-85);\n}\n\n/* Reviewer \u2014 trust line (the disclosure footer below now owns the spacing to the actions) */\n.crm-trust {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 9px;\n\tflex-wrap: wrap;\n\tmargin: 16px 0 0;\n\tpadding-top: 16px;\n\tborder-top: 1px solid var(--cr-navy-10);\n}\n.crm-trust__chip {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 4px;\n\tpadding: 3px 8px;\n\tborder-radius: 4px;\n\tbackground: var(--cr-lime);\n\tcolor: var(--cr-navy);\n\tfont-family: var(--cr-mono);\n\tfont-size: 8.5px;\n\tfont-weight: 700;\n\tletter-spacing: 0.08em;\n\ttext-transform: uppercase;\n}\n.crm-trust__text {\n\tfont-family: var(--cr-mono);\n\tfont-size: 9px;\n\tletter-spacing: 0.05em;\n\tcolor: var(--cr-navy-50);\n}\n\n/* FTC disclosure footer (POR-10496) \u2014 material-connection cue (compensated only) + scope line\n * (always). Rendered on both the certificate + reviewer dialogs, immediately above the actions. */\n.crm-disclosure {\n\tmargin-top: 14px;\n\tpadding-top: 14px;\n\tborder-top: 1px solid var(--cr-navy-10);\n\tfont-family: var(--cr-sans);\n\tfont-size: 11.5px;\n\tline-height: 1.5;\n\tcolor: var(--cr-navy-50);\n}\n.crm-disclosure__cue {\n\tfont-family: var(--cr-mono);\n\tfont-size: 10px;\n\tfont-weight: 700;\n\tletter-spacing: 0.06em;\n\ttext-transform: uppercase;\n\tcolor: var(--cr-navy);\n}\n\n/* Narrow storefronts / phones */\n@media (max-width: 440px) {\n\t.crm-body--cert {\n\t\tpadding: 20px 18px 22px;\n\t}\n\t.crm-body--expert {\n\t\tpadding: 18px 18px 20px;\n\t}\n}\n";
+//# sourceMappingURL=certrev-cert-modal.styles.d.ts.map

package/dist/modal/certrev-cert-modal.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"certrev-cert-modal.styles.d.ts","sourceRoot":"","sources":["../../src/modal/certrev-cert-modal.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAIH;qGACqG;AACrG,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAG9D;AAED,yDAAyD;AACzD,wBAAgB,SAAS,CAAC,IAAI,SAAI,GAAG,MAAM,CAE1C;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,QAAQ,SAAQ,GAAG,MAAM,CAItD;AAED;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,2FAM3B,CAAA;AAOV,+EAA+E;AAC/E,eAAO,MAAM,cAAc,ghTAib1B,CAAA"}