@burdenoff/microfe-buildmyiq 2026.730.2 → 2026.731.2

package/dist/buildmyiq/pages/submissions/SubmissionsPage.js

@@ -10,19 +10,19 @@ import { DataTable as l } from "../../components/DataTable.js";
 import { Tabs as u } from "../../components/Tabs.js";
 import { Pagination as d } from "../../components/Pagination.js";
 import { Avatar as f } from "../../components/Avatar.js";
-import { useBuiGradeSubmission as p, useBuiSubmission as m, useBuiSubmissions as h } from "../../hooks/useBuildmyiqApi.js";
-import { useCursorPager as g } from "../../hooks/useCursorPager.js";
+import { useBuiGradeSubmission as p, useBuiReviewGradeSuggestion as m, useBuiSubmission as h, useBuiSubmissions as g, useBuiSuggestGrade as _ } from "../../hooks/useBuildmyiqApi.js";
+import { useCursorPager as v } from "../../hooks/useCursorPager.js";
 import "../../hooks/index.js";
-import { BuiPermissionButton as _ } from "../../components/BuiPermissionButton.js";
+import { BuiPermissionButton as y } from "../../components/BuiPermissionButton.js";
 import "../../components/index.js";
-import { useEffect as v, useMemo as y, useState as b } from "react";
-import { BookOpen as x, CheckCircle2 as S, ClipboardList as C, Clock as w, GraduationCap as T, Undo2 as E } from "lucide-react";
-import { useParams as D } from "react-router-dom";
-import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
-import { Button as j, Input as M, Label as N, Sheet as P, SheetContent as F, SheetDescription as I, SheetFooter as L, SheetHeader as R, SheetTitle as z, Switch as B, Textarea as V } from "@burdenoff/fe-libs/ui";
-import { useMediaQuery as H } from "@burdenoff/fe-libs/shared/hooks";
+import { useEffect as b, useMemo as x, useState as S } from "react";
+import { BookOpen as C, CheckCircle2 as w, ClipboardList as T, Clock as E, GraduationCap as D, Layers as O, Sparkles as k, Undo2 as A } from "lucide-react";
+import { useParams as j } from "react-router-dom";
+import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
+import { Button as F, Input as I, Label as L, Sheet as ee, SheetContent as te, SheetDescription as R, SheetFooter as z, SheetHeader as B, SheetTitle as V, Switch as H, Textarea as U } from "@burdenoff/fe-libs/ui";
+import { useMediaQuery as ne } from "@burdenoff/fe-libs/shared/hooks";
 //#region src/buildmyiq/pages/submissions/SubmissionsPage.tsx
-var U = 24, W = [
+var W = 24, re = [
 	{
 		value: "ALL",
 		label: "All"
@@ -49,81 +49,187 @@ var U = 24, W = [
 }, {
 	value: "details",
 	label: "Details"
-}], K = (e) => e.length > 10 ? `${e.slice(0, 8)}…` : e, ee = (e) => r(e, {
+}], K = (e) => e.length > 10 ? `${e.slice(0, 8)}…` : e, ie = (e) => r(e, {
 	day: void 0,
 	month: void 0,
 	year: void 0,
 	hour: "numeric",
 	minute: "2-digit"
 }), q = (e) => typeof e == "object" && !!e && !Array.isArray(e), J = (e) => e == null ? "—" : typeof e == "string" ? e : typeof e == "number" || typeof e == "boolean" ? String(e) : JSON.stringify(e, null, 2), Y = ({ answers: e }) => {
-	if (e == null) return /* @__PURE__ */ k("p", {
+	if (e == null) return /* @__PURE__ */ N("p", {
 		className: "text-sm text-text-secondary",
 		children: "No answers were submitted."
 	});
 	if (q(e)) {
 		let t = Object.entries(e);
-		return t.length === 0 ? /* @__PURE__ */ k("p", {
+		return t.length === 0 ? /* @__PURE__ */ N("p", {
 			className: "text-sm text-text-secondary",
 			children: "No answers were submitted."
-		}) : /* @__PURE__ */ k("ol", {
+		}) : /* @__PURE__ */ N("ol", {
 			className: "grid gap-2.5",
-			children: t.map(([e, t], n) => /* @__PURE__ */ A("li", {
+			children: t.map(([e, t], n) => /* @__PURE__ */ P("li", {
 				className: "grid gap-1 rounded-lg border border-border-seam/70 bg-bg-surface/60 p-3 sm:grid-cols-[minmax(0,7rem)_1fr] sm:gap-3",
-				children: [/* @__PURE__ */ A("div", {
+				children: [/* @__PURE__ */ P("div", {
 					className: "flex items-baseline gap-2 sm:col-span-1",
-					children: [/* @__PURE__ */ A("span", {
+					children: [/* @__PURE__ */ P("span", {
 						className: "shrink-0 text-xs font-semibold text-[var(--color-accent-teal)] tabular-nums",
 						children: ["Q", n + 1]
-					}), /* @__PURE__ */ k("span", {
+					}), /* @__PURE__ */ N("span", {
 						className: "break-words font-mono text-xs text-text-secondary",
 						children: e
 					})]
-				}), /* @__PURE__ */ k("span", {
+				}), /* @__PURE__ */ N("span", {
 					className: "whitespace-pre-wrap break-words text-sm text-text-primary sm:col-span-1",
 					children: J(t)
 				})]
 			}, e))
 		});
 	}
-	return /* @__PURE__ */ k("pre", {
+	return /* @__PURE__ */ N("pre", {
 		className: "overflow-x-auto whitespace-pre-wrap break-words rounded-lg border border-border-seam/70 bg-bg-surface/60 p-3 text-xs text-text-primary",
 		children: JSON.stringify(e, null, 2)
 	});
-}, X = ({ label: e, children: t }) => /* @__PURE__ */ A("div", {
+}, X = ({ label: e, children: t }) => /* @__PURE__ */ P("div", {
 	className: "min-w-0",
-	children: [/* @__PURE__ */ k("p", {
+	children: [/* @__PURE__ */ N("p", {
 		className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
 		children: e
-	}), /* @__PURE__ */ k("div", {
+	}), /* @__PURE__ */ N("div", {
 		className: "mt-0.5 text-sm text-text-primary",
 		children: t
 	})]
-}), te = ({ submission: e, currentUser: t, meName: n, isMe: r, learnerLabel: o, gradeSubmission: s, onClose: c }) => {
-	let [l, d] = b("submission"), [p, m] = b(!1), [h, g] = b(e.score == null ? "" : String(e.score)), [v, y] = b(e.passed ?? !1), [x, S] = b(e.feedback ?? ""), [C, w] = b(null), T = e.status === "SUBMITTED" || e.status === "GRADING", E = e.status === "GRADED" || e.status === "RETURNED", D = e.status === "IN_PROGRESS", P = T || p;
-	return /* @__PURE__ */ A(O, { children: [
-		/* @__PURE__ */ A(R, {
+}), Z = ({ submissionId: e, onUseSuggestion: t }) => {
+	let n = _(), r = m(), [i, a] = S(null), [o, s] = S(!1);
+	return o && !i ? null : i ? /* @__PURE__ */ P("div", {
+		className: "mb-4 rounded-xl border border-[var(--color-accent-teal)]/30 bg-[color-mix(in_srgb,var(--color-accent-teal)_8%,transparent)] p-3.5",
+		children: [
+			/* @__PURE__ */ P("div", {
+				className: "mb-2 flex items-center gap-2",
+				children: [
+					/* @__PURE__ */ N(k, { className: "h-4 w-4 shrink-0 text-[var(--color-accent-teal)]" }),
+					/* @__PURE__ */ P("p", {
+						className: "text-sm font-semibold text-text-primary",
+						children: [
+							"AI-suggested score:",
+							" ",
+							/* @__PURE__ */ N("span", {
+								className: "tabular-nums",
+								children: i.proposedScore.toFixed(1)
+							})
+						]
+					}),
+					/* @__PURE__ */ P("span", {
+						className: "ml-auto text-xs text-text-tertiary",
+						children: [Math.round(i.confidence * 100), "% confidence"]
+					})
+				]
+			}),
+			i.perQuestionFeedback.length > 0 && /* @__PURE__ */ N("ul", {
+				className: "mb-3 flex flex-col gap-1.5",
+				children: i.perQuestionFeedback.map((e, t) => /* @__PURE__ */ P("li", {
+					className: "text-xs text-text-secondary",
+					children: [
+						/* @__PURE__ */ P("span", {
+							className: "font-medium text-text-primary",
+							children: ["Q", t + 1]
+						}),
+						e.suggestedPoints != null && /* @__PURE__ */ P("span", {
+							className: "tabular-nums",
+							children: [
+								" (",
+								e.suggestedPoints,
+								" pts)"
+							]
+						}),
+						": ",
+						e.feedback
+					]
+				}, e.questionId))
+			}),
+			/* @__PURE__ */ N("p", {
+				className: "mb-3 text-xs text-text-tertiary",
+				children: "This is a suggestion, not a grade — nothing is saved until you review it and click “Grade submission” below."
+			}),
+			/* @__PURE__ */ P("div", {
+				className: "flex gap-2",
+				children: [/* @__PURE__ */ N(F, {
+					type: "button",
+					size: "sm",
+					onClick: () => {
+						if (!i) return;
+						let e = i.perQuestionFeedback.map((e, t) => `Q${t + 1}: ${e.feedback}`).join("\n");
+						t(Math.round(i.proposedScore), e), r.mutate({
+							id: i.id,
+							outcome: "ACCEPTED"
+						}), s(!0);
+					},
+					children: "Use this suggestion"
+				}), /* @__PURE__ */ N(F, {
+					type: "button",
+					variant: "ghost",
+					size: "sm",
+					onClick: () => {
+						i && r.mutate({
+							id: i.id,
+							outcome: "REJECTED"
+						}), a(null), s(!0);
+					},
+					children: "Dismiss"
+				})]
+			})
+		]
+	}) : /* @__PURE__ */ P("div", {
+		className: "mb-4 rounded-xl border border-dashed border-border-seam bg-bg-sunken/40 p-3",
+		children: [
+			/* @__PURE__ */ P(F, {
+				type: "button",
+				variant: "outline",
+				size: "sm",
+				onClick: async () => {
+					s(!1);
+					try {
+						a(await n.mutateAsync(e));
+					} catch {}
+				},
+				disabled: n.isPending,
+				children: [/* @__PURE__ */ N(k, { className: "mr-1.5 h-4 w-4" }), n.isPending ? "Asking the AI grader…" : "Suggest with AI"]
+			}),
+			n.isError && /* @__PURE__ */ N("p", {
+				className: "mt-2 text-xs text-status-error-text",
+				children: n.error instanceof Error ? n.error.message : "The AI grading assistant is unavailable right now."
+			}),
+			/* @__PURE__ */ N("p", {
+				className: "mt-1.5 text-xs text-text-tertiary",
+				children: "Proposes a score + feedback for open-ended answers. You always review before it counts."
+			})
+		]
+	});
+}, ae = ({ submission: e, currentUser: t, meName: n, isMe: r, learnerLabel: o, gradeSubmission: s, onClose: c }) => {
+	let [l, d] = S("submission"), [p, m] = S(!1), [h, g] = S(e.score == null ? "" : String(e.score)), [_, v] = S(e.passed ?? !1), [b, x] = S(e.feedback ?? ""), [C, w] = S(null), T = e.status === "SUBMITTED" || e.status === "GRADING", E = e.status === "GRADED" || e.status === "RETURNED", D = e.status === "IN_PROGRESS", O = T || p;
+	return /* @__PURE__ */ P(M, { children: [
+		/* @__PURE__ */ P(B, {
 			className: "border-b border-border-seam p-5 pr-12",
 			children: [
-				/* @__PURE__ */ A("div", {
+				/* @__PURE__ */ P("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ k(f, {
+					children: [/* @__PURE__ */ N(f, {
 						size: "md",
 						name: r(e.learnerId) ? n : void 0,
 						seed: e.learnerId,
 						src: r(e.learnerId) ? t?.avatar : void 0
-					}), /* @__PURE__ */ A("div", {
+					}), /* @__PURE__ */ P("div", {
 						className: "min-w-0",
-						children: [/* @__PURE__ */ k(z, {
+						children: [/* @__PURE__ */ N(V, {
 							className: "truncate text-lg",
 							children: o(e.learnerId)
-						}), /* @__PURE__ */ A(I, {
+						}), /* @__PURE__ */ P(R, {
 							className: "truncate font-mono text-xs",
 							title: e.assessmentId,
 							children: ["Assessment ", K(e.assessmentId)]
 						})]
 					})]
 				}),
-				/* @__PURE__ */ A("p", {
+				/* @__PURE__ */ P("p", {
 					className: "text-xs text-text-secondary",
 					children: [
 						"Attempt #",
@@ -132,128 +238,134 @@ var U = 24, W = [
 						i(e.submittedAt)
 					]
 				}),
-				/* @__PURE__ */ k("div", {
+				/* @__PURE__ */ N("div", {
 					className: "pt-1",
-					children: /* @__PURE__ */ k(a, { status: e.status })
+					children: /* @__PURE__ */ N(a, { status: e.status })
 				})
 			]
 		}),
-		/* @__PURE__ */ A("div", {
+		/* @__PURE__ */ P("div", {
 			className: "flex-1 overflow-y-auto px-5 py-4",
 			children: [
-				/* @__PURE__ */ k(u, {
+				/* @__PURE__ */ N(u, {
 					items: G,
 					value: l,
 					onChange: d,
 					className: "mb-4"
 				}),
-				l === "submission" ? /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ A("p", {
+				l === "submission" ? /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("p", {
 					className: "mb-2 text-sm font-semibold text-text-primary",
-					children: ["Answers ", /* @__PURE__ */ k("span", {
+					children: ["Answers ", /* @__PURE__ */ N("span", {
 						className: "font-normal text-text-secondary",
 						children: "(read-only)"
 					})]
-				}), /* @__PURE__ */ k(Y, { answers: e.answers })] }) : /* @__PURE__ */ A("div", {
+				}), /* @__PURE__ */ N(Y, { answers: e.answers })] }) : /* @__PURE__ */ P("div", {
 					className: "grid grid-cols-2 gap-4 rounded-xl bg-bg-sunken/60 p-4",
 					children: [
-						/* @__PURE__ */ k(X, {
+						/* @__PURE__ */ N(X, {
 							label: "Status",
-							children: /* @__PURE__ */ k(a, { status: e.status })
+							children: /* @__PURE__ */ N(a, { status: e.status })
 						}),
-						/* @__PURE__ */ k(X, {
+						/* @__PURE__ */ N(X, {
 							label: "Attempt",
-							children: /* @__PURE__ */ A("span", {
+							children: /* @__PURE__ */ P("span", {
 								className: "tabular-nums",
 								children: ["#", e.attempt]
 							})
 						}),
-						/* @__PURE__ */ k(X, {
+						/* @__PURE__ */ N(X, {
 							label: "Submitted",
 							children: i(e.submittedAt)
 						}),
-						/* @__PURE__ */ k(X, {
+						/* @__PURE__ */ N(X, {
 							label: "Assessment",
-							children: /* @__PURE__ */ k("span", {
+							children: /* @__PURE__ */ N("span", {
 								className: "font-mono text-xs",
 								title: e.assessmentId,
 								children: K(e.assessmentId)
 							})
 						}),
-						e.enrollmentId && /* @__PURE__ */ k(X, {
+						e.enrollmentId && /* @__PURE__ */ N(X, {
 							label: "Enrollment",
-							children: /* @__PURE__ */ k("span", {
+							children: /* @__PURE__ */ N("span", {
 								className: "font-mono text-xs",
 								title: e.enrollmentId,
 								children: K(e.enrollmentId)
 							})
 						}),
-						e.gradedAt && /* @__PURE__ */ k(X, {
+						e.gradedAt && /* @__PURE__ */ N(X, {
 							label: "Graded",
 							children: i(e.gradedAt)
 						})
 					]
 				}),
-				/* @__PURE__ */ A("div", {
+				/* @__PURE__ */ P("div", {
 					className: "mt-6 border-t border-border-seam pt-5",
 					children: [
-						/* @__PURE__ */ k("p", {
+						/* @__PURE__ */ N("p", {
 							className: "mb-3 text-sm font-semibold text-text-primary",
 							children: "Grade"
 						}),
-						D && /* @__PURE__ */ k("p", {
+						D && /* @__PURE__ */ N("p", {
 							className: "rounded-lg bg-bg-sunken/60 px-4 py-3 text-sm text-text-secondary",
 							children: "This attempt is still in progress — there is nothing to grade until the learner submits."
 						}),
-						E && !p && /* @__PURE__ */ A("div", {
+						E && !p && /* @__PURE__ */ P("div", {
 							className: "rounded-xl border border-border-seam p-4",
-							children: [/* @__PURE__ */ A("div", {
+							children: [/* @__PURE__ */ P("div", {
 								className: "flex items-start justify-between gap-3",
-								children: [/* @__PURE__ */ A("div", {
+								children: [/* @__PURE__ */ P("div", {
 									className: "grid grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ k(X, {
+									children: [/* @__PURE__ */ N(X, {
 										label: "Score",
-										children: /* @__PURE__ */ k("span", {
+										children: /* @__PURE__ */ N("span", {
 											className: "tabular-nums font-semibold",
 											children: e.score ?? "—"
 										})
-									}), /* @__PURE__ */ k(X, {
+									}), /* @__PURE__ */ N(X, {
 										label: "Result",
-										children: e.passed == null ? /* @__PURE__ */ k("span", {
+										children: e.passed == null ? /* @__PURE__ */ N("span", {
 											className: "text-text-secondary",
 											children: "—"
-										}) : /* @__PURE__ */ k(a, { status: e.passed ? "GRADED" : "RETURNED" })
+										}) : /* @__PURE__ */ N(a, { status: e.passed ? "GRADED" : "RETURNED" })
 									})]
-								}), /* @__PURE__ */ k(j, {
+								}), /* @__PURE__ */ N(F, {
 									variant: "outline",
 									size: "sm",
 									onClick: () => m(!0),
 									children: "Re-grade"
 								})]
-							}), /* @__PURE__ */ k("div", {
+							}), /* @__PURE__ */ N("div", {
 								className: "mt-3",
-								children: /* @__PURE__ */ k(X, {
+								children: /* @__PURE__ */ N(X, {
 									label: "Feedback",
-									children: e.feedback ? /* @__PURE__ */ k("span", {
+									children: e.feedback ? /* @__PURE__ */ N("span", {
 										className: "whitespace-pre-wrap",
 										children: e.feedback
-									}) : /* @__PURE__ */ k("span", {
+									}) : /* @__PURE__ */ N("span", {
 										className: "text-text-secondary",
 										children: "No feedback provided."
 									})
 								})
 							})]
 						}),
-						P && /* @__PURE__ */ A("div", {
+						O && /* @__PURE__ */ P("div", {
 							className: "grid gap-4",
 							children: [
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ N(Z, {
+									submissionId: e.id,
+									onUseSuggestion: (e, t) => {
+										g(String(e)), x(t);
+									}
+								}),
+								/* @__PURE__ */ P("div", {
 									className: "grid gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ A("div", {
+									children: [/* @__PURE__ */ P("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ k(N, {
+										children: [/* @__PURE__ */ N(L, {
 											htmlFor: "grade-score",
 											children: "Score"
-										}), /* @__PURE__ */ k(M, {
+										}), /* @__PURE__ */ N(I, {
 											id: "grade-score",
 											type: "number",
 											min: "0",
@@ -262,38 +374,38 @@ var U = 24, W = [
 											onChange: (e) => g(e.target.value),
 											placeholder: "e.g. 85"
 										})]
-									}), /* @__PURE__ */ A("div", {
+									}), /* @__PURE__ */ P("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ k(N, {
+										children: [/* @__PURE__ */ N(L, {
 											htmlFor: "grade-passed",
 											children: "Result"
-										}), /* @__PURE__ */ A("div", {
+										}), /* @__PURE__ */ P("div", {
 											className: "flex h-10 items-center gap-3",
-											children: [/* @__PURE__ */ k(B, {
+											children: [/* @__PURE__ */ N(H, {
 												id: "grade-passed",
-												checked: v,
-												onCheckedChange: y
-											}), /* @__PURE__ */ k("span", {
+												checked: _,
+												onCheckedChange: v
+											}), /* @__PURE__ */ N("span", {
 												className: "text-sm text-text-secondary",
-												children: v ? "Passed" : "Not passed"
+												children: _ ? "Passed" : "Not passed"
 											})]
 										})]
 									})]
 								}),
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ P("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ k(N, {
+									children: [/* @__PURE__ */ N(L, {
 										htmlFor: "grade-feedback",
 										children: "Feedback"
-									}), /* @__PURE__ */ k(V, {
+									}), /* @__PURE__ */ N(U, {
 										id: "grade-feedback",
-										value: x,
-										onChange: (e) => S(e.target.value),
+										value: b,
+										onChange: (e) => x(e.target.value),
 										placeholder: "Notes, corrections or encouragement for the learner (optional).",
 										rows: 4
 									})]
 								}),
-								C && /* @__PURE__ */ k("p", {
+								C && /* @__PURE__ */ N("p", {
 									className: "text-sm text-status-error-text",
 									children: C
 								})
@@ -303,17 +415,17 @@ var U = 24, W = [
 				})
 			]
 		}),
-		/* @__PURE__ */ A(L, {
+		/* @__PURE__ */ P(z, {
 			className: "flex-row justify-end gap-3 border-t border-border-seam p-4",
-			children: [/* @__PURE__ */ k(j, {
+			children: [/* @__PURE__ */ N(F, {
 				variant: "outline",
 				onClick: c,
-				children: P ? "Cancel" : "Close"
-			}), P && /* @__PURE__ */ k(_, {
+				children: O ? "Cancel" : "Close"
+			}), O && /* @__PURE__ */ N(y, {
 				resource: "buildmyiq-submission",
 				action: "update",
 				deniedBehavior: "hide",
-				children: /* @__PURE__ */ k(j, {
+				children: /* @__PURE__ */ N(F, {
 					onClick: async () => {
 						let t = h.trim(), n = Number(t);
 						if (t === "" || Number.isNaN(n)) {
@@ -329,8 +441,8 @@ var U = 24, W = [
 								id: e.id,
 								input: {
 									score: n,
-									passed: v,
-									feedback: x.trim() || void 0
+									passed: _,
+									feedback: b.trim() || void 0
 								}
 							}), c();
 						} catch (e) {
@@ -343,114 +455,119 @@ var U = 24, W = [
 			})]
 		})
 	] });
-}, Z = () => {
-	let { currentUser: i, navigateTo: _ } = e(), { submissionId: O } = D(), j = H("(min-width: 768px)"), [M, N] = b("ALL"), I = g(), { data: L, isLoading: R, isError: z, refetch: B } = h({
-		status: M === "ALL" ? void 0 : M,
+}, Q = () => {
+	let { currentUser: i, navigateTo: m } = e(), { submissionId: _ } = j(), y = ne("(min-width: 768px)"), [k, M] = S("ALL"), I = v(), { data: L, isLoading: R, isError: z, refetch: B } = g({
+		status: k === "ALL" ? void 0 : k,
 		cursor: I.cursor,
-		limit: U
-	}), V = p(), G = m(O), q = y(() => L?.items ?? [], [L]), J = O ?? null, Y = y(() => J ? q.find((e) => e.id === J) ?? (G.data?.id === J ? G.data : null) : null, [
-		J,
-		q,
-		G.data
-	]), X = y(() => {
+		limit: W
+	}), V = p(), H = h(_), U = x(() => L?.items ?? [], [L]), G = _ ?? null, q = x(() => G ? U.find((e) => e.id === G) ?? (H.data?.id === G ? H.data : null) : null, [
+		G,
+		U,
+		H.data
+	]), J = x(() => {
 		if (!i) return;
 		let e = [i.firstName, i.lastName].filter(Boolean).join(" ").trim();
 		return i.name?.trim() || e || i.username || i.email;
-	}, [i]), Z = y(() => {
+	}, [i]), Y = x(() => {
 		let e = {
-			total: q.length,
+			total: U.length,
 			awaiting: 0,
 			graded: 0,
 			returned: 0
 		};
-		for (let t of q) t.status === "SUBMITTED" || t.status === "GRADING" ? e.awaiting += 1 : t.status === "GRADED" ? e.graded += 1 : t.status === "RETURNED" && (e.returned += 1);
+		for (let t of U) t.status === "SUBMITTED" || t.status === "GRADING" ? e.awaiting += 1 : t.status === "GRADED" ? e.graded += 1 : t.status === "RETURNED" && (e.returned += 1);
 		return e;
-	}, [q]), Q = (e) => e === i?.id, ne = (e) => Q(e) ? "You" : `Learner ${K(e)}`, re = (e) => _(`submissions/${e.id}`), $ = () => _("submissions");
-	return v(() => {
-		!J || Y || !G.isLoading && (G.isError || G.data === null) && _("submissions");
+	}, [U]), X = (e) => e === i?.id, Z = (e) => X(e) ? "You" : `Learner ${K(e)}`, Q = (e) => m(`submissions/${e.id}`), $ = () => m("submissions");
+	return b(() => {
+		!G || q || !H.isLoading && (H.isError || H.data === null) && m("submissions");
 	}, [
-		J,
-		Y,
-		G.isLoading,
-		G.isError,
-		G.data,
-		_
-	]), /* @__PURE__ */ A(t, {
+		G,
+		q,
+		H.isLoading,
+		H.isError,
+		H.data,
+		m
+	]), /* @__PURE__ */ P(t, {
 		title: "Grading",
 		description: "Review and grade assessment submissions across every course in your workspace.",
 		titleGradient: !0,
 		aurora: !0,
-		children: [/* @__PURE__ */ A("div", {
+		actions: /* @__PURE__ */ P(F, {
+			variant: "outline",
+			onClick: () => m("submissions/bulk"),
+			children: [/* @__PURE__ */ N(O, { className: "mr-1.5 h-4 w-4" }), " Bulk grade"]
+		}),
+		children: [/* @__PURE__ */ P("div", {
 			className: "flex flex-col gap-6",
 			children: [
-				/* @__PURE__ */ A("div", {
+				/* @__PURE__ */ P("div", {
 					className: "grid grid-cols-2 gap-4 xl:grid-cols-4",
 					children: [
-						/* @__PURE__ */ k(n, {
-							icon: /* @__PURE__ */ k(C, { className: "h-5 w-5" }),
-							value: Z.total,
+						/* @__PURE__ */ N(n, {
+							icon: /* @__PURE__ */ N(T, { className: "h-5 w-5" }),
+							value: Y.total,
 							label: "Submissions (this page)",
 							featured: !0
 						}),
-						/* @__PURE__ */ k(n, {
-							icon: /* @__PURE__ */ k(w, { className: "h-5 w-5" }),
-							value: Z.awaiting,
+						/* @__PURE__ */ N(n, {
+							icon: /* @__PURE__ */ N(E, { className: "h-5 w-5" }),
+							value: Y.awaiting,
 							label: "Awaiting grade (this page)",
 							accent: "warning"
 						}),
-						/* @__PURE__ */ k(n, {
-							icon: /* @__PURE__ */ k(S, { className: "h-5 w-5" }),
-							value: Z.graded,
+						/* @__PURE__ */ N(n, {
+							icon: /* @__PURE__ */ N(w, { className: "h-5 w-5" }),
+							value: Y.graded,
 							label: "Graded (this page)",
 							accent: "success"
 						}),
-						/* @__PURE__ */ k(n, {
-							icon: /* @__PURE__ */ k(E, { className: "h-5 w-5" }),
-							value: Z.returned,
+						/* @__PURE__ */ N(n, {
+							icon: /* @__PURE__ */ N(A, { className: "h-5 w-5" }),
+							value: Y.returned,
 							label: "Returned (this page)"
 						})
 					]
 				}),
-				/* @__PURE__ */ k(u, {
-					items: W,
-					value: M,
+				/* @__PURE__ */ N(u, {
+					items: re,
+					value: k,
 					onChange: (e) => {
-						N(e), I.reset();
+						M(e), I.reset();
 					}
 				}),
-				R ? /* @__PURE__ */ k(c, { label: "Loading submissions…" }) : z ? /* @__PURE__ */ k(s, {
+				R ? /* @__PURE__ */ N(c, { label: "Loading submissions…" }) : z ? /* @__PURE__ */ N(s, {
 					title: "Couldn't load submissions",
 					message: "The grading queue failed to load.",
 					onRetry: () => B()
-				}) : q.length === 0 ? /* @__PURE__ */ k(o, {
+				}) : U.length === 0 ? /* @__PURE__ */ N(o, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ k(T, { className: "h-10 w-10" }),
-					title: M === "ALL" ? "No submissions yet" : "Nothing in this status",
-					description: M === "ALL" ? "When learners submit assessments, their attempts will appear here for grading." : "No submissions currently match this status filter."
-				}) : /* @__PURE__ */ A("div", {
+					icon: /* @__PURE__ */ N(D, { className: "h-10 w-10" }),
+					title: k === "ALL" ? "No submissions yet" : "Nothing in this status",
+					description: k === "ALL" ? "When learners submit assessments, their attempts will appear here for grading." : "No submissions currently match this status filter."
+				}) : /* @__PURE__ */ P("div", {
 					className: "flex flex-col gap-4",
-					children: [/* @__PURE__ */ k(l, {
+					children: [/* @__PURE__ */ N(l, {
 						columns: [
 							{
 								key: "learner",
 								header: "Learner",
-								sortValue: (e) => Q(e.learnerId) ? "" : e.learnerId,
-								render: (e) => /* @__PURE__ */ A("div", {
+								sortValue: (e) => X(e.learnerId) ? "" : e.learnerId,
+								render: (e) => /* @__PURE__ */ P("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ k(f, {
+									children: [/* @__PURE__ */ N(f, {
 										size: "sm",
-										name: Q(e.learnerId) ? X : void 0,
+										name: X(e.learnerId) ? J : void 0,
 										seed: e.learnerId,
-										src: Q(e.learnerId) ? i?.avatar : void 0
-									}), /* @__PURE__ */ A("div", {
+										src: X(e.learnerId) ? i?.avatar : void 0
+									}), /* @__PURE__ */ P("div", {
 										className: "min-w-0",
-										children: [/* @__PURE__ */ k("span", {
+										children: [/* @__PURE__ */ N("span", {
 											className: "block truncate font-medium text-text-primary",
 											title: e.learnerId,
-											children: Q(e.learnerId) ? "You" : K(e.learnerId)
-										}), Q(e.learnerId) && X && /* @__PURE__ */ k("span", {
+											children: X(e.learnerId) ? "You" : K(e.learnerId)
+										}), X(e.learnerId) && J && /* @__PURE__ */ N("span", {
 											className: "block truncate text-xs text-text-secondary",
-											children: X
+											children: J
 										})]
 									})]
 								})
@@ -459,9 +576,9 @@ var U = 24, W = [
 								key: "assessment",
 								header: "Assessment",
 								hideOnMobile: !0,
-								render: (e) => /* @__PURE__ */ A("span", {
+								render: (e) => /* @__PURE__ */ P("span", {
 									className: "inline-flex items-center gap-2 text-text-secondary",
-									children: [/* @__PURE__ */ k(x, { className: "h-4 w-4 shrink-0 opacity-70" }), /* @__PURE__ */ k("span", {
+									children: [/* @__PURE__ */ N(C, { className: "h-4 w-4 shrink-0 opacity-70" }), /* @__PURE__ */ N("span", {
 										className: "font-mono text-xs",
 										title: e.assessmentId,
 										children: K(e.assessmentId)
@@ -474,7 +591,7 @@ var U = 24, W = [
 								align: "right",
 								hideOnMobile: !0,
 								sortValue: (e) => e.attempt,
-								render: (e) => /* @__PURE__ */ A("span", {
+								render: (e) => /* @__PURE__ */ P("span", {
 									className: "tabular-nums text-text-secondary",
 									children: ["#", e.attempt]
 								})
@@ -483,17 +600,17 @@ var U = 24, W = [
 								key: "status",
 								header: "Status",
 								sortValue: (e) => e.status,
-								render: (e) => /* @__PURE__ */ k(a, { status: e.status })
+								render: (e) => /* @__PURE__ */ N(a, { status: e.status })
 							},
 							{
 								key: "score",
 								header: "Score",
 								align: "right",
 								sortValue: (e) => e.score ?? -1,
-								render: (e) => e.score == null ? /* @__PURE__ */ k("span", {
+								render: (e) => e.score == null ? /* @__PURE__ */ N("span", {
 									className: "text-text-secondary",
 									children: "—"
-								}) : /* @__PURE__ */ k("span", {
+								}) : /* @__PURE__ */ N("span", {
 									className: "tabular-nums font-semibold text-text-primary",
 									children: e.score
 								})
@@ -504,59 +621,59 @@ var U = 24, W = [
 								align: "right",
 								hideOnMobile: !0,
 								sortValue: (e) => e.submittedAt ?? e.createdAt,
-								render: (e) => /* @__PURE__ */ A("div", {
+								render: (e) => /* @__PURE__ */ P("div", {
 									className: "whitespace-nowrap text-right",
-									children: [/* @__PURE__ */ k("div", {
+									children: [/* @__PURE__ */ N("div", {
 										className: "text-text-primary",
 										children: r(e.submittedAt)
-									}), e.submittedAt && /* @__PURE__ */ k("div", {
+									}), e.submittedAt && /* @__PURE__ */ N("div", {
 										className: "text-xs text-text-secondary",
-										children: ee(e.submittedAt)
+										children: ie(e.submittedAt)
 									})]
 								})
 							}
 						],
-						rows: q,
+						rows: U,
 						rowKey: (e) => e.id,
-						onRowClick: re,
+						onRowClick: Q,
 						defaultSort: {
 							key: "submittedAt",
 							dir: "desc"
 						}
-					}), /* @__PURE__ */ k(d, {
+					}), /* @__PURE__ */ N(d, {
 						page: I.page,
-						pageSize: U,
-						itemCount: q.length,
+						pageSize: W,
+						itemCount: U.length,
 						hasMore: L?.pageInfo?.hasMore ?? !1,
 						onPageChange: (e) => I.onPageChange(e, L?.pageInfo?.cursor)
 					})]
 				})
 			]
-		}), /* @__PURE__ */ k(P, {
-			open: J != null,
+		}), /* @__PURE__ */ N(ee, {
+			open: G != null,
 			onOpenChange: (e) => {
 				e || $();
 			},
-			children: /* @__PURE__ */ k(F, {
-				side: j ? "right" : "bottom",
-				className: j ? "flex w-full max-w-none flex-col gap-0 p-0 sm:max-w-xl" : "flex max-h-[92vh] w-full flex-col gap-0 rounded-t-2xl p-0",
-				children: Y ? /* @__PURE__ */ k(te, {
-					submission: Y,
+			children: /* @__PURE__ */ N(te, {
+				side: y ? "right" : "bottom",
+				className: y ? "flex w-full max-w-none flex-col gap-0 p-0 sm:max-w-xl" : "flex max-h-[92vh] w-full flex-col gap-0 rounded-t-2xl p-0",
+				children: q ? /* @__PURE__ */ N(ae, {
+					submission: q,
 					currentUser: i,
-					meName: X,
-					isMe: Q,
-					learnerLabel: ne,
+					meName: J,
+					isMe: X,
+					learnerLabel: Z,
 					gradeSubmission: V,
 					onClose: $
-				}, Y.id) : J ? /* @__PURE__ */ k("div", {
+				}, q.id) : G ? /* @__PURE__ */ N("div", {
 					className: "flex min-h-[300px] items-center justify-center p-5",
-					children: /* @__PURE__ */ k(c, { label: "Loading submission…" })
+					children: /* @__PURE__ */ N(c, { label: "Loading submission…" })
 				}) : null
 			})
 		})]
 	});
 };
 //#endregion
-export { Z as SubmissionsPage };
+export { Q as SubmissionsPage };
 
 //# sourceMappingURL=SubmissionsPage.js.map