Skip to content

feat(ui): add the Mosaic user profile password section - #9750

Draft
kylemac wants to merge 2 commits into
mainfrom
kylemac/security-panel-password-section
Draft

kylemac wants to merge 2 commits into
mainfrom
kylemac/security-panel-password-section

Conversation

@kylemac

@kylemac kylemac commented Sep 14, 2026

Copy link
Copy Markdown
Contributor

TLDR from a Human

  • First pass at implementing the Password Section for UserProfile. Also documents it in Swingset

AI Description

Implements the password section of the Mosaic UserProfileSecurityPanel, following the edit-name and edit-username flows: a leaf section view owning a machine-backed controller and a dialog view that sets or changes the password. The dialog carries every state of the shipped PasswordForm: set vs. change copy, the current-password field when the account has a password and reverification is off, a confirm field that must match, the sign-out-of-other-devices checkbox, an inert read-only mode for enterprise-only accounts, pending and failure states with banner and field-scoped errors, and an eye toggle on each field via InputGroup. The security panel replaces onChangePassword with onSubmitPassword, requiresCurrentPassword, and isPasswordReadOnly, and renders the section whenever a password exists or can be set. Swingset gains a fixture and five stories for the section, and the security panel and profile fixtures drive the real dialog.

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 14, 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 14, 2026 4:26pm UTC
swingset Ready Ready Preview Sep 14, 2026 4:26pm UTC

Request Review

@changeset-bot

changeset-bot Bot commented Sep 14, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 63b3acc

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 14, 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.

@pkg-pr-new

pkg-pr-new Bot commented Sep 14, 2026

Copy link
Copy Markdown

Open in StackBlitz

@clerk/astro

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

@clerk/backend

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

@clerk/chrome-extension

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

@clerk/clerk-js

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

@clerk/electron

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

@clerk/electron-passkeys

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

@clerk/eslint-plugin

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

@clerk/expo

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

@clerk/expo-google-signin

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

@clerk/expo-passkeys

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

@clerk/express

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

@clerk/fastify

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

@clerk/hono

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

@clerk/localizations

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

@clerk/nextjs

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

@clerk/nuxt

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

@clerk/react

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

@clerk/react-router

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

@clerk/shared

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

@clerk/tanstack-react-start

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

@clerk/testing

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

@clerk/ui

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

@clerk/upgrade

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

@clerk/vue

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

commit: 63b3acc

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