@burdenoff/microfe-buildmyiq 2026.705.13 → 2026.706.10

package/dist/buildmyiq/pages/cohorts/CohortsPage.js

@@ -1,63 +1,86 @@
 import { useBuildmyiq as e } from "../../context/BuildmyiqContext.js";
 import { PageLayout as t } from "../../components/PageLayout.js";
-import { formatDate as n, formatEnumLabel as r, formatNumber as i } from "../../utils/formatters.js";
-import { StatusBadge as a } from "../../components/StatusBadge.js";
-import { EmptyState as o } from "../../components/EmptyState.js";
-import { ErrorView as s, LoadingView as c } from "../../components/StateViews.js";
-import { DataTable as ee } from "../../components/DataTable.js";
-import { FilterTabs as te } from "../../components/FilterTabs.js";
+import { MetricsCard as n } from "../../components/MetricsCard.js";
+import { formatDate as r, formatEnumLabel as i, formatNumber as a } from "../../utils/formatters.js";
+import { StatusBadge as ee } from "../../components/StatusBadge.js";
+import { EmptyState as te } from "../../components/EmptyState.js";
+import { ErrorView as ne, LoadingView as re } from "../../components/StateViews.js";
+import { DataTable as ie } from "../../components/DataTable.js";
+import { FilterTabs as ae } from "../../components/FilterTabs.js";
 import "../../context/index.js";
-import { useBuiCohorts as ne, useBuiCourses as re, useBuiCreateCohort as l } from "../../hooks/useBuildmyiqApi.js";
+import { useBuiCohorts as o, useBuiCourses as s, useBuiCreateCohort as c } from "../../hooks/useBuildmyiqApi.js";
 import "../../hooks/index.js";
 import "../../components/index.js";
-import { COHORT_STATUSES as u } from "../../types/index.js";
-import { useMemo as d, useState as f } from "react";
-import { CalendarRange as p, Plus as m, Users as h } from "lucide-react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Button as v, Input as y, Label as b, ResponsiveDialog as ie, ResponsiveDialogContent as ae, ResponsiveDialogDescription as x, ResponsiveDialogFooter as S, ResponsiveDialogHeader as C, ResponsiveDialogTitle as w, Select as T, SelectContent as E, SelectItem as D, SelectTrigger as O, SelectValue as k } from "@burdenoff/fe-libs/ui";
+import { COHORT_STATUSES as l } from "../../types/index.js";
+import { useMemo as u, useState as d } from "react";
+import { CalendarClock as f, CalendarRange as oe, PlayCircle as se, Plus as p, UserPlus as ce, Users as m } from "lucide-react";
+import { Fragment as le, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Button as _, Input as v, Label as y, ResponsiveDialog as ue, ResponsiveDialogContent as de, ResponsiveDialogDescription as b, ResponsiveDialogFooter as x, ResponsiveDialogHeader as fe, ResponsiveDialogTitle as pe, Select as S, SelectContent as C, SelectItem as w, SelectTrigger as T, SelectValue as E } from "@burdenoff/fe-libs/ui";
 //#region src/buildmyiq/pages/cohorts/CohortsPage.tsx
-var A = (e) => {
+var D = (e) => {
 	let t = e.trim();
 	if (!t) return;
 	let n = new Date(t);
 	return Number.isNaN(n.getTime()) ? void 0 : n.toISOString();
-}, j = () => {
-	let { currentUser: j } = e(), [M, N] = f("ALL"), [P, F] = f("ALL"), [I, L] = f(!1), [R, z] = f(null), B = d(() => ({
+}, me = {
+	SCHEDULED: "bg-bg-sunken text-text-secondary",
+	ENROLLING: "bg-status-warning-bg-subtle text-status-warning-text",
+	ACTIVE: "bg-status-success-bg-subtle text-status-success-text",
+	COMPLETED: "bg-[var(--color-accent-soft)] text-[var(--color-accent-primary)]",
+	CANCELLED: "bg-status-error-bg-subtle text-status-error-text"
+}, O = (e, t) => {
+	if (!e || !t) return null;
+	let n = new Date(e).getTime(), r = new Date(t).getTime();
+	return Number.isNaN(n) || Number.isNaN(r) || r < n ? null : Math.max(1, Math.round((r - n) / (10080 * 60 * 1e3)));
+}, k = () => {
+	let { currentUser: k } = e(), [A, j] = d("ALL"), [M, N] = d("ALL"), [P, F] = d(!1), [I, L] = d(null), R = u(() => ({
 		courseId: "",
 		name: "",
 		capacity: "",
-		facilitatorId: j?.id ?? "",
+		facilitatorId: k?.id ?? "",
 		startDate: "",
 		endDate: ""
-	}), [j?.id]), [V, H] = f(B), U = re({ limit: 100 }), W = d(() => U.data?.items ?? [], [U.data]), G = d(() => {
+	}), [k?.id]), [z, B] = d(R), V = s({ limit: 100 }), H = u(() => V.data?.items ?? [], [V.data]), U = u(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of W) e.set(t.id, t.title);
+		for (let t of H) e.set(t.id, t.title);
 		return e;
-	}, [W]), K = ne(P === "ALL" ? void 0 : P), q = l(), J = d(() => K.data ?? [], [K.data]), Y = d(() => {
+	}, [H]), W = o(M === "ALL" ? void 0 : M), G = c(), K = u(() => W.data ?? [], [W.data]), q = u(() => {
 		let e = {};
-		for (let t of J) e[t.status] = (e[t.status] ?? 0) + 1;
+		for (let t of K) e[t.status] = (e[t.status] ?? 0) + 1;
 		return e;
-	}, [J]), X = d(() => M === "ALL" ? J : J.filter((e) => e.status === M), [J, M]), oe = d(() => [{
+	}, [K]), J = u(() => ({
+		total: K.length,
+		active: q.ACTIVE ?? 0,
+		enrolling: q.ENROLLING ?? 0,
+		scheduled: q.SCHEDULED ?? 0,
+		seats: K.reduce((e, t) => e + (t.capacity ?? 0), 0)
+	}), [K, q]), Y = u(() => A === "ALL" ? K : K.filter((e) => e.status === A), [K, A]), he = u(() => [{
 		value: "ALL",
 		label: "All",
-		count: J.length
-	}, ...u.map((e) => ({
+		count: K.length
+	}, ...l.map((e) => ({
 		value: e,
-		label: r(e),
-		count: Y[e] ?? 0
-	}))], [J.length, Y]), se = d(() => [
+		label: i(e),
+		count: q[e] ?? 0
+	}))], [K.length, q]), X = u(() => [
 		{
 			key: "name",
 			header: "Cohort",
 			sortValue: (e) => e.name.toLowerCase(),
-			render: (e) => /* @__PURE__ */ _("div", {
+			render: (e) => /* @__PURE__ */ g("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ g("div", {
-					className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-[var(--color-accent-primary)]",
-					children: /* @__PURE__ */ g(h, { className: "h-4 w-4" })
-				}), /* @__PURE__ */ g("span", {
-					className: "min-w-0 truncate font-semibold text-text-primary",
-					children: e.name
+				children: [/* @__PURE__ */ h("div", {
+					className: `flex h-9 w-9 shrink-0 items-center justify-center rounded-lg ${me[e.status]}`,
+					children: /* @__PURE__ */ h(m, { className: "h-4 w-4" })
+				}), /* @__PURE__ */ g("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ h("span", {
+						className: "block truncate font-semibold text-text-primary",
+						children: e.name
+					}), /* @__PURE__ */ h("span", {
+						className: "block truncate text-xs text-text-tertiary md:hidden",
+						children: U.get(e.courseId) ?? "—"
+					})]
 				})]
 			})
 		},
@@ -65,10 +88,10 @@ var A = (e) => {
 			key: "course",
 			header: "Course",
 			hideOnMobile: !0,
-			sortValue: (e) => (G.get(e.courseId) ?? "").toLowerCase(),
-			render: (e) => /* @__PURE__ */ g("span", {
+			sortValue: (e) => (U.get(e.courseId) ?? "").toLowerCase(),
+			render: (e) => /* @__PURE__ */ h("span", {
 				className: "text-text-secondary",
-				children: G.get(e.courseId) ?? "—"
+				children: U.get(e.courseId) ?? "—"
 			})
 		},
 		{
@@ -78,13 +101,16 @@ var A = (e) => {
 			sortValue: (e) => e.capacity,
 			render: (e) => /* @__PURE__ */ g("span", {
 				className: "tabular-nums text-text-secondary",
-				children: i(e.capacity ?? 0)
+				children: [a(e.capacity ?? 0), /* @__PURE__ */ h("span", {
+					className: "ml-1 text-text-tertiary",
+					children: "seats"
+				})]
 			})
 		},
 		{
 			key: "status",
 			header: "Status",
-			render: (e) => /* @__PURE__ */ g(a, { status: e.status })
+			render: (e) => /* @__PURE__ */ h(ee, { status: e.status })
 		},
 		{
 			key: "startDate",
@@ -92,9 +118,9 @@ var A = (e) => {
 			align: "right",
 			hideOnMobile: !0,
 			sortValue: (e) => e.startDate ?? "",
-			render: (e) => /* @__PURE__ */ g("span", {
+			render: (e) => /* @__PURE__ */ h("span", {
 				className: "text-text-tertiary",
-				children: n(e.startDate)
+				children: r(e.startDate)
 			})
 		},
 		{
@@ -103,177 +129,232 @@ var A = (e) => {
 			align: "right",
 			hideOnMobile: !0,
 			sortValue: (e) => e.endDate ?? "",
-			render: (e) => /* @__PURE__ */ g("span", {
-				className: "text-text-tertiary",
-				children: n(e.endDate)
-			})
+			render: (e) => {
+				let t = O(e.startDate, e.endDate);
+				return /* @__PURE__ */ g("div", {
+					className: "text-right",
+					children: [/* @__PURE__ */ h("span", {
+						className: "text-text-tertiary",
+						children: r(e.endDate)
+					}), t !== null && /* @__PURE__ */ g("span", {
+						className: "block text-xs text-text-tertiary/70",
+						children: [
+							t,
+							" ",
+							t === 1 ? "week" : "weeks"
+						]
+					})]
+				});
+			}
 		}
-	], [G]), Z = () => {
-		H(B), z(null), L(!0);
+	], [U]), Z = () => {
+		B(R), L(null), F(!0);
 	}, Q = () => {
-		L(!1), H(B), z(null);
-	}, ce = async () => {
-		if (!V.courseId) {
-			z("Please choose a course for this cohort.");
+		F(!1), B(R), L(null);
+	}, ge = async () => {
+		if (!z.courseId) {
+			L("Please choose a course for this cohort.");
 			return;
 		}
-		if (!V.name.trim()) {
-			z("Cohort name is required.");
+		if (!z.name.trim()) {
+			L("Cohort name is required.");
 			return;
 		}
-		let e = V.capacity.trim() ? Number(V.capacity) : void 0;
+		let e = z.capacity.trim() ? Number(z.capacity) : void 0;
 		if (e !== void 0 && (!Number.isFinite(e) || e < 0)) {
-			z("Capacity must be a non-negative number.");
+			L("Capacity must be a non-negative number.");
 			return;
 		}
-		let t = A(V.startDate), n = A(V.endDate);
+		let t = D(z.startDate), n = D(z.endDate);
 		if (t && n && new Date(n) < new Date(t)) {
-			z("End date cannot be before the start date.");
+			L("End date cannot be before the start date.");
 			return;
 		}
-		z(null);
+		L(null);
 		try {
-			await q.mutateAsync({
-				courseId: V.courseId,
-				name: V.name.trim(),
+			await G.mutateAsync({
+				courseId: z.courseId,
+				name: z.name.trim(),
 				capacity: e,
-				facilitatorId: V.facilitatorId.trim() || void 0,
+				facilitatorId: z.facilitatorId.trim() || void 0,
 				startDate: t,
 				endDate: n
 			}), Q();
 		} catch (e) {
-			z(e instanceof Error ? e.message : "Failed to create cohort.");
+			L(e instanceof Error ? e.message : "Failed to create cohort.");
 		}
-	}, $ = W.length > 0;
-	return /* @__PURE__ */ _(t, {
+	}, $ = H.length > 0, _e = !W.isLoading && !W.isError && J.total > 0;
+	return /* @__PURE__ */ g(t, {
 		title: "Cohorts",
 		description: "Scheduled, facilitator-led groups that move through a course together.",
 		titleGradient: !0,
 		aurora: !0,
-		actions: /* @__PURE__ */ _(v, {
+		actions: /* @__PURE__ */ g(_, {
 			onClick: Z,
 			disabled: !$,
-			children: [/* @__PURE__ */ g(m, { className: "mr-1.5 h-4 w-4" }), " New cohort"]
+			children: [/* @__PURE__ */ h(p, { className: "mr-1.5 h-4 w-4" }), " New cohort"]
 		}),
 		children: [
-			/* @__PURE__ */ _("div", {
+			_e && /* @__PURE__ */ g("div", {
+				className: "mb-5 grid grid-cols-2 gap-4 sm:grid-cols-4",
+				children: [
+					/* @__PURE__ */ h(n, {
+						icon: /* @__PURE__ */ h(m, { className: "h-5 w-5" }),
+						value: J.total,
+						label: "Cohorts",
+						featured: !0,
+						footer: /* @__PURE__ */ g("p", {
+							className: "text-xs text-text-tertiary",
+							children: [a(J.seats), " seats scheduled"]
+						})
+					}),
+					/* @__PURE__ */ h(n, {
+						icon: /* @__PURE__ */ h(se, { className: "h-5 w-5" }),
+						value: J.active,
+						label: "Active",
+						accent: "success"
+					}),
+					/* @__PURE__ */ h(n, {
+						icon: /* @__PURE__ */ h(ce, { className: "h-5 w-5" }),
+						value: J.enrolling,
+						label: "Enrolling",
+						accent: "warning"
+					}),
+					/* @__PURE__ */ h(n, {
+						icon: /* @__PURE__ */ h(f, { className: "h-5 w-5" }),
+						value: J.scheduled,
+						label: "Scheduled"
+					})
+				]
+			}),
+			/* @__PURE__ */ g("div", {
 				className: "mb-5 flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ g(te, {
-					options: oe,
+				children: [/* @__PURE__ */ h(ae, {
+					options: he,
+					value: A,
+					onChange: j
+				}), /* @__PURE__ */ g(S, {
 					value: M,
-					onChange: N
-				}), /* @__PURE__ */ _(T, {
-					value: P,
-					onValueChange: (e) => F(e),
-					children: [/* @__PURE__ */ g(O, {
+					onValueChange: (e) => N(e),
+					children: [/* @__PURE__ */ h(T, {
 						className: "w-56",
 						"aria-label": "Filter by course",
-						children: /* @__PURE__ */ g(k, { placeholder: "All courses" })
-					}), /* @__PURE__ */ _(E, { children: [/* @__PURE__ */ g(D, {
+						children: /* @__PURE__ */ h(E, { placeholder: "All courses" })
+					}), /* @__PURE__ */ g(C, { children: [/* @__PURE__ */ h(w, {
 						value: "ALL",
 						children: "All courses"
-					}), W.map((e) => /* @__PURE__ */ g(D, {
+					}), H.map((e) => /* @__PURE__ */ h(w, {
 						value: e.id,
 						children: e.title
 					}, e.id))] })]
 				})]
 			}),
-			K.isLoading ? /* @__PURE__ */ g(c, { label: "Loading cohorts…" }) : K.isError ? /* @__PURE__ */ g(s, {
+			W.isLoading ? /* @__PURE__ */ h(re, { label: "Loading cohorts…" }) : W.isError ? /* @__PURE__ */ h(ne, {
 				message: "Couldn't load cohorts.",
-				onRetry: () => K.refetch()
-			}) : X.length === 0 ? /* @__PURE__ */ g(o, {
-				illustration: M === "ALL" && P === "ALL" ? "onboarding" : "empty-search",
-				icon: /* @__PURE__ */ g(p, { className: "h-10 w-10" }),
-				title: M === "ALL" && P === "ALL" ? "No cohorts yet" : "No cohorts match these filters",
-				description: M === "ALL" && P === "ALL" ? $ ? "Schedule a cohort to run a course with a group of learners on a shared timeline." : "Publish a course first, then schedule a cohort to run it with a group of learners." : "Try a different status or course to see more cohorts.",
-				action: M === "ALL" && P === "ALL" && $ ? /* @__PURE__ */ _(v, {
+				onRetry: () => W.refetch()
+			}) : Y.length === 0 ? /* @__PURE__ */ h(te, {
+				illustration: A === "ALL" && M === "ALL" ? "onboarding" : "empty-search",
+				icon: /* @__PURE__ */ h(oe, { className: "h-10 w-10" }),
+				title: A === "ALL" && M === "ALL" ? "No cohorts yet" : "No cohorts match these filters",
+				description: A === "ALL" && M === "ALL" ? $ ? "Schedule a cohort to run a course with a group of learners on a shared timeline." : "Publish a course first, then schedule a cohort to run it with a group of learners." : "Try a different status or course to see more cohorts.",
+				action: A === "ALL" && M === "ALL" && $ ? /* @__PURE__ */ g(_, {
 					onClick: Z,
-					children: [/* @__PURE__ */ g(m, { className: "mr-1.5 h-4 w-4" }), " New cohort"]
+					children: [/* @__PURE__ */ h(p, { className: "mr-1.5 h-4 w-4" }), " New cohort"]
 				}) : void 0
-			}) : /* @__PURE__ */ g(ee, {
-				columns: se,
-				rows: X,
+			}) : /* @__PURE__ */ g(le, { children: [/* @__PURE__ */ h(ie, {
+				columns: X,
+				rows: Y,
 				rowKey: (e) => e.id,
 				defaultSort: {
 					key: "startDate",
 					dir: "desc"
 				}
-			}),
-			/* @__PURE__ */ g(ie, {
-				open: I,
+			}), /* @__PURE__ */ g("p", {
+				className: "mt-4 text-center text-sm text-text-tertiary tabular-nums",
+				children: [
+					"Showing ",
+					Y.length,
+					" of ",
+					K.length,
+					" ",
+					K.length === 1 ? "cohort" : "cohorts"
+				]
+			})] }),
+			/* @__PURE__ */ h(ue, {
+				open: P,
 				onOpenChange: (e) => {
-					e ? L(!0) : Q();
+					e ? F(!0) : Q();
 				},
-				children: /* @__PURE__ */ _(ae, { children: [/* @__PURE__ */ _(C, { children: [/* @__PURE__ */ g(w, { children: "New cohort" }), /* @__PURE__ */ g(x, { children: "Schedule a facilitator-led group to run a course together." })] }), /* @__PURE__ */ _("form", {
+				children: /* @__PURE__ */ g(de, { children: [/* @__PURE__ */ g(fe, { children: [/* @__PURE__ */ h(pe, { children: "New cohort" }), /* @__PURE__ */ h(b, { children: "Schedule a facilitator-led group to run a course together." })] }), /* @__PURE__ */ g("form", {
 					onSubmit: (e) => {
-						e.preventDefault(), ce();
+						e.preventDefault(), ge();
 					},
-					children: [/* @__PURE__ */ _("div", {
+					children: [/* @__PURE__ */ g("div", {
 						className: "grid gap-4 py-2",
 						children: [
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ g("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ g(b, {
+								children: [/* @__PURE__ */ h(y, {
 									htmlFor: "cohort-course",
 									children: "Course *"
-								}), /* @__PURE__ */ _(T, {
-									value: V.courseId,
-									onValueChange: (e) => H((t) => ({
+								}), /* @__PURE__ */ g(S, {
+									value: z.courseId,
+									onValueChange: (e) => B((t) => ({
 										...t,
 										courseId: e
 									})),
-									children: [/* @__PURE__ */ g(O, {
+									children: [/* @__PURE__ */ h(T, {
 										id: "cohort-course",
-										children: /* @__PURE__ */ g(k, { placeholder: "Select a course" })
-									}), /* @__PURE__ */ g(E, { children: W.map((e) => /* @__PURE__ */ g(D, {
+										children: /* @__PURE__ */ h(E, { placeholder: "Select a course" })
+									}), /* @__PURE__ */ h(C, { children: H.map((e) => /* @__PURE__ */ h(w, {
 										value: e.id,
 										children: e.title
 									}, e.id)) })]
 								})]
 							}),
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ g("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ g(b, {
+								children: [/* @__PURE__ */ h(y, {
 									htmlFor: "cohort-name",
 									children: "Name *"
-								}), /* @__PURE__ */ g(y, {
+								}), /* @__PURE__ */ h(v, {
 									id: "cohort-name",
-									value: V.name,
-									onChange: (e) => H((t) => ({
+									value: z.name,
+									onChange: (e) => B((t) => ({
 										...t,
 										name: e.target.value
 									})),
 									placeholder: "Spring 2026 Cohort"
 								})]
 							}),
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ g("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ _("div", {
+								children: [/* @__PURE__ */ g("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ g(b, {
+									children: [/* @__PURE__ */ h(y, {
 										htmlFor: "cohort-capacity",
 										children: "Capacity"
-									}), /* @__PURE__ */ g(y, {
+									}), /* @__PURE__ */ h(v, {
 										id: "cohort-capacity",
 										type: "number",
 										min: "0",
 										step: "1",
-										value: V.capacity,
-										onChange: (e) => H((t) => ({
+										value: z.capacity,
+										onChange: (e) => B((t) => ({
 											...t,
 											capacity: e.target.value
 										})),
 										placeholder: "25"
 									})]
-								}), /* @__PURE__ */ _("div", {
+								}), /* @__PURE__ */ g("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ g(b, {
+									children: [/* @__PURE__ */ h(y, {
 										htmlFor: "cohort-facilitator",
 										children: "Facilitator (user ID)"
-									}), /* @__PURE__ */ g(y, {
+									}), /* @__PURE__ */ h(v, {
 										id: "cohort-facilitator",
-										value: V.facilitatorId,
-										onChange: (e) => H((t) => ({
+										value: z.facilitatorId,
+										onChange: (e) => B((t) => ({
 											...t,
 											facilitatorId: e.target.value
 										})),
@@ -281,52 +362,52 @@ var A = (e) => {
 									})]
 								})]
 							}),
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ g("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ _("div", {
+								children: [/* @__PURE__ */ g("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ g(b, {
+									children: [/* @__PURE__ */ h(y, {
 										htmlFor: "cohort-start",
 										children: "Start date"
-									}), /* @__PURE__ */ g(y, {
+									}), /* @__PURE__ */ h(v, {
 										id: "cohort-start",
 										type: "date",
-										value: V.startDate,
-										onChange: (e) => H((t) => ({
+										value: z.startDate,
+										onChange: (e) => B((t) => ({
 											...t,
 											startDate: e.target.value
 										}))
 									})]
-								}), /* @__PURE__ */ _("div", {
+								}), /* @__PURE__ */ g("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ g(b, {
+									children: [/* @__PURE__ */ h(y, {
 										htmlFor: "cohort-end",
 										children: "End date"
-									}), /* @__PURE__ */ g(y, {
+									}), /* @__PURE__ */ h(v, {
 										id: "cohort-end",
 										type: "date",
-										value: V.endDate,
-										onChange: (e) => H((t) => ({
+										value: z.endDate,
+										onChange: (e) => B((t) => ({
 											...t,
 											endDate: e.target.value
 										}))
 									})]
 								})]
 							}),
-							R && /* @__PURE__ */ g("p", {
+							I && /* @__PURE__ */ h("p", {
 								className: "text-sm text-status-error-text",
-								children: R
+								children: I
 							})
 						]
-					}), /* @__PURE__ */ _(S, { children: [/* @__PURE__ */ g(v, {
+					}), /* @__PURE__ */ g(x, { children: [/* @__PURE__ */ h(_, {
 						type: "button",
 						variant: "outline",
 						onClick: Q,
 						children: "Cancel"
-					}), /* @__PURE__ */ g(v, {
+					}), /* @__PURE__ */ h(_, {
 						type: "submit",
-						disabled: q.isPending,
-						children: q.isPending ? "Creating…" : "Create cohort"
+						disabled: G.isPending,
+						children: G.isPending ? "Creating…" : "Create cohort"
 					})] })]
 				})] })
 			})
@@ -334,6 +415,6 @@ var A = (e) => {
 	});
 };
 //#endregion
-export { j as CohortsPage };
+export { k as CohortsPage };
 
 //# sourceMappingURL=CohortsPage.js.map