@cosmicdrift/kumiko-document-designer 0.378.0 → 0.379.0

package/dist/web/index.d.ts

@@ -1,6 +1,6 @@
 export { type DocumentDesignerClientOptions, documentDesignerClient, PdfTemplateEditorScreen, } from "./client-plugin.tsx";
 export { composeLayoutHtml, type LayoutRegionValues } from "./compose-layout.ts";
-export { documentDesignerTranslations } from "./i18n.ts";
+export { documentDesignerTranslations } from "./default-translations.ts";
 export { PdfTemplateEditor, type PdfTemplateEditorProps } from "./pdf-template-editor.tsx";
 export { type PreviewRecordPicker, type PreviewRecordPickerProps, PreviewRecordPickerProvider, } from "./preview-record-picker.tsx";
 export { usageLabel, usedByLabel } from "./used-by-label.ts";

package/dist/web/index.js

@@ -1,7 +1,6 @@
-// @runtime client
 export { documentDesignerClient, PdfTemplateEditorScreen, } from "./client-plugin.js";
 export { composeLayoutHtml } from "./compose-layout.js";
-export { documentDesignerTranslations } from "./i18n.js";
+export { documentDesignerTranslations } from "./default-translations.js";
 export { PdfTemplateEditor } from "./pdf-template-editor.js";
 export { PreviewRecordPickerProvider, } from "./preview-record-picker.js";
 export { usageLabel, usedByLabel } from "./used-by-label.js";

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

@@ -1,11 +1,11 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 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 { pluralKey } from "@cosmicdrift/kumiko-renderer/headless";
 import { cn, ModeSwitch, TextareaField } from "@cosmicdrift/kumiko-renderer/web";
 import { useState } from "react";
-import { BRANDING_QUERY_QN } from "../constants.js";
 import { composeLayoutHtml } from "./compose-layout.js";
+import { BRANDING_QUERY_QN } from "./constants.js";
 import { EditorHeader } from "./editor-header.js";
 import { EditorBody, EditorFooter, EditorFrame } from "./editor-shell.js";
 import { fileUrl } from "./file-name.js";
@@ -137,9 +137,9 @@ export function LayoutEditorBody({ kind, slug, isSystemAdmin, source, overviewRo
                 ? { tone: "bad", text: issueText(t, blockingIssue) }
                 : {
                     tone: "ok",
-                    text: t(isMail
+                    text: t(pluralKey(isMail
                         ? "documentDesigner.editor.footer.okMail"
-                        : "documentDesigner.editor.footer.okPdf", { count: userCount }),
+                        : "documentDesigner.editor.footer.okPdf", userCount), { count: userCount }),
                 };
     const accentColor = branding.data?.accentColor ?? "";
     const showAccentLine = isMail && appearanceEditable && appearance.accentLine === "branding" && isHexColor(accentColor);

package/dist/web/layout-editor.js

@@ -1,10 +1,9 @@
 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 { ErrorState, LoadingState } from "@cosmicdrift/kumiko-renderer/web";
 import { useState } from "react";
-import { DEFAULT_LAYOUT_SLUG } from "../constants.js";
+import { DEFAULT_LAYOUT_SLUG } from "./constants.js";
 import { LayoutEditorBody } from "./layout-editor-body.js";
 import { layoutUserKind } from "./layout-users.js";
 import { parseOverviewRow } from "./overview-row.js";

package/dist/web/layout-html.js

@@ -1,5 +1,4 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-// @runtime client
 import { cn } from "@cosmicdrift/kumiko-renderer/web";
 import { createElement, useMemo } from "react";
 // Layout regions arrive server-sanitised, but the preview still renders them

package/dist/web/layout-meta.js

@@ -1,4 +1,3 @@
-// @runtime client
 // Mirrors the mail-layout meta of template-resolver (template-meta.ts); the server parses it again on every write and render.
 export const LAYOUT_WIDTHS = [560, 600, 640];
 export const LAYOUT_FONTS = ["sans", "serif"];

package/dist/web/layout-rails.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { useAppFeatures, useNav, usePrimitives, useTranslation, } from "@cosmicdrift/kumiko-renderer";
-import { BRANDING_SCREEN_QN } from "../constants.js";
+import { BRANDING_SCREEN_QN } from "./constants.js";
 import { isHexColor, LAYOUT_ACCENT_LINES, LAYOUT_BUTTON_STYLES, LAYOUT_FONTS, LAYOUT_WIDTHS, } from "./layout-meta.js";
 import { layoutUsers } from "./layout-users.js";
 import { PLACEHOLDER_SYMBOL, SYSTEM_PLACEHOLDER_TYPE, systemPlaceholderLabel, } from "./mail-draft.js";
 import { RailField, RailHint, RailRow, RailSection } from "./rail.js";
 import { statusLabel } from "./status-label.js";
+import { templateTitleText } from "./used-by-label.js";
 const BRANDING_SCREEN_SHORT_ID = BRANDING_SCREEN_QN.slice(BRANDING_SCREEN_QN.lastIndexOf(":") + 1);
 function logoName(logoUrl) {
     const path = logoUrl.split("?")[0] ?? "";
@@ -90,7 +90,7 @@ export function AppearanceRail({ appearance, onChange, fromMjml, }) {
 export function UsedByRail({ layoutSlug, kind, rows, }) {
     const t = useTranslation();
     const users = layoutUsers(rows, kind, layoutSlug);
-    return (_jsx(RailSection, { title: t("documentDesigner.usedBy.title"), testId: "document-designer-used-by", children: users.length === 0 ? (_jsx(RailHint, { children: t("documentDesigner.usedBy.none") })) : (users.map((row) => (_jsx(RailRow, { testId: `used-by-${row.id}`, label: row.title, trailing: row.origin === "system"
+    return (_jsx(RailSection, { title: t("documentDesigner.usedBy.title"), testId: "document-designer-used-by", children: users.length === 0 ? (_jsx(RailHint, { children: t("documentDesigner.usedBy.none") })) : (users.map((row) => (_jsx(RailRow, { testId: `used-by-${row.id}`, label: templateTitleText(t, row.title), trailing: row.origin === "system"
                 ? t("documentDesigner.source.system")
                 : statusLabel(t, row.status, row.version) }, row.id)))) }));
 }

package/dist/web/layout-users.js

@@ -1,5 +1,4 @@
-// @runtime client
-import { DEFAULT_LAYOUT_SLUG } from "../constants.js";
+import { DEFAULT_LAYOUT_SLUG } from "./constants.js";
 export function layoutUserKind(kind) {
     return kind === "mail-layout" ? "mail" : "document-pdf";
 }

package/dist/web/mail-dialogs.js

@@ -1,5 +1,4 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { usePrimitives, useTranslation } from "@cosmicdrift/kumiko-renderer";
 export function MailConfirmDialogs({ dialog, onClose, onDiscard, onRemove, onLeaveSave, onLeaveDiscard, }) {
     const t = useTranslation();

package/dist/web/mail-draft.js

@@ -1,5 +1,4 @@
-// @runtime client
-import { DOCUMENT_FALLBACK_CURRENCY, formatDocumentDate, formatDocumentMoney, formatDocumentPercent, } from "@cosmicdrift/kumiko-renderer/headless";
+import { DOCUMENT_FALLBACK_CURRENCY, formatDocumentDate, formatDocumentMoney, formatDocumentPercent, pluralKey, } from "@cosmicdrift/kumiko-renderer/headless";
 import { variableLabelText } from "./used-by-label.js";
 export const EMPTY_DRAFT = {
     subject: "",
@@ -167,7 +166,9 @@ export function variableLabelMap(t, variables) {
 }
 export function displayValue(t, value, type, format) {
     if (Array.isArray(value))
-        return t("documentDesigner.mail.preview.entries", { count: value.length });
+        return t(pluralKey("documentDesigner.mail.preview.entries", value.length), {
+            count: value.length,
+        });
     if (type === "money") {
         if (typeof value === "number" && format.tenantCurrency === undefined)
             return String(value);

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

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { DocumentContentEditor, MAIL_DOCUMENT_BLOCKS, PlaceholderLineEditor, } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { useTranslation } from "@cosmicdrift/kumiko-renderer";
 const renderMailPaper = (editable) => (_jsx("div", { className: "mx-auto w-full max-w-[600px] bg-card px-10 py-7 shadow-md", children: editable }));

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

@@ -1,5 +1,4 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { TemplateResolverHandlers, TemplateResolverQueries, } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { dispatcherErrorText, useMutation, usePrimitives, useQuery, useTranslation, } from "@cosmicdrift/kumiko-renderer";
 import { useState } from "react";
@@ -25,6 +24,7 @@ import { useOverviewRows } from "./use-overview-rows.js";
 import { useOwnAddress } from "./use-own-address.js";
 import { useSettledValue } from "./use-settled-value.js";
 import { useTestMail } from "./use-test-mail.js";
+import { templateTitleText } from "./used-by-label.js";
 // The editor replaces this token with the decoded image size once the preview image loaded.
 const SIZE_TOKEN = "{size}";
 function uniqueValues(values) {
@@ -116,7 +116,7 @@ export function MailEditorBody(props) {
             perform(target);
     };
     const resources = parseLinkedResources(row?.linkedResources);
-    const pdfTitles = new Map(pdfTemplates.rows.map((template) => [template.slug, template.title]));
+    const pdfTitles = new Map(pdfTemplates.rows.map((template) => [template.slug, templateTitleText(t, template.title)]));
     const resourcePreviews = Object.fromEntries(resources.flatMap((resource) => resource.kind === "image"
         ? [
             [
@@ -169,7 +169,7 @@ export function MailEditorBody(props) {
     const attachments = resources.filter((resource) => resource.kind !== "image");
     const footer = locked || validation === undefined || validation === null
         ? null
-        : footerMessage(t, validation, mode === "preview");
+        : footerMessage(t, validation, mode === "preview" && testMail.availability.canSend);
     const fieldErrors = locked ? {} : metaFieldMessages(t, validation ?? null);
     const publish = () => void saveAndReload(true);
     const controls = (_jsx(EditorLocaleSwitch, { testIdPrefix: "mail", locales: props.locales, locale: locale, onLocale: (next) => leave({ kind: "locale", locale: next }) }));

package/dist/web/mail-editor.js

@@ -1,10 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-// @runtime client
 import { TemplateResolverQueries } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 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 { 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";

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

@@ -1,6 +1,6 @@
 import type { MailValidation } from "./mail-types.ts";
 type Translate = (key: string, params?: Readonly<Record<string, unknown>>) => string;
-export declare function footerMessage(t: Translate, validation: MailValidation, previewMode: boolean): {
+export declare function footerMessage(t: Translate, validation: MailValidation, offersTestMail: boolean): {
     readonly tone: "bad" | "warn" | "ok";
     readonly text: string;
 };

package/dist/web/mail-footer.js

@@ -10,11 +10,11 @@ function missingLabels(t, validation) {
 }
 // The footer sentence: missing required placeholders first, then other blocking issues,
 // then hints (not-yet-uploaded resources), else "ready".
-export function footerMessage(t, validation, previewMode) {
+export function footerMessage(t, validation, offersTestMail) {
     if (validation.missingRequired.length > 0) {
         return {
             tone: "bad",
-            text: t(previewMode
+            text: t(offersTestMail
                 ? "documentDesigner.mail.footer.missingPreview"
                 : "documentDesigner.mail.footer.missing", { names: missingLabels(t, validation) }),
         };

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

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { usePrimitives, useTranslation } from "@cosmicdrift/kumiko-renderer";
 import { LAYOUT_OWNED_PLACEHOLDERS, PLACEHOLDER_SYMBOL, SYSTEM_PLACEHOLDER_TYPE, systemPlaceholderLabel, } from "./mail-draft.js";
 import { RailHint, RailRow, RailSection } from "./rail.js";

package/dist/web/mail-missing-locale.js

@@ -1,5 +1,4 @@
 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";

package/dist/web/mail-origin-bar.js

@@ -1,5 +1,4 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { TemplateResolverHandlers } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { dispatcherErrorText, formatWhen, useMutation, usePrimitives, useTranslation, } from "@cosmicdrift/kumiko-renderer";
 import { EMPTY_VALUE_PLACEHOLDER } from "@cosmicdrift/kumiko-renderer/headless";

package/dist/web/mail-pdf-link-modal.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { PlaceholderLineEditor, TemplateResolverHandlers, TemplateResolverQueries, } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { dispatcherErrorText, useMutation, usePrimitives, useQuery, useTranslation, } from "@cosmicdrift/kumiko-renderer";
 import { EmptyState } from "@cosmicdrift/kumiko-renderer/web";
 import { useState } from "react";
 import { lastSlugSegment, parseJsonRecord, uniqueResourceKey } from "./mail-draft.js";
+import { templateTitleText } from "./used-by-label.js";
 function pdfRowIdOf(summaries, slug) {
     const ofSlug = (summaries ?? []).filter((row) => row.slug === slug);
     return (ofSlug.find((row) => row.scope === "tenant") ?? ofSlug[0])?.id ?? null;
@@ -42,7 +42,10 @@ function PdfLinkForm({ templates, variableLabels, templateId, takenKeys, onLinke
     return (_jsxs("div", { className: "flex flex-col gap-4", children: [error !== null && (_jsx(Banner, { variant: "error", testId: "mail-pdf-link-error", children: error })), _jsx(Field, { id: "mail-pdf-template", label: t("documentDesigner.mail.pdfLink.template"), children: _jsx(Input, { kind: "select", id: "mail-pdf-template", name: "mail-pdf-template", value: slug, onChange: (next) => {
                         setSlug(next);
                         setEditedName(null);
-                    }, options: templates.map((template) => ({ value: template.slug, label: template.title })) }) }), _jsx(Field, { id: "mail-pdf-file-name", label: t("documentDesigner.mail.pdfLink.fileName"), description: t("documentDesigner.mail.pdfLink.fileNameHint"), children: _jsx(PlaceholderLineEditor, { id: "mail-pdf-file-name", value: fileName, onChange: setEditedName, variableLabels: variableLabels, "aria-label": t("documentDesigner.mail.pdfLink.fileName") }) }), _jsx("div", { className: "flex justify-end", children: _jsx(Button, { disabled: slug === "" || fileName === "" || linkPdf.pending, loading: linkPdf.pending, onClick: link, testId: "mail-pdf-link-confirm", children: t("documentDesigner.mail.pdfLink.confirm") }) })] }));
+                    }, options: templates.map((template) => ({
+                        value: template.slug,
+                        label: templateTitleText(t, template.title),
+                    })) }) }), _jsx(Field, { id: "mail-pdf-file-name", label: t("documentDesigner.mail.pdfLink.fileName"), description: t("documentDesigner.mail.pdfLink.fileNameHint"), children: _jsx(PlaceholderLineEditor, { id: "mail-pdf-file-name", value: fileName, onChange: setEditedName, variableLabels: variableLabels, "aria-label": t("documentDesigner.mail.pdfLink.fileName") }) }), _jsx("div", { className: "flex justify-end", children: _jsx(Button, { disabled: slug === "" || fileName === "" || linkPdf.pending, loading: linkPdf.pending, onClick: link, testId: "mail-pdf-link-confirm", children: t("documentDesigner.mail.pdfLink.confirm") }) })] }));
 }
 export function PdfLinkModal({ open, onOpenChange, templates, ...form }) {
     const t = useTranslation();

package/dist/web/mail-preview-side.js

@@ -1,5 +1,4 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { ConfigQueries } from "@cosmicdrift/kumiko-bundled-features/config/web";
 import { useNav, usePrimitives, useQuery, useTranslation } from "@cosmicdrift/kumiko-renderer";
 import { DOCUMENT_FALLBACK_CURRENCY } from "@cosmicdrift/kumiko-renderer/headless";

package/dist/web/mail-preview.js

@@ -1,5 +1,4 @@
 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 { dispatcherErrorText, usePrimitives, useQuery, useTranslation, } from "@cosmicdrift/kumiko-renderer";
 import { LoadingState, ModeSwitch } from "@cosmicdrift/kumiko-renderer/web";

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

@@ -1,9 +1,8 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { MAIL_TONES, PlaceholderLineEditor, TemplateResolverQueries, } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { useAppFeatures, useNav, usePrimitives, useQuery, useTranslation, } from "@cosmicdrift/kumiko-renderer";
 import { isOneOf } from "@cosmicdrift/kumiko-types/type-guards";
-import { DEFAULT_LAYOUT_SLUG, TENANT_MAIL_SENDING_SCREEN_ID } from "../constants.js";
+import { DEFAULT_LAYOUT_SLUG, TENANT_MAIL_SENDING_SCREEN_ID } from "./constants.js";
 import { labelPlaceholders } from "./mail-draft.js";
 import { RailField, RailHint, RailRow, RailSection } from "./rail.js";
 import { usageParts } from "./used-by-label.js";

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

@@ -1,5 +1,4 @@
 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 { useRef, useState } from "react";

package/dist/web/mail-versions.js

@@ -1,5 +1,4 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { formatWhen, useAppFeatures, useQuery, useTranslation } from "@cosmicdrift/kumiko-renderer";
 import { EMPTY_VALUE_PLACEHOLDER } from "@cosmicdrift/kumiko-renderer/headless";
 import { StatusBadge } from "@cosmicdrift/kumiko-renderer/web";

package/dist/web/origin-bar.js

@@ -1,8 +1,7 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { TemplateResolverHandlers, TemplateResolverQueries, } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { dispatcherErrorText, useMutation, usePrimitives, useQuery, useTranslation, } from "@cosmicdrift/kumiko-renderer";
-import { EMPTY_VALUE_PLACEHOLDER } from "@cosmicdrift/kumiko-renderer/headless";
+import { EMPTY_VALUE_PLACEHOLDER, pluralKey } from "@cosmicdrift/kumiko-renderer/headless";
 import { EmptyState, ErrorState, LoadingState } from "@cosmicdrift/kumiko-renderer/web";
 import { useState } from "react";
 import { originOf } from "./editor-header.js";
@@ -73,7 +72,7 @@ function originText(t, args) {
     }
     const usesKey = kind === "mail-layout" ? "mails" : "pdfs";
     if (source.tenant !== null) {
-        return t(`documentDesigner.editor.origin.tenant.${usesKey}`, {
+        return t(pluralKey(`documentDesigner.editor.origin.tenant.${usesKey}`, userCount), {
             version: systemVersion,
             count: userCount,
         });

package/dist/web/overrides-drawer.js

@@ -1,5 +1,4 @@
 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 { formatWhen, usePrimitives, useQuery, useTranslation } from "@cosmicdrift/kumiko-renderer";
 import { Drawer, EmptyState, LoadingState } from "@cosmicdrift/kumiko-renderer/web";

package/dist/web/overview-row.d.ts

@@ -1,4 +1,4 @@
-import type { TemplateEditorKind } from "../constants.ts";
+import type { TemplateEditorKind } from "./constants.ts";
 export type OverviewUsageView = {
     readonly feature: string;
     readonly notification: string;
@@ -16,6 +16,9 @@ export type OverviewRowView = {
     /** An open draft beside the served version, never another tenant's. */
     readonly draftVersion: number | null;
     readonly systemVersion: number | null;
+    /** SystemAdmin only: a stored tenant override that is not delivered. */
+    readonly lockedOverride: boolean;
+    readonly lockedOverrideI18nKey: string | null;
     readonly modifiedAt: string;
     readonly usedBy: readonly OverviewUsageView[];
     readonly usedByCount: number;

package/dist/web/overview-row.js

@@ -21,7 +21,7 @@ function usageViewOf(value) {
 const stringOr = (value, fallback) => typeof value === "string" ? value : fallback;
 const numberOr = (value, fallback) => typeof value === "number" ? value : fallback;
 export function parseOverviewRow(row) {
-    const { id, title, layoutSlug, slug, kind, origin, locales, status, version, draftVersion, systemVersion, modifiedAt, usedBy, usedByCount, } = row;
+    const { id, title, layoutSlug, slug, kind, origin, locales, status, version, draftVersion, systemVersion, lockedOverride, lockedOverrideI18nKey, modifiedAt, usedBy, usedByCount, } = row;
     if (typeof slug !== "string" || !isTemplateKind(kind) || !isStatus(status))
         return null;
     if (origin !== "tenant" && origin !== "system")
@@ -41,6 +41,8 @@ export function parseOverviewRow(row) {
         version: numberOr(version, 0),
         draftVersion: numberOr(draftVersion, null),
         systemVersion: numberOr(systemVersion, null),
+        lockedOverride: lockedOverride === true,
+        lockedOverrideI18nKey: typeof lockedOverrideI18nKey === "string" ? lockedOverrideI18nKey : null,
         modifiedAt: stringOr(modifiedAt, ""),
         usedBy: usages,
         usedByCount: numberOr(usedByCount, usages.length),

package/dist/web/page-canvas.js

@@ -1,5 +1,4 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { DocumentContentEditor, PDF_DEFAULT_MARGIN_MM, PDF_DOCUMENT_BLOCKS, PDF_FOOTER_MARGIN_MM, } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { useTranslation } from "@cosmicdrift/kumiko-renderer";
 import { cn } from "@cosmicdrift/kumiko-renderer/web";

package/dist/web/pdf-left-rail.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { usePrimitives, useTranslation } from "@cosmicdrift/kumiko-renderer";
 import { UploadZone } from "@cosmicdrift/kumiko-renderer/web";
 import { RailField, RailHint, RailRow, RailSection } from "./rail.js";

package/dist/web/pdf-meta.js

@@ -1,4 +1,3 @@
-// @runtime client
 import { PDF_ORIENTATIONS, PDF_PAGE_FORMATS, } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { isOneOf, isPlainObject, propertyOf } from "@cosmicdrift/kumiko-types/type-guards";
 export const MARGIN_SIDES = [

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

@@ -1,11 +1,10 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { TemplateResolverHandlers, TemplateResolverQueries, } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { useDispatcher, usePrimitives, useQuery, useTranslation, useUserRoles, } from "@cosmicdrift/kumiko-renderer";
 import { ErrorState, LoadingState, PdfPreview, uploadFileRef, } from "@cosmicdrift/kumiko-renderer/web";
 import { RendererPuppeteerClientQueries } from "@cosmicdrift/kumiko-renderer-puppeteer-client/qualified-names";
 import { useEffect, useMemo, useRef, useState } from "react";
-import { BRANDING_QUERY_QN } from "../constants.js";
+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";

package/dist/web/preview-record-picker.js

@@ -1,4 +1,3 @@
-// @runtime client
 import { createContext, useContext } from "react";
 const PreviewRecordPickerContext = createContext(null);
 export const PreviewRecordPickerProvider = PreviewRecordPickerContext.Provider;

package/dist/web/rail.js

@@ -1,8 +1,7 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @runtime client
 import { cn } from "@cosmicdrift/kumiko-renderer/web";
 export function RailSection({ title, action, testId, 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] }));
+    return (_jsxs("section", { className: "flex flex-col border-b pb-1", "data-testid": testId, children: [_jsxs("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1 px-3.5 pt-2.5 pb-1", children: [_jsx("span", { className: "min-w-0 text-xs font-medium uppercase tracking-wider text-muted-foreground", children: title }), action !== undefined && _jsx("div", { className: "ml-auto", children: action })] }), children] }));
 }
 export function RailField({ children }) {
     return _jsx("div", { className: "flex flex-col gap-3 px-3.5 py-2", children: children });
@@ -18,8 +17,13 @@ function RequiredLabel({ label }) {
     return (_jsxs(_Fragment, { children: [label.slice(0, lastSpace + 1), _jsxs("span", { className: "whitespace-nowrap", children: [label.slice(lastSpace + 1), _jsx("span", { className: "font-semibold text-status-bad", children: " *" })] })] }));
 }
 export function RailRow({ symbol, label, nameHint, 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 })), _jsx("span", { className: cn("min-w-0 grow break-words text-sm", trailing !== undefined && "min-w-min max-w-[65%] shrink-0", bad === true && "text-status-bad"), title: nameHint !== undefined && nameHint !== label ? nameHint : undefined, children: required === true ? _jsx(RequiredLabel, { label: label }) : label }), 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";
+    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 })), _jsx("span", { className: cn(
+                // anywhere, not break-word: only it lets a file name without spaces narrow the min-content
+                // width, so the label wraps instead of running under the action.
+                "min-w-0 grow wrap-anywhere text-sm", trailing !== undefined && "min-w-min max-w-[65%] shrink-0", bad === true && "text-status-bad"), title: nameHint !== undefined && nameHint !== label ? nameHint : undefined, children: required === true ? _jsx(RequiredLabel, { label: label }) : label }), trailing !== undefined && (_jsx("span", { className: cn("min-w-0 text-xs", action !== undefined ? "basis-full wrap-anywhere" : "truncate text-right", bad === true ? "text-status-bad" : TRAILING_TONE[trailingTone]), title: typeof trailing === "string" ? trailing : undefined, children: trailing }))] }));
+    // Beside an action the row is too narrow for label and trailing text: the trailing text takes its
+    // own line and wraps there instead of being clipped to an ellipsis.
+    const rowClass = cn("flex min-h-10 min-w-0 grow items-center gap-2 px-3.5 text-left", action !== undefined && "flex-wrap gap-y-0.5 py-1");
     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 }) {

package/dist/web/settings-panel.js

@@ -1,5 +1,4 @@
 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 { languageName } from "./mail-origin-bar.js";

package/dist/web/template-rows.js

@@ -1,4 +1,3 @@
-// @runtime client
 import { isPlainObject } from "@cosmicdrift/kumiko-types/type-guards";
 /**
  * The row the editor works on. A tenant sees its own customisation, or the

package/dist/web/use-files-capability.js

@@ -1,6 +1,5 @@
-// @runtime client
 import { useAppFeatures } from "@cosmicdrift/kumiko-renderer";
-import { FILES_FEATURE_NAME } from "../constants.js";
+import { FILES_FEATURE_NAME } from "./constants.js";
 // The app schema lists every mounted feature, screenless ones included, so this is the server's
 // answer: without the files feature there is no upload route.
 export function useFilesCapability() {

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

@@ -1,4 +1,3 @@
-// @runtime client
 import { TemplateResolverHandlers } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { useMutation, useTranslation } from "@cosmicdrift/kumiko-renderer";
 import { useState } from "react";

package/dist/web/use-overview-rows.js

@@ -1,4 +1,3 @@
-// @runtime client
 import { TemplateResolverQueries } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { useQuery } from "@cosmicdrift/kumiko-renderer";
 import { parseOverviewRow } from "./overview-row.js";

package/dist/web/use-own-address.js

@@ -1,6 +1,5 @@
-// @runtime client
 import { useAppFeatures, useQuery } from "@cosmicdrift/kumiko-renderer";
-import { PROFILE_FEATURE_NAME, PROFILE_SCREEN_ID, USER_ME_QUERY_QN } from "../constants.js";
+import { PROFILE_FEATURE_NAME, PROFILE_SCREEN_ID, USER_ME_QUERY_QN } from "./constants.js";
 export function useOwnAddress() {
     const features = useAppFeatures();
     const me = useQuery(USER_ME_QUERY_QN, {});

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

@@ -1,4 +1,3 @@
-// @runtime client
 import { useCallback, useRef, useState } from "react";
 export const SETTLE_DELAY_MS = 400;
 // Handler-driven debounce: the timer starts in the change handler, so no effect is needed.

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

@@ -1,4 +1,3 @@
-// @runtime client
 import { TemplateResolverHandlers, TemplateResolverQueries, } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { dispatcherErrorText, useMutation, useQuery, useTranslation, } from "@cosmicdrift/kumiko-renderer";
 import { useState } from "react";

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

@@ -1,6 +1,7 @@
 import type { OverviewRowView, OverviewUsageView } from "./overview-row.ts";
 type Translate = (key: string, params?: Readonly<Record<string, unknown>>) => string;
 export declare function variableLabelText(t: Translate, name: string, label: string | undefined): string;
+export declare function templateTitleText(t: Translate, title: string): 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;

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

@@ -1,6 +1,5 @@
-import { EMPTY_VALUE_PLACEHOLDER } from "@cosmicdrift/kumiko-renderer/headless";
-// @runtime client
-import { DEFAULT_LAYOUT_SLUG } from "../constants.js";
+import { EMPTY_VALUE_PLACEHOLDER, pluralKey } from "@cosmicdrift/kumiko-renderer/headless";
+import { DEFAULT_LAYOUT_SLUG } from "./constants.js";
 // t() returns the key itself when no translation exists.
 function translateOrRaw(t, key, raw) {
     const translated = t(key);
@@ -11,11 +10,15 @@ export function variableLabelText(t, name, label) {
     return label === undefined ? name : translateOrRaw(t, label, label);
 }
 const NOTIFICATION_SLUG = /^([^:]+):notify:([^:]+)$/;
+// A seeded system template may store an i18n key as its title; plain text stays as typed.
+export function templateTitleText(t, title) {
+    return translateOrRaw(t, title, title);
+}
 // 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;
+        return templateTitleText(t, row.title);
     const match = row.kind === "mail" ? NOTIFICATION_SLUG.exec(row.slug) : null;
     if (match === null)
         return row.slug;
@@ -40,7 +43,9 @@ export function usedByLabel(t, row) {
         }
         return row.usedByCount === 0
             ? EMPTY_VALUE_PLACEHOLDER
-            : t("documentDesigner.usedBy.templates", { count: row.usedByCount });
+            : t(pluralKey("documentDesigner.usedBy.templates", row.usedByCount), {
+                count: row.usedByCount,
+            });
     }
     const first = row.usedBy[0];
     return first === undefined ? EMPTY_VALUE_PLACEHOLDER : usageLabel(t, first);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-document-designer",
-  "version": "0.378.0",
+  "version": "0.379.0",
   "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>",
@@ -20,11 +20,11 @@
     "./web/styles.css": "./src/web/styles.css"
   },
   "dependencies": {
-    "@cosmicdrift/kumiko-bundled-features": "0.378.0",
-    "@cosmicdrift/kumiko-framework": "0.378.0",
-    "@cosmicdrift/kumiko-renderer": "0.378.0",
-    "@cosmicdrift/kumiko-renderer-puppeteer-client": "0.378.0",
-    "@cosmicdrift/kumiko-types": "0.378.0",
+    "@cosmicdrift/kumiko-bundled-features": "0.379.0",
+    "@cosmicdrift/kumiko-framework": "0.379.0",
+    "@cosmicdrift/kumiko-renderer": "0.379.0",
+    "@cosmicdrift/kumiko-renderer-puppeteer-client": "0.379.0",
+    "@cosmicdrift/kumiko-types": "0.379.0",
     "react": "^19.2.6"
   },
   "devDependencies": {

package/src/changes.json

@@ -1,4 +1,22 @@
 [
+  {
+    "version": "0.379.0",
+    "type": "fix",
+    "title": "Designer rails wrap instead of clipping",
+    "detail": "A rail section wraps its action below the heading instead of clipping it, a resource name without spaces wraps inside its row instead of running under \"Remove\" and its meta text takes its own line instead of an ellipsis, the footer no longer offers a test mail when send-test-status says none can be sent, and the header label placeholder reads \"e.g. Reminder\" instead of an incident example. In a narrow window (1024px beside the app sidebar) both rails share the left column so the page keeps its room, and the header leaves save and publish to the footer below 1280px so the template title stays readable."
+  },
+  {
+    "version": "0.379.0",
+    "type": "fix",
+    "title": "Long template names wrap in the template overview",
+    "detail": "In the template overview, a long template name such as \"Kündigungshinweis an den Betreiber\" now wraps to a second line instead of widening the first column. The overview fits at 1280 px again when billing-foundation templates are listed."
+  },
+  {
+    "version": "0.379.0",
+    "type": "improvement",
+    "title": "Template overview shows locked tenant overrides",
+    "detail": "Rows with lockedOverride and lockedOverrideI18nKey show the status text as a warning badge in the status column. The row action \"Remove own version\" calls the existing resetToSystem with the new overview field lockedOverrideId (the tenant row; one locale per click). The status shows a short label with the long sentence as tooltip."
+  },
   {
     "version": "0.378.0",
     "type": "fix",

package/dist/i18n.d.ts

@@ -1,6 +0,0 @@
-type Localized = {
-    readonly en: string;
-    readonly de: string;
-};
-export declare const DOCUMENT_DESIGNER_I18N: Readonly<Record<string, Localized>>;
-export {};