@seams/wallet 0.9.3 → 0.9.4

package/README.md

@@ -1,18 +1,18 @@
 # Seams Wallet SDK
 
-`@seams/wallet` **0.9.3** provides browser wallet lifecycle, NEAR and EVM-family
+`@seams/wallet` **0.9.4** provides browser wallet lifecycle, NEAR and EVM-family
 threshold signing, React components, and hosted wallet runtime assets.
 
 ## Install
 
 ```sh
-pnpm add @seams/wallet@0.9.3
+pnpm add @seams/wallet@0.9.4
 ```
 
 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.9.3` on the matching release.
+`@seams/wallet-server@0.9.4` on the matching release.
 
 ## Next release migration (unreleased)
 

package/THIRD_PARTY_NOTICES.md

@@ -5,7 +5,7 @@ distributed Seams Wallet SDK, server runtime, Wasm, strict Workers, and CLI.
 Dependency license expressions come from their package metadata. Packaged
 license and notice wording is reproduced below with normalized whitespace.
 
-Inventory: 517 dependency records (109 npm, 408 Cargo).
+Inventory: 518 dependency records (110 npm, 408 Cargo).
 
 ## Dependency inventory
 
@@ -527,6 +527,7 @@ Inventory: 517 dependency records (109 npm, 408 Cargo).
 | npm | utils-merge | 1.0.1 | MIT | Jared Hanson jaredhanson@gmail.com |
 | npm | vary | 1.1.2 | MIT | Douglas Christopher Wilson <doug@somethingdoug.com> |
 | npm | viem | 2.46.0 | MIT |  |
+| npm | voice-glow | 0.2.1 | MIT | Jakub Antalik |
 | npm | ws | 8.18.3 | MIT | Einar Otto Stangvik <einaros@gmail.com> (http://2x.io) |
 
 ## Dependencies without a packaged license file
@@ -9803,6 +9804,37 @@ Applies to:
     DEALINGS IN THE SOFTWARE.
 
 
+### 915a283980628a0c
+
+Packaged as: LICENSE
+
+Applies to:
+
+- npm:voice-glow@0.2.1
+
+    MIT License
+
+    Copyright (c) 2026 Jakub Antalik
+
+    Permission is hereby granted, free of charge, to any person obtaining a copy
+    of this software and associated documentation files (the "Software"), to deal
+    in the Software without restriction, including without limitation the rights
+    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+    copies of the Software, and to permit persons to whom the Software is
+    furnished to do so, subject to the following conditions:
+
+    The above copyright notice and this permission notice shall be included in all
+    copies or substantial portions of the Software.
+
+    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+    SOFTWARE.
+
+
 ### 916586c760c1cb10
 
 Packaged as: LICENSE

package/dist/.build-inputs.sha256

@@ -1 +1 @@
-baaacacbc40c756149e9350116e31155bb6db1caa8e113422fb146f612c325b8
+1fe901bf530cf409235570334a284f3829db3df382b53293b1c2e6597313f9c2

package/dist/esm/react/components/VoiceAssistantCard.css

@@ -0,0 +1,313 @@
+.voice-assistant-card {
+  --voice-surface: #1d1d1d;
+  --voice-foreground: #f2f2f2;
+  --voice-muted: rgb(202 202 202 / 70%);
+  --voice-bubble: #303030;
+  --voice-divider: rgb(255 255 255 / 4%);
+  --voice-button: rgb(255 255 255 / 10%);
+  --voice-button-shadow:
+    0 1px 1px rgb(0 0 0 / 24%), inset 0 0 0 1px rgb(255 255 255 / 4%),
+    inset 0 1px 0 rgb(255 255 255 / 6%);
+  display: grid;
+  inline-size: 360px;
+  max-inline-size: 100%;
+  min-inline-size: 0;
+  border-radius: 24px;
+  background: var(--voice-surface);
+  color: var(--voice-foreground);
+  font: 400 14px / 20px var(--seams-fonts-sans, Inter, system-ui, sans-serif);
+  -webkit-font-smoothing: antialiased;
+  color-scheme: dark;
+}
+
+.voice-assistant-card[data-theme='light'] {
+  --voice-surface: #fff;
+  --voice-foreground: #0d0d0d;
+  --voice-muted: #6c6c6c;
+  --voice-bubble: #f0f0f0;
+  --voice-divider: rgb(0 0 0 / 4%);
+  --voice-button: rgb(255 255 255 / 40%);
+  --voice-button-shadow:
+    0 1px 3px rgb(0 0 0 / 4%), inset 0 0 0 1px rgb(0 0 0 / 8%), inset 0 -1px 0 rgb(0 0 0 / 8%);
+  box-shadow:
+    0 0 0 1px rgb(0 0 0 / 4%),
+    0 8px 32px -4px rgb(0 0 0 / 6%),
+    0 1px 3px rgb(0 0 0 / 4%);
+  color-scheme: light;
+}
+
+.voice-assistant-card,
+.voice-assistant-card * {
+  box-sizing: border-box;
+}
+
+.voice-assistant-beam {
+  margin: -1px;
+  border-radius: 25px;
+  min-inline-size: 0;
+}
+
+.voice-assistant-content {
+  position: relative;
+  z-index: 5;
+  display: flex;
+  flex-direction: column;
+  min-block-size: 342px;
+  border-radius: 25px;
+}
+
+.voice-assistant-header {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 16px;
+}
+
+.voice-assistant-avatar {
+  display: grid;
+  flex: none;
+  place-items: center;
+  inline-size: 32px;
+  block-size: 32px;
+  border-radius: 50%;
+  background: #27272e;
+  color: #e6dfec;
+  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 4%);
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1;
+}
+
+.voice-assistant-card[data-theme='light'] .voice-assistant-avatar {
+  background: #eee9f2;
+  color: #37364f;
+  box-shadow: inset 0 0 0 1px rgb(0 0 0 / 2%);
+}
+
+.voice-assistant-identity {
+  min-inline-size: 0;
+}
+
+.voice-assistant-identity h2,
+.voice-assistant-identity p {
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+
+.voice-assistant-identity h2 {
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 22px;
+}
+
+.voice-assistant-identity p {
+  color: var(--voice-muted);
+  font-size: 12px;
+  line-height: 16px;
+}
+
+.voice-assistant-divider {
+  flex: none;
+  block-size: 1px;
+  background: linear-gradient(90deg, transparent, var(--voice-divider) 20% 80%, transparent);
+}
+
+.voice-assistant-body {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 24px 24px 0;
+  overflow-wrap: anywhere;
+}
+
+.voice-assistant-bubble-row {
+  padding-inline-start: 8px;
+  animation: voice-assistant-float 4s ease-in-out infinite;
+}
+
+.voice-assistant-bubble {
+  position: relative;
+  display: inline-block;
+  max-inline-size: 240px;
+  margin: 0;
+  padding: 8px 12px;
+  border-radius: 18px;
+  background: var(--voice-bubble);
+  font-size: 14px;
+  line-height: 20px;
+}
+
+.voice-assistant-bubble span {
+  position: relative;
+  z-index: 1;
+}
+
+.voice-assistant-bubble::before {
+  content: '';
+  position: absolute;
+  inset-block-end: 0;
+  inset-inline-start: -7px;
+  inline-size: 20px;
+  block-size: 20px;
+  border-end-end-radius: 16px 14px;
+  background: var(--voice-bubble);
+}
+
+.voice-assistant-bubble::after {
+  content: '';
+  position: absolute;
+  inset-block-end: 0;
+  inset-inline-start: -26px;
+  inline-size: 26px;
+  block-size: 20px;
+  border-end-end-radius: 10px;
+  background: var(--voice-surface);
+}
+
+.voice-assistant-transcript {
+  padding-inline-start: 32px;
+  text-align: end;
+  text-wrap: pretty;
+}
+
+.voice-assistant-footer {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+  margin-block-start: auto;
+  padding: 24px;
+}
+
+.voice-assistant-caption {
+  display: grid;
+  color: var(--voice-muted);
+  font-size: 12px;
+  line-height: 16px;
+}
+
+.voice-assistant-caption > span {
+  grid-area: 1 / 1;
+  text-align: center;
+  opacity: 0;
+  transform: translateY(4px);
+  transition:
+    opacity var(--seams-voice-transition, 150ms ease-out),
+    transform var(--seams-voice-transition, 150ms ease-out);
+}
+
+.voice-assistant-caption > span[data-visible='true'] {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+.voice-assistant-status {
+  position: absolute;
+  inline-size: 1px;
+  block-size: 1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+}
+
+.voice-assistant-mic {
+  display: grid;
+  place-items: center;
+  inline-size: 48px;
+  block-size: 48px;
+  padding: 0;
+  border: 0;
+  border-radius: 50%;
+  background: var(--voice-button);
+  box-shadow: var(--voice-button-shadow);
+  color: inherit;
+  font: inherit;
+  cursor: pointer;
+  touch-action: manipulation;
+  -webkit-tap-highlight-color: transparent;
+  user-select: none;
+  transition: transform var(--seams-voice-transition, 150ms ease-out);
+}
+
+.voice-assistant-mic:active {
+  transform: scale(0.95);
+}
+
+.voice-assistant-mic:focus-visible {
+  outline: 2px solid var(--voice-foreground);
+  outline-offset: 3px;
+}
+
+@media (hover: hover) and (pointer: fine) {
+  .voice-assistant-mic:hover {
+    background-image: linear-gradient(rgb(128 128 128 / 4%) 0 100%);
+  }
+}
+
+.voice-assistant-wave {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  block-size: 20px;
+}
+
+.voice-assistant-wave i {
+  inline-size: 2px;
+  block-size: 6px;
+  border-radius: 1px;
+  background: currentColor;
+}
+
+.voice-assistant-wave i:nth-child(2),
+.voice-assistant-wave i:nth-child(4) {
+  block-size: 12px;
+}
+
+.voice-assistant-wave i:nth-child(3) {
+  block-size: 18px;
+}
+
+.voice-assistant-card[data-state='listening'] .voice-assistant-wave i {
+  animation: voice-assistant-wave 900ms ease-in-out infinite;
+}
+
+.voice-assistant-wave i:nth-child(2) {
+  animation-delay: -270ms;
+}
+
+.voice-assistant-wave i:nth-child(3) {
+  animation-delay: -540ms;
+}
+
+.voice-assistant-wave i:nth-child(4) {
+  animation-delay: -135ms;
+}
+
+.voice-assistant-wave i:nth-child(5) {
+  animation-delay: -405ms;
+}
+
+@keyframes voice-assistant-wave {
+  50% {
+    transform: scaleY(0.35);
+  }
+}
+
+@keyframes voice-assistant-float {
+  50% {
+    transform: translateY(-3px);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .voice-assistant-bubble-row,
+  .voice-assistant-card[data-state='listening'] .voice-assistant-wave i {
+    animation: none;
+  }
+
+  .voice-assistant-caption > span,
+  .voice-assistant-mic {
+    transition: none;
+    transform: none;
+  }
+}

package/dist/esm/react/components/VoiceAssistantCard.js

@@ -0,0 +1,150 @@
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { VoiceBeam } from "voice-glow";
+import "./VoiceAssistantCard.css";
+//#region src/react/components/VoiceAssistantCard.tsx
+/** Controlled presentation. The caller owns audio, transcripts, and work. */
+function VoiceAssistantCard(props) {
+	const titleId = React.useId();
+	const drive = beamDrive(props.state);
+	const listening = props.state.kind === "listening";
+	return /* @__PURE__ */ jsx("section", {
+		className: `voice-assistant-card ${props.className ?? ""}`,
+		style: props.style,
+		"data-theme": props.theme,
+		"data-state": props.state.kind,
+		"aria-labelledby": titleId,
+		children: /* @__PURE__ */ jsx(VoiceBeam, {
+			className: "voice-assistant-beam",
+			theme: props.theme,
+			level: drive.level,
+			stream: drive.stream,
+			processing: drive.processing,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "voice-assistant-content",
+				children: [
+					/* @__PURE__ */ jsxs("header", {
+						className: "voice-assistant-header",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "voice-assistant-avatar",
+							"aria-hidden": "true",
+							children: props.initials
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "voice-assistant-identity",
+							children: [/* @__PURE__ */ jsx("h2", {
+								id: titleId,
+								children: props.name
+							}), /* @__PURE__ */ jsx("p", { children: props.description })]
+						})]
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "voice-assistant-divider",
+						"aria-hidden": "true"
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "voice-assistant-body",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: "voice-assistant-bubble-row",
+							children: /* @__PURE__ */ jsx("p", {
+								className: "voice-assistant-bubble",
+								children: /* @__PURE__ */ jsx("span", { children: props.message })
+							})
+						}), /* @__PURE__ */ jsx("div", {
+							className: "voice-assistant-transcript",
+							children: props.transcript
+						})]
+					}),
+					/* @__PURE__ */ jsxs("footer", {
+						className: "voice-assistant-footer",
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: "voice-assistant-caption",
+								"aria-hidden": "true",
+								children: [
+									/* @__PURE__ */ jsx("span", {
+										"data-visible": props.state.kind === "idle",
+										children: "Tap to speak"
+									}),
+									/* @__PURE__ */ jsx("span", {
+										"data-visible": listening,
+										children: "Listening…"
+									}),
+									/* @__PURE__ */ jsx("span", {
+										"data-visible": props.state.kind === "processing",
+										children: "One moment"
+									})
+								]
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: "voice-assistant-status",
+								role: "status",
+								children: stateCaption(props.state)
+							}),
+							/* @__PURE__ */ jsx("button", {
+								type: "button",
+								className: "voice-assistant-mic",
+								"aria-label": listening ? "Stop speaking" : "Start speaking",
+								"aria-pressed": listening,
+								onClick: props.onToggle,
+								children: /* @__PURE__ */ jsxs("span", {
+									className: "voice-assistant-wave",
+									"aria-hidden": "true",
+									children: [
+										/* @__PURE__ */ jsx("i", {}),
+										/* @__PURE__ */ jsx("i", {}),
+										/* @__PURE__ */ jsx("i", {}),
+										/* @__PURE__ */ jsx("i", {}),
+										/* @__PURE__ */ jsx("i", {})
+									]
+								})
+							})
+						]
+					})
+				]
+			})
+		})
+	});
+}
+function stateCaption(state) {
+	switch (state.kind) {
+		case "idle": return "Tap to speak";
+		case "listening": return "Listening…";
+		case "processing": return "One moment";
+		default: return assertNeverVoiceAssistantVariant(state);
+	}
+}
+function beamDrive(state) {
+	switch (state.kind) {
+		case "idle": return {
+			level: .06,
+			stream: null,
+			processing: false
+		};
+		case "processing": return {
+			level: .06,
+			stream: null,
+			processing: true
+		};
+		case "listening": switch (state.input.kind) {
+			case "level": return {
+				level: state.input.level,
+				stream: null,
+				processing: false
+			};
+			case "microphone": return {
+				level: 0,
+				stream: state.input.stream,
+				processing: false
+			};
+			default: return assertNeverVoiceAssistantVariant(state.input);
+		}
+		default: return assertNeverVoiceAssistantVariant(state);
+	}
+}
+function assertNeverVoiceAssistantVariant(value) {
+	throw new Error(`Unexpected voice assistant variant: ${String(value)}`);
+}
+//#endregion
+export { VoiceAssistantCard };
+
+//# sourceMappingURL=VoiceAssistantCard.js.map

package/dist/esm/react/index.js

@@ -30,5 +30,7 @@ import { SeamsAuthMenuMock } from "./components/HostedSeamsAuthMenu/SeamsAuthMen
 import HostedSeamsAuthMenu from "./components/HostedSeamsAuthMenu/shell.js";
 import { AccountMenuButton, ProfileSettingsButton, WalletSettingsPage } from "./components/AccountMenuButton/index.js";
 import { ShowQRCode } from "./components/ShowQRCode.js";
+import { VoiceAssistantCard } from "./components/VoiceAssistantCard.js";
 import QRCodeIcon from "./components/QRCodeIcon.js";
-export { AccountMenuButton, AccountSyncEventPhase, ActionType, DARK_TOKENS, ExternalEvmController, ExternalEvmWalletPicker, HostedSeamsAuthMenu, KeyExportEventPhase, LIGHT_TOKENS, LinkDeviceEventPhase, MoonIcon, PASSKEY_MANAGER_DEFAULT_CONFIGS, PROFILE_MENU_ITEM_IDS, ProfileSettingsButton, QRCodeIcon, QRCodeScanner, QRScanMode, RegistrationEventPhase, SHAPE_PRESETS, SHAPE_ROUNDED, SHAPE_SQUARE, SeamsAuthMenuMock, SeamsContextProvider, SeamsWeb, SeamsWebProvider, ShowQRCode, SigningEventPhase, SunIcon, Theme, TouchIcon, TransactionReviewError, TransactionReviewHost, TxExecutionStatus, UnlockEventPhase, WALLET_FLOW_EVENT_MESSAGES, WALLET_FLOW_EVENT_STEPS, WALLET_FLOW_EVENT_VERSION, WalletSettingsPage, addKey, configuredThresholdEcdsaChainTargets, createAccount, createAccountSyncFlowEvent, createKeyExportFlowEvent, createLinkDeviceFlowEvent, createRegistrationFlowEvent, createSigningFlowEvent, createUnlockFlowEvent, createWalletFlowEvent, defineSeamsConfig, deleteAccount, deleteKey, deployContract, functionCall, isWalletFlowEvent, logWalletEvents, nearAccountRefFromAccountId, seamsTestnetConfig, stake, thresholdEcdsaChainTargetFromChainFamily, thresholdEcdsaChainTargetFromConfig, thresholdEcdsaChainTargetFromConfiguredRequest, thresholdEcdsaChainTargetFromRequest, thresholdEcdsaChainTargetKey, thresholdEcdsaChainTargetsEqual, toWalletId, transfer, useAccountInput, useDeviceLinking, useExternalEvm, useNearClient, useQRCamera, useSeams, useTheme, useWallet, useWalletAuth, useWalletDevices, walletIdFromWalletProfile, walletSessionRefFromSession };
+import { VoiceBeam } from "voice-glow";
+export { AccountMenuButton, AccountSyncEventPhase, ActionType, DARK_TOKENS, ExternalEvmController, ExternalEvmWalletPicker, HostedSeamsAuthMenu, KeyExportEventPhase, LIGHT_TOKENS, LinkDeviceEventPhase, MoonIcon, PASSKEY_MANAGER_DEFAULT_CONFIGS, PROFILE_MENU_ITEM_IDS, ProfileSettingsButton, QRCodeIcon, QRCodeScanner, QRScanMode, RegistrationEventPhase, SHAPE_PRESETS, SHAPE_ROUNDED, SHAPE_SQUARE, SeamsAuthMenuMock, SeamsContextProvider, SeamsWeb, SeamsWebProvider, ShowQRCode, SigningEventPhase, SunIcon, Theme, TouchIcon, TransactionReviewError, TransactionReviewHost, TxExecutionStatus, UnlockEventPhase, VoiceAssistantCard, VoiceBeam, WALLET_FLOW_EVENT_MESSAGES, WALLET_FLOW_EVENT_STEPS, WALLET_FLOW_EVENT_VERSION, WalletSettingsPage, addKey, configuredThresholdEcdsaChainTargets, createAccount, createAccountSyncFlowEvent, createKeyExportFlowEvent, createLinkDeviceFlowEvent, createRegistrationFlowEvent, createSigningFlowEvent, createUnlockFlowEvent, createWalletFlowEvent, defineSeamsConfig, deleteAccount, deleteKey, deployContract, functionCall, isWalletFlowEvent, logWalletEvents, nearAccountRefFromAccountId, seamsTestnetConfig, stake, thresholdEcdsaChainTargetFromChainFamily, thresholdEcdsaChainTargetFromConfig, thresholdEcdsaChainTargetFromConfiguredRequest, thresholdEcdsaChainTargetFromRequest, thresholdEcdsaChainTargetKey, thresholdEcdsaChainTargetsEqual, toWalletId, transfer, useAccountInput, useDeviceLinking, useExternalEvm, useNearClient, useQRCamera, useSeams, useTheme, useWallet, useWalletAuth, useWalletDevices, walletIdFromWalletProfile, walletSessionRefFromSession };