Skip to main content

Migration

What is ready and what is left, product by product. Read on the products' main branches on 2026-10-27.

Where each product stands

Where each product stands
OpenCTIOpenAEVXTM CRQXTM HubXTM One
Component uses on the libraryshare of all component uses, old and new32 %51 %82 %74 %57 %
Uses already on the libraryrendered from the library today2,2502,9011,6398123,057
Library components in useof which finished: nothing old left31 · 9 finished32 · 17 finished28 · 27 finished26 · 25 finished21 · 20 finished
Component uses to migrate nowthe library already has their component2,8711,735982092,290
Waiting on the librarytheir component is still to build1,6279761197863
No library answer yetno component planned21511213100
Styling and layout to TailwindBox, Stack, Grid, useTheme, alpha…: utility classes and tokens, not components3,2572,870000

Component by component

  • Doneuses the library, nothing old left
  • 12 leftuses the library, old uses still to replace
  • 12 to migratethe library has it, the product has not started
  • 12 waitingthe library component is not built yet
  • — not used by the product
Library components per product: what is done, under way, ready to migrate or waiting on the library.
ComponentLibraryOpenCTIOpenAEVXTM CRQXTM HubXTM One
Ready in the library (40)
Built27 to migrate78 to migrateDoneDone1,349 to migrate
Built530 left853 leftDoneDonenot used
Built13 leftDonenot usednot used893 to migrate
Built318 left344 to migrateDoneDoneDone
Built339 to migrate67 to migrate89 to migrate15 to migrate35 to migrate
Built493 left7 leftDoneDoneDone
Built355 left116 leftDoneDoneDone
Built210 left51 left1 left148 left13 left
Built211 left108 to migrateDoneDonenot used
Built105 left25 leftDonenot usednot used
Built84 left7 leftDoneDoneDone
Built15 to migrate2 to migrate7 to migrate43 to migratenot used
Built54 left13 leftDonenot usednot used
Built36 to migrate11 to migrate1 to migrate3 to migratenot used
Built7 left18 leftDoneDoneDone
Built9 left8 leftDonenot usedDone
Built10 to migrate7 leftDoneDonenot used
Built11 left3 leftDoneDoneDone
Built13 leftDoneDoneDoneDone
Built6 left6 leftDoneDonenot used
Built12 leftDonenot usedDoneDone
Built1 left5 leftDoneDoneDone
Built3 left1 leftDoneDoneDone
Built1 left3 to migratenot usednot usednot used
Built3 leftDoneDoneDonenot used
Built1 left1 leftDoneDoneDone
Built2 leftDoneDoneDoneDone
Built1 to migrate1 to migratenot usedDoneDone
Built1 to migrateDonenot usednot usednot used
BuiltDoneDoneDoneDonenot used
BuiltDoneDoneDoneDonenot used
Builtnot usedDonenot usedDonenot used
BuiltDoneDonenot usedDonenot used
Builtnot usedDonenot usednot usednot used
BuiltDoneDoneDonenot usedDone
BuiltDoneDoneDonenot usedDone
BuiltDoneDoneDonenot usedDone
BuiltDoneDonenot usednot usedDone
BuiltDoneDoneDoneDoneDone
BuiltDoneDoneDoneDoneDone
Still to build in the library (6)
To buildPriority 1224 waiting70 waiting80 waiting33 waiting5 waiting
To buildPriority 21,262 waiting844 waitingnot usednot usednot used
To buildPriority 417 waiting9 waiting9 waiting6 waitingnot used
To buildPriority 1377 waiting32 waiting24 waiting21 waitingnot used
To buildPriority 19not used7 waitingnot usednot used58 waiting
To buildPriority 2047 waiting14 waiting6 waiting18 waitingnot used

A use is a rendered element (<Typography> counts once), on each product’s main branch, old side and library side alike. Old means MUI, @filigran/ui, or home-made — a component the product built itself under the library component’s name, without the library or only on other library pieces. A local re-export of a library component, or a local component that renders the one it is named after, counts as the library. Unfold a row to see what it replaces, product by product.

Replaced by Tailwind utilities or tokens (29)

Layout and theming primitives: they become utility classes, not components.

Replaced by Tailwind utilities or tokens
In useOpenCTIOpenAEVXTM CRQXTM HubXTM One
Boxlayout wrapper -> <div> + flex/grid utilities6661,217———
useThemetheme hook -> design tokens (CSS variables)788767———
Gridlayout -> grid utilities1,04289———
alphacolour math -> colour tokens with alpha90609———
Stacklayout wrapper -> flex utilities (gap-*, flex-col)34761———
createThemetheme infra -> tokens, no runtime theme object2975———
SxPropssx typing -> utility classes64————
Themetheme type -> tokens519———
ThemeOptionstheme-config type -> tokens30————
styledstyling API -> utility classes215———
makeStyleslegacy styling API -> utility classes24————
greencolour palette import -> colour tokens135———
indigocolour palette import -> colour tokens83———
lightencolour math -> colour tokens74———
redcolour palette import -> colour tokens92———
createStyleslegacy styling helper -> utility classes10————
darkencolour math -> colour tokens46———
orangecolour palette import -> colour tokens64———
CssBaselineglobal reset -> globals.css / token layer44———
deepPurplecolour palette import -> colour tokens62———
pinkcolour palette import -> colour tokens8————
StyledEngineProvidertheme infra -> token layer44———
deepOrangecolour palette import -> colour tokens6————
tealcolour palette import -> colour tokens6————
yellowcolour palette import -> colour tokens6————
lightGreencolour palette import -> colour tokens4————
ThemeProvidertheme infra -> token layer (theme.css)22———
lightBluecolour palette import -> colour tokens—2———
withThemelegacy HOC -> tokens2————
No library equivalent yet (72)

Used by the products, with no library component planned for them so far.

No library equivalent yet
In useOpenCTIOpenAEVXTM CRQXTM HubXTM One
ColumnDefWithOptionsHeader——61——
Slide376———
useToast——43——
Step1311———
StepButton124———
StepLabel77———
Stepper68———
ButtonBase112———
buttonClasses66———
SvgIcon—12———
CollapseIn the side navigation: NavbarSubmenu92———
Link—8———
TimelineDot8————
toast——8——
GridTypeMap6————
PickerChangeHandlerContext6————
TableSortLabel—6———
Timeline6————
TimelineConnector6————
TimelineContent6————
TimelineItem6————
TimelineOppositeContent6————
TimelineSeparator6————
ClickAwayListener41———
LoginLayout——5——
SelectionState——5——
AutocompleteChangeReason4————
capitalize—4———
DataTableSelectionConfig——4——
enUS—4———
Grow4————
SpeedDialAction4————
AdapterDateFns3————
AutocompleteValue3————
ButtonGroup21———
CommonColors3————
OverridableComponent3————
PaletteMode3————
tooltipClasses3————
TypeText3————
AutocompleteInputChangeReason2————
AutocompleteRenderValue2————
CreateCSSProperties2————
DatatableI18nKey——2——
DateValidationError2————
deDE—2———
esES—2———
frFR—2———
getContrastRatio2————
ImageListItemBar2————
itIT—2———
jaJP—2———
koKR—2———
Modal2————
ruRU—2———
SnackbarCloseReason2————
SpeedDial2————
SpeedDialIcon2————
SvgIconTypeMap2————
TypeBackground2————
useMediaQuery—2———
zhCN—2———
Backdrop—1———
CalendarIcon1————
GlobalStyles—1———
ImageListItem1————
ListItemAvatar1————
ListSubheader1————
LocalizationProvider1————
LoginPage——1——
ToastAction——1——
Toaster——1——
Finished since 2026-07-06 (54)

No product imports these any more:

GridLegacy (282), Input (120), SelectItem (118), SelectContent (84), SelectTrigger (84), Checkbox (80), TooltipContent (58), TooltipTrigger (58), TooltipProvider (56), SelectValue (53), Fab (51), Grid2 (36), AlertDialog (28), AlertDialogAction (27), AlertDialogCancel (27), AlertDialogContent (27), AlertDialogDescription (27), AlertDialogFooter (27), AlertDialogHeader (27), AlertDialogTitle (27), RadioGroup (21), Combobox (18), Textarea (13), TabPanel (12), TabsTrigger (8), buttonVariants (7), DropdownMenu (6), DropdownMenuContent (6), DropdownMenuTrigger (6), TabContext (6), TabsList (6), DropdownMenuItem (5), MultiSelectFormField (5), createFilterOptions (4), TreeSelect (4), Breadcrumb (3), BreadcrumbItem (3), BreadcrumbLink (3), BreadcrumbList (3), Breadcrumbs (3), CardFooter (3), Command (3), CommandGroup (3), CommandItem (3), CommandList (3), DropdownMenuLabel (3), FormDescription (3), LoadingButton (3), TabList (3), BreadcrumbSeparator (2), ClearIcon (2), DropdownMenuSeparator (2), OverridableStringUnion (2), TextFieldVariants (2)

Generated from process/product-scan.json (OpenCTI 5837b6928f · OpenAEV 8b216f6454 · XTM CRQ 028a52af4b · XTM Hub 852e8e4467 · XTM One 66016ae518), process/mui-inventory.json (the 2026-07-06 baseline), process/mui-crosswalk.json and ROADMAP.json. 44 type-only imports (ButtonProps, type Theme…) are left out: they go away with their component.