@emdash-cms/admin 0.8.0 → 0.9.0

package/dist/index.js

@@ -1,5 +1,5 @@
 import { c as fetchAuthMode, d as throwResponseError, i as fetchPlugins, l as fetchManifest, n as enablePlugin, o as API_BASE, r as fetchPlugin, s as apiFetch, t as disablePlugin, u as parseApiResponse } from "./plugins-DUJY_8HN.js";
-import { a as SUPPORTED_LOCALES, i as DEFAULT_LOCALE, l as resolveLocale, n as useLocale, o as SUPPORTED_LOCALE_CODES, t as LocaleDirectionProvider } from "./LocaleDirectionProvider-B43-InGI.js";
+import { a as SUPPORTED_LOCALES, i as DEFAULT_LOCALE, l as resolveLocale, n as useLocale, o as SUPPORTED_LOCALE_CODES, t as LocaleDirectionProvider } from "./LocaleDirectionProvider-BGcmv_N7.js";
 import "./locales/index.js";
 import { Badge, Button, Checkbox, CommandPalette, Dialog, Input, InputArea, Label, LinkButton, Loader, Popover, Select, Sidebar as KumoSidebar, Switch, Tabs, Toast, Toasty, Tooltip, buttonVariants, useSidebar } from "@cloudflare/kumo";
 import { i18n } from "@lingui/core";
@@ -10,7 +10,7 @@ import * as React from "react";
 import { 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, ArrowLeft, ArrowRight, ArrowSquareOut, ArrowUUpLeft, ArrowUUpRight, ArrowsClockwise, ArrowsInSimple, ArrowsLeftRight, ArrowsOutSimple, BracketsCurly, Calendar, CalendarBlank, CaretDown, CaretLeft, CaretRight, CaretUp, CaretUpDown, ChatCircle, Check, CheckCircle, CircleDashed, CircleNotch, ClockCounterClockwise, Cloud, Code, CodeBlock, Copy, Cube, Database, DeviceMobile, DotsSixVertical, DownloadSimple, Envelope, EnvelopeSimple, Eye, EyeSlash, File, FileArrowDown, FileText, FloppyDisk, FolderOpen, Gear, GithubLogo, Globe, GlobeSimple, GridFour, HardDrive, Hash, Image as Image$1, ImageSquare, Info, Key, Link as Link$2, LinkBreak, LinkSimple, List, ListBullets, ListChecks, ListNumbers, MagnifyingGlass, Minus, Monitor, Moon, Palette, PaperPlaneTilt, Paragraph, Pencil, PencilSimple, PlugsConnected, Plus, Prohibit, PuzzlePiece, Quotes, Rows, Ruler, ShareNetwork, Shield, ShieldCheck, ShieldWarning, SignOut, SlidersHorizontal, Sparkle, SquaresFour, Stack, Storefront, Sun, TextAlignCenter, TextAlignLeft, TextAlignRight, TextB, TextHOne, TextHThree, TextHTwo, TextItalic, TextStrikethrough, TextT, TextUnderline, ToggleLeft, Trash, Upload, User, UserCircle, UserPlus, Users, Warning, WarningCircle, WebhooksLogo, X, YoutubeLogo } from "@phosphor-icons/react";
+import { ArrowCounterClockwise, ArrowRight, ArrowRightIcon, ArrowSquareOut, ArrowUUpLeft, ArrowUUpRight, ArrowsClockwise, ArrowsInSimple, ArrowsLeftRight, ArrowsOutSimple, BracketsCurly, Calendar, CalendarBlank, CaretDown, CaretRightIcon, CaretUp, CaretUpDown, ChatCircle, Check, CheckCircle, CircleDashed, CircleNotch, ClockCounterClockwise, Cloud, Code, CodeBlock, Copy, Cube, Database, DeviceMobile, DotsSixVertical, DownloadSimple, Envelope, EnvelopeSimple, Eye, EyeSlash, File, FileArrowDown, FileText, FloppyDisk, FolderOpen, Gear, GithubLogo, Globe, GlobeSimple, GridFour, HardDrive, Hash, Image as Image$1, ImageSquare, Info, Key, Link as Link$2, LinkBreak, LinkSimple, List, ListBullets, ListChecks, ListNumbers, MagnifyingGlass, Minus, Monitor, Moon, Palette, PaperPlaneTilt, Paragraph, Pencil, PencilSimple, PlugsConnected, Plus, Prohibit, PuzzlePiece, Quotes, Rows, Ruler, ShareNetwork, Shield, ShieldCheck, ShieldWarning, SignOut, SlidersHorizontal, Sparkle, SquaresFour, Stack, Storefront, Sun, TextAlignCenter, TextAlignLeft, TextAlignRight, TextB, TextHOne, TextHThree, TextHTwo, TextItalic, TextStrikethrough, TextT, TextUnderline, ToggleLeft, Trash, Upload, User, UserCircle, UserPlus, Users, Warning, WarningCircle, WebhooksLogo, X, YoutubeLogo } from "@phosphor-icons/react";
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 import { DndContext, DragOverlay, KeyboardSensor, PointerSensor, closestCenter, rectIntersection, useDraggable, useDroppable, useSensor, useSensors } from "@dnd-kit/core";
@@ -219,6 +219,37 @@ function slugify(text) {
 	return text.toLowerCase().normalize("NFD").replace(DIACRITICS_PATTERN, "").replace(WHITESPACE_UNDERSCORE_PATTERN, "-").replace(NON_ALPHANUMERIC_HYPHEN_PATTERN, "").replace(MULTIPLE_HYPHENS_PATTERN, "-").replace(LEADING_TRAILING_HYPHEN_PATTERN, "");
 }
 
+//#endregion
+//#region src/components/ArrowIcons.tsx
+/** Caret pointing in the "forward" direction — right in LTR, left in RTL. */
+function CaretNext({ className, ...props }) {
+	return /* @__PURE__ */ jsx(CaretRightIcon, {
+		className: cn("rtl:-scale-x-100", className),
+		...props
+	});
+}
+/** Caret pointing in the "backward" direction — left in LTR, right in RTL. */
+function CaretPrev({ className, ...props }) {
+	return /* @__PURE__ */ jsx(CaretRightIcon, {
+		className: cn("rotate-180 rtl:rotate-0", className),
+		...props
+	});
+}
+/** Arrow pointing in the "forward" direction — right in LTR, left in RTL. */
+function ArrowNext({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ArrowRightIcon, {
+		className: cn("rtl:-scale-x-100", className),
+		...props
+	});
+}
+/** Arrow pointing in the "backward" direction — left in LTR, right in RTL. */
+function ArrowPrev({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ArrowRightIcon, {
+		className: cn("rotate-180 rtl:rotate-0", className),
+		...props
+	});
+}
+
 //#endregion
 //#region src/components/DialogError.tsx
 /**
@@ -891,7 +922,7 @@ function CommentInbox({ comments, counts, isLoading, nextCursor, collections, ac
 								id: "aHKcKc",
 								message: "Previous page"
 							}),
-							children: /* @__PURE__ */ jsx(CaretLeft, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ jsx(CaretPrev, { className: "h-4 w-4" })
 						}),
 						/* @__PURE__ */ jsxs("span", {
 							className: "text-sm",
@@ -915,7 +946,7 @@ function CommentInbox({ comments, counts, isLoading, nextCursor, collections, ac
 								id: "/dqduX",
 								message: "Next page"
 							}),
-							children: /* @__PURE__ */ jsx(CaretRight, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ jsx(CaretNext, { className: "h-4 w-4" })
 						})
 					]
 				})]
@@ -1226,7 +1257,9 @@ async function unscheduleContent(collection, id) {
 * Get a preview URL for content
 *
 * Returns a signed URL that allows viewing draft content.
-* Returns null if preview is not configured (missing EMDASH_PREVIEW_SECRET).
+* Returns null if the EmDash runtime isn't initialized on the server
+* (responds with NOT_CONFIGURED). The preview secret itself no longer
+* needs to be set explicitly — it auto-generates on first use.
 */
 async function getPreviewUrl(collection, id, options) {
 	try {
@@ -2489,22 +2522,37 @@ async function uninstallMarketplacePlugin(id, opts = {}) {
 async function checkPluginUpdates() {
 	return (await parseApiResponse(await apiFetch(`${API_BASE}/admin/plugins/updates`), "Failed to check for updates")).items;
 }
-/** Human-readable labels for plugin capabilities */
+/**
+* Human-readable labels for plugin capabilities.
+*
+* Canonical names are the keys; legacy names alias to the same labels so
+* old manifests still render meaningful copy until they're republished.
+*/
 const CAPABILITY_LABELS = {
+	"content:read": "Read your content",
+	"content:write": "Create, update, and delete content",
+	"media:read": "Access your media library",
+	"media:write": "Upload and manage media",
+	"users:read": "Read user accounts",
+	"network:request": "Make network requests",
+	"network:request:unrestricted": "Make network requests to any host (unrestricted)",
 	"read:content": "Read your content",
 	"write:content": "Create, update, and delete content",
 	"read:media": "Access your media library",
 	"write:media": "Upload and manage media",
+	"read:users": "Read user accounts",
 	"network:fetch": "Make network requests",
 	"network:fetch:any": "Make network requests to any host (unrestricted)"
 };
+/** Capability names that grant scoped network access (legacy + canonical). */
+const NETWORK_REQUEST_CAPABILITIES = new Set(["network:request", "network:fetch"]);
 /**
 * Get a human-readable description for a capability.
-* For network:fetch, appends the allowed hosts if provided.
+* For scoped network capabilities, appends the allowed hosts if provided.
 */
 function describeCapability(capability, allowedHosts) {
 	const base = CAPABILITY_LABELS[capability] ?? capability;
-	if (capability === "network:fetch" && allowedHosts && allowedHosts.length > 0) return `${base} to: ${allowedHosts.join(", ")}`;
+	if (NETWORK_REQUEST_CAPABILITIES.has(capability) && allowedHosts && allowedHosts.length > 0) return `${base} to: ${allowedHosts.join(", ")}`;
 	return base;
 }
 
@@ -2640,6 +2688,33 @@ function useCurrentUser() {
 	});
 }
 
+//#endregion
+//#region src/lib/datetime-local.ts
+/**
+* Helpers for round-tripping `datetime` field values through
+* `<input type="datetime-local">`.
+*
+* Stored field values are full ISO 8601 (`YYYY-MM-DDTHH:mm:ss.sssZ`) or
+* date-only (`YYYY-MM-DD`) per the per-field zod schema in
+* `packages/core/src/schema/zod-generator.ts`. The browser input only
+* accepts `YYYY-MM-DDTHH:mm`, so widgets must convert in both directions.
+*
+* The widget treats the value as UTC for a stable round-trip. Using
+* `new Date(...).toISOString()` (the convention in the publish-schedule
+* UI in `ContentEditor.tsx`) would shift values by the local-UTC offset on
+* every save, mutating the persisted time on each edit cycle.
+*/
+/** Format a stored datetime field value for the input. */
+function toDatetimeLocalInputValue(value) {
+	if (typeof value !== "string" || value === "") return "";
+	if (value.length === 10) return `${value}T00:00`;
+	return value.slice(0, 16);
+}
+/** Convert an input value (`YYYY-MM-DDTHH:mm`) back to the stored ISO shape. */
+function fromDatetimeLocalInputValue(value) {
+	return value === "" ? "" : `${value}:00.000Z`;
+}
+
 //#endregion
 //#region src/lib/url.ts
 /**
@@ -2693,676 +2768,123 @@ function safeIconUrl(url, width) {
 }
 
 //#endregion
-//#region src/components/BlockKitFieldWidget.tsx
-/**
-* Renders Block Kit elements as a field widget for sandboxed plugins.
-* Decomposes a JSON value into per-element values keyed by action_id,
-* and recomposes on change.
-*/
-function BlockKitFieldWidget({ label, elements, value, onChange }) {
-	const obj = value && typeof value === "object" ? value : {};
-	const objRef = React.useRef(obj);
-	objRef.current = obj;
-	const handleElementChange = React.useCallback((actionId, elementValue) => {
-		onChange({
-			...objRef.current,
-			[actionId]: elementValue
-		});
-	}, [onChange]);
-	const validElements = elements.filter((el) => el.action_id);
-	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", {
-		className: "text-sm font-medium leading-none",
-		children: label
-	}), /* @__PURE__ */ jsx("div", {
-		className: "mt-2 space-y-3",
-		children: validElements.map((el) => /* @__PURE__ */ jsx(BlockKitFieldElement, {
-			element: el,
-			value: obj[el.action_id],
-			onChange: handleElementChange
-		}, el.action_id))
-	})] });
+//#region src/lib/media-utils.ts
+function providerItemToMediaItem(providerId, item) {
+	return {
+		id: item.id,
+		filename: item.filename,
+		mimeType: item.mimeType,
+		url: item.previewUrl || "",
+		size: item.size || 0,
+		width: item.width,
+		height: item.height,
+		alt: item.alt,
+		createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+		provider: providerId,
+		meta: item.meta
+	};
 }
-function BlockKitFieldElement({ element, value, onChange }) {
-	switch (element.type) {
-		case "text_input": return /* @__PURE__ */ jsx(Input, {
-			label: element.label,
-			placeholder: element.placeholder,
-			value: typeof value === "string" ? value : "",
-			onChange: (e) => onChange(element.action_id, e.target.value)
-		});
-		case "number_input": return /* @__PURE__ */ jsx(Input, {
-			label: element.label,
-			type: "number",
-			value: typeof value === "number" ? String(value) : "",
-			onChange: (e) => {
-				const n = Number(e.target.value);
-				onChange(element.action_id, e.target.value && Number.isFinite(n) ? n : void 0);
-			}
-		});
-		case "toggle": return /* @__PURE__ */ jsx(Switch, {
-			label: element.label,
-			checked: !!value,
-			onCheckedChange: (checked) => onChange(element.action_id, checked)
-		});
-		case "select": {
-			const options = Array.isArray(element.options) ? element.options : [];
-			return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
-				className: "text-sm font-medium mb-1.5 block",
-				children: element.label
-			}), /* @__PURE__ */ jsxs("select", {
-				className: "flex w-full rounded-md border border-kumo-line bg-transparent px-3 py-2 text-sm",
-				value: typeof value === "string" ? value : "",
-				onChange: (e) => onChange(element.action_id, e.target.value),
-				children: [/* @__PURE__ */ jsx("option", {
-					value: "",
-					children: "Select..."
-				}), options.map((opt) => /* @__PURE__ */ jsx("option", {
-					value: opt.value,
-					children: opt.label
-				}, opt.value))]
-			})] });
-		}
-		default: return /* @__PURE__ */ jsxs("div", {
-			className: "text-sm text-kumo-subtle",
-			children: ["Unsupported widget element type: ", element.type]
-		});
-	}
+function getFileIcon(mimeType) {
+	if (mimeType.startsWith("video/")) return "🎬";
+	if (mimeType.startsWith("audio/")) return "🎵";
+	if (mimeType.includes("pdf")) return "📄";
+	if (mimeType.includes("document") || mimeType.includes("word")) return "📝";
+	if (mimeType.includes("spreadsheet") || mimeType.includes("excel")) return "📊";
+	return "📁";
+}
+function formatFileSize(bytes) {
+	if (bytes === 0) return "0 B";
+	const k = 1024;
+	const sizes = [
+		"B",
+		"KB",
+		"MB",
+		"GB"
+	];
+	const i = Math.floor(Math.log(bytes) / Math.log(k));
+	return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + " " + sizes[i];
 }
 
 //#endregion
-//#region src/components/editor/DocumentOutline.tsx
+//#region src/components/MediaPickerModal.tsx
 /**
-* Document Outline
+* Media Picker Modal
 *
-* Displays a tree structure of headings from the TipTap editor.
-* - Shows H1 at root, H2 indented, H3 further indented
-* - Click-to-navigate to heading position
-* - Highlights the current section based on cursor position
+* A modal dialog for selecting media from the library or uploading new files.
+* Supports multiple media providers with tabbed navigation.
+* Used by the rich text editor and image field components.
 */
-function getIndentClass(level) {
-	switch (level) {
-		case 1: return "ps-0";
-		case 2: return "ps-4";
-		case 3: return "ps-8";
-		default: return "ps-0";
-	}
-}
-function getTextClass(level) {
-	switch (level) {
-		case 1: return "font-medium";
-		case 2: return "font-normal";
-		case 3: return "font-normal text-kumo-subtle";
-		default: return "font-normal";
-	}
-}
 /**
-* Extract headings from the TipTap editor document
+* Probe image URL to get dimensions
 */
-function extractHeadings(editor) {
-	if (!editor) return [];
-	const headings = [];
-	const doc = editor.state.doc;
-	let key = 0;
-	doc.descendants((node, pos) => {
-		if (node.type.name === "heading") {
-			const rawLevel = node.attrs.level;
-			const level = typeof rawLevel === "number" ? rawLevel : 1;
-			const text = node.textContent || "";
-			if (text.trim()) headings.push({
-				level,
-				text,
-				pos,
-				key: `heading-${key++}`
+function probeImageDimensions(url) {
+	return new Promise((resolve, reject) => {
+		const img = new window.Image();
+		img.onload = () => {
+			resolve({
+				width: img.naturalWidth,
+				height: img.naturalHeight
 			});
-		}
-	});
-	return headings;
-}
-/**
-* Find the current heading based on cursor position
-*/
-function findCurrentHeading(headings, cursorPos) {
-	if (headings.length === 0) return null;
-	let current = null;
-	for (const heading of headings) if (heading.pos <= cursorPos) current = heading;
-	else break;
-	return current;
-}
-/**
-* Document outline component showing heading tree structure
-*/
-function DocumentOutline({ editor, className }) {
-	const { _: _t } = useLingui();
-	const [isExpanded, setIsExpanded] = React.useState(true);
-	const [headings, setHeadings] = React.useState([]);
-	const [currentPos, setCurrentPos] = React.useState(0);
-	React.useEffect(() => {
-		if (!editor) return;
-		const updateHeadings = () => {
-			setHeadings(extractHeadings(editor));
-		};
-		updateHeadings();
-		editor.on("update", updateHeadings);
-		return () => {
-			editor.off("update", updateHeadings);
-		};
-	}, [editor]);
-	React.useEffect(() => {
-		if (!editor) return;
-		const updatePosition = () => {
-			const { from } = editor.state.selection;
-			setCurrentPos(from);
-		};
-		updatePosition();
-		editor.on("selectionUpdate", updatePosition);
-		return () => {
-			editor.off("selectionUpdate", updatePosition);
-		};
-	}, [editor]);
-	const currentHeading = findCurrentHeading(headings, currentPos);
-	const handleHeadingClick = (heading) => {
-		if (!editor) return;
-		editor.chain().focus().setTextSelection(heading.pos).scrollIntoView().run();
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("space-y-2", className),
-		children: [/* @__PURE__ */ jsxs(Button, {
-			variant: "ghost",
-			size: "sm",
-			className: "w-full justify-between px-2 h-8",
-			onClick: () => setIsExpanded(!isExpanded),
-			children: [/* @__PURE__ */ jsxs("span", {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ jsx(List, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
-					className: "font-semibold",
-					children: _t({
-						id: "dD7NPy",
-						message: "Outline"
-					})
-				})]
-			}), isExpanded ? /* @__PURE__ */ jsx(CaretDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(CaretRight, { className: "h-4 w-4" })]
-		}), isExpanded && /* @__PURE__ */ jsx("div", {
-			className: "space-y-0.5",
-			children: headings.length === 0 ? /* @__PURE__ */ jsx("p", {
-				className: "text-sm text-kumo-subtle px-2 py-1",
-				children: _t({
-					id: "MMd//L",
-					message: "No headings in document"
-				})
-			}) : headings.map((heading) => {
-				const isCurrent = currentHeading?.key === heading.key;
-				return /* @__PURE__ */ jsx("button", {
-					type: "button",
-					onClick: () => handleHeadingClick(heading),
-					className: cn("w-full text-start px-2 py-1 text-sm rounded transition-colors", "hover:bg-kumo-tint/50 cursor-pointer", "truncate", getIndentClass(heading.level), getTextClass(heading.level), isCurrent && "bg-kumo-tint text-kumo-default"),
-					title: heading.text,
-					children: heading.text
-				}, heading.key);
-			})
-		})]
-	});
-}
-
-//#endregion
-//#region src/components/PluginFieldErrorBoundary.tsx
-/**
-* Error boundary that wraps trusted plugin field widgets.
-* On render error, shows a warning with a retry button instead of crashing the editor.
-*/
-var PluginFieldErrorBoundary = class extends React.Component {
-	constructor(props) {
-		super(props);
-		this.state = { hasError: false };
-	}
-	static getDerivedStateFromError(error) {
-		return {
-			hasError: true,
-			error
 		};
-	}
-	render() {
-		if (this.state.hasError) return /* @__PURE__ */ jsxs("div", {
-			className: "rounded-md border border-kumo-danger/50 bg-kumo-danger/5 p-3",
-			children: [
-				/* @__PURE__ */ jsx("p", {
-					className: "text-sm font-medium text-kumo-danger",
-					children: "Plugin widget error"
-				}),
-				/* @__PURE__ */ jsx("p", {
-					className: "mt-1 text-xs text-kumo-subtle",
-					children: this.state.error?.message || "The plugin field widget failed to render."
-				}),
-				/* @__PURE__ */ jsx("button", {
-					type: "button",
-					className: "mt-2 text-xs font-medium text-kumo-brand underline",
-					onClick: () => this.setState({
-						hasError: false,
-						error: void 0
-					}),
-					children: "Retry"
-				})
-			]
-		});
-		return this.props.children;
-	}
-};
-
-//#endregion
-//#region src/components/RepeaterField.tsx
-/**
-* RepeaterField — renders a list of repeating sub-field groups in the content editor.
-*
-* Each item is a collapsible card containing the defined sub-fields.
-* Items can be added, removed, and reordered via drag-and-drop.
-*/
-function ensureKeys$1(items) {
-	return items.map((item, i) => {
-		const obj = typeof item === "object" && item !== null ? item : {};
-		return {
-			...obj,
-			_key: obj._key || `item-${i}-${Date.now()}`
+		img.onerror = () => {
+			reject(/* @__PURE__ */ new Error("Failed to load image"));
 		};
+		img.src = url;
 	});
 }
-function stripKeys$1(items) {
-	return items.map(({ _key, ...rest }) => rest);
-}
-function RepeaterField({ label, id, value, onChange, subFields, minItems = 0, maxItems }) {
+function MediaPickerModal({ open, onOpenChange, onSelect, mimeTypeFilter = "image/", title: providedTitle }) {
 	const { _: _t } = useLingui();
-	const rawItems = Array.isArray(value) ? value : [];
-	const [items, setItems] = React.useState(() => ensureKeys$1(rawItems));
-	const [collapsedItems, setCollapsedItems] = React.useState(/* @__PURE__ */ new Set());
+	const title = providedTitle ?? _t({
+		id: "bAiEJP",
+		message: "Select Image"
+	});
+	const queryClient = useQueryClient();
+	const [selectedItem, setSelectedItem] = React.useState(null);
+	const [activeProvider, setActiveProvider] = React.useState("local");
+	const [searchQuery, setSearchQuery] = React.useState("");
+	const fileInputRef = React.useRef(null);
+	const [imageUrl, setImageUrl] = React.useState("");
+	const [isProbing, setIsProbing] = React.useState(false);
+	const [urlError, setUrlError] = React.useState(null);
+	const [providerDimensions, setProviderDimensions] = React.useState({});
 	React.useEffect(() => {
-		const incoming = Array.isArray(value) ? value : [];
-		setItems((prev) => incoming.map((item, i) => {
-			const obj = typeof item === "object" && item !== null ? item : {};
-			const existingKey = obj._key || prev[i]?._key;
-			return {
-				...obj,
-				_key: existingKey || `item-${i}-${Date.now()}`
-			};
-		}));
-	}, [value]);
-	const emitChange = (updated) => {
-		setItems(updated);
-		onChange(stripKeys$1(updated));
-	};
-	const handleAdd = () => {
-		if (maxItems && items.length >= maxItems) return;
-		const newItem = { _key: `item-${Date.now()}` };
-		for (const sf of subFields) newItem[sf.slug] = sf.type === "boolean" ? false : sf.type === "number" || sf.type === "integer" ? null : "";
-		emitChange([...items, newItem]);
-	};
-	const handleRemove = (key) => {
-		if (items.length <= minItems) return;
-		emitChange(items.filter((item) => item._key !== key));
-	};
-	const handleItemChange = (key, fieldSlug, fieldValue) => {
-		emitChange(items.map((item) => item._key === key ? {
-			...item,
-			[fieldSlug]: fieldValue
-		} : item));
-	};
-	const handleDragEnd = (event) => {
-		const { active, over } = event;
-		if (!over || active.id === over.id) return;
-		const oldIndex = items.findIndex((item) => item._key === active.id);
-		const newIndex = items.findIndex((item) => item._key === over.id);
-		if (oldIndex === -1 || newIndex === -1) return;
-		emitChange(arrayMove(items, oldIndex, newIndex));
-	};
-	const toggleCollapse = (key) => {
-		setCollapsedItems((prev) => {
-			const next = new Set(prev);
-			if (next.has(key)) next.delete(key);
-			else next.add(key);
-			return next;
-		});
-	};
-	const canAdd = !maxItems || items.length < maxItems;
-	const canRemove = items.length > minItems;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-2",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ jsxs("label", {
-				htmlFor: id,
-				className: "text-sm font-medium",
-				children: [label, items.length > 0 && /* @__PURE__ */ jsx("span", {
-					className: "ms-2 text-kumo-subtle font-normal",
-					children: i18n._({
-						id: "JcH6Wc",
-						message: "{0, plural, one {(# item)} other {(# items)}}",
-						values: { 0: items.length }
-					})
-				})]
-			}), canAdd && /* @__PURE__ */ jsx(Button, {
-				variant: "outline",
-				size: "sm",
-				icon: /* @__PURE__ */ jsx(Plus, {}),
-				onClick: handleAdd,
-				children: _t({
-					id: "qgF8ew",
-					message: "Add Item"
-				})
-			})]
-		}), items.length === 0 ? /* @__PURE__ */ jsxs("div", {
-			className: "border-2 border-dashed rounded-lg p-6 text-center text-kumo-subtle",
-			children: [/* @__PURE__ */ jsx("p", {
-				className: "text-sm",
-				children: _t({
-					id: "bWmJ0A",
-					message: "No items yet"
-				})
-			}), canAdd && /* @__PURE__ */ jsx(Button, {
-				variant: "outline",
-				size: "sm",
-				className: "mt-2",
-				icon: /* @__PURE__ */ jsx(Plus, {}),
-				onClick: handleAdd,
-				children: _t({
-					id: "924qJl",
-					message: "Add First Item"
-				})
-			})]
-		}) : /* @__PURE__ */ jsx(DndContext, {
-			collisionDetection: closestCenter,
-			onDragEnd: handleDragEnd,
-			children: /* @__PURE__ */ jsx(SortableContext, {
-				items: items.map((item) => item._key),
-				strategy: verticalListSortingStrategy,
-				children: /* @__PURE__ */ jsx("div", {
-					className: "space-y-2",
-					children: items.map((item, index) => /* @__PURE__ */ jsx(SortableRepeaterItem, {
-						item,
-						index,
-						subFields,
-						isCollapsed: collapsedItems.has(item._key),
-						onToggleCollapse: () => toggleCollapse(item._key),
-						onRemove: canRemove ? () => handleRemove(item._key) : void 0,
-						onChange: (fieldSlug, fieldValue) => handleItemChange(item._key, fieldSlug, fieldValue)
-					}, item._key))
-				})
-			})
-		})]
+		if (open) {
+			setSelectedItem(null);
+			setActiveProvider("local");
+			setSearchQuery("");
+			setImageUrl("");
+			setUrlError(null);
+			setUploadError(null);
+			setProviderDimensions({});
+		}
+	}, [open]);
+	const { data: providers } = useQuery({
+		queryKey: ["media-providers"],
+		queryFn: fetchMediaProviders,
+		enabled: open,
+		placeholderData: []
 	});
-}
-function SortableRepeaterItem({ item, index, subFields, isCollapsed, onToggleCollapse, onRemove, onChange }) {
-	const { _: _t2 } = useLingui();
-	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id: item._key });
-	const style = {
-		transform: CSS.Transform.toString(transform),
-		transition
-	};
-	const summaryField = subFields.find((sf) => sf.type === "string" || sf.type === "text");
-	const summaryLabel = (summaryField ? item[summaryField.slug] || "" : "") || _t2({
-		id: "y/5CE8",
-		message: "Item {0}",
-		values: { 0: index + 1 }
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		ref: setNodeRef,
-		style,
-		className: cn("border rounded-lg bg-kumo-base", isDragging && "opacity-50 ring-2 ring-kumo-brand"),
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2 px-3 py-2 border-b cursor-pointer",
-			onClick: onToggleCollapse,
-			children: [
-				/* @__PURE__ */ jsx(DotsSixVertical, {
-					className: "h-4 w-4 text-kumo-subtle cursor-grab shrink-0",
-					...attributes,
-					...listeners,
-					onClick: (e) => e.stopPropagation()
-				}),
-				isCollapsed ? /* @__PURE__ */ jsx(CaretRight, { className: "h-4 w-4 text-kumo-subtle shrink-0" }) : /* @__PURE__ */ jsx(CaretDown, { className: "h-4 w-4 text-kumo-subtle shrink-0" }),
-				/* @__PURE__ */ jsx("span", {
-					className: "text-sm font-medium flex-1 truncate",
-					children: summaryLabel
-				}),
-				onRemove && /* @__PURE__ */ jsx(Button, {
-					variant: "ghost",
-					shape: "square",
-					onClick: (e) => {
-						e.stopPropagation();
-						onRemove();
-					},
-					"aria-label": _t2({
-						id: "mU3j1b",
-						message: "Remove item {0}",
-						values: { 0: index + 1 }
-					}),
-					children: /* @__PURE__ */ jsx(Trash, { className: "h-3.5 w-3.5 text-kumo-danger" })
-				})
-			]
-		}), !isCollapsed && /* @__PURE__ */ jsx("div", {
-			className: "p-3 space-y-3",
-			children: subFields.map((sf) => /* @__PURE__ */ jsx(SubFieldInput, {
-				subField: sf,
-				value: item[sf.slug],
-				onChange: (v) => onChange(sf.slug, v)
-			}, sf.slug))
-		})]
-	});
-}
-function SubFieldInput({ subField, value, onChange }) {
-	const { _: _t3 } = useLingui();
-	switch (subField.type) {
-		case "string": return /* @__PURE__ */ jsx(Input, {
-			label: subField.label,
-			value: typeof value === "string" ? value : "",
-			onChange: (e) => onChange(e.target.value),
-			required: subField.required,
-			dir: "auto"
-		});
-		case "text": return /* @__PURE__ */ jsx(InputArea, {
-			label: subField.label,
-			value: typeof value === "string" ? value : "",
-			onChange: (e) => onChange(e.target.value),
-			required: subField.required,
-			rows: 3,
-			dir: "auto"
-		});
-		case "number":
-		case "integer": return /* @__PURE__ */ jsx(Input, {
-			label: subField.label,
-			type: "number",
-			value: typeof value === "number" ? String(value) : "",
-			onChange: (e) => onChange(e.target.value ? Number(e.target.value) : null),
-			required: subField.required,
-			step: subField.type === "integer" ? "1" : "any"
-		});
-		case "boolean": return /* @__PURE__ */ jsxs("label", {
-			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ jsx("input", {
-				type: "checkbox",
-				checked: Boolean(value),
-				onChange: (e) => onChange(e.target.checked)
-			}), /* @__PURE__ */ jsx("span", {
-				className: "text-sm",
-				children: subField.label
-			})]
-		});
-		case "datetime": return /* @__PURE__ */ jsx(Input, {
-			label: subField.label,
-			type: "datetime-local",
-			value: typeof value === "string" ? value : "",
-			onChange: (e) => onChange(e.target.value),
-			required: subField.required
-		});
-		case "select": return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
-			className: "text-sm font-medium",
-			children: subField.label
-		}), /* @__PURE__ */ jsxs("select", {
-			className: "w-full mt-1 rounded-md border px-3 py-2 text-sm",
-			value: typeof value === "string" ? value : "",
-			onChange: (e) => onChange(e.target.value),
-			required: subField.required,
-			children: [/* @__PURE__ */ jsx("option", {
-				value: "",
-				children: _t3({
-					id: "O/7I0o",
-					message: "Select..."
-				})
-			}), subField.options?.map((opt) => /* @__PURE__ */ jsx("option", {
-				value: opt,
-				children: opt
-			}, opt))]
-		})] });
-		default: return /* @__PURE__ */ jsx(Input, {
-			label: subField.label,
-			value: typeof value === "string" ? value : "",
-			onChange: (e) => onChange(e.target.value)
-		});
-	}
-}
-
-//#endregion
-//#region src/lib/hooks.ts
-/**
-* Returns a stable function reference that always calls the latest version
-* of the provided callback. Useful for event listeners in effects where
-* you don't want the listener to be torn down and re-added when the
-* callback identity changes.
-*/
-function useStableCallback(callback) {
-	const ref = React.useRef(callback);
-	React.useLayoutEffect(() => {
-		ref.current = callback;
-	});
-	return React.useCallback((...args) => ref.current(...args), []);
-}
-/**
-* Returns a debounced version of a value that only updates after the
-* specified delay has elapsed since the last change. Useful for search
-* inputs that trigger API calls.
-*/
-function useDebouncedValue$1(value, delay) {
-	const [debouncedValue, setDebouncedValue] = React.useState(value);
-	React.useEffect(() => {
-		const timer = setTimeout(setDebouncedValue, delay, value);
-		return () => clearTimeout(timer);
-	}, [value, delay]);
-	return debouncedValue;
-}
-
-//#endregion
-//#region src/lib/media-utils.ts
-function providerItemToMediaItem(providerId, item) {
-	return {
-		id: item.id,
-		filename: item.filename,
-		mimeType: item.mimeType,
-		url: item.previewUrl || "",
-		size: item.size || 0,
-		width: item.width,
-		height: item.height,
-		alt: item.alt,
-		createdAt: (/* @__PURE__ */ new Date()).toISOString(),
-		provider: providerId,
-		meta: item.meta
-	};
-}
-function getFileIcon(mimeType) {
-	if (mimeType.startsWith("video/")) return "🎬";
-	if (mimeType.startsWith("audio/")) return "🎵";
-	if (mimeType.includes("pdf")) return "📄";
-	if (mimeType.includes("document") || mimeType.includes("word")) return "📝";
-	if (mimeType.includes("spreadsheet") || mimeType.includes("excel")) return "📊";
-	return "📁";
-}
-function formatFileSize(bytes) {
-	if (bytes === 0) return "0 B";
-	const k = 1024;
-	const sizes = [
-		"B",
-		"KB",
-		"MB",
-		"GB"
-	];
-	const i = Math.floor(Math.log(bytes) / Math.log(k));
-	return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + " " + sizes[i];
-}
-
-//#endregion
-//#region src/components/MediaPickerModal.tsx
-/**
-* Media Picker Modal
-*
-* A modal dialog for selecting media from the library or uploading new files.
-* Supports multiple media providers with tabbed navigation.
-* Used by the rich text editor and image field components.
-*/
-/**
-* Probe image URL to get dimensions
-*/
-function probeImageDimensions(url) {
-	return new Promise((resolve, reject) => {
-		const img = new window.Image();
-		img.onload = () => {
-			resolve({
-				width: img.naturalWidth,
-				height: img.naturalHeight
-			});
-		};
-		img.onerror = () => {
-			reject(/* @__PURE__ */ new Error("Failed to load image"));
-		};
-		img.src = url;
-	});
-}
-function MediaPickerModal({ open, onOpenChange, onSelect, mimeTypeFilter = "image/", title: providedTitle }) {
-	const { _: _t } = useLingui();
-	const title = providedTitle ?? _t({
-		id: "bAiEJP",
-		message: "Select Image"
-	});
-	const queryClient = useQueryClient();
-	const [selectedItem, setSelectedItem] = React.useState(null);
-	const [activeProvider, setActiveProvider] = React.useState("local");
-	const [searchQuery, setSearchQuery] = React.useState("");
-	const fileInputRef = React.useRef(null);
-	const [imageUrl, setImageUrl] = React.useState("");
-	const [isProbing, setIsProbing] = React.useState(false);
-	const [urlError, setUrlError] = React.useState(null);
-	const [providerDimensions, setProviderDimensions] = React.useState({});
-	React.useEffect(() => {
-		if (open) {
-			setSelectedItem(null);
-			setActiveProvider("local");
-			setSearchQuery("");
-			setImageUrl("");
-			setUrlError(null);
-			setUploadError(null);
-			setProviderDimensions({});
-		}
-	}, [open]);
-	const { data: providers } = useQuery({
-		queryKey: ["media-providers"],
-		queryFn: fetchMediaProviders,
-		enabled: open,
-		placeholderData: []
-	});
-	const activeProviderInfo = React.useMemo(() => {
-		if (activeProvider === "local") return {
-			id: "local",
-			name: "Library",
-			icon: void 0,
-			capabilities: {
-				browse: true,
-				search: false,
-				upload: true,
-				delete: true
-			}
-		};
-		return providers?.find((p) => p.id === activeProvider);
-	}, [activeProvider, providers]);
-	const { data: localData, isLoading: localLoading } = useQuery({
-		queryKey: ["media", mimeTypeFilter],
-		queryFn: () => fetchMediaList({
-			mimeType: mimeTypeFilter,
-			limit: 50
-		}),
-		enabled: open && activeProvider === "local"
+	const activeProviderInfo = React.useMemo(() => {
+		if (activeProvider === "local") return {
+			id: "local",
+			name: "Library",
+			icon: void 0,
+			capabilities: {
+				browse: true,
+				search: false,
+				upload: true,
+				delete: true
+			}
+		};
+		return providers?.find((p) => p.id === activeProvider);
+	}, [activeProvider, providers]);
+	const { data: localData, isLoading: localLoading } = useQuery({
+		queryKey: ["media", mimeTypeFilter],
+		queryFn: () => fetchMediaList({
+			mimeType: mimeTypeFilter,
+			limit: 50
+		}),
+		enabled: open && activeProvider === "local"
 	});
 	const { data: providerData, isLoading: providerLoading } = useQuery({
 		queryKey: [
@@ -3813,180 +3335,846 @@ function MediaPickerModal({ open, onOpenChange, onSelect, mimeTypeFilter = "imag
 							}
 						}, item.id))
 					})
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 border-t pt-4",
-					children: [
-						/* @__PURE__ */ jsx("div", {
-							className: "flex-1 text-sm text-kumo-subtle",
-							children: selectedItem && /* @__PURE__ */ jsxs("span", { children: [
-								_t({
-									id: "SVRHAR",
-									message: "Selected:"
-								}),
-								" ",
-								/* @__PURE__ */ jsx("strong", { children: selectedItem.item.filename }),
-								selectedItem.providerId !== "local" && /* @__PURE__ */ jsx("span", {
-									className: "ms-2 text-xs",
-									children: _t({
-										id: "qjriNt",
-										message: "(from {0})",
-										values: { 0: providers?.find((p) => p.id === selectedItem.providerId)?.name }
-									})
-								})
-							] })
-						}),
-						/* @__PURE__ */ jsx(Button, {
-							variant: "outline",
-							onClick: handleClose,
-							children: _t({
-								id: "dEgA5A",
-								message: "Cancel"
-							})
-						}),
-						/* @__PURE__ */ jsx(Button, {
-							onClick: handleConfirm,
-							disabled: !selectedItem,
-							children: _t({
-								id: "S8Yqbl",
-								message: "Insert"
-							})
-						})
-					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 border-t pt-4",
+					children: [
+						/* @__PURE__ */ jsx("div", {
+							className: "flex-1 text-sm text-kumo-subtle",
+							children: selectedItem && /* @__PURE__ */ jsxs("span", { children: [
+								_t({
+									id: "SVRHAR",
+									message: "Selected:"
+								}),
+								" ",
+								/* @__PURE__ */ jsx("strong", { children: selectedItem.item.filename }),
+								selectedItem.providerId !== "local" && /* @__PURE__ */ jsx("span", {
+									className: "ms-2 text-xs",
+									children: _t({
+										id: "qjriNt",
+										message: "(from {0})",
+										values: { 0: providers?.find((p) => p.id === selectedItem.providerId)?.name }
+									})
+								})
+							] })
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							variant: "outline",
+							onClick: handleClose,
+							children: _t({
+								id: "dEgA5A",
+								message: "Cancel"
+							})
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							onClick: handleConfirm,
+							disabled: !selectedItem,
+							children: _t({
+								id: "S8Yqbl",
+								message: "Insert"
+							})
+						})
+					]
+				})
+			]
+		})
+	});
+}
+function MediaPickerItem({ item, selected, onClick, onDoubleClick, onDimensionsDetected }) {
+	const { _: _t2 } = useLingui();
+	const isImage = item.mimeType.startsWith("image/");
+	const needsDimensions = isImage && (!item.width || !item.height);
+	const handleImageLoad = React.useCallback((e) => {
+		if (needsDimensions && onDimensionsDetected) {
+			const img = e.currentTarget;
+			if (img.naturalWidth && img.naturalHeight) onDimensionsDetected(item.id, img.naturalWidth, img.naturalHeight);
+		}
+	}, [
+		needsDimensions,
+		onDimensionsDetected,
+		item.id
+	]);
+	return /* @__PURE__ */ jsx("li", {
+		role: "option",
+		"aria-selected": selected,
+		children: /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			className: cn("relative aspect-square w-full rounded-lg border-2 overflow-hidden transition-all", "hover:border-kumo-brand/50 focus:outline-none focus:ring-2 focus:ring-kumo-ring", selected ? "border-kumo-brand ring-2 ring-kumo-brand/20" : "border-transparent"),
+			onClick,
+			onDoubleClick,
+			"aria-label": _t2({
+				id: "qSiUsc",
+				message: "{0}{1}",
+				values: {
+					0: item.filename,
+					1: selected ? _t2({
+						id: "QbxreS",
+						message: " (selected)"
+					}) : ""
+				}
+			}),
+			children: [
+				isImage ? /* @__PURE__ */ jsx("img", {
+					src: item.url,
+					alt: "",
+					className: "h-full w-full object-cover",
+					onLoad: handleImageLoad
+				}) : /* @__PURE__ */ jsx("div", {
+					className: "flex h-full w-full items-center justify-center bg-kumo-tint",
+					children: /* @__PURE__ */ jsx("span", {
+						className: "text-3xl",
+						"aria-hidden": "true",
+						children: getFileIcon(item.mimeType)
+					})
+				}),
+				selected && /* @__PURE__ */ jsx("div", {
+					className: "absolute inset-0 bg-kumo-brand/20 flex items-center justify-center",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ jsx("div", {
+						className: "bg-kumo-brand text-white rounded-full p-1",
+						children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" })
+					})
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "absolute bottom-0 start-0 end-0 bg-gradient-to-t from-black/60 to-transparent p-2",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ jsx("p", {
+						className: "text-xs text-white truncate",
+						children: item.filename
+					})
+				})
+			]
+		})
+	});
+}
+function ProviderMediaItem({ item, selected, onClick, onDoubleClick, onDimensionsLoaded }) {
+	const { _: _t3 } = useLingui();
+	const isImage = item.mimeType.startsWith("image/");
+	const needsDimensions = isImage && (!item.width || !item.height);
+	const handleImageLoad = React.useCallback((e) => {
+		if (needsDimensions && onDimensionsLoaded) {
+			const img = e.currentTarget;
+			if (img.naturalWidth && img.naturalHeight) onDimensionsLoaded(img.naturalWidth, img.naturalHeight);
+		}
+	}, [needsDimensions, onDimensionsLoaded]);
+	return /* @__PURE__ */ jsx("li", {
+		role: "option",
+		"aria-selected": selected,
+		children: /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			className: cn("relative aspect-square w-full rounded-lg border-2 overflow-hidden transition-all", "hover:border-kumo-brand/50 focus:outline-none focus:ring-2 focus:ring-kumo-ring", selected ? "border-kumo-brand ring-2 ring-kumo-brand/20" : "border-transparent"),
+			onClick,
+			onDoubleClick,
+			"aria-label": _t3({
+				id: "qSiUsc",
+				message: "{0}{1}",
+				values: {
+					0: item.filename,
+					1: selected ? _t3({
+						id: "QbxreS",
+						message: " (selected)"
+					}) : ""
+				}
+			}),
+			children: [
+				isImage && item.previewUrl ? /* @__PURE__ */ jsx("img", {
+					src: item.previewUrl,
+					alt: "",
+					className: "h-full w-full object-cover",
+					onLoad: handleImageLoad
+				}) : /* @__PURE__ */ jsx("div", {
+					className: "flex h-full w-full items-center justify-center bg-kumo-tint",
+					children: /* @__PURE__ */ jsx("span", {
+						className: "text-3xl",
+						"aria-hidden": "true",
+						children: getFileIcon(item.mimeType)
+					})
+				}),
+				selected && /* @__PURE__ */ jsx("div", {
+					className: "absolute inset-0 bg-kumo-brand/20 flex items-center justify-center",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ jsx("div", {
+						className: "bg-kumo-brand text-white rounded-full p-1",
+						children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" })
+					})
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "absolute bottom-0 start-0 end-0 bg-gradient-to-t from-black/60 to-transparent p-2",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ jsx("p", {
+						className: "text-xs text-white truncate",
+						children: item.filename
+					})
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+//#region src/components/BlockKitMediaPickerField.tsx
+/**
+* Shared media_picker BlockKit element renderer used by `BlockKitFieldWidget`
+* (sandboxed plugin field widgets) and the `BlockKitField` switch inside
+* `PortableTextEditor` (plugin block forms).
+*
+* The stored value is the asset URL string, so values are interchangeable
+* with `text_input`. Existing arbitrary URLs are tolerated but only previewed
+* when they pass scheme/path safety checks.
+*/
+function BlockKitMediaPickerField({ actionId, label, placeholder, mimeTypeFilter, value, onChange }) {
+	const { _: _t } = useLingui();
+	const [pickerOpen, setPickerOpen] = React.useState(false);
+	const url = typeof value === "string" && value.length > 0 ? value : "";
+	const filter = mimeTypeFilter ?? "image/";
+	const canPreview = isSafePreviewUrl(url);
+	const handleSelect = (item) => {
+		const isLocalMedia = item.provider === "local" || !!item.storageKey;
+		const localKey = item.storageKey || item.id;
+		const nextUrl = isLocalMedia && localKey ? `/_emdash/api/media/file/${localKey}` : item.url;
+		if (!nextUrl) return;
+		onChange(actionId, nextUrl);
+	};
+	return /* @__PURE__ */ jsxs("div", { children: [
+		/* @__PURE__ */ jsx("label", {
+			className: "text-sm font-medium mb-1.5 block",
+			children: label
+		}),
+		canPreview ? /* @__PURE__ */ jsxs("div", {
+			className: "relative group",
+			children: [/* @__PURE__ */ jsx("img", {
+				src: url,
+				alt: "",
+				className: "max-h-40 w-full rounded-md border border-kumo-line object-contain bg-kumo-muted",
+				referrerPolicy: "no-referrer",
+				loading: "lazy"
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "absolute top-2 end-2 opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto group-focus-within:opacity-100 group-focus-within:pointer-events-auto transition-opacity flex gap-1",
+				children: [/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "sm",
+					variant: "secondary",
+					onClick: () => setPickerOpen(true),
+					children: _t({
+						id: "o+XJ9D",
+						message: "Change"
+					})
+				}), /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					shape: "square",
+					variant: "destructive",
+					className: "h-8 w-8",
+					onClick: () => onChange(actionId, ""),
+					"aria-label": _t({
+						id: "t/YqKh",
+						message: "Remove"
+					}),
+					children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+				})]
+			})]
+		}) : /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			variant: "outline",
+			className: "w-full h-24 border-dashed",
+			onClick: () => setPickerOpen(true),
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col items-center gap-1.5 text-kumo-subtle",
+				children: [/* @__PURE__ */ jsx(Image$1, { className: "h-6 w-6" }), /* @__PURE__ */ jsx("span", {
+					className: "text-sm",
+					children: placeholder ?? _t({
+						id: "1Tq98c",
+						message: "Select media"
+					})
+				})]
+			})
+		}),
+		/* @__PURE__ */ jsx(MediaPickerModal, {
+			open: pickerOpen,
+			onOpenChange: setPickerOpen,
+			onSelect: handleSelect,
+			mimeTypeFilter: filter,
+			title: _t({
+				id: "pov/PW",
+				message: "Select {label}",
+				values: { label }
+			})
+		})
+	] });
+}
+const HAS_SCHEME_RE = /^[a-z][a-z0-9+.-]*:/i;
+/**
+* Returns true when `url` is safe to preview via `<img src={url}>`:
+* - Same-origin relative path starting with `/` (but not `//`)
+* - External `http://` or `https://` URL
+*
+* Rejects `javascript:`, `data:`, protocol-relative `//host`, and other
+* schemes whose preview could leak credentials or trigger surprises.
+*/
+function isSafePreviewUrl(url) {
+	if (!url) return false;
+	if (HAS_SCHEME_RE.test(url)) return isSafeUrl$1(url);
+	return url.startsWith("/") && !url.startsWith("//");
+}
+
+//#endregion
+//#region src/components/BlockKitFieldWidget.tsx
+/**
+* Renders Block Kit elements as a field widget for sandboxed plugins.
+* Decomposes a JSON value into per-element values keyed by action_id,
+* and recomposes on change.
+*/
+function BlockKitFieldWidget({ label, elements, value, onChange }) {
+	const obj = value && typeof value === "object" ? value : {};
+	const objRef = React.useRef(obj);
+	objRef.current = obj;
+	const handleElementChange = React.useCallback((actionId, elementValue) => {
+		onChange({
+			...objRef.current,
+			[actionId]: elementValue
+		});
+	}, [onChange]);
+	const validElements = elements.filter((el) => el.action_id);
+	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", {
+		className: "text-sm font-medium leading-none",
+		children: label
+	}), /* @__PURE__ */ jsx("div", {
+		className: "mt-2 space-y-3",
+		children: validElements.map((el) => /* @__PURE__ */ jsx(BlockKitFieldElement, {
+			element: el,
+			value: obj[el.action_id],
+			onChange: handleElementChange
+		}, el.action_id))
+	})] });
+}
+function BlockKitFieldElement({ element, value, onChange }) {
+	switch (element.type) {
+		case "text_input": return /* @__PURE__ */ jsx(Input, {
+			label: element.label,
+			placeholder: element.placeholder,
+			value: typeof value === "string" ? value : "",
+			onChange: (e) => onChange(element.action_id, e.target.value)
+		});
+		case "number_input": return /* @__PURE__ */ jsx(Input, {
+			label: element.label,
+			type: "number",
+			value: typeof value === "number" ? String(value) : "",
+			onChange: (e) => {
+				const n = Number(e.target.value);
+				onChange(element.action_id, e.target.value && Number.isFinite(n) ? n : void 0);
+			}
+		});
+		case "toggle": return /* @__PURE__ */ jsx(Switch, {
+			label: element.label,
+			checked: !!value,
+			onCheckedChange: (checked) => onChange(element.action_id, checked)
+		});
+		case "select": {
+			const options = Array.isArray(element.options) ? element.options : [];
+			return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+				className: "text-sm font-medium mb-1.5 block",
+				children: element.label
+			}), /* @__PURE__ */ jsxs("select", {
+				className: "flex w-full rounded-md border border-kumo-line bg-transparent px-3 py-2 text-sm",
+				value: typeof value === "string" ? value : "",
+				onChange: (e) => onChange(element.action_id, e.target.value),
+				children: [/* @__PURE__ */ jsx("option", {
+					value: "",
+					children: "Select..."
+				}), options.map((opt) => /* @__PURE__ */ jsx("option", {
+					value: opt.value,
+					children: opt.label
+				}, opt.value))]
+			})] });
+		}
+		case "media_picker": return /* @__PURE__ */ jsx(BlockKitMediaPickerField, {
+			actionId: element.action_id,
+			label: element.label,
+			placeholder: element.placeholder,
+			mimeTypeFilter: element.mime_type_filter,
+			value,
+			onChange
+		});
+		default: return /* @__PURE__ */ jsxs("div", {
+			className: "text-sm text-kumo-subtle",
+			children: ["Unsupported widget element type: ", element.type]
+		});
+	}
+}
+
+//#endregion
+//#region src/components/editor/DocumentOutline.tsx
+/**
+* Document Outline
+*
+* Displays a tree structure of headings from the TipTap editor.
+* - Shows H1 at root, H2 indented, H3 further indented
+* - Click-to-navigate to heading position
+* - Highlights the current section based on cursor position
+*/
+function getIndentClass(level) {
+	switch (level) {
+		case 1: return "ps-0";
+		case 2: return "ps-4";
+		case 3: return "ps-8";
+		default: return "ps-0";
+	}
+}
+function getTextClass(level) {
+	switch (level) {
+		case 1: return "font-medium";
+		case 2: return "font-normal";
+		case 3: return "font-normal text-kumo-subtle";
+		default: return "font-normal";
+	}
+}
+/**
+* Extract headings from the TipTap editor document
+*/
+function extractHeadings(editor) {
+	if (!editor) return [];
+	const headings = [];
+	const doc = editor.state.doc;
+	let key = 0;
+	doc.descendants((node, pos) => {
+		if (node.type.name === "heading") {
+			const rawLevel = node.attrs.level;
+			const level = typeof rawLevel === "number" ? rawLevel : 1;
+			const text = node.textContent || "";
+			if (text.trim()) headings.push({
+				level,
+				text,
+				pos,
+				key: `heading-${key++}`
+			});
+		}
+	});
+	return headings;
+}
+/**
+* Find the current heading based on cursor position
+*/
+function findCurrentHeading(headings, cursorPos) {
+	if (headings.length === 0) return null;
+	let current = null;
+	for (const heading of headings) if (heading.pos <= cursorPos) current = heading;
+	else break;
+	return current;
+}
+/**
+* Document outline component showing heading tree structure
+*/
+function DocumentOutline({ editor, className }) {
+	const { _: _t } = useLingui();
+	const [isExpanded, setIsExpanded] = React.useState(true);
+	const [headings, setHeadings] = React.useState([]);
+	const [currentPos, setCurrentPos] = React.useState(0);
+	React.useEffect(() => {
+		if (!editor) return;
+		const updateHeadings = () => {
+			setHeadings(extractHeadings(editor));
+		};
+		updateHeadings();
+		editor.on("update", updateHeadings);
+		return () => {
+			editor.off("update", updateHeadings);
+		};
+	}, [editor]);
+	React.useEffect(() => {
+		if (!editor) return;
+		const updatePosition = () => {
+			const { from } = editor.state.selection;
+			setCurrentPos(from);
+		};
+		updatePosition();
+		editor.on("selectionUpdate", updatePosition);
+		return () => {
+			editor.off("selectionUpdate", updatePosition);
+		};
+	}, [editor]);
+	const currentHeading = findCurrentHeading(headings, currentPos);
+	const handleHeadingClick = (heading) => {
+		if (!editor) return;
+		editor.chain().focus().setTextSelection(heading.pos).scrollIntoView().run();
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("space-y-2", className),
+		children: [/* @__PURE__ */ jsxs(Button, {
+			variant: "ghost",
+			size: "sm",
+			className: "w-full justify-between px-2 h-8",
+			onClick: () => setIsExpanded(!isExpanded),
+			children: [/* @__PURE__ */ jsxs("span", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsx(List, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+					className: "font-semibold",
+					children: _t({
+						id: "dD7NPy",
+						message: "Outline"
+					})
+				})]
+			}), isExpanded ? /* @__PURE__ */ jsx(CaretDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(CaretNext, { className: "h-4 w-4" })]
+		}), isExpanded && /* @__PURE__ */ jsx("div", {
+			className: "space-y-0.5",
+			children: headings.length === 0 ? /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-kumo-subtle px-2 py-1",
+				children: _t({
+					id: "MMd//L",
+					message: "No headings in document"
+				})
+			}) : headings.map((heading) => {
+				const isCurrent = currentHeading?.key === heading.key;
+				return /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: () => handleHeadingClick(heading),
+					className: cn("w-full text-start px-2 py-1 text-sm rounded transition-colors", "hover:bg-kumo-tint/50 cursor-pointer", "truncate", getIndentClass(heading.level), getTextClass(heading.level), isCurrent && "bg-kumo-tint text-kumo-default"),
+					title: heading.text,
+					children: heading.text
+				}, heading.key);
+			})
+		})]
+	});
+}
+
+//#endregion
+//#region src/components/PluginFieldErrorBoundary.tsx
+/**
+* Error boundary that wraps trusted plugin field widgets.
+* On render error, shows a warning with a retry button instead of crashing the editor.
+*/
+var PluginFieldErrorBoundary = class extends React.Component {
+	constructor(props) {
+		super(props);
+		this.state = { hasError: false };
+	}
+	static getDerivedStateFromError(error) {
+		return {
+			hasError: true,
+			error
+		};
+	}
+	render() {
+		if (this.state.hasError) return /* @__PURE__ */ jsxs("div", {
+			className: "rounded-md border border-kumo-danger/50 bg-kumo-danger/5 p-3",
+			children: [
+				/* @__PURE__ */ jsx("p", {
+					className: "text-sm font-medium text-kumo-danger",
+					children: "Plugin widget error"
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "mt-1 text-xs text-kumo-subtle",
+					children: this.state.error?.message || "The plugin field widget failed to render."
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "mt-2 text-xs font-medium text-kumo-brand underline",
+					onClick: () => this.setState({
+						hasError: false,
+						error: void 0
+					}),
+					children: "Retry"
+				})
+			]
+		});
+		return this.props.children;
+	}
+};
+
+//#endregion
+//#region src/components/RepeaterField.tsx
+/**
+* RepeaterField — renders a list of repeating sub-field groups in the content editor.
+*
+* Each item is a collapsible card containing the defined sub-fields.
+* Items can be added, removed, and reordered via drag-and-drop.
+*/
+function ensureKeys$1(items) {
+	return items.map((item, i) => {
+		const obj = typeof item === "object" && item !== null ? item : {};
+		return {
+			...obj,
+			_key: obj._key || `item-${i}-${Date.now()}`
+		};
+	});
+}
+function stripKeys$1(items) {
+	return items.map(({ _key, ...rest }) => rest);
+}
+function RepeaterField({ label, id, value, onChange, subFields, minItems = 0, maxItems }) {
+	const { _: _t } = useLingui();
+	const rawItems = Array.isArray(value) ? value : [];
+	const [items, setItems] = React.useState(() => ensureKeys$1(rawItems));
+	const [collapsedItems, setCollapsedItems] = React.useState(/* @__PURE__ */ new Set());
+	React.useEffect(() => {
+		const incoming = Array.isArray(value) ? value : [];
+		setItems((prev) => incoming.map((item, i) => {
+			const obj = typeof item === "object" && item !== null ? item : {};
+			const existingKey = obj._key || prev[i]?._key;
+			return {
+				...obj,
+				_key: existingKey || `item-${i}-${Date.now()}`
+			};
+		}));
+	}, [value]);
+	const emitChange = (updated) => {
+		setItems(updated);
+		onChange(stripKeys$1(updated));
+	};
+	const handleAdd = () => {
+		if (maxItems && items.length >= maxItems) return;
+		const newItem = { _key: `item-${Date.now()}` };
+		for (const sf of subFields) newItem[sf.slug] = sf.type === "boolean" ? false : sf.type === "number" || sf.type === "integer" ? null : "";
+		emitChange([...items, newItem]);
+	};
+	const handleRemove = (key) => {
+		if (items.length <= minItems) return;
+		emitChange(items.filter((item) => item._key !== key));
+	};
+	const handleItemChange = (key, fieldSlug, fieldValue) => {
+		emitChange(items.map((item) => item._key === key ? {
+			...item,
+			[fieldSlug]: fieldValue
+		} : item));
+	};
+	const handleDragEnd = (event) => {
+		const { active, over } = event;
+		if (!over || active.id === over.id) return;
+		const oldIndex = items.findIndex((item) => item._key === active.id);
+		const newIndex = items.findIndex((item) => item._key === over.id);
+		if (oldIndex === -1 || newIndex === -1) return;
+		emitChange(arrayMove(items, oldIndex, newIndex));
+	};
+	const toggleCollapse = (key) => {
+		setCollapsedItems((prev) => {
+			const next = new Set(prev);
+			if (next.has(key)) next.delete(key);
+			else next.add(key);
+			return next;
+		});
+	};
+	const canAdd = !maxItems || items.length < maxItems;
+	const canRemove = items.length > minItems;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ jsxs("label", {
+				htmlFor: id,
+				className: "text-sm font-medium",
+				children: [label, items.length > 0 && /* @__PURE__ */ jsx("span", {
+					className: "ms-2 text-kumo-subtle font-normal",
+					children: i18n._({
+						id: "JcH6Wc",
+						message: "{0, plural, one {(# item)} other {(# items)}}",
+						values: { 0: items.length }
+					})
+				})]
+			}), canAdd && /* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				size: "sm",
+				icon: /* @__PURE__ */ jsx(Plus, {}),
+				onClick: handleAdd,
+				children: _t({
+					id: "qgF8ew",
+					message: "Add Item"
 				})
-			]
-		})
+			})]
+		}), items.length === 0 ? /* @__PURE__ */ jsxs("div", {
+			className: "border-2 border-dashed rounded-lg p-6 text-center text-kumo-subtle",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "text-sm",
+				children: _t({
+					id: "bWmJ0A",
+					message: "No items yet"
+				})
+			}), canAdd && /* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				size: "sm",
+				className: "mt-2",
+				icon: /* @__PURE__ */ jsx(Plus, {}),
+				onClick: handleAdd,
+				children: _t({
+					id: "924qJl",
+					message: "Add First Item"
+				})
+			})]
+		}) : /* @__PURE__ */ jsx(DndContext, {
+			collisionDetection: closestCenter,
+			onDragEnd: handleDragEnd,
+			children: /* @__PURE__ */ jsx(SortableContext, {
+				items: items.map((item) => item._key),
+				strategy: verticalListSortingStrategy,
+				children: /* @__PURE__ */ jsx("div", {
+					className: "space-y-2",
+					children: items.map((item, index) => /* @__PURE__ */ jsx(SortableRepeaterItem, {
+						item,
+						index,
+						subFields,
+						isCollapsed: collapsedItems.has(item._key),
+						onToggleCollapse: () => toggleCollapse(item._key),
+						onRemove: canRemove ? () => handleRemove(item._key) : void 0,
+						onChange: (fieldSlug, fieldValue) => handleItemChange(item._key, fieldSlug, fieldValue)
+					}, item._key))
+				})
+			})
+		})]
 	});
 }
-function MediaPickerItem({ item, selected, onClick, onDoubleClick, onDimensionsDetected }) {
+function SortableRepeaterItem({ item, index, subFields, isCollapsed, onToggleCollapse, onRemove, onChange }) {
 	const { _: _t2 } = useLingui();
-	const isImage = item.mimeType.startsWith("image/");
-	const needsDimensions = isImage && (!item.width || !item.height);
-	const handleImageLoad = React.useCallback((e) => {
-		if (needsDimensions && onDimensionsDetected) {
-			const img = e.currentTarget;
-			if (img.naturalWidth && img.naturalHeight) onDimensionsDetected(item.id, img.naturalWidth, img.naturalHeight);
-		}
-	}, [
-		needsDimensions,
-		onDimensionsDetected,
-		item.id
-	]);
-	return /* @__PURE__ */ jsx("li", {
-		role: "option",
-		"aria-selected": selected,
-		children: /* @__PURE__ */ jsxs("button", {
-			type: "button",
-			className: cn("relative aspect-square w-full rounded-lg border-2 overflow-hidden transition-all", "hover:border-kumo-brand/50 focus:outline-none focus:ring-2 focus:ring-kumo-ring", selected ? "border-kumo-brand ring-2 ring-kumo-brand/20" : "border-transparent"),
-			onClick,
-			onDoubleClick,
-			"aria-label": _t2({
-				id: "qSiUsc",
-				message: "{0}{1}",
-				values: {
-					0: item.filename,
-					1: selected ? _t2({
-						id: "QbxreS",
-						message: " (selected)"
-					}) : ""
-				}
-			}),
+	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id: item._key });
+	const style = {
+		transform: CSS.Transform.toString(transform),
+		transition
+	};
+	const summaryField = subFields.find((sf) => sf.type === "string" || sf.type === "text");
+	const summaryLabel = (summaryField ? item[summaryField.slug] || "" : "") || _t2({
+		id: "y/5CE8",
+		message: "Item {0}",
+		values: { 0: index + 1 }
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		ref: setNodeRef,
+		style,
+		className: cn("border rounded-lg bg-kumo-base", isDragging && "opacity-50 ring-2 ring-kumo-brand"),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 px-3 py-2 border-b cursor-pointer",
+			onClick: onToggleCollapse,
 			children: [
-				isImage ? /* @__PURE__ */ jsx("img", {
-					src: item.url,
-					alt: "",
-					className: "h-full w-full object-cover",
-					onLoad: handleImageLoad
-				}) : /* @__PURE__ */ jsx("div", {
-					className: "flex h-full w-full items-center justify-center bg-kumo-tint",
-					children: /* @__PURE__ */ jsx("span", {
-						className: "text-3xl",
-						"aria-hidden": "true",
-						children: getFileIcon(item.mimeType)
-					})
+				/* @__PURE__ */ jsx(DotsSixVertical, {
+					className: "h-4 w-4 text-kumo-subtle cursor-grab shrink-0",
+					...attributes,
+					...listeners,
+					onClick: (e) => e.stopPropagation()
 				}),
-				selected && /* @__PURE__ */ jsx("div", {
-					className: "absolute inset-0 bg-kumo-brand/20 flex items-center justify-center",
-					"aria-hidden": "true",
-					children: /* @__PURE__ */ jsx("div", {
-						className: "bg-kumo-brand text-white rounded-full p-1",
-						children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" })
-					})
+				isCollapsed ? /* @__PURE__ */ jsx(CaretNext, { className: "h-4 w-4 text-kumo-subtle shrink-0" }) : /* @__PURE__ */ jsx(CaretDown, { className: "h-4 w-4 text-kumo-subtle shrink-0" }),
+				/* @__PURE__ */ jsx("span", {
+					className: "text-sm font-medium flex-1 truncate",
+					children: summaryLabel
 				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "absolute bottom-0 start-0 end-0 bg-gradient-to-t from-black/60 to-transparent p-2",
-					"aria-hidden": "true",
-					children: /* @__PURE__ */ jsx("p", {
-						className: "text-xs text-white truncate",
-						children: item.filename
-					})
+				onRemove && /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					shape: "square",
+					onClick: (e) => {
+						e.stopPropagation();
+						onRemove();
+					},
+					"aria-label": _t2({
+						id: "mU3j1b",
+						message: "Remove item {0}",
+						values: { 0: index + 1 }
+					}),
+					children: /* @__PURE__ */ jsx(Trash, { className: "h-3.5 w-3.5 text-kumo-danger" })
 				})
 			]
-		})
+		}), !isCollapsed && /* @__PURE__ */ jsx("div", {
+			className: "p-3 space-y-3",
+			children: subFields.map((sf) => /* @__PURE__ */ jsx(SubFieldInput, {
+				subField: sf,
+				value: item[sf.slug],
+				onChange: (v) => onChange(sf.slug, v)
+			}, sf.slug))
+		})]
 	});
 }
-function ProviderMediaItem({ item, selected, onClick, onDoubleClick, onDimensionsLoaded }) {
+function SubFieldInput({ subField, value, onChange }) {
 	const { _: _t3 } = useLingui();
-	const isImage = item.mimeType.startsWith("image/");
-	const needsDimensions = isImage && (!item.width || !item.height);
-	const handleImageLoad = React.useCallback((e) => {
-		if (needsDimensions && onDimensionsLoaded) {
-			const img = e.currentTarget;
-			if (img.naturalWidth && img.naturalHeight) onDimensionsLoaded(img.naturalWidth, img.naturalHeight);
-		}
-	}, [needsDimensions, onDimensionsLoaded]);
-	return /* @__PURE__ */ jsx("li", {
-		role: "option",
-		"aria-selected": selected,
-		children: /* @__PURE__ */ jsxs("button", {
-			type: "button",
-			className: cn("relative aspect-square w-full rounded-lg border-2 overflow-hidden transition-all", "hover:border-kumo-brand/50 focus:outline-none focus:ring-2 focus:ring-kumo-ring", selected ? "border-kumo-brand ring-2 ring-kumo-brand/20" : "border-transparent"),
-			onClick,
-			onDoubleClick,
-			"aria-label": _t3({
-				id: "qSiUsc",
-				message: "{0}{1}",
-				values: {
-					0: item.filename,
-					1: selected ? _t3({
-						id: "QbxreS",
-						message: " (selected)"
-					}) : ""
-				}
-			}),
-			children: [
-				isImage && item.previewUrl ? /* @__PURE__ */ jsx("img", {
-					src: item.previewUrl,
-					alt: "",
-					className: "h-full w-full object-cover",
-					onLoad: handleImageLoad
-				}) : /* @__PURE__ */ jsx("div", {
-					className: "flex h-full w-full items-center justify-center bg-kumo-tint",
-					children: /* @__PURE__ */ jsx("span", {
-						className: "text-3xl",
-						"aria-hidden": "true",
-						children: getFileIcon(item.mimeType)
-					})
-				}),
-				selected && /* @__PURE__ */ jsx("div", {
-					className: "absolute inset-0 bg-kumo-brand/20 flex items-center justify-center",
-					"aria-hidden": "true",
-					children: /* @__PURE__ */ jsx("div", {
-						className: "bg-kumo-brand text-white rounded-full p-1",
-						children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" })
-					})
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "absolute bottom-0 start-0 end-0 bg-gradient-to-t from-black/60 to-transparent p-2",
-					"aria-hidden": "true",
-					children: /* @__PURE__ */ jsx("p", {
-						className: "text-xs text-white truncate",
-						children: item.filename
-					})
+	switch (subField.type) {
+		case "string": return /* @__PURE__ */ jsx(Input, {
+			label: subField.label,
+			value: typeof value === "string" ? value : "",
+			onChange: (e) => onChange(e.target.value),
+			required: subField.required,
+			dir: "auto"
+		});
+		case "text": return /* @__PURE__ */ jsx(InputArea, {
+			label: subField.label,
+			value: typeof value === "string" ? value : "",
+			onChange: (e) => onChange(e.target.value),
+			required: subField.required,
+			rows: 3,
+			dir: "auto"
+		});
+		case "number":
+		case "integer": return /* @__PURE__ */ jsx(Input, {
+			label: subField.label,
+			type: "number",
+			value: typeof value === "number" ? String(value) : "",
+			onChange: (e) => onChange(e.target.value ? Number(e.target.value) : null),
+			required: subField.required,
+			step: subField.type === "integer" ? "1" : "any"
+		});
+		case "boolean": return /* @__PURE__ */ jsxs("label", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ jsx("input", {
+				type: "checkbox",
+				checked: Boolean(value),
+				onChange: (e) => onChange(e.target.checked)
+			}), /* @__PURE__ */ jsx("span", {
+				className: "text-sm",
+				children: subField.label
+			})]
+		});
+		case "datetime": return /* @__PURE__ */ jsx(Input, {
+			label: subField.label,
+			type: "datetime-local",
+			value: toDatetimeLocalInputValue(value),
+			onChange: (e) => onChange(fromDatetimeLocalInputValue(e.target.value)),
+			required: subField.required
+		});
+		case "select": return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+			className: "text-sm font-medium",
+			children: subField.label
+		}), /* @__PURE__ */ jsxs("select", {
+			className: "w-full mt-1 rounded-md border px-3 py-2 text-sm",
+			value: typeof value === "string" ? value : "",
+			onChange: (e) => onChange(e.target.value),
+			required: subField.required,
+			children: [/* @__PURE__ */ jsx("option", {
+				value: "",
+				children: _t3({
+					id: "O/7I0o",
+					message: "Select..."
 				})
-			]
-		})
+			}), subField.options?.map((opt) => /* @__PURE__ */ jsx("option", {
+				value: opt,
+				children: opt
+			}, opt))]
+		})] });
+		default: return /* @__PURE__ */ jsx(Input, {
+			label: subField.label,
+			value: typeof value === "string" ? value : "",
+			onChange: (e) => onChange(e.target.value)
+		});
+	}
+}
+
+//#endregion
+//#region src/lib/hooks.ts
+/**
+* Returns a stable function reference that always calls the latest version
+* of the provided callback. Useful for event listeners in effects where
+* you don't want the listener to be torn down and re-added when the
+* callback identity changes.
+*/
+function useStableCallback(callback) {
+	const ref = React.useRef(callback);
+	React.useLayoutEffect(() => {
+		ref.current = callback;
 	});
+	return React.useCallback((...args) => ref.current(...args), []);
+}
+/**
+* Returns a debounced version of a value that only updates after the
+* specified delay has elapsed since the last change. Useful for search
+* inputs that trigger API calls.
+*/
+function useDebouncedValue$1(value, delay) {
+	const [debouncedValue, setDebouncedValue] = React.useState(value);
+	React.useEffect(() => {
+		const timer = setTimeout(setDebouncedValue, delay, value);
+		return () => clearTimeout(timer);
+	}, [value, delay]);
+	return debouncedValue;
 }
 
 //#endregion
@@ -5098,7 +5286,7 @@ function BlockMenu({ editor, anchorElement, isOpen, onClose }) {
 					type: "button",
 					className: "flex items-center gap-2 w-full px-3 py-2 text-sm hover:bg-kumo-tint text-start",
 					onClick: () => setShowTransforms(false),
-					children: [/* @__PURE__ */ jsx(CaretRight, { className: "h-4 w-4 rotate-180" }), /* @__PURE__ */ jsx("span", { children: "Back" })]
+					children: [/* @__PURE__ */ jsx(CaretPrev, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", { children: "Back" })]
 				}),
 				/* @__PURE__ */ jsx("div", { className: "h-px bg-kumo-line my-1" }),
 				blockTransforms.map((transform) => /* @__PURE__ */ jsxs("button", {
@@ -5118,7 +5306,7 @@ function BlockMenu({ editor, anchorElement, isOpen, onClose }) {
 					children: [/* @__PURE__ */ jsxs("span", {
 						className: "flex items-center gap-2",
 						children: [/* @__PURE__ */ jsx(Paragraph, { className: "h-4 w-4 text-kumo-subtle" }), /* @__PURE__ */ jsx("span", { children: "Turn into" })]
-					}), /* @__PURE__ */ jsx(CaretRight, { className: "h-4 w-4 text-kumo-subtle" })]
+					}), /* @__PURE__ */ jsx(CaretNext, { className: "h-4 w-4 text-kumo-subtle" })]
 				}),
 				/* @__PURE__ */ jsxs("button", {
 					type: "button",
@@ -6723,12 +6911,19 @@ function PluginBlockModal({ block, initialValues, onClose, onInsert }) {
 	const isEditing = !!initialValues;
 	const hasFields = block?.fields && block.fields.length > 0;
 	const canSubmit = hasFields ? hasPluginBlockFormData(formValues) : typeof formValues.id === "string" && formValues.id.trim().length > 0;
+	const dialogSize = (() => {
+		if (!hasFields) return "sm";
+		const fields = block?.fields ?? [];
+		if (fields.some((f) => f.type === "repeater")) return "xl";
+		if (fields.length > 3) return "lg";
+		return "base";
+	})();
 	return /* @__PURE__ */ jsx(Dialog.Root, {
 		open: !!block,
 		onOpenChange: (open) => !open && onClose(),
 		children: /* @__PURE__ */ jsxs(Dialog, {
 			className: "p-6",
-			size: "sm",
+			size: dialogSize,
 			children: [/* @__PURE__ */ jsxs("div", {
 				className: "flex items-start justify-between gap-4 mb-4",
 				children: [/* @__PURE__ */ jsxs(Dialog.Title, {
@@ -6764,6 +6959,7 @@ function PluginBlockModal({ block, initialValues, onClose, onInsert }) {
 					}, field.action_id)) : /* @__PURE__ */ jsx(Input, {
 						ref: inputRef,
 						type: "url",
+						className: "w-full",
 						placeholder: block?.placeholder || "Enter URL...",
 						value: typeof formValues.id === "string" ? formValues.id : "",
 						onChange: (e) => handleFieldChange("id", e.target.value)
@@ -6805,6 +7001,7 @@ function BlockKitField({ field, pluginId, value, onChange }) {
 				onChange: (e) => onChange(field.action_id, e.target.value)
 			}) : /* @__PURE__ */ jsx(Input, {
 				type: "text",
+				className: "w-full",
 				placeholder,
 				value: typeof value === "string" ? value : "",
 				onChange: (e) => onChange(field.action_id, e.target.value)
@@ -6818,6 +7015,7 @@ function BlockKitField({ field, pluginId, value, onChange }) {
 				children: field.label
 			}), /* @__PURE__ */ jsx(Input, {
 				type: "number",
+				className: "w-full",
 				min,
 				max,
 				value: typeof value === "number" ? String(value) : "",
@@ -6848,6 +7046,14 @@ function BlockKitField({ field, pluginId, value, onChange }) {
 			value,
 			onChange
 		});
+		case "media_picker": return /* @__PURE__ */ jsx(BlockKitMediaPickerField, {
+			actionId: field.action_id,
+			label: field.label,
+			placeholder: field.placeholder,
+			mimeTypeFilter: field.mime_type_filter,
+			value,
+			onChange
+		});
 		default: return /* @__PURE__ */ jsxs("div", {
 			className: "text-sm text-kumo-subtle",
 			children: ["Unknown field type: ", field.type]
@@ -7048,10 +7254,10 @@ function BlockKitRepeaterItem({ item, index, fields, pluginId, isCollapsed, onTo
 				}),
 				/* @__PURE__ */ jsxs("button", {
 					type: "button",
-					className: "flex items-center gap-2 flex-1 min-w-0 text-left cursor-pointer",
+					className: "flex items-center gap-2 flex-1 min-w-0 text-start cursor-pointer",
 					onClick: onToggleCollapse,
 					"aria-expanded": !isCollapsed,
-					children: [isCollapsed ? /* @__PURE__ */ jsx(CaretRight, { className: "h-4 w-4 text-kumo-subtle shrink-0" }) : /* @__PURE__ */ jsx(CaretDown, { className: "h-4 w-4 text-kumo-subtle shrink-0" }), /* @__PURE__ */ jsx("span", {
+					children: [isCollapsed ? /* @__PURE__ */ jsx(CaretNext, { className: "h-4 w-4 text-kumo-subtle shrink-0" }) : /* @__PURE__ */ jsx(CaretDown, { className: "h-4 w-4 text-kumo-subtle shrink-0" }), /* @__PURE__ */ jsx("span", {
 						className: "text-sm font-medium flex-1 truncate",
 						children: summaryLabel
 					})]
@@ -7269,7 +7475,7 @@ function PortableTextEditor({ value, onChange, placeholder = "Start writing...",
 			}),
 			icon: resolveIcon(block.icon),
 			aliases: [block.type],
-			category: {
+			category: block.category ?? {
 				id: "aTofd0",
 				message: "Embeds"
 			},
@@ -7350,7 +7556,12 @@ function PortableTextEditor({ value, onChange, placeholder = "Start writing...",
 		}
 	});
 	React.useEffect(() => {
-		if (editor && onEditorReady) onEditorReady(editor);
+		if (editor && onEditorReady) {
+			onEditorReady(editor);
+			return () => {
+				onEditorReady(null);
+			};
+		}
 	}, [editor, onEditorReady]);
 	React.useEffect(() => {
 		if (editor) registerPluginBlocks(editor, pluginBlocks);
@@ -8956,7 +9167,7 @@ function TagInput({ terms, selectedIds, onAdd, onRemove, onCreate, isCreating, l
 					type: "button",
 					onClick: handleCreate,
 					disabled: isCreating,
-					className: "w-full text-left px-3 py-2 text-sm hover:bg-kumo-tint text-kumo-accent flex items-center gap-1 border-t",
+					className: "w-full text-start px-3 py-2 text-sm hover:bg-kumo-tint text-kumo-accent flex items-center gap-1 border-t",
 					children: [/* @__PURE__ */ jsx(Plus, { className: "w-3 h-3" }), isCreating ? "Creating..." : `Create "${trimmedInput}"`]
 				})]
 			})]
@@ -9229,6 +9440,25 @@ function ContentEditor({ collection, collectionLabel, item, fields, isNew, isSav
 		})) ?? []
 	}));
 	const pendingAutosaveStateRef = React.useRef(null);
+	const [previousItemId, setPreviousItemId] = React.useState(item?.id ?? null);
+	if (item && item.id !== previousItemId) {
+		setPreviousItemId(item.id);
+		setFormData(item.data);
+		setSlug(item.slug || "");
+		setSlugTouched(!!item.slug);
+		setStatus(item.status);
+		const nextBylines = item.bylines?.map((entry) => ({
+			bylineId: entry.byline.id,
+			roleLabel: entry.roleLabel
+		})) ?? [];
+		setInternalBylines(nextBylines);
+		setLastSavedData(serializeEditorState({
+			data: item.data,
+			slug: item.slug || "",
+			bylines: nextBylines
+		}));
+		pendingAutosaveStateRef.current = null;
+	}
 	const itemDataString = React.useMemo(() => item ? JSON.stringify(item.data) : "", [item?.data]);
 	React.useEffect(() => {
 		if (item) {
@@ -9395,7 +9625,7 @@ function ContentEditor({ collection, collectionLabel, item, fields, isNew, isSav
 		onSubmit: handleSubmit,
 		className: cn("space-y-6 transition-all duration-300", isDistractionFree && "fixed inset-0 z-50 bg-kumo-base p-8 overflow-auto"),
 		children: [/* @__PURE__ */ jsxs("div", {
-			className: cn("flex flex-wrap items-center justify-between gap-y-2", isDistractionFree && "opacity-0 hover:opacity-100 transition-opacity duration-200 fixed top-0 start-0 end-0 bg-kumo-base/95 backdrop-blur p-4 z-10"),
+			className: cn("flex flex-wrap items-center justify-between gap-y-2", !isDistractionFree && "sticky top-0 z-30 -mx-6 -mt-6 px-6 pt-6 pb-3 mb-3 border-b border-kumo-line bg-kumo-base/95 supports-[backdrop-filter]:bg-kumo-base/80 backdrop-blur", isDistractionFree && "opacity-0 hover:opacity-100 transition-opacity duration-200 fixed top-0 start-0 end-0 bg-kumo-base/95 backdrop-blur p-4 z-10"),
 			children: [/* @__PURE__ */ jsxs("div", {
 				className: "flex items-center space-x-4",
 				children: [
@@ -9412,7 +9642,7 @@ function ContentEditor({ collection, collectionLabel, item, fields, isNew, isSav
 							variant: "ghost",
 							shape: "square"
 						}),
-						children: /* @__PURE__ */ jsx(ArrowLeft, {
+						children: /* @__PURE__ */ jsx(ArrowPrev, {
 							className: "h-5 w-5",
 							"aria-hidden": "true"
 						})
@@ -9607,6 +9837,7 @@ function ContentEditor({ collection, collectionLabel, item, fields, isNew, isSav
 					children: /* @__PURE__ */ jsx("div", {
 						className: "space-y-4",
 						children: Object.entries(fields).map(([name, field]) => {
+							const fieldKey = `${name}:${item?.id ?? "new"}`;
 							const fieldEl = /* @__PURE__ */ jsx(FieldRenderer, {
 								name,
 								field,
@@ -9618,14 +9849,14 @@ function ContentEditor({ collection, collectionLabel, item, fields, isNew, isSav
 								onBlockSidebarOpen: field.kind === "portableText" ? handleBlockSidebarOpen : void 0,
 								onBlockSidebarClose: field.kind === "portableText" ? handleBlockSidebarClose : void 0,
 								manifest
-							}, name);
+							}, fieldKey);
 							if (name === "featured_image" && field.kind === "image" && hasSeo && !isNew && onSeoChange) return /* @__PURE__ */ jsxs("div", {
 								className: "grid grid-cols-1 gap-6 md:grid-cols-2",
 								children: [/* @__PURE__ */ jsx("div", { children: fieldEl }), /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(SeoImageField, {
 									seo: item?.seo,
 									onChange: onSeoChange
 								}) })]
-							}, `${name}-with-seo`);
+							}, `${fieldKey}-with-seo`);
 							return fieldEl;
 						})
 					})
@@ -10092,28 +10323,30 @@ function FieldRenderer({ name, field, value, onChange, onEditorReady, minimal, p
 			})
 		});
 		case "select": {
+			const selectOptions = Array.isArray(field.options) ? field.options : [];
 			const selectItems = {};
-			for (const opt of field.options ?? []) selectItems[opt.value] = opt.label;
+			for (const opt of selectOptions) selectItems[opt.value] = opt.label;
 			return /* @__PURE__ */ jsx(Select, {
 				id,
 				label,
 				value: typeof value === "string" ? value : "",
 				onValueChange: (v) => handleChange(v ?? ""),
 				items: selectItems,
-				children: field.options?.map((opt) => /* @__PURE__ */ jsx(Select.Option, {
+				children: selectOptions.map((opt) => /* @__PURE__ */ jsx(Select.Option, {
 					value: opt.value,
 					children: opt.label
 				}, opt.value))
 			});
 		}
 		case "multiSelect": {
+			const multiSelectOptions = Array.isArray(field.options) ? field.options : [];
 			const selected = Array.isArray(value) ? value : [];
 			return /* @__PURE__ */ jsxs("fieldset", { children: [/* @__PURE__ */ jsx(Label, {
 				className: labelClass,
 				children: label
 			}), /* @__PURE__ */ jsx("div", {
 				className: "mt-2 flex flex-wrap gap-x-4 gap-y-2",
-				children: field.options?.map((opt) => {
+				children: multiSelectOptions.map((opt) => {
 					const isChecked = selected.includes(opt.value);
 					return /* @__PURE__ */ jsx(Checkbox, {
 						label: opt.label,
@@ -10129,8 +10362,8 @@ function FieldRenderer({ name, field, value, onChange, onEditorReady, minimal, p
 			label,
 			id,
 			type: "datetime-local",
-			value: typeof value === "string" ? value : "",
-			onChange: (e) => handleChange(e.target.value),
+			value: toDatetimeLocalInputValue(value),
+			onChange: (e) => handleChange(fromDatetimeLocalInputValue(e.target.value)),
 			required: field.required
 		});
 		case "image": {
@@ -10984,7 +11217,17 @@ function ContentList({ collection, collectionLabel, items, trashedItems = [], is
 									})
 								})
 							]
-						}) }), /* @__PURE__ */ jsx("tbody", { children: items.length === 0 && !isLoading ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs("td", {
+						}) }), /* @__PURE__ */ jsx("tbody", { children: isLoading && items.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
+							colSpan: i18n$1 ? 5 : 4,
+							className: "px-4 py-8 text-center text-kumo-subtle",
+							children: /* @__PURE__ */ jsxs("span", {
+								className: "inline-flex items-center gap-2",
+								children: [/* @__PURE__ */ jsx(Loader, { size: "sm" }), _t({
+									id: "Z3FXyt",
+									message: "Loading..."
+								})]
+							})
+						}) }) : items.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs("td", {
 							colSpan: i18n$1 ? 5 : 4,
 							className: "px-4 py-8 text-center text-kumo-subtle",
 							children: [
@@ -11055,7 +11298,7 @@ function ContentList({ collection, collectionLabel, items, trashedItems = [], is
 									id: "aHKcKc",
 									message: "Previous page"
 								}),
-								children: /* @__PURE__ */ jsx(CaretLeft, {
+								children: /* @__PURE__ */ jsx(CaretPrev, {
 									className: "h-4 w-4",
 									"aria-hidden": "true"
 								})
@@ -11077,7 +11320,7 @@ function ContentList({ collection, collectionLabel, items, trashedItems = [], is
 									id: "/dqduX",
 									message: "Next page"
 								}),
-								children: /* @__PURE__ */ jsx(CaretRight, {
+								children: /* @__PURE__ */ jsx(CaretNext, {
 									className: "h-4 w-4",
 									"aria-hidden": "true"
 								})
@@ -11132,7 +11375,17 @@ function ContentList({ collection, collectionLabel, items, trashedItems = [], is
 								})
 							})
 						]
-					}) }), /* @__PURE__ */ jsx("tbody", { children: trashedItems.length === 0 && !isTrashedLoading ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
+					}) }), /* @__PURE__ */ jsx("tbody", { children: isTrashedLoading && trashedItems.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
+						colSpan: 3,
+						className: "px-4 py-8 text-center text-kumo-subtle",
+						children: /* @__PURE__ */ jsxs("span", {
+							className: "inline-flex items-center gap-2",
+							children: [/* @__PURE__ */ jsx(Loader, { size: "sm" }), _t({
+								id: "Z3FXyt",
+								message: "Loading..."
+							})]
+						})
+					}) }) : trashedItems.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
 						colSpan: 3,
 						className: "px-4 py-8 text-center text-kumo-subtle",
 						children: _t({
@@ -11491,6 +11744,37 @@ function StatusBadge({ status, hasPendingChanges }) {
 	});
 }
 
+//#endregion
+//#region src/components/EditorHeader.tsx
+/**
+* Sticky editor header with consistent placement of save / primary actions.
+*
+* Usage:
+*
+*   <EditorHeader
+*       leading={<BackLink />}
+*       actions={<SaveButton ... />}
+*   >
+*       <h1 className="text-2xl font-bold">{title}</h1>
+*   </EditorHeader>
+*/
+function EditorHeader({ leading, children, actions, sticky = true, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-editor-header": true,
+		className: cn(sticky && "sticky top-0 z-30 -mx-6 -mt-6 px-6 pt-6", sticky && "bg-kumo-base/95 supports-[backdrop-filter]:bg-kumo-base/80 backdrop-blur", sticky && "pb-3 mb-3 border-b border-kumo-line", "flex flex-wrap items-center justify-between gap-y-2 gap-x-4", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-4 min-w-0",
+			children: [leading, /* @__PURE__ */ jsx("div", {
+				className: "min-w-0",
+				children
+			})]
+		}), actions && /* @__PURE__ */ jsx("div", {
+			className: "flex items-center gap-2 flex-wrap",
+			children: actions
+		})]
+	});
+}
+
 //#endregion
 //#region src/components/FieldEditor.tsx
 const SLUG_INVALID_CHARS_REGEX = /[^a-z0-9]+/g;
@@ -12529,30 +12813,43 @@ function ContentTypeEditor({ collection, isNew, isSaving, onSave, onAddField, on
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center space-x-4",
-				children: [/* @__PURE__ */ jsx(Link$1, {
+			/* @__PURE__ */ jsxs(EditorHeader, {
+				leading: /* @__PURE__ */ jsx(Link$1, {
 					to: "/content-types",
-					"aria-label": "Back to Content Types",
+					"aria-label": _t({
+						id: "oqi/nm",
+						message: "Back to Content Types"
+					}),
 					className: buttonVariants({
 						variant: "ghost",
 						shape: "square"
 					}),
-					children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-5 w-5" })
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "flex-1",
-					children: [/* @__PURE__ */ jsx("h1", {
-						className: "text-2xl font-bold",
-						children: isNew ? "New Content Type" : collection?.label
-					}), !isNew && /* @__PURE__ */ jsxs("p", {
-						className: "text-kumo-subtle text-sm",
-						children: [/* @__PURE__ */ jsx("code", {
-							className: "bg-kumo-tint px-1.5 py-0.5 rounded",
-							children: collection?.slug
-						}), isFromCode && /* @__PURE__ */ jsx("span", {
-							className: "ms-2 text-purple-600 dark:text-purple-400",
-							children: "Defined in code"
-						})]
+					children: /* @__PURE__ */ jsx(ArrowPrev, { className: "h-5 w-5" })
+				}),
+				actions: !isFromCode && !isNew ? /* @__PURE__ */ jsx(SaveButton, {
+					type: "submit",
+					form: "content-type-editor-form",
+					isDirty: !!hasChanges,
+					isSaving: !!isSaving,
+					disabled: !urlPatternValid
+				}) : null,
+				children: [/* @__PURE__ */ jsx("h1", {
+					className: "text-2xl font-bold truncate",
+					children: isNew ? _t({
+						id: "NFFxa9",
+						message: "New Content Type"
+					}) : collection?.label
+				}), !isNew && /* @__PURE__ */ jsxs("p", {
+					className: "text-kumo-subtle text-sm",
+					children: [/* @__PURE__ */ jsx("code", {
+						className: "bg-kumo-tint px-1.5 py-0.5 rounded",
+						children: collection?.slug
+					}), isFromCode && /* @__PURE__ */ jsx("span", {
+						className: "ms-2 text-purple-600 dark:text-purple-400",
+						children: _t({
+							id: "7tGkih",
+							message: "Defined in code"
+						})
 					})]
 				})]
 			}),
@@ -12571,6 +12868,7 @@ function ContentTypeEditor({ collection, isNew, isSaving, onSave, onAddField, on
 				children: [/* @__PURE__ */ jsx("div", {
 					className: "lg:col-span-1",
 					children: /* @__PURE__ */ jsxs("form", {
+						id: "content-type-editor-form",
 						onSubmit: handleSubmit,
 						className: "space-y-4",
 						children: [
@@ -16278,7 +16576,7 @@ function PluginCard({ plugin, updateInfo, onEnable, onDisable, isToggling, hasMa
 								to: "/plugins/$pluginId/$",
 								params: {
 									pluginId: plugin.id,
-									_splat: "settings"
+									_splat: ""
 								},
 								children: /* @__PURE__ */ jsxs(Button, {
 									variant: "ghost",
@@ -16320,7 +16618,7 @@ function PluginCard({ plugin, updateInfo, onEnable, onDisable, isToggling, hasMa
 								}),
 								onClick: () => setExpanded(!expanded),
 								"aria-expanded": expanded,
-								children: [expanded ? /* @__PURE__ */ jsx(CaretDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(CaretRight, { className: "h-4 w-4" }), /* @__PURE__ */ jsxs("span", {
+								children: [expanded ? /* @__PURE__ */ jsx(CaretDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(CaretNext, { className: "h-4 w-4" }), /* @__PURE__ */ jsxs("span", {
 									className: "sr-only",
 									children: [
 										expanded ? _t2({
@@ -16923,7 +17221,7 @@ function BackLink() {
 	return /* @__PURE__ */ jsxs(Link$1, {
 		to: "/plugins/marketplace",
 		className: "inline-flex items-center gap-1 text-sm text-kumo-subtle hover:text-kumo-default",
-		children: [/* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" }), _t2({
+		children: [/* @__PURE__ */ jsx(ArrowPrev, { className: "h-4 w-4" }), _t2({
 			id: "x5HVV+",
 			message: "Back to marketplace"
 		})]
@@ -16970,7 +17268,7 @@ function ScreenshotLightbox({ screenshots, index, isBlurred = false, onClose, on
 					id: "k7xxm/",
 					message: "Previous screenshot"
 				}),
-				children: /* @__PURE__ */ jsx(CaretLeft, { className: "h-5 w-5" })
+				children: /* @__PURE__ */ jsx(CaretPrev, { className: "h-5 w-5" })
 			}),
 			/* @__PURE__ */ jsx("img", {
 				src: screenshots[index],
@@ -16991,7 +17289,7 @@ function ScreenshotLightbox({ screenshots, index, isBlurred = false, onClose, on
 					id: "tgnDjk",
 					message: "Next screenshot"
 				}),
-				children: /* @__PURE__ */ jsx(CaretRight, { className: "h-5 w-5" })
+				children: /* @__PURE__ */ jsx(CaretNext, { className: "h-5 w-5" })
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "absolute bottom-4 start-1/2 -translate-x-1/2 rounded-full bg-black/50 px-3 py-1 text-sm text-white",
@@ -18533,7 +18831,7 @@ function MenuEditor() {
 							message: "Back"
 						}),
 						onClick: () => navigate({ to: "/menus" }),
-						children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ jsx(ArrowPrev, { className: "h-4 w-4" })
 					}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
 						className: "text-3xl font-bold",
 						children: menu.label
@@ -19097,7 +19395,7 @@ function MenuList() {
 									name: "name",
 									required: true,
 									placeholder: "primary",
-									pattern: "[a-z0-9-]+",
+									pattern: "[a-z0-9\\-]+",
 									title: _t({
 										id: "6ZQzu/",
 										message: "Only lowercase letters, numbers, and hyphens"
@@ -19837,7 +20135,7 @@ function Redirects() {
 							}),
 							/* @__PURE__ */ jsx("div", {
 								className: "w-8 text-center text-kumo-subtle",
-								children: /* @__PURE__ */ jsx(ArrowRight, { size: 14 })
+								children: /* @__PURE__ */ jsx(ArrowNext, { size: 14 })
 							}),
 							/* @__PURE__ */ jsx("div", {
 								className: "flex-1 font-mono text-xs truncate",
@@ -20117,7 +20415,7 @@ function SectionEditor() {
 						id: "t4JBeQ",
 						message: "Back to sections"
 					}),
-					children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-5 w-5" })
+					children: /* @__PURE__ */ jsx(ArrowPrev, { className: "h-5 w-5" })
 				})
 			}), /* @__PURE__ */ jsx("h1", {
 				className: "text-2xl font-bold",
@@ -20179,6 +20477,16 @@ function SectionEditorForm({ section, isSaving, onSave }) {
 		keywords,
 		content
 	]) !== lastSavedData;
+	const [blockSidebarPanel, setBlockSidebarPanel] = React.useState(null);
+	const handleBlockSidebarOpen = React.useCallback((panel) => {
+		setBlockSidebarPanel(panel);
+	}, []);
+	const handleBlockSidebarClose = React.useCallback(() => {
+		setBlockSidebarPanel((prev) => {
+			prev?.onClose();
+			return null;
+		});
+	}, []);
 	const handleSave = () => {
 		const keywordsArray = keywords.split(",").map((k) => k.trim()).filter(Boolean);
 		onSave({
@@ -20191,43 +20499,41 @@ function SectionEditorForm({ section, isSaving, onSave }) {
 	};
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-6",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-4",
-				children: [/* @__PURE__ */ jsx(Link$1, {
-					to: "/sections",
-					children: /* @__PURE__ */ jsx(Button, {
-						variant: "ghost",
-						shape: "square",
-						"aria-label": _t2({
-							id: "t4JBeQ",
-							message: "Back to sections"
-						}),
-						children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-5 w-5" })
-					})
-				}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
-					className: "text-2xl font-bold",
-					children: section.title
-				}), /* @__PURE__ */ jsxs("p", {
-					className: "text-sm text-kumo-subtle",
-					children: [
-						section.source === "theme" ? _t2({
-							id: "wg2j4A",
-							message: "Theme Section"
-						}) : _t2({
-							id: "dqjp2n",
-							message: "Custom Section"
-						}),
-						" ·",
-						" ",
-						section.slug
-					]
-				})] })]
-			}), /* @__PURE__ */ jsx(SaveButton, {
+		children: [/* @__PURE__ */ jsxs(EditorHeader, {
+			leading: /* @__PURE__ */ jsx(Link$1, {
+				to: "/sections",
+				children: /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					shape: "square",
+					"aria-label": _t2({
+						id: "t4JBeQ",
+						message: "Back to sections"
+					}),
+					children: /* @__PURE__ */ jsx(ArrowPrev, { className: "h-5 w-5" })
+				})
+			}),
+			actions: /* @__PURE__ */ jsx(SaveButton, {
 				isSaving,
 				isDirty,
 				onClick: handleSave
+			}),
+			children: [/* @__PURE__ */ jsx("h1", {
+				className: "text-2xl font-bold truncate",
+				children: section.title
+			}), /* @__PURE__ */ jsxs("p", {
+				className: "text-sm text-kumo-subtle",
+				children: [
+					section.source === "theme" ? _t2({
+						id: "wg2j4A",
+						message: "Theme Section"
+					}) : _t2({
+						id: "dqjp2n",
+						message: "Custom Section"
+					}),
+					" ·",
+					" ",
+					section.slug
+				]
 			})]
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "grid grid-cols-12 gap-6",
@@ -20243,12 +20549,24 @@ function SectionEditorForm({ section, isSaving, onSave }) {
 						})
 					}), /* @__PURE__ */ jsx(PortableTextEditor, {
 						value: content,
-						onChange: (value) => setContent(value)
+						onChange: (value) => setContent(value),
+						onBlockSidebarOpen: handleBlockSidebarOpen,
+						onBlockSidebarClose: handleBlockSidebarClose
 					})]
 				})
-			}), /* @__PURE__ */ jsxs("div", {
+			}), /* @__PURE__ */ jsx("div", {
 				className: "col-span-4 space-y-6",
-				children: [/* @__PURE__ */ jsxs("div", {
+				children: blockSidebarPanel?.type === "image" ? /* @__PURE__ */ jsx(ImageDetailPanel, {
+					attributes: blockSidebarPanel.attrs,
+					onUpdate: (attrs) => blockSidebarPanel.onUpdate(attrs),
+					onReplace: (attrs) => blockSidebarPanel.onReplace(attrs),
+					onDelete: () => {
+						blockSidebarPanel.onDelete();
+						setBlockSidebarPanel(null);
+					},
+					onClose: handleBlockSidebarClose,
+					inline: true
+				}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
 					className: "rounded-lg border bg-kumo-base p-6 space-y-4",
 					children: [
 						/* @__PURE__ */ jsx("h2", {
@@ -20281,7 +20599,7 @@ function SectionEditorForm({ section, isSaving, onSave }) {
 								setSlugTouched(true);
 							},
 							placeholder: "section-slug",
-							pattern: "[a-z0-9-]+"
+							pattern: "[a-z0-9\\-]+"
 						}), /* @__PURE__ */ jsx("p", {
 							className: "text-xs text-kumo-subtle mt-1",
 							children: _t2({
@@ -20354,7 +20672,7 @@ function SectionEditorForm({ section, isSaving, onSave }) {
 							})
 						})
 					]
-				})]
+				})] })
 			})]
 		})]
 	});
@@ -20549,7 +20867,7 @@ function Sections() {
 									},
 									required: true,
 									placeholder: "hero-banner",
-									pattern: "[a-z0-9-]+",
+									pattern: "[a-z0-9\\-]+",
 									title: _t({
 										id: "BjF0Jv",
 										message: "Lowercase letters, numbers, and hyphens only"
@@ -20878,7 +21196,7 @@ function SettingsLink({ to, icon, title, description }) {
 				className: "text-sm text-kumo-subtle",
 				children: description
 			})] })]
-		}), /* @__PURE__ */ jsx(CaretRight, { className: "h-5 w-5 text-kumo-subtle" })]
+		}), /* @__PURE__ */ jsx(CaretNext, { className: "h-5 w-5 text-kumo-subtle" })]
 	});
 }
 /**
@@ -21316,7 +21634,7 @@ function AllowedDomainsSettings() {
 					id: "9aZHfH",
 					message: "Back to settings"
 				}),
-				children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ jsx(ArrowPrev, { className: "h-4 w-4" })
 			})
 		}), /* @__PURE__ */ jsx("h1", {
 			className: "text-2xl font-bold",
@@ -21897,7 +22215,7 @@ function ApiTokenSettings() {
 							id: "9aZHfH",
 							message: "Back to settings"
 						}),
-						children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ jsx(ArrowPrev, { className: "h-4 w-4" })
 					})
 				}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
 					className: "text-2xl font-bold",
@@ -22306,7 +22624,7 @@ function EmailSettings() {
 						id: "9aZHfH",
 						message: "Back to settings"
 					}),
-					children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ jsx(ArrowPrev, { className: "h-4 w-4" })
 				})
 			}), /* @__PURE__ */ jsx("h1", {
 				className: "text-2xl font-bold",
@@ -22337,7 +22655,7 @@ function EmailSettings() {
 							id: "9aZHfH",
 							message: "Back to settings"
 						}),
-						children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ jsx(ArrowPrev, { className: "h-4 w-4" })
 					})
 				}), /* @__PURE__ */ jsx("h1", {
 					className: "text-2xl font-bold",
@@ -22639,7 +22957,7 @@ function GeneralSettings() {
 						id: "9aZHfH",
 						message: "Back to settings"
 					}),
-					children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ jsx(ArrowPrev, { className: "h-4 w-4" })
 				})
 			}), /* @__PURE__ */ jsx("h1", {
 				className: "text-2xl font-bold",
@@ -22662,9 +22980,8 @@ function GeneralSettings() {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ jsx(Link$1, {
+			/* @__PURE__ */ jsx(EditorHeader, {
+				leading: /* @__PURE__ */ jsx(Link$1, {
 					to: "/settings",
 					children: /* @__PURE__ */ jsx(Button, {
 						variant: "ghost",
@@ -22673,21 +22990,36 @@ function GeneralSettings() {
 							id: "9aZHfH",
 							message: "Back to settings"
 						}),
-						children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ jsx(ArrowPrev, { className: "h-4 w-4" })
 					})
-				}), /* @__PURE__ */ jsx("h1", {
-					className: "text-2xl font-bold",
+				}),
+				actions: /* @__PURE__ */ jsx(Button, {
+					type: "submit",
+					form: "general-settings-form",
+					disabled: saveMutation.isPending,
+					icon: /* @__PURE__ */ jsx(FloppyDisk, {}),
+					children: saveMutation.isPending ? _t({
+						id: "XvjC4F",
+						message: "Saving..."
+					}) : _t({
+						id: "UGT5vp",
+						message: "Save Settings"
+					})
+				}),
+				children: /* @__PURE__ */ jsx("h1", {
+					className: "text-2xl font-bold truncate",
 					children: _t({
 						id: "Cb/Jr5",
 						message: "General Settings"
 					})
-				})]
+				})
 			}),
 			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,
 				className: "space-y-6",
 				children: [
@@ -23270,7 +23602,7 @@ function SecuritySettings() {
 					id: "9aZHfH",
 					message: "Back to settings"
 				}),
-				children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ jsx(ArrowPrev, { className: "h-4 w-4" })
 			})
 		}), /* @__PURE__ */ jsx("h1", {
 			className: "text-2xl font-bold",
@@ -23491,7 +23823,7 @@ function SeoSettings() {
 						id: "9aZHfH",
 						message: "Back to settings"
 					}),
-					children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ jsx(ArrowPrev, { className: "h-4 w-4" })
 				})
 			}), /* @__PURE__ */ jsx("h1", {
 				className: "text-2xl font-bold",
@@ -23514,9 +23846,8 @@ function SeoSettings() {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ jsx(Link$1, {
+			/* @__PURE__ */ jsx(EditorHeader, {
+				leading: /* @__PURE__ */ jsx(Link$1, {
 					to: "/settings",
 					children: /* @__PURE__ */ jsx(Button, {
 						variant: "ghost",
@@ -23525,21 +23856,36 @@ function SeoSettings() {
 							id: "9aZHfH",
 							message: "Back to settings"
 						}),
-						children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ jsx(ArrowPrev, { className: "h-4 w-4" })
 					})
-				}), /* @__PURE__ */ jsx("h1", {
-					className: "text-2xl font-bold",
+				}),
+				actions: /* @__PURE__ */ jsx(Button, {
+					type: "submit",
+					form: "seo-settings-form",
+					disabled: saveMutation.isPending,
+					icon: /* @__PURE__ */ jsx(FloppyDisk, {}),
+					children: saveMutation.isPending ? _t({
+						id: "XvjC4F",
+						message: "Saving..."
+					}) : _t({
+						id: "TJnLTa",
+						message: "Save SEO Settings"
+					})
+				}),
+				children: /* @__PURE__ */ jsx("h1", {
+					className: "text-2xl font-bold truncate",
 					children: _t({
 						id: "GfWoKv",
 						message: "SEO Settings"
 					})
-				})]
+				})
 			}),
 			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,
 				className: "space-y-6",
 				children: [/* @__PURE__ */ jsxs("div", {
@@ -23698,7 +24044,7 @@ function SocialSettings() {
 						id: "9aZHfH",
 						message: "Back to settings"
 					}),
-					children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ jsx(ArrowPrev, { className: "h-4 w-4" })
 				})
 			}), /* @__PURE__ */ jsx("h1", {
 				className: "text-2xl font-bold",
@@ -23721,9 +24067,8 @@ function SocialSettings() {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ jsx(Link$1, {
+			/* @__PURE__ */ jsx(EditorHeader, {
+				leading: /* @__PURE__ */ jsx(Link$1, {
 					to: "/settings",
 					children: /* @__PURE__ */ jsx(Button, {
 						variant: "ghost",
@@ -23732,21 +24077,36 @@ function SocialSettings() {
 							id: "9aZHfH",
 							message: "Back to settings"
 						}),
-						children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ jsx(ArrowPrev, { className: "h-4 w-4" })
 					})
-				}), /* @__PURE__ */ jsx("h1", {
-					className: "text-2xl font-bold",
+				}),
+				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"
 					})
-				})]
+				})
 			}),
 			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", {
@@ -25197,7 +25557,7 @@ function SidebarNav({ manifest }) {
 					collapsible: true,
 					defaultOpen: true,
 					children: [/* @__PURE__ */ jsx(KumoSidebar.GroupLabel, {
-						className: "[&>span]:text-start",
+						className: "[&>span]:text-start [&_svg]:rtl:-scale-x-100 [&_svg]:rtl:-scale-y-100",
 						children: _t({
 							id: "4b3oEV",
 							message: "Content"
@@ -25209,7 +25569,7 @@ function SidebarNav({ manifest }) {
 					collapsible: true,
 					defaultOpen: true,
 					children: [/* @__PURE__ */ jsx(KumoSidebar.GroupLabel, {
-						className: "[&>span]:text-start",
+						className: "[&>span]:text-start [&_svg]:rtl:-scale-x-100 [&_svg]:rtl:-scale-y-100",
 						children: _t({
 							id: "wckWOP",
 							message: "Manage"
@@ -25221,7 +25581,7 @@ function SidebarNav({ manifest }) {
 					collapsible: true,
 					defaultOpen: true,
 					children: [/* @__PURE__ */ jsx(KumoSidebar.GroupLabel, {
-						className: "[&>span]:text-start",
+						className: "[&>span]:text-start [&_svg]:rtl:-scale-x-100 [&_svg]:rtl:-scale-y-100",
 						children: _t({
 							id: "U3pytU",
 							message: "Admin"
@@ -25232,7 +25592,7 @@ function SidebarNav({ manifest }) {
 					collapsible: true,
 					defaultOpen: true,
 					children: [/* @__PURE__ */ jsx(KumoSidebar.GroupLabel, {
-						className: "[&>span]:text-start",
+						className: "[&>span]:text-start [&_svg]:rtl:-scale-x-100 [&_svg]:rtl:-scale-y-100",
 						children: _t({
 							id: "ohUJJM",
 							message: "Plugins"
@@ -27240,7 +27600,7 @@ function ThemeMarketplaceDetail({ themeId }) {
 		children: [/* @__PURE__ */ jsxs(Link$1, {
 			to: "/themes/marketplace",
 			className: "inline-flex items-center gap-1 text-sm text-kumo-subtle hover:text-kumo-default",
-			children: [/* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" }), _t({
+			children: [/* @__PURE__ */ jsx(ArrowPrev, { className: "h-4 w-4" }), _t({
 				id: "6wOzc6",
 				message: "Back to Themes"
 			})]
@@ -27268,7 +27628,7 @@ function ThemeMarketplaceDetail({ themeId }) {
 			/* @__PURE__ */ jsxs(Link$1, {
 				to: "/themes/marketplace",
 				className: "inline-flex items-center gap-1 text-sm text-kumo-subtle hover:text-kumo-default",
-				children: [/* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" }), _t({
+				children: [/* @__PURE__ */ jsx(ArrowPrev, { className: "h-4 w-4" }), _t({
 					id: "6wOzc6",
 					message: "Back to Themes"
 				})]
@@ -27466,7 +27826,7 @@ function Lightbox({ urls, index, onClose, onPrev, onNext }) {
 						id: "DHhJ7s",
 						message: "Previous"
 					}),
-					children: /* @__PURE__ */ jsx(CaretLeft, { className: "h-5 w-5" })
+					children: /* @__PURE__ */ jsx(CaretPrev, { className: "h-5 w-5" })
 				}), /* @__PURE__ */ jsx("button", {
 					onClick: onNext,
 					className: "absolute end-2 top-1/2 -translate-y-1/2 rounded-full bg-kumo-base/80 p-2 shadow hover:bg-kumo-base",
@@ -27474,7 +27834,7 @@ function Lightbox({ urls, index, onClose, onPrev, onNext }) {
 						id: "hXzOVo",
 						message: "Next"
 					}),
-					children: /* @__PURE__ */ jsx(CaretRight, { className: "h-5 w-5" })
+					children: /* @__PURE__ */ jsx(CaretNext, { className: "h-5 w-5" })
 				})] }),
 				/* @__PURE__ */ jsxs("div", {
 					className: "absolute bottom-2 start-1/2 -translate-x-1/2 rounded-full bg-kumo-base/80 px-3 py-1 text-xs",
@@ -27749,7 +28109,7 @@ function Widgets() {
 										name: "name",
 										required: true,
 										placeholder: "sidebar",
-										pattern: "[a-z0-9-]+"
+										pattern: "[a-z0-9\\-]+"
 									}),
 									/* @__PURE__ */ jsx(Input, {
 										label: "Label",
@@ -28047,7 +28407,7 @@ function WidgetItem({ widget, areaName, isExpanded, onToggle, components, plugin
 					children: /* @__PURE__ */ jsxs("div", {
 						className: "flex items-center gap-2",
 						children: [
-							isExpanded ? /* @__PURE__ */ jsx(CaretDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(CaretRight, { className: "h-4 w-4" }),
+							isExpanded ? /* @__PURE__ */ jsx(CaretDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(CaretNext, { className: "h-4 w-4" }),
 							/* @__PURE__ */ jsx("span", {
 								className: "font-medium",
 								children: widget.title || "Untitled Widget"
@@ -30064,7 +30424,7 @@ function PostTypeRow({ postType, selection, expanded, onToggleExpand, onToggleEn
 					onClick: onToggleExpand,
 					className: "flex items-center gap-1 text-start",
 					"aria-expanded": expanded,
-					children: [expanded ? /* @__PURE__ */ jsx(CaretDown, { className: "h-4 w-4 text-kumo-subtle" }) : /* @__PURE__ */ jsx(CaretRight, { className: "h-4 w-4 text-kumo-subtle" }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+					children: [expanded ? /* @__PURE__ */ jsx(CaretDown, { className: "h-4 w-4 text-kumo-subtle" }) : /* @__PURE__ */ jsx(CaretNext, { className: "h-4 w-4 text-kumo-subtle" }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
 						className: "font-medium",
 						children: postType.name
 					}), /* @__PURE__ */ jsx("p", {
@@ -33654,5 +34014,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, Header, Link, LoginPage, MediaLibrary, MediaPickerModal, PasskeyLogin, PasskeyRegistration, PluginAdminProvider, PortableTextEditor, SUPPORTED_LOCALES, SUPPORTED_LOCALE_CODES, SaveButton, Settings, SetupWizard, Shell, KumoSidebar as Sidebar, SidebarNav, analyzeWpPluginSite, analyzeWxr, apiFetch, bulkCommentAction, checkPluginUpdates, cn, compareRevisions, completeSignup, createAdminRouter, createAllowedDomain, createApiToken, createByline, createCollection, createContent, createField, createMenu, createMenuItem, createRedirect, createSection, createTaxonomy, createTerm, createWidget, createWidgetArea, deleteAllowedDomain, deleteByline, deleteCollection, deleteComment, deleteContent, deleteField, deleteFromProvider, deleteMedia, deleteMenu, deleteMenuItem, deletePasskey, deleteRedirect, deleteSection, deleteTerm, deleteWidget, deleteWidgetArea, describeCapability, disablePlugin, disableUser, discardDraft, duplicateContent, enablePlugin, enableUser, executeWpPluginImport, executeWxrImport, fetch404Summary, fetchAllowedDomains, fetchApiTokens, fetchAuthMode, fetchByline, fetchBylines, fetchCollection, fetchCollections, fetchComment, fetchCommentCounts, fetchComments, fetchContent, fetchContentList, fetchDashboardStats, fetchEmailSettings, fetchFields, fetchManifest, fetchMarketplacePlugin, fetchMediaList, fetchMediaProviders, fetchMenu, fetchMenus, fetchOrphanedTables, fetchPasskeys, fetchPlugin, fetchPlugins, fetchProviderMedia, fetchRedirects, fetchRevision, fetchRevisions, fetchSection, fetchSections, fetchSettings, fetchTaxonomyDef, fetchTaxonomyDefs, fetchTerms, fetchTheme, fetchTranslations, fetchTrashedContent, fetchUser, fetchUsers, fetchWidgetArea, fetchWidgetAreas, fetchWidgetComponents, generatePreviewUrl, getDraftStatus, getPreviewUrl, hasAllowedDomains, importWxrMedia, installMarketplacePlugin, inviteUser, parseApiResponse, permanentDeleteContent, prepareWxrImport, probeImportUrl, publishContent, registerOrphanedTable, renamePasskey, reorderFields, reorderMenuItems, reorderWidgets, requestSignup, resolveLocale, restoreContent, restoreRevision, revokeApiToken, rewriteContentUrls, scheduleContent, searchMarketplace, searchThemes, sendRecoveryLink, sendTestEmail, setSearchEnabled, throwResponseError, uninstallMarketplacePlugin, unpublishContent, unscheduleContent, updateAllowedDomain, updateByline, updateCollection, updateCommentStatus, updateContent, updateField, updateMarketplacePlugin, updateMedia, updateMenu, updateMenuItem, updateRedirect, updateSection, updateSettings, updateTerm, updateUser, updateWidget, uploadMedia, uploadToProvider, useAuthProviderList, useAuthProviders, useCurrentUser, useLocale, useNavigate, useParams, usePluginAdmins, usePluginField, usePluginHasPages, usePluginHasWidgets, usePluginPage, usePluginWidget, validateInviteToken, verifySignupToken };
+export { API_BASE, API_TOKEN_SCOPES, AdminApp, AdminApp as App, AuthProviderProvider, CAPABILITY_LABELS, ContentEditor, ContentList, DEFAULT_LOCALE, Dashboard, EditorHeader, Header, Link, LoginPage, MediaLibrary, MediaPickerModal, PasskeyLogin, PasskeyRegistration, PluginAdminProvider, PortableTextEditor, SUPPORTED_LOCALES, SUPPORTED_LOCALE_CODES, SaveButton, Settings, SetupWizard, Shell, KumoSidebar as Sidebar, SidebarNav, analyzeWpPluginSite, analyzeWxr, apiFetch, bulkCommentAction, checkPluginUpdates, cn, compareRevisions, completeSignup, createAdminRouter, createAllowedDomain, createApiToken, createByline, createCollection, createContent, createField, createMenu, createMenuItem, createRedirect, createSection, createTaxonomy, createTerm, createWidget, createWidgetArea, deleteAllowedDomain, deleteByline, deleteCollection, deleteComment, deleteContent, deleteField, deleteFromProvider, deleteMedia, deleteMenu, deleteMenuItem, deletePasskey, deleteRedirect, deleteSection, deleteTerm, deleteWidget, deleteWidgetArea, describeCapability, disablePlugin, disableUser, discardDraft, duplicateContent, enablePlugin, enableUser, executeWpPluginImport, executeWxrImport, fetch404Summary, fetchAllowedDomains, fetchApiTokens, fetchAuthMode, fetchByline, fetchBylines, fetchCollection, fetchCollections, fetchComment, fetchCommentCounts, fetchComments, fetchContent, fetchContentList, fetchDashboardStats, fetchEmailSettings, fetchFields, fetchManifest, fetchMarketplacePlugin, fetchMediaList, fetchMediaProviders, fetchMenu, fetchMenus, fetchOrphanedTables, fetchPasskeys, fetchPlugin, fetchPlugins, fetchProviderMedia, fetchRedirects, fetchRevision, fetchRevisions, fetchSection, fetchSections, fetchSettings, fetchTaxonomyDef, fetchTaxonomyDefs, fetchTerms, fetchTheme, fetchTranslations, fetchTrashedContent, fetchUser, fetchUsers, fetchWidgetArea, fetchWidgetAreas, fetchWidgetComponents, generatePreviewUrl, getDraftStatus, getPreviewUrl, hasAllowedDomains, importWxrMedia, installMarketplacePlugin, inviteUser, parseApiResponse, permanentDeleteContent, prepareWxrImport, probeImportUrl, publishContent, registerOrphanedTable, renamePasskey, reorderFields, reorderMenuItems, reorderWidgets, requestSignup, resolveLocale, restoreContent, restoreRevision, revokeApiToken, rewriteContentUrls, scheduleContent, searchMarketplace, searchThemes, sendRecoveryLink, sendTestEmail, setSearchEnabled, throwResponseError, uninstallMarketplacePlugin, unpublishContent, unscheduleContent, updateAllowedDomain, updateByline, updateCollection, updateCommentStatus, updateContent, updateField, updateMarketplacePlugin, updateMedia, updateMenu, updateMenuItem, updateRedirect, updateSection, updateSettings, updateTerm, updateUser, updateWidget, uploadMedia, uploadToProvider, useAuthProviderList, useAuthProviders, useCurrentUser, useLocale, useNavigate, useParams, usePluginAdmins, usePluginField, usePluginHasPages, usePluginHasWidgets, usePluginPage, usePluginWidget, validateInviteToken, verifySignupToken };
 //# sourceMappingURL=index.js.map