@protobase/ui 0.25.2 → 0.25.4

package/dist/app/saved/messages.js

@@ -0,0 +1,22 @@
+import { defineMessages } from "../../locale/messages.js";
+//#region src/app/saved/messages.ts
+const text = defineMessages({
+	en: {
+		favorite: "Favorite",
+		couldNotLoadYour: (plural) => `Could not load your ${plural}`,
+		noneYet: (plural) => `No ${plural} yet.`,
+		somethingWrong: "Something went wrong",
+		couldNotTakeOff: "Could not take it off",
+		couldNotSave: "Could not save it"
+	},
+	nl: {
+		favorite: "Favoriet",
+		couldNotLoadYour: (plural) => `Kon je ${plural} niet laden`,
+		noneYet: (plural) => `Nog geen ${plural}.`,
+		somethingWrong: "Er ging iets mis",
+		couldNotTakeOff: "Kon het niet weghalen",
+		couldNotSave: "Kon het niet bewaren"
+	}
+});
+//#endregion
+export { text };

package/dist/app/saved/saved-list.js

@@ -4,6 +4,7 @@ import { humanize } from "../../live/naming.js";
 import { ErrorBanner } from "../error-banner.js";
 import { savedScope } from "./saved-records.js";
 import { useSavedRecords } from "./use-saved-records.js";
+import { text } from "./messages.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/app/saved/saved-list.tsx
 /**
@@ -21,7 +22,7 @@ const SavedList = ({ model, view, target, children }) => {
 		}), body]
 	});
 	if (saved.error) return frame(/* @__PURE__ */ jsx(ErrorBanner, {
-		title: `Could not load your ${plural.toLowerCase()}`,
+		title: text("couldNotLoadYour", plural.toLowerCase()),
 		error: saved.error
 	}));
 	if (!saved.data) return frame(/* @__PURE__ */ jsx("div", {
@@ -29,13 +30,9 @@ const SavedList = ({ model, view, target, children }) => {
 		children: Array.from({ length: 3 }, (_, index) => /* @__PURE__ */ jsx(Skeleton, { className: "h-24" }, index))
 	}));
 	const scope = savedScope(target, saved.data);
-	if (!scope) return frame(/* @__PURE__ */ jsxs("p", {
+	if (!scope) return frame(/* @__PURE__ */ jsx("p", {
 		className: "py-8 text-center text-muted-foreground",
-		children: [
-			"No ",
-			plural.toLowerCase(),
-			" yet."
-		]
+		children: text("noneYet", plural.toLowerCase())
 	}));
 	return children(scope);
 };

package/dist/app/saved/use-favorite.js

@@ -5,9 +5,10 @@ import { can } from "../permissions.js";
 import { useRefreshResource } from "../pages/use-layout-data.js";
 import { savedFor, withSaved, withoutSaved } from "./saved-records.js";
 import { savedRecordsKey, useSavedRecords } from "./use-saved-records.js";
+import { text } from "./messages.js";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 //#region src/app/saved/use-favorite.ts
-const message = (error) => error instanceof Error ? error.message : "Something went wrong";
+const message = (error) => error instanceof Error ? error.message : text("somethingWrong");
 /**
 * A card's favorite button: `save` for someone who can list, create and delete the saved records, `sign-in` for a
 * visitor the saved records' resource asks to sign in (`prompt`), nothing otherwise. A press saves the card's record,
@@ -44,7 +45,7 @@ const useFavorite = (favorite, key, target) => {
 			queryClient.setQueryData(cacheKey, context?.before);
 			toast.show({
 				state: "error",
-				title: existing ? "Could not take it off" : "Could not save it",
+				title: existing ? text("couldNotTakeOff") : text("couldNotSave"),
 				description: message(error)
 			});
 		},

package/dist/app/search/messages.js

@@ -5,13 +5,17 @@ const text = defineMessages({
 		search: "Search",
 		searchOne: (name) => `Search ${name}`,
 		searchTwo: (first, second) => `Search ${first} and ${second}`,
-		searchMore: (first, second) => `Search ${first}, ${second} and more`
+		searchMore: (first, second) => `Search ${first}, ${second} and more`,
+		goTo: "Go to",
+		create: "Create"
 	},
 	nl: {
 		search: "Zoeken",
 		searchOne: (name) => `Zoek in ${name}`,
 		searchTwo: (first, second) => `Zoek in ${first} en ${second}`,
-		searchMore: (first, second) => `Zoek in ${first}, ${second} en meer`
+		searchMore: (first, second) => `Zoek in ${first}, ${second} en meer`,
+		goTo: "Ga naar",
+		create: "Maken"
 	}
 });
 //#endregion

package/dist/app/search/navigation-hits.js

@@ -1,7 +1,9 @@
 import { humanize } from "../../live/naming.js";
 import { allowEverything } from "../../data/meta-data.js";
+import { text } from "../create/messages.js";
 import { createOffered } from "../create/create-offered.js";
 import { navFromMeta } from "../nav-from-meta.js";
+import { text as text$1 } from "./messages.js";
 import { appPath } from "@protobase/schema";
 const matches = (label, text) => label.toLowerCase().includes(text.trim().toLowerCase());
 /**
@@ -9,15 +11,15 @@ const matches = (label, text) => label.toLowerCase().includes(text.trim().toLowe
 * Stock levels), and "New ..." for each resource the user may create whose name does ("new order" or "order" finds New
 * order). Each is a link, as the sidebar's entries are.
 */
-const navigationHits = (meta, text, basePath = "") => {
-	const pages = navFromMeta(meta, basePath).flatMap((group) => group.items.filter((item) => item.href !== void 0 && !item.problem)).filter((item) => matches(item.label, text)).slice(0, 5);
-	const asked = text.trim().replace(/^new\s+/i, "");
+const navigationHits = (meta, text$2, basePath = "") => {
+	const pages = navFromMeta(meta, basePath).flatMap((group) => group.items.filter((item) => item.href !== void 0 && !item.problem)).filter((item) => matches(item.label, text$2)).slice(0, 5);
+	const asked = text$2.trim().replace(/^new\s+/i, "");
 	const creates = Object.values(meta.resources).flatMap((model) => {
 		const view = meta.views[model.name];
 		if (!view || view.nav?.hidden || !createOffered(view, meta.pages, meta.permissions[model.name] ?? allowEverything)) return [];
 		const singular = view.names?.singular ?? humanize(model.name);
-		const label = `New ${singular.toLowerCase()}`;
-		if (!matches(label, text) && !matches(singular, asked) && !matches(view.names?.plural ?? humanize(model.name), asked)) return [];
+		const label = text("title", singular);
+		if (!matches(label, text$2) && !matches(singular, asked) && !matches(view.names?.plural ?? humanize(model.name), asked)) return [];
 		return [{
 			id: `new:${model.name}`,
 			title: label,
@@ -29,7 +31,7 @@ const navigationHits = (meta, text, basePath = "") => {
 	});
 	return [...pages.length > 0 ? [{
 		id: "go-to",
-		label: "Go to",
+		label: text$1("goTo"),
 		hits: pages.map((item) => ({
 			id: `go-to:${item.id}`,
 			title: item.label,
@@ -37,7 +39,7 @@ const navigationHits = (meta, text, basePath = "") => {
 		}))
 	}] : [], ...creates.length > 0 ? [{
 		id: "create",
-		label: "Create",
+		label: text$1("create"),
 		hits: creates.slice(0, 5)
 	}] : []];
 };

package/dist/app/searches/filter-chip-list.js

@@ -1,11 +1,12 @@
 import { cn } from "../../lib/cn.js";
+import { text } from "./messages.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/app/searches/filter-chip-list.tsx
 const chipClass = "inline-flex h-6 items-center rounded-full border border-primary-border bg-primary-soft px-2.5 text-xs font-medium text-primary-text";
 /** What a filter filters on, concisely: its chips as a list labelled "Filters". */
 const FilterChipList = ({ chips, className }) => /* @__PURE__ */ jsx("ul", {
 	className: cn("flex flex-wrap gap-1.5", className),
-	"aria-label": "Filters",
+	"aria-label": text("filters"),
 	children: chips.map((chip) => /* @__PURE__ */ jsx("li", {
 		className: chipClass,
 		children: chip.label

package/dist/app/searches/messages.js

@@ -0,0 +1,96 @@
+import { defineMessages } from "../../locale/messages.js";
+//#region src/app/searches/messages.ts
+const text = defineMessages({
+	en: {
+		saveSearch: "Save search",
+		saveAsNew: (noun) => `Save as new ${noun}`,
+		updateName: (name) => `Update ${name}`,
+		updateNameQuestion: (name) => `Update ${name}?`,
+		updateNounQuestion: (noun) => `Update this ${noun}?`,
+		couldNotLoadYour: (plural) => `Could not load your ${plural}`,
+		noneYet: (plural) => `No ${plural} yet.`,
+		somethingWrong: "Something went wrong",
+		couldNotRename: "Could not rename the search",
+		renameTitle: (title) => `Rename ${title}`,
+		deleteTitle: (title) => `Delete ${title}`,
+		unreadableFilter: "A filter that cannot be read",
+		notFound: "Not found",
+		noResource: "There is no resource called {}.",
+		noSavedYet: (plural) => `No ${plural} yet. Filter the {} and save the search.`,
+		on: "On",
+		off: "Off",
+		saved: (title) => `${title} saved`,
+		couldNotChange: "Could not change the search",
+		asMany: (plural) => `As many ${plural}`,
+		more: (count, noun) => `${count} more ${noun}`,
+		fewer: (count, noun) => `${count} fewer ${noun}`,
+		cancel: "Cancel",
+		save: "Save",
+		optional: "Optional",
+		added: "Added",
+		removed: "Removed",
+		changed: "Changed",
+		filterChanges: "Filter changes",
+		firstOf: (limit, total) => `The first ${limit} of ${total}.`,
+		noPlural: (plural) => `No ${plural}.`,
+		update: "Update",
+		addedRemoved: (added, removed) => `${added} added, ${removed} removed`,
+		searchSaved: "Search saved",
+		openPlural: (plural) => `Open ${plural.toLowerCase()}`,
+		couldNotSave: "Could not save the search",
+		couldNotTakeOff: "Could not take the search off",
+		searchUpdated: "Search updated",
+		couldNotUpdate: "Could not update the search",
+		noneMatch: (plural) => `No ${plural} match.`,
+		noNew: (plural) => `No new ${plural} since you last looked.`,
+		viewAll: "View all results",
+		filters: "Filters"
+	},
+	nl: {
+		saveSearch: "Zoekopdracht bewaren",
+		saveAsNew: (noun) => `Als extra ${noun} bewaren`,
+		updateName: (name) => `${name} bijwerken`,
+		updateNameQuestion: (name) => `${name} bijwerken?`,
+		updateNounQuestion: (noun) => `${noun} bijwerken?`,
+		couldNotLoadYour: (plural) => `Kon je ${plural} niet laden`,
+		noneYet: (plural) => `Nog geen ${plural}.`,
+		somethingWrong: "Er ging iets mis",
+		couldNotRename: "Kon de zoekopdracht niet hernoemen",
+		renameTitle: (title) => `${title} hernoemen`,
+		deleteTitle: (title) => `${title} verwijderen`,
+		unreadableFilter: "Een filter dat niet kan worden gelezen",
+		notFound: "Niet gevonden",
+		noResource: "Er is geen onderdeel met de naam {}.",
+		noSavedYet: (plural) => `Nog geen ${plural}. Filter de {} en bewaar de zoekopdracht.`,
+		on: "Aan",
+		off: "Uit",
+		saved: (title) => `${title} bewaard`,
+		couldNotChange: "Kon de zoekopdracht niet wijzigen",
+		asMany: (plural) => `Evenveel ${plural}`,
+		more: (count, noun) => `${count} ${noun} meer`,
+		fewer: (count, noun) => `${count} ${noun} minder`,
+		cancel: "Annuleren",
+		save: "Bewaren",
+		optional: "Optioneel",
+		added: "Erbij",
+		removed: "Eraf",
+		changed: "Gewijzigd",
+		filterChanges: "Wijzigingen in het filter",
+		firstOf: (limit, total) => `De eerste ${limit} van ${total}.`,
+		noPlural: (plural) => `Geen ${plural}.`,
+		update: "Bijwerken",
+		addedRemoved: (added, removed) => `${added} erbij, ${removed} eraf`,
+		searchSaved: "Zoekopdracht bewaard",
+		openPlural: (plural) => `${plural} openen`,
+		couldNotSave: "Kon de zoekopdracht niet bewaren",
+		couldNotTakeOff: "Kon de zoekopdracht niet weghalen",
+		searchUpdated: "Zoekopdracht bijgewerkt",
+		couldNotUpdate: "Kon de zoekopdracht niet bijwerken",
+		noneMatch: (plural) => `Geen ${plural} gevonden.`,
+		noNew: (plural) => `Geen nieuwe ${plural} sinds je laatst keek.`,
+		viewAll: "Alle resultaten bekijken",
+		filters: "Filters"
+	}
+});
+//#endregion
+export { text };

package/dist/app/searches/save-search-button.js

@@ -1,4 +1,5 @@
 import { Button } from "../../primitives/button.js";
+import { text } from "./messages.js";
 import { SignInPrompt } from "../../auth/sign-in-prompt.js";
 import { SearchNameDialog } from "./search-name-dialog.js";
 import { UpdateSearchDialog } from "./update-search-dialog.js";
@@ -19,7 +20,7 @@ const SaveSearchButton = ({ model, view, search, filter, chips, className }) =>
 	const [confirming, setConfirming] = useState(false);
 	const [naming, setNaming] = useState();
 	if (!state.mode) return null;
-	const label = search.label ?? "Save search";
+	const label = search.label ?? text("saveSearch");
 	if (state.mode === "sign-in") return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Button, {
 		className,
 		"aria-haspopup": "dialog",
@@ -50,7 +51,7 @@ const SaveSearchButton = ({ model, view, search, filter, chips, className }) =>
 	});
 	const opened = state.opened;
 	if (opened) {
-		const saveNewLabel = `Save as new ${state.noun}`;
+		const saveNewLabel = text("saveAsNew", state.noun);
 		return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			/* @__PURE__ */ jsxs(Button, {
 				className,
@@ -62,7 +63,7 @@ const SaveSearchButton = ({ model, view, search, filter, chips, className }) =>
 					"aria-hidden": true
 				}), /* @__PURE__ */ jsx("span", {
 					className: "max-w-60 truncate",
-					children: opened.name ? `Update ${opened.name}` : `Update ${state.noun}`
+					children: text("updateName", opened.name ?? state.noun)
 				})]
 			}),
 			/* @__PURE__ */ jsxs(Button, {
@@ -78,7 +79,7 @@ const SaveSearchButton = ({ model, view, search, filter, chips, className }) =>
 			confirming && /* @__PURE__ */ jsx(UpdateSearchDialog, {
 				model,
 				view,
-				title: opened.name ? `Update ${opened.name}?` : `Update this ${state.noun}?`,
+				title: opened.name ? text("updateNameQuestion", opened.name) : text("updateNounQuestion", state.noun),
 				before: opened.filter,
 				after: filter,
 				saveNewLabel,

package/dist/app/searches/saved-search-rows.js

@@ -4,6 +4,7 @@ import { recordKey } from "../../live/model-helpers.js";
 import { useAdminMeta } from "../meta-gate.js";
 import { AppLink } from "../use-app-address.js";
 import { ErrorBanner } from "../error-banner.js";
+import { text } from "./messages.js";
 import { InlineFilterChips } from "./filter-chip-list.js";
 import { RecordRowBody } from "../record-row/record-row-body.js";
 import { useSavedSearches } from "./use-saved-searches.js";
@@ -50,13 +51,13 @@ const SavedSearchRows = ({ model, view, empty }) => {
 	const plural = (view.names?.plural ?? humanize(model.name)).toLowerCase();
 	if (!target) return null;
 	if (saved.error) return /* @__PURE__ */ jsx(ErrorBanner, {
-		title: `Could not load your ${plural}`,
+		title: text("couldNotLoadYour", plural),
 		error: saved.error
 	});
 	if (!saved.data) return /* @__PURE__ */ jsx(Skeleton, { className: "h-40" });
 	if (saved.data.length === 0) return /* @__PURE__ */ jsx("p", {
 		className: "text-muted-foreground",
-		children: empty ?? `No ${plural} yet.`
+		children: empty ?? text("noneYet", plural)
 	});
 	return /* @__PURE__ */ jsx("div", {
 		className: "flex flex-col divide-y",

package/dist/app/searches/saved-search-section.js

@@ -4,6 +4,7 @@ import { humanize } from "../../live/naming.js";
 import { useToast } from "../../toasts/toast-provider.js";
 import { AppLink } from "../use-app-address.js";
 import { useRefreshResource } from "../pages/use-layout-data.js";
+import { text } from "./messages.js";
 import { InlineFilterChips } from "./filter-chip-list.js";
 import { RecordRowBody } from "../record-row/record-row-body.js";
 import { useSearchRow } from "./use-search-row.js";
@@ -14,7 +15,7 @@ import { Pencil, Trash2 } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMutation } from "@tanstack/react-query";
 //#region src/app/searches/saved-search-section.tsx
-const message = (error) => error instanceof Error ? error.message : "Something went wrong";
+const message = (error) => error instanceof Error ? error.message : text("somethingWrong");
 /**
 * One saved search on its list page: its name when it has one, and what it filters on as chips, which are its title
 * when it has none; its controls, rename and delete; and the records it finds in a row of their cards that scrolls
@@ -38,7 +39,7 @@ const SavedSearchSection = ({ model, view, of, target, targetView, row, recordKe
 		onSuccess: () => setRenaming(false),
 		onError: (error) => toast.show({
 			state: "error",
-			title: "Could not rename the search",
+			title: text("couldNotRename"),
 			description: message(error)
 		}),
 		onSettled: () => refresh(model.name)
@@ -77,7 +78,7 @@ const SavedSearchSection = ({ model, view, of, target, targetView, row, recordKe
 						}),
 						canRename && nameField && /* @__PURE__ */ jsx(Button, {
 							variant: "ghost",
-							"aria-label": `Rename ${title}`,
+							"aria-label": text("renameTitle", title),
 							"aria-haspopup": "dialog",
 							onClick: () => setRenaming(true),
 							children: /* @__PURE__ */ jsx(Pencil, {
@@ -87,7 +88,7 @@ const SavedSearchSection = ({ model, view, of, target, targetView, row, recordKe
 						}),
 						onDelete && /* @__PURE__ */ jsx(Button, {
 							variant: "ghost",
-							"aria-label": `Delete ${title}`,
+							"aria-label": text("deleteTitle", title),
 							onClick: () => onDelete(title),
 							children: /* @__PURE__ */ jsx(Trash2, {
 								className: "size-3.5",
@@ -98,7 +99,7 @@ const SavedSearchSection = ({ model, view, of, target, targetView, row, recordKe
 				})]
 			}),
 			renaming && nameField && /* @__PURE__ */ jsx(SearchNameDialog, {
-				title: `Rename ${title}`,
+				title: text("renameTitle", title),
 				chips,
 				label: view.fields[nameField.name]?.label ?? humanize(nameField.name),
 				required: !nameField.nullable,

package/dist/app/searches/saved-search.js

@@ -1,4 +1,5 @@
 import { humanize } from "../../live/naming.js";
+import { text } from "./messages.js";
 import { activeChips } from "../../filter-panel/filter-state.js";
 import { textToState } from "../../live/filter-string.js";
 import { rangeFormat, widgetFields } from "../../live/view-fields.js";
@@ -55,12 +56,12 @@ const namedConfig = (model, view, names) => {
 * A saved filter as the chips the list page shows for it, then a chip per condition no widget holds: the search text
 * in quotes, or the condition as written. One chip saying so when the filter cannot be read.
 */
-const filterChips = (model, view, text, names = {}) => {
+const filterChips = (model, view, text$1, names = {}) => {
 	const config = namedConfig(model, view, names);
-	const parsed = textToState(config, text);
+	const parsed = textToState(config, text$1);
 	if (!parsed.ok) return [{
 		key: "unreadable",
-		label: "A filter that cannot be read"
+		label: text("unreadableFilter")
 	}];
 	const extras = parsed.extras.map((clause, index) => ({
 		key: `extra:${index}`,

package/dist/app/searches/saved-searches.js

@@ -1,11 +1,13 @@
 import { Skeleton } from "../../primitives/skeleton.js";
 import { PageHeader } from "../../app-shell/page-header.js";
+import { slotted } from "../../locale/slotted.js";
 import { humanize } from "../../live/naming.js";
 import { recordKey } from "../../live/model-helpers.js";
 import { Notice, useAdminMeta, usePermissions } from "../meta-gate.js";
 import { AppLink } from "../use-app-address.js";
 import { ErrorBanner } from "../error-banner.js";
 import { can } from "../permissions.js";
+import { text } from "./messages.js";
 import { useSavedSearches } from "./use-saved-searches.js";
 import { useDeleteFlow } from "../delete/use-delete-flow.js";
 import { SavedSearchSection } from "./saved-search-section.js";
@@ -39,16 +41,12 @@ const SavedSearches = ({ model, view }) => {
 			body
 		]
 	});
-	if (!target) return frame(/* @__PURE__ */ jsxs(Notice, {
-		title: "Not found",
-		children: [
-			"There is no resource called ",
-			of.resource,
-			"."
-		]
+	if (!target) return frame(/* @__PURE__ */ jsx(Notice, {
+		title: text("notFound"),
+		children: slotted(text("noResource"), of.resource)
 	}));
 	if (saved.error) return frame(/* @__PURE__ */ jsx(ErrorBanner, {
-		title: `Could not load your ${plural.toLowerCase()}`,
+		title: text("couldNotLoadYour", plural.toLowerCase()),
 		error: saved.error
 	}));
 	if (!saved.data) return frame(/* @__PURE__ */ jsx("div", {
@@ -57,24 +55,16 @@ const SavedSearches = ({ model, view }) => {
 	}));
 	if (saved.data.length === 0) {
 		const searched = (targetView?.names?.plural ?? humanize(target.name)).toLowerCase();
-		return frame(/* @__PURE__ */ jsxs("p", {
+		return frame(/* @__PURE__ */ jsx("p", {
 			className: "py-8 text-center text-muted-foreground",
-			children: [
-				"No ",
-				plural.toLowerCase(),
-				" yet. Filter the",
-				" ",
-				/* @__PURE__ */ jsx(AppLink, {
-					to: {
-						kind: "list",
-						resource: target.name
-					},
-					className: "font-medium text-primary-text hover:underline",
-					children: searched
-				}),
-				" ",
-				"and save the search."
-			]
+			children: slotted(text("noSavedYet", plural.toLowerCase()), /* @__PURE__ */ jsx(AppLink, {
+				to: {
+					kind: "list",
+					resource: target.name
+				},
+				className: "font-medium text-primary-text hover:underline",
+				children: searched
+			}))
 		}));
 	}
 	return frame(/* @__PURE__ */ jsx("div", {

package/dist/app/searches/search-controls.js

@@ -3,12 +3,13 @@ import { humanize } from "../../live/naming.js";
 import { useToast } from "../../toasts/toast-provider.js";
 import { Switch } from "../../primitives/switch.js";
 import { useRefreshResource } from "../pages/use-layout-data.js";
+import { text } from "./messages.js";
 import { useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMutation } from "@tanstack/react-query";
 import { enumLabel } from "@protobase/schema";
 //#region src/app/searches/search-controls.tsx
-const message = (error) => error instanceof Error ? error.message : "Something went wrong";
+const message = (error) => error instanceof Error ? error.message : text("somethingWrong");
 const Control = ({ model, view, name, value, onChange }) => {
 	const id = useId();
 	const field = model.fields[name];
@@ -36,7 +37,7 @@ const Control = ({ model, view, name, value, onChange }) => {
 	});
 };
 const changed = (model, view, patch) => Object.entries(patch).map(([name, value]) => {
-	return `${view.fields[name]?.label ?? humanize(name)}: ${model.fields[name]?.type === "boolean" ? value === true ? "On" : "Off" : enumLabel(String(value), view.fields[name]?.valueLabels)}`;
+	return `${view.fields[name]?.label ?? humanize(name)}: ${model.fields[name]?.type === "boolean" ? value === true ? text("on") : text("off") : enumLabel(String(value), view.fields[name]?.valueLabels)}`;
 }).join(", ");
 /**
 * A saved search's controls, each saved as soon as it changes, which a toast confirms; a refused change says why and shows
@@ -50,12 +51,12 @@ const SearchControls = ({ model, view, recordKey, title, row, fields }) => {
 		mutationFn: (patch) => client.update(model.name, recordKey, patch, row.etag ?? "*"),
 		onSuccess: (_, patch) => toast.show({
 			state: "success",
-			title: `${title} saved`,
+			title: text("saved", title),
 			description: changed(model, view, patch)
 		}),
 		onError: (error) => toast.show({
 			state: "error",
-			title: "Could not change the search",
+			title: text("couldNotChange"),
 			description: message(error)
 		}),
 		onSettled: () => refresh(model.name)

package/dist/app/searches/search-diff.js

@@ -1,3 +1,4 @@
+import { text } from "./messages.js";
 import { createWhere, parseFilter, printFilter } from "@protobase/schema";
 //#region src/app/searches/search-diff.ts
 const where$1 = createWhere();
@@ -90,8 +91,9 @@ const filterChanges = (before, after) => {
 /** The net change in the records a search finds: "5 more homes", "1 fewer home" or "As many homes". */
 const netChange = (added, removed, singular, plural) => {
 	const net = added - removed;
-	if (net === 0) return `As many ${plural}`;
-	return `${Math.abs(net)} ${net > 0 ? "more" : "fewer"} ${Math.abs(net) === 1 ? singular : plural}`;
+	if (net === 0) return text("asMany", plural);
+	const noun = Math.abs(net) === 1 ? singular : plural;
+	return net > 0 ? text("more", net, noun) : text("fewer", -net, noun);
 };
 //#endregion
 export { addedFilter, filterChanges, netChange, removedFilter };

package/dist/app/searches/search-name-dialog.js

@@ -1,6 +1,7 @@
 import { Input } from "../../primitives/input.js";
 import { Button } from "../../primitives/button.js";
 import { ResponsiveDialog } from "../../primitives/responsive-dialog.js";
+import { text } from "./messages.js";
 import { FilterChipList } from "./filter-chip-list.js";
 import { useId, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -16,13 +17,13 @@ const SearchNameDialog = ({ title, chips, label, required, initial = "", busy, o
 		onClose,
 		actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
 			onClick: onClose,
-			children: "Cancel"
+			children: text("cancel")
 		}), /* @__PURE__ */ jsx(Button, {
 			type: "submit",
 			form: formId,
 			variant: "primary",
 			loading: busy,
-			children: "Save"
+			children: text("save")
 		})] }),
 		children: /* @__PURE__ */ jsxs("form", {
 			id: formId,
@@ -42,7 +43,7 @@ const SearchNameDialog = ({ title, chips, label, required, initial = "", busy, o
 					}), !required && /* @__PURE__ */ jsx("span", {
 						id: `${id}-hint`,
 						className: "text-xs text-muted-foreground",
-						children: "Optional"
+						children: text("optional")
 					})]
 				}), /* @__PURE__ */ jsx(Input, {
 					id,