@parhelia/core 0.3.12831 → 0.3.12833

package/dist/editor/commands/componentClipboardCommands.js

@@ -0,0 +1,271 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ClipboardCopy, ClipboardPaste } from "lucide-react";
+import { toast } from "sonner";
+import { loadPlaceholderInsertOptions } from "../services/editService";
+import { getComponentById } from "../componentTreeHelper";
+const defaultIconSize = 16;
+function normalizeId(id) {
+    return (id ?? "").replace(/[{}]/g, "").trim().toLowerCase();
+}
+function isPlaceholder(entity) {
+    return entity.components !== undefined;
+}
+/** The clipboard when it holds components, otherwise null. */
+export function getComponentClipboard(editContext) {
+    const clipboard = editContext.clipboard;
+    if (!clipboard || clipboard.kind !== "components")
+        return null;
+    if (!clipboard.components?.length)
+        return null;
+    return clipboard;
+}
+export function describeClipboardComponents(clipboard) {
+    if (clipboard.components.length === 1) {
+        return `"${clipboard.components[0].name}"`;
+    }
+    return `${clipboard.components.length} components`;
+}
+function isCopyableComponent(component, editContext) {
+    if (!component || isPlaceholder(component))
+        return false;
+    const rootId = editContext.page?.rootComponent?.id;
+    if (rootId && normalizeId(component.id) === normalizeId(rootId))
+        return false;
+    if (component.layoutId && !editContext.showLayoutComponents)
+        return false;
+    return true;
+}
+/**
+ * Puts `components` on the editor clipboard. Returns false when nothing copyable was
+ * given (e.g. only the page root). The components stay where they are; pasting copies them.
+ */
+export function copyComponentsToClipboard(editContext, components) {
+    const page = editContext.page;
+    if (!page)
+        return false;
+    const copyable = components.filter((component) => isCopyableComponent(component, editContext));
+    if (copyable.length === 0)
+        return false;
+    const entries = copyable.map((component) => ({
+        id: component.id,
+        name: component.name,
+        type: component.type,
+        typeId: component.typeId,
+    }));
+    const clipboard = {
+        kind: "components",
+        sourcePageItem: page.item.descriptor,
+        sourcePageName: page.item.name,
+        components: entries,
+        operation: "copy",
+    };
+    editContext.setClipboard(clipboard);
+    toast.success(`Copied ${describeClipboardComponents(clipboard)}`);
+    return true;
+}
+function isTypeAllowed(component, insertOptions) {
+    const typeId = normalizeId(component.typeId);
+    if (!typeId)
+        return true;
+    return insertOptions.some((option) => normalizeId(option.typeId) === typeId ||
+        (option.compatibleTypeIds ?? []).some((compatible) => normalizeId(compatible) === typeId));
+}
+/**
+ * Pastes the clipboard components into `placeholderKey` of the current page at `index`
+ * (-1 appends). Checks the placeholder's insert options first so the user gets a clear
+ * message instead of a failed operation. Resolves to true when the operation ran.
+ */
+export async function pasteClipboardComponents(editContext, placeholderKey, index) {
+    const clipboard = getComponentClipboard(editContext);
+    if (!clipboard) {
+        toast.info("Nothing to paste. Copy a component first.");
+        return false;
+    }
+    const page = editContext.page;
+    if (!page)
+        return false;
+    if (!page.item.canWriteItem) {
+        toast.error("You do not have permission to edit this page.");
+        return false;
+    }
+    try {
+        const [options] = await loadPlaceholderInsertOptions(page.item.descriptor, [
+            placeholderKey,
+        ]);
+        if (options) {
+            if (options.editable === false) {
+                toast.error("This placeholder cannot be edited.");
+                return false;
+            }
+            if (options.insertOptions?.length) {
+                const rejected = clipboard.components.filter((component) => !isTypeAllowed(component, options.insertOptions));
+                if (rejected.length > 0) {
+                    const names = rejected.map((component) => component.name).join(", ");
+                    toast.error(rejected.length === 1
+                        ? `"${names}" is not allowed in this placeholder.`
+                        : `${names} are not allowed in this placeholder.`);
+                    return false;
+                }
+            }
+        }
+    }
+    catch (error) {
+        // The server validates again; a failed pre-check must not block the paste.
+        console.warn("Could not verify placeholder insert options before paste", error);
+    }
+    // Placeholder keys carry their owner after an underscore (same convention as
+    // droppedInPlaceholder); root placeholders belong to the page root component.
+    const keyParts = placeholderKey.split("_");
+    const targetParentComponentId = keyParts.length > 1 ? keyParts[1] : page.rootComponent?.id;
+    const result = await editContext.operations.pasteComponents({
+        sourcePageItem: clipboard.sourcePageItem,
+        sourceComponentIds: clipboard.components.map((component) => component.id),
+        placeholderKey,
+        placeholderIndex: index,
+        targetParentComponentId,
+        title: `Paste ${clipboard.components.map((component) => component.name).join(", ")}`,
+    });
+    return !!result && result.executionStatus !== "failed";
+}
+function indexAfter(component) {
+    const siblings = component.parentPlaceholder?.components ?? [];
+    const position = siblings.findIndex((sibling) => normalizeId(sibling.id) === normalizeId(component.id));
+    return position < 0 ? -1 : position + 1;
+}
+function singleEditablePlaceholder(component) {
+    const editable = (component.placeholders ?? []).filter((p) => p.editable);
+    return editable.length === 1 ? editable[0] : null;
+}
+/** Ctrl+C with a component selection outside the content tree. */
+export function copySelectedComponents(editContext) {
+    const page = editContext.page;
+    if (!page)
+        return false;
+    const components = editContext
+        .getSelection()
+        .map((id) => getComponentById(id, page))
+        .filter((component) => !!component);
+    if (components.length === 0)
+        return false;
+    return copyComponentsToClipboard(editContext, components);
+}
+/**
+ * Ctrl+V with a component selection: pastes after the selected component, or into it
+ * when it has exactly one editable placeholder and no parent (the page root).
+ */
+export async function pasteRelativeToSelectedComponent(editContext) {
+    const page = editContext.page;
+    if (!page || !getComponentClipboard(editContext))
+        return false;
+    const selectedId = editContext.getSelection()[0];
+    const selected = selectedId ? getComponentById(selectedId, page) : undefined;
+    if (!selected) {
+        toast.info("Select a component or placeholder to paste next to.");
+        return false;
+    }
+    if (selected.parentPlaceholder) {
+        return pasteClipboardComponents(editContext, selected.parentPlaceholder.key, indexAfter(selected));
+    }
+    const inner = singleEditablePlaceholder(selected);
+    if (inner) {
+        return pasteClipboardComponents(editContext, inner.key, -1);
+    }
+    toast.info("Select a component or placeholder to paste next to.");
+    return false;
+}
+function pasteLabel(clipboard, suffix) {
+    return clipboard
+        ? `Paste ${describeClipboardComponents(clipboard)} ${suffix}`
+        : `Paste ${suffix}`;
+}
+function isPasteDisabled(context) {
+    const editContext = context.editContext;
+    if (!getComponentClipboard(editContext))
+        return true;
+    return !(editContext.page?.item.canWriteItem ?? false);
+}
+/**
+ * "Copy" for the selected components and "Paste after / into" for a single target
+ * component. Registered through `configuration.componentCommands.providers`.
+ */
+export function componentClipboardCommandProvider(components, editContext, providerContext) {
+    const commands = [];
+    const copyable = components.filter((component) => isCopyableComponent(component, editContext));
+    if (copyable.length > 0 && copyable.length === components.length) {
+        commands.push({
+            id: "copyComponents",
+            label: copyable.length === 1
+                ? "Copy component"
+                : `Copy ${copyable.length} components`,
+            icon: _jsx(ClipboardCopy, { strokeWidth: 1, size: defaultIconSize }),
+            visibilityScopes: ["contextMenu", "menu", "componentTree"],
+            disabled: () => false,
+            execute: async (context) => {
+                copyComponentsToClipboard(context.editContext, copyable);
+            },
+        });
+    }
+    if (editContext.mode !== "edit" || components.length !== 1)
+        return commands;
+    const target = components[0];
+    if (isPlaceholder(target))
+        return commands;
+    if (target.layoutId && !editContext.showLayoutComponents)
+        return commands;
+    const clipboard = getComponentClipboard(editContext);
+    if (target.parentPlaceholder && isCopyableComponent(target, editContext)) {
+        commands.push({
+            id: "pasteComponents",
+            label: pasteLabel(clipboard, "after"),
+            icon: _jsx(ClipboardPaste, { strokeWidth: 1, size: defaultIconSize }),
+            visibilityScopes: ["contextMenu", "menu", "componentTree"],
+            disabled: isPasteDisabled,
+            execute: async (context) => {
+                await pasteClipboardComponents(context.editContext, target.parentPlaceholder.key, indexAfter(target));
+            },
+        });
+    }
+    const inner = singleEditablePlaceholder(target);
+    if (inner) {
+        commands.push({
+            id: "pasteComponentsInside",
+            label: pasteLabel(clipboard, "inside"),
+            icon: _jsx(ClipboardPaste, { strokeWidth: 1, size: defaultIconSize }),
+            visibilityScopes: ["contextMenu", "menu", "componentTree"],
+            disabled: isPasteDisabled,
+            execute: async (context) => {
+                await pasteClipboardComponents(context.editContext, inner.key, -1);
+            },
+        });
+    }
+    return commands;
+}
+/**
+ * "Paste here" for a placeholder node (component navigator). Registered through
+ * `configuration.placeholderCommands.providers`.
+ */
+export function placeholderClipboardCommandProvider(placeholders, editContext, providerContext) {
+    if (editContext.mode !== "edit")
+        return [];
+    if (placeholders.length !== 1)
+        return [];
+    const placeholder = placeholders[0];
+    if (!placeholder || placeholder.editable === false)
+        return [];
+    const clipboard = getComponentClipboard(editContext);
+    return [
+        {
+            id: "pasteComponentsIntoPlaceholder",
+            label: pasteLabel(clipboard, "here"),
+            icon: _jsx(ClipboardPaste, { strokeWidth: 1, size: defaultIconSize }),
+            visibilityScopes: ["componentTree", "contextMenu"],
+            disabled: isPasteDisabled,
+            execute: async (context) => {
+                const selectedPlaceholder = context.data
+                    ?.placeholders?.[0] ?? placeholder;
+                await pasteClipboardComponents(context.editContext, selectedPlaceholder.key, -1);
+            },
+        },
+    ];
+}
+//# sourceMappingURL=componentClipboardCommands.js.map

package/dist/editor/commands/componentClipboardCommands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentClipboardCommands.js","sourceRoot":"","sources":["../../../src/editor/commands/componentClipboardCommands.tsx"],"names":[],"mappings":"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"}

package/dist/editor/commands/componentMenuGroups.d.ts

@@ -0,0 +1,2 @@
+import type { MenuItem } from "../../config/types";
+export declare function groupComponentMenuItems(items: MenuItem[]): MenuItem[];

package/dist/editor/commands/componentMenuGroups.js

@@ -0,0 +1,43 @@
+/**
+ * Component context menu groups, in menu order. The canvas and the component
+ * navigator share this order; a separator sits between non-empty groups.
+ * Surface-specific entries (navigator "Insert" submenu, open-item commands)
+ * are simply absent where they do not apply.
+ */
+const componentMenuGroups = [
+    ["insert", "insert-submenu", "duplicate", "renameComponent"],
+    [
+        "copyComponents",
+        "pasteComponents",
+        "pasteComponentsInside",
+        "pasteComponentsIntoPlaceholder",
+    ],
+    ["addComment", "activateSuggestionsMode"],
+    [
+        "convertToShared",
+        "synchronize",
+        "componentLinkedToMasterLanguage",
+        "inheritChildrenFromMasterLanguage",
+        "design",
+        "personalize",
+        "create-component-thumbnail",
+    ],
+    ["open-rendering-item", "open-placeholder-settings"],
+    ["delete"],
+];
+// Custom and extension commands join the component settings, before removal.
+const fallbackGroupIndex = 3;
+export function groupComponentMenuItems(items) {
+    const knownIds = new Set(componentMenuGroups.flat());
+    const groups = componentMenuGroups.map((ids) => ids.flatMap((id) => items.filter((item) => item.id === id)));
+    groups[fallbackGroupIndex].push(...items.filter((item) => !knownIds.has(item.id)));
+    return groups
+        .filter((group) => group.length > 0)
+        .flatMap((group, index) => index === 0
+        ? group
+        : [
+            { id: `component-menu-separator-${index}`, separator: true },
+            ...group,
+        ]);
+}
+//# sourceMappingURL=componentMenuGroups.js.map

package/dist/editor/commands/componentMenuGroups.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentMenuGroups.js","sourceRoot":"","sources":["../../../src/editor/commands/componentMenuGroups.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,mBAAmB,GAAe;IACtC,CAAC,QAAQ,EAAE,gBAAgB,EAAE,WAAW,EAAE,iBAAiB,CAAC;IAC5D;QACE,gBAAgB;QAChB,iBAAiB;QACjB,uBAAuB;QACvB,gCAAgC;KACjC;IACD,CAAC,YAAY,EAAE,yBAAyB,CAAC;IACzC;QACE,iBAAiB;QACjB,aAAa;QACb,iCAAiC;QACjC,mCAAmC;QACnC,QAAQ;QACR,aAAa;QACb,4BAA4B;KAC7B;IACD,CAAC,qBAAqB,EAAE,2BAA2B,CAAC;IACpD,CAAC,QAAQ,CAAC;CACX,CAAC;AAEF,6EAA6E;AAC7E,MAAM,kBAAkB,GAAG,CAAC,CAAC;AAE7B,MAAM,UAAU,uBAAuB,CAAC,KAAiB;IACvD,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,mBAAmB,CAAC,IAAI,EAAE,CAAC,CAAC;IACrD,MAAM,MAAM,GAAG,mBAAmB,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAC7C,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAC5D,CAAC;IACF,MAAM,CAAC,kBAAkB,CAAE,CAAC,IAAI,CAC9B,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAClD,CAAC;IAEF,OAAO,MAAM;SACV,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;SACnC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CACxB,KAAK,KAAK,CAAC;QACT,CAAC,CAAC,KAAK;QACP,CAAC,CAAC;YACE,EAAE,EAAE,EAAE,4BAA4B,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE;YAC5D,GAAG,KAAK;SACT,CACN,CAAC;AACN,CAAC"}

package/dist/editor/commands/mediaCommands.d.ts

@@ -0,0 +1,5 @@
+import type { Command } from "./commands";
+import type { ItemDescriptor } from "../pageModel";
+export declare const uploadMediaFileCommand: Command<{
+    item: ItemDescriptor;
+}>;

package/dist/editor/commands/mediaCommands.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Upload } from "lucide-react";
+import { toast } from "sonner";
+import { UploadMediaFileDialog, } from "../media-selector/UploadMediaFileDialog";
+import { uploadMediaFiles } from "../media-selector/mediaUpload";
+export const uploadMediaFileCommand = {
+    id: "uploadMediaFile",
+    label: "Upload file",
+    icon: _jsx(Upload, { strokeWidth: 1 }),
+    disabled: (context) => !context.data?.item,
+    execute: async ({ data, editContext, openDialog }) => {
+        if (!data?.item)
+            return;
+        const parent = await editContext.itemsRepository.getItem(data.item);
+        if (!parent)
+            return;
+        const path = parent.path.toLowerCase().replace(/\/+$/, "");
+        if (!parent.canCreate ||
+            (path !== "/sitecore/media library" &&
+                !path.startsWith("/sitecore/media library/"))) {
+            editContext.showErrorToast({
+                summary: "Cannot upload file",
+                details: "Select a media library item where you can create items.",
+            });
+            return;
+        }
+        const file = await openDialog(UploadMediaFileDialog, { parentPath: parent.path });
+        if (!file)
+            return;
+        const progress = toast.loading(`Uploading ${file.name}...`);
+        try {
+            const uploaded = await uploadMediaFiles({
+                files: [file],
+                folderId: parent.id,
+                language: data.item.language,
+                editContext,
+            });
+            if (!uploaded.length)
+                return;
+            await editContext.itemsRepository.refreshItems([data.item], {
+                properties: true,
+                children: true,
+            });
+            editContext.requestRefresh("immediate");
+            const uploadedId = uploaded[0]?.id;
+            if (uploadedId) {
+                await editContext.loadItem({
+                    ...data.item,
+                    id: uploadedId,
+                    version: 0,
+                });
+            }
+        }
+        finally {
+            toast.dismiss(progress);
+        }
+    },
+};
+//# sourceMappingURL=mediaCommands.js.map

package/dist/editor/commands/mediaCommands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mediaCommands.js","sourceRoot":"","sources":["../../../src/editor/commands/mediaCommands.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAG/B,OAAO,EACL,qBAAqB,GAEtB,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,MAAM,CAAC,MAAM,sBAAsB,GAAsC;IACvE,EAAE,EAAE,iBAAiB;IACrB,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,KAAC,MAAM,IAAC,WAAW,EAAE,CAAC,GAAI;IAChC,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI;IAC1C,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,EAAE,EAAE;QACnD,IAAI,CAAC,IAAI,EAAE,IAAI;YAAE,OAAO;QAExB,MAAM,MAAM,GAAG,MAAM,WAAW,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACpE,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QAC3D,IACE,CAAC,MAAM,CAAC,SAAS;YACjB,CAAC,IAAI,KAAK,yBAAyB;gBACjC,CAAC,IAAI,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC,EAC/C,CAAC;YACD,WAAW,CAAC,cAAc,CAAC;gBACzB,OAAO,EAAE,oBAAoB;gBAC7B,OAAO,EAAE,yDAAyD;aACnE,CAAC,CAAC;YACH,OAAO;QACT,CAAC;QAED,MAAM,IAAI,GAAG,MAAM,UAAU,CAC3B,qBAAqB,EACrB,EAAE,UAAU,EAAE,MAAM,CAAC,IAAI,EAAE,CAC5B,CAAC;QACF,IAAI,CAAC,IAAI;YAAE,OAAO;QAElB,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC;QAC5D,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,gBAAgB,CAAC;gBACtC,KAAK,EAAE,CAAC,IAAI,CAAC;gBACb,QAAQ,EAAE,MAAM,CAAC,EAAE;gBACnB,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ;gBAC5B,WAAW;aACZ,CAAC,CAAC;YACH,IAAI,CAAC,QAAQ,CAAC,MAAM;gBAAE,OAAO;YAE7B,MAAM,WAAW,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;gBAC1D,UAAU,EAAE,IAAI;gBAChB,QAAQ,EAAE,IAAI;aACf,CAAC,CAAC;YACH,WAAW,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;YACxC,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;YACnC,IAAI,UAAU,EAAE,CAAC;gBACf,MAAM,WAAW,CAAC,QAAQ,CAAC;oBACzB,GAAG,IAAI,CAAC,IAAI;oBACZ,EAAE,EAAE,UAAU;oBACd,OAAO,EAAE,CAAC;iBACX,CAAC,CAAC;YACL,CAAC;QACH,CAAC;gBAAS,CAAC;YACT,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC;CACF,CAAC"}

package/dist/editor/component-conversion/ComponentTypePickerDialog.d.ts

@@ -0,0 +1,12 @@
+import type { InsertOption } from "../../types";
+import type { DialogProps } from "../client/editContext";
+export type ComponentTypePickerDialogProps = {
+    title: string;
+    subtitle?: string;
+    options: InsertOption[];
+};
+/**
+ * Palette-style picker for the type a component is converted to. Cards match
+ * the sidebar palette (thumbnail, svg or icon); clicking a card chooses it.
+ */
+export declare function ComponentTypePickerDialog(props: ComponentTypePickerDialogProps & DialogProps<InsertOption | null>): import("react").JSX.Element;

package/dist/editor/component-conversion/ComponentTypePickerDialog.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { Replace } from "lucide-react";
+import { Dialog, DialogContent } from "../../components/ui/dialog";
+import { StyledDialogTitle } from "../../components/ui/styled-dialog-title";
+import { SearchInput, highlightMatch } from "../../components/SearchInput";
+import { cn } from "../../lib/utils";
+import { sanitizeSvg } from "../../lib/sanitize";
+import { buildInsertMenuSections } from "../insertMenuItems";
+import { getAbsoluteIconUrl } from "../utils";
+/**
+ * Palette-style picker for the type a component is converted to. Cards match
+ * the sidebar palette (thumbnail, svg or icon); clicking a card chooses it.
+ */
+export function ComponentTypePickerDialog(props) {
+    const [filter, setFilter] = useState("");
+    const matching = useMemo(() => {
+        const needle = filter.trim().toLowerCase();
+        return props.options.filter((option) => !needle || option.name.toLowerCase().includes(needle));
+    }, [filter, props.options]);
+    const sections = buildInsertMenuSections(matching);
+    const choose = (option) => props.onClose?.(option);
+    return (_jsx(Dialog, { open: true, onOpenChange: (open) => {
+            if (!open)
+                props.onClose?.(null);
+        }, children: _jsxs(DialogContent, { "data-testid": "component-type-picker-dialog", className: "flex flex-col overflow-hidden border-none p-0 shadow-2xl", style: { width: "min(760px, 94vw)", maxHeight: "86vh" }, children: [_jsx(StyledDialogTitle, { icon: _jsx(Replace, { strokeWidth: 1 }), title: props.title, subtitle: props.subtitle }), _jsx("div", { className: "bg-white px-6 pt-4 pb-2", children: _jsx(SearchInput, { value: filter, onChange: setFilter, autoFocus: true, placeholder: "Filter component types...", className: "border-border-default", testId: "component-type-picker-filter", onKeyDown: (event) => {
+                            if (event.key === "Enter" && matching.length === 1) {
+                                event.preventDefault();
+                                choose(matching[0]);
+                            }
+                        } }) }), _jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto bg-white px-6 pt-2 pb-6", children: [matching.length === 0 && (_jsx("div", { className: "text-neutral-grey-50 py-12 text-center text-xs", "data-testid": "component-type-picker-empty", children: props.options.length === 0
+                                ? "No other component types are allowed here."
+                                : `No component types match "${filter.trim()}".` })), sections.map((section, index) => (_jsxs("div", { className: cn(index > 0 && "border-border-default mt-4 border-t pt-2"), children: [section.name && (_jsx("div", { className: "text-neutral-grey-50 mt-2 mb-3 text-xs font-medium", children: section.name })), _jsx("div", { className: "grid grid-cols-[repeat(auto-fill,_minmax(132px,_1fr))] gap-3", children: section.options.map((option) => (_jsx(TypeCard, { option: option, filter: filter, onChoose: choose }, option.typeId))) })] }, section.name ?? index)))] })] }) }));
+}
+function TypeCard({ option, filter, onChoose, }) {
+    const hasThumbnail = !option.svg && !!option.thumbnail;
+    const hasIcon = !option.svg && !!option.icon;
+    return (_jsxs("button", { type: "button", "data-testid": "component-type-picker-option", "data-type-id": option.typeId, onClick: () => onChoose(option), className: cn("border-border-default group relative flex min-h-[114px] flex-col items-center gap-2 rounded border bg-white p-2 text-center text-xs break-words", "transition-colors duration-100 ease-out", "hover:border-highlight-100 focus-visible:border-highlight-100 focus-visible:outline-none", hasThumbnail ? "justify-start" : "justify-center"), children: [option.svg && (_jsx("div", { className: "h-[42px] w-[42px]", dangerouslySetInnerHTML: { __html: sanitizeSvg(option.svg) } })), hasThumbnail && (_jsx("div", { className: "border-border-default bg-neutral-grey-5 flex h-[84px] w-full items-center justify-center overflow-hidden rounded border", children: _jsx("img", { src: getAbsoluteIconUrl(option.thumbnail), alt: "", draggable: false, className: "h-full w-full object-contain" }) })), !hasThumbnail && hasIcon && (_jsx("img", { src: getAbsoluteIconUrl(option.icon), alt: "", draggable: false, className: "h-[42px] w-[42px] object-contain" })), _jsx("div", { children: highlightMatch(option.name, filter) })] }));
+}
+//# sourceMappingURL=ComponentTypePickerDialog.js.map

package/dist/editor/component-conversion/ComponentTypePickerDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentTypePickerDialog.js","sourceRoot":"","sources":["../../../src/editor/component-conversion/ComponentTypePickerDialog.tsx"],"names":[],"mappings":"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"}

package/dist/editor/component-conversion/ConversionAiDebugButton.d.ts

@@ -0,0 +1,17 @@
+import { type ContentInspectorSection } from "../ai/ContentInspectorPopover";
+import type { ConversionAiCall } from "./conversionTypes";
+/**
+ * The prompt as the model reads it: each message with its role, JSON content
+ * pretty-printed. Works for OpenAI-style ("messages") and Anthropic-style
+ * ("system" + "messages") payloads; anything else shows as sent.
+ */
+export declare function describePrompt(payload: string | undefined): string;
+export declare function buildAiCallSections(calls: ConversionAiCall[]): ContentInspectorSection[];
+/**
+ * Opens the raw prompt and response of the dialog's last AI run. Always
+ * clickable: before the first run finishes it says why there is nothing yet.
+ */
+export declare function ConversionAiDebugButton({ calls, running, }: {
+    calls: ConversionAiCall[];
+    running: boolean;
+}): import("react").JSX.Element;

package/dist/editor/component-conversion/ConversionAiDebugButton.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { Bug } from "lucide-react";
+import { ContentInspectorPopover, } from "../ai/ContentInspectorPopover";
+function prettyJson(text) {
+    if (!text)
+        return "";
+    try {
+        return JSON.stringify(JSON.parse(text), null, 2);
+    }
+    catch {
+        return text;
+    }
+}
+function partText(content) {
+    if (typeof content === "string")
+        return content;
+    if (Array.isArray(content)) {
+        return content
+            .map((part) => typeof part === "string" ? part : part?.text ?? "")
+            .join("\n");
+    }
+    return content == null ? "" : JSON.stringify(content, null, 2);
+}
+/**
+ * The prompt as the model reads it: each message with its role, JSON content
+ * pretty-printed. Works for OpenAI-style ("messages") and Anthropic-style
+ * ("system" + "messages") payloads; anything else shows as sent.
+ */
+export function describePrompt(payload) {
+    if (!payload)
+        return "";
+    try {
+        const parsed = JSON.parse(payload);
+        const blocks = [];
+        if (parsed.system)
+            blocks.push(`### system\n${partText(parsed.system)}`);
+        for (const message of parsed.messages ?? []) {
+            blocks.push(`### ${message.role ?? "message"}\n${prettyJson(partText(message.content))}`);
+        }
+        return blocks.length > 0 ? blocks.join("\n\n") : payload;
+    }
+    catch {
+        return payload;
+    }
+}
+function describeCall(call) {
+    return [
+        `Model: ${call.model ?? "unknown"}`,
+        `Max output tokens: ${call.maxTokens}`,
+        `Tokens: ${call.inputTokens} in, ${call.outputTokens} out`,
+        `Duration: ${(call.durationMs / 1000).toFixed(1)} s`,
+        call.error ? `Error: ${call.error}` : null,
+    ]
+        .filter(Boolean)
+        .join("\n");
+}
+export function buildAiCallSections(calls) {
+    return calls.flatMap((call) => {
+        const prefix = calls.length > 1 ? `${call.title} · ` : "";
+        return [
+            { title: `${prefix}Prompt`, content: describePrompt(call.payload) },
+            { title: `${prefix}Reply`, content: prettyJson(call.content) },
+            { title: `${prefix}Raw request`, content: prettyJson(call.payload) },
+            { title: `${prefix}Raw response`, content: prettyJson(call.rawResponse) },
+            { title: `${prefix}Details`, content: describeCall(call) },
+        ];
+    });
+}
+/**
+ * Opens the raw prompt and response of the dialog's last AI run. Always
+ * clickable: before the first run finishes it says why there is nothing yet.
+ */
+export function ConversionAiDebugButton({ calls, running, }) {
+    const sections = useMemo(() => buildAiCallSections(calls), [calls]);
+    return (_jsx(ContentInspectorPopover, { title: "AI conversion: prompt and response", emptyMessage: running
+            ? "The AI is still running; its prompt and response show here when it answers."
+            : "No AI call captured yet. The server returns the raw prompt and response once the AI has run with debug buttons on.", downloadFileName: "component-conversion-ai.txt", className: "w-[min(64rem,calc(100vw-2rem))]", sections: sections, trigger: _jsx("button", { type: "button", title: "Show the raw prompt and response", "aria-label": "Show the raw prompt and response", "data-testid": "convert-component-ai-debug", className: "text-muted-foreground hover:text-foreground flex shrink-0 items-center", children: _jsx(Bug, { className: "h-3.5 w-3.5", strokeWidth: 1.5 }) }) }));
+}
+//# sourceMappingURL=ConversionAiDebugButton.js.map

package/dist/editor/component-conversion/ConversionAiDebugButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversionAiDebugButton.js","sourceRoot":"","sources":["../../../src/editor/component-conversion/ConversionAiDebugButton.tsx"],"names":[],"mappings":"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"}

package/dist/editor/component-conversion/ConvertComponentDialog.d.ts

@@ -0,0 +1,28 @@
+import type { ConversionItem, InsertOption, ItemDescriptor } from "../../types";
+import { type DialogProps } from "../client/editContext";
+export type ConvertComponentDialogResult = {
+    mode: "each" | "merge";
+    conversions: ConversionItem[];
+    title: string;
+    /** Instructions the user gave the AI; they also apply to values written on convert. */
+    instructions: string[];
+    /** Model the AI used; values the dialog did not write are written with it too. */
+    modelId?: string;
+};
+export type ConvertComponentDialogProps = {
+    pageItem: ItemDescriptor;
+    /** Selected components in document order. */
+    componentIds: string[];
+    target: InsertOption;
+    /** Display name of the selection, e.g. the single component's name. */
+    selectionLabel: string;
+    /** The type all selected components share; unset for mixed types. */
+    sourceTypeName?: string;
+};
+/**
+ * Reviews and adjusts a component conversion before it runs. One AI call maps
+ * the fields and writes the texts of every component in every language; the
+ * user steers it with instructions, picks the model and can change any row.
+ * Returns the operation's conversions; nothing is written here.
+ */
+export declare function ConvertComponentDialog(props: ConvertComponentDialogProps & DialogProps<ConvertComponentDialogResult | null>): import("react").JSX.Element;