diff --git a/app/vibenet/demos/account/components/CreateAccountModal.tsx b/app/vibenet/demos/account/components/CreateAccountModal.tsx
index e6fdd69..71c0046 100644
--- a/app/vibenet/demos/account/components/CreateAccountModal.tsx
+++ b/app/vibenet/demos/account/components/CreateAccountModal.tsx
@@ -1,14 +1,17 @@
 'use client';
 
-// The account-creation modal: EOA vs Smart, key minting/picking, salt. Shared
-// by every demo that lets a user create a local EIP-8130 account — driven off
-// the create-modal slice of `useAccountEngine`'s return value.
+// The account-creation modal. "Account Type" is the top-level choice:
+//   Default  — one-click EOA off your first unused key (mints one if none)
+//   Passkey  — one-click smart account owned by your first unused passkey
+//   Advanced — hand-pick smart/EOA + initial keys + salt
+// Default/Passkey stay minimal (name only); Advanced reveals the full controls.
+// Driven off the create-modal slice of `useAccountEngine`'s return value.
 
 import { Button } from '../../../../components/ui/Button';
 import { cn } from '../../../../components/ui/cn';
 import { Text } from '../../../../components/ui/Text';
 import { Modal } from '../../../../components/ui/Modal';
-import { KIND_LABEL, short, signerIdentity, type WalletSigner } from '../shared';
+import { KIND_LABEL, short, signerIdentity, type CreateMode, type WalletSigner } from '../shared';
 import { CheckIcon, KindBadge, TrashIcon } from '../../_shared/primitives';
 import type { SignerKind } from '../library/model';
 import type { AccountEngine } from '../useAccountEngine';
@@ -17,10 +20,19 @@ type CreateAccountModalProps = {
   engine: AccountEngine;
 };
 
+const MODES: ReadonlyArray<readonly [CreateMode, string, string]> = [
+  ['default', 'Default', 'Simplest account setup'],
+  ['passkey', 'Passkey', 'Smart account · passkey'],
+  ['advanced', 'Advanced', 'Pick type, keys & salt'],
+];
+
 export function CreateAccountModal({ engine }: CreateAccountModalProps) {
   const {
     modalOpen,
     setModalOpen,
+    createMode,
+    setCreateMode,
+    suggestedName,
     modalType,
     setModalType,
     modalLabel,
@@ -43,6 +55,13 @@ export function CreateAccountModal({ engine }: CreateAccountModalProps) {
     randomizeCreateSalt,
   } = engine;
 
+  const busyCreating = busy !== null;
+  const canCreate = createMode === 'advanced' ? Boolean(modalAddress) : true;
+
+  const submit = () => {
+    if (canCreate && !busyCreating) void createAccount();
+  };
+
   return (
     <Modal
       open={modalOpen}
@@ -56,41 +75,44 @@ export function CreateAccountModal({ engine }: CreateAccountModalProps) {
           <Button
             variant="primary"
             size="sm"
-            onClick={createAccount}
-            disabled={!modalAddress}
+            onClick={submit}
+            disabled={!canCreate || busyCreating}
             className="disabled:cursor-not-allowed disabled:opacity-50"
           >
-            Create Account
+            {busyCreating ? 'Creating…' : 'Create Account'}
           </Button>
         </>
       }
     >
       <label className="flex flex-col gap-2 text-[14px] font-normal">
-        Label
+        Name
         <input
           value={modalLabel}
-          placeholder="E.g. Main account"
+          placeholder={suggestedName}
           onChange={(e) => setModalLabel(e.target.value)}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter') {
+              e.preventDefault();
+              submit();
+            }
+          }}
           className="w-full rounded-lg border border-bds-gray-10 bg-bds-gray-0 px-3.5 py-2.5 text-[14px] font-normal outline-none transition-colors placeholder:text-bds-gray-40 focus:border-foreground dark:border-white/10 dark:bg-white/5 dark:focus:border-bds-blue-40"
         />
       </label>
 
       <div className="flex flex-col gap-2 text-[14px] font-normal">
         Account type
-        <div className="grid grid-cols-2 gap-2">
-          {(
-            [
-              ['smart', 'Smart Account', 'Counterfactual · keys + salt → address'],
-              ['eoa', 'EOA', 'Your EOA · delegates to DefaultAccount'],
-            ] as const
-          ).map(([type, title, hint]) => (
+        <div role="radiogroup" aria-label="Account type" className="grid grid-cols-3 gap-2">
+          {MODES.map(([mode, title, hint]) => (
             <button
-              key={type}
+              key={mode}
               type="button"
-              onClick={() => setModalType(type)}
+              role="radio"
+              aria-checked={createMode === mode}
+              onClick={() => setCreateMode(mode)}
               className={cn(
                 'flex flex-col gap-1 rounded-lg border p-3 text-left transition-colors',
-                modalType === type
+                createMode === mode
                   ? 'border-foreground'
                   : 'border-bds-gray-10 hover:border-foreground dark:border-white/10 dark:hover:border-white',
               )}
@@ -102,77 +124,110 @@ export function CreateAccountModal({ engine }: CreateAccountModalProps) {
         </div>
       </div>
 
-      {modalType === 'smart' ? (
+      {createMode === 'advanced' ? (
         <>
-          <KeyPicker
-            heading="Initial keys"
-            empty="Mint a key above to add it as an initial owner."
-            signers={signers}
-            busy={busy}
-            mintKinds={['k1', 'p256', 'passkey']}
-            canDelete={(s) => !usedSignerIds.has(s.id)}
-            onDelete={deleteSigner}
-            isOn={(s) => modalIds.includes(s.id)}
-            onToggle={(s) =>
-              setModalIds((prev) => (prev.includes(s.id) ? prev.filter((x) => x !== s.id) : [...prev, s.id]))
-            }
-            onMint={async (kind) => {
-              const s = await createSigner(kind);
-              if (s) setModalIds((prev) => [...prev, s.id]);
-            }}
-          />
-          <label className="flex flex-col gap-2 text-[14px] font-normal">
-            Salt
-            <div className="flex items-center gap-2 rounded-lg border border-bds-gray-10 bg-bds-gray-0 transition-colors focus-within:border-foreground dark:border-white/10 dark:bg-white/5 dark:focus-within:border-bds-blue-40">
-              <input
-                value={modalSalt}
-                spellCheck={false}
-                onChange={(e) => setModalSalt(e.target.value)}
-                placeholder="0x… (32 bytes) or any phrase"
-                className="min-w-0 flex-1 bg-transparent px-3.5 py-2.5 font-sans text-[13px] font-normal outline-none placeholder:text-bds-gray-40"
-              />
-              <Button
-                size="sm"
-                variant="secondary"
-                onClick={randomizeCreateSalt}
-                className="mr-1.5 shrink-0"
-              >
-                Randomize
-              </Button>
+          <div className="flex flex-col gap-2 text-[14px] font-normal">
+            Account model
+            <div role="radiogroup" aria-label="Account model" className="grid grid-cols-2 gap-2">
+              {(
+                [
+                  ['smart', 'Smart Account', 'Counterfactual · keys + salt → address'],
+                  ['eoa', 'EOA', 'Your EOA · delegates to DefaultAccount'],
+                ] as const
+              ).map(([type, title, hint]) => (
+                <button
+                  key={type}
+                  type="button"
+                  role="radio"
+                  aria-checked={modalType === type}
+                  onClick={() => setModalType(type)}
+                  className={cn(
+                    'flex flex-col gap-1 rounded-lg border p-3 text-left transition-colors',
+                    modalType === type
+                      ? 'border-foreground'
+                      : 'border-bds-gray-10 hover:border-foreground dark:border-white/10 dark:hover:border-white',
+                  )}
+                >
+                  <span className="text-[14px] font-normal">{title}</span>
+                  <span className="text-[12px] font-normal text-bds-gray-60 dark:text-bds-gray-40">{hint}</span>
+                </button>
+              ))}
             </div>
-          </label>
-        </>
-      ) : (
-        <KeyPicker
-          heading="EOA key"
-          empty="Mint a K1 key — its address becomes the account."
-          hint="Your EOA is the account. Its key stays a full owner and it delegates to DefaultAccount on first use. Runs on Vibenet (native 8130)."
-          signers={eoaSigners}
-          busy={busy}
-          mintKinds={['k1']}
-          canDelete={(s) => !usedSignerIds.has(s.id)}
-          onDelete={deleteSigner}
-          isOn={(s) => modalEoaId === s.id}
-          onToggle={(s) => setModalEoaId(modalEoaId === s.id ? null : s.id)}
-          onMint={async (kind) => {
-            const s = await createSigner(kind);
-            if (s) setModalEoaId(s.id);
-          }}
-        />
-      )}
+          </div>
 
-      <div className="flex flex-col gap-1">
-        <span className="text-[11px] tracking-[0.6px] text-bds-gray-60 dark:text-bds-gray-40">Address</span>
-        {modalAddress ? (
-          <span className="break-all font-sans text-[13px] text-foreground">{modalAddress}</span>
-        ) : modalType === 'eoa' ? (
-          <span className="text-[13px] text-bds-gray-60 dark:text-bds-gray-40">Pick a K1 key</span>
-        ) : modalSigners.length === 0 ? (
-          <span className="text-[13px] text-bds-gray-60 dark:text-bds-gray-40">Select at least one key</span>
-        ) : (
-          <span className="text-[13px] text-bds-red-60">duplicate key — pick distinct actors</span>
-        )}
-      </div>
+          {modalType === 'smart' ? (
+            <>
+              <KeyPicker
+                heading="Initial keys"
+                empty="Add a key below to include it as an initial owner."
+                signers={signers}
+                busy={busy}
+                mintKinds={['k1', 'p256', 'passkey']}
+                canDelete={(s) => !usedSignerIds.has(s.id)}
+                onDelete={deleteSigner}
+                isOn={(s) => modalIds.includes(s.id)}
+                onToggle={(s) =>
+                  setModalIds((prev) => (prev.includes(s.id) ? prev.filter((x) => x !== s.id) : [...prev, s.id]))
+                }
+                onMint={async (kind) => {
+                  const s = await createSigner(kind);
+                  if (s) setModalIds((prev) => [...prev, s.id]);
+                }}
+              />
+              <label className="flex flex-col gap-2 text-[14px] font-normal">
+                Salt
+                <div className="flex items-center gap-2 rounded-lg border border-bds-gray-10 bg-bds-gray-0 transition-colors focus-within:border-foreground dark:border-white/10 dark:bg-white/5 dark:focus-within:border-bds-blue-40">
+                  <input
+                    value={modalSalt}
+                    spellCheck={false}
+                    onChange={(e) => setModalSalt(e.target.value)}
+                    placeholder="0x… (32 bytes) or any phrase"
+                    className="min-w-0 flex-1 bg-transparent px-3.5 py-2.5 font-sans text-[13px] font-normal outline-none placeholder:text-bds-gray-40"
+                  />
+                  <Button
+                    size="sm"
+                    variant="secondary"
+                    onClick={randomizeCreateSalt}
+                    className="mr-1.5 shrink-0"
+                  >
+                    Randomize
+                  </Button>
+                </div>
+              </label>
+            </>
+          ) : (
+            <KeyPicker
+              heading="EOA key"
+              empty="Add a K1 key — its address becomes the account."
+              hint="Your EOA is the account. Its key stays a full owner and it delegates to DefaultAccount on first use. Runs on Vibenet (native 8130)."
+              signers={eoaSigners}
+              busy={busy}
+              mintKinds={['k1']}
+              canDelete={(s) => !usedSignerIds.has(s.id)}
+              onDelete={deleteSigner}
+              isOn={(s) => modalEoaId === s.id}
+              onToggle={(s) => setModalEoaId(modalEoaId === s.id ? null : s.id)}
+              onMint={async (kind) => {
+                const s = await createSigner(kind);
+                if (s) setModalEoaId(s.id);
+              }}
+            />
+          )}
+
+          <div className="flex flex-col gap-1">
+            <span className="text-[11px] tracking-[0.6px] text-bds-gray-60 dark:text-bds-gray-40">Address</span>
+            {modalAddress ? (
+              <span className="break-all font-sans text-[13px] text-foreground">{modalAddress}</span>
+            ) : modalType === 'eoa' ? (
+              <span className="text-[13px] text-bds-gray-60 dark:text-bds-gray-40">Pick a K1 key</span>
+            ) : modalSigners.length === 0 ? (
+              <span className="text-[13px] text-bds-gray-60 dark:text-bds-gray-40">Select at least one key</span>
+            ) : (
+              <span className="text-[13px] text-bds-red-60">duplicate key — pick distinct actors</span>
+            )}
+          </div>
+        </>
+      ) : null}
     </Modal>
   );
 }
@@ -207,20 +262,11 @@ function KeyPicker({
 }: KeyPickerProps) {
   return (
     <div className="flex flex-col gap-2">
-      <div className="flex items-center justify-between gap-2">
-        <Text variant="label" className="font-normal">
-          {heading}
-        </Text>
-        <div className="flex gap-2">
-          {mintKinds.map((kind) => (
-            <Button key={kind} variant="outline" size="sm" onClick={() => onMint(kind)} disabled={busy !== null}>
-              + {KIND_LABEL[kind]}
-            </Button>
-          ))}
-        </div>
-      </div>
+      <Text variant="label" className="font-normal">
+        {heading}
+      </Text>
       {signers.length === 0 ? (
-        <Text variant="footnote" tone="muted" className="py-2">
+        <Text variant="footnote" tone="muted" className="py-1">
           {empty}
         </Text>
       ) : (
@@ -228,6 +274,8 @@ function KeyPicker({
           {signers.map((s) => {
             const on = isOn(s);
             const deletable = Boolean(canDelete?.(s) && onDelete);
+            // A key that can't be deleted is bound to an existing account.
+            const inUse = Boolean(canDelete && !canDelete(s));
             return (
               <li key={s.id} className="flex items-stretch gap-1.5">
                 <button
@@ -259,12 +307,34 @@ function KeyPicker({
                   >
                     <TrashIcon size={15} />
                   </button>
+                ) : inUse ? (
+                  <span
+                    title="Bound to an account — can't be deleted"
+                    className="flex shrink-0 items-center rounded-lg border border-bds-gray-10 px-2 text-[11px] text-bds-gray-50 dark:border-white/10 dark:text-bds-gray-40"
+                  >
+                    in use
+                  </span>
                 ) : null}
               </li>
             );
           })}
         </ul>
       )}
+      {/* Mint controls sit at the foot of the list, styled like the "+ New
+          Account" affordance — one dashed button per available key kind. */}
+      <div className="flex gap-2">
+        {mintKinds.map((kind) => (
+          <button
+            key={kind}
+            type="button"
+            onClick={() => onMint(kind)}
+            disabled={busy !== null}
+            className="flex flex-1 items-center justify-center gap-1 rounded-lg border border-dashed border-bds-gray-15 px-3 py-2.5 text-[13px] text-bds-gray-60 transition-colors hover:border-base-blue hover:text-base-blue disabled:cursor-not-allowed disabled:opacity-50 dark:border-white/15 dark:text-bds-gray-40 dark:hover:border-bds-blue-60"
+          >
+            + {KIND_LABEL[kind]}
+          </button>
+        ))}
+      </div>
       {hint ? (
         <Text variant="footnote" tone="muted">
           {hint}
diff --git a/app/vibenet/demos/account/shared.ts b/app/vibenet/demos/account/shared.ts
index 879c87f..f73296a 100644
--- a/app/vibenet/demos/account/shared.ts
+++ b/app/vibenet/demos/account/shared.ts
@@ -32,6 +32,13 @@ export type Persisted = {
   genesisHash?: string;
 };
 
+/**
+ * Top-level choice in the create-account modal's "Account Type" selector.
+ * `default`/`passkey` are one-click flows (auto-pick or mint a key); `advanced`
+ * exposes the full smart-vs-EOA + keys + salt controls.
+ */
+export type CreateMode = 'default' | 'passkey' | 'advanced';
+
 export const KIND_LABEL: Record<SignerKind, string> = {
   k1: 'K1',
   p256: 'P-256',
diff --git a/app/vibenet/demos/account/useAccountEngine.ts b/app/vibenet/demos/account/useAccountEngine.ts
index 2a2603a..855b1bd 100644
--- a/app/vibenet/demos/account/useAccountEngine.ts
+++ b/app/vibenet/demos/account/useAccountEngine.ts
@@ -91,6 +91,7 @@ import {
 } from './library/policy';
 import {
   type Balances,
+  type CreateMode,
   KIND_LABEL,
   type Persisted,
   short,
@@ -334,6 +335,11 @@ export function useAccountEngine() {
 
   // Create modal.
   const [modalOpen, setModalOpen] = useState(false);
+  // Top-level creation mode surfaced as "Account Type" in the modal:
+  //   default  — EOA off your first unused K1 key (mint one if none)
+  //   passkey  — smart account owned by your first unused passkey (mint one if none)
+  //   advanced — pick smart/eoa + initial keys + salt by hand (`modalType` applies)
+  const [createMode, setCreateMode] = useState<CreateMode>('default');
   const [modalType, setModalType] = useState<AccountType>('eoa');
   const [modalLabel, setModalLabel] = useState('');
   const [modalSalt, setModalSalt] = useState(() => randomHex32());
@@ -852,14 +858,18 @@ export function useAccountEngine() {
         };
       }
       if (signers.some((s) => s.actorId === ws.actorId)) {
-        setError('That key is already in your wallet (same actor). Skipped.');
+        const msg = 'That key is already in your wallet (same actor). Skipped.';
+        setError(msg);
+        toast.error(msg);
         return null;
       }
       setSigners((prev) => [...prev, ws]);
       return ws;
     } catch (err) {
       const e = err as { message?: string; name?: string };
-      setError(e.name === 'NotAllowedError' ? 'Passkey prompt was dismissed.' : (e.message ?? String(err)));
+      const msg = e.name === 'NotAllowedError' ? 'Passkey prompt was dismissed.' : (e.message ?? String(err));
+      setError(msg);
+      toast.error(msg);
       return null;
     } finally {
       setBusy(null);
@@ -867,8 +877,9 @@ export function useAccountEngine() {
   };
 
   const openCreate = () => {
-    // Default to EOA — the simplest account to reason about (your key is the
-    // account); Smart is one click away in the modal.
+    // Default mode: a one-click EOA off your first key — the simplest account to
+    // reason about. Passkey and Advanced are one click away in the modal.
+    setCreateMode('default');
     setModalType('eoa');
     setModalLabel('');
     setModalSalt(randomHex32());
@@ -926,6 +937,16 @@ export function useAccountEngine() {
 
   // Create-modal derivations.
   const eoaSigners = useMemo(() => signers.filter((s) => s.kind === 'k1'), [signers]);
+  // The key each one-click mode will reuse (null → it will mint a fresh one).
+  // Single source of truth for both the modal's preview line and `createAccount`.
+  const defaultModeSigner = useMemo(
+    () => eoaSigners.find((s) => !usedSignerIds.has(s.id)) ?? null,
+    [eoaSigners, usedSignerIds],
+  );
+  const passkeyModeSigner = useMemo(
+    () => signers.find((s) => s.kind === 'passkey' && !usedSignerIds.has(s.id)) ?? null,
+    [signers, usedSignerIds],
+  );
   const modalEoaSigner = useMemo(() => eoaSigners.find((s) => s.id === modalEoaId) ?? null, [eoaSigners, modalEoaId]);
   const modalSigners = useMemo(() => signers.filter((s) => modalIds.includes(s.id)), [signers, modalIds]);
   const modalSalt32 = useMemo(() => normalizeSalt(modalSalt), [modalSalt]);
@@ -945,47 +966,66 @@ export function useAccountEngine() {
     }
   }, [modalType, modalEoaSigner, modalSigners, modalSalt32, code]);
 
-  const createAccount = () => {
-    if (!modalAddress) return;
-    if (modalType === 'eoa') {
-      if (!modalEoaSigner) return;
-      const selfActor = toStoredActor(modalEoaSigner);
-      const account: StoredAccount = {
-        id: crypto.randomUUID(),
-        label: modalLabel.trim() || `Account ${accounts.length + 1}`,
-        type: 'eoa',
-        saltField: '',
-        salt: `0x${'00'.repeat(32)}` as Hex,
-        address: modalAddress,
-        delegate: chain.deployment.accounts.default,
-        initialActors: [selfActor],
-        owners: [selfActor],
-        deployed: false,
-        configSeq: 0,
-        sessionKeys: [],
-        subAccounts: [],
-        createdAt: Date.now(),
-      };
-      addAccount(account);
-      pushActivity({
-        kind: 'create',
-        title: `EOA account · ${account.label}`,
-        detail: 'Delegates to DefaultAccount on first use',
-        account: account.address,
-      });
-      autoFundNewAccount(account.address);
-      setModalOpen(false);
-      return;
+  // Name pre-filled as the input placeholder (and used verbatim when the field
+  // is left blank), keyed off the current mode/type so it reads sensibly.
+  const suggestedName = useMemo(() => {
+    if (createMode === 'default') return 'Default';
+    if (createMode === 'passkey') return 'Passkey';
+    return modalType === 'eoa' ? 'EOA' : 'Smart Account';
+  }, [createMode, modalType]);
+
+  // Build + persist an EOA account: the signer's own K1 key IS the account and
+  // its default owner; it delegates to DefaultAccount on first use.
+  const buildEoaAccount = (signer: WalletSigner, label: string) => {
+    if (!signer.address) return;
+    const selfActor = toStoredActor(signer);
+    const account: StoredAccount = {
+      id: crypto.randomUUID(),
+      label,
+      type: 'eoa',
+      saltField: '',
+      salt: `0x${'00'.repeat(32)}` as Hex,
+      address: signer.address,
+      delegate: chain.deployment.accounts.default,
+      initialActors: [selfActor],
+      owners: [selfActor],
+      deployed: false,
+      configSeq: 0,
+      sessionKeys: [],
+      subAccounts: [],
+      createdAt: Date.now(),
+    };
+    addAccount(account);
+    pushActivity({
+      kind: 'create',
+      title: `EOA account · ${account.label}`,
+      detail: 'Delegates to DefaultAccount on first use',
+      account: account.address,
+    });
+    autoFundNewAccount(account.address);
+  };
+
+  // Build + persist a counterfactual smart account from its initial owner keys
+  // and salt. Returns false (no-op) if the keys collide or the address won't
+  // derive.
+  const buildSmartAccount = (chosen: WalletSigner[], salt32: Hex, saltField: string, label: string): boolean => {
+    if (chosen.length === 0) return false;
+    const ids = new Set(chosen.map((s) => s.actorId));
+    if (ids.size !== chosen.length) return false;
+    let address: Address;
+    try {
+      address = computeAddress({ userSalt: salt32, code, initialActors: sortActors(actorPairs(chosen)) });
+    } catch {
+      return false;
     }
-    if (modalSigners.length === 0) return;
-    const initialActors = modalSigners.map(toStoredActor);
+    const initialActors = chosen.map(toStoredActor);
     const account: StoredAccount = {
       id: crypto.randomUUID(),
-      label: modalLabel.trim() || `Account ${accounts.length + 1}`,
+      label,
       type: 'smart',
-      saltField: modalSalt,
-      salt: modalSalt32,
-      address: modalAddress,
+      saltField,
+      salt: salt32,
+      address,
       initialActors,
       owners: [...initialActors],
       deployed: false,
@@ -1002,8 +1042,51 @@ export function useAccountEngine() {
       changes: initialActors.map((a) => `${a.label} (${KIND_LABEL[a.kind]})`),
       account: account.address,
     });
-    autoFundNewAccount(account.address);
-    setModalOpen(false);
+    autoFundNewAccount(address);
+    return true;
+  };
+
+  // Keep the auto-suggested fallback name unique (Default, Default 2, …). A name
+  // the user typed by hand is respected as-is, collisions and all.
+  const uniqueAccountName = (base: string): string => {
+    const taken = new Set(accounts.map((a) => a.label));
+    if (!taken.has(base)) return base;
+    for (let n = 2; ; n++) {
+      const candidate = `${base} ${n}`;
+      if (!taken.has(candidate)) return candidate;
+    }
+  };
+
+  const createAccount = async () => {
+    const name = modalLabel.trim() || uniqueAccountName(suggestedName);
+
+    // Advanced: honour the hand-picked type, keys, and salt.
+    if (createMode === 'advanced') {
+      if (!modalAddress) return;
+      if (modalType === 'eoa') {
+        if (!modalEoaSigner) return;
+        buildEoaAccount(modalEoaSigner, name);
+      } else if (!buildSmartAccount(modalSigners, modalSalt32, modalSalt, name)) {
+        return;
+      }
+      setModalOpen(false);
+      return;
+    }
+
+    // Default: an EOA off your first unused K1 key (mint one if you have none).
+    if (createMode === 'default') {
+      const signer = defaultModeSigner ?? (await createSigner('k1'));
+      if (!signer) return;
+      buildEoaAccount(signer, name);
+      setModalOpen(false);
+      return;
+    }
+
+    // Passkey: a smart account owned by your first unused passkey (mint if none).
+    const signer = passkeyModeSigner ?? (await createSigner('passkey'));
+    if (!signer) return;
+    const saltField = randomHex32();
+    if (buildSmartAccount([signer], normalizeSalt(saltField), saltField, name)) setModalOpen(false);
   };
 
   // --- 8130 account handle + first-deploy change -------------------------
@@ -2240,6 +2323,9 @@ export function useAccountEngine() {
     // Create modal
     modalOpen,
     setModalOpen,
+    createMode,
+    setCreateMode,
+    suggestedName,
     modalType,
     setModalType,
     modalLabel,