@cosmicdrift/kumiko-document-designer 0.368.0 → 0.370.0

package/dist/constants.d.ts

@@ -25,3 +25,4 @@ export declare const DocumentDesignerCells: {
     readonly overriddenBy: "document-designer-overridden-by-cell";
 };
 export declare const DEFAULT_TEMPLATE_LOCALES: readonly string[];
+export declare const TENANT_MAIL_SENDING_SCREEN_ID = "mail-foundation-tenant";

package/dist/constants.js

@@ -35,3 +35,5 @@ export const DocumentDesignerCells = {
     overriddenBy: "document-designer-overridden-by-cell",
 };
 export const DEFAULT_TEMPLATE_LOCALES = ["de", "en"];
+// Generated settings screen where a tenant admin picks its mail provider.
+export const TENANT_MAIL_SENDING_SCREEN_ID = "mail-foundation-tenant";

package/dist/i18n.js

@@ -143,7 +143,7 @@ export const DOCUMENT_DESIGNER_I18N = {
     },
     "documentDesigner.editor.mjmlNotice.tenant": {
         en: "You see the system layout. Saving creates your own layout for this tenant.",
-        de: "Sie sehen das System-Layout. Speichern legt ein eigenes Layout für Ihren Mandanten an.",
+        de: "Du siehst das System-Layout. Speichern legt ein eigenes Layout für deinen Mandanten an.",
     },
     "documentDesigner.editor.origin.none": {
         en: "There is no layout yet.",
@@ -151,7 +151,7 @@ export const DOCUMENT_DESIGNER_I18N = {
     },
     "documentDesigner.editor.origin.system": {
         en: "You are looking at the system layout. Saving creates a customisation for your tenant.",
-        de: "Sie sehen das System-Layout. Speichern legt eine Anpassung für Ihren Mandanten an.",
+        de: "Du siehst das System-Layout. Speichern legt eine Anpassung für deinen Mandanten an.",
     },
     "documentDesigner.editor.origin.tenant.mails": {
         en: "Overrides system layout v{version}. Applies to {count} mail templates of this tenant.",
@@ -183,7 +183,7 @@ export const DOCUMENT_DESIGNER_I18N = {
     },
     "documentDesigner.editor.diff.identical": {
         en: "Your layout matches the system layout.",
-        de: "Ihr Layout entspricht dem System-Layout.",
+        de: "Dein Layout entspricht dem System-Layout.",
     },
     "documentDesigner.editor.reset.open": {
         en: "Reset",
@@ -195,7 +195,7 @@ export const DOCUMENT_DESIGNER_I18N = {
     },
     "documentDesigner.editor.reset.description": {
         en: "Your own layout is removed and the system layout applies again.",
-        de: "Ihr eigenes Layout wird entfernt, danach gilt wieder das System-Layout.",
+        de: "Dein eigenes Layout wird entfernt, danach gilt wieder das System-Layout.",
     },
     "documentDesigner.editor.reset.confirm": { en: "Reset", de: "Zurücksetzen" },
     "documentDesigner.editor.region.header": { en: "Header", de: "Kopf" },
@@ -235,7 +235,7 @@ export const DOCUMENT_DESIGNER_I18N = {
     },
     "documentDesigner.editor.dirtySwitch.description": {
         en: "Switching the layout kind discards your unsaved changes.",
-        de: "Beim Wechsel der Layout-Art gehen Ihre ungespeicherten Änderungen verloren.",
+        de: "Beim Wechsel der Layout-Art gehen deine ungespeicherten Änderungen verloren.",
     },
     "documentDesigner.editor.dirtySwitch.confirm": {
         en: "Discard and switch",
@@ -283,7 +283,7 @@ export const DOCUMENT_DESIGNER_I18N = {
     },
     "documentDesigner.mail.origin.tenantOnly": {
         en: "This template exists only for your tenant.",
-        de: "Diese Vorlage gibt es nur für Ihren Mandanten.",
+        de: "Diese Vorlage gibt es nur für deinen Mandanten.",
     },
     "documentDesigner.mail.origin.activeSince": {
         en: "Active since {when}.",
@@ -303,7 +303,7 @@ export const DOCUMENT_DESIGNER_I18N = {
     },
     "documentDesigner.mail.origin.system": {
         en: "You are viewing the system template v{version}. Saving creates a customisation for your tenant.",
-        de: "Sie sehen die System-Vorlage v{version}. Speichern legt eine Anpassung für Ihren Mandanten an.",
+        de: "Du siehst die System-Vorlage v{version}. Speichern legt eine Anpassung für deinen Mandanten an.",
     },
     "documentDesigner.mail.origin.platform": {
         en: "System template v{version}. Saving changes it for every tenant without a customisation.",
@@ -339,7 +339,7 @@ export const DOCUMENT_DESIGNER_I18N = {
     },
     "documentDesigner.mail.origin.copyNote": {
         en: "Copying a system version does not bring images or attachments along; upload them again afterwards.",
-        de: "Beim Kopieren einer System-Fassung kommen Bilder und Anhänge nicht mit; laden Sie sie danach neu hoch.",
+        de: "Beim Kopieren einer System-Fassung kommen Bilder und Anhänge nicht mit; lade sie danach neu hoch.",
     },
     "documentDesigner.mail.origin.createBlank": {
         en: "Start empty",
@@ -347,7 +347,7 @@ export const DOCUMENT_DESIGNER_I18N = {
     },
     "documentDesigner.mail.origin.creating": {
         en: "New version for {language}. It is stored when you save.",
-        de: "Neue Fassung für {language}. Sie wird erst mit Speichern angelegt.",
+        de: "Neue Fassung für {language}. Die Fassung wird erst mit Speichern angelegt.",
     },
     "documentDesigner.mail.reset.title": {
         en: "Reset to the system template?",
@@ -355,7 +355,7 @@ export const DOCUMENT_DESIGNER_I18N = {
     },
     "documentDesigner.mail.reset.description": {
         en: "Your customisation of this template is removed in all languages. The system template applies again.",
-        de: "Ihre Anpassung dieser Vorlage wird in allen Sprachen entfernt. Danach gilt wieder die System-Vorlage.",
+        de: "Deine Anpassung dieser Vorlage wird in allen Sprachen entfernt. Danach gilt wieder die System-Vorlage.",
     },
     "documentDesigner.mail.reset.confirm": {
         en: "Reset",
@@ -509,6 +509,14 @@ export const DOCUMENT_DESIGNER_I18N = {
         en: "The address comes from the platform's mail delivery.",
         de: "Die Adresse kommt vom Mail-Versand der Plattform.",
     },
+    "documentDesigner.mail.props.senderHintTenant": {
+        en: "The address comes from your organization's email sending settings.",
+        de: "Die Adresse kommt aus dem E-Mail-Versand deines Mandanten.",
+    },
+    "documentDesigner.mail.props.senderSettingsLink": {
+        en: "Open email sending",
+        de: "E-Mail-Versand öffnen",
+    },
     "documentDesigner.mail.props.replyTo": {
         en: "Reply to",
         de: "Antwort an",
@@ -679,7 +687,7 @@ export const DOCUMENT_DESIGNER_I18N = {
     },
     "documentDesigner.mail.discard.description": {
         en: "Your unsaved changes are lost.",
-        de: "Ihre ungespeicherten Änderungen gehen verloren.",
+        de: "Deine ungespeicherten Änderungen gehen verloren.",
     },
     "documentDesigner.mail.discard.confirm": {
         en: "Discard",
@@ -687,7 +695,7 @@ export const DOCUMENT_DESIGNER_I18N = {
     },
     "documentDesigner.origin.draftBesideActive": {
         en: "Version {active} is sent, your draft (version {draft}) is not published yet.",
-        de: "Verschickt wird Version {active}, Ihr Entwurf (Version {draft}) ist noch nicht veröffentlicht.",
+        de: "Verschickt wird Version {active}, dein Entwurf (Version {draft}) ist noch nicht veröffentlicht.",
     },
     "documentDesigner.mail.leave.title": {
         en: "Unsaved changes",
@@ -695,7 +703,7 @@ export const DOCUMENT_DESIGNER_I18N = {
     },
     "documentDesigner.mail.leave.description": {
         en: "Save your changes as a draft, discard them or stay on this page.",
-        de: "Speichern Sie Ihre Änderungen als Entwurf, verwerfen Sie sie oder bleiben Sie auf dieser Seite.",
+        de: "Speichere deine Änderungen als Entwurf, verwirf sie oder bleib auf dieser Seite.",
     },
     "documentDesigner.mail.leave.save": {
         en: "Save as draft",
@@ -791,7 +799,7 @@ export const DOCUMENT_DESIGNER_I18N = {
     },
     "documentDesigner.mail.testMail.ownAddress": {
         en: "Your address",
-        de: "Ihre Adresse",
+        de: "Deine Adresse",
     },
     "documentDesigner.mail.testMail.changeAddress": {
         en: "Change address",
@@ -815,11 +823,11 @@ export const DOCUMENT_DESIGNER_I18N = {
     },
     "documentDesigner.mail.testMail.hint": {
         en: "Sent through the tenant's normal delivery path to your own address.",
-        de: "Versand über den normalen Zustellweg des Mandanten an Ihre eigene Adresse.",
+        de: "Versand über den normalen Zustellweg des Mandanten an deine eigene Adresse.",
     },
     "documentDesigner.mail.testMail.sent": {
         en: "Test mail sent to your address: {subject}",
-        de: "Test-Mail an Ihre Adresse gesendet: {subject}",
+        de: "Test-Mail an deine Adresse gesendet: {subject}",
     },
     "documentDesigner.mail.testMail.rateLimited": {
         en: "Too many test mails, please try again later.",

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export { DEFAULT_TEMPLATE_LOCALES, DOCUMENT_DESIGNER_FEATURE, LAYOUT_EDITOR_SCREEN_ID, MAIL_EDITOR_SCREEN_ID, PDF_TEMPLATE_EDITOR_SCREEN_ID, PLATFORM_TEMPLATES_NAV_ID, PLATFORM_TEMPLATES_SCREEN_ID, TEMPLATE_EDITOR_SCREENS, TEMPLATES_NAV_ID, TEMPLATES_SCREEN_ID, type TemplateEditorKind, } from "./constants.js";
-export { createDocumentDesignerFeature } from "./feature.js";
+export { DEFAULT_TEMPLATE_LOCALES, DOCUMENT_DESIGNER_FEATURE, LAYOUT_EDITOR_SCREEN_ID, MAIL_EDITOR_SCREEN_ID, PDF_TEMPLATE_EDITOR_SCREEN_ID, PLATFORM_TEMPLATES_NAV_ID, PLATFORM_TEMPLATES_SCREEN_ID, TEMPLATE_EDITOR_SCREENS, TEMPLATES_NAV_ID, TEMPLATES_SCREEN_ID, type TemplateEditorKind, } from "./constants.ts";
+export { createDocumentDesignerFeature } from "./feature.ts";

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import { type EditorOrigin } from "./editor-header.js";
+import { type EditorOrigin } from "./editor-header.tsx";
 export type InfoBarTone = "active" | "muted" | "warn";
 export type FooterTone = "bad" | "warn" | "ok";
 export declare function EditorFrame({ testId, children, }: {

package/dist/web/i18n.js

@@ -76,7 +76,7 @@ export const documentDesignerTranslations = {
         "documentDesigner.canvas.caption": 'Seite 1 · {format} · Die Vorschau zeigt Seitengrenzen nur ungefähr, verbindlich ist "PDF erzeugen".',
         "documentDesigner.canvas.fromLayout": "aus Layout „{layout}“",
         "documentDesigner.error.resourceTooLarge": "Das Bild ist zu groß. Bitte eine kleinere Datei wählen.",
-        "documentDesigner.error.resourceUnsupportedImage": "Dieses Bildformat wird nicht unterstützt. Nutzen Sie PNG, JPEG, GIF oder WebP.",
+        "documentDesigner.error.resourceUnsupportedImage": "Dieses Bildformat wird nicht unterstützt. Nutze PNG, JPEG, GIF oder WebP.",
         "documentDesigner.locale": "Sprache",
         "documentDesigner.localeDialog.cancel": "Abbrechen",
         "documentDesigner.localeDialog.description": "Die Änderungen in dieser Sprache sind noch nicht gespeichert.",
@@ -111,7 +111,7 @@ export const documentDesignerTranslations = {
         "documentDesigner.preview.renderFailed": "Das PDF konnte nicht angezeigt werden.",
         "documentDesigner.preview.stale": "Die Vorschau ist veraltet. Bitte das PDF neu erzeugen.",
         "documentDesigner.resources.empty": "Noch keine Bilder.",
-        "documentDesigner.resources.saveFirst": "Speichern Sie die Vorlage zuerst, danach können Bilder hochgeladen werden.",
+        "documentDesigner.resources.saveFirst": "Speichere die Vorlage zuerst, danach können Bilder hochgeladen werden.",
         "documentDesigner.resources.title": "Ressourcen",
         "documentDesigner.resources.upload": "+ Hochladen",
         "documentDesigner.settings.fileName": "Dateiname",

package/dist/web/index.d.ts

@@ -1,6 +1,6 @@
-export { type DocumentDesignerClientOptions, documentDesignerClient, PdfTemplateEditorScreen, } from "./client-plugin.js";
-export { composeLayoutHtml, type LayoutRegionValues } from "./compose-layout.js";
-export { documentDesignerTranslations } from "./i18n.js";
-export { PdfTemplateEditor, type PdfTemplateEditorProps } from "./pdf-template-editor.js";
-export { type PreviewRecordPicker, type PreviewRecordPickerProps, PreviewRecordPickerProvider, } from "./preview-record-picker.js";
-export { usageLabel, usedByLabel } from "./used-by-label.js";
+export { type DocumentDesignerClientOptions, documentDesignerClient, PdfTemplateEditorScreen, } from "./client-plugin.tsx";
+export { composeLayoutHtml, type LayoutRegionValues } from "./compose-layout.ts";
+export { documentDesignerTranslations } from "./i18n.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/layout-editor-body.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from "react";
-import type { LayoutKind, LayoutSourceView, TenantOverrideCounts } from "./layout-types.js";
-import type { OverviewRowView } from "./overview-row.js";
+import type { LayoutKind, LayoutSourceView, TenantOverrideCounts } from "./layout-types.ts";
+import type { OverviewRowView } from "./overview-row.ts";
 export declare function LayoutEditorBody({ kind, slug, isSystemAdmin, source, overviewRows, usedByCount, overrides, onKindChange, onReload, }: {
     readonly kind: LayoutKind;
     readonly slug: string;

package/dist/web/layout-rails.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from "react";
-import { type LayoutAppearance } from "./layout-meta.js";
-import type { BrandingView, LayoutKind, LayoutValidation } from "./layout-types.js";
-import type { OverviewRowView } from "./overview-row.js";
+import { type LayoutAppearance } from "./layout-meta.ts";
+import type { BrandingView, LayoutKind, LayoutValidation } from "./layout-types.ts";
+import type { OverviewRowView } from "./overview-row.ts";
 export declare function BrandingRail({ data, unavailable, }: {
     readonly data: BrandingView | null;
     readonly unavailable: boolean;

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

@@ -1,5 +1,5 @@
-import type { LayoutMeta } from "./layout-meta.js";
-import type { ServedVersionView } from "./types.js";
+import type { LayoutMeta } from "./layout-meta.ts";
+import type { ServedVersionView } from "./types.ts";
 export type LayoutKind = "mail-layout" | "pdf-layout";
 export type ValidationIssue = {
     readonly path: string;

package/dist/web/layout-users.d.ts

@@ -1,4 +1,4 @@
-import type { LayoutKind } from "./layout-types.js";
-import type { OverviewRowView } from "./overview-row.js";
+import type { LayoutKind } from "./layout-types.ts";
+import type { OverviewRowView } from "./overview-row.ts";
 export declare function layoutUserKind(kind: LayoutKind): "mail" | "document-pdf";
 export declare function layoutUsers(rows: readonly OverviewRowView[], kind: LayoutKind, layoutSlug: string): readonly OverviewRowView[];

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

@@ -1,4 +1,4 @@
-import type { LinkedResourceView, MailDraft, MailVariable, PlaceholderType, TemplateRowView } from "./mail-types.js";
+import type { LinkedResourceView, MailDraft, MailVariable, PlaceholderType, TemplateRowView } from "./mail-types.ts";
 export declare const EMPTY_DRAFT: MailDraft;
 export declare const PLACEHOLDER_SYMBOL: Readonly<Record<PlaceholderType, string>>;
 export declare const LAYOUT_OWNED_PLACEHOLDERS: ReadonlySet<string>;
@@ -14,6 +14,6 @@ export declare function parseLinkedResources(value: unknown): readonly LinkedRes
 export declare function uniqueResourceKey(source: string, taken: readonly string[]): string;
 export declare function lastSlugSegment(slug: string): string;
 export declare function formatKilobytes(bytes: number): string;
-export declare function variableLabelMap(variables: Readonly<Record<string, MailVariable>>): Record<string, string>;
+export declare function variableLabelMap(t: Translate, variables: Readonly<Record<string, MailVariable>>): Record<string, string>;
 export declare function displayValue(t: (key: string, params?: Readonly<Record<string, unknown>>) => string, value: unknown): string;
 export {};

package/dist/web/mail-draft.js

@@ -1,3 +1,4 @@
+import { variableLabelText } from "./used-by-label.js";
 export const EMPTY_DRAFT = {
     subject: "",
     previewText: "",
@@ -142,14 +143,15 @@ export function formatKilobytes(bytes) {
     return `${Math.max(1, Math.round(bytes / 1024))} KB`;
 }
 // Labels for the chip editors; list item fields are addressed as "list.item".
-export function variableLabelMap(variables) {
+export function variableLabelMap(t, variables) {
     const labels = {};
     for (const [name, variable] of Object.entries(variables)) {
         if (variable.label !== undefined)
-            labels[name] = variable.label;
+            labels[name] = variableLabelText(t, name, variable.label);
         for (const [itemName, item] of Object.entries(variable.item ?? {})) {
-            if (item.label !== undefined)
-                labels[`${name}.${itemName}`] = item.label;
+            if (item.label !== undefined) {
+                labels[`${name}.${itemName}`] = variableLabelText(t, itemName, item.label);
+            }
         }
     }
     return labels;

package/dist/web/mail-edit-center.d.ts

@@ -1,8 +1,8 @@
 import { type DocumentResourcePreview } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import type { ReactNode } from "react";
-import type { MailMetaField } from "./mail-footer.js";
-import type { MailDraft } from "./mail-types.js";
-import type { InsertTargets } from "./use-insert-targets.js";
+import type { MailMetaField } from "./mail-footer.ts";
+import type { MailDraft } from "./mail-types.ts";
+import type { InsertTargets } from "./use-insert-targets.ts";
 export type EditorVocabulary = {
     readonly names: readonly string[];
     readonly labels: Readonly<Record<string, string>>;

package/dist/web/mail-editor-body.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import type { MailValidation, TemplateRowView } from "./mail-types.js";
+import type { MailValidation, TemplateRowView } from "./mail-types.ts";
 export type MailEditorBodyProps = {
     readonly slug: string;
     readonly locale: string;

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

@@ -10,7 +10,7 @@ import { MailConfirmDialogs } from "./mail-dialogs.js";
 import { buildMeta, isDraftDirty, loadedMailOf, parseJsonRecord, parseLinkedResources, systemLabelMap, variableLabelMap, } from "./mail-draft.js";
 import { MailEditCenter } from "./mail-edit-center.js";
 import { footerMessage, metaFieldMessages } from "./mail-footer.js";
-import { PlaceholderSection, ResourceSection, SystemPlaceholderSection } from "./mail-left-rail.js";
+import { PlaceholderSection, ResourceSection, SystemPlaceholderSection, } from "./mail-left-rail.js";
 import { MissingLocaleCanvas } from "./mail-missing-locale.js";
 import { MailOriginBar } from "./mail-origin-bar.js";
 import { PdfLinkModal } from "./mail-pdf-link-modal.js";
@@ -158,7 +158,7 @@ export function MailEditorBody(props) {
         names,
         labels: {
             ...systemLabelMap(t, validation?.systemPlaceholders ?? []),
-            ...variableLabelMap(validation?.variables ?? {}),
+            ...variableLabelMap(t, validation?.variables ?? {}),
         },
         system: validation?.systemPlaceholders ?? [],
     };
@@ -173,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(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: {
+                }, 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, { slug: slug, 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,

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

@@ -1,4 +1,4 @@
-import type { MailValidation } from "./mail-types.js";
+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): {
     readonly tone: "bad" | "warn" | "ok";

package/dist/web/mail-footer.js

@@ -1,10 +1,11 @@
+import { variableLabelText } from "./used-by-label.js";
 function issueText(t, issue) {
     const translated = t(issue.i18nKey, issue.params);
     return translated === issue.i18nKey ? issue.code : translated;
 }
-function missingLabels(validation) {
+function missingLabels(t, validation) {
     return validation.missingRequired
-        .map((name) => validation.variables[name]?.label ?? name)
+        .map((name) => variableLabelText(t, name, validation.variables[name]?.label))
         .join(", ");
 }
 // The footer sentence: missing required placeholders first, then other blocking issues,
@@ -15,7 +16,7 @@ export function footerMessage(t, validation, previewMode) {
             tone: "bad",
             text: t(previewMode
                 ? "documentDesigner.mail.footer.missingPreview"
-                : "documentDesigner.mail.footer.missing", { names: missingLabels(validation) }),
+                : "documentDesigner.mail.footer.missing", { names: missingLabels(t, validation) }),
         };
     }
     const blocking = [...validation.issues, ...validation.publishIssues][0];

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { LinkedResourceView, MailValidation } from "./mail-types.js";
+import type { LinkedResourceView, MailValidation } from "./mail-types.ts";
 export type PlaceholderSource = Pick<MailValidation, "variables" | "used" | "missingRequired" | "systemPlaceholders">;
 export declare function PlaceholderSection({ validation, onInsert, idPrefix, }: {
     readonly validation: PlaceholderSource | null;

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

@@ -3,6 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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";
+import { variableLabelText } from "./used-by-label.js";
 function placeholderStatus(t, validation, name) {
     if (validation.missingRequired.includes(name)) {
         return { text: t("documentDesigner.mail.placeholder.missing"), tone: "bad" };
@@ -15,7 +16,7 @@ export function PlaceholderSection({ validation, onInsert, idPrefix = "mail", })
     return (_jsxs(RailSection, { title: t("documentDesigner.mail.placeholder.title"), testId: `${idPrefix}-editor-placeholders`, children: [validation !== null &&
                 entries.map(([name, variable]) => {
                     const status = placeholderStatus(t, validation, name);
-                    return (_jsx(RailRow, { testId: `${idPrefix}-placeholder-${name}`, symbol: PLACEHOLDER_SYMBOL[variable.type], label: variable.label ?? name, required: variable.required === true, bad: validation.missingRequired.includes(name), trailing: status.text, trailingTone: status.tone, onPress: () => onInsert(name) }, name));
+                    return (_jsx(RailRow, { testId: `${idPrefix}-placeholder-${name}`, symbol: PLACEHOLDER_SYMBOL[variable.type], label: variableLabelText(t, name, variable.label), nameHint: name, required: variable.required === true, bad: validation.missingRequired.includes(name), trailing: status.text, trailingTone: status.tone, onPress: () => onInsert(name) }, name));
                 }), _jsx(RailHint, { children: t("documentDesigner.mail.placeholder.hint") })] }));
 }
 export function SystemPlaceholderSection({ validation, onInsert, idPrefix = "mail", isLayoutOwned = (name) => LAYOUT_OWNED_PLACEHOLDERS.has(name), }) {

package/dist/web/mail-origin-bar.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import type { TemplateRowView } from "./mail-types.js";
+import type { TemplateRowView } from "./mail-types.ts";
 type Translate = (key: string, params?: Readonly<Record<string, unknown>>) => string;
 export declare function languageName(t: Translate, locale: string): string;
 export declare function MailOriginBar({ row, systemVersion, locale, isSystemAdmin, creating, controls, onReload, onResetError, }: {

package/dist/web/mail-pdf-link-modal.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import type { OverviewRowView } from "./overview-row.js";
+import type { OverviewRowView } from "./overview-row.ts";
 export declare function PdfLinkModal({ open, onOpenChange, templates, ...form }: {
     readonly open: boolean;
     readonly onOpenChange: (open: boolean) => void;

package/dist/web/mail-preview-side.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from "react";
-import type { MailPreview, MailValidation } from "./mail-types.js";
-import type { OwnAddress } from "./use-own-address.js";
+import type { MailPreview, MailValidation } from "./mail-types.ts";
+import type { OwnAddress } from "./use-own-address.ts";
 export type TestMailControls = {
     readonly pending: boolean;
     readonly onSend: () => void;

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

@@ -5,6 +5,7 @@ import { useState } from "react";
 import { displayValue } from "./mail-draft.js";
 import { usePreviewRecordPicker } from "./preview-record-picker.js";
 import { RailField, RailHint, RailRow, RailSection } from "./rail.js";
+import { variableLabelText } from "./used-by-label.js";
 const noop = () => undefined;
 // Check params list names as arrays; the message templates expect one string.
 function checkText(t, check) {
@@ -21,7 +22,7 @@ function SampleValues({ preview, validation, picked, }) {
     const names = Object.keys(validation?.variables ?? values);
     return (_jsx(_Fragment, { children: names.map((name) => {
             const missing = validation?.missingRequired.includes(name) === true;
-            return (_jsx(RailRow, { testId: `mail-sample-${name}`, label: validation?.variables[name]?.label ?? name, bad: missing, trailing: missing
+            return (_jsx(RailRow, { testId: `mail-sample-${name}`, label: variableLabelText(t, name, validation?.variables[name]?.label), nameHint: name, bad: missing, trailing: missing
                     ? t("documentDesigner.mail.preview.missingInContent")
                     : displayValue(t, values[name]) }, name));
         }) }));

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

@@ -1,8 +1,8 @@
 import { type ReactNode } from "react";
-import type { EditorOrigin } from "./editor-header.js";
-import { type TestMailControls } from "./mail-preview-side.js";
-import type { MailValidation } from "./mail-types.js";
-import type { OwnAddress } from "./use-own-address.js";
+import type { EditorOrigin } from "./editor-header.tsx";
+import { type TestMailControls } from "./mail-preview-side.tsx";
+import type { MailValidation } from "./mail-types.ts";
+import type { OwnAddress } from "./use-own-address.ts";
 export type PreviewPayload = {
     readonly slug: string;
     readonly kind: "mail";

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

@@ -1,8 +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";
+import type { EditorVocabulary } from "./mail-edit-center.tsx";
+import type { LinkedResourceView, MailDraft } from "./mail-types.ts";
+import type { OverviewRowView } from "./overview-row.ts";
+import type { InsertTargets } from "./use-insert-targets.ts";
 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[];
@@ -11,7 +11,8 @@ export declare function AttachmentSection({ attachments, pdfTitles, canEdit, onA
     readonly onAddPdf: () => void;
     readonly onRemove: (key: string) => void;
 }): ReactNode;
-export declare function PropertiesSection({ draft, layouts, onChange, }: {
+export declare function PropertiesSection({ slug, draft, layouts, onChange, }: {
+    readonly slug: string;
     readonly draft: MailDraft;
     readonly layouts: readonly OverviewRowView[];
     readonly onChange: (patch: Partial<MailDraft>) => void;

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

@@ -1,11 +1,34 @@
 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 { usePrimitives, useQuery, useTranslation } from "@cosmicdrift/kumiko-renderer";
+import { useAppFeatures, useNav, usePrimitives, useQuery, useTranslation, } from "@cosmicdrift/kumiko-renderer";
 import { isOneOf } from "@cosmicdrift/kumiko-types/type-guards";
-import { DEFAULT_LAYOUT_SLUG } from "../constants.js";
+import { DEFAULT_LAYOUT_SLUG, TENANT_MAIL_SENDING_SCREEN_ID } from "../constants.js";
 import { RailField, RailHint, RailRow, RailSection } from "./rail.js";
 import { usageParts } from "./used-by-label.js";
+function useTemplateUsage(slug) {
+    const { data } = useQuery(TemplateResolverQueries.usage, {
+        slug,
+        kind: "mail",
+    });
+    return data?.usedBy ?? [];
+}
+function useHasScreen(screenId) {
+    const features = useAppFeatures();
+    return features.some((feature) => feature.screens.some((screen) => screen.id === screenId));
+}
+// A notification routed through the tenant transport sends from the tenant's own provider, so
+// the hint points there instead of to the platform.
+function SenderHint({ slug }) {
+    const t = useTranslation();
+    const nav = useNav();
+    const { Link } = usePrimitives();
+    const tenantRouted = useTemplateUsage(slug).some((usage) => usage.tenantTransport === true);
+    const hasSettingsScreen = useHasScreen(TENANT_MAIL_SENDING_SCREEN_ID);
+    if (!tenantRouted)
+        return _jsx(RailHint, { children: t("documentDesigner.mail.props.senderHint") });
+    return (_jsxs(RailHint, { children: [t("documentDesigner.mail.props.senderHintTenant"), hasSettingsScreen && (_jsxs(_Fragment, { children: [" ", _jsx(Link, { href: nav.hrefFor({ screenId: TENANT_MAIL_SENDING_SCREEN_ID }), onPress: () => nav.navigate({ screenId: TENANT_MAIL_SENDING_SCREEN_ID }), testId: "mail-sender-settings-link", children: t("documentDesigner.mail.props.senderSettingsLink") })] }))] }));
+}
 export function layoutOptionLabel(t, layout) {
     // A layout has no registry title; the slug would read like an id, so name it by kind.
     const title = layout.title === layout.slug
@@ -31,11 +54,8 @@ function layoutOptions(t, layouts) {
 }
 function UsageRows({ slug }) {
     const t = useTranslation();
-    const { data } = useQuery(TemplateResolverQueries.usage, {
-        slug,
-        kind: "mail",
-    });
-    return (_jsx(_Fragment, { children: (data?.usedBy ?? []).map((usage) => {
+    const usedBy = useTemplateUsage(slug);
+    return (_jsx(_Fragment, { children: usedBy.map((usage) => {
             const parts = usageParts(t, usage);
             return (_jsx(RailRow, { label: t("documentDesigner.mail.usage.line", parts), testId: "mail-usage-row" }, `${usage.feature}:${usage.notification}`));
         }) }));
@@ -53,12 +73,12 @@ export function AttachmentSection({ attachments, pdfTitles, canEdit, onAddPdf, o
                     ? attachment.fileName
                     : t("documentDesigner.mail.attachments.file"), action: _jsx(Button, { variant: "danger-ghost", size: "sm", onClick: () => onRemove(attachment.key), testId: `mail-attachment-remove-${attachment.key}`, children: t("documentDesigner.mail.resource.remove") }) }, attachment.key))), _jsx(RailHint, { children: t("documentDesigner.mail.attachments.hint") })] }));
 }
-export function PropertiesSection({ draft, layouts, onChange, }) {
+export function PropertiesSection({ slug, draft, layouts, onChange, }) {
     const t = useTranslation();
     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: 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: [
+    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(SenderHint, { slug: slug }), _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") })] }));

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

@@ -1,5 +1,5 @@
-import type { ValidationIssue } from "./layout-types.js";
-import type { ServedVersionView } from "./types.js";
+import type { ValidationIssue } from "./layout-types.ts";
+import type { ServedVersionView } from "./types.ts";
 export type PlaceholderType = "text" | "money" | "date" | "percent" | "link" | "list";
 export type MailVariable = {
     readonly type: PlaceholderType;

package/dist/web/origin-bar.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import type { LayoutKind, LayoutSourceView, TemplateDiff, TenantOverrideCounts } from "./layout-types.js";
+import type { LayoutKind, LayoutSourceView, TemplateDiff, TenantOverrideCounts } from "./layout-types.ts";
 export declare function DiffView({ data, mode, }: {
     readonly data: TemplateDiff;
     readonly mode?: "diff" | "full";

package/dist/web/overrides-drawer.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import { type TenantOverrides } from "./types.js";
+import { type TenantOverrides } from "./types.ts";
 export type OverridesDrawerProps = {
     readonly open: boolean;
     readonly onOpenChange: (open: boolean) => void;

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

@@ -1,4 +1,4 @@
-import type { TemplateEditorKind } from "../constants.js";
+import type { TemplateEditorKind } from "../constants.ts";
 export type OverviewUsageView = {
     readonly feature: string;
     readonly notification: string;

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

@@ -1,7 +1,7 @@
 import { type DocumentEditorHandle, type DocumentResourcePreview } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { type ReactNode } from "react";
-import { type PdfMetaDraft } from "./pdf-meta.js";
-import type { LayoutRegionsHtml } from "./types.js";
+import { type PdfMetaDraft } from "./pdf-meta.ts";
+import type { LayoutRegionsHtml } from "./types.ts";
 export type PageCanvasProps = {
     readonly meta: PdfMetaDraft;
     readonly content: string;

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

@@ -1,5 +1,5 @@
-import type { FooterTone } from "./editor-shell.js";
-import type { ValidationResult } from "./types.js";
+import type { FooterTone } from "./editor-shell.tsx";
+import type { ValidationResult } from "./types.ts";
 type Translate = (key: string, params?: Readonly<Record<string, unknown>>) => string;
 export type GeneratedProbe = {
     readonly pages: number;

package/dist/web/pdf-footer.js

@@ -1,3 +1,4 @@
+import { variableLabelText } from "./used-by-label.js";
 function formatSize(bytes) {
     return bytes < 1024 * 1024
         ? `${Math.max(1, Math.round(bytes / 1024))} KB`
@@ -8,7 +9,7 @@ function formatSize(bytes) {
 export function pdfFooterMessage(t, validation, probe) {
     if (validation.missingRequired.length > 0) {
         const names = validation.missingRequired
-            .map((name) => validation.variables[name]?.label ?? name)
+            .map((name) => variableLabelText(t, name, validation.variables[name]?.label))
             .join(", ");
         return { tone: "bad", text: t("documentDesigner.validation.missingRequired", { name: names }) };
     }

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

@@ -115,7 +115,7 @@ export function PdfTemplateEditor({ slug, locale: requestedLocale, onLocaleChang
     const variables = validation?.variables ?? NO_VARIABLES;
     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 variableLabels = useMemo(() => ({ ...systemLabels, ...variableLabelMap(t, variables) }), [systemLabels, variables, t]);
     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.

package/dist/web/rail.d.ts

@@ -13,9 +13,11 @@ declare const TRAILING_TONE: {
     readonly bad: "text-status-bad";
     readonly muted: "text-muted-foreground";
 };
-export declare function RailRow({ symbol, label, required, trailing, trailingTone, action, bad, testId, onPress, }: {
+export declare function RailRow({ symbol, label, nameHint, required, trailing, trailingTone, action, bad, testId, onPress, }: {
     readonly symbol?: string;
     readonly label: string;
+    /** Technical name behind a translated label, shown as tooltip. */
+    readonly nameHint?: string;
     readonly required?: boolean;
     readonly trailing?: ReactNode;
     readonly trailingTone?: keyof typeof TRAILING_TONE;

package/dist/web/rail.js

@@ -12,8 +12,8 @@ const TRAILING_TONE = {
     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 }))] }));
+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 })), _jsxs("span", { className: cn("min-w-0 grow break-words text-sm", trailing !== undefined && "max-w-[65%] shrink-0", bad === true && "text-status-bad"), title: nameHint !== undefined && nameHint !== label ? nameHint : undefined, 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 })] }));
 }

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

@@ -1,9 +1,9 @@
 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 { InsertTargets } from "./use-insert-targets.js";
+import type { EditorVocabulary } from "./mail-edit-center.tsx";
+import type { OverviewRowView } from "./overview-row.ts";
+import { type PdfMetaDraft } from "./pdf-meta.ts";
+import { type TemplateStatus } from "./types.ts";
+import type { InsertTargets } from "./use-insert-targets.ts";
 export type VersionInfo = {
     readonly id: string;
     readonly version: number;

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

@@ -1,5 +1,5 @@
 import type { StatusBadgeTone } from "@cosmicdrift/kumiko-renderer-web";
-import type { OverviewRowView } from "./overview-row.js";
+import type { OverviewRowView } from "./overview-row.ts";
 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;

package/dist/web/template-rows.d.ts

@@ -1,4 +1,4 @@
-import type { TemplateListRow, TemplateScope } from "./types.js";
+import type { TemplateListRow, TemplateScope } from "./types.ts";
 /**
  * The row the editor works on. A tenant sees its own customisation, or the
  * system row as the starting point for one; a SystemAdmin edits the system row.

package/dist/web/types.d.ts

@@ -1,5 +1,5 @@
 import type { FieldIssue } from "@cosmicdrift/kumiko-headless";
-import type { TemplateDiff } from "./layout-types.js";
+import type { TemplateDiff } from "./layout-types.ts";
 export type TemplateScope = "system" | "tenant";
 export type TemplateStatus = "draft" | "active" | "archived";
 export declare const DOCUMENT_PDF_KIND: "document-pdf";

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

@@ -1,4 +1,4 @@
-import type { MailDraft, TemplateRowView } from "./mail-types.js";
+import type { MailDraft, TemplateRowView } from "./mail-types.ts";
 export type SaveOutcome = "saved" | "saved-not-published" | "failed";
 export type MailPersistence = {
     readonly save: (draft: MailDraft, publish: boolean) => Promise<SaveOutcome>;

package/dist/web/use-overview-rows.d.ts

@@ -1,4 +1,4 @@
-import { type OverviewRowView } from "./overview-row.js";
+import { type OverviewRowView } from "./overview-row.ts";
 export type OverviewRows = {
     readonly rows: readonly OverviewRowView[];
     readonly loaded: boolean;

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

@@ -1,5 +1,6 @@
-import type { OverviewRowView, OverviewUsageView } from "./overview-row.js";
+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 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

@@ -5,6 +5,10 @@ function translateOrRaw(t, key, raw) {
     const translated = t(key);
     return translated === key ? raw : translated;
 }
+// A declared label is an i18n key or plain text; without one the variable name stands in.
+export function variableLabelText(t, name, label) {
+    return label === undefined ? name : translateOrRaw(t, label, label);
+}
 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.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-document-designer",
-  "version": "0.368.0",
+  "version": "0.370.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>",
@@ -19,13 +19,13 @@
     }
   },
   "dependencies": {
-    "@cosmicdrift/kumiko-bundled-features": "0.368.0",
-    "@cosmicdrift/kumiko-framework": "0.368.0",
-    "@cosmicdrift/kumiko-headless": "0.368.0",
-    "@cosmicdrift/kumiko-renderer": "0.368.0",
-    "@cosmicdrift/kumiko-renderer-puppeteer-client": "0.368.0",
-    "@cosmicdrift/kumiko-renderer-web": "0.368.0",
-    "@cosmicdrift/kumiko-types": "0.368.0",
+    "@cosmicdrift/kumiko-bundled-features": "0.370.0",
+    "@cosmicdrift/kumiko-framework": "0.370.0",
+    "@cosmicdrift/kumiko-headless": "0.370.0",
+    "@cosmicdrift/kumiko-renderer": "0.370.0",
+    "@cosmicdrift/kumiko-renderer-puppeteer-client": "0.370.0",
+    "@cosmicdrift/kumiko-renderer-web": "0.370.0",
+    "@cosmicdrift/kumiko-types": "0.370.0",
     "pdfjs-dist": "6.3.289",
     "react": "^19.2.6"
   },

package/src/changes.json

@@ -1,4 +1,10 @@
 [
+  {
+    "version": "0.370.0",
+    "type": "fix",
+    "title": "Designer addresses the user informally in German, points tenant-routed senders to Email sending and renders chips inside buttons",
+    "detail": "All German document designer strings use du like the rest of the framework; the formal locale overrides keep Sie. For a notification with tenantTransport the sender hint in the mail editor says the address comes from the tenant's Email sending settings and links to that screen when the app mounts it; TemplateUsageEntry gains tenantTransport. A placeholder chip inside a button block is now drawn in inverted colors so the button text stays readable in the editor."
+  },
   {
     "version": "0.365.0",
     "type": "improvement",