Use the new DevSessionUI for dev sessions

[isaacroldan]

WHY are these changes introduced?

Building on the previous PR, this one starts using the new UI component for Dev sessions.

WHAT is this pull request doing?

• Update ui.tsx to render the new component when using dev-sessions.
• Abort operations have been extracted from the component itself (the UI component should not make API requests)

How to test your changes?

1. Start a dev-session with app managament shopify app dev
2. Verify that the new UI appears (you should see logs about the dev-session and more pastel colors)
3. Do the same with a normal dev
4. Verify that the old UI appears (no dev-session logs, bright colors)

Checklist

• I've considered possible cross-platform impacts (Mac, Linux, Windows)
• I've considered possible documentation changes

[isaacroldan]

• Refactor devStatusManager from singleton to injected instance #5323
• Remove all traces of dev-sessions from Dev.tsx #5322
• Use the new DevSessionUI for dev sessions #5321 👈 (View in Graphite)
• Create a new UI component for DevSessions #5320
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

[github-actions]

Coverage report

St.❔	Category	Percentage	Covered / Total
🟡	Statements	75.5% (+0.02% 🔼)	9008/11931
🟡	Branches	70.7% (+0.03% 🔼)	4396/6218
🟡	Functions	75.32% (+0.01% 🔼)	2365/3140
🟡	Lines	76.02% (+0.02% 🔼)	8510/11195

Test suite run success

2035 tests passing in 909 suites.

Report generated by 🧪jest coverage report action from 72d196c

[github-actions]

We detected some changes at packages/*/src and there are no updates in the .changeset.
If the changes are user-facing, run "pnpm changeset add" to track your changes and include them in the next release CHANGELOG.

[craigmichaelmartin]

/snapit

[github-actions]

🫰✨ Thanks @craigmichaelmartin! Your snapshot has been published to npm.

Test the snapshot by intalling your package globally:

pnpm i -g @shopify/cli@0.0.0-snapshot-20250130135132

After installing, validate the version by running just shopify in your terminal
If the versions don't match, you might have multiple global instances installed.
Use which shopify to find out which one you are running and uninstall it.