@cosmicdrift/kumiko-document-designer 0.364.0 → 0.365.1

package/dist/i18n.js

@@ -469,6 +469,10 @@ export const DOCUMENT_DESIGNER_I18N = {
         en: "Preview text",
         de: "Vorschautext",
     },
+    "documentDesigner.mail.meta.previewTextPlaceholder": {
+        en: "Short line shown next to the subject in the inbox",
+        de: "Kurze Zeile, die im Posteingang neben dem Betreff erscheint",
+    },
     "documentDesigner.mail.props.title": {
         en: "Properties",
         de: "Eigenschaften",
@@ -477,6 +481,10 @@ export const DOCUMENT_DESIGNER_I18N = {
         en: "Layout",
         de: "Layout",
     },
+    "documentDesigner.mail.props.layoutBuiltIn": {
+        en: "Standard layout (built in)",
+        de: "Standard-Layout (eingebaut)",
+    },
     "documentDesigner.mail.props.layoutTenant": {
         en: "{title} (tenant customisation v{version})",
         de: "{title} (Mandanten-Anpassung v{version})",
@@ -521,6 +529,62 @@ export const DOCUMENT_DESIGNER_I18N = {
         en: 'Transactional mails need no unsubscribe link. With "Marketing" the layout must provide one.',
         de: "Transaktionale Mails brauchen keinen Abmeldelink. Bei „Marketing“ muss das Layout den Abmeldelink liefern.",
     },
+    "documentDesigner.mail.chrome.title": {
+        en: "Header and footer",
+        de: "Kopf und Fuß",
+    },
+    "documentDesigner.mail.chrome.headerChip": {
+        en: "Label in the header",
+        de: "Kennzeichen im Kopf",
+    },
+    "documentDesigner.mail.chrome.headerChipPlaceholder": {
+        en: "e.g. New incident",
+        de: "z. B. Neuer Incident",
+    },
+    "documentDesigner.mail.chrome.tone": {
+        en: "Tone",
+        de: "Farbton",
+    },
+    "documentDesigner.mail.chrome.toneAccent": {
+        en: "Accent colour (default)",
+        de: "Akzentfarbe (Standard)",
+    },
+    "documentDesigner.mail.chrome.toneInfo": {
+        en: "Info (blue grey)",
+        de: "Info (blaugrau)",
+    },
+    "documentDesigner.mail.chrome.toneSuccess": {
+        en: "Success (green)",
+        de: "Erfolg (grün)",
+    },
+    "documentDesigner.mail.chrome.toneWarning": {
+        en: "Warning (amber)",
+        de: "Warnung (gelb)",
+    },
+    "documentDesigner.mail.chrome.toneDanger": {
+        en: "Danger (red)",
+        de: "Gefahr (rot)",
+    },
+    "documentDesigner.mail.chrome.toneNeutral": {
+        en: "Neutral (grey)",
+        de: "Neutral (grau)",
+    },
+    "documentDesigner.mail.chrome.toneFromPlaceholder": {
+        en: "From placeholder: {value}",
+        de: "Aus Platzhalter: {value}",
+    },
+    "documentDesigner.mail.chrome.footerNote": {
+        en: "Note in the footer",
+        de: "Hinweis im Fuß",
+    },
+    "documentDesigner.mail.chrome.footerNotePlaceholder": {
+        en: "e.g. why the recipient gets this mail",
+        de: "z. B. warum der Empfänger diese Mail bekommt",
+    },
+    "documentDesigner.mail.chrome.hint": {
+        en: "The label sits right of the logo; the tone colours it and the line at the top. The note stands above the website and unsubscribe links. Layouts with their own MJML code show neither.",
+        de: "Das Kennzeichen steht rechts neben dem Logo, der Farbton färbt es und die Linie oben. Der Hinweis steht über den Links zur Website und zum Abmelden. Layouts mit eigenem MJML-Code zeigen beides nicht.",
+    },
     "documentDesigner.mail.attachments.title": {
         en: "Attachments",
         de: "Anhänge",

package/dist/web/cells.js

@@ -6,14 +6,15 @@ import { formatWhen, useQuery, useTranslation, } from "@cosmicdrift/kumiko-rende
 import { StatusBadge } from "@cosmicdrift/kumiko-renderer-web";
 import { parseOverviewRow } from "./overview-row.js";
 import { statusLabel, statusTone } from "./status-label.js";
-import { usedByLabel } from "./used-by-label.js";
+import { templateTitle, usedByLabel } from "./used-by-label.js";
 const EMPTY_MARK = "–";
 function withRow(row, render) {
     const parsed = parseOverviewRow(row);
     return parsed === null ? EMPTY_MARK : render(parsed);
 }
 export function TitleCell({ row }) {
-    return withRow(row, (r) => (_jsxs("div", { children: [_jsx("div", { className: "font-medium", children: r.title }), _jsx("span", { className: "block max-w-40 truncate font-mono text-xs text-muted-foreground", title: r.slug, children: r.slug })] })));
+    const t = useTranslation();
+    return withRow(row, (r) => (_jsxs("div", { children: [_jsx("div", { className: "font-medium", children: templateTitle(t, r) }), _jsx("span", { className: "block max-w-40 truncate font-mono text-xs text-muted-foreground", title: r.slug, children: r.slug })] })));
 }
 const KIND_KEY = {
     mail: "documentDesigner.kind.mail",

package/dist/web/editor-locale.d.ts

@@ -0,0 +1 @@
+export declare function defaultLocaleOf(uiLocale: string, appLocales: readonly string[], rowLocales: readonly string[]): string;

package/dist/web/editor-locale.js

@@ -0,0 +1,15 @@
+// @runtime client
+import { DEFAULT_TEMPLATE_LOCALES } from "../constants.js";
+// The editor opens in the language the user works in when the template has it
+// (or, for a template without any version yet, when the app offers it).
+export function defaultLocaleOf(uiLocale, appLocales, rowLocales) {
+    const available = rowLocales.length > 0 ? rowLocales : appLocales;
+    const uiLanguage = uiLocale.split("-")[0] ?? uiLocale;
+    const fromUi = [uiLocale, uiLanguage].find((candidate) => available.includes(candidate));
+    if (fromUi !== undefined)
+        return fromUi;
+    const preferred = appLocales[0] ?? DEFAULT_TEMPLATE_LOCALES[0] ?? "de";
+    if (rowLocales.length === 0 || rowLocales.includes(preferred))
+        return preferred;
+    return rowLocales[0] ?? preferred;
+}

package/dist/web/layout-editor-body.js

@@ -3,7 +3,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 import { DocumentContentEditor, MAIL_DOCUMENT_BLOCKS, PDF_DOCUMENT_BLOCKS, TemplateResolverHandlers, TemplateResolverQueries, } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { dispatcherErrorText, useMutation, usePrimitives, useQuery, useTranslation, } from "@cosmicdrift/kumiko-renderer";
 import { cn, ModeSwitch, TextareaField } from "@cosmicdrift/kumiko-renderer-web";
-import { useDeferredValue, useState } from "react";
+import { useState } from "react";
 import { BRANDING_QUERY_QN } from "../constants.js";
 import { composeLayoutHtml } from "./compose-layout.js";
 import { EditorHeader } from "./editor-header.js";
@@ -14,6 +14,9 @@ import { AppearanceRail, BrandingRail, MjmlSourceRail, PlaceholderRail, Renderer
 import { systemLabelMap } from "./mail-draft.js";
 import { OriginBar } from "./origin-bar.js";
 import { asRowStatus } from "./status-label.js";
+import { useDebouncedValue } from "./use-debounced-value.js";
+// Server-side validation compiles the whole layout (mjml), so wait for a pause in typing.
+const VALIDATE_DEBOUNCE_MS = 400;
 const REGION_EDITOR_IDS = {
     header: "document-designer-region-header",
     signature: "document-designer-region-signature",
@@ -73,12 +76,12 @@ export function LayoutEditorBody({ kind, slug, isSystemAdmin, source, overviewRo
     const content = mjmlMode
         ? mjml
         : composeLayoutHtml({ header, signature: isMail ? signature : "", footer });
-    const deferredContent = useDeferredValue(content);
+    const debouncedContent = useDebouncedValue(content, VALIDATE_DEBOUNCE_MS);
     const validation = useQuery(TemplateResolverQueries.validate, {
         slug,
         kind,
         contentFormat: mjmlMode ? "mjml" : "html",
-        content: deferredContent,
+        content: debouncedContent,
         locale: source.locale,
         scope: isSystemAdmin ? "system" : "tenant",
     });
@@ -140,7 +143,8 @@ export function LayoutEditorBody({ kind, slug, isSystemAdmin, source, overviewRo
                 };
     const accentColor = branding.data?.accentColor ?? "";
     const showAccentLine = isMail && appearanceEditable && appearance.accentLine === "branding" && isHexColor(accentColor);
-    const blocks = isMail ? MAIL_DOCUMENT_BLOCKS : PDF_DOCUMENT_BLOCKS;
+    // A layout region has no per-mail variables, so a steps block there could never show a stage.
+    const blocks = (isMail ? MAIL_DOCUMENT_BLOCKS : PDF_DOCUMENT_BLOCKS).filter((block) => block !== "steps");
     // The layout's "logo" resource is the branding logo, so the editor shows it instead of a chip.
     const logoFile = branding.data?.logoFile ?? "";
     const resourcePreviews = logoFile === ""

package/dist/web/layout-editor.js

@@ -28,7 +28,12 @@ function LayoutEditorLoader({ kind, slug, isSystemAdmin, onKindChange, }) {
     const data = source.data;
     const rows = (overview.data?.rows ?? []).flatMap((row) => parseOverviewRow(row) ?? []);
     const reload = async () => {
-        await Promise.all([source.refetch(), overview.refetch(), overrides.refetch()]);
+        // refetch ignores `enabled`, and tenant-overrides is denied to everyone but the platform admin.
+        await Promise.all([
+            source.refetch(),
+            overview.refetch(),
+            ...(isSystemAdmin ? [overrides.refetch()] : []),
+        ]);
     };
     // A saved or reset layout is a new version: remount so the editors take the stored regions.
     const bodyKey = [kind, slug, data.tenant?.id, data.tenant?.version, data.system?.version].join("|");

package/dist/web/mail-draft.js

@@ -5,6 +5,9 @@ export const EMPTY_DRAFT = {
     category: "",
     senderName: "",
     replyTo: "",
+    headerChip: "",
+    tone: "",
+    footerNote: "",
     body: "",
 };
 export const PLACEHOLDER_SYMBOL = {
@@ -66,6 +69,9 @@ export function loadedMailOf(row) {
         category: categoryOf(meta["category"]),
         senderName: textOf(meta["senderName"]),
         replyTo: textOf(meta["replyTo"]),
+        headerChip: textOf(meta["headerChip"]),
+        tone: textOf(meta["tone"]),
+        footerNote: textOf(meta["footerNote"]),
         body: row.content,
     };
 }
@@ -77,6 +83,9 @@ export function buildMeta(draft) {
         ...(draft.category !== "" && { category: draft.category }),
         ...(draft.senderName !== "" && { senderName: draft.senderName }),
         ...(draft.replyTo !== "" && { replyTo: draft.replyTo }),
+        ...(draft.headerChip !== "" && { headerChip: draft.headerChip }),
+        ...(draft.tone !== "" && { tone: draft.tone }),
+        ...(draft.footerNote !== "" && { footerNote: draft.footerNote }),
     };
 }
 export function isDraftDirty(current, saved) {
@@ -86,6 +95,9 @@ export function isDraftDirty(current, saved) {
         current.category !== saved.category ||
         current.senderName !== saved.senderName ||
         current.replyTo !== saved.replyTo ||
+        current.headerChip !== saved.headerChip ||
+        current.tone !== saved.tone ||
+        current.footerNote !== saved.footerNote ||
         current.body !== saved.body);
 }
 export function parseLinkedResources(value) {

package/dist/web/mail-edit-center.js

@@ -8,5 +8,5 @@ function MetaLine({ label, testId, error, onFocusCapture, children, }) {
 }
 export function MailEditCenter({ draft, vocabulary, resourcePreviews, insert, readOnly, fieldErrors, onChange, }) {
     const t = useTranslation();
-    return (_jsxs("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", "data-testid": "mail-editor-center", children: [_jsx(MetaLine, { label: t("documentDesigner.mail.meta.subject"), testId: "mail-meta-subject", error: fieldErrors.subject, onFocusCapture: insert.markFocused("subject"), children: _jsx(PlaceholderLineEditor, { id: "mail-subject", value: draft.subject, onChange: (subject) => onChange({ subject }), variableLabels: vocabulary.labels, systemVariables: vocabulary.system, readOnly: readOnly, flat: true, onEditorReady: insert.register("subject"), "aria-label": t("documentDesigner.mail.meta.subject") }) }), _jsx(MetaLine, { label: t("documentDesigner.mail.meta.previewText"), testId: "mail-meta-preview-text", error: fieldErrors.previewText, onFocusCapture: insert.markFocused("previewText"), children: _jsx(PlaceholderLineEditor, { id: "mail-preview-text", value: draft.previewText, onChange: (previewText) => onChange({ previewText }), variableLabels: vocabulary.labels, systemVariables: vocabulary.system, readOnly: readOnly, flat: true, onEditorReady: insert.register("previewText"), "aria-label": t("documentDesigner.mail.meta.previewText") }) }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col", onFocusCapture: insert.markFocused("body"), "data-testid": "mail-content", children: _jsx(DocumentContentEditor, { id: "mail-body", value: draft.body, onChange: (body) => onChange({ body }), variables: vocabulary.names, readOnly: readOnly, blocks: MAIL_DOCUMENT_BLOCKS, variableLabels: vocabulary.labels, systemVariables: vocabulary.system, resourcePreviews: resourcePreviews, chrome: "canvas", renderPaper: renderMailPaper, onEditorReady: insert.register("body") }) })] }));
+    return (_jsxs("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", "data-testid": "mail-editor-center", children: [_jsx(MetaLine, { label: t("documentDesigner.mail.meta.subject"), testId: "mail-meta-subject", error: fieldErrors.subject, onFocusCapture: insert.markFocused("subject"), children: _jsx(PlaceholderLineEditor, { id: "mail-subject", value: draft.subject, onChange: (subject) => onChange({ subject }), variableLabels: vocabulary.labels, systemVariables: vocabulary.system, readOnly: readOnly, flat: true, onEditorReady: insert.register("subject"), "aria-label": t("documentDesigner.mail.meta.subject") }) }), _jsx(MetaLine, { label: t("documentDesigner.mail.meta.previewText"), testId: "mail-meta-preview-text", error: fieldErrors.previewText, onFocusCapture: insert.markFocused("previewText"), children: _jsx(PlaceholderLineEditor, { id: "mail-preview-text", value: draft.previewText, onChange: (previewText) => onChange({ previewText }), variableLabels: vocabulary.labels, systemVariables: vocabulary.system, readOnly: readOnly, flat: true, placeholder: t("documentDesigner.mail.meta.previewTextPlaceholder"), onEditorReady: insert.register("previewText"), "aria-label": t("documentDesigner.mail.meta.previewText") }) }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col", onFocusCapture: insert.markFocused("body"), "data-testid": "mail-content", children: _jsx(DocumentContentEditor, { id: "mail-body", value: draft.body, onChange: (body) => onChange({ body }), variables: vocabulary.names, readOnly: readOnly, blocks: MAIL_DOCUMENT_BLOCKS, variableLabels: vocabulary.labels, systemVariables: vocabulary.system, resourcePreviews: resourcePreviews, chrome: "canvas", renderPaper: renderMailPaper, onEditorReady: insert.register("body") }) })] }));
 }

package/dist/web/mail-editor-body.js

@@ -15,7 +15,7 @@ import { MissingLocaleCanvas } from "./mail-missing-locale.js";
 import { MailOriginBar } from "./mail-origin-bar.js";
 import { PdfLinkModal } from "./mail-pdf-link-modal.js";
 import { MailPreviewMode } from "./mail-preview.js";
-import { AttachmentSection, PropertiesSection, UsageSection } from "./mail-right-rail.js";
+import { AttachmentSection, ChromeSection, PropertiesSection, UsageSection, } from "./mail-right-rail.js";
 import { UploadModal } from "./mail-upload-modal.js";
 import { VersionsSection } from "./mail-versions.js";
 import { useInsertTargets } from "./use-insert-targets.js";
@@ -98,9 +98,8 @@ export function MailEditorBody(props) {
         !busy &&
         validation?.canPublish === true &&
         (dirty || creating || row?.status !== "active");
-    const persist = async (publish) => persistence.save(draft, publish);
     const saveAndReload = async (publish) => {
-        if (await persist(publish))
+        if ((await persistence.save(draft, publish)) !== "failed")
             await onReload();
     };
     const saveDraft = () => void saveAndReload(false);
@@ -174,7 +173,7 @@ export function MailEditorBody(props) {
     return (_jsxs(EditorFrame, { testId: "document-designer-mail-editor", children: [_jsx(EditorHeader, { title: title, stored: row === null ? null : { status: row.status, version: row.version }, actions: { busy, canSave, canPublish, onSave: saveDraft, onPublish: publish }, children: _jsx(EditorModeSwitch, { testIdPrefix: "mail", mode: mode, onMode: setMode }) }), mode === "edit" && (_jsx(MailOriginBar, { row: row, systemVersion: props.systemVersion, locale: locale, isSystemAdmin: isSystemAdmin, creating: creating, controls: controls, onReload: () => {
                     setResetError(null);
                     void onReload();
-                }, onResetError: setResetError })), testMail.state.kind === "sent" && (_jsx(Banner, { variant: "primary", testId: "mail-test-sent", children: t("documentDesigner.mail.testMail.sent", { subject: testMail.state.subject }) })), testMail.state.kind === "error" && (_jsx(Banner, { variant: "error", testId: "mail-test-error", children: testMail.state.text })), resetError !== null && (_jsx(Banner, { variant: "error", testId: "mail-reset-error", children: resetError })), resourceError !== null && (_jsx(Banner, { variant: "error", testId: "mail-resource-error", children: resourceError })), mode === "edit" ? (_jsx(EditorBody, { left: _jsxs(_Fragment, { children: [_jsx(PlaceholderSection, { validation: railValidation, onInsert: insert.insertPlaceholder }), _jsx(SystemPlaceholderSection, { validation: railValidation, onInsert: insert.insertPlaceholder }), _jsx(ResourceSection, { resources: resources, pdfTitles: pdfTitles, canUpload: uploadTemplateId !== null, onUpload: () => setUploadOpen(true), onInsert: insert.insertResource, onRemove: (key) => setDialog({ kind: "remove", key }) })] }), center: locked ? (_jsx(MissingLocaleCanvas, { slug: slug, locale: locale, fallbackLocale: props.fallbackLocale, copyScope: isSystemAdmin ? "system" : "tenant", onCreateBlank: () => setCreating(true), onCopied: () => void onReload() })) : (_jsx(MailEditCenter, { draft: draft, vocabulary: vocabulary, resourcePreviews: resourcePreviews, insert: insert, readOnly: false, fieldErrors: fieldErrors, onChange: update }, editorEpoch)), right: _jsxs(_Fragment, { children: [_jsx(PropertiesSection, { draft: draft, layouts: layouts.rows, onChange: update }), _jsx(AttachmentSection, { attachments: attachments, pdfTitles: pdfTitles, canEdit: uploadTemplateId !== null, onAddPdf: () => setPdfOpen(true), onRemove: (key) => setDialog({ kind: "remove", key }) }), _jsx(UsageSection, { slug: slug }), _jsx(VersionsSection, { rowId: row?.id ?? null, currentVersion: row?.version ?? 0, currentStatus: row?.status ?? "draft" })] }) })) : (_jsx(MailPreviewMode, { payload: {
+                }, onResetError: setResetError })), testMail.state.kind === "sent" && (_jsx(Banner, { variant: "primary", testId: "mail-test-sent", children: t("documentDesigner.mail.testMail.sent", { subject: testMail.state.subject }) })), testMail.state.kind === "error" && (_jsx(Banner, { variant: "error", testId: "mail-test-error", children: testMail.state.text })), resetError !== null && (_jsx(Banner, { variant: "error", testId: "mail-reset-error", children: resetError })), resourceError !== null && (_jsx(Banner, { variant: "error", testId: "mail-resource-error", children: resourceError })), mode === "edit" ? (_jsx(EditorBody, { left: _jsxs(_Fragment, { children: [_jsx(PlaceholderSection, { validation: railValidation, onInsert: insert.insertPlaceholder }), _jsx(SystemPlaceholderSection, { validation: railValidation, onInsert: insert.insertPlaceholder }), _jsx(ResourceSection, { resources: resources, pdfTitles: pdfTitles, canUpload: uploadTemplateId !== null, onUpload: () => setUploadOpen(true), onInsert: insert.insertResource, onRemove: (key) => setDialog({ kind: "remove", key }) })] }), center: locked ? (_jsx(MissingLocaleCanvas, { slug: slug, locale: locale, fallbackLocale: props.fallbackLocale, copyScope: isSystemAdmin ? "system" : "tenant", onCreateBlank: () => setCreating(true), onCopied: () => void onReload() })) : (_jsx(MailEditCenter, { draft: draft, vocabulary: vocabulary, resourcePreviews: resourcePreviews, insert: insert, readOnly: false, fieldErrors: fieldErrors, onChange: update }, editorEpoch)), right: _jsxs(_Fragment, { children: [_jsx(PropertiesSection, { draft: draft, layouts: layouts.rows, onChange: update }), _jsx(ChromeSection, { draft: draft, vocabulary: vocabulary, insert: insert, onChange: update }), _jsx(AttachmentSection, { attachments: attachments, pdfTitles: pdfTitles, canEdit: uploadTemplateId !== null, onAddPdf: () => setPdfOpen(true), onRemove: (key) => setDialog({ kind: "remove", key }) }), _jsx(UsageSection, { slug: slug }), _jsx(VersionsSection, { rowId: row?.id ?? null, currentVersion: row?.version ?? 0, currentStatus: row?.status ?? "draft" })] }) })) : (_jsx(MailPreviewMode, { payload: {
                     slug,
                     kind: "mail",
                     locale,
@@ -200,7 +199,7 @@ export function MailEditorBody(props) {
                     reset();
                     setDialog({ kind: "none" });
                 }, onRemove: removeResource, onLeaveSave: async (target) => {
-                    if (await persist(false))
+                    if ((await persistence.save(draft, false)) === "saved")
                         perform(target);
                 }, onLeaveDiscard: (target) => {
                     setDialog({ kind: "none" });

package/dist/web/mail-editor.js

@@ -1,18 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 // @runtime client
 import { TemplateResolverQueries } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
-import { useNav, useQuery, useUserRoles } from "@cosmicdrift/kumiko-renderer";
+import { useLocale, useNav, useQuery, useTranslation, useUserRoles, } from "@cosmicdrift/kumiko-renderer";
 import { LoadingState } from "@cosmicdrift/kumiko-renderer-web";
 import { useState } from "react";
 import { DEFAULT_TEMPLATE_LOCALES } from "../constants.js";
+import { defaultLocaleOf } from "./editor-locale.js";
 import { MailEditorBody } from "./mail-editor-body.js";
 import { useOverviewRows } from "./use-overview-rows.js";
-function defaultLocaleOf(appLocales, rowLocales) {
-    const preferred = appLocales[0] ?? DEFAULT_TEMPLATE_LOCALES[0] ?? "de";
-    if (rowLocales.length === 0 || rowLocales.includes(preferred))
-        return preferred;
-    return rowLocales[0] ?? preferred;
-}
+import { templateTitle } from "./used-by-label.js";
 function fallbackLocaleOf(locale, rowLocales) {
     const others = rowLocales.filter((candidate) => candidate !== locale);
     const preferred = DEFAULT_TEMPLATE_LOCALES[0];
@@ -25,6 +21,7 @@ function shownSummaryOf(summaries, slug, isSystemAdmin) {
     return (isSystemAdmin ? system : (tenant ?? system)) ?? null;
 }
 function MailEditorData({ slug, locale, locales, overviewRow, isSystemAdmin, onLocaleChange, refreshOverview, }) {
+    const t = useTranslation();
     const [generation, setGeneration] = useState(0);
     const list = useQuery(TemplateResolverQueries.list, {
         kind: "mail",
@@ -43,13 +40,14 @@ function MailEditorData({ slug, locale, locales, overviewRow, isSystemAdmin, onL
         setGeneration((current) => current + 1);
     };
     const rowLocales = overviewRow?.locales ?? [];
-    return (_jsx(MailEditorBody, { slug: slug, locale: locale, locales: locales, title: overviewRow?.title ?? slug, isSystemAdmin: isSystemAdmin, row: row, systemVersion: overviewRow?.systemVersion ?? null, fallbackLocale: fallbackLocaleOf(locale, rowLocales), onLocaleChange: onLocaleChange, onReload: reload, onRefreshRow: async () => {
+    return (_jsx(MailEditorBody, { slug: slug, locale: locale, locales: locales, title: overviewRow === null ? slug : templateTitle(t, overviewRow), isSystemAdmin: isSystemAdmin, row: row, systemVersion: overviewRow?.systemVersion ?? null, fallbackLocale: fallbackLocaleOf(locale, rowLocales), onLocaleChange: onLocaleChange, onReload: reload, onRefreshRow: async () => {
             await stored.refetch();
         } }, `${locale}|${generation}|${row?.id ?? "none"}`));
 }
 function MailEditorEntry({ appLocales }) {
     const nav = useNav();
     const roles = useUserRoles();
+    const uiLocale = useLocale().locale();
     const slug = nav.searchParams["slug"] ?? "";
     const overview = useOverviewRows("mail", slug);
     const [picked, setPicked] = useState(nav.searchParams["locale"] ?? null);
@@ -57,7 +55,7 @@ function MailEditorEntry({ appLocales }) {
         return _jsx(LoadingState, {});
     const overviewRow = overview.rows.find((candidate) => candidate.slug === slug) ?? null;
     const rowLocales = overviewRow?.locales ?? [];
-    const locale = picked ?? defaultLocaleOf(appLocales, rowLocales);
+    const locale = picked ?? defaultLocaleOf(uiLocale, appLocales, rowLocales);
     const locales = [...new Set([...appLocales, ...rowLocales])];
     return (_jsx(MailEditorData, { slug: slug, locale: locale, locales: locales, overviewRow: overviewRow, isSystemAdmin: roles?.includes("SystemAdmin") === true, onLocaleChange: setPicked, refreshOverview: overview.refetch }, locale));
 }

package/dist/web/mail-right-rail.d.ts

@@ -1,6 +1,8 @@
 import type { ReactNode } from "react";
+import type { EditorVocabulary } from "./mail-edit-center.js";
 import type { LinkedResourceView, MailDraft } from "./mail-types.js";
 import type { OverviewRowView } from "./overview-row.js";
+import type { InsertTargets } from "./use-insert-targets.js";
 export declare function layoutOptionLabel(t: (key: string, params?: Readonly<Record<string, unknown>>) => string, layout: OverviewRowView): string;
 export declare function AttachmentSection({ attachments, pdfTitles, canEdit, onAddPdf, onRemove, }: {
     readonly attachments: readonly LinkedResourceView[];
@@ -14,6 +16,12 @@ export declare function PropertiesSection({ draft, layouts, onChange, }: {
     readonly layouts: readonly OverviewRowView[];
     readonly onChange: (patch: Partial<MailDraft>) => void;
 }): ReactNode;
+export declare function ChromeSection({ draft, vocabulary, insert, onChange, }: {
+    readonly draft: MailDraft;
+    readonly vocabulary: EditorVocabulary;
+    readonly insert: InsertTargets;
+    readonly onChange: (patch: Partial<MailDraft>) => void;
+}): ReactNode;
 export declare function UsageSection({ slug }: {
     readonly slug: string;
 }): ReactNode;

package/dist/web/mail-right-rail.js

@@ -1,7 +1,8 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // @runtime client
-import { TemplateResolverQueries } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
+import { MAIL_TONES, PlaceholderLineEditor, TemplateResolverQueries, } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { usePrimitives, useQuery, useTranslation } from "@cosmicdrift/kumiko-renderer";
+import { isOneOf } from "@cosmicdrift/kumiko-types/type-guards";
 import { DEFAULT_LAYOUT_SLUG } from "../constants.js";
 import { RailField, RailHint, RailRow, RailSection } from "./rail.js";
 import { usageParts } from "./used-by-label.js";
@@ -14,6 +15,20 @@ export function layoutOptionLabel(t, layout) {
         ? "documentDesigner.mail.props.layoutTenant"
         : "documentDesigner.mail.props.layoutSystem", { title, version: layout.version });
 }
+// Without a stored default layout the renderer uses its built-in one, so the
+// select still needs an option for the value it shows.
+function layoutOptions(t, layouts) {
+    const stored = layouts.map((layout) => ({
+        value: layout.slug,
+        label: layoutOptionLabel(t, layout),
+    }));
+    return layouts.some((layout) => layout.slug === DEFAULT_LAYOUT_SLUG)
+        ? stored
+        : [
+            { value: DEFAULT_LAYOUT_SLUG, label: t("documentDesigner.mail.props.layoutBuiltIn") },
+            ...stored,
+        ];
+}
 function UsageRows({ slug }) {
     const t = useTranslation();
     const { data } = useQuery(TemplateResolverQueries.usage, {
@@ -43,14 +58,40 @@ export function PropertiesSection({ draft, layouts, onChange, }) {
     const { Field, Input } = usePrimitives();
     const layoutValue = draft.layoutSlug === "" ? DEFAULT_LAYOUT_SLUG : draft.layoutSlug;
     const categoryValue = draft.category === "" ? "transactional" : draft.category;
-    return (_jsxs(RailSection, { title: t("documentDesigner.mail.props.title"), testId: "mail-editor-properties", children: [_jsx(RailField, { children: _jsx(Field, { id: "mail-layout", label: t("documentDesigner.mail.props.layout"), children: _jsx(Input, { kind: "select", id: "mail-layout", name: "mail-layout", value: layoutValue, display: "dropdown", onChange: (next) => onChange({ layoutSlug: next }), options: layouts.map((layout) => ({
-                            value: layout.slug,
-                            label: layoutOptionLabel(t, layout),
-                        })) }) }) }), _jsx(RailField, { children: _jsx(Field, { id: "mail-sender", label: t("documentDesigner.mail.props.sender"), children: _jsx(Input, { kind: "text", id: "mail-sender", name: "mail-sender", testId: "mail-sender", value: draft.senderName, onChange: (next) => onChange({ senderName: next }), placeholder: t("documentDesigner.mail.props.senderPlaceholder") }) }) }), _jsx(RailHint, { children: t("documentDesigner.mail.props.senderHint") }), _jsx(RailField, { children: _jsx(Field, { id: "mail-reply-to", label: t("documentDesigner.mail.props.replyTo"), children: _jsx(Input, { kind: "email", id: "mail-reply-to", name: "mail-reply-to", testId: "mail-reply-to", value: draft.replyTo, onChange: (next) => onChange({ replyTo: next }) }) }) }), _jsx(RailField, { children: _jsx(Field, { id: "mail-category", label: t("documentDesigner.mail.props.category"), children: _jsx(Input, { kind: "select", id: "mail-category", name: "mail-category", value: categoryValue, display: "dropdown", onChange: (next) => onChange({ category: next === "marketing" ? "marketing" : "transactional" }), options: [
+    return (_jsxs(RailSection, { title: t("documentDesigner.mail.props.title"), testId: "mail-editor-properties", children: [_jsx(RailField, { children: _jsx(Field, { id: "mail-layout", label: t("documentDesigner.mail.props.layout"), children: _jsx(Input, { kind: "select", id: "mail-layout", name: "mail-layout", value: layoutValue, display: "dropdown", onChange: (next) => onChange({ layoutSlug: next }), options: layoutOptions(t, layouts) }) }) }), _jsx(RailField, { children: _jsx(Field, { id: "mail-sender", label: t("documentDesigner.mail.props.sender"), children: _jsx(Input, { kind: "text", id: "mail-sender", name: "mail-sender", testId: "mail-sender", value: draft.senderName, onChange: (next) => onChange({ senderName: next }), placeholder: t("documentDesigner.mail.props.senderPlaceholder") }) }) }), _jsx(RailHint, { children: t("documentDesigner.mail.props.senderHint") }), _jsx(RailField, { children: _jsx(Field, { id: "mail-reply-to", label: t("documentDesigner.mail.props.replyTo"), children: _jsx(Input, { kind: "email", id: "mail-reply-to", name: "mail-reply-to", testId: "mail-reply-to", value: draft.replyTo, onChange: (next) => onChange({ replyTo: next }) }) }) }), _jsx(RailField, { children: _jsx(Field, { id: "mail-category", label: t("documentDesigner.mail.props.category"), children: _jsx(Input, { kind: "select", id: "mail-category", name: "mail-category", value: categoryValue, display: "dropdown", onChange: (next) => onChange({ category: next === "marketing" ? "marketing" : "transactional" }), options: [
                             { value: "transactional", label: t("documentDesigner.mail.props.transactional") },
                             { value: "marketing", label: t("documentDesigner.mail.props.marketing") },
                         ] }) }) }), _jsx(RailHint, { children: t("documentDesigner.mail.props.categoryHint") })] }));
 }
+const TONE_LABEL_KEYS = {
+    accent: "documentDesigner.mail.chrome.toneAccent",
+    info: "documentDesigner.mail.chrome.toneInfo",
+    success: "documentDesigner.mail.chrome.toneSuccess",
+    warning: "documentDesigner.mail.chrome.toneWarning",
+    danger: "documentDesigner.mail.chrome.toneDanger",
+    neutral: "documentDesigner.mail.chrome.toneNeutral",
+};
+// The stored tone may be a placeholder that resolves per mail; the select keeps it as its own
+// option so opening the template never silently drops it.
+function toneOptions(t, current) {
+    const fixed = MAIL_TONES.map((tone) => ({ value: tone, label: t(TONE_LABEL_KEYS[tone]) }));
+    return current === "" || isOneOf(MAIL_TONES, current)
+        ? fixed
+        : [
+            ...fixed,
+            {
+                value: current,
+                label: t("documentDesigner.mail.chrome.toneFromPlaceholder", { value: current }),
+            },
+        ];
+}
+export function ChromeSection({ draft, vocabulary, insert, onChange, }) {
+    const t = useTranslation();
+    const { Field, Input } = usePrimitives();
+    // "accent" is the renderer default, so it is stored as an empty value.
+    const toneValue = draft.tone === "" ? "accent" : draft.tone;
+    return (_jsxs(RailSection, { title: t("documentDesigner.mail.chrome.title"), testId: "mail-editor-chrome", children: [_jsx(RailField, { children: _jsx(Field, { id: "mail-header-chip", label: t("documentDesigner.mail.chrome.headerChip"), children: _jsx("div", { onFocusCapture: insert.markFocused("headerChip"), "data-testid": "mail-header-chip", children: _jsx(PlaceholderLineEditor, { id: "mail-header-chip", value: draft.headerChip, onChange: (headerChip) => onChange({ headerChip }), variableLabels: vocabulary.labels, systemVariables: vocabulary.system, placeholder: t("documentDesigner.mail.chrome.headerChipPlaceholder"), onEditorReady: insert.register("headerChip"), "aria-label": t("documentDesigner.mail.chrome.headerChip") }) }) }) }), _jsx(RailField, { children: _jsx(Field, { id: "mail-tone", label: t("documentDesigner.mail.chrome.tone"), children: _jsx(Input, { kind: "select", id: "mail-tone", name: "mail-tone", value: toneValue, display: "dropdown", onChange: (next) => onChange({ tone: next === "accent" ? "" : next }), options: toneOptions(t, draft.tone) }) }) }), _jsx(RailField, { children: _jsx(Field, { id: "mail-footer-note", label: t("documentDesigner.mail.chrome.footerNote"), children: _jsx("div", { onFocusCapture: insert.markFocused("footerNote"), "data-testid": "mail-footer-note", children: _jsx(PlaceholderLineEditor, { id: "mail-footer-note", value: draft.footerNote, onChange: (footerNote) => onChange({ footerNote }), variableLabels: vocabulary.labels, systemVariables: vocabulary.system, placeholder: t("documentDesigner.mail.chrome.footerNotePlaceholder"), onEditorReady: insert.register("footerNote"), "aria-label": t("documentDesigner.mail.chrome.footerNote") }) }) }) }), _jsx(RailHint, { children: t("documentDesigner.mail.chrome.hint") })] }));
+}
 export function UsageSection({ slug }) {
     const t = useTranslation();
     return (_jsxs(RailSection, { title: t("documentDesigner.mail.usage.title"), testId: "mail-editor-usage", children: [_jsx(UsageRows, { slug: slug }), _jsx(RailHint, { children: t("documentDesigner.mail.usage.hint") })] }));

package/dist/web/mail-types.d.ts

@@ -92,6 +92,10 @@ export type MailDraft = {
     readonly category: MailCategory;
     readonly senderName: string;
     readonly replyTo: string;
+    /** Meta lines without rail fields yet; carried so a tenant save keeps them. */
+    readonly headerChip: string;
+    readonly tone: string;
+    readonly footerNote: string;
     readonly body: string;
 };
 export type LinkedResourceView = {

package/dist/web/mail-upload-modal.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // @runtime client
 import { TemplateResolverHandlers } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { dispatcherErrorText, useMutation, usePrimitives, useTranslation, } from "@cosmicdrift/kumiko-renderer";
-import { useState } from "react";
+import { useRef, useState } from "react";
 import { fetchStoredFileName } from "./file-name.js";
 import { uniqueResourceKey } from "./mail-draft.js";
 const IMAGE_ACCEPT = ["image/png", "image/jpeg", "image/gif", "image/webp"];
@@ -11,6 +11,12 @@ function useResourceUpload(target) {
     const resourceUpload = useMutation(TemplateResolverHandlers.resourceUpload);
     const [error, setError] = useState(null);
     const [busy, setBusy] = useState(false);
+    // takenKeys only refreshes after the fire-and-forget row refetch, so keys handed out
+    // here must be remembered or a quick second upload of the same file name collides.
+    const uploadedKeys = useRef({
+        templateId: target.templateId,
+        keys: new Set(),
+    });
     const upload = async (fileRefId, purpose) => {
         if (fileRefId === null)
             return;
@@ -22,7 +28,10 @@ function useResourceUpload(target) {
                 setError(t("documentDesigner.mail.upload.noFileName"));
                 return;
             }
-            const key = uniqueResourceKey(fileName, target.takenKeys);
+            if (uploadedKeys.current.templateId !== target.templateId) {
+                uploadedKeys.current = { templateId: target.templateId, keys: new Set() };
+            }
+            const key = uniqueResourceKey(fileName, [...target.takenKeys, ...uploadedKeys.current.keys]);
             const result = await resourceUpload.mutate({
                 sourceFileRefId: fileRefId,
                 templateId: target.templateId,
@@ -34,6 +43,7 @@ function useResourceUpload(target) {
                 setError(dispatcherErrorText(result.error, t));
                 return;
             }
+            uploadedKeys.current.keys.add(key);
             target.onUploaded({ key, purpose });
         }
         finally {

package/dist/web/page-canvas.d.ts

@@ -13,7 +13,7 @@ export type PageCanvasProps = {
     readonly systemLabels: Readonly<Record<string, string>>;
     readonly variableNames: readonly string[];
     readonly resourcePreviews: Readonly<Record<string, DocumentResourcePreview>>;
-    readonly onEditorReady: (handle: DocumentEditorHandle) => void;
+    readonly onEditorReady: (handle: DocumentEditorHandle | null) => void;
     readonly resourceSrc?: (key: string) => string | undefined;
 };
 export declare function PageCanvas(props: PageCanvasProps): ReactNode;

package/dist/web/pdf-template-editor.js

@@ -24,6 +24,7 @@ import { localesOf, parseJsonObject, pickRow, resolveLocale } from "./template-r
 import { DEFAULT_LAYOUT_SLUG, DOCUMENT_PDF_KIND, PDF_LAYOUT_KIND, } from "./types.js";
 import { useInsertTargets } from "./use-insert-targets.js";
 import { useOverviewRows } from "./use-overview-rows.js";
+import { templateTitle } from "./used-by-label.js";
 const SETTLE_MS = 500;
 const NO_VARIABLES = {};
 // Opening the preview prints the page without a click; a failed print is not retried for the same draft.
@@ -262,7 +263,7 @@ export function PdfTemplateEditor({ slug, locale: requestedLocale, onLocaleChang
     const overrideCount = (overridesQuery.data?.activeOverrides ?? 0) + (overridesQuery.data?.draftOverrides ?? 0);
     const resourceKeys = Object.keys(parseJsonObject(detail.linkedResources));
     const overviewRow = overview.rows.find((candidate) => candidate.slug === slug);
-    const title = overviewRow?.title ?? slug;
+    const title = overviewRow === undefined ? slug : templateTitle(t, overviewRow);
     const systemVersion = overviewRow?.systemVersion ?? null;
     const vocabulary = {
         names: variableNames,

package/dist/web/use-debounced-value.d.ts

@@ -0,0 +1 @@
+export declare function useDebouncedValue<T>(value: T, delayMs: number): T;

package/dist/web/use-debounced-value.js

@@ -0,0 +1,11 @@
+import { useEffect, useState } from "react";
+// Unlike useDeferredValue this waits for a quiet period, so a burst of
+// keystrokes triggers one server round-trip instead of one per keystroke.
+export function useDebouncedValue(value, delayMs) {
+    const [debounced, setDebounced] = useState(value);
+    useEffect(() => {
+        const timer = setTimeout(() => setDebounced(value), delayMs);
+        return () => clearTimeout(timer);
+    }, [value, delayMs]);
+    return debounced;
+}

package/dist/web/use-insert-targets.d.ts

@@ -1,7 +1,7 @@
 import type { DocumentEditorHandle } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
-export type InsertField = "subject" | "previewText" | "body" | "title" | "author";
+export type InsertField = "subject" | "previewText" | "headerChip" | "footerNote" | "body" | "title" | "author";
 export type InsertTargets = {
-    readonly register: (field: InsertField) => (handle: DocumentEditorHandle) => void;
+    readonly register: (field: InsertField) => (handle: DocumentEditorHandle | null) => void;
     readonly markFocused: (field: InsertField) => () => void;
     readonly insertPlaceholder: (name: string) => void;
     readonly insertResource: (key: string) => void;

package/dist/web/use-insert-targets.js

@@ -6,7 +6,10 @@ export function useInsertTargets() {
     const lastFocused = useRef("body");
     return {
         register: (field) => (handle) => {
-            handles.current[field] = handle;
+            if (handle === null)
+                delete handles.current[field];
+            else
+                handles.current[field] = handle;
         },
         markFocused: (field) => () => {
             lastFocused.current = field;

package/dist/web/use-mail-persistence.d.ts

@@ -1,6 +1,7 @@
 import type { MailDraft, TemplateRowView } from "./mail-types.js";
+export type SaveOutcome = "saved" | "saved-not-published" | "failed";
 export type MailPersistence = {
-    readonly save: (draft: MailDraft, publish: boolean) => Promise<boolean>;
+    readonly save: (draft: MailDraft, publish: boolean) => Promise<SaveOutcome>;
     readonly busy: boolean;
     readonly error: string | null;
     readonly clearError: () => void;

package/dist/web/use-mail-persistence.js

@@ -29,16 +29,16 @@ export function useMailPersistence(args) {
             : await upsertTenant.mutate({ ...base, status: publish ? "active" : "draft" });
         if (!saved.isSuccess) {
             setError(errorTextWithFieldIssues(saved.error, t));
-            return false;
+            return "failed";
         }
         if (args.isSystemAdmin && publish) {
             const published = await publishSystem.mutate({ id: saved.data.id });
             if (!published.isSuccess) {
                 setError(errorTextWithFieldIssues(published.error, t));
-                return false;
+                return "saved-not-published";
             }
         }
-        return true;
+        return "saved";
     };
     return {
         save,

package/dist/web/used-by-label.d.ts

@@ -1,5 +1,6 @@
 import type { OverviewRowView, OverviewUsageView } from "./overview-row.js";
 type Translate = (key: string, params?: Readonly<Record<string, unknown>>) => string;
+export declare function templateTitle(t: Translate, row: Pick<OverviewRowView, "title" | "slug" | "kind">): string;
 export declare function usageParts(t: Translate, usage: OverviewUsageView): {
     readonly feature: string;
     readonly notification: string;

package/dist/web/used-by-label.js

@@ -5,6 +5,17 @@ function translateOrRaw(t, key, raw) {
     const translated = t(key);
     return translated === key ? raw : translated;
 }
+const NOTIFICATION_SLUG = /^([^:]+):notify:([^:]+)$/;
+// A seeded system mail has no stored title, so its notification label from the
+// owning feature names it; the slug stays the last resort.
+export function templateTitle(t, row) {
+    if (row.title !== row.slug)
+        return row.title;
+    const match = row.kind === "mail" ? NOTIFICATION_SLUG.exec(row.slug) : null;
+    if (match === null)
+        return row.slug;
+    return usageParts(t, { feature: match[1] ?? "", notification: match[2] ?? "" }).notification;
+}
 export function usageParts(t, usage) {
     return {
         feature: translateOrRaw(t, `${usage.feature}:feature.label`, usage.feature),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-document-designer",
-  "version": "0.364.0",
+  "version": "0.365.1",
   "description": "Document designer for Kumiko: template overview, layout editor (mail layout, PDF letterhead) and the PDF template editor.",
   "license": "BUSL-1.1",
   "author": "Marc Frost <marc@cosmicdriftgamestudio.com>",
@@ -19,13 +19,13 @@
     }
   },
   "dependencies": {
-    "@cosmicdrift/kumiko-bundled-features": "0.364.0",
-    "@cosmicdrift/kumiko-framework": "0.364.0",
-    "@cosmicdrift/kumiko-headless": "0.364.0",
-    "@cosmicdrift/kumiko-renderer": "0.364.0",
-    "@cosmicdrift/kumiko-renderer-puppeteer-client": "0.364.0",
-    "@cosmicdrift/kumiko-renderer-web": "0.364.0",
-    "@cosmicdrift/kumiko-types": "0.364.0",
+    "@cosmicdrift/kumiko-bundled-features": "0.365.1",
+    "@cosmicdrift/kumiko-framework": "0.365.1",
+    "@cosmicdrift/kumiko-headless": "0.365.1",
+    "@cosmicdrift/kumiko-renderer": "0.365.1",
+    "@cosmicdrift/kumiko-renderer-puppeteer-client": "0.365.1",
+    "@cosmicdrift/kumiko-renderer-web": "0.365.1",
+    "@cosmicdrift/kumiko-types": "0.365.1",
     "pdfjs-dist": "6.3.289",
     "react": "^19.2.6"
   },

package/src/changes.json

@@ -1,4 +1,28 @@
 [
+  {
+    "version": "0.365.0",
+    "type": "improvement",
+    "title": "Seeded mails show readable titles and the editor opens in the UI language",
+    "detail": "A mail template without a stored title is named by its notification label (<feature>:notify.<name>.label) in the overview and the editor header instead of its slug. The mail editor opens on the UI language, or its base language, when the template has it, and falls back to the previous choice otherwise. The layout select offers the built-in standard layout when no default layout is stored, and the preview text field shows a hint while empty."
+  },
+  {
+    "version": "0.365.0",
+    "type": "fix",
+    "title": "Layout editor no longer asks for the platform override counts after a tenant save",
+    "detail": "Saving or resetting a layout as tenant admin refetched the tenant-overrides query, which only the platform admin may read, so every save logged a 403. The reload now refetches it only for the platform admin."
+  },
+  {
+    "version": "0.365.0",
+    "type": "improvement",
+    "title": "Mail editor rail edits header chip, tone and footer note",
+    "detail": "The properties rail of the mail editor has a section \"Kopf und Fuß\" with the header chip and the footer note as placeholder lines and the tone as a select (accent, info, success, warning, danger, neutral). The values are saved in the mail meta and show in the preview right away. A tone stored as placeholder stays as its own option; the accent tone is stored as no tone. template-resolver/web exports MAIL_TONES and MailTone."
+  },
+  {
+    "version": "0.365.0",
+    "type": "fix",
+    "title": "Debounced layout validation, collision-free resource keys and reload after a half-finished system publish",
+    "detail": "The layout editor sent a validate query (with an MJML compile) on every change; it now waits 400 ms after the last edit. A second upload with the same file name before the row refetch finished reused the first key; keys handed out earlier are now remembered. When a SystemAdmin saved a mail version but publishing it failed, the editor kept the old state with the error shown; it now reloads so the stored version is visible."
+  },
   {
     "version": "0.364.0",
     "type": "improvement",