@emdash-cms/admin 0.26.0 → 0.28.0

package/dist/index.js

@@ -1,7 +1,7 @@
 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-G9Z9NQ7n.js";
-import { a as SUPPORTED_LOCALES, i as DEFAULT_LOCALE, l as resolveLocale, n as useLocale, o as SUPPORTED_LOCALE_CODES, s as getLocaleDir, t as LocaleDirectionProvider } from "./LocaleDirectionProvider-elsAJo9B.js";
+import { a as SUPPORTED_LOCALES, i as DEFAULT_LOCALE, l as resolveLocale, n as useLocale, o as SUPPORTED_LOCALE_CODES, s as getLocaleDir, t as LocaleDirectionProvider } from "./LocaleDirectionProvider-C9lpIjJq.js";
 import "./locales/index.js";
-import { Autocomplete, Badge, Button, Checkbox, ClipboardText, Combobox, CommandPalette, Dialog, Input, InputArea, Label, LinkButton, LinkProvider, Loader, Popover, Select, Sidebar as KumoSidebar, Switch, Tabs, Toast, Toasty, Tooltip, buttonVariants, useSidebar } from "@cloudflare/kumo";
+import { Autocomplete, Badge, Button, Checkbox, ClipboardText, Combobox, CommandPalette, Dialog, Input, InputArea, Label, LinkButton, LinkProvider, Loader, Popover, Select, Sidebar as KumoSidebar, Switch, Tabs, Toast, Toasty, Tooltip, buttonVariants, useKumoToastManager, useSidebar } from "@cloudflare/kumo";
 import { i18n } from "@lingui/core";
 import { I18nProvider, Trans, useLingui } from "@lingui/react";
 import { QueryClient, QueryClientProvider, keepPreviousData, useInfiniteQuery, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
@@ -10,7 +10,7 @@ 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, ArrowDown, ArrowRight, ArrowRightIcon, ArrowSquareOut, ArrowUUpLeft, ArrowUUpRight, ArrowUp, ArrowsClockwise, ArrowsInSimple, ArrowsLeftRight, ArrowsOutSimple, Bell, BookOpen, BracketsAngle, BracketsCurly, Calendar, CalendarBlank, CaretDown, CaretRightIcon, CaretUp, CaretUpDown, ChartBar, ChartLine, ChatCircle, Check, CheckCircle, CircleDashed, CircleNotch, ClockCounterClockwise, Cloud, Code, CodeBlock, Columns, Copy, Crop, Cube, Database, DeviceMobile, DotsSixVertical, DownloadSimple, Envelope, EnvelopeSimple, Eye, EyeSlash, File, FileArrowDown, FileText, FloppyDisk, Folder, FolderOpen, Gear, GithubLogo, Globe, GlobeSimple, GridFour, HardDrive, Hash, IdentificationCard, Image as Image$1, ImageBroken, ImageSquare, Info, Key, Link as Link$2, LinkBreak, LinkSimple, List, ListBullets, ListChecks, ListNumbers, MagnifyingGlass, Medal, Minus, Monitor, Moon, Palette, PaperPlaneTilt, Paperclip, Paragraph, Pencil, PencilSimple, Plug, PlugsConnected, Plus, Prohibit, PuzzlePiece, Quotes, Rows, Ruler, ShareNetwork, Shield, ShieldCheck, ShieldWarning, SignOut, SlidersHorizontal, Sparkle, SquaresFour, Stack, Star, Storefront, Sun, Table, Tag, TextAlignCenter, TextAlignLeft, TextAlignRight, TextB, TextHOne, TextHThree, TextHTwo, TextItalic, TextStrikethrough, TextT, TextUnderline, ToggleLeft, Trash, Trophy, Upload, User, UserCircle, UserPlus, Users, Warning, WarningCircle, WebhooksLogo, X, YoutubeLogo } from "@phosphor-icons/react";
+import { ArrowCounterClockwise, ArrowDown, ArrowRight, ArrowRightIcon, ArrowSquareOut, ArrowUUpLeft, ArrowUUpRight, ArrowUp, ArrowsClockwise, ArrowsInSimple, ArrowsLeftRight, ArrowsOutSimple, Bell, BookOpen, BracketsAngle, BracketsCurly, Calendar, CalendarBlank, CaretDown, CaretRightIcon, CaretUp, CaretUpDown, ChartBar, ChartLine, ChatCircle, Check, CheckCircle, CircleDashed, CircleNotch, ClockCounterClockwise, Cloud, Code, CodeBlock, Columns, Copy, Crop, Cube, Database, DeviceMobile, DotsSixVertical, DownloadSimple, Envelope, EnvelopeSimple, Eye, EyeSlash, File, FileArrowDown, FileText, FloppyDisk, Folder, FolderOpen, Gear, GithubLogo, Globe, GlobeSimple, GridFour, HardDrive, Hash, IdentificationCard, Image as Image$1, ImageBroken, ImageSquare, Images, Info, Key, Link as Link$2, LinkBreak, LinkSimple, List, ListBullets, ListChecks, ListNumbers, MagnifyingGlass, Medal, Minus, Monitor, Moon, Palette, PaperPlaneTilt, Paperclip, Paragraph, Pencil, PencilSimple, Plug, PlugsConnected, Plus, Prohibit, PuzzlePiece, Quotes, Rows, Ruler, ShareNetwork, Shield, ShieldCheck, ShieldWarning, SignOut, SlidersHorizontal, Sparkle, SquaresFour, Stack, Star, Storefront, Sun, Table, Tag, TextAlignCenter, TextAlignLeft, TextAlignRight, TextB, TextHOne, TextHThree, TextHTwo, TextItalic, TextStrikethrough, TextT, TextUnderline, ToggleLeft, Trash, Trophy, 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";
@@ -2528,6 +2528,85 @@ async function createTermTranslation(taxonomyName, slug, input, options = {}) {
 /**
 * WordPress import and source probing APIs
 */
+async function executeWpPluginImportChunk(url, token, config, phase, cursor, state) {
+	return parseApiResponse(await apiFetch(`${API_BASE}/import/wordpress-plugin/execute`, {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify({
+			url,
+			token,
+			config,
+			phase,
+			cursor,
+			idMap: state.idMap,
+			translationGroups: state.translationGroups,
+			commentRoots: state.commentRoots
+		})
+	}), "Failed to import from WordPress");
+}
+/** Merge a chunk's partial result into the running aggregate. */
+function mergeImportResults(into, chunk) {
+	into.imported += chunk.imported;
+	into.skipped += chunk.skipped;
+	into.errors.push(...chunk.errors);
+	for (const [collection, count] of Object.entries(chunk.byCollection)) into.byCollection[collection] = (into.byCollection[collection] || 0) + count;
+	if (chunk.taxonomyAssignments) into.taxonomyAssignments = (into.taxonomyAssignments ?? 0) + chunk.taxonomyAssignments;
+	if (chunk.missingTaxonomies?.length) into.missingTaxonomies = [...new Set([...into.missingTaxonomies ?? [], ...chunk.missingTaxonomies])];
+	if (chunk.taxonomiesCreated?.length) into.taxonomiesCreated = [...into.taxonomiesCreated ?? [], ...chunk.taxonomiesCreated];
+	if (chunk.menus) into.menus = chunk.menus;
+	if (chunk.comments) into.comments = {
+		imported: (into.comments?.imported ?? 0) + chunk.comments.imported,
+		skipped: (into.comments?.skipped ?? 0) + chunk.comments.skipped
+	};
+	if (chunk.siteSettings) into.siteSettings = chunk.siteSettings;
+	into.success = into.errors.length === 0;
+}
+/**
+* Run the full plugin import as a sequence of bounded requests: content
+* pages, then comment pages, then finalize (menus + site identity).
+* Each request stays well below Worker resource limits regardless of
+* site size. Re-running after an abort is safe: `skipExisting` skips
+* already-imported content while rebuilding the ID maps the later
+* phases need.
+*/
+async function executeWpPluginImport(url, token, config, onProgress) {
+	const aggregate = {
+		success: true,
+		imported: 0,
+		skipped: 0,
+		errors: [],
+		byCollection: {}
+	};
+	const state = {
+		idMap: {},
+		translationGroups: {},
+		commentRoots: {}
+	};
+	let comments = 0;
+	const runPhase = async (phase) => {
+		let cursor;
+		let done = false;
+		while (!done) {
+			const chunk = await executeWpPluginImportChunk(url, token, config, phase, cursor, state);
+			mergeImportResults(aggregate, chunk.result);
+			Object.assign(state.idMap, chunk.chunk?.idMap);
+			Object.assign(state.translationGroups, chunk.chunk?.translationGroups);
+			Object.assign(state.commentRoots, chunk.chunk?.commentRoots);
+			comments += (chunk.result.comments?.imported ?? 0) + (chunk.result.comments?.skipped ?? 0);
+			onProgress?.({
+				phase,
+				processed: aggregate.imported + aggregate.skipped,
+				comments
+			});
+			done = chunk.done;
+			cursor = chunk.cursor;
+		}
+	};
+	await runPhase("content");
+	await runPhase("comments");
+	await runPhase("finalize");
+	return aggregate;
+}
 /**
 * Analyze a WordPress WXR file
 */
@@ -2613,6 +2692,32 @@ async function importWxrMedia(attachments, onProgress) {
 	if (!result) throw new Error("No result received from media import");
 	return result;
 }
+/** Attachments per media request. Bounds each Worker invocation (issue #475). */
+const MEDIA_BATCH_SIZE = 25;
+/**
+* Import media in bounded batches instead of one giant request, so each
+* Worker invocation stays below resource limits and an aborted run only
+* loses the batch in flight (the server dedupes re-sent files by content
+* hash). Progress is reported against the overall total.
+*/
+async function importWxrMediaBatched(attachments, onProgress) {
+	const merged = {
+		imported: [],
+		failed: [],
+		urlMap: {}
+	};
+	for (let offset = 0; offset < attachments.length; offset += MEDIA_BATCH_SIZE) {
+		const result = await importWxrMedia(attachments.slice(offset, offset + MEDIA_BATCH_SIZE), onProgress && ((progress) => onProgress({
+			...progress,
+			current: offset + progress.current,
+			total: attachments.length
+		})));
+		merged.imported.push(...result.imported);
+		merged.failed.push(...result.failed);
+		Object.assign(merged.urlMap, result.urlMap);
+	}
+	return merged;
+}
 /**
 * Probe a URL to detect import source
 */
@@ -2649,20 +2754,6 @@ async function analyzeWpPluginSite(url, token) {
 		})
 	}), "Failed to analyze WordPress site")).analysis;
 }
-/**
-* Execute import from WordPress plugin API
-*/
-async function executeWpPluginImport(url, token, config) {
-	return (await parseApiResponse(await apiFetch(`${API_BASE}/import/wordpress-plugin/execute`, {
-		method: "POST",
-		headers: { "Content-Type": "application/json" },
-		body: JSON.stringify({
-			url,
-			token,
-			config
-		})
-	}), "Failed to import from WordPress")).result;
-}
 
 //#endregion
 //#region src/lib/api/api-tokens.ts
@@ -21058,332 +21149,543 @@ function formatBytes(bytes) {
 //#endregion
 //#region src/components/MediaDetailPanel.tsx
 /**
-* Media Detail Panel
+* Media Detail Dialog
 *
-* A slide-out panel for viewing and editing media item metadata.
+* A centered dialog for viewing and editing media item metadata.
 * Opens when clicking an item in the MediaLibrary.
 */
+const CLOSE_FALLBACK_MS = 500;
 /**
-* Slide-out panel for viewing and editing media metadata
+* Centered dialog for viewing and editing media metadata.
 */
-function MediaDetailPanel({ item, onClose, onDeleted }) {
+function MediaDetailPanel({ open, item, providerName, canDelete: canDeleteProp, restoreFocusTargetRef, onClose, onClosed, onUpdated, onDeleted }) {
 	const { _: _t } = useLingui();
 	const queryClient = useQueryClient();
-	const [filename, setFilename] = React$1.useState(item?.filename ?? "");
-	const [alt, setAlt] = React$1.useState(item?.alt ?? "");
-	const [caption, setCaption] = React$1.useState(item?.caption ?? "");
+	const restoreFocusAfterDeleteRef = React$1.useRef(false);
+	const closeFallbackTimerRef = React$1.useRef(null);
+	const closeFinishedRef = React$1.useRef(false);
+	const isProviderAsset = Boolean(item.provider);
+	const isImage = item.mimeType.startsWith("image/");
+	const isVideo = item.mimeType.startsWith("video/");
+	const isAudio = item.mimeType.startsWith("audio/");
+	const canEditMetadata = !isProviderAsset && isImage;
+	const canDelete = !isProviderAsset || Boolean(canDeleteProp);
+	const [filename, setFilename] = React$1.useState(item.filename);
+	const [alt, setAlt] = React$1.useState(item.alt ?? "");
+	const [caption, setCaption] = React$1.useState(item.caption ?? "");
+	const [showDeleteConfirm, setShowDeleteConfirm] = React$1.useState(false);
+	const [showDiscardConfirm, setShowDiscardConfirm] = React$1.useState(false);
 	React$1.useEffect(() => {
-		if (item) {
-			setFilename(item.filename);
-			setAlt(item.alt ?? "");
-			setCaption(item.caption ?? "");
-		}
-	}, [item]);
-	const fileUrl = item ? new URL(item.url, window.location.origin).href : "";
-	const hasChanges = React$1.useMemo(() => {
-		if (!item) return false;
-		return filename !== item.filename || alt !== (item.alt ?? "") || caption !== (item.caption ?? "");
-	}, [
-		item,
-		filename,
-		alt,
-		caption
-	]);
+		if (!open) return;
+		if (closeFallbackTimerRef.current !== null) {
+			window.clearTimeout(closeFallbackTimerRef.current);
+			closeFallbackTimerRef.current = null;
+		}
+		closeFinishedRef.current = false;
+		restoreFocusAfterDeleteRef.current = false;
+		setFilename(item.filename);
+		setAlt(item.alt ?? "");
+		setCaption(item.caption ?? "");
+		setShowDeleteConfirm(false);
+		setShowDiscardConfirm(false);
+	}, [item.id, open]);
+	React$1.useEffect(() => {
+		return () => {
+			if (closeFallbackTimerRef.current !== null) window.clearTimeout(closeFallbackTimerRef.current);
+		};
+	}, []);
+	const finishClose = React$1.useCallback(() => {
+		if (closeFinishedRef.current) return;
+		closeFinishedRef.current = true;
+		if (closeFallbackTimerRef.current !== null) {
+			window.clearTimeout(closeFallbackTimerRef.current);
+			closeFallbackTimerRef.current = null;
+		}
+		const shouldRestoreFocus = restoreFocusAfterDeleteRef.current;
+		restoreFocusAfterDeleteRef.current = false;
+		onClosed?.();
+		if (shouldRestoreFocus) window.setTimeout(() => {
+			restoreFocusTargetRef?.current?.focus();
+		}, 0);
+	}, [onClosed, restoreFocusTargetRef]);
+	const closeDialog = React$1.useCallback(() => {
+		onClose();
+		if (closeFallbackTimerRef.current !== null) window.clearTimeout(closeFallbackTimerRef.current);
+		closeFallbackTimerRef.current = window.setTimeout(finishClose, CLOSE_FALLBACK_MS);
+	}, [finishClose, onClose]);
+	const hasChanges = canEditMetadata && (alt !== (item.alt ?? "") || caption !== (item.caption ?? ""));
+	const isConfirmOpen = showDeleteConfirm || showDiscardConfirm;
+	const publicFileUrl = !isProviderAsset && item.url ? new URL(item.url, window.location.origin).href : "";
+	const filenameHelp = _t({
+		id: "Wz+2dx",
+		message: "Filename cannot be changed after upload"
+	});
+	const filenameHelpLabel = _t({
+		id: "Aef4ny",
+		message: "Why can't this be changed?"
+	});
+	const altTextHelp = _t({
+		id: "XOEr+a",
+		message: "Used by screen readers and when image fails to load"
+	});
+	const altTextHelpLabel = _t({
+		id: "k4GKvk",
+		message: "Why is this important?"
+	});
 	const updateMutation = useMutation({
-		mutationFn: (data) => {
-			if (!item) throw new Error("No item selected");
-			return updateMedia(item.id, data);
-		},
+		mutationFn: (data) => updateMedia(item.id, data),
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: ["media"] });
+			onUpdated?.();
+			closeDialog();
 		}
 	});
 	const deleteMutation = useMutation({
-		mutationFn: () => {
-			if (!item) throw new Error("No item selected");
-			return deleteMedia(item.id);
-		},
+		mutationFn: () => item.provider ? deleteFromProvider(item.provider, item.id) : deleteMedia(item.id),
 		onSuccess: () => {
-			queryClient.invalidateQueries({ queryKey: ["media"] });
+			if (item.provider) queryClient.invalidateQueries({ queryKey: ["provider-media", item.provider] });
+			else queryClient.invalidateQueries({ queryKey: ["media"] });
+			restoreFocusAfterDeleteRef.current = true;
+			setShowDeleteConfirm(false);
 			onDeleted?.();
-			onClose();
+			closeDialog();
 		}
 	});
+	const isSaving = updateMutation.isPending;
+	const isDeleting = deleteMutation.isPending;
+	const isBusy = isSaving || isDeleting;
+	const requestClose = React$1.useCallback(() => {
+		if (isBusy) return;
+		if (isConfirmOpen) return;
+		if (hasChanges) {
+			setShowDiscardConfirm(true);
+			return;
+		}
+		closeDialog();
+	}, [
+		closeDialog,
+		hasChanges,
+		isBusy,
+		isConfirmOpen
+	]);
 	const handleSave = () => {
-		if (!item || !hasChanges) return;
+		if (!canEditMetadata || !hasChanges || isSaving) return;
 		updateMutation.mutate({
-			alt: alt || void 0,
-			caption: caption || void 0
+			alt,
+			caption
 		});
 	};
-	const [showDeleteConfirm, setShowDeleteConfirm] = React$1.useState(false);
 	const handleDelete = () => {
-		if (!item) return;
+		if (!canDelete || isBusy) return;
 		setShowDeleteConfirm(true);
 	};
-	const stableOnClose = useStableCallback(onClose);
+	const handleDiscardConfirm = () => {
+		setShowDiscardConfirm(false);
+		closeDialog();
+	};
 	const stableHandleSave = useStableCallback(handleSave);
 	React$1.useEffect(() => {
-		const handleKeyDown = (e) => {
-			if (e.key === "Escape") stableOnClose();
-			if ((e.metaKey || e.ctrlKey) && e.key === "s") {
-				e.preventDefault();
+		if (!open) return;
+		const handleKeyDown = (event) => {
+			if (isConfirmOpen) return;
+			if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "s") {
+				if (!canEditMetadata || !hasChanges || isSaving) return;
+				event.preventDefault();
 				stableHandleSave();
 			}
 		};
 		window.addEventListener("keydown", handleKeyDown);
 		return () => window.removeEventListener("keydown", handleKeyDown);
-	}, [stableOnClose, stableHandleSave]);
-	if (!item) return null;
-	const isImage = item.mimeType.startsWith("image/");
-	const isVideo = item.mimeType.startsWith("video/");
-	const isAudio = item.mimeType.startsWith("audio/");
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
-		className: cn("fixed inset-y-0 end-0 w-96 bg-kumo-base border-s shadow-xl z-50", "flex flex-col"),
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center justify-between p-4 border-b",
-				children: [/* @__PURE__ */ jsx("h2", {
-					className: "font-semibold truncate pe-2",
-					children: _t({
-						id: "T9un00",
-						message: "Media Details"
-					})
-				}), /* @__PURE__ */ jsxs(Button, {
-					variant: "ghost",
-					shape: "square",
-					"aria-label": _t({
-						id: "yz7wBu",
-						message: "Close"
-					}),
-					onClick: onClose,
-					children: [/* @__PURE__ */ jsx(X, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
-						className: "sr-only",
-						children: _t({
-							id: "yz7wBu",
-							message: "Close"
-						})
-					})]
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex-1 overflow-y-auto",
+	}, [
+		canEditMetadata,
+		hasChanges,
+		isConfirmOpen,
+		isSaving,
+		open,
+		stableHandleSave
+	]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(Dialog.Root, {
+			open,
+			onOpenChange: (nextOpen) => {
+				if (!nextOpen && !isConfirmOpen) requestClose();
+			},
+			onOpenChangeComplete: (nextOpen) => {
+				if (nextOpen) return;
+				finishClose();
+			},
+			children: /* @__PURE__ */ jsxs(Dialog, {
+				size: "xl",
+				className: "flex flex-col overflow-hidden p-0",
+				style: {
+					width: "min(94vw, 72rem)",
+					maxHeight: "min(88dvh, 48rem)"
+				},
 				children: [
-					/* @__PURE__ */ jsx("div", {
-						className: "p-4 border-b",
-						children: /* @__PURE__ */ jsx("div", {
-							className: "aspect-video bg-kumo-tint rounded-lg overflow-hidden flex items-center justify-center",
-							children: isImage ? /* @__PURE__ */ jsx("img", {
-								src: item.url,
-								alt: item.alt || item.filename,
-								className: "max-h-full max-w-full object-contain"
-							}) : isVideo ? /* @__PURE__ */ jsx("video", {
-								src: item.url,
-								controls: true,
-								preload: "metadata",
-								className: "max-h-full max-w-full"
-							}) : isAudio ? /* @__PURE__ */ jsx("audio", {
-								src: item.url,
-								controls: true,
-								preload: "metadata",
-								className: "w-full"
-							}) : /* @__PURE__ */ jsxs("div", {
-								className: "text-center p-4",
-								children: [/* @__PURE__ */ jsx("span", {
-									className: "text-4xl",
-									children: getFileIcon(item.mimeType)
-								}), /* @__PURE__ */ jsx("p", {
-									className: "mt-2 text-sm text-kumo-subtle",
-									children: item.mimeType
-								})]
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex shrink-0 items-start justify-between gap-4 border-b border-kumo-line",
+						style: { padding: "1.25rem 2rem" },
+						"data-testid": "media-detail-dialog-header",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ jsx(Dialog.Title, {
+								className: "truncate text-lg font-semibold leading-none tracking-tight",
+								children: _t({
+									id: "T9un00",
+									message: "Media Details"
+								})
+							}), /* @__PURE__ */ jsx("p", {
+								className: "mt-1 truncate text-sm text-kumo-subtle",
+								children: item.filename
+							})]
+						}), /* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							shape: "square",
+							"aria-label": _t({
+								id: "yz7wBu",
+								message: "Close"
+							}),
+							onClick: requestClose,
+							disabled: isBusy,
+							children: /* @__PURE__ */ jsx(X, {
+								className: "h-4 w-4",
+								"aria-hidden": "true"
 							})
-						})
+						})]
 					}),
 					/* @__PURE__ */ jsxs("div", {
-						className: "p-4 border-b space-y-3",
-						children: [
-							/* @__PURE__ */ jsxs("div", {
-								className: "flex items-center gap-2 text-sm",
-								children: [
-									/* @__PURE__ */ jsx(HardDrive, { className: "h-4 w-4 text-kumo-subtle" }),
-									/* @__PURE__ */ jsx("span", {
-										className: "text-kumo-subtle",
-										children: _t({
-											id: "QdGvPV",
-											message: "Size:"
-										})
-									}),
-									/* @__PURE__ */ jsx("span", { children: formatFileSize(item.size) })
-								]
-							}),
-							item.width && item.height && /* @__PURE__ */ jsxs("div", {
-								className: "flex items-center gap-2 text-sm",
+						className: "grid min-h-0 flex-1 grid-cols-1 overflow-y-auto md:grid-cols-2 md:overflow-hidden",
+						"data-testid": "media-detail-dialog-body",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "space-y-5 border-b border-kumo-line p-6 md:min-h-0 md:overflow-y-auto md:border-e md:border-b-0 md:p-8",
+							"data-testid": "media-detail-dialog-preview-column",
+							children: [/* @__PURE__ */ jsx("div", {
+								className: "flex h-64 items-center justify-center overflow-hidden rounded-xl border border-kumo-line bg-kumo-tint md:h-80",
+								children: isImage ? /* @__PURE__ */ jsx("img", {
+									src: item.url,
+									alt: item.alt || item.filename,
+									className: "max-h-full max-w-full object-contain"
+								}) : isVideo ? /* @__PURE__ */ jsx("video", {
+									src: item.url,
+									controls: true,
+									preload: "metadata",
+									className: "max-h-full max-w-full"
+								}) : isAudio ? /* @__PURE__ */ jsx("audio", {
+									src: item.url,
+									controls: true,
+									preload: "metadata",
+									className: "w-full"
+								}) : /* @__PURE__ */ jsxs("div", {
+									className: "p-4 text-center",
+									children: [/* @__PURE__ */ jsx("span", {
+										className: "text-5xl",
+										"aria-hidden": "true",
+										children: getFileIcon(item.mimeType)
+									}), /* @__PURE__ */ jsx("p", {
+										className: "mt-3 text-sm text-kumo-subtle",
+										children: item.mimeType
+									})]
+								})
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "space-y-3",
+								"data-testid": "media-detail-dialog-file-facts",
 								children: [
-									/* @__PURE__ */ jsx(Ruler, { className: "h-4 w-4 text-kumo-subtle" }),
-									/* @__PURE__ */ jsx("span", {
-										className: "text-kumo-subtle",
-										children: _t({
-											id: "4957Ec",
-											message: "Dimensions:"
-										})
+									/* @__PURE__ */ jsxs("div", {
+										className: "flex items-center gap-2 text-sm",
+										children: [
+											/* @__PURE__ */ jsx(HardDrive, {
+												className: "h-4 w-4 shrink-0 text-kumo-subtle",
+												"aria-hidden": "true"
+											}),
+											/* @__PURE__ */ jsx("span", {
+												className: "text-kumo-subtle",
+												children: _t({
+													id: "QdGvPV",
+													message: "Size:"
+												})
+											}),
+											/* @__PURE__ */ jsx("span", { children: formatFileSize(item.size) })
+										]
 									}),
-									/* @__PURE__ */ jsxs("span", { children: [
-										item.width,
-										" × ",
-										item.height
-									] })
-								]
-							}),
-							/* @__PURE__ */ jsxs("div", {
-								className: "flex items-center gap-2 text-sm",
-								children: [
-									/* @__PURE__ */ jsx(Calendar, { className: "h-4 w-4 text-kumo-subtle" }),
-									/* @__PURE__ */ jsx("span", {
-										className: "text-kumo-subtle",
-										children: _t({
-											id: "LSbYWo",
-											message: "Uploaded:"
-										})
+									item.width && item.height && /* @__PURE__ */ jsxs("div", {
+										className: "flex items-center gap-2 text-sm",
+										children: [
+											/* @__PURE__ */ jsx(Ruler, {
+												className: "h-4 w-4 shrink-0 text-kumo-subtle",
+												"aria-hidden": "true"
+											}),
+											/* @__PURE__ */ jsx("span", {
+												className: "text-kumo-subtle",
+												children: _t({
+													id: "4957Ec",
+													message: "Dimensions:"
+												})
+											}),
+											/* @__PURE__ */ jsxs("span", { children: [
+												item.width,
+												" × ",
+												item.height
+											] })
+										]
 									}),
-									/* @__PURE__ */ jsx("span", { children: formatDate$1(item.createdAt) })
-								]
-							}),
-							/* @__PURE__ */ jsxs("div", {
-								className: "flex items-center gap-2 text-sm",
-								children: [
-									/* @__PURE__ */ jsx(LinkSimple, { className: "h-4 w-4 text-kumo-subtle shrink-0" }),
-									/* @__PURE__ */ jsx("span", {
-										className: "text-kumo-subtle shrink-0",
-										children: _t({
-											id: "PQs7eb",
-											message: "URL:"
-										})
+									!isProviderAsset && /* @__PURE__ */ jsxs("div", {
+										className: "flex items-center gap-2 text-sm",
+										children: [
+											/* @__PURE__ */ jsx(Calendar, {
+												className: "h-4 w-4 shrink-0 text-kumo-subtle",
+												"aria-hidden": "true"
+											}),
+											/* @__PURE__ */ jsx("span", {
+												className: "text-kumo-subtle",
+												children: _t({
+													id: "LSbYWo",
+													message: "Uploaded:"
+												})
+											}),
+											/* @__PURE__ */ jsx("span", { children: formatDate$1(item.createdAt) })
+										]
 									}),
-									/* @__PURE__ */ jsx(ClipboardText, {
-										text: fileUrl,
-										size: "sm",
-										className: "min-w-0 flex-1",
-										labels: { copyAction: _t({
-											id: "E6nRW7",
-											message: "Copy URL"
-										}) }
+									/* @__PURE__ */ jsxs("div", {
+										className: "flex items-center gap-2 text-sm",
+										children: [
+											/* @__PURE__ */ jsx(LinkSimple, {
+												className: "h-4 w-4 shrink-0 text-kumo-subtle",
+												"aria-hidden": "true"
+											}),
+											/* @__PURE__ */ jsx("span", {
+												className: "shrink-0 text-kumo-subtle",
+												children: _t({
+													id: "PQs7eb",
+													message: "URL:"
+												})
+											}),
+											publicFileUrl ? /* @__PURE__ */ jsx(ClipboardText, {
+												text: publicFileUrl,
+												size: "sm",
+												className: "min-w-0 flex-1",
+												labels: { copyAction: _t({
+													id: "E6nRW7",
+													message: "Copy URL"
+												}) }
+											}) : /* @__PURE__ */ jsx("span", {
+												className: "min-w-0 text-kumo-subtle",
+												children: _t({
+													id: "tvhPVo",
+													message: "No public URL available"
+												})
+											})
+										]
 									})
 								]
-							})
-						]
+							})]
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "space-y-5 p-6 md:min-h-0 md:overflow-y-auto md:p-8",
+							"data-testid": "media-detail-dialog-details-column",
+							children: [
+								isProviderAsset && /* @__PURE__ */ jsx("p", {
+									className: "rounded-lg bg-kumo-tint p-3 text-sm text-kumo-subtle",
+									children: providerName ? _t({
+										id: "MAv+uq",
+										message: "Managed by {providerName}",
+										values: { providerName }
+									}) : _t({
+										id: "OQGcr0",
+										message: "Managed by an external media provider"
+									})
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "space-y-4",
+									children: [/* @__PURE__ */ jsxs("div", {
+										className: "w-full space-y-2",
+										children: [/* @__PURE__ */ jsxs("div", {
+											className: "flex items-center gap-1.5",
+											children: [/* @__PURE__ */ jsx("span", {
+												className: "text-sm font-medium text-kumo-default",
+												children: _t({
+													id: "GN6L5F",
+													message: "Filename"
+												})
+											}), /* @__PURE__ */ jsx(Tooltip, {
+												content: filenameHelp,
+												delay: 0,
+												closeDelay: 0,
+												render: /* @__PURE__ */ jsx("button", {
+													type: "button",
+													className: "inline-flex cursor-help rounded-full text-kumo-subtle hover:text-kumo-default focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-kumo-brand",
+													"aria-label": filenameHelpLabel,
+													children: /* @__PURE__ */ jsx(Info, {
+														className: "h-4 w-4",
+														"aria-hidden": "true"
+													})
+												})
+											})]
+										}), /* @__PURE__ */ jsx(Input, {
+											"aria-label": _t({
+												id: "GN6L5F",
+												message: "Filename"
+											}),
+											value: filename,
+											onChange: (event) => setFilename(event.target.value),
+											disabled: true,
+											className: "w-full bg-kumo-tint text-kumo-subtle"
+										})]
+									}), canEditMetadata && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+										className: "w-full space-y-2",
+										children: [/* @__PURE__ */ jsxs("div", {
+											className: "flex items-center gap-1.5",
+											children: [/* @__PURE__ */ jsx("span", {
+												className: "text-sm font-medium text-kumo-default",
+												children: _t({
+													id: "TEAx2g",
+													message: "Alt Text"
+												})
+											}), /* @__PURE__ */ jsx(Tooltip, {
+												content: altTextHelp,
+												delay: 0,
+												closeDelay: 0,
+												render: /* @__PURE__ */ jsx("button", {
+													type: "button",
+													className: "inline-flex cursor-help rounded-full text-kumo-subtle hover:text-kumo-default focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-kumo-brand",
+													"aria-label": altTextHelpLabel,
+													children: /* @__PURE__ */ jsx(Info, {
+														className: "h-4 w-4",
+														"aria-hidden": "true"
+													})
+												})
+											})]
+										}), /* @__PURE__ */ jsx(Input, {
+											"aria-label": _t({
+												id: "TEAx2g",
+												message: "Alt Text"
+											}),
+											value: alt,
+											onChange: (event) => setAlt(event.target.value),
+											placeholder: _t({
+												id: "tCDcJ0",
+												message: "Describe this image for accessibility"
+											}),
+											disabled: isSaving,
+											className: "w-full"
+										})]
+									}), /* @__PURE__ */ jsx(InputArea, {
+										label: _t({
+											id: "3Z1aAQ",
+											message: "Caption"
+										}),
+										value: caption,
+										onChange: (event) => setCaption(event.target.value),
+										placeholder: _t({
+											id: "Ya91UA",
+											message: "Optional caption for display"
+										}),
+										rows: 2,
+										disabled: isSaving
+									})] })]
+								}),
+								/* @__PURE__ */ jsx(DialogError, { message: getMutationError(updateMutation.error) })
+							]
+						})]
 					}),
 					/* @__PURE__ */ jsxs("div", {
-						className: "p-4 space-y-4",
-						children: [/* @__PURE__ */ jsx(Input, {
-							label: _t({
-								id: "GN6L5F",
-								message: "Filename"
-							}),
-							value: filename,
-							onChange: (e) => setFilename(e.target.value),
-							disabled: true,
-							description: _t({
-								id: "Wz+2dx",
-								message: "Filename cannot be changed after upload"
-							})
-						}), isImage && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Input, {
-							label: _t({
-								id: "TEAx2g",
-								message: "Alt Text"
-							}),
-							value: alt,
-							onChange: (e) => setAlt(e.target.value),
-							placeholder: _t({
-								id: "tCDcJ0",
-								message: "Describe this image for accessibility"
-							}),
-							description: _t({
-								id: "XOEr+a",
-								message: "Used by screen readers and when image fails to load"
+						className: "flex shrink-0 items-center justify-between gap-3 border-t border-kumo-line",
+						style: { padding: "1.25rem 2rem" },
+						"data-testid": "media-detail-dialog-footer",
+						children: [/* @__PURE__ */ jsx("div", { children: canDelete && /* @__PURE__ */ jsx(Button, {
+							variant: "destructive",
+							size: "sm",
+							icon: /* @__PURE__ */ jsx(Trash, {}),
+							onClick: handleDelete,
+							disabled: isBusy,
+							children: isDeleting ? _t({
+								id: "EF2EU9",
+								message: "Deleting..."
+							}) : _t({
+								id: "cnGeoo",
+								message: "Delete"
 							})
-						}), /* @__PURE__ */ jsx(InputArea, {
-							label: _t({
-								id: "3Z1aAQ",
-								message: "Caption"
-							}),
-							value: caption,
-							onChange: (e) => setCaption(e.target.value),
-							placeholder: _t({
-								id: "Ya91UA",
-								message: "Optional caption for display"
-							}),
-							rows: 2
-						})] })]
+						}) }), /* @__PURE__ */ jsxs("div", {
+							className: "flex gap-2",
+							children: [/* @__PURE__ */ jsx(Button, {
+								variant: "outline",
+								size: "sm",
+								onClick: requestClose,
+								disabled: isBusy,
+								children: canEditMetadata ? _t({
+									id: "dEgA5A",
+									message: "Cancel"
+								}) : _t({
+									id: "yz7wBu",
+									message: "Close"
+								})
+							}), canEditMetadata && /* @__PURE__ */ jsx(Button, {
+								variant: "primary",
+								size: "sm",
+								onClick: handleSave,
+								disabled: !hasChanges || isBusy,
+								children: isSaving ? _t({
+									id: "XvjC4F",
+									message: "Saving..."
+								}) : _t({
+									id: "tfDRzk",
+									message: "Save"
+								})
+							})]
+						})]
 					})
 				]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "p-4 border-t flex items-center justify-between gap-2",
-				children: [/* @__PURE__ */ jsx(Button, {
-					variant: "destructive",
-					size: "sm",
-					icon: /* @__PURE__ */ jsx(Trash, {}),
-					onClick: handleDelete,
-					disabled: deleteMutation.isPending,
-					children: deleteMutation.isPending ? _t({
-						id: "EF2EU9",
-						message: "Deleting..."
-					}) : _t({
-						id: "cnGeoo",
-						message: "Delete"
-					})
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "flex gap-2",
-					children: [/* @__PURE__ */ jsx(Button, {
-						variant: "outline",
-						size: "sm",
-						onClick: onClose,
-						children: _t({
-							id: "dEgA5A",
-							message: "Cancel"
-						})
-					}), /* @__PURE__ */ jsx(Button, {
-						size: "sm",
-						onClick: handleSave,
-						disabled: !hasChanges || updateMutation.isPending,
-						children: updateMutation.isPending ? _t({
-							id: "XvjC4F",
-							message: "Saving..."
-						}) : _t({
-							id: "tfDRzk",
-							message: "Save"
-						})
-					})]
-				})]
 			})
-		]
-	}), /* @__PURE__ */ jsx(ConfirmDialog, {
-		open: showDeleteConfirm,
-		onClose: () => {
-			setShowDeleteConfirm(false);
-			deleteMutation.reset();
-		},
-		title: _t({
-			id: "ML005Q",
-			message: "Delete Media?"
-		}),
-		description: _t({
-			id: "pLh0+f",
-			message: "Delete \"{0}\"? This cannot be undone.",
-			values: { 0: item.filename }
-		}),
-		confirmLabel: _t({
-			id: "cnGeoo",
-			message: "Delete"
 		}),
-		pendingLabel: _t({
-			id: "EF2EU9",
-			message: "Deleting..."
+		/* @__PURE__ */ jsx(ConfirmDialog, {
+			open: showDiscardConfirm,
+			onClose: () => setShowDiscardConfirm(false),
+			title: _t({
+				id: "0EcUWz",
+				message: "Discard changes?"
+			}),
+			description: _t({
+				id: "T/tC+i",
+				message: "Your unsaved media changes will be lost."
+			}),
+			confirmLabel: _t({
+				id: "bzSI52",
+				message: "Discard"
+			}),
+			pendingLabel: _t({
+				id: "FWamtZ",
+				message: "Discarding..."
+			}),
+			isPending: false,
+			error: null,
+			onConfirm: handleDiscardConfirm
 		}),
-		isPending: deleteMutation.isPending,
-		error: deleteMutation.error,
-		onConfirm: () => deleteMutation.mutate()
-	})] });
+		/* @__PURE__ */ jsx(ConfirmDialog, {
+			open: showDeleteConfirm,
+			onClose: () => {
+				setShowDeleteConfirm(false);
+				deleteMutation.reset();
+			},
+			title: _t({
+				id: "ML005Q",
+				message: "Delete Media?"
+			}),
+			description: _t({
+				id: "pLh0+f",
+				message: "Delete \"{0}\"? This cannot be undone.",
+				values: { 0: item.filename }
+			}),
+			confirmLabel: _t({
+				id: "cnGeoo",
+				message: "Delete"
+			}),
+			pendingLabel: _t({
+				id: "EF2EU9",
+				message: "Deleting..."
+			}),
+			isPending: deleteMutation.isPending,
+			error: deleteMutation.error,
+			onConfirm: () => deleteMutation.mutate()
+		})
+	] });
 }
 function formatDate$1(isoString) {
 	return new Date(isoString).toLocaleDateString(void 0, {
@@ -21410,13 +21712,16 @@ function mimeForTypeFilter(value) {
 /**
 * Media library component with upload, provider tabs, and grid view
 */
-function MediaLibrary({ items = [], isLoading, onUpload, onDelete, onItemUpdated, hasMore, onLoadMore, onLocalSearchChange, onLocalMimeFilterChange }) {
+function MediaLibrary({ items = [], isLoading, onUpload, onItemUpdated, hasMore, onLoadMore, onLocalSearchChange, onLocalMimeFilterChange }) {
 	const { _: _t } = useLingui();
 	const [viewMode, setViewMode] = React$1.useState("grid");
-	const [selectedItem, setSelectedItem] = React$1.useState(null);
+	const [detailItem, setDetailItem] = React$1.useState(null);
+	const [isDetailOpen, setIsDetailOpen] = React$1.useState(false);
 	const [activeProvider, setActiveProvider] = React$1.useState("local");
 	const [searchQuery, setSearchQuery] = React$1.useState("");
 	const [localTypeFilter, setLocalTypeFilter] = React$1.useState("all");
+	const mediaHeadingRef = React$1.useRef(null);
+	const detailOpenFrameRef = React$1.useRef(null);
 	const debouncedSearch = useDebouncedValue$1(searchQuery, 300);
 	React$1.useEffect(() => {
 		if (activeProvider === "local" && onLocalSearchChange) onLocalSearchChange(debouncedSearch.trim());
@@ -21465,17 +21770,28 @@ function MediaLibrary({ items = [], isLoading, onUpload, onDelete, onItemUpdated
 		providers,
 		_t
 	]);
-	React$1.useEffect(() => {
-		if (selectedItem && activeProvider === "local") {
-			const updated = items.find((i) => i.id === selectedItem.id);
-			if (updated) setSelectedItem(updated);
-			else setSelectedItem(null);
-		}
-	}, [
-		items,
-		selectedItem?.id,
-		activeProvider
-	]);
+	const cancelPendingDetailOpen = React$1.useCallback(() => {
+		if (detailOpenFrameRef.current === null) return;
+		window.cancelAnimationFrame(detailOpenFrameRef.current);
+		detailOpenFrameRef.current = null;
+	}, []);
+	React$1.useEffect(() => cancelPendingDetailOpen, [cancelPendingDetailOpen]);
+	const openDetail = React$1.useCallback((item) => {
+		cancelPendingDetailOpen();
+		setIsDetailOpen(false);
+		setDetailItem(item);
+		detailOpenFrameRef.current = window.requestAnimationFrame(() => {
+			detailOpenFrameRef.current = null;
+			setIsDetailOpen(true);
+		});
+	}, [cancelPendingDetailOpen]);
+	const closeDetail = React$1.useCallback(() => {
+		cancelPendingDetailOpen();
+		setIsDetailOpen(false);
+	}, [cancelPendingDetailOpen]);
+	const handleDetailClosed = React$1.useCallback(() => {
+		setDetailItem(null);
+	}, []);
 	React$1.useEffect(() => {
 		if (uploadState.status === "success" || uploadState.status === "error") {
 			const timer = setTimeout(() => {
@@ -21623,77 +21939,41 @@ function MediaLibrary({ items = [], isLoading, onUpload, onDelete, onItemUpdated
 	const currentLoading = activeProvider === "local" ? isLoading : providerLoading;
 	const canUpload = activeProviderInfo?.capabilities.upload ?? false;
 	const canSearch = activeProviderInfo?.capabilities.search ?? false;
+	const resultCount = activeProvider === "local" ? currentItems.length : currentProviderItems.length;
+	const hasMoreCurrentItems = activeProvider === "local" ? Boolean(hasMore) : Boolean(providerData?.nextCursor);
+	const resultCountText = resultCount > 0 && !hasMoreCurrentItems ? i18n._({
+		id: "3eGBoB",
+		message: "{resultCount, plural, one {# item} other {# items}}",
+		values: { resultCount }
+	}) : "";
+	const hasActiveQuery = searchQuery.trim() !== "" || activeProvider === "local" && localTypeFilter !== "all";
+	const clearLocalQuery = () => {
+		setSearchQuery("");
+		onLocalSearchChange?.("");
+		setLocalTypeFilter("all");
+		onLocalMimeFilterChange?.(mimeForTypeFilter("all"));
+	};
+	const handleSearchChange = (e) => {
+		const next = e.target.value;
+		setSearchQuery(next);
+		if (activeProvider === "local" && next.trim() === "") onLocalSearchChange?.("");
+	};
+	const showToolbar = resultCount > 0 || hasActiveQuery;
 	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-6",
+		className: "space-y-4",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center justify-between",
+				className: "flex flex-wrap items-center justify-between gap-4",
 				children: [/* @__PURE__ */ jsx("h1", {
+					ref: mediaHeadingRef,
+					tabIndex: -1,
 					className: "text-2xl font-bold",
 					children: _t({
 						id: "ia4TsE",
 						message: "Media Library"
 					})
 				}), /* @__PURE__ */ jsxs("div", {
-					className: "flex rounded-md border",
-					role: "group",
-					"aria-label": _t({
-						id: "OaiMaf",
-						message: "View mode"
-					}),
-					children: [/* @__PURE__ */ jsx(Button, {
-						variant: viewMode === "grid" ? "secondary" : "ghost",
-						shape: "square",
-						onClick: () => setViewMode("grid"),
-						"aria-label": _t({
-							id: "5gqNQl",
-							message: "Grid view"
-						}),
-						"aria-pressed": viewMode === "grid",
-						children: /* @__PURE__ */ jsx(SquaresFour, {
-							className: "h-4 w-4",
-							"aria-hidden": "true"
-						})
-					}), /* @__PURE__ */ jsx(Button, {
-						variant: viewMode === "list" ? "secondary" : "ghost",
-						shape: "square",
-						onClick: () => setViewMode("list"),
-						"aria-label": _t({
-							id: "5NZpX8",
-							message: "List view"
-						}),
-						"aria-pressed": viewMode === "list",
-						children: /* @__PURE__ */ jsx(List, {
-							className: "h-4 w-4",
-							"aria-hidden": "true"
-						})
-					})]
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center justify-between gap-4 border-b pb-3",
-				children: [providerTabs.length > 1 && /* @__PURE__ */ jsx("div", {
-					className: "flex gap-2 overflow-x-auto",
-					children: providerTabs.map((tab) => /* @__PURE__ */ jsxs("button", {
-						type: "button",
-						onClick: () => {
-							setActiveProvider(tab.id);
-							setSelectedItem(null);
-							setSearchQuery("");
-						},
-						className: cn("flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-md transition-colors whitespace-nowrap", activeProvider === tab.id ? "bg-kumo-brand text-white" : "bg-kumo-tint hover:bg-kumo-tint/80 text-kumo-subtle"),
-						children: [tab.icon && (tab.icon.startsWith("data:") ? /* @__PURE__ */ jsx("img", {
-							src: tab.icon,
-							alt: "",
-							className: "h-4 w-4",
-							"aria-hidden": "true"
-						}) : /* @__PURE__ */ jsx("span", {
-							"aria-hidden": "true",
-							children: tab.icon
-						})), tab.name]
-					}, tab.id))
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "flex items-center gap-3 flex-shrink-0",
+					className: "flex items-center gap-3",
 					children: [
 						uploadState.status === "uploading" && /* @__PURE__ */ jsxs("div", {
 							className: "flex items-center gap-2 text-sm text-kumo-subtle",
@@ -21710,12 +21990,18 @@ function MediaLibrary({ items = [], isLoading, onUpload, onDelete, onItemUpdated
 							}) })]
 						}),
 						uploadState.status === "success" && /* @__PURE__ */ jsxs("div", {
-							className: "flex items-center gap-2 text-sm text-green-600",
-							children: [/* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", { children: uploadState.message })]
+							className: "flex items-center gap-2 text-sm text-kumo-success",
+							children: [/* @__PURE__ */ jsx(Check, {
+								className: "h-4 w-4",
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ jsx("span", { children: uploadState.message })]
 						}),
 						uploadState.status === "error" && /* @__PURE__ */ jsxs("div", {
 							className: "flex items-center gap-2 text-sm text-kumo-danger",
-							children: [/* @__PURE__ */ jsx(X, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", { children: uploadState.message })]
+							children: [/* @__PURE__ */ jsx(X, {
+								className: "h-4 w-4",
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ jsx("span", { children: uploadState.message })]
 						}),
 						canUpload && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
 							onClick: () => fileInputRef.current?.click(),
@@ -21744,138 +22030,244 @@ function MediaLibrary({ items = [], isLoading, onUpload, onDelete, onItemUpdated
 					]
 				})]
 			}),
-			(canSearch || activeProvider === "local") && /* @__PURE__ */ jsxs("div", {
-				className: "flex flex-wrap items-center gap-3",
+			providerTabs.length > 1 && /* @__PURE__ */ jsx(Tabs, {
+				variant: "underline",
+				value: activeProvider,
+				onValueChange: (v) => {
+					if (!v) return;
+					cancelPendingDetailOpen();
+					setActiveProvider(v);
+					setIsDetailOpen(false);
+					setDetailItem(null);
+					setSearchQuery("");
+				},
+				tabs: providerTabs.map((tab) => ({
+					value: tab.id,
+					label: /* @__PURE__ */ jsxs("span", {
+						className: "flex items-center gap-2",
+						children: [tab.icon && (tab.icon.startsWith("data:") ? /* @__PURE__ */ jsx("img", {
+							src: tab.icon,
+							alt: "",
+							className: "h-4 w-4",
+							"aria-hidden": "true"
+						}) : /* @__PURE__ */ jsx("span", {
+							"aria-hidden": "true",
+							children: tab.icon
+						})), tab.name]
+					})
+				}))
+			}),
+			showToolbar && /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-3 sm:flex-row sm:flex-wrap sm:items-center sm:justify-between",
 				children: [/* @__PURE__ */ jsxs("div", {
-					className: "relative max-w-sm flex-1",
-					children: [/* @__PURE__ */ jsx(MagnifyingGlass, { className: "absolute start-3 top-1/2 -translate-y-1/2 h-4 w-4 text-kumo-subtle" }), /* @__PURE__ */ jsx(Input, {
-						type: "search",
-						placeholder: activeProvider === "local" ? _t({
-							id: "Fwo2VZ",
-							message: "Search by filename..."
-						}) : _t({
-							id: "YIix5Y",
-							message: "Search..."
-						}),
+					className: "flex min-w-0 items-center gap-3",
+					children: [(canSearch || activeProvider === "local") && /* @__PURE__ */ jsxs("div", {
+						className: "relative min-w-0 flex-1 sm:w-72 sm:flex-none",
+						children: [/* @__PURE__ */ jsx(MagnifyingGlass, {
+							className: "absolute start-3 top-1/2 h-4 w-4 -translate-y-1/2 text-kumo-subtle",
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ jsx(Input, {
+							type: "search",
+							placeholder: activeProvider === "local" ? _t({
+								id: "Fwo2VZ",
+								message: "Search by filename..."
+							}) : _t({
+								id: "YIix5Y",
+								message: "Search..."
+							}),
+							"aria-label": _t({
+								id: "GzM+mT",
+								message: "Search media"
+							}),
+							value: searchQuery,
+							onChange: handleSearchChange,
+							maxLength: MEDIA_SEARCH_MAX_LENGTH,
+							className: "w-full ps-9"
+						})]
+					}), activeProvider === "local" && /* @__PURE__ */ jsx(Select, {
+						value: localTypeFilter,
+						onValueChange: (v) => {
+							const next = v ?? "all";
+							setLocalTypeFilter(next);
+							onLocalMimeFilterChange?.(mimeForTypeFilter(next));
+						},
+						items: {
+							all: _t({
+								id: "h6zvpR",
+								message: "All types"
+							}),
+							image: _t({
+								id: "an5hVd",
+								message: "Images"
+							}),
+							video: _t({
+								id: "vSJd18",
+								message: "Video"
+							}),
+							audio: _t({
+								id: "/rTz0M",
+								message: "Audio"
+							}),
+							document: _t({
+								id: "E/muDO",
+								message: "Documents"
+							})
+						},
 						"aria-label": _t({
-							id: "GzM+mT",
-							message: "Search media"
-						}),
-						value: searchQuery,
-						onChange: (e) => setSearchQuery(e.target.value),
-						maxLength: MEDIA_SEARCH_MAX_LENGTH,
-						className: "ps-9"
+							id: "mP+cvB",
+							message: "Filter by type"
+						})
 					})]
-				}), activeProvider === "local" && /* @__PURE__ */ jsx(Select, {
-					value: localTypeFilter,
-					onValueChange: (v) => {
-						const next = v ?? "all";
-						setLocalTypeFilter(next);
-						onLocalMimeFilterChange?.(mimeForTypeFilter(next));
-					},
-					items: {
-						all: _t({
-							id: "h6zvpR",
-							message: "All types"
-						}),
-						image: _t({
-							id: "an5hVd",
-							message: "Images"
-						}),
-						video: _t({
-							id: "vSJd18",
-							message: "Video"
-						}),
-						audio: _t({
-							id: "/rTz0M",
-							message: "Audio"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-shrink-0 items-center justify-between gap-3 sm:justify-end",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "text-sm text-kumo-subtle",
+						"aria-live": "polite",
+						children: resultCountText
+					}), /* @__PURE__ */ jsx("div", {
+						role: "group",
+						"aria-label": _t({
+							id: "OaiMaf",
+							message: "View mode"
 						}),
-						document: _t({
-							id: "E/muDO",
-							message: "Documents"
+						children: /* @__PURE__ */ jsx(Tabs, {
+							variant: "segmented",
+							value: viewMode,
+							onValueChange: (v) => {
+								if (v === "grid" || v === "list") setViewMode(v);
+							},
+							tabs: [{
+								value: "grid",
+								label: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SquaresFour, {
+									className: "h-4 w-4",
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ jsx("span", {
+									className: "sr-only",
+									children: _t({
+										id: "5gqNQl",
+										message: "Grid view"
+									})
+								})] })
+							}, {
+								value: "list",
+								label: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(List, {
+									className: "h-4 w-4",
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ jsx("span", {
+									className: "sr-only",
+									children: _t({
+										id: "5NZpX8",
+										message: "List view"
+									})
+								})] })
+							}]
 						})
-					},
-					"aria-label": _t({
-						id: "mP+cvB",
-						message: "Filter by type"
-					})
+					})]
 				})]
 			}),
 			currentLoading && currentItems.length === 0 && currentProviderItems.length === 0 ? /* @__PURE__ */ jsx("div", {
 				className: "flex items-center justify-center py-12",
 				children: /* @__PURE__ */ jsx(Loader, {})
-			}) : activeProvider === "local" && currentItems.length === 0 ? /* @__PURE__ */ jsxs("div", {
-				className: "rounded-lg border bg-kumo-base p-12 text-center",
-				children: [
-					/* @__PURE__ */ jsx(Image$1, {
-						className: "mx-auto h-12 w-12 text-kumo-subtle",
-						"aria-hidden": "true"
-					}),
-					/* @__PURE__ */ jsx("h2", {
-						className: "mt-4 text-lg font-medium",
-						children: _t({
-							id: "A/osbv",
-							message: "No media yet"
-						})
-					}),
-					/* @__PURE__ */ jsx("p", {
-						className: "mt-2 text-sm text-kumo-subtle",
-						children: _t({
-							id: "av15/K",
-							message: "Upload images, videos, and documents to get started."
-						})
-					}),
-					/* @__PURE__ */ jsx(Button, {
-						className: "mt-4",
-						onClick: () => fileInputRef.current?.click(),
-						icon: /* @__PURE__ */ jsx(Upload, {}),
-						children: _t({
-							id: "HAKBY9",
-							message: "Upload Files"
-						})
+			}) : activeProvider === "local" && currentItems.length === 0 ? hasActiveQuery ? /* @__PURE__ */ jsx(MediaEmptyState, {
+				hero: MagnifyingGlass,
+				title: _t({
+					id: "4Tt2CR",
+					message: "No matching media"
+				}),
+				description: searchQuery.trim() ? _t({
+					id: "kjxCep",
+					message: "Try another filename, or clear your search and filters."
+				}) : _t({
+					id: "LRGNcW",
+					message: "Try a broader media type or clear your filters."
+				}),
+				action: /* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					onClick: clearLocalQuery,
+					children: searchQuery.trim() ? _t({
+						id: "V8yTm6",
+						message: "Clear search"
+					}) : _t({
+						id: "u8JHrO",
+						message: "Clear filters"
 					})
-				]
-			}) : activeProvider !== "local" && currentProviderItems.length === 0 ? /* @__PURE__ */ jsxs("div", {
-				className: "rounded-lg border bg-kumo-base p-12 text-center",
-				children: [
-					/* @__PURE__ */ jsx(Image$1, {
-						className: "mx-auto h-12 w-12 text-kumo-subtle",
-						"aria-hidden": "true"
-					}),
-					/* @__PURE__ */ jsx("h2", {
-						className: "mt-4 text-lg font-medium",
-						children: _t({
-							id: "rwtX+w",
-							message: "No media found"
-						})
-					}),
-					/* @__PURE__ */ jsx("p", {
-						className: "mt-2 text-sm text-kumo-subtle",
-						children: canSearch && searchQuery ? _t({
-							id: "jKoZME",
-							message: "Try a different search term"
-						}) : canUpload ? _t({
-							id: "Gk3NwP",
-							message: "Upload media to get started"
-						}) : _t({
-							id: "IbZjS1",
-							message: "No media available from this provider"
-						})
+				})
+			}) : /* @__PURE__ */ jsx(MediaEmptyState, {
+				hero: Images,
+				title: _t({
+					id: "Y1Ub1P",
+					message: "Your media library is empty"
+				}),
+				description: _t({
+					id: "Mvw+8j",
+					message: "Upload images, videos, and documents to keep reusable assets in one place."
+				}),
+				action: /* @__PURE__ */ jsx(Button, {
+					onClick: () => fileInputRef.current?.click(),
+					icon: /* @__PURE__ */ jsx(Upload, {}),
+					children: _t({
+						id: "HAKBY9",
+						message: "Upload Files"
 					})
-				]
+				})
+			}) : activeProvider !== "local" && currentProviderItems.length === 0 ? canSearch && searchQuery.trim() ? /* @__PURE__ */ jsx(MediaEmptyState, {
+				hero: MagnifyingGlass,
+				title: _t({
+					id: "4Tt2CR",
+					message: "No matching media"
+				}),
+				description: _t({
+					id: "6ruzBH",
+					message: "Try another filename or clear your search."
+				}),
+				action: /* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					onClick: () => setSearchQuery(""),
+					children: _t({
+						id: "V8yTm6",
+						message: "Clear search"
+					})
+				})
+			}) : canUpload ? /* @__PURE__ */ jsx(MediaEmptyState, {
+				hero: Images,
+				title: _t({
+					id: "Y1Ub1P",
+					message: "Your media library is empty"
+				}),
+				description: _t({
+					id: "ZkYCmd",
+					message: "Upload media to keep reusable assets in one place."
+				}),
+				action: /* @__PURE__ */ jsx(Button, {
+					onClick: () => fileInputRef.current?.click(),
+					icon: /* @__PURE__ */ jsx(Upload, {}),
+					children: _t({
+						id: "HAKBY9",
+						message: "Upload Files"
+					})
+				})
+			}) : /* @__PURE__ */ jsx(MediaEmptyState, {
+				hero: Images,
+				title: _t({
+					id: "rwtX+w",
+					message: "No media found"
+				}),
+				description: _t({
+					id: "Pfw/cp",
+					message: "No media available from this provider."
+				})
 			}) : viewMode === "grid" ? /* @__PURE__ */ jsx("div", {
 				className: "grid gap-4 grid-cols-[repeat(auto-fill,minmax(160px,1fr))]",
 				children: activeProvider === "local" ? currentItems.map((item) => /* @__PURE__ */ jsx(MediaGridItem, {
 					item,
-					selected: selectedItem?.id === item.id,
-					onClick: () => setSelectedItem(item),
-					onDelete: () => onDelete?.(item.id)
+					selected: detailItem?.id === item.id,
+					onClick: () => openDetail(item)
 				}, item.id)) : currentProviderItems.map((item) => /* @__PURE__ */ jsx(ProviderGridItem, {
 					item,
-					selected: selectedItem?.id === item.id,
+					selected: detailItem?.id === item.id,
 					onClick: () => {
 						const dims = loadedDimensions[item.id];
-						setSelectedItem(providerItemToMediaItem(activeProvider, dims ? {
+						openDetail(providerItemToMediaItem(activeProvider, dims ? {
 							...item,
 							width: item.width ?? dims.width,
 							height: item.height ?? dims.height
@@ -21929,8 +22321,8 @@ function MediaLibrary({ items = [], isLoading, onUpload, onDelete, onItemUpdated
 							/* @__PURE__ */ jsx("th", {
 								className: "px-4 py-3 text-end text-sm font-medium",
 								children: _t({
-									id: "7L01XJ",
-									message: "Actions"
+									id: "u/DP73",
+									message: "Alt text"
 								})
 							})
 						]
@@ -21938,15 +22330,14 @@ function MediaLibrary({ items = [], isLoading, onUpload, onDelete, onItemUpdated
 						className: "divide-y divide-kumo-line",
 						children: activeProvider === "local" ? currentItems.map((item) => /* @__PURE__ */ jsx(MediaListItem, {
 							item,
-							selected: selectedItem?.id === item.id,
-							onClick: () => setSelectedItem(item),
-							onDelete: () => onDelete?.(item.id)
+							selected: detailItem?.id === item.id,
+							onClick: () => openDetail(item)
 						}, item.id)) : currentProviderItems.map((item) => /* @__PURE__ */ jsx(ProviderListItem, {
 							item,
-							selected: selectedItem?.id === item.id,
+							selected: detailItem?.id === item.id,
 							onClick: () => {
 								const dims = loadedDimensions[item.id];
-								setSelectedItem(providerItemToMediaItem(activeProvider, dims ? {
+								openDetail(providerItemToMediaItem(activeProvider, dims ? {
 									...item,
 									width: item.width ?? dims.width,
 									height: item.height ?? dims.height
@@ -21980,15 +22371,61 @@ function MediaLibrary({ items = [], isLoading, onUpload, onDelete, onItemUpdated
 					})
 				})
 			}),
-			selectedItem && /* @__PURE__ */ jsx(MediaDetailPanel, {
-				item: selectedItem,
-				onClose: () => setSelectedItem(null),
-				onDeleted: () => {
-					if (activeProvider === "local") {
-						onDelete?.(selectedItem.id);
-						onItemUpdated?.();
-					} else refetchProviderMedia();
-				}
+			detailItem && /* @__PURE__ */ jsx(MediaDetailPanel, {
+				open: isDetailOpen,
+				item: detailItem,
+				providerName: detailItem.provider ? activeProviderInfo?.name : void 0,
+				canDelete: detailItem.provider ? activeProviderInfo?.capabilities.delete : void 0,
+				restoreFocusTargetRef: mediaHeadingRef,
+				onClose: closeDetail,
+				onClosed: handleDetailClosed,
+				onUpdated: onItemUpdated,
+				onDeleted: detailItem.provider ? void 0 : onItemUpdated
+			})
+		]
+	});
+}
+/** Single-chip illustration: solid tinted circle + darker icon, decorative. */
+function MediaEmptyIllustration({ hero: Hero }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex items-center justify-center",
+		style: {
+			width: "5rem",
+			height: "5rem",
+			minWidth: "5rem",
+			minHeight: "5rem",
+			borderRadius: "9999px",
+			backgroundColor: "var(--color-kumo-info-tint)"
+		},
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ jsx(Hero, {
+			size: 36,
+			className: "text-kumo-brand",
+			"aria-hidden": "true"
+		})
+	});
+}
+/** Centered empty / no-results panel with the media illustration. */
+function MediaEmptyState({ hero, title, description, action }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col items-center rounded-lg border bg-kumo-base px-6 py-20 text-center",
+		style: { gap: "1.5rem" },
+		children: [
+			/* @__PURE__ */ jsx(MediaEmptyIllustration, { hero }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col items-center",
+				style: { gap: "0.75rem" },
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-2xl font-semibold leading-none tracking-tight",
+					children: title
+				}), /* @__PURE__ */ jsx("p", {
+					className: "max-w-md text-base leading-6 text-kumo-subtle",
+					children: description
+				})]
+			}),
+			action && /* @__PURE__ */ jsx("div", {
+				style: { marginTop: "0.25rem" },
+				children: action
 			})
 		]
 	});
@@ -22425,6 +22862,53 @@ function ContentPickerModal({ open, onOpenChange, onSelect }) {
 *
 * Edit menu items with basic reordering (simplified version without drag-and-drop)
 */
+/**
+* Flattens items into parent-then-children display order. Guards against
+* cyclic parentId data (not currently possible via this UI, but the API
+* doesn't validate against it either) with a visited set.
+*/
+function buildDisplayList(items) {
+	const childrenByParent = /* @__PURE__ */ new Map();
+	for (const item of items) {
+		const siblings = childrenByParent.get(item.parentId) ?? [];
+		siblings.push(item);
+		childrenByParent.set(item.parentId, siblings);
+	}
+	const result = [];
+	const visited = /* @__PURE__ */ new Set();
+	function visit(parentId, depth) {
+		for (const item of childrenByParent.get(parentId) ?? []) {
+			if (visited.has(item.id)) continue;
+			visited.add(item.id);
+			result.push({
+				item,
+				depth
+			});
+			visit(item.id, depth + 1);
+		}
+	}
+	visit(null, 0);
+	return result;
+}
+/** IDs of `rootId` and everything nested under it, so it can't become its own descendant's child. */
+function getSelfAndDescendantIds(items, rootId) {
+	const childrenByParent = /* @__PURE__ */ new Map();
+	for (const item of items) {
+		const siblings = childrenByParent.get(item.parentId) ?? [];
+		siblings.push(item);
+		childrenByParent.set(item.parentId, siblings);
+	}
+	const ids = new Set([rootId]);
+	function visit(parentId) {
+		for (const child of childrenByParent.get(parentId) ?? []) {
+			if (ids.has(child.id)) continue;
+			ids.add(child.id);
+			visit(child.id);
+		}
+	}
+	visit(rootId);
+	return ids;
+}
 function MenuEditor() {
 	const { _: _t } = useLingui();
 	const { name } = useParams$1({ from: "/_admin/menus/$name" });
@@ -22628,24 +23112,31 @@ function MenuEditor() {
 		const uLabelVal = formData.get("label");
 		const uUrlVal = formData.get("url");
 		const uTargetVal = formData.get("target");
+		const uParentIdVal = formData.get("parentId");
 		updateMutation.mutate({
 			itemId: editingItem.id,
 			input: {
 				label: typeof uLabelVal === "string" ? uLabelVal : "",
 				customUrl: editingItem.type === "custom" ? typeof uUrlVal === "string" ? uUrlVal : "" : void 0,
-				target: (typeof uTargetVal === "string" ? uTargetVal : "") || void 0
+				target: (typeof uTargetVal === "string" ? uTargetVal : "") || void 0,
+				parentId: typeof uParentIdVal === "string" && uParentIdVal !== "" ? uParentIdVal : null
 			}
 		});
 	};
-	const moveItem = (index, direction) => {
+	const moveItem = (itemId, direction) => {
+		const currentItem = localItems.find((i) => i.id === itemId);
+		if (!currentItem) return;
+		const siblings = localItems.filter((i) => i.parentId === currentItem.parentId);
+		const siblingIndex = siblings.findIndex((i) => i.id === itemId);
+		const targetSiblingIndex = direction === "up" ? siblingIndex - 1 : siblingIndex + 1;
+		if (targetSiblingIndex < 0 || targetSiblingIndex >= siblings.length) return;
+		const targetItem = siblings[targetSiblingIndex];
+		if (!targetItem) return;
+		const currentPos = localItems.findIndex((i) => i.id === currentItem.id);
+		const targetPos = localItems.findIndex((i) => i.id === targetItem.id);
 		const newItems = [...localItems];
-		const targetIndex = direction === "up" ? index - 1 : index + 1;
-		if (targetIndex < 0 || targetIndex >= newItems.length) return;
-		const currentItem = newItems[index];
-		const targetItem = newItems[targetIndex];
-		if (!currentItem || !targetItem) return;
-		newItems[index] = targetItem;
-		newItems[targetIndex] = currentItem;
+		newItems[currentPos] = targetItem;
+		newItems[targetPos] = currentItem;
 		const reorderedItems = newItems.map((item, i) => ({
 			id: item.id,
 			parentId: item.parentId,
@@ -22654,6 +23145,28 @@ function MenuEditor() {
 		setLocalItems(newItems);
 		reorderMutation.mutate({ items: reorderedItems });
 	};
+	const displayList = React$1.useMemo(() => buildDisplayList(localItems), [localItems]);
+	const parentOptions = React$1.useMemo(() => {
+		if (!editingItem) return [];
+		const excluded = getSelfAndDescendantIds(localItems, editingItem.id);
+		return [{
+			value: "",
+			label: _t({
+				id: "ARS4+q",
+				message: "No parent (top level)"
+			})
+		}, ...buildDisplayList(localItems).filter(({ item }) => !excluded.has(item.id)).map(({ item, depth }) => ({
+			value: item.id,
+			label: /* @__PURE__ */ jsx("span", {
+				style: { marginInlineStart: `${depth * 1.5}rem` },
+				children: item.label
+			})
+		}))];
+	}, [
+		editingItem,
+		localItems,
+		_t
+	]);
 	if (isLoading) return /* @__PURE__ */ jsx("div", {
 		className: "flex items-center justify-center h-64",
 		children: /* @__PURE__ */ jsx("div", {
@@ -22918,70 +23431,75 @@ function MenuEditor() {
 				]
 			}) : /* @__PURE__ */ jsx("div", {
 				className: "space-y-2",
-				children: localItems.map((item, index) => /* @__PURE__ */ jsxs("div", {
-					className: "border rounded-lg p-4 flex items-center justify-between",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: "flex-1",
-						children: [/* @__PURE__ */ jsx("div", {
-							className: "font-medium",
-							children: item.label
-						}), /* @__PURE__ */ jsxs("div", {
-							className: "text-sm text-kumo-subtle",
-							children: [item.type === "custom" ? item.customUrl : /* @__PURE__ */ jsx("span", {
-								className: "inline-flex items-center rounded-full bg-kumo-brand/10 px-2 py-0.5 text-xs font-medium text-kumo-brand",
-								children: item.referenceCollection ?? item.type
-							}), item.target === "_blank" && _t({
-								id: "+Lmv8u",
-								message: " (opens in new window)"
+				children: displayList.map(({ item, depth }) => {
+					const siblings = localItems.filter((i) => i.parentId === item.parentId);
+					const siblingIndex = siblings.findIndex((i) => i.id === item.id);
+					return /* @__PURE__ */ jsxs("div", {
+						className: "border rounded-lg p-4 flex items-center justify-between",
+						style: { marginInlineStart: `${depth * 1.5}rem` },
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex-1",
+							children: [/* @__PURE__ */ jsx("div", {
+								className: "font-medium",
+								children: item.label
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "text-sm text-kumo-subtle",
+								children: [item.type === "custom" ? item.customUrl : /* @__PURE__ */ jsx("span", {
+									className: "inline-flex items-center rounded-full bg-kumo-brand/10 px-2 py-0.5 text-xs font-medium text-kumo-brand",
+									children: item.referenceCollection ?? item.type
+								}), item.target === "_blank" && _t({
+									id: "+Lmv8u",
+									message: " (opens in new window)"
+								})]
 							})]
-						})]
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "flex gap-2",
-						children: [
-							/* @__PURE__ */ jsx(Button, {
-								variant: "ghost",
-								size: "sm",
-								"aria-label": _t({
-									id: "QyioBP",
-									message: "Move up"
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "flex gap-2",
+							children: [
+								/* @__PURE__ */ jsx(Button, {
+									variant: "ghost",
+									size: "sm",
+									"aria-label": _t({
+										id: "QyioBP",
+										message: "Move up"
+									}),
+									onClick: () => moveItem(item.id, "up"),
+									disabled: siblingIndex === 0,
+									children: /* @__PURE__ */ jsx(CaretUp, { className: "h-4 w-4" })
 								}),
-								onClick: () => moveItem(index, "up"),
-								disabled: index === 0,
-								children: /* @__PURE__ */ jsx(CaretUp, { className: "h-4 w-4" })
-							}),
-							/* @__PURE__ */ jsx(Button, {
-								variant: "ghost",
-								size: "sm",
-								"aria-label": _t({
-									id: "3Ib6FN",
-									message: "Move down"
+								/* @__PURE__ */ jsx(Button, {
+									variant: "ghost",
+									size: "sm",
+									"aria-label": _t({
+										id: "3Ib6FN",
+										message: "Move down"
+									}),
+									onClick: () => moveItem(item.id, "down"),
+									disabled: siblingIndex === siblings.length - 1,
+									children: /* @__PURE__ */ jsx(CaretDown, { className: "h-4 w-4" })
 								}),
-								onClick: () => moveItem(index, "down"),
-								disabled: index === localItems.length - 1,
-								children: /* @__PURE__ */ jsx(CaretDown, { className: "h-4 w-4" })
-							}),
-							/* @__PURE__ */ jsx(Button, {
-								variant: "outline",
-								size: "sm",
-								onClick: () => setEditingItem(item),
-								children: _t({
-									id: "ePK91l",
-									message: "Edit"
-								})
-							}),
-							/* @__PURE__ */ jsx(Button, {
-								variant: "outline",
-								size: "sm",
-								"aria-label": _t({
-									id: "cnGeoo",
-									message: "Delete"
+								/* @__PURE__ */ jsx(Button, {
+									variant: "outline",
+									size: "sm",
+									onClick: () => setEditingItem(item),
+									children: _t({
+										id: "ePK91l",
+										message: "Edit"
+									})
 								}),
-								onClick: () => deleteMutation.mutate(item.id),
-								children: /* @__PURE__ */ jsx(Trash, { className: "h-4 w-4" })
-							})
-						]
-					})]
-				}, item.id))
+								/* @__PURE__ */ jsx(Button, {
+									variant: "outline",
+									size: "sm",
+									"aria-label": _t({
+										id: "cnGeoo",
+										message: "Delete"
+									}),
+									onClick: () => deleteMutation.mutate(item.id),
+									children: /* @__PURE__ */ jsx(Trash, { className: "h-4 w-4" })
+								})
+							]
+						})]
+					}, item.id);
+				})
 			}),
 			/* @__PURE__ */ jsx(Dialog.Root, {
 				open: editingItem !== null,
@@ -23084,6 +23602,15 @@ function MenuEditor() {
 									})
 								})]
 							}),
+							/* @__PURE__ */ jsx(Select, {
+								label: _t({
+									id: "sujToP",
+									message: "Parent"
+								}),
+								name: "parentId",
+								defaultValue: editingItem.parentId ?? "",
+								items: parentOptions
+							}),
 							/* @__PURE__ */ jsx(DialogError, { message: editError || getMutationError(updateMutation.error) }),
 							/* @__PURE__ */ jsxs("div", {
 								className: "flex justify-end gap-2",
@@ -26518,10 +27045,10 @@ function AllowedDomainsSettings() {
 	const { _: _t } = useLingui();
 	const { getRoleLabel, signupRoles, signupRoleItems } = useAllowedDomainsRolesConfig();
 	const queryClient = useQueryClient();
+	const toastManager = useKumoToastManager();
 	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({
@@ -26534,12 +27061,6 @@ function AllowedDomainsSettings() {
 		queryFn: fetchAllowedDomains,
 		enabled: !isExternalAuth && !manifestLoading
 	});
-	React$1.useEffect(() => {
-		if (saveStatus) {
-			const timer = setTimeout(setSaveStatus, 3e3, null);
-			return () => clearTimeout(timer);
-		}
-	}, [saveStatus]);
 	const createMutation = useMutation({
 		mutationFn: createAllowedDomain,
 		onSuccess: () => {
@@ -26547,21 +27068,27 @@ function AllowedDomainsSettings() {
 			setIsAddingDomain(false);
 			setNewDomain("");
 			setNewRole(30);
-			setSaveStatus({
-				type: "success",
-				message: _t({
+			toastManager.add({
+				title: _t({
 					id: "Iu2D01",
 					message: "Domain added successfully"
-				})
+				}),
+				variant: "success",
+				timeout: 3e3
 			});
 		},
 		onError: (mutationError) => {
-			setSaveStatus({
-				type: "error",
-				message: mutationError instanceof Error ? mutationError.message : _t({
+			toastManager.add({
+				title: _t({
 					id: "eNHvPh",
 					message: "Failed to add domain"
-				})
+				}),
+				description: mutationError instanceof Error ? mutationError.message : _t({
+					id: "Vw8l6h",
+					message: "An error occurred"
+				}),
+				variant: "error",
+				timeout: 3e3
 			});
 		}
 	});
@@ -26570,21 +27097,27 @@ function AllowedDomainsSettings() {
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: ["allowed-domains"] });
 			setEditingDomain(null);
-			setSaveStatus({
-				type: "success",
-				message: _t({
+			toastManager.add({
+				title: _t({
 					id: "qHWo9D",
 					message: "Domain updated"
-				})
+				}),
+				variant: "success",
+				timeout: 3e3
 			});
 		},
 		onError: (mutationError) => {
-			setSaveStatus({
-				type: "error",
-				message: mutationError instanceof Error ? mutationError.message : _t({
+			toastManager.add({
+				title: _t({
 					id: "6yxw0h",
 					message: "Failed to update domain"
-				})
+				}),
+				description: mutationError instanceof Error ? mutationError.message : _t({
+					id: "Vw8l6h",
+					message: "An error occurred"
+				}),
+				variant: "error",
+				timeout: 3e3
 			});
 		}
 	});
@@ -26593,21 +27126,27 @@ function AllowedDomainsSettings() {
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: ["allowed-domains"] });
 			setDeletingDomain(null);
-			setSaveStatus({
-				type: "success",
-				message: _t({
+			toastManager.add({
+				title: _t({
 					id: "gim/c7",
 					message: "Domain removed"
-				})
+				}),
+				variant: "success",
+				timeout: 3e3
 			});
 		},
 		onError: (mutationError) => {
-			setSaveStatus({
-				type: "error",
-				message: mutationError instanceof Error ? mutationError.message : _t({
+			toastManager.add({
+				title: _t({
 					id: "Dqma6K",
 					message: "Failed to remove domain"
-				})
+				}),
+				description: mutationError instanceof Error ? mutationError.message : _t({
+					id: "Vw8l6h",
+					message: "An error occurred"
+				}),
+				variant: "error",
+				timeout: 3e3
 			});
 		}
 	});
@@ -26694,10 +27233,6 @@ function AllowedDomainsSettings() {
 		className: "space-y-6",
 		children: [
 			settingsHeader,
-			saveStatus && /* @__PURE__ */ jsxs("div", {
-				className: `flex items-center gap-2 rounded-lg border p-3 text-sm ${saveStatus.type === "success" ? "border-green-200 bg-green-50 text-green-800 dark:border-green-800 dark:bg-green-950/30 dark:text-green-200" : "border-red-200 bg-red-50 text-red-800 dark:border-red-800 dark:bg-red-950/30 dark:text-red-200"}`,
-				children: [saveStatus.type === "success" ? /* @__PURE__ */ jsx(CheckCircle, { className: "h-4 w-4 flex-shrink-0" }) : /* @__PURE__ */ jsx(WarningCircle, { className: "h-4 w-4 flex-shrink-0" }), saveStatus.message]
-			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "rounded-lg border bg-kumo-base p-6",
 				children: [
@@ -27561,13 +28096,8 @@ function CreateTokenForm({ expirySelectItems, isCreating, error, onSubmit, onCan
 */
 function EmailSettings() {
 	const { _: _t } = useLingui();
+	const toastManager = useKumoToastManager();
 	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);
-	}, [status]);
 	const { data: settings, isLoading, error: fetchError } = useQuery({
 		queryKey: ["email-settings"],
 		queryFn: fetchEmailSettings
@@ -27575,19 +28105,25 @@ function EmailSettings() {
 	const testMutation = useMutation({
 		mutationFn: (to) => sendTestEmail(to),
 		onSuccess: (result) => {
-			setStatus({
-				type: "success",
-				message: result.message
+			toastManager.add({
+				title: result.message,
+				variant: "success",
+				timeout: 5e3
 			});
 			setTestEmail("");
 		},
 		onError: (error) => {
-			setStatus({
-				type: "error",
-				message: getMutationError(error) || _t({
+			toastManager.add({
+				title: _t({
 					id: "aH/q8K",
 					message: "Failed to send test email"
-				})
+				}),
+				description: getMutationError(error) || _t({
+					id: "Vw8l6h",
+					message: "An error occurred"
+				}),
+				variant: "error",
+				timeout: 5e3
 			});
 		}
 	});
@@ -27632,10 +28168,6 @@ function EmailSettings() {
 					})
 				})]
 			}),
-			status && /* @__PURE__ */ jsxs("div", {
-				className: `flex items-center gap-2 rounded-lg border p-3 text-sm ${status.type === "success" ? "border-green-200 bg-green-50 text-green-800 dark:border-green-800 dark:bg-green-950/30 dark:text-green-200" : "border-red-200 bg-red-50 text-red-800 dark:border-red-800 dark:bg-red-950/30 dark:text-red-200"}`,
-				children: [status.type === "success" ? /* @__PURE__ */ jsx(CheckCircle, { className: "h-4 w-4 flex-shrink-0" }) : /* @__PURE__ */ jsx(WarningCircle, { className: "h-4 w-4 flex-shrink-0" }), status.message]
-			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "rounded-lg border bg-kumo-base p-6",
 				children: [/* @__PURE__ */ jsxs("div", {
@@ -27828,43 +28360,43 @@ function PipelineStatus({ settings }) {
 function GeneralSettings() {
 	const { _: _t } = useLingui();
 	const queryClient = useQueryClient();
+	const toastManager = useKumoToastManager();
 	const { data: settings, isLoading } = useQuery({
 		queryKey: ["settings"],
 		queryFn: fetchSettings,
 		staleTime: Infinity
 	});
 	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$1.useEffect(() => {
-		if (saveStatus) {
-			const timer = setTimeout(setSaveStatus, 3e3, null);
-			return () => clearTimeout(timer);
-		}
-	}, [saveStatus]);
 	const saveMutation = useMutation({
 		mutationFn: (data) => updateSettings(data),
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: ["settings"] });
-			setSaveStatus({
-				type: "success",
-				message: _t({
+			toastManager.add({
+				title: _t({
 					id: "gjNQhe",
 					message: "Settings saved successfully"
-				})
+				}),
+				variant: "success",
+				timeout: 3e3
 			});
 		},
 		onError: (error) => {
-			setSaveStatus({
-				type: "error",
-				message: error instanceof Error ? error.message : _t({
+			toastManager.add({
+				title: _t({
 					id: "iQ1BL4",
 					message: "Failed to save settings"
-				})
+				}),
+				description: error instanceof Error ? error.message : _t({
+					id: "Vw8l6h",
+					message: "An error occurred"
+				}),
+				variant: "error",
+				timeout: 3e3
 			});
 		}
 	});
@@ -27959,10 +28491,6 @@ function GeneralSettings() {
 					})
 				})
 			}),
-			saveStatus && /* @__PURE__ */ jsxs("div", {
-				className: `flex items-center gap-2 rounded-lg border p-3 text-sm ${saveStatus.type === "success" ? "border-green-200 bg-green-50 text-green-800 dark:border-green-800 dark:bg-green-950/30 dark:text-green-200" : "border-red-200 bg-red-50 text-red-800 dark:border-red-800 dark:bg-red-950/30 dark:text-red-200"}`,
-				children: [saveStatus.type === "success" ? /* @__PURE__ */ jsx(CheckCircle, { className: "h-4 w-4 flex-shrink-0" }) : /* @__PURE__ */ jsx(WarningCircle, { className: "h-4 w-4 flex-shrink-0" }), saveStatus.message]
-			}),
 			/* @__PURE__ */ jsxs("form", {
 				id: "general-settings-form",
 				onSubmit: handleSubmit,
@@ -28476,8 +29004,8 @@ function PasskeyList({ passkeys, onRename, onDelete, isDeleting, isRenaming }) {
 function SecuritySettings() {
 	const { _: _t } = useLingui();
 	const queryClient = useQueryClient();
+	const toastManager = useKumoToastManager();
 	const [isAdding, setIsAdding] = React$1.useState(false);
-	const [saveStatus, setSaveStatus] = React$1.useState(null);
 	const { data: manifest, isLoading: manifestLoading } = useQuery({
 		queryKey: ["manifest"],
 		queryFn: fetchManifest
@@ -28488,31 +29016,31 @@ function SecuritySettings() {
 		queryFn: fetchPasskeys,
 		enabled: !isExternalAuth && !manifestLoading
 	});
-	React$1.useEffect(() => {
-		if (saveStatus) {
-			const timer = setTimeout(setSaveStatus, 3e3, null);
-			return () => clearTimeout(timer);
-		}
-	}, [saveStatus]);
 	const renameMutation = useMutation({
 		mutationFn: ({ id, name }) => renamePasskey(id, name),
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: ["passkeys"] });
-			setSaveStatus({
-				type: "success",
-				message: _t({
+			toastManager.add({
+				title: _t({
 					id: "ug8XC3",
 					message: "Passkey renamed"
-				})
+				}),
+				variant: "success",
+				timeout: 3e3
 			});
 		},
 		onError: (mutationError) => {
-			setSaveStatus({
-				type: "error",
-				message: mutationError instanceof Error ? mutationError.message : _t({
+			toastManager.add({
+				title: _t({
 					id: "8PbboA",
 					message: "Failed to rename passkey"
-				})
+				}),
+				description: mutationError instanceof Error ? mutationError.message : _t({
+					id: "Vw8l6h",
+					message: "An error occurred"
+				}),
+				variant: "error",
+				timeout: 3e3
 			});
 		}
 	});
@@ -28520,21 +29048,27 @@ function SecuritySettings() {
 		mutationFn: (id) => deletePasskey(id),
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: ["passkeys"] });
-			setSaveStatus({
-				type: "success",
-				message: _t({
+			toastManager.add({
+				title: _t({
 					id: "47qxLC",
 					message: "Passkey removed"
-				})
+				}),
+				variant: "success",
+				timeout: 3e3
 			});
 		},
 		onError: (mutationError) => {
-			setSaveStatus({
-				type: "error",
-				message: mutationError instanceof Error ? mutationError.message : _t({
+			toastManager.add({
+				title: _t({
 					id: "ZqQzHN",
 					message: "Failed to remove passkey"
-				})
+				}),
+				description: mutationError instanceof Error ? mutationError.message : _t({
+					id: "Vw8l6h",
+					message: "An error occurred"
+				}),
+				variant: "error",
+				timeout: 3e3
 			});
 		}
 	});
@@ -28550,12 +29084,13 @@ function SecuritySettings() {
 	const handleAddSuccess = () => {
 		queryClient.invalidateQueries({ queryKey: ["passkeys"] });
 		setIsAdding(false);
-		setSaveStatus({
-			type: "success",
-			message: _t({
+		toastManager.add({
+			title: _t({
 				id: "1fv1af",
 				message: "Passkey added successfully"
-			})
+			}),
+			variant: "success",
+			timeout: 3e3
 		});
 	};
 	const settingsHeader = /* @__PURE__ */ jsxs("div", {
@@ -28616,92 +29151,90 @@ function SecuritySettings() {
 	});
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-6",
-		children: [
-			settingsHeader,
-			saveStatus && /* @__PURE__ */ jsxs("div", {
-				className: `flex items-center gap-2 rounded-lg border p-3 text-sm ${saveStatus.type === "success" ? "border-green-200 bg-green-50 text-green-800 dark:border-green-800 dark:bg-green-950/30 dark:text-green-200" : "border-red-200 bg-red-50 text-red-800 dark:border-red-800 dark:bg-red-950/30 dark:text-red-200"}`,
-				children: [saveStatus.type === "success" ? /* @__PURE__ */ jsx(CheckCircle, { className: "h-4 w-4 flex-shrink-0" }) : /* @__PURE__ */ jsx(WarningCircle, { className: "h-4 w-4 flex-shrink-0" }), saveStatus.message]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "rounded-lg border bg-kumo-base p-6",
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-2 mb-4",
-						children: [/* @__PURE__ */ jsx(Shield, { className: "h-5 w-5 text-kumo-subtle" }), /* @__PURE__ */ jsx("h2", {
-							className: "text-lg font-semibold",
-							children: _t({
-								id: "UZKLEA",
-								message: "Passkeys"
-							})
-						})]
-					}),
-					/* @__PURE__ */ jsx("p", {
-						className: "text-sm text-kumo-subtle mb-6",
-						children: _t({
-							id: "2gqSxq",
-							message: "Passkeys are a secure, passwordless way to sign in to your account. You can register multiple passkeys for different devices."
-						})
-					}),
-					passkeys && passkeys.length > 0 ? /* @__PURE__ */ jsx(PasskeyList, {
-						passkeys,
-						onRename: handleRename,
-						onDelete: handleDelete,
-						isDeleting: deleteMutation.isPending,
-						isRenaming: renameMutation.isPending
-					}) : /* @__PURE__ */ jsx("div", {
-						className: "rounded-lg border border-dashed p-6 text-center text-kumo-subtle",
+		children: [settingsHeader, /* @__PURE__ */ jsxs("div", {
+			className: "rounded-lg border bg-kumo-base p-6",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2 mb-4",
+					children: [/* @__PURE__ */ jsx(Shield, { className: "h-5 w-5 text-kumo-subtle" }), /* @__PURE__ */ jsx("h2", {
+						className: "text-lg font-semibold",
 						children: _t({
-							id: "pUbgxd",
-							message: "No passkeys registered yet."
+							id: "UZKLEA",
+							message: "Passkeys"
 						})
-					}),
-					/* @__PURE__ */ jsx("div", {
-						className: "mt-6 pt-6 border-t",
-						children: isAdding ? /* @__PURE__ */ jsxs("div", {
-							className: "space-y-4",
-							children: [/* @__PURE__ */ jsxs("div", {
-								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ jsx("h3", {
-									className: "font-medium",
-									children: _t({
-										id: "MzsjnL",
-										message: "Add a new passkey"
-									})
-								}), /* @__PURE__ */ jsx(Button, {
-									variant: "ghost",
-									size: "sm",
-									onClick: () => setIsAdding(false),
-									children: _t({
-										id: "dEgA5A",
-										message: "Cancel"
-									})
-								})]
-							}), /* @__PURE__ */ jsx(PasskeyRegistration, {
-								optionsEndpoint: "/_emdash/api/auth/passkey/register/options",
-								verifyEndpoint: "/_emdash/api/auth/passkey/register/verify",
-								onSuccess: handleAddSuccess,
-								onError: (registrationError) => setSaveStatus({
-									type: "error",
-									message: registrationError.message
-								}),
-								showNameInput: true,
-								buttonText: _t({
-									id: "0QF2SD",
-									message: "Register Passkey"
+					})]
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-sm text-kumo-subtle mb-6",
+					children: _t({
+						id: "2gqSxq",
+						message: "Passkeys are a secure, passwordless way to sign in to your account. You can register multiple passkeys for different devices."
+					})
+				}),
+				passkeys && passkeys.length > 0 ? /* @__PURE__ */ jsx(PasskeyList, {
+					passkeys,
+					onRename: handleRename,
+					onDelete: handleDelete,
+					isDeleting: deleteMutation.isPending,
+					isRenaming: renameMutation.isPending
+				}) : /* @__PURE__ */ jsx("div", {
+					className: "rounded-lg border border-dashed p-6 text-center text-kumo-subtle",
+					children: _t({
+						id: "pUbgxd",
+						message: "No passkeys registered yet."
+					})
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "mt-6 pt-6 border-t",
+					children: isAdding ? /* @__PURE__ */ jsxs("div", {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ jsx("h3", {
+								className: "font-medium",
+								children: _t({
+									id: "MzsjnL",
+									message: "Add a new passkey"
+								})
+							}), /* @__PURE__ */ jsx(Button, {
+								variant: "ghost",
+								size: "sm",
+								onClick: () => setIsAdding(false),
+								children: _t({
+									id: "dEgA5A",
+									message: "Cancel"
 								})
 							})]
-						}) : /* @__PURE__ */ jsx(Button, {
-							onClick: () => setIsAdding(true),
-							icon: /* @__PURE__ */ jsx(Plus, {}),
-							children: _t({
-								id: "2wwxok",
-								message: "Add Passkey"
+						}), /* @__PURE__ */ jsx(PasskeyRegistration, {
+							optionsEndpoint: "/_emdash/api/auth/passkey/register/options",
+							verifyEndpoint: "/_emdash/api/auth/passkey/register/verify",
+							onSuccess: handleAddSuccess,
+							onError: (registrationError) => toastManager.add({
+								title: _t({
+									id: "3UcvlX",
+									message: "Failed to add passkey"
+								}),
+								description: registrationError.message,
+								variant: "error",
+								timeout: 3e3
+							}),
+							showNameInput: true,
+							buttonText: _t({
+								id: "0QF2SD",
+								message: "Register Passkey"
 							})
+						})]
+					}) : /* @__PURE__ */ jsx(Button, {
+						onClick: () => setIsAdding(true),
+						icon: /* @__PURE__ */ jsx(Plus, {}),
+						children: _t({
+							id: "2wwxok",
+							message: "Add Passkey"
 						})
 					})
-				]
-			})
-		]
+				})
+			]
+		})]
 	});
 }
 
@@ -28715,42 +29248,42 @@ function SecuritySettings() {
 function SeoSettings() {
 	const { _: _t } = useLingui();
 	const queryClient = useQueryClient();
+	const toastManager = useKumoToastManager();
 	const { data: settings, isLoading } = useQuery({
 		queryKey: ["settings"],
 		queryFn: fetchSettings,
 		staleTime: Infinity
 	});
 	const [formData, setFormData] = React$1.useState({});
-	const [saveStatus, setSaveStatus] = React$1.useState(null);
 	const [ogImagePickerOpen, setOgImagePickerOpen] = React$1.useState(false);
 	React$1.useEffect(() => {
 		if (settings) setFormData(settings);
 	}, [settings]);
-	React$1.useEffect(() => {
-		if (saveStatus) {
-			const timer = setTimeout(setSaveStatus, 3e3, null);
-			return () => clearTimeout(timer);
-		}
-	}, [saveStatus]);
 	const saveMutation = useMutation({
 		mutationFn: (data) => updateSettings(data),
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: ["settings"] });
-			setSaveStatus({
-				type: "success",
-				message: _t({
+			toastManager.add({
+				title: _t({
 					id: "YmIwN3",
 					message: "SEO settings saved"
-				})
+				}),
+				variant: "success",
+				timeout: 3e3
 			});
 		},
 		onError: (error) => {
-			setSaveStatus({
-				type: "error",
-				message: error instanceof Error ? error.message : _t({
+			toastManager.add({
+				title: _t({
 					id: "iQ1BL4",
 					message: "Failed to save settings"
-				})
+				}),
+				description: error instanceof Error ? error.message : _t({
+					id: "Vw8l6h",
+					message: "An error occurred"
+				}),
+				variant: "error",
+				timeout: 3e3
 			});
 		}
 	});
@@ -28838,10 +29371,6 @@ function SeoSettings() {
 					})
 				})
 			}),
-			saveStatus && /* @__PURE__ */ jsxs("div", {
-				className: `flex items-center gap-2 rounded-lg border p-3 text-sm ${saveStatus.type === "success" ? "border-green-200 bg-green-50 text-green-800 dark:border-green-800 dark:bg-green-950/30 dark:text-green-200" : "border-red-200 bg-red-50 text-red-800 dark:border-red-800 dark:bg-red-950/30 dark:text-red-200"}`,
-				children: [saveStatus.type === "success" ? /* @__PURE__ */ jsx(CheckCircle, { className: "h-4 w-4 flex-shrink-0" }) : /* @__PURE__ */ jsx(WarningCircle, { className: "h-4 w-4 flex-shrink-0" }), saveStatus.message]
-			}),
 			/* @__PURE__ */ jsxs("form", {
 				id: "seo-settings-form",
 				onSubmit: handleSubmit,
@@ -29021,41 +29550,41 @@ function SeoSettings() {
 function SocialSettings() {
 	const { _: _t } = useLingui();
 	const queryClient = useQueryClient();
+	const toastManager = useKumoToastManager();
 	const { data: settings, isLoading } = useQuery({
 		queryKey: ["settings"],
 		queryFn: fetchSettings,
 		staleTime: Infinity
 	});
 	const [formData, setFormData] = React$1.useState({});
-	const [saveStatus, setSaveStatus] = React$1.useState(null);
 	React$1.useEffect(() => {
 		if (settings) setFormData(settings);
 	}, [settings]);
-	React$1.useEffect(() => {
-		if (saveStatus) {
-			const timer = setTimeout(setSaveStatus, 3e3, null);
-			return () => clearTimeout(timer);
-		}
-	}, [saveStatus]);
 	const saveMutation = useMutation({
 		mutationFn: (data) => updateSettings(data),
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: ["settings"] });
-			setSaveStatus({
-				type: "success",
-				message: _t({
+			toastManager.add({
+				title: _t({
 					id: "UrvGqM",
 					message: "Social links saved"
-				})
+				}),
+				variant: "success",
+				timeout: 3e3
 			});
 		},
 		onError: (error) => {
-			setSaveStatus({
-				type: "error",
-				message: error instanceof Error ? error.message : _t({
+			toastManager.add({
+				title: _t({
 					id: "iQ1BL4",
 					message: "Failed to save settings"
-				})
+				}),
+				description: error instanceof Error ? error.message : _t({
+					id: "Vw8l6h",
+					message: "An error occurred"
+				}),
+				variant: "error",
+				timeout: 3e3
 			});
 		}
 	});
@@ -29096,12 +29625,131 @@ function SocialSettings() {
 	});
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-6",
-		children: [
-			/* @__PURE__ */ jsx(EditorHeader, {
-				leading: /* @__PURE__ */ jsx(BackToSettingsLink, {}),
-				actions: /* @__PURE__ */ jsx(Button, {
+		children: [/* @__PURE__ */ jsx(EditorHeader, {
+			leading: /* @__PURE__ */ jsx(BackToSettingsLink, {}),
+			actions: /* @__PURE__ */ jsx(Button, {
+				type: "submit",
+				form: "social-settings-form",
+				disabled: saveMutation.isPending,
+				icon: /* @__PURE__ */ jsx(FloppyDisk, {}),
+				children: saveMutation.isPending ? _t({
+					id: "XvjC4F",
+					message: "Saving..."
+				}) : _t({
+					id: "KZrfYJ",
+					message: "Save Social Links"
+				})
+			}),
+			children: /* @__PURE__ */ jsx("h1", {
+				className: "text-2xl font-bold truncate",
+				children: _t({
+					id: "d0rUsW",
+					message: "Social Links"
+				})
+			})
+		}), /* @__PURE__ */ jsxs("form", {
+			id: "social-settings-form",
+			onSubmit: handleSubmit,
+			className: "space-y-6",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "rounded-lg border bg-kumo-base p-6",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "mb-4 text-lg font-semibold",
+						children: _t({
+							id: "QnQNzm",
+							message: "Social Profiles"
+						})
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-sm text-kumo-subtle mb-6",
+						children: _t({
+							id: "JUYkJD",
+							message: "Add your social media profiles. These are available to your site's theme and can be displayed in headers, footers, or author bios."
+						})
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ jsx(Input, {
+								label: _t({
+									id: "0F2sI+",
+									message: "Twitter"
+								}),
+								value: formData.social?.twitter || "",
+								onChange: (e) => handleSocialChange("twitter", e.target.value),
+								description: _t({
+									id: "k2LNK5",
+									message: "Your Twitter/X handle (e.g., @username)"
+								})
+							}),
+							/* @__PURE__ */ jsx(Input, {
+								label: _t({
+									id: "RkXlPZ",
+									message: "GitHub"
+								}),
+								value: formData.social?.github || "",
+								onChange: (e) => handleSocialChange("github", e.target.value),
+								description: _t({
+									id: "suUAON",
+									message: "Your GitHub username"
+								})
+							}),
+							/* @__PURE__ */ jsx(Input, {
+								label: _t({
+									id: "DwuoH0",
+									message: "Facebook"
+								}),
+								value: formData.social?.facebook || "",
+								onChange: (e) => handleSocialChange("facebook", e.target.value),
+								description: _t({
+									id: "mZtEvV",
+									message: "Your Facebook page or profile username"
+								})
+							}),
+							/* @__PURE__ */ jsx(Input, {
+								label: _t({
+									id: "CTWsuc",
+									message: "Instagram"
+								}),
+								value: formData.social?.instagram || "",
+								onChange: (e) => handleSocialChange("instagram", e.target.value),
+								description: _t({
+									id: "B32eQ0",
+									message: "Your Instagram username"
+								})
+							}),
+							/* @__PURE__ */ jsx(Input, {
+								label: _t({
+									id: "gggTBm",
+									message: "LinkedIn"
+								}),
+								value: formData.social?.linkedin || "",
+								onChange: (e) => handleSocialChange("linkedin", e.target.value),
+								description: _t({
+									id: "J3nNrX",
+									message: "Your LinkedIn profile username"
+								})
+							}),
+							/* @__PURE__ */ jsx(Input, {
+								label: _t({
+									id: "9Q6UKX",
+									message: "YouTube"
+								}),
+								value: formData.social?.youtube || "",
+								onChange: (e) => handleSocialChange("youtube", e.target.value),
+								description: _t({
+									id: "sTNsJ9",
+									message: "Your YouTube channel ID or handle"
+								})
+							})
+						]
+					})
+				]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "flex justify-end",
+				children: /* @__PURE__ */ jsx(Button, {
 					type: "submit",
-					form: "social-settings-form",
 					disabled: saveMutation.isPending,
 					icon: /* @__PURE__ */ jsx(FloppyDisk, {}),
 					children: saveMutation.isPending ? _t({
@@ -29111,135 +29759,9 @@ function SocialSettings() {
 						id: "KZrfYJ",
 						message: "Save Social Links"
 					})
-				}),
-				children: /* @__PURE__ */ jsx("h1", {
-					className: "text-2xl font-bold truncate",
-					children: _t({
-						id: "d0rUsW",
-						message: "Social Links"
-					})
 				})
-			}),
-			saveStatus && /* @__PURE__ */ jsxs("div", {
-				className: `flex items-center gap-2 rounded-lg border p-3 text-sm ${saveStatus.type === "success" ? "border-green-200 bg-green-50 text-green-800 dark:border-green-800 dark:bg-green-950/30 dark:text-green-200" : "border-red-200 bg-red-50 text-red-800 dark:border-red-800 dark:bg-red-950/30 dark:text-red-200"}`,
-				children: [saveStatus.type === "success" ? /* @__PURE__ */ jsx(CheckCircle, { className: "h-4 w-4 flex-shrink-0" }) : /* @__PURE__ */ jsx(WarningCircle, { className: "h-4 w-4 flex-shrink-0" }), saveStatus.message]
-			}),
-			/* @__PURE__ */ jsxs("form", {
-				id: "social-settings-form",
-				onSubmit: handleSubmit,
-				className: "space-y-6",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "rounded-lg border bg-kumo-base p-6",
-					children: [
-						/* @__PURE__ */ jsx("h2", {
-							className: "mb-4 text-lg font-semibold",
-							children: _t({
-								id: "QnQNzm",
-								message: "Social Profiles"
-							})
-						}),
-						/* @__PURE__ */ jsx("p", {
-							className: "text-sm text-kumo-subtle mb-6",
-							children: _t({
-								id: "JUYkJD",
-								message: "Add your social media profiles. These are available to your site's theme and can be displayed in headers, footers, or author bios."
-							})
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "space-y-4",
-							children: [
-								/* @__PURE__ */ jsx(Input, {
-									label: _t({
-										id: "0F2sI+",
-										message: "Twitter"
-									}),
-									value: formData.social?.twitter || "",
-									onChange: (e) => handleSocialChange("twitter", e.target.value),
-									description: _t({
-										id: "k2LNK5",
-										message: "Your Twitter/X handle (e.g., @username)"
-									})
-								}),
-								/* @__PURE__ */ jsx(Input, {
-									label: _t({
-										id: "RkXlPZ",
-										message: "GitHub"
-									}),
-									value: formData.social?.github || "",
-									onChange: (e) => handleSocialChange("github", e.target.value),
-									description: _t({
-										id: "suUAON",
-										message: "Your GitHub username"
-									})
-								}),
-								/* @__PURE__ */ jsx(Input, {
-									label: _t({
-										id: "DwuoH0",
-										message: "Facebook"
-									}),
-									value: formData.social?.facebook || "",
-									onChange: (e) => handleSocialChange("facebook", e.target.value),
-									description: _t({
-										id: "mZtEvV",
-										message: "Your Facebook page or profile username"
-									})
-								}),
-								/* @__PURE__ */ jsx(Input, {
-									label: _t({
-										id: "CTWsuc",
-										message: "Instagram"
-									}),
-									value: formData.social?.instagram || "",
-									onChange: (e) => handleSocialChange("instagram", e.target.value),
-									description: _t({
-										id: "B32eQ0",
-										message: "Your Instagram username"
-									})
-								}),
-								/* @__PURE__ */ jsx(Input, {
-									label: _t({
-										id: "gggTBm",
-										message: "LinkedIn"
-									}),
-									value: formData.social?.linkedin || "",
-									onChange: (e) => handleSocialChange("linkedin", e.target.value),
-									description: _t({
-										id: "J3nNrX",
-										message: "Your LinkedIn profile username"
-									})
-								}),
-								/* @__PURE__ */ jsx(Input, {
-									label: _t({
-										id: "9Q6UKX",
-										message: "YouTube"
-									}),
-									value: formData.social?.youtube || "",
-									onChange: (e) => handleSocialChange("youtube", e.target.value),
-									description: _t({
-										id: "sTNsJ9",
-										message: "Your YouTube channel ID or handle"
-									})
-								})
-							]
-						})
-					]
-				}), /* @__PURE__ */ jsx("div", {
-					className: "flex justify-end",
-					children: /* @__PURE__ */ jsx(Button, {
-						type: "submit",
-						disabled: saveMutation.isPending,
-						icon: /* @__PURE__ */ jsx(FloppyDisk, {}),
-						children: saveMutation.isPending ? _t({
-							id: "XvjC4F",
-							message: "Saving..."
-						}) : _t({
-							id: "KZrfYJ",
-							message: "Save Social Links"
-						})
-					})
-				})]
-			})
-		]
+			})]
+		})]
 	});
 }
 
@@ -34031,7 +34553,29 @@ function ComponentPropField({ def, value, onChange }) {
 //#region src/components/WordPressImport.tsx
 const TRAILING_SLASH_REGEX = /\/$/;
 const WHITESPACE_REGEX = /\s/g;
+/** Prefix of migration keys generated by the EmDash Exporter plugin wizard */
+const MIGRATION_KEY_PREFIX = "em1.";
+/**
+* Decode a migration key from the EmDash Exporter plugin
+* (`em1.` + base64url of `{ v, url, user, pass }`).
+* Returns null when the string isn't a valid key.
+*/
+function decodeMigrationKey(key) {
+	if (!key.startsWith(MIGRATION_KEY_PREFIX)) return null;
+	try {
+		const base64url = key.slice(4).replace(/-/g, "+").replace(/_/g, "/");
+		const base64 = base64url.padEnd(base64url.length + (4 - base64url.length % 4) % 4, "=");
+		const parsed = JSON.parse(atob(base64));
+		if (typeof parsed === "object" && parsed !== null && "url" in parsed && typeof parsed.url === "string" && "user" in parsed && typeof parsed.user === "string" && "pass" in parsed && typeof parsed.pass === "string") return {
+			url: parsed.url,
+			user: parsed.user,
+			pass: parsed.pass
+		};
+	} catch {}
+	return null;
+}
 function WordPressImport() {
+	const { _: _t } = useLingui();
 	const [step, setStep] = React$1.useState("choose");
 	const [urlInput, setUrlInput] = React$1.useState("");
 	const [probeResult, setProbeResult] = React$1.useState(null);
@@ -34051,12 +34595,17 @@ function WordPressImport() {
 	const [mediaError, setMediaError] = React$1.useState(null);
 	const [skipMedia, setSkipMedia] = React$1.useState(false);
 	const [mediaProgress, setMediaProgress] = React$1.useState(null);
+	const [wpImportProgress, setWpImportProgress] = 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 [importSeo, setImportSeo] = React$1.useState(true);
 	const [authorMappings, setAuthorMappings] = React$1.useState([]);
 	const [emdashUsers, setEmDashUsers] = React$1.useState([]);
+	const totalSelectedPosts = React$1.useMemo(() => {
+		if (!analysis) return 0;
+		return analysis.postTypes.reduce((sum, pt) => selections[pt.name]?.enabled ? sum + pt.count : sum, 0);
+	}, [analysis, selections]);
 	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;
@@ -34073,7 +34622,10 @@ function WordPressImport() {
 		const params = new URLSearchParams(window.location.search);
 		const authStatus = params.get("auth");
 		if (params.get("error") === "auth_rejected") {
-			setImportError("WordPress authorization was rejected");
+			setImportError(_t({
+				id: "mMqZDg",
+				message: "WordPress authorization was rejected"
+			}));
 			setStep("probe-result");
 			window.history.replaceState({}, "", window.location.pathname);
 			return;
@@ -34104,7 +34656,6 @@ function WordPressImport() {
 			window.history.replaceState({}, "", window.location.pathname);
 		}
 	}, []);
-	const { _: _t } = useLingui();
 	const probeMutation = useMutation({
 		mutationFn: probeImportUrl,
 		onSuccess: (data) => {
@@ -34175,7 +34726,7 @@ function WordPressImport() {
 		}
 	});
 	const mediaMutation = useMutation({
-		mutationFn: (attachments) => importWxrMedia(attachments, (progress) => {
+		mutationFn: (attachments) => importWxrMediaBatched(attachments, (progress) => {
 			setMediaProgress(progress);
 		}),
 		onSuccess: (data) => {
@@ -34239,14 +34790,16 @@ function WordPressImport() {
 		}
 	});
 	const wpPluginImportMutation = useMutation({
-		mutationFn: ({ url, token, config }) => executeWpPluginImport(url, token, config),
+		mutationFn: ({ url, token, config }) => executeWpPluginImport(url, token, config, setWpImportProgress),
 		onSuccess: (data) => {
 			setImportError(null);
+			setWpImportProgress(null);
 			setResult(data);
 			if (analysis && analysis.attachments.count > 0) setStep("media");
 			else setStep("complete");
 		},
 		onError: (error) => {
+			setWpImportProgress(null);
 			setImportError(error instanceof Error ? error.message : _t({
 				id: "C6AFAn",
 				message: "Failed to import from WordPress"
@@ -34256,9 +34809,33 @@ function WordPressImport() {
 	});
 	const handleProbeUrl = (e) => {
 		e.preventDefault();
-		if (!urlInput.trim()) return;
+		const input = urlInput.trim();
+		if (!input) return;
+		if (handleMigrationKey(input)) return;
 		setStep("probing");
-		probeMutation.mutate(urlInput.trim());
+		probeMutation.mutate(input);
+	};
+	/**
+	* Connect using a migration key from the EmDash Exporter plugin wizard.
+	* Returns false when the string isn't a valid key.
+	*/
+	const handleMigrationKey = (key) => {
+		const decoded = decodeMigrationKey(key.trim());
+		if (!decoded) return false;
+		const token = btoa(`${decoded.user}:${decoded.pass.replace(WHITESPACE_REGEX, "")}`);
+		setImportSource({
+			type: "wordpress-plugin",
+			url: decoded.url,
+			token
+		});
+		setUrlInput(decoded.url);
+		setImportError(null);
+		setStep("analyzing-plugin");
+		wpPluginAnalyzeMutation.mutate({
+			url: decoded.url,
+			token
+		});
+		return true;
 	};
 	const handleFileSelect = (e) => {
 		const selectedFile = e.target.files?.[0];
@@ -34288,7 +34865,10 @@ function WordPressImport() {
 	const handlePluginConnect = () => {
 		if (!probeResult?.url) return;
 		if (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1") {
-			setImportError("OAuth authorization requires HTTPS. Please use manual credentials.");
+			setImportError(_t({
+				id: "W5382e",
+				message: "OAuth authorization requires HTTPS. Please use manual credentials."
+			}));
 			setStep("plugin-auth");
 			return;
 		}
@@ -34330,7 +34910,11 @@ function WordPressImport() {
 		const config = {
 			postTypeMappings: selections,
 			skipExisting: true,
-			authorMappings: authorMappingsRecord
+			authorMappings: authorMappingsRecord,
+			importMenus,
+			importSiteTitle,
+			importLogo,
+			importSeo
 		};
 		if (importSource.type === "wxr") importMutation.mutate({
 			file: importSource.file,
@@ -34490,7 +35074,8 @@ function WordPressImport() {
 				onUrlChange: setUrlInput,
 				onProbeUrl: handleProbeUrl,
 				onFileSelect: handleFileSelect,
-				onDrop: handleDrop
+				onDrop: handleDrop,
+				onMigrationKey: handleMigrationKey
 			}),
 			step === "probing" && /* @__PURE__ */ jsxs("div", {
 				className: "rounded-lg border bg-kumo-base p-12 text-center",
@@ -34607,23 +35192,60 @@ function WordPressImport() {
 			}),
 			step === "importing" && /* @__PURE__ */ jsxs("div", {
 				className: "rounded-lg border bg-kumo-base p-12 text-center",
-				children: [
-					/* @__PURE__ */ jsx(Loader, {}),
-					/* @__PURE__ */ jsx("p", {
+				children: [/* @__PURE__ */ jsx(Loader, {}), wpImportProgress ? /* @__PURE__ */ jsxs(Fragment, { children: [
+					/* @__PURE__ */ jsxs("p", {
 						className: "mt-4 text-kumo-subtle",
-						children: _t({
-							id: "4ID0OO",
-							message: "Importing content..."
+						children: [
+							wpImportProgress.phase === "content" && (totalSelectedPosts > 0 ? _t({
+								id: "2lWRW0",
+								message: "Importing content... {0} of {totalSelectedPosts}",
+								values: {
+									0: wpImportProgress.processed,
+									totalSelectedPosts
+								}
+							}) : _t({
+								id: "ycwotv",
+								message: "Importing content... {0}",
+								values: { 0: wpImportProgress.processed }
+							})),
+							wpImportProgress.phase === "comments" && _t({
+								id: "8wksCM",
+								message: "Importing comments... {0}",
+								values: { 0: wpImportProgress.comments }
+							}),
+							wpImportProgress.phase === "finalize" && _t({
+								id: "/LAVtu",
+								message: "Importing menus and site settings..."
+							})
+						]
+					}),
+					totalSelectedPosts > 0 && wpImportProgress.phase === "content" && /* @__PURE__ */ jsx("div", {
+						className: "mx-auto mt-4 h-2 w-64 overflow-hidden rounded-full bg-kumo-fill",
+						children: /* @__PURE__ */ jsx("div", {
+							className: "h-full rounded-full bg-kumo-brand transition-all",
+							style: { width: `${Math.min(100, Math.round(wpImportProgress.processed / totalSelectedPosts * 100))}%` }
 						})
 					}),
 					/* @__PURE__ */ jsx("p", {
-						className: "text-sm text-kumo-subtle",
+						className: "mt-2 text-sm text-kumo-subtle",
 						children: _t({
-							id: "mBSl2N",
-							message: "This may take a while for large exports."
+							id: "/NInpe",
+							message: "Keep this tab open. The import runs in small steps and can be safely re-run if interrupted."
 						})
 					})
-				]
+				] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("p", {
+					className: "mt-4 text-kumo-subtle",
+					children: _t({
+						id: "4ID0OO",
+						message: "Importing content..."
+					})
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-sm text-kumo-subtle",
+					children: _t({
+						id: "mBSl2N",
+						message: "This may take a while for large exports."
+					})
+				})] })]
 			}),
 			step === "media" && analysis && /* @__PURE__ */ jsx(MediaStep, {
 				attachments: analysis.attachments,
@@ -34668,18 +35290,104 @@ function StepIndicator({ number, label, active, complete }) {
 		})]
 	});
 }
-function ChooseStep({ urlInput, onUrlChange, onProbeUrl, onFileSelect, onDrop }) {
+function ChooseStep({ urlInput, onUrlChange, onProbeUrl, onFileSelect, onDrop, onMigrationKey }) {
 	const { _: _t2 } = useLingui();
+	const [keyInput, setKeyInput] = React$1.useState("");
+	const [keyError, setKeyError] = React$1.useState(false);
+	const handleKeySubmit = (e) => {
+		e.preventDefault();
+		if (!keyInput.trim()) return;
+		setKeyError(!onMigrationKey(keyInput));
+	};
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-6",
 		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "rounded-lg border border-kumo-brand/40 bg-kumo-base p-6",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex items-start gap-4",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "p-3 rounded-full bg-kumo-brand/10",
+						children: /* @__PURE__ */ jsx(Sparkle, { className: "h-6 w-6 text-kumo-brand" })
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex-1",
+						children: [
+							/* @__PURE__ */ jsx("h3", {
+								className: "text-lg font-medium",
+								children: _t2({
+									id: "iBKrt/",
+									message: "Paste your migration key"
+								})
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: "text-kumo-subtle mt-1",
+								children: _t2({
+									id: "72d1Kl",
+									message: "Install the EmDash Exporter plugin on your WordPress site and generate a key under Tools → EmDash Migration."
+								})
+							}),
+							/* @__PURE__ */ jsxs("form", {
+								onSubmit: handleKeySubmit,
+								className: "mt-4 flex gap-2",
+								children: [/* @__PURE__ */ jsx(Input, {
+									type: "text",
+									placeholder: _t2({
+										id: "cLrEuE",
+										message: "em1.…"
+									}),
+									value: keyInput,
+									onChange: (e) => {
+										setKeyInput(e.target.value);
+										setKeyError(false);
+									},
+									className: "flex-1 font-mono",
+									"aria-label": _t2({
+										id: "9zFZIo",
+										message: "Migration key"
+									})
+								}), /* @__PURE__ */ jsx(Button, {
+									type: "submit",
+									disabled: !keyInput.trim(),
+									children: _t2({
+										id: "iSLIjg",
+										message: "Connect"
+									})
+								})]
+							}),
+							keyError && /* @__PURE__ */ jsx("p", {
+								className: "mt-2 text-sm text-kumo-danger",
+								children: _t2({
+									id: "lcAr+f",
+									message: "This doesn't look like a valid migration key. Generate a new one in the plugin and paste the full string starting with \"em1.\"."
+								})
+							})
+						]
+					})]
+				})
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "absolute inset-0 flex items-center",
+					children: /* @__PURE__ */ jsx("div", { className: "w-full border-t" })
+				}), /* @__PURE__ */ jsx("div", {
+					className: "relative flex justify-center text-xs uppercase",
+					children: /* @__PURE__ */ jsx("span", {
+						className: "bg-kumo-base px-2 text-kumo-subtle",
+						children: _t2({
+							id: "1eiyMI",
+							message: "or connect by URL"
+						})
+					})
+				})]
+			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "rounded-lg border bg-kumo-base p-6",
 				children: /* @__PURE__ */ jsxs("div", {
 					className: "flex items-start gap-4",
 					children: [/* @__PURE__ */ jsx("div", {
-						className: "p-3 rounded-full bg-blue-100 dark:bg-blue-900/30",
-						children: /* @__PURE__ */ jsx(Globe, { className: "h-6 w-6 text-blue-600 dark:text-blue-400" })
+						className: "p-3 rounded-full bg-kumo-brand/10",
+						children: /* @__PURE__ */ jsx(Globe, { className: "h-6 w-6 text-kumo-brand" })
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "flex-1",
 						children: [
@@ -34702,7 +35410,10 @@ function ChooseStep({ urlInput, onUrlChange, onProbeUrl, onFileSelect, onDrop })
 								className: "mt-4 flex gap-2",
 								children: [/* @__PURE__ */ jsx(Input, {
 									type: "text",
-									placeholder: "https://yoursite.com",
+									placeholder: _t2({
+										id: "oA88Qj",
+										message: "https://yoursite.com"
+									}),
 									value: urlInput,
 									onChange: (e) => onUrlChange(e.target.value),
 									className: "flex-1"
@@ -34780,61 +35491,106 @@ function ChooseStep({ urlInput, onUrlChange, onProbeUrl, onFileSelect, onDrop })
 }
 const FEATURE_COMPARISON = [
 	{
-		feature: "Posts & Pages",
+		feature: {
+			id: "OngPWf",
+			message: "Posts & Pages"
+		},
 		wxr: "full",
 		plugin: "full"
 	},
 	{
-		feature: "Media",
+		feature: {
+			id: "xYilR2",
+			message: "Media"
+		},
 		wxr: "full",
 		plugin: "full"
 	},
 	{
-		feature: "Categories & Tags",
+		feature: {
+			id: "PBAVHO",
+			message: "Categories & Tags"
+		},
 		wxr: "full",
 		plugin: "full"
 	},
 	{
-		feature: "Custom Taxonomies",
+		feature: {
+			id: "oxe9Dw",
+			message: "Custom Taxonomies"
+		},
 		wxr: "full",
 		plugin: "full"
 	},
 	{
-		feature: "Featured Images",
+		feature: {
+			id: "0ruX1k",
+			message: "Featured Images"
+		},
 		wxr: "full",
 		plugin: "full"
 	},
 	{
-		feature: "Menus",
+		feature: {
+			id: "NXjnVQ",
+			message: "Menus"
+		},
 		wxr: "full",
 		plugin: "full"
 	},
 	{
-		feature: "Site Settings",
+		feature: {
+			id: "aaU5Fl",
+			message: "Site Settings"
+		},
 		wxr: "partial",
-		wxrNote: "Partial",
+		wxrNote: {
+			id: "3nRszo",
+			message: "Partial"
+		},
 		plugin: "full",
-		pluginNote: "Full"
+		pluginNote: {
+			id: "g2Tj8R",
+			message: "Full"
+		}
 	},
 	{
-		feature: "Widgets",
+		feature: {
+			id: "tL6W2K",
+			message: "Widgets"
+		},
 		wxr: "none",
 		plugin: "full"
 	},
 	{
-		feature: "ACF Fields",
+		feature: {
+			id: "3hECLi",
+			message: "ACF Fields"
+		},
 		wxr: "none",
 		plugin: "full"
 	},
 	{
-		feature: "Yoast/RankMath",
+		feature: {
+			id: "etVTyW",
+			message: "Yoast/RankMath"
+		},
 		wxr: "partial",
-		wxrNote: "Raw meta",
+		wxrNote: {
+			id: "DRM0sZ",
+			message: "Raw meta"
+		},
 		plugin: "full",
-		pluginNote: "Structured"
+		pluginNote: {
+			id: "yn3Cdh",
+			message: "Structured"
+		}
 	},
 	{
-		feature: "Drafts & Private",
+		feature: {
+			id: "4T8ArT",
+			message: "Drafts & Private"
+		},
 		wxr: "full",
 		plugin: "full"
 	}
@@ -34888,32 +35644,32 @@ function FeatureComparison() {
 						children: FEATURE_COMPARISON.map((item) => /* @__PURE__ */ jsxs("tr", { children: [
 							/* @__PURE__ */ jsx("td", {
 								className: "p-3 text-kumo-subtle",
-								children: item.feature
+								children: _t3(item.feature)
 							}),
 							/* @__PURE__ */ jsx("td", {
 								className: "p-3 text-center",
 								children: /* @__PURE__ */ jsx(FeatureStatus, {
 									status: item.wxr,
-									note: item.wxrNote
+									note: item.wxrNote && _t3(item.wxrNote)
 								})
 							}),
 							/* @__PURE__ */ jsx("td", {
 								className: "p-3 text-center",
 								children: /* @__PURE__ */ jsx(FeatureStatus, {
 									status: item.plugin,
-									note: item.pluginNote
+									note: item.pluginNote && _t3(item.pluginNote)
 								})
 							})
-						] }, item.feature))
+						] }, item.feature.id))
 					})]
 				})
 			}),
 			/* @__PURE__ */ jsx("div", {
-				className: "border-t p-3 bg-blue-50 dark:bg-blue-900/20",
+				className: "border-t p-3 bg-kumo-info-tint",
 				children: /* @__PURE__ */ jsxs("div", {
 					className: "flex items-start gap-2 text-sm",
-					children: [/* @__PURE__ */ jsx(Sparkle, { className: "h-4 w-4 text-blue-600 dark:text-blue-400 flex-shrink-0 mt-0.5" }), /* @__PURE__ */ jsxs("p", {
-						className: "text-blue-800 dark:text-blue-200",
+					children: [/* @__PURE__ */ jsx(Sparkle, { className: "h-4 w-4 text-kumo-brand flex-shrink-0 mt-0.5" }), /* @__PURE__ */ jsxs("p", {
+						className: "text-kumo-default",
 						children: [
 							_t3({
 								id: "m5nI37",
@@ -34941,11 +35697,11 @@ function FeatureComparison() {
 }
 function FeatureStatus({ status, note }) {
 	if (status === "full") return /* @__PURE__ */ jsx("span", {
-		className: "inline-flex items-center gap-1 text-green-600 dark:text-green-400",
+		className: "inline-flex items-center gap-1 text-kumo-success",
 		children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" })
 	});
 	if (status === "partial") return /* @__PURE__ */ jsxs("span", {
-		className: "inline-flex items-center gap-1 text-yellow-600 dark:text-yellow-400",
+		className: "inline-flex items-center gap-1 text-kumo-warning",
 		children: [/* @__PURE__ */ jsx(Warning, { className: "h-3.5 w-3.5" }), note && /* @__PURE__ */ jsx("span", {
 			className: "text-xs",
 			children: note
@@ -35047,10 +35803,10 @@ function ProbeResultStep({ result, onUploadFile, onPluginConnect, onPluginManual
 		className: "space-y-6",
 		children: [
 			/* @__PURE__ */ jsx("div", {
-				className: "rounded-lg border-s-4 border-s-green-500 border border-kumo-line bg-kumo-base p-6",
+				className: "rounded-lg border-s-4 border-s-kumo-success border border-kumo-line bg-kumo-base p-6",
 				children: /* @__PURE__ */ jsxs("div", {
 					className: "flex items-start gap-4",
-					children: [/* @__PURE__ */ jsx(Check, { className: "h-6 w-6 text-green-500 flex-shrink-0" }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+					children: [/* @__PURE__ */ jsx(Check, { className: "h-6 w-6 text-kumo-success flex-shrink-0" }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
 						className: "font-medium",
 						children: _t4({
 							id: "J8mhUo",
@@ -35115,14 +35871,14 @@ function ProbeResultStep({ result, onUploadFile, onPluginConnect, onPluginManual
 			}),
 			!hasPlugin && /* @__PURE__ */ jsx(FeatureComparison, {}),
 			hasPlugin && /* @__PURE__ */ jsx("div", {
-				className: "rounded-lg border-s-4 border-s-green-500 border border-kumo-line bg-kumo-base p-6",
+				className: "rounded-lg border-s-4 border-s-kumo-success border border-kumo-line bg-kumo-base p-6",
 				children: /* @__PURE__ */ jsxs("div", {
 					className: "flex items-start gap-4",
 					children: [/* @__PURE__ */ jsx("div", {
-						className: "p-2 rounded-full bg-green-100 dark:bg-green-900/50",
+						className: "p-2 rounded-full bg-kumo-success-tint",
 						children: /* @__PURE__ */ jsxs("svg", {
 							viewBox: "0 0 24 24",
-							className: "h-5 w-5 text-green-600 dark:text-green-400",
+							className: "h-5 w-5 text-kumo-success",
 							fill: "none",
 							stroke: "currentColor",
 							strokeWidth: "2",
@@ -35244,10 +36000,10 @@ function PluginAuthStep({ siteTitle, siteUrl, username, password, onUsernameChan
 				/* @__PURE__ */ jsxs("div", {
 					className: "flex items-start gap-4",
 					children: [/* @__PURE__ */ jsx("div", {
-						className: "p-3 rounded-full bg-green-100 dark:bg-green-900/30",
+						className: "p-3 rounded-full bg-kumo-success-tint",
 						children: /* @__PURE__ */ jsxs("svg", {
 							viewBox: "0 0 24 24",
-							className: "h-6 w-6 text-green-600 dark:text-green-400",
+							className: "h-6 w-6 text-kumo-success",
 							fill: "none",
 							stroke: "currentColor",
 							strokeWidth: "2",
@@ -35306,7 +36062,10 @@ function PluginAuthStep({ siteTitle, siteUrl, username, password, onUsernameChan
 							type: "text",
 							value: username,
 							onChange: (e) => onUsernameChange(e.target.value),
-							placeholder: "admin",
+							placeholder: _t5({
+								id: "cyLJM2",
+								message: "admin"
+							}),
 							autoComplete: "username"
 						})] }),
 						/* @__PURE__ */ jsxs("div", { children: [
@@ -35323,7 +36082,10 @@ function PluginAuthStep({ siteTitle, siteUrl, username, password, onUsernameChan
 								type: "password",
 								value: password,
 								onChange: (e) => onPasswordChange(e.target.value),
-								placeholder: "xxxx xxxx xxxx xxxx xxxx xxxx",
+								placeholder: _t5({
+									id: "NRI3Xq",
+									message: "xxxx xxxx xxxx xxxx xxxx xxxx"
+								}),
 								autoComplete: "current-password"
 							}),
 							/* @__PURE__ */ jsx("p", {
@@ -35357,10 +36119,10 @@ function PluginAuthStep({ siteTitle, siteUrl, username, password, onUsernameChan
 				})
 			]
 		}), /* @__PURE__ */ jsx("div", {
-			className: "rounded-lg border-s-4 border-s-blue-500 border border-kumo-line bg-kumo-base p-4",
+			className: "rounded-lg border-s-4 border-s-kumo-brand border border-kumo-line bg-kumo-base p-4",
 			children: /* @__PURE__ */ jsxs("div", {
 				className: "flex gap-3",
-				children: [/* @__PURE__ */ jsx(ArrowSquareOut, { className: "h-5 w-5 text-blue-500 flex-shrink-0" }), /* @__PURE__ */ jsxs("div", {
+				children: [/* @__PURE__ */ jsx(ArrowSquareOut, { className: "h-5 w-5 text-kumo-brand flex-shrink-0" }), /* @__PURE__ */ jsxs("div", {
 					className: "text-sm",
 					children: [
 						/* @__PURE__ */ jsx("p", {
@@ -35600,7 +36362,7 @@ function ReviewStep({ analysis, selections, expandedTypes, prepareError, importE
 				}), /* @__PURE__ */ jsxs("div", {
 					className: "divide-y",
 					children: [
-						/* @__PURE__ */ jsx("div", {
+						isPluginSource && /* @__PURE__ */ jsx("div", {
 							className: "p-4",
 							children: /* @__PURE__ */ jsx(Switch, {
 								checked: importMenus,
@@ -35750,10 +36512,10 @@ function ReviewStep({ analysis, selections, expandedTypes, prepareError, importE
 				})
 			}),
 			selectedCount > 0 && /* @__PURE__ */ jsx("div", {
-				className: "rounded-lg border-s-4 border-s-blue-500 border border-kumo-line bg-kumo-base p-4",
+				className: "rounded-lg border-s-4 border-s-kumo-brand border border-kumo-line bg-kumo-base p-4",
 				children: /* @__PURE__ */ jsxs("div", {
 					className: "flex gap-3",
-					children: [/* @__PURE__ */ jsx(Database, { className: "h-5 w-5 text-blue-500 flex-shrink-0" }), /* @__PURE__ */ jsxs("div", {
+					children: [/* @__PURE__ */ jsx(Database, { className: "h-5 w-5 text-kumo-brand flex-shrink-0" }), /* @__PURE__ */ jsxs("div", {
 						className: "space-y-2",
 						children: [/* @__PURE__ */ jsx("p", {
 							className: "font-medium",
@@ -35894,7 +36656,7 @@ function PostTypeRow({ postType, selection, expanded, onToggleExpand, onToggleEn
 			className: "mt-4 ms-8 p-3 rounded-lg bg-kumo-tint/50 text-sm",
 			children: [
 				!canImport && schemaStatus.reason && /* @__PURE__ */ jsxs("div", {
-					className: "mb-3 p-2 rounded bg-red-100 dark:bg-red-900/30 text-red-800 dark:text-red-300",
+					className: "mb-3 p-2 rounded bg-kumo-danger-tint text-kumo-danger",
 					children: [/* @__PURE__ */ jsx(WarningCircle, { className: "inline h-4 w-4 me-1" }), schemaStatus.reason]
 				}),
 				/* @__PURE__ */ jsx("p", {
@@ -35922,7 +36684,7 @@ function PostTypeRow({ postType, selection, expanded, onToggleExpand, onToggleEn
 									]
 								})
 							] }), status?.status === "compatible" ? /* @__PURE__ */ jsxs("span", {
-								className: "text-green-600 dark:text-green-400",
+								className: "text-kumo-success",
 								children: [
 									/* @__PURE__ */ jsx(Check, { className: "inline h-3 w-3" }),
 									" ",
@@ -35932,7 +36694,7 @@ function PostTypeRow({ postType, selection, expanded, onToggleExpand, onToggleEn
 									})
 								]
 							}) : status?.status === "missing" ? /* @__PURE__ */ jsxs("span", {
-								className: "text-blue-600 dark:text-blue-400",
+								className: "text-kumo-brand",
 								children: [
 									/* @__PURE__ */ jsx(Plus, { className: "inline h-3 w-3" }),
 									" ",
@@ -35942,7 +36704,7 @@ function PostTypeRow({ postType, selection, expanded, onToggleExpand, onToggleEn
 									})
 								]
 							}) : status?.status === "type_mismatch" ? /* @__PURE__ */ jsxs("span", {
-								className: "text-red-600 dark:text-red-400",
+								className: "text-kumo-danger",
 								children: [
 									/* @__PURE__ */ jsx(X, { className: "inline h-3 w-3" }),
 									" ",
@@ -35975,8 +36737,8 @@ function MediaStep({ attachments, error, onImport, onSkip }) {
 				/* @__PURE__ */ jsxs("div", {
 					className: "flex items-start gap-4",
 					children: [/* @__PURE__ */ jsx("div", {
-						className: "p-3 rounded-full bg-blue-100 dark:bg-blue-900/30",
-						children: /* @__PURE__ */ jsx(Image$1, { className: "h-6 w-6 text-blue-600 dark:text-blue-400" })
+						className: "p-3 rounded-full bg-kumo-brand/10",
+						children: /* @__PURE__ */ jsx(Image$1, { className: "h-6 w-6 text-kumo-brand" })
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "flex-1",
 						children: [/* @__PURE__ */ jsx("h3", {
@@ -36023,10 +36785,10 @@ function MediaStep({ attachments, error, onImport, onSkip }) {
 					})
 				}),
 				/* @__PURE__ */ jsx("div", {
-					className: "mt-4 p-4 rounded-lg border-s-4 border-s-blue-500 border border-kumo-line bg-kumo-base",
+					className: "mt-4 p-4 rounded-lg border-s-4 border-s-kumo-brand border border-kumo-line bg-kumo-base",
 					children: /* @__PURE__ */ jsxs("div", {
 						className: "flex gap-3",
-						children: [/* @__PURE__ */ jsx(DownloadSimple, { className: "h-5 w-5 text-blue-500 flex-shrink-0" }), /* @__PURE__ */ jsxs("div", {
+						children: [/* @__PURE__ */ jsx(DownloadSimple, { className: "h-5 w-5 text-kumo-brand flex-shrink-0" }), /* @__PURE__ */ jsxs("div", {
 							className: "text-sm",
 							children: [/* @__PURE__ */ jsx("p", {
 								className: "font-medium",
@@ -36150,7 +36912,7 @@ function MediaProgressStep({ progress, total }) {
 								values: { 0: progress.current }
 							})
 						}), /* @__PURE__ */ jsx("span", {
-							className: cn("px-2 py-0.5 rounded text-xs", progress.status === "downloading" && "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400", progress.status === "uploading" && "bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-400", progress.status === "done" && "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400", progress.status === "skipped" && "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400", progress.status === "failed" && "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400"),
+							className: cn("px-2 py-0.5 rounded text-xs", progress.status === "downloading" && "bg-kumo-info-tint text-kumo-default", progress.status === "uploading" && "bg-kumo-info-tint text-kumo-default", progress.status === "done" && "bg-kumo-success-tint text-kumo-success", progress.status === "skipped" && "bg-kumo-warning-tint text-kumo-warning", progress.status === "failed" && "bg-kumo-danger-tint text-kumo-danger"),
 							children: statusLabels[progress.status]
 						})]
 					}), progress.error && /* @__PURE__ */ jsx("p", {
@@ -36192,6 +36954,30 @@ function CompleteStep({ result, prepareResult, mediaResult, rewriteResult, skipp
 			message: "{0, plural, one {# media file imported} other {# media files imported}}",
 			values: { 0: mediaResult.imported.length }
 		}));
+		if (result.taxonomiesCreated && result.taxonomiesCreated.length > 0) parts.push(i18n._({
+			id: "nku2Y8",
+			message: "{0, plural, one {# taxonomy created} other {# taxonomies created}}",
+			values: { 0: result.taxonomiesCreated.length }
+		}));
+		if (result.taxonomyAssignments && result.taxonomyAssignments > 0) parts.push(i18n._({
+			id: "3iIiv1",
+			message: "{0, plural, one {# taxonomy assignment} other {# taxonomy assignments}}",
+			values: { 0: result.taxonomyAssignments }
+		}));
+		if (result.menus && result.menus.created > 0) parts.push(i18n._({
+			id: "PIlaPM",
+			message: "{0, plural, one {# menu imported} other {# menus imported}}",
+			values: { 0: result.menus.created }
+		}));
+		if (result.comments && result.comments.imported > 0) parts.push(i18n._({
+			id: "ZirqdT",
+			message: "{0, plural, one {# comment imported} other {# comments imported}}",
+			values: { 0: result.comments.imported }
+		}));
+		if (result.siteSettings && result.siteSettings.length > 0) parts.push(_t1({
+			id: "5R/Sn+",
+			message: "site identity applied (title, tagline, logo)"
+		}));
 		if (hasContentErrors) parts.push(i18n._({
 			id: "OBOFBb",
 			message: "{0, plural, one {# content error} other {# content errors}}",
@@ -36208,9 +36994,9 @@ function CompleteStep({ result, prepareResult, mediaResult, rewriteResult, skipp
 		className: "space-y-6",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
-				className: cn("rounded-lg border p-6 text-center", overallSuccess ? "border-green-200 bg-green-50 dark:border-green-900/50 dark:bg-green-900/20" : "border-yellow-200 bg-yellow-50 dark:border-yellow-900/50 dark:bg-yellow-900/20"),
+				className: cn("rounded-lg border p-6 text-center", overallSuccess ? "border-kumo-success/50 bg-kumo-success-tint" : "border-kumo-warning/50 bg-kumo-warning-tint"),
 				children: [
-					overallSuccess ? /* @__PURE__ */ jsx(Check, { className: "mx-auto h-12 w-12 text-green-600 dark:text-green-400" }) : /* @__PURE__ */ jsx(Warning, { className: "mx-auto h-12 w-12 text-yellow-600 dark:text-yellow-400" }),
+					overallSuccess ? /* @__PURE__ */ jsx(Check, { className: "mx-auto h-12 w-12 text-kumo-success" }) : /* @__PURE__ */ jsx(Warning, { className: "mx-auto h-12 w-12 text-kumo-warning" }),
 					/* @__PURE__ */ jsx("h3", {
 						className: "mt-4 text-lg font-medium",
 						children: overallSuccess ? wasMediaOnlyImport ? _t1({
@@ -36424,8 +37210,8 @@ function AuthorMappingStep({ authorMappings, emdashUsers, onMappingChange, onCon
 				children: /* @__PURE__ */ jsxs("div", {
 					className: "flex items-start gap-4",
 					children: [/* @__PURE__ */ jsx("div", {
-						className: "p-3 rounded-full bg-blue-100 dark:bg-blue-900/30",
-						children: /* @__PURE__ */ jsx(User, { className: "h-6 w-6 text-blue-600 dark:text-blue-400" })
+						className: "p-3 rounded-full bg-kumo-brand/10",
+						children: /* @__PURE__ */ jsx(User, { className: "h-6 w-6 text-kumo-brand" })
 					}), /* @__PURE__ */ jsxs("div", { children: [
 						/* @__PURE__ */ jsx("h3", {
 							className: "text-lg font-medium",
@@ -36442,7 +37228,7 @@ function AuthorMappingStep({ authorMappings, emdashUsers, onMappingChange, onCon
 							})
 						}),
 						matchedCount > 0 && /* @__PURE__ */ jsxs("p", {
-							className: "text-sm text-green-600 dark:text-green-400 mt-2",
+							className: "text-sm text-kumo-success mt-2",
 							children: [/* @__PURE__ */ jsx(Check, { className: "inline h-4 w-4 me-1" }), _t10({
 								id: "gIZkFQ",
 								message: "{matchedCount} of {totalCount} authors matched by email",
@@ -36526,10 +37312,10 @@ function AuthorMappingStep({ authorMappings, emdashUsers, onMappingChange, onCon
 				})]
 			}),
 			emdashUsers.length === 0 && /* @__PURE__ */ jsx("div", {
-				className: "rounded-lg border-s-4 border-s-yellow-500 border border-kumo-line bg-kumo-base p-4",
+				className: "rounded-lg border-s-4 border-s-kumo-warning border border-kumo-line bg-kumo-base p-4",
 				children: /* @__PURE__ */ jsxs("div", {
 					className: "flex gap-3",
-					children: [/* @__PURE__ */ jsx(Warning, { className: "h-5 w-5 text-yellow-500 flex-shrink-0" }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+					children: [/* @__PURE__ */ jsx(Warning, { className: "h-5 w-5 text-kumo-warning flex-shrink-0" }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
 						className: "font-medium",
 						children: _t10({
 							id: "1WOyEN",
@@ -40292,12 +41078,6 @@ function MediaPage() {
 			queryClient.invalidateQueries({ queryKey: ["media"] });
 		}
 	});
-	const deleteMutation = useMutation({
-		mutationFn: (id) => deleteMedia(id),
-		onSuccess: () => {
-			queryClient.invalidateQueries({ queryKey: ["media"] });
-		}
-	});
 	const items = React$1.useMemo(() => {
 		return data?.pages.flatMap((page) => page.items) || [];
 	}, [data]);
@@ -40308,7 +41088,6 @@ function MediaPage() {
 		hasMore: !!hasNextPage,
 		onLoadMore: () => void fetchNextPage(),
 		onUpload: (file) => uploadMutation.mutate(file),
-		onDelete: (id) => deleteMutation.mutate(id),
 		onLocalSearchChange: setSearch,
 		onLocalMimeFilterChange: setMimeFilter
 	});
@@ -41107,5 +41886,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, MEDIA_SEARCH_MAX_LENGTH, 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, createBylineField, createBylineTranslation, createCollection, createContent, createField, createMenu, createMenuItem, createMenuTranslation, createRedirect, createSection, createTaxonomy, createTerm, createTermTranslation, createWidget, createWidgetArea, deleteAllowedDomain, deleteByline, deleteBylineField, 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, fetchBylineTranslations, fetchBylines, fetchCollection, fetchCollections, fetchComment, fetchCommentCounts, fetchComments, fetchContent, fetchContentAuthors, fetchContentList, fetchDashboardStats, fetchEmailSettings, fetchFields, fetchManifest, fetchMarketplacePlugin, fetchMediaItem, 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, getBylineFieldUsage, getDraftStatus, getPreviewUrl, hasAllowedDomains, importWxrMedia, installMarketplacePlugin, inviteUser, listBylineFields, parseApiResponse, permanentDeleteContent, prepareWxrImport, probeImportUrl, publishContent, registerOrphanedTable, renamePasskey, reorderBylineFields, reorderFields, reorderMenuItems, reorderWidgets, requestSignup, resolveLocale, restoreContent, restoreRevision, revokeApiToken, rewriteContentUrls, scheduleContent, searchMarketplace, searchThemes, sendRecoveryLink, sendTestEmail, setSearchEnabled, throwResponseError, uninstallMarketplacePlugin, unpublishContent, unscheduleContent, updateAllowedDomain, updateByline, updateBylineField, 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, MEDIA_SEARCH_MAX_LENGTH, 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, createBylineField, createBylineTranslation, createCollection, createContent, createField, createMenu, createMenuItem, createMenuTranslation, createRedirect, createSection, createTaxonomy, createTerm, createTermTranslation, createWidget, createWidgetArea, deleteAllowedDomain, deleteByline, deleteBylineField, 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, fetchBylineTranslations, fetchBylines, fetchCollection, fetchCollections, fetchComment, fetchCommentCounts, fetchComments, fetchContent, fetchContentAuthors, fetchContentList, fetchDashboardStats, fetchEmailSettings, fetchFields, fetchManifest, fetchMarketplacePlugin, fetchMediaItem, 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, getBylineFieldUsage, getDraftStatus, getPreviewUrl, hasAllowedDomains, importWxrMedia, importWxrMediaBatched, installMarketplacePlugin, inviteUser, listBylineFields, parseApiResponse, permanentDeleteContent, prepareWxrImport, probeImportUrl, publishContent, registerOrphanedTable, renamePasskey, reorderBylineFields, reorderFields, reorderMenuItems, reorderWidgets, requestSignup, resolveLocale, restoreContent, restoreRevision, revokeApiToken, rewriteContentUrls, scheduleContent, searchMarketplace, searchThemes, sendRecoveryLink, sendTestEmail, setSearchEnabled, throwResponseError, uninstallMarketplacePlugin, unpublishContent, unscheduleContent, updateAllowedDomain, updateByline, updateBylineField, 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