[Bug]: Theme dev hot reload does not update order in section groups

[frandiox]

Please confirm that you have:

• Searched existing issues to see if your issue is a duplicate. (If you’ve found a duplicate issue, feel free to add additional information in a comment on it.)
• Reproduced the issue in the latest CLI version.

In which of these areas are you experiencing a problem?

Theme

Expected behavior

Hot reload should sort DOM nodes accordingly in the browser when order changes in a section group.

Actual behavior

The sections are updated but they are not sorted properly.

Verbose output

Verbose output

Reproduction steps

1. Run shopify theme dev
2. Modify order in sections/header-group.json. For example, move header before announcement-bar and save the file.
3. Check that the sections order in the browser have not been updated.

--

We are reloading each section separately but not the order. For reference, we should:

1. Send order information from the CLI down to the browser via existing SSE (around here).
2. After we have the updated sections in browser memory, use the order information to sort DOM nodes accordingly (around here).

Operating System

Mac OS Sequoia

Shopify CLI version (shopify --version)

3.70.0

Shell

No response

Node version (run node -v if you're not sure)

No response

What language and version are you using in your application?

No response

[github-actions]

This issue seems inactive. If it's still relevant, please add a comment saying so. Otherwise, take no action.
→ If there's no activity within a week, then a bot will automatically close this.
Thanks for helping to improve Shopify's dev tooling and experience.

P.S. You can learn more about why we stale issues here.