@byline/host-tanstack-start 3.9.0 → 3.10.1

package/dist/server-fns/admin-users/set-password.js

@@ -4,7 +4,7 @@ import { getAdminRequestContext } from "../../auth/auth-context.js";
 import { bylineCore } from "../../integrations/byline-core.js";
 const setAdminUserPassword = createServerFn({
     method: 'POST'
-}).inputValidator((input)=>input).handler(async ({ data })=>{
+}).validator((input)=>input).handler(async ({ data })=>{
     const context = await getAdminRequestContext();
     return setAdminUserPasswordCommand(context, data, {
         store: bylineCore().adminStore

package/dist/server-fns/admin-users/set-user-roles.js

@@ -4,7 +4,7 @@ import { getAdminRequestContext } from "../../auth/auth-context.js";
 import { bylineCore } from "../../integrations/byline-core.js";
 const setUserRoles = createServerFn({
     method: 'POST'
-}).inputValidator((input)=>input).handler(async ({ data })=>{
+}).validator((input)=>input).handler(async ({ data })=>{
     const context = await getAdminRequestContext();
     return setRolesForUserCommand(context, data, {
         store: bylineCore().adminStore

package/dist/server-fns/admin-users/update.js

@@ -4,7 +4,7 @@ import { getAdminRequestContext } from "../../auth/auth-context.js";
 import { bylineCore } from "../../integrations/byline-core.js";
 const updateAdminUser = createServerFn({
     method: 'POST'
-}).inputValidator((input)=>input).handler(async ({ data })=>{
+}).validator((input)=>input).handler(async ({ data })=>{
     const context = await getAdminRequestContext();
     return updateAdminUserCommand(context, data, {
         store: bylineCore().adminStore

package/dist/server-fns/ai/execute.js

@@ -3,7 +3,7 @@ import { executeInstruction, executeInstructionStreaming } from "@byline/ai/serv
 import { getAdminRequestContext } from "../../auth/auth-context.js";
 const executeAiInstruction = createServerFn({
     method: 'POST'
-}).inputValidator((input)=>input).handler(async ({ data })=>{
+}).validator((input)=>input).handler(async ({ data })=>{
     await getAdminRequestContext();
     if (data.options?.streaming) {
         const streamResult = executeInstructionStreaming(data.params, data.options);

package/dist/server-fns/auth/sign-in.js

@@ -6,7 +6,7 @@ import { readAdminLocaleCookie } from "../../i18n/locale-cookie.js";
 import { bylineCore } from "../../integrations/byline-core.js";
 const adminSignIn = createServerFn({
     method: 'POST'
-}).inputValidator((input)=>{
+}).validator((input)=>{
     if ('string' != typeof input?.email || 0 === input.email.length) throw new Error('email is required');
     if ('string' != typeof input?.password || 0 === input.password.length) throw new Error('password is required');
     return {

package/dist/server-fns/collections/audit.d.ts

@@ -0,0 +1,50 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+import { type ActorLabelMap } from './actors.js';
+export interface AuditLogSearchParams {
+    page?: number;
+    page_size?: number;
+}
+/**
+ * Audit entry as it crosses the server-fn boundary. `occurredAt` is an ISO
+ * string (Date doesn't survive serialization) and `before` / `after` are
+ * narrowed from the storage layer's `unknown` jsonb to the concrete shapes the
+ * shipped actions actually carry (path/status strings, the available-locales
+ * array, or null for the deletion event) — `unknown` is not a serializable
+ * type the TanStack server-fn validator accepts.
+ */
+export interface AuditLogEntryDto {
+    id: string;
+    documentId: string | null;
+    collectionId: string | null;
+    actorId: string | null;
+    actorRealm: string;
+    action: string;
+    field: string | null;
+    before: string | string[] | null;
+    after: string | string[] | null;
+    occurredAt: string;
+}
+export declare const getCollectionDocumentAuditLog: import("@tanstack/react-start").RequiredFetcher<undefined, (input: {
+    collection: string;
+    id: string;
+    params?: AuditLogSearchParams;
+}) => {
+    collection: string;
+    id: string;
+    params?: AuditLogSearchParams;
+}, Promise<{
+    entries: AuditLogEntryDto[];
+    meta: {
+        total: number;
+        page: number;
+        pageSize: number;
+        totalPages: number;
+    };
+    actors: ActorLabelMap;
+}>>;

package/dist/server-fns/collections/audit.js

@@ -0,0 +1,40 @@
+import { createServerFn } from "@tanstack/react-start";
+import { ERR_NOT_FOUND, getLogger } from "@byline/core";
+import { ensureCollection } from "../../integrations/api-utils.js";
+import { getAdminBylineClient } from "../../integrations/byline-client.js";
+import { resolveActorLabels } from "./actors.js";
+const getCollectionDocumentAuditLog = createServerFn({
+    method: 'GET'
+}).validator((input)=>input).handler(async ({ data })=>{
+    const { collection: path, id, params } = data;
+    const config = await ensureCollection(path);
+    if (!config) throw ERR_NOT_FOUND({
+        message: 'Collection not found',
+        details: {
+            collectionPath: path
+        }
+    }).log(getLogger());
+    const result = await getAdminBylineClient().collection(path).auditLog(id, {
+        page: params?.page,
+        pageSize: params?.page_size
+    });
+    const actors = await resolveActorLabels(result.entries.map((e)=>e.actorId));
+    const entries = result.entries.map((e)=>({
+            id: e.id,
+            documentId: e.documentId,
+            collectionId: e.collectionId,
+            actorId: e.actorId,
+            actorRealm: e.actorRealm,
+            action: e.action,
+            field: e.field,
+            before: e.before,
+            after: e.after,
+            occurredAt: e.occurredAt instanceof Date ? e.occurredAt.toISOString() : String(e.occurredAt)
+        }));
+    return {
+        entries,
+        meta: result.meta,
+        actors
+    };
+});
+export { getCollectionDocumentAuditLog };

package/dist/server-fns/collections/copy-to-locale.js

@@ -5,7 +5,7 @@ import { getAdminRequestContext } from "../../auth/auth-context.js";
 import { ensureCollection } from "../../integrations/api-utils.js";
 const copyDocumentToLocale = createServerFn({
     method: 'POST'
-}).inputValidator((input)=>input).handler(async ({ data: input })=>{
+}).validator((input)=>input).handler(async ({ data: input })=>{
     const { collection: path, id, sourceLocale, targetLocale, overwrite } = input;
     const logger = getLogger();
     const config = await ensureCollection(path);

package/dist/server-fns/collections/create.js

@@ -5,7 +5,7 @@ import { getAdminRequestContext } from "../../auth/auth-context.js";
 import { ensureCollection } from "../../integrations/api-utils.js";
 const createCollectionDocument = createServerFn({
     method: 'POST'
-}).inputValidator((input)=>input).handler(async ({ data: input })=>{
+}).validator((input)=>input).handler(async ({ data: input })=>{
     const { collection: path, data: documentData, locale, path: explicitPath, availableLocales } = input;
     const logger = getLogger();
     const config = await ensureCollection(path);

package/dist/server-fns/collections/delete-locale.js

@@ -5,7 +5,7 @@ import { getAdminRequestContext } from "../../auth/auth-context.js";
 import { ensureCollection } from "../../integrations/api-utils.js";
 const deleteDocumentLocale = createServerFn({
     method: 'POST'
-}).inputValidator((input)=>input).handler(async ({ data: input })=>{
+}).validator((input)=>input).handler(async ({ data: input })=>{
     const { collection: path, id, locale } = input;
     const logger = getLogger();
     const config = await ensureCollection(path);

package/dist/server-fns/collections/delete.js

@@ -5,7 +5,7 @@ import { getAdminRequestContext } from "../../auth/auth-context.js";
 import { ensureCollection } from "../../integrations/api-utils.js";
 const delete_deleteDocument = createServerFn({
     method: 'POST'
-}).inputValidator((input)=>input).handler(async ({ data: input })=>{
+}).validator((input)=>input).handler(async ({ data: input })=>{
     const { collection: path, id } = input;
     const logger = getLogger();
     const config = await ensureCollection(path);

package/dist/server-fns/collections/duplicate.js

@@ -5,7 +5,7 @@ import { getAdminRequestContext } from "../../auth/auth-context.js";
 import { ensureCollection } from "../../integrations/api-utils.js";
 const duplicateCollectionDocument = createServerFn({
     method: 'POST'
-}).inputValidator((input)=>input).handler(async ({ data: input })=>{
+}).validator((input)=>input).handler(async ({ data: input })=>{
     const { collection: path, id: sourceDocumentId } = input;
     const logger = getLogger();
     const config = await ensureCollection(path);

package/dist/server-fns/collections/get.js

@@ -5,7 +5,7 @@ import { getAdminBylineClient } from "../../integrations/byline-client.js";
 import { serialise } from "./utils.js";
 const getDocumentFn = createServerFn({
     method: 'GET'
-}).inputValidator((input)=>input).handler(async ({ data })=>{
+}).validator((input)=>input).handler(async ({ data })=>{
     const { collection: path, id, locale, depth, populateRelations } = data;
     const logger = getLogger();
     const config = await ensureCollection(path);
@@ -88,7 +88,7 @@ const getDocumentFn = createServerFn({
 });
 const getDocumentByVersionFn = createServerFn({
     method: 'GET'
-}).inputValidator((input)=>input).handler(async ({ data })=>{
+}).validator((input)=>input).handler(async ({ data })=>{
     const { collection: path, versionId, locale } = data;
     const resolvedLocale = locale ?? 'all';
     const logger = getLogger();

package/dist/server-fns/collections/history.js

@@ -6,7 +6,7 @@ import { resolveActorLabels } from "./actors.js";
 import { serialise } from "./utils.js";
 const getCollectionDocumentHistory = createServerFn({
     method: 'GET'
-}).inputValidator((input)=>input).handler(async ({ data })=>{
+}).validator((input)=>input).handler(async ({ data })=>{
     const { collection: path, id, params } = data;
     const config = await ensureCollection(path);
     if (!config) throw ERR_NOT_FOUND({

package/dist/server-fns/collections/index.d.ts

@@ -4,6 +4,7 @@
  * Each module is self-contained: it defines the TanStack Start server
  * function and exports a clean public API.
  */
+export * from './audit';
 export * from './copy-to-locale';
 export * from './create';
 export * from './delete';

package/dist/server-fns/collections/index.js

@@ -1,3 +1,4 @@
+export * from "./audit.js";
 export * from "./copy-to-locale.js";
 export * from "./create.js";
 export * from "./delete.js";

package/dist/server-fns/collections/list.js

@@ -5,7 +5,7 @@ import { getAdminBylineClient } from "../../integrations/byline-client.js";
 import { serialise } from "./utils.js";
 const getCollectionDocuments = createServerFn({
     method: 'GET'
-}).inputValidator((input)=>input).handler(async ({ data })=>{
+}).validator((input)=>input).handler(async ({ data })=>{
     const { collection: path, params } = data;
     const config = await ensureCollection(path);
     if (!config) throw ERR_NOT_FOUND({

package/dist/server-fns/collections/reorder.js

@@ -4,7 +4,7 @@ import { getAdminRequestContext } from "../../auth/auth-context.js";
 import { ensureCollection } from "../../integrations/api-utils.js";
 const reorderCollectionDocument = createServerFn({
     method: 'POST'
-}).inputValidator((input)=>input).handler(async ({ data: input })=>{
+}).validator((input)=>input).handler(async ({ data: input })=>{
     const { collection: path, documentId, beforeDocumentId, afterDocumentId } = input;
     const logger = getLogger();
     const config = await ensureCollection(path);

package/dist/server-fns/collections/restore-version.js

@@ -5,7 +5,7 @@ import { getAdminRequestContext } from "../../auth/auth-context.js";
 import { ensureCollection } from "../../integrations/api-utils.js";
 const restore_version_restoreDocumentVersion = createServerFn({
     method: 'POST'
-}).inputValidator((input)=>input).handler(async ({ data: input })=>{
+}).validator((input)=>input).handler(async ({ data: input })=>{
     const { collection: path, id, versionId } = input;
     const logger = getLogger();
     const config = await ensureCollection(path);

package/dist/server-fns/collections/stats.js

@@ -3,7 +3,7 @@ import { ensureCollection } from "../../integrations/api-utils.js";
 import { getAdminBylineClient } from "../../integrations/byline-client.js";
 const getCollectionStatsFn = createServerFn({
     method: 'GET'
-}).inputValidator((input)=>input).handler(async ({ data })=>{
+}).validator((input)=>input).handler(async ({ data })=>{
     const config = await ensureCollection(data.collection);
     if (!config) return {
         stats: []

package/dist/server-fns/collections/status.js

@@ -5,7 +5,7 @@ import { getAdminRequestContext } from "../../auth/auth-context.js";
 import { ensureCollection } from "../../integrations/api-utils.js";
 const updateDocumentStatus = createServerFn({
     method: 'POST'
-}).inputValidator((input)=>input).handler(async ({ data: input })=>{
+}).validator((input)=>input).handler(async ({ data: input })=>{
     const { collection: path, id, status: nextStatus } = input;
     const logger = getLogger();
     const config = await ensureCollection(path);
@@ -39,7 +39,7 @@ const updateDocumentStatus = createServerFn({
 });
 const status_unpublishDocument = createServerFn({
     method: 'POST'
-}).inputValidator((input)=>input).handler(async ({ data: input })=>{
+}).validator((input)=>input).handler(async ({ data: input })=>{
     const { collection: path, id } = input;
     const logger = getLogger();
     const config = await ensureCollection(path);

package/dist/server-fns/collections/update.js

@@ -5,7 +5,7 @@ import { getAdminRequestContext } from "../../auth/auth-context.js";
 import { ensureCollection } from "../../integrations/api-utils.js";
 const updateCollectionDocumentWithPatches = createServerFn({
     method: 'POST'
-}).inputValidator((input)=>input).handler(async ({ data: input })=>{
+}).validator((input)=>input).handler(async ({ data: input })=>{
     const { collection: path, id, patches, versionId, locale } = input;
     const logger = getLogger();
     const config = await ensureCollection(path);
@@ -39,7 +39,7 @@ const updateCollectionDocumentWithPatches = createServerFn({
 });
 const updateCollectionDocumentSystemFields = createServerFn({
     method: 'POST'
-}).inputValidator((input)=>input).handler(async ({ data: input })=>{
+}).validator((input)=>input).handler(async ({ data: input })=>{
     const { collection: path, id, locale, path: explicitPath, availableLocales } = input;
     const logger = getLogger();
     const config = await ensureCollection(path);

package/dist/server-fns/collections/upload.js

@@ -56,7 +56,7 @@ function resolveUploadFieldName(definition, collectionPath, requested) {
 }
 const uploadCollectionField = createServerFn({
     method: 'POST'
-}).inputValidator(parseUploadFormData).handler(async ({ data })=>{
+}).validator(parseUploadFormData).handler(async ({ data })=>{
     const { collectionPath, shouldCreateDocument, fieldName, file, fields } = data;
     const logger = getLogger();
     return withLogContext({

package/dist/server-fns/i18n/set-locale.js

@@ -6,7 +6,7 @@ import { clearAdminLocaleCookie, setAdminLocaleCookie } from "../../i18n/locale-
 import { bylineCore } from "../../integrations/byline-core.js";
 const setInterfaceLocaleFn = createServerFn({
     method: 'POST'
-}).inputValidator((input)=>input).handler(async ({ data })=>{
+}).validator((input)=>input).handler(async ({ data })=>{
     const core = bylineCore();
     const locales = core.config.i18n.interface.locales;
     if (null != data.locale && !locales.includes(data.locale)) throw new Error(`[setInterfaceLocaleFn] locale '${data.locale}' is not in i18n.interface.locales [${locales.join(', ')}].`);

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "type": "module",
   "license": "MPL-2.0",
-  "version": "3.9.0",
+  "version": "3.10.1",
   "engines": {
     "node": ">=20.9.0"
   },
@@ -115,13 +115,13 @@
     "react-swipeable": "^7.0.2",
     "uuid": "^14.0.0",
     "zod": "^4.4.3",
-    "@byline/core": "3.9.0",
-    "@byline/ai": "3.9.0",
-    "@byline/auth": "3.9.0",
-    "@byline/admin": "3.9.0",
-    "@byline/client": "3.9.0",
-    "@byline/i18n": "3.9.0",
-    "@byline/ui": "3.9.0"
+    "@byline/admin": "3.10.1",
+    "@byline/ui": "3.10.1",
+    "@byline/i18n": "3.10.1",
+    "@byline/core": "3.10.1",
+    "@byline/client": "3.10.1",
+    "@byline/ai": "3.10.1",
+    "@byline/auth": "3.10.1"
   },
   "peerDependencies": {
     "@tanstack/react-router": "^1.167.0",
@@ -133,8 +133,8 @@
     "@biomejs/biome": "2.4.15",
     "@rsbuild/plugin-react": "^2.0.0",
     "@rslib/core": "^0.21.5",
-    "@tanstack/react-router": "^1.170.7",
-    "@tanstack/react-start": "^1.168.10",
+    "@tanstack/react-router": "^1.170.15",
+    "@tanstack/react-start": "^1.168.25",
     "@types/node": "^25.9.1",
     "@types/react": "19.2.15",
     "@types/react-dom": "19.2.3",

package/src/admin-shell/collections/document-history.module.css

@@ -0,0 +1,46 @@
+/**
+ * DocumentHistoryView — the document-grain audit log tab (docs/AUDIT.md — W3).
+ *
+ * Override handles:
+ *   .byline-coll-dochistory-empty      — empty-state explanation
+ *   .byline-coll-dochistory-table-wrap — table container
+ *   .byline-coll-dochistory-when       — timestamp cell
+ *   .byline-coll-dochistory-change     — before → after cell
+ *   .byline-coll-dochistory-before     — pre-change value
+ *   .byline-coll-dochistory-arrow      — muted transition arrow
+ *   .byline-coll-dochistory-after      — post-change value
+ */
+
+.empty,
+:global(.byline-coll-dochistory-empty) {
+  margin: 1.5rem 0;
+  color: var(--gray-500);
+  font-size: 0.875rem;
+}
+
+:is([data-theme="dark"], :global(.dark)) .empty,
+:is([data-theme="dark"], :global(.dark)) :global(.byline-coll-dochistory-empty) {
+  color: var(--gray-400);
+}
+
+.tableWrap,
+:global(.byline-coll-dochistory-table-wrap) {
+  margin-top: 0.5rem;
+  margin-bottom: 0.75rem;
+}
+
+.when,
+:global(.byline-coll-dochistory-when) {
+  white-space: nowrap;
+  font-variant-numeric: tabular-nums;
+}
+
+.change,
+:global(.byline-coll-dochistory-change) {
+  font-variant-numeric: tabular-nums;
+}
+
+.arrow,
+:global(.byline-coll-dochistory-arrow) {
+  color: var(--gray-400);
+}

package/src/admin-shell/collections/document-history.tsx

@@ -0,0 +1,156 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+
+import { useTranslation } from '@byline/i18n/react'
+import { Container, Section, Table } from '@byline/ui/react'
+import cx from 'classnames'
+
+import styles from './document-history.module.css'
+
+/**
+ * One serialised audit-log entry as it reaches the admin UI. Mirrors
+ * `@byline/client`'s `AuditLogEntry` but with `occurredAt` as an ISO string —
+ * the value crosses the TanStack server-fn boundary through `serialise()`,
+ * which turns Dates into strings (docs/AUDIT.md — Workstream 3).
+ */
+export interface AuditLogEntryView {
+  id: string
+  documentId: string | null
+  collectionId: string | null
+  actorId: string | null
+  actorRealm: string
+  action: string
+  field: string | null
+  before: unknown
+  after: unknown
+  occurredAt: string
+}
+
+/**
+ * The document-history payload attached to the history loader: the page of
+ * audit entries plus the admin-side resolved actor labels (`actors`, keyed by
+ * actor id — ids absent from the map belong to deleted users; system/tooling
+ * rows carry a NULL actorId).
+ */
+export interface DocumentHistoryData {
+  entries: AuditLogEntryView[]
+  meta: { total: number; page: number; pageSize: number; totalPages: number }
+  actors?: Record<string, { label: string }>
+}
+
+/**
+ * Maps namespaced audit `action` values to their i18n label keys. Unknown
+ * actions fall back to the raw value rather than a missing-key warning.
+ */
+const ACTION_KEYS: Record<string, string> = {
+  'document.path.changed': 'collections.documentHistory.actionPathChanged',
+  'document.locales.changed': 'collections.documentHistory.actionLocalesChanged',
+  'document.status.changed': 'collections.documentHistory.actionStatusChanged',
+  'document.deleted': 'collections.documentHistory.actionDeleted',
+}
+
+/** Render an audit before/after value inline: arrays comma-join, nullish → em-dash. */
+function formatAuditValue(value: unknown): string {
+  if (value == null) return '—'
+  if (Array.isArray(value)) return value.length > 0 ? value.join(', ') : '—'
+  return String(value)
+}
+
+/**
+ * Document-grain audit log for a single document (docs/AUDIT.md — Workstream
+ * 3, "Document history" tab): a chronological, newest-first list of the
+ * non-versioned changes the version stream does not record — path /
+ * available-locales writes, in-place status transitions, and the deletion
+ * event. No diff viewer; before/after render inline.
+ */
+export const DocumentHistoryView = ({ data }: { data: DocumentHistoryData }) => {
+  const { t } = useTranslation('byline-admin')
+  const entries = data?.entries ?? []
+
+  if (entries.length === 0) {
+    return (
+      <Section>
+        <Container>
+          <p className={cx('byline-coll-dochistory-empty', styles.empty)}>
+            {t('collections.documentHistory.empty')}
+          </p>
+        </Container>
+      </Section>
+    )
+  }
+
+  return (
+    <Section>
+      <Container>
+        <Table.Container className={cx('byline-coll-dochistory-table-wrap', styles.tableWrap)}>
+          <Table>
+            <Table.Header>
+              <Table.Row>
+                <Table.HeadingCell scope="col">
+                  {t('collections.documentHistory.colWhen')}
+                </Table.HeadingCell>
+                <Table.HeadingCell scope="col">
+                  {t('collections.documentHistory.colAction')}
+                </Table.HeadingCell>
+                <Table.HeadingCell scope="col">
+                  {t('collections.documentHistory.colActor')}
+                </Table.HeadingCell>
+                <Table.HeadingCell scope="col">
+                  {t('collections.documentHistory.colChange')}
+                </Table.HeadingCell>
+              </Table.Row>
+            </Table.Header>
+            <Table.Body>
+              {entries.map((entry) => {
+                const actionKey = ACTION_KEYS[entry.action]
+                const actionLabel = actionKey ? t(actionKey) : entry.action
+                // System/tooling write (NULL actor or 'system' realm) → the
+                // system label; an unresolved id is a deleted user; otherwise
+                // the admin-resolved label.
+                const actorLabel =
+                  entry.actorId == null || entry.actorRealm === 'system'
+                    ? t('collections.documentHistory.systemActor')
+                    : (data.actors?.[entry.actorId]?.label ??
+                      t('collections.history.audit.formerUser'))
+                // The deletion event carries no before/after; everything else
+                // renders "before → after".
+                const hasChange = entry.before != null || entry.after != null
+                return (
+                  <Table.Row key={entry.id}>
+                    <Table.Cell className={cx('byline-coll-dochistory-when', styles.when)}>
+                      {new Date(entry.occurredAt).toLocaleString()}
+                    </Table.Cell>
+                    <Table.Cell>{actionLabel}</Table.Cell>
+                    <Table.Cell>{actorLabel}</Table.Cell>
+                    <Table.Cell className={cx('byline-coll-dochistory-change', styles.change)}>
+                      {hasChange ? (
+                        <>
+                          <span className={cx('byline-coll-dochistory-before', styles.before)}>
+                            {formatAuditValue(entry.before)}
+                          </span>
+                          <span className={cx('byline-coll-dochistory-arrow', styles.arrow)}>
+                            {' → '}
+                          </span>
+                          <span className={cx('byline-coll-dochistory-after', styles.after)}>
+                            {formatAuditValue(entry.after)}
+                          </span>
+                        </>
+                      ) : (
+                        '—'
+                      )}
+                    </Table.Cell>
+                  </Table.Row>
+                )
+              })}
+            </Table.Body>
+          </Table>
+        </Table.Container>
+      </Container>
+    </Section>
+  )
+}

package/src/admin-shell/collections/history.module.css

@@ -67,6 +67,12 @@
   background-color: var(--canvas-700);
 }
 
+/* Sub-view tab bar (Content versions / Document history — docs/AUDIT.md W3). */
+.tabs,
+:global(.byline-coll-history-tabs) {
+  margin-top: 0.25rem;
+}
+
 .options,
 :global(.byline-coll-history-options) {
   display: flex;