@protobase/ui 0.25.2 → 0.25.4

package/dist/organizations/messages.js

@@ -0,0 +1,180 @@
+import { defineMessages } from "../locale/messages.js";
+//#region src/organizations/messages.ts
+const text = defineMessages({
+	en: {
+		organizations: "Organizations",
+		organization: "Organization",
+		members: "Members",
+		invitations: "Invitations",
+		owner: "Owner",
+		admin: "Admin",
+		member: "Member",
+		loading: "Loading",
+		name: "Name",
+		slug: "Slug",
+		save: "Save",
+		cancel: "Cancel",
+		delete: "Delete",
+		remove: "Remove",
+		create: "Create",
+		current: "Current",
+		open: "Open",
+		allOrganizations: "All organizations",
+		allOrganizationsDescription: "Every organization in the app. Your global roles let you work in any of them, with what those roles allow there. Opening one you are not a member of is written to the audit log.",
+		findOrganization: "Find an organization",
+		nameOrSlug: "Name or slug",
+		cannotChangeRole: "You cannot give or take away this role",
+		makeAccountToJoin: (email) => `Make your account for ${email} to join.`,
+		makeAccount: (email) => `Make your account for ${email}.`,
+		yourName: "Your name",
+		password: "Password",
+		passwordOptional: (length) => `Password (optional, ${length}+ characters)`,
+		passwordRequired: (length) => `Password (${length}+ characters)`,
+		createAndJoin: "Create account and join",
+		createYourAccount: "Create your account",
+		invalidLink: "This invitation link is not valid",
+		invitation: "Invitation",
+		goToApp: "Go to the app",
+		invitesToApp: (inviter, app) => `${inviter} invites you to join ${app}.`,
+		invitesTo: (inviter, organization, role) => `${inviter} invites you to ${organization} as ${role}.`,
+		invitesToWith: (inviter, organization, role, roles) => `${inviter} invites you to ${organization} as ${role}, with ${roles}.`,
+		join: (name) => `Join ${name}`,
+		hasAccount: (email) => `${email} has an account already: sign in with it.`,
+		signOut: "Sign out",
+		signInAs: (email) => `Sign in as ${email}`,
+		signInAsToJoin: (email) => `Sign in as ${email} to join`,
+		otherAddress: (invited, signedIn) => `This invitation is for ${invited}, and you are signed in as ${signedIn}.`,
+		signOutToAccept: "Sign out to accept it",
+		inviteSomeone: "Invite someone",
+		inviteDescription: "They get an email with a link to join, or to make an account first. You can give the app roles you hold, and those your roles grant.",
+		organizationRole: "Organization role",
+		peopleInvited: (organization) => `People invited to ${organization}.`,
+		notAcceptedYet: "Not accepted yet",
+		sendingAgain: "Sending again gives a new link, which replaces the earlier one.",
+		nobodyWaiting: "Nobody is waiting.",
+		roleOf: (name) => `Organization role of ${name}`,
+		couldNotReadMembers: "Could not read the members",
+		whoWorks: (organization) => `Who works in ${organization}, and with which roles.`,
+		membersDescription: "Owners and admins manage the organization; app roles decide what each member sees and does in the app.",
+		details: "Details",
+		detailsEditable: "The name people see, and the slug that names it in links.",
+		detailsReadOnly: "Owners and admins can change these.",
+		handOver: "Hand over",
+		handOverDescription: "Make another member the owner. You stay as an admin.",
+		newOwner: "New owner",
+		chooseMember: "Choose a member",
+		deleteOrganization: "Delete organization",
+		deleteDescription: "Takes the organization and its members and invitations away. Its records must be deleted first.",
+		deleteTitle: (name) => `Delete ${name}?`,
+		deleteConfirm: "Type its name to confirm. This cannot be undone.",
+		organizationName: "Organization name",
+		leave: "Leave",
+		leaveOwner: "An organization keeps an owner: hand it over before you leave, unless it has another owner.",
+		leaveMember: "You stop being a member, and lose your roles here.",
+		leaveName: (name) => `Leave ${name}`,
+		noOrganization: "You do not work in an organization now. Choose one under Organizations.",
+		youAre: (role) => `You are ${role} here.`,
+		throughGlobalRoles: "You work here through your global roles, without being a member.",
+		newOrganization: "New organization",
+		newOrganizationDescription: "You become its owner, with every role, and work in it once it is made.",
+		invitationsForYou: "Invitations for you",
+		invitationsForYouDescription: "Open the link in the invitation email to accept one.",
+		anOrganization: "An organization",
+		noAppRoles: "no app roles",
+		until: (date) => `Until ${date}`,
+		organizationsSubtitle: "You work in one organization at a time; what you see follows from your roles there.",
+		yourOrganizations: "Your organizations",
+		memberOf: "The organizations you are a member of.",
+		notMember: "You are not a member of an organization yet.",
+		couldNotReadOrganizations: "Could not read your organizations"
+	},
+	nl: {
+		organizations: "Organisaties",
+		organization: "Organisatie",
+		members: "Leden",
+		invitations: "Uitnodigingen",
+		owner: "Eigenaar",
+		admin: "Beheerder",
+		member: "Lid",
+		loading: "Laden",
+		name: "Naam",
+		slug: "Slug",
+		save: "Bewaren",
+		cancel: "Annuleren",
+		delete: "Verwijderen",
+		remove: "Verwijderen",
+		create: "Maken",
+		current: "Huidige",
+		open: "Openen",
+		allOrganizations: "Alle organisaties",
+		allOrganizationsDescription: "Elke organisatie in de app. Met je globale rollen kun je in elk ervan werken, met wat die rollen daar toestaan. Wie er een opent waar die geen lid van is, komt in het auditlogboek.",
+		findOrganization: "Een organisatie zoeken",
+		nameOrSlug: "Naam of slug",
+		cannotChangeRole: "Je kunt deze rol niet geven of afnemen",
+		makeAccountToJoin: (email) => `Maak je account voor ${email} om lid te worden.`,
+		makeAccount: (email) => `Maak je account voor ${email}.`,
+		yourName: "Je naam",
+		password: "Wachtwoord",
+		passwordOptional: (length) => `Wachtwoord (optioneel, ${length}+ tekens)`,
+		passwordRequired: (length) => `Wachtwoord (${length}+ tekens)`,
+		createAndJoin: "Account maken en lid worden",
+		createYourAccount: "Je account maken",
+		invalidLink: "Deze uitnodigingslink is niet geldig",
+		invitation: "Uitnodiging",
+		goToApp: "Naar de app",
+		invitesToApp: (inviter, app) => `${inviter} nodigt je uit voor ${app}.`,
+		invitesTo: (inviter, organization, role) => `${inviter} nodigt je uit voor ${organization} als ${role}.`,
+		invitesToWith: (inviter, organization, role, roles) => `${inviter} nodigt je uit voor ${organization} als ${role}, met ${roles}.`,
+		join: (name) => `Lid worden van ${name}`,
+		hasAccount: (email) => `${email} heeft al een account: log daarmee in.`,
+		signOut: "Uitloggen",
+		signInAs: (email) => `Inloggen als ${email}`,
+		signInAsToJoin: (email) => `Inloggen als ${email} om lid te worden`,
+		otherAddress: (invited, signedIn) => `Deze uitnodiging is voor ${invited}, en je bent ingelogd als ${signedIn}.`,
+		signOutToAccept: "Uitloggen om die te accepteren",
+		inviteSomeone: "Iemand uitnodigen",
+		inviteDescription: "Die krijgt een e-mail met een link om lid te worden, of om eerst een account te maken. Je kunt de app-rollen geven die je zelf hebt, en die je rollen toekennen.",
+		organizationRole: "Rol in de organisatie",
+		peopleInvited: (organization) => `Mensen uitgenodigd voor ${organization}.`,
+		notAcceptedYet: "Nog niet geaccepteerd",
+		sendingAgain: "Opnieuw sturen geeft een nieuwe link, die de vorige vervangt.",
+		nobodyWaiting: "Er wacht niemand.",
+		roleOf: (name) => `Rol in de organisatie van ${name}`,
+		couldNotReadMembers: "Kon de leden niet lezen",
+		whoWorks: (organization) => `Wie in ${organization} werkt, en met welke rollen.`,
+		membersDescription: "Eigenaren en beheerders beheren de organisatie; app-rollen bepalen wat elk lid in de app ziet en doet.",
+		details: "Gegevens",
+		detailsEditable: "De naam die mensen zien, en de slug die haar in links noemt.",
+		detailsReadOnly: "Eigenaren en beheerders kunnen dit wijzigen.",
+		handOver: "Overdragen",
+		handOverDescription: "Maak een ander lid eigenaar. Jij blijft beheerder.",
+		newOwner: "Nieuwe eigenaar",
+		chooseMember: "Kies een lid",
+		deleteOrganization: "Organisatie verwijderen",
+		deleteDescription: "Verwijdert de organisatie met haar leden en uitnodigingen. Haar records moeten eerst worden verwijderd.",
+		deleteTitle: (name) => `${name} verwijderen?`,
+		deleteConfirm: "Typ de naam om te bevestigen. Dit kan niet ongedaan worden gemaakt.",
+		organizationName: "Naam van de organisatie",
+		leave: "Verlaten",
+		leaveOwner: "Een organisatie houdt een eigenaar: draag die rol over voordat je vertrekt, tenzij er nog een eigenaar is.",
+		leaveMember: "Je bent dan geen lid meer, en verliest je rollen hier.",
+		leaveName: (name) => `${name} verlaten`,
+		noOrganization: "Je werkt nu niet in een organisatie. Kies er een onder Organisaties.",
+		youAre: (role) => `Je bent hier ${role}.`,
+		throughGlobalRoles: "Je werkt hier via je globale rollen, zonder lid te zijn.",
+		newOrganization: "Nieuwe organisatie",
+		newOrganizationDescription: "Je wordt de eigenaar, met elke rol, en werkt erin zodra die is gemaakt.",
+		invitationsForYou: "Uitnodigingen voor jou",
+		invitationsForYouDescription: "Open de link in de uitnodigingsmail om er een te accepteren.",
+		anOrganization: "Een organisatie",
+		noAppRoles: "geen app-rollen",
+		until: (date) => `Tot ${date}`,
+		organizationsSubtitle: "Je werkt in één organisatie tegelijk; wat je ziet volgt uit je rollen daar.",
+		yourOrganizations: "Je organisaties",
+		memberOf: "De organisaties waar je lid van bent.",
+		notMember: "Je bent nog geen lid van een organisatie.",
+		couldNotReadOrganizations: "Kon je organisaties niet lezen"
+	}
+});
+//#endregion
+export { text };

package/dist/organizations/organization-page.js

@@ -4,7 +4,8 @@ import { useAuth } from "../auth/auth-provider.js";
 import { Button } from "../primitives/button.js";
 import { Dialog } from "../primitives/dialog.js";
 import { AccountSection, SectionError } from "../account/account-section.js";
-import { managesOrganization, organizationRoleLabels } from "./organization-paths.js";
+import { text } from "./messages.js";
+import { managesOrganization, organizationRoleLabel } from "./organization-paths.js";
 import { useAction } from "./use-action.js";
 import { reopenIn } from "./use-organizations.js";
 import { useEffect, useState } from "react";
@@ -17,8 +18,8 @@ const Details = ({ organization, editable, onSaved }) => {
 	const { busy, error, run } = useAction();
 	const changed = name.trim() !== organization.name || slug !== organization.slug;
 	return /* @__PURE__ */ jsxs(AccountSection, {
-		title: "Details",
-		description: editable ? "The name people see, and the slug that names it in links." : "Owners and admins can change these.",
+		title: text("details"),
+		description: editable ? text("detailsEditable") : text("detailsReadOnly"),
 		children: [/* @__PURE__ */ jsx(SectionError, { message: error }), /* @__PURE__ */ jsxs("form", {
 			className: "flex flex-col gap-2 sm:flex-row",
 			onSubmit: (event) => {
@@ -33,14 +34,14 @@ const Details = ({ organization, editable, onSaved }) => {
 			},
 			children: [
 				/* @__PURE__ */ jsx(Input, {
-					"aria-label": "Name",
+					"aria-label": text("name"),
 					value: name,
 					disabled: !editable,
 					onChange: (event) => setName(event.target.value),
 					wrapperClassName: "flex-1"
 				}),
 				/* @__PURE__ */ jsx(Input, {
-					"aria-label": "Slug",
+					"aria-label": text("slug"),
 					value: slug,
 					disabled: !editable,
 					onChange: (event) => setSlug(event.target.value),
@@ -51,7 +52,7 @@ const Details = ({ organization, editable, onSaved }) => {
 					variant: "primary",
 					loading: busy,
 					disabled: !changed || !name.trim(),
-					children: "Save"
+					children: text("save")
 				})
 			]
 		})]
@@ -70,18 +71,18 @@ const HandOver = ({ organization, memberId }) => {
 		memberId
 	]);
 	return /* @__PURE__ */ jsxs(AccountSection, {
-		title: "Hand over",
-		description: "Make another member the owner. You stay as an admin.",
+		title: text("handOver"),
+		description: text("handOverDescription"),
 		children: [/* @__PURE__ */ jsx(SectionError, { message: error }), /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col gap-2 sm:flex-row",
 			children: [/* @__PURE__ */ jsxs("select", {
-				"aria-label": "New owner",
+				"aria-label": text("newOwner"),
 				value: target,
 				onChange: (event) => setTarget(event.target.value),
 				className: "h-8 flex-1 rounded-md border border-border-strong bg-background px-2",
 				children: [/* @__PURE__ */ jsx("option", {
 					value: "",
-					children: "Choose a member"
+					children: text("chooseMember")
 				}), members.map((member) => /* @__PURE__ */ jsxs("option", {
 					value: member.id,
 					children: [
@@ -98,7 +99,7 @@ const HandOver = ({ organization, memberId }) => {
 					await session.organizations.transferOwnership(target);
 					window.location.reload();
 				}),
-				children: "Hand over"
+				children: text("handOver")
 			})]
 		})]
 	});
@@ -113,31 +114,31 @@ const Delete = ({ organization, basePath }) => {
 		reopenIn(basePath);
 	});
 	return /* @__PURE__ */ jsxs(AccountSection, {
-		title: "Delete organization",
-		description: "Takes the organization and its members and invitations away. Its records must be deleted first.",
+		title: text("deleteOrganization"),
+		description: text("deleteDescription"),
 		children: [
 			/* @__PURE__ */ jsx(SectionError, { message: confirming ? void 0 : error }),
 			/* @__PURE__ */ jsx(Button, {
 				variant: "danger",
 				onClick: () => setConfirming(true),
-				children: "Delete organization"
+				children: text("deleteOrganization")
 			}),
 			confirming && /* @__PURE__ */ jsxs(Dialog, {
-				title: `Delete ${organization.name}?`,
-				description: "Type its name to confirm. This cannot be undone.",
+				title: text("deleteTitle", organization.name),
+				description: text("deleteConfirm"),
 				onClose: () => setConfirming(false),
 				actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
 					onClick: () => setConfirming(false),
-					children: "Cancel"
+					children: text("cancel")
 				}), /* @__PURE__ */ jsx(Button, {
 					variant: "danger",
 					loading: busy,
 					disabled: typed !== organization.name,
 					onClick: () => void remove(),
-					children: "Delete"
+					children: text("delete")
 				})] }),
 				children: [/* @__PURE__ */ jsx(SectionError, { message: error }), /* @__PURE__ */ jsx(Input, {
-					"aria-label": "Organization name",
+					"aria-label": text("organizationName"),
 					value: typed,
 					onChange: (event) => setTyped(event.target.value)
 				})]
@@ -149,15 +150,15 @@ const Leave = ({ organization, basePath, owner }) => {
 	const { session } = useAuth();
 	const { busy, error, run } = useAction();
 	return /* @__PURE__ */ jsxs(AccountSection, {
-		title: "Leave",
-		description: owner ? "An organization keeps an owner: hand it over before you leave, unless it has another owner." : "You stop being a member, and lose your roles here.",
-		children: [/* @__PURE__ */ jsx(SectionError, { message: error }), /* @__PURE__ */ jsxs(Button, {
+		title: text("leave"),
+		description: owner ? text("leaveOwner") : text("leaveMember"),
+		children: [/* @__PURE__ */ jsx(SectionError, { message: error }), /* @__PURE__ */ jsx(Button, {
 			loading: busy,
 			onClick: () => void run(async () => {
 				await session.organizations.leave(organization.id);
 				reopenIn(basePath);
 			}),
-			children: ["Leave ", organization.name]
+			children: text("leaveName", organization.name)
 		})]
 	});
 };
@@ -167,8 +168,8 @@ const OrganizationPage = ({ current, basePath, onChanged }) => {
 	if (!organization) return /* @__PURE__ */ jsx("div", {
 		className: "mx-auto w-full max-w-3xl px-4 py-6 md:px-6",
 		children: /* @__PURE__ */ jsx(PageHeader, {
-			title: "Organization",
-			subtitle: "You do not work in an organization now. Choose one under Organizations."
+			title: text("organization"),
+			subtitle: text("noOrganization")
 		})
 	});
 	const owner = current.role === "owner";
@@ -177,7 +178,7 @@ const OrganizationPage = ({ current, basePath, onChanged }) => {
 		children: [
 			/* @__PURE__ */ jsx(PageHeader, {
 				title: organization.name,
-				subtitle: current.role ? `You are ${organizationRoleLabels[current.role].toLowerCase()} here.` : "You work here through your global roles, without being a member."
+				subtitle: current.role ? text("youAre", organizationRoleLabel(current.role).toLowerCase()) : text("throughGlobalRoles")
 			}),
 			/* @__PURE__ */ jsx(Details, {
 				organization,

package/dist/organizations/organization-paths.js

@@ -1,20 +1,23 @@
+import { text } from "./messages.js";
 import { Building2, Mail, Network, Users } from "lucide-react";
 //#region src/organizations/organization-paths.ts
 const organizationsPath = "/-/organizations";
 const organizationPath = "/-/organization";
 const membersPath = "/-/organization/members";
 const invitationsPath = "/-/organization/invitations";
-const organizationPageTitles = {
-	[organizationsPath]: "Organizations",
-	[organizationPath]: "Organization",
-	[membersPath]: "Members",
-	[invitationsPath]: "Invitations"
+const pageTitles = {
+	[organizationsPath]: "organizations",
+	[organizationPath]: "organization",
+	[membersPath]: "members",
+	[invitationsPath]: "invitations"
 };
-const organizationRoleLabels = {
-	owner: "Owner",
-	admin: "Admin",
-	member: "Member"
+/** The title of the organization page at `path`; undefined for any other path. */
+const organizationPageTitle = (path) => {
+	const id = pageTitles[path];
+	return id && text(id);
 };
+/** The word for an organization role. */
+const organizationRoleLabel = (role) => text(role);
 /** The label of an app role, as the server names it. */
 const roleLabel = (roles, name) => roles.find((role) => role.name === name)?.label ?? name;
 /** Whether the person manages the current organization: its owners and admins. */
@@ -32,9 +35,9 @@ const organizationMenuItems = (basePath, path, current) => {
 		active: path === target
 	});
 	return [
-		item("organizations", "Organizations", Network, organizationsPath),
-		...current?.organization ? [item("organization", "Organization", Building2, organizationPath)] : [],
-		...managesOrganization(current) ? [item("members", "Members", Users, membersPath), item("invitations", "Invitations", Mail, invitationsPath)] : []
+		item("organizations", text("organizations"), Network, organizationsPath),
+		...current?.organization ? [item("organization", text("organization"), Building2, organizationPath)] : [],
+		...managesOrganization(current) ? [item("members", text("members"), Users, membersPath), item("invitations", text("invitations"), Mail, invitationsPath)] : []
 	];
 };
 /** The app roles someone may give or take away: those they hold, those their roles grant, and every one for a superuser. */
@@ -46,4 +49,4 @@ const grantableRoles = (roles, current) => {
 	return new Set([...held, ...granted].filter((name) => membership.includes(name)));
 };
 //#endregion
-export { grantableRoles, invitationsPath, managesOrganization, membersPath, organizationMenuItems, organizationPageTitles, organizationPath, organizationRoleLabels, organizationsPath, roleLabel };
+export { grantableRoles, invitationsPath, managesOrganization, membersPath, organizationMenuItems, organizationPageTitle, organizationPath, organizationRoleLabel, organizationsPath, roleLabel };

package/dist/organizations/organization-row.js

@@ -1,5 +1,6 @@
 import { Badge } from "../primitives/badge.js";
 import { Button } from "../primitives/button.js";
+import { text } from "./messages.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/organizations/organization-row.tsx
 /** An organization with Open, or a Current badge when the person works in it. */
@@ -16,12 +17,12 @@ const OrganizationRow = ({ organization, current, busy, onOpen }) => /* @__PURE_
 		})]
 	}), current ? /* @__PURE__ */ jsx(Badge, {
 		tone: "green",
-		children: "Current"
+		children: text("current")
 	}) : /* @__PURE__ */ jsx(Button, {
 		size: "sm",
 		loading: busy,
 		onClick: onOpen,
-		children: "Open"
+		children: text("open")
 	})]
 });
 //#endregion

package/dist/organizations/organizations-page.js

@@ -4,6 +4,7 @@ import { PageHeader } from "../app-shell/page-header.js";
 import { useAuth } from "../auth/auth-provider.js";
 import { Button } from "../primitives/button.js";
 import { AccountSection, SectionError } from "../account/account-section.js";
+import { text } from "./messages.js";
 import { roleLabel } from "./organization-paths.js";
 import { useAction } from "./use-action.js";
 import { isAdmin } from "../auth/user-to-shell.js";
@@ -28,8 +29,8 @@ const NewOrganization = ({ basePath }) => {
 		reopenIn(basePath);
 	});
 	return /* @__PURE__ */ jsxs(AccountSection, {
-		title: "New organization",
-		description: "You become its owner, with every role, and work in it once it is made.",
+		title: text("newOrganization"),
+		description: text("newOrganizationDescription"),
 		children: [/* @__PURE__ */ jsx(SectionError, { message: error }), /* @__PURE__ */ jsxs("form", {
 			className: "flex flex-col gap-2 sm:flex-row",
 			onSubmit: (event) => {
@@ -38,14 +39,14 @@ const NewOrganization = ({ basePath }) => {
 			},
 			children: [
 				/* @__PURE__ */ jsx(Input, {
-					"aria-label": "Name",
-					placeholder: "Name",
+					"aria-label": text("name"),
+					placeholder: text("name"),
 					value: name,
 					onChange: (event) => setName(event.target.value),
 					wrapperClassName: "flex-1"
 				}),
 				/* @__PURE__ */ jsx(Input, {
-					"aria-label": "Slug",
+					"aria-label": text("slug"),
 					placeholder: "slug",
 					value: slug ?? slugOf(name),
 					onChange: (event) => setSlug(event.target.value),
@@ -56,7 +57,7 @@ const NewOrganization = ({ basePath }) => {
 					variant: "primary",
 					loading: busy,
 					disabled: !name.trim(),
-					children: "Create"
+					children: text("create")
 				})
 			]
 		})]
@@ -71,8 +72,8 @@ const YourInvitations = () => {
 	if (invitations.length === 0) return null;
 	const roles = organizations?.roles ?? [];
 	return /* @__PURE__ */ jsx(AccountSection, {
-		title: "Invitations for you",
-		description: "Open the link in the invitation email to accept one.",
+		title: text("invitationsForYou"),
+		description: text("invitationsForYouDescription"),
 		children: /* @__PURE__ */ jsx("ul", {
 			className: "divide-y rounded-md border",
 			children: invitations.map((invitation) => /* @__PURE__ */ jsxs("li", {
@@ -80,13 +81,13 @@ const YourInvitations = () => {
 				children: [
 					/* @__PURE__ */ jsx("span", {
 						className: "font-medium",
-						children: invitation.organizationName ?? "An organization"
+						children: invitation.organizationName ?? text("anOrganization")
 					}),
 					": ",
-					invitation.appRoles.map((name) => roleLabel(roles, name)).join(", ") || "no app roles",
-					/* @__PURE__ */ jsxs("span", {
+					invitation.appRoles.map((name) => roleLabel(roles, name)).join(", ") || text("noAppRoles"),
+					/* @__PURE__ */ jsx("span", {
 						className: "block text-xs text-muted-foreground",
-						children: ["Until ", new Date(invitation.expiresAt).toLocaleDateString(formatTag())]
+						children: text("until", new Date(invitation.expiresAt).toLocaleDateString(formatTag()))
 					})
 				]
 			}, invitation.id))
@@ -107,12 +108,12 @@ const OrganizationsPage = ({ state, basePath }) => {
 		className: "mx-auto flex w-full max-w-3xl flex-col gap-4 px-4 py-6 md:px-6",
 		children: [
 			/* @__PURE__ */ jsx(PageHeader, {
-				title: "Organizations",
-				subtitle: "You work in one organization at a time; what you see follows from your roles there."
+				title: text("organizations"),
+				subtitle: text("organizationsSubtitle")
 			}),
 			/* @__PURE__ */ jsxs(AccountSection, {
-				title: "Your organizations",
-				description: state.organizations.length > 0 ? "The organizations you are a member of." : "You are not a member of an organization yet.",
+				title: text("yourOrganizations"),
+				description: state.organizations.length > 0 ? text("memberOf") : text("notMember"),
 				children: [/* @__PURE__ */ jsx(SectionError, { message: error ?? state.error }), state.organizations.length > 0 && /* @__PURE__ */ jsx("ul", {
 					className: "divide-y rounded-md border",
 					children: state.organizations.map((organization) => /* @__PURE__ */ jsx(OrganizationRow, {

package/dist/organizations/use-organizations.js

@@ -1,5 +1,6 @@
 import { authMessage } from "../auth/auth-messages.js";
 import { useAuth } from "../auth/auth-provider.js";
+import { text } from "./messages.js";
 import { useCallback, useEffect, useState } from "react";
 import { AuthError } from "@protobase/client";
 //#region src/organizations/use-organizations.ts
@@ -16,7 +17,7 @@ const useOrganizations = (enabled) => {
 		Promise.all([session.organizations.current(), session.organizations.list()]).then(([currentOrganization, list]) => {
 			setCurrent(currentOrganization);
 			setOrganizations(list);
-		}, (failure) => setError(failure instanceof AuthError ? authMessage(failure) : "Could not read your organizations"));
+		}, (failure) => setError(failure instanceof AuthError ? authMessage(failure) : text("couldNotReadOrganizations")));
 	}, [
 		enabled,
 		session,

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.25.2";
+var version = "0.25.4";
 var protobase = { "pluginApi": 1 };
 //#endregion
 export { protobase, version };

package/dist/plugins/before-sign-in.js

@@ -3,6 +3,7 @@ import { useAuth } from "../auth/auth-provider.js";
 import { useRouter } from "../app/router.js";
 import { CustomBoundary } from "../app/pages/custom-boundary.js";
 import { mergePlugins } from "./merge-plugins.js";
+import { text } from "./messages.js";
 import { usePluginSource } from "./plugin-source.js";
 import { usePluginLoads } from "./use-plugin-loads.js";
 import { useCallback, useMemo } from "react";
@@ -31,7 +32,11 @@ const BeforeSignIn = ({ children }) => {
 	if (state.kind !== "signed-out" && state.kind !== "visitor") return children;
 	if (!settled) 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")
+		]
 	});
 	if (!Around) return children;
 	return /* @__PURE__ */ jsx(CustomBoundary, {

package/dist/plugins/load-plugin.d.ts

@@ -1,6 +1,6 @@
 import "../app/pages/project-ui.js";
-import { PluginRef } from "@protobase/client";
 import "@protobase/schema/internal";
+import { PluginRef } from "@protobase/client";
 //#region src/plugins/load-plugin.d.ts
 /** What loading a plugin needs from the page: reading its plugin.json, adding its stylesheet and importing its module. */
 export type PluginLoader = {

package/dist/plugins/load-plugin.js

@@ -1,3 +1,4 @@
+import { text } from "./messages.js";
 import { parseManifest } from "./plugin-manifest.js";
 import { pluginUi } from "./plugin-ui.js";
 import { pluginApi, protobaseVersion } from "./plugin-api.js";
@@ -45,7 +46,7 @@ const loadPlugin = async (ref, loader, base, host = thisApp) => {
 	let name;
 	try {
 		const read = await loader.readJson(url);
-		if ("status" in read) return off(`its plugin.json answered ${read.status}`);
+		if ("status" in read) return off(text("answered", read.status));
 		const parsed = parseManifest(read.json);
 		if ("problem" in parsed) return off(parsed.problem);
 		const { manifest } = parsed;
@@ -66,7 +67,7 @@ const loadPlugin = async (ref, loader, base, host = thisApp) => {
 			ui: pluginUi(plugin, module)
 		};
 	} catch (error) {
-		return off(`it could not be loaded: ${describe(error)}`, name);
+		return off(text("couldNotLoad", describe(error)), name);
 	}
 };
 //#endregion

package/dist/plugins/messages.js

@@ -0,0 +1,36 @@
+import { defineMessages } from "../locale/messages.js";
+//#region src/plugins/messages.ts
+const text = defineMessages({
+	en: {
+		loading: "Loading",
+		pluginsOff: "Plugins off",
+		pluginOff: "The plugin {} is off: {}.",
+		dismiss: "Dismiss",
+		answered: (status) => `its plugin.json answered ${status}`,
+		couldNotLoad: (reason) => `it could not be loaded: ${reason}`,
+		notObject: "its plugin.json is not an object",
+		noName: "its plugin.json names no plugin",
+		noApi: "its plugin.json names no plugin API",
+		noVersions: "its plugin.json names no Protobase versions",
+		noModule: "its plugin.json names no module",
+		badStylesheet: "its plugin.json names a stylesheet that is no URL",
+		badVersion: "its plugin.json has a version that is no text"
+	},
+	nl: {
+		loading: "Laden",
+		pluginsOff: "Plug-ins uit",
+		pluginOff: "De plug-in {} staat uit: {}.",
+		dismiss: "Sluiten",
+		answered: (status) => `de plugin.json antwoordde ${status}`,
+		couldNotLoad: (reason) => `hij kon niet worden geladen: ${reason}`,
+		notObject: "de plugin.json is geen object",
+		noName: "de plugin.json noemt geen plug-in",
+		noApi: "de plugin.json noemt geen plug-in-API",
+		noVersions: "de plugin.json noemt geen Protobase-versies",
+		noModule: "de plugin.json noemt geen module",
+		badStylesheet: "de plugin.json noemt een stylesheet die geen URL is",
+		badVersion: "de plugin.json heeft een versie die geen tekst is"
+	}
+});
+//#endregion
+export { text };

package/dist/plugins/plugin-gate.js

@@ -1,5 +1,6 @@
 import { Spinner } from "../primitives/spinner.js";
 import { mergePlugins } from "./merge-plugins.js";
+import { text } from "./messages.js";
 import { usePluginSource } from "./plugin-source.js";
 import { usePluginLoads } from "./use-plugin-loads.js";
 import { useAdminMeta } from "../app/meta-gate.js";
@@ -21,7 +22,11 @@ const PluginGate = ({ ui, children }) => {
 	const merged = useMemo(() => mergePlugins(ui, loads), [ui, loads]);
 	if (!settled) 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")
+		]
 	});
 	return /* @__PURE__ */ jsx(ProjectUiContext.Provider, {
 		value: merged.ui,