Promote dev → staging

apps/app/src/index.css

@@ -7978,8 +7978,9 @@ h1, h2, h3 {
   background: #000000;
   overflow: clip;
   /* /keys auto-scrolls here (WALM-675); offset by .dashboard-nav's sticky
-     height so the card header/Add key button don't land under the nav. */
-  scroll-margin-top: 128px;
+     height plus a gap, so the card's top edge isn't flush under the nav
+     (WALM-743). */
+  scroll-margin-top: calc(128px + 24px);
 }
 
 .dash-page .dashboard-keys-card .card-header {
@@ -8109,7 +8110,7 @@ h1, h2, h3 {
   }
 
   .dash-page .dashboard-keys-card {
-    scroll-margin-top: 92px;
+    scroll-margin-top: calc(92px + 16px);
   }
 
   .setup-classic-nav .nav-inner,

apps/app/src/pages/Dashboard.tsx

@@ -26,6 +26,7 @@ import { Card } from '../components/Card'
 import SecurityDeleteSection from '../components/SecurityDeleteSection'
 import { SecretValueInput } from '../components/SecretValueInput'
 import { config } from '../config'
+import { accountReadyCopy } from '../utils/accountReadyCopy'
 import { getAnalyticsErrorType, trackEvent } from '../utils/analytics'
 import { apiGet } from '../utils/api'
 import { fetchAccountIdForOwner, fetchObjectJson, publicKeyToHex } from '../utils/suiClientCompat'
@@ -307,6 +308,11 @@ export default function Dashboard({
     // Revoke has no one-time secret to protect, so its dialog can open
     // immediately — same direct-reset reasoning as justMintedKey above.
     const [justRemovedKeys, setJustRemovedKeys] = useState(false)
+    // What the dialog reports for a /keys action (WALM-743). Captured when the
+    // action succeeds: the add-key form resets its label and the revoke
+    // confirm state clears before the dialog opens.
+    const [mintedKeyLabel, setMintedKeyLabel] = useState('')
+    const [removedKeyCount, setRemovedKeyCount] = useState(0)
 
     // WalletSigner adapter — wraps dapp-kit hooks into SDK's WalletSigner interface
     const walletSigner = useMemo<WalletSigner | null>(() => {
@@ -473,6 +479,16 @@ export default function Dashboard({
         scrollToDelegateKeys()
     }, [autoScrollToKeys, isKeyListLoading, scrollToDelegateKeys])
 
+    // A first mint in this browser also saves the key, which mounts the SDK
+    // credentials card above the delegate keys section and pushes the one-time
+    // key block off screen (WALM-743). Bring the block back into view once it
+    // renders, so the user sees the key they must copy now.
+    const newKeyBlockRef = useRef<HTMLDivElement>(null)
+    useEffect(() => {
+        if (!newPrivateKey) return
+        newKeyBlockRef.current?.scrollIntoView({ behavior: 'smooth', block: 'center' })
+    }, [newPrivateKey])
+
     // Two distinct Console arrivals gate the same dialog: a key action
     // (mint or revoke) from /keys (fromKeys), or a brand-new account that
     // just finished /setup after coming from Console's "Set up"
@@ -483,6 +499,15 @@ export default function Dashboard({
         config.consoleUrl && !accountReadyDismissed && !removeKeysConfirm &&
         ((fromKeys && ((justMintedKey && !newPrivateKey) || justRemovedKeys)) || fromConsoleSetup)
     )
+    // Mint and revoke clear each other's flag, so the latest key action picks
+    // the copy. A /setup arrival with no /keys action keeps the new-account copy.
+    const accountReadyDialogCopy = accountReadyCopy(
+        justRemovedKeys
+            ? { kind: 'revoke', count: removedKeyCount }
+            : fromKeys && justMintedKey
+                ? { kind: 'mint', label: mintedKeyLabel }
+                : null
+    )
     const dismissAccountReadyDialog = useCallback(() => {
         setAccountReadyDismissed(true)
         setFromConsoleSetup(false)
@@ -684,6 +709,7 @@ export default function Dashboard({
 
             const delegatePublicKeyHex = bytesToHex(delegate.publicKey)
             setNewPrivateKey(delegate.privateKey)
+            setMintedKeyLabel(trimmedLabel)
             setDelegateKeys(delegate.privateKey, delegatePublicKeyHex, effectiveAccountObjectId!)
             closeAddKeyForm()
             setNewKeyLabel('New key')
@@ -775,6 +801,7 @@ export default function Dashboard({
             // can already be true from an earlier dismissed dialog, in which
             // case setting it to true again wouldn't change the dependency
             // and an effect-based reset would silently no-op.
+            setRemovedKeyCount(publicKeyHexes.length)
             setJustRemovedKeys(true)
             setJustMintedKey(false)
             setAccountReadyDismissed(false)
@@ -1395,7 +1422,11 @@ const result = await generateText({
                         </div>
                     )}
                     {newPrivateKey && (
-                        <div className="dashboard-key-ready-block" data-analytics-sensitive="new-delegate-private-key">
+                        <div
+                            ref={newKeyBlockRef}
+                            className="dashboard-key-ready-block"
+                            data-analytics-sensitive="new-delegate-private-key"
+                        >
                             <div className="warning-box dashboard-key-ready-warning">
                                 <TriangleAlert className="dashboard-key-ready-warning-icon" size={24} strokeWidth={2.3} aria-hidden="true" />
                                 <p>
@@ -1758,14 +1789,9 @@ const result = await generateText({
                             aria-describedby="dashboard-account-ready-description"
                         >
                             <div className="dashboard-confirm-copy dashboard-account-ready-body">
-                                {/* "Your account is ready" reads oddly after a revoke. */}
-                                <h3 id="dashboard-account-ready-title">
-                                    {justRemovedKeys ? 'Your keys are updated' : 'Your account is ready'}
-                                </h3>
+                                <h3 id="dashboard-account-ready-title">{accountReadyDialogCopy.title}</h3>
                                 <p id="dashboard-account-ready-description">
-                                    {justRemovedKeys
-                                        ? 'Head back to Walrus Console to see the change.'
-                                        : 'Finish connecting your account in Walrus Console.'}
+                                    {accountReadyDialogCopy.description}
                                 </p>
                             </div>
                             <div className="dashboard-confirm-actions dashboard-account-ready-actions">

apps/app/src/utils/accountReadyCopy.test.ts

@@ -0,0 +1,26 @@
+import { describe, expect, it } from 'vitest'
+import { accountReadyCopy } from './accountReadyCopy'
+
+describe('accountReadyCopy', () => {
+    it('names the minted key and points at Connected agents', () => {
+        expect(accountReadyCopy({ kind: 'mint', label: 'cli' })).toEqual({
+            title: '"cli" is ready',
+            description: 'Head back to Walrus Console. It will show up under Connected agents.',
+        })
+    })
+
+    it('counts the removed keys', () => {
+        expect(accountReadyCopy({ kind: 'revoke', count: 1 }).title).toBe('Key removed')
+        expect(accountReadyCopy({ kind: 'revoke', count: 3 }).title).toBe('3 keys removed')
+        expect(accountReadyCopy({ kind: 'revoke', count: 3 }).description).toBe(
+            'Head back to Walrus Console to see the change.',
+        )
+    })
+
+    it('keeps the new-account copy for a Set up arrival', () => {
+        expect(accountReadyCopy(null)).toEqual({
+            title: 'Your account is ready',
+            description: 'Finish connecting your account in Walrus Console.',
+        })
+    })
+})

apps/app/src/utils/accountReadyCopy.ts

@@ -0,0 +1,36 @@
+/**
+ * Copy for the dashboard's Back to Console dialog (WALM-675, WALM-743).
+ *
+ * The dialog opens for three Console arrivals, and each needs its own words:
+ * a user who minted or revoked a key from /keys is already linked, so the
+ * new-account "Finish connecting" copy reads wrong for them. Mint and revoke
+ * copy lines up with Console's return banner ("N agents added/removed",
+ * COMG-1093).
+ */
+export type LastKeyAction =
+    | { kind: 'mint'; label: string }
+    | { kind: 'revoke'; count: number }
+
+export interface AccountReadyCopy {
+    title: string
+    description: string
+}
+
+export function accountReadyCopy(action: LastKeyAction | null): AccountReadyCopy {
+    if (action?.kind === 'mint') {
+        return {
+            title: `"${action.label}" is ready`,
+            description: 'Head back to Walrus Console. It will show up under Connected agents.',
+        }
+    }
+    if (action?.kind === 'revoke') {
+        return {
+            title: action.count === 1 ? 'Key removed' : `${action.count} keys removed`,
+            description: 'Head back to Walrus Console to see the change.',
+        }
+    }
+    return {
+        title: 'Your account is ready',
+        description: 'Finish connecting your account in Walrus Console.',
+    }
+}