@protobase/ui 0.63.4 → 0.64.0

package/dist/app/batch-failure.js

@@ -9,7 +9,11 @@ const label = (op) => {
 const describeBatchFailure = (error, ops) => {
 	const index = error.operation;
 	const op = index === void 0 ? void 0 : ops[index];
-	return op ? text("operationFailed", index + 1, label(op), error.message) : text("nothingSaved", error.message);
+	return op ? text("operationFailed", {
+		index: index + 1,
+		label: label(op),
+		message: error.message
+	}) : text("nothingSaved", { message: error.message });
 };
 /** The same error with the failing operation named in its message, keeping its class so a 412 stays a 412. */
 const nameFailingOperation = (error, ops) => {

package/dist/app/change-confirm/messages.js

@@ -1,16 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/change-confirm/messages.ts
-const text = defineMessages({
-	en: {
-		title: (label) => `Change ${label}?`,
-		change: "Change",
-		cancel: "Cancel"
-	},
-	nl: {
-		title: (label) => `${label} wijzigen?`,
-		change: "Wijzigen",
-		cancel: "Annuleren"
-	}
-});
+const text = messages("app/change-confirm");
 //#endregion
 export { text };

package/dist/app/change-confirm/use-change-confirm.js

@@ -5,13 +5,12 @@ import { asksToConfirm } from "./asks-to-confirm.js";
 import { text } from "./messages.js";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { createPortal } from "react-dom";
 //#region src/app/change-confirm/use-change-confirm.tsx
 /**
 * Whether `node` sits in the question a change asks. The dialog is portalled to the body, so a list cell does not clip
 * it, while its events still bubble through the editor that asked it.
 */
-const inChangeConfirm = (node) => node instanceof Element && node.closest("[data-change-confirm]") !== null;
+const inChangeConfirm = (node) => node instanceof Element && node.closest("[data-dialog=\"change-confirm\"]") !== null;
 /**
 * The field's `onChange`, asking the view's `.confirm()` question before it hands on a change that `asksToConfirm`
 * picks out, and the dialog that asks it. Cancelling drops the change, so the field keeps its value.
@@ -29,22 +28,20 @@ const useChangeConfirm = ({ field, hints, value, stored, onChange }) => {
 	};
 	return {
 		onChange: change,
-		dialog: pending && createPortal(/* @__PURE__ */ jsx("div", {
-			"data-change-confirm": "",
-			children: /* @__PURE__ */ jsx(Dialog, {
-				title: text("title", hints?.label ?? humanize(field.name)),
-				description: hints?.confirm,
-				onClose: cancel,
-				actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
-					onClick: cancel,
-					children: text("cancel")
-				}), /* @__PURE__ */ jsx(Button, {
-					variant: "primary",
-					onClick: confirm,
-					children: text("change")
-				})] })
-			})
-		}), document.body)
+		dialog: pending && /* @__PURE__ */ jsx(Dialog, {
+			name: "change-confirm",
+			title: text("title", { label: hints?.label ?? humanize(field.name) }),
+			description: hints?.confirm,
+			onClose: cancel,
+			actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
+				onClick: cancel,
+				children: text("cancel")
+			}), /* @__PURE__ */ jsx(Button, {
+				variant: "primary",
+				onClick: confirm,
+				children: text("change")
+			})] })
+		})
 	};
 };
 //#endregion

package/dist/app/charts/chart-groups.js

@@ -1,4 +1,5 @@
 import { formatTag } from "../../locale/active-locale.js";
+import { valueColor } from "../../live/value-color.js";
 import { text } from "./messages.js";
 import { createWhere, enumLabel, printFilter } from "@protobase/schema";
 //#region src/app/charts/chart-groups.ts
@@ -7,7 +8,8 @@ const slot = (index) => index >= 0 && index < 8 ? `var(--chart-${index + 1})` :
 const colorOf = (field, hints, value, index) => {
 	const key = String(value);
 	if (value === null) return "var(--faint-foreground)";
-	if (hints?.valueColors && Object.hasOwn(hints.valueColors, key)) return hints.valueColors[key];
+	const color = valueColor(hints?.valueColors, value);
+	if (color !== void 0) return color;
 	if (field.type === "enum") return slot(field.enumValues?.indexOf(key) ?? -1);
 	if (field.type === "boolean") return slot(value ? 0 : 1);
 	return slot(index);

package/dist/app/charts/chart-view.js

@@ -1,7 +1,7 @@
 import { useAdminMeta } from "../meta-gate.js";
 import { viewerZone } from "../../format/zone.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { labelFieldOf } from "../../live/model-helpers.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { useAggregate } from "../../data/use-aggregates.js";
 import { text } from "./messages.js";
 import { periodPoints, valueSlices } from "./chart-groups.js";

package/dist/app/charts/group-bars.js

@@ -17,7 +17,7 @@ const GroupBars = ({ resource, view, slices, measure }) => {
 			return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(AppLink, {
 				to: filteredListAddress(view, resource, slice.filter),
 				className: "group grid grid-cols-[minmax(6rem,35%)_1fr_auto] items-center gap-3 rounded-md px-1 py-1 hover:bg-muted",
-				title: measure.kind === "count" ? void 0 : text("records", measureText(slice.count, { kind: "count" })),
+				title: measure.kind === "count" ? void 0 : text("records", { count: measureText(slice.count, { kind: "count" }) }),
 				children: [
 					/* @__PURE__ */ jsx("span", {
 						className: "truncate group-hover:text-primary-text",

package/dist/app/charts/messages.js

@@ -1,26 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/charts/messages.ts
-const text = defineMessages({
-	en: {
-		notSet: "Not set",
-		yes: "Yes",
-		no: "No",
-		nothingYet: "Nothing to chart yet.",
-		couldNotLoad: "Could not load the chart.",
-		weekOf: (day) => `Week of ${day}`,
-		other: "Other",
-		records: (count) => `${count} records`
-	},
-	nl: {
-		notSet: "Niet ingevuld",
-		yes: "Ja",
-		no: "Nee",
-		nothingYet: "Nog niets om in een grafiek te zetten.",
-		couldNotLoad: "Kon de grafiek niet laden.",
-		weekOf: (day) => `Week van ${day}`,
-		other: "Overig",
-		records: (count) => `${count} records`
-	}
-});
+const text = messages("app/charts");
 //#endregion
 export { text };

package/dist/app/charts/period-chart.js

@@ -86,7 +86,7 @@ const PointTooltip = ({ active, payload, measure, bucket, series }) => {
 		children: [
 			/* @__PURE__ */ jsx("div", {
 				className: "text-muted-foreground",
-				children: bucket === "week" ? text("weekOf", formatterOf(tooltipFormats[bucket])(point.at)) : formatterOf(tooltipFormats[bucket])(point.at)
+				children: bucket === "week" ? text("weekOf", { day: formatterOf(tooltipFormats[bucket])(point.at) }) : formatterOf(tooltipFormats[bucket])(point.at)
 			}),
 			series?.map((part) => /* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-2",

package/dist/app/comments/comment-composer.js

@@ -1,8 +1,8 @@
 import { useClient } from "../../data/api-provider.js";
 import { Button } from "../../primitives/button.js";
-import { useToast } from "../../toasts/toast-provider.js";
 import { refusalReason } from "../displays/board-columns.js";
 import { useNavigationGuard } from "../router.js";
+import { useToast } from "../../toasts/toast-provider.js";
 import { mentionedIds } from "../../mentions/mention-text.js";
 import { MentionBox, emptyDraft } from "../../mentions/mention-box.js";
 import { usePostComment } from "./use-post-comment.js";

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

@@ -1,8 +1,8 @@
 import { Button } from "../../primitives/button.js";
-import { formatDateTime, formatRelativeTime } from "../../format/date.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { Avatar } from "../../primitives/avatar.js";
 import { Section } from "../../record-view/section.js";
+import { formatDateTime, formatRelativeTime } from "../../format/date.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { ErrorBanner } from "../error-banner.js";
 import { hueOf, initialsOf } from "../../auth/user-to-shell.js";
 import { CommentBody } from "./comment-body.js";

package/dist/app/comments/messages.js

@@ -1,22 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/comments/messages.ts
-const text = defineMessages({
-	en: {
-		couldNotPost: "Could not post the comment",
-		comment: "Comment",
-		placeholder: "Write a comment, @ to mention someone",
-		couldNotLoad: "Could not load the comments",
-		showEarlier: "Show earlier comments",
-		noComments: "No comments yet."
-	},
-	nl: {
-		couldNotPost: "Kon de opmerking niet plaatsen",
-		comment: "Opmerking",
-		placeholder: "Schrijf een opmerking, @ om iemand te noemen",
-		couldNotLoad: "Kon de opmerkingen niet laden",
-		showEarlier: "Eerdere opmerkingen tonen",
-		noComments: "Nog geen opmerkingen."
-	}
-});
+const text = messages("app/comments");
 //#endregion
 export { text };

package/dist/app/confirm-sign-in-messages.js

@@ -1,22 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/app/confirm-sign-in-messages.ts
-const text = defineMessages({
-	en: {
-		confirmTitle: "Confirm it's you",
-		confirmWhy: (minutes) => `Showing this needs a passkey or your authenticator app in the last ${minutes} minutes.`,
-		usePasskey: "Use a passkey",
-		authenticatorCode: "Code from your authenticator app",
-		confirm: "Confirm",
-		nothingToConfirmWith: "Add a passkey or an authenticator app on your account page first."
-	},
-	nl: {
-		confirmTitle: "Bevestig dat jij het bent",
-		confirmWhy: (minutes) => `Dit tonen vraagt in de laatste ${minutes} minuten een passkey of je authenticator-app.`,
-		usePasskey: "Passkey gebruiken",
-		authenticatorCode: "Code uit je authenticator-app",
-		confirm: "Bevestigen",
-		nothingToConfirmWith: "Voeg eerst een passkey of een authenticator-app toe op je accountpagina."
-	}
-});
+const text = messages("app/confirm-sign-in");
 //#endregion
 export { text };

package/dist/app/confirm-sign-in.js

@@ -42,7 +42,7 @@ const ConfirmSignIn = ({ minutes, onConfirmed }) => {
 			}),
 			/* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground",
-				children: text("confirmWhy", minutes)
+				children: text("confirmWhy", { minutes })
 			}),
 			account && account.passkeys > 0 && /* @__PURE__ */ jsx(Button, {
 				variant: "primary",

package/dist/app/create/create-page.js

@@ -27,11 +27,11 @@ const CreatePage = ({ resource, values }) => {
 	const permissions = usePermissions(resource);
 	if (!model) return /* @__PURE__ */ jsx(Notice, {
 		title: text("notFound"),
-		children: text("noResource", resource)
+		children: text("noResource", { name: resource })
 	});
 	if (!can(permissions, "create")) return /* @__PURE__ */ jsx(Notice, {
 		title: text$1("notAllowed"),
-		children: text$1("cannotCreate", meta.views[resource]?.names?.plural.toLowerCase() ?? resource)
+		children: text$1("cannotCreate", { plural: meta.views[resource]?.names?.plural.toLowerCase() ?? resource })
 	});
 	return /* @__PURE__ */ jsx(LoadedCreate, {
 		resource,
@@ -46,7 +46,7 @@ const LoadedCreate = ({ resource, values }) => {
 	const queryClient = useQueryClient();
 	const { go } = useAppAddress();
 	const noun = view?.names?.singular ?? humanize(resource);
-	const feedback = useLiveSave(view?.saveFeedback ?? "toast", text$1("subject", noun));
+	const feedback = useLiveSave(view?.saveFeedback ?? "toast", text$1("subject", { noun }));
 	const sections = createSections(model, view);
 	const [draft, setDraft] = useState(() => initialDraft(model, sections, values));
 	const [errors, setErrors] = useState({});

package/dist/app/create/create-record-form.js

@@ -1,5 +1,5 @@
-import { Field } from "../../record-view/field.js";
 import { Section } from "../../record-view/section.js";
+import { Field } from "../../record-view/field.js";
 import { text } from "./messages.js";
 import { Form } from "./form.js";
 import { jsx } from "react/jsx-runtime";
@@ -7,9 +7,9 @@ import { jsx } from "react/jsx-runtime";
 /** The presentation of "New <thing>": the view's sections, each field with its editor, and Create or Cancel. */
 const CreateRecordForm = ({ noun, collection, sections, saving, message, onSubmit, onCancel, ref }) => /* @__PURE__ */ jsx(Form, {
 	ref,
-	title: text("title", noun),
+	title: text("title", { noun }),
 	eyebrow: collection,
-	submit: text("submit", noun),
+	submit: text("submit", { noun }),
 	saving,
 	error: message ? new Error(message) : void 0,
 	errorTitle: text("notCreated"),

package/dist/app/create/create-route.js

@@ -18,7 +18,7 @@ const CreateRoute = ({ resource, values }) => {
 	}, new URLSearchParams(values).toString());
 	if (!meta.pages[view.create.page]) return /* @__PURE__ */ jsx(Notice, {
 		title: text("notAllowed"),
-		children: text("cannotCreate", view.names?.plural.toLowerCase() ?? humanize(resource))
+		children: text("cannotCreate", { plural: view.names?.plural.toLowerCase() ?? humanize(resource) })
 	});
 	return /* @__PURE__ */ jsx(ComposedPage, { name: view.create.page });
 };

package/dist/app/create/messages.js

@@ -1,32 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/create/messages.ts
-const text = defineMessages({
-	en: {
-		title: (noun) => `New ${noun.toLowerCase()}`,
-		subject: (noun) => `New ${noun.toLowerCase()}`,
-		submit: (noun) => `Create ${noun.toLowerCase()}`,
-		notCreated: "Not created",
-		notSaved: "Not saved",
-		cancel: "Cancel",
-		setByDatabase: "Set by the database",
-		details: "Details",
-		otherFields: "Other fields",
-		notAllowed: "Not allowed",
-		cannotCreate: (plural) => `You cannot create ${plural}.`
-	},
-	nl: {
-		title: (noun) => `${noun} toevoegen`,
-		subject: (noun) => noun,
-		submit: (noun) => `${noun} aanmaken`,
-		notCreated: "Niet aangemaakt",
-		notSaved: "Niet bewaard",
-		cancel: "Annuleren",
-		setByDatabase: "Ingevuld door de database",
-		details: "Details",
-		otherFields: "Overige velden",
-		notAllowed: "Niet toegestaan",
-		cannotCreate: (plural) => `Je mag geen ${plural} aanmaken.`
-	}
-});
+const text = messages("app/create");
 //#endregion
 export { text };

package/dist/app/custom-section.js

@@ -1,9 +1,8 @@
 import { Section } from "../record-view/section.js";
-import { SidebarCard } from "../record-view/record-sidebar.js";
 import { text } from "./messages.js";
+import { SidebarCard } from "../record-view/record-sidebar.js";
 import { useProjectUi } from "./pages/project-ui.js";
 import { Problem } from "./pages/problem.js";
-import { slotted } from "../locale/slotted.js";
 import { CustomBoundary } from "./pages/custom-boundary.js";
 import { RecordScope } from "./pages/record-scope.js";
 import { unmarkFieldRefs } from "@protobase/schema/internal";
@@ -22,7 +21,7 @@ const CustomSection = ({ item, scope }) => {
 			name: item.component,
 			children: /* @__PURE__ */ jsx(Component, { ...unmarkFieldRefs(item.props ?? {}) })
 		})
-	}) : /* @__PURE__ */ jsx(Problem, { children: slotted(text("noComponent"), item.component) });
+	}) : /* @__PURE__ */ jsx(Problem, { children: text.rich("noComponent", { component: item.component }) });
 	if (item.sidebar) return item.title ? /* @__PURE__ */ jsx(SidebarCard, {
 		title: item.title,
 		children: body

package/dist/app/delete/blocked-delete.js

@@ -4,7 +4,10 @@ import { createWhere, printFilter } from "@protobase/schema";
 //#region src/app/delete/blocked-delete.ts
 const where$1 = createWhere();
 /** What a delete other records still point at says, such as "Orders still point at this company." */
-const blockedDeleteText = ({ blockingPlural, noun }) => text("stillPointAt", blockingPlural, noun);
+const blockedDeleteText = ({ blockingPlural, noun }) => text("stillPointAt", {
+	plural: blockingPlural,
+	noun
+});
 /**
 * Why the delete was refused, naming the records that point at it by their view's plural, and, when the server names
 * the field pointing at it, a link to their list filtered to those records. `undefined` for a resource the app does not show.
@@ -26,7 +29,7 @@ const blockedDelete = ({ blockedBy, resources, views, noun, key }) => {
 	return {
 		text: text$1,
 		link: {
-			label: text("show", plural),
+			label: text("show", { plural }),
 			to: list
 		}
 	};

package/dist/app/delete/dialogs.js

@@ -4,8 +4,11 @@ import { text } from "./messages.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/app/delete/dialogs.tsx
 const ConfirmDeleteDialog = ({ title, noun, busy, onConfirm, onCancel }) => /* @__PURE__ */ jsx(Dialog, {
-	title: text("confirmTitle", title),
-	description: text("confirmDescription", noun, title),
+	title: text("confirmTitle", { title }),
+	description: text("confirmDescription", {
+		noun,
+		title
+	}),
 	onClose: onCancel,
 	actions: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
 		onClick: onCancel,
@@ -19,7 +22,7 @@ const ConfirmDeleteDialog = ({ title, noun, busy, onConfirm, onCancel }) => /* @
 	})] })
 });
 const ConflictDialog = ({ title, changes, busy, onReview, onDeleteAnyway, onCancel }) => /* @__PURE__ */ jsx(Dialog, {
-	title: text("changedTitle", title),
+	title: text("changedTitle", { title }),
 	description: text("changedDescription"),
 	onClose: onCancel,
 	actions: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
@@ -58,7 +61,11 @@ const ConflictDialog = ({ title, changes, busy, onReview, onDeleteAnyway, onCanc
 });
 const BulkDeleteDialog = (props) => {
 	if (props.stage === "confirm") return /* @__PURE__ */ jsx(Dialog, {
-		title: text("bulkConfirmTitle", props.count, props.plural),
+		title: text("bulkConfirmTitle", {
+			count: props.count,
+			noun: props.noun,
+			plural: props.plural
+		}),
 		description: text("bulkConfirmDescription"),
 		onClose: props.onCancel,
 		actions: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
@@ -68,12 +75,15 @@ const BulkDeleteDialog = (props) => {
 			variant: "primary",
 			className: "bg-danger hover:bg-danger/90",
 			onClick: props.onConfirm,
-			children: text("deleteCount", props.count)
+			children: text("deleteCount", { count: props.count })
 		})] })
 	});
 	if (props.stage === "running") return /* @__PURE__ */ jsx(Dialog, {
 		title: text("deleting"),
-		description: text("progress", props.done, props.total),
+		description: text("progress", {
+			done: props.done,
+			total: props.total
+		}),
 		onClose: () => void 0,
 		actions: /* @__PURE__ */ jsx(Button, {
 			loading: true,
@@ -83,8 +93,11 @@ const BulkDeleteDialog = (props) => {
 	});
 	const deleted = props.total - props.failures.length;
 	return /* @__PURE__ */ jsx(Dialog, {
-		title: props.failures.length === 0 ? text("deleted", deleted) : text("deletedOf", deleted, props.total),
-		description: props.failures.length === 0 ? void 0 : text("kept", props.failures.length),
+		title: props.failures.length === 0 ? text("deleted", { count: deleted }) : text("deletedOf", {
+			count: deleted,
+			total: props.total
+		}),
+		description: props.failures.length === 0 ? void 0 : text("kept", { count: props.failures.length }),
 		onClose: props.onClose,
 		actions: /* @__PURE__ */ jsx(Button, {
 			variant: "primary",

package/dist/app/delete/messages.js

@@ -1,66 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/delete/messages.ts
-const text = defineMessages({
-	en: {
-		confirmTitle: (title) => `Delete ${title}?`,
-		confirmDescription: (noun, _title) => `This ${noun.toLowerCase()} will be removed. This cannot be undone.`,
-		cancel: "Cancel",
-		delete: "Delete",
-		changedTitle: (title) => `${title} was changed since you opened it`,
-		changedDescription: "Someone saved this record in the meantime. Review what changed before you delete it.",
-		reviewChanges: "Review changes",
-		deleteAnyway: "Delete anyway",
-		noVisibleChanges: "No visible fields differ; the record was saved again with the same values.",
-		bulkConfirmTitle: (count, plural) => `Delete ${count} ${count === 1 ? plural.replace(/s$/, "") : plural.toLowerCase()}?`,
-		bulkConfirmDescription: "This cannot be undone. Each record is deleted only if it has not changed since the list loaded; anything that changed is reported and kept.",
-		deleteCount: (count) => `Delete ${count}`,
-		deleting: "Deleting",
-		progress: (done, total) => `${done} of ${total} done`,
-		working: "Working",
-		deleted: (count) => `Deleted ${count}`,
-		deletedOf: (count, total) => `Deleted ${count} of ${total}`,
-		kept: (count) => `${count} could not be deleted and were kept.`,
-		done: "Done",
-		deletedToast: (title) => `${title} deleted`,
-		undo: "Undo",
-		restored: (title) => `${title} restored`,
-		alreadyBack: (title) => `${title} is already back`,
-		couldNotRestore: (title) => `Could not restore ${title}`,
-		couldNotDelete: (title) => `Could not delete ${title}`,
-		changedSinceLoaded: "Changed since the list loaded, so it was kept.",
-		stillPointAt: (plural, noun) => `${plural} still point at this ${noun.toLowerCase()}.`,
-		show: (plural) => `Show ${plural.toLowerCase()}`
-	},
-	nl: {
-		confirmTitle: (title) => `${title} verwijderen?`,
-		confirmDescription: (_noun, title) => `${title} wordt verwijderd. Dit kan niet ongedaan worden gemaakt.`,
-		cancel: "Annuleren",
-		delete: "Verwijderen",
-		changedTitle: (title) => `${title} is gewijzigd sinds je het opende`,
-		changedDescription: "Iemand heeft dit record intussen bewaard. Bekijk wat er veranderde voordat je het verwijdert.",
-		reviewChanges: "Wijzigingen bekijken",
-		deleteAnyway: "Toch verwijderen",
-		noVisibleChanges: "Geen zichtbaar veld verschilt; het record is opnieuw bewaard met dezelfde waarden.",
-		bulkConfirmTitle: (count, plural) => count === 1 ? "Eén record verwijderen?" : `${count} ${plural.toLowerCase()} verwijderen?`,
-		bulkConfirmDescription: "Dit kan niet ongedaan worden gemaakt. Elk record wordt alleen verwijderd als het niet is gewijzigd sinds de lijst laadde; wat wel is gewijzigd, wordt gemeld en behouden.",
-		deleteCount: (count) => `${count} verwijderen`,
-		deleting: "Verwijderen",
-		progress: (done, total) => `${done} van ${total} klaar`,
-		working: "Bezig",
-		deleted: (count) => `${count} verwijderd`,
-		deletedOf: (count, total) => `${count} van ${total} verwijderd`,
-		kept: (count) => `${count} kon${count === 1 ? "" : "den"} niet worden verwijderd en ${count === 1 ? "is" : "zijn"} behouden.`,
-		done: "Klaar",
-		deletedToast: (title) => `${title} verwijderd`,
-		undo: "Ongedaan maken",
-		restored: (title) => `${title} teruggezet`,
-		alreadyBack: (title) => `${title} is al terug`,
-		couldNotRestore: (title) => `Kon ${title} niet terugzetten`,
-		couldNotDelete: (title) => `Kon ${title} niet verwijderen`,
-		changedSinceLoaded: "Gewijzigd sinds de lijst laadde, dus behouden.",
-		stillPointAt: (plural, _noun) => `${plural} verwijzen hier nog naar.`,
-		show: (plural) => `${plural} tonen`
-	}
-});
+const text = messages("app/delete");
 //#endregion
 export { text };

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

@@ -1,8 +1,8 @@
 import { useClient } from "../../data/api-provider.js";
 import { useAdminMeta } from "../meta-gate.js";
-import { useToast } from "../../toasts/toast-provider.js";
 import { humanize } from "../../live/naming.js";
 import { useAppAddress } from "../use-app-address.js";
+import { useToast } from "../../toasts/toast-provider.js";
 import { text } from "./messages.js";
 import { blockedDelete } from "./blocked-delete.js";
 import { BulkDeleteDialog, ConfirmDeleteDialog, ConflictDialog } from "./dialogs.js";
@@ -63,7 +63,7 @@ const useDeleteFlow = ({ model, view, onDeleted, onReview, restore }) => {
 		onDeleted?.(target);
 		toast.show({
 			state: "success",
-			title: text("deletedToast", target.title),
+			title: text("deletedToast", { title: target.title }),
 			...model.softDelete && restore && { action: {
 				label: text("undo"),
 				onClick: () => {
@@ -71,14 +71,14 @@ const useDeleteFlow = ({ model, view, onDeleted, onReview, restore }) => {
 						refresh();
 						toast.show({
 							state: "success",
-							title: text("restored", target.title)
+							title: text("restored", { title: target.title })
 						});
 					}, (error) => {
 						if (!isApiError(error)) throw error;
 						refresh();
 						toast.show({
 							state: error.status === 409 ? "success" : "error",
-							title: error.status === 409 ? text("alreadyBack", target.title) : text("couldNotRestore", target.title),
+							title: error.status === 409 ? text("alreadyBack", { title: target.title }) : text("couldNotRestore", { title: target.title }),
 							description: error.status === 409 ? void 0 : error.message
 						});
 					});
@@ -103,7 +103,7 @@ const useDeleteFlow = ({ model, view, onDeleted, onReview, restore }) => {
 			const why = blocked(error, target);
 			toast.show({
 				state: "error",
-				title: text("couldNotDelete", target.title),
+				title: text("couldNotDelete", { title: target.title }),
 				description: why?.text ?? error.message,
 				...why?.link && { action: {
 					label: why.link.label,
@@ -182,6 +182,7 @@ const useDeleteFlow = ({ model, view, onDeleted, onReview, restore }) => {
 			flow.kind === "bulk-confirm" && /* @__PURE__ */ jsx(BulkDeleteDialog, {
 				stage: "confirm",
 				count: flow.targets.length,
+				noun,
 				plural,
 				onCancel: close,
 				onConfirm: () => void runBulk(flow.targets)

package/dist/app/displays/board-column.js

@@ -1,10 +1,10 @@
 import { formatTag } from "../../locale/active-locale.js";
 import { cn } from "../../lib/cn.js";
 import { Button } from "../../primitives/button.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { text } from "./messages.js";
 import { boardCard } from "./board-columns.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { ErrorBanner } from "../error-banner.js";
 import { rowAllows } from "../permissions.js";
 import { ValueBadge } from "../value-badge.js";
@@ -80,7 +80,7 @@ const BoardColumnView = ({ model, view, display, column, fields, filter, orderBy
 				error: list.error
 			}) : rows.length === 0 ? /* @__PURE__ */ jsx("p", {
 				className: "px-1 py-4 text-center text-xs text-muted-foreground",
-				children: text("noPlural", plural)
+				children: text("noPlural", { plural })
 			}) : /* @__PURE__ */ jsx(SortableContext, {
 				id: columnId(column.value),
 				items: rows.map((row) => row.key),

package/dist/app/displays/board-columns.js

@@ -19,7 +19,7 @@ const boardColumns = (model, view, display) => {
 	if (!field.nullable) return values;
 	return [...values, {
 		value: null,
-		label: text("noValue", hints?.label ?? humanize(display.by))
+		label: text("noValue", { label: hints?.label ?? humanize(display.by) })
 	}];
 };
 /** The field a board orders each column by: the resource's `.position()`, when its records are ordered as one rather than within a parent. */