Skip to content

azure-devops - Initial Migration to Backstage UI (BUI)#7599

Merged
awanlin merged 13 commits intobackstage:mainfrom
awanlin:azure-devops/mui-to-bui
Feb 21, 2026
Merged

azure-devops - Initial Migration to Backstage UI (BUI)#7599
awanlin merged 13 commits intobackstage:mainfrom
awanlin:azure-devops/mui-to-bui

Conversation

@awanlin
Copy link
Copy Markdown
Contributor

@awanlin awanlin commented Feb 13, 2026

Hey, I just made a Pull Request!

Initial Migration to Backstage UI (BUI) including Azure Pipelines, Azure Repos, Azure Repos Git Tags, and Azure Readme!

Before After
Screenshot 2026-02-13 at 3 27 58 PM Screenshot 2026-02-13 at 3 12 53 PM
Screenshot 2026-02-13 at 3 28 10 PM Screenshot 2026-02-13 at 3 13 25 PM
Screenshot 2026-02-13 at 3 28 21 PM Screenshot 2026-02-13 at 3 13 56 PM
Screenshot 2026-02-13 at 3 28 33 PM Screenshot 2026-02-13 at 3 14 20 PM

✔️ Checklist

  • A changeset describing the change and affected packages. (more info)
  • Added or updated documentation
  • Tests for new functionality and regression tests for bug fixes
  • Screenshots attached (for UI changes)
  • All your commits have a Signed-off-by line in the message. (more info)

Signed-off-by: Andre Wanlin <awanlin@spotify.com>
Signed-off-by: Andre Wanlin <awanlin@spotify.com>
Signed-off-by: Andre Wanlin <awanlin@spotify.com>
Signed-off-by: Andre Wanlin <awanlin@spotify.com>
Signed-off-by: Andre Wanlin <awanlin@spotify.com>
Signed-off-by: Andre Wanlin <awanlin@spotify.com>
Signed-off-by: Andre Wanlin <awanlin@spotify.com>
Signed-off-by: Andre Wanlin <awanlin@spotify.com>
Signed-off-by: Andre Wanlin <awanlin@spotify.com>
Signed-off-by: Andre Wanlin <awanlin@spotify.com>
Signed-off-by: Andre Wanlin <awanlin@spotify.com>
@awanlin awanlin requested a review from a team as a code owner February 13, 2026 21:36
@awanlin awanlin requested review from vinzscam and removed request for a team February 13, 2026 21:36
@backstage-goalie
Copy link
Copy Markdown
Contributor

Changed Packages

Package Name Package Path Changeset Bump Current Version
@backstage-community/plugin-azure-devops workspaces/azure-devops/plugins/azure-devops minor v0.26.0

Signed-off-by: Andre Wanlin <awanlin@spotify.com>
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Migrates the @backstage-community/plugin-azure-devops frontend surfaces to Backstage UI (BUI) components, aligning the Azure DevOps plugin pages/cards with the newer UI system.

Changes:

  • Replaces core-components/Material-UI based cards and tables with BUI Card, Table, useTable, SearchField, Skeleton, and related primitives.
  • Adds @backstage/ui dependency and updates the Azure DevOps workspace TypeScript version to ~5.4.0.
  • Updates plugin docs assets and introduces a changeset for a minor release.

Reviewed changes

Copilot reviewed 11 out of 16 changed files in this pull request and generated no comments.

Show a summary per file
File Description
workspaces/azure-devops/yarn.lock Adds @backstage/ui and bumps TypeScript resolution to ~5.4.0.
workspaces/azure-devops/plugins/azure-devops/src/components/ReadmeCard/ReadmeCard.tsx Migrates README card to BUI Card layout with skeleton loading and footer deep-link.
workspaces/azure-devops/plugins/azure-devops/src/components/ReadmeCard/ReadmeCard.module.css Introduces CSS module styles for the BUI README card body/scroll region.
workspaces/azure-devops/plugins/azure-devops/src/components/PullRequestTable/PullRequestTable.tsx Migrates PR table to BUI table with client-side search/sort and skeleton loading state.
workspaces/azure-devops/plugins/azure-devops/src/components/PullRequestStatusButtonGroup/PullRequestStatusButtonGroup.tsx Replaces MUI ButtonGroup with BUI ToggleButtonGroup.
workspaces/azure-devops/plugins/azure-devops/src/components/GitTagTable/GitTagTable.tsx Migrates Git tag table to BUI table with client-side search/sort and skeleton loading state.
workspaces/azure-devops/plugins/azure-devops/src/components/BuildTable/lib/EmptyBuildResults/EmptyBuildResults.tsx Updates empty-state styling to BUI primitives.
workspaces/azure-devops/plugins/azure-devops/src/components/BuildTable/BuildTable.tsx Migrates builds table to BUI table + search/sort, and updates status rendering to BUI primitives.
workspaces/azure-devops/plugins/azure-devops/src/components/BuildTable/BuildTable.stories.tsx Removes the Storybook stories for BuildTable.
workspaces/azure-devops/plugins/azure-devops/package.json Adds @backstage/ui dependency.
workspaces/azure-devops/plugins/azure-devops/docs/azure-devops-readme.png Adds updated documentation screenshot for README card.
workspaces/azure-devops/plugins/azure-devops/docs/azure-devops-pull-requests.png Adds updated documentation screenshot for pull requests table.
workspaces/azure-devops/plugins/azure-devops/docs/azure-devops-builds.png Adds updated documentation screenshot for builds table.
workspaces/azure-devops/package.json Bumps TypeScript devDependency to ~5.4.0.
workspaces/azure-devops/.changeset/flat-lobsters-speak.md Declares a minor changeset for the BUI migration.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copy link
Copy Markdown
Member

@vinzscam vinzscam left a comment

Choose a reason for hiding this comment

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

👍

Signed-off-by: Andre Wanlin <awanlin@spotify.com>
@awanlin awanlin merged commit 516a7f1 into backstage:main Feb 21, 2026
13 checks passed
@awanlin awanlin deleted the azure-devops/mui-to-bui branch March 2, 2026 15:14
evanlankveld pushed a commit to evanlankveld/community-plugins that referenced this pull request Apr 28, 2026
* Added BUI

Signed-off-by: Andre Wanlin <awanlin@spotify.com>

* Migrated ReadmeCard

Signed-off-by: Andre Wanlin <awanlin@spotify.com>

* Migrated GitTabTable

Signed-off-by: Andre Wanlin <awanlin@spotify.com>

* Migrated PullRequestStatusButtonGroup to BUI

Signed-off-by: Andre Wanlin <awanlin@spotify.com>

* Migrated PullRequestTable to BUI

Signed-off-by: Andre Wanlin <awanlin@spotify.com>

* Migrated EmptyBuildResults to BUI

Signed-off-by: Andre Wanlin <awanlin@spotify.com>

* Migrated the BuiltTable to BUI

Signed-off-by: Andre Wanlin <awanlin@spotify.com>

* Updated tables with BUI Skeletons

Signed-off-by: Andre Wanlin <awanlin@spotify.com>

* Updated link text

Signed-off-by: Andre Wanlin <awanlin@spotify.com>

* Updated docs images

Signed-off-by: Andre Wanlin <awanlin@spotify.com>

* Added changeset

Signed-off-by: Andre Wanlin <awanlin@spotify.com>

* Fix tsc:full errors

Signed-off-by: Andre Wanlin <awanlin@spotify.com>

* Added details about needing BUI

Signed-off-by: Andre Wanlin <awanlin@spotify.com>

---------

Signed-off-by: Andre Wanlin <awanlin@spotify.com>
Signed-off-by: Emiel van Lankveld <evanlankveld@bol.com>
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.

4 participants