chore: migrate @radix-ui/* packages to unified radix-ui#8981
Merged
Conversation
Replace 23 individual @radix-ui/react-* packages with the unified radix-ui@1.4.3 package. Ran `pnpm dlx shadcn@latest migrate radix` for components/ui/ files, then manually migrated remaining imports. Kept as separate dependencies: - @radix-ui/colors (not part of unified package) - @radix-ui/react-icons (not part of unified package) - @radix-ui/react-use-controllable-state (not part of unified package)
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Contributor
There was a problem hiding this comment.
Pull request overview
This PR migrates the frontend from many individual @radix-ui/react-* dependencies to the unified radix-ui@1.4.3 package, updating component and plugin imports accordingly.
Changes:
- Replace 23
@radix-ui/react-*dependencies withradix-ui@1.4.3(keeping@radix-ui/colors,@radix-ui/react-icons, and@radix-ui/react-use-controllable-state). - Update UI component wrappers and plugin code to import Radix primitives from
radix-ui. - Update the lockfile to reflect the new dependency graph.
Reviewed changes
Copilot reviewed 41 out of 42 changed files in this pull request and generated 2 comments.
Show a summary per file
| File | Description |
|---|---|
| pnpm-lock.yaml | Lockfile updates for unified radix-ui and related dependency graph changes |
| frontend/package.json | Swap multiple @radix-ui/react-* deps for radix-ui@1.4.3 |
| frontend/src/plugins/impl/DataTablePlugin.tsx | Use radix-ui Tooltip provider import pattern |
| frontend/src/plugins/impl/DataEditorPlugin.tsx | Use radix-ui Tooltip provider import pattern |
| frontend/src/plugins/impl/CheckboxPlugin.tsx | Update Checkbox type import to radix-ui |
| frontend/src/plugins/impl/chat/chat-ui.tsx | Update Popover Anchor import to radix-ui |
| frontend/src/plugins/impl/tests/DataTablePlugin.test.tsx | Update Tooltip provider import to radix-ui |
| frontend/src/plugins/core/BadPlugin.tsx | Update Accordion imports to radix-ui primitive namespace |
| frontend/src/core/edit-app.tsx | Update Tooltip provider import to radix-ui |
| frontend/src/core/codemirror/language/panel/sql.tsx | Update Select trigger prop typing import to radix-ui |
| frontend/src/components/ui/tooltip.tsx | Migrate Tooltip primitives import to radix-ui |
| frontend/src/components/ui/toggle.tsx | Migrate Toggle primitives import to radix-ui |
| frontend/src/components/ui/toast.tsx | Migrate Toast primitives import to radix-ui |
| frontend/src/components/ui/tabs.tsx | Migrate Tabs primitives import to radix-ui |
| frontend/src/components/ui/switch.tsx | Migrate Switch primitives import to radix-ui |
| frontend/src/components/ui/slider.tsx | Migrate Slider primitives import to radix-ui |
| frontend/src/components/ui/sheet.tsx | Migrate Dialog-as-Sheet primitives import to radix-ui |
| frontend/src/components/ui/select.tsx | Migrate Select primitives import to radix-ui |
| frontend/src/components/ui/scroll-area.tsx | Migrate ScrollArea primitives import to radix-ui |
| frontend/src/components/ui/range-slider.tsx | Migrate Slider primitives import to radix-ui |
| frontend/src/components/ui/radio-group.tsx | Migrate RadioGroup primitives import to radix-ui |
| frontend/src/components/ui/progress.tsx | Migrate Progress primitives import to radix-ui |
| frontend/src/components/ui/popover.tsx | Migrate Popover primitives import to radix-ui |
| frontend/src/components/ui/navigation.tsx | Migrate NavigationMenu primitives import to radix-ui |
| frontend/src/components/ui/label.tsx | Migrate Label primitives import to radix-ui |
| frontend/src/components/ui/fullscreen.tsx | Update Popover content prop typing import to radix-ui |
| frontend/src/components/ui/form.tsx | Migrate Slot/Label usage to radix-ui |
| frontend/src/components/ui/dropdown-menu.tsx | Migrate DropdownMenu primitives import to radix-ui |
| frontend/src/components/ui/draggable-popover.tsx | Update Popover prop typing import to radix-ui |
| frontend/src/components/ui/dialog.tsx | Migrate Dialog primitives import to radix-ui |
| frontend/src/components/ui/context-menu.tsx | Migrate ContextMenu primitives import to radix-ui |
| frontend/src/components/ui/command.tsx | Update Dialog prop typing import to radix-ui |
| frontend/src/components/ui/checkbox.tsx | Migrate Checkbox primitives import to radix-ui |
| frontend/src/components/ui/button.tsx | Migrate Slot usage to radix-ui |
| frontend/src/components/ui/alert-dialog.tsx | Migrate AlertDialog primitives import to radix-ui |
| frontend/src/components/ui/accordion.tsx | Migrate Accordion primitives import to radix-ui |
| frontend/src/components/editor/header/filename-input.tsx | Update Popover Anchor import to radix-ui |
| frontend/src/components/editor/chrome/wrapper/app-chrome.tsx | Update Tooltip provider import to radix-ui |
| frontend/src/components/editor/chrome/components/feedback-button.tsx | Migrate Slot usage to radix-ui |
| frontend/src/components/editor/chrome/components/contribute-snippet-button.tsx | Migrate Slot usage to radix-ui |
| frontend/src/components/data-table/columns.tsx | Update Popover Close import to radix-ui |
| frontend/src/components/data-table/charts/components/chart-items.tsx | Update Select primitives import to radix-ui |
Files not reviewed (1)
- pnpm-lock.yaml: Language not supported
kirangadhave
approved these changes
Apr 2, 2026
kirangadhave
left a comment
Member
There was a problem hiding this comment.
🚀 migration looks great!
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Replace 23 individual @radix-ui/react-* packages with the unified
radix-ui@1.4.3 package. Ran
pnpm dlx shadcn@latest migrate radixfor components/ui/ files, then manually migrated remaining imports.
Kept as separate dependencies: