Advertise the command palette in the admin bar by brandonpayton · Pull Request #10985 · WordPress/wordpress-develop

brandonpayton · 2026-02-20T02:54:12Z

This PR adds a button to invoke the command palette from the admin bar. The button label renders the symbolic "Command K" for Mac and "Ctrl+K" on all other platforms.

@annezazu mentioned the possibility of using AI and Playground for addressing this ticket, and we gave it a shot with Claude. It took some correction, but the result seems simple enough. I'm not sure whether the hotkey text should be translatable but guess it does not.

Trac ticket: https://core.trac.wordpress.org/ticket/64672

Use of AI Tools

This patch was generated using Claude Code with a few manual changes.

This Pull Request is for code review only. Please keep all other discussion in the Trac ticket. Do not merge this Pull Request. See GitHub Pull Requests for Code Review in the Core Handbook for more details.

github-actions · 2026-02-20T02:54:21Z

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.

Core Committers: Use this line as a base for the props when committing in SVN:

Props bpayton.

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

github-actions · 2026-02-20T03:02:01Z

Test using WordPress Playground

The changes in this pull request can previewed and tested using a WordPress Playground instance.

WordPress Playground is an experimental project that creates a full WordPress instance entirely within the browser.

Some things to be aware of

All changes will be lost when closing a tab with a Playground instance.
All changes will be lost when refreshing the page.
A fresh instance is created each time the link below is clicked.
Every time this pull request is updated, a new ZIP file containing all changes is created. If changes are not reflected in the Playground instance,
it's possible that the most recent build failed, or has not completed. Check the list of workflow runs to be sure.

For more details about these limitations and more, check out the Limitations page in the WordPress Playground documentation.

Test this pull request with WordPress Playground.

mukeshpanchal27 · 2026-02-20T06:48:58Z

src/wp-includes/admin-bar.php

+	wp_add_inline_script(
+		'admin-bar',
+		'( function() {
+			var isMac = window.navigator.platform.indexOf( "Mac" ) !== -1;


Suggested change

var isMac = window.navigator.platform.indexOf( "Mac" ) !== -1;

var isMac = window.navigator.platform ? window.navigator.platform.indexOf( 'Mac' ) !== -1 : false;

For consistency. Core use these check for isMac.

Maybe this in more modern and readable?

Suggested change

var isMac = window.navigator.platform.indexOf( "Mac" ) !== -1;

const isMac = window.navigator.platform?.includes('Mac') ?? false

Note that PhpStorm is flagging platform as being deprecated:

Apparently we should use navigator.userAgentData.platform now: https://medium.com/@jortiz.dev/bye-navigator-platform-here-is-the-alternative-939b883bf050

But it isn't available everywhere: https://caniuse.com/mdn-api_navigator_useragentdata

The article suggets: navigator.userAgent.includes('Mac')

westonruter · 2026-02-22T06:13:16Z

src/wp-includes/admin-bar.php

+ * @param WP_Admin_Bar $wp_admin_bar The WP_Admin_Bar instance.
+ */
+function wp_admin_bar_command_palette_menu( $wp_admin_bar ) {
+	if ( ! is_admin() ) {


Eventually it would be nice if the the command palette was on the frontend as well.

westonruter · 2026-02-22T06:13:31Z

src/wp-includes/admin-bar.php

+ *
+ * @param WP_Admin_Bar $wp_admin_bar The WP_Admin_Bar instance.
+ */
+function wp_admin_bar_command_palette_menu( $wp_admin_bar ) {


Suggested change

function wp_admin_bar_command_palette_menu( $wp_admin_bar ) {

function wp_admin_bar_command_palette_menu( WP_Admin_Bar $wp_admin_bar ): void {

westonruter · 2026-02-22T06:18:30Z

src/wp-includes/admin-bar.php

+	wp_add_inline_script(
+		'admin-bar',
+		'( function() {
+			var isMac = window.navigator.platform.indexOf( "Mac" ) !== -1;


Note that PhpStorm is flagging platform as being deprecated:

Apparently we should use navigator.userAgentData.platform now: https://medium.com/@jortiz.dev/bye-navigator-platform-here-is-the-alternative-939b883bf050

But it isn't available everywhere: https://caniuse.com/mdn-api_navigator_useragentdata

The article suggets: navigator.userAgent.includes('Mac')

westonruter · 2026-02-22T06:20:33Z

src/wp-includes/admin-bar.php

+	$wp_admin_bar->add_node(
+		array(
+			'id'    => 'command-palette',
+			'title' => '<span class="ab-label" aria-hidden="true"></span>' .


This can use kbd and I don't think it should have aria-hidden because then screen readers won't be able to know what the command is to open the palette.

Suggested change

'title' => '<span class="ab-label" aria-hidden="true"></span>' .

'title' => '<kbd class="ab-label"></kbd>' .

westonruter · 2026-02-22T06:30:13Z

src/wp-includes/admin-bar.php

+		'( function() {
+			var isMac = window.navigator.platform.indexOf( "Mac" ) !== -1;
+			var label = document.querySelector( "#wp-admin-bar-command-palette .ab-label" );
+			if ( label ) {
+				label.textContent = isMac ? "\u2318K" : "Ctrl+K";
+			}
+		} )();'


Depending on how we determine isMac, we can eliminate adding isMac variable and we can also use a nowdoc, and factor out the "+K":

Suggested change

'( function() {

var isMac = window.navigator.platform.indexOf( "Mac" ) !== -1;

var label = document.querySelector( "#wp-admin-bar-command-palette .ab-label" );

if ( label ) {

label.textContent = isMac ? "\u2318K" : "Ctrl+K";

}

} )();'

<<<'JS'

( () => {

const label = document.querySelector( "#wp-admin-bar-command-palette .ab-label" );

if ( label ) {

label.textContent = ( navigator.userAgent.includes("Mac") ? "\u2318" : "Ctrl" ) + '+K';

}

} )();

JS

The indentation of the JS on the last line is “new” in PHP 7.4.

The use of JS for the heredoc/nowdoc causes IDEs to do syntax highlighting:

westonruter · 2026-02-22T06:33:32Z

src/wp-includes/admin-bar.php

+		)
+	);
+
+	wp_add_inline_script(


This should also implement a click event handler on the link for the admin bar item which prevents default but then also opens the command palette. In the post editor, clicking on the shortcut also causes the palette to open.

The admin bar item has a link so if a user is tabbing through items with the keyboard and they hit enter on this item, at the moment it does nothing. It should open the command palette.

WordPress/gutenberg#75757 is designed to open the command palette (and prevent the click default).

An element that does nothing should not be a link (no href).

brandonpayton · 2026-02-26T00:05:38Z

Thank you, everyone, for your feedback on this. Let's close this in favor of WordPress/gutenberg#75757 which appears to be better and getting more focus from its author.

t-hamano · 2026-02-26T15:14:08Z

@brandonpayton, WordPress/gutenberg#75757 is required for the Gutenberg plugin and client-side processing, but it is not automatically included in WordPress core. Therefore, PHP code, i.e. server-side processing, basically requires submitting patches directly to WordPress core.

It looks like this PR can't be reopened so I'll submit a new one, but thank you for your efforts!

brandonpayton · 2026-03-03T13:45:05Z

It looks like this PR can't be reopened so I'll submit a new one, but thank you for your efforts!

Thank you, @t-hamano!

Advertise the command palette in the admin bar

de47866

sabernhardt mentioned this pull request Feb 20, 2026

Add command palette trigger button to admin bar WordPress/gutenberg#75757

Open

mukeshpanchal27 reviewed Feb 20, 2026

View reviewed changes

westonruter requested changes Feb 22, 2026

View reviewed changes

brandonpayton closed this Feb 26, 2026

brandonpayton deleted the admin/add-command-palette-entry-point-to-admin-toolbar branch February 26, 2026 00:05

t-hamano mentioned this pull request Feb 26, 2026

Add command palette trigger button to admin bar #11063

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Advertise the command palette in the admin bar#10985

Advertise the command palette in the admin bar#10985
brandonpayton wants to merge 1 commit intoWordPress:trunkfrom
brandonpayton:admin/add-command-palette-entry-point-to-admin-toolbar

brandonpayton commented Feb 20, 2026

github-actions bot commented Feb 20, 2026

github-actions bot commented Feb 20, 2026

mukeshpanchal27 Feb 20, 2026

Soean Feb 20, 2026 •

edited

Loading

westonruter Feb 22, 2026

westonruter Feb 22, 2026

westonruter Feb 22, 2026

westonruter Feb 22, 2026

westonruter Feb 22, 2026

westonruter Feb 22, 2026

westonruter Feb 22, 2026

sabernhardt Feb 23, 2026

brandonpayton commented Feb 26, 2026

t-hamano commented Feb 26, 2026

brandonpayton commented Mar 3, 2026

Labels

6 participants

	var isMac = window.navigator.platform.indexOf( "Mac" ) !== -1;
	var isMac = window.navigator.platform ? window.navigator.platform.indexOf( 'Mac' ) !== -1 : false;

	var isMac = window.navigator.platform.indexOf( "Mac" ) !== -1;
	const isMac = window.navigator.platform?.includes('Mac') ?? false

	function wp_admin_bar_command_palette_menu( $wp_admin_bar ) {
	function wp_admin_bar_command_palette_menu( WP_Admin_Bar $wp_admin_bar ): void {

	'title' => '<span class="ab-label" aria-hidden="true"></span>' .
	'title' => '<kbd class="ab-label"></kbd>' .

Conversation

brandonpayton commented Feb 20, 2026

Use of AI Tools

github-actions bot commented Feb 20, 2026

github-actions bot commented Feb 20, 2026

Test using WordPress Playground

Some things to be aware of

Choose a reason for hiding this comment

Soean Feb 20, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

brandonpayton commented Feb 26, 2026

t-hamano commented Feb 26, 2026

brandonpayton commented Mar 3, 2026

Labels

6 participants

Soean Feb 20, 2026 •

edited

Loading