SPA login/register should match SSR design (demo accounts, polished forms) #41

New issue

Closed

opened 2026-03-26 12:50:32 +00:00 by mik-tf · 1 comment

mik-tf commented

2026-03-26 12:50:32 +00:00

Member

Problem

The SPA at dev-app.projectmycelium.org has a minimal vault-based login/register flow that doesn't match the polished SSR version at projectmycelium.org/marketplace/demo.

SSR (reference — what we want)

Login: Email + Password fields, Demo Accounts table with credentials
Register: Name + Email + Password + Confirm Password
Dashboard: Welcome page with Log In / Register buttons + role descriptions

SPA (current — needs update)

Login: "Sign In" with vault identity shield icon, "No identity found" message
Register: "Create Account" with Passphrase (not Password), no Confirm field
Dashboard: Same as SSR (OK)

What needs to change

The SPA login/register pages in projectmycelium_marketplace_frontend need to:

Show Email + Password fields (matching SSR login.html)
Show Demo Accounts table when ENVIRONMENT_BANNER is set
Register form: Name + Email + Password + Confirm Password (matching SSR register.html)
Keep the ed25519 vault under the hood — the passphrase encrypts the keypair, but the UX should show "Password" not "Passphrase"

Repo

projectmycelium_marketplace_frontend (Dioxus WASM)

— mik-tf

## Problem The SPA at `dev-app.projectmycelium.org` has a minimal vault-based login/register flow that doesn't match the polished SSR version at `projectmycelium.org/marketplace/demo`. ### SSR (reference — what we want) - **Login**: Email + Password fields, Demo Accounts table with credentials - **Register**: Name + Email + Password + Confirm Password - **Dashboard**: Welcome page with Log In / Register buttons + role descriptions ### SPA (current — needs update) - **Login**: "Sign In" with vault identity shield icon, "No identity found" message - **Register**: "Create Account" with Passphrase (not Password), no Confirm field - **Dashboard**: Same as SSR (OK) ## What needs to change The SPA login/register pages in `projectmycelium_marketplace_frontend` need to: 1. Show Email + Password fields (matching SSR login.html) 2. Show Demo Accounts table when `ENVIRONMENT_BANNER` is set 3. Register form: Name + Email + Password + Confirm Password (matching SSR register.html) 4. Keep the ed25519 vault under the hood — the passphrase encrypts the keypair, but the UX should show "Password" not "Passphrase" ## Repo `projectmycelium_marketplace_frontend` (Dioxus WASM) — mik-tf

mik-tf commented

2026-03-26 13:14:21 +00:00

Author

Member

Fixed

SPA login/register now matches SSR design:

Login: "Login" title, Password field, Demo Accounts table with credentials
Register: "Register" title, Name + Email + Password + Confirm Password
Removed "passphrase" terminology and vault identity prompts
Ed25519 vault crypto unchanged under the hood

Commit: mycelium_code/projectmycelium_marketplace_frontend@6f27a61

All 36/36 Playwright tests pass against dev-app.projectmycelium.org.

— mik-tf

## Fixed SPA login/register now matches SSR design: - **Login**: "Login" title, Password field, Demo Accounts table with credentials - **Register**: "Register" title, Name + Email + Password + Confirm Password - Removed "passphrase" terminology and vault identity prompts - Ed25519 vault crypto unchanged under the hood Commit: https://forge.ourworld.tf/mycelium_code/projectmycelium_marketplace_frontend/commit/6f27a61 All 36/36 Playwright tests pass against dev-app.projectmycelium.org. — mik-tf