@protobase/ui 0.63.4 → 0.64.0

package/dist/app/pages/use-run-action.js

@@ -1,9 +1,9 @@
 import { useClient, useResourceClient } from "../../data/api-provider.js";
 import { useAdminMeta, usePermissions } from "../meta-gate.js";
-import { useToast } from "../../toasts/toast-provider.js";
 import { useAppAddress } from "../use-app-address.js";
 import { useProjectUi } from "./project-ui.js";
 import { text } from "./messages.js";
+import { useToast } from "../../toasts/toast-provider.js";
 import { can } from "../permissions.js";
 import { actionApplies } from "./action-when.js";
 import { actionFor, linkTarget, openLink } from "./action-href.js";
@@ -40,9 +40,12 @@ const useActionRunner = (resource, scope, afterRun) => {
 		if ((kind === "update" || kind === "ai") && (!can(permissions, "update") || on?.permissions?.update === false)) return text("cannotChange");
 		if (action.run?.kind === "ai" && on?.permissions?.fields?.[action.run.writes] === "read") return text("cannotChange");
 		if (kind === "delete" && (!can(permissions, "delete") || on?.permissions?.delete === false)) return text("cannotDelete");
-		if (!action.run && !handlers?.[action.name]) return text("noHandler", action.name);
+		if (!action.run && !handlers?.[action.name]) return text("noHandler", { name: action.name });
 		const custom = action.inputs?.find((input) => input.kind === "custom" && !components?.[input.component ?? ""]);
-		if (custom) return text("noInputComponent", String(custom.component), custom.name);
+		if (custom) return text("noInputComponent", {
+			component: String(custom.component),
+			input: custom.name
+		});
 	};
 	const blocked = (action) => blockedOn(action, scope);
 	const execute = async (action, on, values) => {
@@ -71,7 +74,7 @@ const useActionRunner = (resource, scope, afterRun) => {
 		await refresh(resource);
 		toast.show({
 			state: "success",
-			title: text("done", action.label)
+			title: text("done", { label: action.label })
 		});
 		afterRun?.(action);
 	};
@@ -80,7 +83,7 @@ const useActionRunner = (resource, scope, afterRun) => {
 		setRunning(action.name);
 		await perform(action, on).catch((error) => toast.show({
 			state: "error",
-			title: text("failed", action.label),
+			title: text("failed", { label: action.label }),
 			description: message(error)
 		}));
 		setRunning(void 0);
@@ -97,7 +100,12 @@ const useActionRunner = (resource, scope, afterRun) => {
 		const outcome = await runEach(records, (on) => appliesOn(action, on), (on) => execute(action, on));
 		setRunning(void 0);
 		await refresh(resource);
-		const title = text("doneOn", action.label, outcome.done, outcome.skipped + skipped, outcome.failed);
+		const title = text("doneOn", {
+			label: action.label,
+			done: outcome.done,
+			skipped: outcome.skipped + skipped,
+			failed: outcome.failed
+		});
 		toast.show(outcome.failed > 0 ? {
 			state: "error",
 			title,
@@ -125,7 +133,7 @@ const useRunAction = (resource, name, scope) => {
 	const action = runner.actions.find((entry) => entry.name === name);
 	return {
 		action,
-		blocked: action ? runner.blocked(action) : text("noAction", name),
+		blocked: action ? runner.blocked(action) : text("noAction", { name }),
 		running: runner.running === name,
 		run: () => action ? runner.run(action) : Promise.resolve(),
 		submit: (values) => action ? runner.submit(action, values) : Promise.resolve()

package/dist/app/picker/picker-combobox.js

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/cn.js";
-import { Input } from "../../primitives/input.js";
 import { text } from "../messages.js";
+import { Input } from "../../primitives/input.js";
 import { useEffect, useId, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/app/picker/picker-combobox.tsx

package/dist/app/rank-after/dependency-rule.js

@@ -9,9 +9,15 @@ import { encodeKey } from "@protobase/schema/internal";
 const dependencyRule = (model, bounds, title) => ({ order, index }) => {
 	const at = (key) => order.findIndex((entry) => encodeKey(recordKey(model, entry)) === key);
 	const above = bounds.after.find((bound) => at(bound.key) > index);
-	if (above) return text("dependsOn", title, above.title);
+	if (above) return text("dependsOn", {
+		record: title,
+		other: above.title
+	});
 	const below = bounds.before.find((bound) => at(bound.key) !== -1 && at(bound.key) < index);
-	return below ? text("dependsOn", below.title, title) : void 0;
+	return below ? text("dependsOn", {
+		record: below.title,
+		other: title
+	}) : void 0;
 };
 //#endregion
 export { dependencyRule };

package/dist/app/rank-after/messages.js

@@ -1,8 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/rank-after/messages.ts
-const text = defineMessages({
-	en: { dependsOn: (record, other) => `${record} depends on ${other}.` },
-	nl: { dependsOn: (record, other) => `${record} hangt af van ${other}.` }
-});
+const text = messages("app/rank-after");
 //#endregion
 export { text };

package/dist/app/rank-after/ranked-place.js

@@ -23,7 +23,13 @@ const rankedPlace = ({ model, rank, rows, row, index, bounds, title }) => {
 		const mine = Number(ranked.get(encodeKey(recordKey(model, row.record))));
 		const above = bounds.after.filter((bound) => isRank(rankOf(bound)) && Number(rankOf(bound)) >= mine);
 		const below = bounds.before.find((bound) => isRank(rankOf(bound)) && Number(rankOf(bound)) <= mine);
-		const refusal = below ? text("dependsOn", below.title, title) : above[0] && text("dependsOn", title, above[0].title);
+		const refusal = below ? text("dependsOn", {
+			record: below.title,
+			other: title
+		}) : above[0] && text("dependsOn", {
+			record: title,
+			other: above[0].title
+		});
 		if (!refusal) return {
 			place: { index: at },
 			...reason !== void 0 && { reason }

package/dist/app/record-chart/messages.js

@@ -1,28 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/record-chart/messages.ts
-const text = defineMessages({
-	en: {
-		range: "Range",
-		hour: "Hour",
-		day: "Day",
-		week: "Week",
-		measure: "Per bucket",
-		average: "Average",
-		maximum: "Maximum",
-		noSamples: "No samples in this range.",
-		couldNotLoad: "Could not load the chart."
-	},
-	nl: {
-		range: "Periode",
-		hour: "Uur",
-		day: "Dag",
-		week: "Week",
-		measure: "Per interval",
-		average: "Gemiddelde",
-		maximum: "Maximum",
-		noSamples: "Geen metingen in deze periode.",
-		couldNotLoad: "Kon de grafiek niet laden."
-	}
-});
+const text = messages("app/record-chart");
 //#endregion
 export { text };

package/dist/app/record-chart/record-chart-section.js

@@ -1,8 +1,8 @@
 import { useAdminMeta } from "../meta-gate.js";
-import { viewerZone } from "../../format/zone.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { Section } from "../../record-view/section.js";
+import { viewerZone } from "../../format/zone.js";
 import { humanize } from "../../live/naming.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { Segmented } from "../../primitives/segmented.js";
 import { useAggregates } from "../../data/use-aggregates.js";
 import { PeriodChart } from "../charts/period-chart.js";

package/dist/app/record-lines-cell.js

@@ -20,7 +20,10 @@ const LineCell = ({ field, hints, label, lineNumber, resource, value, stored, re
 			/* @__PURE__ */ jsx("label", {
 				htmlFor: id,
 				className: "sr-only",
-				children: text("lineField", label, lineNumber)
+				children: text("lineField", {
+					label,
+					place: lineNumber
+				})
 			}),
 			/* @__PURE__ */ jsx(FieldEditor, {
 				field,

package/dist/app/record-lines.js

@@ -1,13 +1,13 @@
 import { useAdminMeta, usePermissions } from "./meta-gate.js";
-import { lineTableMinWidth } from "../inline-child-table/columns.js";
-import { InlineChildTable } from "../inline-child-table/inline-child-table.js";
-import { formatInt } from "../format/number.js";
 import { Section } from "../record-view/section.js";
+import { formatInt } from "../format/number.js";
 import { humanize } from "../live/naming.js";
 import { recordTitle } from "../live/model-helpers.js";
 import { isChosen, keyValue } from "./create/create-values.js";
 import { can, rowAllows } from "./permissions.js";
 import { text } from "./record-messages.js";
+import { lineTableMinWidth } from "../inline-child-table/columns.js";
+import { InlineChildTable } from "../inline-child-table/inline-child-table.js";
 import { LineCell } from "./record-lines-cell.js";
 import "./use-lines.js";
 import { useState } from "react";
@@ -93,7 +93,7 @@ const RecordLines = ({ lines, editable, saving }) => {
 		help: text("linesHelp"),
 		children: [!data.complete && /* @__PURE__ */ jsx("p", {
 			className: "mb-2 text-muted-foreground",
-			children: text("tooManyLines", formatInt(1e3))
+			children: text("tooManyLines", { limit: formatInt(1e3) })
 		}), /* @__PURE__ */ jsx("div", {
 			className: "-mx-4 overflow-x-auto px-4 [-webkit-overflow-scrolling:touch] md:mx-0 md:px-0",
 			children: /* @__PURE__ */ jsx("div", {
@@ -101,7 +101,7 @@ const RecordLines = ({ lines, editable, saving }) => {
 				children: /* @__PURE__ */ jsx(InlineChildTable, {
 					lines: draft.shown,
 					columns: tableColumns,
-					lineName: (line) => recordTitle(model, view, line.stored ?? {}, "") || text("lineNumber", placeOf(line)),
+					lineName: (line) => recordTitle(model, view, line.stored ?? {}, "") || text("lineNumber", { place: placeOf(line) }),
 					onReorder: (next) => draft.setOrder(next.map((line) => line.id)),
 					reorderable: canUpdate,
 					onAdd: canCreate ? () => void draft.add() : void 0,

package/dist/app/record-messages.js

@@ -1,86 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/app/record-messages.ts
-const text = defineMessages({
-	en: {
-		details: "Details",
-		history: "History",
-		comments: "Comments",
-		summary: "Summary",
-		loading: "Loading",
-		fetching: "Fetching the record.",
-		noRecord: "This record does not exist, or you cannot see it.",
-		openingElsewhere: "Opening the record in its organization.",
-		couldNotLoad: "Could not load the record",
-		someoneElse: "Someone else",
-		justNow: "just now",
-		saved: "Saved",
-		save: "Save",
-		cancel: "Cancel",
-		unsavedChanges: "Unsaved changes",
-		notSaved: "Not saved",
-		linesChanged: "The lines were changed by someone else",
-		linesReloaded: "The lines were reloaded. Your new order is kept: Save again to apply it.",
-		unsavedKept: "You have unsaved changes to this record.",
-		continueEditing: "Continue editing",
-		discard: "Discard",
-		unsavedRestored: "Your unsaved changes were restored.",
-		keep: "Keep",
-		savingSubject: (subject) => `Saving ${subject}...`,
-		subjectSaved: (subject) => `${subject} saved`,
-		changedBySomeoneElse: "Changed by someone else",
-		couldNotSave: "Could not save",
-		recordActions: "Record actions",
-		edit: "Edit",
-		delete: "Delete",
-		nothingYet: "Nothing here yet.",
-		couldNotLoadRelated: "Could not load",
-		relatedRecords: "Related records",
-		lines: "Lines",
-		linesHelp: "What the document bills for. Edit a line in place, add one, or drag the handle to change the order; Save applies it all.",
-		lineNumber: (place) => `Line ${place}`,
-		lineField: (label, place) => `${label}, line ${place}`,
-		tooManyLines: (limit) => `This record has more than ${limit} lines, so they show here read-only.`
-	},
-	nl: {
-		details: "Details",
-		history: "Geschiedenis",
-		comments: "Opmerkingen",
-		summary: "Overzicht",
-		loading: "Laden",
-		fetching: "Het record wordt opgehaald.",
-		noRecord: "Dit record bestaat niet, of je mag het niet zien.",
-		openingElsewhere: "Het record wordt in zijn organisatie geopend.",
-		couldNotLoad: "Kon het record niet laden",
-		someoneElse: "Iemand anders",
-		justNow: "zojuist",
-		saved: "Bewaard",
-		save: "Bewaren",
-		cancel: "Annuleren",
-		unsavedChanges: "Niet bewaarde wijzigingen",
-		notSaved: "Niet bewaard",
-		linesChanged: "De regels zijn door iemand anders gewijzigd",
-		linesReloaded: "De regels zijn opnieuw geladen. Je nieuwe volgorde is behouden: bewaar opnieuw om hem toe te passen.",
-		unsavedKept: "Je hebt niet bewaarde wijzigingen in dit record.",
-		continueEditing: "Verder bewerken",
-		discard: "Weggooien",
-		unsavedRestored: "Je niet bewaarde wijzigingen zijn teruggezet.",
-		keep: "Houden",
-		savingSubject: (subject) => `${subject} bewaren...`,
-		subjectSaved: (subject) => `${subject} bewaard`,
-		changedBySomeoneElse: "Gewijzigd door iemand anders",
-		couldNotSave: "Kon niet bewaren",
-		recordActions: "Recordacties",
-		edit: "Bewerken",
-		delete: "Verwijderen",
-		nothingYet: "Hier staat nog niets.",
-		couldNotLoadRelated: "Kon niet laden",
-		relatedRecords: "Gerelateerde records",
-		lines: "Regels",
-		linesHelp: "Waar het document voor factureert. Wijzig een regel ter plekke, voeg er een toe, of sleep de greep om de volgorde te wijzigen; Bewaren past alles toe.",
-		lineNumber: (place) => `Regel ${place}`,
-		lineField: (label, place) => `${label}, regel ${place}`,
-		tooManyLines: (limit) => `Dit record heeft meer dan ${limit} regels, dus ze staan hier alleen ter inzage.`
-	}
-});
+const text = messages("app/record");
 //#endregion
 export { text };

package/dist/app/record-page.js

@@ -5,26 +5,26 @@ import { useClient } from "../data/api-provider.js";
 import { cn } from "../lib/cn.js";
 import { Notice, useAdminMeta, usePermissions } from "./meta-gate.js";
 import { Button, buttonClass } from "../primitives/button.js";
-import { Skeleton } from "../primitives/skeleton.js";
-import { inApp } from "../app-shell/breadcrumb.js";
-import { Field } from "../record-view/field.js";
-import { Section } from "../record-view/section.js";
-import { MetadataCard } from "../record-view/record-sidebar.js";
 import { RecordHeader } from "../record-view/record-header.js";
+import { Section } from "../record-view/section.js";
 import { humanize } from "../live/naming.js";
 import { markdownExcerpt } from "../markdown/markdown-excerpt.js";
 import { isMarkdown } from "../markdown/markdown-hint.js";
 import { contactFormat } from "../live/contact-links.js";
-import { toneFor } from "../live/columns-from-model.js";
+import { valueTone } from "../live/value-color.js";
 import { displayValue, valueTitle } from "../live/display-value.js";
 import { filledFields } from "./filled-fields.js";
+import { Skeleton } from "../primitives/skeleton.js";
+import { inApp } from "../app-shell/breadcrumb.js";
 import { text } from "./messages.js";
 import { useNavigationGuard } from "./router.js";
 import { AppLink, useAppAddress } from "./use-app-address.js";
 import { GroupSection } from "../record-view/group-section.js";
 import { RecordTabs } from "../record-view/record-tabs.js";
+import { Field } from "../record-view/field.js";
 import { SpecTable } from "../record-view/spec-table.js";
 import { KeyFacts } from "../record-view/key-facts.js";
+import { MetadataCard } from "../record-view/record-sidebar.js";
 import { fromDraft, isRequiredOnEdit } from "../live/field-values.js";
 import { fieldHelp, helpShown, recordShown, whenShown } from "./record-mode/record-mode.js";
 import { isChosen, keyValue } from "./create/create-values.js";
@@ -107,7 +107,7 @@ const RecordPage = ({ resource, recordKey }) => {
 	const record = useOpenedRecord(resource, recordKey);
 	if (!model) return /* @__PURE__ */ jsx(Notice, {
 		title: text("notFound"),
-		children: text("noResource", resource)
+		children: text("noResource", { name: resource })
 	});
 	if (record.isPending) return /* @__PURE__ */ jsx(Notice, {
 		title: text$1("loading"),
@@ -484,7 +484,7 @@ const LoadedRecord = ({ model, recordKey, stored, preview }) => {
 							title,
 							status: status ? {
 								label: enumLabel(status, hint("status")?.valueLabels),
-								tone: toneFor(status)
+								tone: valueTone(hint("status")?.valueColors, status)
 							} : void 0
 						}),
 						editor.message && /* @__PURE__ */ jsx("div", {

package/dist/app/record-row/messages.js

@@ -1,26 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/record-row/messages.ts
-const text = defineMessages({
-	en: {
-		couldNotLoad: "Could not load",
-		noneMatch: (plural) => `No ${plural} match.`,
-		viewAll: "View all",
-		new: "New",
-		previous: (label) => `Previous ${label}`,
-		next: (label) => `Next ${label}`,
-		couldNotLoadYour: (plural) => `Could not load your ${plural}`,
-		noneYet: (plural) => `No ${plural} yet.`
-	},
-	nl: {
-		couldNotLoad: "Kon niet laden",
-		noneMatch: (plural) => `Geen ${plural} gevonden.`,
-		viewAll: "Alles bekijken",
-		new: "Nieuw",
-		previous: (label) => `Terug in ${label}`,
-		next: (label) => `Verder in ${label}`,
-		couldNotLoadYour: (plural) => `Kon je ${plural} niet laden`,
-		noneYet: (plural) => `Nog geen ${plural}.`
-	}
-});
+const text = messages("app/record-row");
 //#endregion
 export { text };

package/dist/app/record-row/record-row-body.js

@@ -1,10 +1,10 @@
 import { formatTag } from "../../locale/active-locale.js";
 import { useAdminMeta } from "../meta-gate.js";
 import { useIsXs } from "../../lib/use-media-query.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { displaysOf, loadedFields } from "../displays/list-displays.js";
 import { defaultOrderBy } from "../list-order.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { AppLink } from "../use-app-address.js";
 import { ErrorBanner } from "../error-banner.js";
 import { viewAllAddress } from "../embedded-list/embedded-display.js";
@@ -82,7 +82,7 @@ const RecordRowBody = ({ model, view, filter, sort = "", display: named, limit,
 				error: rows.error
 			}) : !source || source.total === 0 ? /* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground",
-				children: empty ?? text("noneMatch", plural.toLowerCase())
+				children: empty ?? text("noneMatch", { plural: plural.toLowerCase() })
 			}) : /* @__PURE__ */ jsx(RecordRow, {
 				model,
 				view,

package/dist/app/record-row/record-row.js

@@ -1,5 +1,5 @@
-import { Skeleton } from "../../primitives/skeleton.js";
 import { displayRow } from "../displays/list-displays.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { usePagedRows } from "../../data-grid/use-paged-rows.js";
 import { RecordCard } from "../displays/record-card.js";
 import { rowOffset } from "./row-window.js";
@@ -70,7 +70,7 @@ const RecordRow = ({ model, view, display, source, label, isNew }) => {
 			}),
 			scroll.back && /* @__PURE__ */ jsx("button", {
 				type: "button",
-				"aria-label": text("previous", label.toLowerCase()),
+				"aria-label": text("previous", { label: label.toLowerCase() }),
 				onClick: () => scroll.page(-1),
 				className: `${arrowClass} -left-3`,
 				children: /* @__PURE__ */ jsx(ChevronLeft, {
@@ -80,7 +80,7 @@ const RecordRow = ({ model, view, display, source, label, isNew }) => {
 			}),
 			scroll.on && /* @__PURE__ */ jsx("button", {
 				type: "button",
-				"aria-label": text("next", label.toLowerCase()),
+				"aria-label": text("next", { label: label.toLowerCase() }),
 				onClick: () => scroll.page(1),
 				className: `${arrowClass} -right-3`,
 				children: /* @__PURE__ */ jsx(ChevronRight, {

package/dist/app/record-row/saved-record-row.js

@@ -1,7 +1,7 @@
 import { useAdminMeta } from "../meta-gate.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { listedResource } from "../current-address.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { ErrorBanner } from "../error-banner.js";
 import { savedScope } from "../saved/saved-records.js";
 import { useSavedRecords } from "../saved/use-saved-records.js";
@@ -20,14 +20,14 @@ const SavedRecordRow = ({ model, view, empty, ...props }) => {
 	const plural = (view.names?.plural ?? humanize(model.name)).toLowerCase();
 	if (!listed.listOf) return null;
 	if (saved.error) return /* @__PURE__ */ jsx(ErrorBanner, {
-		title: text("couldNotLoadYour", plural),
+		title: text("couldNotLoadYour", { plural }),
 		error: saved.error
 	});
 	if (!saved.data) return /* @__PURE__ */ jsx(Skeleton, { className: "h-24" });
 	const scope = savedScope(listed.model, saved.data);
 	if (!scope) return /* @__PURE__ */ jsx("p", {
 		className: "text-muted-foreground",
-		children: empty ?? text("noneYet", plural)
+		children: empty ?? text("noneYet", { plural })
 	});
 	return /* @__PURE__ */ jsx(RecordRowBody, {
 		...props,

package/dist/app/related-cards/messages.js

@@ -1,18 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/related-cards/messages.ts
-const text = defineMessages({
-	en: {
-		showMore: "Show more",
-		showLess: "Show less",
-		couldNotLoad: "Could not load",
-		nothingYet: "Nothing here yet."
-	},
-	nl: {
-		showMore: "Meer tonen",
-		showLess: "Minder tonen",
-		couldNotLoad: "Kon niet laden",
-		nothingYet: "Hier staat nog niets."
-	}
-});
+const text = messages("app/related-cards");
 //#endregion
 export { text };

package/dist/app/related-cards/related-card.js

@@ -1,6 +1,6 @@
 import { useAdminMeta } from "../meta-gate.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { recordKey } from "../../live/model-helpers.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { AppLink } from "../use-app-address.js";
 import { useRecordTitle } from "../titles/record-titles.js";
 import { RecordScope } from "../pages/record-scope.js";

package/dist/app/related-cards/related-cards.js

@@ -1,7 +1,7 @@
 import { useIsXs } from "../../lib/use-media-query.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { defaultOrderBy } from "../list-order.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { AppLink } from "../use-app-address.js";
 import { ErrorBanner } from "../error-banner.js";
 import { scopeOf, useCount, useListPage } from "../pages/use-layout-data.js";

package/dist/app/related-dots/dots-summary.js

@@ -5,7 +5,7 @@ import { text } from "./messages.js";
 * of the status's values, such as "4 tasks: 1 To do, 3 Done". "No tasks" without any.
 */
 const dotsSummary = (statuses, { values, label, singular, plural }) => {
-	if (statuses.length === 0) return text("none", plural);
+	if (statuses.length === 0) return text("none", { plural });
 	const counts = /* @__PURE__ */ new Map();
 	for (const status of statuses) if (status !== null && status !== void 0) counts.set(String(status), (counts.get(String(status)) ?? 0) + 1);
 	const parts = [...values, ...[...counts.keys()].filter((value) => !values.includes(value))].filter((value) => counts.has(value)).map((value) => `${counts.get(value)} ${label(value)}`);

package/dist/app/related-dots/messages.js

@@ -1,8 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/related-dots/messages.ts
-const text = defineMessages({
-	en: { none: (plural) => `No ${plural}` },
-	nl: { none: (plural) => `Geen ${plural}` }
-});
+const text = messages("app/related-dots");
 //#endregion
 export { text };

package/dist/app/related-dots/related-dots.js

@@ -2,11 +2,10 @@ import { cn } from "../../lib/cn.js";
 import { toneDots } from "../../primitives/badge.js";
 import { humanize } from "../../live/naming.js";
 import { recordTitleField } from "../../live/model-helpers.js";
-import { toneFor } from "../../live/columns-from-model.js";
+import { valueColor, valueTone } from "../../live/value-color.js";
 import { displayValue } from "../../live/display-value.js";
 import { displayRow } from "../displays/list-displays.js";
 import { AppLink } from "../use-app-address.js";
-import { valueColor } from "../../live/value-color.js";
 import { placeCard } from "./card-place.js";
 import { dotCard } from "./dot-card.js";
 import { dotsSummary } from "./dots-summary.js";
@@ -153,7 +152,7 @@ const RelatedDots = ({ column, records, target, view, wrap = false, Card }) => {
 					children: /* @__PURE__ */ jsx("span", {
 						"aria-hidden": true,
 						style: color === void 0 ? void 0 : { backgroundColor: color },
-						className: cn(dotMark, color === void 0 && toneDots[toneFor(String(value))], shown?.key === row.key && "ring-2 ring-foreground/30")
+						className: cn(dotMark, color === void 0 && toneDots[valueTone(hints?.valueColors, value)], shown?.key === row.key && "ring-2 ring-foreground/30")
 					})
 				}, row.key);
 			}),

package/dist/app/related-section.js

@@ -1,9 +1,9 @@
 import { keys } from "../data/query-keys.js";
 import { useClient } from "../data/api-provider.js";
 import { useAdminMeta, usePermissions } from "./meta-gate.js";
-import { Skeleton } from "../primitives/skeleton.js";
 import { Section } from "../record-view/section.js";
 import { listColumnNames } from "../live/columns-from-model.js";
+import { Skeleton } from "../primitives/skeleton.js";
 import { ErrorBanner } from "./error-banner.js";
 import { countQuery } from "./pages/use-layout-data.js";
 import { RelatedCards } from "./related-cards/related-cards.js";

package/dist/app/relation-picker.js

@@ -47,7 +47,7 @@ const RelationPicker = ({ target, view, value, label, chosen = [value], several
 		chosen,
 		several,
 		closedText: label ?? value,
-		placeholder: text("searchPlural", (view?.names?.plural ?? humanize(target.name)).toLowerCase()),
+		placeholder: text("searchPlural", { plural: (view?.names?.plural ?? humanize(target.name)).toLowerCase() }),
 		invalid,
 		paging: {
 			more: Boolean(rows.hasNextPage),

package/dist/app/runtime/messages.js

@@ -1,58 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/runtime/messages.ts
-const text = defineMessages({
-	en: {
-		immediate: "Updates as soon as a release is out",
-		weekly: "Updates at a set time every week",
-		scheduled: "Updates at the time set for this release",
-		manual: "Updates only when asked to",
-		job: "Preparing the update",
-		build: "Building",
-		updatingNow: "Updating now",
-		started: (stage, ago) => `${stage}, started ${ago}`,
-		nextOn: (policy, when) => `${policy}: next on ${when}`,
-		succeeded: (version, when) => `Updated to ${version} on ${when}`,
-		unchanged: (version, when) => `The update to ${version} on ${when} changed nothing`,
-		failed: (version, when) => `The update to ${version} failed on ${when}`,
-		alreadyLatest: "Already on the latest version, or an update is running.",
-		onlyAdmin: "Only an admin can update the runtime.",
-		couldNotStart: "The update could not be started. Try again later.",
-		runtimeUpdate: "Runtime update",
-		close: "Close",
-		updating: "Updating…",
-		updateNow: "Update now",
-		currentVersion: "Current version",
-		latestVersion: "Latest version",
-		checkFailed: "The status could not be checked again; this is the last one read.",
-		updateAvailable: "Update available",
-		update: "Update"
-	},
-	nl: {
-		immediate: "Werkt bij zodra er een release is",
-		weekly: "Werkt elke week op een vast moment bij",
-		scheduled: "Werkt bij op het moment dat voor deze release is ingesteld",
-		manual: "Werkt alleen bij als erom wordt gevraagd",
-		job: "De update voorbereiden",
-		build: "Bouwen",
-		updatingNow: "Nu aan het bijwerken",
-		started: (stage, ago) => `${stage}, begonnen ${ago}`,
-		nextOn: (policy, when) => `${policy}: volgende op ${when}`,
-		succeeded: (version, when) => `Bijgewerkt naar ${version} op ${when}`,
-		unchanged: (version, when) => `De update naar ${version} op ${when} veranderde niets`,
-		failed: (version, when) => `De update naar ${version} mislukte op ${when}`,
-		alreadyLatest: "Al op de nieuwste versie, of er loopt een update.",
-		onlyAdmin: "Alleen een beheerder kan de runtime bijwerken.",
-		couldNotStart: "De update kon niet worden gestart. Probeer het later opnieuw.",
-		runtimeUpdate: "Runtime-update",
-		close: "Sluiten",
-		updating: "Bijwerken…",
-		updateNow: "Nu bijwerken",
-		currentVersion: "Huidige versie",
-		latestVersion: "Nieuwste versie",
-		checkFailed: "De status kon niet opnieuw worden gecontroleerd; dit is de laatst gelezen.",
-		updateAvailable: "Update beschikbaar",
-		update: "Bijwerken"
-	}
-});
+const text = messages("app/runtime");
 //#endregion
 export { text };