Activity Log: Port AL into wp-admin as a native page

projects/js-packages/base-styles/admin-page-layout.scss

@@ -196,11 +196,35 @@ $jp-breakpoint-mobile: 782px;
 	// (dashboard grids with fixed column widths, wide tables, `100vw`
 	// descendants) scroll horizontally inside the middle instead of
 	// dragging the whole window into a horizontal scrollbar.
+
+	// `<AdminPage>` (title-branch) wraps children in
+	// `<Container fluid horizontalSpacing={0}><Col>{children}</Col></Container>`
+	// — that outer Container is `display: grid` and the single Col is a
+	// grid cell. Without intervention, the chain breaks here: any inner
+	// flex sizing on the consumer's wrapper (`flex: 1 1 auto; min-height: 0`)
+	// is inert under a non-flex parent, so DataViews-style pages let their
+	// content grow to its natural size and the outer Container scrolls
+	// the whole thing — instead of letting the consumer's own internal
+	// scroll surface (e.g. `.dataviews-layout__container`) handle it.
+	// Force the outer Container/Col pair to flex column so consumers can
+	// fill their bounded slot. Form-style pages keep working: their
+	// children stay content-sized (default `flex: 0 1 auto`) and any
+	// overflow still falls back to Container's `overflow: auto`.
 	.admin-ui-page > :not(.admin-ui-page__header):not(.jetpack-footer) {
 		flex: 1 1 auto;
 		min-height: 0;
 		min-width: 0;
 		overflow: auto;
+		display: flex;
+		flex-direction: column;
+
+		> * {
+			flex: 1 1 auto;
+			min-height: 0;
+			min-width: 0;
+			display: flex;
+			flex-direction: column;
+		}
 	}
 
 	// ── <JetpackFooter> pinned at the bottom ─────────────────────────

projects/js-packages/base-styles/changelog/admin-page-layout-flex-children

@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+admin-page-layout mixin: extend the flex chain into AdminPage's outer Container/Col so DataViews-style consumers can fill their bounded slot and let their own internal scroll handle the table body.

projects/js-packages/components/changelog/admin-page-add-unwrapped-prop

@@ -0,0 +1,4 @@
+Significance: minor
+Type: added
+
+AdminPage: add `unwrapped` prop to render children directly inside the admin-ui Page, skipping the default Container/Col grid wrap. Use for full-bleed pages (DataViews-based admin surfaces) that own their own scroll/layout model.

projects/js-packages/components/components/admin-page/index.tsx

@@ -41,6 +41,7 @@ const AdminPage: FC< AdminPageProps > = ( {
 	breadcrumbs,
 	tabs,
 	showBottomBorder = true,
+	unwrapped = false,
 } ) => {
 	useEffect( () => {
 		restApi.setApiRoot( apiRoot );
@@ -95,9 +96,13 @@ const AdminPage: FC< AdminPageProps > = ( {
 					showSidebarToggle={ false }
 				>
 					{ tabs }
-					<Container fluid horizontalSpacing={ 0 }>
-						<Col>{ children }</Col>
-					</Container>
+					{ unwrapped ? (
+						children
+					) : (
+						<Container fluid horizontalSpacing={ 0 }>
+							<Col>{ children }</Col>
+						</Container>
+					) }
 					{ showFooter && <JetpackFooter menu={ optionalMenuItems } /> }
 				</Page>
 			</div>

projects/js-packages/components/components/admin-page/types.ts

@@ -94,4 +94,13 @@ export type AdminPageProps = {
 	 * Hidden when `tabs` is used.
 	 */
 	showBottomBorder?: boolean;
+
+	/**
+	 * Render `children` directly inside the admin-ui Page, skipping the
+	 * default `<Container fluid horizontalSpacing={0}><Col>{children}</Col></Container>`
+	 * wrap. Use for full-bleed pages (DataViews-based admin surfaces, full-app
+	 * dashboards) that own their own scroll/layout model and don't want the
+	 * outer Container's grid to break their flex chain. Defaults to `false`.
+	 */
+	unwrapped?: boolean;
 };

projects/packages/activity-log/.gitattributes

@@ -0,0 +1,15 @@
+# Files not needed to be distributed.
+.babelrc         export-ignore
+.gitattributes   export-ignore
+.github/         export-ignore
+.gitignore       export-ignore
+
+# Files not needed in the production build.
+.phpcs.dir.xml   production-exclude
+/changelog/**    production-exclude
+/tests/**        production-exclude
+types.d.ts       production-exclude
+/src/js/**       production-exclude
+
+# Files needed in the production build.
+build/**         production-include

projects/packages/activity-log/.gitignore

@@ -0,0 +1,6 @@
+wordpress
+node_modules
+vendor
+jetpack_vendor
+.cache
+build

projects/packages/activity-log/.phan/config.php

@@ -0,0 +1,13 @@
+<?php
+/**
+ * This configuration will be read and overlaid on top of the
+ * default configuration. Command-line arguments will be applied
+ * after this file is read.
+ *
+ * @package automattic/jetpack-activity-log
+ */
+
+// Require base config.
+require __DIR__ . '/../../../../.phan/config.base.php';
+
+return make_phan_config( dirname( __DIR__ ) );

projects/packages/activity-log/.phpcs.dir.xml

@@ -0,0 +1,24 @@
+<?xml version="1.0"?>
+<ruleset>
+
+	<rule ref="WordPress.WP.I18n">
+		<properties>
+			<property name="text_domain" type="array">
+				<element value="jetpack-activity-log" />
+			</property>
+		</properties>
+	</rule>
+	<rule ref="Jetpack.Functions.I18n">
+		<properties>
+			<property name="text_domain" value="jetpack-activity-log" />
+		</properties>
+	</rule>
+
+	<rule ref="WordPress.Utils.I18nTextDomainFixer">
+		<properties>
+			<property name="old_text_domain" type="array" />
+			<property name="new_text_domain" value="jetpack-activity-log" />
+		</properties>
+	</rule>
+
+</ruleset>

projects/packages/activity-log/AGENTS.md

@@ -0,0 +1,33 @@
+# Activity Log
+
+## UI primitives
+
+When adding React UI in this package, prefer the WordPress Design System
+packages in this order:
+
+1. **`@wordpress/ui`** — foundational primitives. Check each component's
+   Storybook "Status" badge (anything other than "stable" is still in
+   flux); avoid experimental APIs here.
+2. **`@wordpress/components`** — general-purpose legacy library.
+   Predates the design system. Use only when `@wordpress/ui` doesn't
+   have a stable equivalent, and still check Status in Storybook.
+3. **`@wordpress/dataviews`** — higher-level data presentation (tables,
+   lists, grids). Already the backbone here. Extend via its
+   sub-components (`DataViews.Search`, `DataViews.FiltersToggle`,
+   `DataViews.Layout`, `DataViews.Footer`) before reaching for lower-
+   level primitives.
+4. **`@wordpress/admin-ui`** — page layout primitives, accessed via
+   `AdminPage` from `@automattic/jetpack-components` (which wraps
+   admin-ui's `Page`).
+
+Rationale: WordPress is moving new work to `@wordpress/ui`;
+`@wordpress/components` is being kept as a legacy fallback. Guidance
+from the WordPress Design System P2 (April 2026).
+
+## Design-system lookup
+
+A dedicated MCP server is wired into this project's local Claude Code
+config: `@wordpress/design-system-mcp`. It exposes the authoritative
+list of stable `@wordpress/ui` + `@wordpress/components` components and
+`--wpds-*` design tokens. Prefer querying it over spelunking through
+`node_modules/@wordpress/components/src/**` for component metadata.

projects/packages/activity-log/CHANGELOG.md

@@ -0,0 +1,10 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## 0.1.0-alpha - unreleased
+
+Initial release.

projects/packages/activity-log/README.md

@@ -0,0 +1,15 @@
+# Activity Log
+
+Activity Log UI for the Jetpack plugin in wp-admin.
+
+## Using this package in your WordPress plugin
+
+If you plan on using this package in your WordPress plugin, we would recommend that you use [Jetpack Autoloader](https://packagist.org/packages/automattic/jetpack-autoloader) as your autoloader. This will allow for maximum interoperability with other plugins that use this package as well.
+
+## Security
+
+Need to report a security vulnerability? Go to [https://automattic.com/security/](https://automattic.com/security/) or directly to our security bug bounty site [https://hackerone.com/automattic](https://hackerone.com/automattic).
+
+## License
+
+jetpack-activity-log is licensed under [GNU General Public License v2 (or later)](./LICENSE.txt)

projects/packages/activity-log/babel.config.js

@@ -0,0 +1,10 @@
+const config = {
+	presets: [
+		[
+			'@automattic/jetpack-webpack-config/babel/preset',
+			{ pluginReplaceTextdomain: { textdomain: 'jetpack-activity-log' } },
+		],
+	],
+};
+
+module.exports = config;

projects/packages/activity-log/changelog/add-package-scaffold

@@ -0,0 +1,4 @@
+Significance: minor
+Type: added
+
+Initial release of the Activity Log package: hosts the in-wp-admin Activity Log UI and its REST endpoints.

projects/packages/activity-log/changelog/use-adminpage-unwrapped

@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Activity Log: opt into `<AdminPage unwrapped>` so DataViews can fill the bounded content slot and scroll its table body internally. Header, date picker, and DataViews toolbar stay pinned on short viewports.