Skip to content

Migration - Base UI based registry components#2424

Open
SpicyPete wants to merge 39 commits intomasterfrom
pz/connect-exploration
Open

Migration - Base UI based registry components#2424
SpicyPete wants to merge 39 commits intomasterfrom
pz/connect-exploration

Conversation

@SpicyPete
Copy link
Copy Markdown

@SpicyPete SpicyPete commented Apr 24, 2026

Summary

  • Registry recently moved from Radix-ui to base-ui
  • Bringing in the most recent base-ui based components
  • The majority of the PR updates are registry related
  • Shouldn't be many usage changes, a drop-in replacement

Notes:

  • Replaced the user-preferences dialog with registry components to help surface some registry bugs
  • Registry components now have dependency version requirements
  • Zod 3 -> 4, some fields got renamed
  • Chakra relied on date-fns-tz, replaced the components which used this with a local date-time-input component + shim the date-fns-tz so the Chakra components can still compile.

Todo

  • Integration tests passing
  • Some registry PR's which resolve some of the issues surfaced from this PR.

@SpicyPete SpicyPete requested review from a team, jvorcak and weeco and removed request for a team April 24, 2026 18:15
@SpicyPete SpicyPete marked this pull request as draft April 24, 2026 18:16
<Field data-invalid={fieldState.invalid}>
<FieldLabel required>Scopes</FieldLabel>
<MultiSelect
items={SCOPE_OPTIONS}
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

How do item options get shared with multi select?

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

{SCOPE_OPTIONS.map((option) => (
Just below this in the file we are mapping over SCOPE_OPTIONS again, so before we were passing them in twice, but only 1 was being used.

@SpicyPete SpicyPete requested a review from malinskibeniamin May 1, 2026 21:17
@SpicyPete SpicyPete marked this pull request as ready for review May 4, 2026 18:45
@SpicyPete
Copy link
Copy Markdown
Author

@malinskibeniamin I think this is ready for a review this week. Fixed a bunch of registry components over the last week, and brought the latest versions all into here now.
Most of the surface are of the changes are in the new components, and converted the user-preference dialog to our new components to solve some issues in it.

Comment thread frontend/components.json
},
"iconLibrary": "lucide"
"iconLibrary": "lucide",
"registries": {
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👏

Comment thread frontend/package.json Outdated
Comment thread frontend/src/components/ai-elements/context.tsx Outdated
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think AI elements deserve a separate look because they were originally pulled in from the https://elements.ai-sdk.dev/components/context for example

Text,
} from '@redpanda-data/ui';
import { TrashIcon } from 'components/icons';
import { DateTimeInput } from 'components/ui/date-time-input';
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

Comment thread frontend/package.json
"@tanstack/react-form": "^1.12.3",
"@tanstack/react-query": "^5.90.7",
"@tanstack/react-router": "^1.158.0",
"@tanstack/react-router": "^1.168.10",
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants