Primitive 01 / Card

OAuth connect card

Provider logo tile, granted-scope chips, status chip with expiry, and a connect / disconnect button. Three live states — connected (Google), warning (Meta near-expiry) and disconnected (TikTok).

Production answer

OAuth connect card is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview OAuth connect card states
Generative search brief

OAuth connect card: Provider logo tile, granted-scope chips, status chip with expiry, and a connect / disconnect button. Three live states — connected (Google), warning (Meta near-expiry) and disconnected (TikTok).

Live primitive · three states · connected / warning / disconnected

Google Workspace

Connected
Granted scopes
  • calendar.events
  • drive.file
  • gmail.send
Token expiryin 28 days

Meta Business

Warning
Granted scopes
  • pages_manage_posts
  • instagram_basic
  • pages_read_engagement
Token expiryin 4 days

TikTok Business

Disconnected
Granted scopes
  • video.publish
  • user.info.basic
Token expiry—