Skip to content

feat(mosaic): Connected accounts wire up - #9946

Draft
austincalvelage wants to merge 17 commits into
mainfrom
austin/connected-accounts-wire-up
Draft

austincalvelage wants to merge 17 commits into
mainfrom
austin/connected-accounts-wire-up

Conversation

@austincalvelage

@austincalvelage austincalvelage commented Sep 25, 2026 •

Copy link
Copy Markdown
Member

Description

Wire the Mosaic connected accounts section to Clerk for connecting, reconnecting, and removing social accounts. Preserve provider availability, account restrictions, OAuth redirects, and API errors. Removal uses the existing Confirmation dialog. Add a live connected accounts page in Swingset.

The account panel accepts connected-account and wallet sections as ReactNode slots, replacing the parent data and action props. Slot callers can share the panel title ref to restore focus after removing the final item.

Session reverification UI is deferred. Requests that require reverification surface the API error.

Checklist

  • pnpm test runs as expected.
  • pnpm build runs as expected.
  • (If applicable) JSDoc comments have been added or updated for any package exports
  • (If applicable) Documentation has been updated

Type of change

  • 🐛 Bug fix
  • 🌟 New feature
  • 🔨 Breaking change
  • 📖 Refactoring / dependency upgrade / documentation
  • other:

@vercel

vercel Bot commented Sep 25, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
clerk-js-sandbox Ready Ready Preview Sep 29, 2026 10:57pm UTC
swingset Ready Ready Preview Sep 29, 2026 10:57pm UTC

Request Review

@changeset-bot

changeset-bot Bot commented Sep 25, 2026 •

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: c038867

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 0 packages

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@coderabbitai

coderabbitai Bot commented Sep 25, 2026

Copy link
Copy Markdown
Contributor

Important

Draft PR not reviewed

Draft PRs are not automatically reviewed by default.

  • Trigger a manual review

To automatically review draft PRs, update your CodeRabbit configuration:

reviews:
  auto_review:
    drafts: true

Comment @coderabbitai help to get the list of available commands.

@austincalvelage austincalvelage changed the title feat(mosiac): Connected accounts wire up feat(mosaic): Connected accounts wire up Sep 25, 2026
@austincalvelage
austincalvelage force-pushed the austin/connected-accounts-wire-up branch from a56d1d6 to da472c4 Compare September 25, 2026 20:16
@vercel
vercel Bot temporarily deployed to Preview – clerk-js-sandbox September 25, 2026 20:16 Inactive
@austincalvelage
austincalvelage force-pushed the austin/connected-accounts-wire-up branch 2 times, most recently from 2a5df4c to a73729f Compare September 25, 2026 21:12
@austincalvelage
austincalvelage force-pushed the austin/connected-accounts-wire-up branch from a73729f to a0df666 Compare September 25, 2026 21:43
@vercel
vercel Bot temporarily deployed to Preview – clerk-js-sandbox September 28, 2026 19:29 Inactive
@vercel
vercel Bot temporarily deployed to Preview – clerk-js-sandbox September 28, 2026 19:37 Inactive
@austincalvelage
austincalvelage force-pushed the austin/connected-accounts-wire-up branch 2 times, most recently from 4fbd075 to 1deb57a Compare September 28, 2026 20:03
@vercel
vercel Bot temporarily deployed to Preview – clerk-js-sandbox September 28, 2026 20:03 Inactive
@vercel
vercel Bot temporarily deployed to Preview – clerk-js-sandbox September 28, 2026 20:14 Inactive
@austincalvelage
austincalvelage force-pushed the austin/connected-accounts-wire-up branch from 34e83f5 to 4d50c80 Compare September 28, 2026 20:32
…ed accounts view

Connect shows a pending state and the other connect and reconnect actions are disabled while one runs. Monochrome provider logos render as masks so they stay visible in dark themes.
Adds UserProfileConnectedAccountsSection, which projects the user's external accounts and enabled providers, connects through createExternalAccount or the OAuth transport, reconnects by reauthorizing or recreating, and removes accounts. The profile panel accepts it through connectedAccountsSlot.
@pkg-pr-new

pkg-pr-new Bot commented Sep 29, 2026 •

Copy link
Copy Markdown

Open in StackBlitz

@clerk/astro

npm i https://pkg.pr.new/@clerk/astro@9946

@clerk/backend

npm i https://pkg.pr.new/@clerk/backend@9946

@clerk/chrome-extension

npm i https://pkg.pr.new/@clerk/chrome-extension@9946

@clerk/clerk-js

npm i https://pkg.pr.new/@clerk/clerk-js@9946

@clerk/electron

npm i https://pkg.pr.new/@clerk/electron@9946

@clerk/electron-passkeys

npm i https://pkg.pr.new/@clerk/electron-passkeys@9946

@clerk/eslint-plugin

npm i https://pkg.pr.new/@clerk/eslint-plugin@9946

@clerk/expo

npm i https://pkg.pr.new/@clerk/expo@9946

@clerk/expo-google-signin

npm i https://pkg.pr.new/@clerk/expo-google-signin@9946

@clerk/expo-passkeys

npm i https://pkg.pr.new/@clerk/expo-passkeys@9946

@clerk/express

npm i https://pkg.pr.new/@clerk/express@9946

@clerk/fastify

npm i https://pkg.pr.new/@clerk/fastify@9946

@clerk/hono

npm i https://pkg.pr.new/@clerk/hono@9946

@clerk/localizations

npm i https://pkg.pr.new/@clerk/localizations@9946

@clerk/mosaic

npm i https://pkg.pr.new/@clerk/mosaic@9946

@clerk/nextjs

npm i https://pkg.pr.new/@clerk/nextjs@9946

@clerk/nuxt

npm i https://pkg.pr.new/@clerk/nuxt@9946

@clerk/react

npm i https://pkg.pr.new/@clerk/react@9946

@clerk/react-router

npm i https://pkg.pr.new/@clerk/react-router@9946

@clerk/shared

npm i https://pkg.pr.new/@clerk/shared@9946

@clerk/tanstack-react-start

npm i https://pkg.pr.new/@clerk/tanstack-react-start@9946

@clerk/testing

npm i https://pkg.pr.new/@clerk/testing@9946

@clerk/ui

npm i https://pkg.pr.new/@clerk/ui@9946

@clerk/upgrade

npm i https://pkg.pr.new/@clerk/upgrade@9946

@clerk/vue

npm i https://pkg.pr.new/@clerk/vue@9946

commit: c038867

This branch was successfully deployed

2 active deployments
Preview – swingset — c038867a Deployed Sep 29, 2026 by vercel[bot]
Preview – clerk-js-sandbox — c038867a Deployed Sep 29, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant