@emdash-cms/admin 0.1.1 → 0.3.0

package/dist/index.js

@@ -1,5 +1,9 @@
 import { c as fetchManifest, i as fetchPlugins, l as parseApiResponse, n as enablePlugin, o as API_BASE, r as fetchPlugin, s as apiFetch, t as disablePlugin, u as throwResponseError } from "./plugins-XhZqfegd.js";
+import { i as SUPPORTED_LOCALE_CODES, n as DEFAULT_LOCALE, o as resolveLocale, r as SUPPORTED_LOCALES, t as useLocale } from "./useLocale-CXsoFCFt.js";
+import "./locales/index.js";
 import { Badge, Button, Checkbox, CommandPalette, Dialog, Input, InputArea, Label, LinkButton, Loader, Popover, Select, Sidebar as KumoSidebar, Switch, Tabs, Toast, Toasty, Tooltip, buttonVariants, useSidebar } from "@cloudflare/kumo";
+import { i18n } from "@lingui/core";
+import { I18nProvider, Trans, useLingui } from "@lingui/react";
 import { QueryClient, QueryClientProvider, useInfiniteQuery, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { Link, Link as Link$1, Outlet, RouterProvider, createRootRouteWithContext, createRoute, createRouter, useLocation, useNavigate, useNavigate as useNavigate$1, useParams, useParams as useParams$1, useSearch } from "@tanstack/react-router";
 import * as React from "react";
@@ -200,9 +204,11 @@ function getMutationError(error) {
 /** Inline error banner for use inside dialogs. */
 function DialogError({ message, className }) {
 	if (!message) return null;
+	const lines = message.split("\n");
 	return /* @__PURE__ */ jsx("div", {
+		role: "alert",
 		className: cn("rounded-md bg-kumo-danger/10 p-3 text-sm text-kumo-danger", className),
-		children: message
+		children: lines.map((line, i) => /* @__PURE__ */ jsx("div", { children: line }, i))
 	});
 }
 
@@ -2033,44 +2039,19 @@ async function executeWpPluginImport(url, token, config) {
 /**
 * API token management client functions
 */
-/** Available scopes for API tokens */
-const API_TOKEN_SCOPES = [
-	{
-		value: "content:read",
-		label: "Content Read",
-		description: "Read content entries"
-	},
-	{
-		value: "content:write",
-		label: "Content Write",
-		description: "Create, update, delete content"
-	},
-	{
-		value: "media:read",
-		label: "Media Read",
-		description: "Read media files"
-	},
-	{
-		value: "media:write",
-		label: "Media Write",
-		description: "Upload and delete media"
-	},
-	{
-		value: "schema:read",
-		label: "Schema Read",
-		description: "Read collection schemas"
-	},
-	{
-		value: "schema:write",
-		label: "Schema Write",
-		description: "Modify collection schemas"
-	},
-	{
-		value: "admin",
-		label: "Admin",
-		description: "Full admin access"
-	}
-];
+/**
+* Scope strings for personal API tokens (wire + UI iteration order).
+* Human-readable copy lives in `ApiTokenSettings` (`SCOPE_UI` + Lingui).
+*/
+const API_TOKEN_SCOPES = {
+	ContentRead: "content:read",
+	ContentWrite: "content:write",
+	MediaRead: "media:read",
+	MediaWrite: "media:write",
+	SchemaRead: "schema:read",
+	SchemaWrite: "schema:write",
+	Admin: "admin"
+};
 /**
 * Fetch all API tokens for the current user
 */
@@ -3284,7 +3265,7 @@ function MediaPickerModal({ open, onOpenChange, onSelect, mimeTypeFilter = "imag
 		open,
 		onOpenChange: handleClose,
 		children: /* @__PURE__ */ jsxs(Dialog, {
-			className: "p-6 max-w-4xl max-h-[80vh] flex flex-col",
+			className: "p-6 max-w-4xl max-h-[80vh] flex flex-col overflow-hidden",
 			size: "xl",
 			children: [
 				/* @__PURE__ */ jsxs("div", {
@@ -3412,7 +3393,7 @@ function MediaPickerModal({ open, onOpenChange, onSelect, mimeTypeFilter = "imag
 					className: "mb-3"
 				}),
 				/* @__PURE__ */ jsx("div", {
-					className: "flex-1 overflow-y-auto min-h-[300px]",
+					className: "flex-1 overflow-y-auto min-h-0",
 					children: isLoading ? /* @__PURE__ */ jsx("div", {
 						className: "flex items-center justify-center h-full",
 						children: /* @__PURE__ */ jsx(Loader, {})
@@ -4366,7 +4347,10 @@ var index_default = Suggestion;
 const blockTransforms = [
 	{
 		id: "paragraph",
-		label: "Paragraph",
+		label: {
+			id: "bkQRMh",
+			message: "Paragraph"
+		},
 		icon: Paragraph,
 		transform: (editor) => {
 			editor.chain().focus().setNode("paragraph").run();
@@ -4374,7 +4358,10 @@ const blockTransforms = [
 	},
 	{
 		id: "heading1",
-		label: "Heading 1",
+		label: {
+			id: "lXKZGw",
+			message: "Heading 1"
+		},
 		icon: TextHOne,
 		transform: (editor) => {
 			editor.chain().focus().setNode("heading", { level: 1 }).run();
@@ -4382,7 +4369,10 @@ const blockTransforms = [
 	},
 	{
 		id: "heading2",
-		label: "Heading 2",
+		label: {
+			id: "El7NbA",
+			message: "Heading 2"
+		},
 		icon: TextHTwo,
 		transform: (editor) => {
 			editor.chain().focus().setNode("heading", { level: 2 }).run();
@@ -4390,7 +4380,10 @@ const blockTransforms = [
 	},
 	{
 		id: "heading3",
-		label: "Heading 3",
+		label: {
+			id: "SFN6dN",
+			message: "Heading 3"
+		},
 		icon: TextHThree,
 		transform: (editor) => {
 			editor.chain().focus().setNode("heading", { level: 3 }).run();
@@ -4398,7 +4391,10 @@ const blockTransforms = [
 	},
 	{
 		id: "blockquote",
-		label: "Quote",
+		label: {
+			id: "ZhhOwV",
+			message: "Quote"
+		},
 		icon: Quotes,
 		transform: (editor) => {
 			editor.chain().focus().toggleBlockquote().run();
@@ -4406,7 +4402,10 @@ const blockTransforms = [
 	},
 	{
 		id: "codeBlock",
-		label: "Code Block",
+		label: {
+			id: "N2eHWq",
+			message: "Code Block"
+		},
 		icon: Code,
 		transform: (editor) => {
 			editor.chain().focus().toggleCodeBlock().run();
@@ -4414,7 +4413,10 @@ const blockTransforms = [
 	},
 	{
 		id: "bulletList",
-		label: "Bullet List",
+		label: {
+			id: "s1c0ja",
+			message: "Bullet List"
+		},
 		icon: List,
 		transform: (editor) => {
 			editor.chain().focus().toggleBulletList().run();
@@ -4422,7 +4424,10 @@ const blockTransforms = [
 	},
 	{
 		id: "orderedList",
-		label: "Numbered List",
+		label: {
+			id: "upFPtm",
+			message: "Numbered List"
+		},
 		icon: ListNumbers,
 		transform: (editor) => {
 			editor.chain().focus().toggleOrderedList().run();
@@ -4433,6 +4438,7 @@ const blockTransforms = [
 * Block Menu - floating menu for block-level actions
 */
 function BlockMenu({ editor, anchorElement, isOpen, onClose }) {
+	const { _: _t } = useLingui();
 	const [showTransforms, setShowTransforms] = React.useState(false);
 	const menuRef = React.useRef(null);
 	const stableOnClose = useStableCallback(onClose);
@@ -4529,7 +4535,7 @@ function BlockMenu({ editor, anchorElement, isOpen, onClose }) {
 					type: "button",
 					className: "flex items-center gap-2 w-full px-3 py-2 text-sm hover:bg-kumo-tint text-left",
 					onClick: () => handleTransform(transform),
-					children: [/* @__PURE__ */ jsx(transform.icon, { className: "h-4 w-4 text-kumo-subtle" }), /* @__PURE__ */ jsx("span", { children: transform.label })]
+					children: [/* @__PURE__ */ jsx(transform.icon, { className: "h-4 w-4 text-kumo-subtle" }), /* @__PURE__ */ jsx("span", { children: _t(transform.label) })]
 				}, transform.id))
 			]
 		}) : /* @__PURE__ */ jsxs("div", {
@@ -5774,8 +5780,14 @@ function convertPTMarks(marks, markDefs) {
 const defaultSlashCommands = [
 	{
 		id: "heading1",
-		title: "Heading 1",
-		description: "Large section heading",
+		title: {
+			id: "lXKZGw",
+			message: "Heading 1"
+		},
+		description: {
+			id: "59o/ag",
+			message: "Large section heading"
+		},
 		icon: TextHOne,
 		aliases: ["h1", "title"],
 		command: ({ editor, range }) => {
@@ -5784,8 +5796,14 @@ const defaultSlashCommands = [
 	},
 	{
 		id: "heading2",
-		title: "Heading 2",
-		description: "Medium section heading",
+		title: {
+			id: "El7NbA",
+			message: "Heading 2"
+		},
+		description: {
+			id: "IAcjOi",
+			message: "Medium section heading"
+		},
 		icon: TextHTwo,
 		aliases: ["h2", "subtitle"],
 		command: ({ editor, range }) => {
@@ -5794,8 +5812,14 @@ const defaultSlashCommands = [
 	},
 	{
 		id: "heading3",
-		title: "Heading 3",
-		description: "Small section heading",
+		title: {
+			id: "SFN6dN",
+			message: "Heading 3"
+		},
+		description: {
+			id: "Ik7fz5",
+			message: "Small section heading"
+		},
 		icon: TextHThree,
 		aliases: ["h3"],
 		command: ({ editor, range }) => {
@@ -5804,8 +5828,14 @@ const defaultSlashCommands = [
 	},
 	{
 		id: "bulletList",
-		title: "Bullet List",
-		description: "Create a bullet list",
+		title: {
+			id: "s1c0ja",
+			message: "Bullet List"
+		},
+		description: {
+			id: "md7u2X",
+			message: "Create a bullet list"
+		},
 		icon: List,
 		aliases: ["ul", "unordered"],
 		command: ({ editor, range }) => {
@@ -5814,8 +5844,14 @@ const defaultSlashCommands = [
 	},
 	{
 		id: "numberedList",
-		title: "Numbered List",
-		description: "Create a numbered list",
+		title: {
+			id: "upFPtm",
+			message: "Numbered List"
+		},
+		description: {
+			id: "fh33rM",
+			message: "Create a numbered list"
+		},
 		icon: ListNumbers,
 		aliases: ["ol", "ordered"],
 		command: ({ editor, range }) => {
@@ -5824,8 +5860,14 @@ const defaultSlashCommands = [
 	},
 	{
 		id: "quote",
-		title: "Quote",
-		description: "Insert a blockquote",
+		title: {
+			id: "ZhhOwV",
+			message: "Quote"
+		},
+		description: {
+			id: "l+2nGM",
+			message: "Insert a blockquote"
+		},
 		icon: Quotes,
 		aliases: ["blockquote", "cite"],
 		command: ({ editor, range }) => {
@@ -5834,8 +5876,14 @@ const defaultSlashCommands = [
 	},
 	{
 		id: "codeBlock",
-		title: "Code Block",
-		description: "Insert a code block",
+		title: {
+			id: "N2eHWq",
+			message: "Code Block"
+		},
+		description: {
+			id: "12gVka",
+			message: "Insert a code block"
+		},
 		icon: CodeBlock,
 		aliases: [
 			"code",
@@ -5848,8 +5896,14 @@ const defaultSlashCommands = [
 	},
 	{
 		id: "divider",
-		title: "Divider",
-		description: "Insert a horizontal rule",
+		title: {
+			id: "R8AthW",
+			message: "Divider"
+		},
+		description: {
+			id: "9Jd2n5",
+			message: "Insert a horizontal rule"
+		},
 		icon: Minus,
 		aliases: [
 			"hr",
@@ -5958,6 +6012,7 @@ function createSlashCommandsExtension(options) {
 * Slash command menu component using Floating UI
 */
 function SlashCommandMenu({ state, onCommand, onClose: _onClose, setSelectedIndex }) {
+	const { _: _t } = useLingui();
 	const containerRef = React.useRef(null);
 	const { refs, floatingStyles } = useFloating({
 		open: state.isOpen,
@@ -5992,7 +6047,10 @@ function SlashCommandMenu({ state, onCommand, onClose: _onClose, setSelectedInde
 		className: "z-[100] rounded-lg border bg-kumo-overlay p-1 shadow-lg min-w-[220px] max-h-[300px] overflow-y-auto",
 		children: state.items.length === 0 ? /* @__PURE__ */ jsx("p", {
 			className: "text-sm text-kumo-subtle px-3 py-2",
-			children: "No results"
+			children: _t({
+				id: "Ev2r9A",
+				message: "No results"
+			})
 		}) : state.items.map((item, index) => /* @__PURE__ */ jsxs("button", {
 			type: "button",
 			"data-index": index,
@@ -6003,10 +6061,10 @@ function SlashCommandMenu({ state, onCommand, onClose: _onClose, setSelectedInde
 				className: "flex flex-col",
 				children: [/* @__PURE__ */ jsx("span", {
 					className: "font-medium",
-					children: item.title
+					children: typeof item.title === "string" ? item.title : _t(item.title)
 				}), /* @__PURE__ */ jsx("span", {
 					className: "text-xs text-kumo-subtle",
-					children: item.description
+					children: typeof item.description === "string" ? item.description : _t(item.description)
 				})]
 			})]
 		}, item.id))
@@ -6267,6 +6325,7 @@ function EditorFooter({ editor }) {
 * Portable Text Editor Component
 */
 function PortableTextEditor({ value, onChange, placeholder = "Start writing...", className, editable = true, "aria-labelledby": ariaLabelledby, pluginBlocks = [], focusMode: controlledFocusMode, onFocusModeChange, onEditorReady, minimal = false, onBlockSidebarOpen, onBlockSidebarClose }) {
+	const { _: _t2 } = useLingui();
 	const onChangeRef = React.useRef(onChange);
 	React.useEffect(() => {
 		onChangeRef.current = onChange;
@@ -6298,8 +6357,14 @@ function PortableTextEditor({ value, onChange, placeholder = "Start writing...",
 		const cmds = [...defaultSlashCommands];
 		cmds.push({
 			id: "image",
-			title: "Image",
-			description: "Insert an image",
+			title: {
+				id: "hG89Ed",
+				message: "Image"
+			},
+			description: {
+				id: "3Lcj6W",
+				message: "Insert an image"
+			},
 			icon: Image$1,
 			aliases: [
 				"img",
@@ -6307,7 +6372,10 @@ function PortableTextEditor({ value, onChange, placeholder = "Start writing...",
 				"picture",
 				"url"
 			],
-			category: "Media",
+			category: {
+				id: "xYilR2",
+				message: "Media"
+			},
 			command: ({ editor, range }) => {
 				editor.chain().focus().deleteRange(range).run();
 				setMediaPickerOpen(true);
@@ -6315,15 +6383,24 @@ function PortableTextEditor({ value, onChange, placeholder = "Start writing...",
 		});
 		cmds.push({
 			id: "section",
-			title: "Section",
-			description: "Insert a reusable section",
+			title: {
+				id: "BhZ5PL",
+				message: "Section"
+			},
+			description: {
+				id: "Pkleyv",
+				message: "Insert a reusable section"
+			},
 			icon: Stack,
 			aliases: [
 				"pattern",
 				"block",
 				"template"
 			],
-			category: "Content",
+			category: {
+				id: "4b3oEV",
+				message: "Content"
+			},
 			command: ({ editor, range }) => {
 				editor.chain().focus().deleteRange(range).run();
 				setSectionPickerOpen(true);
@@ -6332,25 +6409,36 @@ function PortableTextEditor({ value, onChange, placeholder = "Start writing...",
 		for (const block of pluginBlocks) cmds.push({
 			id: `plugin-${block.pluginId}-${block.type}`,
 			title: block.label,
-			description: block.description || `Embed a ${block.label.toLowerCase()}`,
+			description: block.description ?? _t2({
+				id: "g0zqOw",
+				message: "Embed a {0}",
+				values: { 0: block.label }
+			}),
 			icon: resolveIcon(block.icon),
 			aliases: [block.type],
-			category: "Embeds",
+			category: {
+				id: "aTofd0",
+				message: "Embeds"
+			},
 			command: ({ editor, range }) => {
 				editor.chain().focus().deleteRange(range).run();
 				setPluginBlockModal(block);
 			}
 		});
 		return cmds;
-	}, [pluginBlocks]);
+	}, [pluginBlocks, _t2]);
 	const filterCommandsRef = React.useRef((_q) => []);
 	filterCommandsRef.current = (query) => {
 		if (!query) return slashCommands;
 		const searchText = query.toLowerCase();
 		const titleMatches = [];
 		const otherMatches = [];
-		for (const item of slashCommands) if (item.title.toLowerCase().includes(searchText)) titleMatches.push(item);
-		else if (item.description.toLowerCase().includes(searchText) || item.aliases?.some((alias) => alias.toLowerCase().includes(searchText))) otherMatches.push(item);
+		for (const item of slashCommands) {
+			const titleStr = typeof item.title === "string" ? item.title : _t2(item.title);
+			const descStr = typeof item.description === "string" ? item.description : _t2(item.description);
+			if (titleStr.toLowerCase().includes(searchText)) titleMatches.push(item);
+			else if (descStr.toLowerCase().includes(searchText) || item.aliases?.some((alias) => alias.toLowerCase().includes(searchText))) otherMatches.push(item);
+		}
 		return [...titleMatches, ...otherMatches];
 	};
 	const initialContent = React.useMemo(() => portableTextToProsemirror(value || []), []);
@@ -8112,43 +8200,40 @@ function ContentEditor({ collection, collectionLabel, item, fields, isNew, isSav
 						isSaving: isSaving || false
 					}),
 					!isNew && /* @__PURE__ */ jsxs(Fragment, { children: [
-						supportsDrafts && hasPendingChanges && onDiscardDraft && /* @__PURE__ */ jsxs(Dialog.Root, {
-							disablePointerDismissal: true,
-							children: [/* @__PURE__ */ jsx(Dialog.Trigger, { render: (p) => /* @__PURE__ */ jsx(Button, {
-								...p,
-								type: "button",
-								variant: "outline",
-								size: "sm",
-								icon: /* @__PURE__ */ jsx(X, {}),
-								children: "Discard changes"
-							}) }), /* @__PURE__ */ jsxs(Dialog, {
-								className: "p-6",
-								size: "sm",
-								children: [
-									/* @__PURE__ */ jsx(Dialog.Title, {
-										className: "text-lg font-semibold",
-										children: "Discard draft changes?"
-									}),
-									/* @__PURE__ */ jsx(Dialog.Description, {
-										className: "text-kumo-subtle",
-										children: "This will revert to the published version. Your draft changes will be lost."
-									}),
-									/* @__PURE__ */ jsxs("div", {
-										className: "mt-6 flex justify-end gap-2",
-										children: [/* @__PURE__ */ jsx(Dialog.Close, { render: (p) => /* @__PURE__ */ jsx(Button, {
-											...p,
-											variant: "secondary",
-											children: "Cancel"
-										}) }), /* @__PURE__ */ jsx(Dialog.Close, { render: (p) => /* @__PURE__ */ jsx(Button, {
-											...p,
-											variant: "destructive",
-											onClick: onDiscardDraft,
-											children: "Discard changes"
-										}) })]
-									})
-								]
-							})]
-						}),
+						supportsDrafts && hasPendingChanges && onDiscardDraft && /* @__PURE__ */ jsxs(Dialog.Root, { children: [/* @__PURE__ */ jsx(Dialog.Trigger, { render: (p) => /* @__PURE__ */ jsx(Button, {
+							...p,
+							type: "button",
+							variant: "outline",
+							size: "sm",
+							icon: /* @__PURE__ */ jsx(X, {}),
+							children: "Discard changes"
+						}) }), /* @__PURE__ */ jsxs(Dialog, {
+							className: "p-6",
+							size: "sm",
+							children: [
+								/* @__PURE__ */ jsx(Dialog.Title, {
+									className: "text-lg font-semibold",
+									children: "Discard draft changes?"
+								}),
+								/* @__PURE__ */ jsx(Dialog.Description, {
+									className: "text-kumo-subtle",
+									children: "This will revert to the published version. Your draft changes will be lost."
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "mt-6 flex justify-end gap-2",
+									children: [/* @__PURE__ */ jsx(Dialog.Close, { render: (p) => /* @__PURE__ */ jsx(Button, {
+										...p,
+										variant: "secondary",
+										children: "Cancel"
+									}) }), /* @__PURE__ */ jsx(Dialog.Close, { render: (p) => /* @__PURE__ */ jsx(Button, {
+										...p,
+										variant: "destructive",
+										onClick: onDiscardDraft,
+										children: "Discard changes"
+									}) })]
+								})
+							]
+						})] }),
 						isLive ? /* @__PURE__ */ jsx(Fragment, { children: hasPendingChanges ? /* @__PURE__ */ jsx(Button, {
 							type: "button",
 							variant: "primary",
@@ -8246,6 +8331,7 @@ function ContentEditor({ collection, collectionLabel, item, fields, isNew, isSav
 											children: supportsDrafts ? /* @__PURE__ */ jsxs(Fragment, { children: [
 												isLive && /* @__PURE__ */ jsx(Badge, {
 													variant: "primary",
+													className: "text-white",
 													children: "Published"
 												}),
 												hasPendingChanges && /* @__PURE__ */ jsx(Badge, {
@@ -8538,27 +8624,31 @@ function FieldRenderer({ name, field, value, onChange, onEditorReady, minimal, p
 			required: field.required
 		});
 		case "boolean": return /* @__PURE__ */ jsx(Switch, {
+			id,
 			label,
 			checked: typeof value === "boolean" ? value : false,
 			onCheckedChange: handleChange
 		});
 		case "portableText": {
 			const labelId = `${id}-label`;
-			return /* @__PURE__ */ jsxs("div", { children: [!minimal && /* @__PURE__ */ jsx("span", {
-				id: labelId,
-				className: cn("text-sm font-medium leading-none text-kumo-default", labelClass),
-				children: label
-			}), /* @__PURE__ */ jsx(PortableTextEditor, {
-				value: Array.isArray(value) ? value : [],
-				onChange: handleChange,
-				placeholder: `Enter ${label.toLowerCase()}...`,
-				"aria-labelledby": labelId,
-				pluginBlocks,
-				onEditorReady,
-				minimal,
-				onBlockSidebarOpen,
-				onBlockSidebarClose
-			})] });
+			return /* @__PURE__ */ jsxs("div", {
+				id,
+				children: [!minimal && /* @__PURE__ */ jsx("span", {
+					id: labelId,
+					className: cn("text-sm font-medium leading-none text-kumo-default", labelClass),
+					children: label
+				}), /* @__PURE__ */ jsx(PortableTextEditor, {
+					value: Array.isArray(value) ? value : [],
+					onChange: handleChange,
+					placeholder: `Enter ${label.toLowerCase()}...`,
+					"aria-labelledby": labelId,
+					pluginBlocks,
+					onEditorReady,
+					minimal,
+					onBlockSidebarOpen,
+					onBlockSidebarClose
+				})]
+			});
 		}
 		case "richText": return /* @__PURE__ */ jsx(InputArea, {
 			label,
@@ -8572,6 +8662,7 @@ function FieldRenderer({ name, field, value, onChange, onEditorReady, minimal, p
 			const selectItems = {};
 			for (const opt of field.options ?? []) selectItems[opt.value] = opt.label;
 			return /* @__PURE__ */ jsx(Select, {
+				id,
 				label,
 				value: typeof value === "string" ? value : "",
 				onValueChange: (v) => handleChange(v ?? ""),
@@ -8610,6 +8701,7 @@ function FieldRenderer({ name, field, value, onChange, onEditorReady, minimal, p
 			required: field.required
 		});
 		case "image": return /* @__PURE__ */ jsx(ImageFieldRenderer, {
+			id,
 			label,
 			description: name === "featured_image" ? "Used as the main visual for this post on listing pages and at the top of the post" : void 0,
 			value: value != null && typeof value === "object" ? value : void 0,
@@ -8639,7 +8731,7 @@ function FieldRenderer({ name, field, value, onChange, onEditorReady, minimal, p
 		});
 	}
 }
-function ImageFieldRenderer({ label, description, value, onChange, required }) {
+function ImageFieldRenderer({ id, label, description, value, onChange, required }) {
 	const [pickerOpen, setPickerOpen] = React.useState(false);
 	const displayUrl = typeof value === "string" ? value : value?.previewUrl || value?.src || (value && (!value.provider || value.provider === "local") ? `/_emdash/api/media/file/${typeof value.meta?.storageKey === "string" ? value.meta.storageKey : value.id}` : void 0);
 	const handleSelect = (item) => {
@@ -8660,58 +8752,61 @@ function ImageFieldRenderer({ label, description, value, onChange, required }) {
 	const handleRemove = () => {
 		onChange(void 0);
 	};
-	return /* @__PURE__ */ jsxs("div", { children: [
-		/* @__PURE__ */ jsx(Label, { children: label }),
-		displayUrl ? /* @__PURE__ */ jsxs("div", {
-			className: "mt-2 relative group",
-			children: [/* @__PURE__ */ jsx("img", {
-				src: displayUrl,
-				alt: "",
-				className: "max-h-48 rounded-lg border object-cover"
-			}), /* @__PURE__ */ jsxs("div", {
-				className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity flex gap-1",
-				children: [/* @__PURE__ */ jsx(Button, {
-					type: "button",
-					size: "sm",
-					variant: "secondary",
-					onClick: () => setPickerOpen(true),
-					children: "Change"
-				}), /* @__PURE__ */ jsx(Button, {
-					type: "button",
-					shape: "square",
-					variant: "destructive",
-					className: "h-8 w-8",
-					onClick: handleRemove,
-					"aria-label": "Remove image",
-					children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+	return /* @__PURE__ */ jsxs("div", {
+		id,
+		children: [
+			/* @__PURE__ */ jsx(Label, { children: label }),
+			displayUrl ? /* @__PURE__ */ jsxs("div", {
+				className: "mt-2 relative group",
+				children: [/* @__PURE__ */ jsx("img", {
+					src: displayUrl,
+					alt: "",
+					className: "max-h-48 rounded-lg border object-cover"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity flex gap-1",
+					children: [/* @__PURE__ */ jsx(Button, {
+						type: "button",
+						size: "sm",
+						variant: "secondary",
+						onClick: () => setPickerOpen(true),
+						children: "Change"
+					}), /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						shape: "square",
+						variant: "destructive",
+						className: "h-8 w-8",
+						onClick: handleRemove,
+						"aria-label": "Remove image",
+						children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+					})]
 				})]
-			})]
-		}) : /* @__PURE__ */ jsx(Button, {
-			type: "button",
-			variant: "outline",
-			className: "mt-2 w-full h-32 border-dashed",
-			onClick: () => setPickerOpen(true),
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "flex flex-col items-center gap-2 text-kumo-subtle",
-				children: [/* @__PURE__ */ jsx(Image$1, { className: "h-8 w-8" }), /* @__PURE__ */ jsx("span", { children: "Select image" })]
+			}) : /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "outline",
+				className: "mt-2 w-full h-32 border-dashed",
+				onClick: () => setPickerOpen(true),
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col items-center gap-2 text-kumo-subtle",
+					children: [/* @__PURE__ */ jsx(Image$1, { className: "h-8 w-8" }), /* @__PURE__ */ jsx("span", { children: "Select image" })]
+				})
+			}),
+			/* @__PURE__ */ jsx(MediaPickerModal, {
+				open: pickerOpen,
+				onOpenChange: setPickerOpen,
+				onSelect: handleSelect,
+				mimeTypeFilter: "image/",
+				title: `Select ${label}`
+			}),
+			description && /* @__PURE__ */ jsx("p", {
+				className: "text-xs text-kumo-subtle mt-1",
+				children: description
+			}),
+			required && !displayUrl && /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-kumo-danger mt-1",
+				children: "This field is required"
 			})
-		}),
-		/* @__PURE__ */ jsx(MediaPickerModal, {
-			open: pickerOpen,
-			onOpenChange: setPickerOpen,
-			onSelect: handleSelect,
-			mimeTypeFilter: "image/",
-			title: `Select ${label}`
-		}),
-		description && /* @__PURE__ */ jsx("p", {
-			className: "text-xs text-kumo-subtle mt-1",
-			children: description
-		}),
-		required && !displayUrl && /* @__PURE__ */ jsx("p", {
-			className: "text-sm text-kumo-danger mt-1",
-			children: "This field is required"
-		})
-	] });
+		]
+	});
 }
 function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuickEdit }) {
 	const [selectedBylineId, setSelectedBylineId] = React.useState("");
@@ -8891,7 +8986,10 @@ function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuic
 						children: [/* @__PURE__ */ jsx(Dialog.Close, { render: (p) => /* @__PURE__ */ jsx(Button, {
 							...p,
 							variant: "secondary",
-							onClick: resetQuickCreate,
+							onClick: (e) => {
+								resetQuickCreate();
+								p.onClick?.(e);
+							},
 							children: "Cancel"
 						}) }), /* @__PURE__ */ jsx(Button, {
 							type: "button",
@@ -9035,6 +9133,7 @@ function AuthorSelector({ authorId, users, onChange }) {
 * Only renders when i18n is configured (manifest.i18n is present).
 */
 function LocaleSwitcher({ locales, defaultLocale, value, onChange, showAll = false, className, size = "md" }) {
+	const { _: _t } = useLingui();
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("flex items-center gap-1.5", className),
 		children: [/* @__PURE__ */ jsx(GlobeSimple, {
@@ -9043,14 +9142,23 @@ function LocaleSwitcher({ locales, defaultLocale, value, onChange, showAll = fal
 		}), /* @__PURE__ */ jsxs("select", {
 			value,
 			onChange: (e) => onChange(e.target.value),
-			"aria-label": "Locale",
+			"aria-label": _t({
+				id: "8NbHF7",
+				message: "Locale"
+			}),
 			className: cn("rounded-md border bg-transparent font-medium transition-colors", "focus:ring-kumo-ring focus:outline-none focus:ring-2 focus:ring-offset-1", "hover:bg-kumo-tint/50 cursor-pointer", size === "sm" ? "px-1.5 py-0.5 text-xs" : "px-2 py-1 text-sm"),
 			children: [showAll && /* @__PURE__ */ jsx("option", {
 				value: "",
-				children: "All locales"
+				children: _t({
+					id: "JjOi48",
+					message: "All locales"
+				})
 			}), locales.map((locale) => /* @__PURE__ */ jsxs("option", {
 				value: locale,
-				children: [locale.toUpperCase(), locale === defaultLocale ? " (default)" : ""]
+				children: [locale.toUpperCase(), locale === defaultLocale ? _t({
+					id: "FozKV6",
+					message: " (default)"
+				}) : ""]
 			}, locale))]
 		})]
 	});
@@ -9082,6 +9190,15 @@ function ContentList({ collection, collectionLabel, items, trashedItems = [], is
 	}, [items, searchQuery]);
 	const totalPages = Math.max(1, Math.ceil(filteredItems.length / PAGE_SIZE));
 	const paginatedItems = filteredItems.slice(page * PAGE_SIZE, (page + 1) * PAGE_SIZE);
+	React.useEffect(() => {
+		if (page >= totalPages - 1 && hasMore && onLoadMore && !searchQuery) onLoadMore();
+	}, [
+		page,
+		totalPages,
+		hasMore,
+		onLoadMore,
+		searchQuery
+	]);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-4",
 		children: [
@@ -9102,6 +9219,7 @@ function ContentList({ collection, collectionLabel, items, trashedItems = [], is
 				}), /* @__PURE__ */ jsxs(Link$1, {
 					to: "/content/$collection/new",
 					params: { collection },
+					search: { locale: activeLocale },
 					className: buttonVariants(),
 					children: [/* @__PURE__ */ jsx(Plus, {
 						className: "mr-2 h-4 w-4",
@@ -9192,6 +9310,7 @@ function ContentList({ collection, collectionLabel, items, trashedItems = [], is
 								/* @__PURE__ */ jsx(Link$1, {
 									to: "/content/$collection/new",
 									params: { collection },
+									search: { locale: activeLocale },
 									className: "text-kumo-brand underline",
 									children: "Create your first one"
 								})
@@ -9220,6 +9339,7 @@ function ContentList({ collection, collectionLabel, items, trashedItems = [], is
 						className: "text-sm text-kumo-subtle",
 						children: [
 							filteredItems.length,
+							hasMore && !searchQuery ? "+" : "",
 							" ",
 							filteredItems.length === 1 ? "item" : "items",
 							searchQuery && ` matching "${searchQuery}"`
@@ -10092,71 +10212,128 @@ const SLUG_LEADING_TRAILING_PATTERN = /^_|_$/g;
 const SUPPORT_OPTIONS = [
 	{
 		value: "drafts",
-		label: "Drafts",
-		description: "Save content as draft before publishing"
+		label: {
+			id: "M8kJqa",
+			message: "Drafts"
+		},
+		description: {
+			id: "ZpP0HR",
+			message: "Save content as draft before publishing"
+		}
 	},
 	{
 		value: "revisions",
-		label: "Revisions",
-		description: "Track content history"
+		label: {
+			id: "ZdWn/b",
+			message: "Revisions"
+		},
+		description: {
+			id: "9kGBt9",
+			message: "Track content history"
+		}
 	},
 	{
 		value: "preview",
-		label: "Preview",
-		description: "Preview content before publishing"
+		label: {
+			id: "rdUucN",
+			message: "Preview"
+		},
+		description: {
+			id: "KRB02E",
+			message: "Preview content before publishing"
+		}
 	},
 	{
 		value: "search",
-		label: "Search",
-		description: "Enable full-text search on this collection"
+		label: {
+			id: "A1taO8",
+			message: "Search"
+		},
+		description: {
+			id: "T7NoTE",
+			message: "Enable full-text search on this collection"
+		}
 	}
 ];
-/**
-* System fields that exist on every collection
-* These are created automatically and cannot be modified
-*/
 const SYSTEM_FIELDS = [
 	{
 		slug: "id",
-		label: "ID",
+		label: {
+			id: "S0kLOH",
+			message: "ID"
+		},
 		type: "text",
-		description: "Unique identifier (ULID)"
+		description: {
+			id: "PUk2oG",
+			message: "Unique identifier (ULID)"
+		}
 	},
 	{
 		slug: "slug",
-		label: "Slug",
+		label: {
+			id: "L85WcV",
+			message: "Slug"
+		},
 		type: "text",
-		description: "URL-friendly identifier"
+		description: {
+			id: "f0WSdD",
+			message: "URL-friendly identifier"
+		}
 	},
 	{
 		slug: "status",
-		label: "Status",
+		label: {
+			id: "uAQUqI",
+			message: "Status"
+		},
 		type: "text",
-		description: "draft, published, or archived"
+		description: {
+			id: "khtYSH",
+			message: "draft, published, or archived"
+		}
 	},
 	{
 		slug: "created_at",
-		label: "Created At",
+		label: {
+			id: "88kg0+",
+			message: "Created At"
+		},
 		type: "datetime",
-		description: "When the entry was created"
+		description: {
+			id: "SMcuRW",
+			message: "When the entry was created"
+		}
 	},
 	{
 		slug: "updated_at",
-		label: "Updated At",
+		label: {
+			id: "Llcakz",
+			message: "Updated At"
+		},
 		type: "datetime",
-		description: "When the entry was last modified"
+		description: {
+			id: "46AzZK",
+			message: "When the entry was last modified"
+		}
 	},
 	{
 		slug: "published_at",
-		label: "Published At",
+		label: {
+			id: "6QwXHP",
+			message: "Published At"
+		},
 		type: "datetime",
-		description: "When the entry was published"
+		description: {
+			id: "MRpwV3",
+			message: "When the entry was published"
+		}
 	}
 ];
 /**
 * Content Type editor for creating/editing collections
 */
 function ContentTypeEditor({ collection, isNew, isSaving, onSave, onAddField, onUpdateField, onDeleteField, onReorderFields }) {
+	const { _: _t } = useLingui();
 	useNavigate$1();
 	const [slug, setSlug] = React.useState(collection?.slug ?? "");
 	const [label, setLabel] = React.useState(collection?.label ?? "");
@@ -10379,10 +10556,10 @@ function ContentTypeEditor({ collection, isNew, isSaving, onSave, onAddField, on
 												disabled: isFromCode
 											}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", {
 												className: "text-sm font-medium",
-												children: option.label
+												children: _t(option.label)
 											}), /* @__PURE__ */ jsx("p", {
 												className: "text-xs text-kumo-subtle",
-												children: option.description
+												children: _t(option.description)
 											})] })]
 										}, option.value))]
 									}),
@@ -10662,6 +10839,7 @@ function FieldRow({ field, isFromCode, onEdit, onDelete }) {
 	});
 }
 function SystemFieldRow({ field }) {
+	const { _: _t2 } = useLingui();
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex items-center px-4 py-2 opacity-75",
 		children: [
@@ -10674,7 +10852,7 @@ function SystemFieldRow({ field }) {
 					children: [
 						/* @__PURE__ */ jsx("span", {
 							className: "font-medium text-sm",
-							children: field.label
+							children: _t2(field.label)
 						}),
 						/* @__PURE__ */ jsx("code", {
 							className: "text-xs bg-kumo-tint px-1.5 py-0.5 rounded text-kumo-subtle",
@@ -10687,7 +10865,7 @@ function SystemFieldRow({ field }) {
 					]
 				}), /* @__PURE__ */ jsx("p", {
 					className: "text-xs text-kumo-subtle mt-0.5",
-					children: field.description
+					children: _t2(field.description)
 				})]
 			})
 		]
@@ -12076,6 +12254,7 @@ const OAUTH_PROVIDERS = [{
 	icon: /* @__PURE__ */ jsx(GoogleIcon, { className: "h-5 w-5" })
 }];
 function MagicLinkForm({ onBack }) {
+	const { _: _t } = useLingui();
 	const [email, setEmail] = React.useState("");
 	const [isLoading, setIsLoading] = React.useState(false);
 	const [error, setError] = React.useState(null);
@@ -12092,11 +12271,17 @@ function MagicLinkForm({ onBack }) {
 			});
 			if (!response.ok) {
 				const body = await response.json().catch(() => ({}));
-				throw new Error(body?.error?.message || "Failed to send magic link");
+				throw new Error(body?.error?.message || _t({
+					id: "dsPiA2",
+					message: "Failed to send magic link"
+				}));
 			}
 			setSent(true);
 		} catch (err) {
-			setError(err instanceof Error ? err.message : "Failed to send magic link");
+			setError(err instanceof Error ? err.message : _t({
+				id: "dsPiA2",
+				message: "Failed to send magic link"
+			}));
 		} finally {
 			setIsLoading(false);
 		}
@@ -12121,30 +12306,40 @@ function MagicLinkForm({ onBack }) {
 			}),
 			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h2", {
 				className: "text-xl font-semibold",
-				children: "Check your email"
-			}), /* @__PURE__ */ jsxs("p", {
+				children: _t({
+					id: "v4fiSg",
+					message: "Check your email"
+				})
+			}), /* @__PURE__ */ jsx("p", {
 				className: "text-kumo-subtle mt-2",
-				children: [
-					"If an account exists for ",
-					/* @__PURE__ */ jsx("span", {
-						className: "font-medium text-kumo-default",
-						children: email
-					}),
-					", we've sent a sign-in link."
-				]
+				children: /* @__PURE__ */ jsx(Trans, {
+					id: "HvU4EW",
+					message: "If an account exists for <0>{email}</0>, we've sent a sign-in link.",
+					values: { email },
+					components: { 0: /* @__PURE__ */ jsx("span", { className: "font-medium text-kumo-default" }) }
+				})
 			})] }),
 			/* @__PURE__ */ jsxs("div", {
 				className: "text-sm text-kumo-subtle",
-				children: [/* @__PURE__ */ jsx("p", { children: "Click the link in the email to sign in." }), /* @__PURE__ */ jsx("p", {
+				children: [/* @__PURE__ */ jsx("p", { children: _t({
+					id: "tfQcxX",
+					message: "Click the link in the email to sign in."
+				}) }), /* @__PURE__ */ jsx("p", {
 					className: "mt-2",
-					children: "The link will expire in 15 minutes."
+					children: _t({
+						id: "Cw9Xfg",
+						message: "The link will expire in 15 minutes."
+					})
 				})]
 			}),
 			/* @__PURE__ */ jsx(Button, {
 				variant: "outline",
 				onClick: onBack,
 				className: "mt-4 w-full justify-center",
-				children: "Back to login"
+				children: _t({
+					id: "VCoEm+",
+					message: "Back to login"
+				})
 			})
 		]
 	});
@@ -12153,7 +12348,10 @@ function MagicLinkForm({ onBack }) {
 		className: "space-y-4",
 		children: [
 			/* @__PURE__ */ jsx(Input, {
-				label: "Email address",
+				label: _t({
+					id: "ATGYL1",
+					message: "Email address"
+				}),
 				type: "email",
 				value: email,
 				onChange: (e) => setEmail(e.target.value),
@@ -12174,14 +12372,23 @@ function MagicLinkForm({ onBack }) {
 				variant: "primary",
 				loading: isLoading,
 				disabled: !email,
-				children: isLoading ? "Sending..." : "Send magic link"
+				children: isLoading ? _t({
+					id: "IoAuJG",
+					message: "Sending..."
+				}) : _t({
+					id: "+Ni3Gv",
+					message: "Send magic link"
+				})
 			}),
 			/* @__PURE__ */ jsx(Button, {
 				type: "button",
 				variant: "ghost",
 				className: "w-full justify-center",
 				onClick: onBack,
-				children: "Back to login"
+				children: _t({
+					id: "VCoEm+",
+					message: "Back to login"
+				})
 			})
 		]
 	});
@@ -12191,6 +12398,8 @@ function handleOAuthClick(providerId) {
 }
 function LoginPage({ redirectUrl = "/_emdash/admin" }) {
 	const safeRedirectUrl = sanitizeRedirectUrl(redirectUrl);
+	const { _: _t2 } = useLingui();
+	const { locale, setLocale } = useLocale();
 	const [method, setMethod] = React.useState("passkey");
 	const [urlError, setUrlError] = React.useState(null);
 	const { data: manifest, isLoading: manifestLoading } = useQuery({
@@ -12205,7 +12414,11 @@ function LoginPage({ redirectUrl = "/_emdash/admin" }) {
 		const error = params.get("error");
 		const message = params.get("message");
 		if (error) {
-			setUrlError(message || `Authentication error: ${error}`);
+			setUrlError(message || _t2({
+				id: "Xeb2Gt",
+				message: "Authentication error: {error}",
+				values: { error }
+			}));
 			window.history.replaceState({}, "", window.location.pathname);
 		}
 	}, []);
@@ -12228,7 +12441,13 @@ function LoginPage({ redirectUrl = "/_emdash/admin" }) {
 					className: "text-center mb-8",
 					children: [/* @__PURE__ */ jsx(LogoLockup, { className: "h-10 mx-auto mb-2" }), /* @__PURE__ */ jsxs("h1", {
 						className: "text-2xl font-semibold text-kumo-default",
-						children: [method === "passkey" && "Sign in to your site", method === "magic-link" && "Sign in with email"]
+						children: [method === "passkey" && _t2({
+							id: "lE0wHD",
+							message: "Sign in to your site"
+						}), method === "magic-link" && _t2({
+							id: "me9L29",
+							message: "Sign in with email"
+						})]
 					})]
 				}),
 				urlError && /* @__PURE__ */ jsx("div", {
@@ -12244,7 +12463,10 @@ function LoginPage({ redirectUrl = "/_emdash/admin" }) {
 								optionsEndpoint: "/_emdash/api/auth/passkey/options",
 								verifyEndpoint: "/_emdash/api/auth/passkey/verify",
 								onSuccess: handleSuccess,
-								buttonText: "Sign in with Passkey"
+								buttonText: _t2({
+									id: "QjsOMP",
+									message: "Sign in with Passkey"
+								})
 							}),
 							/* @__PURE__ */ jsxs("div", {
 								className: "relative",
@@ -12255,7 +12477,10 @@ function LoginPage({ redirectUrl = "/_emdash/admin" }) {
 									className: "relative flex justify-center text-xs uppercase",
 									children: /* @__PURE__ */ jsx("span", {
 										className: "bg-kumo-base px-2 text-kumo-subtle",
-										children: "Or continue with"
+										children: _t2({
+											id: "zW+FpA",
+											message: "Or continue with"
+										})
 									})
 								})]
 							}),
@@ -12277,26 +12502,42 @@ function LoginPage({ redirectUrl = "/_emdash/admin" }) {
 								className: "w-full justify-center",
 								type: "button",
 								onClick: () => setMethod("magic-link"),
-								children: "Sign in with email link"
+								children: _t2({
+									id: "RxerEl",
+									message: "Sign in with email link"
+								})
 							})
 						]
 					}), method === "magic-link" && /* @__PURE__ */ jsx(MagicLinkForm, { onBack: () => setMethod("passkey") })]
 				}),
 				/* @__PURE__ */ jsx("p", {
 					className: "text-center mt-6 text-sm text-kumo-subtle",
-					children: method === "passkey" ? "Use your registered passkey to sign in securely." : "We'll send you a link to sign in without a password."
+					children: method === "passkey" ? _t2({
+						id: "+ET/av",
+						message: "Use your registered passkey to sign in securely."
+					}) : _t2({
+						id: "pv+wH3",
+						message: "We'll send you a link to sign in without a password."
+					})
 				}),
-				manifest?.signupEnabled && /* @__PURE__ */ jsxs("p", {
+				manifest?.signupEnabled && /* @__PURE__ */ jsx("p", {
 					className: "text-center mt-4 text-sm text-kumo-subtle",
-					children: [
-						"Don't have an account?",
-						" ",
-						/* @__PURE__ */ jsx(Link$1, {
+					children: /* @__PURE__ */ jsx(Trans, {
+						id: "352VU2",
+						message: "Don't have an account? <0>Sign up</0>",
+						components: { 0: /* @__PURE__ */ jsx(Link$1, {
 							to: "/signup",
-							className: "text-kumo-brand hover:underline font-medium",
-							children: "Sign up"
-						})
-					]
+							className: "text-kumo-brand hover:underline font-medium"
+						}) }
+					})
+				}),
+				SUPPORTED_LOCALES.length > 1 && /* @__PURE__ */ jsx("div", {
+					className: "mt-6 flex justify-center gap-2 text-xs text-kumo-subtle",
+					children: SUPPORTED_LOCALES.map((l, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [i > 0 && /* @__PURE__ */ jsx("span", { children: "·" }), /* @__PURE__ */ jsx("button", {
+						onClick: () => setLocale(l.code),
+						className: l.code === locale ? "font-medium text-kumo-default" : "hover:text-kumo-default transition-colors",
+						children: l.label
+					})] }, l.code))
 				})
 			]
 		})
@@ -14471,7 +14712,7 @@ function ContentPickerModal({ open, onOpenChange, onSelect }) {
 		open,
 		onOpenChange,
 		children: /* @__PURE__ */ jsxs(Dialog, {
-			className: "p-6 w-2xl h-[80vh] flex flex-col",
+			className: "p-6 max-w-2xl h-[80vh] flex flex-col",
 			size: "lg",
 			children: [
 				/* @__PURE__ */ jsxs("div", {
@@ -14821,9 +15062,11 @@ function MenuEditor() {
 									/* @__PURE__ */ jsx(Input, {
 										label: "URL",
 										name: "url",
-										type: "url",
+										type: "text",
 										required: true,
-										placeholder: "https://example.com"
+										pattern: "(https?://.+|/.*)",
+										title: "Enter a URL (https://…) or a relative path (/…)",
+										placeholder: "https://example.com or /about"
 									}),
 									/* @__PURE__ */ jsxs(Select, {
 										label: "Target",
@@ -14987,8 +15230,10 @@ function MenuEditor() {
 							editingItem.type === "custom" && /* @__PURE__ */ jsx(Input, {
 								label: "URL",
 								name: "url",
-								type: "url",
+								type: "text",
 								required: true,
+								pattern: "(https?://.+|/.*)",
+								title: "Enter a URL (https://…) or a relative path (/…)",
 								defaultValue: editingItem.custom_url || ""
 							}),
 							/* @__PURE__ */ jsxs(Select, {
@@ -15517,6 +15762,7 @@ function Redirects() {
 		setTab("redirects");
 	}
 	const redirects = redirectsQuery.data?.items ?? [];
+	const loopRedirectIds = new Set(redirectsQuery.data?.loopRedirectIds ?? []);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-6",
 		children: [
@@ -15550,173 +15796,208 @@ function Redirects() {
 					children: "404 Errors"
 				})]
 			}),
-			tab === "redirects" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-4",
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: "relative flex-1 max-w-md",
-						children: [/* @__PURE__ */ jsx(MagnifyingGlass, {
-							className: "absolute left-3 top-1/2 -translate-y-1/2 text-kumo-subtle",
-							size: 16
-						}), /* @__PURE__ */ jsx(Input, {
-							placeholder: "Search source or destination...",
-							className: "pl-10",
-							value: search,
-							onChange: (e) => setSearch(e.target.value)
-						})]
-					}),
-					/* @__PURE__ */ jsxs("select", {
-						value: filterEnabled,
-						onChange: (e) => setFilterEnabled(e.target.value),
-						className: "h-10 rounded-md border border-kumo-line bg-kumo-base px-3 text-sm",
-						children: [
-							/* @__PURE__ */ jsx("option", {
-								value: "all",
-								children: "All statuses"
-							}),
-							/* @__PURE__ */ jsx("option", {
-								value: "true",
-								children: "Enabled"
-							}),
-							/* @__PURE__ */ jsx("option", {
-								value: "false",
-								children: "Disabled"
-							})
-						]
-					}),
-					/* @__PURE__ */ jsxs("select", {
-						value: filterAuto,
-						onChange: (e) => setFilterAuto(e.target.value),
-						className: "h-10 rounded-md border border-kumo-line bg-kumo-base px-3 text-sm",
-						children: [
-							/* @__PURE__ */ jsx("option", {
-								value: "all",
-								children: "All types"
-							}),
-							/* @__PURE__ */ jsx("option", {
-								value: "false",
-								children: "Manual"
-							}),
-							/* @__PURE__ */ jsx("option", {
-								value: "true",
-								children: "Auto (slug change)"
-							})
-						]
-					})
-				]
-			}), redirectsQuery.isLoading ? /* @__PURE__ */ jsx("div", {
-				className: "py-12 text-center text-kumo-subtle",
-				children: "Loading redirects..."
-			}) : redirects.length === 0 ? /* @__PURE__ */ jsxs("div", {
-				className: "py-12 text-center text-kumo-subtle",
-				children: [
-					/* @__PURE__ */ jsx(ArrowsLeftRight, {
-						size: 48,
-						className: "mx-auto mb-4 opacity-30"
-					}),
-					/* @__PURE__ */ jsx("p", {
-						className: "text-lg font-medium",
-						children: "No redirects yet"
-					}),
-					/* @__PURE__ */ jsx("p", {
-						className: "text-sm mt-1",
-						children: "Create redirect rules to manage URL changes."
-					})
-				]
-			}) : /* @__PURE__ */ jsxs("div", {
-				className: "border rounded-lg",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex items-center gap-4 py-2 px-4 border-b bg-kumo-tint/50 text-sm font-medium text-kumo-subtle",
-					children: [
-						/* @__PURE__ */ jsx("div", {
-							className: "flex-1",
-							children: "Source"
-						}),
-						/* @__PURE__ */ jsx("div", { className: "w-8 text-center" }),
-						/* @__PURE__ */ jsx("div", {
-							className: "flex-1",
-							children: "Destination"
-						}),
-						/* @__PURE__ */ jsx("div", {
-							className: "w-14 text-center",
-							children: "Code"
-						}),
-						/* @__PURE__ */ jsx("div", {
-							className: "w-16 text-right",
-							children: "Hits"
-						}),
-						/* @__PURE__ */ jsx("div", {
-							className: "w-20 text-center",
-							children: "Status"
-						}),
-						/* @__PURE__ */ jsx("div", { className: "w-20" })
-					]
-				}), redirects.map((r) => /* @__PURE__ */ jsxs("div", {
-					className: cn("flex items-center gap-4 py-2 px-4 border-b last:border-0 text-sm", !r.enabled && "opacity-50"),
+			tab === "redirects" && /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-4",
 					children: [
-						/* @__PURE__ */ jsx("div", {
-							className: "flex-1 font-mono text-xs truncate",
-							title: r.source,
-							children: r.source
-						}),
-						/* @__PURE__ */ jsx("div", {
-							className: "w-8 text-center text-kumo-subtle",
-							children: /* @__PURE__ */ jsx(ArrowRight, { size: 14 })
-						}),
-						/* @__PURE__ */ jsx("div", {
-							className: "flex-1 font-mono text-xs truncate",
-							title: r.destination,
-							children: r.destination
-						}),
-						/* @__PURE__ */ jsx("div", {
-							className: "w-14 text-center",
-							children: /* @__PURE__ */ jsx(Badge, {
-								variant: "secondary",
-								children: r.type
-							})
-						}),
-						/* @__PURE__ */ jsx("div", {
-							className: "w-16 text-right tabular-nums text-kumo-subtle",
-							children: r.hits
+						/* @__PURE__ */ jsxs("div", {
+							className: "relative flex-1 max-w-md",
+							children: [/* @__PURE__ */ jsx(MagnifyingGlass, {
+								className: "absolute left-3 top-1/2 -translate-y-1/2 text-kumo-subtle",
+								size: 16
+							}), /* @__PURE__ */ jsx(Input, {
+								placeholder: "Search source or destination...",
+								className: "pl-10",
+								value: search,
+								onChange: (e) => setSearch(e.target.value)
+							})]
 						}),
-						/* @__PURE__ */ jsx("div", {
-							className: "w-20 text-center",
-							children: /* @__PURE__ */ jsx(Switch, {
-								checked: r.enabled,
-								onCheckedChange: (checked) => toggleMutation.mutate({
-									id: r.id,
-									enabled: checked
+						/* @__PURE__ */ jsxs("select", {
+							value: filterEnabled,
+							onChange: (e) => setFilterEnabled(e.target.value),
+							className: "h-10 rounded-md border border-kumo-line bg-kumo-base px-3 text-sm",
+							children: [
+								/* @__PURE__ */ jsx("option", {
+									value: "all",
+									children: "All statuses"
 								}),
-								"aria-label": r.enabled ? "Disable redirect" : "Enable redirect"
-							})
+								/* @__PURE__ */ jsx("option", {
+									value: "true",
+									children: "Enabled"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "false",
+									children: "Disabled"
+								})
+							]
 						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "w-20 flex items-center justify-end gap-1",
+						/* @__PURE__ */ jsxs("select", {
+							value: filterAuto,
+							onChange: (e) => setFilterAuto(e.target.value),
+							className: "h-10 rounded-md border border-kumo-line bg-kumo-base px-3 text-sm",
 							children: [
-								r.auto && /* @__PURE__ */ jsx(Badge, {
-									variant: "outline",
-									className: "mr-1 text-xs",
-									children: "auto"
+								/* @__PURE__ */ jsx("option", {
+									value: "all",
+									children: "All types"
 								}),
-								/* @__PURE__ */ jsx("button", {
-									onClick: () => setEditRedirect(r),
-									className: "p-1 text-kumo-subtle hover:text-kumo-default",
-									title: "Edit redirect",
-									"aria-label": `Edit redirect ${r.source}`,
-									children: /* @__PURE__ */ jsx(PencilSimple, { size: 14 })
+								/* @__PURE__ */ jsx("option", {
+									value: "false",
+									children: "Manual"
 								}),
-								/* @__PURE__ */ jsx("button", {
-									onClick: () => setDeleteId(r.id),
-									className: "p-1 text-kumo-subtle hover:text-kumo-danger",
-									title: "Delete redirect",
-									"aria-label": `Delete redirect ${r.source}`,
-									children: /* @__PURE__ */ jsx(Trash, { size: 14 })
+								/* @__PURE__ */ jsx("option", {
+									value: "true",
+									children: "Auto (slug change)"
 								})
 							]
 						})
 					]
-				}, r.id))]
-			})] }),
+				}),
+				loopRedirectIds.size > 0 && /* @__PURE__ */ jsxs("div", {
+					role: "alert",
+					className: "flex items-start gap-3 rounded-lg border border-kumo-warning/50 bg-kumo-warning-tint p-4",
+					children: [/* @__PURE__ */ jsx(WarningCircle, {
+						size: 20,
+						className: "mt-0.5 shrink-0 text-kumo-warning",
+						weight: "fill",
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+						className: "text-sm font-medium text-kumo-warning",
+						children: "Redirect loop detected"
+					}), /* @__PURE__ */ jsxs("p", {
+						className: "mt-1 text-sm text-kumo-subtle",
+						children: [
+							loopRedirectIds.size,
+							" ",
+							loopRedirectIds.size === 1 ? "redirect is" : "redirects are",
+							" part of a loop. Visitors hitting these paths will see an error."
+						]
+					})] })]
+				}),
+				redirectsQuery.isLoading ? /* @__PURE__ */ jsx("div", {
+					className: "py-12 text-center text-kumo-subtle",
+					children: "Loading redirects..."
+				}) : redirects.length === 0 ? /* @__PURE__ */ jsxs("div", {
+					className: "py-12 text-center text-kumo-subtle",
+					children: [
+						/* @__PURE__ */ jsx(ArrowsLeftRight, {
+							size: 48,
+							className: "mx-auto mb-4 opacity-30"
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "text-lg font-medium",
+							children: "No redirects yet"
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "text-sm mt-1",
+							children: "Create redirect rules to manage URL changes."
+						})
+					]
+				}) : /* @__PURE__ */ jsxs("div", {
+					className: "border rounded-lg",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-4 py-2 px-4 border-b bg-kumo-tint/50 text-sm font-medium text-kumo-subtle",
+						children: [
+							/* @__PURE__ */ jsx("div", {
+								className: "flex-1",
+								children: "Source"
+							}),
+							/* @__PURE__ */ jsx("div", { className: "w-8 text-center" }),
+							/* @__PURE__ */ jsx("div", {
+								className: "flex-1",
+								children: "Destination"
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "w-14 text-center",
+								children: "Code"
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "w-16 text-right",
+								children: "Hits"
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "w-20 text-center",
+								children: "Status"
+							}),
+							/* @__PURE__ */ jsx("div", { className: "w-20" })
+						]
+					}), redirects.map((r) => /* @__PURE__ */ jsxs("div", {
+						className: cn("flex items-center gap-4 py-2 px-4 border-b last:border-0 text-sm", !r.enabled && "opacity-50"),
+						children: [
+							/* @__PURE__ */ jsx("div", {
+								className: "flex-1 font-mono text-xs truncate",
+								title: r.source,
+								children: r.source
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "w-8 text-center text-kumo-subtle",
+								children: /* @__PURE__ */ jsx(ArrowRight, { size: 14 })
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "flex-1 font-mono text-xs truncate",
+								title: r.destination,
+								children: r.destination
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "w-14 text-center",
+								children: /* @__PURE__ */ jsx(Badge, {
+									variant: "secondary",
+									children: r.type
+								})
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "w-16 text-right tabular-nums text-kumo-subtle",
+								children: r.hits
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "w-20 text-center",
+								children: /* @__PURE__ */ jsx(Switch, {
+									checked: r.enabled,
+									onCheckedChange: (checked) => toggleMutation.mutate({
+										id: r.id,
+										enabled: checked
+									}),
+									"aria-label": r.enabled ? "Disable redirect" : "Enable redirect"
+								})
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "w-20 flex items-center justify-end gap-1",
+								children: [
+									loopRedirectIds.has(r.id) && /* @__PURE__ */ jsx("span", {
+										title: "Part of a redirect loop",
+										className: "mr-1 inline-flex",
+										children: /* @__PURE__ */ jsx(WarningCircle, {
+											size: 14,
+											weight: "fill",
+											className: "text-kumo-warning",
+											role: "img",
+											"aria-label": "Part of a redirect loop"
+										})
+									}),
+									r.auto && /* @__PURE__ */ jsx(Badge, {
+										variant: "outline",
+										className: "mr-1 text-xs",
+										children: "auto"
+									}),
+									/* @__PURE__ */ jsx("button", {
+										onClick: () => setEditRedirect(r),
+										className: "p-1 text-kumo-subtle hover:text-kumo-default",
+										title: "Edit redirect",
+										"aria-label": `Edit redirect ${r.source}`,
+										children: /* @__PURE__ */ jsx(PencilSimple, { size: 14 })
+									}),
+									/* @__PURE__ */ jsx("button", {
+										onClick: () => setDeleteId(r.id),
+										className: "p-1 text-kumo-subtle hover:text-kumo-danger",
+										title: "Delete redirect",
+										"aria-label": `Delete redirect ${r.source}`,
+										children: /* @__PURE__ */ jsx(Trash, { size: 14 })
+									})
+								]
+							})
+						]
+					}, r.id))]
+				})
+			] }),
 			tab === "404s" && /* @__PURE__ */ jsx(NotFoundPanel, {
 				items: notFoundQuery.data ?? [],
 				onCreateRedirect: handleCreateFrom404
@@ -16463,13 +16744,18 @@ function Settings() {
 		queryKey: ["manifest"],
 		queryFn: fetchManifest
 	});
+	const { _: _t } = useLingui();
+	const { locale, setLocale } = useLocale();
 	const showSecuritySettings = manifest?.authMode === "passkey";
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-6",
 		children: [
 			/* @__PURE__ */ jsx("h1", {
 				className: "text-2xl font-bold",
-				children: "Settings"
+				children: _t({
+					id: "Tz0i8g",
+					message: "Settings"
+				})
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "space-y-2",
@@ -16477,20 +16763,38 @@ function Settings() {
 					/* @__PURE__ */ jsx(SettingsLink, {
 						to: "/settings/general",
 						icon: /* @__PURE__ */ jsx(Gear, { className: "h-5 w-5" }),
-						title: "General",
-						description: "Site identity, logo, favicon, and reading preferences"
+						title: _t({
+							id: "Weq9zb",
+							message: "General"
+						}),
+						description: _t({
+							id: "RR0ADZ",
+							message: "Site identity, logo, favicon, and reading preferences"
+						})
 					}),
 					/* @__PURE__ */ jsx(SettingsLink, {
 						to: "/settings/social",
 						icon: /* @__PURE__ */ jsx(ShareNetwork, { className: "h-5 w-5" }),
-						title: "Social Links",
-						description: "Social media profile links"
+						title: _t({
+							id: "d0rUsW",
+							message: "Social Links"
+						}),
+						description: _t({
+							id: "qS3mgX",
+							message: "Social media profile links"
+						})
 					}),
 					/* @__PURE__ */ jsx(SettingsLink, {
 						to: "/settings/seo",
 						icon: /* @__PURE__ */ jsx(MagnifyingGlass, { className: "h-5 w-5" }),
-						title: "SEO",
-						description: "Search engine optimization and verification"
+						title: _t({
+							id: "4Ml90q",
+							message: "SEO"
+						}),
+						description: _t({
+							id: "zY0S+v",
+							message: "Search engine optimization and verification"
+						})
 					})
 				]
 			}),
@@ -16499,13 +16803,25 @@ function Settings() {
 				children: [/* @__PURE__ */ jsx(SettingsLink, {
 					to: "/settings/security",
 					icon: /* @__PURE__ */ jsx(Shield, { className: "h-5 w-5" }),
-					title: "Security",
-					description: "Manage your passkeys and authentication"
+					title: _t({
+						id: "a3LDKx",
+						message: "Security"
+					}),
+					description: _t({
+						id: "OfnTKV",
+						message: "Manage your passkeys and authentication"
+					})
 				}), /* @__PURE__ */ jsx(SettingsLink, {
 					to: "/settings/allowed-domains",
 					icon: /* @__PURE__ */ jsx(Globe, { className: "h-5 w-5" }),
-					title: "Self-Signup Domains",
-					description: "Allow users from specific domains to sign up"
+					title: _t({
+						id: "Tllxyd",
+						message: "Self-Signup Domains"
+					}),
+					description: _t({
+						id: "DsZc8w",
+						message: "Allow users from specific domains to sign up"
+					})
 				})]
 			}),
 			/* @__PURE__ */ jsxs("div", {
@@ -16513,49 +16829,217 @@ function Settings() {
 				children: [/* @__PURE__ */ jsx(SettingsLink, {
 					to: "/settings/api-tokens",
 					icon: /* @__PURE__ */ jsx(Key, { className: "h-5 w-5" }),
-					title: "API Tokens",
-					description: "Create personal access tokens for programmatic API access"
+					title: _t({
+						id: "ZiooJI",
+						message: "API Tokens"
+					}),
+					description: _t({
+						id: "dhH+RW",
+						message: "Create personal access tokens for programmatic API access"
+					})
 				}), /* @__PURE__ */ jsx(SettingsLink, {
 					to: "/settings/email",
 					icon: /* @__PURE__ */ jsx(Envelope, { className: "h-5 w-5" }),
-					title: "Email",
-					description: "View email provider status and send test emails"
+					title: _t({
+						id: "O3oNi5",
+						message: "Email"
+					}),
+					description: _t({
+						id: "/JPN+P",
+						message: "View email provider status and send test emails"
+					})
 				})]
+			}),
+			SUPPORTED_LOCALES.length > 1 && /* @__PURE__ */ jsx("div", {
+				className: "space-y-2",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center justify-between p-4 rounded-lg border bg-kumo-base",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: "text-kumo-subtle",
+							children: /* @__PURE__ */ jsx(GlobeSimple, { className: "h-5 w-5" })
+						}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+							className: "font-medium",
+							children: _t({
+								id: "vXIe7J",
+								message: "Language"
+							})
+						}), /* @__PURE__ */ jsx("div", {
+							className: "text-sm text-kumo-subtle",
+							children: _t({
+								id: "Y8S9QC",
+								message: "Choose your preferred admin language"
+							})
+						})] })]
+					}), /* @__PURE__ */ jsx("div", {
+						className: "flex gap-1",
+						children: SUPPORTED_LOCALES.map((l) => /* @__PURE__ */ jsx("button", {
+							onClick: () => setLocale(l.code),
+							className: cn("rounded-md px-3 py-1.5 text-sm transition-colors", l.code === locale ? "bg-kumo-brand/10 text-kumo-brand font-medium" : "hover:bg-kumo-tint"),
+							children: l.label
+						}, l.code))
+					})]
+				})
 			})
 		]
 	});
 }
 
 //#endregion
-//#region src/components/settings/AllowedDomainsSettings.tsx
+//#region src/components/users/roleDefinitions.ts
 /**
-* Allowed Domains Settings - Self-signup domain management
-*
-* Only available when using passkey auth. When external auth (e.g., Cloudflare Access)
-* is configured, this page shows an informational message instead.
+* Canonical role levels for admin UI (badge colors, selects, labels).
+* Allowed Domains UI only offers default roles up to Editor (40), not Admin (50).
 */
-const ROLES$1 = [
+const ROLE_ENTRIES = [
 	{
 		value: 10,
-		label: "Subscriber"
+		color: "gray",
+		label: {
+			id: "M2vfqB",
+			message: "Subscriber"
+		},
+		description: {
+			id: "m7BmGK",
+			message: "Can view content"
+		}
 	},
 	{
 		value: 20,
-		label: "Contributor"
+		color: "blue",
+		label: {
+			id: "3L51iw",
+			message: "Contributor"
+		},
+		description: {
+			id: "WzyYFi",
+			message: "Can create content"
+		}
 	},
 	{
 		value: 30,
-		label: "Author"
+		color: "green",
+		label: {
+			id: "VbeIOx",
+			message: "Author"
+		},
+		description: {
+			id: "1onhKx",
+			message: "Can publish own content"
+		}
 	},
 	{
 		value: 40,
-		label: "Editor"
+		color: "purple",
+		label: {
+			id: "uBAxNB",
+			message: "Editor"
+		},
+		description: {
+			id: "ppZiw8",
+			message: "Can manage all content"
+		}
+	},
+	{
+		value: 50,
+		color: "red",
+		label: {
+			id: "U3pytU",
+			message: "Admin"
+		},
+		description: {
+			id: "scmRyR",
+			message: "Full access"
+		}
 	}
 ];
-function getRoleName(level) {
-	return ROLES$1.find((r) => r.value === level)?.label ?? "Unknown";
+const ROLE_CONFIG = Object.fromEntries(ROLE_ENTRIES.map((e) => [e.value, {
+	label: e.label,
+	description: e.description,
+	color: e.color
+}]));
+function unknownRoleConfig(role) {
+	return {
+		label: {
+			id: "h4POyA",
+			message: "Role {role}",
+			values: { role }
+		},
+		description: {
+			id: "C52+JH",
+			message: "Unknown role"
+		},
+		color: "gray"
+	};
 }
+/** Badge / display config for a numeric role level */
+function getRoleConfig(role) {
+	return ROLE_CONFIG[role] ?? unknownRoleConfig(role);
+}
+
+//#endregion
+//#region src/components/users/useRolesConfig.ts
+const MSG_ROLE_UNKNOWN = {
+	id: "Ef7StM",
+	message: "Unknown"
+};
+/**
+* Shared resolved role strings + descriptor rows for selects (after `i18n` is active).
+*/
+function useRolesConfig() {
+	const { _: _t } = useLingui();
+	const roles = React.useMemo(() => ROLE_ENTRIES.map(({ value, label, description }) => ({
+		value,
+		label: _t(label),
+		description: _t(description)
+	})), [_t]);
+	const roleLabels = React.useMemo(() => Object.fromEntries(ROLE_ENTRIES.map((r) => [String(r.value), _t(r.label)])), [_t]);
+	return {
+		roleLabels,
+		getRoleLabel: React.useCallback((level) => roleLabels[String(level)] ?? _t(MSG_ROLE_UNKNOWN), [roleLabels, _t]),
+		roles
+	};
+}
+
+//#endregion
+//#region src/components/settings/useAllowedDomainsRolesConfig.ts
+/** Self-signup default role must not be Admin (API / product rule). */
+const MAX_SELF_SIGNUP_DEFAULT_ROLE = 40;
+/**
+* Role labels and selects for Allowed Domains (Subscriber–Editor only for defaults).
+* Built on {@link useRolesConfig}; keeps the filter + `Select` `items` shape in one place.
+*/
+function useAllowedDomainsRolesConfig() {
+	const { roleLabels, getRoleLabel, roles } = useRolesConfig();
+	const signupRoles = React.useMemo(() => roles.filter((r) => r.value <= MAX_SELF_SIGNUP_DEFAULT_ROLE), [roles]);
+	return {
+		getRoleLabel,
+		signupRoles,
+		signupRoleItems: React.useMemo(() => {
+			const entries = signupRoles.map((r) => {
+				const label = roleLabels[String(r.value)];
+				return [String(r.value), label ?? getRoleLabel(r.value)];
+			});
+			return Object.fromEntries(entries);
+		}, [
+			signupRoles,
+			roleLabels,
+			getRoleLabel
+		])
+	};
+}
+
+//#endregion
+//#region src/components/settings/AllowedDomainsSettings.tsx
+/**
+* Allowed Domains Settings - Self-signup domain management
+*
+* Only available when using passkey auth. When external auth (e.g., Cloudflare Access)
+* is configured, this page shows an informational message instead.
+*/
 function AllowedDomainsSettings() {
+	const { getRoleLabel, signupRoles, signupRoleItems } = useAllowedDomainsRolesConfig();
 	const queryClient = useQueryClient();
 	const [isAddingDomain, setIsAddingDomain] = React.useState(false);
 	const [editingDomain, setEditingDomain] = React.useState(null);
@@ -16747,7 +17231,7 @@ function AllowedDomainsSettings() {
 									children: domain.domain
 								}), /* @__PURE__ */ jsxs("div", {
 									className: "text-sm text-kumo-subtle",
-									children: ["Default role: ", getRoleName(domain.defaultRole)]
+									children: ["Default role: ", getRoleLabel(domain.defaultRole)]
 								})] })]
 							}), /* @__PURE__ */ jsxs("div", {
 								className: "flex items-center gap-2",
@@ -16808,8 +17292,8 @@ function AllowedDomainsSettings() {
 											label: "Default Role",
 											value: String(newRole),
 											onValueChange: (v) => v !== null && setNewRole(Number(v)),
-											items: Object.fromEntries(ROLES$1.map((r) => [String(r.value), r.label])),
-											children: ROLES$1.map((role) => /* @__PURE__ */ jsx(Select.Option, {
+											items: signupRoleItems,
+											children: signupRoles.map((role) => /* @__PURE__ */ jsx(Select.Option, {
 												value: String(role.value),
 												children: role.label
 											}, role.value))
@@ -16869,8 +17353,8 @@ function AllowedDomainsSettings() {
 								label: "Default Role",
 								value: String(editingDomain?.defaultRole ?? 30),
 								onValueChange: (v) => v !== null && editingDomain && handleUpdateRole(editingDomain.domain, Number(v)),
-								items: Object.fromEntries(ROLES$1.map((r) => [String(r.value), r.label])),
-								children: ROLES$1.map((role) => /* @__PURE__ */ jsx(Select.Option, {
+								items: signupRoleItems,
+								children: signupRoles.map((role) => /* @__PURE__ */ jsx(Select.Option, {
 									value: String(role.value),
 									children: role.label
 								}, role.value))
@@ -16929,25 +17413,121 @@ function AllowedDomainsSettings() {
 const EXPIRY_OPTIONS = [
 	{
 		value: "none",
-		label: "No expiry"
+		label: {
+			id: "JYZYJA",
+			message: "No expiry"
+		}
 	},
 	{
 		value: "7d",
-		label: "7 days"
+		label: {
+			id: "rJe6vw",
+			message: "7 days"
+		}
 	},
 	{
 		value: "30d",
-		label: "30 days"
+		label: {
+			id: "P9cEa2",
+			message: "30 days"
+		}
 	},
 	{
 		value: "90d",
-		label: "90 days"
+		label: {
+			id: "h28hXf",
+			message: "90 days"
+		}
 	},
 	{
 		value: "365d",
-		label: "1 year"
+		label: {
+			id: "+N7uug",
+			message: "1 year"
+		}
 	}
 ];
+const API_TOKEN_SCOPE_VALUES = [
+	{
+		scope: API_TOKEN_SCOPES.ContentRead,
+		label: {
+			id: "DqsyRK",
+			message: "Content Read"
+		},
+		description: {
+			id: "Pho0BC",
+			message: "Read content entries"
+		}
+	},
+	{
+		scope: API_TOKEN_SCOPES.ContentWrite,
+		label: {
+			id: "js1bld",
+			message: "Content Write"
+		},
+		description: {
+			id: "e48Hn6",
+			message: "Create, update, delete content"
+		}
+	},
+	{
+		scope: API_TOKEN_SCOPES.MediaRead,
+		label: {
+			id: "TNFBJj",
+			message: "Media Read"
+		},
+		description: {
+			id: "IxcUJS",
+			message: "Read media files"
+		}
+	},
+	{
+		scope: API_TOKEN_SCOPES.MediaWrite,
+		label: {
+			id: "nAGBQY",
+			message: "Media Write"
+		},
+		description: {
+			id: "SrZ1jh",
+			message: "Upload and delete media"
+		}
+	},
+	{
+		scope: API_TOKEN_SCOPES.SchemaRead,
+		label: {
+			id: "19WSvR",
+			message: "Schema Read"
+		},
+		description: {
+			id: "nEEs8e",
+			message: "Read collection schemas"
+		}
+	},
+	{
+		scope: API_TOKEN_SCOPES.SchemaWrite,
+		label: {
+			id: "n6+BBp",
+			message: "Schema Write"
+		},
+		description: {
+			id: "UgmJPq",
+			message: "Modify collection schemas"
+		}
+	},
+	{
+		scope: API_TOKEN_SCOPES.Admin,
+		label: {
+			id: "U3pytU",
+			message: "Admin"
+		},
+		description: {
+			id: "5SaI4f",
+			message: "Full admin access"
+		}
+	}
+];
+/** Wire scopes shown on the create-token form (contract-tested vs `API_TOKEN_SCOPES` and `@emdash-cms/auth`). */
+const API_TOKEN_SCOPE_FORM_SCOPES = API_TOKEN_SCOPE_VALUES.map((row) => row.scope);
 function computeExpiryDate(option) {
 	if (option === "none") return void 0;
 	const days = parseInt(option, 10);
@@ -16957,6 +17537,7 @@ function computeExpiryDate(option) {
 	return date.toISOString();
 }
 function ApiTokenSettings() {
+	const { _: _t } = useLingui();
 	const queryClient = useQueryClient();
 	const [showCreateForm, setShowCreateForm] = React.useState(false);
 	const [newToken, setNewToken] = React.useState(null);
@@ -16998,6 +17579,7 @@ function ApiTokenSettings() {
 			copyTimeoutRef.current = setTimeout(setCopied, 2e3, false);
 		} catch {}
 	};
+	const expirySelectItems = React.useMemo(() => Object.fromEntries(EXPIRY_OPTIONS.map((o) => [o.value, _t(o.label)])), [_t]);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-6",
 		children: [
@@ -17008,15 +17590,24 @@ function ApiTokenSettings() {
 					children: /* @__PURE__ */ jsx(Button, {
 						variant: "ghost",
 						shape: "square",
-						"aria-label": "Back to settings",
+						"aria-label": _t({
+							id: "9aZHfH",
+							message: "Back to settings"
+						}),
 						children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
 					})
 				}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
 					className: "text-2xl font-bold",
-					children: "API Tokens"
+					children: _t({
+						id: "ZiooJI",
+						message: "API Tokens"
+					})
 				}), /* @__PURE__ */ jsx("p", {
 					className: "text-sm text-kumo-subtle",
-					children: "Create personal access tokens for programmatic API access"
+					children: _t({
+						id: "dhH+RW",
+						message: "Create personal access tokens for programmatic API access"
+					})
 				})] })]
 			}),
 			newToken && /* @__PURE__ */ jsx("div", {
@@ -17028,13 +17619,20 @@ function ApiTokenSettings() {
 						/* @__PURE__ */ jsxs("div", {
 							className: "flex-1 min-w-0",
 							children: [
-								/* @__PURE__ */ jsxs("p", {
+								/* @__PURE__ */ jsx("p", {
 									className: "font-medium text-green-800 dark:text-green-200",
-									children: ["Token created: ", newToken.info.name]
+									children: _t({
+										id: "eoLxnB",
+										message: "Token created: {0}",
+										values: { 0: newToken.info.name }
+									})
 								}),
 								/* @__PURE__ */ jsx("p", {
 									className: "text-sm text-green-700 dark:text-green-300 mt-1",
-									children: "Copy this token now — it won't be shown again."
+									children: _t({
+										id: "DyPcUA",
+										message: "Copy this token now — it won't be shown again."
+									})
 								}),
 								/* @__PURE__ */ jsxs("div", {
 									className: "mt-3 flex items-center gap-2",
@@ -17047,21 +17645,33 @@ function ApiTokenSettings() {
 											variant: "ghost",
 											shape: "square",
 											onClick: () => setTokenVisible(!tokenVisible),
-											"aria-label": tokenVisible ? "Hide token" : "Show token",
+											"aria-label": tokenVisible ? _t({
+												id: "NEZFJN",
+												message: "Hide token"
+											}) : _t({
+												id: "10eUfR",
+												message: "Show token"
+											}),
 											children: tokenVisible ? /* @__PURE__ */ jsx(EyeSlash, {}) : /* @__PURE__ */ jsx(Eye, {})
 										}),
 										/* @__PURE__ */ jsx(Button, {
 											variant: "ghost",
 											shape: "square",
 											onClick: handleCopyToken,
-											"aria-label": "Copy token",
+											"aria-label": _t({
+												id: "BddwrJ",
+												message: "Copy token"
+											}),
 											children: /* @__PURE__ */ jsx(Copy, {})
 										})
 									]
 								}),
 								copied && /* @__PURE__ */ jsx("p", {
 									className: "text-xs text-green-600 dark:text-green-400 mt-1",
-									children: "Copied to clipboard"
+									children: _t({
+										id: "FxVG/l",
+										message: "Copied to clipboard"
+									})
 								})
 							]
 						}),
@@ -17069,13 +17679,20 @@ function ApiTokenSettings() {
 							variant: "ghost",
 							size: "sm",
 							onClick: () => setNewToken(null),
-							"aria-label": "Dismiss",
-							children: "Dismiss"
+							"aria-label": _t({
+								id: "1QfxQT",
+								message: "Dismiss"
+							}),
+							children: _t({
+								id: "1QfxQT",
+								message: "Dismiss"
+							})
 						})
 					]
 				})
 			}),
 			showCreateForm ? /* @__PURE__ */ jsx(CreateTokenForm, {
+				expirySelectItems,
 				isCreating: createMutation.isPending,
 				error: createMutation.error?.message ?? null,
 				onSubmit: (input) => createMutation.mutate({
@@ -17087,7 +17704,10 @@ function ApiTokenSettings() {
 			}) : /* @__PURE__ */ jsx(Button, {
 				icon: /* @__PURE__ */ jsx(Plus, {}),
 				onClick: () => setShowCreateForm(true),
-				children: "Create Token"
+				children: _t({
+					id: "JkdaXO",
+					message: "Create Token"
+				})
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "rounded-lg border bg-kumo-base",
@@ -17096,7 +17716,10 @@ function ApiTokenSettings() {
 					children: /* @__PURE__ */ jsx(Loader, {})
 				}) : !tokens || tokens.length === 0 ? /* @__PURE__ */ jsx("div", {
 					className: "py-8 text-center text-sm text-kumo-subtle",
-					children: "No API tokens yet. Create one to get started."
+					children: _t({
+						id: "aio6Hc",
+						message: "No API tokens yet. Create one to get started."
+					})
 				}) : /* @__PURE__ */ jsx("div", {
 					className: "divide-y",
 					children: tokens.map((token) => /* @__PURE__ */ jsxs("div", {
@@ -17117,14 +17740,30 @@ function ApiTokenSettings() {
 								/* @__PURE__ */ jsxs("div", {
 									className: "flex gap-3 mt-1 text-xs text-kumo-subtle",
 									children: [
-										/* @__PURE__ */ jsxs("span", { children: ["Scopes: ", token.scopes.join(", ")] }),
-										token.expiresAt && /* @__PURE__ */ jsxs("span", { children: ["Expires ", new Date(token.expiresAt).toLocaleDateString()] }),
-										token.lastUsedAt && /* @__PURE__ */ jsxs("span", { children: ["Last used ", new Date(token.lastUsedAt).toLocaleDateString()] })
+										/* @__PURE__ */ jsx("span", { children: _t({
+											id: "NSzA6n",
+											message: "Scopes: {0}",
+											values: { 0: token.scopes.join(", ") }
+										}) }),
+										token.expiresAt && /* @__PURE__ */ jsx("span", { children: _t({
+											id: "oOfJ56",
+											message: "Expires {0}",
+											values: { 0: new Date(token.expiresAt).toLocaleDateString() }
+										}) }),
+										token.lastUsedAt && /* @__PURE__ */ jsx("span", { children: _t({
+											id: "ylo1I0",
+											message: "Last used {0}",
+											values: { 0: new Date(token.lastUsedAt).toLocaleDateString() }
+										}) })
 									]
 								}),
-								/* @__PURE__ */ jsxs("div", {
+								/* @__PURE__ */ jsx("div", {
 									className: "text-xs text-kumo-subtle mt-0.5",
-									children: ["Created ", new Date(token.createdAt).toLocaleDateString()]
+									children: _t({
+										id: "MXSt4t",
+										message: "Created {0}",
+										values: { 0: new Date(token.createdAt).toLocaleDateString() }
+									})
 								})
 							]
 						}), revokeConfirmId === token.id ? /* @__PURE__ */ jsxs("div", {
@@ -17136,14 +17775,23 @@ function ApiTokenSettings() {
 								}),
 								/* @__PURE__ */ jsx("span", {
 									className: "text-sm text-kumo-danger",
-									children: "Revoke?"
+									children: _t({
+										id: "U4/l0o",
+										message: "Revoke?"
+									})
 								}),
 								/* @__PURE__ */ jsx(Button, {
 									variant: "destructive",
 									size: "sm",
 									disabled: revokeMutation.isPending,
 									onClick: () => revokeMutation.mutate(token.id),
-									children: revokeMutation.isPending ? "Revoking..." : "Confirm"
+									children: revokeMutation.isPending ? _t({
+										id: "zzTOEt",
+										message: "Revoking..."
+									}) : _t({
+										id: "7VpPHA",
+										message: "Confirm"
+									})
 								}),
 								/* @__PURE__ */ jsx(Button, {
 									variant: "outline",
@@ -17152,14 +17800,20 @@ function ApiTokenSettings() {
 										setRevokeConfirmId(null);
 										revokeMutation.reset();
 									},
-									children: "Cancel"
+									children: _t({
+										id: "dEgA5A",
+										message: "Cancel"
+									})
 								})
 							]
 						}) : /* @__PURE__ */ jsx(Button, {
 							variant: "ghost",
 							shape: "square",
 							onClick: () => setRevokeConfirmId(token.id),
-							"aria-label": "Revoke token",
+							"aria-label": _t({
+								id: "7/ePoE",
+								message: "Revoke token"
+							}),
 							children: /* @__PURE__ */ jsx(Trash, { className: "h-4 w-4 text-kumo-subtle hover:text-kumo-danger" })
 						})]
 					}, token.id))
@@ -17168,7 +17822,8 @@ function ApiTokenSettings() {
 		]
 	});
 }
-function CreateTokenForm({ isCreating, error, onSubmit, onCancel }) {
+function CreateTokenForm({ expirySelectItems, isCreating, error, onSubmit, onCancel }) {
+	const { _: _t2 } = useLingui();
 	const [name, setName] = React.useState("");
 	const [selectedScopes, setSelectedScopes] = React.useState(/* @__PURE__ */ new Set());
 	const [expiry, setExpiry] = React.useState("30d");
@@ -17194,7 +17849,10 @@ function CreateTokenForm({ isCreating, error, onSubmit, onCancel }) {
 		children: [
 			/* @__PURE__ */ jsx("h2", {
 				className: "text-lg font-semibold mb-4",
-				children: "Create New Token"
+				children: _t2({
+					id: "IBeakM",
+					message: "Create New Token"
+				})
 			}),
 			error && /* @__PURE__ */ jsxs("div", {
 				className: "mb-4 rounded-lg border border-kumo-danger/50 bg-kumo-danger/10 p-3 flex items-center gap-2 text-sm text-kumo-danger",
@@ -17205,40 +17863,54 @@ function CreateTokenForm({ isCreating, error, onSubmit, onCancel }) {
 				className: "space-y-4",
 				children: [
 					/* @__PURE__ */ jsx(Input, {
-						label: "Token Name",
+						label: _t2({
+							id: "jJrqb1",
+							message: "Token Name"
+						}),
 						value: name,
 						onChange: (e) => setName(e.target.value),
-						placeholder: "e.g., CI/CD Pipeline",
+						placeholder: _t2({
+							id: "O1SmJ+",
+							message: "e.g., CI/CD Pipeline"
+						}),
 						required: true,
 						autoFocus: true
 					}),
 					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
 						className: "text-sm font-medium mb-2",
-						children: "Scopes"
+						children: _t2({
+							id: "N/rFzD",
+							message: "Scopes"
+						})
 					}), /* @__PURE__ */ jsx("div", {
 						className: "space-y-2",
-						children: API_TOKEN_SCOPES.map((scope) => /* @__PURE__ */ jsxs("label", {
-							className: "flex items-start gap-2 cursor-pointer",
-							children: [/* @__PURE__ */ jsx(Checkbox, {
-								checked: selectedScopes.has(scope.value),
-								onCheckedChange: () => toggleScope(scope.value)
-							}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
-								className: "text-sm font-medium",
-								children: scope.label
-							}), /* @__PURE__ */ jsx("div", {
-								className: "text-xs text-kumo-subtle",
-								children: scope.description
-							})] })]
-						}, scope.value))
+						children: API_TOKEN_SCOPE_VALUES.map(({ scope, label, description }) => {
+							return /* @__PURE__ */ jsxs("label", {
+								className: "flex items-start gap-2 cursor-pointer",
+								children: [/* @__PURE__ */ jsx(Checkbox, {
+									checked: selectedScopes.has(scope),
+									onCheckedChange: () => toggleScope(scope)
+								}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+									className: "text-sm font-medium",
+									children: _t2(label)
+								}), /* @__PURE__ */ jsx("div", {
+									className: "text-xs text-kumo-subtle",
+									children: _t2(description)
+								})] })]
+							}, scope);
+						})
 					})] }),
 					/* @__PURE__ */ jsx(Select, {
-						label: "Expiry",
+						label: _t2({
+							id: "agO/T/",
+							message: "Expiry"
+						}),
 						value: expiry,
 						onValueChange: (v) => v !== null && setExpiry(v),
-						items: Object.fromEntries(EXPIRY_OPTIONS.map((o) => [o.value, o.label])),
+						items: expirySelectItems,
 						children: EXPIRY_OPTIONS.map((option) => /* @__PURE__ */ jsx(Select.Option, {
 							value: option.value,
-							children: option.label
+							children: _t2(option.label)
 						}, option.value))
 					}),
 					/* @__PURE__ */ jsxs("div", {
@@ -17246,12 +17918,21 @@ function CreateTokenForm({ isCreating, error, onSubmit, onCancel }) {
 						children: [/* @__PURE__ */ jsx(Button, {
 							type: "submit",
 							disabled: !isValid || isCreating,
-							children: isCreating ? "Creating..." : "Create Token"
+							children: isCreating ? _t2({
+								id: "HM56Bx",
+								message: "Creating..."
+							}) : _t2({
+								id: "JkdaXO",
+								message: "Create Token"
+							})
 						}), /* @__PURE__ */ jsx(Button, {
 							type: "button",
 							variant: "outline",
 							onClick: onCancel,
-							children: "Cancel"
+							children: _t2({
+								id: "dEgA5A",
+								message: "Cancel"
+							})
 						})]
 					})
 				]
@@ -17276,7 +17957,7 @@ function EmailSettings() {
 		const timer = setTimeout(setStatus, 5e3, null);
 		return () => clearTimeout(timer);
 	}, [status]);
-	const { data: settings, isLoading } = useQuery({
+	const { data: settings, isLoading, error: fetchError } = useQuery({
 		queryKey: ["email-settings"],
 		queryFn: fetchEmailSettings
 	});
@@ -17305,6 +17986,27 @@ function EmailSettings() {
 		className: "flex items-center justify-center py-12",
 		children: /* @__PURE__ */ jsx(Loader, { size: "lg" })
 	});
+	if (fetchError) return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-6",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-3",
+			children: [/* @__PURE__ */ jsx(Link$1, {
+				to: "/settings",
+				children: /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					shape: "square",
+					"aria-label": "Back to settings",
+					children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
+				})
+			}), /* @__PURE__ */ jsx("h1", {
+				className: "text-2xl font-bold",
+				children: "Email Settings"
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-800 dark:border-red-800 dark:bg-red-950/30 dark:text-red-200",
+			children: [/* @__PURE__ */ jsx(WarningCircle, { className: "h-4 w-4 flex-shrink-0" }), getMutationError(fetchError) || "Failed to load email settings"]
+		})]
+	});
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-6",
 		children: [
@@ -19123,7 +19825,10 @@ async function searchContent(query) {
 function buildNavItems(manifest, userRole) {
 	const items = [{
 		id: "dashboard",
-		title: "Dashboard",
+		title: {
+			id: "7p5kLi",
+			message: "Dashboard"
+		},
 		to: "/",
 		icon: SquaresFour,
 		keywords: ["home", "overview"]
@@ -19138,7 +19843,10 @@ function buildNavItems(manifest, userRole) {
 	});
 	items.push({
 		id: "media",
-		title: "Media Library",
+		title: {
+			id: "ia4TsE",
+			message: "Media Library"
+		},
 		to: "/media",
 		icon: Image$1,
 		keywords: [
@@ -19148,35 +19856,50 @@ function buildNavItems(manifest, userRole) {
 		]
 	}, {
 		id: "menus",
-		title: "Menus",
+		title: {
+			id: "NXjnVQ",
+			message: "Menus"
+		},
 		to: "/menus",
 		icon: List,
 		minRole: ROLE_EDITOR$2,
 		keywords: ["navigation"]
 	}, {
 		id: "widgets",
-		title: "Widgets",
+		title: {
+			id: "tL6W2K",
+			message: "Widgets"
+		},
 		to: "/widgets",
 		icon: GridFour,
 		minRole: ROLE_EDITOR$2,
 		keywords: ["sidebar", "footer"]
 	}, {
 		id: "sections",
-		title: "Sections",
+		title: {
+			id: "R4OWFD",
+			message: "Sections"
+		},
 		to: "/sections",
 		icon: Stack,
 		minRole: ROLE_EDITOR$2,
 		keywords: ["page builder", "blocks"]
 	}, {
 		id: "content-types",
-		title: "Content Types",
+		title: {
+			id: "F7Jcuy",
+			message: "Content Types"
+		},
 		to: "/content-types",
 		icon: Database,
 		minRole: ROLE_ADMIN$2,
 		keywords: ["schema", "collections"]
 	}, {
 		id: "categories",
-		title: "Categories",
+		title: {
+			id: "NUrY9o",
+			message: "Categories"
+		},
 		to: "/taxonomies/$taxonomy",
 		params: { taxonomy: "category" },
 		icon: FileText,
@@ -19184,7 +19907,10 @@ function buildNavItems(manifest, userRole) {
 		keywords: ["taxonomy"]
 	}, {
 		id: "tags",
-		title: "Tags",
+		title: {
+			id: "OYHzN1",
+			message: "Tags"
+		},
 		to: "/taxonomies/$taxonomy",
 		params: { taxonomy: "tag" },
 		icon: FileText,
@@ -19192,35 +19918,50 @@ function buildNavItems(manifest, userRole) {
 		keywords: ["taxonomy"]
 	}, {
 		id: "users",
-		title: "Users",
+		title: {
+			id: "Sxm8rQ",
+			message: "Users"
+		},
 		to: "/users",
 		icon: Users,
 		minRole: ROLE_ADMIN$2,
 		keywords: ["accounts", "team"]
 	}, {
 		id: "plugins",
-		title: "Plugins",
+		title: {
+			id: "ohUJJM",
+			message: "Plugins"
+		},
 		to: "/plugins-manager",
 		icon: PuzzlePiece,
 		minRole: ROLE_ADMIN$2,
 		keywords: ["extensions", "add-ons"]
 	}, {
 		id: "import",
-		title: "Import",
+		title: {
+			id: "l3s5ri",
+			message: "Import"
+		},
 		to: "/import/wordpress",
 		icon: Upload,
 		minRole: ROLE_ADMIN$2,
 		keywords: ["wordpress", "migrate"]
 	}, {
 		id: "settings",
-		title: "Settings",
+		title: {
+			id: "Tz0i8g",
+			message: "Settings"
+		},
 		to: "/settings",
 		icon: Gear,
 		minRole: ROLE_ADMIN$2,
 		keywords: ["configuration", "preferences"]
 	}, {
 		id: "security",
-		title: "Security Settings",
+		title: {
+			id: "zro6wS",
+			message: "Security Settings"
+		},
 		to: "/settings/security",
 		icon: Gear,
 		minRole: ROLE_ADMIN$2,
@@ -19241,16 +19982,17 @@ function buildNavItems(manifest, userRole) {
 	}
 	return items.filter((item) => !item.minRole || userRole >= item.minRole);
 }
-function filterNavItems(items, query) {
+function filterNavItems(items, query, translate) {
 	if (!query) return items;
 	const lowerQuery = query.toLowerCase();
 	return items.filter((item) => {
-		const titleMatch = item.title.toLowerCase().includes(lowerQuery);
+		const titleMatch = (typeof item.title === "string" ? item.title : translate(item.title)).toLowerCase().includes(lowerQuery);
 		const keywordMatch = item.keywords?.some((k) => k.toLowerCase().includes(lowerQuery));
 		return titleMatch || keywordMatch;
 	});
 }
 function AdminCommandPalette({ manifest }) {
+	const { _: _t } = useLingui();
 	const [open, setOpen] = React.useState(false);
 	const [query, setQuery] = React.useState("");
 	const navigate = useNavigate$1();
@@ -19265,14 +20007,22 @@ function AdminCommandPalette({ manifest }) {
 	});
 	const isPendingSearch = query.length >= 2 && query !== debouncedQuery || isSearching;
 	const allNavItems = React.useMemo(() => buildNavItems(manifest, userRole), [manifest, userRole]);
-	const filteredNavItems = React.useMemo(() => filterNavItems(allNavItems, query), [allNavItems, query]);
+	const filteredNavItems = React.useMemo(() => filterNavItems(allNavItems, query, _t), [
+		allNavItems,
+		query,
+		_t
+	]);
 	const resultGroups = React.useMemo(() => {
 		const groups = [];
 		if (filteredNavItems.length > 0) groups.push({
-			label: "Navigation",
+			id: "navigation",
+			label: {
+				id: "UxKoFf",
+				message: "Navigation"
+			},
 			items: filteredNavItems.map((item) => ({
 				id: item.id,
-				title: item.title,
+				title: typeof item.title === "string" ? item.title : _t(item.title),
 				to: item.to,
 				params: item.params,
 				icon: /* @__PURE__ */ jsx(item.icon, { className: "h-4 w-4" })
@@ -19280,7 +20030,7 @@ function AdminCommandPalette({ manifest }) {
 		});
 		if (searchResults?.items && searchResults.items.length > 0) {
 			const contentItems = searchResults.items.map((result) => {
-				const collectionConfig = manifest.collections[result.collection];
+				const collectionLabel = manifest.collections[result.collection]?.label ?? result.collection;
 				return {
 					id: `content-${result.id}`,
 					title: result.title || result.slug,
@@ -19290,12 +20040,16 @@ function AdminCommandPalette({ manifest }) {
 						id: result.id
 					},
 					icon: /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4" }),
-					description: collectionConfig?.label || result.collection,
+					description: collectionLabel,
 					collection: result.collection
 				};
 			});
 			groups.push({
-				label: "Content",
+				id: "content",
+				label: {
+					id: "4b3oEV",
+					message: "Content"
+				},
 				items: contentItems
 			});
 		}
@@ -19303,7 +20057,8 @@ function AdminCommandPalette({ manifest }) {
 	}, [
 		filteredNavItems,
 		searchResults,
-		manifest.collections
+		manifest.collections,
+		_t
 	]);
 	useHotkeys("mod+k", (e) => {
 		e.preventDefault();
@@ -19331,12 +20086,15 @@ function AdminCommandPalette({ manifest }) {
 		items: resultGroups,
 		value: query,
 		onValueChange: setQuery,
-		itemToStringValue: (group) => group.label,
+		itemToStringValue: (group) => _t(group.label),
 		onSelect: handleSelect,
 		getSelectableItems: (groups) => groups.flatMap((g) => g.items),
 		children: [
 			/* @__PURE__ */ jsx(CommandPalette.Input, {
-				placeholder: "Search pages and content...",
+				placeholder: _t({
+					id: "z/bggT",
+					message: "Search pages and content..."
+				}),
 				leading: /* @__PURE__ */ jsx(MagnifyingGlass, {
 					className: "h-4 w-4 text-kumo-subtle",
 					weight: "bold"
@@ -19344,14 +20102,17 @@ function AdminCommandPalette({ manifest }) {
 			}),
 			/* @__PURE__ */ jsx(CommandPalette.List, { children: isPendingSearch ? /* @__PURE__ */ jsx(CommandPalette.Loading, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CommandPalette.Results, { children: (group) => /* @__PURE__ */ jsxs(CommandPalette.Group, {
 				items: group.items,
-				children: [/* @__PURE__ */ jsx(CommandPalette.GroupLabel, { children: group.label }), /* @__PURE__ */ jsx(CommandPalette.Items, { children: (item) => /* @__PURE__ */ jsx(CommandPalette.ResultItem, {
+				children: [/* @__PURE__ */ jsx(CommandPalette.GroupLabel, { children: _t(group.label) }), /* @__PURE__ */ jsx(CommandPalette.Items, { children: (item) => /* @__PURE__ */ jsx(CommandPalette.ResultItem, {
 					value: item,
 					title: item.title,
 					description: item.description,
 					icon: item.icon,
 					onClick: (e) => handleItemClick(item, e)
 				}, item.id) })]
-			}, group.label) }), /* @__PURE__ */ jsx(CommandPalette.Empty, { children: "No results found" })] }) }),
+			}, group.id) }), /* @__PURE__ */ jsx(CommandPalette.Empty, { children: _t({
+				id: "AxPAXW",
+				message: "No results found"
+			}) })] }) }),
 			/* @__PURE__ */ jsx(CommandPalette.Footer, { children: /* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-4 text-kumo-subtle",
 				children: [
@@ -19360,21 +20121,30 @@ function AdminCommandPalette({ manifest }) {
 						children: [/* @__PURE__ */ jsx("kbd", {
 							className: "rounded bg-kumo-control px-1.5 py-0.5 text-xs",
 							children: "Enter"
-						}), /* @__PURE__ */ jsx("span", { children: "to select" })]
+						}), /* @__PURE__ */ jsx("span", { children: _t({
+							id: "jpBN9M",
+							message: "to select"
+						}) })]
 					}),
 					/* @__PURE__ */ jsxs("span", {
 						className: "flex items-center gap-1",
 						children: [/* @__PURE__ */ jsxs("kbd", {
 							className: "rounded bg-kumo-control px-1.5 py-0.5 text-xs",
 							children: [IS_MAC ? "Cmd" : "Ctrl", "+Enter"]
-						}), /* @__PURE__ */ jsx("span", { children: "new tab" })]
+						}), /* @__PURE__ */ jsx("span", { children: _t({
+							id: "k2rZ7L",
+							message: "new tab"
+						}) })]
 					}),
 					/* @__PURE__ */ jsxs("span", {
 						className: "flex items-center gap-1",
 						children: [/* @__PURE__ */ jsx("kbd", {
 							className: "rounded bg-kumo-control px-1.5 py-0.5 text-xs",
 							children: "Esc"
-						}), /* @__PURE__ */ jsx("span", { children: "to close" })]
+						}), /* @__PURE__ */ jsx("span", { children: _t({
+							id: "UbVgIu",
+							message: "to close"
+						}) })]
 					})
 				]
 			}) })
@@ -19489,20 +20259,13 @@ function SidebarNav({ manifest }) {
 			icon: Stack,
 			minRole: ROLE_EDITOR$1
 		},
-		{
-			to: "/taxonomies/$taxonomy",
-			label: "Categories",
-			icon: FileText,
-			params: { taxonomy: "category" },
-			minRole: ROLE_EDITOR$1
-		},
-		{
+		...manifest.taxonomies.map((tax) => ({
 			to: "/taxonomies/$taxonomy",
-			label: "Tags",
+			label: tax.label,
 			icon: FileText,
-			params: { taxonomy: "tag" },
+			params: { taxonomy: tax.name },
 			minRole: ROLE_EDITOR$1
-		},
+		})),
 		{
 			to: "/bylines",
 			label: "Bylines",
@@ -19710,7 +20473,11 @@ function SidebarNav({ manifest }) {
 			] }),
 			/* @__PURE__ */ jsx(KumoSidebar.Footer, { children: /* @__PURE__ */ jsxs("p", {
 				className: "emdash-nav-label px-3 py-2 text-[11px] text-white/30",
-				children: ["EmDash CMS v", manifest.version || "0.0.0"]
+				children: [
+					"EmDash CMS v",
+					manifest.version || "0.0.0",
+					manifest.commit && ` (${manifest.commit})`
+				]
 			}) })
 		]
 	})] });
@@ -19851,13 +20618,71 @@ function Header() {
 *
 * Shown to new users on their first login to welcome them to EmDash.
 */
-function getRoleLabel$1(role) {
-	if (role >= 50) return "Administrator";
-	if (role >= 40) return "Editor";
-	if (role >= 30) return "Author";
-	if (role >= 20) return "Contributor";
-	return "Subscriber";
-}
+const MSG_ROLE_ADMINISTRATOR = {
+	id: "Faptqt",
+	message: "Administrator"
+};
+const MSG_ROLE_EDITOR = {
+	id: "uBAxNB",
+	message: "Editor"
+};
+const MSG_ROLE_AUTHOR = {
+	id: "VbeIOx",
+	message: "Author"
+};
+const MSG_ROLE_CONTRIBUTOR = {
+	id: "3L51iw",
+	message: "Contributor"
+};
+const MSG_ROLE_SUBSCRIBER = {
+	id: "M2vfqB",
+	message: "Subscriber"
+};
+function roleDescriptor(role) {
+	if (role >= 50) return MSG_ROLE_ADMINISTRATOR;
+	if (role >= 40) return MSG_ROLE_EDITOR;
+	if (role >= 30) return MSG_ROLE_AUTHOR;
+	if (role >= 20) return MSG_ROLE_CONTRIBUTOR;
+	return MSG_ROLE_SUBSCRIBER;
+}
+const MSG_ACCOUNT_CREATED = {
+	id: "ATCJJC",
+	message: "Your account has been created successfully."
+};
+const MSG_YOUR_ROLE = {
+	id: "T25KCz",
+	message: "Your Role"
+};
+const MSG_SCOPE_ADMIN = {
+	id: "T8yDG9",
+	message: "You have full access to manage this site, including users, settings, and all content."
+};
+const MSG_SCOPE_EDITOR = {
+	id: "Ic/8JR",
+	message: "You can manage content, media, menus, and taxonomies."
+};
+const MSG_SCOPE_AUTHOR = {
+	id: "kKNInt",
+	message: "You can create and edit your own content."
+};
+const MSG_SCOPE_CONTRIBUTOR = {
+	id: "nzN9WF",
+	message: "You can view and contribute to the site."
+};
+function scopeDescriptor(isAdmin, userRole) {
+	if (isAdmin) return MSG_SCOPE_ADMIN;
+	if (userRole >= 40) return MSG_SCOPE_EDITOR;
+	if (userRole >= 30) return MSG_SCOPE_AUTHOR;
+	return MSG_SCOPE_CONTRIBUTOR;
+}
+const MSG_ADMIN_INVITE = {
+	id: "QwxfcZ",
+	message: "As an administrator, you can invite other users from the Users section."
+};
+const MSG_CLOSE = {
+	id: "yz7wBu",
+	message: "Close"
+};
 async function dismissWelcome() {
 	const response = await apiFetch("/_emdash/api/auth/me", {
 		method: "POST",
@@ -19867,6 +20692,7 @@ async function dismissWelcome() {
 	if (!response.ok) await throwResponseError(response, "Failed to dismiss welcome");
 }
 function WelcomeModal({ open, onClose, userName, userRole }) {
+	const { _: _t } = useLingui();
 	const queryClient = useQueryClient();
 	const dismissMutation = useMutation({
 		mutationFn: dismissWelcome,
@@ -19887,28 +20713,36 @@ function WelcomeModal({ open, onClose, userName, userRole }) {
 	const handleGetStarted = () => {
 		dismissMutation.mutate();
 	};
-	const roleLabel = getRoleLabel$1(userRole);
+	const roleLabel = _t(roleDescriptor(userRole));
 	const isAdmin = userRole >= 50;
+	const firstName = userName?.split(" ")?.[0]?.trim() ?? "";
+	const titleDescriptor = firstName.length > 0 ? {
+		id: "7vQyJA",
+		message: "Welcome to EmDash, {firstName}!",
+		values: { firstName }
+	} : {
+		id: "N5RCak",
+		message: "Welcome to EmDash!"
+	};
 	return /* @__PURE__ */ jsx(Dialog.Root, {
 		open,
 		onOpenChange: (isOpen) => !isOpen && handleGetStarted(),
 		children: /* @__PURE__ */ jsxs(Dialog, {
 			className: "p-6 sm:max-w-md",
-			size: "lg",
 			children: [
 				/* @__PURE__ */ jsxs("div", {
 					className: "flex items-start justify-between gap-4",
 					children: [/* @__PURE__ */ jsx("div", { className: "flex-1" }), /* @__PURE__ */ jsx(Dialog.Close, {
-						"aria-label": "Close",
+						"aria-label": _t(MSG_CLOSE),
 						render: (props) => /* @__PURE__ */ jsxs(Button, {
 							...props,
 							variant: "ghost",
 							shape: "square",
-							"aria-label": "Close",
+							"aria-label": _t(MSG_CLOSE),
 							className: "absolute right-4 top-4",
 							children: [/* @__PURE__ */ jsx(X, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
 								className: "sr-only",
-								children: "Close"
+								children: _t(MSG_CLOSE)
 							})]
 						})
 					})]
@@ -19920,17 +20754,13 @@ function WelcomeModal({ open, onClose, userName, userRole }) {
 							className: "mx-auto mb-4",
 							children: /* @__PURE__ */ jsx(LogoIcon, { className: "h-16 w-16" })
 						}),
-						/* @__PURE__ */ jsxs(Dialog.Title, {
+						/* @__PURE__ */ jsx(Dialog.Title, {
 							className: "text-2xl font-semibold leading-none tracking-tight",
-							children: [
-								"Welcome to EmDash",
-								userName ? `, ${userName.split(" ")[0]}` : "",
-								"!"
-							]
+							children: _t(titleDescriptor)
 						}),
 						/* @__PURE__ */ jsx(Dialog.Description, {
 							className: "text-base text-kumo-subtle",
-							children: "Your account has been created successfully."
+							children: _t(MSG_ACCOUNT_CREATED)
 						})
 					]
 				}),
@@ -19941,7 +20771,7 @@ function WelcomeModal({ open, onClose, userName, userRole }) {
 						children: [
 							/* @__PURE__ */ jsx("div", {
 								className: "text-sm font-medium",
-								children: "Your Role"
+								children: _t(MSG_YOUR_ROLE)
 							}),
 							/* @__PURE__ */ jsx("div", {
 								className: "text-lg font-semibold text-kumo-brand",
@@ -19949,20 +20779,12 @@ function WelcomeModal({ open, onClose, userName, userRole }) {
 							}),
 							/* @__PURE__ */ jsx("p", {
 								className: "text-sm text-kumo-subtle mt-1",
-								children: isAdmin ? "You have full access to manage this site, including users, settings, and all content." : userRole >= 40 ? "You can manage content, media, menus, and taxonomies." : userRole >= 30 ? "You can create and edit your own content." : "You can view and contribute to the site."
+								children: _t(scopeDescriptor(isAdmin, userRole))
 							})
 						]
-					}), isAdmin && /* @__PURE__ */ jsxs("p", {
+					}), isAdmin && /* @__PURE__ */ jsx("p", {
 						className: "text-sm text-kumo-subtle",
-						children: [
-							"As an administrator, you can invite other users from the",
-							" ",
-							/* @__PURE__ */ jsx("span", {
-								className: "font-medium",
-								children: "Users"
-							}),
-							" section."
-						]
+						children: _t(MSG_ADMIN_INVITE)
 					})]
 				}),
 				/* @__PURE__ */ jsx("div", {
@@ -19971,7 +20793,13 @@ function WelcomeModal({ open, onClose, userName, userRole }) {
 						onClick: handleGetStarted,
 						disabled: dismissMutation.isPending,
 						size: "lg",
-						children: dismissMutation.isPending ? "Loading..." : "Get Started"
+						children: dismissMutation.isPending ? _t({
+							id: "Z3FXyt",
+							message: "Loading..."
+						}) : _t({
+							id: "c3b0B0",
+							message: "Get Started"
+						})
 					})
 				})
 			]
@@ -21450,22 +22278,29 @@ function isPaletteItem(data) {
 /** Built-in widget types available in the palette */
 const BUILTIN_WIDGETS = [{
 	id: "palette-content",
-	label: "Content Block",
-	description: "Rich text content",
-	input: {
-		type: "content",
-		title: "Content Block"
-	}
+	label: {
+		id: "ESoS5n",
+		message: "Content Block"
+	},
+	description: {
+		id: "oYoiTA",
+		message: "Rich text content"
+	},
+	input: { type: "content" }
 }, {
 	id: "palette-menu",
-	label: "Menu",
-	description: "Display a navigation menu",
-	input: {
-		type: "menu",
-		title: "Menu"
-	}
+	label: {
+		id: "zucql+",
+		message: "Menu"
+	},
+	description: {
+		id: "an2U5p",
+		message: "Display a navigation menu"
+	},
+	input: { type: "menu" }
 }];
 function Widgets() {
+	const { _: _t } = useLingui();
 	const queryClient = useQueryClient();
 	const toastManager = Toast.useToastManager();
 	const [isCreateAreaOpen, setIsCreateAreaOpen] = React.useState(false);
@@ -21707,9 +22542,12 @@ function Widgets() {
 								className: "space-y-2",
 								children: [BUILTIN_WIDGETS.map((item) => /* @__PURE__ */ jsx(DraggablePaletteItem, {
 									id: item.id,
-									label: item.label,
-									description: item.description,
-									widgetInput: item.input
+									label: _t(item.label),
+									description: _t(item.description),
+									widgetInput: {
+										...item.input,
+										title: _t(item.label)
+									}
 								}, item.id)), components.map((comp) => /* @__PURE__ */ jsx(DraggablePaletteItem, {
 									id: `palette-comp-${comp.id}`,
 									label: comp.label,
@@ -24473,50 +25311,11 @@ function BylinesPage() {
 
 //#endregion
 //#region src/components/users/RoleBadge.tsx
-/** Role level to name mapping */
-const ROLE_CONFIG = {
-	10: {
-		label: "Subscriber",
-		color: "gray",
-		description: "Can view content"
-	},
-	20: {
-		label: "Contributor",
-		color: "blue",
-		description: "Can create content"
-	},
-	30: {
-		label: "Author",
-		color: "green",
-		description: "Can publish own content"
-	},
-	40: {
-		label: "Editor",
-		color: "purple",
-		description: "Can manage all content"
-	},
-	50: {
-		label: "Admin",
-		color: "red",
-		description: "Full access"
-	}
-};
-/** Get role config, with fallback for unknown roles */
-function getRoleConfig(role) {
-	return ROLE_CONFIG[role] ?? {
-		label: `Role ${role}`,
-		color: "gray",
-		description: "Unknown role"
-	};
-}
-/** Get role label from role level */
-function getRoleLabel(role) {
-	return getRoleConfig(role).label;
-}
 /**
 * Role badge component with semantic colors
 */
 function RoleBadge({ role, size = "sm", showDescription = false, className }) {
+	const { _: _t } = useLingui();
 	const config = getRoleConfig(role);
 	return /* @__PURE__ */ jsxs("span", {
 		className: cn("inline-flex items-center rounded-full font-medium", {
@@ -24529,41 +25328,13 @@ function RoleBadge({ role, size = "sm", showDescription = false, className }) {
 			purple: "bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-200",
 			red: "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200"
 		}[config.color], className),
-		title: showDescription ? void 0 : config.description,
-		children: [config.label, showDescription && /* @__PURE__ */ jsxs("span", {
+		title: showDescription ? void 0 : _t(config.description),
+		children: [_t(config.label), showDescription && /* @__PURE__ */ jsxs("span", {
 			className: "ml-1 opacity-75",
-			children: ["- ", config.description]
+			children: ["- ", _t(config.description)]
 		})]
 	});
 }
-/** List of all roles for dropdowns */
-const ROLES = [
-	{
-		value: 10,
-		label: "Subscriber",
-		description: "Can view content"
-	},
-	{
-		value: 20,
-		label: "Contributor",
-		description: "Can create content"
-	},
-	{
-		value: 30,
-		label: "Author",
-		description: "Can publish own content"
-	},
-	{
-		value: 40,
-		label: "Editor",
-		description: "Can manage all content"
-	},
-	{
-		value: 50,
-		label: "Admin",
-		description: "Full access"
-	}
-];
 
 //#endregion
 //#region src/components/users/UserList.tsx
@@ -24571,6 +25342,22 @@ const ROLES = [
 * User list component with search, filter, and table display
 */
 function UserList({ users, isLoading, hasMore, searchQuery, roleFilter, onSearchChange, onRoleFilterChange, onSelectUser, onInviteUser, onLoadMore }) {
+	const { _: _t } = useLingui();
+	const { roles, roleLabels } = useRolesConfig();
+	const roleFilterSelectItems = React.useMemo(() => ({
+		all: _t({
+			id: "Hm90t3",
+			message: "All roles"
+		}),
+		...roleLabels
+	}), [_t, roleLabels]);
+	const roleFilterSelectOptions = React.useMemo(() => [{
+		value: "all",
+		label: _t({
+			id: "Hm90t3",
+			message: "All roles"
+		})
+	}, ...roles], [_t, roles]);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-4",
 		children: [
@@ -24600,21 +25387,15 @@ function UserList({ users, isLoading, hasMore, searchQuery, roleFilter, onSearch
 						onChange: (e) => onSearchChange(e.target.value),
 						"aria-label": "Search users"
 					})]
-				}), /* @__PURE__ */ jsxs(Select, {
+				}), /* @__PURE__ */ jsx(Select, {
 					value: roleFilter?.toString() ?? "all",
 					onValueChange: (value) => onRoleFilterChange(value === "all" || value === null ? void 0 : parseInt(value, 10)),
-					items: {
-						all: "All roles",
-						...Object.fromEntries(ROLES.map((r) => [r.value.toString(), r.label]))
-					},
+					items: roleFilterSelectItems,
 					"aria-label": "Filter by role",
-					children: [/* @__PURE__ */ jsx(Select.Option, {
-						value: "all",
-						children: "All roles"
-					}), ROLES.map((role) => /* @__PURE__ */ jsx(Select.Option, {
-						value: role.value.toString(),
-						children: role.label
-					}, role.value))]
+					children: roleFilterSelectOptions.map((option) => /* @__PURE__ */ jsx(Select.Option, {
+						value: option.value,
+						children: option.label
+					}, option.value))
 				})]
 			}),
 			/* @__PURE__ */ jsx("div", {
@@ -24791,6 +25572,7 @@ function UserListSkeleton() {
 * User detail slide-over panel with inline editing
 */
 function UserDetail({ user, isLoading, isOpen, isSaving, isSendingRecovery, recoverySent, recoveryError, currentUserId, onClose, onSave, onDisable, onEnable, onSendRecovery }) {
+	const { roles, roleLabels, getRoleLabel } = useRolesConfig();
 	const [name, setName] = React.useState(user?.name ?? "");
 	const [email, setEmail] = React.useState(user?.email ?? "");
 	const [role, setRole] = React.useState(user?.role ?? 30);
@@ -24902,8 +25684,8 @@ function UserDetail({ user, isLoading, isOpen, isSaving, isSendingRecovery, reco
 									label: "Role",
 									value: role.toString(),
 									onValueChange: (v) => v !== null && setRole(parseInt(v, 10)),
-									items: Object.fromEntries(ROLES.map((r) => [r.value.toString(), r.label])),
-									children: ROLES.map((r) => /* @__PURE__ */ jsx(Select.Option, {
+									items: roleLabels,
+									children: roles.map((r) => /* @__PURE__ */ jsx(Select.Option, {
 										value: r.value.toString(),
 										children: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", { children: r.label }), /* @__PURE__ */ jsx("div", {
 											className: "text-xs text-kumo-subtle",
@@ -25114,6 +25896,7 @@ function UserDetailSkeleton() {
 * Invite user modal — sends invite email or shows copy-link fallback
 */
 function InviteUserModal({ open, isSending, error, inviteUrl, onOpenChange, onInvite }) {
+	const { roles, roleLabels } = useRolesConfig();
 	const [email, setEmail] = React.useState("");
 	const [role, setRole] = React.useState(30);
 	const [copied, setCopied] = React.useState(false);
@@ -25241,8 +26024,8 @@ function InviteUserModal({ open, isSending, error, inviteUrl, onOpenChange, onIn
 								label: "Role",
 								value: role.toString(),
 								onValueChange: (v) => v !== null && setRole(parseInt(v, 10)),
-								items: Object.fromEntries(ROLES.map((r) => [r.value.toString(), r.label])),
-								children: ROLES.map((r) => /* @__PURE__ */ jsx(Select.Option, {
+								items: roleLabels,
+								children: roles.map((r) => /* @__PURE__ */ jsx(Select.Option, {
 									value: r.value.toString(),
 									children: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", { children: r.label }), /* @__PURE__ */ jsx("div", {
 										className: "text-xs text-kumo-subtle",
@@ -25297,6 +26080,7 @@ function useDebounce(value, delay) {
 	return debouncedValue;
 }
 function UsersPage() {
+	const { getRoleLabel } = useRolesConfig();
 	const queryClient = useQueryClient();
 	const [searchQuery, setSearchQuery] = React.useState("");
 	const [roleFilter, setRoleFilter] = React.useState();
@@ -25551,6 +26335,10 @@ const adminLayoutRoute = createRoute({
 	id: "_admin",
 	component: RootComponent
 });
+if (typeof window !== "undefined" && typeof window.requestIdleCallback === "undefined") {
+	window.requestIdleCallback = (cb) => setTimeout(cb, 50);
+	window.cancelIdleCallback = (id) => clearTimeout(id);
+}
 function RootComponent() {
 	const { data: manifest, isLoading, error } = useQuery({
 		queryKey: ["manifest"],
@@ -25683,6 +26471,9 @@ function ContentListPage() {
 			});
 		}
 	});
+	const items = React.useMemo(() => {
+		return data?.pages.flatMap((page) => page.items) || [];
+	}, [data]);
 	if (!manifest) return /* @__PURE__ */ jsx(LoadingScreen, {});
 	const collectionConfig = manifest.collections[collection];
 	if (!collectionConfig) return /* @__PURE__ */ jsx(NotFoundPage, { message: `Collection "${collection}" not found` });
@@ -25694,9 +26485,6 @@ function ContentListPage() {
 			search: { locale: locale || void 0 }
 		});
 	};
-	const items = React.useMemo(() => {
-		return data?.pages.flatMap((page) => page.items) || [];
-	}, [data]);
 	return /* @__PURE__ */ jsx(ContentList, {
 		collection,
 		collectionLabel: collectionConfig.label,
@@ -25705,7 +26493,7 @@ function ContentListPage() {
 		isLoading: isLoading || isFetchingNextPage,
 		isTrashedLoading,
 		hasMore: !!hasNextPage,
-		onLoadMore: () => void fetchNextPage(),
+		onLoadMore: React.useCallback(() => void fetchNextPage(), [fetchNextPage]),
 		trashedCount: trashedData?.items?.length || 0,
 		onDelete: (id) => deleteMutation.mutate(id),
 		onRestore: (id) => restoreMutation.mutate(id),
@@ -25729,10 +26517,12 @@ function getPluginBlocks(manifest) {
 const contentNewRoute = createRoute({
 	getParentRoute: () => adminLayoutRoute,
 	path: "/content/$collection/new",
-	component: ContentNewPage
+	component: ContentNewPage,
+	validateSearch: (search) => ({ locale: typeof search.locale === "string" ? search.locale : void 0 })
 });
 function ContentNewPage() {
 	const { collection } = useParams({ from: "/_admin/content/$collection/new" });
+	const { locale } = useSearch({ from: "/_admin/content/$collection/new" });
 	const navigate = useNavigate();
 	const queryClient = useQueryClient();
 	const [selectedBylines, setSelectedBylines] = React.useState([]);
@@ -25741,7 +26531,10 @@ function ContentNewPage() {
 		queryFn: fetchManifest
 	});
 	const createMutation = useMutation({
-		mutationFn: (data) => createContent(collection, data),
+		mutationFn: (data) => createContent(collection, {
+			...data,
+			locale
+		}),
 		onSuccess: (result) => {
 			queryClient.invalidateQueries({ queryKey: ["content", collection] });
 			navigate({
@@ -25808,11 +26601,13 @@ function ContentNewPage() {
 const contentEditRoute = createRoute({
 	getParentRoute: () => adminLayoutRoute,
 	path: "/content/$collection/$id",
-	component: ContentEditPage
+	component: ContentEditPage,
+	validateSearch: (search) => ({ ...typeof search.field === "string" && { field: search.field } })
 });
 const ROLE_EDITOR = 40;
 function ContentEditPage() {
 	const { collection, id } = useParams({ from: "/_admin/content/$collection/$id" });
+	const searchParams = useSearch({ from: "/_admin/content/$collection/$id" });
 	const queryClient = useQueryClient();
 	const navigate = useNavigate();
 	const toastManager = Toast.useToastManager();
@@ -25829,6 +26624,29 @@ function ContentEditPage() {
 		],
 		queryFn: () => fetchContent(collection, id)
 	});
+	React.useEffect(() => {
+		if (typeof searchParams.field !== "string" || isLoading) return;
+		const timeoutId = requestIdleCallback(() => {
+			const el = document.getElementById(`field-${searchParams.field}`);
+			if (el) {
+				el.scrollIntoView({
+					behavior: "smooth",
+					block: "center"
+				});
+				el.focus();
+				const { field: _, ...preservedSearch } = searchParams;
+				navigate({
+					search: preservedSearch,
+					replace: true
+				});
+			}
+		});
+		return () => cancelIdleCallback(timeoutId);
+	}, [
+		searchParams,
+		isLoading,
+		navigate
+	]);
 	const { data: translationsData } = useQuery({
 		queryKey: [
 			"translations",
@@ -26826,19 +27644,30 @@ const router = createAdminRouter(queryClient);
 * Main Admin Application
 */
 const EMPTY_PLUGINS = {};
-function AdminApp({ pluginAdmins = EMPTY_PLUGINS }) {
+function AdminApp({ pluginAdmins = EMPTY_PLUGINS, locale = "en", messages = {} }) {
 	React.useEffect(() => {
 		document.getElementById("emdash-boot-loader")?.remove();
 	}, []);
-	return /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Toasty, { children: /* @__PURE__ */ jsx(PluginAdminProvider, {
-		pluginAdmins,
-		children: /* @__PURE__ */ jsx(QueryClientProvider, {
-			client: queryClient,
-			children: /* @__PURE__ */ jsx(RouterProvider, { router })
-		})
-	}) }) });
+	const i18nInitialized = React.useRef(false);
+	if (!i18nInitialized.current) {
+		i18n.loadAndActivate({
+			locale,
+			messages
+		});
+		i18nInitialized.current = true;
+	}
+	return /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(I18nProvider, {
+		i18n,
+		children: /* @__PURE__ */ jsx(Toasty, { children: /* @__PURE__ */ jsx(PluginAdminProvider, {
+			pluginAdmins,
+			children: /* @__PURE__ */ jsx(QueryClientProvider, {
+				client: queryClient,
+				children: /* @__PURE__ */ jsx(RouterProvider, { router })
+			})
+		}) })
+	}) });
 }
 
 //#endregion
-export { API_BASE, API_TOKEN_SCOPES, AdminApp, AdminApp as App, CAPABILITY_LABELS, ContentEditor, ContentList, Dashboard, Header, Link, LoginPage, MediaLibrary, MediaPickerModal, PasskeyLogin, PasskeyRegistration, PluginAdminProvider, PortableTextEditor, SaveButton, Settings, SetupWizard, Shell, KumoSidebar as Sidebar, SidebarNav, analyzeWpPluginSite, analyzeWxr, apiFetch, bulkCommentAction, checkPluginUpdates, cn, compareRevisions, completeSignup, createAdminRouter, createAllowedDomain, createApiToken, createByline, createCollection, createContent, createField, createMenu, createMenuItem, createRedirect, createSection, createTaxonomy, createTerm, createWidget, createWidgetArea, deleteAllowedDomain, deleteByline, deleteCollection, deleteComment, deleteContent, deleteField, deleteFromProvider, deleteMedia, deleteMenu, deleteMenuItem, deletePasskey, deleteRedirect, deleteSection, deleteTerm, deleteWidget, deleteWidgetArea, describeCapability, disablePlugin, disableUser, discardDraft, duplicateContent, enablePlugin, enableUser, executeWpPluginImport, executeWxrImport, fetch404Summary, fetchAllowedDomains, fetchApiTokens, fetchByline, fetchBylines, fetchCollection, fetchCollections, fetchComment, fetchCommentCounts, fetchComments, fetchContent, fetchContentList, fetchDashboardStats, fetchEmailSettings, fetchFields, fetchManifest, fetchMarketplacePlugin, fetchMediaList, fetchMediaProviders, fetchMenu, fetchMenus, fetchOrphanedTables, fetchPasskeys, fetchPlugin, fetchPlugins, fetchProviderMedia, fetchRedirects, fetchRevision, fetchRevisions, fetchSection, fetchSections, fetchSettings, fetchTaxonomyDef, fetchTaxonomyDefs, fetchTerms, fetchTheme, fetchTranslations, fetchTrashedContent, fetchUser, fetchUsers, fetchWidgetArea, fetchWidgetAreas, fetchWidgetComponents, generatePreviewUrl, getDraftStatus, getPreviewUrl, hasAllowedDomains, importWxrMedia, installMarketplacePlugin, inviteUser, parseApiResponse, permanentDeleteContent, prepareWxrImport, probeImportUrl, publishContent, registerOrphanedTable, renamePasskey, reorderFields, reorderMenuItems, reorderWidgets, requestSignup, restoreContent, restoreRevision, revokeApiToken, rewriteContentUrls, scheduleContent, searchMarketplace, searchThemes, sendRecoveryLink, sendTestEmail, setSearchEnabled, throwResponseError, uninstallMarketplacePlugin, unpublishContent, unscheduleContent, updateAllowedDomain, updateByline, updateCollection, updateCommentStatus, updateContent, updateField, updateMarketplacePlugin, updateMedia, updateMenu, updateMenuItem, updateRedirect, updateSection, updateSettings, updateTerm, updateUser, updateWidget, uploadMedia, uploadToProvider, useCurrentUser, useNavigate, useParams, usePluginAdmins, usePluginField, usePluginHasPages, usePluginHasWidgets, usePluginPage, usePluginWidget, verifySignupToken };
+export { API_BASE, API_TOKEN_SCOPES, AdminApp, AdminApp as App, CAPABILITY_LABELS, ContentEditor, ContentList, DEFAULT_LOCALE, Dashboard, Header, Link, LoginPage, MediaLibrary, MediaPickerModal, PasskeyLogin, PasskeyRegistration, PluginAdminProvider, PortableTextEditor, SUPPORTED_LOCALES, SUPPORTED_LOCALE_CODES, SaveButton, Settings, SetupWizard, Shell, KumoSidebar as Sidebar, SidebarNav, analyzeWpPluginSite, analyzeWxr, apiFetch, bulkCommentAction, checkPluginUpdates, cn, compareRevisions, completeSignup, createAdminRouter, createAllowedDomain, createApiToken, createByline, createCollection, createContent, createField, createMenu, createMenuItem, createRedirect, createSection, createTaxonomy, createTerm, createWidget, createWidgetArea, deleteAllowedDomain, deleteByline, deleteCollection, deleteComment, deleteContent, deleteField, deleteFromProvider, deleteMedia, deleteMenu, deleteMenuItem, deletePasskey, deleteRedirect, deleteSection, deleteTerm, deleteWidget, deleteWidgetArea, describeCapability, disablePlugin, disableUser, discardDraft, duplicateContent, enablePlugin, enableUser, executeWpPluginImport, executeWxrImport, fetch404Summary, fetchAllowedDomains, fetchApiTokens, fetchByline, fetchBylines, fetchCollection, fetchCollections, fetchComment, fetchCommentCounts, fetchComments, fetchContent, fetchContentList, fetchDashboardStats, fetchEmailSettings, fetchFields, fetchManifest, fetchMarketplacePlugin, fetchMediaList, fetchMediaProviders, fetchMenu, fetchMenus, fetchOrphanedTables, fetchPasskeys, fetchPlugin, fetchPlugins, fetchProviderMedia, fetchRedirects, fetchRevision, fetchRevisions, fetchSection, fetchSections, fetchSettings, fetchTaxonomyDef, fetchTaxonomyDefs, fetchTerms, fetchTheme, fetchTranslations, fetchTrashedContent, fetchUser, fetchUsers, fetchWidgetArea, fetchWidgetAreas, fetchWidgetComponents, generatePreviewUrl, getDraftStatus, getPreviewUrl, hasAllowedDomains, importWxrMedia, installMarketplacePlugin, inviteUser, parseApiResponse, permanentDeleteContent, prepareWxrImport, probeImportUrl, publishContent, registerOrphanedTable, renamePasskey, reorderFields, reorderMenuItems, reorderWidgets, requestSignup, resolveLocale, restoreContent, restoreRevision, revokeApiToken, rewriteContentUrls, scheduleContent, searchMarketplace, searchThemes, sendRecoveryLink, sendTestEmail, setSearchEnabled, throwResponseError, uninstallMarketplacePlugin, unpublishContent, unscheduleContent, updateAllowedDomain, updateByline, updateCollection, updateCommentStatus, updateContent, updateField, updateMarketplacePlugin, updateMedia, updateMenu, updateMenuItem, updateRedirect, updateSection, updateSettings, updateTerm, updateUser, updateWidget, uploadMedia, uploadToProvider, useCurrentUser, useLocale, useNavigate, useParams, usePluginAdmins, usePluginField, usePluginHasPages, usePluginHasWidgets, usePluginPage, usePluginWidget, verifySignupToken };
 //# sourceMappingURL=index.js.map