@emdash-cms/admin 0.9.0 → 0.10.0

package/dist/index.js

@@ -1,16 +1,16 @@
 import { c as fetchAuthMode, d as throwResponseError, i as fetchPlugins, l as fetchManifest, n as enablePlugin, o as API_BASE, r as fetchPlugin, s as apiFetch, t as disablePlugin, u as parseApiResponse } from "./plugins-DUJY_8HN.js";
-import { a as SUPPORTED_LOCALES, i as DEFAULT_LOCALE, l as resolveLocale, n as useLocale, o as SUPPORTED_LOCALE_CODES, t as LocaleDirectionProvider } from "./LocaleDirectionProvider-BGcmv_N7.js";
+import { a as SUPPORTED_LOCALES, i as DEFAULT_LOCALE, l as resolveLocale, n as useLocale, o as SUPPORTED_LOCALE_CODES, t as LocaleDirectionProvider } from "./LocaleDirectionProvider-xcSZTLFA.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";
-import { createContext, useCallback, useContext, useEffect, useState } from "react";
+import * as React$1 from "react";
+import React, { createContext, useCallback, useContext, useEffect, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Dialog as Dialog$1 } from "@cloudflare/kumo/primitives";
-import { ArrowCounterClockwise, ArrowRight, ArrowRightIcon, ArrowSquareOut, ArrowUUpLeft, ArrowUUpRight, ArrowsClockwise, ArrowsInSimple, ArrowsLeftRight, ArrowsOutSimple, BracketsCurly, Calendar, CalendarBlank, CaretDown, CaretRightIcon, CaretUp, CaretUpDown, ChatCircle, Check, CheckCircle, CircleDashed, CircleNotch, ClockCounterClockwise, Cloud, Code, CodeBlock, Copy, Cube, Database, DeviceMobile, DotsSixVertical, DownloadSimple, Envelope, EnvelopeSimple, Eye, EyeSlash, File, FileArrowDown, FileText, FloppyDisk, FolderOpen, Gear, GithubLogo, Globe, GlobeSimple, GridFour, HardDrive, Hash, Image as Image$1, ImageSquare, Info, Key, Link as Link$2, LinkBreak, LinkSimple, List, ListBullets, ListChecks, ListNumbers, MagnifyingGlass, Minus, Monitor, Moon, Palette, PaperPlaneTilt, Paragraph, Pencil, PencilSimple, PlugsConnected, Plus, Prohibit, PuzzlePiece, Quotes, Rows, Ruler, ShareNetwork, Shield, ShieldCheck, ShieldWarning, SignOut, SlidersHorizontal, Sparkle, SquaresFour, Stack, Storefront, Sun, TextAlignCenter, TextAlignLeft, TextAlignRight, TextB, TextHOne, TextHThree, TextHTwo, TextItalic, TextStrikethrough, TextT, TextUnderline, ToggleLeft, Trash, Upload, User, UserCircle, UserPlus, Users, Warning, WarningCircle, WebhooksLogo, X, YoutubeLogo } from "@phosphor-icons/react";
+import { ArrowCounterClockwise, ArrowRight, ArrowRightIcon, ArrowSquareOut, ArrowUUpLeft, ArrowUUpRight, ArrowsClockwise, ArrowsInSimple, ArrowsLeftRight, ArrowsOutSimple, BracketsCurly, Calendar, CalendarBlank, CaretDown, CaretRightIcon, CaretUp, CaretUpDown, ChatCircle, Check, CheckCircle, CircleDashed, CircleNotch, ClockCounterClockwise, Cloud, Code, CodeBlock, Copy, Cube, Database, DeviceMobile, DotsSixVertical, DownloadSimple, Envelope, EnvelopeSimple, Eye, EyeSlash, File, FileArrowDown, FileText, FloppyDisk, FolderOpen, Gear, GithubLogo, Globe, GlobeSimple, GridFour, HardDrive, Hash, Image as Image$1, ImageSquare, Info, Key, Link as Link$2, LinkBreak, LinkSimple, List, ListBullets, ListChecks, ListNumbers, MagnifyingGlass, Minus, Monitor, Moon, Palette, PaperPlaneTilt, Paperclip, Paragraph, Pencil, PencilSimple, PlugsConnected, Plus, Prohibit, PuzzlePiece, Quotes, Rows, Ruler, ShareNetwork, Shield, ShieldCheck, ShieldWarning, SignOut, SlidersHorizontal, Sparkle, SquaresFour, Stack, Storefront, Sun, TextAlignCenter, TextAlignLeft, TextAlignRight, TextB, TextHOne, TextHThree, TextHTwo, TextItalic, TextStrikethrough, TextT, TextUnderline, ToggleLeft, Trash, Upload, User, UserCircle, UserPlus, Users, Warning, WarningCircle, WebhooksLogo, X, YoutubeLogo } from "@phosphor-icons/react";
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 import { DndContext, DragOverlay, KeyboardSensor, PointerSensor, closestCenter, rectIntersection, useDraggable, useDroppable, useSensor, useSensors } from "@dnd-kit/core";
@@ -37,7 +37,7 @@ import { Marked, Renderer } from "marked";
 import { useHotkeys } from "react-hotkeys-hook";
 
 //#region src/components/ThemeProvider.tsx
-const ThemeContext = React.createContext(void 0);
+const ThemeContext = React$1.createContext(void 0);
 const STORAGE_KEY = "emdash-theme";
 function getSystemTheme() {
 	if (typeof window === "undefined") return "light";
@@ -50,19 +50,19 @@ function getStoredTheme() {
 	return "system";
 }
 function ThemeProvider({ children, defaultTheme = "system" }) {
-	const [theme, setThemeState] = React.useState(() => {
+	const [theme, setThemeState] = React$1.useState(() => {
 		const stored = getStoredTheme();
 		return stored === "system" ? defaultTheme : stored;
 	});
-	const [resolvedTheme, setResolvedTheme] = React.useState(() => {
+	const [resolvedTheme, setResolvedTheme] = React$1.useState(() => {
 		if (theme === "system") return getSystemTheme();
 		return theme;
 	});
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (theme === "system") setResolvedTheme(getSystemTheme());
 		else setResolvedTheme(theme);
 	}, [theme]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (theme !== "system") return;
 		const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
 		const handler = (e) => {
@@ -71,16 +71,16 @@ function ThemeProvider({ children, defaultTheme = "system" }) {
 		mediaQuery.addEventListener("change", handler);
 		return () => mediaQuery.removeEventListener("change", handler);
 	}, [theme]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		const root = document.documentElement;
 		root.setAttribute("data-theme", "classic");
 		root.setAttribute("data-mode", resolvedTheme);
 	}, [resolvedTheme]);
-	const setTheme = React.useCallback((newTheme) => {
+	const setTheme = React$1.useCallback((newTheme) => {
 		setThemeState(newTheme);
 		localStorage.setItem(STORAGE_KEY, newTheme);
 	}, []);
-	const value = React.useMemo(() => ({
+	const value = React$1.useMemo(() => ({
 		theme,
 		setTheme,
 		resolvedTheme
@@ -95,7 +95,7 @@ function ThemeProvider({ children, defaultTheme = "system" }) {
 	});
 }
 function useTheme() {
-	const context = React.useContext(ThemeContext);
+	const context = React$1.useContext(ThemeContext);
 	if (context === void 0) throw new Error("useTheme must be used within a ThemeProvider");
 	return context;
 }
@@ -334,7 +334,7 @@ function ConfirmDialog({ open, onClose, title, description, confirmLabel, pendin
 */
 function CommentDetail({ comment, onClose, onStatusChange, onDelete, isAdmin, isStatusPending }) {
 	const { _: _t } = useLingui();
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		const handler = (e) => {
 			if (e.key === "Escape" && !e.defaultPrevented) {
 				e.preventDefault();
@@ -601,11 +601,11 @@ function CommentStatusBadge({ status }) {
 const PAGE_SIZE$1 = 20;
 function CommentInbox({ comments, counts, isLoading, nextCursor, collections, activeStatus, onStatusChange, collectionFilter, onCollectionFilterChange, searchQuery, onSearchChange, onCommentStatusChange, onCommentDelete, onBulkAction, onLoadMore, isAdmin, isStatusPending, deleteError, onDeleteErrorReset }) {
 	const { _: _t } = useLingui();
-	const [selected, setSelected] = React.useState(/* @__PURE__ */ new Set());
-	const [detailComment, setDetailComment] = React.useState(null);
-	const [deleteId, setDeleteId] = React.useState(null);
-	const [page, setPage] = React.useState(0);
-	React.useEffect(() => {
+	const [selected, setSelected] = React$1.useState(/* @__PURE__ */ new Set());
+	const [detailComment, setDetailComment] = React$1.useState(null);
+	const [deleteId, setDeleteId] = React$1.useState(null);
+	const [page, setPage] = React$1.useState(0);
+	React$1.useEffect(() => {
 		setSelected(/* @__PURE__ */ new Set());
 		setPage(0);
 	}, [
@@ -613,7 +613,7 @@ function CommentInbox({ comments, counts, isLoading, nextCursor, collections, ac
 		collectionFilter,
 		searchQuery
 	]);
-	const clearSelection = React.useCallback(() => setSelected(/* @__PURE__ */ new Set()), []);
+	const clearSelection = React$1.useCallback(() => setSelected(/* @__PURE__ */ new Set()), []);
 	const totalPages = Math.max(1, Math.ceil(comments.length / PAGE_SIZE$1));
 	const paginatedComments = comments.slice(page * PAGE_SIZE$1, (page + 1) * PAGE_SIZE$1);
 	const allOnPageSelected = paginatedComments.length > 0 && paginatedComments.every((c) => selected.has(c.id));
@@ -1901,19 +1901,26 @@ async function deleteByline(id) {
 //#endregion
 //#region src/lib/api/menus.ts
 /**
-* Menu management APIs
+* Menu management APIs.
+*
+* i18n: all endpoints accept an optional `locale`. When omitted, the server
+* returns or acts on all locales (legacy behaviour for clients that haven't
+* been updated yet).
 */
+function withLocale$1(path, locale) {
+	return locale ? `${path}${path.includes("?") ? "&" : "?"}locale=${encodeURIComponent(locale)}` : path;
+}
 /**
 * Fetch all menus
 */
-async function fetchMenus() {
-	return parseApiResponse(await apiFetch(`${API_BASE}/menus`), "Failed to fetch menus");
+async function fetchMenus(options = {}) {
+	return parseApiResponse(await apiFetch(withLocale$1(`${API_BASE}/menus`, options.locale)), "Failed to fetch menus");
 }
 /**
 * Fetch a single menu with items
 */
-async function fetchMenu(name) {
-	return parseApiResponse(await apiFetch(`${API_BASE}/menus/${name}`), "Failed to fetch menu");
+async function fetchMenu(name, options = {}) {
+	return parseApiResponse(await apiFetch(withLocale$1(`${API_BASE}/menus/${name}`, options.locale)), "Failed to fetch menu");
 }
 /**
 * Create a menu
@@ -1928,8 +1935,8 @@ async function createMenu(input) {
 /**
 * Update a menu
 */
-async function updateMenu(name, input) {
-	return parseApiResponse(await apiFetch(`${API_BASE}/menus/${name}`, {
+async function updateMenu(name, input, options = {}) {
+	return parseApiResponse(await apiFetch(withLocale$1(`${API_BASE}/menus/${name}`, options.locale), {
 		method: "PUT",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify(input)
@@ -1938,15 +1945,15 @@ async function updateMenu(name, input) {
 /**
 * Delete a menu
 */
-async function deleteMenu(name) {
-	const response = await apiFetch(`${API_BASE}/menus/${name}`, { method: "DELETE" });
+async function deleteMenu(name, options = {}) {
+	const response = await apiFetch(withLocale$1(`${API_BASE}/menus/${name}`, options.locale), { method: "DELETE" });
 	if (!response.ok) await throwResponseError(response, "Failed to delete menu");
 }
 /**
 * Create a menu item
 */
-async function createMenuItem(menuName, input) {
-	return parseApiResponse(await apiFetch(`${API_BASE}/menus/${menuName}/items`, {
+async function createMenuItem(menuName, input, options = {}) {
+	return parseApiResponse(await apiFetch(withLocale$1(`${API_BASE}/menus/${menuName}/items`, options.locale), {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify(input)
@@ -1955,8 +1962,8 @@ async function createMenuItem(menuName, input) {
 /**
 * Update a menu item
 */
-async function updateMenuItem(menuName, itemId, input) {
-	return parseApiResponse(await apiFetch(`${API_BASE}/menus/${menuName}/items?id=${itemId}`, {
+async function updateMenuItem(menuName, itemId, input, options = {}) {
+	return parseApiResponse(await apiFetch(withLocale$1(`${API_BASE}/menus/${menuName}/items?id=${itemId}`, options.locale), {
 		method: "PUT",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify(input)
@@ -1965,20 +1972,35 @@ async function updateMenuItem(menuName, itemId, input) {
 /**
 * Delete a menu item
 */
-async function deleteMenuItem(menuName, itemId) {
-	const response = await apiFetch(`${API_BASE}/menus/${menuName}/items?id=${itemId}`, { method: "DELETE" });
+async function deleteMenuItem(menuName, itemId, options = {}) {
+	const response = await apiFetch(withLocale$1(`${API_BASE}/menus/${menuName}/items?id=${itemId}`, options.locale), { method: "DELETE" });
 	if (!response.ok) await throwResponseError(response, "Failed to delete menu item");
 }
 /**
 * Reorder menu items
 */
-async function reorderMenuItems(menuName, input) {
-	return parseApiResponse(await apiFetch(`${API_BASE}/menus/${menuName}/reorder`, {
+async function reorderMenuItems(menuName, input, options = {}) {
+	return parseApiResponse(await apiFetch(withLocale$1(`${API_BASE}/menus/${menuName}/reorder`, options.locale), {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify(input)
 	}), "Failed to reorder menu items");
 }
+/** List every translation (locale variant) of a menu. */
+async function fetchMenuTranslations(name, options = {}) {
+	return parseApiResponse(await apiFetch(withLocale$1(`${API_BASE}/menus/${name}/translations`, options.locale)), "Failed to fetch menu translations");
+}
+/**
+* Create a new locale translation of a menu. The new menu inherits the
+* source's items and label unless overridden.
+*/
+async function createMenuTranslation(name, input, options = {}) {
+	return parseApiResponse(await apiFetch(withLocale$1(`${API_BASE}/menus/${name}/translations`, options.locale), {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify(input)
+	}), "Failed to create menu translation");
+}
 
 //#endregion
 //#region src/lib/api/widgets.ts
@@ -2112,19 +2134,27 @@ async function deleteSection(slug) {
 //#endregion
 //#region src/lib/api/taxonomies.ts
 /**
-* Taxonomies API (categories, tags, custom taxonomies)
+* Taxonomies API (categories, tags, custom taxonomies).
+*
+* All endpoints are locale-aware. When no `locale` option is passed we omit
+* the query param and the server falls back to its usual resolution (no
+* filter, returning every locale — same as pre-i18n behaviour for clients
+* that haven't yet been updated).
 */
+function withLocale(path, locale) {
+	return locale ? `${path}${path.includes("?") ? "&" : "?"}locale=${encodeURIComponent(locale)}` : path;
+}
 /**
 * Fetch all taxonomy definitions
 */
-async function fetchTaxonomyDefs() {
-	return (await parseApiResponse(await apiFetch(`${API_BASE}/taxonomies`), "Failed to fetch taxonomies")).taxonomies;
+async function fetchTaxonomyDefs(options = {}) {
+	return (await parseApiResponse(await apiFetch(withLocale(`${API_BASE}/taxonomies`, options.locale)), "Failed to fetch taxonomies")).taxonomies;
 }
 /**
 * Fetch taxonomy definition by name
 */
-async function fetchTaxonomyDef(name) {
-	return (await fetchTaxonomyDefs()).find((t) => t.name === name) || null;
+async function fetchTaxonomyDef(name, options = {}) {
+	return (await fetchTaxonomyDefs(options)).find((t) => t.name === name) || null;
 }
 /**
 * Create a custom taxonomy definition
@@ -2139,8 +2169,8 @@ async function createTaxonomy(input) {
 /**
 * Fetch terms for a taxonomy
 */
-async function fetchTerms(taxonomyName) {
-	return (await parseApiResponse(await apiFetch(`${API_BASE}/taxonomies/${taxonomyName}/terms`), "Failed to fetch terms")).terms;
+async function fetchTerms(taxonomyName, options = {}) {
+	return (await parseApiResponse(await apiFetch(withLocale(`${API_BASE}/taxonomies/${taxonomyName}/terms`, options.locale)), "Failed to fetch terms")).terms;
 }
 /**
 * Create a term
@@ -2155,8 +2185,8 @@ async function createTerm(taxonomyName, input) {
 /**
 * Update a term
 */
-async function updateTerm(taxonomyName, slug, input) {
-	return (await parseApiResponse(await apiFetch(`${API_BASE}/taxonomies/${taxonomyName}/terms/${slug}`, {
+async function updateTerm(taxonomyName, slug, input, options = {}) {
+	return (await parseApiResponse(await apiFetch(withLocale(`${API_BASE}/taxonomies/${taxonomyName}/terms/${slug}`, options.locale), {
 		method: "PUT",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify(input)
@@ -2165,10 +2195,25 @@ async function updateTerm(taxonomyName, slug, input) {
 /**
 * Delete a term
 */
-async function deleteTerm(taxonomyName, slug) {
-	const response = await apiFetch(`${API_BASE}/taxonomies/${taxonomyName}/terms/${slug}`, { method: "DELETE" });
+async function deleteTerm(taxonomyName, slug, options = {}) {
+	const response = await apiFetch(withLocale(`${API_BASE}/taxonomies/${taxonomyName}/terms/${slug}`, options.locale), { method: "DELETE" });
 	if (!response.ok) await throwResponseError(response, "Failed to delete term");
 }
+/** List every translation (locale variant) of a term. */
+async function fetchTermTranslations(taxonomyName, slug, options = {}) {
+	return parseApiResponse(await apiFetch(withLocale(`${API_BASE}/taxonomies/${taxonomyName}/terms/${slug}/translations`, options.locale)), "Failed to fetch term translations");
+}
+/**
+* Create a new locale translation of a term. The new term inherits slug,
+* label, parent, and description from the source unless overridden in `input`.
+*/
+async function createTermTranslation(taxonomyName, slug, input, options = {}) {
+	return (await parseApiResponse(await apiFetch(withLocale(`${API_BASE}/taxonomies/${taxonomyName}/terms/${slug}/translations`, options.locale), {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify(input)
+	}), "Failed to create term translation")).term;
+}
 
 //#endregion
 //#region src/lib/api/import.ts
@@ -2715,6 +2760,44 @@ function fromDatetimeLocalInputValue(value) {
 	return value === "" ? "" : `${value}:00.000Z`;
 }
 
+//#endregion
+//#region src/lib/media-utils.ts
+function providerItemToMediaItem(providerId, item) {
+	return {
+		id: item.id,
+		filename: item.filename,
+		mimeType: item.mimeType,
+		url: item.previewUrl || "",
+		size: item.size || 0,
+		width: item.width,
+		height: item.height,
+		alt: item.alt,
+		createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+		provider: providerId,
+		meta: item.meta
+	};
+}
+function getFileIcon(mimeType) {
+	if (mimeType.startsWith("video/")) return "🎬";
+	if (mimeType.startsWith("audio/")) return "🎵";
+	if (mimeType.includes("pdf")) return "📄";
+	if (mimeType.includes("document") || mimeType.includes("word")) return "📝";
+	if (mimeType.includes("spreadsheet") || mimeType.includes("excel")) return "📊";
+	return "📁";
+}
+function formatFileSize(bytes) {
+	if (bytes === 0) return "0 B";
+	const k = 1024;
+	const sizes = [
+		"B",
+		"KB",
+		"MB",
+		"GB"
+	];
+	const i = Math.floor(Math.log(bytes) / Math.log(k));
+	return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + " " + sizes[i];
+}
+
 //#endregion
 //#region src/lib/url.ts
 /**
@@ -2767,44 +2850,6 @@ function safeIconUrl(url, width) {
 	}
 }
 
-//#endregion
-//#region src/lib/media-utils.ts
-function providerItemToMediaItem(providerId, item) {
-	return {
-		id: item.id,
-		filename: item.filename,
-		mimeType: item.mimeType,
-		url: item.previewUrl || "",
-		size: item.size || 0,
-		width: item.width,
-		height: item.height,
-		alt: item.alt,
-		createdAt: (/* @__PURE__ */ new Date()).toISOString(),
-		provider: providerId,
-		meta: item.meta
-	};
-}
-function getFileIcon(mimeType) {
-	if (mimeType.startsWith("video/")) return "🎬";
-	if (mimeType.startsWith("audio/")) return "🎵";
-	if (mimeType.includes("pdf")) return "📄";
-	if (mimeType.includes("document") || mimeType.includes("word")) return "📝";
-	if (mimeType.includes("spreadsheet") || mimeType.includes("excel")) return "📊";
-	return "📁";
-}
-function formatFileSize(bytes) {
-	if (bytes === 0) return "0 B";
-	const k = 1024;
-	const sizes = [
-		"B",
-		"KB",
-		"MB",
-		"GB"
-	];
-	const i = Math.floor(Math.log(bytes) / Math.log(k));
-	return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + " " + sizes[i];
-}
-
 //#endregion
 //#region src/components/MediaPickerModal.tsx
 /**
@@ -2832,22 +2877,41 @@ function probeImageDimensions(url) {
 		img.src = url;
 	});
 }
-function MediaPickerModal({ open, onOpenChange, onSelect, mimeTypeFilter = "image/", title: providedTitle }) {
+function MediaPickerModal({ open, onOpenChange, onSelect, mimeTypeFilter = "image/", title: providedTitle, hideUrlInput = false, mediaKind = "image" }) {
 	const { _: _t } = useLingui();
-	const title = providedTitle ?? _t({
+	const isFileKind = mediaKind === "file";
+	const title = providedTitle ?? (isFileKind ? _t({
+		id: "+Xjyeo",
+		message: "Select File"
+	}) : _t({
 		id: "bAiEJP",
 		message: "Select Image"
+	}));
+	const emptyStateUploadHint = isFileKind ? _t({
+		id: "R5f0DH",
+		message: "Upload a file to get started"
+	}) : _t({
+		id: "pzjc9K",
+		message: "Upload an image to get started"
+	});
+	const emptyStateUploadCta = isFileKind ? _t({
+		id: "IQ3gAw",
+		message: "Upload File"
+	}) : _t({
+		id: "lnCMdg",
+		message: "Upload Image"
 	});
+	const EmptyStateIcon = isFileKind ? Paperclip : Image$1;
 	const queryClient = useQueryClient();
-	const [selectedItem, setSelectedItem] = React.useState(null);
-	const [activeProvider, setActiveProvider] = React.useState("local");
-	const [searchQuery, setSearchQuery] = React.useState("");
-	const fileInputRef = React.useRef(null);
-	const [imageUrl, setImageUrl] = React.useState("");
-	const [isProbing, setIsProbing] = React.useState(false);
-	const [urlError, setUrlError] = React.useState(null);
-	const [providerDimensions, setProviderDimensions] = React.useState({});
-	React.useEffect(() => {
+	const [selectedItem, setSelectedItem] = React$1.useState(null);
+	const [activeProvider, setActiveProvider] = React$1.useState("local");
+	const [searchQuery, setSearchQuery] = React$1.useState("");
+	const fileInputRef = React$1.useRef(null);
+	const [imageUrl, setImageUrl] = React$1.useState("");
+	const [isProbing, setIsProbing] = React$1.useState(false);
+	const [urlError, setUrlError] = React$1.useState(null);
+	const [providerDimensions, setProviderDimensions] = React$1.useState({});
+	React$1.useEffect(() => {
 		if (open) {
 			setSelectedItem(null);
 			setActiveProvider("local");
@@ -2864,7 +2928,7 @@ function MediaPickerModal({ open, onOpenChange, onSelect, mimeTypeFilter = "imag
 		enabled: open,
 		placeholderData: []
 	});
-	const activeProviderInfo = React.useMemo(() => {
+	const activeProviderInfo = React$1.useMemo(() => {
 		if (activeProvider === "local") return {
 			id: "local",
 			name: "Library",
@@ -2901,7 +2965,7 @@ function MediaPickerModal({ open, onOpenChange, onSelect, mimeTypeFilter = "imag
 		enabled: open && activeProvider !== "local"
 	});
 	const isLoading = activeProvider === "local" ? localLoading : providerLoading;
-	const [uploadError, setUploadError] = React.useState(null);
+	const [uploadError, setUploadError] = React$1.useState(null);
 	const uploadLocalMutation = useMutation({
 		mutationFn: (file) => uploadMedia(file),
 		onSuccess: (item) => {
@@ -2931,7 +2995,7 @@ function MediaPickerModal({ open, onOpenChange, onSelect, mimeTypeFilter = "imag
 		}
 	});
 	const isUploading = uploadLocalMutation.isPending || uploadProviderMutation.isPending;
-	const updatedDimensionsRef = React.useRef(/* @__PURE__ */ new Set());
+	const updatedDimensionsRef = React$1.useRef(/* @__PURE__ */ new Set());
 	const dimensionsMutation = useMutation({
 		mutationFn: ({ id, width, height }) => updateMedia(id, {
 			width,
@@ -2962,7 +3026,7 @@ function MediaPickerModal({ open, onOpenChange, onSelect, mimeTypeFilter = "imag
 			console.warn("Failed to update media dimensions:", error);
 		}
 	});
-	const handleDimensionsDetected = React.useCallback((id, width, height) => {
+	const handleDimensionsDetected = React$1.useCallback((id, width, height) => {
 		if (updatedDimensionsRef.current.has(id)) return;
 		updatedDimensionsRef.current.add(id);
 		dimensionsMutation.mutate({
@@ -2971,7 +3035,7 @@ function MediaPickerModal({ open, onOpenChange, onSelect, mimeTypeFilter = "imag
 			height
 		});
 	}, [dimensionsMutation]);
-	const items = React.useMemo(() => {
+	const items = React$1.useMemo(() => {
 		if (activeProvider === "local") {
 			const localItems = localData?.items || [];
 			if (!mimeTypeFilter) return localItems;
@@ -3064,7 +3128,7 @@ function MediaPickerModal({ open, onOpenChange, onSelect, mimeTypeFilter = "imag
 	};
 	const canUpload = activeProvider === "local" || (activeProviderInfo?.capabilities.upload ?? false);
 	const canSearch = activeProviderInfo?.capabilities.search ?? false;
-	const providerTabs = React.useMemo(() => {
+	const providerTabs = React$1.useMemo(() => {
 		const tabs = [{
 			id: "local",
 			name: "Library",
@@ -3115,7 +3179,7 @@ function MediaPickerModal({ open, onOpenChange, onSelect, mimeTypeFilter = "imag
 						})
 					})]
 				}),
-				/* @__PURE__ */ jsxs("div", {
+				!hideUrlInput && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
 					className: "border-b pb-4",
 					children: [
 						/* @__PURE__ */ jsx(Label, { children: _t({
@@ -3155,8 +3219,7 @@ function MediaPickerModal({ open, onOpenChange, onSelect, mimeTypeFilter = "imag
 							children: urlError
 						})
 					]
-				}),
-				/* @__PURE__ */ jsxs("div", {
+				}), /* @__PURE__ */ jsxs("div", {
 					className: "relative py-2",
 					children: [/* @__PURE__ */ jsx("div", {
 						className: "absolute inset-0 flex items-center",
@@ -3171,7 +3234,7 @@ function MediaPickerModal({ open, onOpenChange, onSelect, mimeTypeFilter = "imag
 							})
 						})
 					})]
-				}),
+				})] }),
 				providerTabs.length > 1 && /* @__PURE__ */ jsx("div", {
 					className: "flex gap-2 border-b pb-3 flex-wrap",
 					children: providerTabs.map((tab) => /* @__PURE__ */ jsxs("button", {
@@ -3255,7 +3318,7 @@ function MediaPickerModal({ open, onOpenChange, onSelect, mimeTypeFilter = "imag
 					}) : items.length === 0 ? /* @__PURE__ */ jsxs("div", {
 						className: "flex flex-col items-center justify-center h-full text-center p-8",
 						children: [
-							/* @__PURE__ */ jsx(Image$1, {
+							/* @__PURE__ */ jsx(EmptyStateIcon, {
 								className: "h-12 w-12 text-kumo-subtle mb-4",
 								"aria-hidden": "true"
 							}),
@@ -3271,10 +3334,7 @@ function MediaPickerModal({ open, onOpenChange, onSelect, mimeTypeFilter = "imag
 								children: canSearch && searchQuery ? _t({
 									id: "jKoZME",
 									message: "Try a different search term"
-								}) : canUpload ? _t({
-									id: "pzjc9K",
-									message: "Upload an image to get started"
-								}) : _t({
+								}) : canUpload ? emptyStateUploadHint : _t({
 									id: "IbZjS1",
 									message: "No media available from this provider"
 								})
@@ -3283,10 +3343,7 @@ function MediaPickerModal({ open, onOpenChange, onSelect, mimeTypeFilter = "imag
 								className: "mt-4",
 								icon: /* @__PURE__ */ jsx(Upload, {}),
 								onClick: () => fileInputRef.current?.click(),
-								children: _t({
-									id: "lnCMdg",
-									message: "Upload Image"
-								})
+								children: emptyStateUploadCta
 							})
 						]
 					}) : /* @__PURE__ */ jsx("ul", {
@@ -3384,7 +3441,7 @@ function MediaPickerItem({ item, selected, onClick, onDoubleClick, onDimensionsD
 	const { _: _t2 } = useLingui();
 	const isImage = item.mimeType.startsWith("image/");
 	const needsDimensions = isImage && (!item.width || !item.height);
-	const handleImageLoad = React.useCallback((e) => {
+	const handleImageLoad = React$1.useCallback((e) => {
 		if (needsDimensions && onDimensionsDetected) {
 			const img = e.currentTarget;
 			if (img.naturalWidth && img.naturalHeight) onDimensionsDetected(item.id, img.naturalWidth, img.naturalHeight);
@@ -3451,7 +3508,7 @@ function ProviderMediaItem({ item, selected, onClick, onDoubleClick, onDimension
 	const { _: _t3 } = useLingui();
 	const isImage = item.mimeType.startsWith("image/");
 	const needsDimensions = isImage && (!item.width || !item.height);
-	const handleImageLoad = React.useCallback((e) => {
+	const handleImageLoad = React$1.useCallback((e) => {
 		if (needsDimensions && onDimensionsLoaded) {
 			const img = e.currentTarget;
 			if (img.naturalWidth && img.naturalHeight) onDimensionsLoaded(img.naturalWidth, img.naturalHeight);
@@ -3524,7 +3581,7 @@ function ProviderMediaItem({ item, selected, onClick, onDoubleClick, onDimension
 */
 function BlockKitMediaPickerField({ actionId, label, placeholder, mimeTypeFilter, value, onChange }) {
 	const { _: _t } = useLingui();
-	const [pickerOpen, setPickerOpen] = React.useState(false);
+	const [pickerOpen, setPickerOpen] = React$1.useState(false);
 	const url = typeof value === "string" && value.length > 0 ? value : "";
 	const filter = mimeTypeFilter ?? "image/";
 	const canPreview = isSafePreviewUrl(url);
@@ -3625,9 +3682,9 @@ function isSafePreviewUrl(url) {
 */
 function BlockKitFieldWidget({ label, elements, value, onChange }) {
 	const obj = value && typeof value === "object" ? value : {};
-	const objRef = React.useRef(obj);
+	const objRef = React$1.useRef(obj);
 	objRef.current = obj;
-	const handleElementChange = React.useCallback((actionId, elementValue) => {
+	const handleElementChange = React$1.useCallback((actionId, elementValue) => {
 		onChange({
 			...objRef.current,
 			[actionId]: elementValue
@@ -3765,10 +3822,10 @@ function findCurrentHeading(headings, cursorPos) {
 */
 function DocumentOutline({ editor, className }) {
 	const { _: _t } = useLingui();
-	const [isExpanded, setIsExpanded] = React.useState(true);
-	const [headings, setHeadings] = React.useState([]);
-	const [currentPos, setCurrentPos] = React.useState(0);
-	React.useEffect(() => {
+	const [isExpanded, setIsExpanded] = React$1.useState(true);
+	const [headings, setHeadings] = React$1.useState([]);
+	const [currentPos, setCurrentPos] = React$1.useState(0);
+	React$1.useEffect(() => {
 		if (!editor) return;
 		const updateHeadings = () => {
 			setHeadings(extractHeadings(editor));
@@ -3779,7 +3836,7 @@ function DocumentOutline({ editor, className }) {
 			editor.off("update", updateHeadings);
 		};
 	}, [editor]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (!editor) return;
 		const updatePosition = () => {
 			const { from } = editor.state.selection;
@@ -3841,7 +3898,7 @@ function DocumentOutline({ editor, className }) {
 * Error boundary that wraps trusted plugin field widgets.
 * On render error, shows a warning with a retry button instead of crashing the editor.
 */
-var PluginFieldErrorBoundary = class extends React.Component {
+var PluginFieldErrorBoundary = class extends React$1.Component {
 	constructor(props) {
 		super(props);
 		this.state = { hasError: false };
@@ -3902,9 +3959,9 @@ function stripKeys$1(items) {
 function RepeaterField({ label, id, value, onChange, subFields, minItems = 0, maxItems }) {
 	const { _: _t } = useLingui();
 	const rawItems = Array.isArray(value) ? value : [];
-	const [items, setItems] = React.useState(() => ensureKeys$1(rawItems));
-	const [collapsedItems, setCollapsedItems] = React.useState(/* @__PURE__ */ new Set());
-	React.useEffect(() => {
+	const [items, setItems] = React$1.useState(() => ensureKeys$1(rawItems));
+	const [collapsedItems, setCollapsedItems] = React$1.useState(/* @__PURE__ */ new Set());
+	React$1.useEffect(() => {
 		const incoming = Array.isArray(value) ? value : [];
 		setItems((prev) => incoming.map((item, i) => {
 			const obj = typeof item === "object" && item !== null ? item : {};
@@ -4157,11 +4214,11 @@ function SubFieldInput({ subField, value, onChange }) {
 * callback identity changes.
 */
 function useStableCallback(callback) {
-	const ref = React.useRef(callback);
-	React.useLayoutEffect(() => {
+	const ref = React$1.useRef(callback);
+	React$1.useLayoutEffect(() => {
 		ref.current = callback;
 	});
-	return React.useCallback((...args) => ref.current(...args), []);
+	return React$1.useCallback((...args) => ref.current(...args), []);
 }
 /**
 * Returns a debounced version of a value that only updates after the
@@ -4169,8 +4226,8 @@ function useStableCallback(callback) {
 * inputs that trigger API calls.
 */
 function useDebouncedValue$1(value, delay) {
-	const [debouncedValue, setDebouncedValue] = React.useState(value);
-	React.useEffect(() => {
+	const [debouncedValue, setDebouncedValue] = React$1.useState(value);
+	React$1.useEffect(() => {
 		const timer = setTimeout(setDebouncedValue, delay, value);
 		return () => clearTimeout(timer);
 	}, [value, delay]);
@@ -4192,13 +4249,13 @@ function useDebouncedValue$1(value, delay) {
 */
 function ImageDetailPanel({ attributes, onUpdate, onReplace, onDelete, onClose, inline = false }) {
 	const { _: _t } = useLingui();
-	const [alt, setAlt] = React.useState(attributes.alt ?? "");
-	const [caption, setCaption] = React.useState(attributes.caption ?? "");
-	const [title, setTitle] = React.useState(attributes.title ?? "");
-	const [showMediaPicker, setShowMediaPicker] = React.useState(false);
-	const [displayWidth, setDisplayWidth] = React.useState(attributes.displayWidth ?? attributes.width);
-	const [displayHeight, setDisplayHeight] = React.useState(attributes.displayHeight ?? attributes.height);
-	const [lockAspectRatio, setLockAspectRatio] = React.useState(true);
+	const [alt, setAlt] = React$1.useState(attributes.alt ?? "");
+	const [caption, setCaption] = React$1.useState(attributes.caption ?? "");
+	const [title, setTitle] = React$1.useState(attributes.title ?? "");
+	const [showMediaPicker, setShowMediaPicker] = React$1.useState(false);
+	const [displayWidth, setDisplayWidth] = React$1.useState(attributes.displayWidth ?? attributes.width);
+	const [displayHeight, setDisplayHeight] = React$1.useState(attributes.displayHeight ?? attributes.height);
+	const [lockAspectRatio, setLockAspectRatio] = React$1.useState(true);
 	const aspectRatio = attributes.width && attributes.height ? attributes.width / attributes.height : void 0;
 	const handleWidthChange = (value) => {
 		const newWidth = value ? parseInt(value, 10) : void 0;
@@ -4227,7 +4284,7 @@ function ImageDetailPanel({ attributes, onUpdate, onReplace, onDelete, onClose,
 		setShowMediaPicker(false);
 		onClose();
 	};
-	const hasChanges = React.useMemo(() => {
+	const hasChanges = React$1.useMemo(() => {
 		const originalDisplayWidth = attributes.displayWidth ?? attributes.width;
 		const originalDisplayHeight = attributes.displayHeight ?? attributes.height;
 		return alt !== (attributes.alt ?? "") || caption !== (attributes.caption ?? "") || title !== (attributes.title ?? "") || displayWidth !== originalDisplayWidth || displayHeight !== originalDisplayHeight;
@@ -4249,13 +4306,13 @@ function ImageDetailPanel({ attributes, onUpdate, onReplace, onDelete, onClose,
 		});
 		onClose();
 	};
-	const [showDeleteConfirm, setShowDeleteConfirm] = React.useState(false);
+	const [showDeleteConfirm, setShowDeleteConfirm] = React$1.useState(false);
 	const handleDelete = () => {
 		setShowDeleteConfirm(true);
 	};
 	const stableOnClose = useStableCallback(onClose);
 	const stableHandleSave = useStableCallback(handleSave);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		const handleKeyDown = (e) => {
 			if (e.key === "Escape") stableOnClose();
 			if ((e.metaKey || e.ctrlKey) && e.key === "s") {
@@ -5197,8 +5254,8 @@ const blockTransforms = [
 */
 function BlockMenu({ editor, anchorElement, isOpen, onClose }) {
 	const { _: _t } = useLingui();
-	const [showTransforms, setShowTransforms] = React.useState(false);
-	const menuRef = React.useRef(null);
+	const [showTransforms, setShowTransforms] = React$1.useState(false);
+	const menuRef = React$1.useRef(null);
 	const stableOnClose = useStableCallback(onClose);
 	const { refs, floatingStyles } = useFloating({
 		open: isOpen,
@@ -5213,10 +5270,10 @@ function BlockMenu({ editor, anchorElement, isOpen, onClose }) {
 		],
 		whileElementsMounted: autoUpdate
 	});
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (anchorElement) refs.setReference(anchorElement);
 	}, [anchorElement, refs]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (!isOpen) return;
 		const handleKeyDown = (e) => {
 			if (e.key === "Escape") {
@@ -5232,7 +5289,7 @@ function BlockMenu({ editor, anchorElement, isOpen, onClose }) {
 		stableOnClose,
 		showTransforms
 	]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (!isOpen) return;
 		const handleClickOutside = (e) => {
 			const target = e.target;
@@ -5248,7 +5305,7 @@ function BlockMenu({ editor, anchorElement, isOpen, onClose }) {
 			document.removeEventListener("mousedown", handleClickOutside);
 		};
 	}, [isOpen, stableOnClose]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (!isOpen) setShowTransforms(false);
 	}, [isOpen]);
 	const handleDuplicate = () => {
@@ -5341,11 +5398,11 @@ function BlockMenu({ editor, anchorElement, isOpen, onClose }) {
 * DragHandleWrapper - Official TipTap drag handle with BlockMenu integration
 */
 function DragHandleWrapper({ editor }) {
-	const [hoveredNode, setHoveredNode] = React.useState(null);
-	const [menuOpen, setMenuOpen] = React.useState(false);
-	const [menuAnchor, setMenuAnchor] = React.useState(null);
-	const handleRef = React.useRef(null);
-	const handleClick = React.useCallback((e) => {
+	const [hoveredNode, setHoveredNode] = React$1.useState(null);
+	const [menuOpen, setMenuOpen] = React$1.useState(false);
+	const [menuAnchor, setMenuAnchor] = React$1.useState(null);
+	const handleRef = React$1.useRef(null);
+	const handleClick = React$1.useCallback((e) => {
 		e.preventDefault();
 		e.stopPropagation();
 		if (!hoveredNode) return;
@@ -5354,21 +5411,21 @@ function DragHandleWrapper({ editor }) {
 		setMenuOpen(true);
 		editor.commands.lockDragHandle();
 	}, [editor, hoveredNode]);
-	const handleCloseMenu = React.useCallback(() => {
+	const handleCloseMenu = React$1.useCallback(() => {
 		setMenuOpen(false);
 		setMenuAnchor(null);
 		editor.commands.unlockDragHandle();
 	}, [editor]);
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DragHandle, {
 		editor,
-		onNodeChange: React.useCallback((data) => {
+		onNodeChange: React$1.useCallback((data) => {
 			if (data.node) setHoveredNode({
 				node: data.node,
 				pos: data.pos
 			});
 			else if (!menuOpen) setHoveredNode(null);
 		}, [menuOpen]),
-		computePositionConfig: React.useMemo(() => ({
+		computePositionConfig: React$1.useMemo(() => ({
 			placement: "left-start",
 			strategy: "absolute"
 		}), []),
@@ -5402,10 +5459,10 @@ function DragHandleWrapper({ editor }) {
 * - Delete/replace options
 */
 function ImageNodeView({ node, updateAttributes, selected, deleteNode, editor }) {
-	const [isEditingAlt, setIsEditingAlt] = React.useState(false);
-	const [altText, setAltText] = React.useState(node.attrs.alt || "");
+	const [isEditingAlt, setIsEditingAlt] = React$1.useState(false);
+	const [altText, setAltText] = React$1.useState(node.attrs.alt || "");
 	/** Whether this node currently has its sidebar panel open */
-	const sidebarOpenRef = React.useRef(false);
+	const sidebarOpenRef = React$1.useRef(false);
 	const handleSaveAlt = () => {
 		updateAttributes({ alt: altText });
 		setIsEditingAlt(false);
@@ -5419,7 +5476,7 @@ function ImageNodeView({ node, updateAttributes, selected, deleteNode, editor })
 			setIsEditingAlt(false);
 		}
 	};
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		setAltText(node.attrs.alt || "");
 	}, [node.attrs.alt]);
 	const getImageAttrs = () => ({
@@ -5461,7 +5518,7 @@ function ImageNodeView({ node, updateAttributes, selected, deleteNode, editor })
 		if (sidebarOpenRef.current) closeSidebar();
 		else openSidebar();
 	};
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (!selected) closeSidebar();
 	}, [selected]);
 	return /* @__PURE__ */ jsx(NodeViewWrapper, {
@@ -5782,10 +5839,10 @@ function PluginBlockNodeView({ node, updateAttributes, selected, deleteNode, edi
 	const { Icon, label, color, placeholder } = getEmbedMeta(blockType, registry);
 	const blockDef = registry.get(blockType);
 	const hasFields = blockDef?.fields && blockDef.fields.length > 0;
-	const [isEditing, setIsEditing] = React.useState(false);
-	const [editValue, setEditValue] = React.useState(id || "");
-	const inputRef = React.useRef(null);
-	React.useEffect(() => {
+	const [isEditing, setIsEditing] = React$1.useState(false);
+	const [editValue, setEditValue] = React$1.useState(id || "");
+	const inputRef = React$1.useRef(null);
+	React$1.useEffect(() => {
 		if (isEditing) {
 			setEditValue(id || "");
 			setTimeout(() => inputRef.current?.focus(), 0);
@@ -6006,7 +6063,7 @@ const PluginBlockExtension = Node$1.create({
 */
 function SectionPickerModal({ open, onOpenChange, onSelect }) {
 	const { _: _t } = useLingui();
-	const [searchQuery, setSearchQuery] = React.useState("");
+	const [searchQuery, setSearchQuery] = React$1.useState("");
 	const debouncedSearch = useDebouncedValue$1(searchQuery, 300);
 	const { data: sectionsData, isLoading: sectionsLoading } = useQuery({
 		queryKey: ["sections", { search: debouncedSearch }],
@@ -6014,7 +6071,7 @@ function SectionPickerModal({ open, onOpenChange, onSelect }) {
 		enabled: open
 	});
 	const sections = sectionsData?.items ?? [];
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (open) setSearchQuery("");
 	}, [open]);
 	const handleSelect = (section) => {
@@ -6805,7 +6862,7 @@ function createSlashCommandsExtension(options) {
 */
 function SlashCommandMenu({ state, onCommand, onClose: _onClose, setSelectedIndex }) {
 	const { _: _t } = useLingui();
-	const containerRef = React.useRef(null);
+	const containerRef = React$1.useRef(null);
 	const { refs, floatingStyles } = useFloating({
 		open: state.isOpen,
 		placement: "bottom-start",
@@ -6816,13 +6873,13 @@ function SlashCommandMenu({ state, onCommand, onClose: _onClose, setSelectedInde
 		],
 		whileElementsMounted: autoUpdate
 	});
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (state.clientRect) {
 			const clientRectFn = state.clientRect;
 			refs.setReference({ getBoundingClientRect: () => clientRectFn() ?? new DOMRect() });
 		}
 	}, [state.clientRect, refs]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (!state.isOpen) return;
 		const container = containerRef.current;
 		if (!container) return;
@@ -6886,9 +6943,9 @@ function hasPluginBlockFormData(values) {
 * Otherwise falls back to a simple URL input.
 */
 function PluginBlockModal({ block, initialValues, onClose, onInsert }) {
-	const [formValues, setFormValues] = React.useState({});
-	const inputRef = React.useRef(null);
-	React.useEffect(() => {
+	const [formValues, setFormValues] = React$1.useState({});
+	const inputRef = React$1.useRef(null);
+	React$1.useEffect(() => {
 		if (block) {
 			setFormValues(buildPluginBlockFormValues(block, initialValues));
 			if (!block.fields || block.fields.length === 0) setTimeout(() => inputRef.current?.focus(), 0);
@@ -7074,12 +7131,12 @@ function stripKeys(items) {
 }
 function BlockKitRepeater({ field, pluginId, value, onChange }) {
 	const { _: _t2 } = useLingui();
-	const rawItems = React.useMemo(() => Array.isArray(value) ? value : [], [value]);
-	const [items, setItems] = React.useState(() => ensureKeys(rawItems));
-	const [expanded, setExpanded] = React.useState(/* @__PURE__ */ new Set());
+	const rawItems = React$1.useMemo(() => Array.isArray(value) ? value : [], [value]);
+	const [items, setItems] = React$1.useState(() => ensureKeys(rawItems));
+	const [expanded, setExpanded] = React$1.useState(/* @__PURE__ */ new Set());
 	const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }));
-	const lastEmittedRef = React.useRef(null);
-	React.useEffect(() => {
+	const lastEmittedRef = React$1.useRef(null);
+	React$1.useEffect(() => {
 		if (lastEmittedRef.current === rawItems) return;
 		setItems((prev) => rawItems.map((item, i) => {
 			const obj = typeof item === "object" && item !== null ? item : {};
@@ -7291,9 +7348,9 @@ function BlockKitRepeaterItem({ item, index, fields, pluginId, isCollapsed, onTo
 * When `optionsRoute` is set, fetches `{ items: [{ id, name }] }` from the plugin route.
 */
 function DynamicSelect({ field, pluginId, value, onChange }) {
-	const [dynamicOptions, setDynamicOptions] = React.useState(null);
-	const [loading, setLoading] = React.useState(false);
-	React.useEffect(() => {
+	const [dynamicOptions, setDynamicOptions] = React$1.useState(null);
+	const [loading, setLoading] = React$1.useState(false);
+	React$1.useEffect(() => {
 		if (!field.optionsRoute || !pluginId) return;
 		const controller = new AbortController();
 		setLoading(true);
@@ -7385,34 +7442,34 @@ function EditorFooter({ editor }) {
 */
 function PortableTextEditor({ value, onChange, placeholder = "Start writing...", className, editable = true, "aria-labelledby": ariaLabelledby, pluginBlocks = [], focusMode: controlledFocusMode, onFocusModeChange, onEditorReady, minimal = false, onBlockSidebarOpen, onBlockSidebarClose }) {
 	const { _: _t4 } = useLingui();
-	const onChangeRef = React.useRef(onChange);
-	React.useEffect(() => {
+	const onChangeRef = React$1.useRef(onChange);
+	React$1.useEffect(() => {
 		onChangeRef.current = onChange;
 	}, [onChange]);
-	const [internalFocusMode, setInternalFocusMode] = React.useState("normal");
+	const [internalFocusMode, setInternalFocusMode] = React$1.useState("normal");
 	const focusMode = controlledFocusMode ?? internalFocusMode;
 	const setFocusMode = (mode) => {
 		if (onFocusModeChange) onFocusModeChange(mode);
 		else setInternalFocusMode(mode);
 	};
-	const [mediaPickerOpen, setMediaPickerOpen] = React.useState(false);
-	const [pluginBlockModal, setPluginBlockModal] = React.useState(null);
-	const [pluginBlockInitialValues, setPluginBlockInitialValues] = React.useState(void 0);
+	const [mediaPickerOpen, setMediaPickerOpen] = React$1.useState(false);
+	const [pluginBlockModal, setPluginBlockModal] = React$1.useState(null);
+	const [pluginBlockInitialValues, setPluginBlockInitialValues] = React$1.useState(void 0);
 	/** When editing an existing block, store the node position for updateAttributes */
-	const editingBlockPosRef = React.useRef(null);
-	const [sectionPickerOpen, setSectionPickerOpen] = React.useState(false);
-	const [slashMenuState, setSlashMenuState] = React.useState({
+	const editingBlockPosRef = React$1.useRef(null);
+	const [sectionPickerOpen, setSectionPickerOpen] = React$1.useState(false);
+	const [slashMenuState, setSlashMenuState] = React$1.useState({
 		isOpen: false,
 		items: [],
 		selectedIndex: 0,
 		clientRect: null,
 		range: null
 	});
-	const slashMenuStateRef = React.useRef(slashMenuState);
-	React.useEffect(() => {
+	const slashMenuStateRef = React$1.useRef(slashMenuState);
+	React$1.useEffect(() => {
 		slashMenuStateRef.current = slashMenuState;
 	}, [slashMenuState]);
-	const slashCommands = React.useMemo(() => {
+	const slashCommands = React$1.useMemo(() => {
 		const cmds = [...defaultSlashCommands];
 		cmds.push({
 			id: "image",
@@ -7486,7 +7543,7 @@ function PortableTextEditor({ value, onChange, placeholder = "Start writing...",
 		});
 		return cmds;
 	}, [pluginBlocks, _t4]);
-	const filterCommandsRef = React.useRef((_q) => []);
+	const filterCommandsRef = React$1.useRef((_q) => []);
 	filterCommandsRef.current = (query) => {
 		if (!query) return slashCommands;
 		const searchText = query.toLowerCase();
@@ -7500,9 +7557,9 @@ function PortableTextEditor({ value, onChange, placeholder = "Start writing...",
 		}
 		return [...titleMatches, ...otherMatches];
 	};
-	const initialContent = React.useMemo(() => portableTextToProsemirror(value || []), []);
+	const initialContent = React$1.useMemo(() => portableTextToProsemirror(value || []), []);
 	const editor = useEditor({
-		extensions: React.useMemo(() => [
+		extensions: React$1.useMemo(() => [
 			StarterKit.configure({
 				heading: { levels: [
 					1,
@@ -7546,7 +7603,7 @@ function PortableTextEditor({ value, onChange, placeholder = "Start writing...",
 		content: initialContent,
 		editable,
 		immediatelyRender: true,
-		editorProps: React.useMemo(() => ({ attributes: {
+		editorProps: React$1.useMemo(() => ({ attributes: {
 			class: "prose prose-sm sm:prose-base dark:prose-invert max-w-none focus:outline-none min-h-[200px] p-4",
 			dir: "auto"
 		} }), []),
@@ -7555,7 +7612,7 @@ function PortableTextEditor({ value, onChange, placeholder = "Start writing...",
 			if (cb) cb(prosemirrorToPortableText(updatedEditor.getJSON()));
 		}
 	});
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (editor && onEditorReady) {
 			onEditorReady(editor);
 			return () => {
@@ -7563,10 +7620,10 @@ function PortableTextEditor({ value, onChange, placeholder = "Start writing...",
 			};
 		}
 	}, [editor, onEditorReady]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (editor) registerPluginBlocks(editor, pluginBlocks);
 	}, [editor, pluginBlocks]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (!editor) return;
 		const storage = editor.storage.pluginBlock;
 		if (!storage) return;
@@ -7584,11 +7641,11 @@ function PortableTextEditor({ value, onChange, placeholder = "Start writing...",
 			storage.onEditBlock = null;
 		};
 	}, [editor, pluginBlocks]);
-	const onBlockSidebarOpenRef = React.useRef(onBlockSidebarOpen);
+	const onBlockSidebarOpenRef = React$1.useRef(onBlockSidebarOpen);
 	onBlockSidebarOpenRef.current = onBlockSidebarOpen;
-	const onBlockSidebarCloseRef = React.useRef(onBlockSidebarClose);
+	const onBlockSidebarCloseRef = React$1.useRef(onBlockSidebarClose);
 	onBlockSidebarCloseRef.current = onBlockSidebarClose;
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (!editor) return;
 		const storage = editor.storage.image;
 		if (!storage) return;
@@ -7603,7 +7660,7 @@ function PortableTextEditor({ value, onChange, placeholder = "Start writing...",
 			storage.onCloseBlockSidebar = null;
 		};
 	}, [editor]);
-	const handleImageSelect = React.useCallback((item) => {
+	const handleImageSelect = React$1.useCallback((item) => {
 		if (editor) editor.chain().focus().setImage({
 			src: item.url,
 			alt: item.alt || item.filename,
@@ -7614,7 +7671,7 @@ function PortableTextEditor({ value, onChange, placeholder = "Start writing...",
 		}).run();
 		setMediaPickerOpen(false);
 	}, [editor]);
-	const handlePluginBlockInsert = React.useCallback((values) => {
+	const handlePluginBlockInsert = React$1.useCallback((values) => {
 		if (!editor || !pluginBlockModal) return;
 		const { id, ...data } = values;
 		const editPos = editingBlockPosRef.current;
@@ -7641,7 +7698,7 @@ function PortableTextEditor({ value, onChange, placeholder = "Start writing...",
 		setPluginBlockInitialValues(void 0);
 		editingBlockPosRef.current = null;
 	}, [editor, pluginBlockModal]);
-	const handleSlashCommand = React.useCallback((item) => {
+	const handleSlashCommand = React$1.useCallback((item) => {
 		if (editor && slashMenuState.range) {
 			item.command({
 				editor,
@@ -7653,7 +7710,7 @@ function PortableTextEditor({ value, onChange, placeholder = "Start writing...",
 			}));
 		}
 	}, [editor, slashMenuState.range]);
-	const handleSectionSelect = React.useCallback((section) => {
+	const handleSectionSelect = React$1.useCallback((section) => {
 		if (!editor || !section.content || section.content.length === 0) return;
 		const { content: prosemirrorContent } = portableTextToProsemirror(Array.isArray(section.content) ? section.content : []);
 		editor.chain().focus().insertContent(prosemirrorContent).run();
@@ -7722,10 +7779,10 @@ function PortableTextEditor({ value, onChange, placeholder = "Start writing...",
 * Shows inline formatting options and link editing
 */
 function EditorBubbleMenu({ editor }) {
-	const [showLinkInput, setShowLinkInput] = React.useState(false);
-	const [linkUrl, setLinkUrl] = React.useState("");
-	const inputRef = React.useRef(null);
-	React.useEffect(() => {
+	const [showLinkInput, setShowLinkInput] = React$1.useState(false);
+	const [linkUrl, setLinkUrl] = React$1.useState("");
+	const inputRef = React$1.useRef(null);
+	React$1.useEffect(() => {
 		if (showLinkInput) {
 			setLinkUrl(editor.getAttributes("link").href || "");
 			setTimeout(() => inputRef.current?.focus(), 0);
@@ -7854,11 +7911,11 @@ function BubbleButton({ onClick, active, title, children }) {
 * Arrow keys move focus between buttons, Home/End jump to first/last.
 */
 function EditorToolbar({ editor, focusMode, onFocusModeChange }) {
-	const [mediaPickerOpen, setMediaPickerOpen] = React.useState(false);
-	const [showLinkPopover, setShowLinkPopover] = React.useState(false);
-	const [linkUrl, setLinkUrl] = React.useState("");
-	const toolbarRef = React.useRef(null);
-	const linkInputRef = React.useRef(null);
+	const [mediaPickerOpen, setMediaPickerOpen] = React$1.useState(false);
+	const [showLinkPopover, setShowLinkPopover] = React$1.useState(false);
+	const [linkUrl, setLinkUrl] = React$1.useState("");
+	const toolbarRef = React$1.useRef(null);
+	const linkInputRef = React$1.useRef(null);
 	const editorState = useEditorState({
 		editor,
 		selector: (ctx) => ({
@@ -7882,7 +7939,7 @@ function EditorToolbar({ editor, focusMode, onFocusModeChange }) {
 			canRedo: ctx.editor.can().redo()
 		})
 	});
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (showLinkPopover) {
 			setLinkUrl(editor.getAttributes("link").href || "");
 			setTimeout(() => linkInputRef.current?.focus(), 0);
@@ -7909,7 +7966,7 @@ function EditorToolbar({ editor, focusMode, onFocusModeChange }) {
 			editor.commands.focus();
 		}
 	};
-	const handleImageSelect = React.useCallback((item) => {
+	const handleImageSelect = React$1.useCallback((item) => {
 		editor.chain().focus().setImage({
 			src: item.url,
 			alt: item.alt || item.filename,
@@ -7918,7 +7975,7 @@ function EditorToolbar({ editor, focusMode, onFocusModeChange }) {
 			height: item.height
 		}).run();
 	}, [editor]);
-	const handleKeyDown = React.useCallback((e) => {
+	const handleKeyDown = React$1.useCallback((e) => {
 		const toolbar = toolbarRef.current;
 		if (!toolbar) return;
 		const buttons = [...toolbar.querySelectorAll("button:not([disabled]), [role=\"button\"]:not([disabled])")];
@@ -8316,9 +8373,9 @@ function formatFullDate(dateString) {
 */
 function RevisionHistory({ collection, entryId, onRestored }) {
 	const { _: _t } = useLingui();
-	const [isExpanded, setIsExpanded] = React.useState(false);
-	const [selectedRevision, setSelectedRevision] = React.useState(null);
-	const [restoreTarget, setRestoreTarget] = React.useState(null);
+	const [isExpanded, setIsExpanded] = React$1.useState(false);
+	const [selectedRevision, setSelectedRevision] = React$1.useState(null);
+	const [restoreTarget, setRestoreTarget] = React$1.useState(null);
 	const queryClient = useQueryClient();
 	const toastManager = Toast.useToastManager();
 	const { data, isLoading, error } = useQuery({
@@ -8526,8 +8583,8 @@ function RevisionItem({ revision, compareRevision, isLatest, isRestoring, isSele
 }
 function RevisionDiffView({ older, newer }) {
 	const { _: _t3 } = useLingui();
-	const [showUnchanged, setShowUnchanged] = React.useState(false);
-	const diffs = React.useMemo(() => computeFieldDiff(older, newer), [older, newer]);
+	const [showUnchanged, setShowUnchanged] = React$1.useState(false);
+	const diffs = React$1.useMemo(() => computeFieldDiff(older, newer), [older, newer]);
 	const changedCount = diffs.filter((d) => d.kind !== "unchanged").length;
 	const unchangedCount = diffs.length - changedCount;
 	if (diffs.length === 0) return /* @__PURE__ */ jsx("div", {
@@ -8698,7 +8755,7 @@ function SaveButton({ isDirty, isSaving, className, disabled, ...props }) {
 */
 function SeoImageField({ seo, onChange }) {
 	const { _: _t } = useLingui();
-	const [pickerOpen, setPickerOpen] = React.useState(false);
+	const [pickerOpen, setPickerOpen] = React$1.useState(false);
 	const imageUrl = seo?.image || null;
 	const handleSelect = (item) => {
 		onChange({ image: !item.provider || item.provider === "local" ? `/_emdash/api/media/file/${item.storageKey || item.id}` : item.url });
@@ -8805,33 +8862,33 @@ function serializeDraft(draft) {
 }
 function SeoPanel({ contentKey, seo, onChange }) {
 	const { _: _t } = useLingui();
-	const propDraft = React.useMemo(() => toDraft(seo), [seo]);
-	const propSnapshot = React.useMemo(() => serializeDraft(propDraft), [propDraft]);
-	const [draft, setDraft] = React.useState(propDraft);
-	const currentDraftRef = React.useRef(draft);
+	const propDraft = React$1.useMemo(() => toDraft(seo), [seo]);
+	const propSnapshot = React$1.useMemo(() => serializeDraft(propDraft), [propDraft]);
+	const [draft, setDraft] = React$1.useState(propDraft);
+	const currentDraftRef = React$1.useRef(draft);
 	currentDraftRef.current = draft;
-	const lastPropSnapshotRef = React.useRef(propSnapshot);
-	const lastEmittedSnapshotRef = React.useRef(propSnapshot);
-	const activeContentKeyRef = React.useRef(contentKey);
-	const activeOnChangeRef = React.useRef(onChange);
-	const pendingTextFlushTimerRef = React.useRef(null);
-	const emitChange = React.useCallback((nextDraft) => {
+	const lastPropSnapshotRef = React$1.useRef(propSnapshot);
+	const lastEmittedSnapshotRef = React$1.useRef(propSnapshot);
+	const activeContentKeyRef = React$1.useRef(contentKey);
+	const activeOnChangeRef = React$1.useRef(onChange);
+	const pendingTextFlushTimerRef = React$1.useRef(null);
+	const emitChange = React$1.useCallback((nextDraft) => {
 		const nextSnapshot = serializeDraft(nextDraft);
 		if (nextSnapshot === lastEmittedSnapshotRef.current) return;
 		lastEmittedSnapshotRef.current = nextSnapshot;
 		activeOnChangeRef.current(toInput(nextDraft));
 	}, []);
-	const clearPendingTextFlush = React.useCallback(() => {
+	const clearPendingTextFlush = React$1.useCallback(() => {
 		if (pendingTextFlushTimerRef.current) {
 			clearTimeout(pendingTextFlushTimerRef.current);
 			pendingTextFlushTimerRef.current = null;
 		}
 	}, []);
-	const flushPendingDraft = React.useCallback(() => {
+	const flushPendingDraft = React$1.useCallback(() => {
 		clearPendingTextFlush();
 		emitChange(currentDraftRef.current);
 	}, [clearPendingTextFlush, emitChange]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (activeContentKeyRef.current === contentKey) {
 			activeOnChangeRef.current = onChange;
 			return;
@@ -8850,12 +8907,12 @@ function SeoPanel({ contentKey, seo, onChange }) {
 		propDraft,
 		propSnapshot
 	]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		return () => {
 			flushPendingDraft();
 		};
 	}, [flushPendingDraft]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		const previousPropSnapshot = lastPropSnapshotRef.current;
 		if (propSnapshot === previousPropSnapshot) return;
 		const currentDraftSnapshot = serializeDraft(currentDraftRef.current);
@@ -8866,7 +8923,7 @@ function SeoPanel({ contentKey, seo, onChange }) {
 		}
 		lastPropSnapshotRef.current = propSnapshot;
 	}, [propDraft, propSnapshot]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		clearPendingTextFlush();
 		if (serializeDraft(currentDraftRef.current) === lastEmittedSnapshotRef.current) return;
 		pendingTextFlushTimerRef.current = setTimeout(() => {
@@ -9090,10 +9147,10 @@ function CategoryCheckboxTree({ term, level = 0, selectedIds, onToggle }) {
 */
 function TagInput({ terms, selectedIds, onAdd, onRemove, onCreate, isCreating, label }) {
 	const { _: _t } = useLingui();
-	const [input, setInput] = React.useState("");
+	const [input, setInput] = React$1.useState("");
 	const selectedTerms = terms.filter((term) => selectedIds.has(term.id));
 	const trimmedInput = input.trim();
-	const suggestions = React.useMemo(() => {
+	const suggestions = React$1.useMemo(() => {
 		if (!trimmedInput) return [];
 		return terms.filter((term) => !selectedIds.has(term.id) && termMatches(term, trimmedInput)).slice(0, 5);
 	}, [
@@ -9101,7 +9158,7 @@ function TagInput({ terms, selectedIds, onAdd, onRemove, onCreate, isCreating, l
 		terms,
 		selectedIds
 	]);
-	const hasExactMatch = React.useMemo(() => {
+	const hasExactMatch = React$1.useMemo(() => {
 		if (!trimmedInput) return false;
 		return terms.some((term) => termExactMatches(term, trimmedInput));
 	}, [trimmedInput, terms]);
@@ -9181,8 +9238,8 @@ function TaxonomySection({ taxonomy, collection, entryId, onChange }) {
 	const { _: _t2 } = useLingui();
 	const queryClient = useQueryClient();
 	const toastManager = Toast.useToastManager();
-	const [newCategoryLabel, setNewCategoryLabel] = React.useState("");
-	const [showCategoryInput, setShowCategoryInput] = React.useState(false);
+	const [newCategoryLabel, setNewCategoryLabel] = React$1.useState("");
+	const [showCategoryInput, setShowCategoryInput] = React$1.useState(false);
 	const { data: terms = [] } = useQuery({
 		queryKey: ["taxonomy-terms", taxonomy.name],
 		queryFn: () => fetchTerms$1(taxonomy.name)
@@ -9250,8 +9307,8 @@ function TaxonomySection({ taxonomy, collection, entryId, onChange }) {
 			setShowCategoryInput(false);
 		}
 	});
-	const [selectedIds, setSelectedIds] = React.useState(/* @__PURE__ */ new Set());
-	React.useEffect(() => {
+	const [selectedIds, setSelectedIds] = React$1.useState(/* @__PURE__ */ new Set());
+	React$1.useEffect(() => {
 		setSelectedIds(new Set(entryTerms.map((term) => term.id)));
 	}, [entryTerms]);
 	const handleToggle = (termId) => {
@@ -9387,6 +9444,81 @@ function TaxonomySidebar({ collection, entryId, onChange }) {
 	});
 }
 
+//#endregion
+//#region src/components/TranslationsPanel.tsx
+/**
+* Shared "Translations" sidebar panel. Matches the look of the translations
+* section in ContentEditor — reused across content edit, menu edit and
+* taxonomy term edit so the admin shows one consistent affordance.
+*/
+function TranslationsPanel({ title, locales, defaultLocale, currentLocale, translations, onOpen, onCreate, pendingLocale }) {
+	const { _: _t } = useLingui();
+	const byLocale = React$1.useMemo(() => new Map(translations.map((tr) => [tr.locale, tr])), [translations]);
+	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+		className: "mb-4 font-semibold",
+		children: title ?? _t({
+			id: "kAy5R9",
+			message: "Translations"
+		})
+	}), /* @__PURE__ */ jsx("div", {
+		className: "space-y-2",
+		children: locales.map((locale) => {
+			const translation = byLocale.get(locale);
+			const isCurrent = locale === currentLocale;
+			return /* @__PURE__ */ jsxs("div", {
+				className: cn("flex items-center justify-between rounded-md px-3 py-2 text-sm", isCurrent ? "bg-kumo-brand/10 font-medium" : translation ? "hover:bg-kumo-tint/50" : "text-kumo-subtle"),
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "text-xs font-semibold uppercase",
+							children: locale
+						}),
+						locale === defaultLocale && /* @__PURE__ */ jsx("span", {
+							className: "text-[10px] text-kumo-subtle",
+							children: _t({
+								id: "FozKV6",
+								message: " (default)"
+							})
+						}),
+						isCurrent && /* @__PURE__ */ jsx("span", {
+							className: "text-[10px] text-kumo-brand",
+							children: _t({
+								id: "7vEC4B",
+								message: "current"
+							})
+						})
+					]
+				}), isCurrent ? null : translation && onOpen ? /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					variant: "ghost",
+					size: "sm",
+					className: "h-auto px-2 py-1 text-xs",
+					onClick: () => onOpen(translation),
+					children: _t({
+						id: "ePK91l",
+						message: "Edit"
+					})
+				}) : !translation && onCreate ? /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					variant: "ghost",
+					size: "sm",
+					className: "h-auto px-2 py-1 text-xs",
+					disabled: pendingLocale === locale,
+					onClick: () => onCreate(locale),
+					children: pendingLocale === locale ? _t({
+						id: "wvgKtH",
+						message: "Translating..."
+					}) : _t({
+						id: "pi8x/S",
+						message: "Translate"
+					})
+				}) : null]
+			}, locale);
+		})
+	})] });
+}
+
 //#endregion
 //#region src/components/ContentEditor.tsx
 /** Autosave debounce delay in milliseconds */
@@ -9409,29 +9541,30 @@ function formatScheduledDate(dateStr) {
 */
 function ContentEditor({ collection, collectionLabel, item, fields, isNew, isSaving, onSave, onAutosave, isAutosaving, lastAutosaveAt, onPublish, onUnpublish, onDiscardDraft, onSchedule, onUnschedule, isScheduling, supportsDrafts = false, supportsRevisions = false, supportsPreview = false, currentUser, users, onAuthorChange, availableBylines, selectedBylines, onBylinesChange, onQuickCreateByline, onQuickEditByline, onDelete, isDeleting, i18n, translations, onTranslate, pluginBlocks, hasSeo = false, onSeoChange, manifest }) {
 	const { _: _t } = useLingui();
-	const [formData, setFormData] = React.useState(item?.data || {});
-	const [slug, setSlug] = React.useState(item?.slug || "");
-	const [slugTouched, setSlugTouched] = React.useState(!!item?.slug);
-	const [status, setStatus] = React.useState(item?.status || "draft");
-	const [internalBylines, setInternalBylines] = React.useState(item?.bylines?.map((entry) => ({
+	const navigate = useNavigate$1();
+	const [formData, setFormData] = React$1.useState(item?.data || {});
+	const [slug, setSlug] = React$1.useState(item?.slug || "");
+	const [slugTouched, setSlugTouched] = React$1.useState(!!item?.slug);
+	const [status, setStatus] = React$1.useState(item?.status || "draft");
+	const [internalBylines, setInternalBylines] = React$1.useState(item?.bylines?.map((entry) => ({
 		bylineId: entry.byline.id,
 		roleLabel: entry.roleLabel
 	})) ?? []);
-	const [portableTextEditor, setPortableTextEditor] = React.useState(null);
-	const [blockSidebarPanel, setBlockSidebarPanel] = React.useState(null);
-	const handleBlockSidebarOpen = React.useCallback((panel) => {
+	const [portableTextEditor, setPortableTextEditor] = React$1.useState(null);
+	const [blockSidebarPanel, setBlockSidebarPanel] = React$1.useState(null);
+	const handleBlockSidebarOpen = React$1.useCallback((panel) => {
 		setBlockSidebarPanel(panel);
 	}, []);
-	const handleBlockSidebarClose = React.useCallback(() => {
+	const handleBlockSidebarClose = React$1.useCallback(() => {
 		setBlockSidebarPanel((prev) => {
 			prev?.onClose();
 			return null;
 		});
 	}, []);
-	const handleSeoChange = React.useCallback((seo) => {
+	const handleSeoChange = React$1.useCallback((seo) => {
 		onSeoChange?.(seo);
 	}, [onSeoChange]);
-	const [lastSavedData, setLastSavedData] = React.useState(serializeEditorState({
+	const [lastSavedData, setLastSavedData] = React$1.useState(serializeEditorState({
 		data: item?.data || {},
 		slug: item?.slug || "",
 		bylines: item?.bylines?.map((entry) => ({
@@ -9439,8 +9572,8 @@ function ContentEditor({ collection, collectionLabel, item, fields, isNew, isSav
 			roleLabel: entry.roleLabel
 		})) ?? []
 	}));
-	const pendingAutosaveStateRef = React.useRef(null);
-	const [previousItemId, setPreviousItemId] = React.useState(item?.id ?? null);
+	const pendingAutosaveStateRef = React$1.useRef(null);
+	const [previousItemId, setPreviousItemId] = React$1.useState(item?.id ?? null);
 	if (item && item.id !== previousItemId) {
 		setPreviousItemId(item.id);
 		setFormData(item.data);
@@ -9459,8 +9592,8 @@ function ContentEditor({ collection, collectionLabel, item, fields, isNew, isSav
 		}));
 		pendingAutosaveStateRef.current = null;
 	}
-	const itemDataString = React.useMemo(() => item ? JSON.stringify(item.data) : "", [item?.data]);
-	React.useEffect(() => {
+	const itemDataString = React$1.useMemo(() => item ? JSON.stringify(item.data) : "", [item?.data]);
+	React$1.useEffect(() => {
 		if (item) {
 			setFormData(item.data);
 			setSlug(item.slug || "");
@@ -9487,7 +9620,7 @@ function ContentEditor({ collection, collectionLabel, item, fields, isNew, isSav
 		item?.status
 	]);
 	const activeBylines = isNew ? selectedBylines ?? [] : internalBylines;
-	const handleBylinesChange = React.useCallback((next) => {
+	const handleBylinesChange = React$1.useCallback((next) => {
 		if (isNew) {
 			onBylinesChange?.(next);
 			return;
@@ -9495,7 +9628,7 @@ function ContentEditor({ collection, collectionLabel, item, fields, isNew, isSav
 		setInternalBylines(next);
 		onBylinesChange?.(next);
 	}, [isNew, onBylinesChange]);
-	const currentData = React.useMemo(() => serializeEditorState({
+	const currentData = React$1.useMemo(() => serializeEditorState({
 		data: formData,
 		slug,
 		bylines: activeBylines
@@ -9505,24 +9638,24 @@ function ContentEditor({ collection, collectionLabel, item, fields, isNew, isSav
 		activeBylines
 	]);
 	const isDirty = isNew || currentData !== lastSavedData;
-	const autosaveTimeoutRef = React.useRef(null);
-	const formDataRef = React.useRef(formData);
+	const autosaveTimeoutRef = React$1.useRef(null);
+	const formDataRef = React$1.useRef(formData);
 	formDataRef.current = formData;
-	const slugRef = React.useRef(slug);
+	const slugRef = React$1.useRef(slug);
 	slugRef.current = slug;
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (!lastAutosaveAt || !pendingAutosaveStateRef.current) return;
 		setLastSavedData(pendingAutosaveStateRef.current);
 		pendingAutosaveStateRef.current = null;
 	}, [lastAutosaveAt]);
-	const hasInvalidUrls = React.useCallback((data) => {
+	const hasInvalidUrls = React$1.useCallback((data) => {
 		for (const [name, field] of Object.entries(fields)) if (field.kind === "url") {
 			const val = typeof data[name] === "string" ? data[name].trim() : "";
 			if (val && !isValidUrl(val)) return true;
 		}
 		return false;
 	}, [fields]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (isNew || !onAutosave || !item?.id) return;
 		if (!isDirty || isSaving || isAutosaving) return;
 		if (autosaveTimeoutRef.current) clearTimeout(autosaveTimeoutRef.current);
@@ -9567,7 +9700,7 @@ function ContentEditor({ collection, collectionLabel, item, fields, isNew, isSav
 			bylines: activeBylines
 		});
 	};
-	const [isLoadingPreview, setIsLoadingPreview] = React.useState(false);
+	const [isLoadingPreview, setIsLoadingPreview] = React$1.useState(false);
 	const urlPattern = manifest?.collections[collection]?.urlPattern;
 	const handlePreview = async () => {
 		if (!item?.id) return;
@@ -9582,7 +9715,7 @@ function ContentEditor({ collection, collectionLabel, item, fields, isNew, isSav
 			setIsLoadingPreview(false);
 		}
 	};
-	const handleFieldChange = React.useCallback((name, value) => {
+	const handleFieldChange = React$1.useCallback((name, value) => {
 		setFormData((prev) => ({
 			...prev,
 			[name]: value
@@ -9599,10 +9732,10 @@ function ContentEditor({ collection, collectionLabel, item, fields, isNew, isSav
 	const isLive = draftStatus === "published" || draftStatus === "published_with_changes";
 	const hasSchedule = Boolean(item?.scheduledAt);
 	const canSchedule = !isNew && !hasSchedule && Boolean(onSchedule) && (!isPublished || hasPendingChanges);
-	const [scheduleDate, setScheduleDate] = React.useState("");
-	const [showScheduler, setShowScheduler] = React.useState(false);
-	const [isDistractionFree, setIsDistractionFree] = React.useState(false);
-	React.useEffect(() => {
+	const [scheduleDate, setScheduleDate] = React$1.useState("");
+	const [showScheduler, setShowScheduler] = React$1.useState(false);
+	const [isDistractionFree, setIsDistractionFree] = React$1.useState(false);
+	React$1.useEffect(() => {
 		if (!isDistractionFree) return;
 		const handleKeyDown = (e) => {
 			if (e.key === "Escape") {
@@ -10111,68 +10244,22 @@ function ContentEditor({ collection, collectionLabel, item, fields, isNew, isSav
 								onQuickEdit: onQuickEditByline
 							})]
 						}),
-						i18n && item && !isNew && /* @__PURE__ */ jsxs("div", {
+						i18n && item && !isNew && /* @__PURE__ */ jsx("div", {
 							className: "p-4 border-t",
-							children: [/* @__PURE__ */ jsx("h3", {
-								className: "mb-4 font-semibold",
-								children: _t({
-									id: "kAy5R9",
-									message: "Translations"
-								})
-							}), /* @__PURE__ */ jsx("div", {
-								className: "space-y-2",
-								children: i18n.locales.map((locale) => {
-									const translation = translations?.find((tr) => tr.locale === locale);
-									const isCurrent = locale === item.locale;
-									return /* @__PURE__ */ jsxs("div", {
-										className: cn("flex items-center justify-between rounded-md px-3 py-2 text-sm", isCurrent ? "bg-kumo-brand/10 font-medium" : translation ? "hover:bg-kumo-tint/50" : "text-kumo-subtle"),
-										children: [/* @__PURE__ */ jsxs("div", {
-											className: "flex items-center gap-2",
-											children: [
-												/* @__PURE__ */ jsx("span", {
-													className: "text-xs font-semibold uppercase",
-													children: locale
-												}),
-												locale === i18n.defaultLocale && /* @__PURE__ */ jsx("span", {
-													className: "text-[10px] text-kumo-subtle",
-													children: _t({
-														id: "FozKV6",
-														message: " (default)"
-													})
-												}),
-												isCurrent && /* @__PURE__ */ jsx("span", {
-													className: "text-[10px] text-kumo-brand",
-													children: _t({
-														id: "7vEC4B",
-														message: "current"
-													})
-												})
-											]
-										}), translation && !isCurrent ? /* @__PURE__ */ jsx(Link$1, {
-											to: "/content/$collection/$id",
-											params: {
-												collection,
-												id: translation.id
-											},
-											className: "text-xs text-kumo-brand hover:underline",
-											children: _t({
-												id: "ePK91l",
-												message: "Edit"
-											})
-										}) : !translation && onTranslate ? /* @__PURE__ */ jsx(Button, {
-											type: "button",
-											variant: "ghost",
-											size: "sm",
-											className: "h-auto px-2 py-1 text-xs",
-											onClick: () => onTranslate(locale),
-											children: _t({
-												id: "pi8x/S",
-												message: "Translate"
-											})
-										}) : null]
-									}, locale);
-								})
-							})]
+							children: /* @__PURE__ */ jsx(TranslationsPanel, {
+								locales: i18n.locales,
+								defaultLocale: i18n.defaultLocale,
+								currentLocale: item.locale ?? void 0,
+								translations: translations ?? [],
+								onOpen: (tr) => navigate({
+									to: "/content/$collection/$id",
+									params: {
+										collection,
+										id: tr.id
+									}
+								}),
+								onCreate: onTranslate
+							})
 						}),
 						item && /* @__PURE__ */ jsx("div", {
 							className: "p-4 border-t",
@@ -10221,7 +10308,7 @@ function FieldRenderer({ name, field, value, onChange, onEditorReady, minimal, p
 	const label = field.label || name.charAt(0).toUpperCase() + name.slice(1);
 	const id = `field-${name}`;
 	const labelClass = minimal ? "text-kumo-subtle/50 text-xs font-normal" : void 0;
-	const handleChange = React.useCallback((v) => onChange(name, v), [onChange, name]);
+	const handleChange = React$1.useCallback((v) => onChange(name, v), [onChange, name]);
 	if (field.widget) {
 		const sepIdx = field.widget.indexOf(":");
 		if (sepIdx <= 0) console.warn(`[emdash] Field "${name}" has widget "${field.widget}" but it should use the format "pluginId:widgetName". Falling back to default editor.`);
@@ -10380,6 +10467,13 @@ function FieldRenderer({ name, field, value, onChange, onEditorReady, minimal, p
 				required: field.required
 			});
 		}
+		case "file": return /* @__PURE__ */ jsx(FileFieldRenderer, {
+			id,
+			label,
+			value: value != null && typeof value === "object" ? value : void 0,
+			onChange: handleChange,
+			required: field.required
+		});
 		case "repeater": {
 			const validation = field.validation;
 			const subFields = validation?.subFields ?? [];
@@ -10437,7 +10531,7 @@ function isValidUrl(val) {
 */
 function UrlFieldEditor({ label, labelClass, id, value, onChange, required, placeholder }) {
 	const { _: _t3 } = useLingui();
-	const [error, setError] = React.useState(null);
+	const [error, setError] = React$1.useState(null);
 	const handleBlur = (e) => {
 		const val = e.target.value.trim();
 		if (!val) {
@@ -10475,9 +10569,9 @@ function UrlFieldEditor({ label, labelClass, id, value, onChange, required, plac
 */
 function JsonFieldEditor({ label, id, value, onChange, required }) {
 	const { _: _t4 } = useLingui();
-	const [text, setText] = React.useState(value);
-	const [error, setError] = React.useState(null);
-	React.useEffect(() => {
+	const [text, setText] = React$1.useState(value);
+	const [error, setError] = React$1.useState(null);
+	React$1.useEffect(() => {
 		setText(value);
 		setError(null);
 	}, [value]);
@@ -10520,7 +10614,7 @@ function JsonFieldEditor({ label, id, value, onChange, required }) {
 }
 function ImageFieldRenderer({ id, label, description, value, onChange, required }) {
 	const { _: _t5 } = useLingui();
-	const [pickerOpen, setPickerOpen] = React.useState(false);
+	const [pickerOpen, setPickerOpen] = React$1.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) => {
 		const isLocalProvider = !item.provider || item.provider === "local";
@@ -10612,19 +10706,165 @@ function ImageFieldRenderer({ id, label, description, value, onChange, required
 		]
 	});
 }
-function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuickEdit }) {
+/**
+* File field with media picker
+*
+* Like ImageFieldRenderer but for arbitrary file types. Shows a mime-type-appropriate
+* icon, filename, and size instead of an image preview.
+*/
+function FileFieldRenderer({ id, label, value, onChange, required }) {
 	const { _: _t6 } = useLingui();
-	const [selectedBylineId, setSelectedBylineId] = React.useState("");
-	const [quickName, setQuickName] = React.useState("");
-	const [quickSlug, setQuickSlug] = React.useState("");
-	const [quickError, setQuickError] = React.useState(null);
-	const [isCreating, setIsCreating] = React.useState(false);
-	const [editBylineId, setEditBylineId] = React.useState(null);
-	const [editName, setEditName] = React.useState("");
-	const [editSlug, setEditSlug] = React.useState("");
-	const [editError, setEditError] = React.useState(null);
-	const [isEditing, setIsEditing] = React.useState(false);
-	const bylineMap = React.useMemo(() => new Map(bylines.map((b) => [b.id, b])), [bylines]);
+	const [pickerOpen, setPickerOpen] = React$1.useState(false);
+	const normalized = React$1.useMemo(() => {
+		if (!value) return null;
+		const isLocal = !value.provider || value.provider === "local";
+		const storageKey = typeof value.meta?.storageKey === "string" ? value.meta.storageKey : void 0;
+		const localSrc = typeof value.src === "string" && value.src.startsWith("/_emdash/") ? value.src : void 0;
+		const localUrl = isLocal ? storageKey ? `/_emdash/api/media/file/${encodeURIComponent(storageKey)}` : localSrc ?? `/_emdash/api/media/file/${encodeURIComponent(value.id)}` : void 0;
+		const externalUrl = !isLocal && value.src && isSafeUrl$1(value.src) ? value.src : void 0;
+		return {
+			displayUrl: localUrl ?? externalUrl,
+			filename: value.filename || _t6({
+				id: "cChtk1",
+				message: "Untitled file"
+			}),
+			mimeType: value.mimeType || "",
+			size: value.size
+		};
+	}, [value, _t6]);
+	const handleSelect = (item) => {
+		const isLocalProvider = !item.provider || item.provider === "local";
+		onChange({
+			id: item.id,
+			provider: item.provider || "local",
+			src: isLocalProvider ? void 0 : item.url,
+			filename: item.filename,
+			mimeType: item.mimeType,
+			size: item.size,
+			meta: isLocalProvider ? {
+				...item.meta,
+				storageKey: item.storageKey
+			} : item.meta
+		});
+	};
+	const handleRemove = () => {
+		onChange(null);
+	};
+	const hasMime = !!normalized?.mimeType;
+	const size = typeof normalized?.size === "number" ? normalized.size : void 0;
+	const hasSize = size !== void 0;
+	return /* @__PURE__ */ jsxs("div", {
+		id,
+		children: [
+			/* @__PURE__ */ jsx(Label, { children: label }),
+			normalized ? /* @__PURE__ */ jsxs("div", {
+				className: "mt-2 flex items-center gap-3 rounded-lg border p-3",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "text-3xl",
+						"aria-hidden": "true",
+						children: getFileIcon(normalized.mimeType)
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex-1 min-w-0",
+						children: [normalized.displayUrl ? /* @__PURE__ */ jsx("a", {
+							href: normalized.displayUrl,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							className: "text-sm font-medium truncate block hover:underline",
+							children: normalized.filename
+						}) : /* @__PURE__ */ jsx("p", {
+							className: "text-sm font-medium truncate",
+							children: normalized.filename
+						}), (hasMime || hasSize) && /* @__PURE__ */ jsxs("p", {
+							className: "text-xs text-kumo-subtle",
+							children: [
+								hasMime ? normalized.mimeType : null,
+								hasMime && hasSize ? " • " : null,
+								hasSize ? formatFileSize(size) : null
+							]
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex gap-1",
+						children: [/* @__PURE__ */ jsx(Button, {
+							type: "button",
+							size: "sm",
+							variant: "secondary",
+							onClick: () => setPickerOpen(true),
+							children: _t6({
+								id: "o+XJ9D",
+								message: "Change"
+							})
+						}), /* @__PURE__ */ jsx(Button, {
+							type: "button",
+							shape: "square",
+							variant: "destructive",
+							className: "h-8 w-8",
+							onClick: handleRemove,
+							"aria-label": _t6({
+								id: "HND1q3",
+								message: "Remove {label}",
+								values: { label }
+							}),
+							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),
+				"aria-label": _t6({
+					id: "pov/PW",
+					message: "Select {label}",
+					values: { label }
+				}),
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col items-center gap-2 text-kumo-subtle",
+					children: [/* @__PURE__ */ jsx(Paperclip, { className: "h-8 w-8" }), /* @__PURE__ */ jsx("span", { children: _t6({
+						id: "J6WI1B",
+						message: "Select file"
+					}) })]
+				})
+			}),
+			/* @__PURE__ */ jsx(MediaPickerModal, {
+				open: pickerOpen,
+				onOpenChange: setPickerOpen,
+				onSelect: handleSelect,
+				mimeTypeFilter: "",
+				hideUrlInput: true,
+				mediaKind: "file",
+				title: _t6({
+					id: "pov/PW",
+					message: "Select {label}",
+					values: { label }
+				})
+			}),
+			required && !normalized && /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-kumo-danger mt-1",
+				children: _t6({
+					id: "B8AaMI",
+					message: "This field is required"
+				})
+			})
+		]
+	});
+}
+function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuickEdit }) {
+	const { _: _t7 } = useLingui();
+	const [selectedBylineId, setSelectedBylineId] = React$1.useState("");
+	const [quickName, setQuickName] = React$1.useState("");
+	const [quickSlug, setQuickSlug] = React$1.useState("");
+	const [quickError, setQuickError] = React$1.useState(null);
+	const [isCreating, setIsCreating] = React$1.useState(false);
+	const [editBylineId, setEditBylineId] = React$1.useState(null);
+	const [editName, setEditName] = React$1.useState("");
+	const [editSlug, setEditSlug] = React$1.useState("");
+	const [editError, setEditError] = React$1.useState(null);
+	const [isEditing, setIsEditing] = React$1.useState(false);
+	const bylineMap = React$1.useMemo(() => new Map(bylines.map((b) => [b.id, b])), [bylines]);
 	const availableToAdd = bylines.filter((b) => !credits.some((c) => c.bylineId === b.id));
 	const move = (index, direction) => {
 		const target = index + direction;
@@ -10663,7 +10903,7 @@ function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuic
 					className: "w-full rounded border bg-kumo-base px-3 py-2 text-sm",
 					children: [/* @__PURE__ */ jsx("option", {
 						value: "",
-						children: _t6({
+						children: _t7({
 							id: "r5zcIE",
 							message: "Select byline..."
 						})
@@ -10683,7 +10923,7 @@ function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuic
 						setSelectedBylineId("");
 					},
 					disabled: !selectedBylineId,
-					children: _t6({
+					children: _t7({
 						id: "m16xKo",
 						message: "Add"
 					})
@@ -10712,7 +10952,7 @@ function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuic
 										variant: "ghost",
 										size: "sm",
 										onClick: () => move(index, -1),
-										children: _t6({
+										children: _t7({
 											id: "n+PHuv",
 											message: "Up"
 										})
@@ -10722,7 +10962,7 @@ function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuic
 										variant: "ghost",
 										size: "sm",
 										onClick: () => move(index, 1),
-										children: _t6({
+										children: _t7({
 											id: "gUjkl/",
 											message: "Down"
 										})
@@ -10732,7 +10972,7 @@ function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuic
 										variant: "ghost",
 										size: "sm",
 										onClick: () => openEditByline(byline),
-										children: _t6({
+										children: _t7({
 											id: "ePK91l",
 											message: "Edit"
 										})
@@ -10742,7 +10982,7 @@ function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuic
 										variant: "destructive",
 										size: "sm",
 										onClick: () => onChange(credits.filter((_, i) => i !== index)),
-										children: _t6({
+										children: _t7({
 											id: "t/YqKh",
 											message: "Remove"
 										})
@@ -10750,7 +10990,7 @@ function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuic
 								]
 							})]
 						}), /* @__PURE__ */ jsx(Input, {
-							label: _t6({
+							label: _t7({
 								id: "QeScoL",
 								message: "Role label"
 							}),
@@ -10770,7 +11010,7 @@ function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuic
 				})
 			}) : /* @__PURE__ */ jsx("p", {
 				className: "text-sm text-kumo-subtle",
-				children: _t6({
+				children: _t7({
 					id: "dyZY24",
 					message: "No bylines selected."
 				})
@@ -10779,7 +11019,7 @@ function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuic
 				...p,
 				type: "button",
 				variant: "secondary",
-				children: _t6({
+				children: _t7({
 					id: "gqa8eq",
 					message: "Quick create byline"
 				})
@@ -10789,7 +11029,7 @@ function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuic
 				children: [
 					/* @__PURE__ */ jsx(Dialog.Title, {
 						className: "text-lg font-semibold",
-						children: _t6({
+						children: _t7({
 							id: "d6HWlw",
 							message: "Create byline"
 						})
@@ -10798,7 +11038,7 @@ function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuic
 						className: "mt-4 space-y-3",
 						children: [
 							/* @__PURE__ */ jsx(Input, {
-								label: _t6({
+								label: _t7({
 									id: "pfa8F0",
 									message: "Display name"
 								}),
@@ -10809,7 +11049,7 @@ function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuic
 								}
 							}),
 							/* @__PURE__ */ jsx(Input, {
-								label: _t6({
+								label: _t7({
 									id: "L85WcV",
 									message: "Slug"
 								}),
@@ -10831,7 +11071,7 @@ function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuic
 								resetQuickCreate();
 								p.onClick?.(e);
 							},
-							children: _t6({
+							children: _t7({
 								id: "dEgA5A",
 								message: "Cancel"
 							})
@@ -10852,7 +11092,7 @@ function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuic
 									}]);
 									resetQuickCreate();
 								} catch (err) {
-									setQuickError(err instanceof Error ? err.message : _t6({
+									setQuickError(err instanceof Error ? err.message : _t7({
 										id: "Kd9Ewv",
 										message: "Failed to create byline"
 									}));
@@ -10860,10 +11100,10 @@ function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuic
 									setIsCreating(false);
 								}
 							},
-							children: isCreating ? _t6({
+							children: isCreating ? _t7({
 								id: "HM56Bx",
 								message: "Creating..."
-							}) : _t6({
+							}) : _t7({
 								id: "hYgDIe",
 								message: "Create"
 							})
@@ -10880,7 +11120,7 @@ function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuic
 					children: [
 						/* @__PURE__ */ jsx(Dialog.Title, {
 							className: "text-lg font-semibold",
-							children: _t6({
+							children: _t7({
 								id: "d9lVyw",
 								message: "Edit byline"
 							})
@@ -10889,7 +11129,7 @@ function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuic
 							className: "mt-4 space-y-3",
 							children: [
 								/* @__PURE__ */ jsx(Input, {
-									label: _t6({
+									label: _t7({
 										id: "pfa8F0",
 										message: "Display name"
 									}),
@@ -10900,7 +11140,7 @@ function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuic
 									}
 								}),
 								/* @__PURE__ */ jsx(Input, {
-									label: _t6({
+									label: _t7({
 										id: "L85WcV",
 										message: "Slug"
 									}),
@@ -10919,7 +11159,7 @@ function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuic
 								type: "button",
 								variant: "secondary",
 								onClick: resetQuickEdit,
-								children: _t6({
+								children: _t7({
 									id: "dEgA5A",
 									message: "Cancel"
 								})
@@ -10936,7 +11176,7 @@ function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuic
 										});
 										resetQuickEdit();
 									} catch (err) {
-										setEditError(err instanceof Error ? err.message : _t6({
+										setEditError(err instanceof Error ? err.message : _t7({
 											id: "fd6o+d",
 											message: "Failed to update byline"
 										}));
@@ -10944,10 +11184,10 @@ function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuic
 										setIsEditing(false);
 									}
 								},
-								children: isEditing ? _t6({
+								children: isEditing ? _t7({
 									id: "XvjC4F",
 									message: "Saving..."
-								}) : _t6({
+								}) : _t7({
 									id: "tfDRzk",
 									message: "Save"
 								})
@@ -10960,9 +11200,9 @@ function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuic
 	});
 }
 function AuthorSelector({ authorId, users, onChange }) {
-	const { _: _t7 } = useLingui();
+	const { _: _t8 } = useLingui();
 	const currentAuthor = users.find((u) => u.id === authorId);
-	const authorItems = { unassigned: _t7({
+	const authorItems = { unassigned: _t8({
 		id: "EbMPZJ",
 		message: "Unassigned"
 	}) };
@@ -10977,7 +11217,7 @@ function AuthorSelector({ authorId, users, onChange }) {
 				value: "unassigned",
 				children: /* @__PURE__ */ jsx("span", {
 					className: "text-kumo-subtle",
-					children: _t7({
+					children: _t8({
 						id: "EbMPZJ",
 						message: "Unassigned"
 					})
@@ -11044,6 +11284,16 @@ function LocaleSwitcher({ locales, defaultLocale, value, onChange, showAll = fal
 		})]
 	});
 }
+/**
+* Hook to get i18n config from the manifest query.
+* Returns null if i18n is not configured.
+*/
+function useI18nConfig(manifest) {
+	return React.useMemo(() => {
+		if (!manifest?.i18n) return null;
+		return manifest.i18n;
+	}, [manifest?.i18n]);
+}
 
 //#endregion
 //#region src/components/ContentList.tsx
@@ -11058,21 +11308,21 @@ function getItemTitle$1(item) {
 */
 function ContentList({ collection, collectionLabel, items, trashedItems = [], isLoading, isTrashedLoading, onDelete, onDuplicate, onRestore, onPermanentDelete, onLoadMore, onLoadMoreTrashed, hasMore, hasMoreTrashed, trashedCount = 0, i18n: i18n$1, activeLocale, onLocaleChange, urlPattern, sort, onSortChange }) {
 	const { _: _t } = useLingui();
-	const [activeTab, setActiveTab] = React.useState("all");
-	const [searchQuery, setSearchQuery] = React.useState("");
-	const [page, setPage] = React.useState(0);
+	const [activeTab, setActiveTab] = React$1.useState("all");
+	const [searchQuery, setSearchQuery] = React$1.useState("");
+	const [page, setPage] = React$1.useState(0);
 	const handleSearchChange = (e) => {
 		setSearchQuery(e.target.value);
 		setPage(0);
 	};
-	const filteredItems = React.useMemo(() => {
+	const filteredItems = React$1.useMemo(() => {
 		if (!searchQuery) return items;
 		const query = searchQuery.toLowerCase();
 		return items.filter((item) => getItemTitle$1(item).toLowerCase().includes(query));
 	}, [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(() => {
+	React$1.useEffect(() => {
 		if (page >= totalPages - 1 && hasMore && onLoadMore && !searchQuery) onLoadMore();
 	}, [
 		page,
@@ -11822,8 +12072,8 @@ function getInitialFormState(field) {
 */
 function FieldEditor({ open, onOpenChange, field, onSave, isSaving }) {
 	const { _: _t } = useLingui();
-	const [formState, setFormState] = React.useState(() => getInitialFormState(field));
-	React.useEffect(() => {
+	const [formState, setFormState] = React$1.useState(() => getInitialFormState(field));
+	React$1.useEffect(() => {
 		if (open) setFormState(getInitialFormState(field));
 	}, [open, field]);
 	const { step, selectedType, slug, label, required, unique, searchable } = formState;
@@ -12709,23 +12959,23 @@ const SYSTEM_FIELDS = [
 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 ?? "");
-	const [labelSingular, setLabelSingular] = React.useState(collection?.labelSingular ?? "");
-	const [description, setDescription] = React.useState(collection?.description ?? "");
-	const [urlPattern, setUrlPattern] = React.useState(collection?.urlPattern ?? "");
-	const [supports, setSupports] = React.useState((collection?.supports ?? ["drafts", "revisions"]).filter((s) => s !== "seo"));
-	const [hasSeo, setHasSeo] = React.useState(collection?.hasSeo ?? false);
-	const [commentsEnabled, setCommentsEnabled] = React.useState(collection?.commentsEnabled ?? false);
-	const [commentsModeration, setCommentsModeration] = React.useState(collection?.commentsModeration ?? "first_time");
-	const [commentsClosedAfterDays, setCommentsClosedAfterDays] = React.useState(collection?.commentsClosedAfterDays ?? 90);
-	const [commentsAutoApproveUsers, setCommentsAutoApproveUsers] = React.useState(collection?.commentsAutoApproveUsers ?? true);
-	const [fieldEditorOpen, setFieldEditorOpen] = React.useState(false);
-	const [editingField, setEditingField] = React.useState();
-	const [fieldSaving, setFieldSaving] = React.useState(false);
-	const [deleteFieldTarget, setDeleteFieldTarget] = React.useState(null);
+	const [slug, setSlug] = React$1.useState(collection?.slug ?? "");
+	const [label, setLabel] = React$1.useState(collection?.label ?? "");
+	const [labelSingular, setLabelSingular] = React$1.useState(collection?.labelSingular ?? "");
+	const [description, setDescription] = React$1.useState(collection?.description ?? "");
+	const [urlPattern, setUrlPattern] = React$1.useState(collection?.urlPattern ?? "");
+	const [supports, setSupports] = React$1.useState((collection?.supports ?? ["drafts", "revisions"]).filter((s) => s !== "seo"));
+	const [hasSeo, setHasSeo] = React$1.useState(collection?.hasSeo ?? false);
+	const [commentsEnabled, setCommentsEnabled] = React$1.useState(collection?.commentsEnabled ?? false);
+	const [commentsModeration, setCommentsModeration] = React$1.useState(collection?.commentsModeration ?? "first_time");
+	const [commentsClosedAfterDays, setCommentsClosedAfterDays] = React$1.useState(collection?.commentsClosedAfterDays ?? 90);
+	const [commentsAutoApproveUsers, setCommentsAutoApproveUsers] = React$1.useState(collection?.commentsAutoApproveUsers ?? true);
+	const [fieldEditorOpen, setFieldEditorOpen] = React$1.useState(false);
+	const [editingField, setEditingField] = React$1.useState();
+	const [fieldSaving, setFieldSaving] = React$1.useState(false);
+	const [deleteFieldTarget, setDeleteFieldTarget] = React$1.useState(null);
 	const urlPatternValid = !urlPattern || urlPattern.includes("{slug}");
-	const hasChanges = React.useMemo(() => {
+	const hasChanges = React$1.useMemo(() => {
 		if (isNew) return slug && label;
 		if (!collection) return false;
 		return label !== collection.label || labelSingular !== (collection.labelSingular ?? "") || description !== (collection.description ?? "") || urlPattern !== (collection.urlPattern ?? "") || JSON.stringify([...supports].toSorted()) !== JSON.stringify(collection.supports.filter((s) => s !== "seo").toSorted()) || hasSeo !== collection.hasSeo || commentsEnabled !== collection.commentsEnabled || commentsModeration !== collection.commentsModeration || commentsClosedAfterDays !== collection.commentsClosedAfterDays || commentsAutoApproveUsers !== collection.commentsAutoApproveUsers;
@@ -13267,7 +13517,7 @@ function SystemFieldRow({ field }) {
 */
 function ContentTypeList({ collections, orphanedTables, isLoading, onDelete, onRegisterOrphan }) {
 	const { _: _t } = useLingui();
-	const [deleteTarget, setDeleteTarget] = React.useState(null);
+	const [deleteTarget, setDeleteTarget] = React$1.useState(null);
 	const hasOrphans = orphanedTables && orphanedTables.length > 0;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-4",
@@ -13942,9 +14192,9 @@ const ROLE_NAMES = {
 const DEVICE_CODE_INVALID_CHARS_REGEX = /[^A-Z0-9-]/g;
 const DEVICE_CODE_HYPHEN_REGEX = /-/g;
 function DeviceAuthorizePage() {
-	const [code, setCode] = React.useState("");
-	const [pageState, setPageState] = React.useState("input");
-	const [errorMessage, setErrorMessage] = React.useState("");
+	const [code, setCode] = React$1.useState("");
+	const [pageState, setPageState] = React$1.useState("input");
+	const [errorMessage, setErrorMessage] = React$1.useState("");
 	const { data: user, isLoading, error: authError } = useQuery({
 		queryKey: ["auth-me"],
 		queryFn: async () => {
@@ -13952,11 +14202,11 @@ function DeviceAuthorizePage() {
 		},
 		retry: false
 	});
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		const urlCode = new URLSearchParams(window.location.search).get("code");
 		if (urlCode) setCode(urlCode);
 	}, []);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (!isLoading && (authError || !user)) {
 			const returnUrl = encodeURIComponent(window.location.pathname + window.location.search);
 			window.location.href = `/_emdash/admin/login?redirect=${returnUrl}`;
@@ -14313,11 +14563,11 @@ function PasskeyRegistration({ optionsEndpoint, verifyEndpoint, onSuccess, onErr
 		id: "0QF2SD",
 		message: "Register Passkey"
 	});
-	const [state, setState] = React.useState({ status: "idle" });
-	const [passkeyName, setPasskeyName] = React.useState("");
-	const isSupported = React.useMemo(() => isPasskeyEnvironmentUsable(), []);
-	const insecureContext = React.useMemo(() => typeof window !== "undefined" && !isWebAuthnSecureContext(), []);
-	const handleRegister = React.useCallback(async () => {
+	const [state, setState] = React$1.useState({ status: "idle" });
+	const [passkeyName, setPasskeyName] = React$1.useState("");
+	const isSupported = React$1.useMemo(() => isPasskeyEnvironmentUsable(), []);
+	const insecureContext = React$1.useMemo(() => typeof window !== "undefined" && !isWebAuthnSecureContext(), []);
+	const handleRegister = React$1.useCallback(async () => {
 		if (!isSupported) {
 			setState({
 				status: "error",
@@ -14849,7 +15099,7 @@ function handleInviteSuccess() {
 	window.location.href = "/_emdash/admin";
 }
 function RegisterStep({ inviteData, token }) {
-	const [name, setName] = React.useState("");
+	const [name, setName] = React$1.useState("");
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-6",
 		children: [
@@ -14980,13 +15230,13 @@ function ErrorStep$1({ message, code }) {
 }
 function InviteAcceptPage() {
 	const { token: urlToken } = useSearch({ strict: false });
-	const [step, setStep] = React.useState("verify");
-	const [error, setError] = React.useState();
-	const [errorCode, setErrorCode] = React.useState();
-	const [isLoading, setIsLoading] = React.useState(true);
-	const [inviteData, setInviteData] = React.useState(null);
-	const [token, setToken] = React.useState(null);
-	React.useEffect(() => {
+	const [step, setStep] = React$1.useState("verify");
+	const [error, setError] = React$1.useState();
+	const [errorCode, setErrorCode] = React$1.useState();
+	const [isLoading, setIsLoading] = React$1.useState(true);
+	const [inviteData, setInviteData] = React$1.useState(null);
+	const [token, setToken] = React$1.useState(null);
+	React$1.useEffect(() => {
 		if (!urlToken) {
 			setError("No invite token provided");
 			setStep("error");
@@ -15105,15 +15355,15 @@ function PasskeyLogin({ optionsEndpoint, verifyEndpoint, onSuccess, onError, sho
 		id: "QjsOMP",
 		message: "Sign in with Passkey"
 	});
-	const [state, setState] = React.useState({ status: "idle" });
-	const [email, setEmail] = React.useState("");
-	const [supportsConditional, setSupportsConditional] = React.useState(false);
-	const isSupported = React.useMemo(() => isPasskeyEnvironmentUsable(), []);
-	const insecureContext = React.useMemo(() => typeof window !== "undefined" && !isWebAuthnSecureContext(), []);
-	React.useEffect(() => {
+	const [state, setState] = React$1.useState({ status: "idle" });
+	const [email, setEmail] = React$1.useState("");
+	const [supportsConditional, setSupportsConditional] = React$1.useState(false);
+	const isSupported = React$1.useMemo(() => isPasskeyEnvironmentUsable(), []);
+	const insecureContext = React$1.useMemo(() => typeof window !== "undefined" && !isWebAuthnSecureContext(), []);
+	React$1.useEffect(() => {
 		isConditionalMediationSupported().then(setSupportsConditional);
 	}, []);
-	const handleLogin = React.useCallback(async (useConditional = false) => {
+	const handleLogin = React$1.useCallback(async (useConditional = false) => {
 		if (!isSupported) {
 			setState({
 				status: "error",
@@ -15385,10 +15635,10 @@ function PasskeyLogin({ optionsEndpoint, verifyEndpoint, onSuccess, onError, sho
 */
 function MagicLinkForm({ onBack }) {
 	const { _: _t } = useLingui();
-	const [email, setEmail] = React.useState("");
-	const [isLoading, setIsLoading] = React.useState(false);
-	const [error, setError] = React.useState(null);
-	const [sent, setSent] = React.useState(false);
+	const [email, setEmail] = React$1.useState("");
+	const [isLoading, setIsLoading] = React$1.useState(false);
+	const [error, setError] = React$1.useState(null);
+	const [sent, setSent] = React$1.useState(false);
 	const handleSubmit = async (e) => {
 		e.preventDefault();
 		setError(null);
@@ -15527,18 +15777,18 @@ 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 [activeProvider, setActiveProvider] = React.useState(null);
+	const [method, setMethod] = React$1.useState("passkey");
+	const [urlError, setUrlError] = React$1.useState(null);
+	const [activeProvider, setActiveProvider] = React$1.useState(null);
 	const authProviderList = useAuthProviderList();
 	const { data: authInfo, isLoading: authModeLoading } = useQuery({
 		queryKey: ["authMode"],
 		queryFn: fetchAuthMode
 	});
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (authInfo?.authMode && authInfo.authMode !== "passkey") window.location.href = safeRedirectUrl;
 	}, [authInfo, safeRedirectUrl]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		const params = new URLSearchParams(window.location.search);
 		const error = params.get("error");
 		const message = params.get("message");
@@ -15731,11 +15981,11 @@ const SORT_LABELS$1 = {
 };
 function MarketplaceBrowse({ installedPluginIds = /* @__PURE__ */ new Set() }) {
 	const { _: _t } = useLingui();
-	const [searchQuery, setSearchQuery] = React.useState("");
-	const [sort, setSort] = React.useState("installs");
-	const [capability, setCapability] = React.useState("");
-	const [debouncedQuery, setDebouncedQuery] = React.useState("");
-	React.useEffect(() => {
+	const [searchQuery, setSearchQuery] = React$1.useState("");
+	const [sort, setSort] = React$1.useState("installs");
+	const [capability, setCapability] = React$1.useState("");
+	const [debouncedQuery, setDebouncedQuery] = React$1.useState("");
+	React$1.useEffect(() => {
 		const timer = setTimeout(setDebouncedQuery, 300, searchQuery);
 		return () => clearTimeout(timer);
 	}, [searchQuery]);
@@ -16248,7 +16498,7 @@ function PluginManager({ manifest }) {
 			});
 		}
 	});
-	const updateMap = React.useMemo(() => {
+	const updateMap = React$1.useMemo(() => {
 		if (!updates) return /* @__PURE__ */ new Map();
 		return new Map(updates.map((u) => [u.pluginId, u]));
 	}, [updates]);
@@ -16392,9 +16642,9 @@ function PluginManager({ manifest }) {
 }
 function PluginCard({ plugin, updateInfo, onEnable, onDisable, isToggling, hasMarketplace }) {
 	const { _: _t2 } = useLingui();
-	const [expanded, setExpanded] = React.useState(false);
-	const [showUpdateConsent, setShowUpdateConsent] = React.useState(false);
-	const [showUninstallConfirm, setShowUninstallConfirm] = React.useState(false);
+	const [expanded, setExpanded] = React$1.useState(false);
+	const [showUpdateConsent, setShowUpdateConsent] = React$1.useState(false);
+	const [showUninstallConfirm, setShowUninstallConfirm] = React$1.useState(false);
 	const queryClient = useQueryClient();
 	const toastManager = Toast.useToastManager();
 	const isMarketplace = plugin.source === "marketplace";
@@ -16761,7 +17011,7 @@ function PluginCard({ plugin, updateInfo, onEnable, onDisable, isToggling, hasMa
 }
 function UninstallConfirmDialog({ pluginName, isPending, error, onConfirm, onCancel }) {
 	const { _: _t3 } = useLingui();
-	const [deleteData, setDeleteData] = React.useState(false);
+	const [deleteData, setDeleteData] = React$1.useState(false);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "fixed inset-0 z-50 flex items-center justify-center",
 		role: "dialog",
@@ -16850,9 +17100,9 @@ function UninstallConfirmDialog({ pluginName, isPending, error, onConfirm, onCan
 function MarketplacePluginDetail({ pluginId, installedPluginIds = /* @__PURE__ */ new Set() }) {
 	const { _: _t } = useLingui();
 	const queryClient = useQueryClient();
-	const [showConsent, setShowConsent] = React.useState(false);
-	const [showUninstallConfirm, setShowUninstallConfirm] = React.useState(false);
-	const [lightboxIndex, setLightboxIndex] = React.useState(null);
+	const [showConsent, setShowConsent] = React$1.useState(false);
+	const [showUninstallConfirm, setShowUninstallConfirm] = React$1.useState(false);
+	const [lightboxIndex, setLightboxIndex] = React$1.useState(null);
 	const { data: plugin, isLoading, error } = useQuery({
 		queryKey: [
 			"marketplace",
@@ -17229,7 +17479,7 @@ function BackLink() {
 }
 function ScreenshotLightbox({ screenshots, index, isBlurred = false, onClose, onNavigate }) {
 	const { _: _t3 } = useLingui();
-	const handleKeyDown = React.useCallback((e) => {
+	const handleKeyDown = React$1.useCallback((e) => {
 		if (e.key === "Escape") onClose();
 		if (e.key === "ArrowLeft" && index > 0) onNavigate(index - 1);
 		if (e.key === "ArrowRight" && index < screenshots.length - 1) onNavigate(index + 1);
@@ -17239,7 +17489,7 @@ function ScreenshotLightbox({ screenshots, index, isBlurred = false, onClose, on
 		onClose,
 		onNavigate
 	]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		document.addEventListener("keydown", handleKeyDown);
 		return () => document.removeEventListener("keydown", handleKeyDown);
 	}, [handleKeyDown]);
@@ -17388,17 +17638,17 @@ function formatBytes(bytes) {
 function MediaDetailPanel({ item, onClose, onDeleted }) {
 	const { _: _t } = useLingui();
 	const queryClient = useQueryClient();
-	const [filename, setFilename] = React.useState(item?.filename ?? "");
-	const [alt, setAlt] = React.useState(item?.alt ?? "");
-	const [caption, setCaption] = React.useState(item?.caption ?? "");
-	React.useEffect(() => {
+	const [filename, setFilename] = React$1.useState(item?.filename ?? "");
+	const [alt, setAlt] = React$1.useState(item?.alt ?? "");
+	const [caption, setCaption] = React$1.useState(item?.caption ?? "");
+	React$1.useEffect(() => {
 		if (item) {
 			setFilename(item.filename);
 			setAlt(item.alt ?? "");
 			setCaption(item.caption ?? "");
 		}
 	}, [item]);
-	const hasChanges = React.useMemo(() => {
+	const hasChanges = React$1.useMemo(() => {
 		if (!item) return false;
 		return filename !== item.filename || alt !== (item.alt ?? "") || caption !== (item.caption ?? "");
 	}, [
@@ -17434,14 +17684,14 @@ function MediaDetailPanel({ item, onClose, onDeleted }) {
 			caption: caption || void 0
 		});
 	};
-	const [showDeleteConfirm, setShowDeleteConfirm] = React.useState(false);
+	const [showDeleteConfirm, setShowDeleteConfirm] = React$1.useState(false);
 	const handleDelete = () => {
 		if (!item) return;
 		setShowDeleteConfirm(true);
 	};
 	const stableOnClose = useStableCallback(onClose);
 	const stableHandleSave = useStableCallback(handleSave);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		const handleKeyDown = (e) => {
 			if (e.key === "Escape") stableOnClose();
 			if ((e.metaKey || e.ctrlKey) && e.key === "s") {
@@ -17698,13 +17948,13 @@ function formatDate(isoString) {
 */
 function MediaLibrary({ items = [], isLoading, onUpload, onDelete, onItemUpdated }) {
 	const { _: _t } = useLingui();
-	const [viewMode, setViewMode] = React.useState("grid");
-	const [selectedItem, setSelectedItem] = React.useState(null);
-	const [activeProvider, setActiveProvider] = React.useState("local");
-	const [searchQuery, setSearchQuery] = React.useState("");
-	const [uploadState, setUploadState] = React.useState({ status: "idle" });
-	const fileInputRef = React.useRef(null);
-	const [loadedDimensions, setLoadedDimensions] = React.useState({});
+	const [viewMode, setViewMode] = React$1.useState("grid");
+	const [selectedItem, setSelectedItem] = React$1.useState(null);
+	const [activeProvider, setActiveProvider] = React$1.useState("local");
+	const [searchQuery, setSearchQuery] = React$1.useState("");
+	const [uploadState, setUploadState] = React$1.useState({ status: "idle" });
+	const fileInputRef = React$1.useRef(null);
+	const [loadedDimensions, setLoadedDimensions] = React$1.useState({});
 	const { data: providers } = useQuery({
 		queryKey: ["media-providers"],
 		queryFn: fetchMediaProviders,
@@ -17722,7 +17972,7 @@ function MediaLibrary({ items = [], isLoading, onUpload, onDelete, onItemUpdated
 		}),
 		enabled: activeProvider !== "local"
 	});
-	const activeProviderInfo = React.useMemo(() => {
+	const activeProviderInfo = React$1.useMemo(() => {
 		if (activeProvider === "local") return {
 			id: "local",
 			name: "Library",
@@ -17735,7 +17985,7 @@ function MediaLibrary({ items = [], isLoading, onUpload, onDelete, onItemUpdated
 		};
 		return providers?.find((p) => p.id === activeProvider);
 	}, [activeProvider, providers]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (selectedItem && activeProvider === "local") {
 			const updated = items.find((i) => i.id === selectedItem.id);
 			if (updated) setSelectedItem(updated);
@@ -17746,7 +17996,7 @@ function MediaLibrary({ items = [], isLoading, onUpload, onDelete, onItemUpdated
 		selectedItem?.id,
 		activeProvider
 	]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (uploadState.status === "success" || uploadState.status === "error") {
 			const timer = setTimeout(() => {
 				setUploadState({ status: "idle" });
@@ -17870,7 +18120,7 @@ function MediaLibrary({ items = [], isLoading, onUpload, onDelete, onItemUpdated
 		}
 		if (fileInputRef.current) fileInputRef.current.value = "";
 	};
-	const providerTabs = React.useMemo(() => {
+	const providerTabs = React$1.useMemo(() => {
 		const tabs = [{
 			id: "local",
 			name: "Library",
@@ -18384,18 +18634,18 @@ function getItemTitle(item) {
 }
 function ContentPickerModal({ open, onOpenChange, onSelect }) {
 	const { _: _t } = useLingui();
-	const [searchQuery, setSearchQuery] = React.useState("");
+	const [searchQuery, setSearchQuery] = React$1.useState("");
 	const debouncedSearch = useDebouncedValue$1(searchQuery, 300);
-	const [selectedCollection, setSelectedCollection] = React.useState("");
-	const [allItems, setAllItems] = React.useState([]);
-	const [nextCursor, setNextCursor] = React.useState();
-	const [isLoadingMore, setIsLoadingMore] = React.useState(false);
+	const [selectedCollection, setSelectedCollection] = React$1.useState("");
+	const [allItems, setAllItems] = React$1.useState([]);
+	const [nextCursor, setNextCursor] = React$1.useState();
+	const [isLoadingMore, setIsLoadingMore] = React$1.useState(false);
 	const { data: collections = [] } = useQuery({
 		queryKey: ["collections"],
 		queryFn: fetchCollections,
 		enabled: open
 	});
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (collections.length > 0 && !selectedCollection) setSelectedCollection(collections[0].slug);
 	}, [collections, selectedCollection]);
 	const { data: contentResult, isLoading: contentLoading } = useQuery({
@@ -18407,7 +18657,7 @@ function ContentPickerModal({ open, onOpenChange, onSelect }) {
 		queryFn: () => fetchContentList(selectedCollection, { limit: 50 }),
 		enabled: open && !!selectedCollection
 	});
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (contentResult) {
 			setAllItems(contentResult.items);
 			setNextCursor(contentResult.nextCursor);
@@ -18427,12 +18677,12 @@ function ContentPickerModal({ open, onOpenChange, onSelect }) {
 			setIsLoadingMore(false);
 		}
 	};
-	const filteredItems = React.useMemo(() => {
+	const filteredItems = React$1.useMemo(() => {
 		if (!debouncedSearch) return allItems;
 		const query = debouncedSearch.toLowerCase();
 		return allItems.filter((item) => getItemTitle(item).toLowerCase().includes(query));
 	}, [allItems, debouncedSearch]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (open) {
 			setSearchQuery("");
 			setSelectedCollection("");
@@ -18631,25 +18881,85 @@ function ContentPickerModal({ open, onOpenChange, onSelect }) {
 function MenuEditor() {
 	const { _: _t } = useLingui();
 	const { name } = useParams$1({ from: "/_admin/menus/$name" });
+	const routeLocale = useSearch({ from: "/_admin/menus/$name" }).locale;
 	const navigate = useNavigate$1();
 	const queryClient = useQueryClient();
 	const toastManager = Toast.useToastManager();
-	const [isAddOpen, setIsAddOpen] = React.useState(false);
-	const [isContentPickerOpen, setIsContentPickerOpen] = React.useState(false);
-	const [editingItem, setEditingItem] = React.useState(null);
-	const [localItems, setLocalItems] = React.useState([]);
-	const [addError, setAddError] = React.useState(null);
-	const [editError, setEditError] = React.useState(null);
+	const [isAddOpen, setIsAddOpen] = React$1.useState(false);
+	const [isContentPickerOpen, setIsContentPickerOpen] = React$1.useState(false);
+	const [editingItem, setEditingItem] = React$1.useState(null);
+	const [localItems, setLocalItems] = React$1.useState([]);
+	const [addError, setAddError] = React$1.useState(null);
+	const [editError, setEditError] = React$1.useState(null);
+	const { data: manifest } = useQuery({
+		queryKey: ["manifest"],
+		queryFn: fetchManifest
+	});
+	const i18n = useI18nConfig(manifest);
 	const { data: menu, isLoading } = useQuery({
-		queryKey: ["menu", name],
-		queryFn: () => fetchMenu(name),
+		queryKey: [
+			"menu",
+			name,
+			routeLocale ?? null
+		],
+		queryFn: () => fetchMenu(name, { locale: routeLocale }),
 		staleTime: Infinity
 	});
-	React.useEffect(() => {
+	const menuLocale = routeLocale ?? menu?.locale;
+	const { data: translationsData } = useQuery({
+		queryKey: [
+			"menu-translations",
+			name,
+			menuLocale ?? null
+		],
+		queryFn: () => fetchMenuTranslations(name, { locale: menuLocale }),
+		enabled: !!menu && !!i18n && i18n.locales.length > 1
+	});
+	const translateMutation = useMutation({
+		mutationFn: (targetLocale) => createMenuTranslation(name, {
+			locale: targetLocale,
+			label: menu?.label
+		}, { locale: menuLocale }),
+		onSuccess: (translated) => {
+			queryClient.invalidateQueries({ queryKey: ["menus"] });
+			queryClient.invalidateQueries({ queryKey: ["menu", name] });
+			queryClient.invalidateQueries({ queryKey: ["menu-translations", name] });
+			toastManager.add({
+				title: _t({
+					id: "pBdGCu",
+					message: "Translation created"
+				}),
+				description: _t({
+					id: "RKdeOp",
+					message: "Menu \"{0}\" ({1}) created.",
+					values: {
+						0: translated.label,
+						1: translated.locale.toUpperCase()
+					}
+				})
+			});
+			navigate({
+				to: "/menus/$name",
+				params: { name },
+				search: { locale: translated.locale }
+			});
+		},
+		onError: (error) => {
+			toastManager.add({
+				title: _t({
+					id: "SlfejT",
+					message: "Error"
+				}),
+				description: error.message,
+				type: "error"
+			});
+		}
+	});
+	React$1.useEffect(() => {
 		if (menu?.items) setLocalItems(menu.items);
 	}, [menu]);
 	const createMutation = useMutation({
-		mutationFn: (input) => createMenuItem(name, input),
+		mutationFn: (input) => createMenuItem(name, input, { locale: menuLocale }),
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: ["menu", name] });
 			setIsAddOpen(false);
@@ -18669,7 +18979,7 @@ function MenuEditor() {
 		}
 	});
 	const deleteMutation = useMutation({
-		mutationFn: (itemId) => deleteMenuItem(name, itemId),
+		mutationFn: (itemId) => deleteMenuItem(name, itemId, { locale: menuLocale }),
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: ["menu", name] });
 			toastManager.add({
@@ -18695,7 +19005,7 @@ function MenuEditor() {
 		}
 	});
 	const updateMutation = useMutation({
-		mutationFn: ({ itemId, input }) => updateMenuItem(name, itemId, input),
+		mutationFn: ({ itemId, input }) => updateMenuItem(name, itemId, input, { locale: menuLocale }),
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: ["menu", name] });
 			setEditingItem(null);
@@ -18715,7 +19025,7 @@ function MenuEditor() {
 		}
 	});
 	const reorderMutation = useMutation({
-		mutationFn: (input) => reorderMenuItems(name, input),
+		mutationFn: (input) => reorderMenuItems(name, input, { locale: menuLocale }),
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: ["menu", name] });
 			toastManager.add({
@@ -18998,6 +19308,28 @@ function MenuEditor() {
 				onOpenChange: setIsContentPickerOpen,
 				onSelect: handleAddContent
 			}),
+			i18n && i18n.locales.length > 1 && menu ? /* @__PURE__ */ jsx("div", {
+				className: "border rounded-lg p-4",
+				children: /* @__PURE__ */ jsx(TranslationsPanel, {
+					locales: i18n.locales,
+					defaultLocale: i18n.defaultLocale,
+					currentLocale: menu.locale,
+					translations: translationsData?.translations.map((tr) => ({
+						id: tr.id,
+						locale: tr.locale
+					})) ?? [{
+						id: menu.id,
+						locale: menu.locale
+					}],
+					onOpen: (tr) => navigate({
+						to: "/menus/$name",
+						params: { name },
+						search: { locale: tr.locale }
+					}),
+					onCreate: (target) => translateMutation.mutate(target),
+					pendingLocale: translateMutation.isPending ? translateMutation.variables ?? null : null
+				})
+			}) : null,
 			localItems.length === 0 ? /* @__PURE__ */ jsxs("div", {
 				className: "border rounded-lg p-12 text-center",
 				children: [
@@ -19247,12 +19579,21 @@ function MenuList() {
 	const queryClient = useQueryClient();
 	const navigate = useNavigate$1();
 	const toastManager = Toast.useToastManager();
-	const [isCreateOpen, setIsCreateOpen] = React.useState(false);
-	const [deleteMenuName, setDeleteMenuName] = React.useState(null);
-	const [createError, setCreateError] = React.useState(null);
+	const [isCreateOpen, setIsCreateOpen] = React$1.useState(false);
+	const [deleteMenuName, setDeleteMenuName] = React$1.useState(null);
+	const [createError, setCreateError] = React$1.useState(null);
+	const { data: manifest } = useQuery({
+		queryKey: ["manifest"],
+		queryFn: fetchManifest
+	});
+	const i18n = useI18nConfig(manifest);
+	const [activeLocale, setActiveLocale] = React$1.useState(void 0);
+	React$1.useEffect(() => {
+		if (i18n && !activeLocale) setActiveLocale(i18n.defaultLocale);
+	}, [i18n, activeLocale]);
 	const { data: menus, isLoading } = useQuery({
-		queryKey: ["menus"],
-		queryFn: fetchMenus
+		queryKey: ["menus", activeLocale],
+		queryFn: () => fetchMenus({ locale: activeLocale })
 	});
 	const createMutation = useMutation({
 		mutationFn: createMenu,
@@ -19272,7 +19613,8 @@ function MenuList() {
 			});
 			navigate({
 				to: "/menus/$name",
-				params: { name: menu.name }
+				params: { name: menu.name },
+				search: { locale: menu.locale }
 			});
 		},
 		onError: (error) => {
@@ -19280,7 +19622,7 @@ function MenuList() {
 		}
 	});
 	const deleteMutation = useMutation({
-		mutationFn: deleteMenu,
+		mutationFn: (name) => deleteMenu(name, { locale: activeLocale }),
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: ["menus"] });
 			setDeleteMenuName(null);
@@ -19306,7 +19648,8 @@ function MenuList() {
 		const label = typeof labelVal === "string" ? labelVal : "";
 		createMutation.mutate({
 			name,
-			label
+			label,
+			locale: activeLocale
 		});
 	};
 	if (isLoading) return /* @__PURE__ */ jsx("div", {
@@ -19323,135 +19666,147 @@ function MenuList() {
 		className: "space-y-6",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
-					className: "text-3xl font-bold",
-					children: _t({
-						id: "NXjnVQ",
-						message: "Menus"
-					})
-				}), /* @__PURE__ */ jsx("p", {
-					className: "text-kumo-subtle",
-					children: _t({
-						id: "+2SUVL",
-						message: "Manage navigation menus for your site"
-					})
-				})] }), /* @__PURE__ */ jsxs(Dialog.Root, {
-					open: isCreateOpen,
-					onOpenChange: (open) => {
-						setIsCreateOpen(open);
-						if (!open) setCreateError(null);
-					},
-					children: [/* @__PURE__ */ jsx(Dialog.Trigger, { render: (props) => /* @__PURE__ */ jsx(Button, {
-						...props,
-						icon: /* @__PURE__ */ jsx(Plus, {}),
+				className: "flex items-center justify-between gap-4 flex-wrap",
+				children: [
+					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
+						className: "text-3xl font-bold",
 						children: _t({
-							id: "89ONdL",
-							message: "Create Menu"
+							id: "NXjnVQ",
+							message: "Menus"
 						})
-					}) }), /* @__PURE__ */ jsxs(Dialog, {
-						className: "p-6",
-						size: "lg",
-						children: [/* @__PURE__ */ jsxs("div", {
-							className: "flex items-start justify-between gap-4 mb-4",
-							children: [/* @__PURE__ */ jsx(Dialog.Title, {
-								className: "text-lg font-semibold leading-none tracking-tight",
-								children: _t({
-									id: "7P7UXw",
-									message: "Create New Menu"
-								})
-							}), /* @__PURE__ */ jsx(Dialog.Close, {
-								"aria-label": _t({
-									id: "yz7wBu",
-									message: "Close"
-								}),
-								render: (props) => /* @__PURE__ */ jsxs(Button, {
-									...props,
-									variant: "ghost",
-									shape: "square",
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-kumo-subtle",
+						children: _t({
+							id: "+2SUVL",
+							message: "Manage navigation menus for your site"
+						})
+					})] }),
+					/* @__PURE__ */ jsx("div", {
+						className: "flex items-center gap-2",
+						children: i18n && activeLocale ? /* @__PURE__ */ jsx(LocaleSwitcher, {
+							locales: i18n.locales,
+							defaultLocale: i18n.defaultLocale,
+							value: activeLocale,
+							onChange: setActiveLocale
+						}) : null
+					}),
+					/* @__PURE__ */ jsxs(Dialog.Root, {
+						open: isCreateOpen,
+						onOpenChange: (open) => {
+							setIsCreateOpen(open);
+							if (!open) setCreateError(null);
+						},
+						children: [/* @__PURE__ */ jsx(Dialog.Trigger, { render: (props) => /* @__PURE__ */ jsx(Button, {
+							...props,
+							icon: /* @__PURE__ */ jsx(Plus, {}),
+							children: _t({
+								id: "89ONdL",
+								message: "Create Menu"
+							})
+						}) }), /* @__PURE__ */ jsxs(Dialog, {
+							className: "p-6",
+							size: "lg",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "flex items-start justify-between gap-4 mb-4",
+								children: [/* @__PURE__ */ jsx(Dialog.Title, {
+									className: "text-lg font-semibold leading-none tracking-tight",
+									children: _t({
+										id: "7P7UXw",
+										message: "Create New Menu"
+									})
+								}), /* @__PURE__ */ jsx(Dialog.Close, {
 									"aria-label": _t({
 										id: "yz7wBu",
 										message: "Close"
 									}),
-									className: "absolute end-4 top-4",
-									children: [/* @__PURE__ */ jsx(X, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
-										className: "sr-only",
-										children: _t({
+									render: (props) => /* @__PURE__ */ jsxs(Button, {
+										...props,
+										variant: "ghost",
+										shape: "square",
+										"aria-label": _t({
 											id: "yz7wBu",
 											message: "Close"
-										})
-									})]
-								})
-							})]
-						}), /* @__PURE__ */ jsxs("form", {
-							onSubmit: handleCreate,
-							className: "space-y-4",
-							children: [
-								/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Input, {
-									label: _t({
-										id: "6YtxFj",
-										message: "Name"
-									}),
-									name: "name",
-									required: true,
-									placeholder: "primary",
-									pattern: "[a-z0-9\\-]+",
-									title: _t({
-										id: "6ZQzu/",
-										message: "Only lowercase letters, numbers, and hyphens"
-									})
-								}), /* @__PURE__ */ jsx("p", {
-									className: "text-sm text-kumo-subtle mt-1",
-									children: _t({
-										id: "P5zbwF",
-										message: "URL-friendly identifier (e.g., \"primary\", \"footer\")"
-									})
-								})] }),
-								/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Input, {
-									label: _t({
-										id: "87a/t/",
-										message: "Label"
-									}),
-									name: "label",
-									required: true,
-									placeholder: _t({
-										id: "9xZvwS",
-										message: "Primary Navigation"
-									})
-								}), /* @__PURE__ */ jsx("p", {
-									className: "text-sm text-kumo-subtle mt-1",
-									children: _t({
-										id: "1jYgRd",
-										message: "Display name for admin interface"
+										}),
+										className: "absolute end-4 top-4",
+										children: [/* @__PURE__ */ jsx(X, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+											className: "sr-only",
+											children: _t({
+												id: "yz7wBu",
+												message: "Close"
+											})
+										})]
 									})
-								})] }),
-								/* @__PURE__ */ jsx(DialogError, { message: createError || getMutationError(createMutation.error) }),
-								/* @__PURE__ */ jsxs("div", {
-									className: "flex justify-end gap-2",
-									children: [/* @__PURE__ */ jsx(Button, {
-										type: "button",
-										variant: "outline",
-										onClick: () => setIsCreateOpen(false),
+								})]
+							}), /* @__PURE__ */ jsxs("form", {
+								onSubmit: handleCreate,
+								className: "space-y-4",
+								children: [
+									/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Input, {
+										label: _t({
+											id: "6YtxFj",
+											message: "Name"
+										}),
+										name: "name",
+										required: true,
+										placeholder: "primary",
+										pattern: "[a-z0-9\\-]+",
+										title: _t({
+											id: "6ZQzu/",
+											message: "Only lowercase letters, numbers, and hyphens"
+										})
+									}), /* @__PURE__ */ jsx("p", {
+										className: "text-sm text-kumo-subtle mt-1",
 										children: _t({
-											id: "dEgA5A",
-											message: "Cancel"
+											id: "P5zbwF",
+											message: "URL-friendly identifier (e.g., \"primary\", \"footer\")"
 										})
-									}), /* @__PURE__ */ jsx(Button, {
-										type: "submit",
-										disabled: createMutation.isPending,
-										children: createMutation.isPending ? _t({
-											id: "HM56Bx",
-											message: "Creating..."
-										}) : _t({
-											id: "hYgDIe",
-											message: "Create"
+									})] }),
+									/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Input, {
+										label: _t({
+											id: "87a/t/",
+											message: "Label"
+										}),
+										name: "label",
+										required: true,
+										placeholder: _t({
+											id: "9xZvwS",
+											message: "Primary Navigation"
 										})
-									})]
-								})
-							]
+									}), /* @__PURE__ */ jsx("p", {
+										className: "text-sm text-kumo-subtle mt-1",
+										children: _t({
+											id: "1jYgRd",
+											message: "Display name for admin interface"
+										})
+									})] }),
+									/* @__PURE__ */ jsx(DialogError, { message: createError || getMutationError(createMutation.error) }),
+									/* @__PURE__ */ jsxs("div", {
+										className: "flex justify-end gap-2",
+										children: [/* @__PURE__ */ jsx(Button, {
+											type: "button",
+											variant: "outline",
+											onClick: () => setIsCreateOpen(false),
+											children: _t({
+												id: "dEgA5A",
+												message: "Cancel"
+											})
+										}), /* @__PURE__ */ jsx(Button, {
+											type: "submit",
+											disabled: createMutation.isPending,
+											children: createMutation.isPending ? _t({
+												id: "HM56Bx",
+												message: "Creating..."
+											}) : _t({
+												id: "hYgDIe",
+												message: "Create"
+											})
+										})]
+									})
+								]
+							})]
 						})]
-					})]
-				})]
+					})
+				]
 			}),
 			!menus || menus.length === 0 ? /* @__PURE__ */ jsxs("div", {
 				className: "border rounded-lg p-12 text-center",
@@ -19487,10 +19842,14 @@ function MenuList() {
 					children: [/* @__PURE__ */ jsx(Link$1, {
 						to: "/menus/$name",
 						params: { name: menu.name },
+						search: { locale: menu.locale },
 						className: "flex-1",
-						children: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+						children: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("h3", {
 							className: "font-semibold text-lg",
-							children: menu.label
+							children: [menu.label, i18n ? /* @__PURE__ */ jsx("span", {
+								className: "ms-2 text-xs font-mono uppercase text-kumo-subtle",
+								children: menu.locale
+							}) : null]
 						}), /* @__PURE__ */ jsxs("p", {
 							className: "text-sm text-kumo-subtle",
 							children: [
@@ -19505,6 +19864,7 @@ function MenuList() {
 						children: [/* @__PURE__ */ jsxs(Link$1, {
 							to: "/menus/$name",
 							params: { name: menu.name },
+							search: { locale: menu.locale },
 							className: buttonVariants({
 								variant: "outline",
 								size: "sm"
@@ -20444,27 +20804,27 @@ function SectionEditor() {
 }
 function SectionEditorForm({ section, isSaving, onSave }) {
 	const { _: _t2 } = useLingui();
-	const [title, setTitle] = React.useState(section.title);
-	const [sectionSlug, setSectionSlug] = React.useState(section.slug);
-	const [slugTouched, setSlugTouched] = React.useState(true);
-	const [description, setDescription] = React.useState(section.description || "");
-	const [keywords, setKeywords] = React.useState(section.keywords.join(", "));
-	const [content, setContent] = React.useState(section.content);
-	const [lastSavedData] = React.useState(() => JSON.stringify({
+	const [title, setTitle] = React$1.useState(section.title);
+	const [sectionSlug, setSectionSlug] = React$1.useState(section.slug);
+	const [slugTouched, setSlugTouched] = React$1.useState(true);
+	const [description, setDescription] = React$1.useState(section.description || "");
+	const [keywords, setKeywords] = React$1.useState(section.keywords.join(", "));
+	const [content, setContent] = React$1.useState(section.content);
+	const [lastSavedData] = React$1.useState(() => JSON.stringify({
 		title: section.title,
 		slug: section.slug,
 		description: section.description || "",
 		keywords: section.keywords.join(", "),
 		content: section.content
 	}));
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (!slugTouched && title && title !== section.title) setSectionSlug(slugify(title));
 	}, [
 		title,
 		slugTouched,
 		section.title
 	]);
-	const isDirty = React.useMemo(() => JSON.stringify({
+	const isDirty = React$1.useMemo(() => JSON.stringify({
 		title,
 		slug: sectionSlug,
 		description,
@@ -20477,11 +20837,11 @@ function SectionEditorForm({ section, isSaving, onSave }) {
 		keywords,
 		content
 	]) !== lastSavedData;
-	const [blockSidebarPanel, setBlockSidebarPanel] = React.useState(null);
-	const handleBlockSidebarOpen = React.useCallback((panel) => {
+	const [blockSidebarPanel, setBlockSidebarPanel] = React$1.useState(null);
+	const handleBlockSidebarOpen = React$1.useCallback((panel) => {
 		setBlockSidebarPanel(panel);
 	}, []);
-	const handleBlockSidebarClose = React.useCallback(() => {
+	const handleBlockSidebarClose = React$1.useCallback(() => {
 		setBlockSidebarPanel((prev) => {
 			prev?.onClose();
 			return null;
@@ -20700,16 +21060,16 @@ function Sections() {
 	const navigate = useNavigate$1();
 	const queryClient = useQueryClient();
 	const toastManager = Toast.useToastManager();
-	const [isCreateOpen, setIsCreateOpen] = React.useState(false);
-	const [deleteSlug, setDeleteSlug] = React.useState(null);
-	const [searchQuery, setSearchQuery] = React.useState("");
-	const [selectedSource, setSelectedSource] = React.useState(null);
-	const [createTitle, setCreateTitle] = React.useState("");
-	const [createSlug, setCreateSlug] = React.useState("");
-	const [createDescription, setCreateDescription] = React.useState("");
-	const [slugTouched, setSlugTouched] = React.useState(false);
-	const [createError, setCreateError] = React.useState(null);
-	React.useEffect(() => {
+	const [isCreateOpen, setIsCreateOpen] = React$1.useState(false);
+	const [deleteSlug, setDeleteSlug] = React$1.useState(null);
+	const [searchQuery, setSearchQuery] = React$1.useState("");
+	const [selectedSource, setSelectedSource] = React$1.useState(null);
+	const [createTitle, setCreateTitle] = React$1.useState("");
+	const [createSlug, setCreateSlug] = React$1.useState("");
+	const [createDescription, setCreateDescription] = React$1.useState("");
+	const [slugTouched, setSlugTouched] = React$1.useState(false);
+	const [createError, setCreateError] = React$1.useState(null);
+	React$1.useEffect(() => {
 		if (!isCreateOpen) {
 			setCreateTitle("");
 			setCreateSlug("");
@@ -21454,15 +21814,15 @@ const MSG_ROLE_UNKNOWN = {
 */
 function useRolesConfig() {
 	const { _: _t } = useLingui();
-	const roles = React.useMemo(() => ROLE_ENTRIES.map(({ value, label, description }) => ({
+	const roles = React$1.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]);
+	const roleLabels = React$1.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]),
+		getRoleLabel: React$1.useCallback((level) => roleLabels[String(level)] ?? _t(MSG_ROLE_UNKNOWN), [roleLabels, _t]),
 		roles
 	};
 }
@@ -21477,11 +21837,11 @@ const MAX_SELF_SIGNUP_DEFAULT_ROLE = 40;
 */
 function useAllowedDomainsRolesConfig() {
 	const { roleLabels, getRoleLabel, roles } = useRolesConfig();
-	const signupRoles = React.useMemo(() => roles.filter((r) => r.value <= MAX_SELF_SIGNUP_DEFAULT_ROLE), [roles]);
+	const signupRoles = React$1.useMemo(() => roles.filter((r) => r.value <= MAX_SELF_SIGNUP_DEFAULT_ROLE), [roles]);
 	return {
 		getRoleLabel,
 		signupRoles,
-		signupRoleItems: React.useMemo(() => {
+		signupRoleItems: React$1.useMemo(() => {
 			const entries = signupRoles.map((r) => {
 				const label = roleLabels[String(r.value)];
 				return [String(r.value), label ?? getRoleLabel(r.value)];
@@ -21507,12 +21867,12 @@ function AllowedDomainsSettings() {
 	const { _: _t } = useLingui();
 	const { getRoleLabel, signupRoles, signupRoleItems } = useAllowedDomainsRolesConfig();
 	const queryClient = useQueryClient();
-	const [isAddingDomain, setIsAddingDomain] = React.useState(false);
-	const [editingDomain, setEditingDomain] = React.useState(null);
-	const [deletingDomain, setDeletingDomain] = React.useState(null);
-	const [saveStatus, setSaveStatus] = React.useState(null);
-	const [newDomain, setNewDomain] = React.useState("");
-	const [newRole, setNewRole] = React.useState(30);
+	const [isAddingDomain, setIsAddingDomain] = React$1.useState(false);
+	const [editingDomain, setEditingDomain] = React$1.useState(null);
+	const [deletingDomain, setDeletingDomain] = React$1.useState(null);
+	const [saveStatus, setSaveStatus] = React$1.useState(null);
+	const [newDomain, setNewDomain] = React$1.useState("");
+	const [newRole, setNewRole] = React$1.useState(30);
 	const { data: manifest, isLoading: manifestLoading } = useQuery({
 		queryKey: ["manifest"],
 		queryFn: fetchManifest
@@ -21523,7 +21883,7 @@ function AllowedDomainsSettings() {
 		queryFn: fetchAllowedDomains,
 		enabled: !isExternalAuth && !manifestLoading
 	});
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (saveStatus) {
 			const timer = setTimeout(setSaveStatus, 3e3, null);
 			return () => clearTimeout(timer);
@@ -22160,11 +22520,11 @@ function computeExpiryDate(option) {
 function ApiTokenSettings() {
 	const { _: _t } = useLingui();
 	const queryClient = useQueryClient();
-	const [showCreateForm, setShowCreateForm] = React.useState(false);
-	const [newToken, setNewToken] = React.useState(null);
-	const [tokenVisible, setTokenVisible] = React.useState(false);
-	const [copied, setCopied] = React.useState(false);
-	const [revokeConfirmId, setRevokeConfirmId] = React.useState(null);
+	const [showCreateForm, setShowCreateForm] = React$1.useState(false);
+	const [newToken, setNewToken] = React$1.useState(null);
+	const [tokenVisible, setTokenVisible] = React$1.useState(false);
+	const [copied, setCopied] = React$1.useState(false);
+	const [revokeConfirmId, setRevokeConfirmId] = React$1.useState(null);
 	const { data: tokens, isLoading } = useQuery({
 		queryKey: ["api-tokens"],
 		queryFn: fetchApiTokens
@@ -22186,8 +22546,8 @@ function ApiTokenSettings() {
 			queryClient.invalidateQueries({ queryKey: ["api-tokens"] });
 		}
 	});
-	const copyTimeoutRef = React.useRef(void 0);
-	React.useEffect(() => {
+	const copyTimeoutRef = React$1.useRef(void 0);
+	React$1.useEffect(() => {
 		return () => {
 			if (copyTimeoutRef.current) clearTimeout(copyTimeoutRef.current);
 		};
@@ -22200,7 +22560,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]);
+	const expirySelectItems = React$1.useMemo(() => Object.fromEntries(EXPIRY_OPTIONS.map((o) => [o.value, _t(o.label)])), [_t]);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-6",
 		children: [
@@ -22445,9 +22805,9 @@ function ApiTokenSettings() {
 }
 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");
+	const [name, setName] = React$1.useState("");
+	const [selectedScopes, setSelectedScopes] = React$1.useState(/* @__PURE__ */ new Set());
+	const [expiry, setExpiry] = React$1.useState("30d");
 	const toggleScope = (scope) => {
 		setSelectedScopes((prev) => {
 			const next = new Set(prev);
@@ -22572,9 +22932,9 @@ function CreateTokenForm({ expirySelectItems, isCreating, error, onSubmit, onCan
 */
 function EmailSettings() {
 	const { _: _t } = useLingui();
-	const [testEmail, setTestEmail] = React.useState("");
-	const [status, setStatus] = React.useState(null);
-	React.useEffect(() => {
+	const [testEmail, setTestEmail] = React$1.useState("");
+	const [status, setStatus] = React$1.useState(null);
+	React$1.useEffect(() => {
 		if (!status) return;
 		const timer = setTimeout(setStatus, 5e3, null);
 		return () => clearTimeout(timer);
@@ -22866,14 +23226,14 @@ function GeneralSettings() {
 		queryFn: fetchSettings,
 		staleTime: Infinity
 	});
-	const [formData, setFormData] = React.useState({});
-	const [saveStatus, setSaveStatus] = React.useState(null);
-	const [logoPickerOpen, setLogoPickerOpen] = React.useState(false);
-	const [faviconPickerOpen, setFaviconPickerOpen] = React.useState(false);
-	React.useEffect(() => {
+	const [formData, setFormData] = React$1.useState({});
+	const [saveStatus, setSaveStatus] = React$1.useState(null);
+	const [logoPickerOpen, setLogoPickerOpen] = React$1.useState(false);
+	const [faviconPickerOpen, setFaviconPickerOpen] = React$1.useState(false);
+	React$1.useEffect(() => {
 		if (settings) setFormData(settings);
 	}, [settings]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (saveStatus) {
 			const timer = setTimeout(setSaveStatus, 3e3, null);
 			return () => clearTimeout(timer);
@@ -23284,12 +23644,12 @@ function formatRelativeTime(dateString) {
 }
 function PasskeyItem({ passkey, canDelete, onRename, onDelete, isDeleting, isRenaming }) {
 	const { _: _t } = useLingui();
-	const [isEditing, setIsEditing] = React.useState(false);
-	const [editName, setEditName] = React.useState(passkey.name || "");
-	const [showDeleteDialog, setShowDeleteDialog] = React.useState(false);
-	const [deleteError, setDeleteError] = React.useState(null);
-	const inputRef = React.useRef(null);
-	React.useEffect(() => {
+	const [isEditing, setIsEditing] = React$1.useState(false);
+	const [editName, setEditName] = React$1.useState(passkey.name || "");
+	const [showDeleteDialog, setShowDeleteDialog] = React$1.useState(false);
+	const [deleteError, setDeleteError] = React$1.useState(null);
+	const inputRef = React$1.useRef(null);
+	React$1.useEffect(() => {
 		if (isEditing && inputRef.current) {
 			inputRef.current.focus();
 			inputRef.current.select();
@@ -23509,8 +23869,8 @@ function PasskeyList({ passkeys, onRename, onDelete, isDeleting, isRenaming }) {
 function SecuritySettings() {
 	const { _: _t } = useLingui();
 	const queryClient = useQueryClient();
-	const [isAdding, setIsAdding] = React.useState(false);
-	const [saveStatus, setSaveStatus] = React.useState(null);
+	const [isAdding, setIsAdding] = React$1.useState(false);
+	const [saveStatus, setSaveStatus] = React$1.useState(null);
 	const { data: manifest, isLoading: manifestLoading } = useQuery({
 		queryKey: ["manifest"],
 		queryFn: fetchManifest
@@ -23521,7 +23881,7 @@ function SecuritySettings() {
 		queryFn: fetchPasskeys,
 		enabled: !isExternalAuth && !manifestLoading
 	});
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (saveStatus) {
 			const timer = setTimeout(setSaveStatus, 3e3, null);
 			return () => clearTimeout(timer);
@@ -23764,12 +24124,12 @@ function SeoSettings() {
 		queryFn: fetchSettings,
 		staleTime: Infinity
 	});
-	const [formData, setFormData] = React.useState({});
-	const [saveStatus, setSaveStatus] = React.useState(null);
-	React.useEffect(() => {
+	const [formData, setFormData] = React$1.useState({});
+	const [saveStatus, setSaveStatus] = React$1.useState(null);
+	React$1.useEffect(() => {
 		if (settings) setFormData(settings);
 	}, [settings]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (saveStatus) {
 			const timer = setTimeout(setSaveStatus, 3e3, null);
 			return () => clearTimeout(timer);
@@ -23985,12 +24345,12 @@ function SocialSettings() {
 		queryFn: fetchSettings,
 		staleTime: Infinity
 	});
-	const [formData, setFormData] = React.useState({});
-	const [saveStatus, setSaveStatus] = React.useState(null);
-	React.useEffect(() => {
+	const [formData, setFormData] = React$1.useState({});
+	const [saveStatus, setSaveStatus] = React$1.useState(null);
+	React$1.useEffect(() => {
 		if (settings) setFormData(settings);
 	}, [settings]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (saveStatus) {
 			const timer = setTimeout(setSaveStatus, 3e3, null);
 			return () => clearTimeout(timer);
@@ -24257,10 +24617,10 @@ async function executeAdminSetup(data) {
 }
 function SiteStep({ seedInfo, onNext, isLoading, error }) {
 	const { _: _t } = useLingui();
-	const [title, setTitle] = React.useState(seedInfo?.title ?? "");
-	const [tagline, setTagline] = React.useState(seedInfo?.tagline ?? "");
-	const [includeContent, setIncludeContent] = React.useState(true);
-	const [errors, setErrors] = React.useState({});
+	const [title, setTitle] = React$1.useState(seedInfo?.title ?? "");
+	const [tagline, setTagline] = React$1.useState(seedInfo?.tagline ?? "");
+	const [includeContent, setIncludeContent] = React$1.useState(true);
+	const [errors, setErrors] = React$1.useState({});
 	const validate = () => {
 		const newErrors = {};
 		if (!title.trim()) newErrors.title = _t({
@@ -24370,9 +24730,9 @@ function SiteStep({ seedInfo, onNext, isLoading, error }) {
 }
 function AdminStep({ onNext, onBack, isLoading, error }) {
 	const { _: _t2 } = useLingui();
-	const [email, setEmail] = React.useState("");
-	const [name, setName] = React.useState("");
-	const [errors, setErrors] = React.useState({});
+	const [email, setEmail] = React$1.useState("");
+	const [name, setName] = React$1.useState("");
+	const [errors, setErrors] = React$1.useState({});
 	const validate = () => {
 		const newErrors = {};
 		if (!email.trim()) newErrors.email = _t2({
@@ -24475,7 +24835,7 @@ function handleSetupSuccess() {
 }
 function AuthMethodStep({ adminData, providers, onBack }) {
 	const { _: _t3 } = useLingui();
-	const [activeProvider, setActiveProvider] = React.useState(null);
+	const [activeProvider, setActiveProvider] = React$1.useState(null);
 	const buttonProviders = providers.filter((p) => p.LoginButton);
 	const hasProviders = buttonProviders.length > 0;
 	if (activeProvider) {
@@ -24608,7 +24968,7 @@ function StepIndicator$1({ currentStep, useAccessAuth }) {
 	const currentIndex = steps.findIndex((s) => s.key === currentStep);
 	return /* @__PURE__ */ jsx("div", {
 		className: "flex items-center justify-center mb-8",
-		children: steps.map((step, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+		children: steps.map((step, index) => /* @__PURE__ */ jsxs(React$1.Fragment, { children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex items-center",
 			children: [/* @__PURE__ */ jsx("div", {
 				className: `
@@ -24635,13 +24995,13 @@ function StepIndicator$1({ currentStep, useAccessAuth }) {
 	});
 }
 function SetupWizard() {
-	const [currentStep, setCurrentStep] = React.useState("site");
-	const [_siteData, setSiteData] = React.useState(null);
-	const [adminData, setAdminData] = React.useState(null);
-	const [error, setError] = React.useState();
-	const [urlError, setUrlError] = React.useState(null);
+	const [currentStep, setCurrentStep] = React$1.useState("site");
+	const [_siteData, setSiteData] = React$1.useState(null);
+	const [adminData, setAdminData] = React$1.useState(null);
+	const [error, setError] = React$1.useState();
+	const [urlError, setUrlError] = React$1.useState(null);
 	const authProviderList = useAuthProviderList();
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		const params = new URLSearchParams(window.location.search);
 		const errorParam = params.get("error");
 		const message = params.get("message");
@@ -24826,8 +25186,8 @@ const IS_MAC = typeof navigator !== "undefined" && /Mac|iPhone|iPad|iPod/.test(n
 * Custom hook for debouncing a value
 */
 function useDebouncedValue(value, delay) {
-	const [debouncedValue, setDebouncedValue] = React.useState(value);
-	React.useEffect(() => {
+	const [debouncedValue, setDebouncedValue] = React$1.useState(value);
+	React$1.useEffect(() => {
 		const timer = setTimeout(() => {
 			setDebouncedValue(value);
 		}, delay);
@@ -25020,8 +25380,8 @@ function filterNavItems(items, query, translate) {
 }
 function AdminCommandPalette({ manifest }) {
 	const { _: _t } = useLingui();
-	const [open, setOpen] = React.useState(false);
-	const [query, setQuery] = React.useState("");
+	const [open, setOpen] = React$1.useState(false);
+	const [query, setQuery] = React$1.useState("");
 	const navigate = useNavigate$1();
 	const debouncedQuery = useDebouncedValue(query, SEARCH_DEBOUNCE_MS);
 	const { data: user } = useCurrentUser();
@@ -25033,13 +25393,13 @@ function AdminCommandPalette({ manifest }) {
 		staleTime: 30 * 1e3
 	});
 	const isPendingSearch = query.length >= 2 && query !== debouncedQuery || isSearching;
-	const allNavItems = React.useMemo(() => buildNavItems(manifest, userRole), [manifest, userRole]);
-	const filteredNavItems = React.useMemo(() => filterNavItems(allNavItems, query, _t), [
+	const allNavItems = React$1.useMemo(() => buildNavItems(manifest, userRole), [manifest, userRole]);
+	const filteredNavItems = React$1.useMemo(() => filterNavItems(allNavItems, query, _t), [
 		allNavItems,
 		query,
 		_t
 	]);
-	const resultGroups = React.useMemo(() => {
+	const resultGroups = React$1.useMemo(() => {
 		const groups = [];
 		if (filteredNavItems.length > 0) groups.push({
 			id: "navigation",
@@ -25091,10 +25451,10 @@ function AdminCommandPalette({ manifest }) {
 		e.preventDefault();
 		setOpen(true);
 	});
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (!open) setQuery("");
 	}, [open]);
-	const handleSelect = React.useCallback((item, options) => {
+	const handleSelect = React$1.useCallback((item, options) => {
 		setOpen(false);
 		if (options.newTab) {
 			const path = item.params ? item.to.replace(ROUTE_PARAM_REGEX, (_, key) => item.params?.[key] ?? "") : item.to;
@@ -25104,7 +25464,7 @@ function AdminCommandPalette({ manifest }) {
 			params: item.params
 		});
 	}, [navigate]);
-	const handleItemClick = React.useCallback((item, e) => {
+	const handleItemClick = React$1.useCallback((item, e) => {
 		handleSelect(item, { newTab: e.metaKey || e.ctrlKey });
 	}, [handleSelect]);
 	return /* @__PURE__ */ jsxs(CommandPalette.Root, {
@@ -25688,7 +26048,7 @@ async function handleLogout() {
 */
 function Header() {
 	const { _: _t } = useLingui();
-	const [userMenuOpen, setUserMenuOpen] = React.useState(false);
+	const [userMenuOpen, setUserMenuOpen] = React$1.useState(false);
 	const { data: user } = useCurrentUser();
 	const displayName = user?.name || user?.email || _t({
 		id: "7PzzBU",
@@ -25991,9 +26351,9 @@ function WelcomeModal({ open, onClose, userName, userRole }) {
 * handling collapse state, mobile detection, and layout transitions.
 */
 function Shell({ children, manifest }) {
-	const [welcomeModalOpen, setWelcomeModalOpen] = React.useState(false);
+	const [welcomeModalOpen, setWelcomeModalOpen] = React$1.useState(false);
 	const { data: user } = useCurrentUser();
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (user?.isFirstLogin) setWelcomeModalOpen(true);
 	}, [user?.isFirstLogin]);
 	return /* @__PURE__ */ jsxs(KumoSidebar.Provider, {
@@ -26039,8 +26399,8 @@ function Shell({ children, manifest }) {
 */
 function EmailStep({ onSubmit, isLoading, error }) {
 	const { _: _t } = useLingui();
-	const [email, setEmail] = React.useState("");
-	const [validationError, setValidationError] = React.useState(null);
+	const [email, setEmail] = React$1.useState("");
+	const [validationError, setValidationError] = React$1.useState(null);
 	const handleSubmit = (e) => {
 		e.preventDefault();
 		setValidationError(null);
@@ -26200,7 +26560,7 @@ function handleSignupSuccess() {
 }
 function VerifyStep({ verifyResult, token, onBack: _onBack }) {
 	const { _: _t3 } = useLingui();
-	const [name, setName] = React.useState("");
+	const [name, setName] = React$1.useState("");
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-6",
 		children: [
@@ -26376,22 +26736,22 @@ function ErrorStep({ message, code, onRetry }) {
 	});
 }
 function SignupPage() {
-	const [step, setStep] = React.useState("email");
-	const [email, setEmail] = React.useState("");
-	const [error, setError] = React.useState();
-	const [errorCode, setErrorCode] = React.useState();
-	const [isLoading, setIsLoading] = React.useState(false);
-	const [verifyResult, setVerifyResult] = React.useState(null);
-	const [token, setToken] = React.useState(null);
-	const [resendCooldown, setResendCooldown] = React.useState(0);
-	React.useEffect(() => {
+	const [step, setStep] = React$1.useState("email");
+	const [email, setEmail] = React$1.useState("");
+	const [error, setError] = React$1.useState();
+	const [errorCode, setErrorCode] = React$1.useState();
+	const [isLoading, setIsLoading] = React$1.useState(false);
+	const [verifyResult, setVerifyResult] = React$1.useState(null);
+	const [token, setToken] = React$1.useState(null);
+	const [resendCooldown, setResendCooldown] = React$1.useState(0);
+	React$1.useEffect(() => {
 		const urlToken = new URLSearchParams(window.location.search).get("token");
 		if (urlToken) {
 			setToken(urlToken);
 			verifyToken(urlToken);
 		}
 	}, []);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (resendCooldown > 0) {
 			const timer = setTimeout(() => setResendCooldown((c) => c - 1), 1e3);
 			return () => clearTimeout(timer);
@@ -26556,7 +26916,7 @@ function flattenTerms(terms) {
 /**
 * Term row component (recursive for hierarchy)
 */
-function TermRow({ term, level = 0, onEdit, onDelete }) {
+function TermRow({ term, level = 0, onEdit, onDelete, onTranslate, canTranslate }) {
 	const { _: _t } = useLingui();
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
 		className: "flex items-center gap-4 py-2 px-4 border-b hover:bg-kumo-tint/50",
@@ -26582,49 +26942,154 @@ function TermRow({ term, level = 0, onEdit, onDelete }) {
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ jsx(Button, {
-					variant: "ghost",
-					size: "sm",
-					"aria-label": _t({
-						id: "N6j2JH",
-						message: "Edit {0}",
-						values: { 0: term.label }
-					}),
-					onClick: () => onEdit(term),
-					children: /* @__PURE__ */ jsx(Pencil, { className: "w-4 h-4" })
-				}), /* @__PURE__ */ jsx(Button, {
-					variant: "ghost",
-					size: "sm",
-					"aria-label": _t({
-						id: "Y2tU6I",
-						message: "Delete {0}",
-						values: { 0: term.label }
+				children: [
+					canTranslate && onTranslate ? /* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "sm",
+						"aria-label": _t({
+							id: "Acyeiz",
+							message: "Translate {0}",
+							values: { 0: term.label }
+						}),
+						onClick: () => onTranslate(term),
+						children: _t({
+							id: "pi8x/S",
+							message: "Translate"
+						})
+					}) : null,
+					/* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "sm",
+						"aria-label": _t({
+							id: "N6j2JH",
+							message: "Edit {0}",
+							values: { 0: term.label }
+						}),
+						onClick: () => onEdit(term),
+						children: /* @__PURE__ */ jsx(Pencil, { className: "w-4 h-4" })
 					}),
-					onClick: () => onDelete(term),
-					children: /* @__PURE__ */ jsx(Trash, { className: "w-4 h-4" })
-				})]
+					/* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "sm",
+						"aria-label": _t({
+							id: "Y2tU6I",
+							message: "Delete {0}",
+							values: { 0: term.label }
+						}),
+						onClick: () => onDelete(term),
+						children: /* @__PURE__ */ jsx(Trash, { className: "w-4 h-4" })
+					})
+				]
 			})
 		]
 	}), term.children.map((child) => /* @__PURE__ */ jsx(TermRow, {
 		term: child,
 		level: level + 1,
 		onEdit,
-		onDelete
+		onDelete,
+		onTranslate,
+		canTranslate
 	}, child.id))] });
 }
 /**
-* Term form dialog
+* Dialog to pick a target locale for creating a term translation.
 */
-function TermFormDialog({ open, onClose, taxonomyName, taxonomyDef, term, allTerms }) {
+function TranslateTermDialog({ term, taxonomyName, locales, activeLocale, isPending, error, onClose, onSubmit }) {
 	const { _: _t2 } = useLingui();
+	const otherLocales = locales.filter((l) => l !== activeLocale);
+	const [selected, setSelected] = React$1.useState(otherLocales[0] ?? "");
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		open: true,
+		onOpenChange: (isOpen) => {
+			if (!isOpen) onClose();
+		},
+		children: /* @__PURE__ */ jsxs(Dialog, {
+			className: "p-6",
+			size: "sm",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-start justify-between gap-4 mb-4",
+					children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Dialog.Title, {
+						className: "text-lg font-semibold",
+						children: _t2({
+							id: "aCu6FM",
+							message: "Translate \"{0}\"",
+							values: { 0: term.label }
+						})
+					}), /* @__PURE__ */ jsx(Dialog.Description, {
+						className: "text-sm text-kumo-subtle",
+						children: _t2({
+							id: "J1hptc",
+							message: "Taxonomy: {taxonomyName}",
+							values: { taxonomyName }
+						})
+					})] }), /* @__PURE__ */ jsx(Dialog.Close, { render: (props) => /* @__PURE__ */ jsx(Button, {
+						...props,
+						variant: "ghost",
+						shape: "square",
+						"aria-label": _t2({
+							id: "yz7wBu",
+							message: "Close"
+						}),
+						children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+					}) })]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "space-y-4 py-2",
+					children: [/* @__PURE__ */ jsx(Select, {
+						label: _t2({
+							id: "qxt3cN",
+							message: "Target locale"
+						}),
+						value: selected,
+						onValueChange: (v) => setSelected(v ?? ""),
+						items: Object.fromEntries(otherLocales.map((l) => [l, l.toUpperCase()])),
+						children: otherLocales.map((l) => /* @__PURE__ */ jsx(Select.Option, {
+							value: l,
+							children: l.toUpperCase()
+						}, l))
+					}), /* @__PURE__ */ jsx(DialogError, { message: error ? error.message : null })]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex justify-end gap-2",
+					children: [/* @__PURE__ */ jsx(Button, {
+						variant: "outline",
+						type: "button",
+						onClick: onClose,
+						children: _t2({
+							id: "dEgA5A",
+							message: "Cancel"
+						})
+					}), /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						disabled: !selected || isPending,
+						onClick: () => onSubmit(selected),
+						children: isPending ? _t2({
+							id: "wvgKtH",
+							message: "Translating..."
+						}) : _t2({
+							id: "pi8x/S",
+							message: "Translate"
+						})
+					})]
+				})
+			]
+		})
+	});
+}
+/**
+* Term form dialog
+*/
+function TermFormDialog({ open, onClose, taxonomyName, taxonomyDef, term, allTerms, locale, i18n, onOpenTranslation }) {
+	const { _: _t3 } = useLingui();
 	const queryClient = useQueryClient();
-	const [label, setLabel] = React.useState(term?.label || "");
-	const [slug, setSlug] = React.useState(term?.slug || "");
-	const [parentId, setParentId] = React.useState(term?.parentId || "");
-	const [description, setDescription] = React.useState(term?.description || "");
-	const [autoSlug, setAutoSlug] = React.useState(!term);
-	const [error, setError] = React.useState(null);
-	React.useEffect(() => {
+	const [label, setLabel] = React$1.useState(term?.label || "");
+	const [slug, setSlug] = React$1.useState(term?.slug || "");
+	const [parentId, setParentId] = React$1.useState(term?.parentId || "");
+	const [description, setDescription] = React$1.useState(term?.description || "");
+	const [autoSlug, setAutoSlug] = React$1.useState(!term);
+	const [error, setError] = React$1.useState(null);
+	React$1.useEffect(() => {
 		setLabel(term?.label || "");
 		setSlug(term?.slug || "");
 		setParentId(term?.parentId || "");
@@ -26632,7 +27097,7 @@ function TermFormDialog({ open, onClose, taxonomyName, taxonomyDef, term, allTer
 		setAutoSlug(!term);
 		setError(null);
 	}, [term]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (autoSlug && label) setSlug(slugify(label));
 	}, [label, autoSlug]);
 	const createMutation = useMutation({
@@ -26640,7 +27105,8 @@ function TermFormDialog({ open, onClose, taxonomyName, taxonomyDef, term, allTer
 			slug,
 			label,
 			parentId: parentId || void 0,
-			description: description || void 0
+			description: description || void 0,
+			locale
 		}),
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: ["taxonomy-terms", taxonomyName] });
@@ -26658,7 +27124,7 @@ function TermFormDialog({ open, onClose, taxonomyName, taxonomyDef, term, allTer
 				label,
 				parentId: parentId || void 0,
 				description: description || void 0
-			});
+			}, { locale: term.locale ?? locale });
 		},
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: ["taxonomy-terms", taxonomyName] });
@@ -26668,6 +27134,40 @@ function TermFormDialog({ open, onClose, taxonomyName, taxonomyDef, term, allTer
 			setError(err.message);
 		}
 	});
+	const { data: translationsData } = useQuery({
+		queryKey: [
+			"term-translations",
+			taxonomyName,
+			term?.id ?? null
+		],
+		queryFn: () => {
+			if (!term) throw new Error("No term");
+			return fetchTermTranslations(taxonomyName, term.slug, { locale: term.locale ?? locale });
+		},
+		enabled: !!term && !!i18n && i18n.locales.length > 1
+	});
+	const translateMutation = useMutation({
+		mutationFn: (targetLocale) => {
+			if (!term) throw new Error("No term");
+			return createTermTranslation(taxonomyName, term.slug, {
+				locale: targetLocale,
+				label: term.label,
+				slug: term.slug
+			}, { locale: term.locale ?? locale });
+		},
+		onSuccess: (translated) => {
+			queryClient.invalidateQueries({ queryKey: ["taxonomy-terms", taxonomyName] });
+			queryClient.invalidateQueries({ queryKey: ["term-translations", taxonomyName] });
+			onClose();
+			onOpenTranslation?.({
+				slug: translated.slug,
+				locale: translated.locale
+			});
+		},
+		onError: (err) => {
+			setError(err.message);
+		}
+	});
 	const handleSubmit = (e) => {
 		e.preventDefault();
 		setError(null);
@@ -26697,33 +27197,33 @@ function TermFormDialog({ open, onClose, taxonomyName, taxonomyDef, term, allTer
 							children: [/* @__PURE__ */ jsxs(Dialog.Title, {
 								className: "text-lg font-semibold leading-none tracking-tight",
 								children: [
-									term ? _t2({
+									term ? _t3({
 										id: "ePK91l",
 										message: "Edit"
-									}) : _t2({
+									}) : _t3({
 										id: "m16xKo",
 										message: "Add"
 									}),
 									" ",
-									taxonomyDef.labelSingular || _t2({
+									taxonomyDef.labelSingular || _t3({
 										id: "k3xOSk",
 										message: "Term"
 									})
 								]
 							}), /* @__PURE__ */ jsx(Dialog.Description, {
 								className: "text-sm text-kumo-subtle",
-								children: term ? _t2({
+								children: term ? _t3({
 									id: "EWH8E/",
 									message: "Update the {0} details",
 									values: { 0: taxonomyDef.labelSingular?.toLowerCase() || "term" }
-								}) : _t2({
+								}) : _t3({
 									id: "bwUFyt",
 									message: "Create a new {0}",
 									values: { 0: taxonomyDef.labelSingular?.toLowerCase() || "term" }
 								})
 							})]
 						}), /* @__PURE__ */ jsx(Dialog.Close, {
-							"aria-label": _t2({
+							"aria-label": _t3({
 								id: "yz7wBu",
 								message: "Close"
 							}),
@@ -26731,14 +27231,14 @@ function TermFormDialog({ open, onClose, taxonomyName, taxonomyDef, term, allTer
 								...props,
 								variant: "ghost",
 								shape: "square",
-								"aria-label": _t2({
+								"aria-label": _t3({
 									id: "yz7wBu",
 									message: "Close"
 								}),
 								className: "absolute end-4 top-4",
 								children: [/* @__PURE__ */ jsx(X, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
 									className: "sr-only",
-									children: _t2({
+									children: _t3({
 										id: "yz7wBu",
 										message: "Close"
 									})
@@ -26750,7 +27250,7 @@ function TermFormDialog({ open, onClose, taxonomyName, taxonomyDef, term, allTer
 						className: "space-y-4 py-4",
 						children: [
 							/* @__PURE__ */ jsx(Input, {
-								label: _t2({
+								label: _t3({
 									id: "6YtxFj",
 									message: "Name"
 								}),
@@ -26760,7 +27260,7 @@ function TermFormDialog({ open, onClose, taxonomyName, taxonomyDef, term, allTer
 								required: true
 							}),
 							/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Input, {
-								label: _t2({
+								label: _t3({
 									id: "L85WcV",
 									message: "Slug"
 								}),
@@ -26773,20 +27273,20 @@ function TermFormDialog({ open, onClose, taxonomyName, taxonomyDef, term, allTer
 								required: true
 							}), /* @__PURE__ */ jsx("p", {
 								className: "text-sm text-kumo-subtle mt-1",
-								children: _t2({
+								children: _t3({
 									id: "WA0tbJ",
 									message: "Auto-generated from name (you can edit)"
 								})
 							})] }),
 							taxonomyDef.hierarchical && /* @__PURE__ */ jsxs(Select, {
-								label: _t2({
+								label: _t3({
 									id: "sujToP",
 									message: "Parent"
 								}),
 								value: parentId,
 								onValueChange: (v) => setParentId(v ?? ""),
 								items: {
-									"": _t2({
+									"": _t3({
 										id: "0KpSnU",
 										message: "None (top level)"
 									}),
@@ -26794,7 +27294,7 @@ function TermFormDialog({ open, onClose, taxonomyName, taxonomyDef, term, allTer
 								},
 								children: [/* @__PURE__ */ jsx(Select.Option, {
 									value: "",
-									children: _t2({
+									children: _t3({
 										id: "0KpSnU",
 										message: "None (top level)"
 									})
@@ -26804,19 +27304,37 @@ function TermFormDialog({ open, onClose, taxonomyName, taxonomyDef, term, allTer
 								}, parentTerm.id))]
 							}),
 							/* @__PURE__ */ jsx(InputArea, {
-								label: _t2({
+								label: _t3({
 									id: "Fxf4jq",
 									message: "Description (optional)"
 								}),
 								value: description,
 								onChange: (e) => setDescription(e.target.value),
-								placeholder: _t2({
+								placeholder: _t3({
 									id: "pbzA+s",
 									message: "Optional description"
 								}),
 								rows: 3
 							}),
-							/* @__PURE__ */ jsx(DialogError, { message: error || getMutationError(createMutation.error) || getMutationError(updateMutation.error) })
+							/* @__PURE__ */ jsx(DialogError, { message: error || getMutationError(createMutation.error) || getMutationError(updateMutation.error) || getMutationError(translateMutation.error) }),
+							term && i18n && i18n.locales.length > 1 ? /* @__PURE__ */ jsx("div", {
+								className: "pt-4 border-t",
+								children: /* @__PURE__ */ jsx(TranslationsPanel, {
+									locales: i18n.locales,
+									defaultLocale: i18n.defaultLocale,
+									currentLocale: term.locale,
+									translations: translationsData?.translations ?? [],
+									onOpen: (tr) => {
+										onClose();
+										onOpenTranslation?.({
+											slug: term.slug,
+											locale: tr.locale
+										});
+									},
+									onCreate: (target) => translateMutation.mutate(target),
+									pendingLocale: translateMutation.isPending ? translateMutation.variables ?? null : null
+								})
+							}) : null
 						]
 					}),
 					/* @__PURE__ */ jsxs("div", {
@@ -26825,20 +27343,20 @@ function TermFormDialog({ open, onClose, taxonomyName, taxonomyDef, term, allTer
 							type: "button",
 							variant: "outline",
 							onClick: onClose,
-							children: _t2({
+							children: _t3({
 								id: "dEgA5A",
 								message: "Cancel"
 							})
 						}), /* @__PURE__ */ jsx(Button, {
 							type: "submit",
 							disabled: createMutation.isPending || updateMutation.isPending,
-							children: createMutation.isPending || updateMutation.isPending ? _t2({
+							children: createMutation.isPending || updateMutation.isPending ? _t3({
 								id: "XvjC4F",
 								message: "Saving..."
-							}) : term ? _t2({
+							}) : term ? _t3({
 								id: "EkH9pt",
 								message: "Update"
-							}) : _t2({
+							}) : _t3({
 								id: "hYgDIe",
 								message: "Create"
 							})
@@ -26853,14 +27371,14 @@ function TermFormDialog({ open, onClose, taxonomyName, taxonomyDef, term, allTer
 * Create Taxonomy dialog
 */
 function CreateTaxonomyDialog({ open, onClose, onCreated }) {
-	const { _: _t3 } = useLingui();
+	const { _: _t4 } = useLingui();
 	const queryClient = useQueryClient();
-	const [name, setName] = React.useState("");
-	const [label, setLabel] = React.useState("");
-	const [hierarchical, setHierarchical] = React.useState(false);
-	const [selectedCollections, setSelectedCollections] = React.useState([]);
-	const [autoName, setAutoName] = React.useState(true);
-	const [error, setError] = React.useState(null);
+	const [name, setName] = React$1.useState("");
+	const [label, setLabel] = React$1.useState("");
+	const [hierarchical, setHierarchical] = React$1.useState(false);
+	const [selectedCollections, setSelectedCollections] = React$1.useState([]);
+	const [autoName, setAutoName] = React$1.useState(true);
+	const [error, setError] = React$1.useState(null);
 	const { data: manifest } = useQuery({
 		queryKey: ["manifest"],
 		queryFn: fetchManifest
@@ -26869,7 +27387,7 @@ function CreateTaxonomyDialog({ open, onClose, onCreated }) {
 		slug,
 		label: config.label
 	})) : [];
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (autoName && label) setName(label.toLowerCase().replace(NON_ALPHANUMERIC_PATTERN, "_").replace(LEADING_TRAILING_UNDERSCORE_PATTERN, ""));
 	}, [label, autoName]);
 	const createMutation = useMutation({
@@ -26894,14 +27412,14 @@ function CreateTaxonomyDialog({ open, onClose, onCreated }) {
 		e.preventDefault();
 		setError(null);
 		if (!name || !label) {
-			setError(_t3({
+			setError(_t4({
 				id: "6RLorB",
 				message: "Name and label are required"
 			}));
 			return;
 		}
 		if (!TAXONOMY_NAME_PATTERN.test(name)) {
-			setError(_t3({
+			setError(_t4({
 				id: "rpb1yP",
 				message: "Name must start with a letter and contain only lowercase letters, numbers, and underscores"
 			}));
@@ -26937,19 +27455,19 @@ function CreateTaxonomyDialog({ open, onClose, onCreated }) {
 							className: "flex flex-col space-y-1.5",
 							children: [/* @__PURE__ */ jsx(Dialog.Title, {
 								className: "text-lg font-semibold leading-none tracking-tight",
-								children: _t3({
+								children: _t4({
 									id: "xOmArx",
 									message: "Create Taxonomy"
 								})
 							}), /* @__PURE__ */ jsx(Dialog.Description, {
 								className: "text-sm text-kumo-subtle",
-								children: _t3({
+								children: _t4({
 									id: "piag2l",
 									message: "Define a new taxonomy for classifying content"
 								})
 							})]
 						}), /* @__PURE__ */ jsx(Dialog.Close, {
-							"aria-label": _t3({
+							"aria-label": _t4({
 								id: "yz7wBu",
 								message: "Close"
 							}),
@@ -26957,14 +27475,14 @@ function CreateTaxonomyDialog({ open, onClose, onCreated }) {
 								...props,
 								variant: "ghost",
 								shape: "square",
-								"aria-label": _t3({
+								"aria-label": _t4({
 									id: "yz7wBu",
 									message: "Close"
 								}),
 								className: "absolute end-4 top-4",
 								children: [/* @__PURE__ */ jsx(X, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
 									className: "sr-only",
-									children: _t3({
+									children: _t4({
 										id: "yz7wBu",
 										message: "Close"
 									})
@@ -26976,7 +27494,7 @@ function CreateTaxonomyDialog({ open, onClose, onCreated }) {
 						className: "space-y-4 py-4",
 						children: [
 							/* @__PURE__ */ jsx(Input, {
-								label: _t3({
+								label: _t4({
 									id: "87a/t/",
 									message: "Label"
 								}),
@@ -26986,7 +27504,7 @@ function CreateTaxonomyDialog({ open, onClose, onCreated }) {
 								required: true
 							}),
 							/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Input, {
-								label: _t3({
+								label: _t4({
 									id: "6YtxFj",
 									message: "Name"
 								}),
@@ -26998,19 +27516,19 @@ function CreateTaxonomyDialog({ open, onClose, onCreated }) {
 								placeholder: "genre",
 								required: true,
 								pattern: "[a-z][a-z0-9_]*",
-								title: _t3({
+								title: _t4({
 									id: "vVZq2l",
 									message: "Lowercase letters, numbers, and underscores only, starting with a letter"
 								})
 							}), /* @__PURE__ */ jsx("p", {
 								className: "text-xs text-kumo-subtle mt-1",
-								children: _t3({
+								children: _t4({
 									id: "eEF9iG",
 									message: "Used as the identifier. Lowercase letters, numbers, and underscores only."
 								})
 							})] }),
 							/* @__PURE__ */ jsx(Checkbox, {
-								label: _t3({
+								label: _t4({
 									id: "BUeYF7",
 									message: "Hierarchical (like categories, with parent/child relationships)"
 								}),
@@ -27020,14 +27538,14 @@ function CreateTaxonomyDialog({ open, onClose, onCreated }) {
 							collectionEntries.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
 								/* @__PURE__ */ jsx("label", {
 									className: "text-sm font-medium",
-									children: _t3({
+									children: _t4({
 										id: "DoJzLz",
 										message: "Collections"
 									})
 								}),
 								/* @__PURE__ */ jsx("p", {
 									className: "text-xs text-kumo-subtle mb-2",
-									children: _t3({
+									children: _t4({
 										id: "STKTcL",
 										message: "Which content types can use this taxonomy"
 									})
@@ -27060,17 +27578,17 @@ function CreateTaxonomyDialog({ open, onClose, onCreated }) {
 								resetForm();
 								onClose();
 							},
-							children: _t3({
+							children: _t4({
 								id: "dEgA5A",
 								message: "Cancel"
 							})
 						}), /* @__PURE__ */ jsx(Button, {
 							type: "submit",
 							disabled: createMutation.isPending,
-							children: createMutation.isPending ? _t3({
+							children: createMutation.isPending ? _t4({
 								id: "HM56Bx",
 								message: "Creating..."
-							}) : _t3({
+							}) : _t4({
 								id: "xOmArx",
 								message: "Create Taxonomy"
 							})
@@ -27085,32 +27603,72 @@ function CreateTaxonomyDialog({ open, onClose, onCreated }) {
 * Main TaxonomyManager component
 */
 function TaxonomyManager({ taxonomyName }) {
-	const { _: _t4 } = useLingui();
+	const { _: _t5 } = useLingui();
 	const queryClient = useQueryClient();
 	const toastManager = Toast.useToastManager();
-	const [formOpen, setFormOpen] = React.useState(false);
-	const [editingTerm, setEditingTerm] = React.useState();
-	const [deleteTarget, setDeleteTarget] = React.useState(null);
-	const [createTaxonomyOpen, setCreateTaxonomyOpen] = React.useState(false);
+	const [formOpen, setFormOpen] = React$1.useState(false);
+	const [editingTerm, setEditingTerm] = React$1.useState();
+	const [deleteTarget, setDeleteTarget] = React$1.useState(null);
+	const [createTaxonomyOpen, setCreateTaxonomyOpen] = React$1.useState(false);
+	const [translateTarget, setTranslateTarget] = React$1.useState(null);
+	const { data: manifest } = useQuery({
+		queryKey: ["manifest"],
+		queryFn: fetchManifest
+	});
+	const i18n = useI18nConfig(manifest);
+	const [activeLocale, setActiveLocale] = React$1.useState(void 0);
+	React$1.useEffect(() => {
+		if (i18n && !activeLocale) setActiveLocale(i18n.defaultLocale);
+	}, [i18n, activeLocale]);
 	const { data: taxonomyDef, isLoading: defLoading } = useQuery({
 		queryKey: ["taxonomy-def", taxonomyName],
 		queryFn: () => fetchTaxonomyDef(taxonomyName)
 	});
 	const { data: terms = [], isLoading: termsLoading } = useQuery({
-		queryKey: ["taxonomy-terms", taxonomyName],
-		queryFn: () => fetchTerms(taxonomyName)
+		queryKey: [
+			"taxonomy-terms",
+			taxonomyName,
+			activeLocale
+		],
+		queryFn: () => fetchTerms(taxonomyName, { locale: activeLocale })
 	});
 	const deleteMutation = useMutation({
-		mutationFn: (term) => deleteTerm(taxonomyName, term.slug),
+		mutationFn: (term) => deleteTerm(taxonomyName, term.slug, { locale: activeLocale }),
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: ["taxonomy-terms", taxonomyName] });
 			setDeleteTarget(null);
-			toastManager.add({ title: _t4({
+			toastManager.add({ title: _t5({
 				id: "SXhLSY",
 				message: "Term deleted"
 			}) });
 		}
 	});
+	const translateMutation = useMutation({
+		mutationFn: ({ term, locale }) => createTermTranslation(taxonomyName, term.slug, {
+			locale,
+			label: term.label,
+			slug: term.slug
+		}, { locale: activeLocale }),
+		onSuccess: (term) => {
+			queryClient.invalidateQueries({ queryKey: ["taxonomy-terms", taxonomyName] });
+			setTranslateTarget(null);
+			setActiveLocale(term.locale);
+			toastManager.add({
+				title: _t5({
+					id: "pBdGCu",
+					message: "Translation created"
+				}),
+				description: _t5({
+					id: "X974Zi",
+					message: "Term \"{0}\" created in {1}.",
+					values: {
+						0: term.label,
+						1: term.locale.toUpperCase()
+					}
+				})
+			});
+		}
+	});
 	const handleEdit = (term) => {
 		setEditingTerm(term);
 		setFormOpen(true);
@@ -27122,12 +27680,12 @@ function TaxonomyManager({ taxonomyName }) {
 		setFormOpen(false);
 		setEditingTerm(void 0);
 	};
-	if (defLoading) return /* @__PURE__ */ jsx("div", { children: _t4({
+	if (defLoading) return /* @__PURE__ */ jsx("div", { children: _t5({
 		id: "Z3FXyt",
 		message: "Loading..."
 	}) });
 	if (!taxonomyDef) return /* @__PURE__ */ jsxs("div", { children: [
-		_t4({
+		_t5({
 			id: "8EXwpa",
 			message: "Taxonomy not found:"
 		}),
@@ -27139,13 +27697,13 @@ function TaxonomyManager({ taxonomyName }) {
 		className: "space-y-6",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center justify-between",
+				className: "flex items-center justify-between gap-4 flex-wrap",
 				children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
 					className: "text-3xl font-bold",
 					children: taxonomyDef.label
 				}), /* @__PURE__ */ jsx("p", {
 					className: "text-kumo-subtle mt-1",
-					children: _t4({
+					children: _t5({
 						id: "H1WnmU",
 						message: "Manage {0} for {1}",
 						values: {
@@ -27154,30 +27712,39 @@ function TaxonomyManager({ taxonomyName }) {
 						}
 					})
 				})] }), /* @__PURE__ */ jsxs("div", {
-					className: "flex gap-2",
-					children: [/* @__PURE__ */ jsx(Button, {
-						variant: "outline",
-						icon: /* @__PURE__ */ jsx(Plus, {}),
-						onClick: () => setCreateTaxonomyOpen(true),
-						children: _t4({
-							id: "rrNQ2v",
-							message: "New Taxonomy"
-						})
-					}), /* @__PURE__ */ jsxs(Button, {
-						icon: /* @__PURE__ */ jsx(Plus, {}),
-						onClick: () => setFormOpen(true),
-						children: [
-							_t4({
-								id: "m16xKo",
-								message: "Add"
-							}),
-							" ",
-							taxonomyDef.labelSingular || _t4({
-								id: "k3xOSk",
-								message: "Term"
+					className: "flex gap-2 items-center",
+					children: [
+						i18n && activeLocale ? /* @__PURE__ */ jsx(LocaleSwitcher, {
+							locales: i18n.locales,
+							defaultLocale: i18n.defaultLocale,
+							value: activeLocale,
+							onChange: setActiveLocale
+						}) : null,
+						/* @__PURE__ */ jsx(Button, {
+							variant: "outline",
+							icon: /* @__PURE__ */ jsx(Plus, {}),
+							onClick: () => setCreateTaxonomyOpen(true),
+							children: _t5({
+								id: "rrNQ2v",
+								message: "New Taxonomy"
 							})
-						]
-					})]
+						}),
+						/* @__PURE__ */ jsxs(Button, {
+							icon: /* @__PURE__ */ jsx(Plus, {}),
+							onClick: () => setFormOpen(true),
+							children: [
+								_t5({
+									id: "m16xKo",
+									message: "Add"
+								}),
+								" ",
+								taxonomyDef.labelSingular || _t5({
+									id: "k3xOSk",
+									message: "Term"
+								})
+							]
+						})
+					]
 				})]
 			}),
 			/* @__PURE__ */ jsxs("div", {
@@ -27187,21 +27754,21 @@ function TaxonomyManager({ taxonomyName }) {
 					children: [
 						/* @__PURE__ */ jsx("div", {
 							className: "flex-1",
-							children: _t4({
+							children: _t5({
 								id: "6YtxFj",
 								message: "Name"
 							})
 						}),
 						/* @__PURE__ */ jsx("div", {
 							className: "w-16 text-center",
-							children: _t4({
+							children: _t5({
 								id: "wBMjJ2",
 								message: "Count"
 							})
 						}),
 						/* @__PURE__ */ jsx("div", {
 							className: "w-24 text-center",
-							children: _t4({
+							children: _t5({
 								id: "7L01XJ",
 								message: "Actions"
 							})
@@ -27209,13 +27776,13 @@ function TaxonomyManager({ taxonomyName }) {
 					]
 				}), termsLoading ? /* @__PURE__ */ jsx("div", {
 					className: "p-8 text-center text-kumo-subtle",
-					children: _t4({
+					children: _t5({
 						id: "x/4m9x",
 						message: "Loading terms..."
 					})
 				}) : terms.length === 0 ? /* @__PURE__ */ jsx("div", {
 					className: "p-8 text-center text-kumo-subtle",
-					children: _t4({
+					children: _t5({
 						id: "R3O8Io",
 						message: "No {0} yet. Create one to get started.",
 						values: { 0: taxonomyDef.label.toLowerCase() }
@@ -27223,7 +27790,9 @@ function TaxonomyManager({ taxonomyName }) {
 				}) : /* @__PURE__ */ jsx("div", { children: terms.map((term) => /* @__PURE__ */ jsx(TermRow, {
 					term,
 					onEdit: handleEdit,
-					onDelete: handleDelete
+					onDelete: handleDelete,
+					onTranslate: setTranslateTarget,
+					canTranslate: !!i18n && !!activeLocale && i18n.locales.length > 1
 				}, term.id)) })]
 			}),
 			/* @__PURE__ */ jsx(TermFormDialog, {
@@ -27232,29 +27801,48 @@ function TaxonomyManager({ taxonomyName }) {
 				taxonomyName,
 				taxonomyDef,
 				term: editingTerm,
-				allTerms: flatTerms
+				allTerms: flatTerms,
+				locale: activeLocale,
+				i18n,
+				onOpenTranslation: (tr) => setActiveLocale(tr.locale)
 			}),
+			i18n && translateTarget ? /* @__PURE__ */ jsx(TranslateTermDialog, {
+				term: translateTarget,
+				taxonomyName,
+				locales: i18n.locales,
+				activeLocale,
+				isPending: translateMutation.isPending,
+				error: translateMutation.error,
+				onClose: () => {
+					setTranslateTarget(null);
+					translateMutation.reset();
+				},
+				onSubmit: (locale) => translateMutation.mutate({
+					term: translateTarget,
+					locale
+				})
+			}) : null,
 			/* @__PURE__ */ jsx(ConfirmDialog, {
 				open: !!deleteTarget,
 				onClose: () => {
 					setDeleteTarget(null);
 					deleteMutation.reset();
 				},
-				title: _t4({
+				title: _t5({
 					id: "Tf88pC",
 					message: "Delete {0}?",
 					values: { 0: taxonomyDef.labelSingular || "Term" }
 				}),
-				description: /* @__PURE__ */ jsx(Fragment, { children: _t4({
+				description: /* @__PURE__ */ jsx(Fragment, { children: _t5({
 					id: "JKi9lM",
 					message: "This will permanently delete \"{0}\" and remove it from all content.",
 					values: { 0: deleteTarget?.label }
 				}) }),
-				confirmLabel: _t4({
+				confirmLabel: _t5({
 					id: "cnGeoo",
 					message: "Delete"
 				}),
-				pendingLabel: _t4({
+				pendingLabel: _t5({
 					id: "EF2EU9",
 					message: "Deleting..."
 				}),
@@ -27267,7 +27855,7 @@ function TaxonomyManager({ taxonomyName }) {
 				onClose: () => setCreateTaxonomyOpen(false),
 				onCreated: () => {
 					setCreateTaxonomyOpen(false);
-					toastManager.add({ title: _t4({
+					toastManager.add({ title: _t5({
 						id: "pmEpis",
 						message: "Taxonomy created"
 					}) });
@@ -27300,10 +27888,10 @@ function isSortOption(value) {
 }
 function ThemeMarketplaceBrowse() {
 	const { _: _t } = useLingui();
-	const [searchQuery, setSearchQuery] = React.useState("");
-	const [sort, setSort] = React.useState("updated");
-	const [debouncedQuery, setDebouncedQuery] = React.useState("");
-	React.useEffect(() => {
+	const [searchQuery, setSearchQuery] = React$1.useState("");
+	const [sort, setSort] = React$1.useState("updated");
+	const [debouncedQuery, setDebouncedQuery] = React$1.useState("");
+	React$1.useEffect(() => {
 		const timer = setTimeout(setDebouncedQuery, 300, searchQuery);
 		return () => clearTimeout(timer);
 	}, [searchQuery]);
@@ -27569,7 +28157,7 @@ function isSafeUrl(url) {
 }
 function ThemeMarketplaceDetail({ themeId }) {
 	const { _: _t } = useLingui();
-	const [lightboxIndex, setLightboxIndex] = React.useState(null);
+	const [lightboxIndex, setLightboxIndex] = React$1.useState(null);
 	const { data: theme, isLoading, error } = useQuery({
 		queryKey: [
 			"themes",
@@ -27779,7 +28367,7 @@ function ThemeMarketplaceDetail({ themeId }) {
 }
 function Lightbox({ urls, index, onClose, onPrev, onNext }) {
 	const { _: _t2 } = useLingui();
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		function onKeyDown(e) {
 			if (e.key === "Escape") onClose();
 			if (e.key === "ArrowLeft") onPrev();
@@ -27901,20 +28489,20 @@ function Widgets() {
 	const { _: _t } = useLingui();
 	const queryClient = useQueryClient();
 	const toastManager = Toast.useToastManager();
-	const [isCreateAreaOpen, setIsCreateAreaOpen] = React.useState(false);
-	const [createAreaError, setCreateAreaError] = React.useState(null);
-	const [activeId, setActiveId] = React.useState(null);
-	const [activeDragData, setActiveDragData] = React.useState(null);
-	const [expandedWidgets, setExpandedWidgets] = React.useState(/* @__PURE__ */ new Set());
-	const [blockSidebarPanel, setBlockSidebarPanel] = React.useState(null);
-	const draggingFromPaletteRef = React.useRef(false);
-	const handleBlockSidebarOpen = React.useCallback((panel) => {
+	const [isCreateAreaOpen, setIsCreateAreaOpen] = React$1.useState(false);
+	const [createAreaError, setCreateAreaError] = React$1.useState(null);
+	const [activeId, setActiveId] = React$1.useState(null);
+	const [activeDragData, setActiveDragData] = React$1.useState(null);
+	const [expandedWidgets, setExpandedWidgets] = React$1.useState(/* @__PURE__ */ new Set());
+	const [blockSidebarPanel, setBlockSidebarPanel] = React$1.useState(null);
+	const draggingFromPaletteRef = React$1.useRef(false);
+	const handleBlockSidebarOpen = React$1.useCallback((panel) => {
 		setBlockSidebarPanel((prev) => {
 			prev?.onClose();
 			return panel;
 		});
 	}, []);
-	const handleBlockSidebarClose = React.useCallback(() => {
+	const handleBlockSidebarClose = React$1.useCallback(() => {
 		setBlockSidebarPanel((prev) => {
 			prev?.onClose();
 			return null;
@@ -27932,7 +28520,7 @@ function Widgets() {
 		queryKey: ["manifest"],
 		queryFn: fetchManifest
 	});
-	const pluginBlocks = React.useMemo(() => manifest ? getPluginBlocks(manifest) : [], [manifest]);
+	const pluginBlocks = React$1.useMemo(() => manifest ? getPluginBlocks(manifest) : [], [manifest]);
 	const createAreaMutation = useMutation({
 		mutationFn: createWidgetArea,
 		onSuccess: () => {
@@ -27972,7 +28560,7 @@ function Widgets() {
 		});
 	};
 	const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 8 } }), useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }));
-	const collisionDetection = React.useCallback((args) => {
+	const collisionDetection = React$1.useCallback((args) => {
 		const dragData = args.active.data.current;
 		if (dragData && isPaletteItem(dragData)) {
 			const areaContainers = args.droppableContainers.filter((c) => String(c.id).startsWith("area:"));
@@ -28269,7 +28857,7 @@ function DraggablePaletteItem({ id, label, description, widgetInput }) {
 function WidgetAreaPanel({ area, expandedWidgets, onToggleWidget, isDraggingPalette, components, pluginBlocks, onBlockSidebarOpen, onBlockSidebarClose }) {
 	const queryClient = useQueryClient();
 	const toastManager = Toast.useToastManager();
-	const [deleteAreaName, setDeleteAreaName] = React.useState(null);
+	const [deleteAreaName, setDeleteAreaName] = React$1.useState(null);
 	const { setNodeRef: setDropRef, isOver } = useDroppable({ id: `area:${area.name}` });
 	const deleteAreaMutation = useMutation({
 		mutationFn: deleteWidgetArea,
@@ -28444,14 +29032,14 @@ function WidgetItem({ widget, areaName, isExpanded, onToggle, components, plugin
 }
 /** Inline editor form for a widget, rendered when the widget is expanded */
 function WidgetEditor({ widget, components, pluginBlocks, onSave, isSaving, onBlockSidebarOpen, onBlockSidebarClose }) {
-	const [title, setTitle] = React.useState(widget.title ?? "");
-	const [content, setContent] = React.useState(Array.isArray(widget.content) ? widget.content : []);
-	const [menuName, setMenuName] = React.useState(widget.menuName ?? "");
-	const [componentId, setComponentId] = React.useState(widget.componentId ?? "");
-	const [componentProps, setComponentProps] = React.useState(widget.componentProps ?? {});
+	const [title, setTitle] = React$1.useState(widget.title ?? "");
+	const [content, setContent] = React$1.useState(Array.isArray(widget.content) ? widget.content : []);
+	const [menuName, setMenuName] = React$1.useState(widget.menuName ?? "");
+	const [componentId, setComponentId] = React$1.useState(widget.componentId ?? "");
+	const [componentProps, setComponentProps] = React$1.useState(widget.componentProps ?? {});
 	const { data: menus = [] } = useQuery({
 		queryKey: ["menus"],
-		queryFn: fetchMenus,
+		queryFn: () => fetchMenus(),
 		enabled: widget.type === "menu"
 	});
 	const selectedComponent = components.find((c) => c.id === componentId);
@@ -28588,32 +29176,32 @@ function ComponentPropField({ def, value, onChange }) {
 const TRAILING_SLASH_REGEX = /\/$/;
 const WHITESPACE_REGEX = /\s/g;
 function WordPressImport() {
-	const [step, setStep] = React.useState("choose");
-	const [urlInput, setUrlInput] = React.useState("");
-	const [probeResult, setProbeResult] = React.useState(null);
-	const [importSource, setImportSource] = React.useState(null);
-	const [_file, setFile] = React.useState(null);
-	const [analysis, setAnalysis] = React.useState(null);
-	const [pluginUsername, setPluginUsername] = React.useState("");
-	const [pluginPassword, setPluginPassword] = React.useState("");
-	const [selections, setSelections] = React.useState({});
-	const [prepareResult, setPrepareResult] = React.useState(null);
-	const [result, setResult] = React.useState(null);
-	const [expandedTypes, setExpandedTypes] = React.useState(/* @__PURE__ */ new Set());
-	const [prepareError, setPrepareError] = React.useState(null);
-	const [importError, setImportError] = React.useState(null);
-	const [mediaResult, setMediaResult] = React.useState(null);
-	const [rewriteResult, setRewriteResult] = React.useState(null);
-	const [mediaError, setMediaError] = React.useState(null);
-	const [skipMedia, setSkipMedia] = React.useState(false);
-	const [mediaProgress, setMediaProgress] = React.useState(null);
-	const [importMenus, setImportMenus] = React.useState(true);
-	const [importSiteTitle, setImportSiteTitle] = React.useState(true);
-	const [importLogo, setImportLogo] = React.useState(true);
-	const [importSeo, setImportSeo] = React.useState(false);
-	const [authorMappings, setAuthorMappings] = React.useState([]);
-	const [emdashUsers, setEmDashUsers] = React.useState([]);
-	const initializeAuthorMappings = React.useCallback((importAnalysis, users) => {
+	const [step, setStep] = React$1.useState("choose");
+	const [urlInput, setUrlInput] = React$1.useState("");
+	const [probeResult, setProbeResult] = React$1.useState(null);
+	const [importSource, setImportSource] = React$1.useState(null);
+	const [_file, setFile] = React$1.useState(null);
+	const [analysis, setAnalysis] = React$1.useState(null);
+	const [pluginUsername, setPluginUsername] = React$1.useState("");
+	const [pluginPassword, setPluginPassword] = React$1.useState("");
+	const [selections, setSelections] = React$1.useState({});
+	const [prepareResult, setPrepareResult] = React$1.useState(null);
+	const [result, setResult] = React$1.useState(null);
+	const [expandedTypes, setExpandedTypes] = React$1.useState(/* @__PURE__ */ new Set());
+	const [prepareError, setPrepareError] = React$1.useState(null);
+	const [importError, setImportError] = React$1.useState(null);
+	const [mediaResult, setMediaResult] = React$1.useState(null);
+	const [rewriteResult, setRewriteResult] = React$1.useState(null);
+	const [mediaError, setMediaError] = React$1.useState(null);
+	const [skipMedia, setSkipMedia] = React$1.useState(false);
+	const [mediaProgress, setMediaProgress] = React$1.useState(null);
+	const [importMenus, setImportMenus] = React$1.useState(true);
+	const [importSiteTitle, setImportSiteTitle] = React$1.useState(true);
+	const [importLogo, setImportLogo] = React$1.useState(true);
+	const [importSeo, setImportSeo] = React$1.useState(false);
+	const [authorMappings, setAuthorMappings] = React$1.useState([]);
+	const [emdashUsers, setEmDashUsers] = React$1.useState([]);
+	const initializeAuthorMappings = React$1.useCallback((importAnalysis, users) => {
 		setAuthorMappings(importAnalysis.authors.map((author) => {
 			const matchedUser = author.email ? users.find((u) => u.email.toLowerCase() === author.email?.toLowerCase()) : void 0;
 			return {
@@ -28625,7 +29213,7 @@ function WordPressImport() {
 			};
 		}));
 	}, []);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		const params = new URLSearchParams(window.location.search);
 		const authStatus = params.get("auth");
 		if (params.get("error") === "auth_rejected") {
@@ -31163,12 +31751,12 @@ function getUserLabel(user) {
 }
 function BylinesPage() {
 	const queryClient = useQueryClient();
-	const [search, setSearch] = React.useState("");
-	const [guestFilter, setGuestFilter] = React.useState("all");
-	const [selectedId, setSelectedId] = React.useState(null);
-	const [showDeleteConfirm, setShowDeleteConfirm] = React.useState(false);
-	const [allItems, setAllItems] = React.useState([]);
-	const [nextCursor, setNextCursor] = React.useState(void 0);
+	const [search, setSearch] = React$1.useState("");
+	const [guestFilter, setGuestFilter] = React$1.useState("all");
+	const [selectedId, setSelectedId] = React$1.useState(null);
+	const [showDeleteConfirm, setShowDeleteConfirm] = React$1.useState(false);
+	const [allItems, setAllItems] = React$1.useState([]);
+	const [nextCursor, setNextCursor] = React$1.useState(void 0);
 	const { data, isLoading, error } = useQuery({
 		queryKey: [
 			"bylines",
@@ -31181,7 +31769,7 @@ function BylinesPage() {
 			limit: 50
 		})
 	});
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (data) {
 			setAllItems(data.items);
 			setNextCursor(data.nextCursor);
@@ -31211,8 +31799,8 @@ function BylinesPage() {
 	});
 	const items = allItems;
 	const selected = items.find((item) => item.id === selectedId) ?? null;
-	const [form, setForm] = React.useState(() => toFormState(null));
-	React.useEffect(() => {
+	const [form, setForm] = React$1.useState(() => toFormState(null));
+	React$1.useEffect(() => {
 		setForm(toFormState(selected));
 	}, [selectedId, selected]);
 	const createMutation = useMutation({
@@ -31480,14 +32068,14 @@ function RoleBadge({ role, size = "sm", showDescription = false, className }) {
 function UserList({ users, isLoading, hasMore, searchQuery, roleFilter, onSearchChange, onRoleFilterChange, onSelectUser, onInviteUser, onLoadMore }) {
 	const { _: _t } = useLingui();
 	const { roles, roleLabels } = useRolesConfig();
-	const roleFilterSelectItems = React.useMemo(() => ({
+	const roleFilterSelectItems = React$1.useMemo(() => ({
 		all: _t({
 			id: "Hm90t3",
 			message: "All roles"
 		}),
 		...roleLabels
 	}), [_t, roleLabels]);
-	const roleFilterSelectOptions = React.useMemo(() => [{
+	const roleFilterSelectOptions = React$1.useMemo(() => [{
 		value: "all",
 		label: _t({
 			id: "Hm90t3",
@@ -31710,10 +32298,10 @@ function UserListSkeleton() {
 function UserDetail({ user, isLoading, isOpen, isSaving, isSendingRecovery, recoverySent, recoveryError, currentUserId, onClose, onSave, onDisable, onEnable, onSendRecovery }) {
 	const { _: _t } = useLingui();
 	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);
-	const userIdRef = React.useRef(user?.id);
+	const [name, setName] = React$1.useState(user?.name ?? "");
+	const [email, setEmail] = React$1.useState(user?.email ?? "");
+	const [role, setRole] = React$1.useState(user?.role ?? 30);
+	const userIdRef = React$1.useRef(user?.id);
 	if (user?.id !== userIdRef.current) {
 		userIdRef.current = user?.id;
 		if (user) {
@@ -32127,12 +32715,12 @@ function UserDetailSkeleton() {
 function InviteUserModal({ open, isSending, error, inviteUrl, onOpenChange, onInvite }) {
 	const { _: _t } = useLingui();
 	const { roles, roleLabels } = useRolesConfig();
-	const [email, setEmail] = React.useState("");
-	const [role, setRole] = React.useState(30);
-	const [copied, setCopied] = React.useState(false);
-	const [copyError, setCopyError] = React.useState(false);
-	const copyTimeoutRef = React.useRef(void 0);
-	React.useEffect(() => {
+	const [email, setEmail] = React$1.useState("");
+	const [role, setRole] = React$1.useState(30);
+	const [copied, setCopied] = React$1.useState(false);
+	const [copyError, setCopyError] = React$1.useState(false);
+	const copyTimeoutRef = React$1.useRef(void 0);
+	React$1.useEffect(() => {
 		if (open) {
 			setEmail("");
 			setRole(30);
@@ -32140,7 +32728,7 @@ function InviteUserModal({ open, isSending, error, inviteUrl, onOpenChange, onIn
 			setCopyError(false);
 		}
 	}, [open]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		return () => {
 			if (copyTimeoutRef.current) clearTimeout(copyTimeoutRef.current);
 		};
@@ -32362,8 +32950,8 @@ function InviteUserModal({ open, isSending, error, inviteUrl, onOpenChange, onIn
 * Debounce hook for search input
 */
 function useDebounce(value, delay) {
-	const [debouncedValue, setDebouncedValue] = React.useState(value);
-	React.useEffect(() => {
+	const [debouncedValue, setDebouncedValue] = React$1.useState(value);
+	React$1.useEffect(() => {
 		const timer = setTimeout(setDebouncedValue, delay, value);
 		return () => clearTimeout(timer);
 	}, [value, delay]);
@@ -32372,16 +32960,16 @@ function useDebounce(value, delay) {
 function UsersPage() {
 	const { getRoleLabel } = useRolesConfig();
 	const queryClient = useQueryClient();
-	const [searchQuery, setSearchQuery] = React.useState("");
-	const [roleFilter, setRoleFilter] = React.useState();
-	const [selectedUserId, setSelectedUserId] = React.useState(null);
-	const [isDetailOpen, setIsDetailOpen] = React.useState(false);
-	const [isInviteOpen, setIsInviteOpen] = React.useState(false);
-	const [showDisableConfirm, setShowDisableConfirm] = React.useState(false);
-	const [showDemoteConfirm, setShowDemoteConfirm] = React.useState(false);
-	const [pendingSaveData, setPendingSaveData] = React.useState(null);
-	const [inviteError, setInviteError] = React.useState(null);
-	const [inviteUrl, setInviteUrl] = React.useState(null);
+	const [searchQuery, setSearchQuery] = React$1.useState("");
+	const [roleFilter, setRoleFilter] = React$1.useState();
+	const [selectedUserId, setSelectedUserId] = React$1.useState(null);
+	const [isDetailOpen, setIsDetailOpen] = React$1.useState(false);
+	const [isInviteOpen, setIsInviteOpen] = React$1.useState(false);
+	const [showDisableConfirm, setShowDisableConfirm] = React$1.useState(false);
+	const [showDemoteConfirm, setShowDemoteConfirm] = React$1.useState(false);
+	const [pendingSaveData, setPendingSaveData] = React$1.useState(null);
+	const [inviteError, setInviteError] = React$1.useState(null);
+	const [inviteUrl, setInviteUrl] = React$1.useState(null);
 	const debouncedSearch = useDebounce(searchQuery, 300);
 	const usersQuery = useInfiniteQuery({
 		queryKey: [
@@ -32702,7 +33290,7 @@ function ContentListPage() {
 	});
 	const i18n = manifest?.i18n;
 	const activeLocale = i18n ? localeParam ?? i18n.defaultLocale : void 0;
-	const [sort, setSort] = React.useState({
+	const [sort, setSort] = React$1.useState({
 		field: "updatedAt",
 		direction: "desc"
 	});
@@ -32800,7 +33388,7 @@ function ContentListPage() {
 			});
 		}
 	});
-	const items = React.useMemo(() => {
+	const items = React$1.useMemo(() => {
 		return data?.pages.flatMap((page) => page.items) || [];
 	}, [data]);
 	if (!manifest) return /* @__PURE__ */ jsx(LoadingScreen, {});
@@ -32822,7 +33410,7 @@ function ContentListPage() {
 		isLoading: isLoading || isFetchingNextPage,
 		isTrashedLoading,
 		hasMore: !!hasNextPage,
-		onLoadMore: React.useCallback(() => void fetchNextPage(), [fetchNextPage]),
+		onLoadMore: React$1.useCallback(() => void fetchNextPage(), [fetchNextPage]),
 		trashedCount: trashedData?.items?.length || 0,
 		onDelete: (id) => deleteMutation.mutate(id),
 		onRestore: (id) => restoreMutation.mutate(id),
@@ -32847,7 +33435,7 @@ function ContentNewPage() {
 	const { locale } = useSearch({ from: "/_admin/content/$collection/new" });
 	const navigate = useNavigate();
 	const queryClient = useQueryClient();
-	const [selectedBylines, setSelectedBylines] = React.useState([]);
+	const [selectedBylines, setSelectedBylines] = React$1.useState([]);
 	const { data: manifest } = useQuery({
 		queryKey: ["manifest"],
 		queryFn: fetchManifest
@@ -32868,7 +33456,7 @@ function ContentNewPage() {
 			});
 		}
 	});
-	const pluginBlocks = React.useMemo(() => manifest ? getPluginBlocks(manifest) : [], [manifest]);
+	const pluginBlocks = React$1.useMemo(() => manifest ? getPluginBlocks(manifest) : [], [manifest]);
 	const { data: bylinesData } = useQuery({
 		queryKey: ["bylines"],
 		queryFn: () => fetchBylines({ limit: 100 })
@@ -32946,7 +33534,7 @@ function ContentEditPage() {
 		],
 		queryFn: () => fetchContent(collection, id)
 	});
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		if (typeof searchParams.field !== "string" || isLoading) return;
 		const timeoutId = requestIdleCallback(() => {
 			const el = document.getElementById(`field-${searchParams.field}`);
@@ -32983,7 +33571,7 @@ function ContentEditPage() {
 		queryFn: () => fetchRevision(rawItem.draftRevisionId),
 		enabled: !!rawItem?.draftRevisionId
 	});
-	const item = React.useMemo(() => {
+	const item = React$1.useMemo(() => {
 		if (!rawItem) return void 0;
 		if (!draftRevision?.data) return rawItem;
 		const draftData = {};
@@ -33056,7 +33644,7 @@ function ContentEditPage() {
 			});
 		}
 	});
-	const [lastAutosaveAt, setLastAutosaveAt] = React.useState(null);
+	const [lastAutosaveAt, setLastAutosaveAt] = React$1.useState(null);
 	const autosaveMutation = useMutation({
 		mutationFn: (data) => updateContent(collection, id, {
 			...data,
@@ -33259,7 +33847,7 @@ function ContentEditPage() {
 			});
 		}
 	});
-	const pluginBlocks = React.useMemo(() => manifest ? getPluginBlocks(manifest) : [], [manifest]);
+	const pluginBlocks = React$1.useMemo(() => manifest ? getPluginBlocks(manifest) : [], [manifest]);
 	if (!manifest) return /* @__PURE__ */ jsx(LoadingScreen, {});
 	const collectionConfig = manifest.collections[collection];
 	if (!collectionConfig) return /* @__PURE__ */ jsx(NotFoundPage, { message: `Collection "${collection}" not found` });
@@ -33370,11 +33958,11 @@ function CommentsPage() {
 		},
 		staleTime: 300 * 1e3
 	});
-	const [activeStatus, setActiveStatus] = React.useState("pending");
-	const [collectionFilter, setCollectionFilter] = React.useState("");
-	const [searchQuery, setSearchQuery] = React.useState("");
-	const [debouncedSearch, setDebouncedSearch] = React.useState("");
-	React.useEffect(() => {
+	const [activeStatus, setActiveStatus] = React$1.useState("pending");
+	const [collectionFilter, setCollectionFilter] = React$1.useState("");
+	const [searchQuery, setSearchQuery] = React$1.useState("");
+	const [debouncedSearch, setDebouncedSearch] = React$1.useState("");
+	React$1.useEffect(() => {
 		const timer = setTimeout(setDebouncedSearch, 300, searchQuery);
 		return () => clearTimeout(timer);
 	}, [searchQuery]);
@@ -33557,7 +34145,7 @@ function MarketplaceBrowsePage() {
 			return fetchPlugins();
 		}
 	});
-	return /* @__PURE__ */ jsx(MarketplaceBrowse, { installedPluginIds: React.useMemo(() => {
+	return /* @__PURE__ */ jsx(MarketplaceBrowse, { installedPluginIds: React$1.useMemo(() => {
 		if (!plugins) return /* @__PURE__ */ new Set();
 		return new Set(plugins.map((p) => p.id));
 	}, [plugins]) });
@@ -33578,7 +34166,7 @@ function MarketplaceDetailPage() {
 	});
 	return /* @__PURE__ */ jsx(MarketplacePluginDetail, {
 		pluginId,
-		installedPluginIds: React.useMemo(() => {
+		installedPluginIds: React$1.useMemo(() => {
 			if (!plugins) return /* @__PURE__ */ new Set();
 			return new Set(plugins.map((p) => p.id));
 		}, [plugins])
@@ -33611,7 +34199,10 @@ const menuListRoute = createRoute({
 const menuEditorRoute = createRoute({
 	getParentRoute: () => adminLayoutRoute,
 	path: "/menus/$name",
-	component: MenuEditor
+	component: MenuEditor,
+	validateSearch: (search) => {
+		return { locale: typeof search.locale === "string" ? search.locale : void 0 };
+	}
 });
 const taxonomyRoute = createRoute({
 	getParentRoute: () => adminLayoutRoute,
@@ -33987,10 +34578,10 @@ const router = createAdminRouter(queryClient);
 const EMPTY_PLUGINS = {};
 const EMPTY_AUTH_PROVIDERS = {};
 function AdminApp({ pluginAdmins = EMPTY_PLUGINS, authProviders = EMPTY_AUTH_PROVIDERS, locale = "en", messages = {} }) {
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		document.getElementById("emdash-boot-loader")?.remove();
 	}, []);
-	const i18nInitialized = React.useRef(false);
+	const i18nInitialized = React$1.useRef(false);
 	if (!i18nInitialized.current) {
 		i18n.loadAndActivate({
 			locale,
@@ -34014,5 +34605,5 @@ function AdminApp({ pluginAdmins = EMPTY_PLUGINS, authProviders = EMPTY_AUTH_PRO
 }
 
 //#endregion
-export { API_BASE, API_TOKEN_SCOPES, AdminApp, AdminApp as App, AuthProviderProvider, CAPABILITY_LABELS, ContentEditor, ContentList, DEFAULT_LOCALE, Dashboard, EditorHeader, 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, fetchAuthMode, 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, useAuthProviderList, useAuthProviders, useCurrentUser, useLocale, useNavigate, useParams, usePluginAdmins, usePluginField, usePluginHasPages, usePluginHasWidgets, usePluginPage, usePluginWidget, validateInviteToken, verifySignupToken };
+export { API_BASE, API_TOKEN_SCOPES, AdminApp, AdminApp as App, AuthProviderProvider, CAPABILITY_LABELS, ContentEditor, ContentList, DEFAULT_LOCALE, Dashboard, EditorHeader, 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, createMenuTranslation, createRedirect, createSection, createTaxonomy, createTerm, createTermTranslation, 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, fetchAuthMode, fetchByline, fetchBylines, fetchCollection, fetchCollections, fetchComment, fetchCommentCounts, fetchComments, fetchContent, fetchContentList, fetchDashboardStats, fetchEmailSettings, fetchFields, fetchManifest, fetchMarketplacePlugin, fetchMediaList, fetchMediaProviders, fetchMenu, fetchMenuTranslations, fetchMenus, fetchOrphanedTables, fetchPasskeys, fetchPlugin, fetchPlugins, fetchProviderMedia, fetchRedirects, fetchRevision, fetchRevisions, fetchSection, fetchSections, fetchSettings, fetchTaxonomyDef, fetchTaxonomyDefs, fetchTermTranslations, 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, useAuthProviderList, useAuthProviders, useCurrentUser, useLocale, useNavigate, useParams, usePluginAdmins, usePluginField, usePluginHasPages, usePluginHasWidgets, usePluginPage, usePluginWidget, validateInviteToken, verifySignupToken };
 //# sourceMappingURL=index.js.map