@prenta/admin 1.1.0 → 1.3.0

package/src/__tests__/lib/preview-bridge.test.ts

@@ -1,128 +1,39 @@
+// @vitest-environment happy-dom
 import { describe, expect, it } from 'vitest'
 import {
-  canvasOriginFromSrc,
   companionDimensionPaths,
+  fieldPathFromEventTarget,
+  fieldPathLeaf,
   inspectorIdFromFieldPath,
-  isMediaFieldPath,
-  isPreviewBridgeMessage,
-  isPreviewEditMessage,
-  isPreviewModeMessage,
-  isPreviewRequestMediaMessage,
-  PREVIEW_BRIDGE_VERSION,
-  toPreviewSectionPayload,
 } from '../../lib/preview-bridge.js'
 
-describe('preview-bridge', () => {
-  it('accepts versioned prenta-preview messages', () => {
-    expect(
-      isPreviewBridgeMessage({ type: 'prenta-preview:ready', v: PREVIEW_BRIDGE_VERSION }),
-    ).toBe(true)
-    expect(
-      isPreviewBridgeMessage({
-        type: 'prenta-preview:select',
-        v: PREVIEW_BRIDGE_VERSION,
-        sectionId: 'sec-1',
-      }),
-    ).toBe(true)
-  })
-
-  it('rejects legacy or wrong-version payloads', () => {
-    expect(isPreviewBridgeMessage({ type: 'prenta-preview-update', data: {} })).toBe(false)
-    expect(isPreviewBridgeMessage({ type: 'prenta-preview:ready', v: 99 })).toBe(false)
-    expect(isPreviewBridgeMessage(null)).toBe(false)
-  })
-
-  it('parses canvas origin from iframe src', () => {
-    expect(canvasOriginFromSrc('https://cms.example.com/about/?preview=tok')).toBe(
-      'https://cms.example.com',
-    )
-    expect(canvasOriginFromSrc(null)).toBeNull()
-  })
-
+describe('preview-bridge field paths', () => {
   it('maps dotted field paths to unified insp-field ids', () => {
     expect(inspectorIdFromFieldPath('lead')).toBe('insp-field-lead')
     expect(inspectorIdFromFieldPath('stats.0.num')).toBe('insp-field-stats-0-num')
     expect(inspectorIdFromFieldPath('rotateWords.2.word')).toBe('insp-field-rotateWords-2-word')
   })
 
-  it('accepts prenta-preview:sections payloads', () => {
-    expect(
-      isPreviewBridgeMessage({
-        type: 'prenta-preview:sections',
-        v: PREVIEW_BRIDGE_VERSION,
-        sections: [{ id: 's1', sectionType: 'hero', content: { heading: 'Hi' } }],
-      }),
-    ).toBe(true)
-  })
-
-  it('strips editor-only fields from preview section payloads', () => {
-    expect(
-      toPreviewSectionPayload({
-        id: 's1',
-        sectionType: 'hero',
-        name: 'Hero',
-        visible: true,
-        content: { heading: 'Hi' },
-        settings: {},
-        internalLabel: 'team note',
-      }),
-    ).toEqual({
-      id: 's1',
-      sectionType: 'hero',
-      name: 'Hero',
-      visible: true,
-      content: { heading: 'Hi' },
-      settings: {},
-      unmanaged: undefined,
-    })
-  })
-
-  it('validates edit / mode / request-media payloads', () => {
-    expect(
-      isPreviewEditMessage({
-        type: 'prenta-preview:edit',
-        v: PREVIEW_BRIDGE_VERSION,
-        sectionId: 's1',
-        fieldPath: 'lead',
-        value: 'Hello',
-      }),
-    ).toBe(true)
-    expect(
-      isPreviewEditMessage({
-        type: 'prenta-preview:edit',
-        v: PREVIEW_BRIDGE_VERSION,
-        sectionId: 's1',
-        fieldPath: 'lead',
-      }),
-    ).toBe(false)
-    expect(
-      isPreviewModeMessage({
-        type: 'prenta-preview:mode',
-        v: PREVIEW_BRIDGE_VERSION,
-        editing: true,
-      }),
-    ).toBe(true)
-    expect(
-      isPreviewRequestMediaMessage({
-        type: 'prenta-preview:request-media',
-        v: PREVIEW_BRIDGE_VERSION,
-        sectionId: 's1',
-        fieldPath: 'awards.0.imageUrl',
-      }),
-    ).toBe(true)
-  })
-
-  it('detects media field paths and companion dimension paths', () => {
-    expect(isMediaFieldPath('imageUrl')).toBe(true)
-    expect(isMediaFieldPath('awards.0.imageUrl')).toBe(true)
-    expect(isMediaFieldPath('lead')).toBe(false)
-    expect(isMediaFieldPath('ctaUrl')).toBe(false)
-    expect(isMediaFieldPath('url', 'media')).toBe(true)
-    expect(isMediaFieldPath('images.0.url')).toBe(true)
-    expect(isMediaFieldPath('buttonUrl')).toBe(false)
+  it('reads companion dimension paths for media URL fields', () => {
     expect(companionDimensionPaths('awards.0.imageUrl')).toEqual({
       widthPath: 'awards.0.imageWidth',
       heightPath: 'awards.0.imageHeight',
     })
+    expect(companionDimensionPaths('images.0.url')).toEqual({
+      widthPath: 'images.0.width',
+      heightPath: 'images.0.height',
+    })
+    expect(fieldPathLeaf('awards.0.imageUrl')).toBe('imageUrl')
+  })
+
+  it('reads data-cms-field from a click target or its ancestor', () => {
+    const wrap = document.createElement('div')
+    wrap.setAttribute('data-cms-field', 'heading')
+    const inner = document.createElement('span')
+    wrap.appendChild(inner)
+    expect(fieldPathFromEventTarget(inner)).toBe('heading')
+    expect(fieldPathFromEventTarget(wrap)).toBe('heading')
+    expect(fieldPathFromEventTarget(document.createElement('div'))).toBeUndefined()
+    expect(fieldPathFromEventTarget(null)).toBeUndefined()
   })
 })

package/src/__tests__/lib/version-history.test.ts

@@ -40,6 +40,26 @@ describe('toPageVersion', () => {
     expect(mapped.author.name).toBe('Sarah Mills')
   })
 
+  it('lifts post identity fields so canvas review can show the snapshot header', () => {
+    const mapped = toPageVersion({
+      id: 'v1',
+      changeType: 'UPDATE',
+      createdAt: '2026-08-02T12:00:00Z',
+      data: {
+        title: 'Snapshot title',
+        excerpt: 'Snapshot excerpt',
+        featuredImage: { url: 'https://cdn.example.com/hero.webp' },
+        body: '<p>Snapshot body</p>',
+        sections: [],
+      },
+    })
+
+    expect(mapped.title).toBe('Snapshot title')
+    expect(mapped.excerpt).toBe('Snapshot excerpt')
+    expect(mapped.featuredImage).toBe('https://cdn.example.com/hero.webp')
+    expect(mapped.body).toBe('<p>Snapshot body</p>')
+  })
+
   it('preserves an unmanaged section rather than dropping it from the snapshot', () => {
     // Coercing a snapshot more strictly than the live document reads would
     // make an externally-managed section look deleted in every version.

package/src/__tests__/lib/view-site-chrome.test.ts

@@ -1,5 +1,9 @@
 import { describe, expect, it } from 'vitest'
-import { NO_PUBLIC_SITE_URL_REASON, resolveViewSiteChrome } from '../../lib/view-site-chrome.js'
+import {
+  ADMIN_ORIGIN_SITE_URL_REASON,
+  NO_PUBLIC_SITE_URL_REASON,
+  resolveViewSiteChrome,
+} from '../../lib/view-site-chrome.js'
 
 const base = {
   dirty: false,
@@ -53,6 +57,17 @@ describe('resolveViewSiteChrome', () => {
     expect(chrome.shareVisible).toBe(true)
   })
 
+  it('disables View site and Share when the site URL is the admin origin', () => {
+    const chrome = resolveViewSiteChrome({
+      ...base,
+      status: 'DRAFT',
+      matchesAdminOrigin: true,
+    })
+    expect(chrome.viewEnabled).toBe(false)
+    expect(chrome.viewDisabledReason).toBe(ADMIN_ORIGIN_SITE_URL_REASON)
+    expect(chrome.shareVisible).toBe(true)
+  })
+
   it('hides View site and Share when the document is unsaved', () => {
     const chrome = resolveViewSiteChrome({
       ...base,

package/src/__tests__/no-server-barrel-imports.test.ts

@@ -9,9 +9,8 @@ import { describe, expect, it } from 'vitest'
 // the bug Opal hit where Turbopack pulled `pg`/`fs` into the browser build.
 //
 // Type-only imports (`import type` / `export type`) are erased by tsc and are
-// safe. Page-builder runtime utilities must come from the client-safe
-// `@prenta/core/page-builder` subpath instead. This test fails if
-// any source file reintroduces a value import from the bare barrel.
+// safe. This test fails if any source file reintroduces a value import from
+// the bare barrel.
 
 const SRC_DIR = fileURLToPath(new URL('../', import.meta.url))
 
@@ -52,7 +51,7 @@ describe('cms-admin client/server bundle boundary', () => {
 
     expect(
       offenders,
-      `Use '@prenta/core/page-builder' (or 'import type') instead:\n${offenders.join('\n')}`,
+      `Use 'import type' from '@prenta/core' or a client-safe subpath instead:\n${offenders.join('\n')}`,
     ).toEqual([])
   })
 })

package/src/__tests__/views/canvas-review-mode.render.test.tsx

@@ -68,10 +68,23 @@ describe('SectionRenderer — review mode', () => {
 
     fireEvent.click(sectionEl())
 
-    expect(onSelect).toHaveBeenCalledWith('s1')
+    expect(onSelect).toHaveBeenCalledWith('s1', undefined)
     expect(sectionEl().getAttribute('data-editable')).toBe('true')
   })
 
+  it('passes the data-cms-field path when a field inside the section is clicked', () => {
+    const onSelect = vi.fn()
+    render(<SectionRenderer section={SECTION} editable onSelect={onSelect} />)
+
+    const field = document.createElement('h2')
+    field.setAttribute('data-cms-field', 'heading')
+    field.textContent = 'A headline'
+    sectionEl().appendChild(field)
+    fireEvent.click(field)
+
+    expect(onSelect).toHaveBeenCalledWith('s1', 'heading')
+  })
+
   it('names the change in the accessible name, not only in colour and a dashed border', () => {
     render(<SectionRenderer section={SECTION} editable reviewing changed />)
     expect(sectionEl().getAttribute('aria-label')).toBe(

package/src/__tests__/views/editor-top-bar.render.test.tsx

@@ -151,6 +151,25 @@ describe('EditorTopBar view site / share', () => {
     expect(screen.getByRole('button', { name: 'Share' })).toBeTruthy()
   })
 
+  it('disables View site and Share when the site URL is the admin origin', () => {
+    render(
+      <EditorTopBar
+        {...baseProps}
+        onViewOnSite={vi.fn()}
+        onShare={vi.fn()}
+        hasPublicSiteUrl
+        matchesAdminOrigin
+      />,
+    )
+    const view = screen.getByRole('button', { name: 'View site' }) as HTMLButtonElement
+    const share = screen.getByRole('button', { name: 'Share' }) as HTMLButtonElement
+    expect(view.disabled).toBe(true)
+    expect(share.disabled).toBe(true)
+    expect(view.getAttribute('title')).toBe(
+      'This origin is the admin, not the public site. Set the public site URL in Settings → SEO.',
+    )
+  })
+
   it('disables View site and Share when the public site URL is missing', () => {
     render(
       <EditorTopBar
@@ -213,4 +232,10 @@ describe('EditorTopBar history button', () => {
       expect(button.className, `${name} has no touch target`).toContain('prenta-touch-target')
     }
   })
+
+  it('labels the gear Post settings when the editor is a post', () => {
+    render(<EditorTopBar {...baseProps} backLabel="Posts" />)
+    expect(screen.getByRole('button', { name: 'Post settings' })).toBeTruthy()
+    expect(screen.queryByRole('button', { name: 'Page settings' })).toBeNull()
+  })
 })

package/src/__tests__/views/page-section-editor.test.tsx

@@ -213,12 +213,22 @@ describe('PageSectionEditor section disclosure', () => {
     expect(screen.queryByLabelText('Section name')).toBeNull()
   })
 
-  it('keeps the row open when the site preview points at one of its fields', async () => {
+  it('keeps the row open when a canvas field click targets the same section', async () => {
     // A `fieldPath` means "the editor clicked THIS field" — toggling there
-    // would close the form on the second click of a field being edited.
-    fetchPageForEditor.mockResolvedValue(
-      loadedPage([{ id: 's1', sectionType: 'hero', name: 'Hero' }]),
-    )
+    // would close the form on the second click of a field being inspected.
+    fetchPageForEditor.mockResolvedValue({
+      ...loadedPage([{ id: 's1', sectionType: 'hero', name: 'Hero' }]),
+      sections: [
+        {
+          id: 's1',
+          sectionType: 'hero',
+          name: 'Hero',
+          visible: true,
+          content: { heading: 'Welcome' },
+          settings: {},
+        },
+      ],
+    })
     render(
       <PageSectionEditor documentId="p1" config={validConfig} onNavigate={() => {}} session={{}} />,
     )
@@ -227,14 +237,14 @@ describe('PageSectionEditor section disclosure', () => {
     fireEvent.click(screen.getByRole('button', { name: 'Edit Hero' }))
     await screen.findByRole('button', { name: 'Close Hero' })
 
-    // Same section, arriving with a field path, twice.
-    for (let i = 0; i < 2; i++) {
-      window.dispatchEvent(
-        new MessageEvent('message', {
-          data: { v: 1, type: 'prenta-preview:select', sectionId: 's1', fieldPath: 'heading' },
-        }),
-      )
-    }
+    const section = document.querySelector('[data-section-id="s1"]')
+    expect(section).toBeTruthy()
+    const field = document.createElement('h2')
+    field.setAttribute('data-cms-field', 'heading')
+    field.textContent = 'Welcome'
+    section?.appendChild(field)
+    fireEvent.click(field)
+    fireEvent.click(field)
 
     expect(screen.getByRole('button', { name: 'Close Hero' })).toBeTruthy()
   })

package/src/__tests__/views/post-section-editor.test.tsx

@@ -51,6 +51,7 @@ function loadedPost(
     featuredImage: '',
     body: '',
     category: '',
+    tags: [],
     status: 'DRAFT',
     publishDate: null,
     sections: sections.map((s) => ({ ...s, visible: true, content: {}, settings: {} })),
@@ -276,6 +277,64 @@ describe('PostSectionEditor rail', () => {
 
     expect(screen.getByRole('tab', { name: /Sections/ })).toBeTruthy()
     expect(screen.getByRole('tab', { name: /SEO/ })).toBeTruthy()
+    expect(screen.getByRole('tab', { name: 'Post' })).toBeTruthy()
+  })
+
+  it('live-applies Post tab edits onto the editor', async () => {
+    fetchTemplateForEditor.mockRejectedValue(new Error('no template'))
+    fetchPostForEditor.mockResolvedValue(
+      loadedPost([{ id: 's1', sectionType: 'quote', name: 'Quote' }]),
+    )
+    render(
+      <PostSectionEditor
+        postType="blog"
+        documentId="p1"
+        config={validConfig}
+        onNavigate={() => {}}
+        session={{ user: { role: 'EDITOR' } }}
+      />,
+    )
+    await screen.findByRole('tablist', { name: 'Editor panels' })
+
+    fireEvent.click(screen.getByRole('tab', { name: 'Post' }))
+    const title = document.getElementById('post-title') as HTMLInputElement
+    fireEvent.change(title, { target: { value: 'Renamed in rail' } })
+    expect(screen.getAllByText('Renamed in rail').length).toBeGreaterThan(0)
+  })
+
+  it('inlines post fields on the Post tab, and the gear still opens the modal', async () => {
+    await renderLoaded()
+
+    fireEvent.click(screen.getByRole('tab', { name: 'Post' }))
+    const panel = document.getElementById('rail-panel-page')
+    expect(panel).toBeTruthy()
+    expect(panel!.querySelector('#post-title')).toBeTruthy()
+    expect(panel!.querySelector('#post-slug')).toBeTruthy()
+    expect(panel!.querySelector('#post-excerpt')).toBeTruthy()
+    expect(screen.queryByRole('dialog', { name: 'Post details' })).toBeNull()
+
+    fireEvent.click(screen.getByRole('button', { name: 'Post settings' }))
+    expect(screen.getByRole('dialog', { name: 'Post details' })).toBeTruthy()
+  })
+
+  it('puts the audit score on the SEO tab and the header chip', async () => {
+    await renderLoaded()
+
+    expect(
+      screen.getByRole('tab', { name: /SEO(?:.|\s)*(score \d+ of 100|not rated)/i }),
+    ).toBeTruthy()
+    expect(screen.getByRole('button', { name: /SEO(?:, score \d+ out of 100)?/ })).toBeTruthy()
+  })
+
+  it('presses the History button while the overlay is open', async () => {
+    await renderLoaded()
+
+    const history = screen.getByRole('button', { name: 'Version history' })
+    expect(history.getAttribute('aria-pressed')).toBe('false')
+    fireEvent.click(history)
+    expect(history.getAttribute('aria-pressed')).toBe('true')
+    expect(screen.getByRole('region', { name: 'Version history' })).toBeTruthy()
+    expect(screen.queryByRole('dialog', { name: /version history/i })).toBeNull()
   })
 
   it('opens SEO inside the rail, not as a second panel beside it', async () => {

package/src/__tests__/views/post-tab.render.test.tsx

@@ -0,0 +1,116 @@
+// @vitest-environment happy-dom
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+import { fireEvent, render, screen } from '@testing-library/react'
+import type { EditorPost } from '../../lib/post-editor-service.js'
+
+const cmsApi = vi.fn(async () => ({ data: { field: 'tags', values: [] }, status: 200 }))
+
+vi.mock('../../lib/api.js', () => ({
+  cmsApi: (...args: unknown[]) => cmsApi(...(args as [])),
+  ensureCsrfToken: vi.fn(async () => {}),
+}))
+
+vi.mock('../../lib/coauthor-client.js', () => ({
+  coauthorText: vi.fn(async () => ({
+    ok: true,
+    result: { action: 'compress', text: 'AI excerpt' },
+  })),
+}))
+
+const { PostTab } = await import('../../views/post-editor/PostTab.js')
+
+function basePost(over: Partial<EditorPost> = {}): EditorPost {
+  return {
+    id: 'p1',
+    postType: 'blog',
+    title: 'Hello',
+    slug: 'hello',
+    excerpt: 'A short summary.',
+    featuredImage: '',
+    body: '',
+    category: '',
+    tags: [],
+    status: 'DRAFT',
+    publishDate: null,
+    scheduledAt: null,
+    scheduledUnpublishAt: null,
+    sections: [],
+    seoTitle: '',
+    seoDescription: '',
+    publishedAt: null,
+    updatedAt: null,
+    ...over,
+  }
+}
+
+const SELECT_FIELDS = {
+  category: {
+    type: 'select' as const,
+    options: [
+      { label: 'News', value: 'news' },
+      { label: 'Tutorials', value: 'tutorials' },
+    ],
+  },
+  tags: { type: 'array' as const, maxRows: 12 },
+}
+
+beforeEach(() => {
+  cmsApi.mockClear()
+})
+
+describe('PostTab', () => {
+  it('live-applies title, slug, and excerpt without a dialog', () => {
+    const onChange = vi.fn()
+    render(<PostTab post={basePost()} canEdit fields={SELECT_FIELDS} onChange={onChange} />)
+
+    expect(screen.queryByRole('dialog')).toBeNull()
+    fireEvent.change(screen.getByLabelText(/^Title/), { target: { value: 'Renamed' } })
+    expect(onChange).toHaveBeenCalledWith(expect.objectContaining({ title: 'Renamed' }))
+
+    fireEvent.change(screen.getByLabelText(/^Slug/), { target: { value: 'custom-slug' } })
+    expect(onChange).toHaveBeenCalledWith(expect.objectContaining({ slug: 'custom-slug' }))
+
+    fireEvent.change(screen.getByLabelText(/^Excerpt/), { target: { value: 'New excerpt' } })
+    expect(onChange).toHaveBeenCalledWith(expect.objectContaining({ excerpt: 'New excerpt' }))
+  })
+
+  it('derives slug from title until the slug field is edited', () => {
+    const onChange = vi.fn()
+    const { rerender } = render(
+      <PostTab post={basePost({ title: '', slug: '' })} canEdit onChange={onChange} />,
+    )
+
+    fireEvent.change(screen.getByLabelText(/^Title/), { target: { value: 'Hello World' } })
+    expect(onChange).toHaveBeenCalledWith(
+      expect.objectContaining({ title: 'Hello World', slug: 'hello-world' }),
+    )
+
+    rerender(
+      <PostTab
+        post={basePost({ title: 'Hello World', slug: 'hello-world' })}
+        canEdit
+        onChange={onChange}
+      />,
+    )
+    fireEvent.change(screen.getByLabelText(/^Slug/), { target: { value: 'custom-slug' } })
+    onChange.mockClear()
+    rerender(
+      <PostTab
+        post={basePost({ title: 'Hello World', slug: 'custom-slug' })}
+        canEdit
+        onChange={onChange}
+      />,
+    )
+    fireEvent.change(screen.getByLabelText(/^Title/), { target: { value: 'Changed Title' } })
+    expect(onChange).toHaveBeenCalledWith(expect.objectContaining({ title: 'Changed Title' }))
+    expect(onChange).not.toHaveBeenCalledWith(expect.objectContaining({ slug: expect.anything() }))
+  })
+
+  it('does not offer page-only controls', () => {
+    render(<PostTab post={basePost()} canEdit onChange={() => {}} />)
+    expect(screen.queryByText(/301 redirect/)).toBeNull()
+    expect(screen.queryByText(/Danger zone/)).toBeNull()
+    expect(screen.queryByText(/Search directives/)).toBeNull()
+    expect(screen.queryByLabelText(/URL slug/)).toBeNull()
+  })
+})

package/src/components/seo/SeoEditorPane.tsx

@@ -154,6 +154,14 @@ export interface SeoEditorPaneProps {
   slug?: string
   draftMeta?: { seoTitle: string; seoDescription: string }
   onDraftChange?: (patch: { seoTitle?: string; seoDescription?: string }) => void
+  /**
+   * Post identity the template renders outside the section list. Folded into
+   * the same `buildPageAuditInput` path the saved-record audit uses, so live
+   * rings and the header chip cannot disagree on H1 / opening / featured image.
+   */
+  title?: string
+  bodyHtml?: string
+  featuredImage?: string
 }
 
 export function SeoEditorPane({
@@ -167,6 +175,9 @@ export function SeoEditorPane({
   slug = '',
   draftMeta,
   onDraftChange,
+  title,
+  bodyHtml,
+  featuredImage,
 }: SeoEditorPaneProps) {
   const isDraft = !entityId
   const [record, setRecord] = useState<SeoContentRecord | null>(null)
@@ -471,9 +482,13 @@ export function SeoEditorPane({
         slug,
         record,
         fallbackTitle: draftMeta?.seoTitle,
+        post:
+          title !== undefined || bodyHtml !== undefined || featuredImage !== undefined
+            ? { title, bodyHtml, featuredImage }
+            : undefined,
       }),
     )
-  }, [auditSections, form, slug, record, draftMeta?.seoTitle])
+  }, [auditSections, form, slug, record, draftMeta?.seoTitle, title, bodyHtml, featuredImage])
 
   useEffect(() => {
     onAuditChange?.(audit)

package/src/hooks/usePageAudit.ts

@@ -4,7 +4,11 @@ import { useCallback, useEffect, useState } from 'react'
 import type { PageSection } from '@prenta/core/page-sections'
 import { auditPage, type PageAuditResult } from '@prenta/core/seo/page-audit'
 import { fetchSeoContentRecord, type SeoContentRecord } from '../lib/seo-service.js'
-import { buildPageAuditInput, metaFromRecord } from '../lib/page-audit-input.js'
+import {
+  buildPageAuditInput,
+  metaFromRecord,
+  type PostAuditExtras,
+} from '../lib/page-audit-input.js'
 
 export interface UsePageAuditArgs {
   entityType: 'page' | 'post'
@@ -19,6 +23,8 @@ export interface UsePageAuditArgs {
    * exactly the pages that most need the nudge.
    */
   fallback?: { title?: string; description?: string }
+  /** Post identity the template renders outside the section list. */
+  post?: PostAuditExtras
 }
 
 /**
@@ -42,6 +48,7 @@ export function usePageAudit({
   sections,
   slug,
   fallback,
+  post,
 }: UsePageAuditArgs): {
   audit: PageAuditResult
   record: SeoContentRecord | null
@@ -90,7 +97,7 @@ export function usePageAudit({
         hasOgImage: false,
       }
 
-  const audit = auditPage(buildPageAuditInput({ sections, meta, slug, record }))
+  const audit = auditPage(buildPageAuditInput({ sections, meta, slug, record, post }))
 
   const reload = useCallback(() => setNonce((n) => n + 1), [])
 

package/src/lib/canvas-edit-chrome.ts

@@ -1,70 +1,6 @@
-/**
- * Shared edit affordances for the page/post canvas and Site preview iframe.
- *
- * Structure canvas: section hover is styled in `theme.css` under `.prenta-canvas`.
- * Site preview: the same field chrome is injected into the iframe document when
- * same-origin (CMS-host preview) so consumers get hover borders without shipping CSS.
- */
-
 /** localStorage key for the dismissible canvas tip. */
 export const CANVAS_EDIT_TIP_STORAGE_KEY = 'prenta.canvasEditTip.dismissed'
 
-/**
- * CSS injected into the Site preview iframe while editing is enabled.
- * Uses system colors so it works without admin theme tokens in the iframe.
- */
-export const PREVIEW_EDITABLE_FIELD_CHROME_CSS = `
-/* Prenta Site preview — editable field hover chrome (injected by @prenta/admin) */
-[data-cms-field] {
-  outline: 1px solid transparent;
-  outline-offset: 2px;
-  border-radius: 2px;
-  transition: outline-color 120ms ease;
-  cursor: text;
-}
-[data-cms-field]:hover,
-[data-cms-field]:focus,
-[data-cms-field]:focus-within {
-  outline-color: color-mix(in oklab, CanvasText 24%, transparent);
-}
-[data-cms-field][data-cms-field-kind="media"] {
-  cursor: pointer;
-}
-[data-cms-field][data-cms-field-kind="media"]:hover,
-[data-cms-field][data-cms-field-kind="media"]:focus {
-  outline-color: color-mix(in oklab, CanvasText 32%, transparent);
-}
-@media (prefers-reduced-motion: reduce) {
-  [data-cms-field] {
-    transition: none;
-  }
-}
-`.trim()
-
-const STYLE_ATTR = 'data-prenta-edit-chrome'
-
-/**
- * Inject (or refresh) editable-field hover chrome into a same-origin preview
- * iframe. No-ops on cross-origin frames (browser blocks contentDocument).
- */
-export function injectPreviewEditChrome(iframe: HTMLIFrameElement | null): boolean {
-  try {
-    const doc = iframe?.contentDocument
-    if (!doc?.head) return false
-    let style = doc.head.querySelector<HTMLStyleElement>(`style[${STYLE_ATTR}]`)
-    if (!style) {
-      style = doc.createElement('style')
-      style.setAttribute(STYLE_ATTR, '1')
-      doc.head.appendChild(style)
-    }
-    style.textContent = PREVIEW_EDITABLE_FIELD_CHROME_CSS
-    doc.documentElement.setAttribute('data-prenta-preview-editing', 'true')
-    return true
-  } catch {
-    return false
-  }
-}
-
 export function isCanvasEditTipDismissed(): boolean {
   try {
     return localStorage.getItem(CANVAS_EDIT_TIP_STORAGE_KEY) === '1'