@prenta/admin 0.98.1 → 1.0.0

package/dist/views/page-builder/canvas/SectionRenderer.js

@@ -1,50 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { ContainerRenderer } from './ContainerRenderer.js';
-import { RowRenderer } from './RowRenderer.js';
-export function SectionRenderer({ node, selectedNodeId, onSelectNode }) {
-    const [hovered, setHovered] = useState(false);
-    const isSelected = selectedNodeId === node.id;
-    const handleClick = (e) => {
-        e.stopPropagation();
-        onSelectNode(node.id);
-    };
-    const backgroundStyle = {};
-    if (node.settings.background) {
-        backgroundStyle.backgroundColor = node.settings.background;
-    }
-    if (node.settings.backgroundImage) {
-        backgroundStyle.backgroundImage = `url(${node.settings.backgroundImage})`;
-        backgroundStyle.backgroundSize = 'cover';
-        backgroundStyle.backgroundPosition = 'center';
-    }
-    if (node.settings.backgroundGradient) {
-        backgroundStyle.backgroundImage = node.settings.backgroundGradient;
-    }
-    if (node.settings.paddingTop) {
-        backgroundStyle.paddingTop = node.settings.paddingTop;
-    }
-    if (node.settings.paddingBottom) {
-        backgroundStyle.paddingBottom = node.settings.paddingBottom;
-    }
-    if (node.settings.marginTop) {
-        backgroundStyle.marginTop = node.settings.marginTop;
-    }
-    if (node.settings.marginBottom) {
-        backgroundStyle.marginBottom = node.settings.marginBottom;
-    }
-    return (_jsxs("div", { "data-node-id": node.id, className: `relative w-full transition-shadow ${isSelected ? 'ring-primary ring-2 ring-offset-2' : hovered ? 'ring-primary/50 ring-1' : ''}`, style: backgroundStyle, onClick: handleClick, onMouseEnter: (e) => {
-            e.stopPropagation();
-            setHovered(true);
-        }, onMouseLeave: () => setHovered(false), children: [(hovered || isSelected) && (_jsx("span", { className: "bg-primary text-primary-foreground absolute -top-2 -left-1 z-10 rounded px-1.5 py-0.5 text-xs font-medium", children: "Section" })), node.children.map((child) => {
-                if (child.type === 'container') {
-                    return (_jsx(ContainerRenderer, { node: child, selectedNodeId: selectedNodeId, onSelectNode: onSelectNode }, child.id));
-                }
-                if (child.type === 'row') {
-                    return (_jsx(RowRenderer, { node: child, selectedNodeId: selectedNodeId, onSelectNode: onSelectNode }, child.id));
-                }
-                return null;
-            })] }));
-}
-//# sourceMappingURL=SectionRenderer.js.map

package/dist/views/page-builder/canvas/SectionRenderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SectionRenderer.js","sourceRoot":"","sources":["../../../../src/views/page-builder/canvas/SectionRenderer.tsx"],"names":[],"mappings":"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"}

package/dist/views/page-builder/canvas/index.d.ts

@@ -1,3 +0,0 @@
-export { BuilderCanvas } from './BuilderCanvas.js';
-export type { BuilderCanvasProps } from './BuilderCanvas.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/views/page-builder/canvas/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/page-builder/canvas/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/views/page-builder/canvas/index.js

@@ -1,2 +0,0 @@
-export { BuilderCanvas } from './BuilderCanvas.js';
-//# sourceMappingURL=index.js.map

package/dist/views/page-builder/canvas/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/page-builder/canvas/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA"}

package/src/__tests__/views/page-builder-block-renderer.render.test.tsx

@@ -1,66 +0,0 @@
-// @vitest-environment happy-dom
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-import type { BlockNode } from '@prenta/core'
-
-const cmsApi = vi.fn()
-vi.mock('../../lib/api.js', () => ({ cmsApi: (...args: unknown[]) => cmsApi(...args) }))
-
-const { BlockRenderer } = await import('../../views/page-builder/canvas/BlockRenderer.js')
-
-function formNode(over: Partial<BlockNode> = {}): BlockNode {
-  return {
-    id: 'node-1',
-    type: 'block',
-    settings: { blockType: 'form', variant: 'contact' },
-    data: { formId: 'f1' },
-    ...over,
-  } as BlockNode
-}
-
-beforeEach(() => {
-  cmsApi.mockReset()
-  cmsApi.mockResolvedValue({
-    data: {
-      name: 'Contact Us',
-      fields: [
-        { key: 'name', label: 'Full Name', type: 'text' },
-        { key: 'message', label: 'Message', type: 'textarea' },
-      ],
-    },
-    status: 200,
-  })
-})
-
-describe('canvas BlockRenderer', () => {
-  it('renders the live form preview with the linked form name and fields', async () => {
-    render(<BlockRenderer node={formNode()} selectedNodeId={null} onSelectNode={vi.fn()} />)
-    await waitFor(() => expect(screen.getByText('Contact Us')).toBeTruthy())
-    expect(cmsApi).toHaveBeenCalledWith('/forms/f1')
-    expect(screen.getByText('Full Name')).toBeTruthy()
-  })
-
-  it('selects the node on click', () => {
-    const onSelectNode = vi.fn()
-    const { container } = render(
-      <BlockRenderer
-        node={formNode({ data: {} })}
-        selectedNodeId={null}
-        onSelectNode={onSelectNode}
-      />,
-    )
-    fireEvent.click(container.querySelector('[data-node-id="node-1"]')!)
-    expect(onSelectNode).toHaveBeenCalledWith('node-1')
-  })
-
-  it('falls back to a placeholder for unknown block types', () => {
-    render(
-      <BlockRenderer
-        node={formNode({ settings: { blockType: 'widget' }, data: {} })}
-        selectedNodeId={null}
-        onSelectNode={vi.fn()}
-      />,
-    )
-    expect(screen.getByText('No preview available')).toBeTruthy()
-  })
-})

package/src/__tests__/views/page-builder-form-picker.render.test.tsx

@@ -1,54 +0,0 @@
-// @vitest-environment happy-dom
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-import type { FieldDefinition } from '@prenta/core'
-
-const cmsApi = vi.fn()
-vi.mock('../../lib/api.js', () => ({ cmsApi: (...args: unknown[]) => cmsApi(...args) }))
-
-const { RelationshipField } = await import('../../views/page-builder/RelationshipField.js')
-
-const formField: FieldDefinition = {
-  type: 'relationship',
-  label: 'Form',
-  relationTo: 'forms',
-} as FieldDefinition
-
-beforeEach(() => {
-  cmsApi.mockReset()
-})
-
-describe('RelationshipField (form block picker)', () => {
-  it('loads forms and lets the editor pick one by id', async () => {
-    cmsApi.mockResolvedValue({
-      data: [
-        { id: 'f1', name: 'Contact Us', slug: 'contact-us' },
-        { id: 'f2', name: 'Event RSVP', slug: 'event-rsvp' },
-      ],
-      status: 200,
-    })
-    const onChange = vi.fn()
-    render(<RelationshipField definition={formField} value="" onChange={onChange} label="Form" />)
-
-    await waitFor(() => expect(screen.getByText('Contact Us')).toBeTruthy())
-    expect(cmsApi).toHaveBeenCalledWith('/forms')
-    expect(screen.getByText('Event RSVP')).toBeTruthy()
-
-    fireEvent.change(screen.getByLabelText('Form'), { target: { value: 'f2' } })
-    expect(onChange).toHaveBeenCalledWith('f2')
-  })
-
-  it('shows an empty hint when the collection has no items', async () => {
-    cmsApi.mockResolvedValue({ data: [], status: 200 })
-    render(<RelationshipField definition={formField} value="" onChange={vi.fn()} label="Form" />)
-    await waitFor(() => expect(screen.getByText('No forms found.')).toBeTruthy())
-  })
-
-  it('degrades to a plain id input when the collection cannot be loaded', async () => {
-    cmsApi.mockResolvedValue({ error: 'boom', status: 500 })
-    render(<RelationshipField definition={formField} value="f9" onChange={vi.fn()} label="Form" />)
-    await waitFor(() =>
-      expect((screen.getByPlaceholderText('Enter forms id…') as HTMLInputElement).value).toBe('f9'),
-    )
-  })
-})

package/src/__tests__/views/page-builder-sections-panel.render.test.tsx

@@ -1,138 +0,0 @@
-// @vitest-environment happy-dom
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-import { fireEvent, render, screen } from '@testing-library/react'
-import type { PageNode } from '@prenta/core'
-
-const { BuilderSectionsPanel } = await import('../../views/page-builder/BuilderSectionsPanel.js')
-
-/** Minimal builder tree: a hero section plus an empty, hidden section. */
-function makeTree(): PageNode {
-  return {
-    id: 'page1',
-    type: 'page',
-    children: [
-      {
-        id: 'sec1',
-        type: 'section',
-        settings: {},
-        children: [
-          {
-            id: 'cont1',
-            type: 'container',
-            settings: {},
-            children: [
-              {
-                id: 'row1',
-                type: 'row',
-                settings: {},
-                children: [
-                  {
-                    id: 'col1',
-                    type: 'column',
-                    settings: { width: 12 },
-                    children: [
-                      {
-                        id: 'blk1',
-                        type: 'block',
-                        settings: { blockType: 'hero', variant: 'centered' },
-                        data: {},
-                      },
-                    ],
-                  },
-                ],
-              },
-            ],
-          },
-        ],
-      },
-      { id: 'sec2', type: 'section', settings: { visibility: 'hidden' }, children: [] },
-    ],
-  }
-}
-
-function renderPanel(over: Partial<Parameters<typeof BuilderSectionsPanel>[0]> = {}) {
-  const props = {
-    tree: makeTree(),
-    selectedNodeId: null,
-    collapsed: false,
-    onToggleCollapsed: vi.fn(),
-    onSelect: vi.fn(),
-    onReorder: vi.fn(),
-    onAddSection: vi.fn(),
-    ...over,
-  }
-  render(<BuilderSectionsPanel {...props} />)
-  return props
-}
-
-beforeEach(() => {
-  vi.clearAllMocks()
-})
-
-describe('BuilderSectionsPanel', () => {
-  it('lists the page sections in order with derived names and block counts', () => {
-    renderPanel()
-
-    // First section is named after its first block's catalog label.
-    expect(screen.getByText('Hero')).toBeTruthy()
-    expect(screen.getByText('1 block')).toBeTruthy()
-    // Empty section falls back to a positional name.
-    expect(screen.getByText('Section 2')).toBeTruthy()
-    expect(screen.getByText('Empty section')).toBeTruthy()
-    // Count chip in the header.
-    expect(screen.getByText('2')).toBeTruthy()
-    // Panel is an accessible nav landmark.
-    expect(screen.getByRole('navigation', { name: 'Page sections' })).toBeTruthy()
-  })
-
-  it('fires the selection callback when a section row is clicked', () => {
-    const props = renderPanel()
-
-    // `/^Hero/` excludes the drag handle ("Drag to reorder Hero").
-    fireEvent.click(screen.getByRole('button', { name: /^Hero/ }))
-    expect(props.onSelect).toHaveBeenCalledWith('sec1')
-  })
-
-  it('marks the selected section with aria-current', () => {
-    renderPanel({ selectedNodeId: 'sec1' })
-
-    const row = screen.getByRole('button', { name: /^Hero/ })
-    expect(row.getAttribute('aria-current')).toBe('true')
-  })
-
-  it('exposes keyboard-accessible drag handles per section', () => {
-    renderPanel()
-    expect(screen.getByRole('button', { name: 'Drag to reorder Hero' })).toBeTruthy()
-    expect(screen.getByRole('button', { name: 'Drag to reorder Section 2' })).toBeTruthy()
-  })
-
-  it('fires the add-section callback from the bottom affordance', () => {
-    const props = renderPanel()
-
-    fireEvent.click(screen.getByRole('button', { name: 'Add Section' }))
-    expect(props.onAddSection).toHaveBeenCalledTimes(1)
-  })
-
-  it('collapses to a rail with an expand toggle', () => {
-    const props = renderPanel({ collapsed: true })
-
-    // Section rows are gone; only the expand affordance remains.
-    expect(screen.queryByText('Hero')).toBeNull()
-    const toggle = screen.getByRole('button', { name: 'Expand sections panel' })
-    expect(toggle.getAttribute('aria-expanded')).toBe('false')
-
-    fireEvent.click(toggle)
-    expect(props.onToggleCollapsed).toHaveBeenCalledTimes(1)
-  })
-
-  it('shows a collapse toggle with aria-expanded when open', () => {
-    renderPanel()
-    const toggle = screen.getByRole('button', { name: 'Collapse sections panel' })
-    expect(toggle.getAttribute('aria-expanded')).toBe('true')
-  })
-
-  it('shows an empty message when the page has no sections', () => {
-    renderPanel({ tree: { id: 'page1', type: 'page', children: [] } })
-    expect(screen.getByText(/No sections yet/)).toBeTruthy()
-  })
-})

package/src/__tests__/views/page-builder-seo-panel.render.test.tsx

@@ -1,77 +0,0 @@
-// @vitest-environment happy-dom
-import { describe, expect, it, vi } from 'vitest'
-import { render, screen } from '@testing-library/react'
-import type { PageNode } from '@prenta/core'
-import { BuilderSEOPanel } from '../../views/page-builder/SEOPanel.js'
-
-const tree = {
-  id: 'page-1',
-  type: 'page',
-  children: [
-    {
-      id: 'sec-1',
-      type: 'section',
-      settings: {},
-      children: [
-        {
-          id: 'row-1',
-          type: 'row',
-          settings: {},
-          children: [
-            {
-              id: 'col-1',
-              type: 'column',
-              settings: { width: 12 },
-              children: [
-                {
-                  id: 'blk-hero',
-                  type: 'block',
-                  settings: { blockType: 'hero' },
-                  data: {
-                    title: 'Welcome to Our Service',
-                    image: { url: '/hero.webp', alt: 'Hero banner' },
-                  },
-                },
-              ],
-            },
-          ],
-        },
-      ],
-    },
-  ],
-} as PageNode
-
-const pageSettings = {
-  title: 'Home',
-  slug: 'home',
-  metaTitle: 'Welcome to Our Service',
-  metaDescription: 'The public description.',
-}
-
-describe('BuilderSEOPanel', () => {
-  it('grades the live tree with the shared page audit panel and keeps meta fields', () => {
-    render(
-      <BuilderSEOPanel tree={tree} pageSettings={pageSettings} onPageSettingsChange={vi.fn()} />,
-    )
-
-    expect(screen.getByRole('img', { name: /SEO score:/i })).toBeTruthy()
-    expect(screen.getByRole('img', { name: /GEO score:/i })).toBeTruthy()
-    expect(screen.getByText('SEO checks')).toBeTruthy()
-    expect(screen.getByText('GEO checks')).toBeTruthy()
-    expect(screen.getByLabelText('Meta Title')).toBeTruthy()
-    expect(screen.queryByText('Readability')).toBeNull()
-    expect(screen.queryByText('Block Hints')).toBeNull()
-  })
-
-  it('keeps the empty-tree copy when the canvas has no children', () => {
-    render(
-      <BuilderSEOPanel
-        tree={{ id: 'page-1', type: 'page', children: [] } as PageNode}
-        pageSettings={pageSettings}
-        onPageSettingsChange={vi.fn()}
-      />,
-    )
-    expect(screen.getByText('Add content to your page to see SEO analysis')).toBeTruthy()
-    expect(screen.queryByRole('img', { name: /SEO score:/i })).toBeNull()
-  })
-})

package/src/__tests__/views/page-builder-template-seed.render.test.tsx

@@ -1,59 +0,0 @@
-// @vitest-environment happy-dom
-import { beforeEach, describe, expect, it, vi, afterEach } from 'vitest'
-import { cleanup, render, screen, waitFor } from '@testing-library/react'
-
-const cmsApi = vi.fn()
-vi.mock('../../lib/api.js', () => ({ cmsApi: (...args: unknown[]) => cmsApi(...args) }))
-vi.mock('sonner', () => ({
-  toast: { success: vi.fn(), error: vi.fn(), loading: vi.fn() },
-  Toaster: () => null,
-}))
-
-const { PageBuilder } = await import('../../views/page-builder/PageBuilder.js')
-
-const TEMPLATE_TREE = {
-  id: 'tpl-page',
-  type: 'page',
-  children: [
-    {
-      id: 'sec1',
-      type: 'section',
-      settings: { label: 'Hero From Template' },
-      children: [],
-    },
-  ],
-}
-
-beforeEach(() => {
-  cmsApi.mockReset()
-  cmsApi.mockImplementation(async (endpoint: string) => {
-    if (endpoint === '/page-templates/tpl-1') {
-      return { data: { id: 'tpl-1', name: 'Landing', tree: TEMPLATE_TREE }, status: 200 }
-    }
-    return { data: {}, status: 200 }
-  })
-})
-
-afterEach(cleanup)
-
-describe('PageBuilder template seeding (/page-builder/new?template=)', () => {
-  it('fetches the template and seeds the canvas tree for a new page', async () => {
-    render(
-      <PageBuilder templateId="tpl-1" collectionSlug="pages" config={{}} onNavigate={() => {}} />,
-    )
-
-    await waitFor(() => expect(cmsApi).toHaveBeenCalledWith('/page-templates/tpl-1'))
-    // replaceTree marks the builder dirty — the unsaved-changes dot is the
-    // observable proof the template tree was seeded into the canvas state.
-    expect(await screen.findByTitle('Unsaved changes')).toBeTruthy()
-  })
-
-  it('starts from a blank, clean tree when no template id is given', async () => {
-    render(<PageBuilder collectionSlug="pages" config={{}} onNavigate={() => {}} />)
-
-    await waitFor(() =>
-      expect(cmsApi).not.toHaveBeenCalledWith(expect.stringContaining('/page-templates/')),
-    )
-    expect(screen.queryByTitle('Unsaved changes')).toBeNull()
-  })
-})

package/src/__tests__/views/page-templates.render.test.tsx

@@ -1,182 +0,0 @@
-// @vitest-environment happy-dom
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-
-const cmsApi = vi.fn()
-vi.mock('../../lib/api.js', () => ({ cmsApi: (...args: unknown[]) => cmsApi(...args) }))
-vi.mock('sonner', () => ({ toast: { success: vi.fn(), error: vi.fn(), loading: vi.fn() } }))
-
-const { PageTemplates } = await import('../../views/page-builder/PageTemplates.js')
-
-function section(id: string) {
-  return { id, type: 'section', settings: {}, children: [] }
-}
-
-const TEMPLATES = [
-  {
-    id: 'builtin-landing',
-    name: 'Landing Page',
-    description: 'Hero, features cards, CTA, testimonials, and final CTA',
-    category: 'landing',
-    builtIn: true,
-    updatedAt: '2026-05-29T00:00:00.000Z',
-    thumbnail: null,
-    tree: { id: 'p1', type: 'page', children: [section('a'), section('b'), section('c')] },
-  },
-  {
-    id: 'custom-1',
-    name: 'Team Member',
-    description: 'Avatar hero, full bio, and contact links',
-    category: 'content',
-    builtIn: false,
-    updatedAt: '2026-06-10T00:00:00.000Z',
-    thumbnail: null,
-    tree: { id: 'p2', type: 'page', children: [section('a')] },
-  },
-]
-
-beforeEach(() => {
-  cmsApi.mockReset()
-  cmsApi.mockImplementation(async (endpoint: string, options?: RequestInit) => {
-    if (endpoint === '/page-templates' && !options?.method) {
-      return { data: TEMPLATES, status: 200 }
-    }
-    return { data: {}, status: 200 }
-  })
-})
-
-describe('PageTemplates card grid', () => {
-  it('renders a card per template with name, category, and section-count meta', async () => {
-    render(<PageTemplates onNavigate={() => {}} />)
-
-    expect(await screen.findByText('Landing Page')).toBeTruthy()
-    expect(screen.getByText('Team Member')).toBeTruthy()
-    // Section counts derived from each template's tree.
-    expect(screen.getByText(/3 sections/)).toBeTruthy()
-    expect(screen.getByText(/1 section ·/)).toBeTruthy()
-    // Category labels from the design's palette.
-    expect(screen.getByText('Landing Page')).toBeTruthy()
-    expect(screen.getByText('Built-in')).toBeTruthy()
-  })
-
-  it('hides edit/delete actions on built-in templates (server rejects them)', async () => {
-    render(<PageTemplates onNavigate={() => {}} />)
-    await screen.findByText('Landing Page')
-
-    expect(screen.queryByRole('button', { name: 'Edit Landing Page' })).toBeNull()
-    expect(screen.queryByRole('button', { name: 'Delete Landing Page' })).toBeNull()
-    expect(screen.getByRole('button', { name: 'Edit Team Member' })).toBeTruthy()
-    expect(screen.getByRole('button', { name: 'Delete Team Member' })).toBeTruthy()
-  })
-
-  it('deletes a custom template only after the confirm dialog is accepted', async () => {
-    render(<PageTemplates onNavigate={() => {}} />)
-    await screen.findByText('Team Member')
-
-    fireEvent.click(screen.getByRole('button', { name: 'Delete Team Member' }))
-
-    // Confirm dialog is up; nothing deleted yet.
-    expect(await screen.findByText('Delete template?')).toBeTruthy()
-    expect(cmsApi).not.toHaveBeenCalledWith(
-      '/page-templates/custom-1',
-      expect.objectContaining({ method: 'DELETE' }),
-    )
-
-    fireEvent.click(screen.getByRole('button', { name: 'Delete' }))
-
-    await waitFor(() =>
-      expect(cmsApi).toHaveBeenCalledWith(
-        '/page-templates/custom-1',
-        expect.objectContaining({ method: 'DELETE' }),
-      ),
-    )
-  })
-
-  it('opens the edit modal seeded with the template and saves via PUT', async () => {
-    render(<PageTemplates onNavigate={() => {}} />)
-    await screen.findByText('Team Member')
-
-    fireEvent.click(screen.getByRole('button', { name: 'Edit Team Member' }))
-
-    const nameInput = (await screen.findByPlaceholderText('Template name')) as HTMLInputElement
-    expect(nameInput.value).toBe('Team Member')
-
-    fireEvent.change(nameInput, { target: { value: 'Team Bio' } })
-    fireEvent.click(screen.getByRole('button', { name: 'Save changes' }))
-
-    await waitFor(() =>
-      expect(cmsApi).toHaveBeenCalledWith(
-        '/page-templates/custom-1',
-        expect.objectContaining({ method: 'PUT' }),
-      ),
-    )
-    const putCall = cmsApi.mock.calls.find(
-      (c) => (c[1] as RequestInit | undefined)?.method === 'PUT',
-    )!
-    expect(JSON.parse((putCall[1] as RequestInit).body as string)).toMatchObject({
-      name: 'Team Bio',
-      category: 'content',
-    })
-  })
-
-  it('routes "Use template" into the builder with the template id', async () => {
-    const onNavigate = vi.fn()
-    render(<PageTemplates onNavigate={onNavigate} />)
-    await screen.findByText('Landing Page')
-
-    fireEvent.click(screen.getByRole('button', { name: 'Create page from Landing Page' }))
-
-    expect(onNavigate).toHaveBeenCalledWith('/page-builder/new?template=builtin-landing')
-  })
-
-  it('duplicates a template (built-ins included) via POST with a "(copy)" name', async () => {
-    render(<PageTemplates onNavigate={() => {}} />)
-    await screen.findByText('Landing Page')
-
-    fireEvent.click(screen.getByRole('button', { name: 'Duplicate Landing Page' }))
-
-    await waitFor(() =>
-      expect(cmsApi).toHaveBeenCalledWith(
-        '/page-templates',
-        expect.objectContaining({ method: 'POST' }),
-      ),
-    )
-    const postCall = cmsApi.mock.calls.find(
-      (c) => (c[1] as RequestInit | undefined)?.method === 'POST',
-    )!
-    expect(JSON.parse((postCall[1] as RequestInit).body as string)).toMatchObject({
-      name: 'Landing Page (copy)',
-      category: 'landing',
-      tree: TEMPLATES[0]!.tree,
-    })
-    // The grid refetches so the copy appears.
-    await waitFor(() =>
-      expect(
-        cmsApi.mock.calls.filter(
-          (c) => c[0] === '/page-templates' && !(c[1] as RequestInit | undefined)?.method,
-        ).length,
-      ).toBeGreaterThanOrEqual(2),
-    )
-  })
-
-  it('filters cards by search text', async () => {
-    render(<PageTemplates onNavigate={() => {}} />)
-    await screen.findByText('Team Member')
-
-    fireEvent.change(screen.getByPlaceholderText('Search templates…'), {
-      target: { value: 'landing' },
-    })
-
-    await waitFor(() => {
-      expect(screen.queryByText('Team Member')).toBeNull()
-      expect(screen.getByText('Landing Page')).toBeTruthy()
-    })
-  })
-
-  it('shows the empty state when no templates exist', async () => {
-    cmsApi.mockResolvedValue({ data: [], status: 200 })
-    render(<PageTemplates onNavigate={() => {}} />)
-
-    expect(await screen.findByText('No page templates yet')).toBeTruthy()
-  })
-})