@protobase/ui 0.25.2 → 0.25.4

package/dist/app/file-field.js

@@ -1,6 +1,7 @@
 import { cn } from "../lib/cn.js";
 import { Button } from "../primitives/button.js";
 import { useClient } from "../data/api-provider.js";
+import { text } from "./messages.js";
 import { humanize } from "../live/naming.js";
 import { acceptOf, fileShown, formatSize, isPreviewable, shownImage } from "../live/file-values.js";
 import { ErrorBanner } from "./error-banner.js";
@@ -32,7 +33,7 @@ const FileSummary = ({ value }) => {
 	});
 	if ("missing" in shown) return /* @__PURE__ */ jsx("div", {
 		className: "py-1.5 text-danger-text",
-		children: "The file is missing from storage"
+		children: text("fileMissing")
 	});
 	const url = "url" in shown ? shown.url : void 0;
 	const corrected = "corrected" in shown ? shown.corrected : void 0;
@@ -97,33 +98,29 @@ const FileField = ({ field, hints, resource, value, locked, invalid, onChange })
 		type: "file",
 		hidden: true,
 		accept: acceptOf(field),
-		"aria-label": `Choose a file for ${label}`,
+		"aria-label": text("chooseFileFor", label),
 		onChange: (event) => choose(event.target.files)
 	});
 	const error = upload.error && /* @__PURE__ */ jsx("div", {
 		className: "mt-2",
 		children: /* @__PURE__ */ jsx(ErrorBanner, {
-			title: "Not uploaded",
+			title: text("notUploaded"),
 			error: upload.error
 		})
 	});
 	if (upload.isPending) return /* @__PURE__ */ jsxs("div", {
 		className: "py-1.5",
 		role: "status",
-		"aria-label": `Uploading ${label}`,
+		"aria-label": text("uploadingLabel", label),
 		children: [/* @__PURE__ */ jsx("div", {
 			className: "h-1.5 overflow-hidden rounded-full bg-muted",
 			children: /* @__PURE__ */ jsx("div", {
 				className: "h-full rounded-full bg-primary transition-[width]",
 				style: { width: `${Math.round((progress ?? 0) * 100)}%` }
 			})
-		}), /* @__PURE__ */ jsxs("span", {
+		}), /* @__PURE__ */ jsx("span", {
 			className: "text-xs text-muted-foreground",
-			children: [
-				"Uploading… ",
-				Math.round((progress ?? 0) * 100),
-				"%"
-			]
+			children: text("uploading", Math.round((progress ?? 0) * 100))
 		})]
 	});
 	if (fileShown(value)) return /* @__PURE__ */ jsxs("div", { children: [
@@ -137,13 +134,13 @@ const FileField = ({ field, hints, resource, value, locked, invalid, onChange })
 				/* @__PURE__ */ jsx(Button, {
 					size: "sm",
 					onClick: () => input.current?.click(),
-					children: "Replace"
+					children: text("replace")
 				}),
 				field.nullable && /* @__PURE__ */ jsx(Button, {
 					size: "sm",
 					variant: "ghost",
 					onClick: () => onChange(null),
-					children: "Remove"
+					children: text("remove")
 				})
 			]
 		}),
@@ -163,12 +160,12 @@ const FileField = ({ field, hints, resource, value, locked, invalid, onChange })
 				/* @__PURE__ */ jsx(Upload, { className: "size-4 shrink-0" }),
 				/* @__PURE__ */ jsx("span", {
 					className: "flex-1",
-					children: "Drop a file here or"
+					children: text("dropFile")
 				}),
 				/* @__PURE__ */ jsxs(Button, {
 					size: "sm",
 					onClick: () => input.current?.click(),
-					children: [/* @__PURE__ */ jsx(Paperclip, { className: "size-3.5" }), "Choose a file"]
+					children: [/* @__PURE__ */ jsx(Paperclip, { className: "size-3.5" }), text("chooseFile")]
 				})
 			]
 		}),

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

@@ -7,6 +7,7 @@ import { useAdminMeta, usePermissions } from "../meta-gate.js";
 import { ErrorBanner } from "../error-banner.js";
 import { FileImage } from "../../live/file-image.js";
 import { galleryTiles } from "./gallery-layout.js";
+import { text } from "./messages.js";
 import { Lightbox } from "./lightbox.js";
 import { detailFields } from "./detail-fields.js";
 import { PhotoDetails } from "./photo-details.js";
@@ -63,7 +64,7 @@ const GallerySection = ({ item, record, recordKey }) => {
 	if (photos.error) return /* @__PURE__ */ jsx(Section, {
 		title: item.title,
 		children: /* @__PURE__ */ jsx(ErrorBanner, {
-			title: "Could not load the photos",
+			title: text("couldNotLoad"),
 			error: photos.error
 		})
 	});
@@ -91,7 +92,7 @@ const GallerySection = ({ item, record, recordKey }) => {
 				const last = index === shown - 1 && more > 0;
 				return /* @__PURE__ */ jsxs("button", {
 					type: "button",
-					"aria-label": last ? `Show all ${count} photos` : `Show photo ${index + 1} of ${count}`,
+					"aria-label": last ? text("showAll", count) : text("showPhoto", 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: [
@@ -119,7 +120,7 @@ const GallerySection = ({ item, record, recordKey }) => {
 			onIndex: setOpen,
 			onClose: () => setOpen(void 0),
 			details,
-			detailsTitle: holder && `${holderView?.names?.singular ?? humanize(holder.name)} details`
+			detailsTitle: holder && text("holderDetails", holderView?.names?.singular ?? humanize(holder.name))
 		})]
 	});
 };

package/dist/app/gallery/lightbox.js

@@ -6,6 +6,7 @@ import { FileImage } from "../../live/file-image.js";
 import { Sheet } from "../../primitives/sheet.js";
 import { keyStep, steppedPhoto, swipeStep, togglesDetails } from "./gallery-layout.js";
 import { readDetailsOpen, writeDetailsOpen } from "./details-open-storage.js";
+import { text } from "./messages.js";
 import { useEffect, useId, useRef, useState } from "react";
 import { ChevronLeft, ChevronRight, Info, X } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -18,7 +19,7 @@ const control = "flex size-10 shrink-0 items-center justify-center rounded-full
 * lower part of a mobile screen; this browser remembers whether they were left shown. The page does not scroll behind
 * it, and focus returns to what opened it.
 */
-const Lightbox = ({ title, photos, index, onIndex, onClose, details, detailsTitle = "Details" }) => {
+const Lightbox = ({ title, photos, index, onIndex, onClose, details, detailsTitle = text("details") }) => {
 	const panel = useRef(null);
 	const start = useRef(void 0);
 	const sidebarId = useId();
@@ -97,7 +98,7 @@ const Lightbox = ({ title, photos, index, onIndex, onClose, details, detailsTitl
 						}), /* @__PURE__ */ jsx("button", {
 							type: "button",
 							className: control,
-							"aria-label": "Close",
+							"aria-label": text("close"),
 							onClick: onClose,
 							children: /* @__PURE__ */ jsx(X, {
 								className: "size-4",
@@ -116,7 +117,7 @@ const Lightbox = ({ title, photos, index, onIndex, onClose, details, detailsTitl
 					}, image.url), count > 1 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("button", {
 						type: "button",
 						className: cn(control, "absolute left-3 top-1/2 -translate-y-1/2 aria-disabled:cursor-default aria-disabled:opacity-40"),
-						"aria-label": "Previous photo",
+						"aria-label": text("previousPhoto"),
 						"aria-disabled": index === 0,
 						onClick: () => step(-1),
 						children: /* @__PURE__ */ jsx(ChevronLeft, {
@@ -126,7 +127,7 @@ const Lightbox = ({ title, photos, index, onIndex, onClose, details, detailsTitl
 					}), /* @__PURE__ */ jsx("button", {
 						type: "button",
 						className: cn(control, "absolute right-3 top-1/2 -translate-y-1/2 aria-disabled:cursor-default aria-disabled:opacity-40"),
-						"aria-label": "Next photo",
+						"aria-label": text("nextPhoto"),
 						"aria-disabled": index === count - 1,
 						onClick: () => step(1),
 						children: /* @__PURE__ */ jsx(ChevronRight, {

package/dist/app/gallery/messages.js

@@ -0,0 +1,30 @@
+import { defineMessages } 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`
+	}
+});
+//#endregion
+export { text };

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

@@ -6,6 +6,7 @@ import { SpecTable } from "../../record-view/spec-table.js";
 import { ErrorBanner } from "../error-banner.js";
 import { fieldAccess } from "../permissions.js";
 import { FieldValue } from "../pages/field-value.js";
+import { text } from "./messages.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/app/gallery/photo-details.tsx
 /**
@@ -17,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: `Could not load the ${singular}`,
+		title: text("couldNotLoadOne", singular),
 		error: record.error
 	});
 	const shown = fields.filter((name) => fieldAccess(record.data.permissions, name) !== "hidden");
@@ -35,7 +36,7 @@ const PhotoDetails = ({ model, view, photoKey, fields }) => {
 			key: photoKey
 		},
 		className: "mt-3 inline-block font-medium text-primary-text hover:underline",
-		children: `Open ${singular}`
+		children: text("open", singular)
 	})] });
 };
 //#endregion

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

@@ -1,4 +1,5 @@
 import { Skeleton } from "../../primitives/skeleton.js";
+import { slotted } from "../../locale/slotted.js";
 import { Problem } from "../pages/problem.js";
 import { recordKey, recordTitle } from "../../live/model-helpers.js";
 import { loadedFields } from "../displays/list-displays.js";
@@ -11,7 +12,7 @@ import { embeddedColumns } from "../embedded-list/embedded-columns.js";
 import { text } from "./messages.js";
 import { useHandOrder } from "./use-hand-order.js";
 import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/app/hand-order/hand-sorted-list.tsx
 /**
 * The records in their order by hand, in the list's table with a drag handle in each row's checkbox place: dragging a
@@ -58,11 +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__ */ jsxs(Problem, { children: [
-		"No drop rule is registered as ",
-		ruleName,
-		". Give it in dropRules in protobase.ui.tsx, or load the plugin that provides it."
-	] });
+	if (ruleName !== void 0 && !rule) return /* @__PURE__ */ jsx(Problem, { children: slotted(text("noRule"), 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

@@ -11,7 +11,8 @@ const text = defineMessages({
 		undo: "Undo",
 		couldNotUndo: "Could not undo",
 		movedToPlace: (place) => `Moved to place ${place}`,
-		notMoved: "Left in its 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",
@@ -23,7 +24,8 @@ const text = defineMessages({
 		undo: "Ongedaan maken",
 		couldNotUndo: "Kon niet ongedaan maken",
 		movedToPlace: (place) => `Verplaatst naar plaats ${place}`,
-		notMoved: "Op zijn plaats gelaten"
+		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."
 	}
 });
 //#endregion

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

@@ -1,16 +1,11 @@
 import { humanize } from "../../live/naming.js";
 import { displayValue } from "../../live/display-value.js";
+import { text } from "./messages.js";
 //#region src/app/history/describe-change.ts
-const verbs = {
-	create: "created this",
-	update: "changed",
-	delete: "deleted this",
-	undelete: "restored this"
-};
 /** 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 ? `Database (${change.databaseRole})` : "Database";
+	return change.databaseRole ? text("databaseRole", 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,
@@ -33,7 +28,7 @@ const describeChange = (change, model, view) => {
 			after: displayValue(field, change.after[name], hints)
 		}];
 	});
-	const verb = change.operation === "update" && fields.length === 0 ? "changed this" : verbs[change.operation];
+	const verb = change.operation === "update" && fields.length === 0 ? text("changedThis") : text(change.operation);
 	return {
 		who: changedBy(change),
 		verb,

package/dist/app/history/messages.js

@@ -0,0 +1,32 @@
+import { defineMessages } 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"
+	}
+});
+//#endregion
+export { text };

package/dist/app/import/convert.js

@@ -1,4 +1,5 @@
 import { parseNumberText } from "../../format/number-text.js";
+import { text } from "./messages.js";
 import { cellText, isEmptyCell, isSheetDate } from "./sheet-cell.js";
 import { enumLabel } from "@protobase/schema";
 //#region src/app/import/convert.ts
@@ -16,17 +17,17 @@ const toNumberText = (cell, options) => {
 	if (typeof cell === "string") return parseNumberText(cell, options.decimal);
 };
 const integerValue = (field, cell, options) => {
-	const text = toNumberText(cell, options);
-	if (text === void 0) return problem(`${quoted(cell)} is not a number`);
-	const [whole, fraction = ""] = text.split(".");
-	if (/[1-9]/.test(fraction) || /e/i.test(text)) return problem(`${quoted(cell)} is not a whole number`);
+	const text$1 = toNumberText(cell, options);
+	if (text$1 === void 0) return problem(text("notNumber", quoted(cell)));
+	const [whole, fraction = ""] = text$1.split(".");
+	if (/[1-9]/.test(fraction) || /e/i.test(text$1)) return problem(text("notWholeNumber", quoted(cell)));
 	if (field.type === "bigint") return ok(String(BigInt(whole)));
 	const value = Number(whole);
-	return Number.isSafeInteger(value) ? ok(value) : problem(`${quoted(cell)} is too large`);
+	return Number.isSafeInteger(value) ? ok(value) : problem(text("tooLarge", quoted(cell)));
 };
 const decimalValue = (cell, options) => {
-	const text = toNumberText(cell, options);
-	return text === void 0 ? problem(`${quoted(cell)} is not a number`) : ok(text);
+	const text$2 = toNumberText(cell, options);
+	return text$2 === void 0 ? problem(text("notNumber", quoted(cell))) : ok(text$2);
 };
 const trueWords = /* @__PURE__ */ new Set([
 	"true",
@@ -40,10 +41,10 @@ const falseWords = /* @__PURE__ */ new Set([
 ]);
 const booleanValue = (cell) => {
 	if (typeof cell === "boolean") return ok(cell);
-	const text = typeof cell === "string" || typeof cell === "number" ? String(cell).trim().toLowerCase() : "";
-	if (trueWords.has(text)) return ok(true);
-	if (falseWords.has(text)) return ok(false);
-	return problem(`${quoted(cell)} is not true or false (true, false, yes, no, 1 or 0)`);
+	const text$3 = typeof cell === "string" || typeof cell === "number" ? String(cell).trim().toLowerCase() : "";
+	if (trueWords.has(text$3)) return ok(true);
+	if (falseWords.has(text$3)) return ok(false);
+	return problem(text("notBoolean", quoted(cell)));
 };
 const pad = (value) => String(value).padStart(2, "0");
 const calendarDate = (year, month, day) => {
@@ -90,11 +91,11 @@ const wallTimeOf = (cell, options) => {
 	}
 	return typeof cell === "string" ? readWallTime(cell, options.dateOrder) : void 0;
 };
-const notDate = (cell, options) => problem(`${quoted(cell)} is not a date (2026-04-03 or ${options.dateOrder === "dmy" ? "day/month/year" : "month/day/year"})`);
+const notDate = (cell, options) => problem(text("notDate", quoted(cell), options.dateOrder === "dmy"));
 const dateValue = (cell, options) => {
 	const at = wallTimeOf(cell, options);
 	if (!at) return notDate(cell, options);
-	if (at.time && at.time !== "00:00:00") return problem(`${quoted(cell)} has a time of day; the field holds a date`);
+	if (at.time && at.time !== "00:00:00") return problem(text("hasTime", quoted(cell)));
 	return ok(at.date);
 };
 const timestampValue = (cell, options) => {
@@ -108,20 +109,20 @@ const timestampValue = (cell, options) => {
 const normalized = (text) => text.trim().toLowerCase().replace(/\s+/g, " ");
 const enumValue = (field, hints, cell) => {
 	const values = field.enumValues ?? [];
-	const text = normalized(cellText(cell));
-	const matches = values.filter((value) => normalized(value) === text || normalized(enumLabel(value, hints?.valueLabels)) === text);
+	const text$4 = normalized(cellText(cell));
+	const matches = values.filter((value) => normalized(value) === text$4 || normalized(enumLabel(value, hints?.valueLabels)) === text$4);
 	if (matches.length === 1) return ok(matches[0]);
-	if (matches.length > 1) return problem(`${quoted(cell)} matches more than one value: ${matches.map((value) => enumLabel(value, hints?.valueLabels)).join(", ")}`);
-	return problem(`${quoted(cell)} is not one of ${values.map((value) => enumLabel(value, hints?.valueLabels)).join(", ")}`);
+	if (matches.length > 1) return problem(text("severalValues", quoted(cell), matches.map((value) => enumLabel(value, hints?.valueLabels)).join(", ")));
+	return problem(text("notOneOf", quoted(cell), values.map((value) => enumLabel(value, hints?.valueLabels)).join(", ")));
 };
-const textValue = (cell) => typeof cell === "boolean" ? problem(`${quoted(cell)} is true or false, not text`) : ok(cellText(cell));
+const textValue = (cell) => typeof cell === "boolean" ? problem(text("notText", quoted(cell))) : ok(cellText(cell));
 /**
 * The value a cell gives a field, as the API takes it, or the problem that keeps it from being one: never a guess, and an
 * empty cell is null, never a default. A relation's cell is the value of the field its records are found by, so it
 * converts as that field (`convertCell(targetField, ...)`).
 */
 const convertCell = (field, hints, cell, options) => {
-	if (isEmptyCell(cell)) return field.nullable ? ok(null) : problem("is empty, and it is required");
+	if (isEmptyCell(cell)) return field.nullable ? ok(null) : problem(text("emptyRequired"));
 	switch (field.type) {
 		case "integer":
 		case "bigint": return integerValue(field, cell, options);

package/dist/app/import/failed-rows.js

@@ -1,3 +1,4 @@
+import { text } from "./messages.js";
 import { cellText } from "./sheet-cell.js";
 //#region src/app/import/failed-rows.ts
 const csvField = (text) => /[",\r\n]/.test(text) ? `"${text.replace(/"/g, "\"\"")}"` : text;
@@ -13,8 +14,8 @@ const failedRowsCsv = (headers, rows) => {
 	]);
 	return `${[[
 		...headers,
-		"Line",
-		"Problems"
+		text("line"),
+		text("problems")
 	], ...lines].map((fields) => fields.map(csvField).join(",")).join("\r\n")}\r\n`;
 };
 //#endregion

package/dist/app/import/import-button.js

@@ -1,6 +1,7 @@
 import { Button } from "../../primitives/button.js";
 import { useAdminMeta, usePermissions } from "../meta-gate.js";
 import { can } from "../permissions.js";
+import { text } from "./messages.js";
 import { ImportDialog } from "./import-dialog.js";
 import { useState } from "react";
 import { Upload } from "lucide-react";
@@ -18,7 +19,7 @@ const ImportButton = ({ model }) => {
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Button, {
 		onClick: () => setOpen(true),
 		"aria-haspopup": "dialog",
-		children: [/* @__PURE__ */ jsx(Upload, { className: "size-3.5" }), "Import"]
+		children: [/* @__PURE__ */ jsx(Upload, { className: "size-3.5" }), text("import")]
 	}), open && /* @__PURE__ */ jsx(ImportDialog, {
 		model,
 		resources,

package/dist/app/import/import-check-step.js

@@ -3,6 +3,7 @@ import { Spinner } from "../../primitives/spinner.js";
 import { Button } from "../../primitives/button.js";
 import { saveFile } from "../../lib/save-file.js";
 import { displayValue } from "../../live/display-value.js";
+import { text } from "./messages.js";
 import { failedRowsCsv } from "./failed-rows.js";
 import { ImportCounts } from "./import-counts.js";
 import { fieldLabel, relationModel } from "./mapping.js";
@@ -12,40 +13,27 @@ import { jsx, jsxs } from "react/jsx-runtime";
 /** How many rows with problems the check lists; the file of them holds every one. */
 const listedProblems = 50;
 /** Saves the rows with their problems as a CSV named after the imported file. */
-const downloadRows = (fileName, headers, rows) => saveFile(failedRowsCsv(headers, rows), `${(fileName ?? "import").replace(/\.[^.]+$/, "")} - not imported.csv`, "text/csv");
+const downloadRows = (fileName, headers, rows) => saveFile(failedRowsCsv(headers, rows), text("notImportedFile", (fileName ?? "import").replace(/\.[^.]+$/, "")), "text/csv");
 /** The rows with what keeps each from being imported, at most `listedProblems` of them. */
 const ProblemList = ({ rows }) => /* @__PURE__ */ jsxs("ul", {
-	"aria-label": "Rows not imported",
-	className: "flex flex-col gap-1 text-xs",
+	"aria-label": text("rowsNotImported"),
+	className: "flex flex-col gap-1 text-body",
 	children: [rows.slice(0, listedProblems).map((row) => /* @__PURE__ */ jsxs("li", { children: [
-		/* @__PURE__ */ jsxs("span", {
+		/* @__PURE__ */ jsx("span", {
 			className: "font-medium",
-			children: [
-				"Row ",
-				row.line,
-				":"
-			]
+			children: text("rowProblems", row.line)
 		}),
 		" ",
 		row.problems.join("; ")
-	] }, row.line)), rows.length > listedProblems && /* @__PURE__ */ jsxs("li", {
+	] }, row.line)), rows.length > listedProblems && /* @__PURE__ */ jsx("li", {
 		className: "text-muted-foreground",
-		children: [
-			"And ",
-			(rows.length - listedProblems).toLocaleString(formatTag()),
-			" more rows, all in the file."
-		]
+		children: text("andMore", (rows.length - listedProblems).toLocaleString(formatTag()))
 	})]
 });
 const ImportChecking = ({ rows }) => /* @__PURE__ */ jsxs("p", {
 	className: "flex items-center gap-2 text-muted-foreground",
 	role: "status",
-	children: [
-		/* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }),
-		"Checking rows… ",
-		rows.toLocaleString(formatTag()),
-		" read"
-	]
+	children: [/* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }), text("checkingRows", rows.toLocaleString(formatTag()))]
 });
 /**
 * What the import would do, before it writes anything: how many rows create or update a record, the first rows as they
@@ -58,24 +46,24 @@ const ImportCheckStep = ({ check, model, resources, views, columns, headers, fil
 		className: "flex flex-col gap-4",
 		children: [
 			/* @__PURE__ */ jsx(ImportCounts, {
-				label: "Check",
+				label: text("check"),
 				counts: [
-					["Rows", check.rows],
-					["To create", check.creates],
-					["To update", check.updates],
-					["With problems", check.problems.length]
+					[text("rows"), check.rows],
+					[text("toCreate"), check.creates],
+					[text("toUpdate"), check.updates],
+					[text("withProblems"), check.problems.length]
 				]
 			}),
 			check.preview.length > 0 && /* @__PURE__ */ jsx("div", {
 				className: "overflow-x-auto rounded-lg border",
 				children: /* @__PURE__ */ jsxs("table", {
-					"aria-label": "First rows",
-					className: "w-full text-left text-xs",
+					"aria-label": text("firstRows"),
+					className: "w-full text-left text-body",
 					children: [/* @__PURE__ */ jsx("thead", {
 						className: "bg-muted text-muted-foreground",
 						children: /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("th", {
 							className: "px-2 py-1.5 font-medium",
-							children: "Row"
+							children: text("row")
 						}), shown.map((field) => /* @__PURE__ */ jsx("th", {
 							className: "whitespace-nowrap px-2 py-1.5 font-medium",
 							children: fieldLabel(view, field.name)
@@ -101,21 +89,17 @@ const ImportCheckStep = ({ check, model, resources, views, columns, headers, fil
 					className: "flex items-center justify-between gap-2",
 					children: [/* @__PURE__ */ jsx("h3", {
 						className: "font-medium",
-						children: "Rows with problems, which are skipped"
+						children: text("problemRows")
 					}), /* @__PURE__ */ jsxs(Button, {
 						size: "sm",
 						onClick: () => downloadRows(fileName, headers, check.problems),
-						children: [/* @__PURE__ */ jsx(Download, { className: "size-3.5" }), "Download"]
+						children: [/* @__PURE__ */ jsx(Download, { className: "size-3.5" }), text("download")]
 					})]
 				}), /* @__PURE__ */ jsx(ProblemList, { rows: check.problems })]
 			}),
-			/* @__PURE__ */ jsxs("p", {
+			/* @__PURE__ */ jsx("p", {
 				className: "text-xs text-muted-foreground",
-				children: [
-					"Rows are saved in batches of ",
-					100,
-					". Cancelling, or an error, keeps the batches already saved; a row the server refuses is listed and the others are saved."
-				]
+				children: text("batches", 100)
 			})
 		]
 	});