From 4b5e2d9a0ea4b8ff032283285460d98af9b4890b Mon Sep 17 00:00:00 2001
From: Ramon <ramonjd@gmail.com>
Date: Mon, 9 Feb 2026 12:35:52 +1100
Subject: [PATCH] Block Visibility: Show keyboard shortcut hint in context menu

Replace the eye icon with the keyboard shortcut (Ctrl+Shift+H / Cmd+Shift+H) in the Hide/Show context menu item, matching the pattern used by other menu items like Rename, Duplicate, and Delete.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../components/block-visibility/viewport-menu-item.js | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/block-editor/src/components/block-visibility/viewport-menu-item.js b/packages/block-editor/src/components/block-visibility/viewport-menu-item.js
index 02e83872352bf9..0d37b4363e880c 100644
--- a/packages/block-editor/src/components/block-visibility/viewport-menu-item.js
+++ b/packages/block-editor/src/components/block-visibility/viewport-menu-item.js
@@ -3,9 +3,9 @@
  */
 import { __ } from '@wordpress/i18n';
 import { MenuItem } from '@wordpress/components';
-import { seen, unseen } from '@wordpress/icons';
 import { useState } from '@wordpress/element';
 import { useSelect } from '@wordpress/data';
+import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';
 
 /**
  * Internal dependencies
@@ -16,7 +16,7 @@ import { unlock } from '../../lock-unlock';
 
 export default function BlockVisibilityViewportMenuItem( { clientIds } ) {
 	const [ isModalOpen, setIsModalOpen ] = useState( false );
-	const { areBlocksHiddenAnywhere } = useSelect(
+	const { areBlocksHiddenAnywhere, shortcut } = useSelect(
 		( select ) => {
 			const { isBlockHiddenAnywhere } = unlock(
 				select( blockEditorStore )
@@ -25,6 +25,11 @@ export default function BlockVisibilityViewportMenuItem( { clientIds } ) {
 				areBlocksHiddenAnywhere: clientIds?.every( ( clientId ) =>
 					isBlockHiddenAnywhere( clientId )
 				),
+				shortcut: select(
+					keyboardShortcutsStore
+				).getShortcutRepresentation(
+					'core/block-editor/toggle-block-visibility'
+				),
 			};
 		},
 		[ clientIds ]
@@ -32,8 +37,8 @@ export default function BlockVisibilityViewportMenuItem( { clientIds } ) {
 	return (
 		<>
 			<MenuItem
-				icon={ areBlocksHiddenAnywhere ? unseen : seen }
 				onClick={ () => setIsModalOpen( true ) }
+				shortcut={ shortcut }
 			>
 				{ areBlocksHiddenAnywhere ? __( 'Show' ) : __( 'Hide' ) }
 			</MenuItem>