@seams/wallet 0.14.0 → 0.15.1

package/dist/.build-inputs.sha256

@@ -1 +1 @@
-8d2cd0725d2642fe2d0e9193405bbf21ae5ff7db964113586f3fdbc177f198c8
+56dfa3066068a5f5ad802cb10bfd073c092a4fde4e47e508b35776539f0bcfd1

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)

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/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/AccountsSection.css

@@ -49,7 +49,13 @@
 }
 
 .seams-accounts-row:hover {
-  background: var(--seams-colors-surface2);
+  /* a shade off the expander surface behind the rows, which is often surface2;
+     mixing follows a theme's surface where a fixed surface step does not */
+  background: color-mix(
+    in srgb,
+    var(--seams-colors-textPrimary) 7%,
+    var(--seams-expander-surface, var(--seams-colors-surface))
+  );
 }
 
 .seams-accounts-row-chain {

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

@@ -1,5 +1,6 @@
 import TouchIcon from "./icons/TouchIcon.js";
 import { MailIcon } from "./icons/MailIcon.js";
+import { HoverArrowIcon } from "./icons/HoverArrowIcon.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/react/components/AccountMenuButton/AuthenticationMethodRow.tsx
@@ -23,14 +24,7 @@ function AuthenticationMethodRow({ kind, title, description, icon, action, onSel
 					}))
 				}),
 				/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("strong", { children: title }), /* @__PURE__ */ jsx("small", { children: description })] }),
-				/* @__PURE__ */ jsx("svg", {
-					viewBox: "0 0 24 24",
-					fill: "none",
-					stroke: "currentColor",
-					strokeWidth: "1.5",
-					"aria-hidden": "true",
-					children: /* @__PURE__ */ jsx("path", { d: "m9 6 6 6-6 6" })
-				})
+				/* @__PURE__ */ jsx(HoverArrowIcon, {})
 			]
 		})
 	});

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),

package/dist/esm/react/components/AccountMenuButton/ExportKeysSection.css

@@ -53,7 +53,13 @@
 }
 
 .seams-export-keys-row:hover:not(:disabled) {
-  background: var(--seams-colors-surface2);
+  /* a shade off the expander surface behind the rows, which is often surface2;
+     mixing follows a theme's surface where a fixed surface step does not */
+  background: color-mix(
+    in srgb,
+    var(--seams-colors-textPrimary) 7%,
+    var(--seams-expander-surface, var(--seams-colors-surface))
+  );
 }
 
 .seams-export-keys-row:disabled {

package/dist/esm/react/components/AccountMenuButton/LinkedDevicesModal.css

@@ -50,36 +50,6 @@
   outline: none;
 }
 
-/* Modal chrome: the page's host above the content, "Powered by seams" below. */
-.seams-account-menu-dialog-header,
-.seams-account-menu-dialog-footer {
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  gap: 0.4375rem;
-  color: var(--seams-colors-textSecondary);
-  font-size: 0.75rem;
-  line-height: 1.5;
-}
-.seams-account-menu-dialog-header {
-  padding: 0 0.375rem 0 1.375rem;
-  border-bottom: 1px solid var(--seams-colors-borderPrimary);
-}
-.seams-account-menu-dialog-host {
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.seams-account-menu-dialog-footer {
-  padding: 0.875rem 1.375rem;
-  border-top: 1px solid var(--seams-colors-borderPrimary);
-  background: var(--seams-colors-surface);
-}
-.seams-account-menu-dialog-header > svg,
-.seams-account-menu-dialog-footer > svg {
-  flex-shrink: 0;
-}
 .seams-account-menu-dialog-main {
   display: flex;
   flex: 1 1 auto;
@@ -119,36 +89,6 @@
   line-height: 1.5;
 }
 
-.seams-linked-devices-modal-close {
-  margin-inline-start: auto;
-  background: none;
-  border: none;
-  font-size: 0.875rem;
-  font-weight: 600;
-  color: var(--seams-colors-textMuted);
-  cursor: pointer;
-  box-sizing: border-box;
-  padding: 0;
-  border-radius: 50%;
-  width: 44px;
-  min-width: 44px;
-  height: 44px;
-  min-height: 44px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.seams-linked-devices-modal-close:hover {
-  color: var(--seams-colors-textPrimary);
-  background: var(--seams-colors-surface);
-}
-
-.seams-linked-devices-modal-close:focus-visible {
-  outline: 2px solid currentColor;
-  outline-offset: 2px;
-}
-
 .seams-linked-devices-modal-body {
   display: grid;
   min-height: 0;
@@ -551,14 +491,6 @@
     padding: var(--seams-spacing-md, 1rem);
   }
 
-  .seams-account-menu-dialog-header {
-    padding-inline-start: var(--seams-spacing-md, 1rem);
-  }
-
-  .seams-account-menu-dialog-footer {
-    padding-inline: var(--seams-spacing-md, 1rem);
-  }
-
   .seams-linked-devices-modal-item-main {
     align-items: flex-start;
     flex-direction: column;

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

@@ -1,6 +1,6 @@
 import { useSeams } from "../../context/index.js";
 import { AccountMenuDeviceDetails } from "./AccountMenuDeviceDetails.js";
-import { AccountMenuDialogFrame, useAccountMenuDialogKeyboard } from "./AccountMenuDialog.js";
+import { AccountMenuDialogFrame } from "./AccountMenuDialog.js";
 import { MailIcon } from "./icons/MailIcon.js";
 import { AuthenticationMethodRow } from "./AuthenticationMethodRow.js";
 import { LaptopIcon } from "./icons/LaptopIcon.js";
@@ -200,8 +200,7 @@ function withLinkedDevicesLoadTimeout(promise) {
 		});
 	});
 }
-const FOCUSABLE_DIALOG_ELEMENTS = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
-const LinkedDevicesModal = ({ walletId, isOpen, onClose, presentation = "modal" }) => {
+const LinkedDevicesModal = ({ walletId, isOpen, onClose, presentation }) => {
 	const { seams, loginState } = useSeams();
 	const [loadState, setLoadState] = React.useState({ kind: "idle" });
 	const [revokeState, setRevokeState] = React.useState({ kind: "idle" });
@@ -239,13 +238,6 @@ const LinkedDevicesModal = ({ walletId, isOpen, onClose, presentation = "modal"
 			});
 		}
 	}, [walletId]);
-	useAccountMenuDialogKeyboard({
-		isOpen,
-		presentation,
-		onClose,
-		dialogRef,
-		focusableSelector: FOCUSABLE_DIALOG_ELEMENTS
-	});
 	useEffect(() => {
 		if (!isOpen) {
 			loadSeq.current += 1;
@@ -301,7 +293,6 @@ const LinkedDevicesModal = ({ walletId, isOpen, onClose, presentation = "modal"
 		contentClassName: "seams-linked-devices-inventory-content",
 		titleId: "seams-linked-devices-modal-title",
 		title: selectedDevice ? "Device details" : "Linked devices",
-		closeLabel: "Close linked devices",
 		children: [selectedDevice ? /* @__PURE__ */ jsx(AccountMenuDeviceDetails, {
 			title: credentialDescription(viewCredential(selectedDevice.view)),
 			description: deviceMetaLine(selectedDevice.view, selectedDevice.deviceNumber, false, Date.now()),