@emdash-cms/admin 0.28.0 → 0.29.0

package/dist/index.js

@@ -1,7 +1,7 @@
 import { c as fetchAuthMode, d as throwResponseError, i as fetchPlugins, l as fetchManifest, n as enablePlugin, o as API_BASE, r as fetchPlugin, s as apiFetch, t as disablePlugin, u as parseApiResponse } from "./plugins-G9Z9NQ7n.js";
-import { a as SUPPORTED_LOCALES, i as DEFAULT_LOCALE, l as resolveLocale, n as useLocale, o as SUPPORTED_LOCALE_CODES, s as getLocaleDir, t as LocaleDirectionProvider } from "./LocaleDirectionProvider-C9lpIjJq.js";
+import { a as SUPPORTED_LOCALES, i as DEFAULT_LOCALE, l as resolveLocale, n as useLocale, o as SUPPORTED_LOCALE_CODES, s as getLocaleDir, t as LocaleDirectionProvider } from "./LocaleDirectionProvider-BChkadr-.js";
 import "./locales/index.js";
-import { Autocomplete, Badge, Button, Checkbox, ClipboardText, Combobox, CommandPalette, Dialog, Input, InputArea, Label, LinkButton, LinkProvider, Loader, Popover, Select, Sidebar as KumoSidebar, Switch, Tabs, Toast, Toasty, Tooltip, buttonVariants, useKumoToastManager, useSidebar } from "@cloudflare/kumo";
+import { Autocomplete, Badge, Banner, Button, Checkbox, ClipboardText, Combobox, CommandPalette, Dialog, Input, InputArea, Label, LayerCard, LinkButton, LinkProvider, Loader, Popover, Select, Sidebar as KumoSidebar, SkeletonLine, Switch, Tabs, Toast, Toasty, Tooltip, buttonVariants, useKumoToastManager, useSidebar } from "@cloudflare/kumo";
 import { i18n } from "@lingui/core";
 import { I18nProvider, Trans, useLingui } from "@lingui/react";
 import { QueryClient, QueryClientProvider, keepPreviousData, useInfiniteQuery, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
@@ -10,7 +10,7 @@ import * as React$1 from "react";
 import React, { createContext, useCallback, useContext, useEffect, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Dialog as Dialog$1 } from "@cloudflare/kumo/primitives";
-import { ArrowCounterClockwise, ArrowDown, ArrowRight, ArrowRightIcon, ArrowSquareOut, ArrowUUpLeft, ArrowUUpRight, ArrowUp, ArrowsClockwise, ArrowsInSimple, ArrowsLeftRight, ArrowsOutSimple, Bell, BookOpen, BracketsAngle, BracketsCurly, Calendar, CalendarBlank, CaretDown, CaretRightIcon, CaretUp, CaretUpDown, ChartBar, ChartLine, ChatCircle, Check, CheckCircle, CircleDashed, CircleNotch, ClockCounterClockwise, Cloud, Code, CodeBlock, Columns, Copy, Crop, Cube, Database, DeviceMobile, DotsSixVertical, DownloadSimple, Envelope, EnvelopeSimple, Eye, EyeSlash, File, FileArrowDown, FileText, FloppyDisk, Folder, FolderOpen, Gear, GithubLogo, Globe, GlobeSimple, GridFour, HardDrive, Hash, IdentificationCard, Image as Image$1, ImageBroken, ImageSquare, Images, Info, Key, Link as Link$2, LinkBreak, LinkSimple, List, ListBullets, ListChecks, ListNumbers, MagnifyingGlass, Medal, Minus, Monitor, Moon, Palette, PaperPlaneTilt, Paperclip, Paragraph, Pencil, PencilSimple, Plug, PlugsConnected, Plus, Prohibit, PuzzlePiece, Quotes, Rows, Ruler, ShareNetwork, Shield, ShieldCheck, ShieldWarning, SignOut, SlidersHorizontal, Sparkle, SquaresFour, Stack, Star, Storefront, Sun, Table, Tag, TextAlignCenter, TextAlignLeft, TextAlignRight, TextB, TextHOne, TextHThree, TextHTwo, TextItalic, TextStrikethrough, TextT, TextUnderline, ToggleLeft, Trash, Trophy, Upload, User, UserCircle, UserPlus, Users, Warning, WarningCircle, WebhooksLogo, X, YoutubeLogo } from "@phosphor-icons/react";
+import { ArrowCounterClockwise, ArrowDown, ArrowRightIcon, ArrowSquareOut, ArrowUUpLeft, ArrowUUpRight, ArrowUp, ArrowsClockwise, ArrowsInSimple, ArrowsLeftRight, ArrowsOutSimple, Bell, BookOpen, BracketsAngle, BracketsCurly, Calendar, CalendarBlank, CaretDown, CaretRightIcon, CaretUp, CaretUpDown, ChartBar, ChartLine, ChatCircle, Check, CheckCircle, CircleDashed, CircleNotch, ClockCounterClockwise, Cloud, Code, CodeBlock, Columns, Copy, Crop, Cube, Database, DeviceMobile, DotsSixVertical, DownloadSimple, Envelope, EnvelopeSimple, Eye, EyeSlash, File, FileArrowDown, FileText, FloppyDisk, Folder, FolderOpen, Gear, GithubLogo, Globe, GlobeSimple, GridFour, HardDrive, Hash, IdentificationCard, Image as Image$1, ImageBroken, ImageSquare, Images, Info, Key, Link as Link$2, LinkBreak, LinkSimple, List, ListBullets, ListChecks, ListNumbers, MagnifyingGlass, Medal, Minus, Monitor, Moon, Palette, PaperPlaneTilt, Paperclip, Paragraph, Pencil, PencilSimple, Plug, PlugsConnected, Plus, Prohibit, PuzzlePiece, Quotes, Rows, Ruler, ShareNetwork, Shield, ShieldCheck, ShieldWarning, SignOut, SlidersHorizontal, Sparkle, SquaresFour, Stack, Star, Storefront, Sun, Table, Tag, TextAlignCenter, TextAlignLeft, TextAlignRight, TextB, TextHOne, TextHThree, TextHTwo, TextItalic, TextStrikethrough, TextT, TextUnderline, ToggleLeft, Trash, Trophy, Upload, User, UserCircle, UserPlus, Users, Warning, WarningCircle, WebhooksLogo, X, YoutubeLogo } from "@phosphor-icons/react";
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 import { DndContext, DragOverlay, KeyboardSensor, PointerSensor, closestCenter, rectIntersection, useDraggable, useDroppable, useSensor, useSensors } from "@dnd-kit/core";
@@ -608,8 +608,13 @@ function CommentStatusBadge({ status }) {
 			message: "trash"
 		})
 	};
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("inline-flex items-center rounded-full px-2.5 py-1 text-xs font-medium", status === "approved" && "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200", status === "pending" && "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200", status === "spam" && "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200", status === "trash" && "bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-200"),
+	return /* @__PURE__ */ jsx(Badge, {
+		variant: {
+			approved: "success",
+			pending: "warning",
+			spam: "error",
+			trash: "neutral"
+		}[status],
 		children: labels[status]
 	});
 }
@@ -1096,7 +1101,7 @@ function CommentRow({ comment, isSelected, onToggle, onRowClick, onStatusChange,
 							}),
 							onClick: () => onStatusChange(comment.id, "approved"),
 							disabled: isStatusPending,
-							children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-green-600" })
+							children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-kumo-success" })
 						}),
 						comment.status !== "spam" && /* @__PURE__ */ jsx(Button, {
 							variant: "ghost",
@@ -1108,7 +1113,7 @@ function CommentRow({ comment, isSelected, onToggle, onRowClick, onStatusChange,
 							}),
 							onClick: () => onStatusChange(comment.id, "spam"),
 							disabled: isStatusPending,
-							children: /* @__PURE__ */ jsx(Warning, { className: "h-4 w-4 text-orange-500" })
+							children: /* @__PURE__ */ jsx(Warning, { className: "h-4 w-4 text-kumo-warning" })
 						}),
 						comment.status !== "trash" && /* @__PURE__ */ jsx(Button, {
 							variant: "ghost",
@@ -3002,6 +3007,10 @@ const CAPABILITY_LABELS = {
 		id: "cibvDN",
 		message: "Create, update, and delete content"
 	},
+	"taxonomies:read": {
+		id: "qLgcL9",
+		message: "Read your taxonomies and terms"
+	},
 	"media:read": {
 		id: "Le+rBu",
 		message: "Access your media library"
@@ -13671,11 +13680,13 @@ 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, onSearchChange, statusFilter = "all", onStatusFilterChange, authors, authorFilter = "", onAuthorFilterChange, dateFilter = EMPTY_DATE_FILTER, onDateFilterChange }) {
+function ContentList({ collection, collectionLabel, items, trashedItems = [], isLoading, isTrashedLoading, onDelete, onDuplicate, onRestore, onPermanentDelete, onLoadMore, onLoadMoreTrashed, hasMore, hasMoreTrashed, trashedCount = 0, i18n: i18n$2, activeLocale, onLocaleChange, urlPattern, sort, onSortChange, total, onSearchChange, statusFilter = "all", onStatusFilterChange, authors, authorFilter = "", onAuthorFilterChange, dateFilter = EMPTY_DATE_FILTER, onDateFilterChange, onBulkPublish, onBulkUnpublish, onBulkDelete }) {
 	const { _: _t } = useLingui();
 	const [activeTab, setActiveTab] = React$1.useState("all");
 	const [searchQuery, setSearchQuery] = React$1.useState("");
 	const [page, setPage] = React$1.useState(0);
+	const [selectedIds, setSelectedIds] = React$1.useState(() => /* @__PURE__ */ new Set());
+	const bulkEnabled = !!(onBulkPublish || onBulkUnpublish || onBulkDelete);
 	const serverSearch = !!onSearchChange;
 	const debouncedSearch = useDebouncedValue$1(searchQuery, 300);
 	React$1.useEffect(() => {
@@ -13710,6 +13721,48 @@ function ContentList({ collection, collectionLabel, items, trashedItems = [], is
 		searchQuery,
 		serverSearch
 	]);
+	React$1.useEffect(() => {
+		setSelectedIds((prev) => {
+			if (prev.size === 0) return prev;
+			const present = new Set(items.map((i) => i.id));
+			let changed = false;
+			const next = /* @__PURE__ */ new Set();
+			for (const id of prev) if (present.has(id)) next.add(id);
+			else changed = true;
+			return changed ? next : prev;
+		});
+	}, [items]);
+	const clearSelection = React$1.useCallback(() => setSelectedIds(/* @__PURE__ */ new Set()), []);
+	const toggleOne = (id) => setSelectedIds((prev) => {
+		const next = new Set(prev);
+		if (next.has(id)) next.delete(id);
+		else next.add(id);
+		return next;
+	});
+	const pageIds = paginatedItems.map((i) => i.id);
+	const allPageSelected = pageIds.length > 0 && pageIds.every((id) => selectedIds.has(id));
+	const togglePage = () => setSelectedIds((prev) => {
+		const next = new Set(prev);
+		if (allPageSelected) for (const id of pageIds) next.delete(id);
+		else for (const id of pageIds) next.add(id);
+		return next;
+	});
+	const selectedCount = selectedIds.size;
+	const [bulkBusy, setBulkBusy] = React$1.useState(false);
+	const runBulk = (fn) => {
+		if (!fn || selectedCount === 0 || bulkBusy) return;
+		const ids = [...selectedIds];
+		setBulkBusy(true);
+		(async () => {
+			try {
+				const failedIds = await fn(ids);
+				setSelectedIds(new Set(failedIds));
+			} catch {} finally {
+				setBulkBusy(false);
+			}
+		})();
+	};
+	const colSpan = (i18n$2 ? 5 : 4) + (bulkEnabled ? 1 : 0);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-4",
 		children: [
@@ -13720,9 +13773,9 @@ function ContentList({ collection, collectionLabel, items, trashedItems = [], is
 					children: [/* @__PURE__ */ jsx("h1", {
 						className: "text-2xl font-bold",
 						children: collectionLabel
-					}), i18n && activeLocale && onLocaleChange && /* @__PURE__ */ jsx(LocaleSwitcher, {
-						locales: i18n.locales,
-						defaultLocale: i18n.defaultLocale,
+					}), i18n$2 && activeLocale && onLocaleChange && /* @__PURE__ */ jsx(LocaleSwitcher, {
+						locales: i18n$2.locales,
+						defaultLocale: i18n$2.defaultLocale,
 						value: activeLocale,
 						onChange: onLocaleChange,
 						size: "sm"
@@ -13800,6 +13853,109 @@ function ContentList({ collection, collectionLabel, items, trashedItems = [], is
 					dateFilter,
 					onDateFilterChange
 				}),
+				bulkEnabled && selectedCount > 0 && /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-wrap items-center gap-3 rounded-md border bg-kumo-tint/40 px-4 py-2",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "text-sm font-medium",
+						children: bulkBusy ? _t({
+							id: "JKl1C3",
+							message: "Working on {selectedCount} items…",
+							values: { selectedCount }
+						}) : i18n._({
+							id: "6XtCKk",
+							message: "{selectedCount, plural, one {# selected} other {# selected}}",
+							values: { selectedCount }
+						})
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-wrap items-center gap-2",
+						children: [
+							onBulkPublish && /* @__PURE__ */ jsx(Button, {
+								size: "sm",
+								variant: "secondary",
+								disabled: bulkBusy,
+								onClick: () => runBulk(onBulkPublish),
+								children: _t({
+									id: "EEYbdt",
+									message: "Publish"
+								})
+							}),
+							onBulkUnpublish && /* @__PURE__ */ jsx(Button, {
+								size: "sm",
+								variant: "secondary",
+								disabled: bulkBusy,
+								onClick: () => runBulk(onBulkUnpublish),
+								children: _t({
+									id: "aIk+8y",
+									message: "Set to draft"
+								})
+							}),
+							onBulkDelete && /* @__PURE__ */ jsxs(Dialog.Root, {
+								disablePointerDismissal: true,
+								children: [/* @__PURE__ */ jsx(Dialog.Trigger, { render: (p) => /* @__PURE__ */ jsx(Button, {
+									...p,
+									size: "sm",
+									variant: "destructive",
+									icon: /* @__PURE__ */ jsx(Trash, {}),
+									disabled: bulkBusy,
+									children: _t({
+										id: "rRZjIm",
+										message: "Move to trash"
+									})
+								}) }), /* @__PURE__ */ jsxs(Dialog, {
+									className: "p-6",
+									size: "sm",
+									children: [
+										/* @__PURE__ */ jsx(Dialog.Title, {
+											className: "text-lg font-semibold",
+											children: _t({
+												id: "eAnjuA",
+												message: "Move to Trash?"
+											})
+										}),
+										/* @__PURE__ */ jsx(Dialog.Description, {
+											className: "text-kumo-subtle",
+											children: i18n._({
+												id: "wzIy8K",
+												message: "{selectedCount, plural, one {Move # item to trash? You can restore it later.} other {Move # items to trash? You can restore them later.}}",
+												values: { selectedCount }
+											})
+										}),
+										/* @__PURE__ */ jsxs("div", {
+											className: "mt-6 flex justify-end gap-2",
+											children: [/* @__PURE__ */ jsx(Dialog.Close, { render: (p) => /* @__PURE__ */ jsx(Button, {
+												...p,
+												variant: "secondary",
+												children: _t({
+													id: "dEgA5A",
+													message: "Cancel"
+												})
+											}) }), /* @__PURE__ */ jsx(Dialog.Close, { render: (p) => /* @__PURE__ */ jsx(Button, {
+												...p,
+												variant: "destructive",
+												onClick: () => runBulk(onBulkDelete),
+												children: _t({
+													id: "q3TWG7",
+													message: "Move to Trash"
+												})
+											}) })]
+										})
+									]
+								})]
+							}),
+							/* @__PURE__ */ jsx(Button, {
+								size: "sm",
+								variant: "ghost",
+								icon: /* @__PURE__ */ jsx(X, {}),
+								disabled: bulkBusy,
+								onClick: clearSelection,
+								children: _t({
+									id: "xCJdfg",
+									message: "Clear"
+								})
+							})
+						]
+					})]
+				}),
 				/* @__PURE__ */ jsx("div", {
 					className: "rounded-md border bg-kumo-base overflow-x-auto",
 					children: /* @__PURE__ */ jsxs("table", {
@@ -13807,6 +13963,18 @@ function ContentList({ collection, collectionLabel, items, trashedItems = [], is
 						children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", {
 							className: "border-b bg-kumo-tint/50",
 							children: [
+								bulkEnabled && /* @__PURE__ */ jsx("th", {
+									scope: "col",
+									className: "w-10 px-4 py-3",
+									children: /* @__PURE__ */ jsx(Checkbox, {
+										checked: allPageSelected,
+										onCheckedChange: togglePage,
+										"aria-label": _t({
+											id: "pV4KKD",
+											message: "Select all on this page"
+										})
+									})
+								}),
 								/* @__PURE__ */ jsx(SortableTh, {
 									field: "title",
 									sort,
@@ -13825,7 +13993,7 @@ function ContentList({ collection, collectionLabel, items, trashedItems = [], is
 										message: "Status"
 									})
 								}),
-								i18n && /* @__PURE__ */ jsx(SortableTh, {
+								i18n$2 && /* @__PURE__ */ jsx(SortableTh, {
 									field: "locale",
 									sort,
 									onSortChange,
@@ -13855,7 +14023,7 @@ function ContentList({ collection, collectionLabel, items, trashedItems = [], is
 						}) }), /* @__PURE__ */ jsx("tbody", {
 							className: "divide-y divide-kumo-line",
 							children: isLoading && items.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
-								colSpan: i18n ? 5 : 4,
+								colSpan,
 								className: "px-4 py-8 text-center text-kumo-subtle",
 								children: /* @__PURE__ */ jsxs("span", {
 									className: "inline-flex items-center gap-2",
@@ -13865,7 +14033,7 @@ function ContentList({ collection, collectionLabel, items, trashedItems = [], is
 									})]
 								})
 							}) }) : items.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
-								colSpan: i18n ? 5 : 4,
+								colSpan,
 								className: "px-4 py-8 text-center text-kumo-subtle",
 								children: activeSearch ? _t({
 									id: "QpOp1w",
@@ -13890,7 +14058,7 @@ function ContentList({ collection, collectionLabel, items, trashedItems = [], is
 									})
 								] })
 							}) }) : paginatedItems.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
-								colSpan: i18n ? 5 : 4,
+								colSpan,
 								className: "px-4 py-8 text-center text-kumo-subtle",
 								children: _t({
 									id: "QpOp1w",
@@ -13902,8 +14070,11 @@ function ContentList({ collection, collectionLabel, items, trashedItems = [], is
 								collection,
 								onDelete,
 								onDuplicate,
-								showLocale: !!i18n,
-								urlPattern
+								showLocale: !!i18n$2,
+								urlPattern,
+								selectable: bulkEnabled,
+								selected: selectedIds.has(item.id),
+								onToggleSelect: toggleOne
 							}, item.id))
 						})]
 					})
@@ -14300,13 +14471,25 @@ function renderItemCount({ searchQuery, filteredCount, total, hasMore, serverSea
 		}
 	});
 }
-function ContentListItem({ item, collection, onDelete, onDuplicate, showLocale, urlPattern }) {
+function ContentListItem({ item, collection, onDelete, onDuplicate, showLocale, urlPattern, selectable, selected, onToggleSelect }) {
 	const { _: _t3 } = useLingui();
 	const title = getItemTitle$1(item);
 	const date = new Date(item.updatedAt || item.createdAt);
 	return /* @__PURE__ */ jsxs("tr", {
-		className: "hover:bg-kumo-tint/25",
+		className: cn("hover:bg-kumo-tint/25", selected && "bg-kumo-tint/40"),
 		children: [
+			selectable && /* @__PURE__ */ jsx("td", {
+				className: "px-4 py-3",
+				children: /* @__PURE__ */ jsx(Checkbox, {
+					checked: !!selected,
+					onCheckedChange: () => onToggleSelect?.(item.id),
+					"aria-label": _t3({
+						id: "135JuL",
+						message: "Select {title}",
+						values: { title }
+					})
+				})
+			}),
 			/* @__PURE__ */ jsx("td", {
 				className: "px-4 py-3",
 				children: /* @__PURE__ */ jsx(Link$1, {
@@ -15876,7 +16059,7 @@ function ContentTypeEditor({ collection, isNew, isSaving, onSave, onAddField, on
 						className: "bg-kumo-tint px-1.5 py-0.5 rounded",
 						children: collection?.slug
 					}), isFromCode && /* @__PURE__ */ jsx("span", {
-						className: "ms-2 text-purple-600 dark:text-purple-400",
+						className: "ms-2 text-kumo-info",
 						children: _t({
 							id: "7tGkih",
 							message: "Defined in code"
@@ -15885,11 +16068,11 @@ function ContentTypeEditor({ collection, isNew, isSaving, onSave, onAddField, on
 				})]
 			}),
 			isFromCode && /* @__PURE__ */ jsx("div", {
-				className: "rounded-lg border border-purple-200 dark:border-purple-800 bg-purple-50 dark:bg-purple-950 p-4",
+				className: "rounded-lg border border-kumo-info/50 bg-kumo-info-tint p-4",
 				children: /* @__PURE__ */ jsxs("div", {
 					className: "flex items-center space-x-2",
-					children: [/* @__PURE__ */ jsx(FileText, { className: "h-5 w-5 text-purple-600 dark:text-purple-400" }), /* @__PURE__ */ jsx("p", {
-						className: "text-sm text-purple-700 dark:text-purple-300",
+					children: [/* @__PURE__ */ jsx(FileText, { className: "h-5 w-5 text-kumo-info" }), /* @__PURE__ */ jsx("p", {
+						className: "text-sm text-kumo-subtle",
 						children: _t({
 							id: "bT3F9b",
 							message: "This collection is defined in code. Some settings cannot be changed here. Edit your live.config.ts file to modify the schema."
@@ -16455,21 +16638,21 @@ function ContentTypeList({ collections, orphanedTables, isLoading, onDelete, onR
 				})]
 			}),
 			hasOrphans && /* @__PURE__ */ jsx("div", {
-				className: "rounded-md border border-amber-200 bg-amber-50 dark:border-amber-900 dark:bg-amber-950 p-4",
+				className: "rounded-md border border-kumo-warning/50 bg-kumo-warning-tint p-4",
 				children: /* @__PURE__ */ jsxs("div", {
 					className: "flex items-start gap-3",
-					children: [/* @__PURE__ */ jsx(Warning, { className: "h-5 w-5 text-amber-600 dark:text-amber-400 mt-0.5" }), /* @__PURE__ */ jsxs("div", {
+					children: [/* @__PURE__ */ jsx(Warning, { className: "h-5 w-5 text-kumo-warning mt-0.5" }), /* @__PURE__ */ jsxs("div", {
 						className: "flex-1",
 						children: [
 							/* @__PURE__ */ jsx("h3", {
-								className: "font-medium text-amber-800 dark:text-amber-200",
+								className: "font-medium text-kumo-warning",
 								children: _t({
 									id: "og4Qwq",
 									message: "Unregistered Content Tables Found"
 								})
 							}),
 							/* @__PURE__ */ jsx("p", {
-								className: "text-sm text-amber-700 dark:text-amber-300 mt-1",
+								className: "text-sm text-kumo-subtle mt-1",
 								children: _t({
 									id: "ebLo22",
 									message: "The following tables contain content but aren't registered as collections. Register them to manage this content in the admin."
@@ -16478,7 +16661,7 @@ function ContentTypeList({ collections, orphanedTables, isLoading, onDelete, onR
 							/* @__PURE__ */ jsx("div", {
 								className: "mt-3 space-y-2",
 								children: orphanedTables.map((orphan) => /* @__PURE__ */ jsxs("div", {
-									className: "flex items-center justify-between bg-white dark:bg-amber-900/50 rounded-md px-3 py-2",
+									className: "flex items-center justify-between bg-kumo-base rounded-md px-3 py-2",
 									children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("code", {
 										className: "text-sm font-medium",
 										children: orphan.slug
@@ -16630,7 +16813,7 @@ function ContentTypeRow({ collection, onRequestDelete }) {
 				children: /* @__PURE__ */ jsxs("div", {
 					className: "flex items-center space-x-3",
 					children: [/* @__PURE__ */ jsx("div", {
-						className: cn("flex h-8 w-8 items-center justify-center rounded-lg", isFromCode ? "bg-purple-100 text-purple-600 dark:bg-purple-900 dark:text-purple-300" : "bg-blue-100 text-blue-600 dark:bg-blue-900 dark:text-blue-300"),
+						className: cn("flex h-8 w-8 items-center justify-center rounded-lg", isFromCode ? "bg-kumo-badge-purple text-white" : "bg-kumo-badge-blue text-white"),
 						children: isFromCode ? /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Database, { className: "h-4 w-4" })
 					}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Link$1, {
 						to: "/content-types/$slug",
@@ -16765,8 +16948,16 @@ function SandboxedPluginWidget({ pluginId, widgetId }) {
 		sendInteraction(interaction);
 	}, [sendInteraction]);
 	if (loading) return /* @__PURE__ */ jsx("div", {
-		className: "flex items-center justify-center py-6",
-		children: /* @__PURE__ */ jsx(CircleNotch, { className: "h-5 w-5 animate-spin text-kumo-subtle" })
+		className: "space-y-3 py-1",
+		children: [
+			1,
+			2,
+			3
+		].map((i) => /* @__PURE__ */ jsx(SkeletonLine, {
+			blockHeight: 24,
+			minWidth: 45,
+			maxWidth: 90
+		}, i))
 	});
 	if (error) return /* @__PURE__ */ jsx("p", {
 		className: "text-sm text-kumo-subtle",
@@ -16792,11 +16983,12 @@ function SandboxedPluginWidget({ pluginId, widgetId }) {
 */
 function Dashboard({ manifest }) {
 	const { _: _t } = useLingui();
-	const { data: stats, isLoading } = useQuery({
+	const { data: stats, isLoading, isError } = useQuery({
 		queryKey: ["dashboard-stats"],
 		queryFn: fetchDashboardStats,
 		refetchOnWindowFocus: true
 	});
+	const showDashboardData = !isError || stats !== void 0;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-6",
 		children: [
@@ -16810,11 +17002,11 @@ function Dashboard({ manifest }) {
 					})
 				}), /* @__PURE__ */ jsx(QuickActions, { manifest })]
 			}),
-			/* @__PURE__ */ jsx(StatusBar, {
+			isError && /* @__PURE__ */ jsx(DashboardDataError, {}),
+			showDashboardData && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SummaryMetrics, {
 				stats,
 				loading: isLoading
-			}),
-			/* @__PURE__ */ jsxs("div", {
+			}), /* @__PURE__ */ jsxs("div", {
 				className: "grid gap-6 lg:grid-cols-2",
 				children: [/* @__PURE__ */ jsx(CollectionList, {
 					collections: stats?.collections ?? [],
@@ -16824,232 +17016,304 @@ function Dashboard({ manifest }) {
 					items: stats?.recentItems ?? [],
 					loading: isLoading
 				})]
-			}),
+			})] }),
 			/* @__PURE__ */ jsx(PluginWidgets, { manifest })
 		]
 	});
 }
-function QuickActions({ manifest }) {
+function DashboardDataError() {
 	const { _: _t2 } = useLingui();
+	return /* @__PURE__ */ jsx(Banner, {
+		variant: "error",
+		title: _t2({
+			id: "hnBEKE",
+			message: "Could not load dashboard data"
+		}),
+		description: _t2({
+			id: "ajEWgm",
+			message: "Refresh the page or try again."
+		})
+	});
+}
+function QuickActions({ manifest }) {
+	const { _: _t3 } = useLingui();
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-wrap gap-2",
-		children: [Object.entries(manifest.collections).map(([slug, config]) => /* @__PURE__ */ jsxs(Link$1, {
-			to: "/content/$collection",
+		className: "flex flex-wrap items-center gap-2",
+		children: [Object.entries(manifest.collections).map(([slug, config]) => /* @__PURE__ */ jsx(RouterLinkButton, {
+			to: "/content/$collection/new",
 			params: { collection: slug },
 			search: { locale: void 0 },
-			className: "inline-flex items-center gap-1.5 rounded-md border bg-kumo-base px-3 py-1.5 text-sm font-medium transition-colors hover:bg-kumo-tint",
-			children: [/* @__PURE__ */ jsx(Plus, {
-				className: "h-3.5 w-3.5",
-				"aria-hidden": "true"
-			}), config.labelSingular ?? config.label]
-		}, slug)), /* @__PURE__ */ jsxs(Link$1, {
+			variant: "secondary",
+			icon: /* @__PURE__ */ jsx(Plus, { "aria-hidden": "true" }),
+			children: config.labelSingular ?? config.label
+		}, slug)), /* @__PURE__ */ jsx(RouterLinkButton, {
 			to: "/media",
-			className: "inline-flex items-center gap-1.5 rounded-md border bg-kumo-base px-3 py-1.5 text-sm font-medium transition-colors hover:bg-kumo-tint",
-			children: [/* @__PURE__ */ jsx(Upload, {
-				className: "h-3.5 w-3.5",
-				"aria-hidden": "true"
-			}), _t2({
+			variant: "secondary",
+			icon: /* @__PURE__ */ jsx(Upload, { "aria-hidden": "true" }),
+			children: _t3({
 				id: "xfvWkE",
 				message: "Upload Media"
-			})]
+			})
 		})]
 	});
 }
-function StatusBar({ stats, loading }) {
-	if (loading) return /* @__PURE__ */ jsx("div", { className: "flex h-9 animate-pulse rounded-lg border bg-kumo-tint" });
+function SummaryMetrics({ stats, loading }) {
+	if (loading) return /* @__PURE__ */ jsx("div", {
+		className: "grid gap-4 sm:grid-cols-3",
+		children: [
+			1,
+			2,
+			3
+		].map((i) => /* @__PURE__ */ jsxs(LayerCard, { children: [/* @__PURE__ */ jsx(LayerCard.Secondary, { children: /* @__PURE__ */ jsx(SkeletonLine, {
+			minWidth: 45,
+			maxWidth: 70
+		}) }), /* @__PURE__ */ jsx(LayerCard.Primary, {
+			className: "text-2xl font-semibold",
+			children: /* @__PURE__ */ jsx(SkeletonLine, {
+				minWidth: 20,
+				maxWidth: 35
+			})
+		})] }, i))
+	});
 	if (!stats) return null;
 	const totalDrafts = stats.collections.reduce((sum, c) => sum + c.draft, 0);
-	const totalScheduled = stats.collections.reduce((sum, c) => sum + (c.total - c.published - c.draft), 0);
+	const totalScheduled = stats.collections.reduce((sum, c) => sum + c.scheduled, 0);
+	const hasScheduledContent = totalScheduled > 0;
+	const metrics = [
+		{
+			icon: PencilSimple,
+			label: i18n._({
+				id: "Rj2Y2b",
+				message: "{totalDrafts, plural, one {Draft} other {Drafts}}",
+				values: { totalDrafts }
+			}),
+			value: totalDrafts
+		},
+		...hasScheduledContent ? [{
+			icon: CalendarBlank,
+			label: i18n._({
+				id: "kG6wfm",
+				message: "{totalScheduled, plural, one {Scheduled} other {Scheduled}}",
+				values: { totalScheduled }
+			}),
+			value: totalScheduled
+		}] : [],
+		{
+			icon: Image$1,
+			label: i18n._({
+				id: "YF5avu",
+				message: "{0, plural, one {Media file} other {Media files}}",
+				values: { 0: stats.mediaCount }
+			}),
+			value: stats.mediaCount
+		},
+		{
+			icon: Users,
+			label: i18n._({
+				id: "r7ZckI",
+				message: "{0, plural, one {User} other {Users}}",
+				values: { 0: stats.userCount }
+			}),
+			value: stats.userCount
+		}
+	];
 	return /* @__PURE__ */ jsx("div", {
-		className: "flex flex-wrap items-center gap-x-4 gap-y-1 rounded-lg border bg-kumo-base px-4 py-2 text-sm",
-		children: [
-			totalDrafts > 0 && {
-				icon: PencilSimple,
-				label: i18n._({
-					id: "PT4q12",
-					message: "{totalDrafts, plural, one {# draft} other {# drafts}}",
-					values: { totalDrafts }
-				}),
-				className: "text-amber-700 dark:text-amber-400"
-			},
-			totalScheduled > 0 && {
-				icon: CalendarBlank,
-				label: i18n._({
-					id: "XeGNNG",
-					message: "{totalScheduled, plural, one {# scheduled} other {# scheduled}}",
-					values: { totalScheduled }
-				}),
-				className: "text-blue-600 dark:text-blue-400"
-			},
-			{
-				icon: Image$1,
-				label: i18n._({
-					id: "7Taevp",
-					message: "{0, plural, one {# media file} other {# media files}}",
-					values: { 0: stats.mediaCount }
-				}),
-				className: "text-kumo-subtle"
-			},
-			{
-				icon: Users,
-				label: i18n._({
-					id: "V4WrGy",
-					message: "{0, plural, one {# user} other {# users}}",
-					values: { 0: stats.userCount }
-				}),
-				className: "text-kumo-subtle"
-			}
-		].filter(Boolean).map((ind) => /* @__PURE__ */ jsxs("span", {
-			className: `inline-flex items-center gap-1.5 ${ind.className}`,
-			children: [/* @__PURE__ */ jsx(ind.icon, {
-				className: "h-3.5 w-3.5",
+		className: hasScheduledContent ? "grid gap-4 sm:grid-cols-2 lg:grid-cols-4" : "grid gap-4 sm:grid-cols-3",
+		children: metrics.map((metric) => /* @__PURE__ */ jsxs(LayerCard, { children: [/* @__PURE__ */ jsxs(LayerCard.Secondary, {
+			className: "flex items-center gap-2 text-kumo-subtle",
+			children: [/* @__PURE__ */ jsx(metric.icon, {
+				className: "h-4 w-4",
 				"aria-hidden": "true"
-			}), ind.label]
-		}, ind.label))
+			}), /* @__PURE__ */ jsx("span", { children: metric.label })]
+		}), /* @__PURE__ */ jsx(LayerCard.Primary, {
+			className: "text-2xl font-semibold tabular-nums",
+			children: metric.value
+		})] }, metric.label))
+	});
+}
+function SkeletonRows({ count }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "space-y-3 px-3",
+		children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx(SkeletonLine, {
+			blockHeight: 40,
+			minWidth: 65,
+			maxWidth: 95
+		}, i))
 	});
 }
 function CollectionList({ collections, manifest, loading }) {
-	const { _: _t3 } = useLingui();
-	return /* @__PURE__ */ jsxs("div", {
-		className: "rounded-lg border bg-kumo-base p-4 sm:p-6",
-		children: [/* @__PURE__ */ jsx("h2", {
-			className: "mb-4 text-lg font-semibold",
-			children: _t3({
+	const { _: _t4 } = useLingui();
+	return /* @__PURE__ */ jsxs(LayerCard, {
+		className: "h-full",
+		children: [/* @__PURE__ */ jsx(LayerCard.Secondary, { children: /* @__PURE__ */ jsx("h2", {
+			className: "px-3",
+			children: _t4({
 				id: "4b3oEV",
 				message: "Content"
 			})
-		}), loading ? /* @__PURE__ */ jsx("div", {
-			className: "space-y-3",
-			children: [
-				1,
-				2,
-				3
-			].map((i) => /* @__PURE__ */ jsx("div", { className: "h-10 animate-pulse rounded-md bg-kumo-tint" }, i))
-		}) : collections.length === 0 ? /* @__PURE__ */ jsx("p", {
-			className: "text-sm text-kumo-subtle",
-			children: _t3({
-				id: "VxhRZV",
-				message: "No collections configured"
-			})
-		}) : /* @__PURE__ */ jsx("div", {
-			className: "space-y-1",
-			children: collections.map((col) => {
-				const config = manifest.collections[col.slug];
-				return /* @__PURE__ */ jsxs(Link$1, {
-					to: "/content/$collection",
-					params: { collection: col.slug },
-					search: { locale: void 0 },
-					className: "group flex items-center justify-between rounded-md px-3 py-2 hover:bg-kumo-tint",
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "font-medium",
-						children: config?.label ?? col.label
-					}), /* @__PURE__ */ jsxs("span", {
-						className: "flex items-center gap-3 text-xs text-kumo-subtle",
-						children: [
-							/* @__PURE__ */ jsx(CountBadge, {
-								icon: CheckCircle,
-								count: col.published,
-								title: _t3({
-									id: "u3wRF+",
-									message: "Published"
-								})
-							}),
-							/* @__PURE__ */ jsx(CountBadge, {
-								icon: PencilSimple,
-								count: col.draft,
-								title: _t3({
-									id: "M8kJqa",
-									message: "Drafts"
+		}) }), /* @__PURE__ */ jsx(LayerCard.Primary, {
+			className: "flex-1",
+			children: loading ? /* @__PURE__ */ jsx(SkeletonRows, { count: 3 }) : collections.length === 0 ? /* @__PURE__ */ jsx("p", {
+				className: "px-3 text-sm text-kumo-subtle",
+				children: _t4({
+					id: "VxhRZV",
+					message: "No collections configured"
+				})
+			}) : /* @__PURE__ */ jsx("div", {
+				className: "space-y-1",
+				children: collections.map((col) => {
+					const config = manifest.collections[col.slug];
+					return /* @__PURE__ */ jsxs(Link$1, {
+						to: "/content/$collection",
+						params: { collection: col.slug },
+						search: { locale: void 0 },
+						className: "group flex items-center justify-between gap-2 rounded-md px-3 py-2 hover:bg-kumo-tint",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "font-medium",
+							children: config?.label ?? col.label
+						}), /* @__PURE__ */ jsxs("span", {
+							className: "flex shrink-0 items-center gap-2",
+							children: [
+								/* @__PURE__ */ jsx(CountBadge, {
+									icon: CheckCircle,
+									count: col.published,
+									variant: "success",
+									label: _t4({
+										id: "u3wRF+",
+										message: "Published"
+									})
+								}),
+								/* @__PURE__ */ jsx(CountBadge, {
+									icon: PencilSimple,
+									count: col.draft,
+									variant: "secondary",
+									label: _t4({
+										id: "M8kJqa",
+										message: "Drafts"
+									})
+								}),
+								/* @__PURE__ */ jsx(ArrowNext, {
+									className: "h-3.5 w-3.5 text-kumo-subtle opacity-0 transition-opacity group-hover:opacity-100",
+									"aria-hidden": "true"
 								})
-							}),
-							/* @__PURE__ */ jsx(ArrowRight, {
-								className: "h-3.5 w-3.5 opacity-0 transition-opacity group-hover:opacity-100",
-								"aria-hidden": "true"
-							})
-						]
-					})]
-				}, col.slug);
+							]
+						})]
+					}, col.slug);
+				})
 			})
 		})]
 	});
 }
-function CountBadge({ icon: Icon, count, title }) {
+function CountBadge({ icon: Icon, count, variant, label }) {
 	if (count === 0) return null;
-	return /* @__PURE__ */ jsxs("span", {
-		className: "inline-flex items-center gap-1",
-		title,
-		children: [/* @__PURE__ */ jsx(Icon, {
-			className: "h-3 w-3",
-			"aria-hidden": "true"
-		}), count]
+	return /* @__PURE__ */ jsxs(Badge, {
+		variant,
+		className: "gap-1",
+		children: [
+			/* @__PURE__ */ jsx(Icon, {
+				className: "h-3 w-3",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: label
+			}),
+			count
+		]
 	});
 }
 function RecentActivity({ items, loading }) {
-	const { _: _t4 } = useLingui();
-	return /* @__PURE__ */ jsxs("div", {
-		className: "rounded-lg border bg-kumo-base p-4 sm:p-6",
-		children: [/* @__PURE__ */ jsx("h2", {
-			className: "mb-4 text-lg font-semibold",
-			children: _t4({
+	const { _: _t5 } = useLingui();
+	return /* @__PURE__ */ jsxs(LayerCard, {
+		className: "h-full",
+		children: [/* @__PURE__ */ jsx(LayerCard.Secondary, { children: /* @__PURE__ */ jsx("h2", {
+			className: "px-3",
+			children: _t5({
 				id: "XxlcGv",
 				message: "Recent Activity"
 			})
-		}), loading ? /* @__PURE__ */ jsx("div", {
-			className: "space-y-3",
-			children: [
-				1,
-				2,
-				3,
-				4,
-				5
-			].map((i) => /* @__PURE__ */ jsx("div", { className: "h-10 animate-pulse rounded-md bg-kumo-tint" }, i))
-		}) : items.length === 0 ? /* @__PURE__ */ jsx("p", {
-			className: "text-sm text-kumo-subtle",
-			children: _t4({
-				id: "m0I2ba",
-				message: "No recent activity"
-			})
-		}) : /* @__PURE__ */ jsx("div", {
-			className: "space-y-1",
-			children: items.map((item) => /* @__PURE__ */ jsxs(Link$1, {
-				to: "/content/$collection/$id",
-				params: {
-					collection: item.collection,
-					id: item.id
-				},
-				className: "group flex items-center justify-between gap-2 rounded-md px-3 py-2 hover:bg-kumo-tint",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex min-w-0 items-center gap-2",
-					children: [
-						/* @__PURE__ */ jsx(StatusDot, { status: item.status }),
-						/* @__PURE__ */ jsx("span", {
-							className: "truncate font-medium",
-							children: item.title || item.slug || _t4({
-								id: "wja8aL",
-								message: "Untitled"
+		}) }), /* @__PURE__ */ jsx(LayerCard.Primary, {
+			className: "flex-1",
+			children: loading ? /* @__PURE__ */ jsx(SkeletonRows, { count: 5 }) : items.length === 0 ? /* @__PURE__ */ jsx("p", {
+				className: "px-3 text-sm text-kumo-subtle",
+				children: _t5({
+					id: "m0I2ba",
+					message: "No recent activity"
+				})
+			}) : /* @__PURE__ */ jsx("div", {
+				className: "space-y-1",
+				children: items.map((item) => /* @__PURE__ */ jsxs(Link$1, {
+					to: "/content/$collection/$id",
+					params: {
+						collection: item.collection,
+						id: item.id
+					},
+					className: "group flex items-center justify-between gap-2 rounded-md px-3 py-2 hover:bg-kumo-tint",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex min-w-0 items-center gap-2",
+						children: [
+							/* @__PURE__ */ jsx(StatusDot, { status: item.status }),
+							/* @__PURE__ */ jsx("span", {
+								className: "truncate font-medium",
+								children: item.title || item.slug || _t5({
+									id: "wja8aL",
+									message: "Untitled"
+								})
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: "hidden shrink-0 text-xs text-kumo-subtle sm:inline",
+								children: item.collectionLabel
 							})
-						}),
-						/* @__PURE__ */ jsx("span", {
-							className: "hidden shrink-0 text-xs text-kumo-subtle sm:inline",
-							children: item.collectionLabel
-						})
-					]
-				}), /* @__PURE__ */ jsx("span", {
-					className: "shrink-0 text-xs text-kumo-subtle",
-					children: formatRelativeTime$1(item.updatedAt)
-				})]
-			}, `${item.collection}-${item.id}`))
+						]
+					}), /* @__PURE__ */ jsx("span", {
+						className: "shrink-0 text-xs text-kumo-subtle",
+						children: formatRelativeTime$1(item.updatedAt)
+					})]
+				}, `${item.collection}-${item.id}`))
+			})
 		})]
 	});
 }
 function StatusDot({ status }) {
+	const { _: _t6 } = useLingui();
+	const colors = {
+		published: "text-kumo-success",
+		draft: "text-kumo-warning",
+		scheduled: "text-kumo-info"
+	};
+	const labels = {
+		published: _t6({
+			id: "u3wRF+",
+			message: "Published"
+		}),
+		draft: _t6({
+			id: "eneWvv",
+			message: "Draft"
+		}),
+		scheduled: _t6({
+			id: "4ba0NE",
+			message: "Scheduled"
+		}),
+		pending: _t6({
+			id: "UbRKMZ",
+			message: "Pending"
+		}),
+		private: _t6({
+			id: "zwBp5t",
+			message: "Private"
+		}),
+		archived: _t6({
+			id: "TdfEV7",
+			message: "Archived"
+		})
+	};
 	return /* @__PURE__ */ jsx(status === "published" ? CheckCircle : CircleDashed, {
-		className: `h-3.5 w-3.5 shrink-0 ${{
-			published: "text-green-500",
-			draft: "text-amber-500",
-			scheduled: "text-blue-500"
-		}[status] ?? "text-kumo-subtle"}`,
-		"aria-label": status
+		className: `h-3.5 w-3.5 shrink-0 ${colors[status] ?? "text-kumo-subtle"}`,
+		"aria-label": labels[status] ?? _t6({
+			id: "OBvvgU",
+			message: "Status: {status}",
+			values: { status }
+		})
 	});
 }
 function PluginWidgets({ manifest }) {
@@ -17071,14 +17335,20 @@ function PluginWidgets({ manifest }) {
 }
 function PluginWidgetCard({ widget }) {
 	const WidgetComponent = usePluginWidget(widget.pluginId, widget.id);
-	return /* @__PURE__ */ jsxs("div", {
-		className: "rounded-lg border bg-kumo-base p-4 sm:p-6",
-		children: [/* @__PURE__ */ jsx("h2", {
-			className: "text-lg font-semibold mb-4",
+	return /* @__PURE__ */ jsxs(LayerCard, {
+		className: "h-full",
+		children: [/* @__PURE__ */ jsx(LayerCard.Secondary, { children: /* @__PURE__ */ jsx("h2", {
+			className: "px-3",
 			children: widget.title || widget.id
-		}), WidgetComponent ? /* @__PURE__ */ jsx(WidgetComponent, {}) : /* @__PURE__ */ jsx(SandboxedPluginWidget, {
-			pluginId: widget.pluginId,
-			widgetId: widget.id
+		}) }), /* @__PURE__ */ jsx(LayerCard.Primary, {
+			className: "flex-1",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "px-3",
+				children: WidgetComponent ? /* @__PURE__ */ jsx(WidgetComponent, {}) : /* @__PURE__ */ jsx(SandboxedPluginWidget, {
+					pluginId: widget.pluginId,
+					widgetId: widget.id
+				})
+			})
 		})]
 	});
 }
@@ -17221,21 +17491,21 @@ function DeviceAuthorizePage() {
 				]
 			}),
 			pageState === "success" && /* @__PURE__ */ jsxs("div", {
-				className: "rounded-lg border border-green-200 bg-green-50 dark:border-green-900 dark:bg-green-950/50 p-6 text-center",
+				className: "rounded-lg border border-kumo-success/50 bg-kumo-success-tint p-6 text-center",
 				children: [
 					/* @__PURE__ */ jsx("div", {
-						className: "inline-flex items-center justify-center w-10 h-10 rounded-full bg-green-100 dark:bg-green-900/50 mb-3",
-						children: /* @__PURE__ */ jsx(CheckIcon, { className: "w-5 h-5 text-green-600 dark:text-green-400" })
+						className: "inline-flex items-center justify-center w-10 h-10 rounded-full bg-kumo-success/15 mb-3",
+						children: /* @__PURE__ */ jsx(CheckIcon, { className: "w-5 h-5 text-kumo-success" })
 					}),
 					/* @__PURE__ */ jsx("h2", {
-						className: "font-medium text-green-900 dark:text-green-100",
+						className: "font-medium text-kumo-success",
 						children: _t({
 							id: "BaDjZ4",
 							message: "Device authorized"
 						})
 					}),
 					/* @__PURE__ */ jsx("p", {
-						className: "text-sm text-green-700 dark:text-green-300 mt-1",
+						className: "text-sm text-kumo-subtle mt-1",
 						children: _t({
 							id: "qxMbTz",
 							message: "You can close this page and return to your terminal."
@@ -17721,7 +17991,7 @@ function PasskeyRegistration({ optionsEndpoint, verifyEndpoint, onSuccess, onErr
 				children: state.message
 			}),
 			state.status === "success" && /* @__PURE__ */ jsx("div", {
-				className: "rounded-lg bg-green-500/10 p-4 text-sm text-green-700 dark:text-green-400",
+				className: "rounded-lg bg-kumo-success/10 p-4 text-sm text-kumo-success",
 				children: _t({
 					id: "TZktjo",
 					message: "Passkey registered successfully!"
@@ -19254,7 +19524,7 @@ function PluginAvatar({ name }) {
 function AuditBadge({ verdict }) {
 	const { _: _t3 } = useLingui();
 	if (verdict === "pass") return /* @__PURE__ */ jsxs("span", {
-		className: "inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xs bg-green-500/10 text-green-600",
+		className: "inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xs bg-kumo-success/10 text-kumo-success",
 		title: _t3({
 			id: "BZ1XSW",
 			message: "Security audit passed"
@@ -19265,7 +19535,7 @@ function AuditBadge({ verdict }) {
 		})]
 	});
 	if (verdict === "warn") return /* @__PURE__ */ jsxs("span", {
-		className: "inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xs bg-warning/10 text-warning",
+		className: "inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xs bg-kumo-warning/10 text-kumo-warning",
 		title: _t3({
 			id: "pQszWq",
 			message: "Security audit flagged concerns"
@@ -19428,12 +19698,12 @@ function CapabilityConsentDialog({ mode, pluginName, capabilities, allowedHosts,
 						capabilities.map((cap) => {
 							const isNew = newSet.has(cap);
 							return /* @__PURE__ */ jsxs("div", {
-								className: cn("flex items-start gap-3 rounded-md p-2 text-sm", isNew ? "bg-warning/10 border border-warning/30" : "bg-kumo-tint/50"),
-								children: [/* @__PURE__ */ jsx(ShieldCheck, { className: cn("mt-0.5 h-4 w-4 shrink-0", isNew ? "text-warning" : "text-kumo-subtle") }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", {
+								className: cn("flex items-start gap-3 rounded-md p-2 text-sm", isNew ? "bg-kumo-warning/10 border border-kumo-warning/30" : "bg-kumo-tint/50"),
+								children: [/* @__PURE__ */ jsx(ShieldCheck, { className: cn("mt-0.5 h-4 w-4 shrink-0", isNew ? "text-kumo-warning" : "text-kumo-subtle") }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", {
 									className: cn(isNew && "font-medium"),
 									children: describeCapability(cap, allowedHosts)
 								}), isNew && /* @__PURE__ */ jsx("span", {
-									className: "ms-2 text-xs text-warning font-medium",
+									className: "ms-2 text-xs text-kumo-warning font-medium",
 									children: _t({
 										id: "p6NueD",
 										message: "NEW"
@@ -19442,10 +19712,10 @@ function CapabilityConsentDialog({ mode, pluginName, capabilities, allowedHosts,
 							}, cap);
 						}),
 						newlyPublicRoutes.length > 0 && /* @__PURE__ */ jsxs("div", {
-							className: "rounded-md border border-warning/30 bg-warning/10 p-3 text-sm",
+							className: "rounded-md border border-kumo-warning/30 bg-kumo-warning/10 p-3 text-sm",
 							children: [
 								/* @__PURE__ */ jsxs("div", {
-									className: "flex items-center gap-2 font-medium text-warning",
+									className: "flex items-center gap-2 font-medium text-kumo-warning",
 									children: [/* @__PURE__ */ jsx(Warning, { className: "h-4 w-4 shrink-0" }), _t({
 										id: "NXruDe",
 										message: "New public routes"
@@ -19468,7 +19738,7 @@ function CapabilityConsentDialog({ mode, pluginName, capabilities, allowedHosts,
 							]
 						}),
 						auditVerdict && auditVerdict !== "pass" && /* @__PURE__ */ jsxs("div", {
-							className: cn("flex items-center gap-2 rounded-md p-3 text-sm mt-2", auditVerdict === "warn" ? "bg-warning/10 text-warning" : "bg-kumo-danger/10 text-kumo-danger"),
+							className: cn("flex items-center gap-2 rounded-md p-3 text-sm mt-2", auditVerdict === "warn" ? "bg-kumo-warning/10 text-kumo-warning" : "bg-kumo-danger/10 text-kumo-danger"),
 							children: [auditVerdict === "warn" ? /* @__PURE__ */ jsx(Warning, { className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ jsx(ShieldWarning, { className: "h-4 w-4 shrink-0" }), /* @__PURE__ */ jsx("span", { children: auditVerdict === "warn" ? _t({
 								id: "zPUuMZ",
 								message: "Security audit flagged potential concerns with this plugin."
@@ -22799,7 +23069,7 @@ function ContentPickerModal({ open, onOpenChange, onSelect }) {
 								}), /* @__PURE__ */ jsxs("div", {
 									className: "text-sm text-kumo-subtle flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ jsx("span", { className: cn("inline-block h-2 w-2 rounded-full", status === "published" ? "bg-green-500" : status === "published_with_changes" ? "bg-yellow-500" : "bg-gray-400") }),
+										/* @__PURE__ */ jsx("span", { className: cn("inline-block h-2 w-2 rounded-full", status === "published" ? "bg-kumo-success" : status === "published_with_changes" ? "bg-kumo-warning" : "bg-kumo-fill") }),
 										status === "published" ? _t({
 											id: "u3wRF+",
 											message: "Published"
@@ -25862,7 +26132,7 @@ function SandboxedPluginPage({ pluginId, page }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "relative",
 		children: [toast && /* @__PURE__ */ jsx("div", {
-			className: `fixed end-4 top-4 z-50 rounded-lg border px-4 py-3 text-sm shadow-lg ${toast.type === "success" ? "border-green-200 bg-green-50 text-green-800" : toast.type === "error" ? "border-red-200 bg-red-50 text-red-800" : "border-blue-200 bg-blue-50 text-blue-800"}`,
+			className: `fixed end-4 top-4 z-50 rounded-lg border px-4 py-3 text-sm shadow-lg ${toast.type === "success" ? "border-kumo-success/50 bg-kumo-success-tint text-kumo-success" : toast.type === "error" ? "border-kumo-danger/50 bg-kumo-danger/10 text-kumo-danger" : "border-kumo-info/50 bg-kumo-info-tint text-kumo-info"}`,
 			children: toast.message
 		}), /* @__PURE__ */ jsx(BlockRenderer, {
 			blocks,
@@ -27756,16 +28026,16 @@ function ApiTokenSettings() {
 				})] })]
 			}),
 			newToken && /* @__PURE__ */ jsx("div", {
-				className: "rounded-lg border border-green-200 dark:border-green-800 bg-green-50 dark:bg-green-950/30 p-4",
+				className: "rounded-lg border border-kumo-success/50 bg-kumo-success-tint p-4",
 				children: /* @__PURE__ */ jsxs("div", {
 					className: "flex items-start gap-3",
 					children: [
-						/* @__PURE__ */ jsx(Key, { className: "h-5 w-5 text-green-600 dark:text-green-400 mt-0.5 shrink-0" }),
+						/* @__PURE__ */ jsx(Key, { className: "h-5 w-5 text-kumo-success mt-0.5 shrink-0" }),
 						/* @__PURE__ */ jsxs("div", {
 							className: "flex-1 min-w-0",
 							children: [
 								/* @__PURE__ */ jsx("p", {
-									className: "font-medium text-green-800 dark:text-green-200",
+									className: "font-medium text-kumo-success",
 									children: _t({
 										id: "eoLxnB",
 										message: "Token created: {0}",
@@ -27773,7 +28043,7 @@ function ApiTokenSettings() {
 									})
 								}),
 								/* @__PURE__ */ jsx("p", {
-									className: "text-sm text-green-700 dark:text-green-300 mt-1",
+									className: "text-sm text-kumo-subtle mt-1",
 									children: _t({
 										id: "DyPcUA",
 										message: "Copy this token now — it won't be shown again."
@@ -27783,7 +28053,7 @@ function ApiTokenSettings() {
 									className: "mt-3 flex items-center gap-2",
 									children: [
 										/* @__PURE__ */ jsx("code", {
-											className: "flex-1 rounded bg-white dark:bg-black/30 px-3 py-2 text-sm font-mono border truncate",
+											className: "flex-1 rounded bg-kumo-base px-3 py-2 text-sm font-mono border truncate",
 											children: tokenVisible ? newToken.token : "••••••••••••••••••••••••••••"
 										}),
 										/* @__PURE__ */ jsx(Button, {
@@ -27812,7 +28082,7 @@ function ApiTokenSettings() {
 									]
 								}),
 								copied && /* @__PURE__ */ jsx("p", {
-									className: "text-xs text-green-600 dark:text-green-400 mt-1",
+									className: "text-xs text-kumo-success mt-1",
 									children: _t({
 										id: "FxVG/l",
 										message: "Copied to clipboard"
@@ -28148,7 +28418,7 @@ function EmailSettings() {
 				})
 			})]
 		}), /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2 rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-800 dark:border-red-800 dark:bg-red-950/30 dark:text-red-200",
+			className: "flex items-center gap-2 rounded-lg border border-kumo-danger/50 bg-kumo-danger/10 p-3 text-sm text-kumo-danger",
 			children: [/* @__PURE__ */ jsx(WarningCircle, { className: "h-4 w-4 flex-shrink-0" }), getMutationError(fetchError) || _t({
 				id: "4zmChb",
 				message: "Failed to load email settings"
@@ -28241,26 +28511,26 @@ function PipelineStatus({ settings }) {
 	const { _: _t2 } = useLingui();
 	if (!settings) return null;
 	if (!settings.available) return /* @__PURE__ */ jsx("div", {
-		className: "rounded-lg border border-amber-200 dark:border-amber-800 bg-amber-50 dark:bg-amber-950/30 p-4",
+		className: "rounded-lg border border-kumo-warning/50 bg-kumo-warning-tint p-4",
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "flex items-start gap-3",
-			children: [/* @__PURE__ */ jsx(WarningCircle, { className: "h-5 w-5 text-amber-600 dark:text-amber-400 mt-0.5 flex-shrink-0" }), /* @__PURE__ */ jsxs("div", { children: [
+			children: [/* @__PURE__ */ jsx(WarningCircle, { className: "h-5 w-5 text-kumo-warning mt-0.5 flex-shrink-0" }), /* @__PURE__ */ jsxs("div", { children: [
 				/* @__PURE__ */ jsx("p", {
-					className: "text-sm font-medium text-amber-800 dark:text-amber-200",
+					className: "text-sm font-medium text-kumo-warning",
 					children: _t2({
 						id: "i5hIWi",
 						message: "No email provider configured"
 					})
 				}),
 				/* @__PURE__ */ jsx("p", {
-					className: "text-sm text-amber-700 dark:text-amber-300 mt-1",
+					className: "text-sm text-kumo-subtle mt-1",
 					children: _t2({
 						id: "ngArkG",
 						message: "Install and activate an email provider plugin to enable email features like invitations, magic links, and password recovery."
 					})
 				}),
 				/* @__PURE__ */ jsx("p", {
-					className: "text-sm text-amber-700 dark:text-amber-300 mt-2",
+					className: "text-sm text-kumo-subtle mt-2",
 					children: _t2({
 						id: "pZ5czc",
 						message: "Without an email provider, invite links must be shared manually."
@@ -28273,15 +28543,15 @@ function PipelineStatus({ settings }) {
 		className: "space-y-4",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-3 p-3 rounded-md bg-green-50 dark:bg-green-950/20 border border-green-200 dark:border-green-800",
-				children: [/* @__PURE__ */ jsx(CheckCircle, { className: "h-5 w-5 text-green-600 dark:text-green-400 flex-shrink-0" }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
-					className: "text-sm font-medium text-green-800 dark:text-green-200",
+				className: "flex items-center gap-3 p-3 rounded-md bg-kumo-success-tint border border-kumo-success/50",
+				children: [/* @__PURE__ */ jsx(CheckCircle, { className: "h-5 w-5 text-kumo-success flex-shrink-0" }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+					className: "text-sm font-medium text-kumo-success",
 					children: _t2({
 						id: "dXoz4H",
 						message: "Email provider active"
 					})
 				}), /* @__PURE__ */ jsxs("p", {
-					className: "text-sm text-green-700 dark:text-green-300",
+					className: "text-sm text-kumo-subtle",
 					children: [
 						_t2({
 							id: "2zQVV5",
@@ -28289,7 +28559,7 @@ function PipelineStatus({ settings }) {
 						}),
 						" ",
 						/* @__PURE__ */ jsx("code", {
-							className: "rounded bg-green-100 dark:bg-green-900/40 px-1.5 py-0.5 text-xs",
+							className: "rounded bg-kumo-tint px-1.5 py-0.5 text-xs",
 							children: settings.selectedProviderId || "default"
 						})
 					]
@@ -28881,7 +29151,7 @@ function PasskeyItem({ passkey, canDelete, onRename, onDelete, isDeleting, isRen
 					/* @__PURE__ */ jsxs("div", {
 						className: "text-sm text-kumo-subtle",
 						children: [deviceTypeLabel, passkey.backedUp && /* @__PURE__ */ jsxs("span", {
-							className: "text-green-600 dark:text-green-400",
+							className: "text-kumo-success",
 							children: [" ", _t({
 								id: "q/13RP",
 								message: "(synced)"
@@ -31205,6 +31475,7 @@ function ThemeToggle() {
 	return /* @__PURE__ */ jsxs(Button, {
 		variant: "ghost",
 		shape: "square",
+		size: "sm",
 		"aria-label": _t({
 			id: "6o2PVv",
 			message: "Toggle theme (current: {label})",
@@ -31216,7 +31487,7 @@ function ThemeToggle() {
 			message: "Theme: {label}",
 			values: { label }
 		}),
-		children: [theme === "system" ? /* @__PURE__ */ jsx(Monitor, { className: "h-5 w-5" }) : theme === "light" ? /* @__PURE__ */ jsx(Sun, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx(Moon, { className: "h-5 w-5" }), /* @__PURE__ */ jsx("span", {
+		children: [theme === "system" ? /* @__PURE__ */ jsx(Monitor, { className: "h-4 w-4" }) : theme === "light" ? /* @__PURE__ */ jsx(Sun, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Moon, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
 			className: "sr-only",
 			children: _t({
 				id: "6o2PVv",
@@ -31230,6 +31501,9 @@ function ThemeToggle() {
 //#endregion
 //#region src/components/Header.tsx
 async function handleLogout() {
+	try {
+		localStorage.removeItem("emdash-editor");
+	} catch {}
 	const res = await apiFetch("/_emdash/api/auth/logout?redirect=/_emdash/admin/login", {
 		method: "POST",
 		credentials: "same-origin"
@@ -31274,13 +31548,13 @@ function Header() {
 						children: /* @__PURE__ */ jsxs(Button, {
 							variant: "ghost",
 							size: "sm",
-							className: "gap-2 py-1 h-auto",
+							className: "gap-2",
 							children: [user?.avatarUrl ? /* @__PURE__ */ jsx("img", {
 								src: user.avatarUrl,
 								alt: "",
-								className: "h-6 w-6 rounded-full object-cover"
+								className: "h-5 w-5 rounded-full object-cover"
 							}) : /* @__PURE__ */ jsx("div", {
-								className: "h-6 w-6 rounded-full bg-kumo-brand/10 flex items-center justify-center text-xs font-medium",
+								className: "h-5 w-5 rounded-full bg-kumo-brand/10 flex items-center justify-center text-[10px] font-medium",
 								children: initials
 							}), /* @__PURE__ */ jsx("span", {
 								className: "hidden sm:inline max-w-[120px] truncate",
@@ -31556,6 +31830,15 @@ function Shell({ children, manifest }) {
 	React$1.useEffect(() => {
 		if (user?.isFirstLogin) setWelcomeModalOpen(true);
 	}, [user?.isFirstLogin]);
+	React$1.useEffect(() => {
+		if (!user) return;
+		try {
+			if (user.role >= 30) {
+				localStorage.setItem("emdash-editor", "1");
+				localStorage.removeItem("emdash-toolbar-dismissed");
+			} else localStorage.removeItem("emdash-editor");
+		} catch {}
+	}, [user]);
 	return /* @__PURE__ */ jsxs(KumoSidebar.Provider, {
 		defaultOpen: true,
 		side: sidebarSide,
@@ -31769,9 +32052,9 @@ function VerifyStep({ verifyResult, token, onBack: _onBack }) {
 				className: "text-center",
 				children: [
 					/* @__PURE__ */ jsx("div", {
-						className: "inline-flex items-center justify-center w-16 h-16 rounded-full bg-green-500/10 mx-auto mb-4",
+						className: "inline-flex items-center justify-center w-16 h-16 rounded-full bg-kumo-success/10 mx-auto mb-4",
 						children: /* @__PURE__ */ jsx("svg", {
-							className: "w-8 h-8 text-green-600",
+							className: "w-8 h-8 text-kumo-success",
 							fill: "none",
 							stroke: "currentColor",
 							viewBox: "0 0 24 24",
@@ -35719,10 +36002,10 @@ function ProbeResultStep({ result, onUploadFile, onPluginConnect, onPluginManual
 	if (!result.isWordPress) return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-6",
 		children: [/* @__PURE__ */ jsx("div", {
-			className: "rounded-lg border-s-4 border-s-orange-500 border border-kumo-line bg-kumo-base p-6",
+			className: "rounded-lg border-s-4 border-s-kumo-warning border border-kumo-line bg-kumo-base p-6",
 			children: /* @__PURE__ */ jsxs("div", {
 				className: "flex items-start gap-4",
-				children: [/* @__PURE__ */ jsx(Warning, { className: "h-6 w-6 text-orange-500 flex-shrink-0" }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+				children: [/* @__PURE__ */ jsx(Warning, { className: "h-6 w-6 text-kumo-warning flex-shrink-0" }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
 					className: "font-medium",
 					children: _t4({
 						id: "W9GZ3f",
@@ -37351,6 +37634,39 @@ function AuthorMappingStep({ authorMappings, emdashUsers, onMappingChange, onCon
 	});
 }
 
+//#endregion
+//#region src/lib/bulk.ts
+/**
+* Concurrency-limited fan-out for bulk content actions.
+*
+* Bulk publish/draft/trash reuse the existing per-entry endpoints, so a
+* selection of N entries means N requests. Selection persists across
+* pagination, so N can grow large — an unbounded `Promise.allSettled`
+* fan-out would fire them all at once. This runs at most `concurrency`
+* requests in flight and reports which ids failed so the caller can keep
+* them selected for a retry.
+*/
+/** Max in-flight requests per bulk action. */
+const BULK_CONCURRENCY = 5;
+async function runBulkAction(ids, action, concurrency = BULK_CONCURRENCY) {
+	const failed = /* @__PURE__ */ new Set();
+	let nextIndex = 0;
+	async function drain() {
+		while (nextIndex < ids.length) {
+			const id = ids[nextIndex++];
+			if (id === void 0) continue;
+			try {
+				await action(id);
+			} catch {
+				failed.add(id);
+			}
+		}
+	}
+	const workerCount = Math.max(1, Math.min(concurrency, ids.length));
+	await Promise.all(Array.from({ length: workerCount }, () => drain()));
+	return { failedIds: ids.filter((id) => failed.has(id)) };
+}
+
 //#endregion
 //#region src/components/BylineFieldEditor.tsx
 /**
@@ -38877,27 +39193,35 @@ function CustomFieldInput({ field, value, onChange }) {
 //#endregion
 //#region src/components/users/RoleBadge.tsx
 /**
-* Role badge component with semantic colors
+* Maps a role's semantic color name to a Kumo Badge token variant, so
+* light/dark theming comes from tokens rather than hard-coded palette classes.
+*/
+const ROLE_VARIANTS = {
+	gray: "neutral",
+	blue: "blue",
+	green: "green",
+	purple: "purple",
+	red: "red"
+};
+/**
+* Role badge component built on Kumo Badge semantic variants.
 */
 function RoleBadge({ role, size = "sm", showDescription = false, className }) {
 	const { _: _t } = useLingui();
 	const config = getRoleConfig(role);
-	return /* @__PURE__ */ jsxs("span", {
-		className: cn("inline-flex items-center rounded-full font-medium", {
-			sm: "px-2 py-0.5 text-xs",
-			md: "px-2.5 py-1 text-sm"
-		}[size], {
-			gray: "bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-200",
-			blue: "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200",
-			green: "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200",
-			purple: "bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-200",
-			red: "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200"
-		}[config.color], className),
+	return /* @__PURE__ */ jsx("span", {
 		title: showDescription ? void 0 : _t(config.description),
-		children: [_t(config.label), showDescription && /* @__PURE__ */ jsxs("span", {
-			className: "ms-1 opacity-75",
-			children: ["- ", _t(config.description)]
-		})]
+		children: /* @__PURE__ */ jsxs(Badge, {
+			variant: ROLE_VARIANTS[config.color] ?? "neutral",
+			className: cn({
+				sm: "text-xs",
+				md: "px-2.5 py-1 text-sm"
+			}[size], className),
+			children: [_t(config.label), showDescription && /* @__PURE__ */ jsxs("span", {
+				className: "ms-1 opacity-75",
+				children: ["- ", _t(config.description)]
+			})]
+		})
 	});
 }
 
@@ -39143,7 +39467,7 @@ function UserListRow({ user, onSelect }) {
 						message: "Disabled"
 					})]
 				}) : /* @__PURE__ */ jsxs("span", {
-					className: "inline-flex items-center gap-1 text-sm text-green-600 dark:text-green-400",
+					className: "inline-flex items-center gap-1 text-sm text-kumo-success",
 					children: [/* @__PURE__ */ jsx(CheckCircle, {
 						className: "h-3.5 w-3.5",
 						"aria-hidden": "true"
@@ -39351,7 +39675,7 @@ function UserDetail({ user, isLoading, isOpen, isSaving, isSendingRecovery, reco
 											message: "Disabled"
 										})]
 									}) : /* @__PURE__ */ jsxs("span", {
-										className: "inline-flex items-center gap-1 text-sm text-green-600 dark:text-green-400",
+										className: "inline-flex items-center gap-1 text-sm text-kumo-success",
 										children: [/* @__PURE__ */ jsx(CheckCircle, {
 											className: "h-3.5 w-3.5",
 											"aria-hidden": "true"
@@ -39568,7 +39892,7 @@ function UserDetail({ user, isLoading, isOpen, isSaving, isSendingRecovery, reco
 								})
 							}),
 							recoverySent && /* @__PURE__ */ jsx("p", {
-								className: "text-xs text-green-600 dark:text-green-400 text-center",
+								className: "text-xs text-kumo-success text-center",
 								children: _t({
 									id: "SLJUHb",
 									message: "Recovery link sent to {0}",
@@ -39711,15 +40035,15 @@ function InviteUserModal({ open, isSending, error, inviteUrl, onOpenChange, onIn
 				className: "py-4 space-y-4",
 				children: [
 					/* @__PURE__ */ jsxs("div", {
-						className: "rounded-lg border border-amber-200 dark:border-amber-800 bg-amber-50 dark:bg-amber-950/30 p-4",
+						className: "rounded-lg border border-kumo-warning/50 bg-kumo-warning-tint p-4",
 						children: [/* @__PURE__ */ jsx("p", {
-							className: "text-sm text-amber-800 dark:text-amber-200 font-medium",
+							className: "text-sm text-kumo-warning font-medium",
 							children: _t({
 								id: "khD71f",
 								message: "Share this link with the invited user"
 							})
 						}), /* @__PURE__ */ jsx("p", {
-							className: "text-xs text-amber-700 dark:text-amber-300 mt-1",
+							className: "text-xs text-kumo-subtle mt-1",
 							children: _t({
 								id: "2wySqx",
 								message: "This link expires in 7 days and can only be used once."
@@ -39739,18 +40063,18 @@ function InviteUserModal({ open, isSending, error, inviteUrl, onOpenChange, onIn
 								id: "x7uIlL",
 								message: "Copy invite link"
 							}),
-							children: copied ? /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-green-600" }) : /* @__PURE__ */ jsx(Copy, { className: "h-4 w-4" })
+							children: copied ? /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-kumo-success" }) : /* @__PURE__ */ jsx(Copy, { className: "h-4 w-4" })
 						})]
 					}),
 					copied && /* @__PURE__ */ jsx("p", {
-						className: "text-xs text-green-600 dark:text-green-400",
+						className: "text-xs text-kumo-success",
 						children: _t({
 							id: "FxVG/l",
 							message: "Copied to clipboard"
 						})
 					}),
 					copyError && /* @__PURE__ */ jsx("p", {
-						className: "text-xs text-amber-600 dark:text-amber-400",
+						className: "text-xs text-kumo-warning",
 						children: _t({
 							id: "6pCl1F",
 							message: "Could not copy automatically. Please select the URL above and copy manually."
@@ -40388,6 +40712,122 @@ function ContentListPage() {
 			});
 		}
 	});
+	const bulkPublishMutation = useMutation({
+		mutationFn: async (ids) => {
+			const { failedIds } = await runBulkAction(ids, (id) => publishContent(collection, id, { locale: activeLocale }));
+			return {
+				total: ids.length,
+				failedIds
+			};
+		},
+		onSuccess: ({ total, failedIds }) => {
+			if (failedIds.length === 0) toastManager.add({
+				title: _t2({
+					id: "XSnkda",
+					message: "Published {total} items",
+					values: { total }
+				}),
+				type: "success"
+			});
+			else toastManager.add({
+				title: _t2({
+					id: "pxQAFW",
+					message: "Failed to publish"
+				}),
+				description: _t2({
+					id: "u4L+qv",
+					message: "{0} of {total} could not be published",
+					values: {
+						0: failedIds.length,
+						total
+					}
+				}),
+				type: "error"
+			});
+		},
+		onSettled: () => {
+			queryClient.invalidateQueries({ queryKey: ["content", collection] });
+		}
+	});
+	const bulkUnpublishMutation = useMutation({
+		mutationFn: async (ids) => {
+			const { failedIds } = await runBulkAction(ids, (id) => unpublishContent(collection, id, { locale: activeLocale }));
+			return {
+				total: ids.length,
+				failedIds
+			};
+		},
+		onSuccess: ({ total, failedIds }) => {
+			if (failedIds.length === 0) toastManager.add({
+				title: _t2({
+					id: "IYdDk3",
+					message: "Moved {total} items to draft",
+					values: { total }
+				}),
+				type: "success"
+			});
+			else toastManager.add({
+				title: _t2({
+					id: "u2HXZY",
+					message: "Failed to update"
+				}),
+				description: _t2({
+					id: "seoGtg",
+					message: "{0} of {total} could not be updated",
+					values: {
+						0: failedIds.length,
+						total
+					}
+				}),
+				type: "error"
+			});
+		},
+		onSettled: () => {
+			queryClient.invalidateQueries({ queryKey: ["content", collection] });
+		}
+	});
+	const bulkDeleteMutation = useMutation({
+		mutationFn: async (ids) => {
+			const { failedIds } = await runBulkAction(ids, (id) => deleteContent(collection, id));
+			return {
+				total: ids.length,
+				failedIds
+			};
+		},
+		onSuccess: ({ total, failedIds }) => {
+			if (failedIds.length === 0) toastManager.add({
+				title: _t2({
+					id: "HEBFEG",
+					message: "Moved {total} items to trash",
+					values: { total }
+				}),
+				type: "success"
+			});
+			else toastManager.add({
+				title: _t2({
+					id: "92o1+U",
+					message: "Failed to delete"
+				}),
+				description: _t2({
+					id: "zu/kzk",
+					message: "{0} of {total} could not be deleted",
+					values: {
+						0: failedIds.length,
+						total
+					}
+				}),
+				type: "error"
+			});
+		},
+		onSettled: () => {
+			queryClient.invalidateQueries({ queryKey: ["content", collection] });
+			queryClient.invalidateQueries({ queryKey: [
+				"content",
+				collection,
+				"trash"
+			] });
+		}
+	});
 	const items = React$1.useMemo(() => {
 		return data?.pages.flatMap((page) => page.items) || [];
 	}, [data]);
@@ -40432,7 +40872,10 @@ function ContentListPage() {
 		authorFilter,
 		onAuthorFilterChange: setAuthorFilter,
 		dateFilter,
-		onDateFilterChange: setDateFilter
+		onDateFilterChange: setDateFilter,
+		onBulkPublish: (ids) => bulkPublishMutation.mutateAsync(ids).then((r) => r.failedIds),
+		onBulkUnpublish: (ids) => bulkUnpublishMutation.mutateAsync(ids).then((r) => r.failedIds),
+		onBulkDelete: (ids) => bulkDeleteMutation.mutateAsync(ids).then((r) => r.failedIds)
 	});
 }
 const contentNewRoute = createRoute({
@@ -41817,6 +42260,7 @@ function normalizeAdminHref(href) {
 	if (href === ADMIN_BASEPATH) return "/";
 	if (href.startsWith(`${ADMIN_BASEPATH}/`)) return href.slice(14);
 	if (href.startsWith(`${ADMIN_BASEPATH}?`) || href.startsWith(`${ADMIN_BASEPATH}#`)) return `/${href.slice(14)}`;
+	if (href.startsWith("/_emdash/")) return "";
 	return href;
 }
 function getAnchorHref(destination, routerDestination) {