chore(ui,clerk-js,shared): Display role sets migration status in `OrganizationProfile` #7534

LauraBeatris · 2026-01-05T17:06:43Z

Description

This PR introduces UI changes on OrganizationProfile for not allowing selecting roles when a role set is being migrated to the selected organization

It also displays a warning to clarify the disabled behavior

A docs PR will be raised afterwards to clarify the new FAPI has_role_set_migration property usage when building a custom roles picker

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

Summary by CodeRabbit

New Features
- Shows a warning alert when roles are temporarily locked during a role-set migration.
- Role selection controls are disabled while a role-set migration is in progress.
Documentation
- Added localized alert text explaining roles are temporarily locked and when updates will resume (multiple locales).
Tests
- Added tests covering disabled role controls and alert display during migration.
Style
- Refined alert text styling for clearer presentation.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

changeset-bot · 2026-01-05T17:06:47Z

🦋 Changeset detected

Latest commit: 6e29305

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

This PR includes changesets to release 19 packages

Name	Type
@clerk/localizations	Minor
@clerk/clerk-js	Minor
@clerk/shared	Minor
@clerk/ui	Minor
@clerk/react	Patch
@clerk/chrome-extension	Patch
@clerk/expo	Patch
@clerk/agent-toolkit	Patch
@clerk/astro	Patch
@clerk/backend	Patch
@clerk/expo-passkeys	Patch
@clerk/express	Patch
@clerk/fastify	Patch
@clerk/nextjs	Patch
@clerk/nuxt	Patch
@clerk/react-router	Patch
@clerk/tanstack-react-start	Patch
@clerk/testing	Patch
@clerk/vue	Patch

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

vercel · 2026-01-05T17:06:48Z

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

Project	Deployment	Review	Updated (UTC)
clerk-js-sandbox	Ready	Preview, Comment	Jan 5, 2026 9:57pm

coderabbitai · 2026-01-05T20:10:49Z

📝 Walkthrough

Walkthrough

The PR adds a has_role_set_migration flag through the stack. It updates a changeset with package version bumps; parses has_role_set_migration in Organization.getRoles and introduces GetRolesResponse; extends localization types and adds roleSetMigrationInProgress strings across many locales (including en-US); exposes hasRoleSetMigration from useFetchRoles; updates OrganizationProfile components to disable role selection and render warning Alerts when migration is active; tweaks Alert styling; and adds tests for the migration UI behavior.

Pre-merge checks

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately describes the main change: displaying role sets migration status in OrganizationProfile. It is specific, concise, and directly reflects the primary objective of preventing role selection during migrations.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

pkg-pr-new · 2026-01-05T20:12:35Z

Open in StackBlitz

@clerk/agent-toolkit

npm i https://pkg.pr.new/@clerk/agent-toolkit@7534

@clerk/astro

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

@clerk/backend

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

@clerk/chrome-extension

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

@clerk/clerk-js

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

@clerk/dev-cli

npm i https://pkg.pr.new/@clerk/dev-cli@7534

@clerk/expo

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

@clerk/expo-passkeys

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

@clerk/express

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

@clerk/fastify

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

@clerk/localizations

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

@clerk/nextjs

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

@clerk/nuxt

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

@clerk/react

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

@clerk/react-router

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

@clerk/shared

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

@clerk/tanstack-react-start

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

@clerk/testing

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

@clerk/ui

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

@clerk/upgrade

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

@clerk/vue

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

commit: 6e29305

packages/ui/src/elements/Alert.tsx

packages/localizations/src/en-US.ts

coderabbitai

Actionable comments posted: 1

Fix all issues with AI Agents 🤖

In @packages/localizations/src/sk-SK.ts:
- Around line 398-403: The alert messages under
alerts.roleSetMigrationInProgress use "Úlohy" (tasks) incorrectly; update both
title and subtitle to use "Roly" (roles) / appropriate Slovak plural for roles
to match existing translations (see other occurrences of "Rola" in this file).
Locate alerts.roleSetMigrationInProgress and replace "Úlohy sú dočasne
uzamknuté" and "Po dokončení budete môcť úlohy opäť aktualizovať." with wording
that uses "Roly" (e.g., "Roly sú dočasne uzamknuté" and "Po dokončení budete
môcť roly opäť aktualizovať.") ensuring grammatical correctness and consistency
with surrounding translations.

📜 Review details

Configuration used: Repository YAML (base), Organization UI (inherited)

Review profile: CHILL

Plan: Pro

Disabled knowledge base sources:

Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 5d4dcda and 6e29305.

📒 Files selected for processing (48)

packages/localizations/src/ar-SA.ts
packages/localizations/src/be-BY.ts
packages/localizations/src/bg-BG.ts
packages/localizations/src/bn-IN.ts
packages/localizations/src/ca-ES.ts
packages/localizations/src/cs-CZ.ts
packages/localizations/src/da-DK.ts
packages/localizations/src/de-DE.ts
packages/localizations/src/el-GR.ts
packages/localizations/src/en-GB.ts
packages/localizations/src/es-CR.ts
packages/localizations/src/es-ES.ts
packages/localizations/src/es-MX.ts
packages/localizations/src/es-UY.ts
packages/localizations/src/fa-IR.ts
packages/localizations/src/fi-FI.ts
packages/localizations/src/fr-FR.ts
packages/localizations/src/he-IL.ts
packages/localizations/src/hi-IN.ts
packages/localizations/src/hr-HR.ts
packages/localizations/src/hu-HU.ts
packages/localizations/src/id-ID.ts
packages/localizations/src/is-IS.ts
packages/localizations/src/it-IT.ts
packages/localizations/src/ja-JP.ts
packages/localizations/src/kk-KZ.ts
packages/localizations/src/ko-KR.ts
packages/localizations/src/mn-MN.ts
packages/localizations/src/ms-MY.ts
packages/localizations/src/nb-NO.ts
packages/localizations/src/nl-BE.ts
packages/localizations/src/nl-NL.ts
packages/localizations/src/pl-PL.ts
packages/localizations/src/pt-BR.ts
packages/localizations/src/pt-PT.ts
packages/localizations/src/ro-RO.ts
packages/localizations/src/ru-RU.ts
packages/localizations/src/sk-SK.ts
packages/localizations/src/sr-RS.ts
packages/localizations/src/sv-SE.ts
packages/localizations/src/ta-IN.ts
packages/localizations/src/te-IN.ts
packages/localizations/src/th-TH.ts
packages/localizations/src/tr-TR.ts
packages/localizations/src/uk-UA.ts
packages/localizations/src/vi-VN.ts
packages/localizations/src/zh-CN.ts
packages/localizations/src/zh-TW.ts

🧰 Additional context used

📓 Path-based instructions (12)

**/*.{js,jsx,ts,tsx}