@dexterai/connect 0.22.2 → 0.23.1

package/dist/{chunk-EVDIZIHH.js → chunk-PW33ZOCP.js}

@@ -43,6 +43,13 @@ var BUTTON_CSS = `
 }
 .dx-btn--danger:focus-visible{ box-shadow:0 0 0 3px color-mix(in srgb,var(--dx-danger,#b3261e) 38%,transparent); }
 .dx-btn--block{ width:100%; }
+.dx-btn--sm{
+  padding:7px 14px; gap:7px; font-size:.66rem; letter-spacing:.1em;
+  box-shadow:0 8px 16px color-mix(in srgb,var(--dx-ember,#f26c18) 18%,transparent);
+}
+.dx-btn--sm:hover{ box-shadow:0 12px 22px color-mix(in srgb,var(--dx-ember,#f26c18) 26%,transparent); }
+.dx-btn--sm .dx-btn__mark{ width:14px; height:14px; }
+.dx-btn--sm .dx-btn__spin{ width:12px; height:12px; }
 .dx-btn__mark{ flex-shrink:0; }
 .dx-btn__spin{ width:15px; height:15px; flex-shrink:0; border-radius:50%;
   border:2px solid color-mix(in srgb,currentColor 30%,transparent); border-top-color:currentColor;
@@ -93,6 +100,7 @@ function DexterButton(props) {
     loadingLabel = "Connecting\u2026",
     variant = "primary",
     block = false,
+    size = "md",
     withMark = true,
     onClick,
     disabled = false,
@@ -110,6 +118,7 @@ function DexterButton(props) {
         variant === "secondary" && "dx-btn--secondary",
         variant === "danger" && "dx-btn--danger",
         block && "dx-btn--block",
+        size === "sm" && "dx-btn--sm",
         className
       ),
       onClick,

package/dist/{chunk-MOC5AVY7.js → chunk-XTYNX5LX.js}

@@ -350,7 +350,7 @@ async function passkeyLogin(config = {}, onPhase) {
       apiBase: config.apiBase
     });
     if (result2.vault) {
-      setActiveHandle(result2.vault.userHandle, void 0, result2.vault.credentialId);
+      setActiveHandle(result2.vault.userHandle, result2.vault.walletLabel ?? void 0, result2.vault.credentialId);
     }
     return result2;
   }
@@ -370,7 +370,7 @@ async function passkeyLogin(config = {}, onPhase) {
   onPhase?.("verifying");
   const result = await submitLogin(apiBase, response);
   if (result.vault) {
-    setActiveHandle(result.vault.userHandle, void 0, result.vault.credentialId);
+    setActiveHandle(result.vault.userHandle, result.vault.walletLabel ?? void 0, result.vault.credentialId);
   }
   return result;
 }
@@ -384,7 +384,7 @@ async function continueWithDexter(config = {}, onPhase) {
     if (result2.kind === "create") {
       setActiveHandle(result2.handle, config.name, result2.credentialId);
     } else if (result2.vault) {
-      setActiveHandle(result2.vault.userHandle, void 0, result2.vault.credentialId);
+      setActiveHandle(result2.vault.userHandle, result2.vault.walletLabel ?? void 0, result2.vault.credentialId);
     }
     return result2;
   }
@@ -565,11 +565,12 @@ function presentOrNull(value) {
 function resolveIdentity(input) {
   const userHandle = presentOrNull(input.userHandle);
   const accountToken = presentOrNull(input.accountToken);
+  const walletLabel = userHandle ? presentOrNull(input.walletLabel ?? null) : null;
   const hasPasskeyVault = userHandle !== null;
   const hasAccount = accountToken !== null;
   const hasWallet = hasPasskeyVault || hasAccount;
   const kind = hasPasskeyVault ? "passkey-vault" : hasAccount ? "account" : "none";
-  return { kind, userHandle, accountToken, hasPasskeyVault, hasAccount, hasWallet };
+  return { kind, userHandle, walletLabel, accountToken, hasPasskeyVault, hasAccount, hasWallet };
 }
 
 // src/recover.ts

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { S as SignInResult, C as CreateWalletResult, a as CreateWalletConfig, b as CeremonyPhase, D as DexterConnectConfig, c as ConnectVault, R as RecoverWalletConfig, d as RecoverOutcome, I as IdentityKind } from './signals-pjh3z6N8.js';
-export { A as ACTIVE_WALLET_STORAGE_KEY, e as ConnectError, f as IdentityInput, P as PasskeyLoginTokens, g as PasskeySignalSupport, h as RecoverVault, i as ResolvedIdentity, j as SESSION_TTL_30D, k as SpendPolicy, l as StoredWallet, m as authoredPolicy, n as createWallet, o as ejectActiveWallet, p as forgetWallet, q as getActiveHandle, r as getCredentialId, s as listWallets, t as passkeySignalSupport, u as prunePasskey, v as renamePasskey, w as resolveIdentity, x as setActiveHandle, y as subscribeWallet, z as switchWallet, B as syncAcceptedPasskeys, E as usdToAtomic } from './signals-pjh3z6N8.js';
+import { S as SignInResult, C as CreateWalletResult, a as CreateWalletConfig, b as CeremonyPhase, D as DexterConnectConfig, c as ConnectVault, R as RecoverWalletConfig, d as RecoverOutcome, I as IdentityKind } from './signals-CQ5AEzXY.js';
+export { A as ACTIVE_WALLET_STORAGE_KEY, e as ConnectError, f as IdentityInput, P as PasskeyLoginTokens, g as PasskeySignalSupport, h as RecoverVault, i as ResolvedIdentity, j as SESSION_TTL_30D, k as SpendPolicy, l as StoredWallet, m as authoredPolicy, n as createWallet, o as ejectActiveWallet, p as forgetWallet, q as getActiveHandle, r as getCredentialId, s as listWallets, t as passkeySignalSupport, u as prunePasskey, v as renamePasskey, w as resolveIdentity, x as setActiveHandle, y as subscribeWallet, z as switchWallet, B as syncAcceptedPasskeys, E as usdToAtomic } from './signals-CQ5AEzXY.js';
 import { DexterApiBrowserPasskeySigner } from '@dexterai/vault/signers/browser';
 
 /**

package/dist/index.js

@@ -26,7 +26,7 @@ import {
   switchWallet,
   syncAcceptedPasskeys,
   usdToAtomic
-} from "./chunk-MOC5AVY7.js";
+} from "./chunk-XTYNX5LX.js";
 
 // src/agentSpend.ts
 import { PublicKey } from "@solana/web3.js";

package/dist/react.d.ts

@@ -1,6 +1,6 @@
 import { DexterApiBrowserPasskeySigner } from '@dexterai/vault/signers/browser';
-import { b as CeremonyPhase, S as SignInResult, d as RecoverOutcome, P as PasskeyLoginTokens, c as ConnectVault, e as ConnectError, l as StoredWallet, g as PasskeySignalSupport, i as ResolvedIdentity, C as CreateWalletResult } from './signals-pjh3z6N8.js';
-export { h as RecoverVault } from './signals-pjh3z6N8.js';
+import { b as CeremonyPhase, S as SignInResult, d as RecoverOutcome, P as PasskeyLoginTokens, c as ConnectVault, e as ConnectError, l as StoredWallet, g as PasskeySignalSupport, i as ResolvedIdentity, C as CreateWalletResult } from './signals-CQ5AEzXY.js';
+export { h as RecoverVault } from './signals-CQ5AEzXY.js';
 import { ReactElement, ButtonHTMLAttributes, ReactNode } from 'react';
 
 type ConnectStatus = 'idle' | 'pending' | 'done' | 'error';
@@ -84,6 +84,8 @@ interface SignInWithDexterProps extends UseSignInWithDexterConfig {
     variant?: 'primary' | 'secondary';
     /** Full-width button. */
     block?: boolean;
+    /** 'md' (default) or 'sm' — the mini header variant of the button. */
+    size?: 'md' | 'sm';
     /** Extra className composed after the brand classes. Prefer overriding the
      *  `--dx-*` CSS variables for theming. */
     className?: string;
@@ -113,6 +115,10 @@ interface DexterButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>
     variant?: 'primary' | 'secondary' | 'danger';
     /** Full-width (fills its container). */
     block?: boolean;
+    /** 'md' (default) = the standard CTA. 'sm' = the mini header/chip-row
+     *  variant: tighter padding, smaller type and mark. Same states, same
+     *  theming — never hand-shrink the md button with a className. */
+    size?: 'md' | 'sm';
     /** Render the Dexter mark before the children. Default true. */
     withMark?: boolean;
     onClick?: () => void;
@@ -127,6 +133,10 @@ declare function DexterButton(props: DexterButtonProps): ReactElement;
 interface UseDexterWallet {
     /** Active wallet handle, or null if this browser has no active wallet. */
     activeHandle: string | null;
+    /** The active wallet's roster entry (handle + label + credentialId), or
+     *  null. `activeWallet.label` is the wallet's human name — identity is
+     *  first-class, so display surfaces read it here instead of re-fetching. */
+    activeWallet: StoredWallet | null;
     /** Known wallets on this browser, most-recently-used first. */
     wallets: StoredWallet[];
     /** What the WebAuthn Signal API supports in THIS browser (rename / prune). */

package/dist/react.js

@@ -17,13 +17,13 @@ import {
   setActiveHandle,
   subscribe,
   switchWallet
-} from "./chunk-MOC5AVY7.js";
+} from "./chunk-XTYNX5LX.js";
 import {
   DexterButton,
   DexterMark,
   cx,
   ensureDexterButtonStyles
-} from "./chunk-EVDIZIHH.js";
+} from "./chunk-PW33ZOCP.js";
 
 // src/useSignInWithDexter.ts
 import { useCallback, useEffect, useMemo, useState } from "react";
@@ -183,6 +183,7 @@ function SignInWithDexter(props) {
     label = "Sign in with Dexter",
     variant = "primary",
     block = false,
+    size = "md",
     className,
     showConnectedChip = true,
     ...config
@@ -205,7 +206,7 @@ function SignInWithDexter(props) {
     if (!showConnectedChip) return null;
     return /* @__PURE__ */ jsxs("span", { className: cx("dx-chip", className), children: [
       /* @__PURE__ */ jsx("span", { className: "dx-chip__dot", "aria-hidden": true }),
-      /* @__PURE__ */ jsx("span", { children: c.vaultAddress ? shortAddress(c.vaultAddress) : "Connected" }),
+      /* @__PURE__ */ jsx("span", { children: c.vault?.walletLabel ?? (c.vaultAddress ? shortAddress(c.vaultAddress) : "Connected") }),
       c.usdcBalance !== null && /* @__PURE__ */ jsxs("span", { className: "dx-chip__bal", children: [
         formatUsd(c.usdcBalance),
         " available"
@@ -220,6 +221,7 @@ function SignInWithDexter(props) {
       loadingLabel: c.phase ? ceremonyPhaseLabel(c.phase) : "Connecting\u2026",
       variant,
       block,
+      size,
       className,
       onClick: handleClick,
       children: label
@@ -258,6 +260,7 @@ function useDexterWallet() {
   }, []);
   return {
     activeHandle,
+    activeWallet: activeHandle ? wallets.find((w) => w.handle === activeHandle) ?? null : null,
     wallets,
     support,
     eject,
@@ -411,13 +414,15 @@ function DexterWalletMenu(props) {
 // src/useIdentity.ts
 import { useMemo as useMemo2 } from "react";
 function useIdentity({ accountToken }) {
-  const { activeHandle } = useDexterWallet();
+  const { activeHandle, activeWallet } = useDexterWallet();
+  const walletLabel = activeWallet?.label ?? null;
   return useMemo2(
     () => resolveIdentity({
       accountToken: accountToken ?? null,
-      userHandle: activeHandle ?? null
+      userHandle: activeHandle ?? null,
+      walletLabel
     }),
-    [accountToken, activeHandle]
+    [accountToken, activeHandle, walletLabel]
   );
 }
 

package/dist/{signals-pjh3z6N8.d.ts → signals-CQ5AEzXY.d.ts}

@@ -25,6 +25,11 @@ interface ConnectVault {
     publicKey: string;
     userHandle: string;
     credentialId: string;
+    /** The wallet's cross-device display name (user-authored via rename), or
+     *  null when never named. Identity is first-class: every sign-in carries
+     *  the human name so no consumer ever falls back to a synthetic email.
+     *  Optional for wire-compat with servers/popup pages predating 0.23. */
+    walletLabel?: string | null;
 }
 /** Result of a completed "Sign in with Dexter" ceremony. */
 interface SignInResult {
@@ -156,12 +161,19 @@ interface IdentityInput {
     accountToken: string | null;
     /** The passkey-vault user handle (the connect wallet store), else null. */
     userHandle: string | null;
+    /** The active wallet's display name from the connect wallet store (persisted
+     *  at sign-in/recover/rename), else null. Browser-only input like the handle. */
+    walletLabel?: string | null;
 }
 interface ResolvedIdentity {
     /** The primary identity axis, passkey-vault-first. */
     kind: IdentityKind;
     /** Passkey-vault identity (FIRST-CLASS): the wallet handle, or null. */
     userHandle: string | null;
+    /** The wallet's human display name, or null when the wallet was never named
+     *  (or no wallet is active). Display surfaces prefer this over any synthetic
+     *  account identifier — a user should never be shown a generated email. */
+    walletLabel: string | null;
     /** Account identity (secondary/legacy axis): bearer for account-scoped fetches, or null. */
     accountToken: string | null;
     /** A passkey vault is present on this device. */

package/dist/worldid.js

@@ -1,7 +1,7 @@
 import {
   DexterButton,
   ensureDexterButtonStyles
-} from "./chunk-EVDIZIHH.js";
+} from "./chunk-PW33ZOCP.js";
 
 // src/worldid.tsx
 import { useEffect, useState } from "react";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dexterai/connect",
-  "version": "0.22.2",
+  "version": "0.23.1",
   "description": "Sign in with Dexter — passkey connector. Composes @dexterai/vault.",
   "type": "module",
   "exports": {