@protobase/ui 0.63.4 → 0.64.0

package/dist/app/export/export-dialog.js

@@ -89,7 +89,7 @@ const ColumnPicker = ({ fields, columns, onChange }) => {
 						size: "sm",
 						variant: "ghost",
 						className: "min-h-8 px-2",
-						"aria-label": text("moveUp", labels[name]),
+						"aria-label": text("moveUp", { label: labels[name] }),
 						disabled: index === 0,
 						onClick: () => onChange(move(columns, name, -1)),
 						children: /* @__PURE__ */ jsx(ArrowUp, { className: "size-3.5" })
@@ -97,7 +97,7 @@ const ColumnPicker = ({ fields, columns, onChange }) => {
 						size: "sm",
 						variant: "ghost",
 						className: "min-h-8 px-2",
-						"aria-label": text("moveDown", labels[name]),
+						"aria-label": text("moveDown", { label: labels[name] }),
 						disabled: index === columns.length - 1,
 						onClick: () => onChange(move(columns, name, 1)),
 						children: /* @__PURE__ */ jsx(ArrowDown, { className: "size-3.5" })
@@ -117,17 +117,20 @@ const ExportDialog = ({ plural, view, fields, initialColumns, count, selected, o
 	const [columns, setColumns] = useState(initialColumns);
 	const [mode, setMode] = useState("shown");
 	const limit = exportLimit(view, format);
-	const rows = scope === "selected" ? text("selectedRows", formatInt(selected ?? 0), selected ?? 0) : countText(count);
+	const rows = scope === "selected" ? text("selectedRows", {
+		count: formatInt(selected ?? 0),
+		rows: selected ?? 0
+	}) : countText(count);
 	const overLimit = (scope === "selected" ? selected ?? 0 : countedRows(count) ?? 0) > limit;
 	const scopeOptions = [{
 		value: "list",
 		label: text("rowsInList")
 	}, {
 		value: "selected",
-		label: text("selected", formatInt(selected ?? 0))
+		label: text("selected", { count: formatInt(selected ?? 0) })
 	}];
 	return /* @__PURE__ */ jsx(ResponsiveDialog, {
-		title: text("exportPlural", plural),
+		title: text("exportPlural", { plural }),
 		open,
 		onClose,
 		actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
@@ -190,7 +193,7 @@ const ExportDialog = ({ plural, view, fields, initialColumns, count, selected, o
 				/* @__PURE__ */ jsxs("p", {
 					role: "status",
 					className: "text-muted-foreground",
-					children: [text("exports", rows), overLimit && text("overLimit", formatInt(limit))]
+					children: [text("exports", { rows }), overLimit && text("overLimit", { limit: formatInt(limit) })]
 				})
 			]
 		})
@@ -200,7 +203,7 @@ const ExportDialog = ({ plural, view, fields, initialColumns, count, selected, o
 const ExportProgressDialog = ({ plural, done, total, onCancel }) => {
 	const share = total ? Math.min(1, done / total) : void 0;
 	return /* @__PURE__ */ jsx(ResponsiveDialog, {
-		title: text("exporting", plural),
+		title: text("exporting", { plural }),
 		open: true,
 		onClose: onCancel,
 		actions: /* @__PURE__ */ jsx(Button, {
@@ -222,7 +225,10 @@ const ExportProgressDialog = ({ plural, done, total, onCancel }) => {
 				})
 			}), /* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground",
-				children: total ? text("doneOf", formatInt(done), formatInt(total)) : text("done", formatInt(done))
+				children: total ? text("doneOf", {
+					done: formatInt(done),
+					total: formatInt(total)
+				}) : text("done", { done: formatInt(done) })
 			})]
 		})
 	});

package/dist/app/export/messages.js

@@ -1,78 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/export/messages.ts
-const text = defineMessages({
-	en: {
-		excel: "Excel (.xlsx)",
-		csv: "CSV",
-		asShown: "As shown",
-		rawValues: "Raw values",
-		shownHint: "Labels, dates and numbers as the list shows them.",
-		rawHint: "Values as they are stored, such as keys and codes.",
-		counting: "Counting rows…",
-		moreThan: "more than 10,000 rows",
-		columns: "Columns",
-		moveUp: (label) => `Move ${label} up`,
-		moveDown: (label) => `Move ${label} down`,
-		selectedRows: (count, rows) => `${count} selected ${rows === 1 ? "row" : "rows"}`,
-		rowsInList: "Rows in the list",
-		selected: (count) => `Selected (${count})`,
-		exportPlural: (plural) => `Export ${plural.toLowerCase()}`,
-		cancel: "Cancel",
-		export: "Export",
-		format: "Format",
-		rows: "Rows",
-		listHint: "With the list’s filters, search and sort.",
-		values: "Values",
-		exports: (rows) => `Exports ${rows}.`,
-		overLimit: (limit) => ` A file holds at most ${limit} rows; the rest are left out.`,
-		exporting: (plural) => `Exporting ${plural.toLowerCase()}`,
-		rowsExported: "Rows exported",
-		doneOf: (done, total) => `${done} of ${total} rows`,
-		done: (done) => `${done} rows`,
-		exported: (count, plural) => `Exported ${count} ${plural.toLowerCase()}`,
-		truncated: (name, count) => `${name}: the first ${count} rows, as many as a file holds.`,
-		couldNotExport: (plural) => `Could not export ${plural.toLowerCase()}`,
-		cancelled: "The export was cancelled",
-		couldNotBuild: (message) => `The export could not be built: ${message}`,
-		workbook: "Excel workbook",
-		csvFile: "CSV file"
-	},
-	nl: {
-		excel: "Excel (.xlsx)",
-		csv: "CSV",
-		asShown: "Zoals getoond",
-		rawValues: "Ruwe waarden",
-		shownHint: "Labels, datums en getallen zoals de lijst ze toont.",
-		rawHint: "Waarden zoals ze zijn opgeslagen, zoals sleutels en codes.",
-		counting: "Rijen tellen…",
-		moreThan: "meer dan 10.000 rijen",
-		columns: "Kolommen",
-		moveUp: (label) => `${label} omhoog`,
-		moveDown: (label) => `${label} omlaag`,
-		selectedRows: (count, rows) => `${count} geselecteerde ${rows === 1 ? "rij" : "rijen"}`,
-		rowsInList: "Rijen in de lijst",
-		selected: (count) => `Geselecteerd (${count})`,
-		exportPlural: (plural) => `${plural} exporteren`,
-		cancel: "Annuleren",
-		export: "Exporteren",
-		format: "Formaat",
-		rows: "Rijen",
-		listHint: "Met de filters, zoekopdracht en sortering van de lijst.",
-		values: "Waarden",
-		exports: (rows) => `Exporteert ${rows}.`,
-		overLimit: (limit) => ` Een bestand bevat hoogstens ${limit} rijen; de rest blijft weg.`,
-		exporting: (plural) => `${plural} exporteren`,
-		rowsExported: "Geëxporteerde rijen",
-		doneOf: (done, total) => `${done} van ${total} rijen`,
-		done: (done) => `${done} rijen`,
-		exported: (count, plural) => `${count} ${plural.toLowerCase()} geëxporteerd`,
-		truncated: (name, count) => `${name}: de eerste ${count} rijen, zoveel als een bestand bevat.`,
-		couldNotExport: (plural) => `Kon ${plural.toLowerCase()} niet exporteren`,
-		cancelled: "De export is geannuleerd",
-		couldNotBuild: (message) => `De export kon niet worden gemaakt: ${message}`,
-		workbook: "Excel-werkmap",
-		csvFile: "CSV-bestand"
-	}
-});
+const text = messages("app/export");
 //#endregion
 export { text };

package/dist/app/export/use-export-flow.js

@@ -91,15 +91,21 @@ const useExportFlow = ({ model, view, resources, views, plural, filter, orderBy,
 			});
 			toast.show({
 				state: "success",
-				title: text("exported", formatInt(result.rows), plural),
-				description: result.truncated ? text("truncated", name, formatInt(result.rows)) : name
+				title: text("exported", {
+					count: formatInt(result.rows),
+					plural
+				}),
+				description: result.truncated ? text("truncated", {
+					name,
+					count: formatInt(result.rows)
+				}) : name
 			});
 		} catch (error) {
 			if (error instanceof DOMException && error.name === "AbortError") return;
 			if (!isApiError(error)) throw error;
 			toast.show({
 				state: "error",
-				title: text("couldNotExport", plural),
+				title: text("couldNotExport", { plural }),
 				description: error.message
 			});
 		} finally {

package/dist/app/field-editor.js

@@ -1,15 +1,15 @@
 import { cn } from "../lib/cn.js";
 import { buttonClass } from "../primitives/button.js";
-import { useFieldControl } from "../primitives/field-control.js";
-import { Input } from "../primitives/input.js";
 import { humanize } from "../live/naming.js";
 import { isMarkdown } from "../markdown/markdown-hint.js";
 import { contactFormat, contactInputProps } from "../live/contact-links.js";
 import { displayValue, valueTitle } from "../live/display-value.js";
 import { text } from "./messages.js";
 import { AppLink } from "./use-app-address.js";
+import { useFieldControl } from "../primitives/field-control.js";
 import { fromDraft, isEditable, toFieldDraft } from "../live/field-values.js";
 import { Switch } from "../primitives/switch.js";
+import { Input } from "../primitives/input.js";
 import { Textarea } from "../primitives/textarea.js";
 import { RelationPicker } from "./relation-picker.js";
 import { SensitiveField } from "./sensitive-field.js";
@@ -66,7 +66,7 @@ const BuiltInEditor = ({ field, hints, value, stored, relationLabel, relationTo,
 				children: picker
 			}), /* @__PURE__ */ jsx(AppLink, {
 				to: relationTo,
-				"aria-label": text("openLabel", relationLabel ?? String(value)),
+				"aria-label": text("openLabel", { label: relationLabel ?? String(value) }),
 				title: text("open"),
 				className: cn(buttonClass({ variant: "ghost" }), "w-8 px-0"),
 				children: /* @__PURE__ */ jsx(ArrowUpRight, { className: "size-4" })

package/dist/app/field-errors.js

@@ -6,14 +6,22 @@ const numberIn = (params, key) => typeof params?.[key] === "number" ? params[key
 const textMessage = (label, params) => {
 	const min = numberIn(params, "min");
 	const max = numberIn(params, "max");
-	if (min !== void 0) return text("atLeastCharacters", label, formatInt(min), min);
-	if (max !== void 0) return text("atMostCharacters", label, formatInt(max), max);
+	if (min !== void 0) return text("atLeastCharacters", {
+		label,
+		count: formatInt(min),
+		n: min
+	});
+	if (max !== void 0) return text("atMostCharacters", {
+		label,
+		count: formatInt(max),
+		n: max
+	});
 };
 const wholeNumber = (params) => {
 	const min = numberIn(params, "min");
 	const max = numberIn(params, "max");
-	if (min !== void 0) return text("wholeNumberAtLeast", formatInt(min));
-	if (max !== void 0) return text("wholeNumberAtMost", formatInt(max));
+	if (min !== void 0) return text("wholeNumberAtLeast", { min: formatInt(min) });
+	if (max !== void 0) return text("wholeNumberAtMost", { max: formatInt(max) });
 	return text("wholeNumber");
 };
 const decimalMessage = (params) => {
@@ -21,7 +29,10 @@ const decimalMessage = (params) => {
 	const scale = numberIn(params, "scale");
 	if (precision === void 0 || scale === void 0) return text("number");
 	const below = formatInt(10 ** (precision - scale));
-	return scale === 0 ? text("wholeNumberBelow", below) : text("decimalsBelow", scale, below);
+	return scale === 0 ? text("wholeNumberBelow", { below }) : text("decimalsBelow", {
+		scale,
+		below
+	});
 };
 /** What to say about a value of each field type the server turned down; without an entry, the server's message shows. */
 const invalidValue = {
@@ -44,7 +55,7 @@ const invalidValue = {
 * server words them.
 */
 const fieldMessage = (field, label, error) => {
-	if (error.code === "required") return text("required", label);
+	if (error.code === "required") return text("required", { label });
 	if (error.code !== "invalid-value" || !field) return error.message;
 	return invalidValue[field.type]?.(label, error.params) ?? error.message;
 };
@@ -64,7 +75,7 @@ const saveFailureDescription = (error) => {
 	const fields = new Set(error.errors.flatMap((entry) => entry.field && entry.field !== "_record" ? [entry.field] : []));
 	const record = error.errors.flatMap((entry) => entry.field === "_record" ? [entry.message] : []);
 	if (fields.size === 0 && record.length === 0) return error.message;
-	return [...fields.size === 0 ? [] : [fields.size === 1 ? text("checkField") : text("checkFields", fields.size)], ...record].join(" ");
+	return [...fields.size === 0 ? [] : [fields.size === 1 ? text("checkField") : text("checkFields", { count: fields.size })], ...record].join(" ");
 };
 //#endregion
 export { fieldErrors, fieldMessage, saveFailureDescription };

package/dist/app/field-messages.js

@@ -1,48 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/app/field-messages.ts
-const text = defineMessages({
-	en: {
-		atLeastCharacters: (label, count, n) => `${label} needs at least ${count} character${n === 1 ? "" : "s"}`,
-		atMostCharacters: (label, count, n) => `${label} can have at most ${count} character${n === 1 ? "" : "s"}`,
-		wholeNumberAtLeast: (min) => `Enter a whole number of at least ${min}`,
-		wholeNumberAtMost: (max) => `Enter a whole number of at most ${max}`,
-		wholeNumber: "Enter a whole number",
-		number: "Enter a number",
-		wholeNumberBelow: (below) => `Enter a whole number below ${below}`,
-		decimalsBelow: (scale, below) => `Enter a number with at most ${scale} decimal${scale === 1 ? "" : "s"}, below ${below}`,
-		date: "Enter a date",
-		timestamp: "Enter a date and time",
-		country: "Enter a two-letter country code, such as NL",
-		currency: "Enter a three-letter currency code, such as EUR",
-		uuid: "Enter a valid ID",
-		enum: "Choose one of the options",
-		relation: "Choose a record",
-		json: "Enter valid JSON",
-		required: (label) => `${label} is required`,
-		checkField: "Check the marked field.",
-		checkFields: (count) => `Check ${count} fields.`
-	},
-	nl: {
-		atLeastCharacters: (label, count, n) => `${label} moet minstens ${count} ${n === 1 ? "teken" : "tekens"} hebben`,
-		atMostCharacters: (label, count, n) => `${label} mag hoogstens ${count} ${n === 1 ? "teken" : "tekens"} hebben`,
-		wholeNumberAtLeast: (min) => `Vul een geheel getal in van minstens ${min}`,
-		wholeNumberAtMost: (max) => `Vul een geheel getal in van hoogstens ${max}`,
-		wholeNumber: "Vul een geheel getal in",
-		number: "Vul een getal in",
-		wholeNumberBelow: (below) => `Vul een geheel getal in onder ${below}`,
-		decimalsBelow: (scale, below) => `Vul een getal in met hoogstens ${scale} ${scale === 1 ? "decimaal" : "decimalen"}, onder ${below}`,
-		date: "Vul een datum in",
-		timestamp: "Vul een datum en tijd in",
-		country: "Vul een landcode van twee letters in, zoals NL",
-		currency: "Vul een valutacode van drie letters in, zoals EUR",
-		uuid: "Vul een geldig ID in",
-		enum: "Kies een van de opties",
-		relation: "Kies een record",
-		json: "Vul geldige JSON in",
-		required: (label) => `${label} is verplicht`,
-		checkField: "Controleer het gemarkeerde veld.",
-		checkFields: (count) => `Controleer ${count} velden.`
-	}
-});
+const text = messages("app/field");
 //#endregion
 export { text };

package/dist/app/field-types/members/messages.js

@@ -1,18 +1,5 @@
-import { defineMessages } from "../../../locale/messages.js";
+import { messages } from "../../../locale/messages.js";
 //#region src/app/field-types/members/messages.ts
-const text = defineMessages({
-	en: {
-		needsOrganizations: "Choosing members needs organizations: turn them on in the auth config.",
-		couldNotLoadMembers: "Could not load the members.",
-		unknownMember: "Unknown member",
-		searchMembers: "Search members"
-	},
-	nl: {
-		needsOrganizations: "Leden kiezen vraagt om organisaties: zet ze aan in de auth-configuratie.",
-		couldNotLoadMembers: "De leden konden niet worden geladen.",
-		unknownMember: "Onbekend lid",
-		searchMembers: "Leden zoeken"
-	}
-});
+const text = messages("app/field-types/members");
 //#endregion
 export { text };

package/dist/app/field-types/messages.js

@@ -1,8 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/field-types/messages.ts
-const text = defineMessages({
-	en: { fieldType: (name) => `The field type ${name}` },
-	nl: { fieldType: (name) => `Het veldtype ${name}` }
-});
+const text = messages("app/field-types");
 //#endregion
 export { text };

package/dist/app/field-types/widget-part.js

@@ -25,7 +25,7 @@ const WidgetPart = ({ fallback, ...rest }) => {
 	const element = partOf(rest);
 	if (!element) return fallback;
 	return /* @__PURE__ */ jsx(CustomBoundary, {
-		name: text("fieldType", rest.shown.name),
+		name: text("fieldType", { name: rest.shown.name }),
 		fallback,
 		children: element
 	});

package/dist/app/file-field.js

@@ -98,7 +98,7 @@ const FileField = ({ field, hints, resource, value, locked, invalid, onChange })
 		type: "file",
 		hidden: true,
 		accept: acceptOf(field),
-		"aria-label": text("chooseFileFor", label),
+		"aria-label": text("chooseFileFor", { label }),
 		onChange: (event) => choose(event.target.files)
 	});
 	const error = upload.error && /* @__PURE__ */ jsx("div", {
@@ -111,7 +111,7 @@ const FileField = ({ field, hints, resource, value, locked, invalid, onChange })
 	if (upload.isPending) return /* @__PURE__ */ jsxs("div", {
 		className: "py-1.5",
 		role: "status",
-		"aria-label": text("uploadingLabel", label),
+		"aria-label": text("uploadingLabel", { label }),
 		children: [/* @__PURE__ */ jsx("div", {
 			className: "h-1.5 overflow-hidden rounded-full bg-muted",
 			children: /* @__PURE__ */ jsx("div", {
@@ -120,7 +120,7 @@ const FileField = ({ field, hints, resource, value, locked, invalid, onChange })
 			})
 		}), /* @__PURE__ */ jsx("span", {
 			className: "text-xs text-muted-foreground",
-			children: text("uploading", Math.round((progress ?? 0) * 100))
+			children: text("uploading", { percent: Math.round((progress ?? 0) * 100) })
 		})]
 	});
 	if (fileShown(value)) return /* @__PURE__ */ jsxs("div", { children: [

package/dist/app/gallery/gallery-section.js

@@ -1,9 +1,9 @@
 import { cn } from "../../lib/cn.js";
 import { useAdminMeta, usePermissions } from "../meta-gate.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { Section } from "../../record-view/section.js";
 import { shownImage } from "../../live/file-values.js";
 import { humanize } from "../../live/naming.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { ErrorBanner } from "../error-banner.js";
 import { FileImage } from "../../live/file-image.js";
 import { galleryTiles } from "./gallery-layout.js";
@@ -92,7 +92,10 @@ const GallerySection = ({ item, record, recordKey }) => {
 				const last = index === shown - 1 && more > 0;
 				return /* @__PURE__ */ jsxs("button", {
 					type: "button",
-					"aria-label": last ? text("showAll", count) : text("showPhoto", index + 1, count),
+					"aria-label": last ? text("showAll", { count }) : text("showPhoto", {
+						index: index + 1,
+						count
+					}),
 					onClick: () => setOpen(index),
 					className: cn("group/tile relative overflow-hidden bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary", index === 0 ? "col-span-4 row-span-2" : "max-md:hidden", spans[shown][index]),
 					children: [
@@ -120,7 +123,7 @@ const GallerySection = ({ item, record, recordKey }) => {
 			onIndex: setOpen,
 			onClose: () => setOpen(void 0),
 			details,
-			detailsTitle: holder && text("holderDetails", holderView?.names?.singular ?? humanize(holder.name))
+			detailsTitle: holder && text("holderDetails", { singular: holderView?.names?.singular ?? humanize(holder.name) })
 		})]
 	});
 };

package/dist/app/gallery/messages.js

@@ -1,30 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/gallery/messages.ts
-const text = defineMessages({
-	en: {
-		couldNotLoad: "Could not load the photos",
-		showAll: (count) => `Show all ${count} photos`,
-		showPhoto: (index, count) => `Show photo ${index} of ${count}`,
-		details: "Details",
-		holderDetails: (singular) => `${singular} details`,
-		close: "Close",
-		previousPhoto: "Previous photo",
-		nextPhoto: "Next photo",
-		couldNotLoadOne: (singular) => `Could not load the ${singular}`,
-		open: (singular) => `Open ${singular}`
-	},
-	nl: {
-		couldNotLoad: "Kon de foto’s niet laden",
-		showAll: (count) => `Alle ${count} foto’s tonen`,
-		showPhoto: (index, count) => `Foto ${index} van ${count} tonen`,
-		details: "Gegevens",
-		holderDetails: (singular) => `Gegevens van ${singular.toLowerCase()}`,
-		close: "Sluiten",
-		previousPhoto: "Vorige foto",
-		nextPhoto: "Volgende foto",
-		couldNotLoadOne: (singular) => `Kon ${singular} niet laden`,
-		open: (singular) => `${singular} openen`
-	}
-});
+const text = messages("app/gallery");
 //#endregion
 export { text };

package/dist/app/gallery/photo-details.js

@@ -1,5 +1,5 @@
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { AppLink } from "../use-app-address.js";
 import { SpecTable } from "../../record-view/spec-table.js";
 import { ErrorBanner } from "../error-banner.js";
@@ -18,7 +18,7 @@ const PhotoDetails = ({ model, view, photoKey, fields }) => {
 	const singular = (view?.names?.singular ?? humanize(model.name)).toLowerCase();
 	if (record.isPending) return /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" });
 	if (record.error) return /* @__PURE__ */ jsx(ErrorBanner, {
-		title: text("couldNotLoadOne", singular),
+		title: text("couldNotLoadOne", { singular }),
 		error: record.error
 	});
 	const shown = fields.filter((name) => fieldAccess(record.data.permissions, name) !== "hidden");
@@ -36,7 +36,7 @@ const PhotoDetails = ({ model, view, photoKey, fields }) => {
 			key: photoKey
 		},
 		className: "mt-3 inline-block font-medium text-primary-text hover:underline",
-		children: text("open", singular)
+		children: text("open", { singular })
 	})] });
 };
 //#endregion

package/dist/app/hand-order/hand-sorted-list.js

@@ -1,12 +1,11 @@
 import { useAdminMeta } from "../meta-gate.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { recordKey, recordTitle } from "../../live/model-helpers.js";
 import { loadedFields } from "../displays/list-displays.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { useAppAddress } from "../use-app-address.js";
 import { ErrorBanner } from "../error-banner.js";
 import { useProjectUi } from "../pages/project-ui.js";
 import { Problem } from "../pages/problem.js";
-import { slotted } from "../../locale/slotted.js";
 import { DataGrid } from "../../data-grid/data-grid.js";
 import { text } from "./messages.js";
 import { embeddedColumns } from "../embedded-list/embedded-columns.js";
@@ -60,7 +59,7 @@ const HandSortedList = ({ model, view, field, filter, columns, sort }) => {
 		total: rows.length,
 		rowAt: (index) => rows[index]
 	}, [rows]);
-	if (ruleName !== void 0 && !rule) return /* @__PURE__ */ jsx(Problem, { children: slotted(text("noRule"), ruleName) });
+	if (ruleName !== void 0 && !rule) return /* @__PURE__ */ jsx(Problem, { children: text.rich("noRule", { rule: ruleName }) });
 	if (order.loading) return /* @__PURE__ */ jsx("div", {
 		className: "flex flex-col gap-2",
 		children: Array.from({ length: 3 }, (_, index) => /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }, index))

package/dist/app/hand-order/messages.js

@@ -1,32 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/hand-order/messages.ts
-const text = defineMessages({
-	en: {
-		done: "Done",
-		reorder: "Reorder",
-		couldNotLoad: "Could not load",
-		nothingYet: "Nothing here yet.",
-		couldNotChange: "Could not change the order",
-		orderChanged: "Order changed",
-		undo: "Undo",
-		couldNotUndo: "Could not undo",
-		movedToPlace: (place) => `Moved to place ${place}`,
-		notMoved: "Left in its place",
-		noRule: "No drop rule is registered as {}. Give it in dropRules in protobase.ui.tsx, or load the plugin that provides it."
-	},
-	nl: {
-		done: "Klaar",
-		reorder: "Volgorde wijzigen",
-		couldNotLoad: "Kon niet laden",
-		nothingYet: "Hier staat nog niets.",
-		couldNotChange: "Kon de volgorde niet wijzigen",
-		orderChanged: "Volgorde gewijzigd",
-		undo: "Ongedaan maken",
-		couldNotUndo: "Kon niet ongedaan maken",
-		movedToPlace: (place) => `Verplaatst naar plaats ${place}`,
-		notMoved: "Op zijn plaats gelaten",
-		noRule: "Er is geen sleepregel geregistreerd als {}. Geef die in dropRules in protobase.ui.tsx, of laad de plug-in die haar levert."
-	}
-});
+const text = messages("app/hand-order");
 //#endregion
 export { text };

package/dist/app/hand-order/use-hand-order.js

@@ -1,10 +1,10 @@
 import { keys } from "../../data/query-keys.js";
 import { useClient } from "../../data/api-provider.js";
 import { useAdminMeta } from "../meta-gate.js";
-import { useToast } from "../../toasts/toast-provider.js";
 import { recordId, recordKey, recordTitle } from "../../live/model-helpers.js";
 import { refusalReason } from "../displays/board-columns.js";
 import { displayRow } from "../displays/list-displays.js";
+import { useToast } from "../../toasts/toast-provider.js";
 import { useRefreshResource } from "../pages/use-layout-data.js";
 import { listLabels, withLabels } from "../../live/relation-labels.js";
 import { text } from "./messages.js";
@@ -156,7 +156,7 @@ const useHandOrder = ({ model, view, field, filter, fields, rule }) => {
 		const allowed = allowedDrop(rows.map((row) => displayRow(model, row).record), from, dropped, rule);
 		if (allowed.reason !== void 0) toast.show({
 			state: "warning",
-			title: allowed.to === from ? text("notMoved") : text("movedToPlace", allowed.to + 1),
+			title: allowed.to === from ? text("notMoved") : text("movedToPlace", { place: allowed.to + 1 }),
 			description: allowed.reason
 		});
 		return allowed.to;

package/dist/app/history/describe-change.js

@@ -5,7 +5,7 @@ import { text } from "./messages.js";
 /** Who made a change: their name, else their id; a write from outside the app names the database role. */
 const changedBy = (change) => {
 	if (change.actor) return change.actor.name ?? change.actor.id;
-	return change.databaseRole ? text("databaseRole", change.databaseRole) : text("database");
+	return change.databaseRole ? text("databaseRole", { role: change.databaseRole }) : text("database");
 };
 /**
 * A change as the record page tells it: who, what they did, and for an update each changed field the model still has,

package/dist/app/history/history-section.js

@@ -1,7 +1,7 @@
 import { Button } from "../../primitives/button.js";
+import { Section } from "../../record-view/section.js";
 import { formatDateTime, formatRelativeTime } from "../../format/date.js";
 import { Skeleton } from "../../primitives/skeleton.js";
-import { Section } from "../../record-view/section.js";
 import { ErrorBanner } from "../error-banner.js";
 import { describeChange } from "./describe-change.js";
 import { useRecordHistory } from "./use-record-history.js";

package/dist/app/history/messages.js

@@ -1,32 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/history/messages.ts
-const text = defineMessages({
-	en: {
-		create: "created this",
-		update: "changed",
-		delete: "deleted this",
-		undelete: "restored this",
-		database: "Database",
-		databaseRole: (role) => `Database (${role})`,
-		changed: "changed",
-		changedThis: "changed this",
-		couldNotLoad: "Could not load the history",
-		noChanges: "No changes kept yet.",
-		showMore: "Show more"
-	},
-	nl: {
-		create: "maakte dit",
-		update: "wijzigde",
-		delete: "verwijderde dit",
-		undelete: "zette dit terug",
-		database: "Database",
-		databaseRole: (role) => `Database (${role})`,
-		changed: "gewijzigd",
-		changedThis: "wijzigde dit",
-		couldNotLoad: "Kon de geschiedenis niet laden",
-		noChanges: "Nog geen wijzigingen bewaard.",
-		showMore: "Meer tonen"
-	}
-});
+const text = messages("app/history");
 //#endregion
 export { text };