@cosmicdrift/kumiko-bundled-features 0.377.0 → 0.379.0

package/dist/template-resolver/{document-blocks.js → web/document-blocks.js}

@@ -13,6 +13,7 @@ export const PDF_DOCUMENT_BLOCKS = [
     "divider",
     "repeat",
     "steps",
+    "images",
     "pageBreak",
 ];
 /** Block set for a template-resource kind; every kind except "document-pdf" gets the mail set. */

package/dist/template-resolver/web/document-editor-extensions.d.ts

@@ -7,6 +7,7 @@ export type DocumentEditorLabels = {
     readonly pageBreak: string;
     readonly button?: string;
     readonly steps?: string;
+    readonly images?: string;
     /** Canvas block label of an image, e.g. "Image · inline". */
     readonly imageBlock?: string;
     readonly variableLabels?: Readonly<Record<string, string>>;

package/dist/template-resolver/web/document-editor-extensions.js

@@ -1,7 +1,7 @@
 import { ListKeymap } from "@tiptap/extension-list";
 import { Dropcursor, Gapcursor, Placeholder, UndoRedo } from "@tiptap/extensions";
-import { DocumentButton, DocumentPageBreak, DocumentResource, DocumentSteps, DocumentVariable, documentExtensions, } from "../document-schema.js";
-import { readDocumentStepsAttribute } from "../document-steps.js";
+import { DocumentButton, DocumentImages, DocumentPageBreak, DocumentResource, DocumentSteps, DocumentVariable, documentExtensions, } from "./document-schema.js";
+import { readDocumentStepsAttribute } from "./document-steps.js";
 const DOCUMENT_RESOURCE_SIZE_TOKEN = "{size}";
 export const DOCUMENT_BLOCK_ATTRIBUTE = "data-document-block";
 function createElementWithClass(tag, className, text) {
@@ -134,6 +134,24 @@ function createStepsView(labels) {
         return { dom };
     };
 }
+// A sketch only: the photos are record data, known at render time.
+function createImagesView(labels) {
+    return ({ node }) => {
+        const dom = createElementWithClass("div", "relative my-3 rounded border border-dashed border-input px-3 pb-3 pt-4");
+        dom.setAttribute(DOCUMENT_BLOCK_ATTRIBUTE, "");
+        dom.contentEditable = "false";
+        const variable = String(node.attrs["variable"]);
+        const variableLabels = labels.variableLabels ?? {};
+        const variableLabel = Object.hasOwn(variableLabels, variable)
+            ? variableLabels[variable]
+            : undefined;
+        dom.append(createBlockLabel(`${labels.images ?? "Photos"} · ${variableLabel ?? variable}`));
+        const grid = createElementWithClass("div", "grid grid-cols-2 gap-1.5");
+        grid.append(createElementWithClass("div", "h-12 rounded bg-muted"), createElementWithClass("div", "h-12 rounded bg-muted"));
+        dom.append(grid);
+        return { dom };
+    };
+}
 // Replaced by name, not appended: the schema must keep exactly one node per
 // name, and only the editor view differs from the shared document schema.
 export function createDocumentEditorExtensions(labels) {
@@ -151,6 +169,8 @@ export function createDocumentEditorExtensions(labels) {
                     : extension;
             case DocumentSteps.name:
                 return DocumentSteps.extend({ addNodeView: () => createStepsView(labels) });
+            case DocumentImages.name:
+                return DocumentImages.extend({ addNodeView: () => createImagesView(labels) });
             case DocumentPageBreak.name:
                 return DocumentPageBreak.extend({
                     addNodeView: () => createPageBreakView(labels.pageBreak),

package/dist/template-resolver/web/document-editor.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-// @runtime client
 //
 // Lazy boundary: tiptap only loads when a "document" collection is rendered.
 // Never import document-tiptap-editor or document-editor-extensions statically here.

package/dist/template-resolver/web/document-images.d.ts

@@ -0,0 +1,2 @@
+import { Node } from "@tiptap/core";
+export declare function createDocumentImagesNode(isReferenceName: (value: string) => boolean): Node<any, any>;

package/dist/template-resolver/web/document-images.js

@@ -0,0 +1,27 @@
+// The record's photos: a block bound to an `images` variable whose FileRef ids the
+// app passes at render time. Universal like document-schema.ts.
+import { Node } from "@tiptap/core";
+export function createDocumentImagesNode(isReferenceName) {
+    return Node.create({
+        name: "images",
+        group: "block",
+        atom: true,
+        addAttributes() {
+            return { variable: { default: null } };
+        },
+        parseHTML() {
+            return [
+                {
+                    tag: "div[data-images]",
+                    getAttrs: (element) => {
+                        const variable = element.getAttribute("data-images");
+                        return variable !== null && isReferenceName(variable) ? { variable } : false;
+                    },
+                },
+            ];
+        },
+        renderHTML({ node }) {
+            return ["div", { "data-images": node.attrs["variable"] }];
+        },
+    });
+}

package/dist/template-resolver/{document-schema.d.ts → web/document-schema.d.ts}

@@ -3,13 +3,14 @@ export declare function isDocumentPlaceholderHref(href: string): boolean;
 export declare function isAllowedDocumentLinkHref(href: string): boolean;
 export declare function isDocumentReferenceName(value: string): boolean;
 export declare function isDocumentResourceKey(value: string): boolean;
-export declare const DOCUMENT_NODE_NAMES: readonly ["variable", "resource", "button", "divider", "pageBreak", "steps"];
+export declare const DOCUMENT_NODE_NAMES: readonly ["variable", "resource", "button", "divider", "pageBreak", "steps", "images"];
 export declare const DocumentVariable: Node<any, any>;
 export declare const DocumentResource: Node<any, any>;
 export declare const DocumentButton: Node<any, any>;
 export declare const DocumentDivider: Node<any, any>;
 export declare const DocumentPageBreak: Node<any, any>;
 export declare const DocumentSteps: Node<any, any>;
+export declare const DocumentImages: Node<any, any>;
 export declare const DocumentTableRow: Node<import("@tiptap/extension-table").TableRowOptions, any>;
 export declare const DocumentTable: Node<import("@tiptap/extension-table").TableOptions, any>;
 export declare const DocumentTableCell: Node<import("@tiptap/extension-table").TableCellOptions, any>;

package/dist/template-resolver/{document-schema.js → web/document-schema.js}

@@ -1,4 +1,3 @@
-// @runtime client
 // Canonical document model for template bodies (kinds mail, document-pdf).
 // Universal on purpose: the web editor and the server sanitizer load the same
 // extension list, so what the editor can produce is exactly what the server
@@ -8,6 +7,7 @@ import { Extension, Node } from "@tiptap/core";
 import { Link } from "@tiptap/extension-link";
 import { Table, TableCell, TableHeader, TableRow } from "@tiptap/extension-table";
 import StarterKit from "@tiptap/starter-kit";
+import { createDocumentImagesNode } from "./document-images.js";
 import { createDocumentStepsNode } from "./document-steps.js";
 const PLACEHOLDER_HREF = /^\{\{(.+)\}\}$/;
 const REFERENCE_NAME = /^[A-Za-z_][A-Za-z0-9_]*(\.[A-Za-z_][A-Za-z0-9_]*)*$/;
@@ -65,6 +65,7 @@ export const DOCUMENT_NODE_NAMES = [
     "divider",
     "pageBreak",
     "steps",
+    "images",
 ];
 export const DocumentVariable = Node.create({
     name: "variable",
@@ -170,6 +171,7 @@ export const DocumentPageBreak = Node.create({
     },
 });
 export const DocumentSteps = createDocumentStepsNode(isDocumentReferenceName);
+export const DocumentImages = createDocumentImagesNode(isDocumentReferenceName);
 // A repeat row is a table row carrying `each`: prosemirror-tables requires
 // the tableRow node type, so a separate node type is not an option.
 export const DocumentTableRow = TableRow.extend({
@@ -346,6 +348,7 @@ export const documentExtensions = [
     DocumentDivider,
     DocumentPageBreak,
     DocumentSteps,
+    DocumentImages,
     DocumentTextAlign,
     DocumentTextSize,
     DocumentCondition,

package/dist/template-resolver/{document-steps.js → web/document-steps.js}

@@ -1,4 +1,3 @@
-// @runtime client
 // A progress row: fixed stages stored in the template, the reached stage read
 // from a variable at render time. Universal like document-schema.ts.
 import { Node } from "@tiptap/core";

package/dist/template-resolver/web/document-tiptap-editor.d.ts

@@ -1,3 +1,3 @@
 import { type ReactNode } from "react";
 import { type DocumentEditorProps } from "./document-toolbar-blocks.ts";
-export default function DocumentTiptapEditor({ id, value, onChange, variables, readOnly, blocks, variableLabels, systemVariables, resourcePreviews, chrome, toolbar, renderPaper, toolbarHost, onEditorReady, }: DocumentEditorProps): ReactNode;
+export default function DocumentTiptapEditor({ id, value, onChange, variables, readOnly, blocks: configuredBlocks, imageVariables, variableLabels, systemVariables, resourcePreviews, chrome, toolbar, renderPaper, toolbarHost, onEditorReady, }: DocumentEditorProps): ReactNode;

package/dist/template-resolver/web/document-tiptap-editor.js

@@ -1,5 +1,4 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 //
 // tiptap-backed implementation behind DocumentContentEditor's lazy() boundary —
 // never import this file statically, tiptap must only load when a "document"
@@ -10,12 +9,12 @@ import { cn } from "@cosmicdrift/kumiko-renderer/web";
 import { isOneOf } from "@cosmicdrift/kumiko-types/type-guards";
 import { EditorContent, useEditor, useEditorState } from "@tiptap/react";
 import { BubbleMenu } from "@tiptap/react/menus";
-import { AlignCenter, AlignJustify, AlignLeft, AlignRight, Bold as BoldIcon, Braces, ChevronDown, Image as ImageIcon, Italic as ItalicIcon, Link as LinkIcon, List, ListChecks, ListOrdered, Minus, MousePointerClick, Repeat, Scissors, Table as TableIcon, Underline as UnderlineIcon, } from "lucide-react";
+import { AlignCenter, AlignJustify, AlignLeft, AlignRight, Bold as BoldIcon, Braces, ChevronDown, GalleryThumbnails, Image as ImageIcon, Italic as ItalicIcon, Link as LinkIcon, List, ListChecks, ListOrdered, Minus, MousePointerClick, Repeat, Scissors, Table as TableIcon, Underline as UnderlineIcon, } from "lucide-react";
 import { Fragment, useEffect, useMemo, useState } from "react";
 import { createPortal } from "react-dom";
-import { DOCUMENT_TEXT_ALIGNMENTS, isAllowedDocumentLinkHref, isDocumentPlaceholderHref, isDocumentReferenceName, isDocumentResourceKey, } from "../document-schema.js";
-import { parseDocumentStepsInput } from "../document-steps.js";
 import { createDocumentEditorExtensions, DOCUMENT_BLOCK_ATTRIBUTE, } from "./document-editor-extensions.js";
+import { DOCUMENT_TEXT_ALIGNMENTS, isAllowedDocumentLinkHref, isDocumentPlaceholderHref, isDocumentReferenceName, isDocumentResourceKey, } from "./document-schema.js";
+import { parseDocumentStepsInput } from "./document-steps.js";
 import { MAIL_DOCUMENT_BLOCKS, } from "./document-toolbar-blocks.js";
 import { createEditorHandle } from "./editor-handle.js";
 import { useStableByKey } from "./use-stable-by-key.js";
@@ -35,6 +34,7 @@ const BLOCK_PANEL = {
     repeat: "repeat",
     align: "align",
     steps: "steps",
+    images: "images",
 };
 const ALIGNMENT_ICONS = {
     left: _jsx(AlignLeft, { size: 16 }),
@@ -243,7 +243,11 @@ function InsertPanel({ editor, editorId, kind, variables, variableLabels, onClos
         }
         insertAndClose({ type: "steps", attrs: { variable: selectedName, steps } });
     };
-    const needsVariables = kind === "button" || kind === "repeat" || kind === "placeholder" || kind === "steps";
+    const needsVariables = kind === "button" ||
+        kind === "repeat" ||
+        kind === "placeholder" ||
+        kind === "steps" ||
+        kind === "images";
     const noVariables = needsVariables && selectable.length === 0;
     const idPrefix = `${editorId}-panel`;
     return (_jsxs("div", { className: "flex flex-col gap-2 border-b border-input bg-muted/40 p-2", children: [noVariables && (_jsx("p", { className: "text-sm text-muted-foreground", children: t("template-resolver.documentEditor.noVariables") })), kind === "link" && (_jsx(Field, { id: `${idPrefix}-href`, label: t("template-resolver.documentEditor.linkHref"), children: _jsx(Input, { kind: "text", id: `${idPrefix}-href`, name: "href", value: href, onChange: setHref, placeholder: t("template-resolver.documentEditor.linkHrefPlaceholder") }) })), kind === "placeholder" && !noVariables && (_jsx("div", { className: "flex flex-wrap gap-1", children: _jsx(VariableChips, { variables: selectable, labels: variableLabels, onInsert: (name) => insertAndClose({ type: "variable", attrs: { name } }) }) })), kind === "align" && (_jsx("div", { className: "flex flex-wrap gap-1", children: DOCUMENT_TEXT_ALIGNMENTS.map((alignment) => (_jsxs(Button, { type: "button", variant: "secondary", size: "sm", onClick: () => {
@@ -254,7 +258,7 @@ function InsertPanel({ editor, editorId, kind, variables, variableLabels, onClos
                             .updateAttributes("heading", { textAlign: alignment })
                             .run();
                         onClose();
-                    }, children: [ALIGNMENT_ICONS[alignment], t(ALIGNMENT_LABEL_KEYS[alignment])] }, alignment))) })), kind === "image" && (_jsxs(_Fragment, { children: [_jsx(Field, { id: `${idPrefix}-resource`, label: t("template-resolver.documentEditor.resourceKey"), children: _jsx(Input, { kind: "text", id: `${idPrefix}-resource`, name: "resource", value: resource, onChange: setResource }) }), _jsx(Field, { id: `${idPrefix}-alt`, label: t("template-resolver.documentEditor.imageAlt"), children: _jsx(Input, { kind: "text", id: `${idPrefix}-alt`, name: "alt", value: alt, onChange: setAlt }) })] })), kind === "button" && !noVariables && (_jsxs(_Fragment, { children: [_jsx(NameSelect, { id: `${idPrefix}-target`, label: t("template-resolver.documentEditor.buttonTarget"), names: selectable, labels: variableLabels, value: selectedName, onChange: setChosenName }), _jsx(Field, { id: `${idPrefix}-text`, label: t("template-resolver.documentEditor.buttonText"), children: _jsx(Input, { kind: "text", id: `${idPrefix}-text`, name: "text", value: buttonText, onChange: setButtonText }) })] })), kind === "repeat" && !noVariables && (_jsx(NameSelect, { id: `${idPrefix}-list`, label: t("template-resolver.documentEditor.repeatList"), names: selectable, labels: variableLabels, value: selectedName, onChange: setChosenName })), kind === "steps" && !noVariables && (_jsxs(_Fragment, { children: [_jsx(NameSelect, { id: `${idPrefix}-steps-variable`, label: t("template-resolver.documentEditor.stepsVariable"), names: selectable, labels: variableLabels, value: selectedName, onChange: setChosenName }), _jsx(Field, { id: `${idPrefix}-steps-list`, label: t("template-resolver.documentEditor.stepsList"), children: _jsx(Input, { kind: "text", id: `${idPrefix}-steps-list`, name: "steps", value: stepsText, onChange: setStepsText }) })] })), error !== null && (_jsx("p", { role: "alert", className: "text-sm text-destructive", children: error })), _jsx("div", { className: "flex flex-wrap gap-2", children: _jsx(PanelActions, { onCancel: onClose, ...(kind === "link" && { onInsert: submitLink }), ...(kind === "link" &&
+                    }, children: [ALIGNMENT_ICONS[alignment], t(ALIGNMENT_LABEL_KEYS[alignment])] }, alignment))) })), kind === "image" && (_jsxs(_Fragment, { children: [_jsx(Field, { id: `${idPrefix}-resource`, label: t("template-resolver.documentEditor.resourceKey"), children: _jsx(Input, { kind: "text", id: `${idPrefix}-resource`, name: "resource", value: resource, onChange: setResource }) }), _jsx(Field, { id: `${idPrefix}-alt`, label: t("template-resolver.documentEditor.imageAlt"), children: _jsx(Input, { kind: "text", id: `${idPrefix}-alt`, name: "alt", value: alt, onChange: setAlt }) })] })), kind === "button" && !noVariables && (_jsxs(_Fragment, { children: [_jsx(NameSelect, { id: `${idPrefix}-target`, label: t("template-resolver.documentEditor.buttonTarget"), names: selectable, labels: variableLabels, value: selectedName, onChange: setChosenName }), _jsx(Field, { id: `${idPrefix}-text`, label: t("template-resolver.documentEditor.buttonText"), children: _jsx(Input, { kind: "text", id: `${idPrefix}-text`, name: "text", value: buttonText, onChange: setButtonText }) })] })), kind === "repeat" && !noVariables && (_jsx(NameSelect, { id: `${idPrefix}-list`, label: t("template-resolver.documentEditor.repeatList"), names: selectable, labels: variableLabels, value: selectedName, onChange: setChosenName })), kind === "images" && !noVariables && (_jsx(NameSelect, { id: `${idPrefix}-images-variable`, label: t("template-resolver.documentEditor.imagesVariable"), names: selectable, labels: variableLabels, value: selectedName, onChange: setChosenName })), kind === "steps" && !noVariables && (_jsxs(_Fragment, { children: [_jsx(NameSelect, { id: `${idPrefix}-steps-variable`, label: t("template-resolver.documentEditor.stepsVariable"), names: selectable, labels: variableLabels, value: selectedName, onChange: setChosenName }), _jsx(Field, { id: `${idPrefix}-steps-list`, label: t("template-resolver.documentEditor.stepsList"), children: _jsx(Input, { kind: "text", id: `${idPrefix}-steps-list`, name: "steps", value: stepsText, onChange: setStepsText }) })] })), error !== null && (_jsx("p", { role: "alert", className: "text-sm text-destructive", children: error })), _jsx("div", { className: "flex flex-wrap gap-2", children: _jsx(PanelActions, { onCancel: onClose, ...(kind === "link" && { onInsert: submitLink }), ...(kind === "link" &&
                         editor.isActive("link") && {
                         onRemoveLink: () => {
                             editor.chain().focus().extendMarkRange("link").unsetLink().run();
@@ -268,9 +272,12 @@ function InsertPanel({ editor, editorId, kind, variables, variableLabels, onClos
                             content: buttonText ? [{ type: "text", text: buttonText }] : [],
                         }),
                     }), ...(kind === "repeat" &&
-                        !noVariables && { onInsert: () => insertAndClose(repeatTableContent(selectedName)) }), ...(kind === "steps" && !noVariables && { onInsert: submitSteps }) }) })] }));
+                        !noVariables && { onInsert: () => insertAndClose(repeatTableContent(selectedName)) }), ...(kind === "steps" && !noVariables && { onInsert: submitSteps }), ...(kind === "images" &&
+                        !noVariables && {
+                        onInsert: () => insertAndClose({ type: "images", attrs: { variable: selectedName } }),
+                    }) }) })] }));
 }
-export default function DocumentTiptapEditor({ id, value, onChange, variables, readOnly, blocks = MAIL_DOCUMENT_BLOCKS, variableLabels = NO_LABELS, systemVariables = NO_NAMES, resourcePreviews = NO_PREVIEWS, chrome = "default", toolbar = "full", renderPaper, toolbarHost, onEditorReady, }) {
+export default function DocumentTiptapEditor({ id, value, onChange, variables, readOnly, blocks: configuredBlocks = MAIL_DOCUMENT_BLOCKS, imageVariables = NO_NAMES, variableLabels = NO_LABELS, systemVariables = NO_NAMES, resourcePreviews = NO_PREVIEWS, chrome = "default", toolbar = "full", renderPaper, toolbarHost, onEditorReady, }) {
     const t = useTranslation();
     const { ActionOverflowMenu, Button, Field, Input } = usePrimitives();
     const [openPanel, setOpenPanel] = useState(null);
@@ -279,12 +286,17 @@ export default function DocumentTiptapEditor({ id, value, onChange, variables, r
     const canvas = chrome === "canvas";
     const compact = toolbar === "compact" && !canvas;
     const hosted = toolbarHost !== undefined;
+    // A photo block needs an images variable to bind to; without one the button would open an empty panel.
+    const blocks = imageVariables.length === 0
+        ? configuredBlocks.filter((block) => block !== "images")
+        : configuredBlocks;
     const placeholderLabel = t("template-resolver.documentEditor.placeholder");
     const imageLabel = t("template-resolver.documentEditor.image");
     const imageBlockLabel = t("template-resolver.documentEditor.imageBlock");
     const pageBreakLabel = t("template-resolver.documentEditor.pageBreak");
     const buttonLabel = t("template-resolver.documentEditor.button");
     const stepsLabel = t("template-resolver.documentEditor.steps");
+    const imagesLabel = t("template-resolver.documentEditor.images");
     const stableLabels = useStableByKey(variableLabels, JSON.stringify(variableLabels));
     const stableSystem = useStableByKey(systemVariables, systemVariables.join("\n"));
     const stablePreviews = useStableByKey(resourcePreviews, previewsKey(resourcePreviews));
@@ -294,6 +306,7 @@ export default function DocumentTiptapEditor({ id, value, onChange, variables, r
         pageBreak: pageBreakLabel,
         button: buttonLabel,
         steps: stepsLabel,
+        images: imagesLabel,
         imageBlock: imageBlockLabel,
         variableLabels: stableLabels,
         systemVariables: stableSystem,
@@ -306,6 +319,7 @@ export default function DocumentTiptapEditor({ id, value, onChange, variables, r
         pageBreakLabel,
         buttonLabel,
         stepsLabel,
+        imagesLabel,
         stableLabels,
         stableSystem,
         stablePreviews,
@@ -415,6 +429,7 @@ export default function DocumentTiptapEditor({ id, value, onChange, variables, r
         pageBreak: { label: pageBreakLabel, icon: _jsx(Scissors, { size: 16 }) },
         align: { label: t("template-resolver.documentEditor.align"), icon: _jsx(AlignLeft, { size: 16 }) },
         steps: { label: stepsLabel, icon: _jsx(ListChecks, { size: 16 }) },
+        images: { label: imagesLabel, icon: _jsx(GalleryThumbnails, { size: 16 }) },
     };
     const repeatTable = activeState?.repeatTable ?? null;
     const repeatListLabel = repeatTable !== null && repeatTable.lists.length === 1
@@ -507,7 +522,7 @@ export default function DocumentTiptapEditor({ id, value, onChange, variables, r
                             : t("template-resolver.documentEditor.buttonTarget"), ": ", selectedBlock.type === "button" ? (_jsx("strong", { children: buttonTargetLabel(selectedBlock.detail, variableLabels) })) : (_jsx("code", { children: selectedBlock.detail }))] }), _jsx(Button, { type: "button", size: "sm", variant: "danger-ghost", onClick: () => {
                         editor.chain().focus().deleteNode(selectedBlock.type).run();
                     }, children: t("template-resolver.documentEditor.removeBlock") })] })) : (repeatTable !== null && (_jsxs("div", { "data-testid": "document-repeat-bar", className: BUBBLE_BAR_CLASS, children: [_jsx("span", { className: "px-1.5 text-[10px] uppercase tracking-wide text-muted-foreground", children: repeatBarLabel }), _jsx(Button, { type: "button", variant: "secondary", size: "sm", pressed: repeatTable.headerRepeats, onClick: () => toggleRepeatHeader(editor), children: t("template-resolver.documentEditor.repeatHeader") })] }))) }, mountKeyOf(editor)));
-    const insertPanel = openPanel !== null && !readOnly && (_jsx(InsertPanel, { editor: editor, editorId: id, kind: openPanel, variables: variables, variableLabels: stableLabels, onClose: () => setOpenPanel(null) }, openPanel));
+    const insertPanel = openPanel !== null && !readOnly && (_jsx(InsertPanel, { editor: editor, editorId: id, kind: openPanel, variables: openPanel === "images" ? imageVariables : variables, variableLabels: stableLabels, onClose: () => setOpenPanel(null) }, openPanel));
     if (hosted) {
         return (_jsxs(_Fragment, { children: [toolbarHost !== null &&
                     createPortal(_jsxs(_Fragment, { children: [toolbarBar, insertPanel] }), toolbarHost), !readOnly && bubbleMenu, editorContent] }));

package/dist/template-resolver/web/document-toolbar-blocks.d.ts

@@ -1,6 +1,6 @@
 import type { ContentEditorProps } from "@cosmicdrift/kumiko-renderer";
 import type { ReactNode } from "react";
-import type { DocumentToolbarBlock } from "../document-blocks.ts";
+import type { DocumentToolbarBlock } from "./document-blocks.ts";
 /** Imperative access for an outside panel (placeholder list, resource list). */
 export type DocumentEditorHandle = {
     readonly insertPlaceholder: (name: string) => void;
@@ -17,6 +17,8 @@ export type DocumentResourcePreview = {
 export type DocumentEditorChrome = "default" | "canvas";
 export type DocumentEditorProps = ContentEditorProps & {
     readonly blocks?: readonly DocumentToolbarBlock[];
+    /** Names of the template's images variables; the photo block offers exactly these and is hidden without any. */
+    readonly imageVariables?: readonly string[];
     /** Display label per variable name, as inserted (list item fields use the
      *  dotted form, e.g. "lines.description"). A chip shows label and name. */
     readonly variableLabels?: Readonly<Record<string, string>>;
@@ -35,4 +37,4 @@ export type DocumentEditorProps = ContentEditorProps & {
     /** Called with the handle once the editor exists and with null when it is destroyed (unmount or rebuild), so a held handle never outlives its editor. */
     readonly onEditorReady?: (handle: DocumentEditorHandle | null) => void;
 };
-export { type DocumentToolbarBlock, documentBlocksForKind, MAIL_DOCUMENT_BLOCKS, PDF_DOCUMENT_BLOCKS, } from "../document-blocks.ts";
+export { type DocumentToolbarBlock, documentBlocksForKind, MAIL_DOCUMENT_BLOCKS, PDF_DOCUMENT_BLOCKS, } from "./document-blocks.ts";

package/dist/template-resolver/web/document-toolbar-blocks.js

@@ -1 +1 @@
-export { documentBlocksForKind, MAIL_DOCUMENT_BLOCKS, PDF_DOCUMENT_BLOCKS, } from "../document-blocks.js";
+export { documentBlocksForKind, MAIL_DOCUMENT_BLOCKS, PDF_DOCUMENT_BLOCKS, } from "./document-blocks.js";

package/dist/template-resolver/web/editor-handle.js

@@ -1,4 +1,4 @@
-import { isDocumentReferenceName, isDocumentResourceKey } from "../document-schema.js";
+import { isDocumentReferenceName, isDocumentResourceKey } from "./document-schema.js";
 export function createEditorHandle(editor) {
     return {
         insertPlaceholder: (name) => {

package/dist/template-resolver/web/i18n.js

@@ -1,4 +1,3 @@
-// @runtime client
 // Default translation bundle for the text-block editor. textBlocksClient()
 // hangs it into the LocaleProvider as a fallback bundle — apps override
 // individual keys via mergeTranslations at the createKumikoApp level.
@@ -39,6 +38,8 @@ export const defaultTranslations = {
         "template-resolver.documentEditor.removeLink": "Remove link",
         "template-resolver.documentEditor.repeat": "Repeat",
         "template-resolver.documentEditor.repeatList": "List to repeat",
+        "template-resolver.documentEditor.images": "Photos",
+        "template-resolver.documentEditor.imagesVariable": "Photos from",
         "template-resolver.documentEditor.steps": "Steps",
         "template-resolver.documentEditor.stepsVariable": "Current step from",
         "template-resolver.documentEditor.stepsList": "Steps, separated by commas (value=label)",
@@ -52,6 +53,7 @@ export const defaultTranslations = {
         "template-resolver.editor.saving": "Saving…",
         "template-resolver.editor.created": "Created.",
         "template-resolver.editor.saved": "Saved.",
+        "templateResolver.errors.document.imagesBlockPdfOnly": "Photo blocks are only allowed in PDF documents.",
         "templateResolver.errors.document.buttonHrefNotPlaceholder": "The button target “{detail}” must be a placeholder.",
         "templateResolver.errors.document.disallowedLinkHref": "Link target “{detail}” is not allowed; use https, http, mailto, tel or a placeholder.",
         "templateResolver.errors.document.documentRequiresHtmlFormat": "This template kind requires the html format, got “{detail}”.",
@@ -91,6 +93,8 @@ export const defaultTranslations = {
         "templateResolver.errors.noSystemTemplate": "There is no active system template to reset to.",
         "templateResolver.errors.noDraft": "There is no draft to discard.",
         "templateResolver.errors.systemOnlyTemplate": "Only the platform maintains this template; it cannot be overridden per tenant.",
+        "templateResolver.errors.templateNotTenantEditable": "Only the platform may edit this template.",
+        "templateResolver.overview.lockedOverride": "Own version stored but not delivered: the template is not unlocked for tenants.",
         "templateResolver.errors.template.invalidMeta": "The template settings are invalid.",
         "templateResolver.errors.template.meta.subject.required": "The subject is missing.",
         "templateResolver.errors.template.meta.subject.invalid": "The subject is invalid (at most 200 characters, no line breaks).",

package/dist/template-resolver/web/index.d.ts

@@ -1,7 +1,7 @@
-export { MAIL_TONES, type MailTone } from "../mail-constants.ts";
-export { PDF_DEFAULT_MARGIN_MM, PDF_FOOTER_MARGIN_MM, PDF_HEADER_MARGIN_MM, PDF_ORIENTATIONS, PDF_PAGE_FORMATS, } from "../pdf-constants.ts";
-export { TemplateResolverErrors, TemplateResolverHandlers, TemplateResolverQueries, } from "../qualified-names.ts";
 export { textBlocksClient } from "./client-plugin.tsx";
 export { DocumentContentEditor } from "./document-editor.tsx";
 export { type DocumentEditorChrome, type DocumentEditorHandle, type DocumentEditorProps, type DocumentResourcePreview, type DocumentToolbarBlock, MAIL_DOCUMENT_BLOCKS, PDF_DOCUMENT_BLOCKS, } from "./document-toolbar-blocks.ts";
+export { MAIL_TONES, type MailTone } from "./mail-constants.ts";
+export { PDF_DEFAULT_MARGIN_MM, PDF_FOOTER_MARGIN_MM, PDF_HEADER_MARGIN_MM, PDF_ORIENTATIONS, PDF_PAGE_FORMATS, } from "./pdf-constants.ts";
 export { PlaceholderLineEditor, type PlaceholderLineEditorProps, } from "./placeholder-line-editor-lazy.tsx";
+export { TemplateResolverErrors, TemplateResolverHandlers, TemplateResolverQueries, } from "./qualified-names.ts";

package/dist/template-resolver/web/index.js

@@ -1,13 +1,12 @@
-// @runtime client
 // Public exports for the browser side of template-resolver. Consumed through
 // the sub-path export `@cosmicdrift/kumiko-bundled-features/template-resolver/web`
 // — the server side (defineFeature) lives in
 // `@cosmicdrift/kumiko-bundled-features/template-resolver` and has no React or
 // DOM deps.
-export { MAIL_TONES } from "../mail-constants.js";
-export { PDF_DEFAULT_MARGIN_MM, PDF_FOOTER_MARGIN_MM, PDF_HEADER_MARGIN_MM, PDF_ORIENTATIONS, PDF_PAGE_FORMATS, } from "../pdf-constants.js";
-export { TemplateResolverErrors, TemplateResolverHandlers, TemplateResolverQueries, } from "../qualified-names.js";
 export { textBlocksClient } from "./client-plugin.js";
 export { DocumentContentEditor } from "./document-editor.js";
 export { MAIL_DOCUMENT_BLOCKS, PDF_DOCUMENT_BLOCKS, } from "./document-toolbar-blocks.js";
+export { MAIL_TONES } from "./mail-constants.js";
+export { PDF_DEFAULT_MARGIN_MM, PDF_FOOTER_MARGIN_MM, PDF_HEADER_MARGIN_MM, PDF_ORIENTATIONS, PDF_PAGE_FORMATS, } from "./pdf-constants.js";
 export { PlaceholderLineEditor, } from "./placeholder-line-editor-lazy.js";
+export { TemplateResolverErrors, TemplateResolverHandlers, TemplateResolverQueries, } from "./qualified-names.js";

package/dist/template-resolver/{mail-constants.js → web/mail-constants.js}

@@ -1,3 +1,2 @@
-// @runtime client
 // No imports: web/ re-exports these, and template-meta.ts pulls in zod and the framework engine.
 export const MAIL_TONES = ["accent", "info", "success", "warning", "danger", "neutral"];

package/dist/template-resolver/{pdf-constants.js → web/pdf-constants.js}

@@ -1,4 +1,3 @@
-// @runtime client
 // No imports: web/ re-exports these, and constants.ts pulls in the framework engine.
 export const PDF_PAGE_FORMATS = ["A4", "Letter"];
 export const PDF_ORIENTATIONS = ["portrait", "landscape"];

package/dist/template-resolver/web/placeholder-line-editor-lazy.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-// @runtime client
 //
 // Lazy boundary for the placeholder line editor: tiptap loads with the chunk,
 // the fallback is a plain text input holding the same `{{name}}` text.

package/dist/template-resolver/web/placeholder-line-editor.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-// @runtime client
 //
 // Single-line editor for plain-text fields that carry {{placeholders}}
 // (subject, preheader). The stored value stays plain text; placeholders show
@@ -10,10 +9,10 @@ import { Placeholder, UndoRedo } from "@tiptap/extensions";
 import { EditorContent, useEditor } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import { useMemo, useState } from "react";
-import { DocumentVariable } from "../document-schema.js";
-import { contentToLine, lineToContent, singleLine } from "../placeholder-text.js";
 import { createVariableView } from "./document-editor-extensions.js";
+import { DocumentVariable } from "./document-schema.js";
 import { createEditorHandle } from "./editor-handle.js";
+import { contentToLine, lineToContent, singleLine } from "./placeholder-text.js";
 import { useStableByKey } from "./use-stable-by-key.js";
 const LineDocument = Node.create({ name: "doc", topNode: true, content: "paragraph" });
 // One line only: Enter must not split the paragraph.
@@ -75,7 +74,10 @@ function LineEditorBody({ id, initialValue, onChange, variableLabels, systemVari
         onDestroy: () => onEditorReady?.(null),
         onUpdate: ({ editor: e }) => onChange(contentToLine(e.getJSON().content?.[0]?.content)),
     });
-    return (_jsx(EditorContent, { editor: editor, className: cn("flex items-center bg-transparent text-base md:text-sm", flat ? "min-h-10" : "min-h-9 rounded-md border border-input px-3", "[&_.ProseMirror]:w-full [&_.ProseMirror]:whitespace-nowrap [&_.ProseMirror]:outline-none", "[&_p]:m-0", "[&_.is-editor-empty]:before:pointer-events-none [&_.is-editor-empty]:before:float-left [&_.is-editor-empty]:before:h-0 [&_.is-editor-empty]:before:text-muted-foreground [&_.is-editor-empty]:before:content-[attr(data-placeholder)]", readOnly && "opacity-60") }));
+    return (_jsx(EditorContent, { editor: editor, className: cn("flex items-center bg-transparent text-base md:text-sm", flat ? "min-h-10" : "min-h-9 rounded-md border border-input px-3", "[&_.ProseMirror]:w-full [&_.ProseMirror]:whitespace-nowrap [&_.ProseMirror]:outline-none", "[&_p]:m-0", 
+        // Absolute and truncated: a hint longer than the field ends in an ellipsis instead of
+        // running past the frame or over the text below it.
+        "[&_.is-editor-empty]:relative [&_.is-editor-empty]:before:pointer-events-none [&_.is-editor-empty]:before:absolute [&_.is-editor-empty]:before:inset-x-0 [&_.is-editor-empty]:before:truncate [&_.is-editor-empty]:before:text-muted-foreground [&_.is-editor-empty]:before:content-[attr(data-placeholder)]", readOnly && "opacity-60") }));
 }
 export default function PlaceholderLineEditor({ id, value, onChange, variableLabels = NO_LABELS, systemVariables = NO_NAMES, readOnly = false, flat = false, placeholder, onEditorReady, "aria-label": ariaLabel, }) {
     const stableLabels = useStableByKey(variableLabels, JSON.stringify(variableLabels));

package/dist/template-resolver/{qualified-names.d.ts → web/qualified-names.d.ts}

@@ -31,6 +31,7 @@ export declare const TemplateResolverQueries: {
     readonly preview: "template-resolver:query:preview";
     readonly documentBlocks: "template-resolver:query:document-blocks";
     readonly exportBundle: "template-resolver:query:export-bundle";
+    readonly sendTestStatus: "template-resolver:query:send-test-status";
     readonly bySlug: "template-resolver:query:by-slug";
     readonly byTenant: "template-resolver:query:by-tenant";
 };
@@ -47,6 +48,7 @@ export declare const TemplateResolverErrors: {
     readonly targetExists: "target_exists";
     readonly systemResourcesNeedSystemTenant: "system_resources_need_system_tenant";
     readonly systemOnlyTemplate: "system_only_template";
+    readonly templateNotTenantEditable: "template_not_tenant_editable";
     readonly bundleLocalesDiffer: "bundle_locales_differ";
     readonly resourceTooLarge: "template_resource_too_large";
     readonly resourceUnsupportedImage: "template_resource_unsupported_image";

package/dist/template-resolver/{qualified-names.js → web/qualified-names.js}

@@ -1,4 +1,3 @@
-// @runtime client
 // Feature name + qualified handler/query names (QN: scope:type:name).
 export const TEMPLATE_RESOLVER_FEATURE = "template-resolver";
 export const TemplateResolverHandlers = {
@@ -33,6 +32,7 @@ export const TemplateResolverQueries = {
     preview: "template-resolver:query:preview",
     documentBlocks: "template-resolver:query:document-blocks",
     exportBundle: "template-resolver:query:export-bundle",
+    sendTestStatus: "template-resolver:query:send-test-status",
     // Public pair — anonymous-reachable, kind pinned to text-block.
     bySlug: "template-resolver:query:by-slug",
     byTenant: "template-resolver:query:by-tenant",
@@ -58,6 +58,7 @@ export const TemplateResolverErrors = {
     targetExists: "target_exists",
     systemResourcesNeedSystemTenant: "system_resources_need_system_tenant",
     systemOnlyTemplate: "system_only_template",
+    templateNotTenantEditable: "template_not_tenant_editable",
     bundleLocalesDiffer: "bundle_locales_differ",
     resourceTooLarge: "template_resource_too_large",
     resourceUnsupportedImage: "template_resource_unsupported_image",

package/dist/template-resolver/web/use-stable-by-key.js

@@ -1,4 +1,3 @@
-// @runtime client
 import { useState } from "react";
 // Callers often pass fresh object literals every render; this keeps the first
 // value for as long as the content key is unchanged, so memoized extension

package/dist/tenant/handlers/add-member.write.js

@@ -2,9 +2,9 @@ import { createEventStoreExecutor, fetchOne } from "@cosmicdrift/kumiko-framewor
 import { defineWriteHandler, SYSTEM_ROLE, SYSTEM_USER_ID, } from "@cosmicdrift/kumiko-framework/engine";
 import { AccessDeniedError, ConflictError, InternalError, writeFailure, } from "@cosmicdrift/kumiko-framework/errors";
 import * as z from "zod";
-import { TenantErrors } from "../constants.js";
 import { findForbiddenMembershipRole, reservedMembershipRoleError } from "../membership-roles.js";
 import { tenantMembershipEntity, tenantMembershipsTable } from "../membership-table.js";
+import { TenantErrors } from "../web/constants.js";
 const executor = createEventStoreExecutor(tenantMembershipsTable, tenantMembershipEntity, {
     entityName: "tenant-membership",
 });

package/dist/tenant/index.d.ts

@@ -1,6 +1,5 @@
 export { cancelPendingInvitation } from "./cancel-pending-invitation.ts";
 export { TenantCommandSchemas } from "./command-schemas.ts";
-export { OWNER_INVITE_ROLE_OPTIONS, TENANT_FEATURE, TenantErrors, TenantHandlers, TenantQueries, } from "./constants.ts";
 export { decryptTenantNames } from "./decrypt-tenant-names.ts";
 export { collectAssignableAppRoles, createTenantFeature } from "./feature.ts";
 export type { InvitationStatus } from "./invitation-table.ts";
@@ -8,3 +7,4 @@ export { INVITATION_STATUS, INVITATION_STATUSES, tenantInvitationEntity, tenantI
 export { isTenantServingPublicContent } from "./is-tenant-serving-public-content.ts";
 export { tenantMembershipEntity, tenantMembershipsTable } from "./membership-table.ts";
 export { TENANT_LIFECYCLE_STATUSES, type TenantLifecycleStatus, tenantEntity, tenantTable, } from "./schema/tenant.ts";
+export { OWNER_INVITE_ROLE_OPTIONS, TENANT_FEATURE, TenantErrors, TenantHandlers, TenantQueries, } from "./web/constants.ts";

package/dist/tenant/index.js

@@ -1,9 +1,9 @@
 export { cancelPendingInvitation } from "./cancel-pending-invitation.js";
 export { TenantCommandSchemas } from "./command-schemas.js";
-export { OWNER_INVITE_ROLE_OPTIONS, TENANT_FEATURE, TenantErrors, TenantHandlers, TenantQueries, } from "./constants.js";
 export { decryptTenantNames } from "./decrypt-tenant-names.js";
 export { collectAssignableAppRoles, createTenantFeature } from "./feature.js";
 export { INVITATION_STATUS, INVITATION_STATUSES, tenantInvitationEntity, tenantInvitationsTable, } from "./invitation-table.js";
 export { isTenantServingPublicContent } from "./is-tenant-serving-public-content.js";
 export { tenantMembershipEntity, tenantMembershipsTable } from "./membership-table.js";
 export { TENANT_LIFECYCLE_STATUSES, tenantEntity, tenantTable, } from "./schema/tenant.js";
+export { OWNER_INVITE_ROLE_OPTIONS, TENANT_FEATURE, TenantErrors, TenantHandlers, TenantQueries, } from "./web/constants.js";

package/dist/tenant/invitation-table.js

@@ -24,7 +24,7 @@
 import { buildEntityTable } from "@cosmicdrift/kumiko-framework/db";
 import { createEntity, createMultiSelectField, createNumberField, createSelectField, createTextField, createTimestampField, } from "@cosmicdrift/kumiko-framework/engine";
 // kumiko-lint-ignore cross-feature-import global-role options are owned by the user feature
-import { GLOBAL_ROLE_OPTIONS } from "../user/constants.js";
+import { GLOBAL_ROLE_OPTIONS } from "../user/web/constants.js";
 // Status-const-Object damit Handler-Code keine Magic-Strings nutzt.
 // Bei rename (z.B. "cancelled" → "revoked") fällt jeder caller auf
 // einmal auf statt verstreut über 5 Stellen.

package/dist/tenant/invited-membership.js

@@ -3,10 +3,10 @@ import { createSystemUser } from "@cosmicdrift/kumiko-framework/engine";
 import { ConflictError, writeFailure } from "@cosmicdrift/kumiko-framework/errors";
 import { parseRoles } from "@cosmicdrift/kumiko-framework/utils";
 import { Temporal } from "@cosmicdrift/kumiko-types/temporal";
-import { TenantErrors } from "./constants.js";
 import { findForbiddenMembershipRole, reservedMembershipRoleError } from "./membership-roles.js";
 import { tenantMembershipEntity, tenantMembershipsTable } from "./membership-table.js";
 import { seedTenantMembership } from "./seeding.js";
+import { TenantErrors } from "./web/constants.js";
 const membershipExecutor = createEventStoreExecutor(tenantMembershipsTable, tenantMembershipEntity, { entityName: "tenant-membership" });
 const MEMBERSHIP_CREATED_VERSION = 1;
 // 0 = the user has no membership in the tenant yet.

package/dist/tenant/last-tenant-admin.js

@@ -1,8 +1,8 @@
 import { acquireNamespacedAdvisoryLock, selectMany } from "@cosmicdrift/kumiko-framework/db";
 import { ConflictError, writeFailure } from "@cosmicdrift/kumiko-framework/errors";
 import { parseRoles } from "@cosmicdrift/kumiko-framework/utils";
-import { TenantErrors } from "./constants.js";
 import { tenantMembershipsTable } from "./membership-table.js";
+import { TenantErrors } from "./web/constants.js";
 // Serializes last-TenantAdmin demotion/removal checks per tenant inside the write TX
 // (dispatcher batch wraps handlers in transaction — xact lock holds through update).
 export const LAST_TENANT_ADMIN_LOCK_NAMESPACE = 0x7461646d; // 'tadm'

package/dist/tenant/member-role-options.js

@@ -1,4 +1,4 @@
-import { OWNER_INVITE_ROLE_OPTIONS } from "./constants.js";
+import { OWNER_INVITE_ROLE_OPTIONS } from "./web/constants.js";
 export function memberRoleOptions(assignableAppRoles) {
     return [...OWNER_INVITE_ROLE_OPTIONS, ...assignableAppRoles.keys()];
 }

package/dist/tenant/screens.js

@@ -1,7 +1,7 @@
 import { AuthHandlers } from "@cosmicdrift/kumiko-bundled-features/auth-email-password/constants";
 import { access, i18nKey, isAssignableByRole, } from "@cosmicdrift/kumiko-framework/engine";
-import { DEFAULT_INVITE_ROLE_OPTIONS, INVITE_CREATE_SCREEN_ID, MEMBER_ROLES_CELL_COMPONENT, MEMBER_ROLES_EDIT_SCREEN_ID, MEMBER_STATUS_CELL_COMPONENT, MEMBERS_SCREEN_ID, TenantHandlers, TenantQueries, } from "./constants.js";
 import { memberRoleOptions } from "./member-role-options.js";
+import { DEFAULT_INVITE_ROLE_OPTIONS, INVITE_CREATE_SCREEN_ID, MEMBER_ROLES_CELL_COMPONENT, MEMBER_ROLES_EDIT_SCREEN_ID, MEMBER_STATUS_CELL_COMPONENT, MEMBERS_SCREEN_ID, TenantHandlers, TenantQueries, } from "./web/constants.js";
 // Cross-tenant SystemAdmin platform view of the tenants themselves. The tenant
 // feature runs with `r.systemScope()`, so the entityList returns every tenant.
 // Both screens are SystemAdmin-gated and inert until an app navs them.

package/dist/tenant/web/client-plugin.js

@@ -1,6 +1,5 @@
-// @runtime client
 import { mergeTranslations } from "@cosmicdrift/kumiko-renderer";
-import { MEMBER_ROLES_CELL_COMPONENT, MEMBER_STATUS_CELL_COMPONENT, TENANT_FEATURE, } from "../constants.js";
+import { MEMBER_ROLES_CELL_COMPONENT, MEMBER_STATUS_CELL_COMPONENT, TENANT_FEATURE, } from "./constants.js";
 import { MemberRolesCell } from "./member-roles-cell.js";
 import { MemberStatusCell } from "./member-status-cell.js";
 export function tenantClient(options) {