@cosmicdrift/kumiko-document-designer 0.363.0 → 0.365.0

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

@@ -3,36 +3,48 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 import { TemplateResolverHandlers, TemplateResolverQueries, } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { useDispatcher, usePrimitives, useQuery, useTranslation, useUserRoles, } from "@cosmicdrift/kumiko-renderer";
 import { RendererPuppeteerClientQueries } from "@cosmicdrift/kumiko-renderer-puppeteer-client/qualified-names";
-import { ErrorState, LoadingState, ModeSwitch, StatusBadge, uploadFileRef, } from "@cosmicdrift/kumiko-renderer-web";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { ErrorState, LoadingState, uploadFileRef } from "@cosmicdrift/kumiko-renderer-web";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { BRANDING_QUERY_QN } from "../constants.js";
+import { EditorHeader, EditorLocaleSwitch, EditorModeSwitch, originOf, } from "./editor-header.js";
+import { EditorBody, EditorFooter, EditorFrame, EditorInfoBar } from "./editor-shell.js";
 import { describeError, isAlreadyActive } from "./errors.js";
+import { fileUrl } from "./file-name.js";
+import { systemLabelMap, variableLabelMap } from "./mail-draft.js";
+import { PlaceholderSection, SystemPlaceholderSection } from "./mail-left-rail.js";
 import { OverridesDrawer } from "./overrides-drawer.js";
 import { PageCanvas } from "./page-canvas.js";
+import { pdfFooterMessage } from "./pdf-footer.js";
+import { PdfResourceSection, visibleSystemPlaceholders } from "./pdf-left-rail.js";
 import { EMPTY_PDF_META, parsePdfMeta, serializePdfMeta } from "./pdf-meta.js";
 import { PdfPreview } from "./pdf-preview.js";
-import { PlaceholderPanel, visibleSystemPlaceholders, } from "./placeholder-panel.js";
 import { SettingsPanel } from "./settings-panel.js";
+import { draftBesideActiveSentence } from "./status-label.js";
 import { localesOf, parseJsonObject, pickRow, resolveLocale } from "./template-rows.js";
 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 = {};
-const SYSTEM_LABEL_NAMES = ["tenantName", "imprint", "signature", "page", "pages"];
-// Page numbers share one row in the panel; "pages" is inserted with "page".
-const MERGED_SYSTEM_PLACEHOLDERS = new Set(["pages"]);
+// Opening the preview prints the page without a click; a failed print is not retried for the same draft.
+function RunOnMount({ run }) {
+    useEffect(() => {
+        run();
+    }, [run]);
+    return null;
+}
 const draftFromDetail = (detail) => ({
     content: detail.content,
     meta: parsePdfMeta(detail.meta),
 });
 const snapshotOf = (draft) => JSON.stringify({ content: draft.content, meta: serializePdfMeta(draft.meta) });
-function formatSize(bytes) {
-    return bytes < 1024 * 1024
-        ? `${Math.max(1, Math.round(bytes / 1024))} KB`
-        : `${(bytes / 1024 / 1024).toFixed(1)} MB`;
-}
 export function PdfTemplateEditor({ slug, locale: requestedLocale, onLocaleChange, }) {
     const t = useTranslation();
     const dispatcher = useDispatcher();
     const { Button, Banner, Dialog } = usePrimitives();
+    const insert = useInsertTargets();
+    const overview = useOverviewRows(DOCUMENT_PDF_KIND);
     const roles = useUserRoles();
     const scope = roles?.includes("SystemAdmin") === true ? "system" : "tenant";
     const rowsQuery = useQuery(TemplateResolverQueries.list, {
@@ -61,11 +73,12 @@ export function PdfTemplateEditor({ slug, locale: requestedLocale, onLocaleChang
             clearTimeout(settleTimer.current);
     }, []);
     const [overridesOpen, setOverridesOpen] = useState(false);
-    const editorHandle = useRef(null);
+    const [draftEpoch, setDraftEpoch] = useState(0);
     const [mode, setMode] = useState("edit");
     const [busy, setBusy] = useState(null);
     const [actionError, setActionError] = useState(null);
     const [generated, setGenerated] = useState(null);
+    const autoPrintedFor = useRef(null);
     const [pendingLocale, setPendingLocale] = useState(null);
     const variableSchema = useMemo(() => parseJsonObject(detail?.variableSchema ?? null), [detail?.variableSchema]);
     const settledMeta = current === null ? null : serializePdfMeta(current.settled.meta);
@@ -90,35 +103,25 @@ export function PdfTemplateEditor({ slug, locale: requestedLocale, onLocaleChang
         variableSchema,
     }, { enabled: detail !== null });
     const layout = previewQuery.error === null ? (previewQuery.data?.layout ?? null) : null;
-    const layoutsQuery = useQuery(TemplateResolverQueries.list, {
-        kind: PDF_LAYOUT_KIND,
-        locale,
-    });
-    const layoutSlugs = [
-        ...new Set((layoutsQuery.data ?? []).map((layoutRow) => layoutRow.slug)),
-    ].sort();
+    const layouts = useOverviewRows(PDF_LAYOUT_KIND);
+    // The built-in "logo" resource of a layout is the tenant's branding logo.
+    const branding = useQuery(BRANDING_QUERY_QN, {});
+    const brandingLogoFile = branding.data?.logoFile ?? "";
     const statusQuery = useQuery(RendererPuppeteerClientQueries.status, {});
     const pdfAvailable = statusQuery.error === null && statusQuery.data?.available === true;
     const unavailableMessage = statusQuery.data?.available === false ? (statusQuery.data.message ?? "") : "";
     const showOrigin = scope === "system";
     const overridesQuery = useQuery(TemplateResolverQueries.tenantOverrides, { slug, kind: DOCUMENT_PDF_KIND, locale }, { enabled: showOrigin && detail !== null });
     const variables = validation?.variables ?? NO_VARIABLES;
-    const systemLabel = useCallback((name) => {
-        const label = t(`documentDesigner.system.${name}`);
-        return label === `documentDesigner.system.${name}` ? name : label;
-    }, [t]);
-    const variableLabels = useMemo(() => Object.fromEntries(Object.entries(variables).flatMap(([name, info]) => info.label === undefined ? [] : [[name, info.label]])), [variables]);
-    const systemLabels = useMemo(() => Object.fromEntries(SYSTEM_LABEL_NAMES.map((name) => [name, systemLabel(name)])), [systemLabel]);
     const systemVariables = useMemo(() => visibleSystemPlaceholders(validation?.systemPlaceholders ?? []), [validation?.systemPlaceholders]);
+    const systemLabels = useMemo(() => systemLabelMap(t, systemVariables), [t, systemVariables]);
+    const variableLabels = useMemo(() => ({ ...systemLabels, ...variableLabelMap(variables) }), [systemLabels, variables]);
     const variableNames = useMemo(() => Object.keys(variables), [variables]);
     const linkedResources = detail?.linkedResources ?? null;
     // The editor shows resource images from the stored copies; no extra request is made here.
     const resourcePreviews = useMemo(() => Object.fromEntries(Object.entries(parseJsonObject(linkedResources)).flatMap(([key, fileRefId]) => typeof fileRefId === "string"
         ? [[key, { src: `/api/files/${encodeURIComponent(fileRefId)}`, caption: key }]]
         : [])), [linkedResources]);
-    const onEditorReady = useCallback((handle) => {
-        editorHandle.current = handle;
-    }, []);
     if (rowsQuery.loading && rowsQuery.data === null)
         return _jsx(LoadingState, {});
     if (rowsQuery.error !== null)
@@ -143,6 +146,7 @@ export function PdfTemplateEditor({ slug, locale: requestedLocale, onLocaleChang
         if (settleTimer.current !== null)
             clearTimeout(settleTimer.current);
         setState({ key: source.id, draft, settled: draft, snapshot: snapshotOf(draft) });
+        setDraftEpoch((epoch) => epoch + 1);
         setActionError(null);
     }
     async function reload() {
@@ -220,10 +224,11 @@ export function PdfTemplateEditor({ slug, locale: requestedLocale, onLocaleChang
             setActionError(describeError(t, result.error));
         setBusy(null);
     }
-    function switchMode(next) {
-        setMode(next);
-        if (next === "preview" && pdfAvailable && !generatedFresh && busy === null)
-            void generatePdf();
+    function printOnce() {
+        if (current === null || autoPrintedFor.current === snapshotOf(current.draft))
+            return;
+        autoPrintedFor.current = snapshotOf(current.draft);
+        void generatePdf();
     }
     async function uploadResource(file) {
         const sourceFileRefId = await uploadFileRef(file);
@@ -243,53 +248,63 @@ export function PdfTemplateEditor({ slug, locale: requestedLocale, onLocaleChang
         else
             onLocaleChange?.(next);
     }
-    const used = validation?.used ?? [];
-    const missingRequired = validation?.missingRequired ?? [];
-    const layoutName = layout?.slug ?? DEFAULT_LAYOUT_SLUG;
-    const systemNames = visibleSystemPlaceholders(validation?.systemPlaceholders ?? []).filter((name) => !MERGED_SYSTEM_PLACEHOLDERS.has(name));
-    const systemRows = systemNames.map((name) => ({
-        name,
-        label: systemLabel(name),
-        status: used.includes(name)
-            ? "used"
-            : layout !== null &&
-                (layout.html.includes(`data-variable="${name}"`) || layout.html.includes(`{{${name}}}`))
-                ? "layout"
-                : "unused",
-    }));
-    const overrideCount = (overridesQuery.data?.activeOverrides ?? 0) + (overridesQuery.data?.draftOverrides ?? 0);
     const canPublish = validation?.canPublish === true;
-    const issueTexts = [...(validation?.issues ?? []), ...(validation?.publishIssues ?? [])].map((issue) => t(issue.i18nKey, issue.params));
+    const layoutSlugShown = layout?.slug ?? DEFAULT_LAYOUT_SLUG;
+    const layoutName = layouts.rows.find((row) => row.slug === layoutSlugShown)?.title ?? layoutSlugShown;
+    const layoutResourceSrc = (key) => key === "logo" && brandingLogoFile !== "" ? fileUrl(brandingLogoFile) : undefined;
+    const placeholderSource = validation === undefined || validation === null
+        ? null
+        : {
+            ...validation,
+            systemPlaceholders: visibleSystemPlaceholders(validation.systemPlaceholders),
+        };
+    const layoutFills = (name) => layout !== null &&
+        (layout.html.includes(`data-variable="${name}"`) || layout.html.includes(`{{${name}}}`));
+    const overrideCount = (overridesQuery.data?.activeOverrides ?? 0) + (overridesQuery.data?.draftOverrides ?? 0);
     const resourceKeys = Object.keys(parseJsonObject(detail.linkedResources));
-    const actions = (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "ghost", disabled: !dirty || busy !== null, onClick: () => resetDraft(detail), children: t("documentDesigner.actions.discard") }), _jsx(Button, { variant: "secondary", disabled: busy !== null || validation?.canSave === false, loading: busy === "save", onClick: () => void save(), children: t("documentDesigner.actions.save") }), _jsx(Button, { variant: "primary", disabled: busy !== null || !canPublish, loading: busy === "publish", onClick: () => void publish(), children: t("documentDesigner.actions.publish") })] }));
-    return (_jsxs("div", { className: "flex flex-col gap-3", "data-testid": "pdf-template-editor", children: [_jsxs("header", { className: "flex flex-wrap items-center gap-3", children: [_jsxs("nav", { className: "text-sm text-muted-foreground", children: [scope === "system" ? `${t("documentDesigner.breadcrumb.platform")} › ` : "", t("documentDesigner.breadcrumb.templates"), " \u203A", " ", _jsx("span", { className: "text-foreground", children: slug })] }), _jsx(StatusBadge, { tone: detail.status === "active" ? "ok" : "warn", children: t(detail.status === "active"
-                            ? "documentDesigner.status.activeVersion"
-                            : "documentDesigner.status.draftVersion", { version: detail.version }) }), _jsx(StatusBadge, { tone: "muted", children: t(detail.scope === "system"
-                            ? "documentDesigner.origin.system"
-                            : "documentDesigner.origin.tenant") }), _jsx(ModeSwitch, { ariaLabel: t("documentDesigner.locale"), value: locale, onChange: requestLocale, options: (locales.length > 0 ? locales : [locale]).map((value) => ({
-                            value,
-                            label: value.toUpperCase(),
-                        })) }), _jsx(ModeSwitch, { ariaLabel: t("documentDesigner.mode.label"), variant: "pill", value: mode, onChange: switchMode, options: [
-                            { value: "edit", label: t("documentDesigner.mode.edit") },
-                            { value: "preview", label: t("documentDesigner.mode.preview") },
-                        ] }), _jsxs("div", { className: "ml-auto flex items-center gap-2", children: [_jsx(Button, { variant: "secondary", disabled: !pdfAvailable || busy !== null, loading: busy === "pdf", onClick: () => void generatePdf(), children: t("documentDesigner.actions.generatePdf") }), actions] })] }), showOrigin && detail.scope === "system" && (_jsx(Banner, { variant: "info", actions: _jsxs("div", { className: "flex flex-wrap items-center gap-4", children: [_jsx(Button, { variant: "link", onClick: () => void exportBundle(), children: t("documentDesigner.originBar.export") }), _jsx(Button, { variant: "link", onClick: () => setOverridesOpen(true), children: t("documentDesigner.originBar.showOverrides") })] }), children: overridesQuery.data?.totalTenants == null
-                    ? t("documentDesigner.originBar.noTotal", { count: overrideCount })
-                    : t("documentDesigner.originBar.withTotal", {
-                        count: overrideCount,
-                        total: overridesQuery.data.totalTenants,
-                    }) })), _jsx(OverridesDrawer, { open: overridesOpen, onOpenChange: setOverridesOpen, slug: slug, overrides: overridesQuery.data }), !pdfAvailable && statusQuery.loading === false && (_jsx(Banner, { variant: "warning", children: t("documentDesigner.pdfUnavailable", { message: unavailableMessage }) })), actionError !== null && _jsx(Banner, { variant: "error", children: actionError }), _jsxs("div", { className: "grid grid-cols-[260px_minmax(0,1fr)_300px] items-start gap-4", children: [_jsx(PlaceholderPanel, { variables: variables, used: used, missingRequired: missingRequired, systemRows: systemRows, resourceKeys: resourceKeys, canUpload: detail.scope === scope, layoutName: layoutName, onInsert: (name) => editorHandle.current?.insertPlaceholder(name), onInsertResource: (key) => editorHandle.current?.insertResource(key), onUpload: uploadResource }), mode === "edit" ? (_jsx(PageCanvas, { meta: current.draft.meta, content: current.draft.content, onContentChange: (content) => updateDraft({ ...current.draft, content }), regions: layout?.regions ?? null, layoutName: layoutName, variableLabels: variableLabels, systemVariables: systemVariables, systemLabels: systemLabels, variableNames: variableNames, resourcePreviews: resourcePreviews, onEditorReady: onEditorReady })) : generated !== null && generatedFresh ? (_jsx(PdfPreview, { pdfBase64: generated.result.pdfBase64 })) : (_jsxs("div", { className: "flex flex-col items-start gap-3 bg-muted p-6", "data-testid": "document-designer-preview-stale", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: busy === "pdf"
+    const overviewRow = overview.rows.find((candidate) => candidate.slug === slug);
+    const title = overviewRow === undefined ? slug : templateTitle(t, overviewRow);
+    const systemVersion = overviewRow?.systemVersion ?? null;
+    const vocabulary = {
+        names: variableNames,
+        labels: variableLabels,
+        system: systemVariables,
+    };
+    const footer = validation === undefined || validation === null
+        ? null
+        : pdfFooterMessage(t, validation, generated === null
+            ? null
+            : {
+                pages: generated.result.pageCount,
+                sizeBytes: generated.result.sizeBytes,
+                durationMs: generated.result.durationMs,
+            });
+    const showOverrideLinks = showOrigin && detail.scope === "system";
+    const originText = showOverrideLinks
+        ? overridesQuery.data?.totalTenants == null
+            ? t("documentDesigner.originBar.noTotal", { count: overrideCount })
+            : t("documentDesigner.originBar.withTotal", {
+                count: overrideCount,
+                total: overridesQuery.data.totalTenants,
+            })
+        : detail.scope === "system"
+            ? t("documentDesigner.mail.origin.system", { version: detail.version })
+            : systemVersion === null
+                ? t("documentDesigner.mail.origin.tenantOnly")
+                : t("documentDesigner.mail.origin.overrides", { version: systemVersion });
+    const besideActiveSentence = draftBesideActiveSentence(t, detail);
+    const pdfUnavailableNote = !pdfAvailable && statusQuery.loading === false;
+    return (_jsxs(EditorFrame, { testId: "pdf-template-editor", children: [_jsx(EditorHeader, { title: title, stored: { status: detail.status, version: detail.version }, actions: {
+                    busy: busy === "save",
+                    canSave: busy === null && validation?.canSave !== false,
+                    canPublish: busy === null && canPublish,
+                    onSave: () => void save(),
+                    onPublish: () => void publish(),
+                }, children: _jsx(EditorModeSwitch, { testIdPrefix: "pdf", mode: mode, onMode: setMode }) }), _jsxs(EditorInfoBar, { tone: pdfUnavailableNote ? "warn" : detail.scope === "tenant" ? "active" : "muted", testId: "pdf-origin-bar", origin: originOf(detail.scope === "system", systemVersion !== null), controls: _jsxs(_Fragment, { children: [_jsx(EditorLocaleSwitch, { testIdPrefix: "pdf", locales: locales.length > 0 ? locales : [locale], locale: locale, onLocale: requestLocale }), mode === "preview" && (_jsx(Button, { variant: "secondary", disabled: !pdfAvailable || busy !== null, loading: busy === "pdf", onClick: () => void generatePdf(), testId: "pdf-generate-header", children: t("documentDesigner.actions.generatePdf") }))] }), overlays: _jsx(OverridesDrawer, { open: overridesOpen, onOpenChange: setOverridesOpen, slug: slug, locale: locale, overrides: overridesQuery.data }), links: showOverrideLinks && (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "link", onClick: () => void exportBundle(), children: t("documentDesigner.originBar.export") }), _jsx(Button, { variant: "link", onClick: () => setOverridesOpen(true), children: t("documentDesigner.originBar.showOverrides") })] })), children: [originText, besideActiveSentence !== null && ` ${besideActiveSentence}`, pdfUnavailableNote && (_jsxs(_Fragment, { children: [" ", _jsx("span", { "data-testid": "pdf-unavailable", children: unavailableMessage === ""
+                                    ? t("documentDesigner.pdfUnavailableNoReason")
+                                    : t("documentDesigner.pdfUnavailable", { message: unavailableMessage }) })] }))] }), _jsx(EditorBody, { left: mode === "edit" ? (_jsxs(_Fragment, { children: [_jsx(PlaceholderSection, { validation: placeholderSource, onInsert: insert.insertPlaceholder, idPrefix: "pdf" }), _jsx(SystemPlaceholderSection, { validation: placeholderSource, onInsert: insert.insertPlaceholder, idPrefix: "pdf", isLayoutOwned: layoutFills }), _jsx(PdfResourceSection, { resourceKeys: resourceKeys, canUpload: detail.scope === scope, layoutName: layoutName, onInsert: insert.insertResource, onUpload: uploadResource })] })) : undefined, center: mode === "edit" ? (_jsx("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", onFocusCapture: insert.markFocused("body"), children: _jsx(PageCanvas, { meta: current.draft.meta, content: current.draft.content, onContentChange: (content) => updateDraft({ ...current.draft, content }), regions: layout?.regions ?? null, layoutName: layoutName, resourceSrc: layoutResourceSrc, variableLabels: variableLabels, systemVariables: systemVariables, systemLabels: systemLabels, variableNames: variableNames, resourcePreviews: resourcePreviews, onEditorReady: insert.register("body") }) })) : (_jsx("div", { className: "min-h-0 flex-1 overflow-auto", children: generated !== null && generatedFresh ? (_jsx(PdfPreview, { pdfBase64: generated.result.pdfBase64 })) : (_jsxs("div", { className: "flex flex-col items-start gap-3 p-6", "data-testid": "document-designer-preview-stale", children: [pdfAvailable && busy === null && _jsx(RunOnMount, { run: printOnce }), _jsx("p", { className: "text-sm text-muted-foreground", children: busy === "pdf"
                                     ? t("documentDesigner.preview.loading")
-                                    : t("documentDesigner.preview.stale") }), _jsx(Button, { variant: "secondary", disabled: !pdfAvailable || busy !== null, onClick: () => void generatePdf(), children: t("documentDesigner.actions.generatePdf") })] })), _jsx(SettingsPanel, { meta: current.draft.meta, onMetaChange: (meta) => updateDraft({ ...current.draft, meta }), layoutSlugs: layoutSlugs, locale: locale, version: {
-                            version: detail.version,
-                            status: detail.status,
-                            modifiedAt: detail.modifiedAt,
-                        } })] }), _jsxs("footer", { className: "flex flex-wrap items-start justify-between gap-3 border-t border-border pt-3", children: [_jsxs("ul", { className: "m-0 flex list-none flex-col gap-1 p-0 text-sm", "data-testid": "document-designer-validation", children: [missingRequired.length === 0 && validation !== undefined && validation !== null && (_jsx("li", { className: "text-status-ok", children: t("documentDesigner.validation.ok") })), missingRequired.map((name) => (_jsx("li", { className: "text-status-bad", children: t("documentDesigner.validation.missingRequired", {
-                                    name: variables[name]?.label ?? name,
-                                }) }, name))), issueTexts.map((text) => (_jsx("li", { className: "text-status-bad", children: text }, text))), (validation?.warnings ?? []).map((warning) => (_jsx("li", { className: "text-status-warn", children: t(warning.i18nKey, { detail: warning.detail }) }, `${warning.code}:${warning.detail}`))), generated !== null && (_jsx("li", { className: "text-muted-foreground", children: t("documentDesigner.validation.lastProbe", {
-                                    pages: generated.result.pageCount,
-                                    size: formatSize(generated.result.sizeBytes),
-                                    seconds: (generated.result.durationMs / 1000).toFixed(1),
-                                }) }))] }), _jsx("div", { className: "flex items-center gap-2", children: actions })] }), _jsx(Dialog, { open: pendingLocale !== null, onOpenChange: (open) => {
+                                    : t("documentDesigner.preview.stale") }), _jsx(Button, { variant: "secondary", disabled: !pdfAvailable || busy !== null, onClick: () => void generatePdf(), children: t("documentDesigner.actions.generatePdf") })] })) })), right: _jsx(SettingsPanel, { meta: current.draft.meta, onMetaChange: (meta) => updateDraft({ ...current.draft, meta }), layouts: layouts.rows, locale: locale, version: { id: detail.id, version: detail.version, status: detail.status }, vocabulary: vocabulary, insert: insert, draftKey: `${current.key}:${draftEpoch}` }) }), _jsx(EditorFooter, { testIdPrefix: "pdf-editor", message: footer, saveError: actionError, modifiedAt: detail.modifiedAt ?? null, dirty: dirty, busy: busy === "save", canSave: busy === null && validation?.canSave !== false, canPublish: busy === null && canPublish, onDiscard: () => resetDraft(detail), onSave: () => void save(), onPublish: () => void publish() }), _jsx(Dialog, { open: pendingLocale !== null, onOpenChange: (open) => {
                     if (!open)
                         setPendingLocale(null);
                 }, title: t("documentDesigner.localeDialog.title"), description: t("documentDesigner.localeDialog.description"), confirmLabel: t("documentDesigner.localeDialog.save"), cancelLabel: t("documentDesigner.localeDialog.cancel"), onConfirm: async () => {

package/dist/web/rail.d.ts

@@ -5,10 +5,21 @@ export declare function RailSection({ title, action, testId, children, }: {
     readonly testId?: string;
     readonly children: ReactNode;
 }): ReactNode;
-export declare function RailRow({ symbol, label, trailing, bad, testId, onPress, }: {
+export declare function RailField({ children }: {
+    readonly children: ReactNode;
+}): ReactNode;
+declare const TRAILING_TONE: {
+    readonly ok: "text-status-ok";
+    readonly bad: "text-status-bad";
+    readonly muted: "text-muted-foreground";
+};
+export declare function RailRow({ symbol, label, required, trailing, trailingTone, action, bad, testId, onPress, }: {
     readonly symbol?: string;
     readonly label: string;
+    readonly required?: boolean;
     readonly trailing?: ReactNode;
+    readonly trailingTone?: keyof typeof TRAILING_TONE;
+    readonly action?: ReactNode;
     readonly bad?: boolean;
     readonly testId?: string;
     readonly onPress?: () => void;
@@ -16,3 +27,4 @@ export declare function RailRow({ symbol, label, trailing, bad, testId, onPress,
 export declare function RailHint({ children }: {
     readonly children: ReactNode;
 }): ReactNode;
+export {};

package/dist/web/rail.js

@@ -1,14 +1,22 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // @runtime client
-import { usePrimitives } from "@cosmicdrift/kumiko-renderer";
 import { cn } from "@cosmicdrift/kumiko-renderer-web";
 export function RailSection({ title, action, testId, children, }) {
-    return (_jsxs("section", { className: "flex flex-col gap-1", "data-testid": testId, children: [_jsxs("div", { className: "flex items-center gap-2 pt-3 pb-1", children: [_jsx("span", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: title }), _jsx("div", { className: "grow" }), action] }), children] }));
+    return (_jsxs("section", { className: "flex flex-col border-b pb-1", "data-testid": testId, children: [_jsxs("div", { className: "flex items-center gap-2 px-3.5 pt-2.5 pb-1", children: [_jsx("span", { className: "text-xs font-medium uppercase tracking-wider text-muted-foreground", children: title }), _jsx("div", { className: "grow" }), action] }), children] }));
 }
-export function RailRow({ symbol, label, trailing, bad, testId, onPress, }) {
-    const { Button } = usePrimitives();
-    return (_jsxs("div", { className: cn("flex items-center gap-2 rounded px-2 py-1", bad === true && "bg-status-bad-surface text-status-bad"), "data-testid": testId, "data-bad": bad === true ? "true" : undefined, children: [symbol !== undefined && (_jsx("span", { className: "w-4 shrink-0 text-center text-xs text-muted-foreground", children: symbol })), _jsx("span", { className: "min-w-0 grow truncate text-sm", children: onPress === undefined ? (label) : (_jsx(Button, { variant: "link", onClick: onPress, ...(testId !== undefined && { testId: `${testId}-insert` }), children: label })) }), trailing !== undefined && (_jsx("span", { className: "min-w-0 max-w-[60%] truncate text-right text-xs text-muted-foreground", title: typeof trailing === "string" ? trailing : undefined, children: trailing }))] }));
+export function RailField({ children }) {
+    return _jsx("div", { className: "flex flex-col gap-3 px-3.5 py-2", children: children });
+}
+const TRAILING_TONE = {
+    ok: "text-status-ok",
+    bad: "text-status-bad",
+    muted: "text-muted-foreground",
+};
+export function RailRow({ symbol, label, required, trailing, trailingTone = "muted", action, bad, testId, onPress, }) {
+    const content = (_jsxs(_Fragment, { children: [symbol !== undefined && (_jsx("span", { className: "inline-flex h-[18px] w-[22px] shrink-0 items-center justify-center rounded-sm bg-muted font-mono text-xs text-muted-foreground", children: symbol })), _jsxs("span", { className: cn("min-w-0 grow break-words text-sm", trailing !== undefined && "max-w-[65%] shrink-0", bad === true && "text-status-bad"), children: [label, required === true && _jsx("span", { className: "font-semibold text-status-bad", children: " *" })] }), trailing !== undefined && (_jsx("span", { className: cn("min-w-0 truncate text-right text-xs", bad === true ? "text-status-bad" : TRAILING_TONE[trailingTone]), title: typeof trailing === "string" ? trailing : undefined, children: trailing }))] }));
+    const rowClass = "flex min-h-10 min-w-0 grow items-center gap-2 px-3.5 text-left";
+    return (_jsxs("div", { className: cn("flex items-center border-b", bad === true && "bg-status-bad-surface"), "data-testid": testId, "data-bad": bad === true ? "true" : undefined, children: [onPress === undefined ? (_jsx("div", { className: rowClass, children: content })) : (_jsx("button", { type: "button", onClick: onPress, className: cn(rowClass, "hover:bg-muted"), ...(testId !== undefined && { "data-testid": `${testId}-insert` }), children: content })), action !== undefined && _jsx("div", { className: "shrink-0 pr-2", children: action })] }));
 }
 export function RailHint({ children }) {
-    return _jsx("p", { className: "px-2 pt-1 text-xs text-muted-foreground", children: children });
+    return _jsx("p", { className: "px-3.5 pt-1 pb-2 text-xs text-muted-foreground", children: children });
 }

package/dist/web/relative-time.d.ts

@@ -0,0 +1 @@
+export declare function formatRelativeWhen(value: string, now?: number): string;

package/dist/web/relative-time.js

@@ -0,0 +1,18 @@
+const UNITS = [
+    ["day", 86_400_000],
+    ["hour", 3_600_000],
+    ["minute", 60_000],
+];
+// Falls back to the raw value for an unparseable timestamp, like formatWhen.
+export function formatRelativeWhen(value, now = Date.now()) {
+    const then = Date.parse(value);
+    if (Number.isNaN(then))
+        return value;
+    const formatter = new Intl.RelativeTimeFormat(undefined, { numeric: "auto" });
+    const elapsed = then - now;
+    for (const [unit, size] of UNITS) {
+        if (Math.abs(elapsed) >= size)
+            return formatter.format(Math.round(elapsed / size), unit);
+    }
+    return formatter.format(0, "minute");
+}

package/dist/web/settings-panel.d.ts

@@ -1,17 +1,23 @@
 import type { ReactNode } from "react";
+import type { EditorVocabulary } from "./mail-edit-center.js";
+import type { OverviewRowView } from "./overview-row.js";
 import { type PdfMetaDraft } from "./pdf-meta.js";
-import type { TemplateStatus } from "./types.js";
+import { type TemplateStatus } from "./types.js";
+import type { InsertTargets } from "./use-insert-targets.js";
 export type VersionInfo = {
+    readonly id: string;
     readonly version: number;
     readonly status: TemplateStatus;
-    readonly modifiedAt: string | null;
 };
 export type SettingsPanelProps = {
     readonly meta: PdfMetaDraft;
     readonly onMetaChange: (next: PdfMetaDraft) => void;
-    /** Layout slugs available for this locale; the default layout is always offered. */
-    readonly layoutSlugs: readonly string[];
+    readonly layouts: readonly OverviewRowView[];
     readonly locale: string;
     readonly version: VersionInfo;
+    readonly vocabulary: EditorVocabulary;
+    readonly insert: InsertTargets;
+    /** Changes when the draft is replaced from outside, so the single-line editors re-read it. */
+    readonly draftKey: string;
 };
-export declare function SettingsPanel({ meta, onMetaChange, layoutSlugs, locale, version, }: SettingsPanelProps): ReactNode;
+export declare function SettingsPanel({ meta, onMetaChange, layouts, locale, version, vocabulary, insert, draftKey, }: SettingsPanelProps): ReactNode;

package/dist/web/settings-panel.js

@@ -1,25 +1,36 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // @runtime client
+import { PDF_ORIENTATIONS, PDF_PAGE_FORMATS, PlaceholderLineEditor, } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { usePrimitives, useTranslation } from "@cosmicdrift/kumiko-renderer";
-import { ModeSwitch, SectionCard, StatusBadge } from "@cosmicdrift/kumiko-renderer-web";
-import { MARGIN_SIDES, ORIENTATIONS, PAGE_FORMATS, } from "./pdf-meta.js";
+import { languageName } from "./mail-origin-bar.js";
+import { layoutOptionLabel } from "./mail-right-rail.js";
+import { VersionsSection } from "./mail-versions.js";
+import { MARGIN_SIDES } from "./pdf-meta.js";
+import { RailField, RailHint, RailSection } from "./rail.js";
+import { DEFAULT_LAYOUT_SLUG } from "./types.js";
 const SIDE_LABEL_KEYS = {
     top: "documentDesigner.settings.marginTop",
     right: "documentDesigner.settings.marginRight",
     bottom: "documentDesigner.settings.marginBottom",
     left: "documentDesigner.settings.marginLeft",
 };
-export function SettingsPanel({ meta, onMetaChange, layoutSlugs, locale, version, }) {
+export function SettingsPanel({ meta, onMetaChange, layouts, locale, version, vocabulary, insert, draftKey, }) {
     const t = useTranslation();
-    const { Field, Input } = usePrimitives();
+    const { Field, Input, Text } = usePrimitives();
     const patch = (changes) => onMetaChange({ ...meta, ...changes });
-    return (_jsxs("div", { className: "flex flex-col gap-4", "data-testid": "document-designer-settings", children: [_jsxs(SectionCard, { title: t("documentDesigner.settings.page"), children: [_jsx(Field, { id: "dd-layout", label: t("documentDesigner.settings.layout"), children: _jsx(Input, { kind: "select", id: "dd-layout", name: "layoutSlug", value: meta.layoutSlug, onChange: (layoutSlug) => patch({ layoutSlug }), display: "dropdown", options: [
-                                { value: "", label: t("documentDesigner.settings.layoutDefault") },
-                                ...layoutSlugs.map((slug) => ({ value: slug, label: slug })),
-                            ] }) }), _jsx(Field, { id: "dd-file-name", label: t("documentDesigner.settings.fileName"), children: _jsx(Input, { kind: "text", id: "dd-file-name", name: "fileName", value: meta.fileName, onChange: (fileName) => patch({ fileName }), placeholder: "rechnung-{{number}}.pdf" }) }), _jsx(ModeSwitch, { ariaLabel: t("documentDesigner.settings.pageFormat"), value: meta.pageFormat, onChange: (pageFormat) => patch({ pageFormat }), options: PAGE_FORMATS.map((value) => ({ value, label: value })) }), _jsx(ModeSwitch, { ariaLabel: t("documentDesigner.settings.orientation"), value: meta.orientation, onChange: (orientation) => patch({ orientation }), options: ORIENTATIONS.map((value) => ({
-                            value,
-                            label: t(`documentDesigner.settings.${value}`),
-                        })) }), _jsx("div", { className: "grid grid-cols-2 gap-2", children: MARGIN_SIDES.map((side) => (_jsx(Field, { id: `dd-margin-${side}`, label: t(SIDE_LABEL_KEYS[side]), children: _jsx(Input, { kind: "number", id: `dd-margin-${side}`, name: `margin-${side}`, value: meta.margins[side], onChange: (value) => patch({ margins: { ...meta.margins, [side]: value ?? "" } }), placeholder: "15" }) }, side))) }), _jsx(Field, { id: "dd-print-background", label: t("documentDesigner.settings.printBackground"), layout: "inline", children: _jsx(Input, { kind: "boolean", id: "dd-print-background", name: "printBackground", value: meta.printBackground, onChange: (printBackground) => patch({ printBackground }) }) }), _jsx(Field, { id: "dd-layout-header-footer", label: t("documentDesigner.settings.layoutHeaderFooter"), layout: "inline", children: _jsx(Input, { kind: "boolean", id: "dd-layout-header-footer", name: "layoutHeaderFooter", value: meta.layoutHeaderFooter, onChange: (layoutHeaderFooter) => patch({ layoutHeaderFooter }) }) })] }), _jsxs(SectionCard, { title: t("documentDesigner.settings.metadata"), children: [_jsx(Field, { id: "dd-meta-title", label: t("documentDesigner.settings.metaTitle"), children: _jsx(Input, { kind: "text", id: "dd-meta-title", name: "metaTitle", value: meta.title, onChange: (title) => patch({ title }) }) }), _jsx(Field, { id: "dd-meta-author", label: t("documentDesigner.settings.metaAuthor"), children: _jsx(Input, { kind: "text", id: "dd-meta-author", name: "metaAuthor", value: meta.author, onChange: (author) => patch({ author }) }) }), _jsx(Field, { id: "dd-meta-language", label: t("documentDesigner.settings.metaLanguage"), children: _jsx(Input, { kind: "text", id: "dd-meta-language", name: "metaLanguage", value: locale, onChange: () => undefined, disabled: true }) })] }), _jsx(SectionCard, { title: t("documentDesigner.settings.storage"), children: _jsx("p", { className: "text-xs text-muted-foreground", children: t("documentDesigner.settings.storageHint") }) }), _jsx(SectionCard, { title: t("documentDesigner.settings.versions"), children: _jsxs("div", { className: "flex items-center justify-between gap-2 text-sm", children: [_jsx("span", { children: `v${version.version}` }), _jsx("span", { className: "text-xs text-muted-foreground", children: version.modifiedAt?.slice(0, 10) ?? "" }), _jsx(StatusBadge, { tone: version.status === "active" ? "ok" : "warn", children: t(version.status === "active"
-                                ? "documentDesigner.status.active"
-                                : "documentDesigner.status.draft") })] }) })] }));
+    return (_jsxs("div", { "data-testid": "document-designer-settings", children: [_jsx(RailSection, { title: t("documentDesigner.settings.page"), testId: "pdf-editor-document", children: _jsxs(RailField, { children: [_jsx(Field, { id: "dd-layout", label: t("documentDesigner.settings.layout"), children: _jsx(Input, { kind: "select", id: "dd-layout", name: "layoutSlug", value: meta.layoutSlug === "" ? DEFAULT_LAYOUT_SLUG : meta.layoutSlug, onChange: (layoutSlug) => patch({ layoutSlug }), display: "dropdown", options: layouts.map((layout) => ({
+                                    value: layout.slug,
+                                    label: layoutOptionLabel(t, layout),
+                                })) }) }), _jsx(Field, { id: "dd-file-name", label: t("documentDesigner.settings.fileName"), children: _jsx(Input, { kind: "text", id: "dd-file-name", name: "fileName", value: meta.fileName, onChange: (fileName) => patch({ fileName }), placeholder: "rechnung-{{number}}.pdf" }) }), _jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_minmax(0,1.5fr)] gap-2", children: [_jsx(Field, { id: "dd-page-format", label: t("documentDesigner.settings.pageFormat"), children: _jsx(Input, { kind: "select", id: "dd-page-format", name: "pageFormat", value: meta.pageFormat, onChange: (pageFormat) => {
+                                            const next = PDF_PAGE_FORMATS.find((format) => format === pageFormat);
+                                            if (next !== undefined)
+                                                patch({ pageFormat: next });
+                                        }, display: "dropdown", options: PDF_PAGE_FORMATS.map((value) => ({ value, label: value })) }) }), _jsx(Field, { id: "dd-orientation", label: t("documentDesigner.settings.orientation"), children: _jsx(Input, { kind: "select", id: "dd-orientation", name: "orientation", value: meta.orientation, onChange: (orientation) => {
+                                            const next = PDF_ORIENTATIONS.find((candidate) => candidate === orientation);
+                                            if (next !== undefined)
+                                                patch({ orientation: next });
+                                        }, display: "dropdown", options: PDF_ORIENTATIONS.map((value) => ({
+                                            value,
+                                            label: t(`documentDesigner.settings.${value}`),
+                                        })) }) })] }), _jsxs("fieldset", { className: "m-0 flex min-w-0 flex-col gap-1 border-0 p-0", children: [_jsx("legend", { className: "p-0 text-sm font-medium", children: t("documentDesigner.settings.margins") }), _jsx("div", { className: "grid grid-cols-4 gap-1", children: MARGIN_SIDES.map((side) => (_jsx(Field, { id: `dd-margin-${side}`, label: t(SIDE_LABEL_KEYS[side]), hideLabel: true, children: _jsx(Input, { kind: "number", id: `dd-margin-${side}`, name: `margin-${side}`, value: meta.margins[side], onChange: (value) => patch({ margins: { ...meta.margins, [side]: value ?? "" } }), placeholder: "15" }) }, side))) })] }), _jsx(Field, { id: "dd-print-background", label: t("documentDesigner.settings.printBackground"), layout: "inline", children: _jsx(Input, { kind: "boolean", id: "dd-print-background", name: "printBackground", value: meta.printBackground, onChange: (printBackground) => patch({ printBackground }) }) }), _jsx(Field, { id: "dd-layout-header-footer", label: t("documentDesigner.settings.layoutHeaderFooter"), layout: "inline", children: _jsx(Input, { kind: "boolean", id: "dd-layout-header-footer", name: "layoutHeaderFooter", value: meta.layoutHeaderFooter, onChange: (layoutHeaderFooter) => patch({ layoutHeaderFooter }) }) })] }) }), _jsxs(RailSection, { title: t("documentDesigner.settings.metadata"), testId: "pdf-editor-metadata", children: [_jsxs(RailField, { children: [_jsx("div", { onFocusCapture: insert.markFocused("title"), "data-testid": "pdf-meta-title", children: _jsx(Field, { id: "dd-meta-title", label: t("documentDesigner.settings.metaTitle"), children: _jsx(PlaceholderLineEditor, { id: "dd-meta-title", value: meta.title, onChange: (title) => patch({ title }), variableLabels: vocabulary.labels, systemVariables: vocabulary.system, onEditorReady: insert.register("title"), "aria-label": t("documentDesigner.settings.metaTitle") }, `title:${draftKey}`) }) }), _jsx("div", { onFocusCapture: insert.markFocused("author"), "data-testid": "pdf-meta-author", children: _jsx(Field, { id: "dd-meta-author", label: t("documentDesigner.settings.metaAuthor"), children: _jsx(PlaceholderLineEditor, { id: "dd-meta-author", value: meta.author, onChange: (author) => patch({ author }), variableLabels: vocabulary.labels, systemVariables: vocabulary.system, onEditorReady: insert.register("author"), "aria-label": t("documentDesigner.settings.metaAuthor") }, `author:${draftKey}`) }) }), _jsxs("div", { className: "flex flex-col gap-1", "data-testid": "pdf-meta-language", children: [_jsx("span", { className: "text-sm font-medium", children: t("documentDesigner.settings.metaLanguage") }), _jsx(Text, { children: `${languageName(t, locale)} (${locale})` })] })] }), _jsx(RailHint, { children: t("documentDesigner.settings.metaLanguageHint") })] }), _jsx(RailSection, { title: t("documentDesigner.settings.storage"), testId: "pdf-editor-storage", children: _jsx(RailHint, { children: t("documentDesigner.settings.storageHint") }) }), _jsx(VersionsSection, { rowId: version.id, currentVersion: version.version, currentStatus: version.status })] }));
 }

package/dist/web/status-label.d.ts

@@ -3,5 +3,12 @@ import type { OverviewRowView } from "./overview-row.js";
 type Translate = (key: string, params?: Readonly<Record<string, unknown>>) => string;
 export declare function statusTone(status: OverviewRowView["status"]): StatusBadgeTone;
 export declare function statusLabel(t: Translate, status: OverviewRowView["status"], version: number): string;
+export declare function draftBesideActiveSentence(t: Translate, row: {
+    readonly status: string;
+    readonly version: number;
+    readonly active?: {
+        readonly version: number;
+    } | null;
+}): string | null;
 export declare function asRowStatus(status: string): OverviewRowView["status"];
 export {};

package/dist/web/status-label.js

@@ -13,6 +13,14 @@ export function statusLabel(t, status, version) {
         ? "documentDesigner.status.activeVersion"
         : "documentDesigner.status.draftVersion", { version });
 }
+export function draftBesideActiveSentence(t, row) {
+    if (asRowStatus(row.status) !== "draft" || row.active == null)
+        return null;
+    return t("documentDesigner.origin.draftBesideActive", {
+        active: row.active.version,
+        draft: row.version,
+    });
+}
 export function asRowStatus(status) {
     return status === "active" || status === "archived" ? status : "draft";
 }

package/dist/web/types.d.ts

@@ -1,4 +1,5 @@
 import type { FieldIssue } from "@cosmicdrift/kumiko-headless";
+import type { TemplateDiff } from "./layout-types.js";
 export type TemplateScope = "system" | "tenant";
 export type TemplateStatus = "draft" | "active" | "archived";
 export declare const DOCUMENT_PDF_KIND: "document-pdf";
@@ -31,12 +32,22 @@ export type TemplateDetail = {
     readonly parentTemplateId: string | null;
     readonly status: TemplateStatus;
     readonly modifiedAt: string | null;
+    readonly active?: ServedVersionView | null;
+};
+/** The version the resolver serves while a draft is open beside it. */
+export type ServedVersionView = {
+    readonly version: number;
+    readonly since: string;
 };
 export type VariableType = "text" | "link" | "money" | "date" | "list";
 export type VariableInfo = {
     readonly type: VariableType;
     readonly label?: string;
     readonly required?: boolean;
+    readonly item?: Readonly<Record<string, {
+        readonly type: VariableType;
+        readonly label?: string;
+    }>>;
 };
 export type ValidationWarning = {
     readonly code: string;
@@ -82,10 +93,22 @@ export type PdfPreviewResult = {
     readonly sizeBytes: number;
     readonly durationMs: number;
 };
+export type TenantOverrideRow = {
+    readonly tenantId: string;
+    readonly tenantName: string;
+    readonly templateId: string;
+    readonly locale: string;
+    readonly status: "active" | "draft";
+    readonly version: number;
+    readonly changedAt: string;
+    readonly changedBy: string | null;
+};
 export type TenantOverrides = {
     readonly activeOverrides: number;
     readonly draftOverrides: number;
     readonly totalTenants: number | null;
+    readonly rows: readonly TenantOverrideRow[];
+    readonly diff: TemplateDiff | null;
 };
 export type SaveResult = {
     readonly id: string;

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";
+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;
@@ -11,5 +12,4 @@ export declare function useMailPersistence(args: {
     readonly title: string;
     readonly isSystemAdmin: boolean;
     readonly row: TemplateRowView | null;
-    readonly sender: unknown;
 }): MailPersistence;

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

@@ -21,7 +21,7 @@ export function useMailPersistence(args) {
             title: args.title,
             content: draft.body,
             contentFormat: "html",
-            meta: buildMeta(draft, args.sender),
+            meta: buildMeta(draft),
             variableSchema: parseJsonRecord(args.row?.variableSchema),
         };
         const saved = args.isSystemAdmin
@@ -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,