"Sign into another account" opens the way the start screen does: "Add an account" with Create a new wallet / Sign in to an existing account, then Sign in with Seed phrase, Passkey, Google, Nostr. "Can you update the 'sign in to another account' screen to match the initial start screen?" (Adam, 2026-11-07). It used to open on the old Create new / Import existing tabs with the sign-in buttons stacked underneath. addAccountScreen (unlockScreen while ui.fromWallet && ui.addFlow, set by signInAnother) draws the front door's two steps with the same buttons (frontDoorSignin, short labels, the same loginWith, so a sign-in still adds beside the open accounts); Nostr opens its signer card in place; a choice leads to the front door's seed pages (no tabs, titled Set up your wallet / Enter seed phrase, Back to where the choice was made), and Back on the first step returns to the wallet. The coinos.io migrate door stays on the first-run screen only. The Accounts "new wallet" kind picker keeps the classic card (addFlow false). account-access and padlock-flow tests walk the new screens

Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01VMan6Ts5Tktega8VbLg31q

1 files changed, 73 insertions, 3 deletions

diff --git a/src/app.js b/src/app.js
index 5a1f3ed..3ed0b33 100644
--- a/src/app.js
+++ b/src/app.js
@@ -1344,7 +1344,7 @@ function unlockCard() {
   if (ui.entropyPage) return h('div', { class: 'card col' }, entropyPage());
   // Inside the first-run wizard the words are already on screen: no tabs,
   // just a line underneath for whoever brought their own seed (and one back).
-  const wizard = ui.screen === 'unlock' && ui.onb && ui.onb.step === 'seed';
+  const wizard = ui.screen === 'unlock' && ((ui.onb && ui.onb.step === 'seed') || (ui.fromWallet && ui.addFlow));
   const swap = wizard && ui.createStep !== 'confirm' ? h('button', {
     class: 'linklike small', style: 'align-self:center',
     onClick: () => {
@@ -1369,7 +1369,76 @@ function unlockCard() {
   );
 }
 
+// "Sign in to another account", laid out as the front door is (Adam,
+// 2026-11-07): two choices, then the sign-in list with the seed phrase
+// first. Everything here adds an account beside the open ones; Back returns
+// to the wallet.
+function addAccountScreen() {
+  const page = (kids) => h('div', { class: 'col onb', style: 'gap:20px' }, ...kids);
+  const title = (txt) => h('h2', { class: 'onb-title' }, txt);
+  const toWallet = () => {
+    ui.fromWallet = false; ui.addFlow = false; ui.addStep = null; ui.nostrLoginOpen = false;
+    ui.screen = 'wallet'; ui.unlockError = ''; ui.nostrLoginError = ''; render();
+  };
+  if (ui.addStep === 'doors') {
+    if (ui.nostrLoginOpen) {
+      return page([
+        h('div', { class: 'onb-mark', html: NOSTR_MARK }),
+        title(t('onbSigninTitle')),
+        featureHook('unlockExtra') || h('div', { class: 'notice err' }, 'nostr login unavailable'),
+        h('button', { class: 'linklike small', onClick: () => { ui.nostrLoginOpen = false; ui.nostrLoginError = ''; render(); } }, t('back')),
+      ]);
+    }
+    return page([
+      h('div', { class: 'onb-hero' }, brandHeader(false)),
+      title(t('onbSigninTitle')),
+      h('div', { class: 'col', style: 'gap:10px' },
+        h('button', { id: 'add-restore', class: 'btn-block', style: 'padding:14px', onClick: () => {
+          clearSeedDrafts();
+          ui.unlockTab = 'import'; ui.unlockError = ''; ui.addStep = null;
+          render();
+        } }, t('onbRestoreDoor')),
+        featureHook('frontDoorSignin', { short: true })),
+      h('button', { class: 'linklike small', onClick: () => { ui.nostrLoginError = ''; ui.addStep = 'welcome'; render(); } }, t('back')),
+    ]);
+  }
+  return page([
+    h('div', { class: 'onb-hero' }, brandHeader(false)),
+    title(t('addAccountTitle')),
+    h('div', { class: 'col', style: 'gap:10px' },
+      h('button', {
+        id: 'add-create',
+        class: 'btn-primary btn-block', style: 'font-size:17px;padding:14px', onClick: () => {
+          clearSeedDrafts();
+          ui.unlockTab = 'create'; ui.unlockError = ''; ui.createStep = 'intro'; ui.confirm = [];
+          ui.draftRandom = ui.draftMnemonic = newMnemonic();
+          ui.addStep = null;
+          render();
+        },
+      }, t('onbStart')),
+      h('button', {
+        id: 'add-signin',
+        class: 'btn-block', style: 'font-size:17px;padding:14px',
+        onClick: () => { ui.nostrLoginError = ''; ui.addStep = 'doors'; render(); },
+      }, t('onbSignInExisting'))),
+    accounts.length ? h('button', { class: 'linklike small', onClick: toWallet }, t('back')) : null,
+  ]);
+}
+
 function unlockScreen() {
+  if (ui.fromWallet && ui.addFlow) {
+    if (ui.addStep && !ui.entropyPage) return addAccountScreen();
+    // a choice made there: the same seed pages as the front door, whose
+    // Back steps back to where it was made
+    return h('div', { class: 'col onb', style: 'gap:20px' },
+      h('h2', { class: 'onb-title' }, t(ui.unlockTab === 'import' ? 'onbRestoreTitle' : 'onbSeedTitle')),
+      unlockCard(),
+      ui.entropyPage ? null : h('button', { class: 'linklike small', onClick: () => {
+        const from = ui.unlockTab === 'import' ? 'doors' : 'welcome';
+        clearSeedDrafts(); ui.draftMnemonic = ''; ui.createStep = 'intro'; ui.confirm = []; ui.unlockError = '';
+        ui.addStep = from; render();
+      } }, t('back')));
+  }
   return h(
     'div',
     { class: 'col', style: 'gap:16px' },
@@ -1939,7 +2008,8 @@ async function activateAccount(acc, opts = {}) {
 function signInAnother() {
   clearSeedDrafts();
   ui.fromWallet = true; ui.unlockError = ''; ui.screen = 'unlock';
-  // Starts on Create new (its Generate button), not the seed-import box.
+  ui.addFlow = true; ui.addStep = 'welcome'; ui.nostrLoginOpen = false; ui.nostrLoginError = '';
+  // Opens on the front door's two choices (addAccountScreen).
   ui.unlockTab = 'create'; ui.createStep = 'intro'; ui.draftMnemonic = ''; ui.confirm = [];
   ui.profilePk = null; ui.profEdit = null; ui.profEditFilled = false; ui.chatOpen = false;
   render();
@@ -3505,7 +3575,7 @@ function accountsScreen() {
               ui.newWalletKind = kind;
               ui.addWallet = null;
               ui.draftMnemonic = ''; ui.createStep = 'intro'; ui.confirm = []; ui.passphrase = ''; ui.confirmPass = ''; ui.passOpen = false;
-              ui.showPass = false; ui.screen = 'unlock'; ui.unlockTab = 'create'; ui.fromWallet = true; ui.unlockError = '';
+              ui.showPass = false; ui.screen = 'unlock'; ui.unlockTab = 'create'; ui.fromWallet = true; ui.unlockError = ''; ui.addFlow = false;
               render();
             } else {
               createDerivedWallet(aw.from, kind);