Command Palette: Fix macOs label for sites unable to determine UA via PHP

[peterwilsoncc]

What?

Adds a JavaScript check of the User-Agent for displaying the text in the admin bar.

Closes #77636.
See Core-65121

Why?

On sites served over a CDN is it relatively common for the CDN to strip the User-Agent HTTP header, on macOS systems this causes the incorrect label to be displayed.

How?

Adds a JavaScript fallback to test the UA and determine the best label to use.

Testing Instructions

1. Buy a macOS computer/use BrowserStack on macOS.
2. In your wp-config.php file, add the code $_SERVER['HTTP_USER_AGENT'] = ''; to emulate a site behind a CDN stripping the header
3. Visit /wp-admin
4. Ensure the label is correct on this branch.
5. Ensure the label is incorrect on trunk
6. Remove the code added to the wp-config file to avoid confusion later.

Testing Instructions for Keyboard

N/A

Screenshots or screencast

Before	After

Use of AI Tools

N/A

[github-actions]

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: peterwilsoncc <peterwilsoncc@git.wordpress.org>
Co-authored-by: ramonjd <ramonopoly@git.wordpress.org>
Co-authored-by: westonruter <westonruter@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

[github-actions]

Flaky tests detected in 2408b28.
Some tests passed with failed attempts. The failures may not be related to this commit but are still reported for visibility. See the documentation for more information.

🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/25083639797
📝 Reported issues:

• [Flaky Test] Text blocks sync modifications between users #77329 in /test/e2e/specs/editor/collaboration/collaboration-block-gauntlet.spec.ts
• [Flaky Test] post title and content are editable and blocks can be inserted #77720 in /test/e2e/specs/editor/various/post-content-focus-mode.spec.js

[ramonjd]

Just left some questions. 👋🏻

[ramonjd]

do we only care about $_SERVER['HTTP_USER_AGENT']? if so could we skip the fallback if the string exists?

    // If PHP already has a reliable UA, trust it and skip the JS fallback.
    if ( ! empty( $_SERVER['HTTP_USER_AGENT'] ) ) {
        return;
    }

I was wondering why something like

$_SERVER['HTTP_USER_AGENT'] = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/147.0.0.0 Safari/537.36';

wasn't forcing the Ctrl+K. Is it because the JS always loads here?

[peterwilsoncc]

@ramonjd I've switched to navigator.platform as it's more reliable than UA sniffing. Due to the additional reliability I think having the script in place all the time will be helpful. I've also made a few other changes based on the reviews in WordPress/wordpress-develop#11636

[westonruter]

Works!

[github-actions]

I just cherry-picked this PR to the wp/7.0 branch to get it included in the next release: b30fe55