@next-buildr/editor 2.0.0 → 3.0.0-rc.0

package/dist/panels/insert/insert-panel.test.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 // @vitest-environment jsdom
-import { createRegistryMeta, createSeededIdGenerator, defineTemplate, p, s, toManifest, } from '@next-buildr/core';
+import { createRegistryMeta, createSeededIdGenerator, defineTemplate, p, s, toManifest, validateDocument, } from '@next-buildr/core';
 import { act } from 'react';
 import { createRoot } from 'react-dom/client';
 import { afterEach, beforeEach, describe, expect, it } from 'vitest';
@@ -81,6 +81,7 @@ const fixture = () => ({
 let container;
 let root;
 beforeEach(() => {
+    localStorage.clear();
     container = document.createElement('div');
     document.body.append(container);
     root = createRoot(container);
@@ -89,7 +90,7 @@ afterEach(() => {
     act(() => root.unmount());
     document.body.innerHTML = '';
 });
-async function mount(readOnly = false, locale = 'en', reg = registry, man = manifest) {
+async function mount(readOnly = false, locale = 'en', reg = registry, man = manifest, props = {}) {
     const store = createEditorStore({
         doc: fixture(),
         registry: reg,
@@ -97,11 +98,22 @@ async function mount(readOnly = false, locale = 'en', reg = registry, man = mani
         validationDelayMs: null,
         readOnly,
     });
-    await act(async () => root.render(_jsx(MessagesProvider, { locale: locale, children: _jsx(ManifestProvider, { manifest: man, children: _jsx(EditorStoreProvider, { store: store, children: _jsx(ToastProvider, { children: _jsx(InsertPanel, {}) }) }) }) })));
+    await act(async () => root.render(_jsx(MessagesProvider, { locale: locale, children: _jsx(ManifestProvider, { manifest: man, children: _jsx(EditorStoreProvider, { store: store, children: _jsx(ToastProvider, { children: _jsx(InsertPanel, { ...props }) }) }) }) })));
     return store;
 }
 const button = (label) => [...container.querySelectorAll('button')].find((b) => b.querySelector('.bd-insert-label')?.textContent === label);
 const click = (label) => act(async () => button(label).click());
+const switchMode = (label) => act(async () => {
+    [...container.querySelectorAll('.bd-segment')]
+        .find((b) => b.textContent === label)
+        ?.click();
+});
+const typeQuery = (value) => act(async () => {
+    const input = container.querySelector('input');
+    const set = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set;
+    set?.call(input, value);
+    input.dispatchEvent(new Event('input', { bubbles: true }));
+});
 const notice = () => container.querySelector('.bd-toast-text')?.textContent;
 const children = (store, id) => store.getState().doc.nodes[id]?.slots?.['default'] ?? [];
 describe('tile icons', () => {
@@ -121,6 +133,28 @@ describe('catalog', () => {
         expect(components.map((c) => c.label)).toEqual(['Box', 'Text']);
         expect(templates.map((t) => t.label)).toEqual(['Evil', 'Hero']);
     });
+    it('leaves a template with insertable: false out of the palette and out of search', () => {
+        const withHidden = toManifest(createRegistryMeta({
+            components: registry.list(),
+            templates: [
+                ...registry.listTemplates(),
+                defineTemplate({
+                    id: 'site/legacy',
+                    version: 1,
+                    label: 'Legacy',
+                    category: 'sections',
+                    insertable: false,
+                    lock: 'none',
+                    tree: { type: 'buildr/box' },
+                }),
+            ],
+        }));
+        const { templates } = paletteItems(withHidden);
+        expect(templates.map((t) => t.label)).toEqual(['Evil', 'Hero']);
+        expect(filterItems(templates, 'legacy')).toEqual([]);
+        // Hidden, not removed: the manifest still carries it for host code and existing documents.
+        expect(withHidden.templates['site/legacy']?.insertable).toBe(false);
+    });
     it('searches by label, type, keyword and every word', () => {
         const { components } = paletteItems(manifest);
         expect(filterItems(components, 'para').map((c) => c.label)).toEqual(['Text']);
@@ -137,30 +171,103 @@ describe('catalog', () => {
         expect(safeThumbnail('//evil.example.com/a.png')).toBeUndefined();
         expect(safeThumbnail('data:text/html,<script>')).toBeUndefined();
         expect(safeThumbnail(undefined)).toBeUndefined();
+        const wireframe = `data:image/svg+xml,${encodeURIComponent("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 100'><path fill='#d1d5db' d='M1 2h3v4h-3z'/></svg>")}`;
+        expect(safeThumbnail(wireframe)).toBe(wireframe);
+        expect(safeThumbnail('data:image/svg+xml,%3Csvg onload=alert(1)%3E')).toBeUndefined();
+        expect(safeThumbnail('data:image/svg+xml,%broken')).toBeUndefined();
+    });
+});
+describe('a registry where everything is insertable: false', () => {
+    const allHidden = createRegistryMeta({
+        components: registry
+            .list()
+            .map((m) => m.capabilities?.root === true
+            ? m
+            : { ...m, capabilities: { ...m.capabilities, insertable: false } }),
+        templates: registry.listTemplates().map((t) => ({ ...t, insertable: false })),
+    });
+    const allHiddenManifest = toManifest(allHidden);
+    it('has an empty palette in both modes', () => {
+        expect(paletteItems(allHiddenManifest)).toEqual({ components: [], templates: [] });
+    });
+    it('opens the panel with no tiles and no error', async () => {
+        await mount(false, 'en', allHidden, allHiddenManifest);
+        expect(container.querySelectorAll('.bd-insert-label')).toHaveLength(0);
+        await switchMode('Patterns');
+        expect(container.querySelectorAll('.bd-insert-label')).toHaveLength(0);
+        await typeQuery('hero');
+        expect(container.querySelectorAll('.bd-insert-label')).toHaveLength(0);
+    });
+    it('still validates a document that holds the hidden components', async () => {
+        const store = await mount(false, 'en', allHidden, allHiddenManifest);
+        expect(store.getState().doc.nodes['boxNode001']?.type).toBe('buildr/box');
+        const stored = {
+            ...fixture(),
+            components: { 'buildr/page': 1, 'buildr/box': 1, 'buildr/text': 1 },
+        };
+        const result = validateDocument(stored, { registry: allHidden });
+        expect(result.issues.filter((issue) => issue.blocking)).toEqual([]);
+        expect(result.ok).toBe(true);
     });
 });
 describe('category headings', () => {
     const custom = createRegistryMeta({
         components: [
             meta('buildr/page', { capabilities: { root: true }, slots: { default: {} } }),
-            meta('buildr/button', { label: 'Button', category: 'ui' }),
-            meta('buildr/list', { label: 'List', category: 'cms' }),
-            meta('buildr/quote', { label: 'Quote', category: 'blog' }),
+            meta('buildr/alert', { label: 'Alert', category: 'ui' }),
+            meta('buildr/faq', { label: 'Faq', category: 'cms' }),
+            meta('buildr/loop', { label: 'Loop', category: 'cms' }),
+            meta('buildr/pagination', { label: 'Pagination', category: 'cms' }),
+            meta('buildr/rich-text', { label: 'Rich text' }),
+            meta('buildr/post', { label: 'Post', category: 'blog' }),
         ],
         templates: [],
     });
     const customManifest = toManifest(custom);
     const headings = () => [...container.querySelectorAll('[role=group]')].map((g) => g.getAttribute('aria-label'));
-    it('names ui and cms in capitals and title-cases a custom category', async () => {
+    it('names ui in capitals, hides cms and title-cases a custom category', async () => {
         await mount(false, 'en', custom, customManifest);
-        expect(headings()).toEqual(['UI', 'CMS', 'Blog']);
+        expect(headings()).toEqual(['UI', 'Blog']);
         expect(container.querySelector('.bd-insert-category-name')?.textContent).toBe('UI');
     });
+    it('hides rich text and all cms blocks from sections and search, keeping custom blocks', async () => {
+        await mount(false, 'en', custom, customManifest);
+        const hidden = ['buildr/rich-text', 'buildr/loop', 'buildr/pagination', 'buildr/faq'];
+        for (const id of hidden) {
+            expect(container.querySelector(`[data-id="${id}"]`)).toBeNull();
+        }
+        expect(button('Post')).toBeDefined();
+        for (const query of ['rich', 'loop', 'pagination', 'faq', 'buildr/']) {
+            await typeQuery(query);
+            for (const id of hidden) {
+                expect(container.querySelector(`[data-id="${id}"]`)).toBeNull();
+            }
+        }
+        await typeQuery('post');
+        expect(button('Post')).toBeDefined();
+    });
+    it('renders a shared block in two sections and once in search', async () => {
+        const reg = createRegistryMeta({
+            components: [meta('buildr/button', { label: 'Button' })],
+            templates: [],
+        });
+        await mount(false, 'en', reg, toManifest(reg));
+        expect(headings()).toEqual(['Content', 'Forms']);
+        expect(container.querySelectorAll('[data-id="buildr/button"]')).toHaveLength(2);
+        await typeQuery('button');
+        expect(container.querySelectorAll('[data-id="buildr/button"]')).toHaveLength(1);
+    });
+    it('shows mapped content before unmapped categories without recent blocks', async () => {
+        await mount();
+        expect(headings()).toEqual(['Content', 'Layout']);
+        expect(container.textContent).not.toContain('Recently used');
+        expect(container.querySelector('#bd-insert-recent')).toBeNull();
+    });
     it('uses the Polish catalog', async () => {
         await mount(false, 'pl', custom, customManifest);
-        expect(headings()).toEqual(['UI', 'CMS', 'Blog']);
+        expect(headings()).toEqual(['UI', 'Blog']);
         await mount(false, 'pl');
-        expect(headings()).toEqual(['Układ', 'Treść', 'Sections']);
+        expect(headings()).toEqual(['Tre\u015b\u0107', 'Uk\u0142ad']);
     });
 });
 describe('InsertPanel', () => {
@@ -168,10 +275,26 @@ describe('InsertPanel', () => {
         await mount();
         expect(await axe(container)).toHaveNoViolations();
         const groups = [...container.querySelectorAll('[role=group]')].map((g) => g.getAttribute('aria-label'));
-        expect(groups).toEqual(['Layout', 'Content', 'Sections']);
+        expect(groups).toEqual(['Content', 'Layout']);
+        await switchMode('Patterns');
+        expect(await axe(container)).toHaveNoViolations();
+        expect([...container.querySelectorAll('[role=group]')].map((g) => g.getAttribute('aria-label'))).toEqual(['Pattern category']);
         expect(container.querySelector('img')?.getAttribute('src')).toBe('/thumbs/hero.png');
         expect(container.querySelectorAll('img')).toHaveLength(1);
     });
+    it('keeps the selection chip in sync without changing the document', async () => {
+        const store = await mount();
+        const before = store.getState().doc;
+        const chip = () => container.querySelector('.bd-insert-target')?.textContent;
+        expect(chip()).toBe('Insert at the end of the page');
+        await act(async () => store.select('boxNode001'));
+        expect(chip()).toBe('Insert after: Box');
+        await act(async () => store.select('root'));
+        expect(chip()).toBe('Insert after: Page');
+        expect(store.getState().doc).toBe(before);
+        await act(async () => store.clearSelection());
+        expect(chip()).toBe('Insert at the end of the page');
+    });
     it('inserts into the selected container, at the end, and selects the new node', async () => {
         const store = await mount();
         await act(async () => store.select('boxNode001'));
@@ -196,6 +319,7 @@ describe('InsertPanel', () => {
     it('inserts a template as one undo step', async () => {
         const store = await mount();
         await act(async () => store.select('boxNode002'));
+        await switchMode('Patterns');
         await click('Hero');
         const [box] = children(store, 'boxNode002');
         const inserted = store.getState().doc.nodes[box];
@@ -230,12 +354,12 @@ describe('InsertPanel', () => {
         await type('paragraph');
         expect(container.querySelectorAll('.bd-insert-item')).toHaveLength(1);
         await type('zzzz');
-        expect(container.querySelector('.bd-insert-empty')?.textContent).toBe('Nothing matches the search.');
+        expect(container.querySelector('.bd-insert-empty')?.textContent).toContain('No blocks match “zzzz”');
     });
     it('is operable with the keyboard alone (real buttons in tab order)', async () => {
         await mount();
         const items = [...container.querySelectorAll('.bd-insert-item')];
-        expect(items.length).toBe(4);
+        expect(items.length).toBe(2);
         for (const item of items) {
             expect(item.tagName).toBe('BUTTON');
             expect(item.tabIndex).toBe(0);
@@ -247,31 +371,14 @@ describe('InsertPanel (PB-125)', () => {
         target.dispatchEvent(new KeyboardEvent('keydown', { key, bubbles: true, cancelable: true }));
     });
     const named = (name) => [...container.querySelectorAll('button')].find((b) => b.getAttribute('aria-label') === name);
-    it('collapses a category and reports it with aria-expanded and a count', async () => {
+    it('keeps every section visible without accordion controls', async () => {
+        localStorage.setItem('buildr.editor.insert.collapsed', '["components:content"]');
         await mount();
-        const toggle = [...container.querySelectorAll('.bd-insert-category-toggle')].find((b) => b.textContent?.includes('Layout'));
-        expect(toggle.getAttribute('aria-expanded')).toBe('true');
-        expect(toggle.querySelector('.bd-insert-count')?.textContent).toBe('1');
-        await act(async () => toggle.click());
-        expect(toggle.getAttribute('aria-expanded')).toBe('false');
-        const list = container.querySelector(`#${toggle.getAttribute('aria-controls')}`);
-        expect(list.hidden).toBe(true);
-        await act(async () => toggle.click());
-        expect(list.hidden).toBe(false);
-    });
-    it('remembers the list view', async () => {
-        localStorage.removeItem('buildr.editor.insert.view');
-        await mount();
-        expect(container.querySelector('.bd-insert')?.getAttribute('data-view')).toBe('grid');
-        await act(async () => named('List view').click());
-        expect(container.querySelector('.bd-insert')?.getAttribute('data-view')).toBe('list');
-        expect(named('List view').getAttribute('aria-pressed')).toBe('true');
-        expect(localStorage.getItem('buildr.editor.insert.view')).toBe('list');
-        act(() => root.unmount());
-        root = createRoot(container);
-        await mount();
-        expect(container.querySelector('.bd-insert')?.getAttribute('data-view')).toBe('list');
-        localStorage.removeItem('buildr.editor.insert.view');
+        expect(container.querySelector('.bd-insert-category button')).toBeNull();
+        expect(container.querySelector('[aria-expanded], [aria-controls]')).toBeNull();
+        expect(container.querySelectorAll('.bd-insert-group ul:not([hidden])')).toHaveLength(2);
+        expect(button('Text')).toBeDefined();
+        expect(button('Box')).toBeDefined();
     });
     it('focuses the search on "/" only when no text field has focus', async () => {
         await mount();
@@ -301,6 +408,73 @@ describe('InsertPanel (PB-125)', () => {
         expect(container.querySelector('.bd-insert-empty')).toBeNull();
     });
 });
+describe('InsertPanel (PB-157)', () => {
+    it('switches between blocks and patterns, uncontrolled', async () => {
+        await mount();
+        expect(container.querySelector('.bd-insert')?.getAttribute('data-mode')).toBe('blocks');
+        await switchMode('Patterns');
+        expect(container.querySelector('.bd-insert')?.getAttribute('data-mode')).toBe('patterns');
+        expect(button('Hero')).toBeDefined();
+        expect(button('Box')).toBeUndefined();
+        expect(container.querySelector('.bd-insert-category-toggle')).toBeNull();
+        expect(container.querySelector('input')?.getAttribute('aria-label')).toBe('Search patterns');
+        await switchMode('Blocks');
+        expect(button('Box')).toBeDefined();
+    });
+    it('follows the mode prop and reports a change', async () => {
+        const seen = [];
+        await mount(false, 'en', registry, manifest, {
+            mode: 'patterns',
+            onModeChange: (m) => seen.push(m),
+        });
+        expect(button('Hero')).toBeDefined();
+        await switchMode('Blocks');
+        expect(seen).toEqual(['blocks']);
+    });
+    it('shows search results with a plural count, highlight and category', async () => {
+        await mount();
+        await typeQuery('tex');
+        expect(container.querySelector('.bd-insert-results-count')?.textContent).toBe('1 result');
+        expect(container.querySelector('mark')?.textContent).toBe('Tex');
+        expect(container.querySelector('.bd-insert-result-cat')?.textContent).toBe('Content');
+        expect(container.querySelector('[role=group]')).toBeNull();
+        await typeQuery('o');
+        expect(container.querySelector('.bd-insert-results-count')?.textContent).toBe('2 results');
+    });
+    it('offers patterns when a search finds no block', async () => {
+        await mount();
+        await typeQuery('zzzz');
+        await act(async () => container.querySelector('.bd-insert-link').click());
+        expect(container.querySelector('.bd-insert')?.getAttribute('data-mode')).toBe('patterns');
+    });
+    it('does not restore or write recently used blocks', async () => {
+        localStorage.setItem('buildr.editor.insert.recent', '["buildr/text"]');
+        const store = await mount();
+        await act(async () => store.select('boxNode001'));
+        await click('Box');
+        expect(container.textContent).not.toContain('Recently used');
+        expect(localStorage.getItem('buildr.editor.insert.recent')).toBe('["buildr/text"]');
+    });
+});
+describe('pattern filters', () => {
+    it('filters pattern cards with manifest categories without accordions', async () => {
+        await mount(false, 'pl', registry, manifest, { mode: 'patterns' });
+        const chips = [
+            ...container.querySelectorAll('.bd-pattern-filters button'),
+        ];
+        expect(chips.map((chip) => chip.textContent)).toEqual(['Wszystkie', 'Sections', 'Moje wzorce']);
+        expect(chips[0]?.getAttribute('aria-pressed')).toBe('true');
+        expect(container.querySelectorAll('.bd-pattern-list .bd-insert-desc')).toHaveLength(2);
+        await act(async () => chips[2]?.click());
+        expect(chips[2]?.getAttribute('aria-pressed')).toBe('true');
+        expect(container.querySelector('.bd-pattern-list')).toBeNull();
+        expect(container.querySelector('.bd-insert-shell')?.textContent).toBe('Brak wzorców');
+        await act(async () => chips[1]?.click());
+        expect(container.querySelectorAll('.bd-pattern-list .bd-insert-item')).toHaveLength(2);
+        expect(container.querySelector('.bd-insert-category-toggle')).toBeNull();
+        expect(await axe(container)).toHaveNoViolations();
+    });
+});
 describe('versions', () => {
     it('stamps what it inserts with the versions of the registry', async () => {
         const v2 = createRegistryMeta({
@@ -321,3 +495,70 @@ describe('versions', () => {
         expect(children(store, 'root')).toHaveLength(3);
     });
 });
+describe('canvas insertion target', () => {
+    it('shows the Polish target, inserts at its index and clears it with undo/redo intact', async () => {
+        const store = await mount(false, 'pl');
+        await act(async () => {
+            store.select('boxNode002');
+            store.view
+                .getState()
+                .setInsertionTarget({ parentId: 'boxNode001', slot: 'default', index: 0 });
+        });
+        expect(container.querySelector('.bd-insert-target')?.textContent).toContain('Wstaw do: Box \u00b7 pozycja 1');
+        const before = store.getState().doc;
+        await click('Tekst');
+        const inserted = children(store, 'boxNode001')[0];
+        expect(children(store, 'boxNode001')).toEqual([inserted, 'textNodeA1']);
+        expect(children(store, 'boxNode002')).toEqual([]);
+        expect(store.view.getState().insertionTarget).toBeNull();
+        await act(async () => store.undo());
+        expect(store.getState().doc).toEqual(before);
+        await act(async () => store.redo());
+        expect(children(store, 'boxNode001')[0]).toBe(inserted);
+    });
+    it('uses the gap for patterns and blocks', async () => {
+        const store = await mount();
+        await act(async () => store.select('boxNode002'));
+        await click('Text');
+        await act(async () => store.view
+            .getState()
+            .setInsertionTarget({ parentId: 'boxNode001', slot: 'default', index: 0 }));
+        await click('Text');
+        expect(children(store, 'boxNode001')).toHaveLength(2);
+        expect(store.view.getState().insertionTarget).toBeNull();
+        await switchMode('Patterns');
+        await act(async () => store.view
+            .getState()
+            .setInsertionTarget({ parentId: 'boxNode001', slot: 'default', index: 1 }));
+        await click('Hero');
+        const id = children(store, 'boxNode001')[1];
+        expect(store.getState().doc.nodes[id]?.source?.template).toBe('site/hero');
+        expect(store.view.getState().insertionTarget).toBeNull();
+    });
+    it.each([
+        { parentId: 'missing', slot: 'default', index: 0 },
+        { parentId: 'boxNode001', slot: 'missing', index: 0 },
+        { parentId: 'boxNode001', slot: 'default', index: 99 },
+        { parentId: 'root', slot: 'default', index: 0 },
+    ])('falls back to selection for an invalid target %j', async (target) => {
+        const store = await mount();
+        await act(async () => {
+            store.select('boxNode002');
+            store.view.getState().setInsertionTarget(target);
+        });
+        await click('Text');
+        expect(children(store, 'boxNode002')).toHaveLength(1);
+        expect(children(store, 'boxNode001')).toEqual(['textNodeA1']);
+        expect(store.view.getState().insertionTarget).toBeNull();
+    });
+    it('clears the chip with Escape or its dismiss button', async () => {
+        const store = await mount();
+        const target = { parentId: 'boxNode001', slot: 'default', index: 0 };
+        await act(async () => store.view.getState().setInsertionTarget(target));
+        await act(async () => document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true })));
+        expect(store.view.getState().insertionTarget).toBeNull();
+        await act(async () => store.view.getState().setInsertionTarget(target));
+        await act(async () => container.querySelector('[aria-label="Clear insertion target"]').click());
+        expect(store.view.getState().insertionTarget).toBeNull();
+    });
+});

package/dist/panels/insert/target.d.ts

@@ -13,5 +13,9 @@ export type Placement = {
  * ancestor in turn. With no selection, inside the root. `canInsert` decides every candidate, so the
  * result is always a position the `node.insert` command will accept.
  */
-export declare function placeInsertion(doc: BuilderDocument, registry: RegistryMeta, selectedId: NodeId | null, what: string | BuilderFragment): Placement;
+export declare function placeInsertion(doc: BuilderDocument, registry: RegistryMeta, selectedId: NodeId | null, what: string | BuilderFragment, insertionTarget?: {
+    readonly parentId: NodeId;
+    readonly slot: string;
+    readonly index: number;
+} | null): Placement;
 //# sourceMappingURL=target.d.ts.map

package/dist/panels/insert/target.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"target.d.ts","sourceRoot":"","sources":["../../../src/panels/insert/target.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,eAAe,EAGpB,KAAK,YAAY,EACjB,KAAK,MAAM,EACX,KAAK,MAAM,EACX,KAAK,YAAY,EAClB,MAAM,mBAAmB,CAAC;AAE3B,qDAAqD;AACrD,MAAM,MAAM,SAAS,GACjB;IAAE,QAAQ,CAAC,EAAE,EAAE,IAAI,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;CAAE,GAC9D;IAAE,QAAQ,CAAC,EAAE,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAAC;AAEhE;;;;;GAKG;AACH,wBAAgB,cAAc,CAC5B,GAAG,EAAE,eAAe,EACpB,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAE,MAAM,GAAG,IAAI,EACzB,IAAI,EAAE,MAAM,GAAG,eAAe,GAC7B,SAAS,CAsCX"}
+{"version":3,"file":"target.d.ts","sourceRoot":"","sources":["../../../src/panels/insert/target.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,eAAe,EAGpB,KAAK,YAAY,EACjB,KAAK,MAAM,EACX,KAAK,MAAM,EACX,KAAK,YAAY,EAClB,MAAM,mBAAmB,CAAC;AAE3B,qDAAqD;AACrD,MAAM,MAAM,SAAS,GACjB;IAAE,QAAQ,CAAC,EAAE,EAAE,IAAI,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;CAAE,GAC9D;IAAE,QAAQ,CAAC,EAAE,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAAC;AAEhE;;;;;GAKG;AACH,wBAAgB,cAAc,CAC5B,GAAG,EAAE,eAAe,EACpB,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAE,MAAM,GAAG,IAAI,EACzB,IAAI,EAAE,MAAM,GAAG,eAAe,EAC9B,eAAe,CAAC,EAAE;IAChB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB,GAAG,IAAI,GACP,SAAS,CAgDX"}

package/dist/panels/insert/target.js

@@ -5,7 +5,7 @@ import { canInsert, createIndex, } from '@next-buildr/core';
  * ancestor in turn. With no selection, inside the root. `canInsert` decides every candidate, so the
  * result is always a position the `node.insert` command will accept.
  */
-export function placeInsertion(doc, registry, selectedId, what) {
+export function placeInsertion(doc, registry, selectedId, what, insertionTarget) {
     const index = createIndex(doc);
     let firstReason;
     const attempt = (target) => {
@@ -15,6 +15,16 @@ export function placeInsertion(doc, registry, selectedId, what) {
         firstReason ??= verdict.error;
         return undefined;
     };
+    if (insertionTarget != null) {
+        const target = {
+            parentId: insertionTarget.parentId,
+            slot: insertionTarget.slot,
+            at: insertionTarget.index,
+        };
+        const found = attempt(target);
+        if (found !== undefined)
+            return found;
+    }
     const inside = (id) => {
         const node = Object.hasOwn(doc.nodes, id) ? doc.nodes[id] : undefined;
         if (node === undefined)

package/dist/panels/inspector/author-fields.d.ts

@@ -0,0 +1,21 @@
+import { type PageNode } from '@next-buildr/core';
+interface FieldProps {
+    readonly node: PageNode;
+    readonly disabled: boolean;
+}
+/** Adds " (line N)" to a CSS problem that quotes a piece of the source: the first line it appears on. */
+export declare function describeCssProblem(source: string, message: string, line: string): string;
+/** Why a CSS source cannot be stored; empty when it can (or when it is empty). */
+export declare function cssProblems(source: string): readonly string[];
+/** Custom CSS for the block: a code field that applies when it loses focus (or with Ctrl+Enter) and only when valid. */
+export declare function CssField({ node, disabled }: FieldProps): import("react").JSX.Element;
+/** CSS classes of the block, as a space-separated list. */
+export declare function ClassesField({ node, disabled }: FieldProps): import("react").JSX.Element;
+/** HTML attributes of the block as name and value rows; a row applies once its name and value are valid. */
+export declare function AttributesField({ node, disabled }: FieldProps): import("react").JSX.Element;
+/** What the Advanced tab says while the host has not enabled author code: a quiet note, no fields. */
+export declare function AuthorOffNote({ held }: {
+    readonly held: boolean;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=author-fields.d.ts.map

package/dist/panels/inspector/author-fields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"author-fields.d.ts","sourceRoot":"","sources":["../../../src/panels/inspector/author-fields.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,QAAQ,EACd,MAAM,mBAAmB,CAAC;AAa3B,UAAU,UAAU;IAClB,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IACxB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;CAC5B;AAID,yGAAyG;AACzG,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAKxF;AAED,kFAAkF;AAClF,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAE7D;AAmCD,wHAAwH;AACxH,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,UAAU,+BA8FtD;AAID,2DAA2D;AAC3D,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,UAAU,+BAkE1D;AAkCD,4GAA4G;AAC5G,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,UAAU,+BAkG7D;AAED,sGAAsG;AACtG,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;CAAE,+BAQjE"}