@burdenoff/microfe-buildmyiq 2026.525.1 → 2026.705.2

package/dist/buildmyiq/pages/assessments/AssessmentsPage.js

@@ -0,0 +1,390 @@
+import { useBuildmyiq as e } from "../../context/BuildmyiqContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { formatEnumLabel as n, formatRelativeTime 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 } from "../../components/StateViews.js";
+import { DataTable as c } from "../../components/DataTable.js";
+import { FilterTabs as l } from "../../components/FilterTabs.js";
+import "../../context/index.js";
+import { useBuiAssessments as ee, useBuiCourses as u, useBuiCreateAssessment as d } from "../../hooks/useBuildmyiqApi.js";
+import "../../hooks/index.js";
+import "../../components/index.js";
+import { ASSESSMENT_TYPES as f } from "../../types/index.js";
+import { useMemo as p, useState as m } from "react";
+import { ClipboardList as h, Plus as g } from "lucide-react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Button as y, GlassCard as te, Input as b, Label as x, ResponsiveDialog as S, ResponsiveDialogContent as C, ResponsiveDialogDescription as w, ResponsiveDialogFooter as T, ResponsiveDialogHeader as E, ResponsiveDialogTitle as D, Select as O, SelectContent as k, SelectItem as A, SelectTrigger as j, SelectValue as M, Switch as N, Textarea as ne } from "@burdenoff/fe-libs/ui";
+//#region src/buildmyiq/pages/assessments/AssessmentsPage.tsx
+var re = [
+	{
+		value: "ALL",
+		label: "All"
+	},
+	{
+		value: "DRAFT",
+		label: "Draft"
+	},
+	{
+		value: "PUBLISHED",
+		label: "Published"
+	},
+	{
+		value: "ARCHIVED",
+		label: "Archived"
+	}
+], P = () => ({
+	title: "",
+	description: "",
+	type: "QUIZ",
+	passingScore: "70",
+	maxAttempts: "1",
+	timeLimitMin: "0",
+	isGraded: !0
+}), F = () => {
+	let { navigateTo: F } = e(), [I, L] = m(""), [R, z] = m("ALL"), [B, V] = m(!1), [H, U] = m(P), [W, G] = m(null), K = u({ limit: 100 }), q = ee(I || void 0), J = d(), Y = K.data?.items ?? [], X = p(() => q.data ?? [], [q.data]), ie = p(() => {
+		let e = {
+			ALL: X.length,
+			DRAFT: 0,
+			PUBLISHED: 0,
+			ARCHIVED: 0
+		};
+		for (let t of X) e[t.status] += 1;
+		return e;
+	}, [X]), Z = p(() => R === "ALL" ? X : X.filter((e) => e.status === R), [X, R]), ae = re.map((e) => ({
+		value: e.value,
+		label: e.label,
+		count: ie[e.value]
+	})), oe = [
+		{
+			key: "title",
+			header: "Assessment",
+			render: (e) => /* @__PURE__ */ v("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ _("p", {
+					className: "font-semibold text-text-primary",
+					children: e.title
+				}), e.description && /* @__PURE__ */ _("p", {
+					className: "mt-0.5 max-w-md truncate text-xs text-text-secondary",
+					title: e.description,
+					children: e.description
+				})]
+			})
+		},
+		{
+			key: "type",
+			header: "Type",
+			render: (e) => /* @__PURE__ */ _(i, { status: e.type })
+		},
+		{
+			key: "status",
+			header: "Status",
+			sortValue: (e) => e.status,
+			render: (e) => /* @__PURE__ */ _(i, { status: e.status })
+		},
+		{
+			key: "passingScore",
+			header: "Pass",
+			align: "right",
+			hideOnMobile: !0,
+			sortValue: (e) => e.passingScore,
+			render: (e) => /* @__PURE__ */ v("span", {
+				className: "tabular-nums text-text-secondary",
+				children: [e.passingScore, "%"]
+			})
+		},
+		{
+			key: "questions",
+			header: "Questions",
+			align: "right",
+			hideOnMobile: !0,
+			render: (e) => /* @__PURE__ */ _("span", {
+				className: "tabular-nums text-text-secondary",
+				children: e.questions?.length ?? "—"
+			})
+		},
+		{
+			key: "updatedAt",
+			header: "Updated",
+			hideOnMobile: !0,
+			sortValue: (e) => e.updatedAt,
+			render: (e) => /* @__PURE__ */ _("span", {
+				className: "whitespace-nowrap text-text-secondary",
+				children: r(e.updatedAt)
+			})
+		}
+	], Q = () => {
+		U(P()), G(null), V(!0);
+	}, $ = () => {
+		V(!1), U(P()), G(null);
+	};
+	return /* @__PURE__ */ v(t, {
+		title: "Assessments",
+		description: "Quizzes, exams and graded assignments for every course in your workspace.",
+		titleGradient: !0,
+		aurora: !0,
+		actions: /* @__PURE__ */ v(y, {
+			onClick: Q,
+			disabled: !I,
+			children: [/* @__PURE__ */ _(g, { className: "mr-1.5 h-4 w-4" }), " New assessment"]
+		}),
+		children: [
+			/* @__PURE__ */ _(te, {
+				treatment: "plain",
+				className: "mb-5 p-4",
+				children: /* @__PURE__ */ v("div", {
+					className: "flex flex-col gap-3 sm:flex-row sm:flex-wrap sm:items-end",
+					children: [/* @__PURE__ */ v("div", {
+						className: "grid gap-1.5",
+						children: [
+							/* @__PURE__ */ _("span", {
+								className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
+								children: "Course"
+							}),
+							/* @__PURE__ */ v(O, {
+								value: I,
+								onValueChange: (e) => {
+									L(e), z("ALL");
+								},
+								children: [/* @__PURE__ */ _(j, {
+									className: "w-full sm:w-72",
+									children: /* @__PURE__ */ _(M, { placeholder: "Select a course" })
+								}), /* @__PURE__ */ _(k, { children: Y.map((e) => /* @__PURE__ */ _(A, {
+									value: e.id,
+									children: e.title
+								}, e.id)) })]
+							}),
+							K.isSuccess && Y.length === 0 && /* @__PURE__ */ _("p", {
+								className: "text-xs text-text-secondary",
+								children: "No courses yet — create one in Authoring first."
+							})
+						]
+					}), I && /* @__PURE__ */ v("div", {
+						className: "grid gap-1.5",
+						children: [/* @__PURE__ */ _("span", {
+							className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
+							children: "Status"
+						}), /* @__PURE__ */ _(l, {
+							options: ae,
+							value: R,
+							onChange: z
+						})]
+					})]
+				})
+			}),
+			I ? q.isLoading ? /* @__PURE__ */ _(s, { label: "Loading assessments…" }) : q.isError ? /* @__PURE__ */ _(o, {
+				message: "Couldn't load assessments for this course.",
+				onRetry: () => q.refetch()
+			}) : Z.length === 0 ? /* @__PURE__ */ _(a, {
+				illustration: "empty-data",
+				icon: /* @__PURE__ */ _(h, { className: "h-10 w-10" }),
+				title: R === "ALL" ? "No assessments yet" : "No assessments match this filter",
+				description: R === "ALL" ? "Create the first quiz, exam or assignment for this course." : "Try a different status filter, or create a new assessment.",
+				action: /* @__PURE__ */ v(y, {
+					onClick: Q,
+					children: [/* @__PURE__ */ _(g, { className: "mr-1.5 h-4 w-4" }), " New assessment"]
+				})
+			}) : /* @__PURE__ */ _(c, {
+				columns: oe,
+				rows: Z,
+				rowKey: (e) => e.id,
+				onRowClick: (e) => F(`assessments/${e.id}`),
+				defaultSort: {
+					key: "updatedAt",
+					dir: "desc"
+				}
+			}) : /* @__PURE__ */ _(a, {
+				illustration: "onboarding",
+				icon: /* @__PURE__ */ _(h, { className: "h-10 w-10" }),
+				title: "Pick a course to see its assessments",
+				description: "Assessments are scoped to a course. Choose a course above to view, filter and create its quizzes and exams."
+			}),
+			/* @__PURE__ */ _(S, {
+				open: B,
+				onOpenChange: (e) => {
+					e ? V(!0) : $();
+				},
+				children: /* @__PURE__ */ v(C, { children: [
+					/* @__PURE__ */ v(E, { children: [/* @__PURE__ */ _(D, { children: "New assessment" }), /* @__PURE__ */ _(w, { children: "Add a quiz, exam or assignment to this course. You can add questions after it's created." })] }),
+					/* @__PURE__ */ v("div", {
+						className: "grid gap-4 py-2",
+						children: [
+							/* @__PURE__ */ v("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ _(x, {
+									htmlFor: "assessmentTitle",
+									children: "Title *"
+								}), /* @__PURE__ */ _(b, {
+									id: "assessmentTitle",
+									value: H.title,
+									onChange: (e) => U({
+										...H,
+										title: e.target.value
+									}),
+									placeholder: "e.g. Module 1 knowledge check"
+								})]
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ _(x, {
+									htmlFor: "assessmentDescription",
+									children: "Description"
+								}), /* @__PURE__ */ _(ne, {
+									id: "assessmentDescription",
+									value: H.description,
+									onChange: (e) => U({
+										...H,
+										description: e.target.value
+									}),
+									placeholder: "What this assessment covers and how it's graded.",
+									rows: 2
+								})]
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "grid gap-2 sm:grid-cols-2",
+								children: [/* @__PURE__ */ v("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ _(x, {
+										htmlFor: "assessmentType",
+										children: "Type"
+									}), /* @__PURE__ */ v(O, {
+										value: H.type,
+										onValueChange: (e) => U({
+											...H,
+											type: e
+										}),
+										children: [/* @__PURE__ */ _(j, {
+											id: "assessmentType",
+											children: /* @__PURE__ */ _(M, {})
+										}), /* @__PURE__ */ _(k, { children: f.map((e) => /* @__PURE__ */ _(A, {
+											value: e,
+											children: n(e)
+										}, e)) })]
+									})]
+								}), /* @__PURE__ */ v("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ _(x, {
+										htmlFor: "passingScore",
+										children: "Passing score (%)"
+									}), /* @__PURE__ */ _(b, {
+										id: "passingScore",
+										type: "number",
+										min: "0",
+										max: "100",
+										step: "1",
+										value: H.passingScore,
+										onChange: (e) => U({
+											...H,
+											passingScore: e.target.value
+										}),
+										placeholder: "70"
+									})]
+								})]
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "grid gap-2 sm:grid-cols-2",
+								children: [/* @__PURE__ */ v("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ _(x, {
+										htmlFor: "maxAttempts",
+										children: "Max attempts"
+									}), /* @__PURE__ */ _(b, {
+										id: "maxAttempts",
+										type: "number",
+										min: "1",
+										step: "1",
+										value: H.maxAttempts,
+										onChange: (e) => U({
+											...H,
+											maxAttempts: e.target.value
+										}),
+										placeholder: "1"
+									})]
+								}), /* @__PURE__ */ v("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ _(x, {
+										htmlFor: "timeLimitMin",
+										children: "Time limit (minutes)"
+									}), /* @__PURE__ */ _(b, {
+										id: "timeLimitMin",
+										type: "number",
+										min: "0",
+										step: "1",
+										value: H.timeLimitMin,
+										onChange: (e) => U({
+											...H,
+											timeLimitMin: e.target.value
+										}),
+										placeholder: "0 = no limit"
+									})]
+								})]
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "flex items-center justify-between rounded-lg border border-border-seam bg-bg-surface px-3 py-2.5",
+								children: [/* @__PURE__ */ v("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ _(x, {
+										htmlFor: "isGraded",
+										className: "cursor-pointer",
+										children: "Graded"
+									}), /* @__PURE__ */ _("p", {
+										className: "text-xs text-text-secondary",
+										children: "Contributes to the learner's score and pass/fail outcome."
+									})]
+								}), /* @__PURE__ */ _(N, {
+									id: "isGraded",
+									checked: H.isGraded,
+									onCheckedChange: (e) => U({
+										...H,
+										isGraded: e
+									})
+								})]
+							}),
+							W && /* @__PURE__ */ _("p", {
+								className: "text-sm text-status-error-text",
+								children: W
+							})
+						]
+					}),
+					/* @__PURE__ */ v(T, { children: [/* @__PURE__ */ _(y, {
+						variant: "outline",
+						onClick: $,
+						children: "Cancel"
+					}), /* @__PURE__ */ _(y, {
+						onClick: async () => {
+							if (!I) {
+								G("Pick a course first.");
+								return;
+							}
+							if (!H.title.trim()) {
+								G("Title is required.");
+								return;
+							}
+							try {
+								let e = await J.mutateAsync({
+									courseId: I,
+									title: H.title.trim(),
+									description: H.description.trim() || void 0,
+									type: H.type,
+									passingScore: H.passingScore ? Number(H.passingScore) : void 0,
+									maxAttempts: H.maxAttempts ? Number(H.maxAttempts) : void 0,
+									timeLimitMin: H.timeLimitMin ? Number(H.timeLimitMin) : void 0,
+									isGraded: H.isGraded
+								});
+								$(), F(`assessments/${e.id}`);
+							} catch (e) {
+								G(e instanceof Error ? e.message : "Failed to create assessment.");
+							}
+						},
+						disabled: J.isPending,
+						children: J.isPending ? "Creating…" : "Create assessment"
+					})] })
+				] })
+			})
+		]
+	});
+};
+//#endregion
+export { F as AssessmentsPage };
+
+//# sourceMappingURL=AssessmentsPage.js.map

package/dist/buildmyiq/pages/assessments/AssessmentsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssessmentsPage.js","names":[],"sources":["../../../../src/buildmyiq/pages/assessments/AssessmentsPage.tsx"],"sourcesContent":["/**\n * AssessmentsPage — the assessment authoring surface (primary page of the section).\n * @module buildmyiq/pages/assessments\n *\n * `buiListAssessments` REQUIRES a courseId, so this page is course-scoped: the\n * educator first picks a course, then sees its assessments filtered by status.\n * Everything is real `bui*` data — no fabrication. Create flow wires\n * `useBuiCreateAssessment`.\n */\n\nimport { useMemo, useState, type FC } from 'react';\nimport { Plus, ClipboardList } from 'lucide-react';\nimport {\n  Button,\n  GlassCard,\n  Input,\n  Label,\n  Textarea,\n  Switch,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  PageLayout,\n  StatusBadge,\n  FilterTabs,\n  DataTable,\n  EmptyState,\n  LoadingView,\n  ErrorView,\n  type Column,\n  type FilterOption,\n} from '../../components';\nimport { useBuildmyiq } from '../../context';\nimport { useBuiCourses, useBuiAssessments, useBuiCreateAssessment } from '../../hooks';\nimport { formatEnumLabel, formatRelativeTime } from '../../utils/formatters';\nimport { ASSESSMENT_TYPES } from '../../types';\nimport type { BuiAssessment, BuiAssessmentStatus, BuiAssessmentType } from '../../types';\n\ntype StatusFilter = 'ALL' | BuiAssessmentStatus;\n\nconst STATUS_TABS: { value: StatusFilter; label: string }[] = [\n  { value: 'ALL', label: 'All' },\n  { value: 'DRAFT', label: 'Draft' },\n  { value: 'PUBLISHED', label: 'Published' },\n  { value: 'ARCHIVED', label: 'Archived' },\n];\n\ninterface AssessmentFormState {\n  title: string;\n  description: string;\n  type: BuiAssessmentType;\n  passingScore: string;\n  maxAttempts: string;\n  timeLimitMin: string;\n  isGraded: boolean;\n}\n\nconst makeEmptyForm = (): AssessmentFormState => ({\n  title: '',\n  description: '',\n  type: 'QUIZ',\n  passingScore: '70',\n  maxAttempts: '1',\n  timeLimitMin: '0',\n  isGraded: true,\n});\n\nexport const AssessmentsPage: FC = () => {\n  const { navigateTo } = useBuildmyiq();\n\n  const [courseId, setCourseId] = useState<string>('');\n  const [status, setStatus] = useState<StatusFilter>('ALL');\n  const [dialogOpen, setDialogOpen] = useState(false);\n  const [form, setForm] = useState<AssessmentFormState>(makeEmptyForm);\n  const [formError, setFormError] = useState<string | null>(null);\n\n  const coursesQuery = useBuiCourses({ limit: 100 });\n  // Fetch the full (unfiltered) list so the tab counts stay accurate; filter client-side.\n  const assessmentsQuery = useBuiAssessments(courseId || undefined);\n  const createAssessment = useBuiCreateAssessment();\n\n  const courses = coursesQuery.data?.items ?? [];\n  const assessments = useMemo(() => assessmentsQuery.data ?? [], [assessmentsQuery.data]);\n\n  const statusCounts = useMemo(() => {\n    const counts: Record<StatusFilter, number> = {\n      ALL: assessments.length,\n      DRAFT: 0,\n      PUBLISHED: 0,\n      ARCHIVED: 0,\n    };\n    for (const a of assessments) counts[a.status] += 1;\n    return counts;\n  }, [assessments]);\n\n  const rows = useMemo(\n    () => (status === 'ALL' ? assessments : assessments.filter((a) => a.status === status)),\n    [assessments, status]\n  );\n\n  const tabOptions: FilterOption<StatusFilter>[] = STATUS_TABS.map((t) => ({\n    value: t.value,\n    label: t.label,\n    count: statusCounts[t.value],\n  }));\n\n  const columns: Column<BuiAssessment>[] = [\n    {\n      key: 'title',\n      header: 'Assessment',\n      render: (a) => (\n        <div className=\"min-w-0\">\n          <p className=\"font-semibold text-text-primary\">{a.title}</p>\n          {a.description && (\n            <p\n              className=\"mt-0.5 max-w-md truncate text-xs text-text-secondary\"\n              title={a.description}\n            >\n              {a.description}\n            </p>\n          )}\n        </div>\n      ),\n    },\n    {\n      key: 'type',\n      header: 'Type',\n      render: (a) => <StatusBadge status={a.type} />,\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      sortValue: (a) => a.status,\n      render: (a) => <StatusBadge status={a.status} />,\n    },\n    {\n      key: 'passingScore',\n      header: 'Pass',\n      align: 'right',\n      hideOnMobile: true,\n      sortValue: (a) => a.passingScore,\n      render: (a) => <span className=\"tabular-nums text-text-secondary\">{a.passingScore}%</span>,\n    },\n    {\n      key: 'questions',\n      header: 'Questions',\n      align: 'right',\n      hideOnMobile: true,\n      render: (a) => (\n        <span className=\"tabular-nums text-text-secondary\">{a.questions?.length ?? '—'}</span>\n      ),\n    },\n    {\n      key: 'updatedAt',\n      header: 'Updated',\n      hideOnMobile: true,\n      sortValue: (a) => a.updatedAt,\n      render: (a) => (\n        <span className=\"whitespace-nowrap text-text-secondary\">\n          {formatRelativeTime(a.updatedAt)}\n        </span>\n      ),\n    },\n  ];\n\n  const openDialog = () => {\n    setForm(makeEmptyForm());\n    setFormError(null);\n    setDialogOpen(true);\n  };\n\n  const closeDialog = () => {\n    setDialogOpen(false);\n    setForm(makeEmptyForm());\n    setFormError(null);\n  };\n\n  const handleCreate = async () => {\n    if (!courseId) {\n      setFormError('Pick a course first.');\n      return;\n    }\n    if (!form.title.trim()) {\n      setFormError('Title is required.');\n      return;\n    }\n    try {\n      const created = await createAssessment.mutateAsync({\n        courseId,\n        title: form.title.trim(),\n        description: form.description.trim() || undefined,\n        type: form.type,\n        passingScore: form.passingScore ? Number(form.passingScore) : undefined,\n        maxAttempts: form.maxAttempts ? Number(form.maxAttempts) : undefined,\n        timeLimitMin: form.timeLimitMin ? Number(form.timeLimitMin) : undefined,\n        isGraded: form.isGraded,\n      });\n      closeDialog();\n      navigateTo(`assessments/${created.id}`);\n    } catch (err) {\n      setFormError(err instanceof Error ? err.message : 'Failed to create assessment.');\n    }\n  };\n\n  return (\n    <PageLayout\n      title=\"Assessments\"\n      description=\"Quizzes, exams and graded assignments for every course in your workspace.\"\n      titleGradient\n      aurora\n      actions={\n        <Button onClick={openDialog} disabled={!courseId}>\n          <Plus className=\"mr-1.5 h-4 w-4\" /> New assessment\n        </Button>\n      }\n    >\n      <GlassCard treatment=\"plain\" className=\"mb-5 p-4\">\n        <div className=\"flex flex-col gap-3 sm:flex-row sm:flex-wrap sm:items-end\">\n          <div className=\"grid gap-1.5\">\n            <span className=\"text-xs font-medium uppercase tracking-wide text-text-secondary\">\n              Course\n            </span>\n            <Select\n              value={courseId}\n              onValueChange={(v) => {\n                setCourseId(v);\n                setStatus('ALL');\n              }}\n            >\n              <SelectTrigger className=\"w-full sm:w-72\">\n                <SelectValue placeholder=\"Select a course\" />\n              </SelectTrigger>\n              <SelectContent>\n                {courses.map((c) => (\n                  <SelectItem key={c.id} value={c.id}>\n                    {c.title}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n            {coursesQuery.isSuccess && courses.length === 0 && (\n              <p className=\"text-xs text-text-secondary\">\n                No courses yet — create one in Authoring first.\n              </p>\n            )}\n          </div>\n          {courseId && (\n            <div className=\"grid gap-1.5\">\n              <span className=\"text-xs font-medium uppercase tracking-wide text-text-secondary\">\n                Status\n              </span>\n              <FilterTabs options={tabOptions} value={status} onChange={setStatus} />\n            </div>\n          )}\n        </div>\n      </GlassCard>\n\n      {!courseId ? (\n        <EmptyState\n          illustration=\"onboarding\"\n          icon={<ClipboardList className=\"h-10 w-10\" />}\n          title=\"Pick a course to see its assessments\"\n          description=\"Assessments are scoped to a course. Choose a course above to view, filter and create its quizzes and exams.\"\n        />\n      ) : assessmentsQuery.isLoading ? (\n        <LoadingView label=\"Loading assessments…\" />\n      ) : assessmentsQuery.isError ? (\n        <ErrorView\n          message=\"Couldn't load assessments for this course.\"\n          onRetry={() => assessmentsQuery.refetch()}\n        />\n      ) : rows.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<ClipboardList className=\"h-10 w-10\" />}\n          title={status === 'ALL' ? 'No assessments yet' : 'No assessments match this filter'}\n          description={\n            status === 'ALL'\n              ? 'Create the first quiz, exam or assignment for this course.'\n              : 'Try a different status filter, or create a new assessment.'\n          }\n          action={\n            <Button onClick={openDialog}>\n              <Plus className=\"mr-1.5 h-4 w-4\" /> New assessment\n            </Button>\n          }\n        />\n      ) : (\n        <DataTable\n          columns={columns}\n          rows={rows}\n          rowKey={(a) => a.id}\n          onRowClick={(a) => navigateTo(`assessments/${a.id}`)}\n          defaultSort={{ key: 'updatedAt', dir: 'desc' }}\n        />\n      )}\n\n      <ResponsiveDialog\n        open={dialogOpen}\n        onOpenChange={(open) => {\n          if (!open) closeDialog();\n          else setDialogOpen(true);\n        }}\n      >\n        <ResponsiveDialogContent>\n          <ResponsiveDialogHeader>\n            <ResponsiveDialogTitle>New assessment</ResponsiveDialogTitle>\n            <ResponsiveDialogDescription>\n              Add a quiz, exam or assignment to this course. You can add questions after it&apos;s\n              created.\n            </ResponsiveDialogDescription>\n          </ResponsiveDialogHeader>\n\n          <div className=\"grid gap-4 py-2\">\n            <div className=\"grid gap-1.5\">\n              <Label htmlFor=\"assessmentTitle\">Title *</Label>\n              <Input\n                id=\"assessmentTitle\"\n                value={form.title}\n                onChange={(e) => setForm({ ...form, title: e.target.value })}\n                placeholder=\"e.g. Module 1 knowledge check\"\n              />\n            </div>\n\n            <div className=\"grid gap-1.5\">\n              <Label htmlFor=\"assessmentDescription\">Description</Label>\n              <Textarea\n                id=\"assessmentDescription\"\n                value={form.description}\n                onChange={(e) => setForm({ ...form, description: e.target.value })}\n                placeholder=\"What this assessment covers and how it's graded.\"\n                rows={2}\n              />\n            </div>\n\n            <div className=\"grid gap-2 sm:grid-cols-2\">\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"assessmentType\">Type</Label>\n                <Select\n                  value={form.type}\n                  onValueChange={(v) => setForm({ ...form, type: v as BuiAssessmentType })}\n                >\n                  <SelectTrigger id=\"assessmentType\">\n                    <SelectValue />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {ASSESSMENT_TYPES.map((t) => (\n                      <SelectItem key={t} value={t}>\n                        {formatEnumLabel(t)}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"passingScore\">Passing score (%)</Label>\n                <Input\n                  id=\"passingScore\"\n                  type=\"number\"\n                  min=\"0\"\n                  max=\"100\"\n                  step=\"1\"\n                  value={form.passingScore}\n                  onChange={(e) => setForm({ ...form, passingScore: e.target.value })}\n                  placeholder=\"70\"\n                />\n              </div>\n            </div>\n\n            <div className=\"grid gap-2 sm:grid-cols-2\">\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"maxAttempts\">Max attempts</Label>\n                <Input\n                  id=\"maxAttempts\"\n                  type=\"number\"\n                  min=\"1\"\n                  step=\"1\"\n                  value={form.maxAttempts}\n                  onChange={(e) => setForm({ ...form, maxAttempts: e.target.value })}\n                  placeholder=\"1\"\n                />\n              </div>\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"timeLimitMin\">Time limit (minutes)</Label>\n                <Input\n                  id=\"timeLimitMin\"\n                  type=\"number\"\n                  min=\"0\"\n                  step=\"1\"\n                  value={form.timeLimitMin}\n                  onChange={(e) => setForm({ ...form, timeLimitMin: e.target.value })}\n                  placeholder=\"0 = no limit\"\n                />\n              </div>\n            </div>\n\n            <div className=\"flex items-center justify-between rounded-lg border border-border-seam bg-bg-surface px-3 py-2.5\">\n              <div className=\"min-w-0\">\n                <Label htmlFor=\"isGraded\" className=\"cursor-pointer\">\n                  Graded\n                </Label>\n                <p className=\"text-xs text-text-secondary\">\n                  Contributes to the learner&apos;s score and pass/fail outcome.\n                </p>\n              </div>\n              <Switch\n                id=\"isGraded\"\n                checked={form.isGraded}\n                onCheckedChange={(checked) => setForm({ ...form, isGraded: checked })}\n              />\n            </div>\n\n            {formError && <p className=\"text-sm text-status-error-text\">{formError}</p>}\n          </div>\n\n          <ResponsiveDialogFooter>\n            <Button variant=\"outline\" onClick={closeDialog}>\n              Cancel\n            </Button>\n            <Button onClick={handleCreate} disabled={createAssessment.isPending}>\n              {createAssessment.isPending ? 'Creating…' : 'Create assessment'}\n            </Button>\n          </ResponsiveDialogFooter>\n        </ResponsiveDialogContent>\n      </ResponsiveDialog>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}