Connector hub primitives
Central control surface for the Mufflermen workshop — OAuth flows for Google, Meta, Stripe, Xero and Shopify; an API key vault for Replicate, OpenAI and Payload; webhooks for Stripe payments, Shopify orders and Twilio SMS; rate limits, retry policies, mapping, schedules, quotas and a full audit trail. Visual reference only — no real backend wired.
Connector hub primitives is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Connector hub primitives: Central control surface for the Mufflermen workshop — OAuth flows for Google, Meta, Stripe, Xero and Shopify; an API key vault for Replicate, OpenAI and Payload; webhooks for Stripe payments, Shopify orders and Twilio SMS; rate limits, retry policies, mapping, schedules, quotas and a full audit trail. Visual reference only — no real backend wired.
OAuth connect card
Provider logo tile, granted scopes, status chip, token expiry and a connect / disconnect button per OAuth provider.
API key vault row
Symbolic key name, masked secret preview, rotation cadence, days-until-due countdown and a reveal / copy / rotate strip.
Webhook config card
Endpoint URL, masked signing secret and event-filter checkboxes for inbound webhooks (Stripe, Shopify, Twilio).
Rate limit gauge
Radial gauge — quota used / remaining with a reset countdown for Google, OpenAI and Replicate API caps.
Retry policy card
Initial backoff, multiplier and max attempts, with a jitter toggle that fans the timeline to a min/max window.
Integration health tile
Provider tile — current status, last-sync, error rate and a 10-sample error-rate sparkline.
Event relay table
Inbound webhook event log — received-at, source, event code, HTTP code, outcome chip and a replay button per row.
Scope permission grid
Granted / requested / denied scope cells per OAuth provider — Google, Meta, Stripe, Xero, Shopify in one matrix.
Provider directory card
Marketplace catalog card — provider logo, one-line description, category chip and install count.
Data mapping row
Source-field → target-field row with type chips, a transform function chip and required / validation badges.
Sync schedule card
Cron expression with timezone, last-run plus next-run preview and a 12-cell recent outcomes strip.
Connection test result
Test-call summary — HTTP status code, latency, region and a JSON sample payload in a code block.
Quota purchase card
Segmented usage meter plus three tiers — Starter, Studio, Scale — with current and recommended badges.
Audit trail row
Per-action audit entry — connector, actor avatar, IP, timestamp and a free-text note line.
Full integration hub
End-to-end hub composition — directory, OAuth, secrets, webhooks, schedules, health, rate limits, event relay and audit trail.