Podcast: page chrome + empty tabs in dashboard route (3/4)

projects/packages/podcast/changelog/add-admin-tabs-scaffold

@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Replace the wp-build placeholder with page chrome (title, tagline) plus tab navigation (Welcome, Settings, Episodes, Distribution). Each tab panel is still empty — PR 4 in the untangle train fills them in.

projects/packages/podcast/package.json

@@ -26,15 +26,19 @@
 	"browserslist": [
 		"extends @wordpress/browserslist-config"
 	],
+	"dependencies": {
+		"@wordpress/components": "32.6.0",
+		"@wordpress/element": "6.44.0",
+		"@wordpress/i18n": "6.17.0",
+		"@wordpress/ui": "0.11.0"
+	},
 	"devDependencies": {
 		"@automattic/jetpack-wp-build-polyfills": "workspace:*",
 		"@babel/core": "7.29.0",
 		"@babel/runtime": "7.29.2",
 		"@types/react": "18.3.28",
 		"@wordpress/browserslist-config": "6.44.0",
 		"@wordpress/build": "0.13.0",
-		"@wordpress/element": "6.44.0",
-		"@wordpress/i18n": "6.17.0",
 		"browserslist": "^4.24.0"
 	},
 	"optionalDependencies": {

projects/packages/podcast/routes/dashboard/package.json

@@ -4,8 +4,10 @@
 	"private": true,
 	"dependencies": {
 		"@types/react": "18.3.28",
+		"@wordpress/components": "32.6.0",
 		"@wordpress/element": "6.44.0",
-		"@wordpress/i18n": "6.17.0"
+		"@wordpress/i18n": "6.17.0",
+		"@wordpress/ui": "0.11.0"
 	},
 	"route": {
 		"path": "/",

projects/packages/podcast/routes/dashboard/stage.tsx

@@ -1,6 +1,59 @@
+/**
+ * Podcast dashboard stage: page chrome + tab navigation.
+ *
+ * Placeholder scaffolding only — each tab panel renders a stub. PR 4 in the
+ * untangle train wires the full AdminPage + jetpack-components integration
+ * along with the real tab contents.
+ */
+
+import { useState, useCallback } from '@wordpress/element';
+import { __ } from '@wordpress/i18n';
+import { Tabs } from '@wordpress/ui';
+
+const TAB_VALUES = [ 'settings', 'episodes', 'distribution', 'stats' ] as const;
+type TabName = ( typeof TAB_VALUES )[ number ];
+
+const isValidTab = ( value: string | null ): value is TabName =>
+	!! value && ( TAB_VALUES as readonly string[] ).includes( value );
+
 const Stage = () => {
-	// "Podcast" is a product name, do not translate.
-	return <h1>Podcast</h1>;
+	const [ activeTab, setActiveTab ] = useState< TabName >( 'settings' );
+
+	const handleTabChange = useCallback( ( value: string | null ) => {
+		if ( isValidTab( value ) ) {
+			setActiveTab( value );
+		}
+	}, [] );
+
+	return (
+		<div className="wrap">
+			<h1>Podcast</h1>
+			<p>
+				{ __( 'Publish a podcast and reach your fans, anywhere they listen.', 'jetpack-podcast' ) }
+			</p>
+
+			<Tabs.Root value={ activeTab } onValueChange={ handleTabChange }>
+				<Tabs.List>
+					<Tabs.Tab value="settings">{ __( 'Settings', 'jetpack-podcast' ) }</Tabs.Tab>
+					<Tabs.Tab value="episodes">{ __( 'Episodes', 'jetpack-podcast' ) }</Tabs.Tab>
+					<Tabs.Tab value="distribution">{ __( 'Distribution', 'jetpack-podcast' ) }</Tabs.Tab>
+					<Tabs.Tab value="stats">{ __( 'Stats', 'jetpack-podcast' ) }</Tabs.Tab>
+				</Tabs.List>
+				<Tabs.Panel value="settings">
+					<p>{ __( 'Settings — placeholder.', 'jetpack-podcast' ) }</p>
+				</Tabs.Panel>
+				<Tabs.Panel value="episodes">
+					<p>{ __( 'Episodes — placeholder.', 'jetpack-podcast' ) }</p>
+				</Tabs.Panel>
+				<Tabs.Panel value="distribution">
+					<p>{ __( 'Distribution — placeholder.', 'jetpack-podcast' ) }</p>
+				</Tabs.Panel>
+				<Tabs.Panel value="stats">
+					<p>{ __( 'Stats — placeholder.', 'jetpack-podcast' ) }</p>
+				</Tabs.Panel>
+			</Tabs.Root>
+		</div>
+	);
 };
 
 export { Stage as stage };

projects/plugins/jetpack/changelog/add-podcast-admin-tabs-scaffold

@@ -0,0 +1,5 @@
+Significance: patch
+Type: other
+Comment: Podcast: drop redundant late_initialization load — the package is loaded via jetpack-mu-wpcom on Simple/Atomic, and the host gate makes the Jetpack plugin call a no-op.
+
+

projects/plugins/jetpack/class.jetpack.php

@@ -32,7 +32,6 @@
 use Automattic\Jetpack\Paths;
 use Automattic\Jetpack\Plugin\Deprecate;
 use Automattic\Jetpack\Plugin\Tracking as Plugin_Tracking;
-use Automattic\Jetpack\Podcast\Podcast as Podcast_Init;
 use Automattic\Jetpack\Redirect;
 use Automattic\Jetpack\Scan_Page\Jetpack_Scan as Scan_Page_Init;
 use Automattic\Jetpack\Status;
@@ -874,7 +873,6 @@ public function late_initialization() {
 		My_Jetpack_Initializer::init();
 		Activity_Log_Init::initialize();
 		Scan_Page_Init::initialize();
-		Podcast_Init::init();
 
 		// Initialize Boost Speed Score
 		new Speed_Score( array(), 'jetpack-dashboard' );