@protobase/ui 0.25.2 → 0.25.3

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,

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

@@ -5,6 +5,7 @@ import { humanize } from "../../live/naming.js";
 import { defaultOrderBy } from "../list-order.js";
 import { ResponsiveDialog } from "../../primitives/responsive-dialog.js";
 import { countQuery } from "../pages/use-layout-data.js";
+import { text } from "./messages.js";
 import { useFilterChips } from "./use-filter-chips.js";
 import { EmbeddedList } from "../embedded-list/embedded-list.js";
 import { addedFilter, filterChanges, netChange, removedFilter } from "./search-diff.js";
@@ -17,26 +18,26 @@ import { useQuery } from "@tanstack/react-query";
 const shownLimit = 12;
 const changeStyle = {
 	added: {
-		word: "Added",
+		word: "added",
 		className: "text-success-text"
 	},
 	removed: {
-		word: "Removed",
+		word: "removed",
 		className: "text-danger-text"
 	},
 	changed: {
-		word: "Changed",
+		word: "changed",
 		className: "text-primary-text"
 	}
 };
 const FilterChanges = ({ changes }) => /* @__PURE__ */ jsx("ul", {
-	"aria-label": "Filter changes",
+	"aria-label": text("filterChanges"),
 	className: "divide-y rounded-md border",
 	children: changes.map((change) => /* @__PURE__ */ jsxs("li", {
 		className: "grid grid-cols-[72px_1fr] gap-3 px-3 py-2",
 		children: [/* @__PURE__ */ jsx("span", {
 			className: `font-medium ${changeStyle[change.kind].className}`,
-			children: changeStyle[change.kind].word
+			children: text(changeStyle[change.kind].word)
 		}), change.kind === "changed" ? /* @__PURE__ */ jsxs("span", { children: [
 			/* @__PURE__ */ jsx("span", {
 				className: "text-muted-foreground line-through",
@@ -84,23 +85,13 @@ const RecordsSide = ({ model, view, title, filter, total, plural }) => {
 					})
 				]
 			}),
-			total !== void 0 && total > shownLimit && /* @__PURE__ */ jsxs("p", {
+			total !== void 0 && total > shownLimit && /* @__PURE__ */ jsx("p", {
 				className: "text-xs text-muted-foreground",
-				children: [
-					"The first ",
-					shownLimit,
-					" of ",
-					total,
-					"."
-				]
+				children: text("firstOf", shownLimit, total)
 			}),
-			filter === null || total === 0 ? /* @__PURE__ */ jsxs("p", {
+			filter === null || total === 0 ? /* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground",
-				children: [
-					"No ",
-					plural,
-					"."
-				]
+				children: text("noPlural", plural)
 			}) : /* @__PURE__ */ jsx(EmbeddedList, {
 				model,
 				view,
@@ -136,7 +127,7 @@ const UpdateSearchDialog = ({ model, view, title, before, after, saveNewLabel, u
 		actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			/* @__PURE__ */ jsx(Button, {
 				onClick: onCancel,
-				children: "Cancel"
+				children: text("cancel")
 			}),
 			/* @__PURE__ */ jsx(Button, {
 				loading: creating,
@@ -149,7 +140,7 @@ const UpdateSearchDialog = ({ model, view, title, before, after, saveNewLabel, u
 				loading: updating,
 				disabled: creating,
 				onClick: onUpdate,
-				children: "Update"
+				children: text("update")
 			})
 		] }),
 		children: /* @__PURE__ */ jsxs("div", {
@@ -161,18 +152,12 @@ const UpdateSearchDialog = ({ model, view, title, before, after, saveNewLabel, u
 					children: netChange(addedCount, removedCount, singular, plural)
 				}), /* @__PURE__ */ jsxs("span", {
 					className: "text-muted-foreground",
-					children: [
-						": ",
-						count(addedCount, singular, plural),
-						" added, ",
-						removedCount,
-						" removed"
-					]
+					children: [": ", text("addedRemoved", count(addedCount, singular, plural), removedCount)]
 				})] }) : /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" }),
 				/* @__PURE__ */ jsx(RecordsSide, {
 					model,
 					view,
-					title: "Added",
+					title: text("added"),
 					filter: added,
 					total: addedCount,
 					plural
@@ -180,7 +165,7 @@ const UpdateSearchDialog = ({ model, view, title, before, after, saveNewLabel, u
 				/* @__PURE__ */ jsx(RecordsSide, {
 					model,
 					view,
-					title: "Removed",
+					title: text("removed"),
 					filter: removed,
 					total: removedCount,
 					plural

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

@@ -6,12 +6,13 @@ import { useAdminMeta } from "../meta-gate.js";
 import { useAppAddress } from "../use-app-address.js";
 import { can } from "../permissions.js";
 import { useRefreshResource } from "../pages/use-layout-data.js";
+import { text } from "./messages.js";
 import { useSavedSearches } from "./use-saved-searches.js";
 import { useOpenedSearch } from "./use-opened-search.js";
 import { encodeKey } from "@protobase/schema/internal";
 import { useMutation } from "@tanstack/react-query";
 //#region src/app/searches/use-save-search.ts
-const message = (error) => error instanceof Error ? error.message : "Something went wrong";
+const message = (error) => error instanceof Error ? error.message : text("somethingWrong");
 /**
 * A list page's "Save search" button for its `filter`: `save` for someone who can list, create and delete the saved
 * searches, `sign-in` for a visitor their resource asks to sign in (`prompt`), nothing otherwise. `saved` while a search
@@ -48,9 +49,9 @@ const useSaveSearch = (search, filter) => {
 			opened.open(keyOf(created.record));
 			toast.show({
 				state: "success",
-				title: "Search saved",
+				title: text("searchSaved"),
 				action: {
-					label: `Open ${plural.toLowerCase()}`,
+					label: text("openPlural", plural),
 					href: href({
 						kind: "list",
 						resource
@@ -61,7 +62,7 @@ const useSaveSearch = (search, filter) => {
 		},
 		onError: (error) => toast.show({
 			state: "error",
-			title: "Could not save the search",
+			title: text("couldNotSave"),
 			description: message(error)
 		}),
 		onSettled: () => refresh(resource)
@@ -70,7 +71,7 @@ const useSaveSearch = (search, filter) => {
 		mutationFn: (row) => client.remove(resource, keyOf(row)),
 		onError: (error) => toast.show({
 			state: "error",
-			title: "Could not take the search off",
+			title: text("couldNotTakeOff"),
 			description: message(error)
 		}),
 		onSettled: () => refresh(resource)
@@ -79,11 +80,11 @@ const useSaveSearch = (search, filter) => {
 		mutationFn: (row) => client.update(resource, keyOf(row), { [of.filter]: filter }, row.etag ?? "*"),
 		onSuccess: () => toast.show({
 			state: "success",
-			title: "Search updated"
+			title: text("searchUpdated")
 		}),
 		onError: (error) => toast.show({
 			state: "error",
-			title: "Could not update the search",
+			title: text("couldNotUpdate"),
 			description: message(error)
 		}),
 		onSettled: () => refresh(resource)

package/dist/app/searches/use-search-row.js

@@ -1,6 +1,7 @@
 import { useClient } from "../../data/api-provider.js";
 import { humanize } from "../../live/naming.js";
 import { countQuery, useRefreshResource } from "../pages/use-layout-data.js";
+import { text } from "./messages.js";
 import { chipsText } from "./filter-chip-list.js";
 import { isUnseen, unseenFilter } from "./saved-search.js";
 import { useFilterChips } from "./use-filter-chips.js";
@@ -36,11 +37,11 @@ const useSearchRow = ({ model, of, target, targetView, row, recordKey }) => {
 		sort: unseen ? `${unseen.field} desc` : void 0,
 		limit: of.limit,
 		chips: name !== void 0,
-		empty: `No ${plural} match.`,
-		note: unseen && newCount.data === 0 && `No new ${plural} since you last looked.`,
+		empty: text("noneMatch", plural),
+		note: unseen && newCount.data === 0 && text("noNew", plural),
 		isNew: unseen && ((record) => isUnseen(record.record[unseen.field], row[unseen.seenAt])),
 		viewAll: {
-			label: "View all results",
+			label: text("viewAll"),
 			savedSearch: recordKey,
 			...unseen && { onOpen: () => markSeen.mutate((/* @__PURE__ */ new Date()).toISOString()) }
 		}