@burdenoff/microfe-buildmyiq 2026.803.1 → 2026.804.2

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

@@ -15,14 +15,16 @@ import { useCursorPager as v } from "../../hooks/useCursorPager.js";
 import "../../hooks/index.js";
 import { BuiPermissionButton as y } from "../../components/BuiPermissionButton.js";
 import "../../components/index.js";
-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";
-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";
+import { AnswersView as b } from "./AnswersView.js";
+import { isLowConfidence as x } from "./aiGrading.js";
+import { useEffect as S, useMemo as C, useState as w } from "react";
+import { BookOpen as T, CheckCircle2 as E, ClipboardList as D, Clock as O, GraduationCap as k, Layers as A, Sparkles as j, Undo2 as M } from "lucide-react";
+import { useParams as ee } from "react-router";
+import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
+import { Button as I, Input as L, Label as R, Sheet as z, SheetContent as B, SheetDescription as V, SheetFooter as H, SheetHeader as U, SheetTitle as W, Switch as G, Textarea as K } from "@burdenoff/fe-libs/ui";
+import { useMediaQuery as te } from "@burdenoff/fe-libs/shared/hooks";
 //#region src/buildmyiq/pages/submissions/SubmissionsPage.tsx
-var W = 24, re = [
+var q = 24, ne = [
 	{
 		value: "ALL",
 		label: "All"
@@ -43,97 +45,67 @@ var W = 24, re = [
 		value: "RETURNED",
 		label: "Returned"
 	}
-], G = [{
+], J = [{
 	value: "submission",
 	label: "Submission"
 }, {
 	value: "details",
 	label: "Details"
-}], K = (e) => e.length > 10 ? `${e.slice(0, 8)}…` : e, ie = (e) => r(e, {
+}], Y = (e) => e.length > 10 ? `${e.slice(0, 8)}…` : e, re = (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__ */ 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__ */ N("p", {
-			className: "text-sm text-text-secondary",
-			children: "No answers were submitted."
-		}) : /* @__PURE__ */ N("ol", {
-			className: "grid gap-2.5",
-			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__ */ P("div", {
-					className: "flex items-baseline gap-2 sm:col-span-1",
-					children: [/* @__PURE__ */ P("span", {
-						className: "shrink-0 text-xs font-semibold text-[var(--color-accent-teal)] tabular-nums",
-						children: ["Q", n + 1]
-					}), /* @__PURE__ */ N("span", {
-						className: "break-words font-mono text-xs text-text-secondary",
-						children: e
-					})]
-				}), /* @__PURE__ */ N("span", {
-					className: "whitespace-pre-wrap break-words text-sm text-text-primary sm:col-span-1",
-					children: J(t)
-				})]
-			}, e))
-		});
-	}
-	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__ */ P("div", {
+}), X = ({ label: e, children: t }) => /* @__PURE__ */ F("div", {
 	className: "min-w-0",
-	children: [/* @__PURE__ */ N("p", {
+	children: [/* @__PURE__ */ P("p", {
 		className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
 		children: e
-	}), /* @__PURE__ */ N("div", {
+	}), /* @__PURE__ */ P("div", {
 		className: "mt-0.5 text-sm text-text-primary",
 		children: t
 	})]
 }), 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", {
+	let n = _(), r = m(), [i, a] = w(null), [o, s] = w(!1);
+	return o && !i ? null : i ? /* @__PURE__ */ F("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", {
+			/* @__PURE__ */ F("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", {
+					/* @__PURE__ */ P(j, { className: "h-4 w-4 shrink-0 text-[var(--color-accent-teal)]" }),
+					/* @__PURE__ */ F("p", {
 						className: "text-sm font-semibold text-text-primary",
 						children: [
 							"AI-suggested score:",
 							" ",
-							/* @__PURE__ */ N("span", {
+							/* @__PURE__ */ P("span", {
 								className: "tabular-nums",
 								children: i.proposedScore.toFixed(1)
 							})
 						]
 					}),
-					/* @__PURE__ */ P("span", {
-						className: "ml-auto text-xs text-text-tertiary",
+					/* @__PURE__ */ F("span", {
+						className: `ml-auto text-xs ${x(i.confidence) ? "font-semibold text-status-warning-text" : "text-text-tertiary"}`,
 						children: [Math.round(i.confidence * 100), "% confidence"]
 					})
 				]
 			}),
-			i.perQuestionFeedback.length > 0 && /* @__PURE__ */ N("ul", {
+			x(i.confidence) && /* @__PURE__ */ P("p", {
+				className: "mb-2 rounded-lg border border-status-warning-border bg-status-warning-bg-subtle p-2 text-xs text-status-warning-text",
+				children: "Low AI confidence — review this suggestion especially carefully before using it."
+			}),
+			i.perQuestionFeedback.length > 0 && /* @__PURE__ */ P("ul", {
 				className: "mb-3 flex flex-col gap-1.5",
-				children: i.perQuestionFeedback.map((e, t) => /* @__PURE__ */ P("li", {
+				children: i.perQuestionFeedback.map((e, t) => /* @__PURE__ */ F("li", {
 					className: "text-xs text-text-secondary",
 					children: [
-						/* @__PURE__ */ P("span", {
+						/* @__PURE__ */ F("span", {
 							className: "font-medium text-text-primary",
 							children: ["Q", t + 1]
 						}),
-						e.suggestedPoints != null && /* @__PURE__ */ P("span", {
+						e.suggestedPoints != null && /* @__PURE__ */ F("span", {
 							className: "tabular-nums",
 							children: [
 								" (",
@@ -142,17 +114,39 @@ var W = 24, re = [
 							]
 						}),
 						": ",
-						e.feedback
+						e.feedback,
+						e.criterionScores && e.criterionScores.length > 0 && /* @__PURE__ */ P("ul", {
+							className: "mt-1 flex flex-col gap-0.5 border-l border-border-seam/70 pl-3",
+							children: e.criterionScores.map((e) => /* @__PURE__ */ F("li", {
+								className: "text-text-tertiary",
+								children: [
+									/* @__PURE__ */ P("span", {
+										className: "font-medium text-text-secondary",
+										children: e.title
+									}),
+									" ",
+									/* @__PURE__ */ F("span", {
+										className: "tabular-nums",
+										children: [
+											e.suggestedPoints,
+											"/",
+											e.maxPoints
+										]
+									}),
+									e.comment ? ` — ${e.comment}` : ""
+								]
+							}, e.criterionId))
+						})
 					]
 				}, e.questionId))
 			}),
-			/* @__PURE__ */ N("p", {
+			/* @__PURE__ */ P("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", {
+			/* @__PURE__ */ F("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ N(F, {
+				children: [/* @__PURE__ */ P(I, {
 					type: "button",
 					size: "sm",
 					onClick: () => {
@@ -164,7 +158,7 @@ var W = 24, re = [
 						}), s(!0);
 					},
 					children: "Use this suggestion"
-				}), /* @__PURE__ */ N(F, {
+				}), /* @__PURE__ */ P(I, {
 					type: "button",
 					variant: "ghost",
 					size: "sm",
@@ -178,10 +172,10 @@ var W = 24, re = [
 				})]
 			})
 		]
-	}) : /* @__PURE__ */ P("div", {
+	}) : /* @__PURE__ */ F("div", {
 		className: "mb-4 rounded-xl border border-dashed border-border-seam bg-bg-sunken/40 p-3",
 		children: [
-			/* @__PURE__ */ P(F, {
+			/* @__PURE__ */ F(I, {
 				type: "button",
 				variant: "outline",
 				size: "sm",
@@ -192,44 +186,44 @@ var W = 24, re = [
 					} 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"]
+				children: [/* @__PURE__ */ P(j, { className: "mr-1.5 h-4 w-4" }), n.isPending ? "Asking the AI grader…" : "Suggest with AI"]
 			}),
-			n.isError && /* @__PURE__ */ N("p", {
+			n.isError && /* @__PURE__ */ P("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", {
+			/* @__PURE__ */ P("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, {
+}, ie = ({ submission: e, currentUser: t, meName: n, isMe: r, learnerLabel: o, gradeSubmission: s, onClose: c }) => {
+	let [l, d] = w("submission"), [p, m] = w(!1), [h, g] = w(e.score == null ? "" : String(e.score)), [_, v] = w(e.passed ?? !1), [x, S] = w(e.feedback ?? ""), [C, T] = w(null), E = e.status === "SUBMITTED" || e.status === "GRADING", D = e.status === "GRADED" || e.status === "RETURNED", O = e.status === "IN_PROGRESS", k = E || p;
+	return /* @__PURE__ */ F(N, { children: [
+		/* @__PURE__ */ F(U, {
 			className: "border-b border-border-seam p-5 pr-12",
 			children: [
-				/* @__PURE__ */ P("div", {
+				/* @__PURE__ */ F("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ N(f, {
+					children: [/* @__PURE__ */ P(f, {
 						size: "md",
 						name: r(e.learnerId) ? n : void 0,
 						seed: e.learnerId,
 						src: r(e.learnerId) ? t?.avatar : void 0
-					}), /* @__PURE__ */ P("div", {
+					}), /* @__PURE__ */ F("div", {
 						className: "min-w-0",
-						children: [/* @__PURE__ */ N(V, {
+						children: [/* @__PURE__ */ P(W, {
 							className: "truncate text-lg",
 							children: o(e.learnerId)
-						}), /* @__PURE__ */ P(R, {
+						}), /* @__PURE__ */ F(V, {
 							className: "truncate font-mono text-xs",
 							title: e.assessmentId,
-							children: ["Assessment ", K(e.assessmentId)]
+							children: ["Assessment ", Y(e.assessmentId)]
 						})]
 					})]
 				}),
-				/* @__PURE__ */ P("p", {
+				/* @__PURE__ */ F("p", {
 					className: "text-xs text-text-secondary",
 					children: [
 						"Attempt #",
@@ -238,134 +232,134 @@ var W = 24, re = [
 						i(e.submittedAt)
 					]
 				}),
-				/* @__PURE__ */ N("div", {
+				/* @__PURE__ */ P("div", {
 					className: "pt-1",
-					children: /* @__PURE__ */ N(a, { status: e.status })
+					children: /* @__PURE__ */ P(a, { status: e.status })
 				})
 			]
 		}),
-		/* @__PURE__ */ P("div", {
+		/* @__PURE__ */ F("div", {
 			className: "flex-1 overflow-y-auto px-5 py-4",
 			children: [
-				/* @__PURE__ */ N(u, {
-					items: G,
+				/* @__PURE__ */ P(u, {
+					items: J,
 					value: l,
 					onChange: d,
 					className: "mb-4"
 				}),
-				l === "submission" ? /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("p", {
+				l === "submission" ? /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ F("p", {
 					className: "mb-2 text-sm font-semibold text-text-primary",
-					children: ["Answers ", /* @__PURE__ */ N("span", {
+					children: ["Answers ", /* @__PURE__ */ P("span", {
 						className: "font-normal text-text-secondary",
 						children: "(read-only)"
 					})]
-				}), /* @__PURE__ */ N(Y, { answers: e.answers })] }) : /* @__PURE__ */ P("div", {
+				}), /* @__PURE__ */ P(b, { answers: e.answers })] }) : /* @__PURE__ */ F("div", {
 					className: "grid grid-cols-2 gap-4 rounded-xl bg-bg-sunken/60 p-4",
 					children: [
-						/* @__PURE__ */ N(X, {
+						/* @__PURE__ */ P(X, {
 							label: "Status",
-							children: /* @__PURE__ */ N(a, { status: e.status })
+							children: /* @__PURE__ */ P(a, { status: e.status })
 						}),
-						/* @__PURE__ */ N(X, {
+						/* @__PURE__ */ P(X, {
 							label: "Attempt",
-							children: /* @__PURE__ */ P("span", {
+							children: /* @__PURE__ */ F("span", {
 								className: "tabular-nums",
 								children: ["#", e.attempt]
 							})
 						}),
-						/* @__PURE__ */ N(X, {
+						/* @__PURE__ */ P(X, {
 							label: "Submitted",
 							children: i(e.submittedAt)
 						}),
-						/* @__PURE__ */ N(X, {
+						/* @__PURE__ */ P(X, {
 							label: "Assessment",
-							children: /* @__PURE__ */ N("span", {
+							children: /* @__PURE__ */ P("span", {
 								className: "font-mono text-xs",
 								title: e.assessmentId,
-								children: K(e.assessmentId)
+								children: Y(e.assessmentId)
 							})
 						}),
-						e.enrollmentId && /* @__PURE__ */ N(X, {
+						e.enrollmentId && /* @__PURE__ */ P(X, {
 							label: "Enrollment",
-							children: /* @__PURE__ */ N("span", {
+							children: /* @__PURE__ */ P("span", {
 								className: "font-mono text-xs",
 								title: e.enrollmentId,
-								children: K(e.enrollmentId)
+								children: Y(e.enrollmentId)
 							})
 						}),
-						e.gradedAt && /* @__PURE__ */ N(X, {
+						e.gradedAt && /* @__PURE__ */ P(X, {
 							label: "Graded",
 							children: i(e.gradedAt)
 						})
 					]
 				}),
-				/* @__PURE__ */ P("div", {
+				/* @__PURE__ */ F("div", {
 					className: "mt-6 border-t border-border-seam pt-5",
 					children: [
-						/* @__PURE__ */ N("p", {
+						/* @__PURE__ */ P("p", {
 							className: "mb-3 text-sm font-semibold text-text-primary",
 							children: "Grade"
 						}),
-						D && /* @__PURE__ */ N("p", {
+						O && /* @__PURE__ */ P("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__ */ P("div", {
+						D && !p && /* @__PURE__ */ F("div", {
 							className: "rounded-xl border border-border-seam p-4",
-							children: [/* @__PURE__ */ P("div", {
+							children: [/* @__PURE__ */ F("div", {
 								className: "flex items-start justify-between gap-3",
-								children: [/* @__PURE__ */ P("div", {
+								children: [/* @__PURE__ */ F("div", {
 									className: "grid grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ N(X, {
+									children: [/* @__PURE__ */ P(X, {
 										label: "Score",
-										children: /* @__PURE__ */ N("span", {
+										children: /* @__PURE__ */ P("span", {
 											className: "tabular-nums font-semibold",
 											children: e.score ?? "—"
 										})
-									}), /* @__PURE__ */ N(X, {
+									}), /* @__PURE__ */ P(X, {
 										label: "Result",
-										children: e.passed == null ? /* @__PURE__ */ N("span", {
+										children: e.passed == null ? /* @__PURE__ */ P("span", {
 											className: "text-text-secondary",
 											children: "—"
-										}) : /* @__PURE__ */ N(a, { status: e.passed ? "GRADED" : "RETURNED" })
+										}) : /* @__PURE__ */ P(a, { status: e.passed ? "GRADED" : "RETURNED" })
 									})]
-								}), /* @__PURE__ */ N(F, {
+								}), /* @__PURE__ */ P(I, {
 									variant: "outline",
 									size: "sm",
 									onClick: () => m(!0),
 									children: "Re-grade"
 								})]
-							}), /* @__PURE__ */ N("div", {
+							}), /* @__PURE__ */ P("div", {
 								className: "mt-3",
-								children: /* @__PURE__ */ N(X, {
+								children: /* @__PURE__ */ P(X, {
 									label: "Feedback",
-									children: e.feedback ? /* @__PURE__ */ N("span", {
+									children: e.feedback ? /* @__PURE__ */ P("span", {
 										className: "whitespace-pre-wrap",
 										children: e.feedback
-									}) : /* @__PURE__ */ N("span", {
+									}) : /* @__PURE__ */ P("span", {
 										className: "text-text-secondary",
 										children: "No feedback provided."
 									})
 								})
 							})]
 						}),
-						O && /* @__PURE__ */ P("div", {
+						k && /* @__PURE__ */ F("div", {
 							className: "grid gap-4",
 							children: [
-								/* @__PURE__ */ N(Z, {
+								/* @__PURE__ */ P(Z, {
 									submissionId: e.id,
 									onUseSuggestion: (e, t) => {
-										g(String(e)), x(t);
+										g(String(e)), S(t);
 									}
 								}),
-								/* @__PURE__ */ P("div", {
+								/* @__PURE__ */ F("div", {
 									className: "grid gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ P("div", {
+									children: [/* @__PURE__ */ F("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ N(L, {
+										children: [/* @__PURE__ */ P(R, {
 											htmlFor: "grade-score",
 											children: "Score"
-										}), /* @__PURE__ */ N(I, {
+										}), /* @__PURE__ */ P(L, {
 											id: "grade-score",
 											type: "number",
 											min: "0",
@@ -374,38 +368,38 @@ var W = 24, re = [
 											onChange: (e) => g(e.target.value),
 											placeholder: "e.g. 85"
 										})]
-									}), /* @__PURE__ */ P("div", {
+									}), /* @__PURE__ */ F("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ N(L, {
+										children: [/* @__PURE__ */ P(R, {
 											htmlFor: "grade-passed",
 											children: "Result"
-										}), /* @__PURE__ */ P("div", {
+										}), /* @__PURE__ */ F("div", {
 											className: "flex h-10 items-center gap-3",
-											children: [/* @__PURE__ */ N(H, {
+											children: [/* @__PURE__ */ P(G, {
 												id: "grade-passed",
 												checked: _,
 												onCheckedChange: v
-											}), /* @__PURE__ */ N("span", {
+											}), /* @__PURE__ */ P("span", {
 												className: "text-sm text-text-secondary",
 												children: _ ? "Passed" : "Not passed"
 											})]
 										})]
 									})]
 								}),
-								/* @__PURE__ */ P("div", {
+								/* @__PURE__ */ F("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ N(L, {
+									children: [/* @__PURE__ */ P(R, {
 										htmlFor: "grade-feedback",
 										children: "Feedback"
-									}), /* @__PURE__ */ N(U, {
+									}), /* @__PURE__ */ P(K, {
 										id: "grade-feedback",
-										value: b,
-										onChange: (e) => x(e.target.value),
+										value: x,
+										onChange: (e) => S(e.target.value),
 										placeholder: "Notes, corrections or encouragement for the learner (optional).",
 										rows: 4
 									})]
 								}),
-								C && /* @__PURE__ */ N("p", {
+								C && /* @__PURE__ */ P("p", {
 									className: "text-sm text-status-error-text",
 									children: C
 								})
@@ -415,25 +409,25 @@ var W = 24, re = [
 				})
 			]
 		}),
-		/* @__PURE__ */ P(z, {
+		/* @__PURE__ */ F(H, {
 			className: "flex-row justify-end gap-3 border-t border-border-seam p-4",
-			children: [/* @__PURE__ */ N(F, {
+			children: [/* @__PURE__ */ P(I, {
 				variant: "outline",
 				onClick: c,
-				children: O ? "Cancel" : "Close"
-			}), O && /* @__PURE__ */ N(y, {
+				children: k ? "Cancel" : "Close"
+			}), k && /* @__PURE__ */ P(y, {
 				resource: "buildmyiq-submission",
 				action: "update",
 				deniedBehavior: "hide",
-				children: /* @__PURE__ */ N(F, {
+				children: /* @__PURE__ */ P(I, {
 					onClick: async () => {
 						let t = h.trim(), n = Number(t);
 						if (t === "" || Number.isNaN(n)) {
-							w("Enter a numeric score.");
+							T("Enter a numeric score.");
 							return;
 						}
 						if (n < 0) {
-							w("Score cannot be negative.");
+							T("Score cannot be negative.");
 							return;
 						}
 						try {
@@ -442,130 +436,130 @@ var W = 24, re = [
 								input: {
 									score: n,
 									passed: _,
-									feedback: b.trim() || void 0
+									feedback: x.trim() || void 0
 								}
 							}), c();
 						} catch (e) {
-							w(e instanceof Error ? e.message : "Failed to save grade.");
+							T(e instanceof Error ? e.message : "Failed to save grade.");
 						}
 					},
 					disabled: s.isPending,
-					children: s.isPending ? "Saving…" : E ? "Update grade" : "Grade submission"
+					children: s.isPending ? "Saving…" : D ? "Update grade" : "Grade submission"
 				})
 			})]
 		})
 	] });
 }, 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: 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, [
+	let { currentUser: i, navigateTo: m } = e(), { submissionId: _ } = ee(), y = te("(min-width: 768px)"), [b, x] = w("ALL"), j = v(), { data: N, isLoading: L, isError: R, refetch: V } = g({
+		status: b === "ALL" ? void 0 : b,
+		cursor: j.cursor,
+		limit: q
+	}), H = p(), U = h(_), W = C(() => N?.items ?? [], [N]), G = _ ?? null, K = C(() => G ? W.find((e) => e.id === G) ?? (U.data?.id === G ? U.data : null) : null, [
 		G,
-		U,
-		H.data
-	]), J = x(() => {
+		W,
+		U.data
+	]), J = C(() => {
 		if (!i) return;
 		let e = [i.firstName, i.lastName].filter(Boolean).join(" ").trim();
 		return i.name?.trim() || e || i.username || i.email;
-	}, [i]), Y = x(() => {
+	}, [i]), X = C(() => {
 		let e = {
-			total: U.length,
+			total: W.length,
 			awaiting: 0,
 			graded: 0,
 			returned: 0
 		};
-		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);
+		for (let t of W) t.status === "SUBMITTED" || t.status === "GRADING" ? e.awaiting += 1 : t.status === "GRADED" ? e.graded += 1 : t.status === "RETURNED" && (e.returned += 1);
 		return e;
-	}, [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");
+	}, [W]), Z = (e) => e === i?.id, Q = (e) => Z(e) ? "You" : `Learner ${Y(e)}`, ae = (e) => m(`submissions/${e.id}`), $ = () => m("submissions");
+	return S(() => {
+		!G || K || !U.isLoading && (U.isError || U.data === null) && m("submissions");
 	}, [
 		G,
-		q,
-		H.isLoading,
-		H.isError,
-		H.data,
+		K,
+		U.isLoading,
+		U.isError,
+		U.data,
 		m
-	]), /* @__PURE__ */ P(t, {
+	]), /* @__PURE__ */ F(t, {
 		title: "Grading",
 		description: "Review and grade assessment submissions across every course in your workspace.",
 		titleGradient: !0,
 		aurora: !0,
-		actions: /* @__PURE__ */ P(F, {
+		actions: /* @__PURE__ */ F(I, {
 			variant: "outline",
 			onClick: () => m("submissions/bulk"),
-			children: [/* @__PURE__ */ N(O, { className: "mr-1.5 h-4 w-4" }), " Bulk grade"]
+			children: [/* @__PURE__ */ P(A, { className: "mr-1.5 h-4 w-4" }), " Bulk grade"]
 		}),
-		children: [/* @__PURE__ */ P("div", {
+		children: [/* @__PURE__ */ F("div", {
 			className: "flex flex-col gap-6",
 			children: [
-				/* @__PURE__ */ P("div", {
+				/* @__PURE__ */ F("div", {
 					className: "grid grid-cols-2 gap-4 xl:grid-cols-4",
 					children: [
-						/* @__PURE__ */ N(n, {
-							icon: /* @__PURE__ */ N(T, { className: "h-5 w-5" }),
-							value: Y.total,
+						/* @__PURE__ */ P(n, {
+							icon: /* @__PURE__ */ P(D, { className: "h-5 w-5" }),
+							value: X.total,
 							label: "Submissions (this page)",
 							featured: !0
 						}),
-						/* @__PURE__ */ N(n, {
-							icon: /* @__PURE__ */ N(E, { className: "h-5 w-5" }),
-							value: Y.awaiting,
+						/* @__PURE__ */ P(n, {
+							icon: /* @__PURE__ */ P(O, { className: "h-5 w-5" }),
+							value: X.awaiting,
 							label: "Awaiting grade (this page)",
 							accent: "warning"
 						}),
-						/* @__PURE__ */ N(n, {
-							icon: /* @__PURE__ */ N(w, { className: "h-5 w-5" }),
-							value: Y.graded,
+						/* @__PURE__ */ P(n, {
+							icon: /* @__PURE__ */ P(E, { className: "h-5 w-5" }),
+							value: X.graded,
 							label: "Graded (this page)",
 							accent: "success"
 						}),
-						/* @__PURE__ */ N(n, {
-							icon: /* @__PURE__ */ N(A, { className: "h-5 w-5" }),
-							value: Y.returned,
+						/* @__PURE__ */ P(n, {
+							icon: /* @__PURE__ */ P(M, { className: "h-5 w-5" }),
+							value: X.returned,
 							label: "Returned (this page)"
 						})
 					]
 				}),
-				/* @__PURE__ */ N(u, {
-					items: re,
-					value: k,
+				/* @__PURE__ */ P(u, {
+					items: ne,
+					value: b,
 					onChange: (e) => {
-						M(e), I.reset();
+						x(e), j.reset();
 					}
 				}),
-				R ? /* @__PURE__ */ N(c, { label: "Loading submissions…" }) : z ? /* @__PURE__ */ N(s, {
+				L ? /* @__PURE__ */ P(c, { label: "Loading submissions…" }) : R ? /* @__PURE__ */ P(s, {
 					title: "Couldn't load submissions",
 					message: "The grading queue failed to load.",
-					onRetry: () => B()
-				}) : U.length === 0 ? /* @__PURE__ */ N(o, {
+					onRetry: () => V()
+				}) : W.length === 0 ? /* @__PURE__ */ P(o, {
 					illustration: "empty-data",
-					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", {
+					icon: /* @__PURE__ */ P(k, { className: "h-10 w-10" }),
+					title: b === "ALL" ? "No submissions yet" : "Nothing in this status",
+					description: b === "ALL" ? "When learners submit assessments, their attempts will appear here for grading." : "No submissions currently match this status filter."
+				}) : /* @__PURE__ */ F("div", {
 					className: "flex flex-col gap-4",
-					children: [/* @__PURE__ */ N(l, {
+					children: [/* @__PURE__ */ P(l, {
 						columns: [
 							{
 								key: "learner",
 								header: "Learner",
-								sortValue: (e) => X(e.learnerId) ? "" : e.learnerId,
-								render: (e) => /* @__PURE__ */ P("div", {
+								sortValue: (e) => Z(e.learnerId) ? "" : e.learnerId,
+								render: (e) => /* @__PURE__ */ F("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ N(f, {
+									children: [/* @__PURE__ */ P(f, {
 										size: "sm",
-										name: X(e.learnerId) ? J : void 0,
+										name: Z(e.learnerId) ? J : void 0,
 										seed: e.learnerId,
-										src: X(e.learnerId) ? i?.avatar : void 0
-									}), /* @__PURE__ */ P("div", {
+										src: Z(e.learnerId) ? i?.avatar : void 0
+									}), /* @__PURE__ */ F("div", {
 										className: "min-w-0",
-										children: [/* @__PURE__ */ N("span", {
+										children: [/* @__PURE__ */ P("span", {
 											className: "block truncate font-medium text-text-primary",
 											title: e.learnerId,
-											children: X(e.learnerId) ? "You" : K(e.learnerId)
-										}), X(e.learnerId) && J && /* @__PURE__ */ N("span", {
+											children: Z(e.learnerId) ? "You" : Y(e.learnerId)
+										}), Z(e.learnerId) && J && /* @__PURE__ */ P("span", {
 											className: "block truncate text-xs text-text-secondary",
 											children: J
 										})]
@@ -576,12 +570,12 @@ var W = 24, re = [
 								key: "assessment",
 								header: "Assessment",
 								hideOnMobile: !0,
-								render: (e) => /* @__PURE__ */ P("span", {
+								render: (e) => /* @__PURE__ */ F("span", {
 									className: "inline-flex items-center gap-2 text-text-secondary",
-									children: [/* @__PURE__ */ N(C, { className: "h-4 w-4 shrink-0 opacity-70" }), /* @__PURE__ */ N("span", {
+									children: [/* @__PURE__ */ P(T, { className: "h-4 w-4 shrink-0 opacity-70" }), /* @__PURE__ */ P("span", {
 										className: "font-mono text-xs",
 										title: e.assessmentId,
-										children: K(e.assessmentId)
+										children: Y(e.assessmentId)
 									})]
 								})
 							},
@@ -591,7 +585,7 @@ var W = 24, re = [
 								align: "right",
 								hideOnMobile: !0,
 								sortValue: (e) => e.attempt,
-								render: (e) => /* @__PURE__ */ P("span", {
+								render: (e) => /* @__PURE__ */ F("span", {
 									className: "tabular-nums text-text-secondary",
 									children: ["#", e.attempt]
 								})
@@ -600,17 +594,17 @@ var W = 24, re = [
 								key: "status",
 								header: "Status",
 								sortValue: (e) => e.status,
-								render: (e) => /* @__PURE__ */ N(a, { status: e.status })
+								render: (e) => /* @__PURE__ */ P(a, { status: e.status })
 							},
 							{
 								key: "score",
 								header: "Score",
 								align: "right",
 								sortValue: (e) => e.score ?? -1,
-								render: (e) => e.score == null ? /* @__PURE__ */ N("span", {
+								render: (e) => e.score == null ? /* @__PURE__ */ P("span", {
 									className: "text-text-secondary",
 									children: "—"
-								}) : /* @__PURE__ */ N("span", {
+								}) : /* @__PURE__ */ P("span", {
 									className: "tabular-nums font-semibold text-text-primary",
 									children: e.score
 								})
@@ -621,53 +615,53 @@ var W = 24, re = [
 								align: "right",
 								hideOnMobile: !0,
 								sortValue: (e) => e.submittedAt ?? e.createdAt,
-								render: (e) => /* @__PURE__ */ P("div", {
+								render: (e) => /* @__PURE__ */ F("div", {
 									className: "whitespace-nowrap text-right",
-									children: [/* @__PURE__ */ N("div", {
+									children: [/* @__PURE__ */ P("div", {
 										className: "text-text-primary",
 										children: r(e.submittedAt)
-									}), e.submittedAt && /* @__PURE__ */ N("div", {
+									}), e.submittedAt && /* @__PURE__ */ P("div", {
 										className: "text-xs text-text-secondary",
-										children: ie(e.submittedAt)
+										children: re(e.submittedAt)
 									})]
 								})
 							}
 						],
-						rows: U,
+						rows: W,
 						rowKey: (e) => e.id,
-						onRowClick: Q,
+						onRowClick: ae,
 						defaultSort: {
 							key: "submittedAt",
 							dir: "desc"
 						}
-					}), /* @__PURE__ */ N(d, {
-						page: I.page,
-						pageSize: W,
-						itemCount: U.length,
-						hasMore: L?.pageInfo?.hasMore ?? !1,
-						onPageChange: (e) => I.onPageChange(e, L?.pageInfo?.cursor)
+					}), /* @__PURE__ */ P(d, {
+						page: j.page,
+						pageSize: q,
+						itemCount: W.length,
+						hasMore: N?.pageInfo?.hasMore ?? !1,
+						onPageChange: (e) => j.onPageChange(e, N?.pageInfo?.cursor)
 					})]
 				})
 			]
-		}), /* @__PURE__ */ N(ee, {
+		}), /* @__PURE__ */ P(z, {
 			open: G != null,
 			onOpenChange: (e) => {
 				e || $();
 			},
-			children: /* @__PURE__ */ N(te, {
+			children: /* @__PURE__ */ P(B, {
 				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,
+				children: K ? /* @__PURE__ */ P(ie, {
+					submission: K,
 					currentUser: i,
 					meName: J,
-					isMe: X,
-					learnerLabel: Z,
-					gradeSubmission: V,
+					isMe: Z,
+					learnerLabel: Q,
+					gradeSubmission: H,
 					onClose: $
-				}, q.id) : G ? /* @__PURE__ */ N("div", {
+				}, K.id) : G ? /* @__PURE__ */ P("div", {
 					className: "flex min-h-[300px] items-center justify-center p-5",
-					children: /* @__PURE__ */ N(c, { label: "Loading submission…" })
+					children: /* @__PURE__ */ P(c, { label: "Loading submission…" })
 				}) : null
 			})
 		})]