@seams/wallet 0.6.0 → 0.6.1

package/dist/public/sdk/wallet-ui.css

@@ -3205,6 +3205,7 @@ body.seams-transparent {
 }
 
 :where(.seams-wallet-ui) .email-otp-confirm__error {
+  text-align: center;
   color: var(--seams-colors-error, var(--seams-red400));
   font-size: 0.8rem;
   font-weight: 600;
@@ -3212,6 +3213,7 @@ body.seams-transparent {
 
 :where(.seams-wallet-ui) .email-otp-confirm__resend {
   justify-self: center;
+  margin-bottom: 0.75rem;
   border: 0;
   background: transparent;
   color: var(--seams-colors-buttonBackground);
@@ -4145,6 +4147,7 @@ html:has([data-seams-confirm-surface='wallet-iframe'][data-seams-confirm-variant
 }
 
 :where(.seams-wallet-ui) .seams-confirmation-modal--hosted {
+  outline: none;
   inline-size: var(--seams-modal__container-max-width, 26rem);
   max-inline-size: 100%;
   max-block-size: none;
@@ -4915,14 +4918,14 @@ html:has([data-seams-confirm-surface='wallet-iframe'][data-seams-confirm-variant
   height: var(--seams-review-disclosure-height);
   overflow: hidden;
 }
-:where(.seams-wallet-ui) .seams-transaction-review > .seams-review-technical > div {
+:where(.seams-wallet-ui) :is(.seams-transaction-review, .seams-transaction-receipt) > .seams-review-technical > div {
   margin-inline: calc(-1 * var(--seams-review-inset));
   background: var(--seams-colors-surface2);
   box-shadow: inset 0 1px 0 var(--seams-colors-borderPrimary),
     inset 0 -1px 0 var(--seams-colors-borderPrimary),
     inset 0 5px 8px -7px rgb(0 0 0 / 0.16);
 }
-:where(.seams-wallet-ui) .seams-transaction-review > .seams-review-technical > div > .seams-review-detail {
+:where(.seams-wallet-ui) :is(.seams-transaction-review, .seams-transaction-receipt) > .seams-review-technical > div > :is(.seams-review-detail, .seams-review-fields) {
   margin: 0;
   padding: 0.75rem var(--seams-review-inset);
 }
@@ -5116,7 +5119,7 @@ html:has([data-seams-confirm-surface='wallet-iframe'][data-seams-confirm-variant
   justify-content: center;
   gap: 0.25rem;
   width: fit-content;
-  margin: -0.25rem auto 0.75rem;
+  margin: 0.75rem auto;
   color: var(--seams-colors-textSecondary);
   font-size: 0.75rem;
   text-decoration: none;
@@ -5173,34 +5176,54 @@ html:has([data-seams-confirm-surface='wallet-iframe'][data-seams-confirm-variant
 }
 :where(.seams-wallet-ui) .seams-transaction-toast {
   position: relative;
+  border-radius: inherit;
   background: var(--seams-colors-colorBackground);
   display: flex;
   align-items: center;
   gap: 0.75rem;
-  padding: 1.0625rem 1.125rem;
+  padding: 0.625rem 0.75rem;
 }
 :where(.seams-wallet-ui) .seams-toast-progress {
   position: absolute;
-  inset: 0 0 auto;
-  height: 2px;
-  background: var(--seams-colors-colorBackground);
+  inset: 0;
+  border-radius: inherit;
   overflow: hidden;
+  pointer-events: none;
 }
-:where(.seams-wallet-ui) .seams-toast-progress > span {
+:where(.seams-wallet-ui) .seams-toast-progress-fill {
+  position: relative;
   display: block;
-  height: 100%;
+  height: 2px;
   width: 0;
   background: var(--seams-colors-buttonBackground);
+  transform-origin: left;
   transition: width 300ms ease-out;
 }
-:where(.seams-wallet-ui) [data-completed-stages='1'] .seams-toast-progress > span {
+:where(.seams-wallet-ui) [data-completed-stages='1'] .seams-toast-progress-fill,
+:where(.seams-wallet-ui) [data-stage='signing'] .seams-toast-progress-fill {
   width: calc(100% / 3);
 }
-:where(.seams-wallet-ui) [data-completed-stages='2'] .seams-toast-progress > span {
+:where(.seams-wallet-ui) [data-completed-stages='2'] .seams-toast-progress-fill,
+:where(.seams-wallet-ui) [data-stage='broadcasting'] .seams-toast-progress-fill {
   width: calc(200% / 3);
 }
-:where(.seams-wallet-ui) [data-completed-stages='3'] .seams-toast-progress > span {
+:where(.seams-wallet-ui) [data-completed-stages='3'] .seams-toast-progress-fill {
+  width: 100%;
+}
+:where(.seams-wallet-ui) .seams-toast-progress-active {
+  position: absolute;
+  top: 0;
+  left: 0;
   width: 100%;
+  height: 2px;
+  overflow: hidden;
+  background: var(--seams-colors-borderPrimary);
+}
+:where(.seams-wallet-ui) .seams-toast-progress-active::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(90deg, transparent, var(--seams-colors-buttonBackground), transparent);
 }
 :where(.seams-wallet-ui) .seams-transaction-toast-text {
   display: grid;
@@ -5225,7 +5248,7 @@ html:has([data-seams-confirm-surface='wallet-iframe'][data-seams-confirm-variant
   cursor: pointer;
 }
 :where(.seams-wallet-ui[data-receipt-view='toast']) .seams-confirmation-modal--hosted {
-  inline-size: 22.5rem;
+  inline-size: 20rem;
 }
 :where(.seams-wallet-ui[data-confirmation-kind='transaction'])
   .seams-confirmation-modal
@@ -5355,16 +5378,10 @@ html:has([data-seams-confirm-surface='wallet-iframe'][data-seams-confirm-variant
   background: var(--seams-colors-surface2);
   box-shadow: 0 0 6px 3px var(--seams-colors-surface2);
 }
-:where(.seams-wallet-ui) .seams-receipt-box {
-  background: var(--seams-colors-surface2);
-  padding: 0.25rem 0.875rem;
-  border-radius: var(--seams-shape-box, 12px);
-  margin-block: 0.75rem;
-}
 :where(.seams-wallet-ui) .seams-receipt-morph-shell {
   position: fixed;
   pointer-events: none;
-  z-index: 1;
+  z-index: 0;
   box-sizing: border-box;
   background: var(--seams-colors-colorBackground);
   border: 1px solid var(--seams-colors-borderPrimary);
@@ -5409,18 +5426,11 @@ html:has([data-seams-confirm-surface='wallet-iframe'][data-seams-confirm-variant
 :where(.seams-wallet-ui) .seams-drawer-controls:has(.seams-drawer-origin) .seams-drawer-close {
   top: 0.5rem;
 }
-:where(.seams-wallet-ui) .seams-receipt-box .seams-review-technical {
-  border-top: 0;
-  margin: 0;
-}
-:where(.seams-wallet-ui) .seams-receipt-box .seams-review-fields {
-  margin-bottom: 6px;
-}
-:where(.seams-wallet-ui) .seams-receipt-box .seams-review-fields dd .seams-review-copy:not(.seams-review-copy-address) > .copy-icon {
+:where(.seams-wallet-ui) .seams-transaction-receipt > .seams-review-technical .seams-review-fields dd .seams-review-copy:not(.seams-review-copy-address) > .copy-icon {
   opacity: 0;
 }
-:where(.seams-wallet-ui) .seams-receipt-box .seams-review-fields dd:is(:hover, :focus-within) .seams-review-copy:not(.seams-review-copy-address) > .copy-icon,
-:where(.seams-wallet-ui) .seams-receipt-box .seams-review-fields .seams-review-copy.copied > .copy-icon {
+:where(.seams-wallet-ui) .seams-transaction-receipt > .seams-review-technical .seams-review-fields dd:is(:hover, :focus-within) .seams-review-copy:not(.seams-review-copy-address) > .copy-icon,
+:where(.seams-wallet-ui) .seams-transaction-receipt > .seams-review-technical .seams-review-fields .seams-review-copy.copied > .copy-icon {
   opacity: 1;
 }
 :where(.seams-wallet-ui) .seams-receipt-step[data-state='complete'] {
@@ -5440,9 +5450,17 @@ html:has([data-seams-confirm-surface='wallet-iframe'][data-seams-confirm-variant
   }
 }
 @media (prefers-reduced-motion: no-preference) {
+  :where(.seams-wallet-ui) .seams-toast-progress {
+    animation: seams-toast-progress-reveal 1ms step-end 200ms backwards;
+  }
+  :where(.seams-wallet-ui) .seams-toast-progress-fill {
+    animation: seams-toast-progress-draw 180ms ease-out 200ms backwards;
+  }
+  :where(.seams-wallet-ui) .seams-toast-progress-active::after,
   :where(.seams-wallet-ui) .seams-receipt-step[data-state='active'] .seams-receipt-track::after {
     animation: seams-receipt-sweep 1.2s ease-in-out infinite;
   }
+  :where(.seams-wallet-ui) [data-completed-stages='2'] .seams-toast-progress-active::after,
   :where(.seams-wallet-ui)
     .seams-receipt-step[data-stage='confirming'][data-state='active']
     .seams-receipt-track::after {
@@ -5452,6 +5470,22 @@ html:has([data-seams-confirm-surface='wallet-iframe'][data-seams-confirm-variant
     animation: seams-receipt-spin 1.2s linear infinite;
   }
 }
+@keyframes seams-toast-progress-reveal {
+  from {
+    visibility: hidden;
+  }
+  to {
+    visibility: visible;
+  }
+}
+@keyframes seams-toast-progress-draw {
+  from {
+    transform: scaleX(0);
+  }
+  to {
+    transform: scaleX(1);
+  }
+}
 @keyframes seams-receipt-sweep {
   from {
     transform: translateX(-100%);
@@ -5466,8 +5500,14 @@ html:has([data-seams-confirm-surface='wallet-iframe'][data-seams-confirm-variant
   }
 }
 @media (prefers-reduced-motion: reduce) {
+  :where(.seams-wallet-ui) .seams-toast-progress,
+  :where(.seams-wallet-ui) .seams-toast-progress-fill {
+    animation: none;
+    visibility: visible;
+    transform: none;
+  }
   :where(.seams-wallet-ui) .seams-review-caret,
-  :where(.seams-wallet-ui) .seams-toast-progress > span,
+  :where(.seams-wallet-ui) .seams-toast-progress-fill,
   :where(.seams-wallet-ui) .seams-receipt-track::after {
     transition: none;
   }
@@ -5479,6 +5519,20 @@ html:has([data-seams-confirm-surface='wallet-iframe'][data-seams-confirm-variant
   }
 }
 
+/* Shared receipt content stays visible above the moving surface. */
+.seams-wallet-ui[data-receipt-morphing] .seams-confirmation-modal,
+.seams-wallet-ui[data-receipt-morphing] .seams-confirmation-modal .modal-container-root {
+  overflow: visible;
+}
+.seams-wallet-ui[data-receipt-morphing] .seams-confirmation-modal .modal-container-root {
+  z-index: 1;
+  background: transparent;
+  box-shadow: none;
+}
+.seams-wallet-ui[data-receipt-morphing] .seams-transaction-toast {
+  background: transparent;
+}
+
 
 /* recovery-backup-surface */
 /*

package/dist/{esm/sdk/walletRecoveryCommit-DNvzgeIX.js → public/sdk/walletRecoveryCommit-G6w6N5RV.js}

@@ -7,15 +7,15 @@ import { _ as parseUnixMs, d as parseEd25519PublicKeyB64u, f as parseEnvelopeCip
 import { M as WALLET_CUSTODY_ED25519_MATERIAL_KEY_KIND, h as prepareWalletRecoveryPasskeyPublication, m as prepareWalletRecoveryEmailOtpPublication } from "./accountLifecycle-Ddavc_FC.js";
 import { t as toAccountId } from "./accountIds-Ck4GAQfm.js";
 import { o as normalizeThresholdRuntimePolicyScope, x as walletAuthorityDigestsMatchV1 } from "./sessionPolicy-B4FsPuk2.js";
-import { At as buildEmailOtpWalletAuthAuthority, Ht as walletAuthAuthorityRef, Sn as routerAbMpcMaterialActivationRefToWire, ft as parseRouterAbEcdsaRegistrationActivationReceiptV1, it as parseRouterAbEcdsaDerivationPublicCapabilityV1, xn as routerAbMpcMaterialActivationRefFromWire, yn as parseRouterAbMpcMaterialActivationRef } from "./ecdsaPresignLifecycle-D_KCktCj.js";
+import { At as buildEmailOtpWalletAuthAuthority, Cn as routerAbMpcMaterialActivationRefToWire, Ht as walletAuthAuthorityRef, Sn as routerAbMpcMaterialActivationRefFromWire, bn as parseRouterAbMpcMaterialActivationRef, ft as parseRouterAbEcdsaRegistrationActivationReceiptV1, it as parseRouterAbEcdsaDerivationPublicCapabilityV1 } from "./ecdsaPresignLifecycle-CnSnzoRJ.js";
 import { l as parseDeviceId } from "./capabilityKinds-jwCEaqBU.js";
 import { St as parseSdkEcdsaDerivationThresholdKeyId, bt as parseSdkEcdsaDerivationSigningRootId, gt as parseEcdsaServerGeneration, vt as computeEcdsaDerivationRoleLocalRelayerKeyId, xt as parseSdkEcdsaDerivationSigningRootVersion, yt as ecdsaClientRootPublicKey33B64uFromString } from "./evmFamilyEcdsaIdentity-_kuKSW35.js";
 import { d as parsePasskeyCustodyEnvelopeRecord } from "./passkey-custody-BaHyYMhj.js";
-import { g as prepareWalletCustodyEcdsaContinuity, s as IndexedDBManager, y as pendingWalletRecoveryCommitIdentityMatches } from "./ed25519SeedMaterial-0VmS6K9P.js";
+import { g as prepareWalletCustodyEcdsaContinuity, s as IndexedDBManager, y as pendingWalletRecoveryCommitIdentityMatches } from "./ed25519SeedMaterial-Cghz8-XB.js";
 import { n as PASSKEY_PRF_SECOND_SALT_V1, t as PASSKEY_PRF_FIRST_SALT_V1 } from "./signingSessionSeal-CdtgXHSL.js";
 import { n as parseEmailOtpChallengeDelivery } from "./challengeDelivery-BjLKoou3.js";
 import { o as redactedPasskeyRegistrationCredential } from "./helpers-DpRjHMBx.js";
-import { S as buildEcdsaRoleLocalPublicFacts } from "./ecdsaCapabilityManifest-DA_fklIs.js";
+import { S as buildEcdsaRoleLocalPublicFacts } from "./ecdsaCapabilityManifest-C8itxV9S.js";
 import { n as buildRelayerJsonPostRequestInit, r as normalizeRelayerBaseUrl } from "./relayerHttp-LsVTZCxA.js";
 //#region ../shared-ts/src/wallet-recovery/walletRecoveryTarget.ts
 function parseWalletRecoveryTargetV1(raw) {

package/dist/public/sdk/{warmSessionHydration-CCKeEIIy.js → warmSessionHydration-DDNYdTCz.js}

@@ -1,4 +1,4 @@
-import { t as cacheCredentialBoundarySetupExportPrfFirst } from "./prfCache-Dwwauj4v.js";
+import { t as cacheCredentialBoundarySetupExportPrfFirst } from "./prfCache-CgAr-VEU.js";
 //#region src/core/signingEngine/session/passkey/warmSessionHydration.ts
 function createWarmSessionHydrationService(deps) {
 	return { hydrateSigningSession: (input) => cacheCredentialBoundarySetupExportPrfFirst(deps.getWarmSessionMaterialWriter(), input) };

package/dist/public/sdk/workers/passkey-mpc-session.worker.js

@@ -767,6 +767,26 @@ class ClientSealPreparations {
       throw result.error;
     return result.seal;
   }
+  async readCiphertext(sessionId, preparationId) {
+    const entry = this.entries.get(sessionId);
+    if (!entry || entry.id !== preparationId) {
+      throw new Error("Client seal preparation is unavailable");
+    }
+    const result = await entry.result;
+    if (this.entries.get(sessionId) !== entry) {
+      throw new Error("Client seal preparation was discarded");
+    }
+    if (result.kind === "failed")
+      throw result.error;
+    return result.seal.ciphertext;
+  }
+  async takeExact(sessionId, preparationId, secret) {
+    const entry = this.entries.get(sessionId);
+    if (!entry || entry.id !== preparationId) {
+      throw new Error("Client seal preparation is unavailable");
+    }
+    return await this.take(sessionId, secret);
+  }
   async discard(sessionId, preparationId) {
     const entry = this.entries.get(sessionId);
     if (!entry || entry.id !== preparationId)
@@ -849,6 +869,21 @@ function parseClientSealDiscard(value) {
   const thresholdSessionId = parseSessionString(Reflect.get(value, "thresholdSessionId"));
   return preparationId && thresholdSessionId ? { preparationId, thresholdSessionId } : null;
 }
+function parseClientSealCompletion(value) {
+  if (!value || typeof value !== "object" || Array.isArray(value))
+    return null;
+  const fields = Object.keys(value);
+  if (fields.length !== 4 || !fields.includes("preparationId") || !fields.includes("thresholdSessionId") || !fields.includes("transport") || !fields.includes("serverSeal")) {
+    return null;
+  }
+  const preparationId = parseSessionString(Reflect.get(value, "preparationId"));
+  const thresholdSessionId = parseSessionString(Reflect.get(value, "thresholdSessionId"));
+  const transport = parseSigningSessionSealTransport(Reflect.get(value, "transport"));
+  const serverSeal = parseSigningSessionSealRouteResult(Reflect.get(value, "serverSeal"));
+  if (!preparationId || !thresholdSessionId || !transport || !serverSeal.ok)
+    return null;
+  return { preparationId, thresholdSessionId, transport, serverSeal };
+}
 function parseWarmSessionMaterialPutPayload(value) {
   if (value === null || typeof value !== "object" || Array.isArray(value))
     return null;
@@ -1013,6 +1048,10 @@ function parsePasskeyMpcSessionWorkerMessage(value) {
       return { kind: "prewarm", ...id ? { id } : {} };
     case "PREPARE_SESSION_CLIENT_SEAL":
       return { kind: "prepare_client_seal", id, payload: parseClientSealPreparation(payload) };
+    case "READ_SESSION_CLIENT_SEAL":
+      return { kind: "read_client_seal", id, payload: parseClientSealDiscard(payload) };
+    case "COMPLETE_SESSION_CLIENT_SEAL":
+      return { kind: "complete_client_seal", id, payload: parseClientSealCompletion(payload) };
     case "DISCARD_SESSION_CLIENT_SEAL":
       return { kind: "discard_client_seal", id, payload: parseClientSealDiscard(payload) };
     case "WARM_SESSION_MATERIAL_PUT":
@@ -1523,24 +1562,26 @@ async function runSigningSessionSealAndPersist(args) {
   const task = (async () => {
     const diagnostics = createWarmSessionSealAndPersistDiagnostics();
     try {
-      const prepared = await clientSealPreparations.take(thresholdSessionId, activeEntry.secret.prfFirstB64u);
+      const prepared = args.kind === "prepared_response" ? await clientSealPreparations.takeExact(thresholdSessionId, args.preparationId, activeEntry.secret.prfFirstB64u) : await clientSealPreparations.take(thresholdSessionId, activeEntry.secret.prfFirstB64u);
       const { runtime, keyHandle, ciphertext: clientEncryptedCiphertext } = prepared;
       diagnostics.runtimeSetupMs = prepared.runtimeSetupMs;
       diagnostics.clientSealMs = prepared.clientSealMs;
       try {
         const serverSealRouteStartedAt = performance.now();
-        const applied = await callSigningSessionSealRoute({
+        const applied = args.kind === "prepared_response" ? args.serverSeal : await callSigningSessionSealRoute({
           operation: "apply-server-seal",
           transport: args.transport,
           thresholdSessionId,
           ciphertext: clientEncryptedCiphertext,
           keyVersion: args.transport.keyVersion
         });
-        recordWarmSessionSealAndPersistDiagnosticDuration({
-          diagnostics,
-          bucket: "serverSealRouteMs",
-          startedAt: serverSealRouteStartedAt
-        });
+        if (args.kind === "server_route") {
+          recordWarmSessionSealAndPersistDiagnosticDuration({
+            diagnostics,
+            bucket: "serverSealRouteMs",
+            startedAt: serverSealRouteStartedAt
+          });
+        }
         if (!applied.ok)
           return applied;
         const policyUpdateStartedAt = performance.now();
@@ -1740,6 +1781,40 @@ async function handleClientSealPreparation(incoming) {
     });
   }
 }
+async function handleClientSealRead(incoming) {
+  try {
+    if (!incoming.payload)
+      throw new Error("Invalid client seal read request");
+    const ciphertext = await clientSealPreparations.readCiphertext(incoming.payload.thresholdSessionId, incoming.payload.preparationId);
+    postPasskeyMpcSessionWorkerResponse(incoming.id, {
+      success: true,
+      data: { ok: true, ciphertext }
+    });
+  } catch (error) {
+    postPasskeyMpcSessionWorkerResponse(incoming.id, {
+      success: false,
+      error: error instanceof Error ? error.message : "Client seal read failed"
+    });
+  }
+}
+async function handleClientSealCompletion(incoming) {
+  const payload = incoming.payload;
+  if (!payload) {
+    postPasskeyMpcSessionWorkerResponse(incoming.id, {
+      success: false,
+      error: "Invalid client seal completion request"
+    });
+    return;
+  }
+  const result = await runSigningSessionSealAndPersist({
+    kind: "prepared_response",
+    thresholdSessionId: payload.thresholdSessionId,
+    preparationId: payload.preparationId,
+    transport: payload.transport,
+    serverSeal: payload.serverSeal
+  });
+  postPasskeyMpcSessionWorkerResponse(incoming.id, { success: true, data: result });
+}
 self.onmessage = (event) => {
   const incoming = parsePasskeyMpcSessionWorkerMessage(event.data);
   switch (incoming.kind) {
@@ -1747,6 +1822,12 @@ self.onmessage = (event) => {
     case "discard_client_seal":
       handleClientSealPreparation(incoming);
       return;
+    case "read_client_seal":
+      handleClientSealRead(incoming);
+      return;
+    case "complete_client_seal":
+      handleClientSealCompletion(incoming);
+      return;
     case "ping":
       postPasskeyMpcSessionWorkerResponse(incoming.id, { success: true, data: { ok: true } });
       return;
@@ -1877,7 +1958,10 @@ self.onmessage = (event) => {
           });
           return;
         }
-        const result = await runSigningSessionSealAndPersist(payload);
+        const result = await runSigningSessionSealAndPersist({
+          kind: "server_route",
+          ...payload
+        });
         postPasskeyMpcSessionWorkerResponse(incoming.id, { success: true, data: result });
       })();
       return;