@emdash-cms/admin 0.2.0 → 0.3.0

package/dist/index.js

@@ -204,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))
 	});
 }
 
@@ -2037,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
 */
@@ -4370,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();
@@ -4378,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();
@@ -4386,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();
@@ -4394,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();
@@ -4402,7 +4391,10 @@ const blockTransforms = [
 	},
 	{
 		id: "blockquote",
-		label: "Quote",
+		label: {
+			id: "ZhhOwV",
+			message: "Quote"
+		},
 		icon: Quotes,
 		transform: (editor) => {
 			editor.chain().focus().toggleBlockquote().run();
@@ -4410,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();
@@ -4418,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();
@@ -4426,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();
@@ -4437,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);
@@ -4533,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", {
@@ -5778,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 }) => {
@@ -5788,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 }) => {
@@ -5798,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 }) => {
@@ -5808,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 }) => {
@@ -5818,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 }) => {
@@ -5828,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 }) => {
@@ -5838,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",
@@ -5852,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",
@@ -5962,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,
@@ -5996,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,
@@ -6007,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))
@@ -6271,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;
@@ -6302,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",
@@ -6311,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);
@@ -6319,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);
@@ -6336,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 || []), []);
@@ -10128,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 ?? "");
@@ -10415,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))]
 									}),
@@ -10698,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: [
@@ -10710,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",
@@ -10723,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)
 				})]
 			})
 		]
@@ -15620,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: [
@@ -15653,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
@@ -16709,35 +16887,159 @@ function Settings() {
 }
 
 //#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);
@@ -16929,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",
@@ -16990,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))
@@ -17051,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))
@@ -17111,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);
@@ -17139,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);
@@ -17180,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: [
@@ -17190,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", {
@@ -17210,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",
@@ -17229,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"
+									})
 								})
 							]
 						}),
@@ -17251,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({
@@ -17269,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",
@@ -17278,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", {
@@ -17299,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", {
@@ -17318,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",
@@ -17334,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))
@@ -17350,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");
@@ -17376,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",
@@ -17387,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", {
@@ -17428,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"
+							})
 						})]
 					})
 				]
@@ -19326,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"]
@@ -19341,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: [
@@ -19351,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,
@@ -19387,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,
@@ -19395,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,
@@ -19444,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();
@@ -19468,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" })
@@ -19483,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,
@@ -19493,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
 			});
 		}
@@ -19506,7 +20057,8 @@ function AdminCommandPalette({ manifest }) {
 	}, [
 		filteredNavItems,
 		searchResults,
-		manifest.collections
+		manifest.collections,
+		_t
 	]);
 	useHotkeys("mod+k", (e) => {
 		e.preventDefault();
@@ -19534,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"
@@ -19547,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: [
@@ -19563,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"
+						}) })]
 					})
 				]
 			}) })
@@ -19906,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})`
+				]
 			}) })
 		]
 	})] });
@@ -20047,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",
@@ -20063,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,
@@ -20083,8 +20713,17 @@ 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(),
@@ -20094,16 +20733,16 @@ function WelcomeModal({ open, onClose, userName, userRole }) {
 				/* @__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)
 							})]
 						})
 					})]
@@ -20115,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)
 						})
 					]
 				}),
@@ -20136,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",
@@ -20144,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", {
@@ -20166,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"
+						})
 					})
 				})
 			]
@@ -21645,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);
@@ -21902,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,
@@ -24668,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", {
@@ -24724,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
@@ -24766,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: [
@@ -24795,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", {
@@ -24986,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);
@@ -25097,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",
@@ -25309,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);
@@ -25436,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",
@@ -25492,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();