@protobase/ui 0.25.2 → 0.25.4

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()) }
 		}

package/dist/app/sensitive-field.js

@@ -1,6 +1,7 @@
 import { cn } from "../lib/cn.js";
 import { Input } from "../primitives/input.js";
 import { Button } from "../primitives/button.js";
+import { text } from "./messages.js";
 import { humanize } from "../live/naming.js";
 import { displayValue } from "../live/display-value.js";
 import { toDraft } from "../live/field-values.js";
@@ -28,7 +29,7 @@ const SensitiveField = ({ field, hints, value, reveal, locked, invalid, placehol
 		variant: "ghost",
 		size: "sm",
 		className: "-mr-1.5 px-1.5",
-		"aria-label": `${shown ? "Hide" : "Show"} ${label}`,
+		"aria-label": shown ? text("hide", label) : text("show", label),
 		"aria-pressed": shown,
 		loading: stored.isPending,
 		onClick: toggle,
@@ -37,7 +38,7 @@ const SensitiveField = ({ field, hints, value, reveal, locked, invalid, placehol
 	const error = stored.error && /* @__PURE__ */ jsx("div", {
 		className: "mt-2",
 		children: /* @__PURE__ */ jsx(ErrorBanner, {
-			title: `Could not show the ${label}`,
+			title: text("couldNotShow", label),
 			error: stored.error
 		})
 	});
@@ -48,7 +49,7 @@ const SensitiveField = ({ field, hints, value, reveal, locked, invalid, placehol
 			children: shown ? displayValue(field, stored.data, hints) : mask
 		}), reveal && eye]
 	}), error] });
-	const text = typed ? toDraft(value) : shown && stored.isSuccess ? toDraft(stored.data) : "";
+	const text$1 = typed ? toDraft(value) : shown && stored.isSuccess ? toDraft(stored.data) : "";
 	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Input, {
 		type: shown ? "text" : "password",
 		autoComplete: "off",
@@ -56,7 +57,7 @@ const SensitiveField = ({ field, hints, value, reveal, locked, invalid, placehol
 		"aria-label": label,
 		className: cn(hints?.format === "code" && "font-mono text-xs"),
 		placeholder: typed || !reveal ? placeholder : mask,
-		value: text,
+		value: text$1,
 		trailing: eye,
 		onChange: (event) => onChange(event.target.value)
 	}), error] });

package/dist/app/source-notice.js

@@ -1,13 +1,14 @@
 import { Spinner } from "../primitives/spinner.js";
 import { Button } from "../primitives/button.js";
 import { keys } from "../data/query-keys.js";
+import { text } from "./messages.js";
 import { isApiError } from "@protobase/client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useQueryClient } from "@tanstack/react-query";
 //#region src/app/source-notice.tsx
 const reason = (error) => {
-	if (!isApiError(error)) return "It did not answer.";
-	if (error.status === 401 || error.status === 403) return `It did not accept your sign-in: ${error.message}`;
+	if (!isApiError(error)) return text("noAnswer");
+	if (error.status === 401 || error.status === 403) return text("signInRefused", error.message);
 	return error.message;
 };
 /** Where a resource drawn from another API would be while that API's `/meta` loads, or when it cannot be read. */
@@ -17,8 +18,8 @@ const SourceNotice = ({ status }) => {
 		className: "flex h-full min-h-48 flex-1 items-center justify-center gap-2 text-muted-foreground",
 		children: [
 			/* @__PURE__ */ jsx(Spinner, {}),
-			" Loading from ",
-			status.source.label
+			" ",
+			text("loadingFrom", status.source.label)
 		]
 	});
 	return /* @__PURE__ */ jsx("div", {
@@ -26,18 +27,22 @@ const SourceNotice = ({ status }) => {
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "max-w-md text-center",
 			children: [
-				/* @__PURE__ */ jsxs("h1", {
+				/* @__PURE__ */ jsx("h1", {
 					className: "text-[16px] font-semibold",
-					children: ["Cannot reach ", status.source.label]
+					children: text("cannotReach", status.source.label)
 				}),
 				/* @__PURE__ */ jsxs("p", {
 					className: "mt-1 text-muted-foreground",
-					children: [reason(status.error), " The rest of the app works as before."]
+					children: [
+						reason(status.error),
+						" ",
+						text("restWorks")
+					]
 				}),
 				/* @__PURE__ */ jsx(Button, {
 					className: "mt-3",
 					onClick: () => void queryClient.refetchQueries({ queryKey: keys.sourceMetas(status.source.url) }),
-					children: "Try again"
+					children: text("tryAgain")
 				})
 			]
 		})

package/dist/app/staff-banner.js

@@ -1,6 +1,8 @@
 import { authMessage } from "../auth/auth-messages.js";
 import { formatDateTime } from "../format/date.js";
 import { Button } from "../primitives/button.js";
+import { text } from "./messages.js";
+import { slotted } from "../locale/slotted.js";
 import { useState } from "react";
 import { UserRoundCog } from "lucide-react";
 import { AuthError } from "@protobase/client";
@@ -23,42 +25,33 @@ const StaffBanner = ({ signIn, onStop }) => {
 	};
 	return /* @__PURE__ */ jsxs("div", {
 		role: "region",
-		"aria-label": "Staff session",
+		"aria-label": text("staffSession"),
 		className: "flex flex-wrap items-center gap-x-3 gap-y-2 border-b border-warning/40 bg-warning-soft px-4 py-2 text-warning-text",
 		children: [
 			/* @__PURE__ */ jsx(UserRoundCog, {
 				"aria-hidden": true,
 				className: "size-4 shrink-0"
 			}),
-			/* @__PURE__ */ jsxs("p", {
+			/* @__PURE__ */ jsx("p", {
 				className: "min-w-64 flex-1 break-words",
-				children: [
-					/* @__PURE__ */ jsx("span", {
-						className: "font-semibold",
-						children: signIn.staffName ?? signIn.staff
-					}),
-					" is signed in as ",
-					/* @__PURE__ */ jsx("span", {
-						className: "font-semibold",
-						children: signIn.user
-					}),
-					" until",
-					" ",
-					formatDateTime(Date.parse(signIn.expiresAt)),
-					". Reason: ",
-					signIn.reason
-				]
+				children: slotted(text("staffSignedIn"), /* @__PURE__ */ jsx("span", {
+					className: "font-semibold",
+					children: signIn.staffName ?? signIn.staff
+				}), /* @__PURE__ */ jsx("span", {
+					className: "font-semibold",
+					children: signIn.user
+				}), formatDateTime(Date.parse(signIn.expiresAt)), signIn.reason)
 			}),
 			error && /* @__PURE__ */ jsx("p", {
 				role: "alert",
-				className: "text-xs font-medium text-danger-text",
+				className: "text-body font-medium text-danger-text",
 				children: error
 			}),
 			/* @__PURE__ */ jsx(Button, {
 				size: "sm",
 				loading: stopping,
 				onClick: () => void stop(),
-				children: "Stop staff session"
+				children: text("stopStaffSession")
 			})
 		]
 	});

package/dist/app-shell/global-search.js

@@ -107,9 +107,9 @@ const GlobalSearch = ({ search, className = "w-96", autoFocus, showShortcut = tr
 						className: "px-3 pb-1 pt-2 text-[11px] font-medium uppercase tracking-wide text-faint-foreground",
 						children: group.label
 					}),
-					group.failed && /* @__PURE__ */ jsxs("p", {
+					group.failed && /* @__PURE__ */ jsx("p", {
 						className: "px-3 py-1.5 text-danger-text",
-						children: ["Could not search ", group.label.toLowerCase()]
+						children: text("couldNotSearch", group.label)
 					}),
 					group.hits.map((hit) => {
 						position += 1;

package/dist/app-shell/messages.js

@@ -28,7 +28,8 @@ const text = defineMessages({
 		recent: (plural) => `Recent ${plural}`,
 		loading: "Loading...",
 		couldNotLoad: "Could not load",
-		viewAll: "View all"
+		viewAll: "View all",
+		couldNotSearch: (label) => `Could not search ${label.toLowerCase()}`
 	},
 	nl: {
 		navigation: "Navigatie",
@@ -57,7 +58,8 @@ const text = defineMessages({
 		recent: (plural) => `Recente ${plural}`,
 		loading: "Laden...",
 		couldNotLoad: "Kon niet laden",
-		viewAll: "Alles bekijken"
+		viewAll: "Alles bekijken",
+		couldNotSearch: (label) => `Kon niet zoeken in ${label.toLowerCase()}`
 	}
 });
 //#endregion

package/dist/app-shell/sidebar-group.js

@@ -9,7 +9,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/app-shell/sidebar-group.tsx
 const row = {
 	"text-large": "h-8 gap-2.5 px-2.5",
-	"text-small": "h-7 gap-2 px-2 text-xs"
+	"text-small": "h-7 gap-2 px-2 text-body"
 };
 /** Lines the records up under the entry's icon. */
 const indent = {

package/dist/app-shell/sidebar-item.js

@@ -6,7 +6,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/app-shell/sidebar-item.tsx
 const layout = {
 	"text-large": "h-9 gap-3 px-3 text-sm",
-	"text-small": "h-7 gap-2.5 px-2.5 text-xs",
+	"text-small": "h-7 gap-2.5 px-2.5 text-body",
 	icon: "size-9 justify-center",
 	"icon-label": "w-full flex-col gap-0.5 py-1.5 text-[10px]",
 	"icon-tooltip": "size-9 justify-center",

package/dist/app-shell/sidebar.js

@@ -34,7 +34,7 @@ const Sidebar = ({ mode, activeItem, user, workspace, appName, forceExpanded, pr
 					children: groups.map((group, index) => /* @__PURE__ */ jsxs("div", {
 						className: cn("flex flex-col gap-0.5", index > 0 && "mt-3"),
 						children: [inline ? /* @__PURE__ */ jsx("div", {
-							className: cn("px-3 pb-1 pt-1 text-[11px] font-medium uppercase tracking-wide text-faint-foreground", expanding && "h-4 whitespace-nowrap py-0 opacity-0 transition-opacity group-hover/side:opacity-100 group-focus-within/side:opacity-100", expanded && "opacity-100"),
+							className: cn("px-3 pb-1 pt-1 text-xs font-medium uppercase tracking-wide text-faint-foreground", expanding && "h-4 whitespace-nowrap py-0 opacity-0 transition-opacity group-hover/side:opacity-100 group-focus-within/side:opacity-100", expanded && "opacity-100"),
 							children: group.label
 						}) : index > 0 && /* @__PURE__ */ jsx("div", { className: "mx-auto mb-1 h-px w-6 bg-border" }), group.items.map((item) => item.recent && isTextMode(mode) ? /* @__PURE__ */ jsx(SidebarGroup, {
 							item,

package/dist/assistant-dock/assistant-dock.js

@@ -2,13 +2,13 @@ import { ChatMessage } from "../chat/chat-message.js";
 import { ChatThread } from "../chat/chat-thread.js";
 import { Composer } from "../chat/composer.js";
 import { SidePanel } from "../side-panel/side-panel.js";
+import { text } from "./messages.js";
 import { PartView } from "./part-view.js";
 import { AssistantBackendContext } from "./use-backend-data.js";
 import { useEffect, useRef } from "react";
 import { Sparkles } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/assistant-dock/assistant-dock.tsx
-const defaultPlaceholder = "Ask a question...";
 /**
 * The assistant beside the app: renders a backend's chat, its cards, the app's widgets and status line, and sends
 * messages and clicks back.
@@ -19,25 +19,25 @@ const AssistantDock = ({ state, offline, error, onSend, onAction, onClose, clien
 		if (state.placeholder) input.current?.focus();
 	}, [state.placeholder]);
 	return /* @__PURE__ */ jsx(SidePanel, {
-		title: "Assistant",
+		title: text("assistant"),
 		icon: /* @__PURE__ */ jsx(Sparkles, { className: "size-4 text-primary" }),
-		status: offline ? "Reconnecting..." : state.status,
+		status: offline ? text("reconnecting") : state.status,
 		onClose,
 		footer: /* @__PURE__ */ jsxs(Fragment$1, { children: [error && /* @__PURE__ */ jsx("p", {
 			role: "alert",
-			className: "text-xs text-danger-text",
+			className: "text-body text-danger-text",
 			children: error
 		}), /* @__PURE__ */ jsx(Composer, {
 			inputRef: input,
 			onSend,
 			busy: state.replying,
-			placeholder: state.placeholder ?? defaultPlaceholder
+			placeholder: state.placeholder ?? text("askQuestion")
 		})] }),
 		children: /* @__PURE__ */ jsx(AssistantBackendContext.Provider, {
 			value: client,
 			children: /* @__PURE__ */ jsx(ChatThread, {
 				length: state.messages.reduce((sum, message) => sum + message.parts.length, 0),
-				empty: "Ask a question about this app or its data.",
+				empty: text("empty"),
 				children: state.messages.map((message) => /* @__PURE__ */ jsx(ChatMessage, {
 					from: message.from,
 					children: message.parts.map((part) => /* @__PURE__ */ jsx(PartView, {

package/dist/assistant-dock/messages.js

@@ -0,0 +1,26 @@
+import { defineMessages } from "../locale/messages.js";
+//#region src/assistant-dock/messages.ts
+const text = defineMessages({
+	en: {
+		askQuestion: "Ask a question...",
+		assistant: "Assistant",
+		reconnecting: "Reconnecting...",
+		empty: "Ask a question about this app or its data.",
+		noAnswer: "The assistant did not answer",
+		backendNoAnswer: "The assistant backend did not answer",
+		couldNotDraw: "It could not be drawn.",
+		cannotShowLive: "This version of the app cannot show it live."
+	},
+	nl: {
+		askQuestion: "Stel een vraag...",
+		assistant: "Assistent",
+		reconnecting: "Opnieuw verbinden...",
+		empty: "Stel een vraag over deze app of de gegevens ervan.",
+		noAnswer: "De assistent antwoordde niet",
+		backendNoAnswer: "De backend van de assistent antwoordde niet",
+		couldNotDraw: "Dit kon niet worden getekend.",
+		cannotShowLive: "Deze versie van de app kan dit niet live tonen."
+	}
+});
+//#endregion
+export { text };

package/dist/assistant-dock/use-assistant.js

@@ -1,7 +1,8 @@
+import { text } from "./messages.js";
 import { useEffect, useState } from "react";
 import { applyAssistantEvent, emptyAssistantState } from "@protobase/schema/internal";
 //#region src/assistant-dock/use-assistant.ts
-const messageOf = (error) => error instanceof Error ? error.message : "The assistant did not answer";
+const messageOf = (error) => error instanceof Error ? error.message : text("noAnswer");
 /** Follows an assistant backend's event stream into state, with its two requests; `undefined` client means not yet. */
 const useAssistant = (client) => {
 	const [state, setState] = useState(emptyAssistantState);

package/dist/assistant-dock/use-backend-data.js

@@ -1,8 +1,9 @@
+import { text } from "./messages.js";
 import { createContext, useContext, useEffect, useRef, useState } from "react";
 //#region src/assistant-dock/use-backend-data.ts
 /** The assistant backend the dock talks to, for the widgets it draws; `AssistantDock` provides it from its `client`. */
 const AssistantBackendContext = createContext(void 0);
-const asError = (reason) => reason instanceof Error ? reason : /* @__PURE__ */ new Error("The assistant backend did not answer");
+const asError = (reason) => reason instanceof Error ? reason : new Error(text("backendNoAnswer"));
 const refreshOf = (refresh, data) => typeof refresh === "function" ? refresh(data) : refresh;
 /**
 * JSON from the assistant backend at `path` (see `AssistantClient.fetch`), read as the signed-in user each time the

package/dist/assistant-dock/widget-view.js

@@ -1,6 +1,7 @@
 import { reportRenderError } from "../app/error-reporting.js";
 import { useProjectUi } from "../app/pages/project-ui.js";
 import { ActionCard } from "../action-card/action-card.js";
+import { text } from "./messages.js";
 import { Component } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/assistant-dock/widget-view.tsx
@@ -24,7 +25,7 @@ var WidgetBoundary = class extends Component {
 	render() {
 		return this.state.failed ? /* @__PURE__ */ jsx(Fallback, {
 			part: this.props.part,
-			note: "It could not be drawn."
+			note: text("couldNotDraw")
 		}) : this.props.children;
 	}
 };
@@ -34,7 +35,7 @@ const WidgetView = ({ part }) => {
 	const Widget = Object.hasOwn(components, part.name) ? components[part.name] : void 0;
 	if (!Widget) return /* @__PURE__ */ jsx(Fallback, {
 		part,
-		note: "This version of the app cannot show it live."
+		note: text("cannotShowLive")
 	});
 	return /* @__PURE__ */ jsx(WidgetBoundary, {
 		part,

package/dist/auth/auth-gate.js

@@ -1,6 +1,7 @@
 import { Spinner } from "../primitives/spinner.js";
 import { providerMessage } from "./auth-messages.js";
 import { readProviderError, readSignInLink, withoutSignInLink } from "./provider-link.js";
+import { text } from "./messages.js";
 import { useAuth } from "./auth-provider.js";
 import { Button } from "../primitives/button.js";
 import { useRouter } from "../app/router.js";
@@ -121,7 +122,7 @@ const useAuthPage = (workspace, children) => {
 		if (state.kind === "signed-in") await signOut();
 		leaveResetPage({
 			kind: "sign-in",
-			notice: "Your password is changed. Sign in with the new one."
+			notice: text("passwordChanged")
 		});
 	};
 	const backToSignIn = () => {
@@ -131,16 +132,20 @@ const useAuthPage = (workspace, children) => {
 	switch (state.kind) {
 		case "loading": return /* @__PURE__ */ jsxs("div", {
 			className: "flex h-full min-h-48 items-center justify-center gap-2 text-muted-foreground",
-			children: [/* @__PURE__ */ jsx(Spinner, {}), " Loading"]
+			children: [
+				/* @__PURE__ */ jsx(Spinner, {}),
+				" ",
+				text("loading")
+			]
 		});
 		case "error": return /* @__PURE__ */ jsxs("div", {
 			className: "flex h-full min-h-48 flex-col items-center justify-center gap-3 p-8 text-center",
-			children: [/* @__PURE__ */ jsxs("p", {
+			children: [/* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground",
-				children: ["Cannot reach the server: ", state.message]
+				children: text("cannotReach", state.message)
 			}), /* @__PURE__ */ jsx(Button, {
 				onClick: recheck,
-				children: "Try again"
+				children: text("tryAgain")
 			})]
 		});
 		case "needs-admin": return /* @__PURE__ */ jsx(FirstRunPage, { onCheckAgain: recheck });

package/dist/auth/auth-locale.js

@@ -0,0 +1,14 @@
+import { useAuth } from "./auth-provider.js";
+import { AppLocale } from "../locale/app-locale.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/auth/auth-locale.tsx
+/**
+* Puts the screens below in the language the setup status names: the sign-in screens and public forms come before
+* `/meta`, and are in the app's language all the same.
+*/
+const AuthLocale = ({ children }) => /* @__PURE__ */ jsx(AppLocale, {
+	locale: useAuth().locale,
+	children
+});
+//#endregion
+export { AuthLocale };