Skip to content

Signer demo: auth, permissions & signing flows, plus mobile polish#254

Open
srinjoyc wants to merge 13 commits into
mainfrom
srinjoy/demo-updates
Open

Signer demo: auth, permissions & signing flows, plus mobile polish#254
srinjoyc wants to merge 13 commits into
mainfrom
srinjoy/demo-updates

Conversation

@srinjoyc

Copy link
Copy Markdown
Collaborator

Summary

A pass over the zerodev-signer-demo authenticated experience — new use cases, real on-chain flows, and a mobile polish.

Use cases

  • Mint without gas — gasless NFT mint with a reliable gallery (localStorage cache + a dedicated public-node eth_getLogs scan, since the bundler RPC doesn't reliably serve logs).
  • Use stables without gas — USDC→ETH route, sponsored & batched behind one signature.
  • Delegate a budget (permissions) — scoped, rate-limited session keys via @zerodev/permissions: create key → grant allowance → live "drip" payouts on a timer → revoke & reset. On-chain enforcement is shown (drip stops at the rate-limit cap; revoke kills the key), with an "active session key" badge in the header.
  • Sign anything — guided flow: personal sign, EIP-712 typed data, and sign-to-send (USDC or native ETH).
  • Own and export keys — unchanged.

UI / UX

  • Shared FaucetLink copies the wallet address before opening the faucet; clicking ETH/USDC in the header jumps to the send step.
  • Full-width, grounded navbar; landing page copy/layout refresh.
  • Removed the Actions dropdown and the Customize-the-flow use case.
  • Mobile polish: popovers/tooltips capped to the viewport so they can't overflow; shortened wallet address in the header on small screens; responsive grids/nav throughout.

Fixes / infra

  • Hydration mismatches from localStorage reads in useState initializers.
  • Notification bar rendered via portal so it pins below the navbar.
  • Add @zerodev/permissions; bump tsconfig target to ES2020.

Notes

  • All changes typecheck/lint/compile. On-chain paths (grant/drip/revoke, ETH/USDC send) and the authed mobile view need a quick manual pass. If a policy call reverts, CallPolicyVersion.V0_0_4 → V0_0_5 is a one-line fallback.

srinjoyc and others added 7 commits June 10, 2026 01:26
…d states

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Extract LogoutOverlay into its own component
- Add sugar-high syntax highlighting to code snippets
- Add amorphous background video (compressed from 6.2MB to 357KB) with poster frame and preload hint
- Gate page render on video ready state with spinner
- Add install block showing headless vs UI kit options
- Rewrite marketing copy around "Auth in. Smart wallet out." positioning
- Fix mobile AuthFlow scaling (was unclipped below sm breakpoint)
- Lighten settings modal backdrop to backdrop-blur-sm
- Fix Navbar indentation and import ordering
- Cap the Settings dropdown and session-key / info tooltips to the
  viewport width so they can't overflow on narrow screens.
- Show a shortened wallet address in the header on mobile, full on sm+.
@vercel

vercel Bot commented Jun 16, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
zerodev-signer-demo Error Error Jul 1, 2026 3:28pm

Request Review

- README: accurate, concise overview of the demo and its use cases,
  plus correct env vars and setup.
- Landing value props: pause auto-rotation once the user selects one,
  hide the progress bar after selection, outline-circle bullets, and
  align the description with the title.
- Navbar: drop sticky/z-index so it no longer creates a stacking
  context that blocks the 1Password passkey prompt.
srinjoyc added 2 commits June 22, 2026 21:56
…/hydration fixes

- Navbar: glass header (black/1% + 60px blur, no border/shadow), DM Sans,
  frosted pill around Documentation/API keys, external-link icons, dark
  #19110B Contact sales with white arrow-in-circle, medium weights
- Landing: single centered column — hero h1 (76px desktop, responsive) +
  description, with the tabs and wallet centered below; removed the left
  intro/value-prop accordion and install block
- Fix wallet hydration mismatch (gate status UI behind mount) and add a
  reconnect timeout so a stalled session reveals the login instead of hanging
- Navbar: dev-only Preview link + Default/Sample 1 page toggle; Wallet Demo as a label centered with the logo
- New /sample-1 route (two-column hero + wallet, WALLET DEMO label, sliding pill tabs)
- Shared wallet-reset util (clears localStorage + IndexedDB) used by landing + dashboard to recover stalled sessions
- Dashboard preview (?preview=1): bypass auth gates with placeholder address, DM Sans, bg animation, frosted card, separated title section, single-line address+assets row, restyled metric labels
srinjoyc and others added 3 commits July 1, 2026 07:59
Brings in #271 (GET-with-stamp auth endpoints) and related core/react/react-kit
updates so wallet-core matches the staging backend protocol. The entire
apps/zerodev-signer-demo directory is kept at the branch version (ours);
pnpm-lock.yaml taken from main and regenerated.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant