boost: revert @mui/icons-material back to @remixicon/react to align with BUI and upstream Backstage

[rohitkrai03]

Problem

PR #3743 (implementing #3736) migrated the boost frontend plugin from @remixicon/react to @mui/icons-material. This decision was made without design discussion and goes against the direction Backstage is heading with BUI.

Why this should be reverted

1. BUI depends on @remixicon/react internally — it's a direct dependency in @backstage/ui (package.json), not MUI icons.

2. The official MUI-to-BUI migration skill has a dedicated section "Icons: MUI Icons to Remix Icons" with a full mapping table. Migration checklist item Add dynamic-home-page workspace with backstage app and plugin scaffold #28: "Replace MUI icons with Remix icons." Both the upstream skill and the community-plugins skill say this.

3. Backstage's official icons documentation uses @remixicon/react in its example for adding custom icons to NFS apps (docs).

4. The community-plugins repo is actively migrating TO Remix icons — there's a dedicated migration tracker, a repo-wide migration issue, and PRs like the quay migration among many others — all replacing MUI icons with Remix.

5. Boost is a BUI-first, NFS-only plugin — it should set the standard for the repo, not follow legacy patterns. Moving to MUI icons adds an unnecessary dependency when we already get Remix transitively through BUI.

Expected behavior

Revert the changes from PR #3743:

1. Replace all @mui/icons-material icon imports with the original @remixicon/react icons.
2. Change SvgIconComponent types back to RemixiconComponentType.
3. Remove @mui/icons-material from plugins/boost/package.json dependencies.
4. Re-add @remixicon/react to plugins/boost/package.json dependencies.
5. Update boost-frontend-architecture.md Technology Stack table to confirm @remixicon/react (already done).

Scope

• Workspace: workspaces/boost
• Package: @red-hat-developer-hub/backstage-plugin-boost (plugins/boost)

Icon mapping (MUI to Remix, reverting #3743)

MUI icon	Remix icon	Used in
AutoFixHighOutlined	RiMagicLine	categoryMeta.ts (skill)
VerifiedUserOutlined	RiShieldCheckLine	categoryMeta.ts (rule)
DnsOutlined	RiServerLine	categoryMeta.ts (mcp-server)
SmartToyOutlined	RiRobotLine	categoryMeta.ts (ai-agent)
PsychologyOutlined	RiBrainLine	categoryMeta.ts (ai-model + fallback)
BuildOutlined	RiToolsLine	categoryMeta.ts (ai-tool)
StorageOutlined	RiDatabase2Line	categoryMeta.ts (vector-store)
PersonOutlined	RiUserLine	AiAssetCard.tsx
GridViewOutlined	RiGridLine	AiCatalogPage.tsx
ViewListOutlined	RiListUnordered	AiCatalogPage.tsx
CheckOutlined	RiCheckLine	AdoptionCard.tsx
ContentCopyOutlined	RiFileCopyLine	AdoptionCard.tsx

API differences to account for

• Sizing: MUI uses fontSize="small". Remix uses size={16} (pixels).
• Type: MUI's SvgIconComponent to Remix's RemixiconComponentType (import from @remixicon/react).
• Rendering: Both are React components rendered inline — <CheckOutlined /> becomes <RiCheckLine />.

Tests

No new test file needed. Existing tests do not assert on specific icon components. Verify that existing tests still pass after the swap.

Run yarn workspace @red-hat-developer-hub/backstage-plugin-boost test and yarn workspace @red-hat-developer-hub/backstage-plugin-boost tsc to confirm.

[rohitkrai03]

/fs-triage

[fullsend-ai-triage]

🤖 Finished Triage · ✅ Success · Started 2:22 PM UTC · Completed 2:25 PM UTC
Commit: 10f9b87 · View workflow run →

[fullsend-ai-triage]

Triage Summary

Severity: Medium · Category: Feature (revert/refactor)

Problem

PR #3743 migrated the boost plugin's icons from @remixicon/react to @mui/icons-material, conflicting with the direction Backstage is heading with BUI. BUI itself depends on @remixicon/react, and the official MUI-to-BUI migration skill explicitly instructs replacing MUI icons with Remix icons.

Root Cause

PR #3743 was merged without considering that BUI standardizes on Remix icons. The boost plugin, being BUI-first and NFS-only, should follow the upstream icon convention.

Recommended Fix

Revert the icon changes from PR #3743 across 4 files:

• categoryMeta.ts — 7 icon swaps
• AiAssetCard.tsx — 1 icon swap
• AiCatalogPage.tsx — 2 icon swaps
• AdoptionCard.tsx — 2 icon swaps

Key API differences: replace fontSize="small" with size={16}, change SvgIconComponent types to RemixiconComponentType, and swap the package dependency in plugins/boost/package.json.

Proposed Verification

yarn workspace @red-hat-developer-hub/backstage-plugin-boost test
yarn workspace @red-hat-developer-hub/backstage-plugin-boost tsc

Existing tests do not assert on specific icon components, so no new test files are needed. Verify that @mui/icons-material is removed from and @remixicon/react is added to the package dependencies.

The issue provides a complete icon mapping table and all details needed for implementation. Ready for development.

[rohitkrai03]

/fs-code

[fullsend-ai-coder]

🤖 Finished Code · ✅ Success · Started 3:23 PM UTC · Completed 3:37 PM UTC
Commit: 766e4aa · View workflow run →