feat(ui): compose user profile panel

[austincalvelage]

Description

https://swingset-git-austin-user-profile-08-panel-composition.clerkstage.dev/user/user-profile-profile-panel

[changeset-bot]

🦋 Changeset detected

Latest commit: 26a7714

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

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
clerk-js-sandbox	Ready	Preview	Aug 14, 2026 8:34pm
swingset	Ready	Preview	Aug 14, 2026 8:34pm

[pkg-pr-new]

Open in StackBlitz

@clerk/astro

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

@clerk/backend

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

@clerk/chrome-extension

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

@clerk/clerk-js

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

@clerk/electron

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

@clerk/electron-passkeys

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

@clerk/eslint-plugin

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

@clerk/expo

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

@clerk/expo-google-signin

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

@clerk/expo-passkeys

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

@clerk/express

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

@clerk/fastify

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

@clerk/hono

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

@clerk/localizations

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

@clerk/nextjs

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

@clerk/nuxt

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

@clerk/react

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

@clerk/react-router

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

@clerk/shared

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

@clerk/tanstack-react-start

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

@clerk/testing

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

@clerk/ui

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

@clerk/upgrade

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

@clerk/vue

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

commit: 26a7714

[github-actions]

API Changes Report

Generated by Break Check on 2026-08-14T20:36:47.409Z

Summary

Metric	Count
Packages analyzed	19
Packages with changes	0
🔴 Breaking changes	0
🟡 Non-breaking changes	0
🟢 Additions	0

No API Changes Detected

All packages have stable APIs with no detected changes.

---

Report generated by Break Check

_{Last ran on 26a7714.}

[maxyinger]

sheesh these get long

[maxyinger]

I'm not super opposed, but does this break without the width: 100% on these? just wondering if it's redundant on here and the sections styles

[maxyinger]

we might want to be able to delineate on these in the future between an empty state and a null state. fine with leaving this for now tho and we can alter when we need it