diff --git a/docs/design/artboards/d215/index.html b/docs/design/artboards/d215/index.html
index e47b25986..1bf56d6a5 100644
--- a/docs/design/artboards/d215/index.html
+++ b/docs/design/artboards/d215/index.html
@@ -666,6 +666,39 @@
 .app.m .v2-first-run__title { font-size: 24px; }
 .app.m .v2-first-run__skip { height: 44px; align-self: flex-start; padding-left: 0; }
 .app.m .v2-first-run__setup, .app.m .v2-first-run__hello { height: 44px; font-size: 14px; }
+/* auth pages (sign-in, sign-up, forgot, reset, verify): one card on the grey canvas; edge to edge at 390 */
+.authpage { height: 100%; display: grid; place-items: center; background: var(--g); padding: 24px; }
+.authcard { width: 400px; background: var(--sf); border-radius: 14px; box-shadow: var(--sh-pane); padding: 32px; display: grid; gap: 16px; }
+.authcard .brand { display: flex; align-items: center; gap: 10px; font: 800 18px/1 var(--f-display); letter-spacing: -0.03em; }
+.authcard .brand .logo { width: 30px; height: 30px; border-radius: 9px; }
+.authcard .brand .logo svg.i { width: 17px; height: 17px; }
+.authcard h1 { font: 800 28px/1.1 var(--f-display); letter-spacing: -0.03em; margin: 4px 0 0; }
+.authcard .b { width: 100%; height: 40px; border-radius: 10px; font-size: 14px; }
+.authcard .b svg.lgi { width: 18px; height: 18px; flex: none; }
+.authcard .or { display: flex; align-items: center; gap: 12px; font: 500 11.5px/1 var(--f-mono); color: var(--mu); }
+.authcard .or::before, .authcard .or::after { content: ""; flex: 1; height: 1px; background: var(--d); }
+.authcard .fl { display: grid; gap: 6px; }
+.authcard .fl .lab { display: flex; align-items: baseline; justify-content: space-between; font: 600 12.5px/1 var(--f-body); color: var(--ink2); }
+.authcard .fl .lab a { font-weight: 500; color: var(--c-text); }
+.authcard .field { height: 40px; border-radius: 10px; font-size: 14px; }
+.authcard .field.bad { box-shadow: inset 0 0 0 1.5px var(--ink); }
+.authcard .alrt { display: flex; gap: 10px; align-items: flex-start; padding: 11px 12px; border-radius: 10px; background: var(--t); box-shadow: inset 0 0 0 1px var(--b); font-size: 13px; line-height: 19px; color: var(--ink); }
+.authcard .alrt svg.i { width: 16px; height: 16px; margin-top: 1.5px; }
+.authcard .alt { text-align: center; font-size: 13.5px; color: var(--se); }
+.authcard a { text-decoration: none; }
+.authcard .alt a { color: var(--c-text); font-weight: 600; }
+.authcard .sub { margin: 0; font-size: 13.5px; line-height: 1.5; color: var(--se); }
+.authcard .hint { margin: 0; font-size: 13px; line-height: 1.5; color: var(--se); }
+.authcard .hint a, .authcard .legal a { color: var(--c-text); font-weight: 600; }
+.authcard .legal { font-size: 12px; line-height: 1.5; color: var(--mu); text-align: center; }
+.authcard .fl .lab em { font: 500 11px/1 var(--f-mono); font-style: normal; color: var(--mu); margin-left: 8px; }
+.authcard .fl .help { font-size: 12px; line-height: 1.5; color: var(--mu); }
+.authcard .alrt a { color: var(--c-text); font-weight: 600; }
+.rowa { display: grid; gap: 18px; align-items: start; }
+.shead.sub2 { margin-top: 28px; }
+.shead.sub2 h3 { margin: 0; font: 700 15px/1.2 var(--f-display); letter-spacing: -0.01em; }
+.app.m .authpage { background: var(--sf); place-items: start stretch; padding: 0; }
+.app.m .authcard { width: auto; box-shadow: none; border-radius: 0; padding: 28px 20px; }
 </style>
 
 <svg width="0" height="0" style="position:absolute" aria-hidden="true">
@@ -730,6 +763,7 @@
     <!-- brand marks, simplified for the mock -->
     <symbol id="lg-slack" viewBox="0 0 40 40"><rect x="17" y="4" width="6" height="15" rx="3" fill="#36C5F0"/><rect x="21" y="17" width="15" height="6" rx="3" fill="#2EB67D"/><rect x="17" y="21" width="6" height="15" rx="3" fill="#ECB22E"/><rect x="4" y="17" width="15" height="6" rx="3" fill="#E01E5A"/></symbol>
     <symbol id="lg-telegram" viewBox="0 0 40 40"><circle cx="20" cy="20" r="17" fill="#2AABEE"/><path d="M10.5 19.6 27.8 12.8c.8-.3 1.5.2 1.3 1.4l-2.9 13.8c-.2 1-.8 1.2-1.6.8l-4.4-3.3-2.1 2c-.2.2-.4.4-.9.4l.3-4.5 8.2-7.4c.4-.3-.1-.5-.5-.2l-10.1 6.4-4.4-1.4c-1-.3-1-1 .2-1.4z" fill="#fff"/></symbol>
+    <symbol id="lg-google" viewBox="0 0 18 18"><path fill="#4285F4" d="M17.64 9.2c0-.64-.06-1.25-.16-1.84H9v3.48h4.84a4.14 4.14 0 0 1-1.8 2.72v2.26h2.92c1.7-1.57 2.68-3.88 2.68-6.62Z"/><path fill="#34A853" d="M9 18c2.43 0 4.47-.8 5.96-2.18l-2.92-2.26c-.8.54-1.84.86-3.04.86-2.34 0-4.32-1.58-5.03-3.7H.96v2.33A9 9 0 0 0 9 18Z"/><path fill="#FBBC05" d="M3.97 10.72a5.41 5.41 0 0 1 0-3.44V4.95H.96a9 9 0 0 0 0 8.1l3.01-2.33Z"/><path fill="#EA4335" d="M9 3.58c1.32 0 2.5.45 3.44 1.35l2.58-2.58C13.46.9 11.42 0 9 0A9 9 0 0 0 .96 4.95l3.01 2.33C4.68 5.16 6.66 3.58 9 3.58Z"/></symbol>
     <symbol id="lg-github" viewBox="0 0 40 40"><circle cx="20" cy="20" r="17" fill="var(--ink)"/><path d="M20 10.5c-5.2 0-9.4 4.2-9.4 9.4 0 4.2 2.7 7.7 6.4 8.9.5.1.6-.2.6-.5v-1.7c-2.6.6-3.2-1.2-3.2-1.2-.4-1.1-1-1.4-1-1.4-.9-.6.1-.6.1-.6.9.1 1.4 1 1.4 1 .8 1.4 2.2 1 2.7.8.1-.6.3-1 .6-1.2-2.1-.2-4.3-1-4.3-4.6 0-1 .4-1.9 1-2.5-.1-.2-.4-1.2.1-2.5 0 0 .8-.3 2.6 1a9 9 0 0 1 4.7 0c1.8-1.3 2.6-1 2.6-1 .5 1.3.2 2.3.1 2.5.6.7 1 1.5 1 2.5 0 3.6-2.2 4.4-4.3 4.6.3.3.6.9.6 1.7v2.6c0 .3.2.6.7.5a9.4 9.4 0 0 0-3-18.3z" fill="var(--sf)"/></symbol>
     <symbol id="lg-linear" viewBox="0 0 40 40"><circle cx="20" cy="20" r="16" fill="#5E6AD2"/><path d="M8 22.5 17.5 32M7.4 18 22 32.6M9 13.5 26.5 31M12.2 10 30 27.8M16.5 8 32 23.5" stroke="#fff" stroke-width="1.6" opacity=".9"/></symbol>
     <symbol id="lg-atlassian" viewBox="0 0 40 40"><path d="M13.2 19.4c-.4-.5-1.1-.4-1.4.2L5.3 32.5c-.3.6.1 1.3.8 1.3h9.1c.3 0 .6-.2.8-.5 2-4.1.8-10.3-2.8-13.9z" fill="#2684FF"/><path d="M18 7.6c-3.5 5.6-3.3 11.7-1 16.4l4.4 8.9c.2.3.5.5.8.5h9.1c.7 0 1.1-.7.8-1.3L19.4 7.6c-.3-.6-1.1-.6-1.4 0z" fill="#0052CC"/></symbol>
@@ -778,7 +812,7 @@ <h1>Same look. <em>Less said.</em></h1>
   <li><svg viewBox="0 0 24 24"><use href="#i-grid"/></svg><b>One screen first</b><span>Repeated blocks become a table; rare settings collapse.</span></li>
 </ol>
 <nav class="toc" aria-label="Surfaces">
-  <a href="#s-sidebar">Sidebar controls</a><a href="#s-chat">Pod chat</a><a href="#s-dm">DM room</a><a href="#s-board">Task board</a><a href="#s-memory">Memory</a><a href="#s-agent">Agent settings</a><a href="#s-settings">Settings</a><a href="#s-connectors">Connectors</a><a href="#s-byo">Bring your own</a><a href="#s-connect">Connect</a><a href="#s-team">Your team</a><a href="#s-firstrun">First run</a><a href="#s-dark">Dark mode</a>
+  <a href="#s-sidebar">Sidebar controls</a><a href="#s-chat">Pod chat</a><a href="#s-dm">DM room</a><a href="#s-board">Task board</a><a href="#s-memory">Memory</a><a href="#s-agent">Agent settings</a><a href="#s-settings">Settings</a><a href="#s-connectors">Connectors</a><a href="#s-byo">Bring your own</a><a href="#s-connect">Connect</a><a href="#s-team">Your team</a><a href="#s-firstrun">First run</a><a href="#s-signin">Sign in</a><a href="#s-signup">Sign up</a><a href="#s-dark">Dark mode</a>
 </nav>
 
 <section class="surf" id="s-sidebar">
@@ -1229,6 +1263,23 @@ <h1>Same look. <em>Less said.</em></h1>
   </div>
 </section>
 
+<section class="surf" id="s-signin">
+  <div class="shead"><h2>Sign in</h2><span class="route">/login + /v2/login, one component</span><div class="nums"><span class="num">components <b>2</b> → <i>1</i></span><span class="num">subtitle <b>1 line</b> → <i>none</i></span></div></div>
+  <div class="row1"><figure><figcaption><b>Sign in · 1440</b><span>email and password; providers above</span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="signin" data-vp="1440" data-state="default"><div class="app d"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Sign in</h1><button class="b b-s" type="button"><svg class="lgi" viewBox="0 0 40 40"><use href="#lg-github"/></svg>Continue with GitHub</button><button class="b b-s" type="button"><svg class="lgi" viewBox="0 0 18 18"><use href="#lg-google"/></svg>Continue with Google</button><div class="or">or</div><div class="fl"><div class="lab">Email</div><div class="field"><span>alex@studio.dev</span></div></div><div class="fl"><div class="lab">Password<a href="#">Forgot password?</a></div><div class="field"><span class="mu">••••••••••</span></div></div><button class="b b-p" type="button">Sign in</button><div class="alt">New to Commonly? <a href="#">Create an account</a></div></div></div></div></div></figure></div>
+  <div class="row2"><figure><figcaption><b>Sign in · 390</b><span>edge to edge, no card chrome</span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="signin" data-vp="390" data-state="default"><div class="app m"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Sign in</h1><button class="b b-s" type="button"><svg class="lgi" viewBox="0 0 40 40"><use href="#lg-github"/></svg>Continue with GitHub</button><button class="b b-s" type="button"><svg class="lgi" viewBox="0 0 18 18"><use href="#lg-google"/></svg>Continue with Google</button><div class="or">or</div><div class="fl"><div class="lab">Email</div><div class="field"><span>alex@studio.dev</span></div></div><div class="fl"><div class="lab">Password<a href="#">Forgot password?</a></div><div class="field"><span class="mu">••••••••••</span></div></div><button class="b b-p" type="button">Sign in</button><div class="alt">New to Commonly? <a href="#">Create an account</a></div></div></div></div></div></figure><figure><figcaption><b>Wrong password · 390</b><span></span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="signin" data-vp="390" data-state="error"><div class="app m"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Sign in</h1><div class="alrt" role="alert"><svg class="i" viewBox="0 0 24 24"><use href="#i-alert"/></svg><span>Login failed</span></div><button class="b b-s" type="button"><svg class="lgi" viewBox="0 0 40 40"><use href="#lg-github"/></svg>Continue with GitHub</button><button class="b b-s" type="button"><svg class="lgi" viewBox="0 0 18 18"><use href="#lg-google"/></svg>Continue with Google</button><div class="or">or</div><div class="fl"><div class="lab">Email</div><div class="field bad"><span>alex@studio.dev</span></div></div><div class="fl"><div class="lab">Password<a href="#">Forgot password?</a></div><div class="field bad"><span class="mu">••••••••••</span></div></div><button class="b b-p" type="button">Sign in</button><div class="alt">New to Commonly? <a href="#">Create an account</a></div></div></div></div></div></figure><div class="notes"><ul><li><b>One page replaces both.</b> /login and /v2/login are two components today; this is the single frame to lift, on the product's tokens.</li><li><b>Social first, then the form.</b> The two provider keys sit above an "or"; the form has two fields and one filled key. The tagline under the title is gone; the page is its own label.</li><li><b>Forgot password lives on the password label,</b> where the eye is when it is needed, not as a line under the button.</li><li><b>Errors are one row above the form.</b> Wrong password shows the server's line; an invite-only OAuth bounce shows its longer line (right). Both fields get an ink ring while the alert is up.</li><li>Dark follows the system, as everywhere.</li></ul></div></div>
+  <div class="row2" style="margin-top:18px"><figure><figcaption><b>Invite-only bounce · 1440</b><span>from an OAuth sign-up that needs an invitation</span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="signin" data-vp="1440" data-state="error"><div class="app d"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Sign in</h1><div class="alrt" role="alert"><svg class="i" viewBox="0 0 24 24"><use href="#i-alert"/></svg><span>Registration is invite-only right now. Use an invitation link to sign up, or join the waitlist.</span></div><button class="b b-s" type="button"><svg class="lgi" viewBox="0 0 40 40"><use href="#lg-github"/></svg>Continue with GitHub</button><button class="b b-s" type="button"><svg class="lgi" viewBox="0 0 18 18"><use href="#lg-google"/></svg>Continue with Google</button><div class="or">or</div><div class="fl"><div class="lab">Email</div><div class="field"><span>alex@studio.dev</span></div></div><div class="fl"><div class="lab">Password<a href="#">Forgot password?</a></div><div class="field"><span class="mu">••••••••••</span></div></div><button class="b b-p" type="button">Sign in</button><div class="alt">New to Commonly? <a href="#">Create an account</a></div></div></div></div></div></figure><figure><figcaption><b>Invite-only bounce · 390</b><span></span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="signin" data-vp="390" data-state="error"><div class="app m"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Sign in</h1><div class="alrt" role="alert"><svg class="i" viewBox="0 0 24 24"><use href="#i-alert"/></svg><span>Registration is invite-only right now. Use an invitation link to sign up, or join the waitlist.</span></div><button class="b b-s" type="button"><svg class="lgi" viewBox="0 0 40 40"><use href="#lg-github"/></svg>Continue with GitHub</button><button class="b b-s" type="button"><svg class="lgi" viewBox="0 0 18 18"><use href="#lg-google"/></svg>Continue with Google</button><div class="or">or</div><div class="fl"><div class="lab">Email</div><div class="field"><span>alex@studio.dev</span></div></div><div class="fl"><div class="lab">Password<a href="#">Forgot password?</a></div><div class="field"><span class="mu">••••••••••</span></div></div><button class="b b-p" type="button">Sign in</button><div class="alt">New to Commonly? <a href="#">Create an account</a></div></div></div></div></div></figure></div>
+</section>
+
+<section class="surf" id="s-signup">
+  <div class="shead"><h2>Sign up and account recovery</h2><span class="route">/register + /v2/register, /v2/register/invite-required, /verify-email, /v2/forgot-password, /v2/reset-password</span><div class="nums"><span class="num">register components <b>2</b> → <i>1</i></span><span class="num">fields on the page <b>3</b> → <i>3</i></span><span class="num">subtitles <b>5</b> → <i>1</i></span></div></div>
+<div class="shead sub2"><h3>Sign up</h3><span class="route">/register and /v2/register, one page</span></div><div class="rowa" style="grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px"><figure><figcaption><b>Sign up · 1440</b><span>providers first, then three fields</span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="signup" data-vp="1440" data-state="default"><div class="app d"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Create your account</h1><button class="b b-s" type="button"><svg class="lgi" viewBox="0 0 40 40"><use href="#lg-github"/></svg>Continue with GitHub</button><button class="b b-s" type="button"><svg class="lgi" viewBox="0 0 18 18"><use href="#lg-google"/></svg>Continue with Google</button><div class="or">or</div><div class="fl"><div class="lab">Email</div><div class="field"><span>alex@studio.dev</span></div></div><div class="fl"><div class="lab">Password</div><div class="field"><span class="mu">••••••••••</span></div></div><div class="fl"><div class="lab">Invitation code <em>optional</em></div><div class="field"><span class="mu">Unlocks hiring from the catalog</span></div><div class="help">No code? Leave blank — you can still run an agent here or bring your own, and redeem a code later in Settings.</div></div><button class="b b-p" type="button">Create account</button><div class="legal">By creating an account you agree to the <a href="#">Terms</a> and <a href="#">Privacy</a> policy.</div><div class="alt">Already have an account? <a href="#">Sign in</a></div></div></div></div></div></figure><figure><figcaption><b>Registration failed · 1440</b><span>server line above the form</span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="signup" data-vp="1440" data-state="error"><div class="app d"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Create your account</h1><div class="alrt" role="alert"><svg class="i" viewBox="0 0 24 24"><use href="#i-alert"/></svg><span>Registration failed.</span></div><button class="b b-s" type="button"><svg class="lgi" viewBox="0 0 40 40"><use href="#lg-github"/></svg>Continue with GitHub</button><button class="b b-s" type="button"><svg class="lgi" viewBox="0 0 18 18"><use href="#lg-google"/></svg>Continue with Google</button><div class="or">or</div><div class="fl"><div class="lab">Email</div><div class="field bad"><span>alex@studio.dev</span></div></div><div class="fl"><div class="lab">Password</div><div class="field bad"><span class="mu">••••••••••</span></div></div><div class="fl"><div class="lab">Invitation code <em>optional</em></div><div class="field"><span class="mu">Unlocks hiring from the catalog</span></div><div class="help">No code? Leave blank — you can still run an agent here or bring your own, and redeem a code later in Settings.</div></div><button class="b b-p" type="button">Create account</button><div class="legal">By creating an account you agree to the <a href="#">Terms</a> and <a href="#">Privacy</a> policy.</div><div class="alt">Already have an account? <a href="#">Sign in</a></div></div></div></div></div></figure></div><div class="rowa" style="grid-template-columns:repeat(2,minmax(0,300px));margin-top:18px"><figure><figcaption><b>Sign up · 390</b><span></span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="signup" data-vp="390" data-state="default"><div class="app m"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Create your account</h1><button class="b b-s" type="button"><svg class="lgi" viewBox="0 0 40 40"><use href="#lg-github"/></svg>Continue with GitHub</button><button class="b b-s" type="button"><svg class="lgi" viewBox="0 0 18 18"><use href="#lg-google"/></svg>Continue with Google</button><div class="or">or</div><div class="fl"><div class="lab">Email</div><div class="field"><span>alex@studio.dev</span></div></div><div class="fl"><div class="lab">Password</div><div class="field"><span class="mu">••••••••••</span></div></div><div class="fl"><div class="lab">Invitation code <em>optional</em></div><div class="field"><span class="mu">Unlocks hiring from the catalog</span></div><div class="help">No code? Leave blank — you can still run an agent here or bring your own, and redeem a code later in Settings.</div></div><button class="b b-p" type="button">Create account</button><div class="legal">By creating an account you agree to the <a href="#">Terms</a> and <a href="#">Privacy</a> policy.</div><div class="alt">Already have an account? <a href="#">Sign in</a></div></div></div></div></div></figure><figure><figcaption><b>Registration failed · 390</b><span></span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="signup" data-vp="390" data-state="error"><div class="app m"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Create your account</h1><div class="alrt" role="alert"><svg class="i" viewBox="0 0 24 24"><use href="#i-alert"/></svg><span>Registration failed.</span></div><button class="b b-s" type="button"><svg class="lgi" viewBox="0 0 40 40"><use href="#lg-github"/></svg>Continue with GitHub</button><button class="b b-s" type="button"><svg class="lgi" viewBox="0 0 18 18"><use href="#lg-google"/></svg>Continue with Google</button><div class="or">or</div><div class="fl"><div class="lab">Email</div><div class="field bad"><span>alex@studio.dev</span></div></div><div class="fl"><div class="lab">Password</div><div class="field bad"><span class="mu">••••••••••</span></div></div><div class="fl"><div class="lab">Invitation code <em>optional</em></div><div class="field"><span class="mu">Unlocks hiring from the catalog</span></div><div class="help">No code? Leave blank — you can still run an agent here or bring your own, and redeem a code later in Settings.</div></div><button class="b b-p" type="button">Create account</button><div class="legal">By creating an account you agree to the <a href="#">Terms</a> and <a href="#">Privacy</a> policy.</div><div class="alt">Already have an account? <a href="#">Sign in</a></div></div></div></div></div></figure></div><div class="notes" style="margin-top:18px"><ul><li><b>One page replaces both,</b> as with sign in. The tagline under the title goes; the page is its own label.</li><li><b>Providers first, then the form.</b> Live draws them below the button; here they follow the sign-in order so the two pages read as one family. The optional code stays, with its one line of help under the field (it says the code is not needed to start).</li><li><b>Errors are one row above the form,</b> both fields ringed in ink, as on sign in. The terms line is muted and sits under the key; the sign-in link is the last line.</li></ul></div>
+<div class="shead sub2"><h3>Invitation required</h3><span class="route">/v2/register/invite-required (and /register/invite-required)</span></div><div class="rowa" style="grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px"><figure><figcaption><b>Invitation required · 1440</b><span>code first, waitlist below</span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="signup" data-vp="1440" data-state="default"><div class="app d"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Invitation required</h1><p class="sub">New account registration is invite-only right now. Enter your invitation code to continue, or join the waitlist for admin review.</p><div class="fl"><div class="lab">Invitation code</div><div class="field"><span class="mu">Paste your code</span></div></div><button class="b b-p" type="button">Continue to registration</button><div class="or">Need access? Join the waitlist</div><div class="fl"><div class="lab">Email</div><div class="field"><span>alex@studio.dev</span></div></div><div class="fl"><div class="lab">Name <em>optional</em></div><div class="field"><span>Alex Rivera</span></div></div><div class="fl"><div class="lab">Use case <em>optional</em></div><div class="field"><span class="mu">Running agents next to my team</span></div></div><button class="b b-s" type="button">Request waitlist access</button><div class="alt">Already have an account? <a href="#">Sign in</a></div></div></div></div></div></figure><figure><figcaption><b>Waitlist sent · 1440</b><span>confirmation above the ghost key</span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="signup" data-vp="1440" data-state="sent"><div class="app d"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Invitation required</h1><p class="sub">New account registration is invite-only right now. Enter your invitation code to continue, or join the waitlist for admin review.</p><div class="fl"><div class="lab">Invitation code</div><div class="field"><span class="mu">Paste your code</span></div></div><button class="b b-p" type="button">Continue to registration</button><div class="or">Need access? Join the waitlist</div><div class="fl"><div class="lab">Email</div><div class="field"><span>alex@studio.dev</span></div></div><div class="fl"><div class="lab">Name <em>optional</em></div><div class="field"><span>Alex Rivera</span></div></div><div class="fl"><div class="lab">Use case <em>optional</em></div><div class="field"><span class="mu">Running agents next to my team</span></div></div><div class="alrt" role="status"><svg class="i" viewBox="0 0 24 24"><use href="#i-check"/></svg><span>Waitlist request submitted.</span></div><button class="b b-s" type="button">Request waitlist access</button><div class="alt">Already have an account? <a href="#">Sign in</a></div></div></div></div></div></figure></div><div class="rowa" style="grid-template-columns:repeat(2,minmax(0,300px));margin-top:18px"><figure><figcaption><b>Invitation required · 390</b><span></span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="signup" data-vp="390" data-state="default"><div class="app m"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Invitation required</h1><p class="sub">New account registration is invite-only right now. Enter your invitation code to continue, or join the waitlist for admin review.</p><div class="fl"><div class="lab">Invitation code</div><div class="field"><span class="mu">Paste your code</span></div></div><button class="b b-p" type="button">Continue to registration</button><div class="or">Need access? Join the waitlist</div><div class="fl"><div class="lab">Email</div><div class="field"><span>alex@studio.dev</span></div></div><div class="fl"><div class="lab">Name <em>optional</em></div><div class="field"><span>Alex Rivera</span></div></div><div class="fl"><div class="lab">Use case <em>optional</em></div><div class="field"><span class="mu">Running agents next to my team</span></div></div><button class="b b-s" type="button">Request waitlist access</button><div class="alt">Already have an account? <a href="#">Sign in</a></div></div></div></div></div></figure><figure><figcaption><b>Waitlist sent · 390</b><span></span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="signup" data-vp="390" data-state="sent"><div class="app m"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Invitation required</h1><p class="sub">New account registration is invite-only right now. Enter your invitation code to continue, or join the waitlist for admin review.</p><div class="fl"><div class="lab">Invitation code</div><div class="field"><span class="mu">Paste your code</span></div></div><button class="b b-p" type="button">Continue to registration</button><div class="or">Need access? Join the waitlist</div><div class="fl"><div class="lab">Email</div><div class="field"><span>alex@studio.dev</span></div></div><div class="fl"><div class="lab">Name <em>optional</em></div><div class="field"><span>Alex Rivera</span></div></div><div class="fl"><div class="lab">Use case <em>optional</em></div><div class="field"><span class="mu">Running agents next to my team</span></div></div><div class="alrt" role="status"><svg class="i" viewBox="0 0 24 24"><use href="#i-check"/></svg><span>Waitlist request submitted.</span></div><button class="b b-s" type="button">Request waitlist access</button><div class="alt">Already have an account? <a href="#">Sign in</a></div></div></div></div></div></figure></div><div class="notes" style="margin-top:18px"><ul><li><b>One filled key on the page:</b> Continue to registration. The waitlist key is bordered, since it is the second path, not the first.</li><li><b>The divider is the existing "or" rule</b> carrying the waitlist line, not a new element. Name and use case are marked optional in the label, not in the field.</li><li><b>Submitted is a status row</b> (check, not green), and the form stays so a second address can be sent.</li></ul></div>
+<div class="shead sub2"><h3>Check your email</h3><span class="route">the register success state, plus /verify-email</span></div><div class="rowa" style="grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px"><figure><figcaption><b>Signed in, unverified · 1440</b><span>reminder banner follows</span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="signup" data-vp="1440" data-state="sent"><div class="app d"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>You're in</h1><p class="sub">Verify your email to join the Community pod — link sent to alex@studio.dev.</p><p class="hint">You can <a href="#">sign in now</a>; a reminder stays visible until you verify.</p><button class="b b-p" type="button">Continue to sign in</button></div></div></div></div></figure><figure><figcaption><b>Verify first · 1440</b><span>team-gated instances</span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="signup" data-vp="1440" data-state="sent"><div class="app d"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>You're in</h1><p class="sub">Verify your email to join the Community pod — link sent to alex@studio.dev.</p><p class="hint">Verify your email first, then <a href="#">sign in</a>.</p><button class="b b-p" type="button">Continue to sign in</button></div></div></div></div></figure></div><div class="rowa" style="grid-template-columns:repeat(3,minmax(0,300px));margin-top:18px"><figure><figcaption><b>Signed in, unverified · 390</b><span></span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="signup" data-vp="390" data-state="sent"><div class="app m"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>You're in</h1><p class="sub">Verify your email to join the Community pod — link sent to alex@studio.dev.</p><p class="hint">You can <a href="#">sign in now</a>; a reminder stays visible until you verify.</p><button class="b b-p" type="button">Continue to sign in</button></div></div></div></div></figure><figure><figcaption><b>Verify first · 390</b><span></span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="signup" data-vp="390" data-state="sent"><div class="app m"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>You're in</h1><p class="sub">Verify your email to join the Community pod — link sent to alex@studio.dev.</p><p class="hint">Verify your email first, then <a href="#">sign in</a>.</p><button class="b b-p" type="button">Continue to sign in</button></div></div></div></div></figure><figure><figcaption><b>Account created · 390</b><span>no verification step</span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="signup" data-vp="390" data-state="sent"><div class="app m"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Account created</h1><p class="sub">Your account is ready. Sign in to continue.</p><button class="b b-p" type="button">Continue to sign in</button></div></div></div></div></figure></div><div class="notes" style="margin-top:18px"><ul><li><b>Two reads of one screen.</b> Instances that allow sign-in before verifying get the first; team-gated ones get the second. The copy is the live copy: only the verify-to-join-the-Community-pod line, not a wall (Sam, TASK-103).</li><li><b>"Account created" is the third case</b> (no email step), kept for completeness; today the screen is picked by matching the server's prose, so this should become a field on the response.</li></ul></div>
+<div class="shead sub2"><h3>Verify email</h3><span class="route">/verify-email?token=…</span></div><div class="rowa" style="grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px"><figure><figcaption><b>Verifying · 1440</b><span></span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="signup" data-vp="1440" data-state="default"><div class="app d"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Verify your email</h1><p class="sub">Verifying your email…</p></div></div></div></div></figure><figure><figcaption><b>Verified · 1440</b><span>server line</span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="signup" data-vp="1440" data-state="sent"><div class="app d"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Verify your email</h1><div class="alrt" role="status"><svg class="i" viewBox="0 0 24 24"><use href="#i-check"/></svg><span>Email verified successfully</span></div><button class="b b-p" type="button">Go to sign in</button></div></div></div></div></figure></div><div class="rowa" style="grid-template-columns:repeat(3,minmax(0,300px));margin-top:18px"><figure><figcaption><b>Verifying · 390</b><span></span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="signup" data-vp="390" data-state="default"><div class="app m"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Verify your email</h1><p class="sub">Verifying your email…</p></div></div></div></div></figure><figure><figcaption><b>Verified · 390</b><span></span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="signup" data-vp="390" data-state="sent"><div class="app m"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Verify your email</h1><div class="alrt" role="status"><svg class="i" viewBox="0 0 24 24"><use href="#i-check"/></svg><span>Email verified successfully</span></div><button class="b b-p" type="button">Go to sign in</button></div></div></div></div></figure><figure><figcaption><b>Failed · 390</b><span></span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="signup" data-vp="390" data-state="error"><div class="app m"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Verify your email</h1><div class="alrt" role="alert"><svg class="i" viewBox="0 0 24 24"><use href="#i-alert"/></svg><span>Verification failed.</span></div><button class="b b-s" type="button">Go to sign in</button></div></div></div></div></figure></div><div class="notes" style="margin-top:18px"><ul><li><b>Today this is a navy MUI card on a #0b1220 page,</b> the one dark flash left on the auth routes (Sam ruled no dark flash, 08-24). Here it is the same card as every other auth page, on the page background.</li><li><b>Failure is the shared alert row;</b> the way out is a bordered key, since nothing on this page is the next step to take. The success line is the server's own.</li></ul></div>
+<div class="shead sub2"><h3>Forgot password</h3><span class="route">/v2/forgot-password</span></div><div class="rowa" style="grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px"><figure><figcaption><b>Forgot password · 1440</b><span></span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="signup" data-vp="1440" data-state="default"><div class="app d"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Reset your password</h1><p class="sub">Enter your account email and we'll send you a reset link. If you signed up with Google or GitHub, you can also just sign in with them.</p><div class="fl"><div class="lab">Email</div><div class="field"><span>alex@studio.dev</span></div></div><button class="b b-p" type="button">Send reset link</button><div class="alt">Remembered it? <a href="#">Sign in</a></div></div></div></div></div></figure><figure><figcaption><b>Reset link sent · 1440</b><span></span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="signup" data-vp="1440" data-state="sent"><div class="app d"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Reset your password</h1><div class="alrt" role="status"><svg class="i" viewBox="0 0 24 24"><use href="#i-check"/></svg><span>If that email has an account, a reset link is on its way. The link is valid for one hour.</span></div><div class="alt">Back to <a href="#">sign in</a></div></div></div></div></div></figure></div><div class="rowa" style="grid-template-columns:repeat(3,minmax(0,300px));margin-top:18px"><figure><figcaption><b>Forgot password · 390</b><span></span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="signup" data-vp="390" data-state="default"><div class="app m"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Reset your password</h1><p class="sub">Enter your account email and we'll send you a reset link. If you signed up with Google or GitHub, you can also just sign in with them.</p><div class="fl"><div class="lab">Email</div><div class="field"><span>alex@studio.dev</span></div></div><button class="b b-p" type="button">Send reset link</button><div class="alt">Remembered it? <a href="#">Sign in</a></div></div></div></div></div></figure><figure><figcaption><b>Failed · 390</b><span></span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="signup" data-vp="390" data-state="error"><div class="app m"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Reset your password</h1><p class="sub">Enter your account email and we'll send you a reset link. If you signed up with Google or GitHub, you can also just sign in with them.</p><div class="alrt" role="alert"><svg class="i" viewBox="0 0 24 24"><use href="#i-alert"/></svg><span>Something went wrong — try again.</span></div><div class="fl"><div class="lab">Email</div><div class="field bad"><span>alex@studio.dev</span></div></div><button class="b b-p" type="button">Send reset link</button><div class="alt">Remembered it? <a href="#">Sign in</a></div></div></div></div></div></figure><figure><figcaption><b>Sent · 390</b><span></span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="signup" data-vp="390" data-state="sent"><div class="app m"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Reset your password</h1><div class="alrt" role="status"><svg class="i" viewBox="0 0 24 24"><use href="#i-check"/></svg><span>If that email has an account, a reset link is on its way. The link is valid for one hour.</span></div><div class="alt">Back to <a href="#">sign in</a></div></div></div></div></div></figure></div><div class="notes" style="margin-top:18px"><ul><li><b>The instructions line stays</b> because it carries the one non-obvious fact (provider accounts can just sign in). It is the only prose on the page.</li><li><b>After sending, the form goes</b> and one row says it, with the one-hour validity. Back to sign in is the last line, as everywhere.</li></ul></div>
+<div class="shead sub2"><h3>Choose a new password</h3><span class="route">/v2/reset-password?token=…</span></div><div class="rowa" style="grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px"><figure><figcaption><b>New password · 1440</b><span></span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="signup" data-vp="1440" data-state="default"><div class="app d"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Choose a new password</h1><div class="fl"><div class="lab">New password</div><div class="field"><span class="mu">••••••••••</span></div></div><div class="fl"><div class="lab">Confirm password</div><div class="field"><span class="mu">••••••••••</span></div></div><button class="b b-p" type="button">Update password</button></div></div></div></div></figure><figure><figcaption><b>Updated · 1440</b><span></span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="signup" data-vp="1440" data-state="sent"><div class="app d"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Choose a new password</h1><div class="alrt" role="status"><svg class="i" viewBox="0 0 24 24"><use href="#i-check"/></svg><span>Password updated. You can sign in now.</span></div><button class="b b-p" type="button">Go to sign in</button></div></div></div></div></figure></div><div class="rowa" style="grid-template-columns:repeat(4,minmax(0,300px));margin-top:18px"><figure><figcaption><b>New password · 390</b><span></span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="signup" data-vp="390" data-state="default"><div class="app m"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Choose a new password</h1><div class="fl"><div class="lab">New password</div><div class="field"><span class="mu">••••••••••</span></div></div><div class="fl"><div class="lab">Confirm password</div><div class="field"><span class="mu">••••••••••</span></div></div><button class="b b-p" type="button">Update password</button></div></div></div></div></figure><figure><figcaption><b>Mismatch · 390</b><span></span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="signup" data-vp="390" data-state="error"><div class="app m"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Choose a new password</h1><div class="alrt" role="alert"><svg class="i" viewBox="0 0 24 24"><use href="#i-alert"/></svg><span>Passwords do not match.</span></div><div class="fl"><div class="lab">New password</div><div class="field bad"><span class="mu">••••••••••</span></div></div><div class="fl"><div class="lab">Confirm password</div><div class="field bad"><span class="mu">••••••••</span></div></div><button class="b b-p" type="button">Update password</button></div></div></div></div></figure><figure><figcaption><b>Link expired · 390</b><span>request a new one inline</span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="signup" data-vp="390" data-state="error"><div class="app m"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Choose a new password</h1><div class="alrt" role="alert"><svg class="i" viewBox="0 0 24 24"><use href="#i-alert"/></svg><span>Reset failed — the link may have expired. <a href="#">Request a new link</a></span></div><div class="fl"><div class="lab">New password</div><div class="field"><span class="mu">••••••••••</span></div></div><div class="fl"><div class="lab">Confirm password</div><div class="field"><span class="mu">••••••••••</span></div></div><button class="b b-p" type="button">Update password</button></div></div></div></div></figure><figure><figcaption><b>No token · 390</b><span>page opened without the email link</span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="signup" data-vp="390" data-state="error"><div class="app m"><div class="authpage"><div class="authcard"><div class="brand"><span class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></span>commonly</div><h1>Choose a new password</h1><p class="sub">This page needs the reset link from your email. Request a new one below.</p><button class="b b-p" type="button">Send me a reset link</button></div></div></div></div></figure></div><div class="notes" style="margin-top:18px"><ul><li><b>Both fields ring while an error is up,</b> same as sign in. Too short and mismatch share the row; the expired-link failure carries its recovery link inside the sentence.</li><li><b>No token</b> is a page of its own: one line and one key, no form to fill in.</li></ul></div>
+</section>
+
 <section class="surf" id="s-dark">
   <div class="shead"><h2>Dark mode</h2><span class="route">one dark value per token</span></div>
   <div class="dm">