Search blocks by description or jump to a page.
OAuth accounts with scopes and the guard rail on the only sign in method.
The source for every Application block is included with Pro and Team. Start a plan to copy the code.
Already on a plan? Log in
Connected Accounts List is the personal account connections panel for avery@acme.com: three ruled rows for Google (sign in), GitHub (repository access), and Figma (design embeds, expired Jun 8). Each row carries the connected date, a scopes summary, and a Disconnect or Reconnect button. The Google row disables its Disconnect button and shows the guard rail inline: disconnecting Google removes your only sign in method, add a password in Security settings first. The footer notes that revoking a token takes effect within minutes and imported data stays until you delete it.
Accounts are one array with an expired flag and a guardRail field that renders below the row when set. The disabled button plus the guard rail text is the pattern that stops a lockout.
Reach for this block on the personal security or account settings page, wired to your connected accounts endpoint. The guard rail condition should be server-derived: disabled when the user has no password and only one OAuth provider.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the personal OAuth connections panel. Other account list shapes:
Tip: the guard rail works only if the server knows the account state; derive the disabled flag from your auth model, not from the client.