@dexterai/connect 0.18.0 → 0.20.0

package/dist/{chunk-Y22JFT53.js → chunk-2QZ5QLGI.js}

@@ -124,6 +124,24 @@ function onStorageEvent(e) {
 }
 var ACTIVE_WALLET_STORAGE_KEY = ACTIVE_HANDLE_KEY;
 
+// src/policy.ts
+var SESSION_TTL_30D = "2592000";
+function usdToAtomic(input) {
+  const cleaned = input.trim().replace(/^\$/, "").replace(/,/g, "");
+  if (!/^\d+(\.\d{1,6})?$/.test(cleaned)) return null;
+  const [whole, frac = ""] = cleaned.split(".");
+  try {
+    return BigInt(whole) * 1000000n + BigInt((frac + "000000").slice(0, 6));
+  } catch {
+    return null;
+  }
+}
+function authoredPolicy(usdInput) {
+  const atomic = usdToAtomic(usdInput);
+  if (atomic === null || atomic <= 0n) return null;
+  return { spendLimitAtomic: atomic.toString(), sessionTtlSeconds: SESSION_TTL_30D };
+}
+
 // src/enroll.ts
 import { startRegistration } from "@simplewebauthn/browser";
 
@@ -218,11 +236,13 @@ var DEFAULT_RP_ID = "dexter.cash";
 var DEFAULT_WALLET_NAME = "Dexter Wallet";
 async function createWallet(config = {}) {
   if (shouldUsePopup(config.transport)) {
-    return openCeremonyPopup("create", {
+    const result = await openCeremonyPopup("create", {
       connectHost: config.connectHost,
       name: config.name,
       apiBase: config.apiBase
     });
+    setActiveHandle(result.handle, config.name, result.credentialId);
+    return result;
   }
   if (typeof navigator === "undefined" || !navigator.credentials) {
     throw new ConnectError("webauthn_unsupported", "WebAuthn unavailable in this environment");
@@ -247,7 +267,12 @@ async function createWallet(config = {}) {
   config.onPhase?.("verifying");
   const enrolled = await submitEnrollComplete(apiBase, regResponse);
   config.onPhase?.("finalizing");
-  const init = await initializeVault(apiBase, enrolled.userHandle, enrolled.credentialId);
+  const init = await initializeVault(
+    apiBase,
+    enrolled.userHandle,
+    enrolled.credentialId,
+    config.spendPolicy
+  );
   setActiveHandle(enrolled.userHandle, name, enrolled.credentialId);
   return {
     handle: enrolled.userHandle,
@@ -288,11 +313,16 @@ async function submitEnrollComplete(apiBase, response) {
   if (!res.ok) throw new ConnectError(await readErrorCode(res), `enroll/complete ${res.status}`);
   return await res.json();
 }
-async function initializeVault(apiBase, userHandle, credentialId) {
+async function initializeVault(apiBase, userHandle, credentialId, spendPolicy) {
+  const body = { userHandle, credentialId, coolingOffSeconds: 0 };
+  if (spendPolicy) {
+    body.spendLimitAtomic = spendPolicy.spendLimitAtomic;
+    body.sessionTtlSeconds = SESSION_TTL_30D;
+  }
   const res = await fetch(`${apiBase}/api/passkey-vault-anon/initialize`, {
     method: "POST",
     headers: { "content-type": "application/json" },
-    body: JSON.stringify({ userHandle, credentialId, coolingOffSeconds: 0 })
+    body: JSON.stringify(body)
   });
   if (!res.ok) throw new ConnectError(await readErrorCode(res), `initialize ${res.status}`);
   return await res.json();
@@ -312,10 +342,14 @@ var DEFAULT_API_BASE2 = "https://api.dexter.cash";
 var ANON_SIGN_BASE = "/api/passkey-anon/sign";
 async function passkeyLogin(config = {}, onPhase) {
   if (shouldUsePopup(config.transport)) {
-    return openCeremonyPopup("signin", {
+    const result2 = await openCeremonyPopup("signin", {
       connectHost: config.connectHost,
       apiBase: config.apiBase
     });
+    if (result2.vault) {
+      setActiveHandle(result2.vault.userHandle, void 0, result2.vault.credentialId);
+    }
+    return result2;
   }
   if (!browserSupportsWebAuthn()) {
     throw new ConnectError("webauthn_unsupported", "WebAuthn unavailable in this environment");
@@ -331,15 +365,25 @@ async function passkeyLogin(config = {}, onPhase) {
     throw new ConnectError("webauthn_failed", err instanceof Error ? err.message : String(err));
   }
   onPhase?.("verifying");
-  return submitLogin(apiBase, response);
+  const result = await submitLogin(apiBase, response);
+  if (result.vault) {
+    setActiveHandle(result.vault.userHandle, void 0, result.vault.credentialId);
+  }
+  return result;
 }
 async function continueWithDexter(config = {}, onPhase) {
   if (shouldUsePopup(config.transport)) {
-    return openCeremonyPopup("continue", {
+    const result2 = await openCeremonyPopup("continue", {
       connectHost: config.connectHost,
       name: config.name,
       apiBase: config.apiBase
     });
+    if (result2.kind === "create") {
+      setActiveHandle(result2.handle, config.name, result2.credentialId);
+    } else if (result2.vault) {
+      setActiveHandle(result2.vault.userHandle, void 0, result2.vault.credentialId);
+    }
+    return result2;
   }
   if (getActiveHandle()) {
     const result2 = await passkeyLogin(config, onPhase);
@@ -623,6 +667,9 @@ export {
   forgetWallet,
   subscribe,
   ACTIVE_WALLET_STORAGE_KEY,
+  SESSION_TTL_30D,
+  usdToAtomic,
+  authoredPolicy,
   createWallet,
   passkeyLogin,
   continueWithDexter,

package/dist/{chunk-S7G2ZZOO.js → chunk-2WETR5DJ.js}

@@ -6,22 +6,21 @@ var BUTTON_CSS = `
 @keyframes dx-spin { to { transform: rotate(360deg); } }
 @keyframes dx-pulse { 0%,100% { opacity: 1; } 50% { opacity: .6; } }
 .dx-btn{
-  --dx-ember:#f26c18; --dx-ember-2:#ba3a00; --dx-fg:#fff4ea; --dx-radius:0px;
   position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px;
-  padding:11px 22px; border:1px solid color-mix(in srgb,var(--dx-ember) 55%,transparent);
-  border-radius:var(--dx-radius);
-  background:linear-gradient(135deg,var(--dx-ember),var(--dx-ember-2));
-  color:var(--dx-fg); font:inherit; font-weight:600; font-size:.78rem; letter-spacing:.12em;
+  padding:11px 22px; border:1px solid color-mix(in srgb,var(--dx-ember,#f26c18) 55%,transparent);
+  border-radius:var(--dx-radius,0px);
+  background:linear-gradient(135deg,var(--dx-ember,#f26c18),var(--dx-ember-2,#ba3a00));
+  color:var(--dx-fg,#fff4ea); font:inherit; font-weight:600; font-size:.78rem; letter-spacing:.12em;
   text-transform:uppercase; cursor:pointer; -webkit-tap-highlight-color:transparent;
-  box-shadow:0 14px 26px color-mix(in srgb,var(--dx-ember) 24%,transparent);
+  box-shadow:0 14px 26px color-mix(in srgb,var(--dx-ember,#f26c18) 24%,transparent);
   transition:transform .16s ease, box-shadow .16s ease, filter .16s ease, background .16s ease;
 }
-.dx-btn:hover{ transform:translateY(-1px); filter:brightness(1.07); box-shadow:0 20px 34px color-mix(in srgb,var(--dx-ember) 32%,transparent); }
-.dx-btn:active{ transform:translateY(0); filter:brightness(.97); box-shadow:0 8px 16px color-mix(in srgb,var(--dx-ember) 22%,transparent); }
-.dx-btn:focus-visible{ outline:none; box-shadow:0 0 0 3px color-mix(in srgb,var(--dx-ember) 38%,transparent); }
+.dx-btn:hover{ transform:translateY(-1px); filter:brightness(1.07); box-shadow:0 20px 34px color-mix(in srgb,var(--dx-ember,#f26c18) 32%,transparent); }
+.dx-btn:active{ transform:translateY(0); filter:brightness(.97); box-shadow:0 8px 16px color-mix(in srgb,var(--dx-ember,#f26c18) 22%,transparent); }
+.dx-btn:focus-visible{ outline:none; box-shadow:0 0 0 3px color-mix(in srgb,var(--dx-ember,#f26c18) 38%,transparent); }
 .dx-btn:disabled{ cursor:default; filter:saturate(.85) brightness(.98); }
-.dx-btn--secondary{ background:transparent; color:var(--dx-ember); box-shadow:none; border-color:color-mix(in srgb,var(--dx-ember) 45%,transparent); }
-.dx-btn--secondary:hover{ background:color-mix(in srgb,var(--dx-ember) 9%,transparent); filter:none; box-shadow:none; }
+.dx-btn--secondary{ background:transparent; color:var(--dx-ember,#f26c18); box-shadow:none; border-color:color-mix(in srgb,var(--dx-ember,#f26c18) 45%,transparent); }
+.dx-btn--secondary:hover{ background:color-mix(in srgb,var(--dx-ember,#f26c18) 9%,transparent); filter:none; box-shadow:none; }
 .dx-btn--block{ width:100%; }
 .dx-btn__mark{ flex-shrink:0; }
 .dx-btn__spin{ width:15px; height:15px; flex-shrink:0; border-radius:50%;
@@ -29,7 +28,7 @@ var BUTTON_CSS = `
   animation:dx-spin .7s linear infinite; }
 .dx-btn__doing{ animation:dx-pulse 1.4s ease-in-out infinite; }
 .dx-chip{ display:inline-flex; align-items:center; gap:8px; padding:6px 10px; font:inherit;
-  font-variant-numeric:tabular-nums; border-radius:var(--dx-radius,0);
+  font-variant-numeric:tabular-nums; border-radius:var(--dx-radius,0px);
   border:1px solid color-mix(in srgb,var(--dx-ember,#f26c18) 35%,transparent); }
 .dx-chip__dot{ width:7px; height:7px; border-radius:50%; background:var(--dx-ember,#f26c18); }
 .dx-chip__bal{ font-weight:600; opacity:.85; }

package/dist/index.d.ts

@@ -1,33 +1,7 @@
-import { C as ConnectVault, D as DexterConnectConfig, a as CeremonyPhase, S as SignInResult, I as IdentityKind } from './signals-BaXobUfB.js';
-export { A as ACTIVE_WALLET_STORAGE_KEY, b as ConnectError, c as IdentityInput, P as PasskeyLoginTokens, d as PasskeySignalSupport, R as ResolvedIdentity, e as StoredWallet, f as ejectActiveWallet, g as forgetWallet, h as getActiveHandle, i as getCredentialId, l as listWallets, p as passkeySignalSupport, j as prunePasskey, r as renamePasskey, k as resolveIdentity, s as setActiveHandle, m as subscribeWallet, n as switchWallet, o as syncAcceptedPasskeys } from './signals-BaXobUfB.js';
+import { S as SignInResult, C as CreateWalletResult, a as CreateWalletConfig, b as CeremonyPhase, D as DexterConnectConfig, c as ConnectVault, I as IdentityKind } from './signals-qc4rDyQ6.js';
+export { A as ACTIVE_WALLET_STORAGE_KEY, d as ConnectError, e as IdentityInput, P as PasskeyLoginTokens, f as PasskeySignalSupport, R as ResolvedIdentity, g as SESSION_TTL_30D, h as SpendPolicy, i as StoredWallet, j as authoredPolicy, k as createWallet, l as ejectActiveWallet, m as forgetWallet, n as getActiveHandle, o as getCredentialId, p as listWallets, q as passkeySignalSupport, r as prunePasskey, s as renamePasskey, t as resolveIdentity, u as setActiveHandle, v as subscribeWallet, w as switchWallet, x as syncAcceptedPasskeys, y as usdToAtomic } from './signals-qc4rDyQ6.js';
 import { DexterApiBrowserPasskeySigner } from '@dexterai/vault/signers/browser';
 
-interface CreateWalletConfig extends DexterConnectConfig {
-    /** Label for the passkey in the OS keychain AND the wallet roster. Set at
-     *  creation — the only moment naming is guaranteed to stick. Default "Dexter Wallet". */
-    name?: string;
-    /** RP id for the new credential. Default "dexter.cash". */
-    rpId?: string;
-    /** Called as the ceremony progresses, for live "connecting steps" UI:
-     *  challenge → passkey → verifying → finalizing. */
-    onPhase?: (phase: CeremonyPhase) => void;
-}
-interface CreateWalletResult {
-    /** Server-minted 16-byte user handle, base64url — the vault identity. */
-    handle: string;
-    /** base64url credential id of the new passkey. */
-    credentialId: string;
-    /** The freshly initialized vault (swig not yet deployed; deploys lazily). */
-    vault: ConnectVault;
-}
-/**
- * Mint a brand-new Dexter wallet (passkey + vault) and make it the active wallet.
- *
- * One passkey approval. Throws ConnectError on any failed leg (the `code` is the
- * server's error string, or webauthn_failed / no_credential for the ceremony).
- */
-declare function createWallet(config?: CreateWalletConfig): Promise<CreateWalletResult>;
-
 /**
  * "Sign in with Dexter" — the discoverable-credential login ceremony.
  *
@@ -247,4 +221,4 @@ interface EnableAgentSpendResult {
  */
 declare function enableAgentSpend(id: AgentSpendIdentity, vaultPda: string, apiOrigin: string, credentialId?: string | null): Promise<EnableAgentSpendResult>;
 
-export { AgentSpendError, type AgentSpendIdentity, type AgentSpendStatus, type AgentSpendTab, type AnonChallengeResult, type AnonServerPolicy, type AutomaticAgentSpend, CeremonyPhase, ConnectVault, type ContinueResult, type CreateWalletConfig, type CreateWalletResult, DexterConnectConfig, type EnableAgentSpendResult, IdentityKind, type RawAgentSpendSession, type RawAgentSpendStatus, type RevokeAgentSpendResult, SignInResult, assembleAgentSpendStatus, ceremonyPhaseLabel, continueWithDexter, createAnonServerPolicy, createPasskeySigner, createWallet, describeAgentSpendError, enableAgentSpend, passkeyLogin, revokeAgentSpend };
+export { AgentSpendError, type AgentSpendIdentity, type AgentSpendStatus, type AgentSpendTab, type AnonChallengeResult, type AnonServerPolicy, type AutomaticAgentSpend, CeremonyPhase, ConnectVault, type ContinueResult, CreateWalletConfig, CreateWalletResult, DexterConnectConfig, type EnableAgentSpendResult, IdentityKind, type RawAgentSpendSession, type RawAgentSpendStatus, type RevokeAgentSpendResult, SignInResult, assembleAgentSpendStatus, ceremonyPhaseLabel, continueWithDexter, createAnonServerPolicy, createPasskeySigner, describeAgentSpendError, enableAgentSpend, passkeyLogin, revokeAgentSpend };

package/dist/index.js

@@ -1,6 +1,8 @@
 import {
   ACTIVE_WALLET_STORAGE_KEY,
   ConnectError,
+  SESSION_TTL_30D,
+  authoredPolicy,
   base64urlToBase64,
   bytesToBase64url,
   ceremonyPhaseLabel,
@@ -21,8 +23,9 @@ import {
   setActiveHandle,
   subscribe,
   switchWallet,
-  syncAcceptedPasskeys
-} from "./chunk-Y22JFT53.js";
+  syncAcceptedPasskeys,
+  usdToAtomic
+} from "./chunk-2QZ5QLGI.js";
 
 // src/agentSpend.ts
 import { PublicKey } from "@solana/web3.js";
@@ -175,7 +178,9 @@ export {
   ACTIVE_WALLET_STORAGE_KEY,
   AgentSpendError,
   ConnectError,
+  SESSION_TTL_30D,
   assembleAgentSpendStatus,
+  authoredPolicy,
   ceremonyPhaseLabel,
   continueWithDexter,
   createAnonServerPolicy,
@@ -197,5 +202,6 @@ export {
   setActiveHandle,
   subscribe as subscribeWallet,
   switchWallet,
-  syncAcceptedPasskeys
+  syncAcceptedPasskeys,
+  usdToAtomic
 };

package/dist/react.d.ts

@@ -1,5 +1,5 @@
 import { DexterApiBrowserPasskeySigner } from '@dexterai/vault/signers/browser';
-import { a as CeremonyPhase, S as SignInResult, P as PasskeyLoginTokens, C as ConnectVault, b as ConnectError, e as StoredWallet, d as PasskeySignalSupport, R as ResolvedIdentity } from './signals-BaXobUfB.js';
+import { b as CeremonyPhase, S as SignInResult, P as PasskeyLoginTokens, c as ConnectVault, d as ConnectError, i as StoredWallet, f as PasskeySignalSupport, R as ResolvedIdentity, C as CreateWalletResult } from './signals-qc4rDyQ6.js';
 import { ReactElement, ReactNode } from 'react';
 
 type ConnectStatus = 'idle' | 'pending' | 'done' | 'error';
@@ -149,8 +149,10 @@ interface DexterWalletMenuProps {
     avatarInitial?: string;
     /** "Manage wallet" → the consumer's wallet page. Row hidden if omitted. */
     onManageWallet?: () => void;
-    /** "Start fresh" → the consumer ejects/resets (guard + perform on its side). Row hidden if omitted. */
+    /** Eject row → the consumer ejects/resets (guard + perform on its side). Row hidden if omitted. */
     onStartFresh?: () => void;
+    /** Label for the eject/reset row. Default "Eject wallet". */
+    startFreshLabel?: string;
     /** Sign-in/save UI revealed when "Save your wallet" is tapped (e.g. <SignInWithDexter/>). Row hidden if omitted. */
     saveSlot?: ReactNode;
     /** Short hint shown above the save UI. */
@@ -168,4 +170,34 @@ interface UseIdentityConfig {
 }
 declare function useIdentity({ accountToken }: UseIdentityConfig): ResolvedIdentity;
 
-export { type ConnectStatus, DexterButton, type DexterButtonProps, DexterMark, DexterWalletChip, type DexterWalletChipProps, DexterWalletMenu, type DexterWalletMenuProps, SignInWithDexter, type SignInWithDexterProps, type UseDexterWallet, type UseIdentityConfig, type UseSignInWithDexter, type UseSignInWithDexterConfig, useDexterWallet, useIdentity, useSignInWithDexter };
+interface AllowanceChipsProps {
+    /** The authored USD amount as a raw string, or null when nothing is chosen.
+     *  NONE selected initially → pass null. Preset chips echo '5' / '20' / '50';
+     *  Custom echoes whatever the user types. */
+    value: string | null;
+    /** Fired with the raw USD string (or null when Custom is opened empty). */
+    onChange: (usd: string | null) => void;
+    /** Extra className composed after the brand classes. */
+    className?: string;
+}
+/** The consent-at-birth allowance chips. */
+declare function AllowanceChips(props: AllowanceChipsProps): ReactElement;
+
+interface CreateWalletPanelProps {
+    /** Fired with the minted wallet the moment creation succeeds. */
+    onCreated?: (result: CreateWalletResult) => void;
+    /** Fired with the typed error if the ceremony fails. */
+    onError?: (error: ConnectError) => void;
+    /** dexter-api base. Default https://api.dexter.cash (createWallet's default). */
+    apiBase?: string;
+    /** Where the WebAuthn ceremony runs. Default 'auto' (createWallet's default). */
+    transport?: 'auto' | 'popup' | 'inline';
+    /** Render the optional "Name your wallet" field. Default true. */
+    showName?: boolean;
+    /** Extra className composed after the brand classes. */
+    className?: string;
+}
+/** The turnkey consent-at-birth create panel. */
+declare function CreateWalletPanel(props: CreateWalletPanelProps): ReactElement;
+
+export { AllowanceChips, type AllowanceChipsProps, type ConnectStatus, CreateWalletPanel, type CreateWalletPanelProps, DexterButton, type DexterButtonProps, DexterMark, DexterWalletChip, type DexterWalletChipProps, DexterWalletMenu, type DexterWalletMenuProps, SignInWithDexter, type SignInWithDexterProps, type UseDexterWallet, type UseIdentityConfig, type UseSignInWithDexter, type UseSignInWithDexterConfig, useDexterWallet, useIdentity, useSignInWithDexter };

package/dist/react.js

@@ -1,7 +1,9 @@
 import {
   ConnectError,
+  authoredPolicy,
   ceremonyPhaseLabel,
   createPasskeySigner,
+  createWallet,
   ejectActiveWallet,
   getActiveHandle,
   getCredentialId,
@@ -14,13 +16,13 @@ import {
   setActiveHandle,
   subscribe,
   switchWallet
-} from "./chunk-Y22JFT53.js";
+} from "./chunk-2QZ5QLGI.js";
 import {
   DexterButton,
   DexterMark,
   cx,
   ensureDexterButtonStyles
-} from "./chunk-S7G2ZZOO.js";
+} from "./chunk-2WETR5DJ.js";
 
 // src/useSignInWithDexter.ts
 import { useCallback, useEffect, useMemo, useState } from "react";
@@ -233,35 +235,34 @@ import { useEffect as useEffect4 } from "react";
 var STYLE_ID = "dexter-connect-wallet-kit-styles";
 var WALLET_KIT_CSS = `
 .dx-wchip{
-  --dx-ember:#f26c18; --dx-ember-2:#ba3a00; --dx-fg:#fff4ea; --dx-radius:0px;
   display:inline-flex; align-items:center; gap:9px; max-width:240px;
   padding:6px 12px 6px 7px; font:inherit; font-weight:600; font-size:.74rem;
   letter-spacing:.1em; text-transform:uppercase; cursor:pointer; background:transparent;
-  color:inherit; border:1px solid color-mix(in srgb,var(--dx-ember) 42%,transparent);
-  border-radius:var(--dx-radius); -webkit-tap-highlight-color:transparent;
+  color:inherit; border:1px solid color-mix(in srgb,var(--dx-ember,#f26c18) 42%,transparent);
+  border-radius:var(--dx-radius,0px); -webkit-tap-highlight-color:transparent;
   transition:filter .16s ease, box-shadow .16s ease, border-color .16s ease;
 }
-.dx-wchip:hover{ filter:brightness(1.08); box-shadow:0 8px 18px color-mix(in srgb,var(--dx-ember) 18%,transparent); }
-.dx-wchip:focus-visible{ outline:none; box-shadow:0 0 0 3px color-mix(in srgb,var(--dx-ember) 34%,transparent); }
+.dx-wchip:hover{ filter:brightness(1.08); box-shadow:0 8px 18px color-mix(in srgb,var(--dx-ember,#f26c18) 18%,transparent); }
+.dx-wchip:focus-visible{ outline:none; box-shadow:0 0 0 3px color-mix(in srgb,var(--dx-ember,#f26c18) 34%,transparent); }
 .dx-wchip--signedout{ border-color:color-mix(in srgb,currentColor 22%,transparent); padding-left:12px; }
 .dx-wchip__avatar{
   width:22px; height:22px; flex-shrink:0; display:inline-flex; align-items:center; justify-content:center;
   border-radius:50%; overflow:hidden; font-size:.72rem; font-weight:700; letter-spacing:0; line-height:1;
-  background:linear-gradient(135deg,var(--dx-ember),var(--dx-ember-2)); color:var(--dx-fg);
+  background:linear-gradient(135deg,var(--dx-ember,#f26c18),var(--dx-ember-2,#ba3a00)); color:var(--dx-fg,#fff4ea);
 }
 .dx-wchip__avatar img{ width:100%; height:100%; object-fit:cover; }
 .dx-wchip__label{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 
-.dx-wmenu{ --dx-ember:#f26c18; --dx-ember-2:#ba3a00; --dx-fg:#fff4ea; display:flex; flex-direction:column; min-width:248px; }
+.dx-wmenu{ display:flex; flex-direction:column; min-width:248px; }
 .dx-wmenu__id{ display:flex; align-items:center; gap:10px; padding:13px 15px; border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent); }
-.dx-wmenu__avatar{ width:32px; height:32px; flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; font-weight:700; font-size:.85rem; line-height:1; background:linear-gradient(135deg,var(--dx-ember),var(--dx-ember-2)); color:var(--dx-fg); }
+.dx-wmenu__avatar{ width:32px; height:32px; flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; font-weight:700; font-size:.85rem; line-height:1; background:linear-gradient(135deg,var(--dx-ember,#f26c18),var(--dx-ember-2,#ba3a00)); color:var(--dx-fg,#fff4ea); }
 .dx-wmenu__meta{ display:flex; flex-direction:column; gap:2px; min-width:0; }
 .dx-wmenu__name{ font-weight:700; font-size:.9rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 .dx-wmenu__sub{ font-size:.66rem; letter-spacing:.12em; text-transform:uppercase; opacity:.55; }
 .dx-wmenu__list{ display:flex; flex-direction:column; padding:6px; }
 .dx-wmenu__item{ display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; padding:10px 12px; font:inherit; font-size:.82rem; font-weight:600; text-align:left; background:transparent; border:none; color:inherit; cursor:pointer; transition:background .12s ease; }
-.dx-wmenu__item:hover{ background:color-mix(in srgb,var(--dx-ember) 10%,transparent); }
-.dx-wmenu__item--danger{ color:#e5552e; }
+.dx-wmenu__item:hover{ background:color-mix(in srgb,var(--dx-ember,#f26c18) 10%,transparent); }
+.dx-wmenu__item--danger{ color:var(--dx-danger,#e5552e); }
 .dx-wmenu__icon{ opacity:.45; font-size:.9rem; }
 .dx-wmenu__back{ border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent); opacity:.85; }
 .dx-wmenu__save{ display:flex; flex-direction:column; gap:9px; padding:13px 15px; }
@@ -302,7 +303,16 @@ function DexterWalletChip(props) {
 import { useEffect as useEffect5, useState as useState3 } from "react";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function DexterWalletMenu(props) {
-  const { walletLabel, avatarInitial, onManageWallet, onStartFresh, saveSlot, saveHint, className } = props;
+  const {
+    walletLabel,
+    avatarInitial,
+    onManageWallet,
+    onStartFresh,
+    startFreshLabel = "Eject wallet",
+    saveSlot,
+    saveHint,
+    className
+  } = props;
   useEffect5(ensureWalletKitStyles, []);
   const [showSave, setShowSave] = useState3(false);
   const initial = (avatarInitial ?? walletLabel.trim().charAt(0) ?? "D").toUpperCase();
@@ -347,7 +357,7 @@ function DexterWalletMenu(props) {
           className: "dx-wmenu__item dx-wmenu__item--danger",
           onClick: onStartFresh,
           children: [
-            /* @__PURE__ */ jsx3("span", { children: "Start fresh" }),
+            /* @__PURE__ */ jsx3("span", { children: startFreshLabel }),
             /* @__PURE__ */ jsx3("span", { className: "dx-wmenu__icon", "aria-hidden": "true", children: "\u27F5" })
           ]
         }
@@ -368,7 +378,221 @@ function useIdentity({ accountToken }) {
     [accountToken, activeHandle]
   );
 }
+
+// src/AllowanceChips.tsx
+import { useEffect as useEffect6, useState as useState4 } from "react";
+
+// src/consentStyles.ts
+var STYLE_ID2 = "dexter-connect-consent-styles";
+var CONSENT_CSS = `
+.dx-allow{
+  display:flex; flex-wrap:wrap; gap:8px; align-items:center;
+}
+.dx-allow__chip{
+  display:inline-flex; align-items:center; justify-content:center; padding:9px 15px;
+  font:inherit; font-weight:600; font-size:.78rem; letter-spacing:.12em; text-transform:uppercase;
+  font-variant-numeric:tabular-nums; cursor:pointer; background:transparent; color:inherit;
+  border:1px solid color-mix(in srgb,var(--dx-ember,#f26c18) 45%,transparent);
+  border-radius:var(--dx-radius,0px); -webkit-tap-highlight-color:transparent;
+  transition:filter .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
+}
+.dx-allow__chip:hover{ border-color:color-mix(in srgb,var(--dx-ember,#f26c18) 70%,transparent); filter:brightness(1.05); }
+.dx-allow__chip:focus-visible{ outline:none; box-shadow:0 0 0 3px color-mix(in srgb,var(--dx-ember,#f26c18) 34%,transparent); }
+.dx-allow__chip--active{
+  background:linear-gradient(135deg,var(--dx-ember,#f26c18),var(--dx-ember-2,#ba3a00));
+  color:var(--dx-fg,#fff4ea); border-color:color-mix(in srgb,var(--dx-ember,#f26c18) 55%,transparent);
+  box-shadow:0 10px 22px color-mix(in srgb,var(--dx-ember,#f26c18) 22%,transparent);
+}
+.dx-allow__input{
+  flex:1 1 130px; min-width:120px; padding:9px 13px; font:inherit; font-size:.9rem;
+  font-variant-numeric:tabular-nums; color:inherit; background:transparent;
+  border:1px solid color-mix(in srgb,var(--dx-ember,#f26c18) 45%,transparent);
+  border-radius:var(--dx-radius,0px); -webkit-tap-highlight-color:transparent;
+  transition:border-color .16s ease, box-shadow .16s ease;
+}
+.dx-allow__input:focus, .dx-allow__input:focus-visible{
+  outline:none; border-color:color-mix(in srgb,var(--dx-ember,#f26c18) 70%,transparent);
+  box-shadow:0 0 0 3px color-mix(in srgb,var(--dx-ember,#f26c18) 30%,transparent);
+}
+.dx-allow__input::placeholder{ color:currentColor; opacity:.5; letter-spacing:.02em; text-transform:none; }
+
+.dx-cwp{
+  display:flex; flex-direction:column; gap:16px; font:inherit;
+}
+.dx-cwp__field{ display:flex; flex-direction:column; gap:8px; }
+.dx-cwp__label{ font-size:.7rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; opacity:.62; }
+.dx-cwp__name{
+  padding:10px 13px; font:inherit; font-size:.95rem; color:inherit; background:transparent;
+  border:1px solid color-mix(in srgb,currentColor 22%,transparent); border-radius:var(--dx-radius,0px);
+  -webkit-tap-highlight-color:transparent; transition:border-color .16s ease, box-shadow .16s ease;
+}
+.dx-cwp__name:focus, .dx-cwp__name:focus-visible{
+  outline:none; border-color:color-mix(in srgb,var(--dx-ember,#f26c18) 60%,transparent);
+  box-shadow:0 0 0 3px color-mix(in srgb,var(--dx-ember,#f26c18) 26%,transparent);
+}
+.dx-cwp__name::placeholder{ color:currentColor; opacity:.42; }
+.dx-cwp__fine{ font-size:.76rem; line-height:1.5; opacity:.66; }
+.dx-cwp__err{ font-size:.78rem; line-height:1.45; color:var(--dx-danger,#e5552e); }
+`;
+function ensureConsentStyles() {
+  if (typeof document === "undefined") return;
+  if (document.getElementById(STYLE_ID2)) return;
+  const el = document.createElement("style");
+  el.id = STYLE_ID2;
+  el.textContent = CONSENT_CSS;
+  document.head.appendChild(el);
+}
+ensureConsentStyles();
+
+// src/AllowanceChips.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var PRESETS = [
+  { label: "$5", num: "5" },
+  { label: "$20", num: "20" },
+  { label: "$50", num: "50" }
+];
+var PRESET_NUMS = PRESETS.map((p) => p.num);
+var isPreset = (v) => v !== null && PRESET_NUMS.includes(v);
+function AllowanceChips(props) {
+  const { value, onChange, className } = props;
+  useEffect6(ensureConsentStyles, []);
+  const [customOpen, setCustomOpen] = useState4(false);
+  const customActive = customOpen || value !== null && !isPreset(value);
+  const selectPreset = (num) => {
+    setCustomOpen(false);
+    onChange(num);
+  };
+  const selectCustom = () => {
+    setCustomOpen(true);
+    onChange(isPreset(value) ? null : value);
+  };
+  const onChipKeyDown = (e, select) => {
+    if (e.key === "Enter" || e.key === " " || e.key === "Spacebar") {
+      e.preventDefault();
+      select();
+    }
+  };
+  return /* @__PURE__ */ jsxs4("div", { className: cx("dx-allow", className), role: "radiogroup", "aria-label": "Monthly agent allowance", children: [
+    PRESETS.map(({ label, num }) => {
+      const checked = !customActive && value === num;
+      return /* @__PURE__ */ jsx4(
+        "div",
+        {
+          role: "radio",
+          "aria-checked": checked,
+          tabIndex: 0,
+          className: cx("dx-allow__chip", checked && "dx-allow__chip--active"),
+          onClick: () => selectPreset(num),
+          onKeyDown: (e) => onChipKeyDown(e, () => selectPreset(num)),
+          children: label
+        },
+        num
+      );
+    }),
+    /* @__PURE__ */ jsx4(
+      "div",
+      {
+        role: "radio",
+        "aria-checked": customActive,
+        tabIndex: 0,
+        className: cx("dx-allow__chip", customActive && "dx-allow__chip--active"),
+        onClick: selectCustom,
+        onKeyDown: (e) => onChipKeyDown(e, selectCustom),
+        children: "Custom"
+      }
+    ),
+    customActive && /* @__PURE__ */ jsx4(
+      "input",
+      {
+        className: "dx-allow__input",
+        inputMode: "decimal",
+        placeholder: "$ amount",
+        "aria-label": "Custom monthly allowance in USD",
+        value: value ?? "",
+        autoFocus: true,
+        onChange: (e) => onChange(e.target.value)
+      }
+    )
+  ] });
+}
+
+// src/CreateWalletPanel.tsx
+import { useEffect as useEffect7, useState as useState5 } from "react";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var FINE_PRINT = "Your number, your tap. Agents can never spend past it, and you can revoke any time.";
+function CreateWalletPanel(props) {
+  const { onCreated, onError, apiBase, transport, showName = true, className } = props;
+  useEffect7(ensureConsentStyles, []);
+  useEffect7(ensureDexterButtonStyles, []);
+  const [name, setName] = useState5("");
+  const [value, setValue] = useState5(null);
+  const [running, setRunning] = useState5(false);
+  const [phase, setPhase] = useState5(null);
+  const [error, setError] = useState5(null);
+  const policy = authoredPolicy(value ?? "");
+  const handleCreate = async () => {
+    if (running) return;
+    if (!policy) return;
+    setError(null);
+    setRunning(true);
+    setPhase(null);
+    try {
+      const result = await createWallet({
+        name: name.trim() || "Dexter Wallet",
+        spendPolicy: policy,
+        apiBase,
+        transport,
+        onPhase: setPhase
+      });
+      onCreated?.(result);
+    } catch (e) {
+      const err = e instanceof ConnectError ? e : new ConnectError("create_failed", e instanceof Error ? e.message : String(e));
+      setError(err);
+      onError?.(err);
+    } finally {
+      setRunning(false);
+      setPhase(null);
+    }
+  };
+  return /* @__PURE__ */ jsxs5("div", { className: cx("dx-cwp", className), children: [
+    showName && /* @__PURE__ */ jsxs5("div", { className: "dx-cwp__field", children: [
+      /* @__PURE__ */ jsx5("label", { className: "dx-cwp__label", htmlFor: "dx-cwp-name", children: "Name your wallet" }),
+      /* @__PURE__ */ jsx5(
+        "input",
+        {
+          id: "dx-cwp-name",
+          className: "dx-cwp__name",
+          maxLength: 40,
+          placeholder: "Dexter Wallet",
+          value: name,
+          disabled: running,
+          onChange: (e) => setName(e.target.value)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: "dx-cwp__field", children: [
+      /* @__PURE__ */ jsx5("span", { className: "dx-cwp__label", children: "What agents may spend, per 30 days" }),
+      /* @__PURE__ */ jsx5(AllowanceChips, { value, onChange: setValue })
+    ] }),
+    /* @__PURE__ */ jsx5("p", { className: "dx-cwp__fine", children: FINE_PRINT }),
+    error && /* @__PURE__ */ jsx5("div", { className: "dx-cwp__err", role: "alert", children: error.message || error.code }),
+    /* @__PURE__ */ jsx5(
+      DexterButton,
+      {
+        block: true,
+        className: "dx-cwp__cta",
+        loading: running,
+        loadingLabel: phase ? ceremonyPhaseLabel(phase) : "Creating\u2026",
+        disabled: !policy,
+        onClick: handleCreate,
+        children: error ? "Retry" : "Create your Dexter Wallet"
+      }
+    )
+  ] });
+}
 export {
+  AllowanceChips,
+  CreateWalletPanel,
   DexterButton,
   DexterMark,
   DexterWalletChip,

package/dist/{signals-BaXobUfB.d.ts → signals-qc4rDyQ6.d.ts}

@@ -60,6 +60,55 @@ declare class ConnectError extends Error {
     constructor(code: string, message?: string);
 }
 
+/** Consent-at-birth allowance (Branch rulings 2026-07-02/03).
+ *  The user authors the number; zero is not consent; TTL is fixed 30d and
+ *  never user-editable; no caller may invent a default. */
+declare const SESSION_TTL_30D = "2592000";
+interface SpendPolicy {
+    /** Role-2 allowance, atomic USDC (6dp), decimal string. User-authored. */
+    spendLimitAtomic: string;
+    /** Fixed 30d. Present for wire compatibility; always SESSION_TTL_30D. */
+    sessionTtlSeconds: string;
+}
+/** Parse user-entered USD ("5", "$20", "1,000", "20.5") to atomic USDC.
+ *  Null on anything invalid — callers must not invent a fallback. */
+declare function usdToAtomic(input: string): bigint | null;
+/** Null when invalid or zero (zero is not consent). */
+declare function authoredPolicy(usdInput: string): SpendPolicy | null;
+
+interface CreateWalletConfig extends DexterConnectConfig {
+    /** Label for the passkey in the OS keychain AND the wallet roster. Set at
+     *  creation — the only moment naming is guaranteed to stick. Default "Dexter Wallet". */
+    name?: string;
+    /** RP id for the new credential. Default "dexter.cash". */
+    rpId?: string;
+    /** Consent-at-birth allowance the user authored at creation (chips $5/$20/$50
+     *  or Custom; zero is not consent; build it with authoredPolicy()). When
+     *  present it rides the /initialize body so the number becomes the server-side
+     *  write-once consent record. The TTL is ruled fixed 30d — whatever the object
+     *  carries, the wire always sends SESSION_TTL_30D. Absent → no policy authored
+     *  (the vault initializes without one; nothing invents a default). */
+    spendPolicy?: SpendPolicy;
+    /** Called as the ceremony progresses, for live "connecting steps" UI:
+     *  challenge → passkey → verifying → finalizing. */
+    onPhase?: (phase: CeremonyPhase) => void;
+}
+interface CreateWalletResult {
+    /** Server-minted 16-byte user handle, base64url — the vault identity. */
+    handle: string;
+    /** base64url credential id of the new passkey. */
+    credentialId: string;
+    /** The freshly initialized vault (swig not yet deployed; deploys lazily). */
+    vault: ConnectVault;
+}
+/**
+ * Mint a brand-new Dexter wallet (passkey + vault) and make it the active wallet.
+ *
+ * One passkey approval. Throws ConnectError on any failed leg (the `code` is the
+ * server's error string, or webauthn_failed / no_credential for the ceremony).
+ */
+declare function createWallet(config?: CreateWalletConfig): Promise<CreateWalletResult>;
+
 type IdentityKind = 'passkey-vault' | 'account' | 'none';
 interface IdentityInput {
     /** An account session token (e.g. Supabase access_token) when present, else null. */
@@ -180,4 +229,4 @@ declare function syncAcceptedPasskeys(args: {
     rpId?: string;
 }): Promise<boolean>;
 
-export { ACTIVE_WALLET_STORAGE_KEY as A, type ConnectVault as C, type DexterConnectConfig as D, type IdentityKind as I, type PasskeyLoginTokens as P, type ResolvedIdentity as R, type SignInResult as S, type CeremonyPhase as a, ConnectError as b, type IdentityInput as c, type PasskeySignalSupport as d, type StoredWallet as e, ejectActiveWallet as f, forgetWallet as g, getActiveHandle as h, getCredentialId as i, prunePasskey as j, resolveIdentity as k, listWallets as l, subscribe as m, switchWallet as n, syncAcceptedPasskeys as o, passkeySignalSupport as p, renamePasskey as r, setActiveHandle as s };
+export { ACTIVE_WALLET_STORAGE_KEY as A, type CreateWalletResult as C, type DexterConnectConfig as D, type IdentityKind as I, type PasskeyLoginTokens as P, type ResolvedIdentity as R, type SignInResult as S, type CreateWalletConfig as a, type CeremonyPhase as b, type ConnectVault as c, ConnectError as d, type IdentityInput as e, type PasskeySignalSupport as f, SESSION_TTL_30D as g, type SpendPolicy as h, type StoredWallet as i, authoredPolicy as j, createWallet as k, ejectActiveWallet as l, forgetWallet as m, getActiveHandle as n, getCredentialId as o, listWallets as p, passkeySignalSupport as q, prunePasskey as r, renamePasskey as s, resolveIdentity as t, setActiveHandle as u, subscribe as v, switchWallet as w, syncAcceptedPasskeys as x, usdToAtomic as y };

package/dist/worldid.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dexterai/connect",
-  "version": "0.18.0",
+  "version": "0.20.0",
   "description": "Sign in with Dexter — passkey connector. Composes @dexterai/vault.",
   "type": "module",
   "exports": {
@@ -47,7 +47,9 @@
     "@dexterai/vault": "^0.30.0",
     "@solana/web3.js": "^1.98.4",
     "@types/react": "^19.1.12",
+    "@types/react-dom": "^19.2.3",
     "@worldcoin/idkit": "^4.1.8",
+    "happy-dom": "^15.11.7",
     "react": "^19.2.5",
     "tsup": "^8.5.0",
     "typescript": "^5.6.2",