@burdenoff/microfe-buildmyiq 2026.710.3 → 2026.715.1

package/dist/buildmyiq/BuildmyiqAdminRoot.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { BuildmyiqRootProps } from './types';
+
+export interface BuildmyiqAdminRootProps extends BuildmyiqRootProps {
+    /** Workspace token is supplied by admin-app for workspace-scoped MFEs; not used directly by BUI hooks. */
+    workspaceToken?: string;
+}
+export declare const BuildmyiqAdminRoot: FC<BuildmyiqAdminRootProps>;
+export { BuildmyiqAdminRoot as BuildMyIQAdminRoot };
+//# sourceMappingURL=BuildmyiqAdminRoot.d.ts.map

package/dist/buildmyiq/BuildmyiqAdminRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuildmyiqAdminRoot.d.ts","sourceRoot":"","sources":["../../src/buildmyiq/BuildmyiqAdminRoot.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAwBhC,OAAO,KAAK,EACV,kBAAkB,EAQnB,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,uBAAwB,SAAQ,kBAAkB;IACjE,0GAA0G;IAC1G,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAkoBD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAgB1D,CAAC;AAEF,OAAO,EAAE,kBAAkB,IAAI,kBAAkB,EAAE,CAAC"}

package/dist/buildmyiq/BuildmyiqAdminRoot.js

@@ -0,0 +1,597 @@
+import { BuildmyiqProvider as e } from "./context/BuildmyiqContext.js";
+import { PageLayout as t } from "./components/PageLayout.js";
+import { formatDate as n, formatDateTime as r, formatHours as i, formatNumber as a, formatPercent as o } from "./utils/formatters.js";
+import { StatusBadge as s } from "./components/StatusBadge.js";
+import { EmptyState as c } from "./components/EmptyState.js";
+import { ErrorView as l, LoadingView as u, Section as d } from "./components/StateViews.js";
+import { DataTable as f } from "./components/DataTable.js";
+import { FilterTabs as p } from "./components/FilterTabs.js";
+import { Tabs as m } from "./components/Tabs.js";
+import { Pagination as h } from "./components/Pagination.js";
+import { useBuiArchiveCourse as g, useBuiAssessments as _, useBuiCourses as v, useBuiEnrollments as y, useBuiPublishCourse as b, useBuiSubmissions as x } from "./hooks/useBuildmyiqApi.js";
+import { useMemo as S, useState as C } from "react";
+import { QueryClient as w, QueryClientProvider as T } from "@tanstack/react-query";
+import { FeatureFlagProvider as E } from "@burdenoff/fe-libs/shared/feature-flags";
+import { BookOpen as D, CheckSquare as O, ClipboardCheck as k, GraduationCap as A, Users as j } from "lucide-react";
+import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
+import { Button as F } from "@burdenoff/fe-libs/ui";
+//#region src/buildmyiq/BuildmyiqAdminRoot.tsx
+var I = new w({ defaultOptions: { queries: {
+	staleTime: 30 * 1e3,
+	retry: 1,
+	refetchOnWindowFocus: !1
+} } }), L = 12, R = [
+	{
+		value: "ALL",
+		label: "All"
+	},
+	{
+		value: "DRAFT",
+		label: "Draft"
+	},
+	{
+		value: "IN_REVIEW",
+		label: "In Review"
+	},
+	{
+		value: "PUBLISHED",
+		label: "Published"
+	},
+	{
+		value: "ARCHIVED",
+		label: "Archived"
+	}
+], z = [
+	{
+		value: "ALL",
+		label: "All"
+	},
+	{
+		value: "ENROLLED",
+		label: "Enrolled"
+	},
+	{
+		value: "IN_PROGRESS",
+		label: "In Progress"
+	},
+	{
+		value: "COMPLETED",
+		label: "Completed"
+	},
+	{
+		value: "DROPPED",
+		label: "Dropped"
+	},
+	{
+		value: "EXPIRED",
+		label: "Expired"
+	}
+], B = [
+	{
+		value: "ALL",
+		label: "All"
+	},
+	{
+		value: "SUBMITTED",
+		label: "Submitted"
+	},
+	{
+		value: "GRADING",
+		label: "Grading"
+	},
+	{
+		value: "GRADED",
+		label: "Graded"
+	},
+	{
+		value: "RETURNED",
+		label: "Returned"
+	}
+];
+function V({ course: e }) {
+	let t = b(), n = g();
+	return /* @__PURE__ */ P("div", {
+		className: "flex flex-wrap items-center gap-2",
+		children: [
+			e.status === "DRAFT" && /* @__PURE__ */ N(F, {
+				variant: "outline",
+				size: "sm",
+				onClick: () => t.mutate(e.id),
+				disabled: t.isPending,
+				children: "Publish"
+			}),
+			e.status !== "ARCHIVED" && /* @__PURE__ */ N(F, {
+				variant: "outline",
+				size: "sm",
+				onClick: () => n.mutate(e.id),
+				disabled: n.isPending,
+				children: "Archive"
+			}),
+			e.status === "ARCHIVED" && /* @__PURE__ */ N("span", {
+				className: "text-xs text-text-secondary",
+				children: "Archived"
+			})
+		]
+	});
+}
+function H() {
+	let [e, t] = C("ALL"), [r, o] = C(0), [m, g] = C([]), _ = r > 0 ? m[r - 1] : void 0, { data: y, isLoading: b, error: x, refetch: w } = v({
+		status: e === "ALL" ? void 0 : e,
+		cursor: _,
+		limit: L
+	}), T = S(() => [
+		{
+			key: "title",
+			header: "Course",
+			render: (e) => /* @__PURE__ */ P("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ N("p", {
+					className: "font-medium text-text-primary truncate",
+					children: e.title
+				}), /* @__PURE__ */ N("p", {
+					className: "text-xs text-text-secondary",
+					children: e.slug
+				})]
+			}),
+			sortValue: (e) => e.title.toLowerCase()
+		},
+		{
+			key: "status",
+			header: "Status",
+			render: (e) => /* @__PURE__ */ N(s, { status: e.status })
+		},
+		{
+			key: "level",
+			header: "Level",
+			render: (e) => /* @__PURE__ */ N(s, { status: e.level })
+		},
+		{
+			key: "lessons",
+			header: "Lessons",
+			align: "right",
+			render: (e) => a(e.lessons?.length ?? 0),
+			sortValue: (e) => e.lessons?.length ?? 0
+		},
+		{
+			key: "hours",
+			header: "Est. Hours",
+			align: "right",
+			render: (e) => i(e.estimatedHours),
+			sortValue: (e) => e.estimatedHours
+		},
+		{
+			key: "public",
+			header: "Visibility",
+			render: (e) => e.isPublic ? "Public" : "Private"
+		},
+		{
+			key: "created",
+			header: "Created",
+			render: (e) => n(e.createdAt),
+			sortValue: (e) => new Date(e.createdAt).getTime()
+		},
+		{
+			key: "actions",
+			header: "Actions",
+			align: "right",
+			render: (e) => /* @__PURE__ */ N(V, { course: e })
+		}
+	], []), E = (e) => {
+		e > r && y?.pageInfo.cursor ? g((e) => [...e, y.pageInfo.cursor]) : e < r && g((e) => e.slice(0, -1)), o(e);
+	};
+	if (b) return /* @__PURE__ */ N(u, { label: "Loading courses…" });
+	if (x) return /* @__PURE__ */ N(l, {
+		title: "Could not load courses",
+		message: x.message,
+		onRetry: w
+	});
+	let O = y?.items ?? [];
+	return /* @__PURE__ */ P(d, {
+		title: "Course catalog",
+		description: "Publish, archive and inspect courses.",
+		children: [/* @__PURE__ */ N("div", {
+			className: "mb-4",
+			children: /* @__PURE__ */ N(p, {
+				options: R,
+				value: e,
+				onChange: (e) => {
+					t(e), o(0), g([]);
+				}
+			})
+		}), O.length === 0 ? /* @__PURE__ */ N(c, {
+			icon: /* @__PURE__ */ N(D, { size: 40 }),
+			title: "No courses found",
+			description: `There are no ${e === "ALL" ? "" : e.toLowerCase()} courses in this workspace.`
+		}) : /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(f, {
+			columns: T,
+			rows: O,
+			rowKey: (e) => e.id,
+			defaultSort: {
+				key: "created",
+				dir: "desc"
+			}
+		}), /* @__PURE__ */ N(h, {
+			page: r,
+			pageSize: L,
+			itemCount: O.length,
+			hasMore: y?.pageInfo.hasMore ?? !1,
+			onPageChange: E
+		})] })]
+	});
+}
+function U() {
+	let [e, t] = C(""), { data: n, isLoading: r, error: i } = v({
+		status: "PUBLISHED",
+		limit: 100
+	}), { data: p, isLoading: m, error: h } = _(e || void 0), g = S(() => [
+		{
+			key: "title",
+			header: "Assessment",
+			render: (e) => /* @__PURE__ */ P("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ N("p", {
+					className: "font-medium text-text-primary truncate",
+					children: e.title
+				}), /* @__PURE__ */ N("p", {
+					className: "text-xs text-text-secondary",
+					children: e.type
+				})]
+			}),
+			sortValue: (e) => e.title.toLowerCase()
+		},
+		{
+			key: "status",
+			header: "Status",
+			render: (e) => /* @__PURE__ */ N(s, { status: e.status })
+		},
+		{
+			key: "questions",
+			header: "Questions",
+			align: "right",
+			render: (e) => a(e.questions?.length ?? 0),
+			sortValue: (e) => e.questions?.length ?? 0
+		},
+		{
+			key: "passing",
+			header: "Passing Score",
+			align: "right",
+			render: (e) => o(e.passingScore)
+		},
+		{
+			key: "attempts",
+			header: "Max Attempts",
+			align: "right",
+			render: (e) => a(e.maxAttempts)
+		},
+		{
+			key: "time",
+			header: "Time Limit",
+			align: "right",
+			render: (e) => e.timeLimitMin > 0 ? `${e.timeLimitMin} min` : "—"
+		}
+	], []);
+	if (r) return /* @__PURE__ */ N(u, { label: "Loading courses…" });
+	if (i) return /* @__PURE__ */ N(l, {
+		title: "Could not load courses",
+		message: i.message
+	});
+	let y = n?.items ?? [];
+	return /* @__PURE__ */ N(d, {
+		title: "Assessments",
+		description: "Inspect assessments attached to a published course.",
+		action: /* @__PURE__ */ P("div", {
+			className: "min-w-[16rem]",
+			children: [/* @__PURE__ */ N("label", {
+				htmlFor: "bui-admin-course-select",
+				className: "sr-only",
+				children: "Select course"
+			}), /* @__PURE__ */ P("select", {
+				id: "bui-admin-course-select",
+				value: e,
+				onChange: (e) => t(e.target.value),
+				className: "w-full rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
+				children: [/* @__PURE__ */ N("option", {
+					value: "",
+					children: "Choose a course…"
+				}), y.map((e) => /* @__PURE__ */ N("option", {
+					value: e.id,
+					children: e.title
+				}, e.id))]
+			})]
+		}),
+		children: e ? m ? /* @__PURE__ */ N(u, { label: "Loading assessments…" }) : h ? /* @__PURE__ */ N(l, {
+			title: "Could not load assessments",
+			message: h.message
+		}) : p?.length === 0 ? /* @__PURE__ */ N(c, {
+			icon: /* @__PURE__ */ N(k, { size: 40 }),
+			title: "No assessments",
+			description: "This course has no assessments yet."
+		}) : /* @__PURE__ */ N(f, {
+			columns: g,
+			rows: p ?? [],
+			rowKey: (e) => e.id,
+			defaultSort: {
+				key: "title",
+				dir: "asc"
+			}
+		}) : /* @__PURE__ */ N(c, {
+			icon: /* @__PURE__ */ N(k, { size: 40 }),
+			title: "Select a course",
+			description: "Choose a published course above to view its assessments."
+		})
+	});
+}
+function W() {
+	let [e, t] = C("ALL"), [n, i] = C(0), [a, m] = C([]), g = n > 0 ? a[n - 1] : void 0, { data: _, isLoading: v, error: b, refetch: x } = y({
+		status: e === "ALL" ? void 0 : e,
+		cursor: g,
+		limit: L
+	}), w = S(() => [
+		{
+			key: "learner",
+			header: "Learner",
+			render: (e) => /* @__PURE__ */ N("span", {
+				className: "font-mono text-xs text-text-secondary",
+				children: e.learnerId
+			})
+		},
+		{
+			key: "course",
+			header: "Course ID",
+			render: (e) => /* @__PURE__ */ N("span", {
+				className: "font-mono text-xs text-text-secondary",
+				children: e.courseId
+			})
+		},
+		{
+			key: "status",
+			header: "Status",
+			render: (e) => /* @__PURE__ */ N(s, { status: e.status })
+		},
+		{
+			key: "progress",
+			header: "Progress",
+			align: "right",
+			render: (e) => o(e.progressPct),
+			sortValue: (e) => e.progressPct
+		},
+		{
+			key: "cohort",
+			header: "Cohort",
+			render: (e) => e.cohort?.name ?? "—"
+		},
+		{
+			key: "enrolled",
+			header: "Enrolled",
+			render: (e) => r(e.enrolledAt),
+			sortValue: (e) => new Date(e.enrolledAt).getTime(),
+			hideOnMobile: !0
+		},
+		{
+			key: "lastActive",
+			header: "Last Active",
+			render: (e) => e.lastActiveAt ? G(e.lastActiveAt) : "—",
+			sortValue: (e) => e.lastActiveAt ? new Date(e.lastActiveAt).getTime() : 0,
+			hideOnMobile: !0
+		}
+	], []), T = (e) => {
+		e > n && _?.pageInfo.cursor ? m((e) => [...e, _.pageInfo.cursor]) : e < n && m((e) => e.slice(0, -1)), i(e);
+	};
+	if (v) return /* @__PURE__ */ N(u, { label: "Loading enrollments…" });
+	if (b) return /* @__PURE__ */ N(l, {
+		title: "Could not load enrollments",
+		message: b.message,
+		onRetry: x
+	});
+	let E = _?.items ?? [];
+	return /* @__PURE__ */ P(d, {
+		title: "Enrollments",
+		description: "Workspace-wide learner enrollment overview.",
+		children: [/* @__PURE__ */ N("div", {
+			className: "mb-4",
+			children: /* @__PURE__ */ N(p, {
+				options: z,
+				value: e,
+				onChange: (e) => {
+					t(e), i(0), m([]);
+				}
+			})
+		}), E.length === 0 ? /* @__PURE__ */ N(c, {
+			icon: /* @__PURE__ */ N(j, { size: 40 }),
+			title: "No enrollments",
+			description: `There are no ${e === "ALL" ? "" : e.toLowerCase()} enrollments in this workspace.`
+		}) : /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(f, {
+			columns: w,
+			rows: E,
+			rowKey: (e) => e.id,
+			defaultSort: {
+				key: "enrolled",
+				dir: "desc"
+			}
+		}), /* @__PURE__ */ N(h, {
+			page: n,
+			pageSize: L,
+			itemCount: E.length,
+			hasMore: _?.pageInfo.hasMore ?? !1,
+			onPageChange: T
+		})] })]
+	});
+}
+function G(e) {
+	let t = typeof e == "string" ? new Date(e) : e, n = /* @__PURE__ */ new Date(), r = t.getTime() - n.getTime(), i = r >= 0, a = Math.floor(Math.abs(r) / 1e3), o = Math.floor(a / 60), s = Math.floor(o / 60), c = Math.floor(s / 24), l = (e, t) => {
+		let n = `${e} ${t}${e === 1 ? "" : "s"}`;
+		return i ? `in ${n}` : `${n} ago`;
+	};
+	return a < 60 ? i ? "soon" : "just now" : o < 60 ? l(o, "min") : s < 24 ? l(s, "hour") : l(c, "day");
+}
+function K() {
+	let [e, t] = C("ALL"), [n, i] = C(0), [m, g] = C([]), _ = n > 0 ? m[n - 1] : void 0, { data: v, isLoading: y, error: b, refetch: w } = x({
+		status: e === "ALL" ? void 0 : e,
+		cursor: _,
+		limit: L
+	}), T = S(() => [
+		{
+			key: "learner",
+			header: "Learner",
+			render: (e) => /* @__PURE__ */ N("span", {
+				className: "font-mono text-xs text-text-secondary",
+				children: e.learnerId
+			})
+		},
+		{
+			key: "assessment",
+			header: "Assessment ID",
+			render: (e) => /* @__PURE__ */ N("span", {
+				className: "font-mono text-xs text-text-secondary",
+				children: e.assessmentId
+			})
+		},
+		{
+			key: "attempt",
+			header: "Attempt",
+			align: "right",
+			render: (e) => a(e.attempt)
+		},
+		{
+			key: "status",
+			header: "Status",
+			render: (e) => /* @__PURE__ */ N(s, { status: e.status })
+		},
+		{
+			key: "score",
+			header: "Score",
+			align: "right",
+			render: (e) => e.score == null ? "—" : o(e.score),
+			sortValue: (e) => e.score ?? -1
+		},
+		{
+			key: "passed",
+			header: "Passed",
+			align: "center",
+			render: (e) => e.passed == null ? "—" : e.passed ? "Yes" : "No"
+		},
+		{
+			key: "submitted",
+			header: "Submitted",
+			render: (e) => e.submittedAt ? r(e.submittedAt) : "—",
+			sortValue: (e) => e.submittedAt ? new Date(e.submittedAt).getTime() : 0,
+			hideOnMobile: !0
+		},
+		{
+			key: "actions",
+			header: "Review",
+			align: "right",
+			render: () => /* @__PURE__ */ N(F, {
+				variant: "ghost",
+				size: "sm",
+				disabled: !0,
+				children: "Open"
+			})
+		}
+	], []), E = (e) => {
+		e > n && v?.pageInfo.cursor ? g((e) => [...e, v.pageInfo.cursor]) : e < n && g((e) => e.slice(0, -1)), i(e);
+	};
+	if (y) return /* @__PURE__ */ N(u, { label: "Loading submissions…" });
+	if (b) return /* @__PURE__ */ N(l, {
+		title: "Could not load submissions",
+		message: b.message,
+		onRetry: w
+	});
+	let D = v?.items ?? [];
+	return /* @__PURE__ */ P(d, {
+		title: "Submission review",
+		description: "Review learner submissions and grading status.",
+		children: [/* @__PURE__ */ N("div", {
+			className: "mb-4",
+			children: /* @__PURE__ */ N(p, {
+				options: B,
+				value: e,
+				onChange: (e) => {
+					t(e), i(0), g([]);
+				}
+			})
+		}), D.length === 0 ? /* @__PURE__ */ N(c, {
+			icon: /* @__PURE__ */ N(O, { size: 40 }),
+			title: "No submissions",
+			description: `There are no ${e === "ALL" ? "" : e.toLowerCase()} submissions in this workspace.`
+		}) : /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(f, {
+			columns: T,
+			rows: D,
+			rowKey: (e) => e.id,
+			defaultSort: {
+				key: "submitted",
+				dir: "desc"
+			}
+		}), /* @__PURE__ */ N(h, {
+			page: n,
+			pageSize: L,
+			itemCount: D.length,
+			hasMore: v?.pageInfo.hasMore ?? !1,
+			onPageChange: E
+		})] })]
+	});
+}
+function q() {
+	let [e, n] = C("courses"), r = S(() => [
+		{
+			value: "courses",
+			label: "Courses",
+			icon: /* @__PURE__ */ N(D, { size: 18 })
+		},
+		{
+			value: "assessments",
+			label: "Assessments",
+			icon: /* @__PURE__ */ N(k, { size: 18 })
+		},
+		{
+			value: "enrollments",
+			label: "Enrollments",
+			icon: /* @__PURE__ */ N(j, { size: 18 })
+		},
+		{
+			value: "submissions",
+			label: "Submissions",
+			icon: /* @__PURE__ */ N(O, { size: 18 })
+		}
+	], []);
+	return /* @__PURE__ */ P(t, {
+		title: "BuildMyIQ Admin",
+		description: "Course, assessment, enrollment and submission governance.",
+		actions: /* @__PURE__ */ P("span", {
+			className: "inline-flex items-center gap-2 text-sm text-text-secondary",
+			children: [/* @__PURE__ */ N(A, { size: 18 }), "Workspace-scoped"]
+		}),
+		children: [/* @__PURE__ */ N(m, {
+			items: r,
+			value: e,
+			onChange: (e) => n(e)
+		}), /* @__PURE__ */ P("div", {
+			className: "mt-6",
+			children: [
+				e === "courses" && /* @__PURE__ */ N(H, {}),
+				e === "assessments" && /* @__PURE__ */ N(U, {}),
+				e === "enrollments" && /* @__PURE__ */ N(W, {}),
+				e === "submissions" && /* @__PURE__ */ N(K, {})
+			]
+		})]
+	});
+}
+var J = (t) => {
+	let { workspaceToken: n, ...r } = t;
+	return /* @__PURE__ */ N(T, {
+		client: I,
+		children: /* @__PURE__ */ N(E, {
+			workspaceId: t.workspaceId ?? null,
+			gateway: "global",
+			defaultEnabled: !0,
+			children: /* @__PURE__ */ N(e, {
+				...r,
+				children: /* @__PURE__ */ N(q, {})
+			})
+		})
+	});
+};
+//#endregion
+export { J as BuildmyiqAdminRoot };
+
+//# sourceMappingURL=BuildmyiqAdminRoot.js.map