@keyringnetwork/keyring-connect-sdk 4.1.0-alpha.1 → 4.1.0-alpha.3

package/dist/index.cjs

@@ -0,0 +1,3279 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  EVENT_ACTIONS: () => import_keyring_core_sdk3.EVENT_ACTIONS,
+  VerificationSession: () => VerificationSession
+});
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("@keyringnetwork/contracts-abi"), module.exports);
+
+// src/core/VerificationSession.ts
+var import_keyring_core_sdk2 = require("@keyringnetwork/keyring-core-sdk");
+
+// src/ui/UIManager.ts
+var import_qr_code_styling = __toESM(require("qr-code-styling"), 1);
+
+// src/utils/logger.ts
+var import_pino = __toESM(require("pino"), 1);
+
+// package.json
+var package_default = {
+  name: "@keyringnetwork/keyring-connect-sdk",
+  version: "4.1.0-alpha.3",
+  description: "An SDK for interacting with Keyring Connect browser extension",
+  type: "module",
+  main: "dist/index.cjs",
+  module: "dist/index.js",
+  types: "dist/index.d.ts",
+  scripts: {
+    build: "pnpm clean && tsup",
+    dev: "pnpm clean && tsup --watch",
+    prepublish: "pnpm build",
+    test: "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "test:ci": "jest --ci --coverage --watchAll=false",
+    clean: "rm -rf dist"
+  },
+  files: [
+    "dist"
+  ],
+  keywords: [
+    "keyring",
+    "keyring connect",
+    "sdk"
+  ],
+  author: "Keyring Network",
+  license: "ISC",
+  devDependencies: {
+    "@types/chrome": "^0.0.268",
+    "@types/jest": "^29.5.0",
+    "@types/qrcode": "^1.5.5",
+    autoprefixer: "^10.4.21",
+    jest: "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    postcss: "^8.5.6",
+    tailwindcss: "^3.4.17",
+    "ts-jest": "^29.1.0",
+    "ts-node": "^10.9.2",
+    tsup: "^8.5.1",
+    typescript: "^5.6.3"
+  },
+  dependencies: {
+    "@keyringnetwork/contracts-abi": "2.6.1",
+    "@keyringnetwork/keyring-core-sdk": "1.0.0-alpha.1",
+    "@keyringnetwork/keyring-dtos": "1.0.0",
+    axios: "^1.12.2",
+    lit: "^3.3.1",
+    pino: "^9.13.1",
+    "qr-code-styling": "^1.9.2",
+    "socket.io-client": "^4.8.1"
+  }
+};
+
+// src/utils/logger.ts
+var KeyringLogger = class {
+  static {
+    this.prefix = "[Keyring SDK]";
+  }
+  static {
+    this.packageVersion = package_default.version;
+  }
+  static init(scope) {
+    const logger2 = this.createPinoLogger(scope);
+    return logger2;
+  }
+  static createPinoLogger(scope) {
+    const metadata = {
+      scope,
+      packageVersion: this.packageVersion
+    };
+    const logger2 = (0, import_pino.default)({
+      name: this.prefix,
+      level: "debug",
+      browser: {
+        asObject: true,
+        formatters: {
+          level: (label) => ({
+            level: label.toUpperCase()
+          }),
+          log(object) {
+            return { ...object, metadata };
+          }
+        }
+      },
+      timestamp: () => `${new Date(Date.now()).toISOString()}`
+    });
+    return logger2;
+  }
+};
+
+// src/ui/components/keyring-button.ts
+var import_lit = require("lit");
+var import_decorators = require("lit/decorators.js");
+var KeyringButton = class extends import_lit.LitElement {
+  constructor() {
+    super(...arguments);
+    this.variant = "primary";
+    this.size = "md";
+    this.disabled = false;
+    this.loading = false;
+  }
+  render() {
+    return import_lit.html`
+      <button
+        class="button ${this.variant} ${this.size}"
+        ?disabled=${this.disabled || this.loading}
+        @click=${this.handleClick}
+      >
+        ${this.loading ? import_lit.html`<div class="loading-spinner"></div>` : ""}
+        <slot></slot>
+      </button>
+    `;
+  }
+  handleClick(e) {
+    if (this.disabled || this.loading) {
+      e.preventDefault();
+      e.stopPropagation();
+      return;
+    }
+    this.dispatchEvent(
+      new CustomEvent("click", {
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+};
+KeyringButton.styles = import_lit.css`
+    :host {
+      display: inline-block;
+    }
+
+    .button {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      gap: 8px;
+      border: none;
+      border-radius: 8px;
+      font-weight: 500;
+      cursor: pointer;
+      transition: all 0.2s ease;
+      font-family: inherit;
+      width: 100%;
+    }
+
+    .button:disabled {
+      cursor: not-allowed;
+      opacity: 0.6;
+    }
+
+    /* Sizes */
+
+    .xs {
+      padding: 6px 10px;
+      font-size: 12px;
+    }
+
+    .sm {
+      padding: 8px 12px;
+      font-size: 14px;
+    }
+
+    .md {
+      padding: 10px 16px;
+      font-size: 14px;
+    }
+
+    .lg {
+      padding: 12px 20px;
+      font-size: 16px;
+    }
+
+    /* Variants */
+    .primary {
+      background: #0f2830;
+      color: #fff;
+    }
+
+    .primary:hover:not(:disabled) {
+      background: #1a3d48;
+    }
+
+    .ghost {
+      background: transparent;
+      color: #6b7280;
+    }
+
+    .ghost:hover:not(:disabled) {
+      color: #374151;
+      background: #f9fafb;
+    }
+
+    .loading-spinner {
+      width: 16px;
+      height: 16px;
+      border: 2px solid transparent;
+      border-top: 2px solid currentColor;
+      border-radius: 50%;
+      animation: spin 1s linear infinite;
+    }
+
+    @keyframes spin {
+      to {
+        transform: rotate(360deg);
+      }
+    }
+  `;
+__decorateClass([
+  (0, import_decorators.property)()
+], KeyringButton.prototype, "variant", 2);
+__decorateClass([
+  (0, import_decorators.property)()
+], KeyringButton.prototype, "size", 2);
+__decorateClass([
+  (0, import_decorators.property)({ type: Boolean })
+], KeyringButton.prototype, "disabled", 2);
+__decorateClass([
+  (0, import_decorators.property)({ type: Boolean })
+], KeyringButton.prototype, "loading", 2);
+KeyringButton = __decorateClass([
+  (0, import_decorators.customElement)("keyring-button")
+], KeyringButton);
+
+// src/ui/components/keyring-text.ts
+var import_lit2 = require("lit");
+var import_decorators2 = require("lit/decorators.js");
+var KeyringText = class extends import_lit2.LitElement {
+  constructor() {
+    super(...arguments);
+    this.variant = "text-base";
+    this.color = "primary";
+    this.align = "left";
+    this.weight = "normal";
+  }
+  render() {
+    return import_lit2.html`
+      <p class="text ${this.variant} ${this.weight} ${this.color} ${this.align}">
+        <slot></slot>
+      </p>
+    `;
+  }
+};
+KeyringText.styles = import_lit2.css`
+    :host {
+      display: block;
+      /* CSS Variables */
+      --text-xs: 0.75rem; /* 12px */
+      --text-xs--line-height: 1.333; /* calc(1 / 0.75) */
+
+      --text-sm: 0.875rem; /* 14px */
+      --text-sm--line-height: 1.429; /* calc(1.25 / 0.875) */
+
+      --text-base: 1rem; /* 16px */
+      --text-base--line-height: 1.5; /* calc(1.5 / 1) */
+
+      --text-lg: 1.125rem; /* 18px */
+      --text-lg--line-height: 1.556; /* calc(1.75 / 1.125) */
+
+      --text-xl: 1.25rem; /* 20px */
+      --text-xl--line-height: 1.4; /* calc(1.75 / 1.25) */
+
+      --text-2xl: 1.5rem; /* 24px */
+      --text-2xl--line-height: 1.333; /* calc(2 / 1.5) */
+
+      --text-3xl: 1.875rem; /* 30px */
+      --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875) */
+    }
+
+    .text {
+      margin: 0;
+      font-family: Inter, "Segoe UI", Roboto, sans-serif;
+    }
+
+    /* Size Variants */
+    .text-xs {
+      font-size: var(--text-xs);
+      line-height: var(--text-xs--line-height);
+    }
+
+    .text-sm {
+      font-size: var(--text-sm);
+      line-height: var(--text-sm--line-height);
+    }
+
+    .text-base {
+      font-size: var(--text-base);
+      line-height: var(--text-base--line-height);
+    }
+
+    .text-lg {
+      font-size: var(--text-lg);
+      line-height: var(--text-lg--line-height);
+    }
+
+    .text-xl {
+      font-size: var(--text-xl);
+      line-height: var(--text-xl--line-height);
+    }
+
+    .text-2xl {
+      font-size: var(--text-2xl);
+      line-height: var(--text-2xl--line-height);
+    }
+
+    .text-3xl {
+      font-size: var(--text-3xl);
+      line-height: var(--text-3xl--line-height);
+    }
+
+    /* Font Weight Variants */
+    .light {
+      font-weight: 300;
+    }
+
+    .normal {
+      font-weight: 400;
+    }
+
+    .medium {
+      font-weight: 500;
+    }
+
+    .semibold {
+      font-weight: 600;
+    }
+
+    .bold {
+      font-weight: 700;
+    }
+
+    /* Colors */
+    .primary {
+      color: #0f2830;
+    }
+
+    .secondary {
+      color: #75849a;
+    }
+
+    .success {
+      color: #24af75;
+    }
+
+    .warning {
+      color: #f59e0b;
+    }
+
+    .error {
+      color: #eb4577;
+    }
+
+    .white {
+      color: #ffffff;
+    }
+
+    /* Alignment */
+    .left {
+      text-align: left;
+    }
+
+    .center {
+      text-align: center;
+    }
+
+    .right {
+      text-align: right;
+    }
+  `;
+__decorateClass([
+  (0, import_decorators2.property)()
+], KeyringText.prototype, "variant", 2);
+__decorateClass([
+  (0, import_decorators2.property)()
+], KeyringText.prototype, "color", 2);
+__decorateClass([
+  (0, import_decorators2.property)()
+], KeyringText.prototype, "align", 2);
+__decorateClass([
+  (0, import_decorators2.property)()
+], KeyringText.prototype, "weight", 2);
+KeyringText = __decorateClass([
+  (0, import_decorators2.customElement)("keyring-text")
+], KeyringText);
+
+// src/ui/composites/keyring-complete-modal.ts
+var import_lit6 = require("lit");
+var import_decorators6 = require("lit/decorators.js");
+
+// src/ui/icons/check-circle.ts
+var import_lit3 = require("lit");
+var import_decorators3 = require("lit/decorators.js");
+var CheckCircleIcon = class extends import_lit3.LitElement {
+  render() {
+    return import_lit3.html`
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="14"
+        height="13"
+        viewBox="0 0 14 13"
+        fill="none"
+      >
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M9.66135 5.31469L6.58268 8.39335C6.48468 8.49135 6.35735 8.54002 6.22935 8.54002C6.10068 8.54002 5.97335 8.49135 5.87535 8.39335L4.33602 6.85402C4.14068 6.65869 4.14068 6.34202 4.33602 6.14669C4.53135 5.95135 4.84735 5.95135 5.04268 6.14669L6.22935 7.33269L8.95402 4.60735C9.14935 4.41202 9.46602 4.41202 9.66135 4.60735C9.85668 4.80269 9.85668 5.11935 9.66135 5.31469ZM6.99935 0.166687C3.50735 0.166687 0.666016 3.00802 0.666016 6.50002C0.666016 9.99269 3.50735 12.8334 6.99935 12.8334C10.4913 12.8334 13.3327 9.99269 13.3327 6.50002C13.3327 3.00802 10.4913 0.166687 6.99935 0.166687Z"
+          fill="white"
+        />
+      </svg>
+    `;
+  }
+};
+CheckCircleIcon = __decorateClass([
+  (0, import_decorators3.customElement)("check-circle-icon")
+], CheckCircleIcon);
+
+// src/ui/icons/keyring.ts
+var import_lit4 = require("lit");
+var import_decorators4 = require("lit/decorators.js");
+var KeyringIcon = class extends import_lit4.LitElement {
+  render() {
+    return import_lit4.html`
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="86"
+        height="13"
+        viewBox="0 0 86 13"
+        fill="none"
+      >
+        <path
+          d="M9.71875 12.1707H7.88965L7.86523 12.1404L3.58105 6.69122L2.11426 8.0545V12.1707H0.418945V0.493958H2.11426V5.82501L7.72168 0.516418L7.74512 0.493958H9.7666V0.930481L9.74121 0.953918L4.78711 5.56427L9.70117 11.7195L9.71875 11.742V12.1707Z"
+          fill="#75849A"
+          stroke="#0F2830"
+          stroke-width="0.161828"
+        />
+        <path
+          d="M21.751 0.493958V2.03107H15.999V5.32404H21.1914V6.86115H15.999V10.6336H21.8311V12.1707H14.3037V0.493958H21.751Z"
+          fill="#75849A"
+          stroke="#0F2830"
+          stroke-width="0.161828"
+        />
+        <path
+          d="M28.085 0.493958L28.1074 0.538879L31.0625 6.45685C31.0752 6.48224 31.0829 6.48646 31.084 6.48712C31.0855 6.488 31.0921 6.492 31.1182 6.492C31.1446 6.492 31.151 6.48791 31.1523 6.48712C31.1535 6.48642 31.1612 6.48214 31.1738 6.45685L34.1289 0.538879L34.1514 0.493958H35.8643V0.914856L35.8545 0.932434L30.0479 12.1277L30.0254 12.1707H28.3535V11.7508L28.3623 11.7332L30.1797 8.25861L26.3809 0.932434L26.3721 0.914856V0.493958H28.085Z"
+          fill="#75849A"
+          stroke="#0F2830"
+          stroke-width="0.161828"
+        />
+        <path
+          d="M41.7021 5.8299H44.4512C45.1696 5.82986 45.713 5.68735 46.0762 5.38556C46.4364 5.08603 46.6338 4.61664 46.6338 3.9295C46.6337 3.24254 46.4363 2.77391 46.0762 2.47443C45.713 2.17255 45.1697 2.03012 44.4512 2.03009H41.7021V5.8299ZM47.7705 12.158H46.1035L46.083 12.1092L44.0361 7.36603H41.7021V12.158H40.0303V0.493958H44.6084C45.6828 0.494002 46.6081 0.776874 47.2656 1.35236C47.9248 1.92937 48.3056 2.79227 48.3057 3.9295C48.3057 4.87532 48.0435 5.63192 47.5752 6.1922C47.1265 6.72903 46.4931 7.07711 45.7363 7.24493L47.7637 11.7244L47.7705 11.7401V12.158Z"
+          fill="#75849A"
+          stroke="#0F2830"
+          stroke-width="0.161828"
+        />
+        <path
+          d="M55.2822 0.493958V12.1707H53.5869V0.493958H55.2822Z"
+          fill="#75849A"
+          stroke="#0F2830"
+          stroke-width="0.161828"
+        />
+        <path
+          d="M64.2471 0.493958L64.2666 0.546692L67.9395 10.4451L67.9648 10.4813C67.9725 10.4854 67.9878 10.49 68.0244 10.4901C68.0365 10.4901 68.0433 10.4882 68.0459 10.4871C68.0476 10.4864 68.0477 10.4853 68.0479 10.4852C68.0494 10.4829 68.0556 10.4725 68.0557 10.4432V0.493958H69.751V12.1707H66.8184L66.7988 12.118L63.125 2.22052L63.0996 2.18341C63.092 2.1793 63.0768 2.1756 63.04 2.1756C63.0283 2.1756 63.0222 2.17749 63.0195 2.17853C63.0175 2.17934 63.0167 2.17937 63.0166 2.1795C63.0154 2.18108 63.0088 2.19162 63.0088 2.22247V12.1707H61.3135V0.493958H64.2471Z"
+          fill="#75849A"
+          stroke="#0F2830"
+          stroke-width="0.161828"
+        />
+        <path
+          d="M80.0273 0.421265C78.3285 0.421265 77.0897 0.988138 76.2705 1.84607C75.4525 2.70292 75.0593 3.84387 75.0361 4.98083L75.0342 5.06287H76.668L76.6719 4.98669C76.7167 4.20891 76.976 3.44894 77.5098 2.88416C78.0423 2.3208 78.8563 1.94275 80.0273 1.94275C81.2218 1.94281 82.1981 2.38853 82.877 3.17615C83.5569 3.9651 83.9443 5.10476 83.9443 6.50232C83.9443 7.89988 83.5569 9.03954 82.877 9.82849C82.1981 10.6161 81.2218 11.0618 80.0273 11.0619C78.8645 11.0619 78.0667 10.7319 77.5557 10.2142C77.0617 9.71388 76.827 9.02768 76.7979 8.26306H80.792V6.72498H75.1426V7.68591C75.1426 9.19297 75.5725 10.4199 76.4102 11.2699C77.2481 12.12 78.4833 12.5833 80.0723 12.5834C81.75 12.5834 83.1305 11.9754 84.0898 10.9066C85.0484 9.83879 85.5811 8.3178 85.5811 6.50232C85.5811 4.68689 85.0483 3.16591 84.084 2.09802C83.1188 1.02929 81.7275 0.421328 80.0273 0.421265Z"
+          fill="#75849A"
+          stroke="#0F2830"
+          stroke-width="0.161828"
+        />
+      </svg>
+    `;
+  }
+};
+KeyringIcon = __decorateClass([
+  (0, import_decorators4.customElement)("keyring-icon")
+], KeyringIcon);
+
+// src/ui/icons/success.ts
+var import_lit5 = require("lit");
+var import_decorators5 = require("lit/decorators.js");
+var SuccessIcon = class extends import_lit5.LitElement {
+  render() {
+    return import_lit5.html`
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="52"
+        height="52"
+        viewBox="0 0 52 52"
+        fill="none"
+      >
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M36.6483 21.2587L24.3337 33.5734C23.9417 33.9654 23.4323 34.16 22.9203 34.16C22.4057 34.16 21.8963 33.9654 21.5043 33.5734L15.347 27.416C14.5657 26.6347 14.5657 25.368 15.347 24.5867C16.1283 23.8054 17.3923 23.8054 18.1737 24.5867L22.9203 29.3307L33.819 18.4294C34.6003 17.648 35.867 17.648 36.6483 18.4294C37.4297 19.2107 37.4297 20.4774 36.6483 21.2587ZM26.0003 0.666687C12.0323 0.666687 0.666992 12.032 0.666992 26C0.666992 39.9707 12.0323 51.3334 26.0003 51.3334C39.9683 51.3334 51.3337 39.9707 51.3337 26C51.3337 12.032 39.9683 0.666687 26.0003 0.666687Z"
+          fill="black"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M36.6483 21.2587L24.3337 33.5734C23.9417 33.9654 23.4323 34.16 22.9203 34.16C22.4057 34.16 21.8963 33.9654 21.5043 33.5734L15.347 27.416C14.5657 26.6347 14.5657 25.368 15.347 24.5867C16.1283 23.8054 17.3923 23.8054 18.1737 24.5867L22.9203 29.3307L33.819 18.4294C34.6003 17.648 35.867 17.648 36.6483 18.4294C37.4297 19.2107 37.4297 20.4774 36.6483 21.2587ZM26.0003 0.666687C12.0323 0.666687 0.666992 12.032 0.666992 26C0.666992 39.9707 12.0323 51.3334 26.0003 51.3334C39.9683 51.3334 51.3337 39.9707 51.3337 26C51.3337 12.032 39.9683 0.666687 26.0003 0.666687Z"
+          fill="url(#paint0_linear_9144_120495)"
+        />
+        <defs>
+          <linearGradient
+            id="paint0_linear_9144_120495"
+            x1="0.666992"
+            y1="26"
+            x2="51.3337"
+            y2="26"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="#3B6FF7" />
+            <stop offset="1" stop-color="#0397FC" />
+          </linearGradient>
+        </defs>
+      </svg>
+    `;
+  }
+};
+SuccessIcon = __decorateClass([
+  (0, import_decorators5.customElement)("success-icon")
+], SuccessIcon);
+
+// src/ui/composites/keyring-complete-modal.ts
+var KeyringCompleteModal = class extends import_lit6.LitElement {
+  constructor() {
+    super(...arguments);
+    this.title = "Verification Completed";
+    this.subtitle = "Your verification has been completed successfully.";
+    this.entityType = "Individual";
+    this.dataSource = "Binance";
+    this.dataSourceIcon = "";
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.trapFocus();
+  }
+  render() {
+    return import_lit6.html`
+      <div class="modal" @click=${this.stopPropagation}>
+        <div class="content">
+          <success-icon></success-icon>
+
+          <div class="text-wrapper">
+            <keyring-text variant="text-3xl" weight="medium">${this.title}</keyring-text>
+            <keyring-text variant="text-sm">${this.subtitle}</keyring-text>
+          </div>
+
+          <div class="info-box">
+            <div class="info-row">
+              <keyring-text>Entity Type</keyring-text>
+              <keyring-text weight="semibold">${this.entityType}</keyring-text>
+            </div>
+
+            <div class="divider"></div>
+
+            <div class="info-row">
+              <keyring-text>Data Source</keyring-text>
+              <div class="data-source-value">
+                ${this.dataSourceIcon ? import_lit6.html`<div class="data-source-icon">
+                      <img src="${this.dataSourceIcon}" alt="${this.dataSource} icon" />
+                    </div>` : ""}
+                <keyring-text weight="semibold">${this.dataSource}</keyring-text>
+              </div>
+            </div>
+          </div>
+
+          <keyring-button class="done-button" @click=${this.handleDone}>Done</keyring-button>
+        </div>
+      </div>
+    `;
+  }
+  // Event handlers
+  handleDone() {
+    this.dispatchEvent(new CustomEvent("close", { bubbles: true, composed: true }));
+  }
+  stopPropagation(e) {
+    e.stopPropagation();
+  }
+  trapFocus() {
+    const focusableElements = this.shadowRoot?.querySelectorAll(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    );
+    if (focusableElements && focusableElements.length > 0) {
+      focusableElements[0].focus();
+    }
+  }
+};
+KeyringCompleteModal.styles = import_lit6.css`
+    :host {
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background-color: rgba(15, 40, 48, 0.45);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 10000;
+      font-family: Inter, "Segoe UI", Roboto, sans-serif;
+    }
+
+    .modal {
+      background: white;
+      border-radius: 20px;
+      display: flex;
+      gap: 24px;
+      padding: 40px 24px 40px 24px;
+      flex-direction: column;
+      align-items: center;
+      max-width: 524px;
+      width: 100%;
+      max-height: 90vh;
+      overflow-y: auto;
+      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    }
+
+    .content {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: 24px;
+    }
+
+    .text-wrapper {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: 12px;
+      width: 100%;
+    }
+
+    .info-box {
+      width: 100%;
+      border: 1px solid #e3e7ee;
+      border-radius: 16px;
+      background: linear-gradient(0deg, #f3f5fa 0%, #f3f5fa 100%);
+      padding: 12px 16px;
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+      box-sizing: border-box;
+    }
+
+    .info-row {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      width: 100%;
+    }
+
+    .data-source-value {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+    }
+
+    .divider {
+      width: 100%;
+      height: 1px;
+      background-color: rgba(15, 40, 48, 0.12);
+    }
+
+    .data-source-icon {
+      width: 18px;
+      height: 18px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .data-source-icon img {
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+    }
+
+    .done-button {
+      width: 100%;
+      max-width: 200px;
+      margin: 0 auto;
+    }
+  `;
+__decorateClass([
+  (0, import_decorators6.property)()
+], KeyringCompleteModal.prototype, "title", 2);
+__decorateClass([
+  (0, import_decorators6.property)()
+], KeyringCompleteModal.prototype, "subtitle", 2);
+__decorateClass([
+  (0, import_decorators6.property)({ attribute: "entity-type" })
+], KeyringCompleteModal.prototype, "entityType", 2);
+__decorateClass([
+  (0, import_decorators6.property)({ attribute: "data-source" })
+], KeyringCompleteModal.prototype, "dataSource", 2);
+__decorateClass([
+  (0, import_decorators6.property)({ attribute: "data-source-icon" })
+], KeyringCompleteModal.prototype, "dataSourceIcon", 2);
+KeyringCompleteModal = __decorateClass([
+  (0, import_decorators6.customElement)("keyring-complete-modal")
+], KeyringCompleteModal);
+
+// src/ui/composites/keyring-mobile-modal.ts
+var import_lit9 = require("lit");
+var import_decorators9 = require("lit/decorators.js");
+
+// src/ui/icons/checkmark.ts
+var import_lit7 = require("lit");
+var import_decorators7 = require("lit/decorators.js");
+var CheckmarkIcon = class extends import_lit7.LitElement {
+  render() {
+    return import_lit7.html`
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="25"
+        height="25"
+        viewBox="0 0 25 25"
+        fill="none"
+        style="display: inline-block; vertical-align: text-top;"
+      >
+        <path
+          d="M18.0371 8.6933L10.4236 16.3068L6.96289 12.8461"
+          stroke="#21CDAE"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+      </svg>
+    `;
+  }
+};
+CheckmarkIcon = __decorateClass([
+  (0, import_decorators7.customElement)("checkmark-icon")
+], CheckmarkIcon);
+
+// src/ui/icons/gradient-donut.ts
+var import_lit8 = require("lit");
+var import_decorators8 = require("lit/decorators.js");
+var GradientDonutIcon = class extends import_lit8.LitElement {
+  constructor() {
+    super(...arguments);
+    this.startColour = "#0397FC";
+    this.endColour = "#F2F2F2";
+    this.spinning = false;
+  }
+  render() {
+    return import_lit8.html`
+      <svg
+        class="${this.spinning ? "spin" : ""}"
+        xmlns="http://www.w3.org/2000/svg"
+        width="20"
+        height="21"
+        viewBox="0 0 20 21"
+        fill="none"
+        style="display: inline-block; vertical-align: text-top;"
+      >
+        <path
+          d="M17.5 10.5001C17.5 11.485 17.306 12.4602 16.9291 13.3702C16.5522 14.2801 15.9997 15.1069 15.3033 15.8034C14.6069 16.4998 13.7801 17.0522 12.8701 17.4292C11.9602 17.8061 10.9849 18.0001 10 18.0001C9.01508 18.0001 8.03982 17.8061 7.12987 17.4292C6.21993 17.0522 5.39314 16.4998 4.6967 15.8034C4.00026 15.1069 3.44781 14.2801 3.0709 13.3702C2.69399 12.4602 2.5 11.485 2.5 10.5001C2.5 9.51515 2.69399 8.53988 3.0709 7.62993C3.44781 6.71999 4.00026 5.8932 4.6967 5.19676C5.39314 4.50032 6.21993 3.94787 7.12987 3.57096C8.03982 3.19405 9.01509 3.00006 10 3.00006C10.9849 3.00006 11.9602 3.19405 12.8701 3.57096C13.7801 3.94788 14.6069 4.50032 15.3033 5.19676C15.9997 5.8932 16.5522 6.71999 16.9291 7.62994C17.306 8.53988 17.5 9.51515 17.5 10.5001L17.5 10.5001Z"
+          stroke="#F2F2F2"
+          stroke-width="5"
+        />
+        <path
+          d="M18 10.5001C18 11.5506 17.7931 12.5909 17.391 13.5615C16.989 14.5321 16.3997 15.414 15.6569 16.1569C14.914 16.8998 14.0321 17.4891 13.0615 17.8911C12.0909 18.2931 11.0506 18.5001 10 18.5001C8.94942 18.5001 7.90914 18.2931 6.93853 17.8911C5.96793 17.4891 5.08601 16.8998 4.34315 16.1569C3.60028 15.414 3.011 14.5321 2.60896 13.5615C2.20693 12.5909 2 11.5506 2 10.5001C2 9.44948 2.20693 8.4092 2.60896 7.43859C3.011 6.46799 3.60028 5.58607 4.34315 4.84321C5.08601 4.10034 5.96793 3.51106 6.93853 3.10902C7.90914 2.70699 8.94943 2.50006 10 2.50006C11.0506 2.50006 12.0909 2.70699 13.0615 3.10903C14.0321 3.51106 14.914 4.10034 15.6569 4.84321C16.3997 5.58608 16.989 6.46799 17.391 7.43859C17.7931 8.4092 18 9.44949 18 10.5001L18 10.5001Z"
+          stroke="url(#paint0_linear_gradient_donut)"
+          stroke-width="4"
+          stroke-linecap="round"
+        />
+        <defs>
+          <linearGradient
+            id="paint0_linear_gradient_donut"
+            x1="10"
+            y1="0.500061"
+            x2="10"
+            y2="20.5001"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="${this.startColour}" />
+            <stop offset="1" stop-color="${this.endColour}" />
+          </linearGradient>
+        </defs>
+      </svg>
+    `;
+  }
+};
+GradientDonutIcon.styles = import_lit8.css`
+    @keyframes spin {
+      from {
+        transform: rotate(0deg);
+      }
+      to {
+        transform: rotate(360deg);
+      }
+    }
+
+    .spin {
+      animation: spin 1s linear infinite;
+      display: inline-block;
+    }
+  `;
+__decorateClass([
+  (0, import_decorators8.property)({ type: String })
+], GradientDonutIcon.prototype, "startColour", 2);
+__decorateClass([
+  (0, import_decorators8.property)({ type: String })
+], GradientDonutIcon.prototype, "endColour", 2);
+__decorateClass([
+  (0, import_decorators8.property)({ type: Boolean })
+], GradientDonutIcon.prototype, "spinning", 2);
+GradientDonutIcon = __decorateClass([
+  (0, import_decorators8.customElement)("gradient-donut-icon")
+], GradientDonutIcon);
+
+// src/ui/composites/keyring-mobile-modal.ts
+var KeyringMobileModal = class extends import_lit9.LitElement {
+  constructor() {
+    super(...arguments);
+    this.qrData = "";
+    this.expiresAt = 0;
+    this.status = "pending";
+    this.statusMessage = "Waiting for mobile app...";
+    this.timeLeft = "";
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.startCountdown();
+    this.trapFocus();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    if (this.countdownInterval) {
+      clearInterval(this.countdownInterval);
+    }
+  }
+  render() {
+    return import_lit9.html`
+      <div class="modal" @click=${this.stopPropagation}>
+        <div class="header">
+          <keyring-text variant="text-2xl" weight="medium" align="center"
+            >Continue with mobile app</keyring-text
+          >
+          <button class="close-btn" @click=${this.handleCancel} aria-label="Close">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="24"
+              height="24"
+              viewBox="0 0 24 24"
+              fill="none"
+            >
+              <path
+                d="M16.0391 6.54694C16.4296 6.15641 17.0626 6.15641 17.4531 6.54694C17.8436 6.93747 17.8436 7.5705 17.4531 7.961L13.4141 12.0001L17.4531 16.0391C17.8436 16.4297 17.8436 17.0627 17.4531 17.4532C17.0626 17.8437 16.4296 17.8436 16.0391 17.4532L12 13.4141L7.96094 17.4532C7.57044 17.8437 6.93741 17.8436 6.54688 17.4532C6.15635 17.0627 6.15635 16.4296 6.54688 16.0391L10.5859 12.0001L6.54688 7.961C6.15635 7.57047 6.15635 6.93746 6.54688 6.54694C6.9374 6.15641 7.57041 6.15641 7.96094 6.54694L12 10.586L16.0391 6.54694Z"
+                fill="#75849A"
+              />
+            </svg>
+          </button>
+        </div>
+
+        <div class="content">
+          <a href="${this.qrData}" target="_blank" class="launch-link">
+            <keyring-button class="done-button">Launch Keyring App</keyring-button>
+          </a>
+        </div>
+
+        <div class="footer">
+          <div class="footer-content">
+            <div class="footer-branding">
+              <keyring-text variant="text-sm" color="secondary"
+                >Verification provided by</keyring-text
+              >
+              <keyring-icon></keyring-icon>
+            </div>
+            <div class="footer-links">
+              <a href="https://www.keyring.network/terms" target="_blank" class="link">
+                <keyring-text variant="text-sm" color="secondary"
+                  >Keyring Terms and Conditions</keyring-text
+                >
+              </a>
+              <a href="https://docs.keyring.network/docs" target="_blank" class="link">
+                <keyring-text variant="text-sm" color="secondary">Keyring Docs</keyring-text>
+              </a>
+            </div>
+          </div>
+
+          <div class="status-container ${this.status === "connected" ? "connected" : ""}">
+            <div class="status-item">
+              ${this.getStatusIcon()}
+              <keyring-text variant="text-sm">${this.statusMessage}</keyring-text>
+            </div>
+            ${this.timeLeft !== "00:00" ? import_lit9.html`
+                  <keyring-text variant="text-xs" color="secondary">
+                    Expires: <span>${this.timeLeft}</span>
+                  </keyring-text>
+                ` : import_lit9.html``}
+          </div>
+        </div>
+      </div>
+    `;
+  }
+  updateStatus(message, status) {
+    this.statusMessage = message;
+    this.status = status;
+  }
+  // Event handlers
+  handleCancel() {
+    this.dispatchEvent(new CustomEvent("cancel", { bubbles: true, composed: true }));
+  }
+  stopPropagation(e) {
+    e.stopPropagation();
+  }
+  trapFocus() {
+    const focusableElements = this.shadowRoot?.querySelectorAll(
+      'button:not([style*="display: none"]), [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    );
+    if (focusableElements && focusableElements.length > 0) {
+      focusableElements[0].focus();
+    }
+  }
+  startCountdown() {
+    if (this.countdownInterval) {
+      clearInterval(this.countdownInterval);
+    }
+    const updateCountdown = () => {
+      const now = Date.now();
+      const timeLeft = this.expiresAt - now;
+      if (timeLeft <= 0) {
+        this.timeLeft = "00:00";
+        this.updateStatus("Session expired", "expired");
+        if (this.countdownInterval) clearInterval(this.countdownInterval);
+        return;
+      }
+      const minutes = Math.floor(timeLeft / 6e4);
+      const seconds = Math.floor(timeLeft % 6e4 / 1e3);
+      this.timeLeft = `${minutes}:${seconds.toString().padStart(2, "0")}`;
+    };
+    updateCountdown();
+    this.countdownInterval = window.setInterval(updateCountdown, 1e3);
+  }
+  getStatusIcon() {
+    switch (this.status) {
+      case "pending":
+      case "processing":
+        return import_lit9.html`<gradient-donut-icon spinning></gradient-donut-icon>`;
+      case "connected":
+        return import_lit9.html`<checkmark-icon></checkmark-icon>`;
+      default:
+        return import_lit9.html`<gradient-donut-icon startColour="#75849A"></gradient-donut-icon>`;
+    }
+  }
+};
+KeyringMobileModal.styles = import_lit9.css`
+    :host {
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background-color: rgba(15, 40, 48, 0.45);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 10000;
+      font-family: Inter, "Segoe UI", Roboto, sans-serif;
+    }
+
+    .modal {
+      background: white;
+      border-radius: 20px;
+      display: flex;
+      gap: 24px;
+      padding: 40px 16px 24px;
+      flex-direction: column;
+      align-items: center;
+      max-width: 350px;
+      width: 100%;
+      max-height: 90vh;
+      overflow-y: auto;
+      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+      position: relative;
+    }
+
+    .header {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 100%;
+    }
+
+    .close-btn {
+      background-color: transparent;
+      border: none;
+      cursor: pointer;
+      padding: 4px;
+      border-radius: 8px;
+      transition: all 300ms ease-in-out;
+      position: absolute;
+      top: 8px;
+      right: 8px;
+    }
+
+    .close-btn:hover {
+      background-color: #75849a1a;
+    }
+
+    .content {
+      width: 100%;
+      display: flex;
+      justify-content: center;
+    }
+
+    .done-button {
+      width: 100%;
+      max-width: 180px;
+      margin: 0 auto;
+    }
+
+    .launch-link {
+      text-decoration: none;
+      color: inherit;
+      cursor: pointer;
+      width: 100%;
+      text-align: center;
+    }
+
+    .status-container {
+      margin: 24px -16px -24px;
+      padding: 8px;
+      border-top: 1px solid #e3e7ee;
+      background-color: #f3f5fa;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .status-container.connected {
+      background-color: #f2fcf7;
+      border-color: #e3e7ee;
+    }
+
+    .status-item {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 12px;
+    }
+
+    .footer {
+      width: 100%;
+      border-top: 1px solid rgba(15, 40, 48, 0.12);
+    }
+
+    .footer-content {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+      margin-top: 24px;
+    }
+
+    .footer-branding {
+      display: flex;
+      gap: 12px;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .footer-links {
+      width: 100%;
+      display: flex;
+      gap: 24px;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .footer-links a {
+      text-decoration: none;
+      color: inherit;
+      cursor: pointer;
+    }
+
+    .footer-links a:hover {
+      text-decoration: underline;
+      color: #75849a;
+    }
+  `;
+__decorateClass([
+  (0, import_decorators9.property)({ attribute: "qr-data" })
+], KeyringMobileModal.prototype, "qrData", 2);
+__decorateClass([
+  (0, import_decorators9.property)({ attribute: "expires-at", type: Number })
+], KeyringMobileModal.prototype, "expiresAt", 2);
+__decorateClass([
+  (0, import_decorators9.state)()
+], KeyringMobileModal.prototype, "status", 2);
+__decorateClass([
+  (0, import_decorators9.state)()
+], KeyringMobileModal.prototype, "statusMessage", 2);
+__decorateClass([
+  (0, import_decorators9.state)()
+], KeyringMobileModal.prototype, "timeLeft", 2);
+KeyringMobileModal = __decorateClass([
+  (0, import_decorators9.customElement)("keyring-mobile-modal")
+], KeyringMobileModal);
+
+// src/ui/composites/keyring-qr-modal.ts
+var import_lit12 = require("lit");
+var import_decorators12 = require("lit/decorators.js");
+
+// src/ui/icons/apple-icon.ts
+var import_lit10 = require("lit");
+var import_decorators10 = require("lit/decorators.js");
+var AppleIcon = class extends import_lit10.LitElement {
+  render() {
+    return import_lit10.html`
+      <svg
+        width="120"
+        height="41"
+        viewBox="0 0 120 41"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <rect x="0.5" y="1" width="119" height="39" rx="5.5" fill="black" />
+        <rect x="0.5" y="1" width="119" height="39" rx="5.5" stroke="#A6A6A6" />
+        <path
+          d="M24.7045 21.2631C24.7166 20.3432 24.9669 19.4412 25.4321 18.6411C25.8972 17.841 26.5621 17.1688 27.3648 16.687C26.8548 15.9759 26.1821 15.3908 25.4 14.978C24.6178 14.5652 23.7479 14.3361 22.8592 14.309C20.9635 14.1147 19.1258 15.4164 18.1598 15.4164C17.1751 15.4164 15.6878 14.3282 14.0862 14.3604C13.0502 14.3931 12.0406 14.6872 11.1557 15.2141C10.2708 15.741 9.54075 16.4826 9.03674 17.3669C6.85352 21.0573 8.48201 26.4809 10.5734 29.464C11.6197 30.9247 12.8426 32.5563 14.4428 32.4985C16.0086 32.4351 16.5934 31.5237 18.4835 31.5237C20.3561 31.5237 20.9048 32.4985 22.5374 32.4617C24.2176 32.4351 25.2762 30.9945 26.2859 29.5199C27.0377 28.4791 27.6162 27.3288 28 26.1116C27.0238 25.7085 26.1908 25.0338 25.6048 24.1716C25.0187 23.3094 24.7056 22.2979 24.7045 21.2631Z"
+          fill="white"
+        />
+        <path
+          d="M21.6201 12.3471C22.5362 11.2734 22.9875 9.89335 22.8782 8.5C21.4786 8.64352 20.1857 9.2966 19.2572 10.3291C18.8033 10.8335 18.4556 11.4203 18.234 12.056C18.0125 12.6917 17.9215 13.3638 17.9661 14.0338C18.6662 14.0408 19.3588 13.8927 19.9917 13.6005C20.6246 13.3084 21.1814 12.8798 21.6201 12.3471Z"
+          fill="white"
+        />
+        <path
+          d="M36.791 9.00146H38.8608C40.6494 9.00146 41.5195 10.0649 41.5195 11.9941C41.5195 13.9233 40.6406 15 38.8608 15H36.791V9.00146ZM37.7886 9.84082V14.1606H38.751C39.9375 14.1606 40.4956 13.4443 40.4956 12.0073C40.4956 10.5615 39.9331 9.84082 38.751 9.84082H37.7886ZM44.6748 10.2759C45.8877 10.2759 46.7358 11.0625 46.7358 12.3677V12.9697C46.7358 14.3188 45.8877 15.0791 44.6748 15.0791C43.4443 15.0791 42.605 14.3276 42.605 12.9741V12.3721C42.605 11.1021 43.4575 10.2759 44.6748 10.2759ZM44.6792 11.0625C43.9849 11.0625 43.5894 11.6426 43.5894 12.4204V12.939C43.5894 13.7168 43.9585 14.2925 44.6792 14.2925C45.3911 14.2925 45.7559 13.7212 45.7559 12.939V12.4204C45.7559 11.6426 45.3735 11.0625 44.6792 11.0625ZM53.8989 10.355L52.6772 15H51.6841L50.7129 11.5723H50.6865L49.7329 15H48.7354L47.4609 10.355H48.5112L49.2583 13.897H49.3022L50.2383 10.355H51.1567L52.1191 13.897H52.1631L52.9233 10.355H53.8989ZM54.8657 15V10.355H55.8237V11.1899H55.8721C55.9907 10.8252 56.3291 10.2847 57.2695 10.2847C58.2056 10.2847 58.834 10.8032 58.834 11.8623V15H57.8584V12.1479C57.8584 11.4404 57.4893 11.1152 56.9399 11.1152C56.2192 11.1152 55.8413 11.6689 55.8413 12.4204V15H54.8657ZM60.3105 15V8.68506H61.2861V15H60.3105ZM64.6348 10.2759C65.8477 10.2759 66.6958 11.0625 66.6958 12.3677V12.9697C66.6958 14.3188 65.8477 15.0791 64.6348 15.0791C63.4043 15.0791 62.5649 14.3276 62.5649 12.9741V12.3721C62.5649 11.1021 63.4175 10.2759 64.6348 10.2759ZM64.6392 11.0625C63.9448 11.0625 63.5493 11.6426 63.5493 12.4204V12.939C63.5493 13.7168 63.9185 14.2925 64.6392 14.2925C65.3511 14.2925 65.7158 13.7212 65.7158 12.939V12.4204C65.7158 11.6426 65.3335 11.0625 64.6392 11.0625ZM69.2227 15.0703C68.3218 15.0703 67.7021 14.5166 67.7021 13.6509C67.7021 12.8291 68.2734 12.2754 69.3457 12.2754H70.519V11.8403C70.519 11.3086 70.1807 11.0581 69.6445 11.0581C69.1172 11.0581 68.8799 11.2778 68.8052 11.5854H67.8779C67.9351 10.8076 68.5195 10.2847 69.6753 10.2847C70.6685 10.2847 71.4902 10.6978 71.4902 11.8535V15H70.563V14.3979H70.519C70.3125 14.7539 69.9082 15.0703 69.2227 15.0703ZM69.5259 14.3145C70.0796 14.3145 70.519 13.9365 70.519 13.4312V12.9302H69.4995C68.9326 12.9302 68.6821 13.2158 68.6821 13.6025C68.6821 14.0859 69.0864 14.3145 69.5259 14.3145ZM74.4961 10.2935C75.1509 10.2935 75.6519 10.5835 75.832 11.0537H75.8804V8.68506H76.856V15H75.9067V14.2573H75.8584C75.7178 14.7275 75.1597 15.0615 74.4829 15.0615C73.415 15.0615 72.7207 14.3013 72.7207 13.0752V12.2798C72.7207 11.0537 73.4282 10.2935 74.4961 10.2935ZM74.7686 11.0933C74.1182 11.0933 73.7139 11.5767 73.7139 12.4204V12.9302C73.7139 13.7783 74.1226 14.2617 74.7905 14.2617C75.4497 14.2617 75.8804 13.7827 75.8804 12.9917V12.2886C75.8804 11.5723 75.4102 11.0933 74.7686 11.0933ZM82.2129 10.2759C83.4258 10.2759 84.2739 11.0625 84.2739 12.3677V12.9697C84.2739 14.3188 83.4258 15.0791 82.2129 15.0791C80.9824 15.0791 80.1431 14.3276 80.1431 12.9741V12.3721C80.1431 11.1021 80.9956 10.2759 82.2129 10.2759ZM82.2173 11.0625C81.5229 11.0625 81.1274 11.6426 81.1274 12.4204V12.939C81.1274 13.7168 81.4966 14.2925 82.2173 14.2925C82.9292 14.2925 83.2939 13.7212 83.2939 12.939V12.4204C83.2939 11.6426 82.9116 11.0625 82.2173 11.0625ZM85.5308 15V10.355H86.4888V11.1899H86.5371C86.6558 10.8252 86.9941 10.2847 87.9346 10.2847C88.8706 10.2847 89.499 10.8032 89.499 11.8623V15H88.5234V12.1479C88.5234 11.4404 88.1543 11.1152 87.605 11.1152C86.8843 11.1152 86.5063 11.6689 86.5063 12.4204V15H85.5308ZM93.2739 10.3857V9.22559H94.2275V10.3857H95.269V11.1504H94.2275V13.6157C94.2275 14.1211 94.4165 14.2617 94.9395 14.2617C95.0713 14.2617 95.2471 14.2529 95.3218 14.2441V14.9912C95.2427 15.0044 94.9175 15.0308 94.6978 15.0308C93.5684 15.0308 93.2607 14.6265 93.2607 13.6948V11.1504H92.5532V10.3857H93.2739ZM96.4995 15V8.68506H97.4707V11.1899H97.519C97.6201 10.8604 97.998 10.2847 98.9297 10.2847C99.835 10.2847 100.481 10.8076 100.481 11.8667V15H99.5098V12.1523C99.5098 11.4448 99.1187 11.1152 98.5649 11.1152C97.8662 11.1152 97.4707 11.6646 97.4707 12.4204V15H96.4995ZM103.755 15.0791C102.489 15.0791 101.703 14.3013 101.703 12.9917V12.3633C101.703 11.0449 102.564 10.2759 103.698 10.2759C104.862 10.2759 105.684 11.0845 105.684 12.3633V12.9082H102.669V13.1367C102.669 13.8047 103.065 14.2969 103.75 14.2969C104.26 14.2969 104.612 14.0552 104.678 13.7651H105.631C105.574 14.3013 105.007 15.0791 103.755 15.0791ZM102.669 12.271H104.73V12.2095C104.73 11.5107 104.322 11.0449 103.702 11.0449C103.083 11.0449 102.669 11.5107 102.669 12.2095V12.271Z"
+          fill="white"
+        />
+        <path
+          d="M38.2061 31H36.1758L40.3066 19.0029H42.5391L46.6611 31H44.5518L43.4883 27.6777H39.2783L38.2061 31ZM41.4316 21.0771H41.3525L39.7266 26.1484H43.04L41.4316 21.0771ZM52.2644 31.1318C51.0603 31.1318 50.1462 30.5605 49.654 29.708H49.5837V34.085H47.6325V21.71H49.531V23.0723H49.6013C50.1111 22.1846 51.0603 21.5869 52.3083 21.5869C54.3913 21.5869 55.8767 23.1602 55.8767 25.9375V26.7637C55.8767 29.5234 54.4089 31.1318 52.2644 31.1318ZM51.8161 29.5234C53.0554 29.5234 53.8991 28.5303 53.8991 26.6582V26.0078C53.8991 24.2061 53.1081 23.1777 51.781 23.1777C50.4187 23.1777 49.5661 24.2852 49.5661 25.999V26.6582C49.5661 28.416 50.4275 29.5234 51.8161 29.5234ZM62.183 31.1318C60.9789 31.1318 60.0649 30.5605 59.5727 29.708H59.5024V34.085H57.5512V21.71H59.4496V23.0723H59.52C60.0297 22.1846 60.9789 21.5869 62.227 21.5869C64.31 21.5869 65.7954 23.1602 65.7954 25.9375V26.7637C65.7954 29.5234 64.3276 31.1318 62.183 31.1318ZM61.7348 29.5234C62.9741 29.5234 63.8178 28.5303 63.8178 26.6582V26.0078C63.8178 24.2061 63.0268 23.1777 61.6996 23.1777C60.3373 23.1777 59.4848 24.2852 59.4848 25.999V26.6582C59.4848 28.416 60.3461 29.5234 61.7348 29.5234ZM69.8387 27.6689H71.7899C71.8778 28.7061 72.7919 29.5938 74.4882 29.5938C76.0438 29.5938 76.9667 28.8643 76.9667 27.7305C76.9667 26.8164 76.3514 26.3242 75.0682 26.0166L73.0995 25.5244C71.5526 25.1641 70.1639 24.2412 70.1639 22.29C70.1639 19.9961 72.1679 18.7393 74.497 18.7393C76.8261 18.7393 78.7684 19.9961 78.8124 22.2373H76.8964C76.8085 21.2178 76.0262 20.374 74.4706 20.374C73.0995 20.374 72.1679 21.0244 72.1679 22.1406C72.1679 22.9229 72.7128 23.4854 73.829 23.7402L75.7889 24.2236C77.5907 24.6631 78.9618 25.5156 78.9618 27.5547C78.9618 29.9102 77.0546 31.2373 74.3387 31.2373C70.9989 31.2373 69.8827 29.2861 69.8387 27.6689ZM81.3395 21.71V19.4512H83.2555V21.71H85.066V23.2744H83.2555V28.2314C83.2555 29.2422 83.6334 29.5234 84.6793 29.5234C84.8463 29.5234 85.0045 29.5234 85.1188 29.5059V31C84.9605 31.0264 84.5914 31.0615 84.1959 31.0615C81.9371 31.0615 81.3131 30.2529 81.3131 28.3896V23.2744H80.0299V21.71H81.3395ZM90.3353 21.5518C93.0071 21.5518 94.4573 23.4326 94.4573 25.9639V26.7109C94.4573 29.3301 93.0159 31.1582 90.3353 31.1582C87.6546 31.1582 86.1956 29.3301 86.1956 26.7109V25.9639C86.1956 23.4414 87.6634 21.5518 90.3353 21.5518ZM90.3353 23.1162C88.8851 23.1162 88.1644 24.3027 88.1644 25.9902V26.7021C88.1644 28.3633 88.8763 29.585 90.3353 29.585C91.7943 29.585 92.4974 28.3721 92.4974 26.7021V25.9902C92.4974 24.2939 91.7855 23.1162 90.3353 23.1162ZM96.1055 31V21.71H98.0567V22.9316H98.127C98.3643 22.3516 99.0586 21.5781 100.351 21.5781C100.606 21.5781 100.825 21.5957 101.01 21.6309V23.3535C100.843 23.3096 100.5 23.2832 100.175 23.2832C98.6104 23.2832 98.083 24.25 98.083 25.498V31H96.1055ZM105.743 31.1582C103.256 31.1582 101.674 29.5146 101.674 26.7637V25.8232C101.674 23.2305 103.22 21.5518 105.664 21.5518C108.142 21.5518 109.636 23.292 109.636 25.9111V26.7988H103.598V27.0186C103.598 28.583 104.442 29.6201 105.769 29.6201C106.762 29.6201 107.439 29.1279 107.677 28.3281H109.531C109.25 29.8311 108.037 31.1582 105.743 31.1582ZM103.598 25.4365H107.729V25.4189C107.729 24.1006 106.912 23.0635 105.673 23.0635C104.416 23.0635 103.598 24.1006 103.598 25.4189V25.4365Z"
+          fill="white"
+        />
+      </svg>
+    `;
+  }
+};
+AppleIcon = __decorateClass([
+  (0, import_decorators10.customElement)("apple-icon")
+], AppleIcon);
+
+// src/ui/icons/google-icon.ts
+var import_lit11 = require("lit");
+var import_decorators11 = require("lit/decorators.js");
+var GoogleIcon = class extends import_lit11.LitElement {
+  render() {
+    return import_lit11.html`
+      <svg
+        width="120"
+        height="41"
+        viewBox="0 0 120 41"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <rect x="0.5" y="1" width="119" height="39" rx="5.5" fill="black" />
+        <rect x="0.5" y="1" width="119" height="39" rx="5.5" stroke="#A6A6A6" />
+        <path
+          d="M17.8051 19.9617L8.08984 30.5059C8.09076 30.5078 8.09076 30.5106 8.09167 30.5125C8.39005 31.6574 9.41203 32.5 10.6256 32.5C11.1111 32.5 11.5664 32.3656 11.957 32.1305L11.988 32.1118L22.9232 25.6593L17.8051 19.9617Z"
+          fill="#EA4335"
+        />
+        <path
+          d="M27.6332 18.1662L27.624 18.1597L22.9029 15.3612L17.584 20.2013L22.922 25.6582L27.6177 22.8878C28.4407 22.4324 29.0001 21.545 29.0001 20.5223C29.0001 19.5052 28.4489 18.6225 27.6332 18.1662Z"
+          fill="#FBBC04"
+        />
+        <path
+          d="M8.08942 10.4933C8.03102 10.7135 8 10.9449 8 11.1838V29.8163C8 30.0552 8.03102 30.2866 8.09034 30.5059L18.1386 20.2313L8.08942 10.4933Z"
+          fill="#4285F4"
+        />
+        <path
+          d="M17.8771 20.4999L22.9049 15.3594L11.9825 8.88354C11.5856 8.63999 11.122 8.50003 10.6265 8.50003C9.41295 8.50003 8.38914 9.3445 8.09076 10.4904C8.09076 10.4913 8.08984 10.4922 8.08984 10.4932L17.8771 20.4999Z"
+          fill="#34A853"
+        />
+        <path
+          d="M43.61 12.21C43.61 13.21 43.3133 14.0067 42.72 14.6C42.0533 15.3067 41.1767 15.66 40.09 15.66C39.05 15.66 38.17 15.3 37.45 14.58C36.73 13.86 36.37 12.9733 36.37 11.92C36.37 10.8667 36.73 9.98 37.45 9.26C38.17 8.54 39.05 8.18 40.09 8.18C40.6167 8.18 41.1133 8.27333 41.58 8.46C42.0467 8.64667 42.43 8.91 42.73 9.25L42.07 9.91C41.85 9.64333 41.5633 9.43667 41.21 9.29C40.8633 9.13667 40.49 9.06 40.09 9.06C39.31 9.06 38.65 9.33 38.11 9.87C37.5767 10.4167 37.31 11.1 37.31 11.92C37.31 12.74 37.5767 13.4233 38.11 13.97C38.65 14.51 39.31 14.78 40.09 14.78C40.8033 14.78 41.3967 14.58 41.87 14.18C42.3433 13.78 42.6167 13.23 42.69 12.53H40.09V11.67H43.56C43.5933 11.8567 43.61 12.0367 43.61 12.21ZM48.9078 8.34V9.22H45.6478V11.49H48.5878V12.35H45.6478V14.62H48.9078V15.5H44.7278V8.34H48.9078ZM52.5877 9.22V15.5H51.6677V9.22H49.6677V8.34H54.5877V9.22H52.5877ZM58.6654 15.5H57.7454V8.34H58.6654V15.5ZM62.5487 9.22V15.5H61.6287V9.22H59.6287V8.34H64.5487V9.22H62.5487ZM74.521 11.92C74.521 12.98 74.1677 13.8667 73.461 14.58C72.7477 15.3 71.8743 15.66 70.841 15.66C69.801 15.66 68.9277 15.3 68.221 14.58C67.5143 13.8667 67.161 12.98 67.161 11.92C67.161 10.86 67.5143 9.97333 68.221 9.26C68.9277 8.54 69.801 8.18 70.841 8.18C71.881 8.18 72.7543 8.54333 73.461 9.27C74.1677 9.98333 74.521 10.8667 74.521 11.92ZM68.101 11.92C68.101 12.7467 68.361 13.43 68.881 13.97C69.4077 14.51 70.061 14.78 70.841 14.78C71.621 14.78 72.271 14.51 72.791 13.97C73.3177 13.4367 73.581 12.7533 73.581 11.92C73.581 11.0867 73.3177 10.4033 72.791 9.87C72.271 9.33 71.621 9.06 70.841 9.06C70.061 9.06 69.4077 9.33 68.881 9.87C68.361 10.41 68.101 11.0933 68.101 11.92ZM76.5267 15.5H75.6067V8.34H76.7267L80.2067 13.91H80.2467L80.2067 12.53V8.34H81.1267V15.5H80.1667L76.5267 9.66H76.4867L76.5267 11.04V15.5Z"
+          fill="white"
+        />
+        <path
+          d="M93.5181 31.9097H95.1469V20.8981H93.5181V31.9097ZM108.189 24.8646L106.322 29.6388H106.266L104.328 24.8646H102.573L105.479 31.5371L103.823 35.249H105.521L110 24.8646H108.189ZM98.9519 30.6588C98.4176 30.6588 97.6739 30.3902 97.6739 29.7234C97.6739 28.8742 98.6001 28.5483 99.4005 28.5483C100.116 28.5483 100.454 28.7042 100.889 28.9165C100.762 29.9365 99.892 30.6588 98.9519 30.6588ZM99.1483 24.6241C97.969 24.6241 96.7469 25.1482 96.2424 26.3101L97.6879 26.9188C97.9969 26.3101 98.5721 26.111 99.1762 26.111C100.019 26.111 100.875 26.621 100.889 27.5283V27.6411C100.594 27.471 99.9627 27.2165 99.1902 27.2165C97.632 27.2165 96.0451 28.0806 96.0451 29.6952C96.0451 31.1689 97.323 32.1184 98.7546 32.1184C99.8501 32.1184 100.454 31.6225 100.833 31.0411H100.889V31.8912H102.461V27.6692C102.461 25.7146 101.015 24.6241 99.1483 24.6241ZM89.0821 26.2053H86.7655V22.4308H89.0821C90.2998 22.4308 90.9911 23.4482 90.9911 24.3176C90.9911 25.1711 90.2998 26.2053 89.0821 26.2053ZM89.0402 20.8981H85.1375V31.9097H86.7655V27.7379H89.0402C90.8453 27.7379 92.6199 26.4184 92.6199 24.3176C92.6199 22.2168 90.8453 20.8981 89.0402 20.8981ZM67.7583 30.6606C66.6332 30.6606 65.6913 29.7102 65.6913 28.4047C65.6913 27.0852 66.6332 26.1198 67.7583 26.1198C68.8695 26.1198 69.7406 27.0852 69.7406 28.4047C69.7406 29.7102 68.8695 30.6606 67.7583 30.6606ZM69.6289 25.4812H69.5722C69.2064 25.0417 68.5038 24.6444 67.6178 24.6444C65.7611 24.6444 64.0599 26.2898 64.0599 28.4047C64.0599 30.5047 65.7611 32.1369 67.6178 32.1369C68.5038 32.1369 69.2064 31.7396 69.5722 31.2851H69.6289V31.8251C69.6289 33.2582 68.8695 34.0246 67.6457 34.0246C66.6471 34.0246 66.0282 33.3005 65.7751 32.6901L64.3549 33.2864C64.7626 34.28 65.8458 35.5 67.6457 35.5C69.5582 35.5 71.1757 34.3646 71.1757 31.5978V24.8708H69.6289V25.4812ZM72.3008 31.9097H73.9323V20.8973H72.3008V31.9097ZM76.3362 28.277C76.2943 26.8298 77.4474 26.0916 78.2766 26.0916C78.9243 26.0916 79.4725 26.4176 79.6549 26.8862L76.3362 28.277ZM81.3989 27.028C81.0899 26.1912 80.1472 24.6444 78.2208 24.6444C76.3083 24.6444 74.7196 26.1621 74.7196 28.3907C74.7196 30.4906 76.2943 32.1369 78.4032 32.1369C80.1053 32.1369 81.0899 31.0869 81.4976 30.4765L80.2319 29.6247C79.8103 30.2493 79.2333 30.6606 78.4032 30.6606C77.5739 30.6606 76.983 30.2774 76.6033 29.5261L81.5674 27.4534L81.3989 27.028ZM41.8501 25.7939V27.383H45.6184C45.5058 28.277 45.2107 28.9297 44.7612 29.3834C44.2121 29.9374 43.3541 30.5479 41.8501 30.5479C39.5291 30.5479 37.7152 28.6602 37.7152 26.3189C37.7152 23.9767 39.5291 22.0899 41.8501 22.0899C43.1018 22.0899 44.0157 22.5867 44.6905 23.2254L45.8017 22.104C44.8589 21.1959 43.6081 20.5 41.8501 20.5C38.6719 20.5 36 23.1117 36 26.3189C36 29.5261 38.6719 32.1369 41.8501 32.1369C43.5653 32.1369 44.8589 31.5688 45.8715 30.5047C46.9129 29.4547 47.2358 27.9793 47.2358 26.7866C47.2358 26.4176 47.2079 26.0775 47.1512 25.7939H41.8501ZM51.5208 30.6606C50.3957 30.6606 49.425 29.7243 49.425 28.3907C49.425 27.0421 50.3957 26.1198 51.5208 26.1198C52.6451 26.1198 53.6158 27.0421 53.6158 28.3907C53.6158 29.7243 52.6451 30.6606 51.5208 30.6606ZM51.5208 24.6444C49.4669 24.6444 47.7936 26.2194 47.7936 28.3907C47.7936 30.5479 49.4669 32.1369 51.5208 32.1369C53.5739 32.1369 55.2472 30.5479 55.2472 28.3907C55.2472 26.2194 53.5739 24.6444 51.5208 24.6444ZM59.65 30.6606C58.5249 30.6606 57.5542 29.7243 57.5542 28.3907C57.5542 27.0421 58.5249 26.1198 59.65 26.1198C60.7752 26.1198 61.745 27.0421 61.745 28.3907C61.745 29.7243 60.7752 30.6606 59.65 30.6606ZM59.65 24.6444C57.597 24.6444 55.9237 26.2194 55.9237 28.3907C55.9237 30.5479 57.597 32.1369 59.65 32.1369C61.7031 32.1369 63.3764 30.5479 63.3764 28.3907C63.3764 26.2194 61.7031 24.6444 59.65 24.6444Z"
+          fill="white"
+        />
+      </svg>
+    `;
+  }
+};
+GoogleIcon = __decorateClass([
+  (0, import_decorators11.customElement)("google-icon")
+], GoogleIcon);
+
+// src/ui/composites/keyring-qr-modal.ts
+var KeyringQRModal = class extends import_lit12.LitElement {
+  constructor() {
+    super(...arguments);
+    this.sessionId = "";
+    this.expiresAt = 0;
+    this.qrData = "";
+    this.qrCodeError = false;
+    this.status = "pending";
+    this.statusMessage = "Waiting for mobile app...";
+    this.timeLeft = "";
+    this.linkCopied = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.startCountdown();
+    this.trapFocus();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    if (this.countdownInterval) {
+      clearInterval(this.countdownInterval);
+    }
+  }
+  render() {
+    return import_lit12.html`
+      <div class="modal" @click=${this.stopPropagation}>
+        <div class="header">
+          <div class="header-title">
+            <button class="close-btn" @click=${this.handleBack} aria-label="Back">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="24"
+                height="24"
+                viewBox="0 0 24 24"
+                fill="none"
+              >
+                <path
+                  d="M5.29297 11.2938C4.90234 11.6844 4.90234 12.3188 5.29297 12.7094L10.293 17.7094C10.6836 18.1 11.318 18.1 11.7086 17.7094C12.0992 17.3188 12.0992 16.6844 11.7086 16.2938L8.41172 13H17.9992C18.5523 13 18.9992 12.5531 18.9992 12C18.9992 11.4469 18.5523 11 17.9992 11H8.41484L11.7055 7.70627C12.0961 7.31565 12.0961 6.68127 11.7055 6.29065C11.3148 5.90002 10.6805 5.90002 10.2898 6.29065L5.28984 11.2906L5.29297 11.2938Z"
+                  fill="#0F2830"
+                />
+              </svg>
+            </button>
+            <keyring-text variant="text-2xl" weight="medium">Scan QR Code</keyring-text>
+          </div>
+          <button
+            class="close-btn"
+            @click=${this.status === "completed" ? this.handleClose : this.handleCancel}
+            aria-label="Close"
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="24"
+              height="24"
+              viewBox="0 0 24 24"
+              fill="none"
+            >
+              <path
+                d="M16.0391 6.54694C16.4296 6.15641 17.0626 6.15641 17.4531 6.54694C17.8436 6.93747 17.8436 7.5705 17.4531 7.961L13.4141 12.0001L17.4531 16.0391C17.8436 16.4297 17.8436 17.0627 17.4531 17.4532C17.0626 17.8437 16.4296 17.8436 16.0391 17.4532L12 13.4141L7.96094 17.4532C7.57044 17.8437 6.93741 17.8436 6.54688 17.4532C6.15635 17.0627 6.15635 16.4296 6.54688 16.0391L10.5859 12.0001L6.54688 7.961C6.15635 7.57047 6.15635 6.93746 6.54688 6.54694C6.9374 6.15641 7.57041 6.15641 7.96094 6.54694L12 10.586L16.0391 6.54694Z"
+                fill="#75849A"
+              />
+            </svg>
+          </button>
+        </div>
+
+        <div class="content">
+          <div class="qr-container">
+            ${this.qrCodeError ? import_lit12.html`
+                  <keyring-text class="qr-title">Unable to generate QR code</keyring-text>
+                  <keyring-text variant="text-sm" color="secondary" class="qr-subtitle">
+                    On your mobile device, open the link below to continue verification
+                  </keyring-text>
+                  <div class="qr-link-container">
+                    <keyring-text variant="text-sm" color="primary" class="qr-link"
+                      >${this.qrData}</keyring-text
+                    >
+                    <keyring-button
+                      variant="ghost"
+                      size="sm"
+                      @click=${() => this.onCopy(this.qrData, "linkCopied")}
+                      >${this.linkCopied ? "Copied" : "Copy"}</keyring-button
+                    >
+                  </div>
+                ` : import_lit12.html`
+                  <keyring-text class="qr-title">Scan with Keyring Connect App</keyring-text>
+                  <keyring-text variant="text-sm" color="secondary" class="qr-subtitle">
+                    Open the app and scan this code to continue verification
+                  </keyring-text>
+                  <slot name="qr-code"></slot>
+                `}
+          </div>
+
+          <div class="app-download">
+            <keyring-text>Don't have the app?</keyring-text>
+            <div class="app-download-btn-wrapper">
+              <a href="https://apps.apple.com/app/keyring-connect/id6635768260" target="_blank">
+                <apple-icon></apple-icon>
+              </a>
+              <a
+                href="https://play.google.com/store/apps/details?id=com.keyring.connect"
+                target="_blank"
+              >
+                <google-icon></google-icon>
+              </a>
+            </div>
+          </div>
+        </div>
+
+        <div class="footer">
+          <div class="footer-content">
+            <div class="footer-branding">
+              <keyring-text variant="text-sm" color="secondary"
+                >Verification provided by</keyring-text
+              >
+              <keyring-icon></keyring-icon>
+            </div>
+            <div class="footer-links">
+              <a href="https://www.keyring.network/terms" target="_blank" class="link">
+                <keyring-text variant="text-sm" color="secondary"
+                  >Keyring Terms and Conditions</keyring-text
+                >
+              </a>
+              <a href="https://docs.keyring.network/docs" target="_blank" class="link">
+                <keyring-text variant="text-sm" color="secondary">Keyring Docs</keyring-text>
+              </a>
+            </div>
+          </div>
+
+          <div class="status-container ${this.status}">
+            <div class="status-item">
+              ${this.getStatusIcon()}
+              <keyring-text variant="text-sm">${this.statusMessage}</keyring-text>
+            </div>
+
+            ${this.timeLeft !== "00:00" ? import_lit12.html`
+                  <keyring-text variant="text-xs" color="secondary">
+                    Expires: <span>${this.timeLeft}</span>
+                  </keyring-text>
+                ` : import_lit12.html``}
+          </div>
+        </div>
+      </div>
+    `;
+  }
+  // Public API methods
+  updateStatus(message, status) {
+    this.statusMessage = message;
+    this.status = status;
+  }
+  // Event handlers
+  handleClose() {
+    this.dispatchEvent(new CustomEvent("close", { bubbles: true, composed: true }));
+  }
+  handleCancel() {
+    this.dispatchEvent(new CustomEvent("cancel", { bubbles: true, composed: true }));
+  }
+  handleBack() {
+    this.dispatchEvent(new CustomEvent("back", { bubbles: true, composed: true }));
+  }
+  stopPropagation(e) {
+    e.stopPropagation();
+  }
+  // Utility methods
+  startCountdown() {
+    if (this.countdownInterval) {
+      clearInterval(this.countdownInterval);
+    }
+    const updateCountdown = () => {
+      const now = Date.now();
+      const timeLeft = this.expiresAt - now;
+      if (timeLeft <= 0) {
+        this.timeLeft = "00:00";
+        this.updateStatus("Session expired", "expired");
+        if (this.countdownInterval) clearInterval(this.countdownInterval);
+        return;
+      }
+      const minutes = Math.floor(timeLeft / 6e4);
+      const seconds = Math.floor(timeLeft % 6e4 / 1e3);
+      this.timeLeft = `${minutes}:${seconds.toString().padStart(2, "0")}`;
+    };
+    updateCountdown();
+    this.countdownInterval = window.setInterval(updateCountdown, 1e3);
+  }
+  trapFocus() {
+    const focusableElements = this.shadowRoot?.querySelectorAll(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    );
+    if (focusableElements && focusableElements.length > 0) {
+      focusableElements[0].focus();
+    }
+  }
+  getStatusIcon() {
+    switch (this.status) {
+      case "pending":
+      case "processing":
+        return import_lit12.html`<gradient-donut-icon spinning></gradient-donut-icon>`;
+      case "connected":
+        return import_lit12.html`<checkmark-icon></checkmark-icon>`;
+      case "failed":
+        return import_lit12.html`<gradient-donut-icon startColour="#EB4577"></gradient-donut-icon>`;
+      default:
+        return import_lit12.html`<gradient-donut-icon startColour="#75849A"></gradient-donut-icon>`;
+    }
+  }
+  async onCopy(text, stateKey) {
+    navigator.clipboard.writeText(text);
+    this[stateKey] = true;
+    setTimeout(() => {
+      this[stateKey] = false;
+    }, 2e3);
+  }
+};
+KeyringQRModal.styles = import_lit12.css`
+    :host {
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background-color: rgba(15, 40, 48, 0.45);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 10000;
+      font-family: Inter, "Segoe UI", Roboto, sans-serif;
+    }
+
+    .modal {
+      background: white;
+      border-radius: 20px;
+      display: flex;
+      gap: 24px;
+      padding: 24px 24px 32px 24px;
+      flex-direction: column;
+      align-items: center;
+      max-width: 524px;
+      width: 100%;
+      max-height: 90vh;
+      overflow-y: auto;
+      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    }
+
+    .header {
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-start;
+      width: 100%;
+    }
+
+    .header-title {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 12px;
+    }
+
+    .close-btn {
+      background-color: transparent;
+      border: none;
+      cursor: pointer;
+      padding: 4px;
+      border-radius: 8px;
+      transition: all 300ms ease-in-out;
+    }
+
+    .close-btn:hover {
+      background-color: #75849a1a;
+    }
+
+    .content {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: 24px;
+    }
+
+    .content > * {
+      width: 100%;
+    }
+
+    .qr-container {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding-top: 24px;
+      padding-bottom: 16px;
+      border-radius: 12px;
+      border: 1px solid #e3e7ee;
+    }
+
+    .qr-container .qr-title {
+      margin-bottom: 12px;
+    }
+
+    .qr-container .qr-subtitle {
+      margin-bottom: 16px;
+    }
+
+    .app-download {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: 24px;
+    }
+
+    .app-download-btn-wrapper {
+      display: flex;
+      gap: 12px;
+      width: 100%;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .app-download-btn-wrapper a {
+      text-decoration: none;
+      transition: all 300ms ease-in-out;
+    }
+
+    .app-download-btn-wrapper a:hover {
+      opacity: 0.8;
+    }
+
+    .status-container {
+      margin: 24px -24px -32px;
+      padding: 16px;
+      border-top: 1px solid #e3e7ee;
+      background-color: #f3f5fa;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .status-container.connected {
+      background-color: #f2fcf7;
+      border-color: #e3e7ee;
+    }
+
+    .status-container.failed {
+      background-color: #ffefef;
+      border-color: #e3e7ee;
+    }
+
+    .status-item {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 12px;
+    }
+
+    .footer {
+      width: 100%;
+      border-top: 1px solid rgba(15, 40, 48, 0.12);
+    }
+
+    .footer-content {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+      margin-top: 24px;
+    }
+
+    .footer-branding {
+      display: flex;
+      gap: 12px;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .footer-links {
+      width: 100%;
+      display: flex;
+      gap: 24px;
+      align-items: center;
+      justify-content: center;
+    }
+
+    a {
+      text-decoration: none;
+      color: inherit;
+      cursor: pointer;
+    }
+
+    a:hover {
+      text-decoration: underline;
+      color: #75849a;
+    }
+
+    .qr-link-container {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    .qr-link {
+      padding: 4px 8px;
+      border: 1px solid rgba(15, 40, 48, 0.12);
+      border-radius: 8px;
+    }
+  `;
+__decorateClass([
+  (0, import_decorators12.property)({ attribute: "session-id" })
+], KeyringQRModal.prototype, "sessionId", 2);
+__decorateClass([
+  (0, import_decorators12.property)({ attribute: "expires-at", type: Number })
+], KeyringQRModal.prototype, "expiresAt", 2);
+__decorateClass([
+  (0, import_decorators12.property)({ attribute: "qr-data" })
+], KeyringQRModal.prototype, "qrData", 2);
+__decorateClass([
+  (0, import_decorators12.property)({ attribute: "qr-code-error" })
+], KeyringQRModal.prototype, "qrCodeError", 2);
+__decorateClass([
+  (0, import_decorators12.state)()
+], KeyringQRModal.prototype, "status", 2);
+__decorateClass([
+  (0, import_decorators12.state)()
+], KeyringQRModal.prototype, "statusMessage", 2);
+__decorateClass([
+  (0, import_decorators12.state)()
+], KeyringQRModal.prototype, "timeLeft", 2);
+__decorateClass([
+  (0, import_decorators12.state)()
+], KeyringQRModal.prototype, "linkCopied", 2);
+KeyringQRModal = __decorateClass([
+  (0, import_decorators12.customElement)("keyring-qr-modal")
+], KeyringQRModal);
+
+// src/ui/composites/keyring-selection-modal.ts
+var import_lit16 = require("lit");
+var import_decorators16 = require("lit/decorators.js");
+
+// src/ui/icons/close-circle.ts
+var import_lit13 = require("lit");
+var import_decorators13 = require("lit/decorators.js");
+var CloseCircleIcon = class extends import_lit13.LitElement {
+  render() {
+    return import_lit13.html`
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="14"
+        height="13"
+        viewBox="0 0 14 13"
+        fill="none"
+      >
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M6.99935 0.166687C3.50735 0.166687 0.666016 3.00802 0.666016 6.50002C0.666016 9.99269 3.50735 12.8334 6.99935 12.8334C10.4913 12.8334 13.3327 9.99269 13.3327 6.50002C13.3327 3.00802 10.4913 0.166687 6.99935 0.166687ZM9.52602 9.02669C9.72135 9.22202 9.72135 9.53869 9.52602 9.73402C9.42802 9.83202 9.30068 9.88069 9.17268 9.88069C9.04468 9.88069 8.91735 9.83202 8.81935 9.73402L6.99935 7.91402L5.17935 9.73402C5.08135 9.83202 4.95402 9.88069 4.82602 9.88069C4.69802 9.88069 4.57068 9.83202 4.47268 9.73402C4.27735 9.53869 4.27735 9.22202 4.47268 9.02669L6.29268 7.20669L4.47268 5.38669C4.27735 5.19135 4.27735 4.87469 4.47268 4.67935C4.66802 4.48402 4.98468 4.48402 5.18002 4.67935L6.99935 6.49935L8.81935 4.67935C9.01468 4.48402 9.33135 4.48402 9.52668 4.67935C9.72202 4.87469 9.72202 5.19135 9.52668 5.38669L7.70668 7.20669L9.52602 9.02669Z"
+          fill="white"
+        />
+      </svg>
+    `;
+  }
+};
+CloseCircleIcon = __decorateClass([
+  (0, import_decorators13.customElement)("close-circle-icon")
+], CloseCircleIcon);
+
+// src/ui/icons/extension-grid.ts
+var import_lit14 = require("lit");
+var import_decorators14 = require("lit/decorators.js");
+var ExtensionGridIcon = class extends import_lit14.LitElement {
+  render() {
+    return import_lit14.html`
+      <svg
+        width="48"
+        height="49"
+        viewBox="0 0 48 49"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlns:xlink="http://www.w3.org/1999/xlink"
+      >
+        <path
+          d="M22.0834 10.332H14.5466C9.2945 10.332 6 14.0507 6 19.3146V33.5162C6 38.78 9.27698 42.4986 14.5466 42.4986H29.618C34.8896 42.4986 38.1666 38.78 38.1666 33.5162V26.4154"
+          stroke="black"
+          stroke-opacity="0.88"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+        <path
+          d="M38.1666 26.4144L6 26.414"
+          stroke="black"
+          stroke-opacity="0.88"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+        <path
+          d="M22.082 10.332L22.0821 42.4986"
+          stroke="black"
+          stroke-opacity="0.88"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+        <path
+          d="M26 9C26 5.68629 28.6863 3 32 3H40C43.3137 3 46 5.68629 46 9V17C46 20.3137 43.3137 23 40 23H28C26.8954 23 26 22.1046 26 21V9Z"
+          fill="white"
+        />
+        <path
+          d="M26 9C26 5.68629 28.6863 3 32 3H40C43.3137 3 46 5.68629 46 9V17C46 20.3137 43.3137 23 40 23H28C26.8954 23 26 22.1046 26 21V9Z"
+          fill="url(#pattern0_9297_28910)"
+        />
+        <defs>
+          <pattern
+            id="pattern0_9297_28910"
+            patternContentUnits="objectBoundingBox"
+            width="1"
+            height="1"
+          >
+            <use xlink:href="#image0_9297_28910" transform="scale(0.00675676)" />
+          </pattern>
+          <image
+            id="image0_9297_28910"
+            width="148"
+            height="148"
+            preserveAspectRatio="none"
+            xlink:href="data:image/png;base64,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"
+          />
+        </defs>
+      </svg>
+    `;
+  }
+};
+ExtensionGridIcon = __decorateClass([
+  (0, import_decorators14.customElement)("extension-grid-icon")
+], ExtensionGridIcon);
+
+// src/ui/icons/mobile-grid.ts
+var import_lit15 = require("lit");
+var import_decorators15 = require("lit/decorators.js");
+var MobileGridIcon = class extends import_lit15.LitElement {
+  render() {
+    return import_lit15.html`
+      <svg
+        width="48"
+        height="49"
+        viewBox="0 0 48 49"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlns:xlink="http://www.w3.org/1999/xlink"
+      >
+        <rect x="20.9785" y="5.5" width="20" height="19" rx="4" fill="white" />
+        <rect x="20.9785" y="5.5" width="20" height="19" rx="4" fill="url(#pattern0_9297_28924)" />
+        <path
+          d="M18.2583 7.74219H16.6393C12.6423 7.74219 9.40234 10.9822 9.40234 14.9802L9.40414 36.5082C9.40414 40.5022 12.6441 43.7422 16.6393 43.7422H27.6708C31.6678 43.7422 34.906 40.5022 34.906 36.5062L34.904 27.5782"
+          stroke="black"
+          stroke-opacity="0.88"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+        <path
+          d="M22.1514 36.2746V36.1486M21.6328 36.2486C21.6328 35.9606 21.8666 35.7266 22.1546 35.7266C22.4426 35.7266 22.676 35.9606 22.676 36.2486C22.676 36.5366 22.4426 36.7706 22.1546 36.7706C21.8666 36.7706 21.6328 36.5366 21.6328 36.2486Z"
+          stroke="black"
+          stroke-opacity="0.88"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+        <defs>
+          <pattern
+            id="pattern0_9297_28924"
+            patternContentUnits="objectBoundingBox"
+            width="1"
+            height="1"
+          >
+            <use
+              xlink:href="#image0_9297_28924"
+              transform="matrix(0.00675676 0 0 0.00711238 0 -0.0263158)"
+            />
+          </pattern>
+          <image
+            id="image0_9297_28924"
+            width="148"
+            height="148"
+            preserveAspectRatio="none"
+            xlink:href="data:image/png;base64,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"
+          />
+        </defs>
+      </svg>
+    `;
+  }
+};
+MobileGridIcon = __decorateClass([
+  (0, import_decorators15.customElement)("mobile-grid-icon")
+], MobileGridIcon);
+
+// src/ui/composites/keyring-selection-modal.ts
+var KeyringSelectionModal = class extends import_lit16.LitElement {
+  constructor() {
+    super(...arguments);
+    this.title = "Choose how to continue";
+    this.subtitle = "Select your preferred method to complete verification";
+    this.isExtensionInstalled = false;
+    this.extensionBtnText = "Continue with Extension";
+    this.mobileBtnText = "Continue with Mobile App";
+    this.mobileSelected = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.trapFocus();
+  }
+  render() {
+    return import_lit16.html`
+      <div class="modal" @click=${this.stopPropagation}>
+        <div class="header">
+          <div class="header-title">
+            <keyring-text variant="text-2xl" weight="medium">${this.title}</keyring-text>
+            <keyring-text variant="text-sm" color="secondary">${this.subtitle}</keyring-text>
+          </div>
+          <button class="close-btn" @click=${this.handleCancel} aria-label="Close">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="24"
+              height="24"
+              viewBox="0 0 24 24"
+              fill="none"
+            >
+              <path
+                d="M16.0391 6.54694C16.4296 6.15641 17.0626 6.15641 17.4531 6.54694C17.8436 6.93747 17.8436 7.5705 17.4531 7.961L13.4141 12.0001L17.4531 16.0391C17.8436 16.4297 17.8436 17.0627 17.4531 17.4532C17.0626 17.8437 16.4296 17.8436 16.0391 17.4532L12 13.4141L7.96094 17.4532C7.57044 17.8437 6.93741 17.8436 6.54688 17.4532C6.15635 17.0627 6.15635 16.4296 6.54688 16.0391L10.5859 12.0001L6.54688 7.961C6.15635 7.57047 6.15635 6.93746 6.54688 6.54694C6.9374 6.15641 7.57041 6.15641 7.96094 6.54694L12 10.586L16.0391 6.54694Z"
+                fill="#75849A"
+              />
+            </svg>
+          </button>
+        </div>
+
+        <div class="content">
+          <div class="selection-buttons">
+            <button class="selection-btn extension-btn" @click=${this.handleExtensionSelect}>
+              <extension-grid-icon></extension-grid-icon>
+              <div class="btn-content">
+                <div class="title">
+                  <keyring-text variant="text-base" weight="medium"
+                    >${this.extensionBtnText}</keyring-text
+                  >
+                  <div
+                    class=${`extension-status ${this.isExtensionInstalled ? "installed" : "not-installed"}`}
+                  >
+                    ${this.isExtensionInstalled ? import_lit16.html`<check-circle-icon
+                          style="display: flex; align-items: center;"
+                        ></check-circle-icon>` : import_lit16.html`<close-circle-icon
+                          style="display: flex; align-items: center;"
+                        ></close-circle-icon>`}
+                    <keyring-text variant="xs" color="white">
+                      ${this.isExtensionInstalled ? "Installed" : "Not Installed"}
+                    </keyring-text>
+                  </div>
+                </div>
+                <keyring-text variant="text-sm" color="secondary"
+                  >Use your browser extension</keyring-text
+                >
+              </div>
+            </button>
+
+            <button class="selection-btn mobile-btn" @click=${this.handleMobileSelect}>
+              <mobile-grid-icon></mobile-grid-icon>
+              <div class="btn-content">
+                <div class="title">
+                  <keyring-text variant="text-base" weight="medium"
+                    >${this.mobileBtnText}</keyring-text
+                  >
+                  ${this.mobileSelected ? import_lit16.html`<gradient-donut-icon spinning></gradient-donut-icon>` : ""}
+                </div>
+                <keyring-text variant="text-sm" color="secondary"
+                  >Scan QR code with your phone</keyring-text
+                >
+              </div>
+            </button>
+          </div>
+        </div>
+
+        <div class="footer">
+          <div class="footer-content">
+            <div class="footer-branding">
+              <keyring-text variant="text-sm" color="secondary"
+                >Verification provided by</keyring-text
+              >
+              <keyring-icon></keyring-icon>
+            </div>
+            <div class="footer-links">
+              <a href="https://www.keyring.network/terms" target="_blank" class="link">
+                <keyring-text variant="text-sm" color="secondary"
+                  >Keyring Terms and Conditions</keyring-text
+                >
+              </a>
+              <a href="https://docs.keyring.network/docs" target="_blank" class="link">
+                <keyring-text variant="text-sm" color="secondary">Keyring Docs</keyring-text>
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+    `;
+  }
+  // Event handlers
+  handleCancel() {
+    this.dispatchEvent(new CustomEvent("cancel", { bubbles: true, composed: true }));
+  }
+  handleExtensionSelect() {
+    this.dispatchEvent(new CustomEvent("extension-selected", { bubbles: true, composed: true }));
+  }
+  handleMobileSelect() {
+    if (this.mobileSelected) {
+      return;
+    }
+    this.mobileSelected = true;
+    this.dispatchEvent(new CustomEvent("mobile-selected", { bubbles: true, composed: true }));
+  }
+  stopPropagation(e) {
+    e.stopPropagation();
+  }
+  trapFocus() {
+    const focusableElements = this.shadowRoot?.querySelectorAll(
+      'button:not([style*="display: none"]), [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    );
+    if (focusableElements && focusableElements.length > 0) {
+      focusableElements[0].focus();
+    }
+  }
+};
+KeyringSelectionModal.styles = import_lit16.css`
+    :host {
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background-color: rgba(15, 40, 48, 0.45);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 10000;
+      font-family: Inter, "Segoe UI", Roboto, sans-serif;
+    }
+
+    .modal {
+      background: white;
+      border-radius: 20px;
+      display: flex;
+      gap: 24px;
+      padding: 24px 24px 32px 24px;
+      flex-direction: column;
+      align-items: center;
+      max-width: 524px;
+      width: 100%;
+      max-height: 90vh;
+      overflow-y: auto;
+      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    }
+
+    .header {
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-start;
+      width: 100%;
+    }
+
+    .header-title {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+      align-items: start;
+    }
+
+    .close-btn {
+      background-color: transparent;
+      border: none;
+      cursor: pointer;
+      padding: 4px;
+      border-radius: 8px;
+      transition: all 300ms ease-in-out;
+    }
+
+    .close-btn:hover {
+      background-color: #75849a1a;
+    }
+
+    .content {
+      width: 100%;
+    }
+
+    .selection-buttons {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    .selection-btn {
+      display: flex;
+      gap: 12px;
+      align-items: center;
+      padding: 20px 16px;
+      border: 1px solid #e3e7ee;
+      border-radius: 12px;
+      background-color: transparent;
+      cursor: pointer;
+      transition: all 300ms ease-in-out;
+    }
+
+    .btn-content {
+      flex: 1;
+    }
+
+    .btn-content .title {
+      display: flex;
+      gap: 8px;
+      align-items: center;
+      flex: 1;
+    }
+
+    .extension-status {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      padding: 2px 8px 2px 4px;
+      border-radius: 100px;
+      min-height: 20px;
+      color: #fff;
+    }
+
+    .extension-status.installed {
+      background-color: #24af75;
+    }
+
+    .extension-status.not-installed {
+      background-color: #eb4577;
+    }
+
+    .extension-btn {
+      border-color: #a5eec7;
+      background-color: #f2fcf7;
+    }
+
+    .extension-btn:hover {
+      background-color: #e6f9ec;
+    }
+
+    .mobile-btn {
+      border-color: #e3e7ee;
+      background-color: #f3f5fa;
+    }
+
+    .mobile-btn:hover {
+      background-color: #e8edf5;
+    }
+
+    .footer {
+      width: 100%;
+      border-top: 1px solid rgba(15, 40, 48, 0.12);
+    }
+
+    .footer-content {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+      margin-top: 24px;
+    }
+
+    .footer-branding {
+      display: flex;
+      gap: 12px;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .footer-links {
+      width: 100%;
+      display: flex;
+      gap: 24px;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .footer-links a {
+      text-decoration: none;
+      color: inherit;
+      cursor: pointer;
+    }
+
+    .footer-links a:hover {
+      text-decoration: underline;
+      color: #75849a;
+    }
+  `;
+__decorateClass([
+  (0, import_decorators16.property)()
+], KeyringSelectionModal.prototype, "title", 2);
+__decorateClass([
+  (0, import_decorators16.property)()
+], KeyringSelectionModal.prototype, "subtitle", 2);
+__decorateClass([
+  (0, import_decorators16.property)()
+], KeyringSelectionModal.prototype, "isExtensionInstalled", 2);
+__decorateClass([
+  (0, import_decorators16.property)({ attribute: "extension-btn-text" })
+], KeyringSelectionModal.prototype, "extensionBtnText", 2);
+__decorateClass([
+  (0, import_decorators16.property)({ attribute: "mobile-btn-text" })
+], KeyringSelectionModal.prototype, "mobileBtnText", 2);
+__decorateClass([
+  (0, import_decorators16.state)()
+], KeyringSelectionModal.prototype, "mobileSelected", 2);
+KeyringSelectionModal = __decorateClass([
+  (0, import_decorators16.customElement)("keyring-selection-modal")
+], KeyringSelectionModal);
+
+// src/ui/composites/keyring-terminated-modal.ts
+var import_lit18 = require("lit");
+var import_decorators18 = require("lit/decorators.js");
+
+// src/ui/icons/error-circle.ts
+var import_lit17 = require("lit");
+var import_decorators17 = require("lit/decorators.js");
+var ErrorCircleIcon = class extends import_lit17.LitElement {
+  render() {
+    return import_lit17.html`
+      <svg
+        width="88"
+        height="89"
+        viewBox="0 0 88 89"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M43.1211 11.6273C61.2761 11.6273 75.9921 26.3433 75.9922 44.4984C75.9922 62.6534 61.2761 77.3695 43.1211 77.3695C24.9661 77.3695 10.25 62.6534 10.25 44.4984C10.2501 26.3433 24.9661 11.6273 43.1211 11.6273Z"
+          stroke="#0F2830"
+          stroke-width="1.5"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M44.0005 56.6725C42.8439 56.6725 41.9053 57.6091 41.9053 58.7677V58.9102C41.9053 60.0689 42.8439 60.9342 44.0005 60.9342C45.1571 60.9342 46.0958 59.9264 46.0958 58.7677C46.0958 57.6091 45.1571 56.6725 44.0005 56.6725Z"
+          fill="#0F2830"
+        />
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M44.0005 27.4803C42.8439 27.4803 41.9053 28.4168 41.9053 29.5755V48.8497C41.9053 50.0084 42.8439 50.945 44.0005 50.945C45.1571 50.945 46.0958 50.0084 46.0958 48.8497V29.5755C46.0958 28.4168 45.1571 27.4803 44.0005 27.4803Z"
+          fill="#0F2830"
+        />
+      </svg>
+    `;
+  }
+};
+ErrorCircleIcon = __decorateClass([
+  (0, import_decorators17.customElement)("error-circle-icon")
+], ErrorCircleIcon);
+
+// src/ui/composites/keyring-terminated-modal.ts
+var KeyringTerminatedModal = class extends import_lit18.LitElement {
+  constructor() {
+    super(...arguments);
+    this.title = "Session Terminated";
+    this.subtitle = "Your verification session has expired or is terminated. Please start a new session to continue.";
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.trapFocus();
+  }
+  render() {
+    return import_lit18.html`
+      <div class="modal" @click=${this.stopPropagation}>
+        <div class="content">
+          <error-circle-icon></error-circle-icon>
+
+          <div class="text-wrapper">
+            <keyring-text variant="text-3xl" weight="medium">${this.title}</keyring-text>
+            <keyring-text variant="text-sm" align="center">${this.subtitle}</keyring-text>
+          </div>
+
+          <keyring-button class="close-button" @click=${this.handleClose}>Close Session</keyring-button>
+        </div>
+      </div>
+    `;
+  }
+  // Event handlers
+  handleClose() {
+    this.dispatchEvent(new CustomEvent("close", { bubbles: true, composed: true }));
+  }
+  stopPropagation(e) {
+    e.stopPropagation();
+  }
+  trapFocus() {
+    const focusableElements = this.shadowRoot?.querySelectorAll(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    );
+    if (focusableElements && focusableElements.length > 0) {
+      focusableElements[0].focus();
+    }
+  }
+};
+KeyringTerminatedModal.styles = import_lit18.css`
+    :host {
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background-color: rgba(15, 40, 48, 0.45);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 10000;
+      font-family: Inter, "Segoe UI", Roboto, sans-serif;
+    }
+
+    .modal {
+      background: white;
+      border-radius: 20px;
+      display: flex;
+      gap: 24px;
+      padding: 40px 24px 40px 24px;
+      flex-direction: column;
+      align-items: center;
+      max-width: 524px;
+      width: 100%;
+      max-height: 90vh;
+      overflow-y: auto;
+      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    }
+
+    .content {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: 24px;
+    }
+
+    .text-wrapper {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: 12px;
+      width: 100%;
+      max-width: 400px;
+    }
+
+    .close-button {
+      width: 100%;
+      max-width: 200px;
+      margin: 0 auto;
+    }
+  `;
+__decorateClass([
+  (0, import_decorators18.property)()
+], KeyringTerminatedModal.prototype, "title", 2);
+__decorateClass([
+  (0, import_decorators18.property)()
+], KeyringTerminatedModal.prototype, "subtitle", 2);
+KeyringTerminatedModal = __decorateClass([
+  (0, import_decorators18.customElement)("keyring-terminated-modal")
+], KeyringTerminatedModal);
+
+// src/ui/UIManager.ts
+var import_keyring_core_sdk = require("@keyringnetwork/keyring-core-sdk");
+var logger = KeyringLogger.init("UIManager");
+var UIManager = class {
+  constructor() {
+    this.currentModal = null;
+    this.onCancel = () => {
+    };
+    this.onExtensionSelected = () => {
+    };
+    this.onMobileSelected = () => {
+    };
+    this.isExtensionInstalled = false;
+    this.STATUS_MODALS = ["KEYRING-QR-MODAL", "KEYRING-MOBILE-MODAL"];
+  }
+  /**
+   * Show platform selection modal for desktop users
+   */
+  async showSelectionModal() {
+    this.hideModal();
+    this.isExtensionInstalled = await import_keyring_core_sdk.ExtensionClient.isInstalled();
+    const modal = document.createElement("keyring-selection-modal");
+    modal.isExtensionInstalled = this.isExtensionInstalled;
+    modal.addEventListener("cancel", () => {
+      this.hideModal();
+      this.onCancel();
+    });
+    modal.addEventListener("extension-selected", () => {
+      this.hideModal();
+      this.onExtensionSelected();
+    });
+    modal.addEventListener("mobile-selected", () => {
+      this.onMobileSelected();
+    });
+    modal.addEventListener("click", (e) => {
+      if (e.target === modal) {
+        this.hideModal();
+        this.onCancel();
+      }
+    });
+    document.body.appendChild(modal);
+    this.currentModal = modal;
+  }
+  /**
+   * Show QR code modal with app launch button for mobile
+   */
+  async showMobileModal(qrCodeData, expiresAt) {
+    this.hideModal();
+    const modal = document.createElement("keyring-mobile-modal");
+    const expiresAtTimestamp = typeof expiresAt === "string" ? new Date(expiresAt).getTime() : expiresAt;
+    modal.qrData = qrCodeData;
+    modal.expiresAt = expiresAtTimestamp;
+    modal.addEventListener("cancel", () => {
+      this.hideModal();
+      this.onCancel();
+    });
+    modal.addEventListener("click", (e) => {
+      if (e.target === modal) {
+        return;
+      }
+    });
+    document.body.appendChild(modal);
+    this.currentModal = modal;
+  }
+  /**
+   * Show QR code modal with session information
+   */
+  async showQRModal(qrCodeData, sessionId, expiresAt) {
+    this.hideModal();
+    const modal = document.createElement("keyring-qr-modal");
+    const expiresAtTimestamp = typeof expiresAt === "string" ? new Date(expiresAt).getTime() : expiresAt;
+    modal.sessionId = sessionId;
+    modal.expiresAt = expiresAtTimestamp;
+    modal.qrData = qrCodeData;
+    const qrCanvas = await this.generateQRCode(qrCodeData);
+    if (qrCanvas) {
+      qrCanvas.slot = "qr-code";
+      modal.appendChild(qrCanvas);
+    } else {
+      modal.qrCodeError = true;
+    }
+    modal.addEventListener("cancel", () => {
+      this.hideModal();
+      this.onCancel();
+    });
+    modal.addEventListener("back", () => {
+      this.onCancel();
+      this.showSelectionModal();
+    });
+    modal.addEventListener("click", (e) => {
+      if (e.target === modal) {
+        return;
+      }
+    });
+    modal.addEventListener("close", () => {
+      this.hideModal();
+    });
+    document.body.appendChild(modal);
+    this.currentModal = modal;
+  }
+  /**
+   * Show completion modal with verification results
+   */
+  async showCompleteModal(entityType, dataSourceObject) {
+    this.hideModal();
+    const modal = document.createElement("keyring-complete-modal");
+    modal.entityType = entityType;
+    modal.dataSource = dataSourceObject.datasource.name;
+    modal.dataSourceIcon = dataSourceObject.datasource.image;
+    modal.addEventListener("close", () => {
+      this.hideModal();
+    });
+    modal.addEventListener("click", (e) => {
+      if (e.target === modal) {
+        this.hideModal();
+      }
+    });
+    document.body.appendChild(modal);
+    this.currentModal = modal;
+  }
+  /**
+   * Show terminated modal with session termination reason
+   */
+  async showTerminatedModal() {
+    this.hideModal();
+    const modal = document.createElement("keyring-terminated-modal");
+    modal.addEventListener("close", () => {
+      this.hideModal();
+    });
+    modal.addEventListener("click", (e) => {
+      if (e.target === modal) {
+        this.hideModal();
+      }
+    });
+    document.body.appendChild(modal);
+    this.currentModal = modal;
+  }
+  /**
+   * Update the status display in the modal
+   */
+  updateStatus(message, status) {
+    if (this.currentModal && this.STATUS_MODALS.includes(this.currentModal.tagName)) {
+      this.currentModal.updateStatus(message, status);
+    }
+  }
+  /**
+   * Hide and clean up the current modal
+   */
+  hideModal() {
+    if (this.currentModal && this.currentModal.parentNode) {
+      this.currentModal.parentNode.removeChild(this.currentModal);
+    }
+    this.currentModal = null;
+  }
+  /**
+   * Set callback handlers
+   */
+  setCallbacks(onCancel, onExtensionSelected, onMobileSelected) {
+    this.onCancel = onCancel;
+    if (onExtensionSelected) {
+      this.onExtensionSelected = onExtensionSelected;
+    }
+    if (onMobileSelected) {
+      this.onMobileSelected = onMobileSelected;
+    }
+  }
+  /**
+   * Generate QR code using the qr-code-styling library
+   */
+  async generateQRCode(data) {
+    const canvasContainer = document.createElement("div");
+    try {
+      const qrCode = new import_qr_code_styling.default({
+        width: 200,
+        height: 200,
+        data,
+        image: "https://uploads-ssl.webflow.com/65df8e71bab45b70f5433fba/664359927ac82d0c110ff6be_Keyring%20Icon%20Square.svg",
+        dotsOptions: {
+          color: "#0F2830",
+          type: "dots"
+        },
+        cornersDotOptions: {
+          type: "extra-rounded"
+        },
+        cornersSquareOptions: {
+          type: "extra-rounded"
+        },
+        imageOptions: {
+          crossOrigin: "anonymous"
+        }
+      });
+      qrCode.append(canvasContainer);
+      return canvasContainer;
+    } catch (error) {
+      logger.error({ error }, "Failed to generate QR code");
+      return null;
+    }
+  }
+};
+
+// src/utils/environment.ts
+var Environment = class {
+  /**
+   * Detect current environment
+   */
+  static getEnvironment() {
+    if (typeof process !== "undefined" && process.env?.NODE_ENV) {
+      return process.env.NODE_ENV;
+    }
+    if (typeof window !== "undefined") {
+      const hostname = window.location?.hostname;
+      if (hostname === "localhost" || hostname === "127.0.0.1") {
+        return "development";
+      }
+    }
+    return "production";
+  }
+  /**
+   * Get environment-specific configuration
+   */
+  static getConfig() {
+    const env = this.getEnvironment();
+    switch (env) {
+      case "production":
+        return {
+          apiUrl: "http://localhost:8000",
+          timeout: 6e4,
+          retryAttempts: 5,
+          extensionTimeout: 1e4
+        };
+      case "development":
+      default:
+        return {
+          apiUrl: "http://localhost:8000",
+          timeout: 3e4,
+          retryAttempts: 3,
+          extensionTimeout: 5e3
+        };
+    }
+  }
+  /**
+   * Check if running in development mode
+   */
+  static isDevelopment() {
+    return this.getEnvironment() === "development";
+  }
+  /**
+   * Check if running in test mode
+   */
+  static isTest() {
+    return this.getEnvironment() === "test";
+  }
+  /**
+   * Check if running in production mode
+   */
+  static isProduction() {
+    return this.getEnvironment() === "production";
+  }
+};
+
+// src/utils/platformUtils.ts
+var PlatformUtils = class {
+  /**
+   * Detect the current platform and capabilities
+   */
+  static detectPlatform() {
+    const userAgent = typeof navigator !== "undefined" ? navigator.userAgent : "";
+    const isAndroid = /Android/i.test(userAgent);
+    const isIOS = /iPad|iPhone|iPod/.test(userAgent);
+    const isMobile = isAndroid || isIOS || /Mobile|Opera Mini|Fennec|webOS|BlackBerry|PlayBook|BB10|IEMobile/i.test(userAgent);
+    const isDesktop = !isMobile;
+    return {
+      isDesktop,
+      isMobile,
+      isAndroid,
+      isIOS
+    };
+  }
+  /**
+   * Check if Chrome runtime is available for extension communication
+   */
+  static isChromeRuntimeAvailable() {
+    try {
+      return typeof chrome?.runtime?.sendMessage === "function";
+    } catch (error) {
+      return false;
+    }
+  }
+  /**
+   * Check if running in browser environment
+   */
+  static isBrowser() {
+    return typeof window !== "undefined";
+  }
+  /**
+   * Wait for online status
+   */
+  static waitForOnline(timeout = 3e4) {
+    return new Promise((resolve) => {
+      if (typeof navigator === "undefined" || navigator.onLine) {
+        resolve(true);
+        return;
+      }
+      let timeoutId;
+      const onOnline = () => {
+        clearTimeout(timeoutId);
+        window.removeEventListener("online", onOnline);
+        resolve(true);
+      };
+      window.addEventListener("online", onOnline);
+      timeoutId = setTimeout(() => {
+        window.removeEventListener("online", onOnline);
+        resolve(false);
+      }, timeout);
+    });
+  }
+};
+
+// src/core/errors.ts
+var KeyringError = class _KeyringError extends Error {
+  constructor(code, message, cause, context) {
+    super(message);
+    this.code = code;
+    this.cause = cause;
+    this.context = context;
+    this.name = "KeyringError";
+    this.timestamp = (/* @__PURE__ */ new Date()).toISOString();
+    if (Error.captureStackTrace) {
+      Error.captureStackTrace(this, _KeyringError);
+    }
+  }
+  /**
+   * Create error from unknown source
+   */
+  static fromUnknown(error, context) {
+    if (error instanceof _KeyringError) {
+      return error;
+    }
+    if (error instanceof Error) {
+      return new _KeyringError(
+        "UNKNOWN_ERROR" /* UNKNOWN_ERROR */,
+        error.message,
+        error,
+        context
+      );
+    }
+    return new _KeyringError(
+      "UNKNOWN_ERROR" /* UNKNOWN_ERROR */,
+      String(error),
+      error,
+      context
+    );
+  }
+  /**
+   * Convert to JSON for logging/debugging
+   */
+  toJSON() {
+    return {
+      name: this.name,
+      code: this.code,
+      message: this.message,
+      timestamp: this.timestamp,
+      context: this.context,
+      cause: this.cause instanceof Error ? {
+        name: this.cause.name,
+        message: this.cause.message,
+        stack: this.cause.stack
+      } : this.cause
+    };
+  }
+};
+
+// src/core/VerificationSession.ts
+var VerificationSession = class _VerificationSession {
+  constructor(sessionConfig) {
+    this.sessionConfig = sessionConfig;
+    this.eventListeners = /* @__PURE__ */ new Map();
+    this.isWebsocketActive = false;
+    this.flowType = null;
+    this.resultSettled = false;
+    this.logger = KeyringLogger.init("VerificationSession").child({
+      policyId: sessionConfig.policy_id,
+      name: sessionConfig.name
+    });
+    this.logger.debug("Creating verification session");
+  }
+  static {
+    this.activeSession = null;
+  }
+  static {
+    this.staticLogger = KeyringLogger.init("VerificationSession");
+  }
+  /**
+   * Launch verification flow with automatic platform detection and fallback
+   */
+  static async launch(sessionConfig) {
+    this.staticLogger.info({ sessionConfig }, "Launching verification flow");
+    try {
+      if (this.activeSession) {
+        this.staticLogger.debug("Cleaning up existing session");
+        await this.activeSession.close();
+        this.activeSession = null;
+      }
+      if (!await PlatformUtils.waitForOnline(5e3)) {
+        throw new KeyringError("NETWORK_ERROR" /* NETWORK_ERROR */, "No internet connection available");
+      }
+      this.activeSession = new _VerificationSession(sessionConfig);
+      return this.activeSession;
+    } catch (error) {
+      this.staticLogger.error(error, "Launch failed");
+      const keyringError = KeyringError.fromUnknown(error);
+      throw keyringError;
+    }
+  }
+  /**
+   * Start the verification session
+   */
+  async start() {
+    this.logger.debug("Starting verification session");
+    this.resultPromise = new Promise((resolve, reject) => {
+      this.resolveResult = resolve;
+      this.rejectResult = reject;
+    });
+    const resultPromise = this.resultPromise;
+    try {
+      const dataTransport = this.resolveDataTransport();
+      this.validateTransportRequirements(dataTransport);
+      if (dataTransport === "chromeApi") {
+        await this.startChromeApiFlow();
+      } else {
+        await this.setupUI();
+      }
+      return resultPromise;
+    } catch (error) {
+      this.clearPendingResultHandlers();
+      await this.cleanup();
+      throw KeyringError.fromUnknown(error, { sessionId: this.sessionId });
+    }
+  }
+  get sessionId() {
+    return this.sessionResponse?.session_id;
+  }
+  get sessionToken() {
+    return this.sessionResponse?.session_token;
+  }
+  /**
+   * Add event listener for verification events
+   */
+  addEventListener(eventType, listener) {
+    if (!this.eventListeners.has(eventType)) {
+      this.eventListeners.set(eventType, []);
+    }
+    this.eventListeners.get(eventType).push(listener);
+  }
+  /**
+   * Remove event listener
+   */
+  removeEventListener(eventType, listener) {
+    const listeners = this.eventListeners.get(eventType);
+    if (listeners) {
+      const index = listeners.indexOf(listener);
+      if (index > -1) {
+        listeners.splice(index, 1);
+      }
+    }
+  }
+  /**
+   * Clean up all resources
+   */
+  async close() {
+    this.rejectPendingResult(
+      new KeyringError("USER_CANCELLED" /* USER_CANCELLED */, "Session was cleaned up")
+    );
+    await this.cleanup();
+  }
+  complete(result) {
+    this.logger.debug("Session completed successfully");
+    this.resolvePendingResult(result);
+    void this.cleanup();
+  }
+  fail(error) {
+    this.logger.error(error, "Session failed");
+    this.rejectPendingResult(error);
+    void this.cleanup();
+  }
+  resolvePendingResult(result) {
+    if (this.resultSettled) {
+      return;
+    }
+    this.resultSettled = true;
+    this.resolveResult?.(result);
+    this.clearPendingResultHandlers();
+  }
+  rejectPendingResult(error) {
+    if (this.resultSettled) {
+      return;
+    }
+    this.resultSettled = true;
+    this.rejectResult?.(error);
+    this.clearPendingResultHandlers();
+  }
+  clearPendingResultHandlers() {
+    this.resolveResult = void 0;
+    this.rejectResult = void 0;
+    this.resultPromise = void 0;
+  }
+  async cleanup() {
+    if (this.closePromise) {
+      return this.closePromise;
+    }
+    this.closePromise = (async () => {
+      this.logger.debug("Cleaning up verification session");
+      if (_VerificationSession.activeSession === this) {
+        _VerificationSession.activeSession = null;
+      }
+      if (this.stopPolling) {
+        this.stopPolling();
+        this.stopPolling = void 0;
+      }
+      if (this.wsClient) {
+        this.isWebsocketActive = false;
+        this.wsClient.disconnect();
+        this.wsClient = void 0;
+      }
+      if (this.httpClient && this.sessionId && this.sessionToken) {
+        this.logger.debug({ sessionId: this.sessionId }, "Deleting session from backend");
+        try {
+          await this.closeBackendSession(this.sessionId, this.sessionToken);
+        } catch (error) {
+          this.logger.warn({ error, sessionId: this.sessionId }, "Failed to delete backend session");
+        }
+      }
+      this.eventListeners.clear();
+    })();
+    try {
+      await this.closePromise;
+    } finally {
+      this.closePromise = void 0;
+    }
+  }
+  resolveDataTransport() {
+    if (this.sessionConfig.dataTransport) {
+      return this.sessionConfig.dataTransport;
+    }
+    return this.sessionConfig.clientToken ? "sessionApi" : "chromeApi";
+  }
+  validateTransportRequirements(dataTransport) {
+    const platform = PlatformUtils.detectPlatform();
+    if (dataTransport === "sessionApi" && !this.sessionConfig.clientToken) {
+      throw new KeyringError(
+        "MISSING_REQUIRED_FIELD" /* MISSING_REQUIRED_FIELD */,
+        "clientToken is required when using sessionApi"
+      );
+    }
+    if (dataTransport === "chromeApi" && !platform.isDesktop) {
+      throw new KeyringError(
+        "INVALID_CONFIG" /* INVALID_CONFIG */,
+        "chromeApi is only supported on desktop. Use sessionApi with clientToken on mobile."
+      );
+    }
+  }
+  async startChromeApiFlow() {
+    this.logger.debug("Starting chromeApi verification flow");
+    this.flowType = "extension";
+    const credentialData = await import_keyring_core_sdk2.ExtensionClient.launchCredentialGenerationWithChromeApi({
+      ...this.sessionConfig,
+      dataTransport: "chromeApi"
+    });
+    this.complete(credentialData ?? null);
+  }
+  /**
+   * Initialize mobile-specific resources (HTTP client, session, WebSocket)
+   */
+  async initializeSession() {
+    this.httpClient = new import_keyring_core_sdk2.HttpClient({
+      baseUrl: Environment.getConfig().apiUrl,
+      timeout: Environment.getConfig().timeout,
+      headers: {
+        Authorization: `Bearer ${this.sessionConfig.clientToken}`
+      }
+    });
+    this.sessionResponse = await this.createSession(this.sessionConfig);
+    this.logger = this.logger.child({
+      sessionId: this.sessionResponse.session_id
+    });
+    this.logger.debug(
+      {
+        sessionId: this.sessionResponse.session_id,
+        status: this.sessionResponse.status
+      },
+      "Client session created"
+    );
+    return this.sessionResponse;
+  }
+  async setupWebSocket() {
+    if (!this.sessionResponse?.session_id) {
+      throw new KeyringError(
+        "SESSION_NOT_FOUND" /* SESSION_NOT_FOUND */,
+        "Session not initialized for mobile flow"
+      );
+    }
+    const wsCallbacks = {
+      onConnectionChange: (connected) => {
+        this.emit("connectionStatusChanged", connected);
+        if (connected) {
+          if (this.flowType === "mobile") {
+            this.uiManager?.updateStatus("Connected to Keyring app", "connected");
+          }
+          if (this.stopPolling) {
+            this.logger.debug("WebSocket reconnected, stopping polling");
+            this.stopPolling();
+            this.stopPolling = void 0;
+          }
+        } else {
+          if (this.isWebsocketActive) {
+            this.startPollingFallback();
+          }
+        }
+      },
+      onStatusChange: (status, data) => {
+        switch (status) {
+          case "extension_connected":
+            this.emit("extensionConnected", data);
+            break;
+          case "mobile_connected":
+            this.emit("mobileConnected", data);
+            if (this.flowType === "mobile") {
+              this.uiManager?.updateStatus("Connected to mobile app", "connected");
+            }
+            break;
+          case "processing_started":
+            this.logger.debug(data, "Processing started");
+            if (this.flowType === "mobile") {
+              this.uiManager?.updateStatus("Processing verification...", "processing");
+            }
+            this.emit("processingStarted", data);
+            break;
+          case "processing_completed":
+            this.logger.debug(data, "Processing completed");
+            if (!data?.result?.credential_data) {
+              if (this.flowType === "mobile") {
+                this.uiManager?.updateStatus("Verification failed", "failed");
+              }
+              this.fail(new KeyringError("PROCESSING_FAILED" /* PROCESSING_FAILED */, "Processing failed"));
+              return;
+            }
+            if (this.flowType === "mobile") {
+              this.uiManager?.showCompleteModal(
+                data.result.entity_type,
+                data.result.datasourceObject
+              );
+            }
+            this.emit("processingCompleted", data);
+            this.complete(data.result.credential_data);
+            break;
+          case "session_expired":
+            if (this.flowType === "mobile") {
+              this.uiManager?.updateStatus("Session expired", "expired");
+            }
+            this.emit("sessionExpired", data);
+            if (this.flowType === "mobile") {
+              this.uiManager?.showTerminatedModal();
+            }
+            this.fail(
+              new KeyringError(
+                "SESSION_EXPIRED" /* SESSION_EXPIRED */,
+                "Verification session has expired"
+              )
+            );
+            break;
+          default:
+            break;
+        }
+      },
+      onError: (data) => {
+        this.logger.error(data, "WebSocket error");
+        const sdkError = {
+          code: data.code,
+          message: data.message,
+          details: data.details
+        };
+        this.emit("error", sdkError);
+        if (this.flowType === "mobile") {
+          this.uiManager?.updateStatus("Verification failed", "failed");
+        }
+        this.fail(KeyringError.fromUnknown(data.message, { sessionId: this.sessionId }));
+      }
+    };
+    this.wsClient = new import_keyring_core_sdk2.WebSocketClient(
+      this.sessionResponse.session_id,
+      this.sessionResponse.session_token,
+      Environment.getConfig().apiUrl,
+      wsCallbacks
+    );
+    this.isWebsocketActive = true;
+    await this.wsClient.connect();
+  }
+  async setupUI() {
+    this.uiManager = new UIManager();
+    this.uiManager.setCallbacks(
+      // onCancel
+      () => {
+        this.fail(new KeyringError("USER_CANCELLED" /* USER_CANCELLED */, "User cancelled verification"));
+      },
+      // onExtensionSelected
+      async () => {
+        try {
+          this.logger.debug("Extension selected");
+          this.flowType = "extension";
+          const sessionResponse = await this.initializeSession();
+          await this.setupWebSocket();
+          const updatedSessionConfig = {
+            ...this.sessionConfig,
+            websocket: {
+              session_id: sessionResponse.session_id,
+              session_token: sessionResponse.session_token
+            },
+            dataTransport: "sessionApi"
+          };
+          await import_keyring_core_sdk2.ExtensionClient.launchCredentialGenerationWithSessionApi(updatedSessionConfig);
+        } catch (error) {
+          this.fail(
+            new KeyringError(
+              "PROCESSING_FAILED" /* PROCESSING_FAILED */,
+              error.message ?? "Extension launch failed"
+            )
+          );
+        }
+      },
+      // onMobileSelected
+      async () => {
+        try {
+          this.logger.debug("Mobile selected");
+          this.flowType = "mobile";
+          await this.initializeSession();
+          await this.setupWebSocket();
+          this.showQR();
+        } catch (error) {
+          this.logger.error({ error }, "Failed to initialize mobile flow");
+          this.fail(
+            new KeyringError(
+              "SESSION_CREATION_FAILED" /* SESSION_CREATION_FAILED */,
+              error.message ?? "Failed to initialize mobile flow"
+            )
+          );
+        }
+      }
+    );
+    const platform = PlatformUtils.detectPlatform();
+    if (platform.isDesktop) {
+      this.uiManager.showSelectionModal();
+    } else {
+      await this.initializeSession();
+      await this.setupWebSocket();
+      this.showMobileModal();
+    }
+  }
+  showQR() {
+    if (!this.uiManager || !this.sessionResponse) return;
+    this.uiManager.showQRModal(
+      this.sessionResponse.qr_code_data,
+      this.sessionResponse.session_id,
+      this.sessionResponse.expires_at
+    );
+  }
+  showMobileModal() {
+    if (!this.uiManager || !this.sessionResponse) return;
+    this.uiManager.showMobileModal(
+      this.sessionResponse.qr_code_data,
+      this.sessionResponse.expires_at
+    );
+  }
+  /**
+   * Start HTTP polling as fallback when WebSocket is disconnected
+   */
+  startPollingFallback() {
+    if (!this.httpClient || !this.sessionResponse?.session_id) {
+      this.logger.warn("Cannot start polling: httpClient or sessionId not available");
+      return;
+    }
+    if (this.stopPolling) {
+      return;
+    }
+    this.logger.info("Starting HTTP polling fallback");
+    this.uiManager?.updateStatus("Connection lost, checking status...", "processing");
+    let isPolling = true;
+    let timeoutId = null;
+    const poll = async () => {
+      if (!isPolling || !this.sessionResponse || !this.httpClient) {
+        return;
+      }
+      try {
+        const session = await this.getSession(
+          this.sessionResponse.session_id,
+          this.sessionResponse.session_token
+        );
+        if (!session) {
+          isPolling = false;
+          this.fail(
+            new KeyringError("SESSION_NOT_FOUND" /* SESSION_NOT_FOUND */, "Session not found or expired")
+          );
+          return;
+        }
+        this.handlePollingUpdate(session);
+      } catch (error) {
+        this.logger.error({ error }, "Polling error");
+      }
+      if (isPolling) {
+        timeoutId = setTimeout(poll, 2e3);
+      }
+    };
+    poll();
+    this.stopPolling = () => {
+      isPolling = false;
+      if (timeoutId) {
+        clearTimeout(timeoutId);
+      }
+    };
+  }
+  async createSession(sessionConfig) {
+    if (!this.httpClient) {
+      throw new KeyringError("NETWORK_ERROR" /* NETWORK_ERROR */, "HTTP client not initialized");
+    }
+    return this.httpClient.post("/api/v1/connect/sessions/create", {
+      config: sessionConfig,
+      origin_url: PlatformUtils.isBrowser() ? window.location.href : "server"
+    });
+  }
+  async closeBackendSession(sessionId, sessionToken) {
+    if (!this.httpClient) {
+      return;
+    }
+    await this.httpClient.delete(`/api/v1/connect/sessions/${sessionId}`, {
+      headers: {
+        "X-SESSION-TOKEN": sessionToken
+      }
+    });
+  }
+  async getSession(sessionId, sessionToken) {
+    if (!this.httpClient) {
+      return null;
+    }
+    try {
+      const session = await this.httpClient.get(
+        `/api/v1/connect/sessions/${sessionId}`,
+        {
+          headers: {
+            "x-session-token": sessionToken
+          }
+        }
+      );
+      return session || null;
+    } catch (error) {
+      if (error instanceof import_keyring_core_sdk2.KeyringError && (error.code === "NOT_FOUND" || error.code === "AUTHENTICATION_FAILED")) {
+        return null;
+      }
+      throw error;
+    }
+  }
+  /**
+   * Handle session updates from HTTP polling
+   */
+  handlePollingUpdate(session) {
+    if (!this.isWebsocketActive) {
+      return;
+    }
+    this.logger.debug(
+      { status: session.status, hasResult: !!session.result },
+      "Received polling update"
+    );
+    switch (session.status) {
+      case "processing_completed":
+        this.logger.debug("Session completed via polling");
+        const result = session.result;
+        const hasRequiredData = result?.credential_data && result?.entity_type && result?.datasourceObject;
+        if (hasRequiredData) {
+          if (this.flowType === "mobile") {
+            this.uiManager?.showCompleteModal(result.entity_type, result.datasourceObject);
+          }
+          this.emit("processingCompleted", {
+            result: {
+              credential_data: result.credential_data,
+              entity_type: result.entity_type,
+              datasourceObject: result.datasourceObject
+            },
+            status: "success"
+          });
+          this.complete(result.credential_data);
+        } else {
+          if (this.flowType === "mobile") {
+            this.uiManager?.updateStatus("Verification failed", "failed");
+          }
+          this.fail(
+            new KeyringError("PROCESSING_FAILED" /* PROCESSING_FAILED */, "No credential data in result")
+          );
+        }
+        break;
+      case "processing_failed":
+        this.logger.debug("Session failed via polling");
+        if (this.flowType === "mobile") {
+          this.uiManager?.updateStatus("Verification failed", "failed");
+        }
+        this.fail(
+          new KeyringError(
+            "PROCESSING_FAILED" /* PROCESSING_FAILED */,
+            session.error || "Verification failed"
+          )
+        );
+        break;
+      case "session_expired":
+        this.logger.debug("Session expired via polling");
+        if (this.flowType === "mobile") {
+          this.uiManager?.showTerminatedModal();
+        }
+        this.fail(
+          new KeyringError("SESSION_EXPIRED" /* SESSION_EXPIRED */, "Verification session has expired")
+        );
+        break;
+      case "processing_started":
+        if (this.flowType === "mobile") {
+          this.uiManager?.updateStatus("Processing verification...", "processing");
+        }
+        break;
+      case "mobile_connected":
+        if (this.flowType === "mobile") {
+          this.uiManager?.updateStatus("Mobile app connected...", "connected");
+        }
+        break;
+      case "session_created":
+        if (this.flowType === "mobile") {
+          this.uiManager?.updateStatus("Waiting for mobile app...", "connected");
+        }
+        break;
+    }
+  }
+  emit(eventType, data) {
+    const listeners = this.eventListeners.get(eventType);
+    if (listeners) {
+      listeners.forEach((listener) => {
+        try {
+          listener(data);
+        } catch (error) {
+          this.logger.error(error, `Error in event listener for ${eventType}`);
+        }
+      });
+    }
+  }
+};
+
+// src/types/extension.ts
+var import_keyring_core_sdk3 = require("@keyringnetwork/keyring-core-sdk");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EVENT_ACTIONS,
+  VerificationSession,
+  ...require("@keyringnetwork/contracts-abi")
+});