Connected Accounts List
OAuth accounts with scopes and the guard rail on the only sign in method.
OAuth accounts with scopes and the guard rail on the only sign in method.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? 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.