feat: phase-based passkey wizard with inline stepper

[erdemyerebasmaz]

Guided passkey onboarding wizard that adapts to new and returning users, with reliable label storage and FIDO-standard icons.

Summary

• Rewrites PasskeyPage as a phase-based state machine that detects existing passkeys on mount via listLabels() WebAuthn call
• New users get a 3-step flow (Create Passkey → Connect to Nostr → Initialize Glow), returning users get a streamlined 2-step flow (Your Label → Initialize Glow)
• Replaces overlay stepper with an inline top-bar stepper integrated into the page layout
• Restructures passkeyPrfProvider with pure WebAuthn functions, injectable config, and fresh Passkey instance per operation (removes singleton caching to prevent stale state)
• Adds intermediate confirmation screens ensuring every WebAuthn prompt is preceded by a user interaction

Label input improvements

• "Create a new label" row highlights on focus and stays selected when input is cleared (sticky selection mode)
• 24-character limit, alphanumeric + spaces only, case-insensitive duplicate detection with inline error
• New labels stored to Nostr relays via explicit new-storing phase (replaces fire-and-forget storeLabel which caused a surprise WebAuthn prompt and silently failed)
• Context-aware UI: returning users see "Storing label…" / "Label Stored" instead of "Connecting to Nostr…" / "Connected to Nostr"

Icon updates

• Replaces FingerprintIcon with FIDO Alliance standard PasskeyIcon (platform-agnostic — passkeys don't always use biometrics)
• Two-tone depth matching the official FIDO icon: person at full color, key left half at 90% opacity, key right half at full color
• Replaces UploadIcon with NostrKeyIcon (key/plug from nwc.dev) for the label picker screen

Test plan

• New user: Use Passkey → spinner (Authenticating…) → WebAuthn fails (no passkey) → Review → I understand → Create Passkey → Continue → WebAuthn create → Passkey Created → Connect → WebAuthn + Nostr → Connected to Nostr → Initialize Glow → WebAuthn → Initializing Glow
• Returning user (existing label): Use Passkey → spinner (Authenticating… → Discovering labels…) → WebAuthn → label picker → Initialize Glow → WebAuthn → Initializing Glow
• Returning user (new label): Use Passkey → spinner (Authenticating… → Discovering labels…) → WebAuthn → label picker → type new label → Continue → Storing label… → WebAuthn → Label Stored → Initialize Glow → WebAuthn → Initializing Glow
• Returning user (0 labels on relay): Use Passkey → spinner (Authenticating… → Discovering labels…) → WebAuthn → picker with "Default" pre-filled → Continue → Storing label… → WebAuthn → Label Stored → Initialize Glow → WebAuthn → Initializing Glow
• Label validation: 24-char max enforced, special characters rejected, duplicate names show error + disable button, clearing input keeps "Create a new label" selected
• Error handling: Cancel WebAuthn during create/store/connect → error shown with Retry/Go Back. Go Back routes to previous interactive screen for both flows. Canceling the initial detection prompt routes to the new-user flow.
• Back button navigates home and resets state
• npx tsc --noEmit passes

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
breez-glow-web	Ready	Preview, Comment	Mar 13, 2026 6:08pm
breez-sdk-spark-example	Ready	Preview, Comment	Mar 13, 2026 6:08pm
savage-glow-web	Ready	Preview, Comment	Mar 13, 2026 6:08pm