Tabs: Lock top-level structure and disable visibility controls (#77370)

* Tabs: Lock top-level structure and disable visibility controls

Prevent users from removing or reordering the tabs menu and panels by
locking the parent Tabs template, and hide the visibility panel on tab
blocks where per-block hiding is not meaningful. Inner menu items remain
editable so tabs can still be added or rearranged.

* Tabs: Remove redundant `lock` attributes from TABS_TEMPLATE

The parent `useInnerBlocksProps` already sets `templateLock: 'all'`,
which cascades to descendants and prevents removal/insertion/move.
The per-child `lock: { remove: true }` entries were therefore no-ops.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: t-hamano <wildworks@git.wordpress.org>
Co-authored-by: mikachan <mikachan@git.wordpress.org>

Author: t-hamano

docs/reference-guides/core-blocks.md

@@ -996,7 +996,7 @@ Content for a tab in a tabbed interface. ([Source](https://github.com/WordPress/
 -	**Experimental:** true
 -	**Category:** design
 -	**Parent:** core/tab-panel
--	**Supports:** anchor, color (background, text), layout, renaming, spacing (blockGap, padding, ~~margin~~), typography (fontSize), ~~html~~, ~~reusable~~
+-	**Supports:** anchor, color (background, text), layout, renaming, spacing (blockGap, padding, ~~margin~~), typography (fontSize), ~~html~~, ~~reusable~~, ~~visibility~~
 -	**Attributes:** label
 
 ## Tab Panel
@@ -1008,7 +1008,7 @@ Container for tab panel content in a tabbed interface. ([Source](https://github.
 -	**Category:** design
 -	**Parent:** core/tabs
 -	**Allowed Blocks:** core/tab
--	**Supports:** color (background, heading, link, text), dimensions (~~aspectRatio~~, ~~height~~, ~~minHeight~~, ~~width~~), layout (allowJustification, default, ~~allowOrientation~~, ~~allowSizingOnChildren~~, ~~allowSwitching~~, ~~allowVerticalAlignment~~), spacing (margin, padding, ~~blockGap~~), typography (fontSize), ~~anchor~~, ~~html~~, ~~lock~~, ~~reusable~~
+-	**Supports:** color (background, heading, link, text), dimensions (~~aspectRatio~~, ~~height~~, ~~minHeight~~, ~~width~~), layout (allowJustification, default, ~~allowOrientation~~, ~~allowSizingOnChildren~~, ~~allowSwitching~~, ~~allowVerticalAlignment~~), spacing (margin, padding, ~~blockGap~~), typography (fontSize), ~~anchor~~, ~~html~~, ~~lock~~, ~~reusable~~, ~~visibility~~
 
 ## Table
 
@@ -1049,7 +1049,7 @@ Display the tab buttons for a tabbed interface. ([Source](https://github.com/Wor
 -	**Category:** design
 -	**Parent:** core/tabs
 -	**Allowed Blocks:** core/tabs-menu-item
--	**Supports:** color (background, text), dimensions (~~aspectRatio~~, ~~height~~, ~~minHeight~~, ~~width~~), layout (allowJustification, allowOrientation, allowVerticalAlignment, default, ~~allowSwitching~~), spacing (blockGap, margin, padding), typography (fontSize), ~~html~~, ~~lock~~, ~~reusable~~
+-	**Supports:** color (background, text), dimensions (~~aspectRatio~~, ~~height~~, ~~minHeight~~, ~~width~~), layout (allowJustification, allowOrientation, allowVerticalAlignment, default, ~~allowSwitching~~), spacing (blockGap, margin, padding), typography (fontSize), ~~html~~, ~~lock~~, ~~reusable~~, ~~visibility~~
 
 ## Tab Menu Item
 
@@ -1059,7 +1059,7 @@ A single tab button in the tabs menu. ([Source](https://github.com/WordPress/gut
 -	**Experimental:** true
 -	**Category:** design
 -	**Parent:** core/tabs-menu
--	**Supports:** color (background, text), layout (~~allowEditing~~), spacing (padding), typography (fontSize, textAlign), ~~html~~, ~~lock~~, ~~reusable~~
+-	**Supports:** color (background, text), layout (~~allowEditing~~), spacing (padding), typography (fontSize, textAlign), ~~html~~, ~~lock~~, ~~reusable~~, ~~visibility~~
 
 ## Tag Cloud
 

packages/block-library/src/tab-panel/block.json

@@ -15,6 +15,7 @@
 		"anchor": false,
 		"html": false,
 		"reusable": false,
+		"visibility": false,
 		"lock": false,
 		"dimensions": {
 			"aspectRatio": false,

packages/block-library/src/tab/block.json

@@ -46,7 +46,8 @@
 				"__experimentalFontFamily": true
 			}
 		},
-		"renaming": true
+		"renaming": true,
+		"visibility": false
 	},
 	"providesContext": {
 		"core/tab-label": "label"

packages/block-library/src/tabs-menu-item/block.json

@@ -20,6 +20,7 @@
 	"supports": {
 		"html": false,
 		"reusable": false,
+		"visibility": false,
 		"lock": false,
 		"color": {
 			"background": true,

packages/block-library/src/tabs-menu/block.json

@@ -15,6 +15,7 @@
 	"supports": {
 		"html": false,
 		"reusable": false,
+		"visibility": false,
 		"lock": false,
 		"dimensions": {
 			"aspectRatio": false,

packages/block-library/src/tabs-menu/edit.js

@@ -36,6 +36,7 @@ function Edit( { clientId, __unstableLayoutClassNames: layoutClassNames } ) {
 	const innerBlocksProps = useInnerBlocksProps( blockProps, {
 		allowedBlocks: [ 'core/tabs-menu-item' ],
 		orientation: 'horizontal',
+		templateLock: false,
 		renderAppender: false,
 	} );
 

packages/block-library/src/tabs/edit.js

@@ -21,23 +21,15 @@ const EMPTY_ARRAY = [];
 const TABS_TEMPLATE = [
 	[
 		'core/tabs-menu',
-		{
-			lock: {
-				remove: true,
-			},
-		},
+		{},
 		[
 			[ 'core/tabs-menu-item', {} ],
 			[ 'core/tabs-menu-item', {} ],
 		],
 	],
 	[
 		'core/tab-panel',
-		{
-			lock: {
-				remove: true,
-			},
-		},
+		{},
 		[
 			[
 				'core/tab',
@@ -239,7 +231,7 @@ function Edit( {
 	const innerBlockProps = useInnerBlocksProps( blockProps, {
 		__experimentalCaptureToolbars: true,
 		template: TABS_TEMPLATE,
-		templateLock: false,
+		templateLock: 'all',
 		renderAppender: false,
 	} );