@anantagnanam/lms 0.0.0-stage → 0.1.0

package/dist/admin.js

@@ -0,0 +1,2762 @@
+import { r as PLUGIN_ID, t as API_BASE } from "./constants-C0kT94tc.js";
+import { assignmentSchema, courseDataSchema, lessonSchema, moduleSchema, questionSchema, quizSchema, settingsSchema } from "./schemas.js";
+import { n as enrollmentCsvLines, t as enrollmentCsvHeader } from "./csv-DKq_4OWU.js";
+import { useEffect, useState } from "react";
+import { apiFetch } from "emdash/plugin-utils";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/admin.tsx
+const ADMIN_BASE = `/_emdash/admin/plugins/${PLUGIN_ID}`;
+async function api(route, input = {}, method = "GET", signal) {
+	let url = `${API_BASE}/${route}`;
+	if (method === "GET") {
+		const params = new URLSearchParams();
+		for (const [key, value] of Object.entries(input)) if (value !== void 0 && value !== "" && value !== null) params.set(key, String(value));
+		url += `?${params}`;
+	}
+	const response = await apiFetch(url, {
+		method,
+		signal,
+		credentials: "same-origin",
+		...method !== "GET" ? {
+			headers: { "Content-Type": "application/json" },
+			body: JSON.stringify(input)
+		} : {}
+	});
+	const result = await response.json();
+	if (!response.ok || !result.success) throw new Error(result.error?.message ?? "The request could not be completed.");
+	return result.data;
+}
+function useLoad(route, input = {}, enabled = true) {
+	const key = JSON.stringify(input);
+	const [generation, setGeneration] = useState(0);
+	const [state, setState] = useState({ loading: enabled });
+	useEffect(() => {
+		if (!enabled) {
+			setState({ loading: false });
+			return;
+		}
+		const controller = new AbortController();
+		setState((old) => ({
+			...old,
+			loading: true,
+			error: void 0
+		}));
+		api(route, JSON.parse(key), "GET", controller.signal).then((data) => {
+			if (!controller.signal.aborted) setState({
+				loading: false,
+				data
+			});
+		}).catch((error) => {
+			if (!controller.signal.aborted) setState({
+				loading: false,
+				error: error.message
+			});
+		});
+		return () => controller.abort();
+	}, [
+		route,
+		key,
+		enabled,
+		generation
+	]);
+	return {
+		...state,
+		reload: () => setGeneration((value) => value + 1)
+	};
+}
+function useAction() {
+	const [busy, setBusy] = useState(false);
+	const [error, setError] = useState("");
+	const [message, setMessage] = useState("");
+	const run = async (action, success = "Saved.") => {
+		if (busy) return;
+		setBusy(true);
+		setError("");
+		setMessage("");
+		try {
+			await action();
+			setMessage(success);
+		} catch (cause) {
+			setError(cause instanceof Error ? cause.message : "The request failed.");
+		} finally {
+			setBusy(false);
+		}
+	};
+	return {
+		busy,
+		error,
+		message,
+		run
+	};
+}
+function useChoices(route) {
+	const [cursor, setCursor] = useState();
+	const [items, setItems] = useState([]);
+	const list = useLoad(route, {
+		cursor,
+		limit: 100
+	});
+	useEffect(() => {
+		if (list.data) setItems((old) => [...new Map([...old, ...list.data.items].map((item) => [item.id, item])).values()]);
+	}, [list.data]);
+	return {
+		...list,
+		items,
+		more: () => setCursor(list.data?.cursor)
+	};
+}
+function ChoicesField({ label, value, choices, onChange }) {
+	const all = [...choices, ...value.filter((id) => !choices.some((choice) => choice.id === id)).map((id) => ({
+		id,
+		label: `Saved selection · ${id.slice(0, 8)}`
+	}))];
+	return /* @__PURE__ */ jsxs("fieldset", {
+		className: "lms-choices",
+		children: [
+			/* @__PURE__ */ jsx("legend", { children: label }),
+			all.map((choice) => /* @__PURE__ */ jsxs("label", {
+				className: "lms-check",
+				children: [/* @__PURE__ */ jsx("input", {
+					type: "checkbox",
+					checked: value.includes(choice.id),
+					onChange: (event) => onChange(event.target.checked ? [...value, choice.id] : value.filter((id) => id !== choice.id))
+				}), choice.label]
+			}, choice.id)),
+			!all.length && /* @__PURE__ */ jsx("p", { children: "No choices loaded yet." })
+		]
+	});
+}
+function Notice({ error, message }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [error && /* @__PURE__ */ jsx("p", {
+		role: "alert",
+		className: "lms-notice lms-error",
+		children: error
+	}), message && /* @__PURE__ */ jsx("p", {
+		role: "status",
+		className: "lms-notice",
+		children: message
+	})] });
+}
+function Field({ label, children, help }) {
+	return /* @__PURE__ */ jsxs("label", {
+		className: "lms-field",
+		children: [
+			/* @__PURE__ */ jsx("span", { children: label }),
+			children,
+			help && /* @__PURE__ */ jsx("small", { children: help })
+		]
+	});
+}
+function Button({ children, busy, danger, ...props }) {
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		...props,
+		className: `lms-button${danger ? " lms-danger" : ""}`,
+		disabled: props.disabled || busy,
+		children: busy ? "Working…" : children
+	});
+}
+function Panel({ title, children }) {
+	return /* @__PURE__ */ jsxs("section", {
+		className: "lms-panel",
+		children: [title && /* @__PURE__ */ jsx("h2", { children: title }), children]
+	});
+}
+function Pager({ page, next, reset }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "lms-actions",
+		children: [/* @__PURE__ */ jsx(Button, {
+			onClick: reset,
+			children: "First page"
+		}), page?.hasMore && page.cursor && /* @__PURE__ */ jsx(Button, {
+			onClick: () => next(page.cursor),
+			children: "Next page"
+		})]
+	});
+}
+function PageFrame({ title, description, children }) {
+	const academy = useLoad("academy");
+	return /* @__PURE__ */ jsxs("main", {
+		className: "ag-lms-admin",
+		children: [
+			/* @__PURE__ */ jsx("style", { children: css }),
+			/* @__PURE__ */ jsxs("header", {
+				className: "lms-page-header",
+				children: [/* @__PURE__ */ jsxs("div", { children: [
+					/* @__PURE__ */ jsx("p", {
+						className: "lms-eyebrow",
+						children: "ANANTA GNANAM · LEARNING"
+					}),
+					/* @__PURE__ */ jsx("h1", { children: title }),
+					description && /* @__PURE__ */ jsx("p", { children: description })
+				] }), /* @__PURE__ */ jsx("a", {
+					href: academy.data?.basePath ?? "/academy",
+					className: "lms-button",
+					target: "_blank",
+					rel: "noopener noreferrer",
+					children: "Open academy ↗"
+				})]
+			}),
+			/* @__PURE__ */ jsx("nav", {
+				className: "lms-tabs",
+				"aria-label": "Learning administration",
+				children: [
+					["/", "Overview"],
+					["/courses", "Courses"],
+					["/learners", "Enrollments"],
+					["/assignments", "Assignments"],
+					["/community", "Community"],
+					["/cohorts", "Cohorts"],
+					["/reports", "Reports"],
+					["/notifications", "Notifications"],
+					["/audit", "Audit history"],
+					["/settings", "Settings"]
+				].map(([path, label]) => /* @__PURE__ */ jsx("a", {
+					href: `${ADMIN_BASE}${path === "/" ? "" : path}`,
+					children: label
+				}, path))
+			}),
+			children
+		]
+	});
+}
+function Metrics({ report }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "lms-metrics",
+		children: [
+			["Courses", report?.courseCount],
+			["Active enrollments", report?.active],
+			["Course completions", report?.completedEver],
+			["Awaiting approval", report?.pending],
+			["Completion rate", report ? `${report.completionRate}%` : void 0]
+		].map(([label, value]) => /* @__PURE__ */ jsxs("div", {
+			className: "lms-panel",
+			children: [/* @__PURE__ */ jsx("span", { children: label }), /* @__PURE__ */ jsx("strong", { children: value ?? "—" })]
+		}, label))
+	});
+}
+function CoursePicker({ value, onChange, allowAll = false }) {
+	const [cursor, setCursor] = useState();
+	const [choices, setChoices] = useState([]);
+	const list = useLoad("admin/courses", {
+		limit: 100,
+		cursor
+	});
+	useEffect(() => {
+		if (list.data) setChoices((old) => [...new Map([...old, ...list.data.items].map((course) => [course.id, course])).values()]);
+	}, [list.data]);
+	return /* @__PURE__ */ jsxs("div", { children: [
+		/* @__PURE__ */ jsx(Field, {
+			label: "Course",
+			children: /* @__PURE__ */ jsxs("select", {
+				value,
+				onChange: (event) => onChange(event.target.value),
+				children: [/* @__PURE__ */ jsx("option", {
+					value: "",
+					children: allowAll ? "All courses" : "Choose a course"
+				}), choices.map((course) => /* @__PURE__ */ jsxs("option", {
+					value: course.id,
+					children: [
+						course.title,
+						" · ",
+						course.status
+					]
+				}, course.id))]
+			})
+		}),
+		list.data?.hasMore && /* @__PURE__ */ jsx(Button, {
+			onClick: () => setCursor(list.data?.cursor),
+			children: "Load more courses"
+		}),
+		/* @__PURE__ */ jsx(Notice, { error: list.error })
+	] });
+}
+function OverviewPage() {
+	const report = useLoad("admin/report");
+	return /* @__PURE__ */ jsxs(PageFrame, {
+		title: "Learning overview",
+		description: "Create learning paths, support your learners, and see their progress.",
+		children: [
+			/* @__PURE__ */ jsx(Notice, { error: report.error }),
+			/* @__PURE__ */ jsx(Metrics, { report: report.data }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "lms-grid",
+				children: [/* @__PURE__ */ jsxs(Panel, {
+					title: "Course studio",
+					children: [/* @__PURE__ */ jsx("p", { children: "Build modules with reading, video, audio, quizzes, assignments, and live sessions." }), /* @__PURE__ */ jsx("a", {
+						className: "lms-button",
+						href: `${ADMIN_BASE}/courses`,
+						children: "Manage courses"
+					})]
+				}), /* @__PURE__ */ jsxs(Panel, {
+					title: "Support learners",
+					children: [/* @__PURE__ */ jsx("p", { children: "Review enrollment requests and give feedback on submitted work." }), /* @__PURE__ */ jsxs("div", {
+						className: "lms-actions",
+						children: [/* @__PURE__ */ jsx("a", {
+							className: "lms-button",
+							href: `${ADMIN_BASE}/learners`,
+							children: "Enrollments"
+						}), /* @__PURE__ */ jsx("a", {
+							className: "lms-button",
+							href: `${ADMIN_BASE}/assignments`,
+							children: "Grade assignments"
+						})]
+					})]
+				})]
+			})
+		]
+	});
+}
+function CoursesPage() {
+	const [cursor, setCursor] = useState();
+	const [status, setStatus] = useState("");
+	const [edit, setEdit] = useState();
+	const list = useLoad("admin/courses", {
+		cursor,
+		status
+	});
+	const action = useAction();
+	const open = (id) => void action.run(async () => {
+		const result = await api("admin/course", { id });
+		setEdit({
+			course: result.course,
+			revision: result.revision
+		});
+	}, "");
+	const importFile = async (file) => {
+		if (file.size > 95e4) throw new Error("This course file is too large.");
+		const bundle = JSON.parse(await file.text());
+		if (bundle.format !== "anantagnanam-lms-course" || bundle.version !== 1 || !bundle.course) throw new Error("Choose an Ananta Gnanam course export.");
+		setEdit({
+			course: courseDataSchema.parse({
+				...bundle.course,
+				status: "draft"
+			}),
+			revision: null
+		});
+	};
+	if (edit) return /* @__PURE__ */ jsx(CourseEditor, {
+		initial: edit.course,
+		initialRevision: edit.revision,
+		onClose: () => {
+			setEdit(void 0);
+			list.reload();
+		}
+	});
+	return /* @__PURE__ */ jsxs(PageFrame, {
+		title: "Courses",
+		description: "Author, publish, and update your courses.",
+		children: [
+			/* @__PURE__ */ jsx(Notice, {
+				error: list.error || action.error,
+				message: action.message
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "lms-toolbar",
+				children: [
+					/* @__PURE__ */ jsx(Button, {
+						onClick: () => setEdit({
+							course: courseDataSchema.parse({
+								title: "New course",
+								slug: "new-course"
+							}),
+							revision: null
+						}),
+						children: "Create course"
+					}),
+					/* @__PURE__ */ jsxs("label", {
+						className: "lms-button",
+						children: ["Import course", /* @__PURE__ */ jsx("input", {
+							className: "lms-file",
+							type: "file",
+							accept: "application/json,.json",
+							onChange: (event) => {
+								const file = event.target.files?.[0];
+								if (file) action.run(() => importFile(file), "");
+								event.target.value = "";
+							}
+						})]
+					}),
+					/* @__PURE__ */ jsx(Field, {
+						label: "Status",
+						children: /* @__PURE__ */ jsxs("select", {
+							value: status,
+							onChange: (event) => {
+								setStatus(event.target.value);
+								setCursor(void 0);
+							},
+							children: [/* @__PURE__ */ jsx("option", {
+								value: "",
+								children: "All statuses"
+							}), [
+								"draft",
+								"published",
+								"archived"
+							].map((value) => /* @__PURE__ */ jsx("option", { children: value }, value))]
+						})
+					})
+				]
+			}),
+			list.loading && /* @__PURE__ */ jsx("p", {
+				role: "status",
+				children: "Loading courses…"
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "lms-course-grid",
+				children: list.data?.items.map((course) => /* @__PURE__ */ jsxs(Panel, { children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "lms-badge",
+						children: course.status
+					}),
+					/* @__PURE__ */ jsx("h2", { children: course.title }),
+					/* @__PURE__ */ jsx("p", { children: course.summary || "Add a summary to introduce this course." }),
+					/* @__PURE__ */ jsxs("p", {
+						className: "lms-muted",
+						children: [
+							course.modules.length,
+							" modules ·",
+							" ",
+							course.modules.reduce((sum, module) => sum + module.lessons.length, 0),
+							" lessons"
+						]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "lms-actions",
+						children: [/* @__PURE__ */ jsx(Button, {
+							busy: action.busy,
+							onClick: () => open(course.id),
+							children: "Edit course"
+						}), /* @__PURE__ */ jsx(Button, {
+							onClick: () => void action.run(async () => download(`${course.slug}.json`, JSON.stringify(await api("admin/course/export", { id: course.id }), null, 2), "application/json"), "Course exported."),
+							children: "Export"
+						})]
+					})
+				] }, course.id))
+			}),
+			list.data && !list.data.items.length && /* @__PURE__ */ jsx(Panel, { children: /* @__PURE__ */ jsx("p", { children: "No courses yet. Create your first course above." }) }),
+			/* @__PURE__ */ jsx(Pager, {
+				page: list.data,
+				next: setCursor,
+				reset: () => setCursor(void 0)
+			})
+		]
+	});
+}
+function CourseEditor({ initial, initialRevision, onClose }) {
+	const [course, setCourse] = useState(initial);
+	const [revision, setRevision] = useState(initialRevision);
+	const [saved, setSaved] = useState(JSON.stringify(initial));
+	const [selected, setSelected] = useState(initial.modules[0]?.lessons[0]?.id ?? null);
+	const [tab, setTab] = useState("details");
+	const action = useAction();
+	const dirty = !course.id || JSON.stringify(course) !== saved;
+	const prerequisiteChoices = useChoices("catalog");
+	const instructorChoices = useChoices("admin/instructors");
+	useEffect(() => {
+		if (!dirty) return;
+		const handler = (event) => {
+			event.preventDefault();
+		};
+		window.addEventListener("beforeunload", handler);
+		return () => window.removeEventListener("beforeunload", handler);
+	}, [dirty]);
+	const patch = (data) => setCourse((old) => ({
+		...old,
+		...data
+	}));
+	const updateModule = (index, data) => setCourse((old) => ({
+		...old,
+		modules: old.modules.map((module, i) => i === index ? {
+			...module,
+			...data
+		} : module)
+	}));
+	const updateLesson = (id, data) => setCourse((old) => ({
+		...old,
+		modules: old.modules.map((module) => ({
+			...module,
+			lessons: module.lessons.map((lesson) => lesson.id === id ? {
+				...lesson,
+				...data
+			} : lesson)
+		}))
+	}));
+	const selectedLesson = course.modules.flatMap((module) => module.lessons).find((lesson) => lesson.id === selected);
+	const save = (status = course.status) => void action.run(async () => {
+		const parsed = courseDataSchema.safeParse({
+			...course,
+			status
+		});
+		if (!parsed.success) throw new Error(parsed.error.issues.slice(0, 5).map((issue) => `${issue.path.join(".")}: ${issue.message}`).join(" "));
+		const result = await api("admin/course/save", {
+			id: course.id,
+			expectedRevision: revision,
+			data: parsed.data
+		}, "POST");
+		setCourse(result.course);
+		setRevision(result.revision);
+		setSaved(JSON.stringify(result.course));
+	}, status === "published" ? "Course published." : "Course saved.");
+	const reorderLesson = (moduleIndex, index, delta) => {
+		const items = [...course.modules[moduleIndex].lessons];
+		const to = index + delta;
+		if (to < 0 || to >= items.length) return;
+		[items[index], items[to]] = [items[to], items[index]];
+		updateModule(moduleIndex, { lessons: items });
+	};
+	return /* @__PURE__ */ jsxs(PageFrame, {
+		title: course.title,
+		description: dirty ? "You have unsaved changes." : "All changes saved.",
+		children: [
+			/* @__PURE__ */ jsx(Notice, {
+				error: action.error,
+				message: action.message
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "lms-toolbar",
+				children: [
+					/* @__PURE__ */ jsx(Button, {
+						onClick: () => {
+							if (!dirty || window.confirm("Discard unsaved changes?")) onClose();
+						},
+						children: "Back to courses"
+					}),
+					/* @__PURE__ */ jsxs(Button, {
+						busy: action.busy,
+						onClick: () => save(),
+						children: ["Save ", course.status]
+					}),
+					course.status !== "published" && /* @__PURE__ */ jsx(Button, {
+						busy: action.busy,
+						onClick: () => save("published"),
+						children: "Publish"
+					}),
+					course.status === "published" && /* @__PURE__ */ jsx(Button, {
+						busy: action.busy,
+						onClick: () => save("archived"),
+						children: "Archive"
+					}),
+					course.id && course.status === "draft" && /* @__PURE__ */ jsx(Button, {
+						danger: true,
+						busy: action.busy,
+						onClick: () => {
+							if (window.confirm(`Delete the draft “${course.title}”?`)) action.run(async () => {
+								await api("admin/course/delete", {
+									id: course.id,
+									expectedRevision: revision
+								}, "POST");
+								onClose();
+							}, "");
+						},
+						children: "Delete draft"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "lms-tabs",
+				role: "tablist",
+				"aria-label": "Course editor",
+				children: [
+					"details",
+					"curriculum",
+					"access"
+				].map((value) => /* @__PURE__ */ jsx(Button, {
+					role: "tab",
+					"aria-selected": tab === value,
+					onClick: () => setTab(value),
+					children: value === "access" ? "Enrollment & completion" : value === "details" ? "Course details" : "Curriculum"
+				}, value))
+			}),
+			tab === "details" && /* @__PURE__ */ jsxs(Panel, { children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "lms-grid",
+					children: [
+						/* @__PURE__ */ jsx(Field, {
+							label: "Course title",
+							children: /* @__PURE__ */ jsx("input", {
+								value: course.title,
+								maxLength: 200,
+								onChange: (event) => patch({ title: event.target.value })
+							})
+						}),
+						/* @__PURE__ */ jsx(Field, {
+							label: "Course URL",
+							children: /* @__PURE__ */ jsx("input", {
+								value: course.slug,
+								onChange: (event) => patch({ slug: event.target.value }),
+								pattern: "[a-z0-9]+(-[a-z0-9]+)*"
+							})
+						}),
+						/* @__PURE__ */ jsx(Field, {
+							label: "Category",
+							children: /* @__PURE__ */ jsx("input", {
+								value: course.category,
+								onChange: (event) => patch({ category: event.target.value })
+							})
+						}),
+						/* @__PURE__ */ jsx(Field, {
+							label: "Level",
+							children: /* @__PURE__ */ jsx("select", {
+								value: course.level,
+								onChange: (event) => patch({ level: event.target.value }),
+								children: [
+									"all",
+									"beginner",
+									"intermediate",
+									"advanced"
+								].map((level) => /* @__PURE__ */ jsx("option", { children: level }, level))
+							})
+						}),
+						/* @__PURE__ */ jsx(Field, {
+							label: "Language",
+							children: /* @__PURE__ */ jsx("input", {
+								value: course.language,
+								onChange: (event) => patch({ language: event.target.value }),
+								placeholder: "en, ta, hi…"
+							})
+						}),
+						/* @__PURE__ */ jsx(Field, {
+							label: "Instructor name",
+							children: /* @__PURE__ */ jsx("input", {
+								value: course.instructorName,
+								onChange: (event) => patch({ instructorName: event.target.value })
+							})
+						})
+					]
+				}),
+				/* @__PURE__ */ jsx(Field, {
+					label: "Summary",
+					children: /* @__PURE__ */ jsx("textarea", {
+						rows: 3,
+						value: course.summary,
+						onChange: (event) => patch({ summary: event.target.value }),
+						maxLength: 1e3
+					})
+				}),
+				/* @__PURE__ */ jsx(Field, {
+					label: "Course description",
+					children: /* @__PURE__ */ jsx("textarea", {
+						rows: 7,
+						value: course.description,
+						onChange: (event) => patch({ description: event.target.value })
+					})
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "lms-grid",
+					children: [
+						/* @__PURE__ */ jsx(Field, {
+							label: "Learning outcomes",
+							help: "One outcome per line.",
+							children: /* @__PURE__ */ jsx("textarea", {
+								rows: 5,
+								value: course.outcomes.join("\n"),
+								onChange: (event) => patch({ outcomes: event.target.value.split("\n").filter(Boolean) })
+							})
+						}),
+						/* @__PURE__ */ jsx(Field, {
+							label: "Requirements",
+							help: "One requirement per line.",
+							children: /* @__PURE__ */ jsx("textarea", {
+								rows: 5,
+								value: course.requirements.join("\n"),
+								onChange: (event) => patch({ requirements: event.target.value.split("\n").filter(Boolean) })
+							})
+						}),
+						/* @__PURE__ */ jsx(Field, {
+							label: "Tags",
+							help: "Separate tags with commas.",
+							children: /* @__PURE__ */ jsx("input", {
+								value: course.tags.join(", "),
+								onChange: (event) => patch({ tags: event.target.value.split(",").map((tag) => tag.trim()).filter(Boolean) })
+							})
+						}),
+						/* @__PURE__ */ jsx(Field, {
+							label: "Course image URL",
+							children: /* @__PURE__ */ jsx("input", {
+								type: "url",
+								value: course.featuredImage?.src ?? "",
+								onChange: (event) => patch({ featuredImage: event.target.value ? {
+									id: course.featuredImage?.id ?? "",
+									src: event.target.value,
+									alt: course.featuredImage?.alt ?? ""
+								} : null })
+							})
+						}),
+						/* @__PURE__ */ jsx(Field, {
+							label: "Image description",
+							children: /* @__PURE__ */ jsx("input", {
+								value: course.featuredImage?.alt ?? "",
+								onChange: (event) => course.featuredImage && patch({ featuredImage: {
+									...course.featuredImage,
+									alt: event.target.value
+								} })
+							})
+						}),
+						/* @__PURE__ */ jsxs("div", { children: [
+							/* @__PURE__ */ jsx(ChoicesField, {
+								label: "Additional instructors",
+								value: course.instructorIds,
+								choices: instructorChoices.items.map((account) => ({
+									id: account.id,
+									label: account.name || account.email
+								})),
+								onChange: (instructorIds) => patch({ instructorIds })
+							}),
+							instructorChoices.data?.hasMore && /* @__PURE__ */ jsx(Button, {
+								onClick: instructorChoices.more,
+								children: "Load more instructors"
+							}),
+							/* @__PURE__ */ jsx(Notice, { error: instructorChoices.error })
+						] })
+					]
+				})
+			] }),
+			tab === "access" && /* @__PURE__ */ jsxs(Panel, { children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "lms-grid",
+					children: [
+						/* @__PURE__ */ jsx(Field, {
+							label: "Enrollment",
+							children: /* @__PURE__ */ jsxs("select", {
+								value: course.enrollmentMode,
+								onChange: (event) => patch({ enrollmentMode: event.target.value }),
+								children: [
+									/* @__PURE__ */ jsx("option", {
+										value: "open",
+										children: "Free · open enrollment"
+									}),
+									/* @__PURE__ */ jsx("option", {
+										value: "approval",
+										children: "Administrator approval"
+									}),
+									/* @__PURE__ */ jsx("option", {
+										value: "invite",
+										children: "Invitation only"
+									})
+								]
+							})
+						}),
+						/* @__PURE__ */ jsx(Field, {
+							label: "Access duration in days",
+							help: "0 gives unlimited access.",
+							children: /* @__PURE__ */ jsx("input", {
+								type: "number",
+								min: 0,
+								max: 3650,
+								value: course.accessDays,
+								onChange: (event) => patch({ accessDays: Number(event.target.value) })
+							})
+						}),
+						/* @__PURE__ */ jsx(Field, {
+							label: "Enrollment closes",
+							children: /* @__PURE__ */ jsx("input", {
+								type: "datetime-local",
+								value: localDate(course.enrollmentClosesAt),
+								onChange: (event) => patch({ enrollmentClosesAt: isoDate(event.target.value) })
+							})
+						}),
+						/* @__PURE__ */ jsxs("div", { children: [
+							/* @__PURE__ */ jsx(ChoicesField, {
+								label: "Prerequisite courses",
+								value: course.prerequisiteCourseIds,
+								choices: prerequisiteChoices.items.filter((value) => value.id !== course.id).map((value) => ({
+									id: value.id,
+									label: value.title
+								})),
+								onChange: (prerequisiteCourseIds) => patch({ prerequisiteCourseIds })
+							}),
+							prerequisiteChoices.data?.hasMore && /* @__PURE__ */ jsx(Button, {
+								onClick: prerequisiteChoices.more,
+								children: "Load more courses"
+							}),
+							/* @__PURE__ */ jsx(Notice, { error: prerequisiteChoices.error })
+						] })
+					]
+				}),
+				/* @__PURE__ */ jsxs("label", {
+					className: "lms-check",
+					children: [/* @__PURE__ */ jsx("input", {
+						type: "checkbox",
+						checked: course.sequential,
+						onChange: (event) => patch({ sequential: event.target.checked })
+					}), "Require lessons in order"]
+				}),
+				/* @__PURE__ */ jsxs("label", {
+					className: "lms-check",
+					children: [/* @__PURE__ */ jsx("input", {
+						type: "checkbox",
+						checked: course.certificateEnabled,
+						onChange: (event) => patch({ certificateEnabled: event.target.checked })
+					}), "Issue a certificate after all required lessons are passed"]
+				})
+			] }),
+			tab === "curriculum" && /* @__PURE__ */ jsxs("div", {
+				className: "lms-studio",
+				children: [/* @__PURE__ */ jsxs("aside", {
+					className: "lms-panel",
+					children: [
+						/* @__PURE__ */ jsx("h2", { children: "Modules & lessons" }),
+						course.modules.map((module, moduleIndex) => /* @__PURE__ */ jsxs("section", {
+							className: "lms-module",
+							children: [
+								/* @__PURE__ */ jsx(Field, {
+									label: `Module ${moduleIndex + 1}`,
+									children: /* @__PURE__ */ jsx("input", {
+										value: module.title,
+										onChange: (event) => updateModule(moduleIndex, { title: event.target.value })
+									})
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "lms-grid",
+									children: [/* @__PURE__ */ jsx(Field, {
+										label: "Release after days",
+										children: /* @__PURE__ */ jsx("input", {
+											type: "number",
+											min: 0,
+											value: module.releaseDays,
+											onChange: (event) => updateModule(moduleIndex, { releaseDays: Number(event.target.value) })
+										})
+									}), /* @__PURE__ */ jsx(Field, {
+										label: "Release date",
+										children: /* @__PURE__ */ jsx("input", {
+											type: "datetime-local",
+											value: localDate(module.unlockAt),
+											onChange: (event) => updateModule(moduleIndex, { unlockAt: isoDate(event.target.value) })
+										})
+									})]
+								}),
+								/* @__PURE__ */ jsx("ol", {
+									className: "lms-lesson-list",
+									children: module.lessons.map((lesson, lessonIndex) => /* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsxs("button", {
+										className: "lms-select-lesson",
+										"aria-current": selected === lesson.id,
+										onClick: () => setSelected(lesson.id),
+										children: [lesson.title, /* @__PURE__ */ jsxs("small", { children: [lesson.kind, lesson.required ? " · required" : " · optional"] })]
+									}), /* @__PURE__ */ jsxs("div", {
+										className: "lms-actions",
+										children: [/* @__PURE__ */ jsx(Button, {
+											"aria-label": `Move ${lesson.title} up`,
+											disabled: lessonIndex === 0,
+											onClick: () => reorderLesson(moduleIndex, lessonIndex, -1),
+											children: "↑"
+										}), /* @__PURE__ */ jsx(Button, {
+											"aria-label": `Move ${lesson.title} down`,
+											disabled: lessonIndex === module.lessons.length - 1,
+											onClick: () => reorderLesson(moduleIndex, lessonIndex, 1),
+											children: "↓"
+										})]
+									})] }, lesson.id))
+								}),
+								/* @__PURE__ */ jsx(Button, {
+									onClick: () => {
+										const lesson = lessonSchema.parse({
+											id: crypto.randomUUID(),
+											title: "New lesson"
+										});
+										updateModule(moduleIndex, { lessons: [...module.lessons, lesson] });
+										setSelected(lesson.id);
+									},
+									children: "Add lesson"
+								}),
+								module.lessons.length === 0 && /* @__PURE__ */ jsx(Button, {
+									danger: true,
+									onClick: () => patch({ modules: course.modules.filter((item) => item.id !== module.id) }),
+									children: "Remove empty module"
+								}),
+								/* @__PURE__ */ jsx("div", {
+									className: "lms-actions",
+									children: /* @__PURE__ */ jsx(Button, {
+										disabled: moduleIndex === 0,
+										"aria-label": `Move module ${module.title} up`,
+										onClick: () => {
+											const next = [...course.modules];
+											[next[moduleIndex], next[moduleIndex - 1]] = [next[moduleIndex - 1], next[moduleIndex]];
+											patch({ modules: next });
+										},
+										children: "Move module up"
+									})
+								})
+							]
+						}, module.id)),
+						/* @__PURE__ */ jsx(Button, {
+							onClick: () => patch({ modules: [...course.modules, moduleSchema.parse({
+								id: crypto.randomUUID(),
+								title: `Module ${course.modules.length + 1}`
+							})] }),
+							children: "Add module"
+						})
+					]
+				}), /* @__PURE__ */ jsx(Panel, {
+					title: selectedLesson?.title ?? "Choose a lesson",
+					children: selectedLesson ? /* @__PURE__ */ jsx(LessonEditor, {
+						lesson: selectedLesson,
+						update: (data) => updateLesson(selectedLesson.id, data),
+						remove: () => {
+							if (window.confirm(`Remove “${selectedLesson.title}” from the draft?`)) {
+								patch({ modules: course.modules.map((module) => ({
+									...module,
+									lessons: module.lessons.filter((lesson) => lesson.id !== selectedLesson.id)
+								})) });
+								setSelected(null);
+							}
+						}
+					}) : /* @__PURE__ */ jsx("p", { children: "Add a module and a lesson to begin." })
+				})]
+			})
+		]
+	});
+}
+function ContentPicker({ value, onChange }) {
+	const schema = useLoad("admin/content/collections");
+	const [collection, setCollection] = useState(value?.collection ?? "");
+	const [cursor, setCursor] = useState();
+	const [entries, setEntries] = useState([]);
+	const list = useLoad("admin/content/entries", {
+		collection,
+		cursor,
+		limit: 100
+	}, !!collection);
+	useEffect(() => {
+		if (list.data) setEntries((old) => [...new Map([...old, ...list.data.items].map((entry) => [entry.id, entry])).values()]);
+	}, [list.data]);
+	const fields = schema.data?.find((entry) => entry.slug === collection)?.fields ?? [];
+	return /* @__PURE__ */ jsxs("details", { children: [
+		/* @__PURE__ */ jsx("summary", { children: "Use published EmDash content" }),
+		/* @__PURE__ */ jsx("p", { children: "Choose a published entry and its text field to reuse formatted lesson content." }),
+		/* @__PURE__ */ jsx(Notice, { error: schema.error || list.error }),
+		/* @__PURE__ */ jsxs("div", {
+			className: "lms-grid",
+			children: [/* @__PURE__ */ jsx(Field, {
+				label: "Collection",
+				children: /* @__PURE__ */ jsxs("select", {
+					value: collection,
+					onChange: (event) => {
+						setCollection(event.target.value);
+						setCursor(void 0);
+						setEntries([]);
+						onChange(null);
+					},
+					children: [/* @__PURE__ */ jsx("option", {
+						value: "",
+						children: "Use this lesson's own content"
+					}), schema.data?.map((entry) => /* @__PURE__ */ jsx("option", {
+						value: entry.slug,
+						children: entry.label
+					}, entry.slug))]
+				})
+			}), collection && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Field, {
+				label: "Published entry",
+				children: /* @__PURE__ */ jsxs("select", {
+					value: value?.id ?? "",
+					onChange: (event) => onChange(event.target.value ? {
+						collection,
+						id: event.target.value,
+						field: value?.field ?? fields.find((field) => field.type === "portableText")?.slug ?? fields[0]?.slug ?? "content"
+					} : null),
+					children: [
+						/* @__PURE__ */ jsx("option", {
+							value: "",
+							children: "Choose an entry"
+						}),
+						value && !entries.some((entry) => entry.id === value.id) && /* @__PURE__ */ jsx("option", {
+							value: value.id,
+							children: "Current linked entry"
+						}),
+						entries.map((entry) => /* @__PURE__ */ jsx("option", {
+							value: entry.id,
+							children: entry.title
+						}, entry.id))
+					]
+				})
+			}), /* @__PURE__ */ jsx(Field, {
+				label: "Content field",
+				children: /* @__PURE__ */ jsxs("select", {
+					value: value?.field ?? "",
+					disabled: !value,
+					onChange: (event) => value && onChange({
+						...value,
+						field: event.target.value
+					}),
+					children: [/* @__PURE__ */ jsx("option", {
+						value: "",
+						children: "Choose a field"
+					}), fields.map((field) => /* @__PURE__ */ jsx("option", {
+						value: field.slug,
+						children: field.label
+					}, field.slug))]
+				})
+			})] })]
+		}),
+		list.data?.hasMore && /* @__PURE__ */ jsx(Button, {
+			onClick: () => setCursor(list.data?.cursor),
+			children: "Load more entries"
+		})
+	] });
+}
+function LessonEditor({ lesson, update, remove }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsxs("div", {
+			className: "lms-grid",
+			children: [
+				/* @__PURE__ */ jsx(Field, {
+					label: "Lesson title",
+					children: /* @__PURE__ */ jsx("input", {
+						value: lesson.title,
+						onChange: (event) => update({ title: event.target.value })
+					})
+				}),
+				/* @__PURE__ */ jsx(Field, {
+					label: "Lesson type",
+					children: /* @__PURE__ */ jsx("select", {
+						value: lesson.kind,
+						onChange: (event) => {
+							const kind = event.target.value;
+							update({
+								kind,
+								preview: [
+									"quiz",
+									"assignment",
+									"live"
+								].includes(kind) ? false : lesson.preview,
+								quiz: kind === "quiz" ? lesson.quiz ?? quizSchema.parse({ questions: [defaultQuestion()] }) : null,
+								assignment: kind === "assignment" ? lesson.assignment ?? assignmentSchema.parse({ instructions: "Submit your work here." }) : null
+							});
+						},
+						children: [
+							"text",
+							"video",
+							"audio",
+							"quiz",
+							"assignment",
+							"live"
+						].map((kind) => /* @__PURE__ */ jsx("option", { children: kind }, kind))
+					})
+				}),
+				/* @__PURE__ */ jsx(Field, {
+					label: "Estimated minutes",
+					children: /* @__PURE__ */ jsx("input", {
+						type: "number",
+						min: 0,
+						value: lesson.durationMinutes,
+						onChange: (event) => update({ durationMinutes: Number(event.target.value) })
+					})
+				}),
+				/* @__PURE__ */ jsx(Field, {
+					label: "Minimum study seconds",
+					children: /* @__PURE__ */ jsx("input", {
+						type: "number",
+						min: 0,
+						value: lesson.minStudySeconds,
+						onChange: (event) => update({ minStudySeconds: Number(event.target.value) })
+					})
+				})
+			]
+		}),
+		/* @__PURE__ */ jsx(Field, {
+			label: "Summary",
+			children: /* @__PURE__ */ jsx("textarea", {
+				rows: 2,
+				value: lesson.summary,
+				onChange: (event) => update({ summary: event.target.value })
+			})
+		}),
+		/* @__PURE__ */ jsx(Field, {
+			label: "Lesson text",
+			children: /* @__PURE__ */ jsx("textarea", {
+				rows: 12,
+				value: lesson.body,
+				onChange: (event) => update({ body: event.target.value })
+			})
+		}),
+		[
+			"video",
+			"audio",
+			"live"
+		].includes(lesson.kind) && /* @__PURE__ */ jsx(Field, {
+			label: lesson.kind === "live" ? "Meeting link" : "Media URL",
+			help: "Use a direct media file, YouTube link, or Vimeo link.",
+			children: /* @__PURE__ */ jsx("input", {
+				type: "url",
+				value: lesson.mediaUrl ?? "",
+				onChange: (event) => update({ mediaUrl: event.target.value || null })
+			})
+		}),
+		lesson.kind === "live" && /* @__PURE__ */ jsx(Field, {
+			label: "Session starts",
+			children: /* @__PURE__ */ jsx("input", {
+				type: "datetime-local",
+				value: localDate(lesson.liveStartsAt),
+				onChange: (event) => update({ liveStartsAt: isoDate(event.target.value) })
+			})
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "lms-actions",
+			children: [/* @__PURE__ */ jsxs("label", {
+				className: "lms-check",
+				children: [/* @__PURE__ */ jsx("input", {
+					type: "checkbox",
+					checked: lesson.required,
+					onChange: (event) => update({ required: event.target.checked })
+				}), "Required for completion"]
+			}), ![
+				"quiz",
+				"assignment",
+				"live"
+			].includes(lesson.kind) && /* @__PURE__ */ jsxs("label", {
+				className: "lms-check",
+				children: [/* @__PURE__ */ jsx("input", {
+					type: "checkbox",
+					checked: lesson.preview,
+					onChange: (event) => update({ preview: event.target.checked })
+				}), "Free preview"]
+			})]
+		}),
+		/* @__PURE__ */ jsx(ContentPicker, {
+			value: lesson.contentSource,
+			onChange: (contentSource) => update({ contentSource })
+		}, lesson.id),
+		lesson.kind === "quiz" && lesson.quiz && /* @__PURE__ */ jsx(QuizEditor, {
+			quiz: lesson.quiz,
+			update: (quiz) => update({ quiz })
+		}),
+		lesson.kind === "assignment" && lesson.assignment && /* @__PURE__ */ jsxs(Panel, {
+			title: "Assignment",
+			children: [
+				/* @__PURE__ */ jsx(Field, {
+					label: "Instructions",
+					children: /* @__PURE__ */ jsx("textarea", {
+						rows: 6,
+						value: lesson.assignment.instructions,
+						onChange: (event) => update({ assignment: {
+							...lesson.assignment,
+							instructions: event.target.value
+						} })
+					})
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "lms-grid",
+					children: [
+						/* @__PURE__ */ jsx(Field, {
+							label: "Maximum points",
+							children: /* @__PURE__ */ jsx("input", {
+								type: "number",
+								min: 1,
+								value: lesson.assignment.maxPoints,
+								onChange: (event) => update({ assignment: {
+									...lesson.assignment,
+									maxPoints: Number(event.target.value)
+								} })
+							})
+						}),
+						/* @__PURE__ */ jsx(Field, {
+							label: "Passing points",
+							children: /* @__PURE__ */ jsx("input", {
+								type: "number",
+								min: 1,
+								value: lesson.assignment.passingPoints,
+								onChange: (event) => update({ assignment: {
+									...lesson.assignment,
+									passingPoints: Number(event.target.value)
+								} })
+							})
+						}),
+						/* @__PURE__ */ jsx(Field, {
+							label: "Due date",
+							children: /* @__PURE__ */ jsx("input", {
+								type: "datetime-local",
+								value: localDate(lesson.assignment.dueAt),
+								onChange: (event) => update({ assignment: {
+									...lesson.assignment,
+									dueAt: isoDate(event.target.value)
+								} })
+							})
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("label", {
+					className: "lms-check",
+					children: [/* @__PURE__ */ jsx("input", {
+						type: "checkbox",
+						checked: lesson.assignment.allowResubmission,
+						onChange: (event) => update({ assignment: {
+							...lesson.assignment,
+							allowResubmission: event.target.checked
+						} })
+					}), "Allow another submission after a failing grade"]
+				})
+			]
+		}),
+		/* @__PURE__ */ jsxs(Panel, {
+			title: "Lesson resources",
+			children: [lesson.resources.map((resource, index) => /* @__PURE__ */ jsxs("div", {
+				className: "lms-resource",
+				children: [
+					/* @__PURE__ */ jsx(Field, {
+						label: `Resource ${index + 1}`,
+						children: /* @__PURE__ */ jsx("input", {
+							value: resource.title,
+							onChange: (event) => update({ resources: lesson.resources.map((item) => item.id === resource.id ? {
+								...item,
+								title: event.target.value
+							} : item) })
+						})
+					}),
+					/* @__PURE__ */ jsx(Field, {
+						label: "URL",
+						children: /* @__PURE__ */ jsx("input", {
+							value: resource.url,
+							onChange: (event) => update({ resources: lesson.resources.map((item) => item.id === resource.id ? {
+								...item,
+								url: event.target.value
+							} : item) })
+						})
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						danger: true,
+						onClick: () => update({ resources: lesson.resources.filter((item) => item.id !== resource.id) }),
+						children: "Remove resource"
+					})
+				]
+			}, resource.id)), /* @__PURE__ */ jsx(Button, {
+				onClick: () => update({ resources: [...lesson.resources, {
+					id: crypto.randomUUID(),
+					title: "New resource",
+					url: "/",
+					description: ""
+				}] }),
+				children: "Add resource"
+			})]
+		}),
+		/* @__PURE__ */ jsx(Button, {
+			danger: true,
+			onClick: remove,
+			children: "Remove lesson"
+		})
+	] });
+}
+function defaultQuestion() {
+	return questionSchema.parse({
+		id: crypto.randomUUID(),
+		type: "single",
+		prompt: "New question",
+		options: [{
+			id: "a",
+			text: "First option"
+		}, {
+			id: "b",
+			text: "Second option"
+		}],
+		correctAnswers: ["a"]
+	});
+}
+function QuizEditor({ quiz, update }) {
+	const patchQuestion = (id, data) => update({
+		...quiz,
+		questions: quiz.questions.map((question) => question.id === id ? {
+			...question,
+			...data
+		} : question)
+	});
+	return /* @__PURE__ */ jsxs(Panel, {
+		title: "Quiz",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "lms-grid",
+				children: [
+					/* @__PURE__ */ jsx(Field, {
+						label: "Passing percentage",
+						children: /* @__PURE__ */ jsx("input", {
+							type: "number",
+							min: 1,
+							max: 100,
+							value: quiz.passingPercent,
+							onChange: (event) => update({
+								...quiz,
+								passingPercent: Number(event.target.value)
+							})
+						})
+					}),
+					/* @__PURE__ */ jsx(Field, {
+						label: "Maximum attempts",
+						children: /* @__PURE__ */ jsx("input", {
+							type: "number",
+							min: 1,
+							max: 20,
+							value: quiz.maxAttempts,
+							onChange: (event) => update({
+								...quiz,
+								maxAttempts: Number(event.target.value)
+							})
+						})
+					}),
+					/* @__PURE__ */ jsx(Field, {
+						label: "Time limit in minutes",
+						help: "0 gives an untimed quiz.",
+						children: /* @__PURE__ */ jsx("input", {
+							type: "number",
+							min: 0,
+							max: 180,
+							value: quiz.timeLimitMinutes,
+							onChange: (event) => update({
+								...quiz,
+								timeLimitMinutes: Number(event.target.value)
+							})
+						})
+					}),
+					/* @__PURE__ */ jsx(Field, {
+						label: "Show explanations",
+						children: /* @__PURE__ */ jsxs("select", {
+							value: quiz.showFeedback,
+							onChange: (event) => update({
+								...quiz,
+								showFeedback: event.target.value
+							}),
+							children: [
+								/* @__PURE__ */ jsx("option", {
+									value: "after_pass",
+									children: "After passing"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "after_submit",
+									children: "After each submission"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "never",
+									children: "Never"
+								})
+							]
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "lms-actions",
+				children: [/* @__PURE__ */ jsxs("label", {
+					className: "lms-check",
+					children: [/* @__PURE__ */ jsx("input", {
+						type: "checkbox",
+						checked: quiz.randomizeQuestions,
+						onChange: (event) => update({
+							...quiz,
+							randomizeQuestions: event.target.checked
+						})
+					}), "Shuffle questions"]
+				}), /* @__PURE__ */ jsxs("label", {
+					className: "lms-check",
+					children: [/* @__PURE__ */ jsx("input", {
+						type: "checkbox",
+						checked: quiz.randomizeOptions,
+						onChange: (event) => update({
+							...quiz,
+							randomizeOptions: event.target.checked
+						})
+					}), "Shuffle choices"]
+				})]
+			}),
+			quiz.questions.map((question, index) => /* @__PURE__ */ jsxs("section", {
+				className: "lms-question",
+				children: [
+					/* @__PURE__ */ jsxs("h3", { children: ["Question ", index + 1] }),
+					/* @__PURE__ */ jsxs("div", {
+						className: "lms-grid",
+						children: [/* @__PURE__ */ jsx(Field, {
+							label: "Type",
+							children: /* @__PURE__ */ jsx("select", {
+								value: question.type,
+								onChange: (event) => {
+									const type = event.target.value;
+									const options = type === "true_false" ? [{
+										id: "true",
+										text: "True"
+									}, {
+										id: "false",
+										text: "False"
+									}] : type === "short" ? [] : question.options.length ? question.options : [{
+										id: "a",
+										text: "First option"
+									}, {
+										id: "b",
+										text: "Second option"
+									}];
+									patchQuestion(question.id, {
+										type,
+										options,
+										correctAnswers: type === "short" ? ["Accepted answer"] : [options[0].id]
+									});
+								},
+								children: [
+									["single", "Single choice"],
+									["multiple", "Multiple choices"],
+									["true_false", "True or false"],
+									["short", "Short answer"]
+								].map(([value, label]) => /* @__PURE__ */ jsx("option", {
+									value,
+									children: label
+								}, value))
+							})
+						}), /* @__PURE__ */ jsx(Field, {
+							label: "Points",
+							children: /* @__PURE__ */ jsx("input", {
+								type: "number",
+								min: 1,
+								max: 100,
+								value: question.points,
+								onChange: (event) => patchQuestion(question.id, { points: Number(event.target.value) })
+							})
+						})]
+					}),
+					/* @__PURE__ */ jsx(Field, {
+						label: "Question",
+						children: /* @__PURE__ */ jsx("textarea", {
+							rows: 3,
+							value: question.prompt,
+							onChange: (event) => patchQuestion(question.id, { prompt: event.target.value })
+						})
+					}),
+					question.type === "short" ? /* @__PURE__ */ jsx(Field, {
+						label: "Accepted answers",
+						help: "One answer per line. Matching ignores case and extra spaces.",
+						children: /* @__PURE__ */ jsx("textarea", {
+							value: question.correctAnswers.join("\n"),
+							onChange: (event) => patchQuestion(question.id, { correctAnswers: event.target.value.split("\n").filter(Boolean) })
+						})
+					}) : /* @__PURE__ */ jsxs("fieldset", { children: [
+						/* @__PURE__ */ jsx("legend", { children: "Answer choices · select the correct answers" }),
+						question.options.map((option) => /* @__PURE__ */ jsxs("div", {
+							className: "lms-option",
+							children: [
+								/* @__PURE__ */ jsx("input", {
+									"aria-label": `Mark ${option.text} correct`,
+									type: question.type === "multiple" ? "checkbox" : "radio",
+									name: `correct-${question.id}`,
+									checked: question.correctAnswers.includes(option.id),
+									onChange: (event) => patchQuestion(question.id, { correctAnswers: question.type === "multiple" ? event.target.checked ? [...question.correctAnswers, option.id] : question.correctAnswers.filter((id) => id !== option.id) : [option.id] })
+								}),
+								/* @__PURE__ */ jsx("input", {
+									"aria-label": "Answer text",
+									value: option.text,
+									onChange: (event) => patchQuestion(question.id, { options: question.options.map((item) => item.id === option.id ? {
+										...item,
+										text: event.target.value
+									} : item) })
+								}),
+								question.type !== "true_false" && question.options.length > 2 && /* @__PURE__ */ jsx(Button, {
+									"aria-label": `Remove answer ${option.text}`,
+									onClick: () => patchQuestion(question.id, {
+										options: question.options.filter((item) => item.id !== option.id),
+										correctAnswers: question.correctAnswers.filter((id) => id !== option.id)
+									}),
+									children: "×"
+								})
+							]
+						}, option.id)),
+						question.type !== "true_false" && question.options.length < 10 && /* @__PURE__ */ jsx(Button, {
+							onClick: () => patchQuestion(question.id, { options: [...question.options, {
+								id: crypto.randomUUID(),
+								text: "New option"
+							}] }),
+							children: "Add answer choice"
+						})
+					] }),
+					/* @__PURE__ */ jsx(Field, {
+						label: "Explanation",
+						children: /* @__PURE__ */ jsx("textarea", {
+							rows: 2,
+							value: question.explanation,
+							onChange: (event) => patchQuestion(question.id, { explanation: event.target.value })
+						})
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "lms-actions",
+						children: [/* @__PURE__ */ jsx(Button, {
+							disabled: index === 0,
+							"aria-label": `Move question ${index + 1} up`,
+							onClick: () => {
+								const next = [...quiz.questions];
+								[next[index], next[index - 1]] = [next[index - 1], next[index]];
+								update({
+									...quiz,
+									questions: next
+								});
+							},
+							children: "Move up"
+						}), /* @__PURE__ */ jsx(Button, {
+							danger: true,
+							disabled: quiz.questions.length < 2,
+							onClick: () => update({
+								...quiz,
+								questions: quiz.questions.filter((item) => item.id !== question.id)
+							}),
+							children: "Remove question"
+						})]
+					})
+				]
+			}, question.id)),
+			quiz.questions.length < 50 && /* @__PURE__ */ jsx(Button, {
+				onClick: () => update({
+					...quiz,
+					questions: [...quiz.questions, defaultQuestion()]
+				}),
+				children: "Add question"
+			})
+		]
+	});
+}
+function localDate(value) {
+	if (!value) return "";
+	const date = new Date(value);
+	const offset = date.getTimezoneOffset() * 6e4;
+	return new Date(date.getTime() - offset).toISOString().slice(0, 16);
+}
+function isoDate(value) {
+	return value ? new Date(value).toISOString() : null;
+}
+function download(name, body, type) {
+	const url = URL.createObjectURL(new Blob([body], { type }));
+	const anchor = document.createElement("a");
+	anchor.href = url;
+	anchor.download = name;
+	anchor.click();
+	setTimeout(() => URL.revokeObjectURL(url), 1e3);
+}
+function EnrollmentAccessEditor({ row, close, saved }) {
+	const [status, setStatus] = useState(row.status === "pending" || row.status === "completed" ? "active" : row.status);
+	const [reason, setReason] = useState(row.decisionReason ?? "");
+	const [startsAt, setStartsAt] = useState(row.accessStartsAt);
+	const [expiresAt, setExpiresAt] = useState(row.accessExpiresAt);
+	const action = useAction();
+	return /* @__PURE__ */ jsxs(Panel, {
+		title: `Manage ${row.learnerName}'s access`,
+		children: [
+			/* @__PURE__ */ jsx("p", { children: row.courseTitle }),
+			/* @__PURE__ */ jsx(Notice, { error: action.error }),
+			/* @__PURE__ */ jsxs("form", {
+				onSubmit: (event) => {
+					event.preventDefault();
+					action.run(async () => {
+						await api("admin/enrollment/save", {
+							courseId: row.courseId,
+							userId: row.userId,
+							status,
+							reason,
+							accessStartsAt: startsAt,
+							accessExpiresAt: expiresAt
+						}, "POST");
+						saved();
+					});
+				},
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "lms-grid",
+						children: [
+							/* @__PURE__ */ jsx(Field, {
+								label: "Enrollment decision",
+								children: /* @__PURE__ */ jsx("select", {
+									value: status,
+									onChange: (event) => setStatus(event.target.value),
+									children: [
+										"active",
+										"rejected",
+										"suspended",
+										"cancelled"
+									].map((value) => /* @__PURE__ */ jsx("option", {
+										value,
+										children: value === "active" ? "Approve / restore access" : value
+									}, value))
+								})
+							}),
+							/* @__PURE__ */ jsx(Field, {
+								label: "Access starts",
+								children: /* @__PURE__ */ jsx("input", {
+									type: "datetime-local",
+									value: localDate(startsAt),
+									onChange: (event) => setStartsAt(isoDate(event.target.value))
+								})
+							}),
+							/* @__PURE__ */ jsx(Field, {
+								label: "Access expires",
+								children: /* @__PURE__ */ jsx("input", {
+									type: "datetime-local",
+									value: localDate(expiresAt),
+									onChange: (event) => setExpiresAt(isoDate(event.target.value))
+								})
+							}),
+							/* @__PURE__ */ jsx(Field, {
+								label: "Decision note",
+								children: /* @__PURE__ */ jsx("textarea", {
+									maxLength: 1e3,
+									value: reason,
+									onChange: (event) => setReason(event.target.value)
+								})
+							})
+						]
+					}),
+					/* @__PURE__ */ jsx("p", { children: "These access dates apply to this learner's course enrollment. Leave blank for no additional date restriction." }),
+					/* @__PURE__ */ jsxs("div", {
+						className: "lms-actions",
+						children: [/* @__PURE__ */ jsx(Button, {
+							type: "submit",
+							busy: action.busy,
+							children: "Save access"
+						}), /* @__PURE__ */ jsx(Button, {
+							onClick: close,
+							children: "Close"
+						})]
+					})
+				]
+			})
+		]
+	});
+}
+function LearnersPage() {
+	const [courseId, setCourseId] = useState("");
+	const [status, setStatus] = useState("");
+	const [cursor, setCursor] = useState();
+	const [email, setEmail] = useState("");
+	const [managing, setManaging] = useState();
+	const list = useLoad("admin/enrollments", {
+		courseId,
+		status,
+		cursor
+	});
+	const action = useAction();
+	const update = (row, next) => void action.run(async () => {
+		await api("admin/enrollment/save", {
+			courseId: row.courseId,
+			userId: row.userId,
+			status: next
+		}, "POST");
+		list.reload();
+	}, "Enrollment updated.");
+	const add = (event) => {
+		event.preventDefault();
+		action.run(async () => {
+			if (!courseId) throw new Error("Choose a course first.");
+			await api("admin/enrollment/save", {
+				courseId,
+				userId: (await api("admin/learner/find", {
+					courseId,
+					email
+				}, "POST")).id,
+				status: "active"
+			}, "POST");
+			setEmail("");
+			list.reload();
+		}, "Learner enrolled.");
+	};
+	return /* @__PURE__ */ jsxs(PageFrame, {
+		title: "Enrollments",
+		description: "Approve requests, enroll learners, and manage access.",
+		children: [
+			/* @__PURE__ */ jsx(Notice, {
+				error: list.error || action.error,
+				message: action.message
+			}),
+			managing && /* @__PURE__ */ jsx(EnrollmentAccessEditor, {
+				row: managing,
+				close: () => setManaging(void 0),
+				saved: () => {
+					setManaging(void 0);
+					list.reload();
+				}
+			}, managing.id),
+			/* @__PURE__ */ jsxs("div", {
+				className: "lms-grid",
+				children: [/* @__PURE__ */ jsx(CoursePicker, {
+					value: courseId,
+					allowAll: true,
+					onChange: (id) => {
+						setCourseId(id);
+						setCursor(void 0);
+					}
+				}), /* @__PURE__ */ jsx(Field, {
+					label: "Status",
+					children: /* @__PURE__ */ jsxs("select", {
+						value: status,
+						onChange: (event) => {
+							setStatus(event.target.value);
+							setCursor(void 0);
+						},
+						children: [/* @__PURE__ */ jsx("option", {
+							value: "",
+							children: "All statuses"
+						}), [
+							"pending",
+							"active",
+							"completed",
+							"rejected",
+							"suspended",
+							"cancelled"
+						].map((value) => /* @__PURE__ */ jsx("option", { children: value }, value))]
+					})
+				})]
+			}),
+			courseId && /* @__PURE__ */ jsx(Panel, {
+				title: "Enroll an existing account",
+				children: /* @__PURE__ */ jsxs("form", {
+					onSubmit: add,
+					className: "lms-toolbar",
+					children: [/* @__PURE__ */ jsx(Field, {
+						label: "Learner email",
+						children: /* @__PURE__ */ jsx("input", {
+							type: "email",
+							required: true,
+							value: email,
+							onChange: (event) => setEmail(event.target.value)
+						})
+					}), /* @__PURE__ */ jsx(Button, {
+						type: "submit",
+						busy: action.busy,
+						children: "Enroll learner"
+					})]
+				})
+			}),
+			/* @__PURE__ */ jsxs(Panel, { children: [/* @__PURE__ */ jsx("div", {
+				className: "lms-table-wrap",
+				children: /* @__PURE__ */ jsxs("table", {
+					className: "lms-table",
+					children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+						/* @__PURE__ */ jsx("th", { children: "Learner" }),
+						/* @__PURE__ */ jsx("th", { children: "Course" }),
+						/* @__PURE__ */ jsx("th", { children: "Progress" }),
+						/* @__PURE__ */ jsx("th", { children: "Status" }),
+						/* @__PURE__ */ jsx("th", { children: "Actions" })
+					] }) }), /* @__PURE__ */ jsx("tbody", { children: list.data?.items.map((row) => /* @__PURE__ */ jsxs("tr", { children: [
+						/* @__PURE__ */ jsxs("td", { children: [row.learnerName, /* @__PURE__ */ jsx("small", { children: row.learnerEmail })] }),
+						/* @__PURE__ */ jsx("td", { children: row.courseTitle }),
+						/* @__PURE__ */ jsxs("td", { children: [
+							row.progressSummary?.percent ?? 0,
+							"%",
+							/* @__PURE__ */ jsx("small", { children: row.completedAt ? new Date(row.completedAt).toLocaleDateString() : "In progress" })
+						] }),
+						/* @__PURE__ */ jsxs("td", { children: [
+							row.status,
+							/* @__PURE__ */ jsxs("small", { children: ["Access: ", row.effectiveAccess] }),
+							/* @__PURE__ */ jsxs("small", { children: ["Source: ", row.accessSource] })
+						] }),
+						/* @__PURE__ */ jsxs("td", { children: [/* @__PURE__ */ jsxs("div", {
+							className: "lms-actions",
+							children: [
+								/* @__PURE__ */ jsx(Button, {
+									onClick: () => setManaging(row),
+									children: "Manage access"
+								}),
+								row.status === "pending" && /* @__PURE__ */ jsx(Button, {
+									danger: true,
+									busy: action.busy,
+									onClick: () => update(row, "rejected"),
+									children: "Reject"
+								}),
+								[
+									"pending",
+									"rejected",
+									"suspended",
+									"cancelled"
+								].includes(row.status) && /* @__PURE__ */ jsx(Button, {
+									busy: action.busy,
+									onClick: () => update(row, "active"),
+									children: row.status === "pending" ? "Approve" : "Restore"
+								}),
+								["active", "completed"].includes(row.status) && /* @__PURE__ */ jsx(Button, {
+									busy: action.busy,
+									onClick: () => update(row, "suspended"),
+									children: "Suspend"
+								}),
+								row.status !== "cancelled" && /* @__PURE__ */ jsx(Button, {
+									danger: true,
+									busy: action.busy,
+									onClick: () => {
+										if (window.confirm(`Cancel ${row.learnerName}'s access to this course?`)) update(row, "cancelled");
+									},
+									children: "Cancel"
+								}),
+								row.certificate && !row.certificate.revokedAt && /* @__PURE__ */ jsx(Button, {
+									danger: true,
+									busy: action.busy,
+									onClick: () => {
+										const reason = window.prompt("Reason for revoking this certificate:");
+										if (reason?.trim()) action.run(async () => {
+											await api("admin/certificate/revoke", {
+												courseId: row.courseId,
+												userId: row.userId,
+												reason
+											}, "POST");
+											list.reload();
+										}, "Certificate revoked.");
+									},
+									children: "Revoke certificate"
+								})
+							]
+						}), /* @__PURE__ */ jsxs("details", { children: [/* @__PURE__ */ jsx("summary", { children: "Learning record" }), Object.entries(row.progress).map(([id, progress]) => /* @__PURE__ */ jsxs("p", { children: [
+							row.lessonTitles[id] ?? "Lesson",
+							" ·",
+							" ",
+							progress.completedAt ? "Complete" : "Started",
+							" ·",
+							" ",
+							progress.quizAttempts.length,
+							" quiz attempts ·",
+							" ",
+							progress.assignments.length,
+							" submissions"
+						] }, id))] })] })
+					] }, row.id)) })]
+				})
+			}), list.data && !list.data.items.length && /* @__PURE__ */ jsx("p", { children: "No enrollments match this filter." })] }),
+			/* @__PURE__ */ jsx(Pager, {
+				page: list.data,
+				next: setCursor,
+				reset: () => setCursor(void 0)
+			})
+		]
+	});
+}
+function AssignmentsPage() {
+	const [courseId, setCourseId] = useState("");
+	const [cursor, setCursor] = useState();
+	const list = useLoad("admin/assignments", {
+		courseId,
+		cursor
+	}, !!courseId);
+	const [selected, setSelected] = useState();
+	const [points, setPoints] = useState(0);
+	const [feedback, setFeedback] = useState("");
+	const action = useAction();
+	const grade = (event) => {
+		event.preventDefault();
+		if (!selected) return;
+		action.run(async () => {
+			await api("admin/assignment/grade", {
+				courseId: selected.courseId,
+				lessonId: selected.lessonId,
+				userId: selected.userId,
+				submissionId: selected.id,
+				points,
+				feedback
+			}, "POST");
+			setSelected(void 0);
+			list.reload();
+		}, "Grade saved and learner notified.");
+	};
+	return /* @__PURE__ */ jsxs(PageFrame, {
+		title: "Assignments",
+		description: "Read submissions and provide clear, useful feedback.",
+		children: [
+			/* @__PURE__ */ jsx(Notice, {
+				error: list.error || action.error,
+				message: action.message
+			}),
+			/* @__PURE__ */ jsx(CoursePicker, {
+				value: courseId,
+				onChange: (id) => {
+					setCourseId(id);
+					setCursor(void 0);
+					setSelected(void 0);
+				}
+			}),
+			!courseId && /* @__PURE__ */ jsx(Panel, { children: /* @__PURE__ */ jsx("p", { children: "Choose a course to view its submissions." }) }),
+			selected && /* @__PURE__ */ jsxs(Panel, {
+				title: `Grade ${selected.learnerName}'s submission`,
+				children: [
+					/* @__PURE__ */ jsx("p", {
+						className: "lms-body",
+						children: selected.body
+					}),
+					selected.attachmentUrl && /* @__PURE__ */ jsx("a", {
+						href: selected.attachmentUrl,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						children: "Open attachment ↗"
+					}),
+					/* @__PURE__ */ jsxs("form", {
+						onSubmit: grade,
+						children: [
+							/* @__PURE__ */ jsx(Field, {
+								label: `Points out of ${selected.maxPoints}`,
+								help: `Passing grade: ${selected.passingPoints}`,
+								children: /* @__PURE__ */ jsx("input", {
+									type: "number",
+									required: true,
+									min: 0,
+									max: selected.maxPoints,
+									value: points,
+									onChange: (event) => setPoints(Number(event.target.value))
+								})
+							}),
+							/* @__PURE__ */ jsx(Field, {
+								label: "Feedback",
+								children: /* @__PURE__ */ jsx("textarea", {
+									rows: 6,
+									value: feedback,
+									onChange: (event) => setFeedback(event.target.value)
+								})
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "lms-actions",
+								children: [/* @__PURE__ */ jsx(Button, {
+									type: "submit",
+									busy: action.busy,
+									children: "Save grade"
+								}), /* @__PURE__ */ jsx(Button, {
+									onClick: () => setSelected(void 0),
+									children: "Close"
+								})]
+							})
+						]
+					})
+				]
+			}),
+			list.data?.items.map((item) => /* @__PURE__ */ jsxs(Panel, { children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "lms-toolbar",
+					children: [
+						/* @__PURE__ */ jsx("h2", { children: item.learnerName }),
+						/* @__PURE__ */ jsx("span", {
+							className: "lms-badge",
+							children: item.status
+						}),
+						/* @__PURE__ */ jsx("small", { children: new Date(item.submittedAt).toLocaleString() })
+					]
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "lms-body",
+					children: item.body
+				}),
+				item.attachmentUrl && /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("a", {
+					href: item.attachmentUrl,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					children: "Open attachment ↗"
+				}) }),
+				item.status === "graded" ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("p", { children: [
+					item.points,
+					"/",
+					item.maxPoints,
+					" points"
+				] }), /* @__PURE__ */ jsx("p", {
+					className: "lms-body",
+					children: item.feedback
+				})] }) : /* @__PURE__ */ jsx(Button, {
+					onClick: () => {
+						setSelected(item);
+						setPoints(0);
+						setFeedback("");
+					},
+					children: "Review & grade"
+				})
+			] }, item.id)),
+			list.data && !list.data.items.length && /* @__PURE__ */ jsx(Panel, { children: /* @__PURE__ */ jsx("p", { children: "No submissions on this page." }) }),
+			/* @__PURE__ */ jsx(Pager, {
+				page: list.data,
+				next: setCursor,
+				reset: () => setCursor(void 0)
+			})
+		]
+	});
+}
+function CommunityPage() {
+	const [courseId, setCourseId] = useState("");
+	const [kind, setKind] = useState("discussions");
+	const [status, setStatus] = useState("pending");
+	const [cursor, setCursor] = useState();
+	const list = useLoad(`admin/${kind}`, {
+		courseId,
+		status,
+		cursor
+	});
+	const action = useAction();
+	const moderate = (item, next) => void action.run(async () => {
+		await api(`admin/${kind === "reviews" ? "review" : "discussion"}/moderate`, {
+			id: item.id,
+			expectedRevision: item.revision,
+			status: next
+		}, "POST");
+		list.reload();
+	}, "Moderation saved.");
+	return /* @__PURE__ */ jsxs(PageFrame, {
+		title: "Learning community",
+		description: "Moderate lesson discussions and course reviews.",
+		children: [
+			/* @__PURE__ */ jsx(Notice, {
+				error: list.error || action.error,
+				message: action.message
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "lms-grid",
+				children: [
+					/* @__PURE__ */ jsx(CoursePicker, {
+						value: courseId,
+						allowAll: true,
+						onChange: (id) => {
+							setCourseId(id);
+							setCursor(void 0);
+						}
+					}),
+					/* @__PURE__ */ jsx(Field, {
+						label: "Content",
+						children: /* @__PURE__ */ jsxs("select", {
+							value: kind,
+							onChange: (event) => {
+								setKind(event.target.value);
+								setCursor(void 0);
+							},
+							children: [/* @__PURE__ */ jsx("option", {
+								value: "discussions",
+								children: "Discussions"
+							}), /* @__PURE__ */ jsx("option", {
+								value: "reviews",
+								children: "Reviews"
+							})]
+						})
+					}),
+					/* @__PURE__ */ jsx(Field, {
+						label: "Status",
+						children: /* @__PURE__ */ jsx("select", {
+							value: status,
+							onChange: (event) => {
+								setStatus(event.target.value);
+								setCursor(void 0);
+							},
+							children: [
+								"pending",
+								"published",
+								"hidden"
+							].map((value) => /* @__PURE__ */ jsx("option", { children: value }, value))
+						})
+					})
+				]
+			}),
+			list.data?.items.map((item) => /* @__PURE__ */ jsxs(Panel, { children: [
+				/* @__PURE__ */ jsxs("h2", { children: [item.authorName, "rating" in item ? ` · ${item.rating}/5` : ""] }),
+				/* @__PURE__ */ jsx("p", {
+					className: "lms-body",
+					children: item.body
+				}),
+				/* @__PURE__ */ jsxs("p", {
+					className: "lms-muted",
+					children: [
+						new Date(item.createdAt).toLocaleString(),
+						" · ",
+						item.status
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "lms-actions",
+					children: [item.status !== "published" && /* @__PURE__ */ jsx(Button, {
+						busy: action.busy,
+						onClick: () => moderate(item, "published"),
+						children: "Publish"
+					}), item.status !== "hidden" && /* @__PURE__ */ jsx(Button, {
+						danger: true,
+						busy: action.busy,
+						onClick: () => moderate(item, "hidden"),
+						children: "Hide"
+					})]
+				})
+			] }, item.id)),
+			list.data && !list.data.items.length && /* @__PURE__ */ jsx(Panel, { children: /* @__PURE__ */ jsx("p", { children: "No community posts match this filter." }) }),
+			/* @__PURE__ */ jsx(Pager, {
+				page: list.data,
+				next: setCursor,
+				reset: () => setCursor(void 0)
+			})
+		]
+	});
+}
+function CohortMembershipQueue() {
+	const cohorts = useChoices("admin/cohorts");
+	const [cohortId, setCohortId] = useState("");
+	const [status, setStatus] = useState("pending");
+	const [cursor, setCursor] = useState();
+	const [reason, setReason] = useState("");
+	const list = useLoad("admin/cohort/memberships", {
+		cohortId,
+		status,
+		cursor
+	});
+	const action = useAction();
+	const decide = (membership, next) => void action.run(async () => {
+		const result = await api("admin/cohort/decision", {
+			cohortId: membership.cohortId,
+			userId: membership.userId,
+			status: next,
+			reason
+		}, "POST");
+		list.reload();
+		const failures = result.results.filter((item) => !item.success);
+		if (failures.length) throw new Error(`Membership saved; ${failures.length} course access updates need attention. ${failures.map((item) => item.error).join(" ")} Review the learner's course enrollment and retry access.`);
+	}, "Cohort membership updated.");
+	return /* @__PURE__ */ jsxs(Panel, {
+		title: "Cohort membership requests",
+		children: [
+			/* @__PURE__ */ jsx(Notice, {
+				error: list.error || action.error,
+				message: action.message
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "lms-grid",
+				children: [
+					/* @__PURE__ */ jsxs(Field, {
+						label: "Cohort",
+						children: [/* @__PURE__ */ jsxs("select", {
+							value: cohortId,
+							onChange: (event) => {
+								setCohortId(event.target.value);
+								setCursor(void 0);
+							},
+							children: [/* @__PURE__ */ jsx("option", {
+								value: "",
+								children: "All cohorts"
+							}), cohorts.items.map((cohort) => /* @__PURE__ */ jsx("option", {
+								value: cohort.id,
+								children: cohort.title
+							}, cohort.id))]
+						}), cohorts.data?.hasMore && /* @__PURE__ */ jsx(Button, {
+							onClick: cohorts.more,
+							children: "Load more cohorts"
+						})]
+					}),
+					/* @__PURE__ */ jsx(Field, {
+						label: "Membership status",
+						children: /* @__PURE__ */ jsxs("select", {
+							value: status,
+							onChange: (event) => {
+								setStatus(event.target.value);
+								setCursor(void 0);
+							},
+							children: [/* @__PURE__ */ jsx("option", {
+								value: "",
+								children: "All statuses"
+							}), [
+								"pending",
+								"active",
+								"rejected",
+								"suspended",
+								"cancelled"
+							].map((value) => /* @__PURE__ */ jsx("option", { children: value }, value))]
+						})
+					}),
+					/* @__PURE__ */ jsx(Field, {
+						label: "Decision note (optional)",
+						children: /* @__PURE__ */ jsx("input", {
+							value: reason,
+							maxLength: 1e3,
+							onChange: (event) => setReason(event.target.value)
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "lms-table-wrap",
+				children: /* @__PURE__ */ jsxs("table", {
+					className: "lms-table",
+					children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+						/* @__PURE__ */ jsx("th", { children: "Learner" }),
+						/* @__PURE__ */ jsx("th", { children: "Cohort" }),
+						/* @__PURE__ */ jsx("th", { children: "Membership" }),
+						/* @__PURE__ */ jsx("th", { children: "Actions" })
+					] }) }), /* @__PURE__ */ jsx("tbody", { children: list.data?.items.map((membership) => /* @__PURE__ */ jsxs("tr", { children: [
+						/* @__PURE__ */ jsxs("td", { children: [membership.learnerName, /* @__PURE__ */ jsx("small", { children: membership.learnerEmail })] }),
+						/* @__PURE__ */ jsx("td", { children: cohorts.items.find((cohort) => cohort.id === membership.cohortId)?.title ?? "Cohort" }),
+						/* @__PURE__ */ jsxs("td", { children: [membership.status, membership.reason && /* @__PURE__ */ jsx("small", { children: membership.reason })] }),
+						/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", {
+							className: "lms-actions",
+							children: [
+								/* @__PURE__ */ jsx(Button, {
+									busy: action.busy,
+									onClick: () => decide(membership, "active"),
+									children: membership.status === "pending" ? "Approve" : membership.status === "active" ? "Retry course access" : "Restore"
+								}),
+								membership.status === "pending" && /* @__PURE__ */ jsx(Button, {
+									danger: true,
+									busy: action.busy,
+									onClick: () => decide(membership, "rejected"),
+									children: "Reject"
+								}),
+								membership.status === "active" && /* @__PURE__ */ jsx(Button, {
+									busy: action.busy,
+									onClick: () => decide(membership, "suspended"),
+									children: "Suspend membership"
+								}),
+								membership.status !== "cancelled" && /* @__PURE__ */ jsx(Button, {
+									danger: true,
+									busy: action.busy,
+									onClick: () => decide(membership, "cancelled"),
+									children: "Cancel membership"
+								})
+							]
+						}) })
+					] }, membership.id)) })]
+				})
+			}),
+			list.data && !list.data.items.length && /* @__PURE__ */ jsx("p", { children: "No membership requests match this filter." }),
+			/* @__PURE__ */ jsx(Pager, {
+				page: list.data,
+				next: setCursor,
+				reset: () => setCursor(void 0)
+			})
+		]
+	});
+}
+function CohortsPage() {
+	const [cursor, setCursor] = useState();
+	const list = useLoad("admin/cohorts", { cursor });
+	const courses = useChoices("admin/courses");
+	const users = useChoices("admin/users");
+	const academy = useLoad("academy");
+	const [edit, setEdit] = useState();
+	const action = useAction();
+	const save = (event) => {
+		event.preventDefault();
+		if (!edit) return;
+		action.run(async () => {
+			const { id, revision, ...data } = edit;
+			await api("admin/cohort/save", {
+				id,
+				expectedRevision: revision,
+				data
+			}, "POST");
+			setEdit(void 0);
+			list.reload();
+		}, "Cohort saved.");
+	};
+	const enroll = (cohort) => void action.run(async () => {
+		let offset = 0;
+		let hasMore = true;
+		const errors = [];
+		while (hasMore) {
+			const result = await api("admin/cohort/enroll", {
+				id: cohort.id,
+				expectedRevision: cohort.revision,
+				offset
+			}, "POST");
+			offset = result.nextOffset;
+			hasMore = result.hasMore;
+			errors.push(...result.results.filter((row) => !row.success).map((row) => row.error ?? "Enrollment failed."));
+		}
+		if (errors.length) throw new Error(`${errors.length} enrollments need attention: ${errors.slice(0, 3).join(" ")}`);
+	}, "Cohort learners enrolled.");
+	return /* @__PURE__ */ jsxs(PageFrame, {
+		title: "Cohorts",
+		description: "Approve cohort membership and manage shared learning schedules.",
+		children: [
+			/* @__PURE__ */ jsx(Notice, {
+				error: list.error || action.error || courses.error || users.error,
+				message: action.message
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				onClick: () => setEdit({
+					revision: null,
+					title: "New cohort",
+					courseIds: [],
+					memberIds: [],
+					startsAt: null,
+					endsAt: null
+				}),
+				children: "Create cohort"
+			}),
+			edit && /* @__PURE__ */ jsx(Panel, {
+				title: "Cohort details",
+				children: /* @__PURE__ */ jsxs("form", {
+					onSubmit: save,
+					children: [
+						/* @__PURE__ */ jsx(Field, {
+							label: "Cohort name",
+							children: /* @__PURE__ */ jsx("input", {
+								required: true,
+								value: edit.title,
+								onChange: (event) => setEdit({
+									...edit,
+									title: event.target.value
+								})
+							})
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "lms-grid",
+							children: [
+								/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(ChoicesField, {
+									label: "Courses",
+									value: edit.courseIds,
+									choices: courses.items.map((course) => ({
+										id: course.id,
+										label: course.title
+									})),
+									onChange: (courseIds) => setEdit({
+										...edit,
+										courseIds
+									})
+								}), courses.data?.hasMore && /* @__PURE__ */ jsx(Button, {
+									onClick: courses.more,
+									children: "Load more courses"
+								})] }),
+								/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(ChoicesField, {
+									label: "Learners for manual enrollment",
+									value: edit.memberIds,
+									choices: users.items.map((account) => ({
+										id: account.id,
+										label: `${account.name || account.email} · ${account.email}`
+									})),
+									onChange: (memberIds) => setEdit({
+										...edit,
+										memberIds
+									})
+								}), users.data?.hasMore && /* @__PURE__ */ jsx(Button, {
+									onClick: users.more,
+									children: "Load more learners"
+								})] }),
+								/* @__PURE__ */ jsx(Field, {
+									label: "Access starts",
+									children: /* @__PURE__ */ jsx("input", {
+										type: "datetime-local",
+										value: localDate(edit.startsAt),
+										onChange: (event) => setEdit({
+											...edit,
+											startsAt: isoDate(event.target.value)
+										})
+									})
+								}),
+								/* @__PURE__ */ jsx(Field, {
+									label: "Access ends",
+									children: /* @__PURE__ */ jsx("input", {
+										type: "datetime-local",
+										value: localDate(edit.endsAt),
+										onChange: (event) => setEdit({
+											...edit,
+											endsAt: isoDate(event.target.value)
+										})
+									})
+								})
+							]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "lms-actions",
+							children: [/* @__PURE__ */ jsx(Button, {
+								type: "submit",
+								busy: action.busy,
+								children: "Save cohort"
+							}), /* @__PURE__ */ jsx(Button, {
+								onClick: () => setEdit(void 0),
+								children: "Close"
+							})]
+						})
+					]
+				})
+			}),
+			list.data?.items.map((cohort) => /* @__PURE__ */ jsxs(Panel, { children: [
+				/* @__PURE__ */ jsx("h2", { children: cohort.title }),
+				/* @__PURE__ */ jsxs("p", { children: [
+					cohort.memberIds.length,
+					" learners · ",
+					cohort.courseIds.length,
+					" courses"
+				] }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "lms-actions",
+					children: [
+						/* @__PURE__ */ jsx(Button, {
+							onClick: () => setEdit({ ...cohort }),
+							children: "Edit"
+						}),
+						/* @__PURE__ */ jsx("a", {
+							href: `${academy.data?.basePath ?? "/academy"}/cohorts/${cohort.id}`,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							children: "Open enrollment page ↗"
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							busy: action.busy,
+							onClick: () => enroll(cohort),
+							children: "Enroll members"
+						})
+					]
+				})
+			] }, cohort.id)),
+			/* @__PURE__ */ jsx(Pager, {
+				page: list.data,
+				next: setCursor,
+				reset: () => setCursor(void 0)
+			}),
+			/* @__PURE__ */ jsx(CohortMembershipQueue, {})
+		]
+	});
+}
+function ReportsPage() {
+	const [courseId, setCourseId] = useState("");
+	const report = useLoad("admin/report", { courseId });
+	const action = useAction();
+	const exportCsv = () => void action.run(async () => {
+		const rows = [];
+		let cursor;
+		do {
+			const page = await api("admin/enrollments", {
+				courseId,
+				cursor,
+				limit: 100
+			});
+			rows.push(...page.items);
+			if (rows.length > 1e4) throw new Error("Choose a course to export fewer than 10,000 enrollments.");
+			cursor = page.hasMore ? page.cursor : void 0;
+		} while (cursor);
+		download("lms-enrollments.csv", "" + [enrollmentCsvHeader, ...enrollmentCsvLines(rows)].join("\r\n"), "text/csv;charset=utf-8");
+	}, "Report exported.");
+	return /* @__PURE__ */ jsxs(PageFrame, {
+		title: "Learning reports",
+		description: "Enrollment and completion counts cover all records in the selected scope.",
+		children: [
+			/* @__PURE__ */ jsx(Notice, {
+				error: report.error || action.error,
+				message: action.message
+			}),
+			/* @__PURE__ */ jsx(CoursePicker, {
+				value: courseId,
+				allowAll: true,
+				onChange: setCourseId
+			}),
+			/* @__PURE__ */ jsx(Metrics, { report: report.data }),
+			/* @__PURE__ */ jsx(Panel, {
+				title: "Enrollment status",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "lms-table-wrap",
+					children: /* @__PURE__ */ jsxs("table", {
+						className: "lms-table",
+						children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("th", { children: "Status" }), /* @__PURE__ */ jsx("th", { children: "Enrollments" })] }) }), /* @__PURE__ */ jsx("tbody", { children: [
+							"pending",
+							"active",
+							"completed",
+							"rejected",
+							"suspended",
+							"cancelled"
+						].map((status) => /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("td", { children: status }), /* @__PURE__ */ jsx("td", { children: report.data ? report.data[status] : "—" })] }, status)) })]
+					})
+				})
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				busy: action.busy,
+				onClick: exportCsv,
+				children: "Export enrollments as CSV"
+			}),
+			/* @__PURE__ */ jsxs(Panel, {
+				title: "Access sources",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "lms-table-wrap",
+					children: /* @__PURE__ */ jsxs("table", {
+						className: "lms-table",
+						children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("th", { children: "Initial grant source" }), /* @__PURE__ */ jsx("th", { children: "Enrollments" })] }) }), /* @__PURE__ */ jsx("tbody", { children: [
+							"free",
+							"manual",
+							"cohort",
+							"purchase"
+						].map((source) => /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("td", { children: source }), /* @__PURE__ */ jsx("td", { children: report.data?.accessSources[source] ?? "—" })] }, source)) })]
+					})
+				}), /* @__PURE__ */ jsx("p", { children: "An enrollment can have several access grants. The source records its first approved acquisition; each learner's current access is shown in the CSV export." })]
+			}),
+			/* @__PURE__ */ jsxs(Panel, {
+				title: "Access decisions",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "lms-table-wrap",
+					children: /* @__PURE__ */ jsxs("table", {
+						className: "lms-table",
+						children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("th", { children: "Decision" }), /* @__PURE__ */ jsx("th", { children: "Enrollments" })] }) }), /* @__PURE__ */ jsx("tbody", { children: [
+							"pending",
+							"granted",
+							"suspended",
+							"revoked"
+						].map((decision) => /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("td", { children: decision }), /* @__PURE__ */ jsx("td", { children: report.data?.accessDecisions[decision] ?? "—" })] }, decision)) })]
+					})
+				}), /* @__PURE__ */ jsx("p", { children: "Access decisions are separate from date windows and cohort membership. Use the enrollment export to review current access." })]
+			})
+		]
+	});
+}
+function NotificationsPage() {
+	const [cursor, setCursor] = useState();
+	const [status, setStatus] = useState("failed");
+	const list = useLoad("admin/notifications", {
+		cursor,
+		status
+	});
+	const action = useAction();
+	return /* @__PURE__ */ jsxs(PageFrame, {
+		title: "Learning notifications",
+		description: "Review delivery status and retry failed emails.",
+		children: [
+			/* @__PURE__ */ jsx(Notice, {
+				error: list.error || action.error,
+				message: action.message
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "lms-actions",
+				children: [/* @__PURE__ */ jsx(Field, {
+					label: "Email status",
+					children: /* @__PURE__ */ jsxs("select", {
+						value: status,
+						onChange: (event) => {
+							setStatus(event.target.value);
+							setCursor(void 0);
+						},
+						children: [/* @__PURE__ */ jsx("option", {
+							value: "",
+							children: "All notifications"
+						}), [
+							"failed",
+							"pending",
+							"sending",
+							"sent",
+							"disabled"
+						].map((value) => /* @__PURE__ */ jsx("option", {
+							value,
+							children: value
+						}, value))]
+					})
+				}), /* @__PURE__ */ jsx(Button, {
+					onClick: list.reload,
+					busy: list.loading,
+					children: "Refresh"
+				})]
+			}),
+			/* @__PURE__ */ jsxs(Panel, { children: [
+				/* @__PURE__ */ jsx("p", { children: "Retries run during scheduled maintenance, with up to three attempts per email. Review delivery before retrying: an interrupted confirmation can mean the email was already sent." }),
+				/* @__PURE__ */ jsx("div", {
+					className: "lms-table-wrap",
+					children: /* @__PURE__ */ jsxs("table", {
+						className: "lms-table",
+						children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+							/* @__PURE__ */ jsx("th", { children: "Created" }),
+							/* @__PURE__ */ jsx("th", { children: "Learner" }),
+							/* @__PURE__ */ jsx("th", { children: "Notification" }),
+							/* @__PURE__ */ jsx("th", { children: "Email" }),
+							/* @__PURE__ */ jsx("th", { children: "Attempts" }),
+							/* @__PURE__ */ jsx("th", { children: "Action" })
+						] }) }), /* @__PURE__ */ jsx("tbody", { children: list.data?.items.map((item) => /* @__PURE__ */ jsxs("tr", { children: [
+							/* @__PURE__ */ jsx("td", { children: new Date(item.createdAt).toLocaleString() }),
+							/* @__PURE__ */ jsx("td", { children: item.email }),
+							/* @__PURE__ */ jsxs("td", { children: [/* @__PURE__ */ jsx("strong", { children: item.title }), /* @__PURE__ */ jsx("p", { children: item.message })] }),
+							/* @__PURE__ */ jsx("td", { children: item.emailStatus }),
+							/* @__PURE__ */ jsxs("td", { children: [item.emailAttempts, " / 3"] }),
+							/* @__PURE__ */ jsx("td", { children: item.emailStatus === "failed" && item.emailAttempts < 3 && /* @__PURE__ */ jsx(Button, {
+								busy: action.busy,
+								onClick: () => void action.run(async () => {
+									await api("admin/notification/retry", { id: item.id }, "POST");
+									list.reload();
+								}, "Email queued for retry."),
+								children: "Retry email"
+							}) })
+						] }, item.id)) })]
+					})
+				}),
+				list.loading && /* @__PURE__ */ jsx("p", {
+					role: "status",
+					children: "Loading notifications…"
+				}),
+				!list.loading && list.data?.items.length === 0 && /* @__PURE__ */ jsx("p", { children: "No notifications match this status." })
+			] }),
+			/* @__PURE__ */ jsx(Pager, {
+				page: list.data,
+				next: setCursor,
+				reset: () => setCursor(void 0)
+			})
+		]
+	});
+}
+function AuditPage() {
+	const [cursor, setCursor] = useState();
+	const list = useLoad("admin/audit", { cursor });
+	return /* @__PURE__ */ jsxs(PageFrame, {
+		title: "Learning audit history",
+		description: "Inspect course changes, enrollment decisions, grades, moderation, and delivery retries.",
+		children: [
+			/* @__PURE__ */ jsx(Notice, { error: list.error }),
+			/* @__PURE__ */ jsx(Button, {
+				onClick: list.reload,
+				busy: list.loading,
+				children: "Refresh"
+			}),
+			/* @__PURE__ */ jsxs(Panel, { children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "lms-table-wrap",
+					children: /* @__PURE__ */ jsxs("table", {
+						className: "lms-table",
+						children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+							/* @__PURE__ */ jsx("th", { children: "Time" }),
+							/* @__PURE__ */ jsx("th", { children: "Action" }),
+							/* @__PURE__ */ jsx("th", { children: "Actor" }),
+							/* @__PURE__ */ jsx("th", { children: "Resource" }),
+							/* @__PURE__ */ jsx("th", { children: "Details" })
+						] }) }), /* @__PURE__ */ jsx("tbody", { children: list.data?.items.map((item) => /* @__PURE__ */ jsxs("tr", { children: [
+							/* @__PURE__ */ jsx("td", { children: new Date(item.createdAt).toLocaleString() }),
+							/* @__PURE__ */ jsx("td", { children: item.action }),
+							/* @__PURE__ */ jsx("td", { children: item.actorId }),
+							/* @__PURE__ */ jsx("td", { children: item.resourceId }),
+							/* @__PURE__ */ jsx("td", { children: JSON.stringify(item.details) })
+						] }, item.id)) })]
+					})
+				}),
+				list.loading && /* @__PURE__ */ jsx("p", {
+					role: "status",
+					children: "Loading audit history…"
+				}),
+				!list.loading && list.data?.items.length === 0 && /* @__PURE__ */ jsx("p", { children: "No learning administration actions recorded yet." })
+			] }),
+			/* @__PURE__ */ jsx(Pager, {
+				page: list.data,
+				next: setCursor,
+				reset: () => setCursor(void 0)
+			})
+		]
+	});
+}
+function SettingsPage() {
+	const load = useLoad("admin/settings");
+	const [settings, setSettings] = useState(settingsSchema.parse({}));
+	const action = useAction();
+	useEffect(() => {
+		if (load.data) setSettings(load.data);
+	}, [load.data]);
+	const save = (event) => {
+		event.preventDefault();
+		action.run(async () => {
+			await api("admin/settings/save", settings, "POST");
+			load.reload();
+		}, "LMS settings saved.");
+	};
+	return /* @__PURE__ */ jsxs(PageFrame, {
+		title: "LMS settings",
+		description: "Configure your academy, certificates, moderation, and reminders.",
+		children: [/* @__PURE__ */ jsx(Notice, {
+			error: load.error || action.error,
+			message: action.message
+		}), /* @__PURE__ */ jsx(Panel, { children: /* @__PURE__ */ jsxs("form", {
+			onSubmit: save,
+			children: [
+				/* @__PURE__ */ jsx(Field, {
+					label: "Academy title",
+					children: /* @__PURE__ */ jsx("input", {
+						value: settings.academyTitle,
+						onChange: (event) => setSettings({
+							...settings,
+							academyTitle: event.target.value
+						})
+					})
+				}),
+				/* @__PURE__ */ jsx(Field, {
+					label: "Academy introduction",
+					children: /* @__PURE__ */ jsx("textarea", {
+						rows: 3,
+						value: settings.academyDescription,
+						onChange: (event) => setSettings({
+							...settings,
+							academyDescription: event.target.value
+						})
+					})
+				}),
+				/* @__PURE__ */ jsx(Field, {
+					label: "Certificate issuer",
+					children: /* @__PURE__ */ jsx("input", {
+						value: settings.issuerName,
+						onChange: (event) => setSettings({
+							...settings,
+							issuerName: event.target.value
+						})
+					})
+				}),
+				/* @__PURE__ */ jsx(Field, {
+					label: "Remind inactive learners after days",
+					help: "0 disables reminders. Scheduled maintenance must be enabled in the host.",
+					children: /* @__PURE__ */ jsx("input", {
+						type: "number",
+						min: 0,
+						max: 90,
+						value: settings.reminderDays,
+						onChange: (event) => setSettings({
+							...settings,
+							reminderDays: Number(event.target.value)
+						})
+					})
+				}),
+				/* @__PURE__ */ jsxs("label", {
+					className: "lms-check",
+					children: [/* @__PURE__ */ jsx("input", {
+						type: "checkbox",
+						checked: settings.moderateDiscussions,
+						onChange: (event) => setSettings({
+							...settings,
+							moderateDiscussions: event.target.checked
+						})
+					}), "Review discussions before publishing"]
+				}),
+				/* @__PURE__ */ jsxs("label", {
+					className: "lms-check",
+					children: [/* @__PURE__ */ jsx("input", {
+						type: "checkbox",
+						checked: settings.moderateReviews,
+						onChange: (event) => setSettings({
+							...settings,
+							moderateReviews: event.target.checked
+						})
+					}), "Review course reviews before publishing"]
+				}),
+				/* @__PURE__ */ jsxs("label", {
+					className: "lms-check",
+					children: [/* @__PURE__ */ jsx("input", {
+						type: "checkbox",
+						checked: settings.emailNotifications,
+						onChange: (event) => setSettings({
+							...settings,
+							emailNotifications: event.target.checked
+						})
+					}), "Send notifications through the site's EmDash email transport"]
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "submit",
+					busy: action.busy,
+					children: "Save settings"
+				})
+			]
+		}) })]
+	});
+}
+function LearningWidget() {
+	const report = useLoad("admin/report");
+	return /* @__PURE__ */ jsxs("div", {
+		className: "ag-lms-admin",
+		children: [
+			/* @__PURE__ */ jsx("style", { children: css }),
+			/* @__PURE__ */ jsx(Notice, { error: report.error }),
+			/* @__PURE__ */ jsxs("p", { children: [
+				/* @__PURE__ */ jsx("strong", { children: report.data?.active ?? "—" }),
+				" active ·",
+				" ",
+				/* @__PURE__ */ jsx("strong", { children: report.data?.completedEver ?? "—" }),
+				" completed ·",
+				" ",
+				/* @__PURE__ */ jsx("strong", { children: report.data?.pending ?? "—" }),
+				" awaiting approval"
+			] }),
+			/* @__PURE__ */ jsx("a", {
+				href: ADMIN_BASE,
+				children: "Open learning overview →"
+			})
+		]
+	});
+}
+const pages = {
+	"/": OverviewPage,
+	"/courses": CoursesPage,
+	"/learners": LearnersPage,
+	"/assignments": AssignmentsPage,
+	"/community": CommunityPage,
+	"/cohorts": CohortsPage,
+	"/reports": ReportsPage,
+	"/notifications": NotificationsPage,
+	"/audit": AuditPage,
+	"/settings": SettingsPage
+};
+const widgets = { learning: LearningWidget };
+const css = `
+.ag-lms-admin{color:var(--text-color-kumo-default,#1f2937);font-family:var(--font-emdash,ui-sans-serif,system-ui,sans-serif);padding:clamp(1rem,3vw,2.5rem);max-width:1400px;margin-inline:auto;line-height:1.55;direction:inherit}
+.ag-lms-admin *{box-sizing:border-box}.ag-lms-admin h1{font-size:clamp(1.6rem,3vw,2.15rem);margin:0}.ag-lms-admin h2{font-size:1.15rem;margin-block:0 .8rem}.ag-lms-admin h3{font-size:1rem}.ag-lms-admin p{margin-block:.5rem 1rem}.lms-page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-block-end:1.5rem}.lms-page-header>div>p{max-width:65ch;color:var(--text-color-kumo-subtle,#64748b)}.lms-eyebrow{font-size:.7rem;letter-spacing:.15em;font-weight:700}.lms-tabs{display:flex;gap:.3rem;flex-wrap:wrap;margin-block:1rem 1.5rem}.lms-tabs a{padding:.4rem .7rem;border-radius:.4rem;text-decoration:none;color:inherit;background:var(--color-kumo-control,#f1f5f9)}.lms-panel{background:var(--color-kumo-base,#fff);border:1px solid var(--color-kumo-line,#d1d5db);border-radius:.65rem;padding:1.3rem;margin-block-end:1rem;min-width:0}.lms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.lms-course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1rem}.lms-course-grid .lms-panel{display:flex;flex-direction:column;align-items:flex-start}.lms-course-grid .lms-actions{margin-block-start:auto}.lms-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.lms-metrics strong{display:block;font-size:2rem;margin-block-start:.5rem}.lms-metrics span,.lms-muted{font-size:.85rem;color:var(--text-color-kumo-subtle,#64748b)}.lms-actions,.lms-toolbar{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-block:.6rem 1rem}.lms-toolbar>.lms-field{min-width:160px;margin:0}.lms-button{display:inline-flex;justify-content:center;align-items:center;gap:.4rem;min-height:38px;padding:.5rem .8rem;border:1px solid var(--color-kumo-line,#cbd5e1);border-radius:.4rem;background:var(--color-kumo-control,#f8fafc);color:var(--text-color-kumo-default,#1e293b);font:inherit;font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer}.lms-button:hover{background:var(--color-kumo-interact,#e2e8f0)}.lms-button:disabled{opacity:.55;cursor:default}.lms-danger{color:var(--text-color-kumo-danger,#b91c1c)}.lms-field{display:grid;gap:.35rem;margin-block-end:1rem;min-width:0;font-size:.875rem;font-weight:600}.lms-field small{font-weight:400;color:var(--text-color-kumo-subtle,#64748b)}.ag-lms-admin input:not([type=checkbox]):not([type=radio]),.ag-lms-admin textarea,.ag-lms-admin select{width:100%;border:1px solid var(--color-kumo-line,#cbd5e1);border-radius:.35rem;background:var(--color-kumo-control,#fff);color:inherit;padding:.6rem;font:inherit;font-size:.875rem;font-weight:400}.ag-lms-admin input[type=checkbox],.ag-lms-admin input[type=radio]{width:1rem;height:1rem;accent-color:var(--color-kumo-brand,#2563eb)}.ag-lms-admin :focus-visible{outline:2px solid var(--color-kumo-focus,#2563eb);outline-offset:3px}.lms-check{display:flex;gap:.6rem;align-items:center;font-size:.9rem;margin-block:.7rem}.lms-notice{padding:.8rem 1rem;border:1px solid var(--color-kumo-line,#cbd5e1);border-radius:.4rem;background:var(--color-kumo-tint,#f1f5f9)}.lms-error{color:var(--text-color-kumo-danger,#b91c1c);border-color:currentColor}.lms-badge{font-size:.7rem;text-transform:uppercase;font-weight:700;border:1px solid var(--color-kumo-line,#cbd5e1);border-radius:1rem;padding:.2rem .6rem;margin-block-end:.6rem}.lms-studio{display:grid;grid-template-columns:330px minmax(0,1fr);gap:1.3rem;align-items:start}.lms-module{border-block-end:1px solid var(--color-kumo-line,#cbd5e1);padding-block:1rem}.lms-lesson-list{list-style:none;padding:0;margin:0}.lms-lesson-list li{display:flex;align-items:center;gap:.3rem}.lms-select-lesson{background:transparent;color:inherit;border:0;border-radius:.35rem;cursor:pointer;text-align:start;padding:.6rem;flex:1;font:inherit;font-size:.9rem}.lms-select-lesson[aria-current=true]{background:var(--color-kumo-control,#eff6ff);font-weight:600}.lms-select-lesson small{display:block;font-weight:400;opacity:.75}.lms-lesson-list .lms-actions{margin:0}.lms-option{display:flex;align-items:center;gap:.5rem;margin-block:.5rem}.lms-question{border-block-start:1px solid var(--color-kumo-line,#cbd5e1);padding-block:1rem}.lms-question fieldset{border:1px solid var(--color-kumo-line,#cbd5e1);border-radius:.4rem;margin-block:1rem;padding:1rem}.lms-resource{border-block-end:1px solid var(--color-kumo-line,#cbd5e1);padding-block:1rem}.lms-file{position:absolute;width:1px!important;height:1px;opacity:0}.lms-table-wrap{overflow:auto}.lms-table{width:100%;border-collapse:collapse;font-size:.875rem}.lms-table th,.lms-table td{padding:.7rem;text-align:start;border-block-end:1px solid var(--color-kumo-line,#e5e7eb);vertical-align:top}.lms-table th{font-weight:600}.lms-table small{display:block;color:var(--text-color-kumo-subtle,#64748b)}.lms-table .lms-actions{margin:0}.lms-body{white-space:pre-wrap;overflow-wrap:anywhere}.ag-lms-admin details{padding:.7rem;border:1px solid var(--color-kumo-line,#d1d5db);border-radius:.4rem;margin-block:1rem}.ag-lms-admin summary{cursor:pointer;font-weight:600}.lms-notice:empty{display:none}@media(max-width:900px){.lms-studio{grid-template-columns:1fr}.lms-page-header{align-items:start;flex-direction:column}}@media(max-width:600px){.lms-grid{grid-template-columns:1fr}.lms-toolbar{align-items:stretch}.lms-toolbar>.lms-field{width:100%}.lms-panel{padding:1rem}}`;
+
+//#endregion
+export { AssignmentsPage, AuditPage, CohortsPage, CommunityPage, CoursesPage, LearnersPage, LearningWidget, NotificationsPage, OverviewPage, ReportsPage, SettingsPage, pages, widgets };
+//# sourceMappingURL=admin.js.map