/** * Consent Connector Header * * Top-of-page visual matching Peter's mockup: client logo on the left, an * animated dotted bridge with the Checkpoint shield in the middle, and the * server brand logo on the right. Communicates "{client} is connecting to * {server} via Checkpoint" before the user reads any copy. * * Logo resolution priority: * 1. explicit `clientLogoUrl` / `serverLogoUrl` attributes (operator override) * 2. derived from `clientDid` (e.g. did:web:knowthat.ai:agents:claude → * `https://knowthat.ai/img/agents/claude.png`) * 3. logo.dev fallback when `logoDevToken` is set + a domain is derivable * 4. monogram tile (first letter of name) as the last-resort placeholder * * Designed to be brand-agnostic: every client/server pair gets the same * shape, with only the artwork swapped per deployment. * * @module components/consent-connector-header */ import { LitElement } from "lit"; export declare class ConsentConnectorHeader extends LitElement { /** Display name of the agent / client (e.g. "Claude"). */ clientName: string; /** Agent DID — used for KTA-derived logo lookup when no explicit URL. */ clientDid: string; /** Explicit override for the client logo. */ clientLogoUrl: string; /** Display name of the server / org (e.g. "Hardware World"). */ serverName: string; /** Server brand domain — used for logo.dev lookup when no explicit URL. */ serverDomain: string; /** Explicit override for the server brand logo. */ serverLogoUrl: string; /** * Optional logo.dev publishable token. When supplied, used to fetch * brand logos by domain. Falls back to monogram tile if missing or if * logo.dev returns 404. */ logoDevToken: string; private clientImageOk; private serverImageOk; static styles: import("lit").CSSResult; /** * Derive a logo URL for an agent DID via KTA hosting convention. * `did:web:knowthat.ai:agents:claude` → `https://knowthat.ai/img/agents/claude.png` */ private ktaLogoFromDid; /** * Derive a brand logo URL via logo.dev given a domain. Returns undefined * when no token is configured or the domain is unparseable. */ private logoDevLogo; private resolveClientLogo; private resolveServerLogo; private monogram; render(): import("lit").TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { "consent-connector-header": ConsentConnectorHeader; } } //# sourceMappingURL=consent-connector-header.d.ts.map