@emdash-cms/admin 0.16.1 → 0.17.1

package/dist/index.js

@@ -1,16 +1,16 @@
 import { c as fetchAuthMode, d as throwResponseError, i as fetchPlugins, l as fetchManifest, n as enablePlugin, o as API_BASE, r as fetchPlugin, s as apiFetch, t as disablePlugin, u as parseApiResponse } from "./plugins-BZzztFdK.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-CFKQ39Tn.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-LB7Qjnv1.js";
 import "./locales/index.js";
 import { Autocomplete, Badge, Button, Checkbox, CommandPalette, Dialog, Input, InputArea, Label, LinkButton, Loader, Popover, Select, Sidebar as KumoSidebar, Switch, Tabs, Toast, Toasty, Tooltip, buttonVariants, useSidebar } from "@cloudflare/kumo";
 import { i18n } from "@lingui/core";
 import { I18nProvider, Trans, useLingui } from "@lingui/react";
-import { QueryClient, QueryClientProvider, useInfiniteQuery, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { QueryClient, QueryClientProvider, keepPreviousData, useInfiniteQuery, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { Link, Link as Link$1, Outlet, RouterProvider, createRootRouteWithContext, createRoute, createRouter, useLocation, useNavigate, useNavigate as useNavigate$1, useParams, useParams as useParams$1, useSearch } from "@tanstack/react-router";
 import * as React$1 from "react";
 import React, { createContext, useCallback, useContext, useEffect, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Dialog as Dialog$1 } from "@cloudflare/kumo/primitives";
-import { ArrowCounterClockwise, ArrowRight, ArrowRightIcon, ArrowSquareOut, ArrowUUpLeft, ArrowUUpRight, ArrowsClockwise, ArrowsInSimple, ArrowsLeftRight, ArrowsOutSimple, BracketsCurly, Calendar, CalendarBlank, CaretDown, CaretRightIcon, CaretUp, CaretUpDown, ChatCircle, Check, CheckCircle, CircleDashed, CircleNotch, ClockCounterClockwise, Cloud, Code, CodeBlock, Columns, 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, ImageBroken, ImageSquare, Info, Key, Link as Link$2, LinkBreak, LinkSimple, List, ListBullets, ListChecks, ListNumbers, MagnifyingGlass, Minus, Monitor, Moon, Palette, PaperPlaneTilt, Paperclip, Paragraph, Pencil, PencilSimple, PlugsConnected, Plus, Prohibit, PuzzlePiece, Quotes, Rows, Ruler, ShareNetwork, Shield, ShieldCheck, ShieldWarning, SignOut, SlidersHorizontal, Sparkle, SquaresFour, Stack, Storefront, Sun, Table, 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, ArrowDown, ArrowRight, ArrowRightIcon, ArrowSquareOut, ArrowUUpLeft, ArrowUUpRight, ArrowUp, ArrowsClockwise, ArrowsInSimple, ArrowsLeftRight, ArrowsOutSimple, Bell, BookOpen, BracketsAngle, BracketsCurly, Calendar, CalendarBlank, CaretDown, CaretRightIcon, CaretUp, CaretUpDown, ChartBar, ChartLine, ChatCircle, Check, CheckCircle, CircleDashed, CircleNotch, ClockCounterClockwise, Cloud, Code, CodeBlock, Columns, Copy, Crop, Cube, Database, DeviceMobile, DotsSixVertical, DownloadSimple, Envelope, EnvelopeSimple, Eye, EyeSlash, File, FileArrowDown, FileText, FloppyDisk, Folder, FolderOpen, Gear, GithubLogo, Globe, GlobeSimple, GridFour, HardDrive, Hash, IdentificationCard, Image as Image$1, ImageBroken, ImageSquare, Info, Key, Link as Link$2, LinkBreak, LinkSimple, List, ListBullets, ListChecks, ListNumbers, MagnifyingGlass, Medal, Minus, Monitor, Moon, Palette, PaperPlaneTilt, Paperclip, Paragraph, Pencil, PencilSimple, Plug, PlugsConnected, Plus, Prohibit, PuzzlePiece, Quotes, Rows, Ruler, ShareNetwork, Shield, ShieldCheck, ShieldWarning, SignOut, SlidersHorizontal, Sparkle, SquaresFour, Stack, Star, Storefront, Sun, Table, Tag, TextAlignCenter, TextAlignLeft, TextAlignRight, TextB, TextHOne, TextHThree, TextHTwo, TextItalic, TextStrikethrough, TextT, TextUnderline, ToggleLeft, Trash, Trophy, Upload, User, UserCircle, UserPlus, Users, Warning, WarningCircle, WebhooksLogo, X, YoutubeLogo } from "@phosphor-icons/react";
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 import { DndContext, DragOverlay, KeyboardSensor, PointerSensor, closestCenter, rectIntersection, useDraggable, useDroppable, useSensor, useSensors } from "@dnd-kit/core";
@@ -30,7 +30,7 @@ import Typography from "@tiptap/extension-typography";
 import { EditorContent, Node as Node$2, NodeViewContent, NodeViewWrapper, ReactNodeViewRenderer, mergeAttributes as mergeAttributes$1, useEditor, useEditorState } from "@tiptap/react";
 import { BubbleMenu } from "@tiptap/react/menus";
 import StarterKit from "@tiptap/starter-kit";
-import { Plugin, PluginKey } from "@tiptap/pm/state";
+import { NodeSelection, Plugin, PluginKey } from "@tiptap/pm/state";
 import { Decoration, DecorationSet } from "@tiptap/pm/view";
 import { createPortal } from "react-dom";
 import CodeBlock$1 from "@tiptap/extension-code-block";
@@ -1178,6 +1178,7 @@ async function fetchContentList(collection, options) {
 	if (options?.locale) params.set("locale", options.locale);
 	if (options?.orderBy) params.set("orderBy", options.orderBy);
 	if (options?.order) params.set("order", options.order);
+	if (options?.search) params.set("q", options.search);
 	return parseApiResponse(await apiFetch(`${API_BASE}/content/${collection}${params.toString() ? `?${params}` : ""}`), "Failed to fetch content");
 }
 /**
@@ -1372,6 +1373,15 @@ async function restoreRevision(revisionId) {
 * Media upload, list, delete, and provider APIs
 */
 /**
+* Maximum length of the media filename search term. Mirrors the server-side
+* zod schema (`q: z.string().trim().min(1).max(200)`); keep in sync.
+*/
+const MEDIA_SEARCH_MAX_LENGTH = 200;
+/** Trim and clamp a search term to the server-accepted range. */
+function normalizeMediaSearch(value) {
+	return (value ?? "").trim().slice(0, MEDIA_SEARCH_MAX_LENGTH);
+}
+/**
 * Fetch media list
 */
 async function fetchMediaList(options) {
@@ -1382,6 +1392,10 @@ async function fetchMediaList(options) {
 		const value = Array.isArray(options.mimeType) ? options.mimeType.join(",") : options.mimeType;
 		if (value) params.set("mimeType", value);
 	}
+	if (options?.search) {
+		const q = normalizeMediaSearch(options.search);
+		if (q) params.set("q", q);
+	}
 	return parseApiResponse(await apiFetch(`${API_BASE}/media${params.toString() ? `?${params}` : ""}`), "Failed to fetch media");
 }
 /**
@@ -2008,6 +2022,70 @@ async function createBylineTranslation(id, input) {
 	}), "Failed to create byline translation");
 }
 
+//#endregion
+//#region src/lib/api/byline-fields.ts
+/**
+* Byline custom-field schema management API (Discussion #1174, Phase 4).
+*
+* Mirrors the server-side admin endpoints at
+* `/_emdash/api/admin/byline-fields/*`. Mutation responses use the
+* shared `ApiResult<T>` envelope; this client unwraps it via
+* `parseApiResponse` and surfaces typed errors through
+* `throwResponseError` (so the admin client sees the registry's
+* `FIELD_EXISTS` / `TRANSLATABLE_LOCKED` / `REORDER_MISMATCH` messages
+* verbatim).
+*/
+const BASE = `${API_BASE}/admin/byline-fields`;
+async function listBylineFields() {
+	return parseApiResponse(await apiFetch(BASE), i18n._({
+		id: "rLmrr+",
+		message: "Failed to list byline fields"
+	}));
+}
+async function getBylineFieldUsage(slug) {
+	return parseApiResponse(await apiFetch(`${BASE}/${encodeURIComponent(slug)}/usage`), i18n._({
+		id: "DwFS6c",
+		message: "Failed to read byline field usage"
+	}));
+}
+async function createBylineField(input) {
+	return parseApiResponse(await apiFetch(BASE, {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify(input)
+	}), i18n._({
+		id: "cPkE9I",
+		message: "Failed to create byline field"
+	}));
+}
+async function updateBylineField(slug, input) {
+	return parseApiResponse(await apiFetch(`${BASE}/${encodeURIComponent(slug)}`, {
+		method: "PATCH",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify(input)
+	}), i18n._({
+		id: "1dl1C5",
+		message: "Failed to update byline field"
+	}));
+}
+async function deleteBylineField(slug) {
+	const response = await apiFetch(`${BASE}/${encodeURIComponent(slug)}`, { method: "DELETE" });
+	if (!response.ok) await throwResponseError(response, i18n._({
+		id: "MxBmlg",
+		message: "Failed to delete byline field"
+	}));
+}
+async function reorderBylineFields(slugs) {
+	return parseApiResponse(await apiFetch(`${BASE}/reorder`, {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify({ slugs })
+	}), i18n._({
+		id: "J/UlAe",
+		message: "Failed to reorder byline fields"
+	}));
+}
+
 //#endregion
 //#region src/lib/api/menus.ts
 /**
@@ -2961,6 +3039,35 @@ function fromDatetimeLocalInputValue(value) {
 	return value === "" ? "" : `${value}:00.000Z`;
 }
 
+//#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$1.useRef(callback);
+	React$1.useLayoutEffect(() => {
+		ref.current = callback;
+	});
+	return React$1.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$1.useState(value);
+	React$1.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) {
@@ -3178,6 +3285,7 @@ function MediaPickerModal({ open, onOpenChange, onSelect, mimeTypeFilter = "imag
 	const [selectedItem, setSelectedItem] = React$1.useState(null);
 	const [activeProvider, setActiveProvider] = React$1.useState("local");
 	const [searchQuery, setSearchQuery] = React$1.useState("");
+	const debouncedSearch = useDebouncedValue$1(searchQuery, 300);
 	const fileInputRef = React$1.useRef(null);
 	const [imageUrl, setImageUrl] = React$1.useState("");
 	const [isProbing, setIsProbing] = React$1.useState(false);
@@ -3214,12 +3322,18 @@ function MediaPickerModal({ open, onOpenChange, onSelect, mimeTypeFilter = "imag
 		};
 		return providers?.find((p) => p.id === activeProvider);
 	}, [activeProvider, providers]);
+	const mediaQueryKey = [
+		"media",
+		filters?.join(",") ?? "",
+		debouncedSearch.trim()
+	];
 	const { data: localData, isLoading: localLoading, fetchNextPage: fetchNextLocalPage, hasNextPage: hasNextLocalPage, isFetchingNextPage: isFetchingNextLocalPage } = useInfiniteQuery({
-		queryKey: ["media", filters?.join(",") ?? ""],
+		queryKey: mediaQueryKey,
 		queryFn: ({ pageParam }) => fetchMediaList({
 			mimeType: filters,
 			cursor: pageParam,
-			limit: 100
+			limit: 100,
+			search: debouncedSearch.trim() || void 0
 		}),
 		initialPageParam: void 0,
 		getNextPageParam: (lastPage) => lastPage.nextCursor,
@@ -3277,7 +3391,7 @@ function MediaPickerModal({ open, onOpenChange, onSelect, mimeTypeFilter = "imag
 			height
 		}),
 		onSuccess: (_updated, { id, width, height }) => {
-			queryClient.setQueryData(["media", filters?.join(",") ?? ""], (old) => {
+			queryClient.setQueryData(mediaQueryKey, (old) => {
 				if (!old) return old;
 				return {
 					...old,
@@ -3555,11 +3669,14 @@ function MediaPickerModal({ open, onOpenChange, onSelect, mimeTypeFilter = "imag
 				}),
 				/* @__PURE__ */ jsxs("div", {
 					className: "flex items-center justify-between pb-3 gap-4",
-					children: [canSearch ? /* @__PURE__ */ jsxs("div", {
+					children: [canSearch || activeProvider === "local" ? /* @__PURE__ */ jsxs("div", {
 						className: "relative flex-1 max-w-xs",
 						children: [/* @__PURE__ */ jsx(MagnifyingGlass, { className: "absolute start-3 top-1/2 -translate-y-1/2 h-4 w-4 text-kumo-subtle" }), /* @__PURE__ */ jsx(Input, {
 							type: "search",
-							placeholder: _t({
+							placeholder: activeProvider === "local" ? _t({
+								id: "Fwo2VZ",
+								message: "Search by filename..."
+							}) : _t({
 								id: "YIix5Y",
 								message: "Search..."
 							}),
@@ -3569,6 +3686,7 @@ function MediaPickerModal({ open, onOpenChange, onSelect, mimeTypeFilter = "imag
 							}),
 							value: searchQuery,
 							onChange: (e) => setSearchQuery(e.target.value),
+							maxLength: MEDIA_SEARCH_MAX_LENGTH,
 							className: "ps-9"
 						})]
 					}) : /* @__PURE__ */ jsx("p", {
@@ -4596,35 +4714,6 @@ function renderIcon(icon) {
 	return /* @__PURE__ */ jsx(icon, {});
 }
 
-//#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$1.useRef(callback);
-	React$1.useLayoutEffect(() => {
-		ref.current = callback;
-	});
-	return React$1.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$1.useState(value);
-	React$1.useEffect(() => {
-		const timer = setTimeout(setDebouncedValue, delay, value);
-		return () => clearTimeout(timer);
-	}, [value, delay]);
-	return debouncedValue;
-}
-
 //#endregion
 //#region src/components/editor/ImageDetailPanel.tsx
 /**
@@ -6086,19 +6175,25 @@ function BlockMenu({ editor, anchorElement, isOpen, onClose }) {
 		if (!isOpen) setShowTransforms(false);
 	}, [isOpen]);
 	const handleDuplicate = () => {
-		const { selection } = editor.state;
-		const { $from, $to } = selection;
-		const blockStart = $from.start($from.depth);
-		const blockEnd = $to.end($to.depth);
-		const slice = editor.state.doc.slice(blockStart, blockEnd);
+		if (!(editor.state.selection instanceof NodeSelection)) {
+			onClose();
+			return;
+		}
+		const { selection, doc } = editor.state;
+		const { from, to } = selection;
+		const slice = doc.slice(from, to);
 		editor.chain().focus().command(({ tr }) => {
-			tr.insert(blockEnd + 1, slice.content);
+			tr.insert(to, slice.content);
 			return true;
 		}).run();
 		onClose();
 	};
 	const handleDelete = () => {
-		editor.chain().focus().deleteNode(editor.state.selection.$from.parent.type.name).run();
+		if (!(editor.state.selection instanceof NodeSelection)) {
+			onClose();
+			return;
+		}
+		editor.chain().focus().deleteSelection().run();
 		onClose();
 	};
 	const handleTransform = (transform) => {
@@ -6239,6 +6334,173 @@ function DragHandleWrapper({ editor }) {
 	})] });
 }
 
+//#endregion
+//#region src/components/editor/HtmlBlockNode.tsx
+/**
+* HTML block node for the admin editor.
+*
+* Renders a first-class `htmlBlock` in the Portable Text editor with:
+* - A textarea for editing raw HTML source
+* - Selection ring, drag handle, and delete action
+*
+* Modeled on `PluginBlockNode.tsx` (atom node with React node view) and
+* the existing `{ _type: "htmlBlock", _key, html }` Portable Text shape
+* used by the WordPress and Contentful importers.
+*/
+/**
+* True when focus is inside a text input or textarea (e.g. the HTML block's
+* source <textarea>). Editor-level keyboard shortcuts must defer to native
+* field editing in that case.
+*/
+function isEditingFormField() {
+	if (typeof document === "undefined") return false;
+	const active = document.activeElement;
+	if (!active) return false;
+	const tag = active.tagName;
+	return tag === "TEXTAREA" || tag === "INPUT";
+}
+function HtmlBlockNodeView({ node, updateAttributes, selected, deleteNode }) {
+	const { _: _t } = useLingui();
+	const html = typeof node.attrs.html === "string" ? node.attrs.html : "";
+	const [draft, setDraft] = React$1.useState(html);
+	const textareaRef = React$1.useRef(null);
+	React$1.useEffect(() => {
+		setDraft(html);
+	}, [html]);
+	React$1.useEffect(() => {
+		const el = textareaRef.current;
+		if (el) {
+			el.style.height = "auto";
+			el.style.height = `${el.scrollHeight}px`;
+		}
+	}, [draft]);
+	const commitHtml = React$1.useCallback((value) => {
+		updateAttributes({ html: value });
+	}, [updateAttributes]);
+	const handleChange = React$1.useCallback((e) => {
+		setDraft(e.target.value);
+		commitHtml(e.target.value);
+	}, [commitHtml]);
+	return /* @__PURE__ */ jsx(NodeViewWrapper, {
+		className: cn("html-block relative my-3", selected && "ring-2 ring-kumo-brand ring-offset-2 rounded-lg"),
+		contentEditable: false,
+		"data-drag-handle": true,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "relative group",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: cn("absolute -start-8 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 transition-opacity cursor-grab active:cursor-grabbing", selected && "opacity-100"),
+				"data-drag-handle": true,
+				children: /* @__PURE__ */ jsx(DotsSixVertical, { className: "h-5 w-5 text-kumo-subtle/50" })
+			}), /* @__PURE__ */ jsxs("div", {
+				className: cn("rounded-lg border bg-kumo-base transition-colors overflow-hidden", selected ? "border-kumo-brand/50 bg-kumo-tint/30" : "hover:border-kumo-line"),
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-3 px-4 py-3",
+					children: [
+						/* @__PURE__ */ jsx("div", {
+							className: "flex-shrink-0 w-10 h-10 rounded-lg bg-kumo-tint flex items-center justify-center text-kumo-subtle",
+							children: /* @__PURE__ */ jsx(BracketsAngle, { className: "h-5 w-5" })
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "flex-1 min-w-0",
+							children: /* @__PURE__ */ jsx("div", {
+								className: "text-sm font-medium",
+								children: _t({
+									id: "FBknns",
+									message: "HTML"
+								})
+							})
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: cn("flex items-center gap-1 transition-opacity", selected ? "opacity-100" : "opacity-0 group-hover:opacity-100"),
+							children: /* @__PURE__ */ jsx(Button, {
+								type: "button",
+								variant: "ghost",
+								shape: "square",
+								className: "h-8 w-8 text-kumo-danger hover:text-kumo-danger hover:bg-kumo-danger/10",
+								onClick: () => deleteNode(),
+								title: _t({
+									id: "cnGeoo",
+									message: "Delete"
+								}),
+								"aria-label": _t({
+									id: "p8SVsk",
+									message: "Delete HTML block"
+								}),
+								children: /* @__PURE__ */ jsx(Trash, { className: "h-4 w-4" })
+							})
+						})
+					]
+				}), /* @__PURE__ */ jsx("div", {
+					className: "px-4 pb-4",
+					children: /* @__PURE__ */ jsx("textarea", {
+						ref: textareaRef,
+						value: draft,
+						onChange: handleChange,
+						placeholder: _t({
+							id: "cquA1F",
+							message: "Enter HTML..."
+						}),
+						className: "w-full min-h-[100px] resize-y rounded-md border bg-kumo-overlay p-3 font-mono text-sm text-kumo-strong placeholder:text-kumo-subtle focus:outline-none focus:ring-2 focus:ring-kumo-brand",
+						spellCheck: false,
+						"aria-label": _t({
+							id: "bbJ01O",
+							message: "HTML source"
+						})
+					})
+				})]
+			})]
+		})
+	});
+}
+/**
+* TipTap extension: first-class HTML block.
+*
+* An atom node that stores raw HTML in a `html` attribute. Round-trips
+* through Portable Text as `{ _type: "htmlBlock", _key, html }`.
+*/
+const HtmlBlockExtension = Node$1.create({
+	name: "htmlBlock",
+	group: "block",
+	atom: true,
+	draggable: true,
+	selectable: true,
+	addAttributes() {
+		return { html: {
+			default: "",
+			parseHTML: (element) => element.getAttribute("data-html-content") ?? "",
+			renderHTML: (attributes) => {
+				const html = typeof attributes.html === "string" ? attributes.html : "";
+				if (!html) return {};
+				return { "data-html-content": html };
+			}
+		} };
+	},
+	parseHTML() {
+		return [{ tag: "div[data-html-block]" }];
+	},
+	renderHTML({ HTMLAttributes }) {
+		return ["div", mergeAttributes(HTMLAttributes, { "data-html-block": "" })];
+	},
+	addNodeView() {
+		return ReactNodeViewRenderer(HtmlBlockNodeView);
+	},
+	addKeyboardShortcuts() {
+		const deleteHtmlBlock = () => {
+			if (isEditingFormField()) return false;
+			const { selection } = this.editor.state;
+			if (this.editor.state.doc.nodeAt(selection.from)?.type.name === "htmlBlock") {
+				this.editor.commands.deleteSelection();
+				return true;
+			}
+			return false;
+		};
+		return {
+			Backspace: deleteHtmlBlock,
+			Delete: deleteHtmlBlock
+		};
+	}
+});
+
 //#endregion
 //#region src/components/editor/ImageNode.tsx
 /**
@@ -7191,6 +7453,14 @@ function convertPMNode(node) {
 				language: typeof rawLanguage === "string" ? rawLanguage : void 0
 			};
 		}
+		case "htmlBlock": {
+			const rawHtml = node.attrs?.html;
+			return {
+				_type: "htmlBlock",
+				_key: generateKey(),
+				html: typeof rawHtml === "string" ? rawHtml : ""
+			};
+		}
 		case "image": {
 			const attrs = node.attrs ?? {};
 			const provider = attrStr(attrs.provider);
@@ -7449,6 +7719,10 @@ function convertPTBlock(block) {
 			};
 		}
 		case "break": return { type: "horizontalRule" };
+		case "htmlBlock": return {
+			type: "htmlBlock",
+			attrs: { html: block.html || "" }
+		};
 		case "table": {
 			const tableBlock = block;
 			const tableMarkDefs = tableBlock.markDefs || [];
@@ -7688,6 +7962,29 @@ const defaultSlashCommands = [
 			editor.chain().focus().deleteRange(range).toggleCodeBlock().run();
 		}
 	},
+	{
+		id: "htmlBlock",
+		title: {
+			id: "FBknns",
+			message: "HTML"
+		},
+		description: {
+			id: "iHrC09",
+			message: "Insert raw HTML"
+		},
+		icon: BracketsAngle,
+		aliases: [
+			"html",
+			"raw",
+			"markup"
+		],
+		command: ({ editor, range }) => {
+			editor.chain().focus().deleteRange(range).insertContent({
+				type: "htmlBlock",
+				attrs: { html: "" }
+			}).run();
+		}
+	},
 	{
 		id: "divider",
 		title: {
@@ -8569,6 +8866,7 @@ function PortableTextEditor({ value, onChange, placeholder = "Start writing...",
 				underline: {}
 			}),
 			CodeBlockExtension,
+			HtmlBlockExtension,
 			ImageExtension,
 			MarkdownLinkExtension,
 			PluginBlockExtension,
@@ -8723,7 +9021,7 @@ function PortableTextEditor({ value, onChange, placeholder = "Start writing...",
 		})
 	});
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("border rounded-lg overflow-hidden", minimal && "border-0 rounded-none -mx-4", focusMode === "spotlight" && "spotlight-mode", className),
+		className: cn("border rounded-lg overflow-clip", minimal && "border-0 rounded-none -mx-4", focusMode === "spotlight" && "spotlight-mode", className),
 		"aria-labelledby": ariaLabelledby,
 		children: [
 			!minimal && /* @__PURE__ */ jsx(EditorToolbar, {
@@ -9136,7 +9434,7 @@ function EditorToolbar({ editor, focusMode, onFocusModeChange }) {
 			id: "maNyuq",
 			message: "Text formatting"
 		}),
-		className: "border-b bg-kumo-tint/50 p-1 flex flex-wrap gap-0.5",
+		className: "sticky -top-6 z-10 border-b bg-kumo-tint p-1 flex flex-wrap gap-0.5",
 		onKeyDown: handleKeyDown,
 		children: [
 			/* @__PURE__ */ jsxs(ToolbarGroup, { children: [
@@ -10326,10 +10624,11 @@ async function fetchTaxonomyDefs$1() {
 	return (await parseApiResponse(await apiFetch(`/_emdash/api/taxonomies`), "Failed to fetch taxonomies")).taxonomies;
 }
 /**
-* Fetch terms for a taxonomy
+* Fetch terms for a taxonomy, scoped to the entry's locale so only the matching
+* translation variants are offered.
 */
-async function fetchTerms$1(taxonomyName) {
-	return (await parseApiResponse(await apiFetch(`/_emdash/api/taxonomies/${taxonomyName}/terms`), i18n._({
+async function fetchTerms$1(taxonomyName, locale) {
+	return (await parseApiResponse(await apiFetch(withLocale(`/_emdash/api/taxonomies/${taxonomyName}/terms`, locale)), i18n._({
 		id: "uvkjA+",
 		message: "Failed to fetch terms"
 	}))).terms;
@@ -10337,8 +10636,8 @@ async function fetchTerms$1(taxonomyName) {
 /**
 * Fetch entry terms
 */
-async function fetchEntryTerms(collection, entryId, taxonomy) {
-	return (await parseApiResponse(await apiFetch(`/_emdash/api/content/${collection}/${entryId}/terms/${taxonomy}`), i18n._({
+async function fetchEntryTerms(collection, entryId, taxonomy, locale) {
+	return (await parseApiResponse(await apiFetch(withLocale(`/_emdash/api/content/${collection}/${entryId}/terms/${taxonomy}`, locale)), i18n._({
 		id: "pbqrlw",
 		message: "Failed to fetch entry terms"
 	}))).terms;
@@ -10346,8 +10645,8 @@ async function fetchEntryTerms(collection, entryId, taxonomy) {
 /**
 * Set entry terms
 */
-async function setEntryTerms(collection, entryId, taxonomy, termIds) {
-	const res = await apiFetch(`/_emdash/api/content/${collection}/${entryId}/terms/${taxonomy}`, {
+async function setEntryTerms(collection, entryId, taxonomy, termIds, locale) {
+	const res = await apiFetch(withLocale(`/_emdash/api/content/${collection}/${entryId}/terms/${taxonomy}`, locale), {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify({ termIds })
@@ -10495,40 +10794,46 @@ function TagInput({ terms, selectedIds, onAdd, onRemove, onCreate, isCreating, l
 /**
 * Single taxonomy section
 */
-function TaxonomySection({ taxonomy, collection, entryId, onChange }) {
+function TaxonomySection({ taxonomy, collection, entryId, entryLocale, onChange }) {
 	const { _: _t2 } = useLingui();
 	const queryClient = useQueryClient();
 	const toastManager = Toast.useToastManager();
 	const [newCategoryLabel, setNewCategoryLabel] = React$1.useState("");
 	const [showCategoryInput, setShowCategoryInput] = React$1.useState(false);
 	const { data: terms = EMPTY_TERMS } = useQuery({
-		queryKey: ["taxonomy-terms", taxonomy.name],
-		queryFn: () => fetchTerms$1(taxonomy.name)
+		queryKey: [
+			"taxonomy-terms",
+			taxonomy.name,
+			entryLocale
+		],
+		queryFn: () => fetchTerms$1(taxonomy.name, entryLocale)
 	});
 	const { data: entryTerms = EMPTY_TERMS } = useQuery({
 		queryKey: [
 			"entry-terms",
 			collection,
 			entryId,
-			taxonomy.name
+			taxonomy.name,
+			entryLocale
 		],
 		queryFn: () => {
 			if (!entryId) return [];
-			return fetchEntryTerms(collection, entryId, taxonomy.name);
+			return fetchEntryTerms(collection, entryId, taxonomy.name, entryLocale);
 		},
 		enabled: !!entryId
 	});
 	const saveMutation = useMutation({
 		mutationFn: (termIds) => {
 			if (!entryId) throw new Error("No entry ID");
-			return setEntryTerms(collection, entryId, taxonomy.name, termIds);
+			return setEntryTerms(collection, entryId, taxonomy.name, termIds, entryLocale);
 		},
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: [
 				"entry-terms",
 				collection,
 				entryId,
-				taxonomy.name
+				taxonomy.name,
+				entryLocale
 			] });
 			toastManager.add({ title: _t2({
 				id: "KDffey",
@@ -10554,10 +10859,15 @@ function TaxonomySection({ taxonomy, collection, entryId, onChange }) {
 	const createTermMutation = useMutation({
 		mutationFn: (label) => createTerm(taxonomy.name, {
 			slug: slugify(label),
-			label
+			label,
+			...entryLocale ? { locale: entryLocale } : {}
 		}),
 		onSuccess: (newTerm) => {
-			queryClient.invalidateQueries({ queryKey: ["taxonomy-terms", taxonomy.name] });
+			queryClient.invalidateQueries({ queryKey: [
+				"taxonomy-terms",
+				taxonomy.name,
+				entryLocale
+			] });
 			const newSelected = new Set(selectedIds);
 			newSelected.add(newTerm.id);
 			setSelectedIds(newSelected);
@@ -10677,7 +10987,7 @@ function TaxonomySection({ taxonomy, collection, entryId, onChange }) {
 /**
 * Main TaxonomySidebar component
 */
-function TaxonomySidebar({ collection, entryId, onChange }) {
+function TaxonomySidebar({ collection, entryId, entryLocale, onChange }) {
 	const { _: _t3 } = useLingui();
 	const { data: taxonomies = [] } = useQuery({
 		queryKey: ["taxonomy-defs"],
@@ -10699,6 +11009,7 @@ function TaxonomySidebar({ collection, entryId, onChange }) {
 				taxonomy,
 				collection,
 				entryId,
+				entryLocale,
 				onChange: (termIds) => onChange?.(taxonomy.name, termIds)
 			}, taxonomy.name))
 		})] })
@@ -11499,6 +11810,7 @@ function ContentEditor({ collection, collectionLabel, item, fields, isNew, entry
 							}), /* @__PURE__ */ jsx(BylineCreditsEditor, {
 								credits: activeBylines,
 								bylines: availableBylines ?? [],
+								selectedBylineDetails: item?.bylines?.map((entry) => entry.byline),
 								bylinesLoaded: availableBylinesLoaded,
 								onChange: handleBylinesChange,
 								onQuickCreate: onQuickCreateByline,
@@ -11528,7 +11840,8 @@ function ContentEditor({ collection, collectionLabel, item, fields, isNew, entry
 							className: "p-4 border-t",
 							children: /* @__PURE__ */ jsx(TaxonomySidebar, {
 								collection,
-								entryId: item.id
+								entryId: item.id,
+								entryLocale: item.locale ?? entryLocale
 							})
 						}),
 						hasSeo && !isNew && onSeoChange && /* @__PURE__ */ jsxs("div", {
@@ -12161,9 +12474,10 @@ function FileFieldRenderer({ id, label, value, onChange, required, allowedMimeTy
 		]
 	});
 }
-function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuickEdit, entryLocale, i18n, bylinesLoaded = true }) {
+function BylineCreditsEditor({ credits, bylines, selectedBylineDetails, onChange, onQuickCreate, onQuickEdit, entryLocale, i18n, bylinesLoaded = true }) {
 	const { _: _t7 } = useLingui();
-	const [selectedBylineId, setSelectedBylineId] = React$1.useState("");
+	const [search, setSearch] = React$1.useState("");
+	const debouncedSearch = useDebouncedValue$1(search, 300);
 	const [quickName, setQuickName] = React$1.useState("");
 	const [quickSlug, setQuickSlug] = React$1.useState("");
 	const [quickError, setQuickError] = React$1.useState(null);
@@ -12173,8 +12487,44 @@ function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuic
 	const [editSlug, setEditSlug] = React$1.useState("");
 	const [editError, setEditError] = React$1.useState(null);
 	const [isEditing, setIsEditing] = React$1.useState(false);
-	const bylineMap = React$1.useMemo(() => new Map(bylines.map((b) => [b.id, b])), [bylines]);
-	const availableToAdd = bylines.filter((b) => !credits.some((c) => c.bylineId === b.id));
+	const trimmedSearch = debouncedSearch.trim();
+	const searchEnabled = trimmedSearch.length > 0;
+	const searchResults = useQuery({
+		queryKey: [
+			"bylines",
+			"credit-picker",
+			entryLocale ?? null,
+			trimmedSearch
+		],
+		queryFn: () => fetchBylines({
+			search: trimmedSearch,
+			locale: entryLocale ?? void 0,
+			limit: 20
+		}),
+		enabled: searchEnabled,
+		placeholderData: keepPreviousData
+	});
+	const resultPool = searchEnabled ? searchResults.data?.items ?? [] : bylines;
+	const hasMoreResults = searchEnabled ? !!searchResults.data?.nextCursor : bylines.length >= 100;
+	const bylineMap = React$1.useMemo(() => {
+		const map = /* @__PURE__ */ new Map();
+		for (const b of selectedBylineDetails ?? []) map.set(b.id, b);
+		for (const b of bylines) map.set(b.id, b);
+		for (const b of searchResults.data?.items ?? []) map.set(b.id, b);
+		return map;
+	}, [
+		selectedBylineDetails,
+		bylines,
+		searchResults.data?.items
+	]);
+	const availableToAdd = resultPool.filter((b) => !credits.some((c) => c.bylineId === b.id));
+	const addByline = (bylineId) => {
+		if (credits.some((c) => c.bylineId === bylineId)) return;
+		onChange([...credits, {
+			bylineId,
+			roleLabel: null
+		}]);
+	};
 	const move = (index, direction) => {
 		const target = index + direction;
 		if (target < 0 || target >= credits.length) return;
@@ -12226,39 +12576,70 @@ function BylineCreditsEditor({ credits, bylines, onChange, onQuickCreate, onQuic
 				})]
 			}),
 			/* @__PURE__ */ jsxs("div", {
-				className: "flex gap-2",
-				children: [/* @__PURE__ */ jsx(Select, {
-					value: selectedBylineId,
-					onValueChange: (v) => setSelectedBylineId(v ?? ""),
-					items: {
-						"": _t7({
-							id: "r5zcIE",
-							message: "Select byline..."
+				className: "space-y-2",
+				children: [
+					/* @__PURE__ */ jsx(Input, {
+						value: search,
+						onChange: (e) => setSearch(e.target.value),
+						placeholder: _t7({
+							id: "96Um6i",
+							message: "Search bylines to add..."
 						}),
-						...Object.fromEntries(availableToAdd.map((b) => [b.id, b.displayName]))
-					},
-					"aria-label": _t7({
-						id: "r4Xk7n",
-						message: "Select byline"
+						"aria-label": _t7({
+							id: "4L2LjM",
+							message: "Search bylines"
+						})
 					}),
-					className: "w-full"
-				}), /* @__PURE__ */ jsx(Button, {
-					type: "button",
-					variant: "secondary",
-					onClick: () => {
-						if (!selectedBylineId) return;
-						onChange([...credits, {
-							bylineId: selectedBylineId,
-							roleLabel: null
-						}]);
-						setSelectedBylineId("");
-					},
-					disabled: !selectedBylineId,
-					children: _t7({
-						id: "m16xKo",
-						message: "Add"
+					searchEnabled && searchResults.isLoading ? /* @__PURE__ */ jsx("p", {
+						className: "text-sm text-kumo-subtle",
+						children: _t7({
+							id: "Du+zn+",
+							message: "Searching..."
+						})
+					}) : availableToAdd.length > 0 ? /* @__PURE__ */ jsx("ul", {
+						className: "max-h-48 divide-y overflow-y-auto rounded border",
+						children: availableToAdd.map((b) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("button", {
+							type: "button",
+							className: "flex w-full items-center justify-between gap-2 p-2 text-start hover:bg-kumo-tint",
+							onClick: () => addByline(b.id),
+							children: [/* @__PURE__ */ jsxs("span", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "block truncate text-sm font-medium",
+									children: b.displayName
+								}), /* @__PURE__ */ jsx("span", {
+									className: "block truncate text-xs text-kumo-subtle",
+									children: b.slug
+								})]
+							}), /* @__PURE__ */ jsx("span", {
+								className: "text-xs text-kumo-subtle",
+								children: _t7({
+									id: "m16xKo",
+									message: "Add"
+								})
+							})]
+						}) }, b.id))
+					}) : searchEnabled && searchResults.isError ? /* @__PURE__ */ jsx("p", {
+						className: "text-sm text-kumo-danger",
+						children: _t7({
+							id: "617r+T",
+							message: "Couldn't search bylines. Please try again."
+						})
+					}) : searchEnabled ? /* @__PURE__ */ jsx("p", {
+						className: "text-sm text-kumo-subtle",
+						children: _t7({
+							id: "ncgkI9",
+							message: "No matching bylines."
+						})
+					}) : null,
+					hasMoreResults && /* @__PURE__ */ jsx("p", {
+						className: "text-xs text-kumo-subtle",
+						children: _t7({
+							id: "7Jpj2/",
+							message: "Keep typing to narrow down more bylines."
+						})
 					})
-				})]
+				]
 			}),
 			credits.length > 0 ? /* @__PURE__ */ jsx("div", {
 				className: "space-y-2",
@@ -12637,33 +13018,44 @@ function getItemTitle$1(item) {
 /**
 * Content list view with table display and trash tab
 */
-function ContentList({ collection, collectionLabel, items, trashedItems = [], isLoading, isTrashedLoading, onDelete, onDuplicate, onRestore, onPermanentDelete, onLoadMore, onLoadMoreTrashed, hasMore, hasMoreTrashed, trashedCount = 0, i18n, activeLocale, onLocaleChange, urlPattern, sort, onSortChange, total }) {
+function ContentList({ collection, collectionLabel, items, trashedItems = [], isLoading, isTrashedLoading, onDelete, onDuplicate, onRestore, onPermanentDelete, onLoadMore, onLoadMoreTrashed, hasMore, hasMoreTrashed, trashedCount = 0, i18n, activeLocale, onLocaleChange, urlPattern, sort, onSortChange, total, onSearchChange }) {
 	const { _: _t } = useLingui();
 	const [activeTab, setActiveTab] = React$1.useState("all");
 	const [searchQuery, setSearchQuery] = React$1.useState("");
 	const [page, setPage] = React$1.useState(0);
+	const serverSearch = !!onSearchChange;
+	const debouncedSearch = useDebouncedValue$1(searchQuery, 300);
+	React$1.useEffect(() => {
+		if (onSearchChange) onSearchChange(debouncedSearch.trim());
+	}, [debouncedSearch, onSearchChange]);
 	const handleSearchChange = (e) => {
 		setSearchQuery(e.target.value);
 		setPage(0);
 	};
 	const filteredItems = React$1.useMemo(() => {
-		if (!searchQuery) return items;
+		if (serverSearch || !searchQuery) return items;
 		const query = searchQuery.toLowerCase();
 		return items.filter((item) => getItemTitle$1(item).toLowerCase().includes(query));
-	}, [items, searchQuery]);
-	const effectiveTotal = typeof total === "number" && !searchQuery ? total : filteredItems.length;
+	}, [
+		items,
+		searchQuery,
+		serverSearch
+	]);
+	const activeSearch = serverSearch ? debouncedSearch.trim() : searchQuery;
+	const effectiveTotal = typeof total === "number" && (serverSearch || !searchQuery) ? total : filteredItems.length;
 	const totalPages = Math.max(1, Math.ceil(effectiveTotal / PAGE_SIZE));
 	const clampedPage = Math.min(page, totalPages - 1);
 	const paginatedItems = filteredItems.slice(clampedPage * PAGE_SIZE, (clampedPage + 1) * PAGE_SIZE);
 	React$1.useEffect(() => {
-		if (!hasMore || !onLoadMore || searchQuery) return;
+		if (!hasMore || !onLoadMore || !serverSearch && searchQuery) return;
 		if (clampedPage >= Math.ceil(filteredItems.length / PAGE_SIZE) - 1) onLoadMore();
 	}, [
 		clampedPage,
 		filteredItems.length,
 		hasMore,
 		onLoadMore,
-		searchQuery
+		searchQuery,
+		serverSearch
 	]);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-4",
@@ -12693,7 +13085,7 @@ function ContentList({ collection, collectionLabel, items, trashedItems = [], is
 					})
 				})]
 			}),
-			items.length > 0 && /* @__PURE__ */ jsxs("div", {
+			(serverSearch || items.length > 0) && /* @__PURE__ */ jsxs("div", {
 				className: "relative max-w-sm",
 				children: [/* @__PURE__ */ jsx(MagnifyingGlass, { className: "absolute start-3 top-1/2 -translate-y-1/2 h-4 w-4 text-kumo-subtle" }), /* @__PURE__ */ jsx(Input, {
 					type: "search",
@@ -12810,10 +13202,14 @@ function ContentList({ collection, collectionLabel, items, trashedItems = [], is
 										message: "Loading..."
 									})]
 								})
-							}) }) : items.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs("td", {
+							}) }) : items.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
 								colSpan: i18n ? 5 : 4,
 								className: "px-4 py-8 text-center text-kumo-subtle",
-								children: [
+								children: activeSearch ? _t({
+									id: "QpOp1w",
+									message: "No results for \"{activeSearch}\"",
+									values: { activeSearch }
+								}) : /* @__PURE__ */ jsxs(Fragment, { children: [
 									_t({
 										id: "yHHMoK",
 										message: "No {0} yet.",
@@ -12830,14 +13226,14 @@ function ContentList({ collection, collectionLabel, items, trashedItems = [], is
 											message: "Create your first one"
 										})
 									})
-								]
+								] })
 							}) }) : paginatedItems.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
 								colSpan: i18n ? 5 : 4,
 								className: "px-4 py-8 text-center text-kumo-subtle",
 								children: _t({
-									id: "huTRDC",
-									message: "No results for \"{searchQuery}\"",
-									values: { searchQuery }
+									id: "QpOp1w",
+									message: "No results for \"{activeSearch}\"",
+									values: { activeSearch }
 								})
 							}) }) : paginatedItems.map((item) => /* @__PURE__ */ jsx(ContentListItem, {
 								item,
@@ -12855,10 +13251,11 @@ function ContentList({ collection, collectionLabel, items, trashedItems = [], is
 					children: [/* @__PURE__ */ jsx("span", {
 						className: "text-sm text-kumo-subtle",
 						children: renderItemCount({
-							searchQuery,
+							searchQuery: activeSearch,
 							filteredCount: filteredItems.length,
 							total,
-							hasMore
+							hasMore,
+							serverSearch
 						})
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "flex items-center gap-2",
@@ -13041,21 +13438,26 @@ function SortableTh({ field, sort, onSortChange, label }) {
 }
 /**
 * Render the row-count line above pagination. The rules are:
-* - A search query always wins — say how many matches there are.
+* - A search query always wins — say how many matches there are. In
+*   server-search mode the server reports the full match count via `total`;
+*   `filteredCount` is only the loaded page, so it would undercount.
 * - When the server reported a total, use it (no `+` suffix needed —
 *   we know the count).
 * - Otherwise fall back to the pre-refactor behavior: loaded count,
 *   with `+` when there are more pages the user hasn't fetched yet.
 */
-function renderItemCount({ searchQuery, filteredCount, total, hasMore }) {
-	if (searchQuery) return i18n._({
-		id: "WqhW35",
-		message: "{filteredCount, plural, one {# item matching \"{searchQuery}\"} other {# items matching \"{searchQuery}\"}}",
-		values: {
-			filteredCount,
-			searchQuery
-		}
-	});
+function renderItemCount({ searchQuery, filteredCount, total, hasMore, serverSearch }) {
+	if (searchQuery) {
+		const matchCount = serverSearch && typeof total === "number" ? total : filteredCount;
+		return i18n._({
+			id: "UFFm2d",
+			message: "{matchCount, plural, one {# item matching \"{searchQuery}\"} other {# items matching \"{searchQuery}\"}}",
+			values: {
+				matchCount,
+				searchQuery
+			}
+		});
+	}
 	if (typeof total === "number") return i18n._({
 		id: "Q/6//K",
 		message: "{total, plural, one {# item} other {# items}}",
@@ -13593,8 +13995,8 @@ function AllowedTypesEditor({ value, onChange }) {
 
 //#endregion
 //#region src/components/FieldEditor.tsx
-const SLUG_INVALID_CHARS_REGEX = /[^a-z0-9]+/g;
-const SLUG_LEADING_TRAILING_REGEX = /^_|_$/g;
+const SLUG_INVALID_CHARS_REGEX$1 = /[^a-z0-9]+/g;
+const SLUG_LEADING_TRAILING_REGEX$1 = /^_|_$/g;
 function getInitialFormState(field) {
 	if (field) return {
 		step: "config",
@@ -13846,7 +14248,7 @@ function FieldEditor({ open, onOpenChange, field, onSave, isSaving }) {
 	];
 	const handleLabelChange = (value) => {
 		setField("label", value);
-		if (!field) setField("slug", value.toLowerCase().replace(SLUG_INVALID_CHARS_REGEX, "_").replace(SLUG_LEADING_TRAILING_REGEX, ""));
+		if (!field) setField("slug", value.toLowerCase().replace(SLUG_INVALID_CHARS_REGEX$1, "_").replace(SLUG_LEADING_TRAILING_REGEX$1, ""));
 	};
 	const handleTypeSelect = (type) => {
 		setFormState((prev) => ({
@@ -14205,7 +14607,7 @@ function FieldEditor({ open, onOpenChange, field, onSave, isSaving }) {
 													updated[i] = {
 														...sf,
 														label: e.target.value,
-														slug: e.target.value.toLowerCase().replace(SLUG_INVALID_CHARS_REGEX, "_").replace(SLUG_LEADING_TRAILING_REGEX, "")
+														slug: e.target.value.toLowerCase().replace(SLUG_INVALID_CHARS_REGEX$1, "_").replace(SLUG_LEADING_TRAILING_REGEX$1, "")
 													};
 													setFormState((prev) => ({
 														...prev,
@@ -14992,7 +15394,7 @@ function ContentTypeEditor({ collection, isNew, isSaving, onSave, onAddField, on
 									strategy: verticalListSortingStrategy,
 									children: /* @__PURE__ */ jsx("div", {
 										className: "divide-y",
-										children: fields.map((field) => /* @__PURE__ */ jsx(FieldRow, {
+										children: fields.map((field) => /* @__PURE__ */ jsx(FieldRow$1, {
 											field,
 											isFromCode,
 											onEdit: () => handleEditField(field),
@@ -15044,7 +15446,7 @@ function ContentTypeEditor({ collection, isNew, isSaving, onSave, onAddField, on
 		]
 	});
 }
-function FieldRow({ field, isFromCode, onEdit, onDelete }) {
+function FieldRow$1({ field, isFromCode, onEdit, onDelete }) {
 	const { _: _t2 } = useLingui();
 	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
 		id: field.id,
@@ -20221,15 +20623,34 @@ function formatDate$1(isoString) {
 
 //#endregion
 //#region src/components/MediaLibrary.tsx
+/** Maps a coarse type-filter choice to the media list's `mimeType` filter. */
+function mimeForTypeFilter(value) {
+	switch (value) {
+		case "image": return "image/";
+		case "video": return "video/";
+		case "audio": return "audio/";
+		case "document": return ["application/", "text/"];
+		default: return;
+	}
+}
 /**
 * Media library component with upload, provider tabs, and grid view
 */
-function MediaLibrary({ items = [], isLoading, onUpload, onDelete, onItemUpdated, hasMore, onLoadMore }) {
+function MediaLibrary({ items = [], isLoading, onUpload, onDelete, onItemUpdated, hasMore, onLoadMore, onLocalSearchChange, onLocalMimeFilterChange }) {
 	const { _: _t } = useLingui();
 	const [viewMode, setViewMode] = React$1.useState("grid");
 	const [selectedItem, setSelectedItem] = React$1.useState(null);
 	const [activeProvider, setActiveProvider] = React$1.useState("local");
 	const [searchQuery, setSearchQuery] = React$1.useState("");
+	const [localTypeFilter, setLocalTypeFilter] = React$1.useState("all");
+	const debouncedSearch = useDebouncedValue$1(searchQuery, 300);
+	React$1.useEffect(() => {
+		if (activeProvider === "local" && onLocalSearchChange) onLocalSearchChange(debouncedSearch.trim());
+	}, [
+		debouncedSearch,
+		activeProvider,
+		onLocalSearchChange
+	]);
 	const [uploadState, setUploadState] = React$1.useState({ status: "idle" });
 	const fileInputRef = React$1.useRef(null);
 	const [loadedDimensions, setLoadedDimensions] = React$1.useState({});
@@ -20549,17 +20970,61 @@ function MediaLibrary({ items = [], isLoading, onUpload, onDelete, onItemUpdated
 					]
 				})]
 			}),
-			canSearch && /* @__PURE__ */ jsxs("div", {
-				className: "relative max-w-sm",
-				children: [/* @__PURE__ */ jsx(MagnifyingGlass, { className: "absolute start-3 top-1/2 -translate-y-1/2 h-4 w-4 text-kumo-subtle" }), /* @__PURE__ */ jsx(Input, {
-					type: "search",
-					placeholder: _t({
-						id: "YIix5Y",
-						message: "Search..."
-					}),
-					value: searchQuery,
-					onChange: (e) => setSearchQuery(e.target.value),
-					className: "ps-9"
+			(canSearch || activeProvider === "local") && /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap items-center gap-3",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "relative max-w-sm flex-1",
+					children: [/* @__PURE__ */ jsx(MagnifyingGlass, { className: "absolute start-3 top-1/2 -translate-y-1/2 h-4 w-4 text-kumo-subtle" }), /* @__PURE__ */ jsx(Input, {
+						type: "search",
+						placeholder: activeProvider === "local" ? _t({
+							id: "Fwo2VZ",
+							message: "Search by filename..."
+						}) : _t({
+							id: "YIix5Y",
+							message: "Search..."
+						}),
+						"aria-label": _t({
+							id: "GzM+mT",
+							message: "Search media"
+						}),
+						value: searchQuery,
+						onChange: (e) => setSearchQuery(e.target.value),
+						maxLength: MEDIA_SEARCH_MAX_LENGTH,
+						className: "ps-9"
+					})]
+				}), activeProvider === "local" && /* @__PURE__ */ jsx(Select, {
+					value: localTypeFilter,
+					onValueChange: (v) => {
+						const next = v ?? "all";
+						setLocalTypeFilter(next);
+						onLocalMimeFilterChange?.(mimeForTypeFilter(next));
+					},
+					items: {
+						all: _t({
+							id: "h6zvpR",
+							message: "All types"
+						}),
+						image: _t({
+							id: "an5hVd",
+							message: "Images"
+						}),
+						video: _t({
+							id: "vSJd18",
+							message: "Video"
+						}),
+						audio: _t({
+							id: "/rTz0M",
+							message: "Audio"
+						}),
+						document: _t({
+							id: "E/muDO",
+							message: "Documents"
+						})
+					},
+					"aria-label": _t({
+						id: "mP+cvB",
+						message: "Filter by type"
+					})
 				})]
 			}),
 			currentLoading && currentItems.length === 0 && currentProviderItems.length === 0 ? /* @__PURE__ */ jsx("div", {
@@ -21371,8 +21836,9 @@ function MenuEditor() {
 		});
 	};
 	const handleAddContent = (item) => {
+		const type = item.collection === "pages" ? "page" : item.collection === "posts" ? "post" : "collection";
 		createMutation.mutate({
-			type: item.collection,
+			type,
 			label: item.title,
 			referenceCollection: item.collection,
 			referenceId: item.id
@@ -28589,7 +29055,7 @@ function SetupWizard() {
 * Quick navigation and search across the admin interface.
 * Opens with Cmd+K (Mac) or Ctrl+K (Windows/Linux).
 */
-const ROLE_ADMIN$2 = 50;
+const ROLE_ADMIN$3 = 50;
 const ROLE_EDITOR$2 = 40;
 const ROUTE_PARAM_REGEX = /\$(\w+)/g;
 const SEARCH_DEBOUNCE_MS = 300;
@@ -28691,7 +29157,7 @@ function buildNavItems(manifest, userRole) {
 		},
 		to: "/content-types",
 		icon: Database,
-		minRole: ROLE_ADMIN$2,
+		minRole: ROLE_ADMIN$3,
 		keywords: ["schema", "collections"]
 	}, {
 		id: "categories",
@@ -28723,7 +29189,7 @@ function buildNavItems(manifest, userRole) {
 		},
 		to: "/users",
 		icon: Users,
-		minRole: ROLE_ADMIN$2,
+		minRole: ROLE_ADMIN$3,
 		keywords: ["accounts", "team"]
 	}, {
 		id: "plugins",
@@ -28733,7 +29199,7 @@ function buildNavItems(manifest, userRole) {
 		},
 		to: "/plugins-manager",
 		icon: PuzzlePiece,
-		minRole: ROLE_ADMIN$2,
+		minRole: ROLE_ADMIN$3,
 		keywords: ["extensions", "add-ons"]
 	}, {
 		id: "import",
@@ -28743,7 +29209,7 @@ function buildNavItems(manifest, userRole) {
 		},
 		to: "/import/wordpress",
 		icon: Upload,
-		minRole: ROLE_ADMIN$2,
+		minRole: ROLE_ADMIN$3,
 		keywords: ["wordpress", "migrate"]
 	}, {
 		id: "settings",
@@ -28753,7 +29219,7 @@ function buildNavItems(manifest, userRole) {
 		},
 		to: "/settings",
 		icon: Gear,
-		minRole: ROLE_ADMIN$2,
+		minRole: ROLE_ADMIN$3,
 		keywords: ["configuration", "preferences"]
 	}, {
 		id: "security",
@@ -28763,7 +29229,7 @@ function buildNavItems(manifest, userRole) {
 		},
 		to: "/settings/security",
 		icon: Gear,
-		minRole: ROLE_ADMIN$2,
+		minRole: ROLE_ADMIN$3,
 		keywords: ["passkeys", "authentication"]
 	});
 	for (const [pluginId, config] of Object.entries(manifest.plugins)) {
@@ -28953,9 +29419,124 @@ function AdminCommandPalette({ manifest }) {
 
 //#endregion
 //#region src/components/Sidebar.tsx
-const ROLE_ADMIN$1 = 50;
+const ROLE_ADMIN$2 = 50;
 const ROLE_EDITOR$1 = 40;
 /**
+* Static invariants for nav entries that have AC-level visibility
+* requirements (Phase 5 of Discussion #1174: "Admin sees the 'Byline
+* Schema' entry; Editor does not").
+*
+* Exported as plain data so a unit test can assert the route + role
+* pairing without mounting Kumo's Sidebar primitive — which portals
+* its rendered content to `document.body` and applies collapse-state
+* CSS (`display:none` on labels at narrow viewports), making
+* full-DOM tests of role filtering brittle. The runtime `adminItems`
+* array below references these constants directly so the test
+* effectively guards the production list.
+*/
+const BYLINE_SCHEMA_NAV_ITEM = {
+	to: "/byline-schema",
+	minRole: ROLE_ADMIN$2
+};
+/**
+* Filter a nav-items list by user role. Pure function — exported so
+* tests can verify the role gate without rendering the sidebar. An
+* item passes when it has no `minRole` (public) or the user is at
+* least the required level.
+*/
+function filterNavItemsByRole(items, userRole) {
+	return items.filter((item) => !item.minRole || userRole >= item.minRole);
+}
+/**
+* Static map of common plugin admin-page icon names to Phosphor components.
+*
+* Plugins declare `adminPages: [{ path, label, icon }]`, where `icon` is a
+* lower/kebab name. This table covers the names used across the EmDash
+* docs/templates (including lucide-style names like `settings`/`chart` that
+* don't match Phosphor's own naming) plus common nav glyphs. These are
+* statically imported, so the everyday case resolves *synchronously* and the
+* handful of components ship in the main bundle — the full Phosphor set is
+* never pulled in for them. Any name not listed here is resolved lazily
+* (see `resolveNavIcon`), so there is no hard ceiling.
+*/
+const NAV_ICON_MAP = {
+	settings: Gear,
+	gear: Gear,
+	chart: ChartBar,
+	"chart-line": ChartLine,
+	dashboard: SquaresFour,
+	history: ClockCounterClockwise,
+	image: Image$1,
+	award: Medal,
+	trophy: Trophy,
+	grid: GridFour,
+	crop: Crop,
+	book: BookOpen,
+	plug: Plug,
+	code: Code,
+	file: FileText,
+	document: FileText,
+	users: Users,
+	database: Database,
+	list: List,
+	calendar: CalendarBlank,
+	bell: Bell,
+	folder: Folder,
+	star: Star,
+	tag: Tag,
+	link: LinkSimple,
+	search: MagnifyingGlass,
+	palette: Palette,
+	upload: Upload
+};
+/** Word separators in icon names: kebab, snake, or whitespace. */
+const ICON_NAME_SEPARATOR = /[-_\s]+/;
+/**
+* Convert a kebab/snake/space icon name to Phosphor's PascalCase component
+* name (`chart-bar` → `ChartBar`). Exported for unit testing the pure mapping.
+*/
+function toPhosphorIconName(name) {
+	return name.split(ICON_NAME_SEPARATOR).filter(Boolean).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join("");
+}
+/**
+* Cache of lazily-loaded icon components, keyed by Phosphor component name.
+* `React.lazy` must return a stable identity across renders (a fresh lazy
+* component on every render would remount and re-suspend), so memoize here.
+*/
+const lazyIconCache = /* @__PURE__ */ new Map();
+/**
+* Resolve a plugin page's `icon` name to a component.
+*
+* Resolution order:
+*   1. No icon → `PuzzlePiece` (the common icon-less page never suspends).
+*   2. A name in `NAV_ICON_MAP` → its statically-imported component (sync,
+*      already in the main bundle — no extra chunk for everyday icons).
+*   3. Anything else → the matching `@phosphor-icons/react` component, loaded
+*      lazily from a code-split chunk the first time it's used. This gives
+*      access to the entire Phosphor set without pulling it into the main
+*      bundle, and only loads when a plugin uses an icon outside the map.
+*      Names that don't exist in Phosphor fall back to `PuzzlePiece`.
+*
+* Case 3 returns a `React.lazy` component, so call sites must render the
+* result inside a `<React.Suspense>` boundary (see `NavMenuLink`). Exported
+* so a unit test can assert resolution without mounting the portal-heavy
+* Kumo Sidebar.
+*/
+function resolveNavIcon(name) {
+	if (!name) return PuzzlePiece;
+	const mapped = NAV_ICON_MAP[name];
+	if (mapped) return mapped;
+	const componentName = toPhosphorIconName(name);
+	let icon = lazyIconCache.get(componentName);
+	if (!icon) {
+		icon = React$1.lazy(async () => {
+			return { default: (await import("@phosphor-icons/react"))[componentName] ?? PuzzlePiece };
+		});
+		lazyIconCache.set(componentName, icon);
+	}
+	return icon;
+}
+/**
 * Navigation item rendered as a TanStack Router <Link> inside kumo's
 * Sidebar.MenuItem. Styled to match kumo MenuButton appearance.
 * This approach guarantees client-side navigation works correctly.
@@ -28963,6 +29544,7 @@ const ROLE_EDITOR$1 = 40;
 function NavMenuLink({ item, isActive }) {
 	const { state } = useSidebar();
 	const Icon = item.icon;
+	const iconClassName = cn("emdash-nav-icon size-[18px] shrink-0 transition-colors duration-200", isActive ? "text-white" : "text-white/60 group-hover/menu-button:text-white/90");
 	const link = /* @__PURE__ */ jsxs(Link$1, {
 		to: item.to,
 		params: item.params,
@@ -28970,9 +29552,15 @@ function NavMenuLink({ item, isActive }) {
 		"data-active": isActive || void 0,
 		"data-sidebar": "menu-button",
 		className: cn("emdash-nav-link group/menu-button flex w-full min-w-0 items-center gap-2.5 rounded-md no-underline outline-none cursor-pointer", "min-h-[36px] px-3 py-1.5 text-[13px]", "transition-all duration-200 ease-out", isActive ? "bg-kumo-brand text-white" : "text-white/70 hover:text-white hover:bg-white/8", "focus-visible:ring-2 focus-visible:ring-kumo-brand/50"),
-		children: [/* @__PURE__ */ jsx(Icon, {
-			className: cn("emdash-nav-icon size-[18px] shrink-0 transition-colors duration-200", isActive ? "text-white" : "text-white/60 group-hover/menu-button:text-white/90"),
-			"aria-hidden": "true"
+		children: [/* @__PURE__ */ jsx(React$1.Suspense, {
+			fallback: /* @__PURE__ */ jsx(PuzzlePiece, {
+				className: iconClassName,
+				"aria-hidden": "true"
+			}),
+			children: /* @__PURE__ */ jsx(Icon, {
+				className: iconClassName,
+				"aria-hidden": "true"
+			})
 		}), /* @__PURE__ */ jsxs("span", {
 			className: "emdash-nav-label flex flex-1 items-center min-w-0 text-start overflow-hidden",
 			children: [item.label, item.badge != null && item.badge > 0 && /* @__PURE__ */ jsx(KumoSidebar.MenuBadge, { children: item.badge })]
@@ -29060,7 +29648,7 @@ function SidebarNav({ manifest }) {
 				message: "Redirects"
 			}),
 			icon: ArrowsLeftRight,
-			minRole: ROLE_ADMIN$1
+			minRole: ROLE_ADMIN$2
 		},
 		{
 			to: "/widgets",
@@ -29105,7 +29693,7 @@ function SidebarNav({ manifest }) {
 				message: "Content Types"
 			}),
 			icon: Database,
-			minRole: ROLE_ADMIN$1
+			minRole: ROLE_ADMIN$2
 		},
 		{
 			to: "/users",
@@ -29114,7 +29702,7 @@ function SidebarNav({ manifest }) {
 				message: "Users"
 			}),
 			icon: Users,
-			minRole: ROLE_ADMIN$1
+			minRole: ROLE_ADMIN$2
 		},
 		{
 			to: "/plugins-manager",
@@ -29123,7 +29711,7 @@ function SidebarNav({ manifest }) {
 				message: "Plugins"
 			}),
 			icon: PuzzlePiece,
-			minRole: ROLE_ADMIN$1
+			minRole: ROLE_ADMIN$2
 		}
 	];
 	if (manifest.registry) adminItems.push({
@@ -29133,7 +29721,7 @@ function SidebarNav({ manifest }) {
 			message: "Registry"
 		}),
 		icon: Storefront,
-		minRole: ROLE_ADMIN$1
+		minRole: ROLE_ADMIN$2
 	});
 	else if (manifest.marketplace) adminItems.push({
 		to: "/plugins/marketplace",
@@ -29142,7 +29730,7 @@ function SidebarNav({ manifest }) {
 			message: "Marketplace"
 		}),
 		icon: Storefront,
-		minRole: ROLE_ADMIN$1
+		minRole: ROLE_ADMIN$2
 	});
 	if (manifest.marketplace) adminItems.push({
 		to: "/themes/marketplace",
@@ -29151,7 +29739,7 @@ function SidebarNav({ manifest }) {
 			message: "Themes"
 		}),
 		icon: Palette,
-		minRole: ROLE_ADMIN$1
+		minRole: ROLE_ADMIN$2
 	});
 	adminItems.push({
 		to: "/import/wordpress",
@@ -29160,7 +29748,7 @@ function SidebarNav({ manifest }) {
 			message: "Import"
 		}),
 		icon: Upload,
-		minRole: ROLE_ADMIN$1
+		minRole: ROLE_ADMIN$2
 	}, {
 		to: "/settings",
 		label: _t({
@@ -29168,7 +29756,7 @@ function SidebarNav({ manifest }) {
 			message: "Settings"
 		}),
 		icon: Gear,
-		minRole: ROLE_ADMIN$1
+		minRole: ROLE_ADMIN$2
 	});
 	const pluginItems = [];
 	for (const [pluginId, config] of Object.entries(manifest.plugins)) {
@@ -29182,16 +29770,15 @@ function SidebarNav({ manifest }) {
 				pluginItems.push({
 					to: `/plugins/${pluginId}${page.path}`,
 					label,
-					icon: PuzzlePiece
+					icon: resolveNavIcon(page.icon)
 				});
 			}
 		}
 	}
-	const filterByRole = (items) => items.filter((item) => !item.minRole || userRole >= item.minRole);
-	const visibleContent = filterByRole(contentItems);
-	const visibleManage = filterByRole(manageItems);
-	const visibleAdmin = filterByRole(adminItems);
-	const visiblePlugins = filterByRole(pluginItems);
+	const visibleContent = filterNavItemsByRole(contentItems, userRole);
+	const visibleManage = filterNavItemsByRole(manageItems, userRole);
+	const visibleAdmin = filterNavItemsByRole(adminItems, userRole);
+	const visiblePlugins = filterNavItemsByRole(pluginItems, userRole);
 	function renderNavItems(items) {
 		return items.map((item, index) => {
 			return /* @__PURE__ */ jsx(NavMenuLink, {
@@ -35288,6 +35875,858 @@ function AuthorMappingStep({ authorMappings, emdashUsers, onMappingChange, onCon
 	});
 }
 
+//#endregion
+//#region src/components/BylineFieldEditor.tsx
+/**
+* BylineFieldEditor (Phase 5 of Discussion #1174).
+*
+* Purpose-built create/edit dialog for byline custom-field definitions.
+* Constrains the type select to the five v1 types declared by the
+* `BylineFieldType` union — narrower than the content-field universe —
+* and exposes the `translatable` toggle (the storage-split flag) that
+* the content `FieldEditor` doesn't have.
+*
+* Single-step form (not the type-picker → config flow used by
+* `FieldEditor`): with only five types a `<Select>` is faster than a
+* grid of cards and the dialog stays under ~200 LOC.
+*
+* The `translatable` toggle is locked when editing a field that already
+* has stored values — the server returns `TRANSLATABLE_LOCKED` (409) for
+* the flip, but disabling the input + showing a help message saves a
+* round-trip and is friendlier than a toast. Usage is passed in by the
+* parent (which fetches `getBylineFieldUsage` on edit-open) so this
+* component stays a pure controlled form.
+*/
+const SLUG_INVALID_CHARS_REGEX = /[^a-z0-9]+/g;
+const SLUG_LEADING_TRAILING_REGEX = /^_|_$/g;
+/**
+* The five v1 byline field types. Kept in lock-step with the server-side
+* `BYLINE_FIELD_TYPES` constant (`packages/core/src/schema/types.ts`).
+*
+* `MessageDescriptor`s are resolved with `t(descriptor)` inside the
+* component so the strings extract correctly to the Lingui catalog.
+*/
+const TYPE_OPTIONS = [
+	{
+		value: "string",
+		label: {
+			id: "q13dKg",
+			message: "Short text"
+		}
+	},
+	{
+		value: "text",
+		label: {
+			id: "g+zzQs",
+			message: "Long text"
+		}
+	},
+	{
+		value: "url",
+		label: {
+			id: "IagCbF",
+			message: "URL"
+		}
+	},
+	{
+		value: "boolean",
+		label: {
+			id: "bOwPjT",
+			message: "Boolean"
+		}
+	},
+	{
+		value: "select",
+		label: {
+			id: "rG3WVm",
+			message: "Select"
+		}
+	}
+];
+function initialFormState(field) {
+	if (!field) return {
+		slug: "",
+		label: "",
+		type: "string",
+		required: false,
+		translatable: true,
+		options: ""
+	};
+	return {
+		slug: field.slug,
+		label: field.label,
+		type: field.type,
+		required: field.required,
+		translatable: field.translatable,
+		options: field.validation?.options?.join("\n") ?? ""
+	};
+}
+function BylineFieldEditor({ open, onOpenChange, field, usageTotal = 0, onSave, isSaving, error }) {
+	const { _: _t } = useLingui();
+	const isEdit = !!field;
+	const [state, setState] = React$1.useState(() => initialFormState(field));
+	React$1.useEffect(() => {
+		if (open) setState(initialFormState(field));
+	}, [open, field]);
+	const setField = (key, value) => setState((prev) => ({
+		...prev,
+		[key]: value
+	}));
+	const handleLabelChange = (value) => {
+		setField("label", value);
+		if (!isEdit) setField("slug", value.toLowerCase().replace(SLUG_INVALID_CHARS_REGEX, "_").replace(SLUG_LEADING_TRAILING_REGEX, ""));
+	};
+	const parsedSelectOptions = state.type === "select" ? state.options.split("\n").map((o) => o.trim()).filter(Boolean) : [];
+	const handleSave = () => {
+		if (!state.label.trim()) return;
+		if (!isEdit && !state.slug.trim()) return;
+		if (state.type === "select" && parsedSelectOptions.length === 0) return;
+		const validation = state.type === "select" ? { options: parsedSelectOptions } : null;
+		if (isEdit) onSave({
+			label: state.label,
+			required: state.required,
+			translatable: field && state.translatable !== field.translatable ? state.translatable : void 0,
+			validation
+		});
+		else onSave({
+			slug: state.slug,
+			label: state.label,
+			type: state.type,
+			required: state.required,
+			translatable: state.translatable,
+			validation
+		});
+	};
+	const translatableLocked = isEdit && usageTotal > 0;
+	const canSave = state.label.trim().length > 0 && (isEdit || state.slug.trim().length > 0) && (state.type !== "select" || parsedSelectOptions.length > 0);
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(Dialog, {
+			className: "p-6 max-w-xl",
+			size: "lg",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-start justify-between gap-4 mb-4",
+					children: [/* @__PURE__ */ jsx(Dialog.Title, {
+						className: "text-lg font-semibold leading-none tracking-tight",
+						children: isEdit ? _t({
+							id: "hcfOYc",
+							message: "Edit byline field"
+						}) : _t({
+							id: "hT2KP5",
+							message: "New byline field"
+						})
+					}), /* @__PURE__ */ jsx(Dialog.Close, {
+						"aria-label": _t({
+							id: "yz7wBu",
+							message: "Close"
+						}),
+						render: (props) => /* @__PURE__ */ jsxs(Button, {
+							...props,
+							variant: "ghost",
+							shape: "square",
+							"aria-label": _t({
+								id: "yz7wBu",
+								message: "Close"
+							}),
+							className: "absolute end-4 top-4",
+							children: [/* @__PURE__ */ jsx(X, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+								className: "sr-only",
+								children: _t({
+									id: "yz7wBu",
+									message: "Close"
+								})
+							})]
+						})
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "space-y-5",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "grid grid-cols-2 gap-4",
+							children: [/* @__PURE__ */ jsx(Input, {
+								label: _t({
+									id: "87a/t/",
+									message: "Label"
+								}),
+								value: state.label,
+								onChange: (e) => handleLabelChange(e.target.value),
+								placeholder: _t({
+									id: "qMgKul",
+									message: "Job title"
+								})
+							}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Input, {
+								label: _t({
+									id: "L85WcV",
+									message: "Slug"
+								}),
+								value: state.slug,
+								onChange: (e) => setField("slug", e.target.value),
+								placeholder: _t({
+									id: "gddbae",
+									message: "job_title"
+								}),
+								disabled: isEdit
+							}), isEdit && /* @__PURE__ */ jsx("p", {
+								className: "text-xs text-kumo-subtle mt-2",
+								children: _t({
+									id: "5OXS9U",
+									message: "Slugs cannot be changed after the field is created."
+								})
+							})] })]
+						}),
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Select, {
+							label: _t({
+								id: "+zy2Nq",
+								message: "Type"
+							}),
+							value: state.type,
+							onValueChange: (v) => setField("type", v ?? "string"),
+							items: Object.fromEntries(TYPE_OPTIONS.map(({ value, label }) => [value, _t(label)])),
+							disabled: isEdit
+						}), isEdit && /* @__PURE__ */ jsx("p", {
+							className: "text-xs text-kumo-subtle mt-2",
+							children: _t({
+								id: "NF9uuv",
+								message: "Field type cannot be changed after creation."
+							})
+						})] }),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex flex-wrap items-center gap-6",
+							children: [/* @__PURE__ */ jsx(Switch, {
+								checked: state.required,
+								onCheckedChange: (checked) => setField("required", checked),
+								label: /* @__PURE__ */ jsx("span", {
+									className: "text-sm",
+									children: _t({
+										id: "TMLAx2",
+										message: "Required"
+									})
+								})
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "flex flex-col gap-1",
+								children: [/* @__PURE__ */ jsx(Switch, {
+									checked: state.translatable,
+									onCheckedChange: (checked) => setField("translatable", checked),
+									disabled: translatableLocked,
+									label: /* @__PURE__ */ jsx("span", {
+										className: "text-sm",
+										children: _t({
+											id: "O/SdND",
+											message: "Translatable"
+										})
+									})
+								}), /* @__PURE__ */ jsx("p", {
+									className: "text-xs text-kumo-subtle max-w-xs",
+									children: translatableLocked ? _t({
+										id: "3GPtwD",
+										message: "Locked because this field has stored values. Delete the values (or the field) to change this."
+									}) : state.translatable ? _t({
+										id: "ONAVuM",
+										message: "Stored per locale — each translation of a byline gets its own value."
+									}) : _t({
+										id: "msPOkF",
+										message: "Shared across all translations of the same byline."
+									})
+								})]
+							})]
+						}),
+						state.type === "select" && /* @__PURE__ */ jsx(InputArea, {
+							label: _t({
+								id: "okW6+j",
+								message: "Options (one per line)"
+							}),
+							value: state.options,
+							onChange: (e) => setField("options", e.target.value),
+							placeholder: _t({
+								id: "Y9cJqL",
+								message: "Editor\nReporter\nPhotographer"
+							}),
+							rows: 5
+						}),
+						/* @__PURE__ */ jsx(DialogError, {
+							message: getMutationError(error),
+							className: "mt-1"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "mt-6 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+					children: [/* @__PURE__ */ jsx(Button, {
+						variant: "outline",
+						onClick: () => onOpenChange(false),
+						disabled: isSaving,
+						children: _t({
+							id: "dEgA5A",
+							message: "Cancel"
+						})
+					}), /* @__PURE__ */ jsx(Button, {
+						onClick: handleSave,
+						disabled: !canSave || isSaving,
+						children: isSaving ? _t({
+							id: "K/F6pa",
+							message: "Saving…"
+						}) : isEdit ? _t({
+							id: "y3aU20",
+							message: "Save changes"
+						}) : _t({
+							id: "A3eIjV",
+							message: "Create field"
+						})
+					})]
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+//#region src/routes/byline-schema.tsx
+/**
+* Byline custom-field schema management (Phase 5 of Discussion #1174).
+*
+* Admin can create / edit / delete / reorder byline custom-field
+* definitions. Modelled on the content-type management UX but uses the
+* purpose-built `BylineFieldEditor` (5-type subset + `translatable`
+* toggle).
+*
+* Reorder uses ↑/↓ buttons per row rather than drag-and-drop — the v1
+* registry caps the field set at a small number (admins typically
+* register 2–5 custom fields per site), accessibility is better without
+* pulling in a DnD dependency, and screen-reader users get usable
+* keyboard semantics for free. The reorder API takes the full slug list
+* in the desired order; clicking ↑ swaps the row with its neighbour and
+* fires the mutation.
+*
+* Permission gate: `ROLE_ADMIN`. The route is also gated at the sidebar
+* level (`minRole: ROLE_ADMIN`), but a manually-typed URL still hits
+* this page — so the in-component check is the source of truth.
+*/
+const ROLE_ADMIN$1 = 50;
+const QUERY_KEY = ["byline-fields"];
+function BylineSchemaPage() {
+	const { _: _t } = useLingui();
+	const queryClient = useQueryClient();
+	const toastManager = Toast.useToastManager();
+	const { data: currentUser, isLoading: userLoading } = useCurrentUser();
+	const [editingField, setEditingField] = React$1.useState(null);
+	const [creating, setCreating] = React$1.useState(false);
+	const [deletingField, setDeletingField] = React$1.useState(null);
+	const fieldsQuery = useQuery({
+		queryKey: QUERY_KEY,
+		queryFn: listBylineFields,
+		enabled: !!currentUser && currentUser.role >= ROLE_ADMIN$1
+	});
+	const usageQuery = useQuery({
+		queryKey: [
+			"byline-schema",
+			"usage",
+			editingField?.slug ?? null
+		],
+		queryFn: () => editingField ? getBylineFieldUsage(editingField.slug) : Promise.resolve(null),
+		enabled: !!editingField
+	});
+	const deleteUsageQuery = useQuery({
+		queryKey: [
+			"byline-schema",
+			"usage",
+			deletingField?.slug ?? null
+		],
+		queryFn: () => deletingField ? getBylineFieldUsage(deletingField.slug) : Promise.resolve(null),
+		enabled: !!deletingField
+	});
+	const createMutation = useMutation({
+		mutationFn: (input) => createBylineField(input),
+		onSuccess: (field) => {
+			queryClient.invalidateQueries({ queryKey: QUERY_KEY });
+			toastManager.add({
+				title: _t({
+					id: "5fyK5P",
+					message: "Field created"
+				}),
+				description: _t({
+					id: "CmHSIV",
+					message: "Created \"{0}\".",
+					values: { 0: field.label }
+				})
+			});
+			setCreating(false);
+		},
+		onError: (mutationError) => {
+			toastManager.add({
+				title: _t({
+					id: "WWQD//",
+					message: "Failed to create field"
+				}),
+				description: mutationError instanceof Error ? mutationError.message : _t({
+					id: "Vw8l6h",
+					message: "An error occurred"
+				}),
+				type: "error"
+			});
+		}
+	});
+	const updateMutation = useMutation({
+		mutationFn: (vars) => updateBylineField(vars.slug, vars.input),
+		onSuccess: (field) => {
+			queryClient.invalidateQueries({ queryKey: QUERY_KEY });
+			toastManager.add({
+				title: _t({
+					id: "oaEgX0",
+					message: "Field updated"
+				}),
+				description: _t({
+					id: "m64wqx",
+					message: "Saved \"{0}\".",
+					values: { 0: field.label }
+				})
+			});
+			setEditingField(null);
+		},
+		onError: (mutationError) => {
+			toastManager.add({
+				title: _t({
+					id: "nfiPO9",
+					message: "Failed to save field"
+				}),
+				description: mutationError instanceof Error ? mutationError.message : _t({
+					id: "Vw8l6h",
+					message: "An error occurred"
+				}),
+				type: "error"
+			});
+		}
+	});
+	const deleteMutation = useMutation({
+		mutationFn: (slug) => deleteBylineField(slug),
+		onSuccess: () => {
+			queryClient.invalidateQueries({ queryKey: QUERY_KEY });
+			toastManager.add({ title: _t({
+				id: "LX8Pu1",
+				message: "Field deleted"
+			}) });
+			setDeletingField(null);
+		},
+		onError: (mutationError) => {
+			toastManager.add({
+				title: _t({
+					id: "e0xtVp",
+					message: "Failed to delete field"
+				}),
+				description: mutationError instanceof Error ? mutationError.message : _t({
+					id: "Vw8l6h",
+					message: "An error occurred"
+				}),
+				type: "error"
+			});
+		}
+	});
+	const reorderMutation = useMutation({
+		mutationFn: (slugs) => reorderBylineFields(slugs),
+		onSuccess: () => {
+			queryClient.invalidateQueries({ queryKey: QUERY_KEY });
+		},
+		onError: (mutationError) => {
+			toastManager.add({
+				title: _t({
+					id: "eGNX2z",
+					message: "Failed to reorder fields"
+				}),
+				description: mutationError instanceof Error ? mutationError.message : _t({
+					id: "Vw8l6h",
+					message: "An error occurred"
+				}),
+				type: "error"
+			});
+		}
+	});
+	if (userLoading) return /* @__PURE__ */ jsx("div", {
+		className: "flex items-center justify-center min-h-[50vh]",
+		children: /* @__PURE__ */ jsx(Loader, {})
+	});
+	if (!currentUser || currentUser.role < ROLE_ADMIN$1) return /* @__PURE__ */ jsx("div", {
+		className: "flex items-center justify-center min-h-[50vh]",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "text-center",
+			children: [/* @__PURE__ */ jsx("h1", {
+				className: "text-2xl font-bold",
+				children: _t({
+					id: "S2Rr8h",
+					message: "Access denied"
+				})
+			}), /* @__PURE__ */ jsx("p", {
+				className: "mt-2 text-kumo-subtle",
+				children: _t({
+					id: "MKw3nY",
+					message: "You need admin permissions to manage byline schema."
+				})
+			})]
+		})
+	});
+	const fields = fieldsQuery.data?.items ?? [];
+	const handleMove = (index, delta) => {
+		const targetIndex = index + delta;
+		if (targetIndex < 0 || targetIndex >= fields.length) return;
+		const next = [...fields];
+		const a = next[index];
+		const b = next[targetIndex];
+		if (!a || !b) return;
+		next[index] = b;
+		next[targetIndex] = a;
+		reorderMutation.mutate(next.map((f) => f.slug));
+	};
+	const handleCreate = (input) => {
+		if ("slug" in input && "type" in input) createMutation.mutate(input);
+	};
+	const handleEdit = (input) => {
+		if (!editingField) return;
+		if (!("slug" in input) && !("type" in input)) updateMutation.mutate({
+			slug: editingField.slug,
+			input
+		});
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
+					className: "text-2xl font-bold",
+					children: _t({
+						id: "5YHQju",
+						message: "Byline schema"
+					})
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-kumo-subtle text-sm",
+					children: _t({
+						id: "yYyG5z",
+						message: "Define custom fields stored on every byline — job title, pronouns, social handles, and more."
+					})
+				})] }), /* @__PURE__ */ jsx(Button, {
+					icon: /* @__PURE__ */ jsx(Plus, {}),
+					onClick: () => setCreating(true),
+					children: _t({
+						id: "kV1LSq",
+						message: "New field"
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "rounded-md border bg-kumo-base overflow-x-auto",
+				children: /* @__PURE__ */ jsxs("table", {
+					className: "w-full",
+					children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", {
+						className: "border-b bg-kumo-tint/50",
+						children: [
+							/* @__PURE__ */ jsx("th", {
+								scope: "col",
+								className: "px-4 py-3 text-start text-sm font-medium",
+								children: _t({
+									id: "87a/t/",
+									message: "Label"
+								})
+							}),
+							/* @__PURE__ */ jsx("th", {
+								scope: "col",
+								className: "px-4 py-3 text-start text-sm font-medium",
+								children: _t({
+									id: "L85WcV",
+									message: "Slug"
+								})
+							}),
+							/* @__PURE__ */ jsx("th", {
+								scope: "col",
+								className: "px-4 py-3 text-start text-sm font-medium",
+								children: _t({
+									id: "+zy2Nq",
+									message: "Type"
+								})
+							}),
+							/* @__PURE__ */ jsx("th", {
+								scope: "col",
+								className: "px-4 py-3 text-start text-sm font-medium",
+								children: _t({
+									id: "O/SdND",
+									message: "Translatable"
+								})
+							}),
+							/* @__PURE__ */ jsx("th", {
+								scope: "col",
+								className: "px-4 py-3 text-start text-sm font-medium",
+								children: _t({
+									id: "TMLAx2",
+									message: "Required"
+								})
+							}),
+							/* @__PURE__ */ jsx("th", {
+								scope: "col",
+								className: "px-4 py-3 text-end text-sm font-medium",
+								children: _t({
+									id: "7L01XJ",
+									message: "Actions"
+								})
+							})
+						]
+					}) }), /* @__PURE__ */ jsx("tbody", {
+						className: "divide-y divide-kumo-line",
+						children: fieldsQuery.isLoading ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
+							colSpan: 6,
+							className: "px-4 py-8 text-center text-kumo-subtle",
+							children: _t({
+								id: "IMm99K",
+								message: "Loading byline fields…"
+							})
+						}) }) : fieldsQuery.isError ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs("td", {
+							colSpan: 6,
+							className: "px-4 py-8 text-center",
+							children: [
+								/* @__PURE__ */ jsx("p", {
+									className: "text-kumo-danger font-medium",
+									children: _t({
+										id: "ORkiLh",
+										message: "Couldn't load byline fields."
+									})
+								}),
+								/* @__PURE__ */ jsx("p", {
+									className: "text-sm text-kumo-subtle mt-1",
+									children: fieldsQuery.error instanceof Error ? fieldsQuery.error.message : _t({
+										id: "W5A0Ly",
+										message: "An unexpected error occurred."
+									})
+								}),
+								/* @__PURE__ */ jsx(Button, {
+									variant: "outline",
+									size: "sm",
+									className: "mt-3",
+									onClick: () => void fieldsQuery.refetch(),
+									children: _t({
+										id: "6gRgw8",
+										message: "Retry"
+									})
+								})
+							]
+						}) }) : fields.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs("td", {
+							colSpan: 6,
+							className: "px-4 py-12 text-center text-kumo-subtle",
+							children: [
+								/* @__PURE__ */ jsx(IdentificationCard, {
+									className: "mx-auto h-8 w-8 mb-3 text-kumo-subtle",
+									"aria-hidden": "true"
+								}),
+								/* @__PURE__ */ jsx("p", { children: _t({
+									id: "7XUltI",
+									message: "No byline fields yet."
+								}) }),
+								/* @__PURE__ */ jsx("p", {
+									className: "text-xs mt-1",
+									children: _t({
+										id: "USA0K0",
+										message: "Add fields like \"Job title\" or \"Pronouns\" to enrich every byline."
+									})
+								})
+							]
+						}) }) : fields.map((field, index) => /* @__PURE__ */ jsx(FieldRow, {
+							field,
+							isFirst: index === 0,
+							isLast: index === fields.length - 1,
+							onMoveUp: () => handleMove(index, -1),
+							onMoveDown: () => handleMove(index, 1),
+							onEdit: () => setEditingField(field),
+							onDelete: () => setDeletingField(field),
+							reorderPending: reorderMutation.isPending
+						}, field.id))
+					})]
+				})
+			}),
+			/* @__PURE__ */ jsx(BylineFieldEditor, {
+				open: creating,
+				onOpenChange: (open) => {
+					if (!open) {
+						setCreating(false);
+						createMutation.reset();
+					}
+				},
+				onSave: handleCreate,
+				isSaving: createMutation.isPending,
+				error: createMutation.error
+			}),
+			editingField && /* @__PURE__ */ jsx(BylineFieldEditor, {
+				open: !!editingField,
+				onOpenChange: (open) => {
+					if (!open) {
+						setEditingField(null);
+						updateMutation.reset();
+					}
+				},
+				field: editingField,
+				usageTotal: usageQuery.data?.totalAffectedRows ?? 0,
+				onSave: handleEdit,
+				isSaving: updateMutation.isPending,
+				error: updateMutation.error
+			}, editingField.id),
+			/* @__PURE__ */ jsx(ConfirmDialog, {
+				open: !!deletingField,
+				onClose: () => {
+					setDeletingField(null);
+					deleteMutation.reset();
+				},
+				title: _t({
+					id: "S353b7",
+					message: "Delete byline field?"
+				}),
+				description: deletingField ? deleteUsageQuery.isLoading ? _t({
+					id: "WeKBmZ",
+					message: "Checking how many stored values reference \"{0}\"…",
+					values: { 0: deletingField.label }
+				}) : deleteUsageQuery.isError ? _t({
+					id: "AsyqqW",
+					message: "Couldn't verify how many values reference \"{0}\". Deleting will still remove every stored value for this field — but the count above could not be checked.",
+					values: { 0: deletingField.label }
+				}) : deleteUsageQuery.data && deleteUsageQuery.data.totalAffectedRows > 0 ? _t({
+					id: "YjS/z6",
+					message: "Deleting \"{0}\" will also remove {1, plural, one {# stored value} other {# stored values}} across all bylines. This cannot be undone.",
+					values: {
+						0: deletingField.label,
+						1: deleteUsageQuery.data.totalAffectedRows
+					}
+				}) : _t({
+					id: "27Gnm/",
+					message: "Are you sure you want to delete \"{0}\"? No stored values reference this field.",
+					values: { 0: deletingField.label }
+				}) : "",
+				confirmLabel: _t({
+					id: "cnGeoo",
+					message: "Delete"
+				}),
+				pendingLabel: _t({
+					id: "gXQX4x",
+					message: "Deleting…"
+				}),
+				isPending: deleteMutation.isPending,
+				error: deleteMutation.error,
+				onConfirm: () => {
+					if (deletingField) deleteMutation.mutate(deletingField.slug);
+				}
+			})
+		]
+	});
+}
+function FieldRow({ field, isFirst, isLast, onMoveUp, onMoveDown, onEdit, onDelete, reorderPending }) {
+	const { _: _t2 } = useLingui();
+	return /* @__PURE__ */ jsxs("tr", {
+		className: "hover:bg-kumo-tint/25",
+		children: [
+			/* @__PURE__ */ jsx("td", {
+				className: "px-4 py-3 font-medium",
+				children: field.label
+			}),
+			/* @__PURE__ */ jsx("td", {
+				className: "px-4 py-3",
+				children: /* @__PURE__ */ jsx("code", {
+					className: "text-sm bg-kumo-tint px-1.5 py-0.5 rounded",
+					children: field.slug
+				})
+			}),
+			/* @__PURE__ */ jsx("td", {
+				className: "px-4 py-3 text-sm",
+				children: field.type
+			}),
+			/* @__PURE__ */ jsx("td", {
+				className: "px-4 py-3 text-sm",
+				children: field.translatable ? _t2({
+					id: "l75CjT",
+					message: "Yes"
+				}) : _t2({
+					id: "Vqmggp",
+					message: "No (shared across translations)"
+				})
+			}),
+			/* @__PURE__ */ jsx("td", {
+				className: "px-4 py-3 text-sm",
+				children: field.required ? _t2({
+					id: "l75CjT",
+					message: "Yes"
+				}) : _t2({
+					id: "1UzENP",
+					message: "No"
+				})
+			}),
+			/* @__PURE__ */ jsx("td", {
+				className: "px-4 py-3 text-end",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center justify-end gap-1",
+					children: [
+						/* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							shape: "square",
+							size: "sm",
+							"aria-label": _t2({
+								id: "ko+NNU",
+								message: "Move \"{0}\" up",
+								values: { 0: field.label }
+							}),
+							disabled: isFirst || reorderPending,
+							onClick: onMoveUp,
+							children: /* @__PURE__ */ jsx(ArrowUp, {
+								className: "h-4 w-4",
+								"aria-hidden": "true"
+							})
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							shape: "square",
+							size: "sm",
+							"aria-label": _t2({
+								id: "Q23Rqr",
+								message: "Move \"{0}\" down",
+								values: { 0: field.label }
+							}),
+							disabled: isLast || reorderPending,
+							onClick: onMoveDown,
+							children: /* @__PURE__ */ jsx(ArrowDown, {
+								className: "h-4 w-4",
+								"aria-hidden": "true"
+							})
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							shape: "square",
+							size: "sm",
+							"aria-label": _t2({
+								id: "N6j2JH",
+								message: "Edit {0}",
+								values: { 0: field.label }
+							}),
+							onClick: onEdit,
+							children: /* @__PURE__ */ jsx(Pencil, {
+								className: "h-4 w-4",
+								"aria-hidden": "true"
+							})
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							shape: "square",
+							size: "sm",
+							"aria-label": _t2({
+								id: "Y2tU6I",
+								message: "Delete {0}",
+								values: { 0: field.label }
+							}),
+							onClick: onDelete,
+							children: /* @__PURE__ */ jsx(Trash, {
+								className: "h-4 w-4 text-kumo-danger",
+								"aria-hidden": "true"
+							})
+						})
+					]
+				})
+			})
+		]
+	});
+}
+
 //#endregion
 //#region src/routes/bylines.tsx
 /**
@@ -35304,7 +36743,8 @@ function toFormState(byline) {
 		bio: "",
 		websiteUrl: "",
 		userId: null,
-		isGuest: false
+		isGuest: false,
+		customFields: {}
 	};
 	return {
 		slug: byline.slug,
@@ -35312,7 +36752,8 @@ function toFormState(byline) {
 		bio: byline.bio ?? "",
 		websiteUrl: byline.websiteUrl ?? "",
 		userId: byline.userId,
-		isGuest: byline.isGuest
+		isGuest: byline.isGuest,
+		customFields: byline.customFields ?? {}
 	};
 }
 function getUserLabel(user) {
@@ -35325,6 +36766,7 @@ function BylinesPage() {
 	const navigate = useNavigate$1();
 	const { locale: routeLocale } = useSearch({ from: "/_admin/bylines" });
 	const [search, setSearch] = React$1.useState("");
+	const debouncedSearch = useDebouncedValue$1(search, 300);
 	const [guestFilter, setGuestFilter] = React$1.useState("all");
 	const [selectedId, setSelectedId] = React$1.useState(null);
 	const [showDeleteConfirm, setShowDeleteConfirm] = React$1.useState(false);
@@ -35336,6 +36778,8 @@ function BylinesPage() {
 	});
 	const i18n = useI18nConfig(manifest);
 	const isMultiLocale = !!i18n && i18n.locales.length > 1;
+	const { data: currentUser } = useCurrentUser();
+	const canManageBylineSchema = (currentUser?.role ?? 0) >= BYLINE_SCHEMA_NAV_ITEM.minRole;
 	const activeLocale = routeLocale ?? i18n?.defaultLocale ?? void 0;
 	const handleLocaleChange = (locale) => {
 		navigate({
@@ -35347,12 +36791,12 @@ function BylinesPage() {
 	const { data, isLoading, error } = useQuery({
 		queryKey: [
 			"bylines",
-			search,
+			debouncedSearch,
 			guestFilter,
 			activeLocale ?? null
 		],
 		queryFn: () => fetchBylines({
-			search: search || void 0,
+			search: debouncedSearch || void 0,
 			isGuest: guestFilter === "all" ? void 0 : guestFilter === "guest",
 			locale: activeLocale,
 			limit: 50
@@ -35369,6 +36813,12 @@ function BylinesPage() {
 		queryFn: () => fetchUsers({ limit: 100 })
 	});
 	const users = usersData?.items ?? [];
+	const { data: customFieldsList, error: customFieldsError } = useQuery({
+		queryKey: ["byline-fields"],
+		queryFn: listBylineFields,
+		staleTime: 60 * 1e3
+	});
+	const customFieldDefs = customFieldsList?.items ?? [];
 	const loadMoreMutation = useMutation({
 		mutationFn: async (snapshot) => {
 			return {
@@ -35384,7 +36834,7 @@ function BylinesPage() {
 		},
 		onSuccess: ({ result, snapshot }) => {
 			if (!loadMoreSnapshotMatches(snapshot, {
-				search,
+				search: debouncedSearch,
 				guestFilter,
 				locale: activeLocale
 			})) return;
@@ -35409,31 +36859,38 @@ function BylinesPage() {
 		enabled: !!selectedId && isMultiLocale
 	});
 	const createMutation = useMutation({
-		mutationFn: () => createByline({
-			slug: form.slug,
-			displayName: form.displayName,
-			bio: form.bio || null,
-			websiteUrl: form.websiteUrl || null,
-			userId: form.userId,
-			isGuest: form.isGuest,
-			locale: activeLocale
-		}),
+		mutationFn: () => {
+			const body = {
+				slug: form.slug,
+				displayName: form.displayName,
+				bio: form.bio || null,
+				websiteUrl: form.websiteUrl || null,
+				userId: form.userId,
+				isGuest: form.isGuest,
+				locale: activeLocale
+			};
+			if (!customFieldsError && Object.keys(form.customFields).length > 0) body.customFields = form.customFields;
+			return createByline(body);
+		},
 		onSuccess: (created) => {
 			queryClient.invalidateQueries({ queryKey: ["bylines"] });
+			queryClient.invalidateQueries({ queryKey: ["byline", created.id] });
 			setSelectedId(created.id);
 		}
 	});
 	const updateMutation = useMutation({
 		mutationFn: () => {
 			if (!selectedId) throw new Error("No byline selected");
-			return updateByline(selectedId, {
+			const body = {
 				slug: form.slug,
 				displayName: form.displayName,
 				bio: form.bio || null,
 				websiteUrl: form.websiteUrl || null,
 				userId: form.userId,
 				isGuest: form.isGuest
-			});
+			};
+			if (!customFieldsError) body.customFields = form.customFields;
+			return updateByline(selectedId, body);
 		},
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: ["bylines"] });
@@ -35471,7 +36928,7 @@ function BylinesPage() {
 			setSelectedId(created.id);
 		}
 	});
-	if (isLoading) return /* @__PURE__ */ jsx("div", {
+	if (isLoading && !data) return /* @__PURE__ */ jsx("div", {
 		className: "flex items-center justify-center min-h-[30vh]",
 		children: /* @__PURE__ */ jsx(Loader, {})
 	});
@@ -35488,21 +36945,32 @@ function BylinesPage() {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-4",
 		children: [
-			isMultiLocale && i18n && activeLocale ? /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("h1", {
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between gap-3",
+				children: [/* @__PURE__ */ jsx("h1", {
 					className: "text-2xl font-semibold",
 					children: _t({
 						id: "xLGa7J",
 						message: "Bylines"
 					})
-				}) }), /* @__PURE__ */ jsx(LocaleSwitcher, {
-					locales: i18n.locales,
-					defaultLocale: i18n.defaultLocale,
-					value: activeLocale,
-					onChange: handleLocaleChange
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [canManageBylineSchema && /* @__PURE__ */ jsx(RouterLinkButton, {
+						to: BYLINE_SCHEMA_NAV_ITEM.to,
+						variant: "secondary",
+						icon: /* @__PURE__ */ jsx(IdentificationCard, {}),
+						children: _t({
+							id: "5YHQju",
+							message: "Byline schema"
+						})
+					}), isMultiLocale && i18n && activeLocale && /* @__PURE__ */ jsx(LocaleSwitcher, {
+						locales: i18n.locales,
+						defaultLocale: i18n.defaultLocale,
+						value: activeLocale,
+						onChange: handleLocaleChange
+					})]
 				})]
-			}) : null,
+			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "grid grid-cols-1 gap-6 lg:grid-cols-[320px_1fr]",
 				children: [/* @__PURE__ */ jsxs("div", {
@@ -35589,7 +37057,7 @@ function BylinesPage() {
 								variant: "secondary",
 								className: "w-full mt-2",
 								onClick: () => loadMoreMutation.mutate({
-									search,
+									search: debouncedSearch,
 									guestFilter,
 									locale: activeLocale,
 									cursor: nextCursor
@@ -35690,6 +37158,33 @@ function BylinesPage() {
 									},
 									className: "w-full"
 								}),
+								customFieldDefs.length > 0 && customFieldDefs.map((field) => /* @__PURE__ */ jsx(CustomFieldInput, {
+									field,
+									value: form.customFields[field.slug],
+									onChange: (next) => setForm((prev) => ({
+										...prev,
+										customFields: {
+											...prev.customFields,
+											[field.slug]: next
+										}
+									}))
+								}, field.id)),
+								customFieldsError && /* @__PURE__ */ jsxs("div", {
+									className: "rounded-md border border-kumo-danger/40 bg-kumo-danger/5 p-3 text-sm",
+									children: [/* @__PURE__ */ jsx("p", {
+										className: "font-medium text-kumo-danger",
+										children: _t({
+											id: "Jci99j",
+											message: "Couldn't load custom fields."
+										})
+									}), /* @__PURE__ */ jsx("p", {
+										className: "text-xs text-kumo-subtle mt-1",
+										children: _t({
+											id: "X+FaLl",
+											message: "You can still edit the fixed fields above. Saving will not touch any stored custom-field values."
+										})
+									})]
+								}),
 								/* @__PURE__ */ jsx(Switch, {
 									label: _t({
 										id: "6CRaxp",
@@ -35783,6 +37278,66 @@ function BylinesPage() {
 		]
 	});
 }
+/**
+* Renders a single registered byline custom field as the appropriate
+* Kumo input for its type (Phase 6 of #1174).
+*
+* Five v1 type cases mirror `BylineFieldType` and the inputs that
+* `BylineFieldEditor` allows admins to register. Empty string inputs
+* coerce to `null` on save so the repo's "null clears the row"
+* storage semantic engages — server-side `BylineRepository.update`
+* deletes the value row rather than storing an empty-string JSON.
+*
+* `field.required` adds a `*` after the label as a visual hint; the
+* server is authoritative on validation (Phase 6 ACs don't include a
+* client-side required check — the registry's `required` flag is
+* descriptive rather than enforced in the write path today).
+*/
+function CustomFieldInput({ field, value, onChange }) {
+	const { _: _t2 } = useLingui();
+	const label = field.required ? `${field.label} *` : field.label;
+	const stringValue = typeof value === "string" ? value : "";
+	switch (field.type) {
+		case "string": return /* @__PURE__ */ jsx(Input, {
+			label,
+			value: stringValue,
+			onChange: (e) => onChange(e.target.value === "" ? null : e.target.value)
+		});
+		case "text": return /* @__PURE__ */ jsx(InputArea, {
+			label,
+			value: stringValue,
+			onChange: (e) => onChange(e.target.value === "" ? null : e.target.value),
+			rows: 3
+		});
+		case "url": return /* @__PURE__ */ jsx(Input, {
+			type: "url",
+			label,
+			value: stringValue,
+			onChange: (e) => onChange(e.target.value === "" ? null : e.target.value)
+		});
+		case "boolean": return /* @__PURE__ */ jsx(Switch, {
+			label,
+			checked: value === true,
+			onCheckedChange: (checked) => onChange(checked)
+		});
+		case "select": {
+			const options = field.validation?.options ?? [];
+			const items = Object.create(null);
+			items[""] = _t2({
+				id: "9npDF6",
+				message: "-- Select --"
+			});
+			for (const opt of options) items[opt] = opt;
+			return /* @__PURE__ */ jsx(Select, {
+				label,
+				value: stringValue,
+				onValueChange: (v) => onChange(!v ? null : v),
+				items,
+				className: "w-full"
+			});
+		}
+	}
+}
 
 //#endregion
 //#region src/components/users/RoleBadge.tsx
@@ -37146,13 +38701,15 @@ function ContentListPage() {
 		field: "updatedAt",
 		direction: "desc"
 	});
+	const [searchTerm, setSearchTerm] = React$1.useState("");
 	const { data, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading, error } = useInfiniteQuery({
 		queryKey: [
 			"content",
 			collection,
 			{
 				locale: activeLocale,
-				sort
+				sort,
+				search: searchTerm
 			}
 		],
 		queryFn: ({ pageParam }) => fetchContentList(collection, {
@@ -37160,7 +38717,8 @@ function ContentListPage() {
 			cursor: pageParam,
 			limit: 100,
 			orderBy: sort.field,
-			order: sort.direction
+			order: sort.direction,
+			search: searchTerm || void 0
 		}),
 		initialPageParam: void 0,
 		getNextPageParam: (lastPage) => lastPage.nextCursor,
@@ -37299,7 +38857,8 @@ function ContentListPage() {
 		urlPattern: collectionConfig.urlPattern,
 		sort,
 		onSortChange: setSort,
-		total
+		total,
+		onSearchChange: setSearchTerm
 	});
 }
 const contentNewRoute = createRoute({
@@ -37914,11 +39473,18 @@ const mediaRoute = createRoute({
 });
 function MediaPage() {
 	const queryClient = useQueryClient();
+	const [search, setSearch] = React$1.useState("");
+	const [mimeFilter, setMimeFilter] = React$1.useState(void 0);
 	const { data, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading, error } = useInfiniteQuery({
-		queryKey: ["media"],
+		queryKey: ["media", {
+			search,
+			mime: Array.isArray(mimeFilter) ? mimeFilter.join(",") : mimeFilter ?? ""
+		}],
 		queryFn: ({ pageParam }) => fetchMediaList({
 			cursor: pageParam,
-			limit: 100
+			limit: 100,
+			search: search || void 0,
+			mimeType: mimeFilter
 		}),
 		initialPageParam: void 0,
 		getNextPageParam: (lastPage) => lastPage.nextCursor
@@ -37945,7 +39511,9 @@ function MediaPage() {
 		hasMore: !!hasNextPage,
 		onLoadMore: () => void fetchNextPage(),
 		onUpload: (file) => uploadMutation.mutate(file),
-		onDelete: (id) => deleteMutation.mutate(id)
+		onDelete: (id) => deleteMutation.mutate(id),
+		onLocalSearchChange: setSearch,
+		onLocalMimeFilterChange: setMimeFilter
 	});
 }
 const commentsRoute = createRoute({
@@ -38312,6 +39880,11 @@ const bylinesRoute = createRoute({
 	component: BylinesPage,
 	validateSearch: parseBylinesLocaleSearch
 });
+const bylineSchemaRoute = createRoute({
+	getParentRoute: () => adminLayoutRoute,
+	path: "/byline-schema",
+	component: BylineSchemaPage
+});
 const contentTypesListRoute = createRoute({
 	getParentRoute: () => adminLayoutRoute,
 	path: "/content-types",
@@ -38538,6 +40111,7 @@ const adminRoutes = adminLayoutRoute.addChildren([
 	taxonomyRoute,
 	usersRoute,
 	bylinesRoute,
+	bylineSchemaRoute,
 	widgetsRoute,
 	settingsRoute,
 	generalSettingsRoute,
@@ -38695,5 +40269,5 @@ function AdminApp({ pluginAdmins = EMPTY_PLUGINS, authProviders = EMPTY_AUTH_PRO
 }
 
 //#endregion
-export { API_BASE, API_TOKEN_SCOPES, AdminApp, AdminApp as App, AuthProviderProvider, CAPABILITY_LABELS, ContentEditor, ContentList, DEFAULT_LOCALE, Dashboard, EditorHeader, Header, Link, LoginPage, MediaLibrary, MediaPickerModal, PasskeyLogin, PasskeyRegistration, PluginAdminProvider, PortableTextEditor, SUPPORTED_LOCALES, SUPPORTED_LOCALE_CODES, SaveButton, Settings, SetupWizard, Shell, KumoSidebar as Sidebar, SidebarNav, analyzeWpPluginSite, analyzeWxr, apiFetch, bulkCommentAction, checkPluginUpdates, cn, compareRevisions, completeSignup, createAdminRouter, createAllowedDomain, createApiToken, createByline, createBylineTranslation, createCollection, createContent, createField, createMenu, createMenuItem, createMenuTranslation, createRedirect, createSection, createTaxonomy, createTerm, createTermTranslation, createWidget, createWidgetArea, deleteAllowedDomain, deleteByline, deleteCollection, deleteComment, deleteContent, deleteField, deleteFromProvider, deleteMedia, deleteMenu, deleteMenuItem, deletePasskey, deleteRedirect, deleteSection, deleteTerm, deleteWidget, deleteWidgetArea, describeCapability, disablePlugin, disableUser, discardDraft, duplicateContent, enablePlugin, enableUser, executeWpPluginImport, executeWxrImport, fetch404Summary, fetchAllowedDomains, fetchApiTokens, fetchAuthMode, fetchByline, fetchBylineTranslations, fetchBylines, fetchCollection, fetchCollections, fetchComment, fetchCommentCounts, fetchComments, fetchContent, fetchContentList, fetchDashboardStats, fetchEmailSettings, fetchFields, fetchManifest, fetchMarketplacePlugin, fetchMediaList, fetchMediaProviders, fetchMenu, fetchMenuTranslations, fetchMenus, fetchOrphanedTables, fetchPasskeys, fetchPlugin, fetchPlugins, fetchProviderMedia, fetchRedirects, fetchRevision, fetchRevisions, fetchSection, fetchSections, fetchSettings, fetchTaxonomyDef, fetchTaxonomyDefs, fetchTermTranslations, fetchTerms, fetchTheme, fetchTranslations, fetchTrashedContent, fetchUser, fetchUsers, fetchWidgetArea, fetchWidgetAreas, fetchWidgetComponents, generatePreviewUrl, getDraftStatus, getPreviewUrl, hasAllowedDomains, importWxrMedia, installMarketplacePlugin, inviteUser, parseApiResponse, permanentDeleteContent, prepareWxrImport, probeImportUrl, publishContent, registerOrphanedTable, renamePasskey, reorderFields, reorderMenuItems, reorderWidgets, requestSignup, resolveLocale, restoreContent, restoreRevision, revokeApiToken, rewriteContentUrls, scheduleContent, searchMarketplace, searchThemes, sendRecoveryLink, sendTestEmail, setSearchEnabled, throwResponseError, uninstallMarketplacePlugin, unpublishContent, unscheduleContent, updateAllowedDomain, updateByline, updateCollection, updateCommentStatus, updateContent, updateField, updateMarketplacePlugin, updateMedia, updateMenu, updateMenuItem, updateRedirect, updateSection, updateSettings, updateTerm, updateUser, updateWidget, uploadMedia, uploadToProvider, useAuthProviderList, useAuthProviders, useCurrentUser, useLocale, useNavigate, useParams, usePluginAdmins, usePluginField, usePluginHasPages, usePluginHasWidgets, usePluginPage, usePluginWidget, validateInviteToken, verifySignupToken };
+export { API_BASE, API_TOKEN_SCOPES, AdminApp, AdminApp as App, AuthProviderProvider, CAPABILITY_LABELS, ContentEditor, ContentList, DEFAULT_LOCALE, Dashboard, EditorHeader, Header, Link, LoginPage, MEDIA_SEARCH_MAX_LENGTH, MediaLibrary, MediaPickerModal, PasskeyLogin, PasskeyRegistration, PluginAdminProvider, PortableTextEditor, SUPPORTED_LOCALES, SUPPORTED_LOCALE_CODES, SaveButton, Settings, SetupWizard, Shell, KumoSidebar as Sidebar, SidebarNav, analyzeWpPluginSite, analyzeWxr, apiFetch, bulkCommentAction, checkPluginUpdates, cn, compareRevisions, completeSignup, createAdminRouter, createAllowedDomain, createApiToken, createByline, createBylineField, createBylineTranslation, createCollection, createContent, createField, createMenu, createMenuItem, createMenuTranslation, createRedirect, createSection, createTaxonomy, createTerm, createTermTranslation, createWidget, createWidgetArea, deleteAllowedDomain, deleteByline, deleteBylineField, deleteCollection, deleteComment, deleteContent, deleteField, deleteFromProvider, deleteMedia, deleteMenu, deleteMenuItem, deletePasskey, deleteRedirect, deleteSection, deleteTerm, deleteWidget, deleteWidgetArea, describeCapability, disablePlugin, disableUser, discardDraft, duplicateContent, enablePlugin, enableUser, executeWpPluginImport, executeWxrImport, fetch404Summary, fetchAllowedDomains, fetchApiTokens, fetchAuthMode, fetchByline, fetchBylineTranslations, fetchBylines, fetchCollection, fetchCollections, fetchComment, fetchCommentCounts, fetchComments, fetchContent, fetchContentList, fetchDashboardStats, fetchEmailSettings, fetchFields, fetchManifest, fetchMarketplacePlugin, fetchMediaList, fetchMediaProviders, fetchMenu, fetchMenuTranslations, fetchMenus, fetchOrphanedTables, fetchPasskeys, fetchPlugin, fetchPlugins, fetchProviderMedia, fetchRedirects, fetchRevision, fetchRevisions, fetchSection, fetchSections, fetchSettings, fetchTaxonomyDef, fetchTaxonomyDefs, fetchTermTranslations, fetchTerms, fetchTheme, fetchTranslations, fetchTrashedContent, fetchUser, fetchUsers, fetchWidgetArea, fetchWidgetAreas, fetchWidgetComponents, generatePreviewUrl, getBylineFieldUsage, getDraftStatus, getPreviewUrl, hasAllowedDomains, importWxrMedia, installMarketplacePlugin, inviteUser, listBylineFields, parseApiResponse, permanentDeleteContent, prepareWxrImport, probeImportUrl, publishContent, registerOrphanedTable, renamePasskey, reorderBylineFields, reorderFields, reorderMenuItems, reorderWidgets, requestSignup, resolveLocale, restoreContent, restoreRevision, revokeApiToken, rewriteContentUrls, scheduleContent, searchMarketplace, searchThemes, sendRecoveryLink, sendTestEmail, setSearchEnabled, throwResponseError, uninstallMarketplacePlugin, unpublishContent, unscheduleContent, updateAllowedDomain, updateByline, updateBylineField, updateCollection, updateCommentStatus, updateContent, updateField, updateMarketplacePlugin, updateMedia, updateMenu, updateMenuItem, updateRedirect, updateSection, updateSettings, updateTerm, updateUser, updateWidget, uploadMedia, uploadToProvider, useAuthProviderList, useAuthProviders, useCurrentUser, useLocale, useNavigate, useParams, usePluginAdmins, usePluginField, usePluginHasPages, usePluginHasWidgets, usePluginPage, usePluginWidget, validateInviteToken, verifySignupToken };
 //# sourceMappingURL=index.js.map