@seams/wallet 0.13.1 → 0.15.0

package/README.md

@@ -1,18 +1,18 @@
 # Seams Wallet SDK
 
-`@seams/wallet` **0.13.1** provides browser wallet lifecycle, NEAR and EVM-family
+`@seams/wallet` **0.14.0** provides browser wallet lifecycle, NEAR and EVM-family
 threshold signing, React components, and hosted wallet runtime assets.
 
 ## Install
 
 ```sh
-pnpm add @seams/wallet@0.13.1
+pnpm add @seams/wallet@0.14.0
 ```
 
 React integrations support React 18 and 19. Import the provider and UI from
 `@seams/wallet/react` and its stylesheet from `@seams/wallet/react/styles`.
 Keep the application package, wallet-origin assets, and
-`@seams/wallet-server@0.13.1` on the matching release.
+`@seams/wallet-server@0.14.0` on the matching release.
 
 ## Next release migration (unreleased)
 

package/dist/.build-inputs.sha256

@@ -1 +1 @@
-d55abaddea2337462727d3d8dcc55bdc61ab16087d349e2ad48feffaac2c4f43
+9f6cfefb8440e96d1b81504ee0d7e6ac3d60177f8489eb6c94686037c4861834

package/dist/esm/SeamsWeb/SeamsWeb.js

@@ -49,6 +49,7 @@ var SeamsWeb = class {
 		};
 		this.events = { subscribe: this.walletIframe.onSdkLifecycleEvent.bind(this.walletIframe) };
 		this.authMenu = {
+			prepare: this.walletIframe.prepareHostedAuthMenu.bind(this.walletIframe),
 			open: this.walletIframe.openHostedAuthMenu.bind(this.walletIframe),
 			cancel: this.walletIframe.cancelHostedAuthMenu.bind(this.walletIframe),
 			onExternalAuthRequest: this.walletIframe.onHostedAuthMenuExternalAuthRequest.bind(this.walletIframe),

package/dist/esm/SeamsWeb/publicApi/keyExport.js

@@ -32,7 +32,6 @@ async function exportKey(deps, input) {
 		};
 		requireKeyExportCapability(deps.configs, laneInput);
 		const lane = await deps.domain.resolveExactKeyExportLane(laneInput);
-		if (lane.kind === "relink_required") return lane;
 		if (lane.kind !== "ed25519") throw new Error(`[key-export] expected an Ed25519 lane, received ${lane.kind}`);
 		await deps.domain.exportKeypairWithUI({
 			...laneInput,
@@ -49,7 +48,6 @@ async function exportKey(deps, input) {
 	};
 	requireKeyExportCapability(deps.configs, laneInput);
 	const lane = await deps.domain.resolveExactKeyExportLane(laneInput);
-	if (lane.kind === "relink_required") return lane;
 	if (lane.kind !== "ecdsa") throw new Error(`[key-export] expected an ECDSA lane, received ${lane.kind}`);
 	await deps.domain.exportKeypairWithUI({
 		...laneInput,

package/dist/esm/SeamsWeb/walletIframe/client/router.js

@@ -242,10 +242,6 @@ function walletIframeLoginStatusFromExactSession(state) {
 }
 function parseResolveExactKeyExportLaneResult(result) {
 	switch (result.kind) {
-		case "relink_required": return {
-			kind: "relink_required",
-			reason: result.reason
-		};
 		case "ecdsa": return {
 			kind: "ecdsa",
 			laneIdentity: parseExactEcdsaSigningLaneIdentity(result.laneIdentity)
@@ -559,6 +555,7 @@ var WalletIframeRouter = class {
 		this.exactSessionState = null;
 		this.sessionSelectionGeneration = 0;
 		this.sessionObservationRevision = -1;
+		this.walletRuntimePreparedConnectionId = null;
 		this.lastPreferencesChangedPayload = null;
 		this.mirroredConfirmationUiMode = null;
 		this.debug = false;
@@ -2499,6 +2496,14 @@ var WalletIframeRouter = class {
 			}
 		});
 	}
+	/** Asks the wallet host to download its runtime once per connection, ahead of sign-in. */
+	async prepareWalletHostRuntime() {
+		await this.ensureConfigured();
+		const connectionId = this.state.connectionId;
+		if (!connectionId || this.walletRuntimePreparedConnectionId === connectionId) return;
+		this.walletRuntimePreparedConnectionId = connectionId;
+		await this.post({ type: "PM_PREPARE_WALLET_RUNTIME" });
+	}
 	async openHostedAuthMenu(request, anchorElement) {
 		await this.ensureConfigured();
 		const normalized = parseHostedAuthMenuOpenRequest(request);

package/dist/esm/SeamsWeb/walletIframe/coordinator.js

@@ -6,6 +6,10 @@ function assertNeverConnection(state) {
 	throw new Error(`Unsupported connection state: ${String(state)}`);
 }
 function noSubscription() {}
+function prepareRouterWalletHostRuntime(router) {
+	return router.prepareWalletHostRuntime();
+}
+function ignorePreparationFailure() {}
 function rejectAbortedConnection(signal, _resolve, reject) {
 	signal.addEventListener("abort", reject.bind(null, /* @__PURE__ */ new Error("Wallet connection interrupted")), { once: true });
 }
@@ -214,6 +218,10 @@ var WalletIframeCoordinator = class {
 	async getExactSessionState() {
 		return await (await this.requireRouter()).getExactSessionState();
 	}
+	prepareHostedAuthMenu() {
+		if (this.connection.kind === "disposed") return;
+		this.requireRouter().then(prepareRouterWalletHostRuntime).catch(ignorePreparationFailure);
+	}
 	async openHostedAuthMenu(request, anchorElement) {
 		return await (await this.requireRouter()).openHostedAuthMenu(request, anchorElement);
 	}

package/dist/esm/SeamsWeb/walletIframe/shared/facadeBoundary.js

@@ -19,10 +19,6 @@ function normalizeResolveExactKeyExportLaneInput(input) {
 }
 function normalizeResolveExactKeyExportLaneResult(result) {
 	switch (result.kind) {
-		case "relink_required": return {
-			kind: "relink_required",
-			reason: result.reason
-		};
 		case "ecdsa": return {
 			kind: "ecdsa",
 			laneIdentity: parseExactEcdsaSigningLaneIdentity(result.laneIdentity)

package/dist/esm/SeamsWeb/walletIframe/shared/messages.js

@@ -458,7 +458,7 @@ function parseHostedAuthMenuOutcome(value) {
 		default: return null;
 	}
 }
-const WALLET_PROTOCOL_VERSION = "15.0.0";
+const WALLET_PROTOCOL_VERSION = "16.0.0";
 const WALLET_IFRAME_PROTOCOL_VERSION_MISMATCH = "WALLET_IFRAME_PROTOCOL_VERSION_MISMATCH";
 const HOSTED_WALLET_REDEMPTION_PAYLOAD_FIELDS = [
 	"home",

package/dist/esm/core/indexedDB/index.js

@@ -1,4 +1,5 @@
-import { SEAMS_WALLET_DB_NAME, SEAMS_WALLET_DB_VERSION, SEAMS_WALLET_INDEXES, SEAMS_WALLET_SCHEMA_MANIFEST, SEAMS_WALLET_STORES, assertCanonicalIndexedDBName, createSeamsTestWalletDbName } from "./schemaNames.js";
+import { SEAMS_WALLET_DB_VERSION, SEAMS_WALLET_INDEXES, SEAMS_WALLET_SCHEMA_MANIFEST, SEAMS_WALLET_STORES, assertCanonicalIndexedDBName, createSeamsTestWalletDbName } from "./schemaNames.js";
+import { SEAMS_WALLET_DB_NAME } from "./walletDbName.js";
 import { upgradeSeamsWalletDBSchema } from "./seamsWalletDB/schema.js";
 import { SeamsWalletDBManager } from "./seamsWalletDB/manager.js";
 import { seamsWalletDB } from "./singletons.js";

package/dist/esm/core/indexedDB/schemaNames.js

@@ -1,5 +1,4 @@
 //#region src/core/indexedDB/schemaNames.ts
-const SEAMS_WALLET_DB_NAME = "seams_wallet";
 const SEAMS_WALLET_DB_VERSION = 24;
 const SEAMS_WALLET_STORES = {
 	appState: "app_state",
@@ -828,6 +827,6 @@ function createSeamsTestWalletDbName(suffix) {
 	return `seams_test_wallet_${safeSuffix}`;
 }
 //#endregion
-export { SEAMS_WALLET_DB_NAME, SEAMS_WALLET_DB_VERSION, SEAMS_WALLET_INDEXES, SEAMS_WALLET_SCHEMA_MANIFEST, SEAMS_WALLET_STORES, assertCanonicalIndexedDBName, createSeamsTestWalletDbName };
+export { SEAMS_WALLET_DB_VERSION, SEAMS_WALLET_INDEXES, SEAMS_WALLET_SCHEMA_MANIFEST, SEAMS_WALLET_STORES, assertCanonicalIndexedDBName, createSeamsTestWalletDbName };
 
 //# sourceMappingURL=schemaNames.js.map

package/dist/esm/core/indexedDB/seamsWalletDB/schema.js

@@ -1,4 +1,5 @@
-import { SEAMS_WALLET_DB_NAME, SEAMS_WALLET_SCHEMA_MANIFEST } from "../schemaNames.js";
+import { SEAMS_WALLET_SCHEMA_MANIFEST } from "../schemaNames.js";
+import { SEAMS_WALLET_DB_NAME } from "../walletDbName.js";
 //#region src/core/indexedDB/seamsWalletDB/schema.ts
 const SEAMS_WALLET_DB_CONFIG = {
 	dbName: SEAMS_WALLET_DB_NAME,

package/dist/esm/core/indexedDB/walletDbName.js

@@ -0,0 +1,6 @@
+//#region src/core/indexedDB/walletDbName.ts
+const SEAMS_WALLET_DB_NAME = "seams_wallet";
+//#endregion
+export { SEAMS_WALLET_DB_NAME };
+
+//# sourceMappingURL=walletDbName.js.map

package/dist/esm/core/signingEngine/routerAb/ecdsaDerivation/presignaturePool.js

@@ -704,7 +704,7 @@ function resolveSigningRequestExpiresAtMs(input) {
 	const expiresAtMs = Math.min(materialExpiresAtMs, authorizationExpiresAtMs, input.nowMs + ROUTER_AB_ECDSA_DERIVATION_SIGNING_TTL_MS);
 	return Number.isSafeInteger(expiresAtMs) && expiresAtMs > input.nowMs ? expiresAtMs : null;
 }
-async function signRouterAbEcdsaDerivationDigestWithPoolHitAttempt(args, retryCount, supply) {
+async function signRouterAbEcdsaDerivationDigestWithPoolHitAttempt(args, retryCount, refillInput) {
 	let poolKey = null;
 	let poolIdentity = null;
 	let presignature = null;
@@ -792,16 +792,16 @@ async function signRouterAbEcdsaDerivationDigestWithPoolHitAttempt(args, retryCo
 				workerCtx: args.workerCtx
 			});
 		}
-		if (!presignature && supply.kind === "on_demand") {
+		if (!presignature) {
 			const foregroundRefillStartedAt = performance.now();
 			startForegroundRefill(poolKey);
 			try {
 				let refill = await refillRouterAbEcdsaDerivationClientPresignaturePool({
-					...supply.refill,
+					...refillInput,
 					trafficClass: "foreground"
 				});
 				if (!refill.ok && refill.code === "invalidated") refill = await refillRouterAbEcdsaDerivationClientPresignaturePool({
-					...supply.refill,
+					...refillInput,
 					trafficClass: "foreground"
 				});
 				if (!refill.ok && refill.code !== "pool_full") return refill;
@@ -884,7 +884,7 @@ async function signRouterAbEcdsaDerivationDigestWithPoolHitAttempt(args, retryCo
 		emitEcdsaSigningTiming(args.operationId, "presignature_reserve", reserveStartedAt);
 		if (reservation.kind === "unavailable") {
 			if (reservation.reason === "claimed_elsewhere") clientPresignatureCleanupState = { kind: "owned_elsewhere" };
-			if (retryCount < MAX_CLIENT_PRESIGNATURE_CLAIM_RETRIES) return await signRouterAbEcdsaDerivationDigestWithPoolHitAttempt(args, retryCount + 1, supply);
+			if (retryCount < MAX_CLIENT_PRESIGNATURE_CLAIM_RETRIES) return await signRouterAbEcdsaDerivationDigestWithPoolHitAttempt(args, retryCount + 1, refillInput);
 			return {
 				ok: false,
 				code: reservation.reason === "expired" ? "pool_entry_expired" : "pool_entry_unavailable",
@@ -1066,29 +1066,26 @@ async function signRouterAbEcdsaDerivationDigestWithPool(args) {
 		code: "invalid_pool_fill_expiry",
 		message: "Router A/B ECDSA derivation pool fill expiry is unavailable or expired"
 	};
-	const supply = {
-		kind: "on_demand",
-		refill: {
-			relayerUrl: args.relayerUrl,
-			keyHandle: args.keyHandle,
-			ecdsaThresholdKeyId: signingIdentity.ecdsaThresholdKeyId,
-			clientVerifyingShareB64u: signingIdentity.clientVerifyingShareB64u,
-			clientSigningMaterial: args.clientSigningMaterial,
-			thresholdEcdsaPublicKeyB64u: signingIdentity.thresholdEcdsaPublicKeyB64u,
-			credential: args.credential,
-			materialActivation: args.materialActivation,
-			routerAbEcdsaDerivationPoolFill: {
-				kind: "router_ab_ecdsa_derivation_signing_worker_pool",
-				scope: args.scope,
-				ceremonyExpiresAtMs: Math.min(expiresAtMs, Date.now() + ROUTER_AB_ECDSA_PRESIGN_CEREMONY_MAX_LIFETIME_MS - PRESIGN_CEREMONY_CLOCK_SKEW_MARGIN_MS),
-				materialExpiresAtMs: args.authorization.kind === "operation_step_up" ? expiresAtMs : Date.now() + MAX_DURABLE_CLIENT_PRESIGNATURE_LIFETIME_MS
-			},
-			workerCtx: args.workerCtx,
-			...ecdsaPoolFillAuthorization(args)
-		}
+	const refillInput = {
+		relayerUrl: args.relayerUrl,
+		keyHandle: args.keyHandle,
+		ecdsaThresholdKeyId: signingIdentity.ecdsaThresholdKeyId,
+		clientVerifyingShareB64u: signingIdentity.clientVerifyingShareB64u,
+		clientSigningMaterial: args.clientSigningMaterial,
+		thresholdEcdsaPublicKeyB64u: signingIdentity.thresholdEcdsaPublicKeyB64u,
+		credential: args.credential,
+		materialActivation: args.materialActivation,
+		routerAbEcdsaDerivationPoolFill: {
+			kind: "router_ab_ecdsa_derivation_signing_worker_pool",
+			scope: args.scope,
+			ceremonyExpiresAtMs: Math.min(expiresAtMs, Date.now() + ROUTER_AB_ECDSA_PRESIGN_CEREMONY_MAX_LIFETIME_MS - PRESIGN_CEREMONY_CLOCK_SKEW_MARGIN_MS),
+			materialExpiresAtMs: args.authorization.kind === "operation_step_up" ? expiresAtMs : Date.now() + MAX_DURABLE_CLIENT_PRESIGNATURE_LIFETIME_MS
+		},
+		workerCtx: args.workerCtx,
+		...ecdsaPoolFillAuthorization(args)
 	};
-	const result = await signRouterAbEcdsaDerivationDigestWithPoolHitAttempt(args, 0, supply);
-	if (!result.ok && (result.code === "pool_entry_expired" || result.code === "pool_entry_unavailable")) return await signRouterAbEcdsaDerivationDigestWithPoolHitAttempt(args, 0, supply);
+	const result = await signRouterAbEcdsaDerivationDigestWithPoolHitAttempt(args, 0, refillInput);
+	if (!result.ok && (result.code === "pool_entry_expired" || result.code === "pool_entry_unavailable")) return await signRouterAbEcdsaDerivationDigestWithPoolHitAttempt(args, 0, refillInput);
 	return result;
 }
 async function refillRouterAbEcdsaDerivationClientPresignaturePool(args) {

package/dist/esm/plugins/plugin-utils.js

@@ -1,27 +1,5 @@
-import "./shared-ts/src/utils/normalize.js";
-import { normalizeWalletHostVariant, walletHostScriptFileForVariant } from "./wallet/src/core/browser/walletIframe/hostVariant.js";
-import * as fs from "node:fs";
-import * as path from "node:path";
-import { createRequire } from "node:module";
+import { normalizeWalletHostVariant, walletHostScriptFileForVariant } from "./core/browser/walletIframe/hostVariant.js";
 //#region src/plugins/plugin-utils.ts
-function addPreconnectLink(res, origin) {
-	if (!origin) return;
-	try {
-		const link = `<${origin}>; rel=preconnect; crossorigin`;
-		const existing = res.getHeader?.("Link");
-		if (!existing) {
-			res.setHeader?.("Link", link);
-			return;
-		}
-		if (typeof existing === "string") {
-			if (!existing.includes(link)) res.setHeader?.("Link", existing + ", " + link);
-			return;
-		}
-		if (Array.isArray(existing)) {
-			if (!existing.includes(link)) res.setHeader?.("Link", [...existing, link]);
-		}
-	} catch {}
-}
 function withAssetVersion(url, assetVersion) {
 	const version = String(assetVersion || "").trim();
 	if (!version) return url;
@@ -50,125 +28,7 @@ function buildWalletServiceHtml(sdkBasePath = "/sdk", assetVersion, walletHostVa
   </body>
 </html>`;
 }
-function resolveCoepMode(explicit) {
-	if (explicit === "strict" || explicit === "off") return explicit;
-	const raw = String(globalThis?.process?.env?.VITE_COEP_MODE || "").trim().toLowerCase();
-	if (raw === "strict" || raw === "on" || raw === "1" || raw === "require-corp") return "strict";
-	if (raw === "off" || raw === "0" || raw === "false") return "off";
-	return "off";
-}
-function applyCoepCorp(res) {
-	res.setHeader?.("Cross-Origin-Embedder-Policy", "require-corp");
-	res.setHeader?.("Cross-Origin-Resource-Policy", "cross-origin");
-}
-function applyCoepCorpIfNeeded(res, coepMode) {
-	if (resolveCoepMode(coepMode) !== "off") applyCoepCorp(res);
-}
-function echoCorsFromRequest(res, req, opts = {}) {
-	const honorExisting = opts.honorExistingAcaOrigin === true;
-	const allowCreds = opts.allowCredentialsWhenExplicit !== false;
-	const methods = opts.methods || "GET,OPTIONS";
-	const headers = opts.headers || "Content-Type,Authorization";
-	const handlePreflight = opts.handlePreflight === true;
-	const origin = req?.headers && req.headers.origin || "*";
-	const hasExisting = typeof res.getHeader === "function" && !!res.getHeader("Access-Control-Allow-Origin");
-	if (!honorExisting || !hasExisting) res.setHeader?.("Access-Control-Allow-Origin", origin);
-	res.setHeader?.("Vary", "Origin");
-	res.setHeader?.("Access-Control-Allow-Methods", methods);
-	res.setHeader?.("Access-Control-Allow-Headers", headers);
-	if (origin !== "*" && allowCreds) res.setHeader?.("Access-Control-Allow-Credentials", "true");
-	if (handlePreflight) {
-		if ((req?.method && String(req.method).toUpperCase()) === "OPTIONS") {
-			res.statusCode = 204;
-			res.end?.();
-			return true;
-		}
-	}
-	return false;
-}
-/**
-* Log and validate Related Origin Requests (ROR) configuration.
-* - Prints the well-known endpoint and the configured origins list.
-* - Warns if any origins are not absolute (e.g., missing protocol/hostname).
-*/
-function logRorConfig(origins, endpoint = "/.well-known/webauthn") {
-	if (!Array.isArray(origins) || origins.length === 0) return;
-	const invalid = [];
-	for (const o of origins) try {
-		const u = new URL(o);
-		if (!u.protocol || !u.hostname) invalid.push(o);
-	} catch {
-		invalid.push(o);
-	}
-	const msg = `[seams] ROR enabled: GET ${endpoint} -> { origins: [${origins.join(", ")}] }`;
-	console.log(msg);
-	if (invalid.length > 0) console.warn(`[seams] ROR warning: invalid origins: ${invalid.join(", ")} (expected absolute origins like https://app.example.com)`);
-}
-function sanitizeOrigins(values) {
-	const out = /* @__PURE__ */ new Set();
-	if (Array.isArray(values)) for (const v of values) {
-		if (typeof v !== "string") continue;
-		try {
-			const u = new URL(v.trim());
-			const scheme = u.protocol;
-			const host = u.hostname.toLowerCase();
-			const port = u.port ? `:${u.port}` : "";
-			if (!(scheme === "https:") && !(scheme === "http:" && host === "localhost")) continue;
-			if (u.pathname && u.pathname !== "/" || u.search || u.hash) continue;
-			out.add(`${scheme}//${host}${port}`);
-		} catch {}
-	}
-	return Array.from(out);
-}
-function parseConfiguredRorOrigins(value) {
-	return value.split(",").map((s) => s.trim()).filter(Boolean);
-}
-function resolveRorOrigins(input) {
-	return sanitizeOrigins([
-		...input.configuredOrigins,
-		input.docsOrigin.trim(),
-		input.walletOrigin.trim()
-	]);
-}
-/**
-* Infer and set a proper Content-Type header for a given file path.
-* Shared by both app and wallet-iframe dev servers.
-*/
-function setContentType(res, filePath) {
-	switch (path.extname(filePath)) {
-		case ".js":
-			res.setHeader("Content-Type", "application/javascript; charset=utf-8");
-			break;
-		case ".css":
-			res.setHeader("Content-Type", "text/css; charset=utf-8");
-			break;
-		case ".map":
-		case ".json":
-			res.setHeader("Content-Type", "application/json; charset=utf-8");
-			break;
-		case ".wasm":
-			res.setHeader("Content-Type", "application/wasm");
-			break;
-		case ".html":
-			res.setHeader("Content-Type", "text/html; charset=utf-8");
-			break;
-		default: res.setHeader("Content-Type", "application/octet-stream");
-	}
-}
-const requireCjs = createRequire(import.meta.url);
-function resolveSdkDistRoot(explicit) {
-	if (explicit) return path.resolve(explicit);
-	const pkgPath = requireCjs.resolve("@seams/wallet/package.json");
-	const pkgDir = path.dirname(pkgPath);
-	try {
-		const esmEntry = JSON.parse(fs.readFileSync(pkgPath, "utf8")).module || "dist/esm/index.js";
-		const esmAbs = path.resolve(pkgDir, esmEntry);
-		return path.resolve(path.dirname(esmAbs), "..");
-	} catch {
-		return path.join(pkgDir, "dist");
-	}
-}
 //#endregion
-export { addPreconnectLink, applyCoepCorpIfNeeded, buildWalletServiceHtml, echoCorsFromRequest, logRorConfig, parseConfiguredRorOrigins, resolveCoepMode, resolveRorOrigins, resolveSdkDistRoot, setContentType };
+export { buildWalletServiceHtml };
 
 //# sourceMappingURL=plugin-utils.js.map

package/dist/esm/react/components/AccountMenuButton/AccountMenuDialog.js

@@ -1,58 +1,9 @@
 import { Theme, useTheme } from "../theme/ThemeProvider.js";
 import { AccountMenuScreen } from "./AccountMenuScreen.js";
-import { LockKeyholeIcon } from "./icons/LockKeyholeIcon.js";
-import { LayersIcon } from "./icons/LayersIcon.js";
-import React, { useEffect } from "react";
+import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/components/AccountMenuButton/AccountMenuDialog.tsx
-function useAccountMenuDialogKeyboard(input) {
-	const { isOpen, presentation, onClose, dialogRef, focusableSelector } = input;
-	const previousFocusRef = React.useRef(null);
-	const handleDialogKeyDown = React.useCallback((event) => {
-		if (event.key === "Escape" || event.key === "Esc") {
-			event.preventDefault();
-			onClose();
-			return;
-		}
-		if (event.key !== "Tab" || !dialogRef.current) return;
-		const focusable = Array.from(dialogRef.current.querySelectorAll(focusableSelector));
-		if (focusable.length === 0) {
-			event.preventDefault();
-			dialogRef.current.focus();
-			return;
-		}
-		const first = focusable[0];
-		const last = focusable[focusable.length - 1];
-		if (event.shiftKey && document.activeElement === first) {
-			event.preventDefault();
-			last.focus();
-		} else if (!event.shiftKey && document.activeElement === last) {
-			event.preventDefault();
-			first.focus();
-		}
-	}, [
-		dialogRef,
-		focusableSelector,
-		onClose
-	]);
-	useEffect(() => {
-		if (!isOpen || presentation !== "modal") return;
-		previousFocusRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-		dialogRef.current?.focus({ preventScroll: true });
-		window.addEventListener("keydown", handleDialogKeyDown);
-		return () => {
-			window.removeEventListener("keydown", handleDialogKeyDown);
-			previousFocusRef.current?.focus();
-			previousFocusRef.current = null;
-		};
-	}, [
-		dialogRef,
-		handleDialogKeyDown,
-		isOpen,
-		presentation
-	]);
-}
-const AccountMenuDialogFrame = ({ presentation, onClose, dialogRef, contentClassName, titleId, title, closeLabel, children }) => {
+const AccountMenuDialogFrame = ({ presentation, onClose, dialogRef, contentClassName, titleId, title, children }) => {
 	const { theme, tokens } = useTheme();
 	const scopedTokens = React.useMemo(() => theme === "dark" ? { dark: tokens } : { light: tokens }, [theme, tokens]);
 	if (presentation === "embedded") return /* @__PURE__ */ jsx(AccountMenuScreen, {
@@ -68,52 +19,25 @@ const AccountMenuDialogFrame = ({ presentation, onClose, dialogRef, contentClass
 			className: `seams-linked-devices-modal-backdrop theme-${theme}`,
 			"data-presentation": presentation,
 			role: "presentation",
-			onMouseDown: (event) => {
-				if (presentation === "modal" && event.target === event.currentTarget) onClose();
-			},
-			children: /* @__PURE__ */ jsxs("div", {
+			children: /* @__PURE__ */ jsx("div", {
 				ref: dialogRef,
 				className: `seams-linked-devices-modal-content ${contentClassName}`,
-				role: presentation === "modal" ? "dialog" : "region",
-				"aria-modal": presentation === "modal" ? true : void 0,
+				role: "region",
 				"aria-labelledby": titleId,
 				tabIndex: -1,
-				children: [
-					presentation === "modal" ? /* @__PURE__ */ jsxs("header", {
-						className: "seams-account-menu-dialog-header",
-						children: [
-							/* @__PURE__ */ jsx(LockKeyholeIcon, { size: 13 }),
-							/* @__PURE__ */ jsx("span", {
-								className: "seams-account-menu-dialog-host",
-								children: window.location.host
-							}),
-							/* @__PURE__ */ jsx("button", {
-								type: "button",
-								className: "seams-linked-devices-modal-close",
-								onClick: onClose,
-								"aria-label": closeLabel,
-								children: "✕"
-							})
-						]
-					}) : null,
-					/* @__PURE__ */ jsxs("div", {
-						className: "seams-account-menu-dialog-main",
-						children: [/* @__PURE__ */ jsx("h2", {
-							id: titleId,
-							className: "seams-linked-devices-modal-title",
-							children: title
-						}), children]
-					}),
-					presentation === "modal" ? /* @__PURE__ */ jsxs("footer", {
-						className: "seams-account-menu-dialog-footer",
-						children: [/* @__PURE__ */ jsx(LayersIcon, { size: 13 }), "Powered by seams"]
-					}) : null
-				]
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "seams-account-menu-dialog-main",
+					children: [/* @__PURE__ */ jsx("h2", {
+						id: titleId,
+						className: "seams-linked-devices-modal-title",
+						children: title
+					}), children]
+				})
 			})
 		})
 	});
 };
 //#endregion
-export { AccountMenuDialogFrame, useAccountMenuDialogKeyboard };
+export { AccountMenuDialogFrame };
 
 //# sourceMappingURL=AccountMenuDialog.js.map

package/dist/esm/react/components/AccountMenuButton/AuthenticationMethodsModal.js

@@ -1,5 +1,5 @@
 import { useSeams } from "../../context/index.js";
-import { AccountMenuDialogFrame, useAccountMenuDialogKeyboard } from "./AccountMenuDialog.js";
+import { AccountMenuDialogFrame } from "./AccountMenuDialog.js";
 import { AuthenticationMethodRow } from "./AuthenticationMethodRow.js";
 import { AuthenticationMethodsView } from "./AuthenticationMethodsView.js";
 import { PlusIcon } from "./icons/PlusIcon.js";
@@ -95,7 +95,6 @@ function currentAuthorityInventory(input) {
 	}
 	throw new Error("The selected authentication method is unavailable on this device authority.");
 }
-const FOCUSABLE_DIALOG_ELEMENTS = "button:not([disabled]), input:not([disabled]), [href], [tabindex]:not([tabindex=\"-1\"])";
 function methodTitle(method) {
 	return method.kind === "passkey" ? "Passkey" : "Email OTP";
 }
@@ -113,7 +112,7 @@ function inventoryStatus(state) {
 		case "loaded": return state.inventory.kind === "local_selection" ? "Unlock to manage" : "Active";
 	}
 }
-const AuthenticationMethodsModal = ({ walletId, isOpen, onClose, presentation = "modal" }) => {
+const AuthenticationMethodsModal = ({ walletId, isOpen, onClose, presentation }) => {
 	const { seams, loginState, refreshSession } = useSeams();
 	const [loadState, setLoadState] = React.useState({ kind: "idle" });
 	const [actionState, setActionState] = React.useState({ kind: "idle" });
@@ -184,13 +183,6 @@ const AuthenticationMethodsModal = ({ walletId, isOpen, onClose, presentation =
 			});
 		}
 	}, [selectedWalletAuthMethodId, walletId]);
-	useAccountMenuDialogKeyboard({
-		isOpen,
-		presentation,
-		onClose,
-		dialogRef,
-		focusableSelector: FOCUSABLE_DIALOG_ELEMENTS
-	});
 	useEffect(() => {
 		if (!isOpen) {
 			loadSequence.current += 1;
@@ -280,10 +272,8 @@ const AuthenticationMethodsModal = ({ walletId, isOpen, onClose, presentation =
 				walletAuthMethodId: method.walletAuthMethodId
 			});
 			await refreshSessionRef.current(walletId);
-			if (presentation !== "modal") {
-				setActionState({ kind: "idle" });
-				await loadInventory();
-			} else onClose();
+			setActionState({ kind: "idle" });
+			await loadInventory();
 		} catch (error) {
 			setActionState({
 				kind: "error",
@@ -293,8 +283,6 @@ const AuthenticationMethodsModal = ({ walletId, isOpen, onClose, presentation =
 	}, [
 		actionState,
 		loadInventory,
-		onClose,
-		presentation,
 		walletId
 	]);
 	if (!isOpen) return null;
@@ -311,7 +299,6 @@ const AuthenticationMethodsModal = ({ walletId, isOpen, onClose, presentation =
 		contentClassName: "seams-auth-methods-modal-content",
 		titleId: "seams-auth-methods-modal-title",
 		title: "Authentication methods",
-		closeLabel: "Close authentication methods",
 		children: /* @__PURE__ */ jsx(AuthenticationMethodsView, {
 			walletLabel: walletId ?? "Wallet",
 			status: inventoryStatus(loadState),