@burdenoff/microfe-buildmyiq 2026.705.13 → 2026.706.10

package/dist/buildmyiq/pages/authoring/CourseBuilderPage.js

@@ -1,280 +1,199 @@
 import { useBuildmyiq as e } from "../../context/BuildmyiqContext.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { formatDuration as n, formatEnumLabel as r } from "../../utils/formatters.js";
-import { StatusBadge as i } from "../../components/StatusBadge.js";
-import { EmptyState as a } from "../../components/EmptyState.js";
-import { ErrorView as o, LoadingView as s, Section as c } from "../../components/StateViews.js";
-import { Tabs as l } from "../../components/Tabs.js";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { formatDate as r, formatDuration as i, formatEnumLabel as a } from "../../utils/formatters.js";
+import { StatusBadge as o } from "../../components/StatusBadge.js";
+import { EmptyState as s } from "../../components/EmptyState.js";
+import { ErrorView as c, LoadingView as l, Section as u } from "../../components/StateViews.js";
+import { Tabs as d } from "../../components/Tabs.js";
 import "../../context/index.js";
-import { useBuiArchiveCourse as u, useBuiAssessments as d, useBuiCourse as f, useBuiCreateLesson as p, useBuiCreateModule as m, useBuiModules as h, useBuiPublishCourse as g, useBuiSkills as _, useBuiUpdateCourse as v } from "../../hooks/useBuildmyiqApi.js";
+import { useBuiArchiveCourse as f, useBuiAssessments as p, useBuiCourse as m, useBuiCreateLesson as h, useBuiCreateModule as g, useBuiModules as _, useBuiPublishCourse as v, useBuiSkills as y, useBuiUpdateCourse as b } from "../../hooks/useBuildmyiqApi.js";
 import "../../hooks/index.js";
-import { EvidenceUpload as y } from "../../components/EvidenceUpload.js";
-import { BuiDiscussion as b } from "../../components/BuiDiscussion.js";
+import { EvidenceUpload as x } from "../../components/EvidenceUpload.js";
+import { BuiDiscussion as S } from "../../components/BuiDiscussion.js";
 import "../../components/index.js";
-import { COURSE_LEVELS as x, LESSON_TYPES as S } from "../../types/index.js";
-import { Field as C, Modal as w, NO_SKILL as T, SelectField as E } from "./_forms.js";
-import { useState as D } from "react";
-import { Archive as ee, ArrowLeft as O, BookOpen as k, Clock as A, FileText as j, ListChecks as M, MessageSquare as N, PlayCircle as P, Plus as F, Send as I } from "lucide-react";
-import { useParams as L } from "react-router-dom";
-import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
-import { Button as V, GlassCard as H, Input as U, Switch as W, Textarea as G } from "@burdenoff/fe-libs/ui";
+import { COURSE_LEVELS as C, LESSON_TYPES as w } from "../../types/index.js";
+import { Field as T, Modal as E, NO_SKILL as D, SelectField as O } from "./_forms.js";
+import { useState as k } from "react";
+import { Archive as A, ArrowLeft as j, BarChart3 as M, BookOpen as ee, Calendar as N, ClipboardList as P, Clock as F, Eye as I, FileText as L, Globe as te, Image as ne, Link2 as re, ListChecks as R, MessageSquare as ie, MousePointerClick as ae, PlayCircle as z, Plus as B, Radio as V, Send as H } from "lucide-react";
+import { useParams as U } from "react-router-dom";
+import { Fragment as W, jsx as G, jsxs as K } from "react/jsx-runtime";
+import { Button as q, GlassCard as J, Input as Y, Switch as X, Textarea as Z } from "@burdenoff/fe-libs/ui";
 //#region src/buildmyiq/pages/authoring/CourseBuilderPage.tsx
-var K = ({ course: e }) => {
-	let t = v(), n = g(), a = u(), o = _(), s = o.data ?? [], [l, d] = D(e.title), [f, p] = D(e.summary ?? ""), [m, h] = D(e.description ?? ""), [b, S] = D(e.level), [O, k] = D(e.language), [A, j] = D(String(e.estimatedHours ?? 0)), [M, N] = D(e.skillId ?? "__none__"), [P, F] = D(e.isPublic), [L, H] = D(null), [K, q] = D(null), [J, Y] = D(null), [X, Z] = D(null), [Q, $] = D(!1), te = e.status === "DRAFT" || e.status === "IN_REVIEW", ne = e.status !== "ARCHIVED", re = async () => {
-		q(null);
-		let n = {
-			title: l.trim() || e.title,
-			summary: f.trim() || void 0,
-			description: m.trim() || void 0,
-			level: b,
-			language: O.trim() || "en",
-			estimatedHours: A.trim() ? Number(A) : 0,
-			skillId: M === "__none__" ? void 0 : M,
-			isPublic: P
-		};
-		try {
-			await t.mutateAsync({
-				id: e.id,
-				input: n
-			});
-		} catch (e) {
-			q(e instanceof Error ? e.message : "Failed to save changes.");
-		}
-	}, ie = async (n) => {
-		if (H(n), n) {
-			Y(null);
-			try {
-				await t.mutateAsync({
-					id: e.id,
-					input: { coverFileId: n.fileId }
-				});
-			} catch (e) {
-				Y(e instanceof Error ? e.message : "Failed to update the cover.");
-			}
-		}
-	}, ae = async () => {
-		Z(null);
-		try {
-			await n.mutateAsync(e.id);
-		} catch (e) {
-			Z(e instanceof Error ? e.message : "Failed to publish the course.");
-		}
-	}, oe = async () => {
-		Z(null);
-		try {
-			await a.mutateAsync(e.id), $(!1);
-		} catch (e) {
-			Z(e instanceof Error ? e.message : "Failed to archive the course.");
-		}
-	};
-	return /* @__PURE__ */ B("div", {
-		className: "grid gap-6 lg:grid-cols-3",
-		children: [
-			/* @__PURE__ */ z("div", {
-				className: "lg:col-span-2",
-				children: /* @__PURE__ */ z(c, {
-					title: "Course details",
-					description: "Metadata learners see in the catalog.",
-					action: /* @__PURE__ */ z(V, {
-						onClick: re,
-						disabled: t.isPending,
-						children: t.isPending ? "Saving…" : "Save changes"
-					}),
-					children: /* @__PURE__ */ B("div", {
-						className: "grid gap-4",
-						children: [
-							/* @__PURE__ */ z(C, {
-								label: "Title",
-								htmlFor: "detail-title",
-								required: !0,
-								children: /* @__PURE__ */ z(U, {
-									id: "detail-title",
-									value: l,
-									onChange: (e) => d(e.target.value)
-								})
-							}),
-							/* @__PURE__ */ z(C, {
-								label: "Summary",
-								htmlFor: "detail-summary",
-								children: /* @__PURE__ */ z(G, {
-									id: "detail-summary",
-									rows: 2,
-									value: f,
-									onChange: (e) => p(e.target.value),
-									placeholder: "A short description shown on the catalog card."
-								})
-							}),
-							/* @__PURE__ */ z(C, {
-								label: "Description",
-								htmlFor: "detail-description",
-								children: /* @__PURE__ */ z(G, {
-									id: "detail-description",
-									rows: 5,
-									value: m,
-									onChange: (e) => h(e.target.value),
-									placeholder: "The full course overview."
-								})
-							}),
-							/* @__PURE__ */ B("div", {
-								className: "grid gap-4 sm:grid-cols-2",
-								children: [
-									/* @__PURE__ */ z(C, {
-										label: "Level",
-										children: /* @__PURE__ */ z(E, {
-											value: b,
-											onChange: (e) => S(e),
-											options: x.map((e) => ({
-												value: e,
-												label: r(e)
-											}))
-										})
-									}),
-									/* @__PURE__ */ z(C, {
-										label: "Language",
-										htmlFor: "detail-language",
-										children: /* @__PURE__ */ z(U, {
-											id: "detail-language",
-											value: O,
-											onChange: (e) => k(e.target.value),
-											placeholder: "en"
-										})
-									}),
-									/* @__PURE__ */ z(C, {
-										label: "Estimated hours",
-										htmlFor: "detail-hours",
-										children: /* @__PURE__ */ z(U, {
-											id: "detail-hours",
-											type: "number",
-											min: 0,
-											value: A,
-											onChange: (e) => j(e.target.value)
-										})
-									}),
-									/* @__PURE__ */ z(C, {
-										label: "Skill",
-										children: /* @__PURE__ */ z(E, {
-											value: M,
-											onChange: N,
-											options: [{
-												value: T,
-												label: o.isLoading ? "Loading…" : "No skill"
-											}, ...s.map((e) => ({
-												value: e.id,
-												label: e.name
-											}))]
-										})
-									})
-								]
-							}),
-							/* @__PURE__ */ B("label", {
-								className: "inline-flex cursor-pointer items-center gap-2 text-sm text-text-secondary",
-								children: [/* @__PURE__ */ z(W, {
-									checked: P,
-									onCheckedChange: F
-								}), "Publicly visible in the catalog"]
-							}),
-							K && /* @__PURE__ */ z("p", {
-								className: "text-sm text-status-error-text",
-								children: K
-							})
-						]
-					})
-				})
+var oe = {
+	ARTICLE: {
+		icon: L,
+		tint: "bg-bg-sunken text-text-secondary"
+	},
+	VIDEO: {
+		icon: z,
+		tint: "bg-[var(--color-accent-soft)] text-text-primary"
+	},
+	QUIZ: {
+		icon: R,
+		tint: "bg-status-warning-bg-subtle text-status-warning-text"
+	},
+	ASSIGNMENT: {
+		icon: P,
+		tint: "bg-status-success-bg-subtle text-status-success-text"
+	},
+	INTERACTIVE: {
+		icon: ae,
+		tint: "bg-[color-mix(in_srgb,var(--color-accent-teal)_18%,transparent)] text-[var(--color-accent-teal)]"
+	},
+	LIVE_SESSION: {
+		icon: V,
+		tint: "bg-[color-mix(in_srgb,var(--color-accent-primary)_16%,transparent)] text-[var(--color-accent-primary)]"
+	}
+}, se = ({ course: e }) => {
+	let t = b(), n = y(), r = n.data ?? [], [i, o] = k(e.title), [s, c] = k(e.summary ?? ""), [l, d] = k(e.description ?? ""), [f, p] = k(e.level), [m, h] = k(e.language), [g, _] = k(String(e.estimatedHours ?? 0)), [v, x] = k(e.skillId ?? "__none__"), [S, w] = k(e.isPublic), [E, A] = k(null);
+	return /* @__PURE__ */ G("div", {
+		className: "mx-auto max-w-3xl",
+		children: /* @__PURE__ */ G(u, {
+			title: "Course details",
+			description: "Metadata learners see in the catalog.",
+			action: /* @__PURE__ */ G(q, {
+				onClick: async () => {
+					A(null);
+					let n = {
+						title: i.trim() || e.title,
+						summary: s.trim() || void 0,
+						description: l.trim() || void 0,
+						level: f,
+						language: m.trim() || "en",
+						estimatedHours: g.trim() ? Number(g) : 0,
+						skillId: v === "__none__" ? void 0 : v,
+						isPublic: S
+					};
+					try {
+						await t.mutateAsync({
+							id: e.id,
+							input: n
+						});
+					} catch (e) {
+						A(e instanceof Error ? e.message : "Failed to save changes.");
+					}
+				},
+				disabled: t.isPending,
+				children: t.isPending ? "Saving…" : "Save changes"
 			}),
-			/* @__PURE__ */ B("div", {
-				className: "flex flex-col gap-6",
-				children: [/* @__PURE__ */ z(c, {
-					title: "Cover image",
-					children: /* @__PURE__ */ B("div", {
-						className: "grid gap-3",
-						children: [
-							/* @__PURE__ */ z("div", {
-								className: "h-36 w-full overflow-hidden rounded-xl border border-border-seam bg-bg-sunken",
-								children: e.cover?.downloadUrl ? /* @__PURE__ */ z("img", {
-									src: e.cover.downloadUrl,
-									alt: "",
-									className: "h-full w-full object-cover"
-								}) : /* @__PURE__ */ z("div", {
-									className: "flex h-full items-center justify-center text-sm text-text-secondary",
-									children: "No cover yet"
-								})
-							}),
-							/* @__PURE__ */ z(y, {
-								id: "course-cover",
-								label: "Upload cover",
-								value: L,
-								onChange: ie,
-								accept: "image/*",
-								hint: "PNG or JPG, shown on catalog cards."
-							}),
-							J && /* @__PURE__ */ z("p", {
-								className: "text-xs text-status-error-text",
-								children: J
+			children: /* @__PURE__ */ G(J, {
+				treatment: "plain",
+				className: "p-5",
+				children: /* @__PURE__ */ K("div", {
+					className: "grid gap-4",
+					children: [
+						/* @__PURE__ */ G(T, {
+							label: "Title",
+							htmlFor: "detail-title",
+							required: !0,
+							children: /* @__PURE__ */ G(Y, {
+								id: "detail-title",
+								value: i,
+								onChange: (e) => o(e.target.value)
 							})
-						]
-					})
-				}), /* @__PURE__ */ z(c, {
-					title: "Publishing",
-					children: /* @__PURE__ */ B("div", {
-						className: "grid gap-3",
-						children: [
-							/* @__PURE__ */ B("div", {
-								className: "flex items-center gap-2 text-sm text-text-secondary",
-								children: ["Status ", /* @__PURE__ */ z(i, { status: e.status })]
-							}),
-							te && /* @__PURE__ */ B(V, {
-								onClick: ae,
-								disabled: n.isPending,
-								children: [/* @__PURE__ */ z(I, { className: "mr-1.5 h-4 w-4" }), n.isPending ? "Publishing…" : "Publish course"]
-							}),
-							ne && /* @__PURE__ */ B(V, {
-								variant: "outline",
-								onClick: () => $(!0),
-								children: [/* @__PURE__ */ z(ee, { className: "mr-1.5 h-4 w-4" }), " Archive"]
-							}),
-							X && /* @__PURE__ */ z("p", {
-								className: "text-sm text-status-error-text",
-								children: X
+						}),
+						/* @__PURE__ */ G(T, {
+							label: "Summary",
+							htmlFor: "detail-summary",
+							children: /* @__PURE__ */ G(Z, {
+								id: "detail-summary",
+								rows: 2,
+								value: s,
+								onChange: (e) => c(e.target.value),
+								placeholder: "A short description shown on the catalog card."
 							})
-						]
-					})
-				})]
-			}),
-			Q && /* @__PURE__ */ z(w, {
-				open: !0,
-				onClose: () => $(!1),
-				title: "Archive this course?",
-				description: "Archived courses are hidden from the catalog and cannot be enrolled in.",
-				footer: /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(V, {
-					variant: "ghost",
-					onClick: () => $(!1),
-					disabled: a.isPending,
-					children: "Cancel"
-				}), /* @__PURE__ */ z(V, {
-					variant: "destructive",
-					onClick: oe,
-					disabled: a.isPending,
-					children: a.isPending ? "Archiving…" : "Archive course"
-				})] }),
-				children: /* @__PURE__ */ z("p", {
-					className: "text-sm text-text-secondary",
-					children: "You can still find it in Authoring under the Archived filter."
+						}),
+						/* @__PURE__ */ G(T, {
+							label: "Description",
+							htmlFor: "detail-description",
+							children: /* @__PURE__ */ G(Z, {
+								id: "detail-description",
+								rows: 5,
+								value: l,
+								onChange: (e) => d(e.target.value),
+								placeholder: "The full course overview."
+							})
+						}),
+						/* @__PURE__ */ K("div", {
+							className: "grid gap-4 sm:grid-cols-2",
+							children: [
+								/* @__PURE__ */ G(T, {
+									label: "Level",
+									children: /* @__PURE__ */ G(O, {
+										value: f,
+										onChange: (e) => p(e),
+										options: C.map((e) => ({
+											value: e,
+											label: a(e)
+										}))
+									})
+								}),
+								/* @__PURE__ */ G(T, {
+									label: "Language",
+									htmlFor: "detail-language",
+									children: /* @__PURE__ */ G(Y, {
+										id: "detail-language",
+										value: m,
+										onChange: (e) => h(e.target.value),
+										placeholder: "en"
+									})
+								}),
+								/* @__PURE__ */ G(T, {
+									label: "Estimated hours",
+									htmlFor: "detail-hours",
+									children: /* @__PURE__ */ G(Y, {
+										id: "detail-hours",
+										type: "number",
+										min: 0,
+										value: g,
+										onChange: (e) => _(e.target.value)
+									})
+								}),
+								/* @__PURE__ */ G(T, {
+									label: "Skill",
+									children: /* @__PURE__ */ G(O, {
+										value: v,
+										onChange: x,
+										options: [{
+											value: D,
+											label: n.isLoading ? "Loading…" : "No skill"
+										}, ...r.map((e) => ({
+											value: e.id,
+											label: e.name
+										}))]
+									})
+								})
+							]
+						}),
+						/* @__PURE__ */ K("label", {
+							className: "inline-flex cursor-pointer items-center gap-2 text-sm text-text-secondary",
+							children: [/* @__PURE__ */ G(X, {
+								checked: S,
+								onCheckedChange: w
+							}), "Publicly visible in the catalog"]
+						}),
+						E && /* @__PURE__ */ G("p", {
+							className: "text-sm text-status-error-text",
+							children: E
+						})
+					]
 				})
 			})
-		]
+		})
 	});
-}, q = ({ courseId: e, position: t, onClose: n }) => {
-	let r = m(), [i, a] = D(""), [o, s] = D(""), [c, l] = D(null), u = i.trim().length > 0 && !r.isPending;
-	return /* @__PURE__ */ z(w, {
+}, ce = ({ courseId: e, position: t, onClose: n }) => {
+	let r = g(), [i, a] = k(""), [o, s] = k(""), [c, l] = k(null), u = i.trim().length > 0 && !r.isPending;
+	return /* @__PURE__ */ G(E, {
 		open: !0,
 		onClose: n,
 		title: "Add module",
-		footer: /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(V, {
+		footer: /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(q, {
 			variant: "ghost",
 			onClick: n,
 			disabled: r.isPending,
 			children: "Cancel"
-		}), /* @__PURE__ */ z(V, {
+		}), /* @__PURE__ */ G(q, {
 			onClick: async () => {
 				if (!u) return;
 				l(null);
@@ -293,54 +212,54 @@ var K = ({ course: e }) => {
 			disabled: !u,
 			children: r.isPending ? "Adding…" : "Add module"
 		})] }),
-		children: /* @__PURE__ */ B("div", {
+		children: /* @__PURE__ */ K("div", {
 			className: "grid gap-4",
 			children: [
-				/* @__PURE__ */ z(C, {
+				/* @__PURE__ */ G(T, {
 					label: "Module title",
 					htmlFor: "module-title",
 					required: !0,
-					children: /* @__PURE__ */ z(U, {
+					children: /* @__PURE__ */ G(Y, {
 						id: "module-title",
 						value: i,
 						onChange: (e) => a(e.target.value),
 						placeholder: "e.g. Getting started"
 					})
 				}),
-				/* @__PURE__ */ z(C, {
+				/* @__PURE__ */ G(T, {
 					label: "Description",
 					htmlFor: "module-description",
-					children: /* @__PURE__ */ z(G, {
+					children: /* @__PURE__ */ G(Z, {
 						id: "module-description",
 						rows: 3,
 						value: o,
 						onChange: (e) => s(e.target.value)
 					})
 				}),
-				c && /* @__PURE__ */ z("p", {
+				c && /* @__PURE__ */ G("p", {
 					className: "text-sm text-status-error-text",
 					children: c
 				})
 			]
 		})
 	});
-}, J = ({ courseId: e, moduleId: t, position: n, onClose: i }) => {
-	let a = p(), [o, s] = D(""), [c, l] = D("ARTICLE"), [u, d] = D(""), [f, m] = D(""), [h, g] = D(!1), [_, v] = D(null), [b, x] = D(null), T = o.trim().length > 0 && !a.isPending;
-	return /* @__PURE__ */ z(w, {
+}, le = ({ courseId: e, moduleId: t, position: n, onClose: r }) => {
+	let i = h(), [o, s] = k(""), [c, l] = k("ARTICLE"), [u, d] = k(""), [f, p] = k(""), [m, g] = k(!1), [_, v] = k(null), [y, b] = k(null), S = o.trim().length > 0 && !i.isPending;
+	return /* @__PURE__ */ G(E, {
 		open: !0,
-		onClose: i,
+		onClose: r,
 		title: "Add lesson",
 		className: "sm:max-w-xl",
-		footer: /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(V, {
+		footer: /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(q, {
 			variant: "ghost",
-			onClick: i,
-			disabled: a.isPending,
+			onClick: r,
+			disabled: i.isPending,
 			children: "Cancel"
-		}), /* @__PURE__ */ z(V, {
+		}), /* @__PURE__ */ G(q, {
 			onClick: async () => {
-				if (!T) return;
-				x(null);
-				let r = {
+				if (!S) return;
+				b(null);
+				let a = {
 					courseId: e,
 					moduleId: t,
 					title: o.trim(),
@@ -348,245 +267,399 @@ var K = ({ course: e }) => {
 					content: u.trim() || void 0,
 					durationMin: f.trim() ? Number(f) : void 0,
 					position: n,
-					isPreview: h,
+					isPreview: m,
 					mediaFileId: _?.fileId
 				};
 				try {
-					await a.mutateAsync(r), i();
+					await i.mutateAsync(a), r();
 				} catch (e) {
-					x(e instanceof Error ? e.message : "Failed to add the lesson.");
+					b(e instanceof Error ? e.message : "Failed to add the lesson.");
 				}
 			},
-			disabled: !T,
-			children: a.isPending ? "Adding…" : "Add lesson"
+			disabled: !S,
+			children: i.isPending ? "Adding…" : "Add lesson"
 		})] }),
-		children: /* @__PURE__ */ B("div", {
+		children: /* @__PURE__ */ K("div", {
 			className: "grid gap-4",
 			children: [
-				/* @__PURE__ */ z(C, {
+				/* @__PURE__ */ G(T, {
 					label: "Lesson title",
 					htmlFor: "lesson-title",
 					required: !0,
-					children: /* @__PURE__ */ z(U, {
+					children: /* @__PURE__ */ G(Y, {
 						id: "lesson-title",
 						value: o,
 						onChange: (e) => s(e.target.value),
 						placeholder: "e.g. What is data literacy?"
 					})
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ K("div", {
 					className: "grid gap-4 sm:grid-cols-2",
-					children: [/* @__PURE__ */ z(C, {
+					children: [/* @__PURE__ */ G(T, {
 						label: "Type",
-						children: /* @__PURE__ */ z(E, {
+						children: /* @__PURE__ */ G(O, {
 							value: c,
 							onChange: (e) => l(e),
-							options: S.map((e) => ({
+							options: w.map((e) => ({
 								value: e,
-								label: r(e)
+								label: a(e)
 							}))
 						})
-					}), /* @__PURE__ */ z(C, {
+					}), /* @__PURE__ */ G(T, {
 						label: "Duration (minutes)",
 						htmlFor: "lesson-duration",
-						children: /* @__PURE__ */ z(U, {
+						children: /* @__PURE__ */ G(Y, {
 							id: "lesson-duration",
 							type: "number",
 							min: 0,
 							value: f,
-							onChange: (e) => m(e.target.value),
+							onChange: (e) => p(e.target.value),
 							placeholder: "0"
 						})
 					})]
 				}),
-				/* @__PURE__ */ z(C, {
+				/* @__PURE__ */ G(T, {
 					label: "Content",
 					htmlFor: "lesson-content",
 					hint: "Lesson body — markdown or plain text.",
-					children: /* @__PURE__ */ z(G, {
+					children: /* @__PURE__ */ G(Z, {
 						id: "lesson-content",
 						rows: 5,
 						value: u,
 						onChange: (e) => d(e.target.value)
 					})
 				}),
-				/* @__PURE__ */ z(y, {
+				/* @__PURE__ */ G(x, {
 					id: "lesson-media",
 					label: "Media (optional)",
 					value: _,
 					onChange: v,
 					hint: "Attach a video, audio file or PDF for this lesson."
 				}),
-				/* @__PURE__ */ B("label", {
+				/* @__PURE__ */ K("label", {
 					className: "inline-flex cursor-pointer items-center gap-2 text-sm text-text-secondary",
-					children: [/* @__PURE__ */ z(W, {
-						checked: h,
+					children: [/* @__PURE__ */ G(X, {
+						checked: m,
 						onCheckedChange: g
 					}), "Free preview lesson"]
 				}),
-				b && /* @__PURE__ */ z("p", {
+				y && /* @__PURE__ */ G("p", {
 					className: "text-sm text-status-error-text",
-					children: b
+					children: y
 				})
 			]
 		})
 	});
-}, Y = ({ module: e, index: t, onAddLesson: i }) => {
-	let a = [...e.lessons ?? []].sort((e, t) => e.position - t.position);
-	return /* @__PURE__ */ B(H, {
-		treatment: "plain",
-		className: "p-4",
-		children: [/* @__PURE__ */ B("div", {
-			className: "flex flex-wrap items-start justify-between gap-3",
-			children: [/* @__PURE__ */ B("div", {
-				className: "min-w-0",
-				children: [/* @__PURE__ */ B("h3", {
-					className: "font-semibold text-text-primary",
-					children: [/* @__PURE__ */ B("span", {
-						className: "mr-2 text-text-tertiary",
-						children: ["Module ", t + 1]
-					}), e.title]
-				}), e.description && /* @__PURE__ */ z("p", {
-					className: "mt-0.5 text-sm text-text-secondary",
-					children: e.description
+}, ue = ({ lesson: e }) => {
+	let n = oe[e.type], r = n.icon;
+	return /* @__PURE__ */ K("li", {
+		className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface px-3 py-2.5",
+		children: [
+			/* @__PURE__ */ G("span", {
+				className: t("flex h-8 w-8 shrink-0 items-center justify-center rounded-lg", n.tint),
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ G(r, { className: "h-4 w-4" })
+			}),
+			/* @__PURE__ */ K("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ G("p", {
+					className: "truncate text-sm font-medium text-text-primary",
+					children: e.title
+				}), /* @__PURE__ */ G("p", {
+					className: "text-xs text-text-tertiary",
+					children: a(e.type)
 				})]
-			}), /* @__PURE__ */ B(V, {
-				variant: "outline",
-				size: "sm",
-				onClick: i,
-				children: [/* @__PURE__ */ z(F, { className: "mr-1.5 h-4 w-4" }), " Add lesson"]
-			})]
-		}), /* @__PURE__ */ z("div", {
-			className: "mt-3",
-			children: a.length === 0 ? /* @__PURE__ */ z("p", {
-				className: "rounded-lg border border-dashed border-border-seam px-3 py-3 text-sm text-text-secondary",
-				children: "No lessons yet."
-			}) : /* @__PURE__ */ z("ul", {
-				className: "flex flex-col gap-1.5",
-				children: a.map((e) => /* @__PURE__ */ B("li", {
-					className: "flex flex-wrap items-center gap-3 rounded-lg border border-border-seam bg-bg-surface px-3 py-2",
-					children: [
-						/* @__PURE__ */ z(P, { className: "h-4 w-4 shrink-0 text-text-tertiary" }),
-						/* @__PURE__ */ z("span", {
-							className: "min-w-0 flex-1 truncate text-sm text-text-primary",
-							children: e.title
-						}),
-						/* @__PURE__ */ z("span", {
-							className: "rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
-							children: r(e.type)
-						}),
-						e.isPreview && /* @__PURE__ */ z("span", {
-							className: "rounded-full bg-[var(--color-accent-soft)] px-2 py-0.5 text-xs text-text-primary",
-							children: "Preview"
-						}),
-						e.durationMin > 0 && /* @__PURE__ */ B("span", {
-							className: "inline-flex items-center gap-1 text-xs text-text-secondary",
+			}),
+			e.durationMin > 0 && /* @__PURE__ */ K("span", {
+				className: "inline-flex shrink-0 items-center gap-1 text-xs text-text-secondary",
+				children: [
+					/* @__PURE__ */ G(F, { className: "h-3.5 w-3.5" }),
+					" ",
+					i(e.durationMin)
+				]
+			}),
+			e.isPreview && /* @__PURE__ */ G("span", {
+				className: "shrink-0 rounded-full bg-[var(--color-accent-soft)] px-2 py-0.5 text-xs font-medium text-text-primary",
+				children: "Preview"
+			})
+		]
+	});
+}, Q = ({ module: e, index: t, onAddLesson: n }) => {
+	let r = [...e.lessons ?? []].sort((e, t) => e.position - t.position), a = r.reduce((e, t) => e + (t.durationMin || 0), 0);
+	return /* @__PURE__ */ K(J, {
+		treatment: "plain",
+		className: "overflow-hidden",
+		children: [
+			/* @__PURE__ */ K("div", {
+				className: "flex flex-wrap items-center gap-3 border-b border-border-seam bg-bg-sunken/40 px-4 py-3",
+				children: [
+					/* @__PURE__ */ G("span", {
+						className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-action-primary-bg text-sm font-semibold tabular-nums text-action-primary-text",
+						"aria-hidden": "true",
+						children: t + 1
+					}),
+					/* @__PURE__ */ K("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ K("h3", {
+							className: "truncate font-semibold text-text-primary",
+							children: [/* @__PURE__ */ K("span", {
+								className: "text-text-tertiary",
+								children: [
+									"Module ",
+									t + 1,
+									" · "
+								]
+							}), e.title]
+						}), /* @__PURE__ */ K("p", {
+							className: "text-xs text-text-secondary",
 							children: [
-								/* @__PURE__ */ z(A, { className: "h-3.5 w-3.5" }),
+								r.length,
 								" ",
-								n(e.durationMin)
+								r.length === 1 ? "lesson" : "lessons",
+								a > 0 && ` · ${i(a)}`
 							]
-						})
-					]
-				}, e.id))
+						})]
+					}),
+					/* @__PURE__ */ K(q, {
+						variant: "outline",
+						size: "sm",
+						onClick: n,
+						className: "shrink-0",
+						children: [/* @__PURE__ */ G(B, { className: "mr-1.5 h-4 w-4" }), " Add lesson"]
+					})
+				]
+			}),
+			e.description && /* @__PURE__ */ G("p", {
+				className: "border-b border-border-seam px-4 py-2.5 text-sm text-text-secondary",
+				children: e.description
+			}),
+			/* @__PURE__ */ G("div", {
+				className: "p-3",
+				children: r.length === 0 ? /* @__PURE__ */ K("button", {
+					type: "button",
+					onClick: n,
+					className: "flex w-full items-center justify-center gap-2 rounded-lg border border-dashed border-border-seam px-3 py-3 text-sm text-text-secondary transition-colors hover:border-[var(--color-action-primary-bg)] hover:text-text-primary",
+					children: [/* @__PURE__ */ G(B, { className: "h-4 w-4" }), " Add the first lesson"]
+				}) : /* @__PURE__ */ G("ul", {
+					className: "flex flex-col gap-2",
+					children: r.map((e) => /* @__PURE__ */ G(ue, { lesson: e }, e.id))
+				})
 			})
-		})]
+		]
 	});
-}, X = ({ courseId: e }) => {
-	let t = h(e), [n, r] = D(!1), [i, l] = D(null), u = t.data ?? [], d = u.find((e) => e.id === i) ?? null;
-	return /* @__PURE__ */ B(c, {
-		title: "Curriculum",
-		description: "Organise the course into modules and lessons.",
-		action: /* @__PURE__ */ B(V, {
-			onClick: () => r(!0),
-			children: [/* @__PURE__ */ z(F, { className: "mr-1.5 h-4 w-4" }), " Add module"]
+}, $ = ({ icon: e, label: t, value: n }) => /* @__PURE__ */ K("div", {
+	className: "flex items-center gap-3 py-2.5",
+	children: [
+		/* @__PURE__ */ G("span", {
+			className: "shrink-0 text-text-tertiary",
+			"aria-hidden": "true",
+			children: e
 		}),
+		/* @__PURE__ */ G("span", {
+			className: "text-sm text-text-secondary",
+			children: t
+		}),
+		/* @__PURE__ */ G("span", {
+			className: "ml-auto min-w-0 truncate text-right text-sm font-medium text-text-primary",
+			children: n
+		})
+	]
+}), de = ({ course: e }) => {
+	let t = e.id, n = _(t), i = b(), [o, d] = k(!1), [f, p] = k(null), [m, h] = k(null), [g, v] = k(null), y = [...n.data ?? []].sort((e, t) => e.position - t.position), S = y.find((e) => e.id === f) ?? null;
+	return /* @__PURE__ */ K("div", {
+		className: "grid gap-6 lg:grid-cols-3",
 		children: [
-			t.isLoading ? /* @__PURE__ */ z(s, { label: "Loading curriculum…" }) : t.isError ? /* @__PURE__ */ z(o, {
-				message: "We couldn't load the curriculum.",
-				onRetry: () => t.refetch()
-			}) : u.length === 0 ? /* @__PURE__ */ z(a, {
-				illustration: "onboarding",
-				title: "No modules yet",
-				description: "Add your first module, then fill it with lessons.",
-				action: /* @__PURE__ */ B(V, {
-					onClick: () => r(!0),
-					children: [/* @__PURE__ */ z(F, { className: "mr-1.5 h-4 w-4" }), " Add module"]
+			/* @__PURE__ */ G("div", {
+				className: "lg:col-span-2",
+				children: /* @__PURE__ */ G(u, {
+					title: "Curriculum",
+					description: "Organise the course into modules and lessons.",
+					action: /* @__PURE__ */ K(q, {
+						onClick: () => d(!0),
+						children: [/* @__PURE__ */ G(B, { className: "mr-1.5 h-4 w-4" }), " Add module"]
+					}),
+					children: n.isLoading ? /* @__PURE__ */ G(l, { label: "Loading curriculum…" }) : n.isError ? /* @__PURE__ */ G(c, {
+						message: "We couldn't load the curriculum.",
+						onRetry: () => n.refetch()
+					}) : y.length === 0 ? /* @__PURE__ */ G(s, {
+						illustration: "onboarding",
+						title: "No modules yet",
+						description: "Add your first module, then fill it with lessons.",
+						action: /* @__PURE__ */ K(q, {
+							onClick: () => d(!0),
+							children: [/* @__PURE__ */ G(B, { className: "mr-1.5 h-4 w-4" }), " Add module"]
+						})
+					}) : /* @__PURE__ */ K("div", {
+						className: "flex flex-col gap-4",
+						children: [y.map((e, t) => /* @__PURE__ */ G(Q, {
+							module: e,
+							index: t,
+							onAddLesson: () => p(e.id)
+						}, e.id)), /* @__PURE__ */ K("button", {
+							type: "button",
+							onClick: () => d(!0),
+							className: "flex w-full items-center justify-center gap-2 rounded-xl border-2 border-dashed border-border-seam px-4 py-4 text-sm font-medium text-text-secondary transition-colors hover:border-[var(--color-action-primary-bg)] hover:bg-bg-sunken/40 hover:text-text-primary",
+							children: [/* @__PURE__ */ G(B, { className: "h-4 w-4" }), " Add module"]
+						})]
+					})
 				})
-			}) : /* @__PURE__ */ z("div", {
-				className: "flex flex-col gap-4",
-				children: [...u].sort((e, t) => e.position - t.position).map((e, t) => /* @__PURE__ */ z(Y, {
-					module: e,
-					index: t,
-					onAddLesson: () => l(e.id)
-				}, e.id))
 			}),
-			n && /* @__PURE__ */ z(q, {
-				courseId: e,
-				position: u.length,
-				onClose: () => r(!1)
+			/* @__PURE__ */ K("div", {
+				className: "flex flex-col gap-6",
+				children: [/* @__PURE__ */ K(J, {
+					treatment: "plain",
+					className: "p-5",
+					children: [
+						/* @__PURE__ */ G("h3", {
+							className: "text-base font-semibold text-text-primary",
+							children: "Course cover"
+						}),
+						/* @__PURE__ */ G("p", {
+							className: "mt-0.5 text-sm text-text-secondary",
+							children: "Upload an image to represent your course."
+						}),
+						/* @__PURE__ */ G("div", {
+							className: "mt-3 aspect-video w-full overflow-hidden rounded-xl border border-border-seam bg-bg-sunken",
+							children: e.cover?.downloadUrl ? /* @__PURE__ */ G("img", {
+								src: e.cover.downloadUrl,
+								alt: "",
+								className: "h-full w-full object-cover"
+							}) : /* @__PURE__ */ K("div", {
+								className: "flex h-full items-center justify-center gap-2 text-sm text-text-tertiary",
+								children: [/* @__PURE__ */ G(ne, { className: "h-5 w-5" }), " No cover yet"]
+							})
+						}),
+						/* @__PURE__ */ K("div", {
+							className: "mt-3",
+							children: [/* @__PURE__ */ G(x, {
+								id: "course-cover",
+								label: e.cover?.downloadUrl ? "Replace cover" : "Upload cover",
+								value: m,
+								onChange: async (e) => {
+									if (h(e), e) {
+										v(null);
+										try {
+											await i.mutateAsync({
+												id: t,
+												input: { coverFileId: e.fileId }
+											});
+										} catch (e) {
+											v(e instanceof Error ? e.message : "Failed to update the cover.");
+										}
+									}
+								},
+								accept: "image/*",
+								hint: "PNG or JPG · 16:9 ratio recommended."
+							}), g && /* @__PURE__ */ G("p", {
+								className: "mt-1 text-xs text-status-error-text",
+								children: g
+							})]
+						})
+					]
+				}), /* @__PURE__ */ K(J, {
+					treatment: "plain",
+					className: "p-5",
+					children: [/* @__PURE__ */ G("h3", {
+						className: "text-base font-semibold text-text-primary",
+						children: "Course details"
+					}), /* @__PURE__ */ K("dl", {
+						className: "mt-2 flex flex-col divide-y divide-border-seam",
+						children: [
+							/* @__PURE__ */ G($, {
+								icon: /* @__PURE__ */ G(re, { className: "h-4 w-4" }),
+								label: "Slug",
+								value: e.slug
+							}),
+							/* @__PURE__ */ G($, {
+								icon: /* @__PURE__ */ G(te, { className: "h-4 w-4" }),
+								label: "Language",
+								value: e.language ? e.language.toUpperCase() : "—"
+							}),
+							/* @__PURE__ */ G($, {
+								icon: /* @__PURE__ */ G(M, { className: "h-4 w-4" }),
+								label: "Level",
+								value: a(e.level)
+							}),
+							/* @__PURE__ */ G($, {
+								icon: /* @__PURE__ */ G(I, { className: "h-4 w-4" }),
+								label: "Visibility",
+								value: e.isPublic ? "Public" : "Private"
+							}),
+							/* @__PURE__ */ G($, {
+								icon: /* @__PURE__ */ G(N, { className: "h-4 w-4" }),
+								label: "Created",
+								value: r(e.createdAt)
+							})
+						]
+					})]
+				})]
+			}),
+			o && /* @__PURE__ */ G(ce, {
+				courseId: t,
+				position: y.length,
+				onClose: () => d(!1)
 			}),
-			i && /* @__PURE__ */ z(J, {
-				courseId: e,
-				moduleId: i,
-				position: d?.lessons?.length ?? 0,
-				onClose: () => l(null)
+			f && /* @__PURE__ */ G(le, {
+				courseId: t,
+				moduleId: f,
+				position: S?.lessons?.length ?? 0,
+				onClose: () => p(null)
 			})
 		]
 	});
-}, Z = ({ courseId: t }) => {
-	let { navigateTo: l } = e(), u = d(t), f = u.data ?? [];
-	return /* @__PURE__ */ z(c, {
+}, fe = ({ courseId: t }) => {
+	let { navigateTo: n } = e(), r = p(t), d = r.data ?? [];
+	return /* @__PURE__ */ G(u, {
 		title: "Assessments",
 		description: "Quizzes, exams and assignments attached to this course.",
-		children: u.isLoading ? /* @__PURE__ */ z(s, { label: "Loading assessments…" }) : u.isError ? /* @__PURE__ */ z(o, {
+		children: r.isLoading ? /* @__PURE__ */ G(l, { label: "Loading assessments…" }) : r.isError ? /* @__PURE__ */ G(c, {
 			message: "We couldn't load the assessments.",
-			onRetry: () => u.refetch()
-		}) : f.length === 0 ? /* @__PURE__ */ z(a, {
+			onRetry: () => r.refetch()
+		}) : d.length === 0 ? /* @__PURE__ */ G(s, {
 			illustration: "empty-data",
 			title: "No assessments yet",
 			description: "Create an assessment in the Assessments workspace to test learners on this course.",
-			action: /* @__PURE__ */ z(V, {
+			action: /* @__PURE__ */ G(q, {
 				variant: "outline",
-				onClick: () => l("assessments"),
+				onClick: () => n("assessments"),
 				children: "Open assessments"
 			})
-		}) : /* @__PURE__ */ z("div", {
+		}) : /* @__PURE__ */ G("div", {
 			className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-			children: f.map((e) => /* @__PURE__ */ B(H, {
+			children: d.map((e) => /* @__PURE__ */ K(J, {
 				treatment: "plain",
 				className: "flex cursor-pointer flex-col gap-2 p-4 transition-shadow hover:shadow-lg",
-				onClick: () => l(`assessments/${e.id}`),
+				onClick: () => n(`assessments/${e.id}`),
 				children: [
-					/* @__PURE__ */ B("div", {
+					/* @__PURE__ */ K("div", {
 						className: "flex items-start justify-between gap-2",
-						children: [/* @__PURE__ */ z("h3", {
+						children: [/* @__PURE__ */ G("h3", {
 							className: "min-w-0 font-semibold text-text-primary",
 							children: e.title
-						}), /* @__PURE__ */ z(i, { status: e.status })]
+						}), /* @__PURE__ */ G(o, { status: e.status })]
 					}),
-					e.description && /* @__PURE__ */ z("p", {
+					e.description && /* @__PURE__ */ G("p", {
 						className: "line-clamp-2 text-sm text-text-secondary",
 						children: e.description
 					}),
-					/* @__PURE__ */ B("div", {
+					/* @__PURE__ */ K("div", {
 						className: "mt-auto flex flex-wrap items-center gap-3 pt-1 text-xs text-text-secondary",
 						children: [
-							/* @__PURE__ */ z("span", {
+							/* @__PURE__ */ G("span", {
 								className: "rounded-full bg-bg-sunken px-2 py-0.5",
-								children: r(e.type)
+								children: a(e.type)
 							}),
-							/* @__PURE__ */ B("span", { children: [
+							/* @__PURE__ */ K("span", { children: [
 								"Pass ≥ ",
 								e.passingScore ?? 0,
 								"%"
 							] }),
-							e.timeLimitMin > 0 && /* @__PURE__ */ B("span", {
+							e.timeLimitMin > 0 && /* @__PURE__ */ K("span", {
 								className: "inline-flex items-center gap-1",
 								children: [
-									/* @__PURE__ */ z(A, { className: "h-3.5 w-3.5" }),
+									/* @__PURE__ */ G(F, { className: "h-3.5 w-3.5" }),
 									" ",
-									n(e.timeLimitMin)
+									i(e.timeLimitMin)
 								]
 							})
 						]
@@ -595,86 +668,146 @@ var K = ({ course: e }) => {
 			}, e.id))
 		})
 	});
-}, Q = () => {
-	let { courseId: n } = L(), { navigateTo: r } = e(), [c, u] = D("details"), d = f(n), p = d.data ?? null;
-	if (d.isLoading) return /* @__PURE__ */ z(t, {
+}, pe = () => {
+	let { courseId: t } = U(), { navigateTo: r } = e(), [i, a] = k("details"), u = m(t), p = u.data ?? null, h = v(), g = f(), [_, y] = k(null), [b, x] = k(!1), C = async () => {
+		if (p) {
+			y(null);
+			try {
+				await h.mutateAsync(p.id);
+			} catch (e) {
+				y(e instanceof Error ? e.message : "Failed to publish the course.");
+			}
+		}
+	}, w = async () => {
+		if (p) {
+			y(null);
+			try {
+				await g.mutateAsync(p.id), x(!1);
+			} catch (e) {
+				y(e instanceof Error ? e.message : "Failed to archive the course.");
+			}
+		}
+	};
+	if (u.isLoading) return /* @__PURE__ */ G(n, {
 		title: "Course builder",
-		children: /* @__PURE__ */ z(s, { label: "Loading course…" })
+		children: /* @__PURE__ */ G(l, { label: "Loading course…" })
 	});
-	if (d.isError) return /* @__PURE__ */ z(t, {
+	if (u.isError) return /* @__PURE__ */ G(n, {
 		title: "Course builder",
-		children: /* @__PURE__ */ z(o, {
+		children: /* @__PURE__ */ G(c, {
 			message: "We couldn't load this course.",
-			onRetry: () => d.refetch()
+			onRetry: () => u.refetch()
 		})
 	});
-	if (!n || !p) return /* @__PURE__ */ z(t, {
+	if (!t || !p) return /* @__PURE__ */ G(n, {
 		title: "Course builder",
-		children: /* @__PURE__ */ z(a, {
+		children: /* @__PURE__ */ G(s, {
 			illustration: "empty-search",
 			title: "Course not found",
 			description: "This course may have been archived or removed.",
-			action: /* @__PURE__ */ z(V, {
+			action: /* @__PURE__ */ G(q, {
 				onClick: () => r("authoring"),
 				children: "Back to authoring"
 			})
 		})
 	});
-	let m = [
+	let T = p.status === "DRAFT" || p.status === "IN_REVIEW", D = p.status !== "ARCHIVED", O = [
 		{
 			value: "details",
 			label: "Details",
-			icon: /* @__PURE__ */ z(j, { className: "h-4 w-4" })
+			icon: /* @__PURE__ */ G(L, { className: "h-4 w-4" })
 		},
 		{
 			value: "curriculum",
 			label: "Curriculum",
-			icon: /* @__PURE__ */ z(k, { className: "h-4 w-4" }),
+			icon: /* @__PURE__ */ G(ee, { className: "h-4 w-4" }),
 			count: p.modules?.length ?? 0
 		},
 		{
 			value: "assessments",
 			label: "Assessments",
-			icon: /* @__PURE__ */ z(M, { className: "h-4 w-4" })
+			icon: /* @__PURE__ */ G(R, { className: "h-4 w-4" })
 		},
 		{
 			value: "discussion",
 			label: "Discussion",
-			icon: /* @__PURE__ */ z(N, { className: "h-4 w-4" })
+			icon: /* @__PURE__ */ G(ie, { className: "h-4 w-4" })
 		}
 	];
-	return /* @__PURE__ */ z(t, {
-		title: p.title,
-		description: p.summary ?? void 0,
-		actions: /* @__PURE__ */ B(V, {
-			variant: "ghost",
-			onClick: () => r("authoring"),
-			children: [/* @__PURE__ */ z(O, { className: "mr-1.5 h-4 w-4" }), " Back"]
+	return /* @__PURE__ */ K(n, {
+		title: /* @__PURE__ */ K("span", {
+			className: "flex flex-wrap items-center gap-3",
+			children: [
+				/* @__PURE__ */ G("span", {
+					className: "min-w-0",
+					children: p.title
+				}),
+				/* @__PURE__ */ G(o, { status: p.status }),
+				/* @__PURE__ */ G(o, { status: p.level })
+			]
 		}),
-		children: /* @__PURE__ */ B("div", {
+		description: p.summary ?? void 0,
+		actions: /* @__PURE__ */ K(W, { children: [
+			/* @__PURE__ */ K(q, {
+				variant: "ghost",
+				onClick: () => r("authoring"),
+				children: [/* @__PURE__ */ G(j, { className: "mr-1.5 h-4 w-4" }), " Back"]
+			}),
+			D && /* @__PURE__ */ K(q, {
+				variant: "outline",
+				onClick: () => x(!0),
+				children: [/* @__PURE__ */ G(A, { className: "mr-1.5 h-4 w-4" }), " Archive"]
+			}),
+			T && /* @__PURE__ */ K(q, {
+				onClick: C,
+				disabled: h.isPending,
+				children: [/* @__PURE__ */ G(H, { className: "mr-1.5 h-4 w-4" }), h.isPending ? "Publishing…" : "Publish"]
+			})
+		] }),
+		children: [/* @__PURE__ */ K("div", {
 			className: "flex flex-col gap-5",
 			children: [
-				/* @__PURE__ */ B("div", {
-					className: "flex flex-wrap items-center gap-2",
-					children: [/* @__PURE__ */ z(i, { status: p.status }), /* @__PURE__ */ z(i, { status: p.level })]
+				_ && /* @__PURE__ */ G("p", {
+					className: "rounded-lg border border-status-error-bg-subtle bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+					children: _
 				}),
-				/* @__PURE__ */ z(l, {
-					items: m,
-					value: c,
-					onChange: u
+				/* @__PURE__ */ G(d, {
+					items: O,
+					value: i,
+					onChange: a
 				}),
-				c === "details" && /* @__PURE__ */ z(K, { course: p }, p.id),
-				c === "curriculum" && /* @__PURE__ */ z(X, { courseId: n }),
-				c === "assessments" && /* @__PURE__ */ z(Z, { courseId: n }),
-				c === "discussion" && /* @__PURE__ */ z(b, {
+				i === "details" && /* @__PURE__ */ G(se, { course: p }, p.id),
+				i === "curriculum" && /* @__PURE__ */ G(de, { course: p }),
+				i === "assessments" && /* @__PURE__ */ G(fe, { courseId: t }),
+				i === "discussion" && /* @__PURE__ */ G(S, {
 					entityType: "buildmyiq-course",
-					entityId: n
+					entityId: t
 				})
 			]
-		})
+		}), b && /* @__PURE__ */ G(E, {
+			open: !0,
+			onClose: () => x(!1),
+			title: "Archive this course?",
+			description: "Archived courses are hidden from the catalog and cannot be enrolled in.",
+			footer: /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(q, {
+				variant: "ghost",
+				onClick: () => x(!1),
+				disabled: g.isPending,
+				children: "Cancel"
+			}), /* @__PURE__ */ G(q, {
+				variant: "destructive",
+				onClick: w,
+				disabled: g.isPending,
+				children: g.isPending ? "Archiving…" : "Archive course"
+			})] }),
+			children: /* @__PURE__ */ G("p", {
+				className: "text-sm text-text-secondary",
+				children: "You can still find it in Authoring under the Archived filter."
+			})
+		})]
 	});
 };
 //#endregion
-export { Q as CourseBuilderPage };
+export { pe as CourseBuilderPage };
 
 //# sourceMappingURL=CourseBuilderPage.js.map