@hydralms/components 0.2.0 → 0.3.0

package/dist/modules.js

@@ -1,300 +1,381 @@
-import { jsx as e, jsxs as t, Fragment as J } from "react/jsx-runtime";
-import { useState as P, useRef as E, useEffect as D, useMemo as W } from "react";
-import { Trophy as te, HelpCircle as X, Clock as G, CheckCircle2 as F, Play as Z, XCircle as me, RotateCcw as K, BookOpen as se, Shuffle as ne, Layers as ve, ArrowLeft as H, PanelLeft as we, Check as ke, ChevronLeft as Se, ChevronRight as ze, ShieldCheck as ye, ClipboardList as Ce, BarChart3 as Ae, FileEdit as ae, Paperclip as le, FileText as Re, Link as Te, Award as Pe, PartyPopper as Ee } from "lucide-react";
-import { Q as Ie, A as re, F as Me, g as Ue, b as je, P as Be, L as Le, d as De, E as Qe, S as $e, G as Fe, e as Ye, f as ie, a as qe, R as Ge, C as Ve, D as We, c as He } from "./ForumBoard-CHXU3mjC.js";
-import { C as B, w as L, u as j, a as V, B as R, c as T, af as ee, aq as U, an as q, aU as he, J as Oe, N as _e, R as Je, V as Xe, M as Ze, L as Ke, Z as fe, P as et, e as xe, g as pe, a4 as ge, aB as tt, aD as st, aE as ce, aC as oe, Y as de, ar as ue } from "./tabs-Wf3h_Cx3.js";
-function dt({
-  title: u,
-  description: b,
-  questions: h,
-  timeLimitSeconds: o,
-  passingScore: k,
-  allowRetake: m = !0,
-  onComplete: l,
-  showReview: i = !0,
-  questionMaterials: f,
-  className: d,
-  style: v
+import { jsx as e, jsxs as t, Fragment as te } from "react/jsx-runtime";
+import { useState as R, useRef as U, useEffect as L, useCallback as T, useMemo as K } from "react";
+import { HelpCircle as le, Clock as re, CheckCircle2 as X, Play as ae, XCircle as Te, Trophy as se, RotateCcw as ie, BookOpen as Z, Shuffle as he, Layers as Ie, ArrowLeft as J, PanelLeft as je, Check as Le, ChevronLeft as Fe, ChevronRight as Qe, ShieldCheck as $e, ClipboardList as Ye, BarChart3 as ve, FileEdit as fe, Paperclip as xe, FileText as qe, Link as Ge, Award as ee, PartyPopper as We, Bell as Ve, User as He } from "lucide-react";
+import { a as be, Q as _e, F as Je, l as Ke, d as Xe, P as Ze, L as De, g as Oe, e as et, k as tt, G as st, h as we, i as pe, b as rt, R as nt, C as Se, D as lt, f as at, c as ke, A as it, E as ct, j as dt } from "./StudentProfile-DeMxdrL3.js";
+import { C as I, x as j, B as q, a as ne, v as P, ak as D, aw as G, as as _, a$ as ze, c as A, M as ot, R as ut, U as mt, Y as ht, Q as ft, O as xt, a1 as ce, P as pt, d as Ce, e as ye, a8 as Ae, aI as de, aK as oe, aL as V, aJ as H, $ as ge, ax as Ne, aR as gt, b0 as Nt, A as vt } from "./tabs-BuY1iNJE.js";
+import { w as Y } from "./withProGate-BWqcKdPM.js";
+function Me(c) {
+  const [N, o] = R(0), l = U(null), f = U(null), i = U(0);
+  L(() => (c ? (l.current = Date.now(), f.current = setInterval(() => {
+    if (l.current) {
+      const a = Math.floor((Date.now() - l.current) / 1e3);
+      a !== i.current && (i.current = a, o(a));
+    }
+  }, 1e3)) : f.current && (clearInterval(f.current), f.current = null), () => {
+    f.current && clearInterval(f.current);
+  }), [c]);
+  const n = T(() => l.current ? Math.floor((Date.now() - l.current) / 1e3) : i.current, []), h = T(() => {
+    i.current = 0, o(0), l.current = null;
+  }, []);
+  return { timeElapsed: N, getFinalElapsed: n, reset: h };
+}
+function Ee({
+  icon: c,
+  title: N,
+  description: o,
+  questionCount: l,
+  timeLimitSeconds: f,
+  passingScore: i,
+  startLabel: n,
+  onStart: h,
+  children: a,
+  readOnly: u = !1
 }) {
-  const [x, n] = P({ tag: "intro" }), [g, a] = P(0), p = E(null), N = E(null), C = E(null);
-  D(() => {
-    var r;
-    (r = C.current) == null || r.focus({ preventScroll: !0 });
-  }, [x.tag]), D(() => (x.tag === "quiz" ? (p.current = Date.now(), N.current = setInterval(() => {
-    p.current && a(Math.floor((Date.now() - p.current) / 1e3));
-  }, 1e3)) : N.current && (clearInterval(N.current), N.current = null), () => {
-    N.current && clearInterval(N.current);
-  }), [x.tag]);
-  function S(r) {
-    const { correct: A, total: I, percentage: M } = he(h, r), Q = p.current ? Math.floor((Date.now() - p.current) / 1e3) : g;
-    return {
-      answers: r,
-      correct: A,
-      total: I,
-      percentage: M,
-      passed: k !== void 0 ? M >= k : !0,
-      timeElapsedSeconds: Q
-    };
-  }
-  function w(r) {
-    const A = S(r);
-    n({ tag: "results", result: A }), l == null || l(A);
-  }
-  function z() {
-    a(0), p.current = null, n({ tag: "intro" });
-  }
-  if (x.tag === "intro")
-    return /* @__PURE__ */ e("div", { ref: C, tabIndex: -1, className: T("max-w-2xl mx-auto outline-none", d), style: v, children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(L, { className: "pt-8 pb-8 text-center", children: [
-      /* @__PURE__ */ e("div", { className: "mx-auto mb-4 w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center", children: /* @__PURE__ */ e(te, { className: "size-7 text-primary" }) }),
-      /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-foreground mb-2", children: u }),
-      b && /* @__PURE__ */ e("p", { className: "text-muted-foreground mb-6 max-w-md mx-auto", children: b }),
-      /* @__PURE__ */ t("div", { className: "flex flex-wrap justify-center gap-2 mb-8", children: [
-        /* @__PURE__ */ t(j, { variant: "outline", className: "gap-1.5", children: [
-          /* @__PURE__ */ e(X, { className: "size-3.5" }),
-          h.length,
-          " questions"
-        ] }),
-        o && /* @__PURE__ */ t(j, { variant: "outline", className: "gap-1.5", children: [
-          /* @__PURE__ */ e(G, { className: "size-3.5" }),
-          V(o),
-          " time limit"
-        ] }),
-        k !== void 0 && /* @__PURE__ */ t(j, { variant: "outline", className: "gap-1.5", children: [
-          /* @__PURE__ */ e(F, { className: "size-3.5" }),
-          k,
-          "% to pass"
-        ] })
+  return /* @__PURE__ */ e(I, { children: /* @__PURE__ */ t(j, { className: "pt-8 pb-8 text-center", children: [
+    /* @__PURE__ */ e("div", { className: "mx-auto mb-4 w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center", children: c }),
+    /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-foreground mb-2", children: N }),
+    o && /* @__PURE__ */ e("p", { className: "text-muted-foreground mb-6 max-w-md mx-auto", children: o }),
+    a,
+    /* @__PURE__ */ t("div", { className: "flex flex-wrap justify-center gap-2 mb-8", children: [
+      /* @__PURE__ */ t(q, { variant: "outline", className: "gap-1.5", children: [
+        /* @__PURE__ */ e(le, { className: "size-3.5" }),
+        l,
+        " questions"
       ] }),
-      /* @__PURE__ */ t(R, { size: "lg", onClick: () => n({ tag: "quiz" }), children: [
-        /* @__PURE__ */ e(Z, { className: "size-4 mr-2" }),
-        "Start Quiz"
+      f != null && /* @__PURE__ */ t(q, { variant: "outline", className: "gap-1.5", children: [
+        /* @__PURE__ */ e(re, { className: "size-3.5" }),
+        ne(f),
+        " time limit"
+      ] }),
+      i !== void 0 && /* @__PURE__ */ t(q, { variant: "outline", className: "gap-1.5", children: [
+        /* @__PURE__ */ e(X, { className: "size-3.5" }),
+        i,
+        "% to pass"
       ] })
-    ] }) }) });
-  if (x.tag === "quiz")
-    return /* @__PURE__ */ e("div", { ref: C, tabIndex: -1, className: T("outline-none", d), style: v, children: /* @__PURE__ */ e(
-      Ie,
-      {
-        questions: h,
-        onSubmit: w,
-        timeElapsedSeconds: g,
-        timeLimitSeconds: o,
-        questionMaterials: f
-      }
-    ) });
-  const { result: s } = x, c = s.passed;
-  return /* @__PURE__ */ t("div", { ref: C, tabIndex: -1, className: T("max-w-2xl mx-auto outline-none", d), style: v, children: [
-    /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(L, { className: "pt-8 pb-8", children: [
+    ] }),
+    /* @__PURE__ */ t(P, { size: "lg", onClick: h, disabled: u, children: [
+      /* @__PURE__ */ e(ae, { className: "size-4 mr-2" }),
+      n
+    ] })
+  ] }) });
+}
+function Be({
+  title: c,
+  percentage: N,
+  passed: o,
+  correct: l,
+  total: f,
+  timeElapsedSeconds: i,
+  answers: n,
+  questions: h,
+  allowRetake: a,
+  onRetake: u,
+  retakeLabel: x = "Retake",
+  showReview: b = !0,
+  extraBadges: s,
+  readOnly: S = !1
+}) {
+  return /* @__PURE__ */ t(te, { children: [
+    /* @__PURE__ */ e(I, { children: /* @__PURE__ */ t(j, { className: "pt-8 pb-8", children: [
       /* @__PURE__ */ t("div", { className: "text-center mb-8", children: [
         /* @__PURE__ */ e(
-          ee,
+          D,
           {
-            value: s.percentage,
+            value: N,
             size: 140,
             strokeWidth: 10,
-            color: c ? "var(--success)" : "var(--destructive)",
+            color: o ? "var(--success)" : "var(--destructive)",
             className: "mx-auto mb-4 text-foreground"
           }
         ),
         /* @__PURE__ */ e(
-          j,
+          q,
           {
-            variant: c ? "success" : "destructive",
+            variant: o ? "success" : "destructive",
             className: "text-sm px-3 py-1 mb-2",
-            children: c ? "Passed" : "Failed"
+            children: o ? "Passed" : "Failed"
           }
         ),
-        /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground", children: u })
+        s,
+        /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground", children: c })
       ] }),
       /* @__PURE__ */ t("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-3 mb-8", children: [
         /* @__PURE__ */ e(
-          U,
+          G,
           {
-            icon: /* @__PURE__ */ e(F, {}),
+            icon: /* @__PURE__ */ e(X, {}),
             label: "Correct",
             description: "Questions answered right",
-            value: `${s.correct}/${s.total}`
+            value: `${l}/${f}`,
+            accent: "var(--success)"
           }
         ),
         /* @__PURE__ */ e(
-          U,
+          G,
           {
-            icon: /* @__PURE__ */ e(me, {}),
+            icon: /* @__PURE__ */ e(Te, {}),
             label: "Incorrect",
             description: "Questions to review",
-            value: `${s.total - s.correct}/${s.total}`
+            value: `${f - l}/${f}`,
+            accent: "var(--destructive)"
           }
         ),
         /* @__PURE__ */ e(
-          U,
+          G,
           {
-            icon: /* @__PURE__ */ e(te, {}),
+            icon: /* @__PURE__ */ e(se, {}),
             label: "Score",
             description: "Overall percentage",
-            value: `${s.percentage}%`
+            value: `${N}%`,
+            accent: "var(--palette-3)"
           }
         ),
         /* @__PURE__ */ e(
-          U,
+          G,
           {
-            icon: /* @__PURE__ */ e(G, {}),
+            icon: /* @__PURE__ */ e(re, {}),
             label: "Time",
             description: "Total elapsed",
-            value: V(s.timeElapsedSeconds)
+            value: ne(i),
+            accent: "var(--palette-1)"
           }
         )
       ] }),
-      m && /* @__PURE__ */ e("div", { className: "flex justify-center mb-8", children: /* @__PURE__ */ t(R, { variant: "outline", onClick: z, children: [
-        /* @__PURE__ */ e(K, { className: "size-4 mr-2" }),
-        "Retake Quiz"
+      a && u && !S && /* @__PURE__ */ e("div", { className: "flex justify-center mb-8", children: /* @__PURE__ */ t(P, { variant: "outline", onClick: u, children: [
+        /* @__PURE__ */ e(ie, { className: "size-4 mr-2" }),
+        x
       ] }) })
     ] }) }),
-    i && /* @__PURE__ */ t(J, { children: [
-      /* @__PURE__ */ e(q, { className: "my-6" }),
+    b && /* @__PURE__ */ t(te, { children: [
+      /* @__PURE__ */ e(_, { className: "my-6" }),
       /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-foreground mb-4", children: "Question Review" }),
       /* @__PURE__ */ e(
-        re,
+        be,
         {
           questions: h,
-          sessionAnswers: s.answers,
+          sessionAnswers: n,
           showCorrectAnswers: !0
         }
       )
     ] })
   ] });
 }
-function ut({
-  decks: u,
-  showShuffleToggle: b = !0,
-  defaultShuffled: h = !1,
-  allowMultiSelect: o = !0,
-  onComplete: k,
-  className: m,
-  style: l
+function bt({
+  title: c,
+  description: N,
+  questions: o,
+  timeLimitSeconds: l,
+  passingScore: f,
+  allowRetake: i = !0,
+  onComplete: n,
+  showReview: h = !0,
+  questionMaterials: a,
+  readOnly: u = !1,
+  className: x,
+  style: b
+}) {
+  const [s, S] = R({ tag: "intro" }), m = U(null), { timeElapsed: g, getFinalElapsed: v, reset: r } = Me(s.tag === "quiz"), C = U(n);
+  C.current = n, L(() => {
+    var d;
+    (d = m.current) == null || d.focus({ preventScroll: !0 });
+  }, [s.tag]);
+  const M = T((d) => {
+    var B;
+    const { correct: p, total: w, percentage: k } = ze(o, d), Q = {
+      answers: d,
+      correct: p,
+      total: w,
+      percentage: k,
+      passed: f !== void 0 ? k >= f : !0,
+      timeElapsedSeconds: v()
+    };
+    S({ tag: "results", result: Q }), (B = C.current) == null || B.call(C, Q);
+  }, [o, f, v]), y = T(() => {
+    r(), S({ tag: "intro" });
+  }, [r]);
+  if (s.tag === "intro")
+    return /* @__PURE__ */ e("div", { ref: m, tabIndex: -1, className: A("max-w-2xl mx-auto outline-none", x), style: b, children: /* @__PURE__ */ e(
+      Ee,
+      {
+        icon: /* @__PURE__ */ e(se, { className: "size-7 text-primary" }),
+        title: c,
+        description: N,
+        questionCount: o.length,
+        timeLimitSeconds: l,
+        passingScore: f,
+        startLabel: "Start Quiz",
+        onStart: () => S({ tag: "quiz" }),
+        readOnly: u
+      }
+    ) });
+  if (s.tag === "quiz")
+    return /* @__PURE__ */ e("div", { ref: m, tabIndex: -1, className: A("outline-none", x), style: b, children: /* @__PURE__ */ e(
+      _e,
+      {
+        questions: o,
+        onSubmit: M,
+        timeElapsedSeconds: g,
+        timeLimitSeconds: l,
+        questionMaterials: a,
+        readOnly: u
+      }
+    ) });
+  const { result: E } = s;
+  return /* @__PURE__ */ e("div", { ref: m, tabIndex: -1, className: A("max-w-2xl mx-auto outline-none", x), style: b, children: /* @__PURE__ */ e(
+    Be,
+    {
+      title: c,
+      percentage: E.percentage,
+      passed: E.passed,
+      correct: E.correct,
+      total: E.total,
+      timeElapsedSeconds: E.timeElapsedSeconds,
+      answers: E.answers,
+      questions: o,
+      allowRetake: i,
+      onRetake: y,
+      retakeLabel: "Retake Quiz",
+      showReview: h,
+      readOnly: u
+    }
+  ) });
+}
+const $t = Y(bt, "QuizModule");
+function wt({
+  decks: c = [],
+  showShuffleToggle: N = !0,
+  defaultShuffled: o = !1,
+  allowMultiSelect: l = !0,
+  onComplete: f,
+  readOnly: i = !1,
+  className: n,
+  style: h
 }) {
-  const [i, f] = P({ tag: "setup" }), [d, v] = P(/* @__PURE__ */ new Set()), [x, n] = P(h), g = E(null), a = E(null);
-  D(() => {
-    var s;
-    (s = a.current) == null || s.focus({ preventScroll: !0 });
-  }, [i.tag]);
-  function p(s) {
-    v((c) => {
-      const r = new Set(c);
-      return r.has(s) ? r.delete(s) : (o || r.clear(), r.add(s)), r;
+  const [a, u] = R({ tag: "setup" }), [x, b] = R(/* @__PURE__ */ new Set()), [s, S] = R(o), m = U(null), g = U(null);
+  L(() => {
+    var d;
+    (d = g.current) == null || d.focus({ preventScroll: !0 });
+  }, [a.tag]);
+  function v(d) {
+    b((p) => {
+      const w = new Set(p);
+      return w.has(d) ? w.delete(d) : (l || w.clear(), w.add(d)), w;
     });
   }
-  function N() {
-    const s = u.filter((r) => d.has(r.uid)), c = s.flatMap((r) => r.cards);
-    g.current = Date.now(), f({
+  function r() {
+    const d = c.filter((w) => x.has(w.uid)), p = d.flatMap((w) => w.cards);
+    m.current = Date.now(), u({
       tag: "study",
-      cards: c,
-      deckUids: s.map((r) => r.uid),
-      shuffled: x
+      cards: p,
+      deckUids: d.map((w) => w.uid),
+      shuffled: s
     });
   }
   function C() {
-    if (i.tag !== "study") return;
-    const s = g.current ? Math.floor((Date.now() - g.current) / 1e3) : 0, c = {
-      totalCards: i.cards.length,
-      decksStudied: i.deckUids.length,
-      deckUids: i.deckUids,
-      wasShuffled: i.shuffled,
-      timeElapsedSeconds: s
+    if (a.tag !== "study") return;
+    const d = m.current ? Math.floor((Date.now() - m.current) / 1e3) : 0, p = {
+      totalCards: a.cards.length,
+      decksStudied: a.deckUids.length,
+      deckUids: a.deckUids,
+      wasShuffled: a.shuffled,
+      timeElapsedSeconds: d
     };
-    f({ tag: "completion", result: c }), k == null || k(c);
+    u({ tag: "completion", result: p }), f == null || f(p);
   }
-  function S() {
-    if (i.tag !== "completion") return;
-    const c = u.filter((r) => i.result.deckUids.includes(r.uid)).flatMap((r) => r.cards);
-    g.current = Date.now(), f({
+  function M() {
+    if (a.tag !== "completion") return;
+    const p = c.filter((w) => a.result.deckUids.includes(w.uid)).flatMap((w) => w.cards);
+    m.current = Date.now(), u({
       tag: "study",
-      cards: c,
-      deckUids: i.result.deckUids,
-      shuffled: i.result.wasShuffled
+      cards: p,
+      deckUids: a.result.deckUids,
+      shuffled: a.result.wasShuffled
     });
   }
-  function w() {
-    v(/* @__PURE__ */ new Set()), n(h), f({ tag: "setup" });
+  function y() {
+    b(/* @__PURE__ */ new Set()), S(o), u({ tag: "setup" });
   }
-  if (i.tag === "setup")
-    return /* @__PURE__ */ e("div", { ref: a, tabIndex: -1, className: T("max-w-2xl mx-auto outline-none", m), style: l, children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(L, { className: "pt-8 pb-8", children: [
+  if (a.tag === "setup")
+    return /* @__PURE__ */ e("div", { ref: g, tabIndex: -1, className: A("max-w-2xl mx-auto outline-none", n), style: h, children: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ t(j, { className: "pt-8 pb-8", children: [
       /* @__PURE__ */ t("div", { className: "text-center mb-6", children: [
-        /* @__PURE__ */ e("div", { className: "mx-auto mb-4 w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center", children: /* @__PURE__ */ e(se, { className: "size-7 text-primary" }) }),
+        /* @__PURE__ */ e("div", { className: "mx-auto mb-4 w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center", children: /* @__PURE__ */ e(Z, { className: "size-7 text-primary" }) }),
         /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-foreground mb-2", children: "Choose Your Decks" }),
-        /* @__PURE__ */ e("p", { className: "text-muted-foreground text-sm", children: o ? "Select one or more decks to study" : "Select a deck to study" })
+        /* @__PURE__ */ e("p", { className: "text-muted-foreground text-sm", children: l ? "Select one or more decks to study" : "Select a deck to study" })
       ] }),
-      /* @__PURE__ */ e("div", { className: "grid sm:grid-cols-2 lg:grid-cols-3 gap-3 mb-6", children: u.map((s) => {
-        const c = d.has(s.uid);
+      /* @__PURE__ */ e("div", { className: "grid sm:grid-cols-2 lg:grid-cols-3 gap-3 mb-6", children: c.map((d) => {
+        const p = x.has(d.uid);
         return /* @__PURE__ */ e(
-          B,
+          I,
           {
-            className: T(
+            className: A(
               "cursor-pointer transition-all py-0",
-              c ? "border-primary ring-1 ring-primary" : "hover:border-muted-foreground/30"
+              p ? "border-primary ring-1 ring-primary" : "hover:border-muted-foreground/30"
             ),
-            onClick: () => p(s.uid),
-            children: /* @__PURE__ */ t(L, { className: "py-4", children: [
+            onClick: () => v(d.uid),
+            children: /* @__PURE__ */ t(j, { className: "py-4", children: [
               /* @__PURE__ */ t("div", { className: "flex items-start justify-between mb-2", children: [
-                /* @__PURE__ */ e("h3", { className: "font-semibold text-foreground text-sm", children: s.title }),
-                /* @__PURE__ */ t(j, { variant: "secondary", className: "text-xs shrink-0", children: [
-                  s.cards.length,
+                /* @__PURE__ */ e("h3", { className: "font-semibold text-foreground text-sm", children: d.title }),
+                /* @__PURE__ */ t(q, { variant: "secondary", className: "text-xs shrink-0", children: [
+                  d.cards.length,
                   " cards"
                 ] })
               ] }),
-              s.description && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground line-clamp-2", children: s.description })
+              d.description && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground line-clamp-2", children: d.description })
             ] })
           },
-          s.uid
+          d.uid
         );
       }) }),
       /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
-          b && /* @__PURE__ */ t(
-            R,
+          N && /* @__PURE__ */ t(
+            P,
             {
-              variant: x ? "secondary" : "outline",
+              variant: s ? "secondary" : "outline",
               size: "sm",
               className: "gap-1.5",
-              onClick: () => n((s) => !s),
+              onClick: () => S((d) => !d),
               children: [
-                /* @__PURE__ */ e(ne, { className: "size-3.5" }),
+                /* @__PURE__ */ e(he, { className: "size-3.5" }),
                 "Shuffle"
               ]
             }
           ),
-          d.size > 0 && /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: [
-            u.filter((s) => d.has(s.uid)).reduce((s, c) => s + c.cards.length, 0),
+          x.size > 0 && /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: [
+            c.filter((d) => x.has(d.uid)).reduce((d, p) => d + p.cards.length, 0),
             " ",
             "cards selected"
           ] })
         ] }),
         /* @__PURE__ */ e(
-          R,
+          P,
           {
-            onClick: N,
-            disabled: d.size === 0,
+            onClick: r,
+            disabled: x.size === 0 || i,
             children: "Start Studying"
           }
         )
       ] })
     ] }) }) });
-  if (i.tag === "study") {
-    const s = u.filter((c) => i.deckUids.includes(c.uid)).map((c) => c.title).join(", ");
-    return /* @__PURE__ */ e("div", { ref: a, tabIndex: -1, className: T("outline-none", m), style: l, children: /* @__PURE__ */ e(
-      Me,
+  if (a.tag === "study") {
+    const d = c.filter((p) => a.deckUids.includes(p.uid)).map((p) => p.title).join(", ");
+    return /* @__PURE__ */ e("div", { ref: g, tabIndex: -1, className: A("outline-none", n), style: h, children: /* @__PURE__ */ e(
+      Je,
       {
-        cards: i.cards,
-        title: s,
-        shuffled: i.shuffled,
-        onComplete: C
+        cards: a.cards,
+        title: d,
+        shuffled: a.shuffled,
+        onComplete: C,
+        readOnly: i
       }
     ) });
   }
-  const { result: z } = i;
-  return /* @__PURE__ */ e("div", { ref: a, tabIndex: -1, className: T("max-w-2xl mx-auto outline-none", m), style: l, children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(L, { className: "pt-8 pb-8", children: [
+  const { result: E } = a;
+  return /* @__PURE__ */ e("div", { ref: g, tabIndex: -1, className: A("max-w-2xl mx-auto outline-none", n), style: h, children: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ t(j, { className: "pt-8 pb-8", children: [
     /* @__PURE__ */ t("div", { className: "text-center mb-8", children: [
       /* @__PURE__ */ t("div", { className: "relative mx-auto mb-4", children: [
         /* @__PURE__ */ e(
-          ee,
+          D,
           {
             value: 100,
             size: 120,
@@ -304,155 +385,162 @@ function ut({
             label: ""
           }
         ),
-        /* @__PURE__ */ e(F, { className: "size-8 text-success absolute inset-0 m-auto" })
+        /* @__PURE__ */ e(X, { className: "size-8 text-success absolute inset-0 m-auto" })
       ] }),
       /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground mb-2", children: "Study Session Complete" }),
       /* @__PURE__ */ e("p", { className: "text-muted-foreground text-sm", children: "Great work! Here's your session summary." })
     ] }),
     /* @__PURE__ */ t("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-3 mb-8", children: [
       /* @__PURE__ */ e(
-        U,
+        G,
         {
-          icon: /* @__PURE__ */ e(ve, {}),
+          icon: /* @__PURE__ */ e(Ie, {}),
           label: "Cards Studied",
           description: "Total cards reviewed",
-          value: String(z.totalCards)
+          value: String(E.totalCards)
         }
       ),
       /* @__PURE__ */ e(
-        U,
+        G,
         {
-          icon: /* @__PURE__ */ e(se, {}),
+          icon: /* @__PURE__ */ e(Z, {}),
           label: "Decks",
           description: "Decks completed",
-          value: String(z.decksStudied)
+          value: String(E.decksStudied)
         }
       ),
       /* @__PURE__ */ e(
-        U,
+        G,
         {
-          icon: /* @__PURE__ */ e(G, {}),
+          icon: /* @__PURE__ */ e(re, {}),
           label: "Time Spent",
           description: "Session duration",
-          value: V(z.timeElapsedSeconds)
+          value: ne(E.timeElapsedSeconds)
         }
       ),
       /* @__PURE__ */ e(
-        U,
+        G,
         {
-          icon: /* @__PURE__ */ e(ne, {}),
+          icon: /* @__PURE__ */ e(he, {}),
           label: "Shuffled",
           description: "Card order randomized",
-          value: z.wasShuffled ? "Yes" : "No"
+          value: E.wasShuffled ? "Yes" : "No"
         }
       )
     ] }),
     /* @__PURE__ */ t("div", { className: "flex justify-center gap-3", children: [
-      /* @__PURE__ */ t(R, { variant: "outline", onClick: w, children: [
-        /* @__PURE__ */ e(H, { className: "size-4 mr-2" }),
+      /* @__PURE__ */ t(P, { variant: "outline", onClick: y, disabled: i, children: [
+        /* @__PURE__ */ e(J, { className: "size-4 mr-2" }),
         "Pick New Deck"
       ] }),
-      /* @__PURE__ */ t(R, { onClick: S, children: [
-        /* @__PURE__ */ e(K, { className: "size-4 mr-2" }),
+      /* @__PURE__ */ t(P, { onClick: M, disabled: i, children: [
+        /* @__PURE__ */ e(ie, { className: "size-4 mr-2" }),
         "Study Again"
       ] })
     ] })
   ] }) }) });
 }
-function mt({
-  courseTitle: u,
-  curriculum: b,
-  progress: h,
-  items: o,
-  initialItemUid: k,
-  onItemComplete: m,
-  onItemChange: l,
-  sidebarCollapsed: i = !1,
-  readOnly: f = !1,
-  className: d,
-  style: v
+const Yt = Y(wt, "FlashcardLab");
+function St({
+  courseTitle: c,
+  curriculum: N,
+  progress: o,
+  items: l,
+  initialItemUid: f,
+  onItemComplete: i,
+  onItemChange: n,
+  sidebarCollapsed: h = !1,
+  readOnly: a = !1,
+  className: u,
+  style: x
 }) {
-  const x = E(null), n = W(() => Ue(b), [b]), g = W(
-    () => new Map(o.map((y) => [y.uid, y])),
-    [o]
-  ), [a, p] = P(
-    k ?? n[0] ?? ""
-  ), [N, C] = P(!i), [S, w] = P(() => h ? new Set(
-    h.filter((y) => y.isCompleted).map((y) => y.resourceUid)
-  ) : /* @__PURE__ */ new Set()), z = n.indexOf(a), s = z > 0, c = z < n.length - 1, r = S.has(a), A = n.length > 0 ? Math.round(
-    n.filter((y) => S.has(y)).length / n.length * 100
-  ) : 0, I = g.get(a);
-  D(() => {
-    var y;
-    (y = x.current) == null || y.focus({ preventScroll: !0 });
-  }, [a]);
-  function M(y) {
-    p(y), l == null || l(y);
-  }
-  function Q(y) {
-    (!y.children || y.children.length === 0) && M(y.uid);
-  }
-  function Y() {
-    w((y) => new Set(y).add(a)), m == null || m(a);
-  }
-  function O() {
-    c && M(n[z + 1]);
-  }
-  function _() {
-    s && M(n[z - 1]);
-  }
-  const Ne = W(() => {
-    const y = new Map(
-      (h ?? []).map(($) => [$.resourceUid, $])
+  const b = U(null), s = K(() => Ke(N), [N]), S = K(
+    () => new Map(l.map((z) => [z.uid, z])),
+    [l]
+  ), [m, g] = R(
+    f ?? s[0] ?? ""
+  ), [v, r] = R(!h), [C, M] = R(() => o ? new Set(
+    o.filter((z) => z.isCompleted).map((z) => z.resourceUid)
+  ) : /* @__PURE__ */ new Set()), y = s.indexOf(m), E = y > 0, d = y < s.length - 1, p = C.has(m), w = s.length > 0 ? Math.round(
+    s.filter((z) => C.has(z)).length / s.length * 100
+  ) : 0, k = S.get(m), Q = K(
+    () => (k == null ? void 0 : k.type) === "video" ? { src: k.src, poster: k.poster, title: k.title } : null,
+    [k]
+  );
+  L(() => {
+    var z;
+    (z = b.current) == null || z.focus({ preventScroll: !0 });
+  }, [m]);
+  const B = U(n);
+  B.current = n;
+  const $ = U(i);
+  $.current = i;
+  const W = T((z) => {
+    var F;
+    g(z), (F = B.current) == null || F.call(B, z);
+  }, []), O = T((z) => {
+    (!z.children || z.children.length === 0) && W(z.uid);
+  }, [W]), ue = T(() => {
+    var z;
+    M((F) => new Set(F).add(m)), (z = $.current) == null || z.call($, m);
+  }, [m]), me = T(() => {
+    const z = s.indexOf(m);
+    z < s.length - 1 && W(s[z + 1]);
+  }, [s, m, W]), Pe = T(() => {
+    const z = s.indexOf(m);
+    z > 0 && W(s[z - 1]);
+  }, [s, m, W]), Ue = K(() => {
+    const z = new Map(
+      (o ?? []).map((F) => [F.resourceUid, F])
     );
-    for (const $ of S)
-      y.has($) ? y.set($, { ...y.get($), isCompleted: !0 }) : y.set($, { resourceUid: $, isCompleted: !0 });
-    return Array.from(y.values());
-  }, [h, S]), be = c ? g.get(n[z + 1]) : null;
+    for (const F of C)
+      z.has(F) ? z.set(F, { ...z.get(F), isCompleted: !0 }) : z.set(F, { resourceUid: F, isCompleted: !0 });
+    return Array.from(z.values());
+  }, [o, C]), Re = d ? S.get(s[y + 1]) : null;
   return /* @__PURE__ */ t(
     "div",
     {
-      className: T("flex h-full overflow-hidden", d),
-      style: v,
+      className: A("flex h-full overflow-hidden", u),
+      style: x,
       children: [
-        /* @__PURE__ */ e(Oe, { open: N, onOpenChange: C, side: "left", children: /* @__PURE__ */ t(_e, { size: "sm", scrollLock: !1, children: [
-          /* @__PURE__ */ t(Je, { className: "flex-row items-center justify-between", children: [
-            /* @__PURE__ */ e(Xe, { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wide", children: "Course" }),
-            /* @__PURE__ */ e(Ze, {})
+        /* @__PURE__ */ e(ot, { open: v, onOpenChange: r, side: "left", children: /* @__PURE__ */ t(ut, { size: "sm", scrollLock: !1, children: [
+          /* @__PURE__ */ t(mt, { className: "flex-row items-center justify-between", children: [
+            /* @__PURE__ */ e(ht, { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wide", children: "Course" }),
+            /* @__PURE__ */ e(ft, {})
           ] }),
-          /* @__PURE__ */ e(Ke, { className: "px-2 pb-2", children: /* @__PURE__ */ e(
-            je,
+          /* @__PURE__ */ e(xt, { className: "px-2 pb-2", children: /* @__PURE__ */ e(
+            Xe,
             {
-              items: b,
-              progress: Ne,
-              courseTitle: u,
-              activeItemUid: a,
-              onItemClick: Q,
-              readOnly: f
+              items: N,
+              progress: Ue,
+              courseTitle: c,
+              activeItemUid: m,
+              onItemClick: O,
+              readOnly: a
             }
           ) })
         ] }) }),
         /* @__PURE__ */ t("div", { className: "flex-1 flex flex-col min-w-0 overflow-hidden", children: [
           /* @__PURE__ */ t("div", { className: "flex items-center gap-2 px-4 py-2 border-b border-border bg-background shrink-0", children: [
             /* @__PURE__ */ e(
-              R,
+              P,
               {
                 variant: "ghost",
                 size: "sm",
                 className: "size-7 p-0 mr-1",
-                onClick: () => C(!0),
-                children: /* @__PURE__ */ e(we, { className: "size-4" })
+                onClick: () => r(!0),
+                children: /* @__PURE__ */ e(je, { className: "size-4" })
               }
             ),
-            /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ e("span", { className: "text-sm font-semibold text-foreground truncate block", children: (I == null ? void 0 : I.title) ?? "Select an item" }) }),
+            /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ e("span", { className: "text-sm font-semibold text-foreground truncate block", children: (k == null ? void 0 : k.title) ?? "Select an item" }) }),
             /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground shrink-0", children: [
-              z + 1,
+              y + 1,
               " / ",
-              n.length
+              s.length
             ] })
           ] }),
-          /* @__PURE__ */ e("div", { ref: x, tabIndex: -1, className: "flex-1 overflow-y-auto p-6 outline-none", children: I ? rt(I, f, Y, r, O, c, be) : /* @__PURE__ */ e(
-            fe,
+          /* @__PURE__ */ e("div", { ref: b, tabIndex: -1, className: "flex-1 overflow-y-auto p-6 outline-none", children: k ? kt(k, a, ue, p, me, d, Re, Q) : /* @__PURE__ */ e(
+            ce,
             {
               title: "No content selected",
               description: "Select an item from the course outline to get started."
@@ -461,43 +549,43 @@ function mt({
           /* @__PURE__ */ e("div", { className: "shrink-0 border-t border-border bg-background px-4 py-3", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-4", children: [
             /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
               /* @__PURE__ */ e("div", { className: "flex items-center gap-2 mb-1", children: /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: [
-                A,
+                w,
                 "% complete"
               ] }) }),
-              /* @__PURE__ */ e(et, { value: A, size: "sm" })
+              /* @__PURE__ */ e(pt, { value: w, size: "sm" })
             ] }),
             /* @__PURE__ */ t("div", { className: "flex items-center gap-2 shrink-0", children: [
-              !r && I && /* @__PURE__ */ t(
-                R,
+              !p && k && /* @__PURE__ */ t(
+                P,
                 {
                   size: "sm",
                   variant: "outline",
-                  onClick: Y,
-                  disabled: f,
+                  onClick: ue,
+                  disabled: a,
                   children: [
-                    /* @__PURE__ */ e(ke, { className: "size-3.5 mr-1" }),
+                    /* @__PURE__ */ e(Le, { className: "size-3.5 mr-1" }),
                     "Complete"
                   ]
                 }
               ),
               /* @__PURE__ */ e(
-                R,
+                P,
                 {
                   size: "sm",
                   variant: "ghost",
-                  onClick: _,
-                  disabled: !s,
-                  children: /* @__PURE__ */ e(Se, { className: "size-4" })
+                  onClick: Pe,
+                  disabled: !E,
+                  children: /* @__PURE__ */ e(Fe, { className: "size-4" })
                 }
               ),
               /* @__PURE__ */ e(
-                R,
+                P,
                 {
                   size: "sm",
                   variant: "ghost",
-                  onClick: O,
-                  disabled: !c,
-                  children: /* @__PURE__ */ e(ze, { className: "size-4" })
+                  onClick: me,
+                  disabled: !d,
+                  children: /* @__PURE__ */ e(Qe, { className: "size-4" })
                 }
               )
             ] })
@@ -507,45 +595,42 @@ function mt({
     }
   );
 }
-function rt(u, b, h, o, k, m, l) {
-  switch (u.type) {
+function kt(c, N, o, l, f, i, n, h) {
+  switch (c.type) {
     case "lesson":
       return /* @__PURE__ */ e(
-        De,
+        Oe,
         {
-          title: u.title,
-          blocks: u.blocks,
-          isCompleted: o,
-          onMarkComplete: h,
-          onNextLesson: m ? k : void 0,
-          nextLessonTitle: l == null ? void 0 : l.title,
-          readOnly: b
+          title: c.title,
+          blocks: c.blocks,
+          isCompleted: l,
+          onMarkComplete: o,
+          onNextLesson: i ? f : void 0,
+          nextLessonTitle: n == null ? void 0 : n.title,
+          readOnly: N
         }
       );
     case "video":
       return /* @__PURE__ */ e(
-        Le,
+        De,
         {
-          video: {
-            src: u.src,
-            poster: u.poster,
-            title: u.title
-          }
+          video: h ?? { src: "", title: c.title },
+          onComplete: l ? void 0 : o
         }
       );
     case "quiz":
       return /* @__PURE__ */ e(
-        Be,
+        Ze,
         {
-          questions: u.questions,
+          questions: c.questions,
           instantFeedback: !0,
           allowRetry: !0,
-          readOnly: b
+          readOnly: N
         }
       );
     default:
       return /* @__PURE__ */ e(
-        fe,
+        ce,
         {
           title: "Unknown content type",
           description: "This content type is not supported."
@@ -553,443 +638,344 @@ function rt(u, b, h, o, k, m, l) {
       );
   }
 }
-function ht({
-  title: u,
-  description: b,
-  instructions: h,
-  questions: o,
-  timeLimitSeconds: k,
-  passingScore: m,
-  allowBackNavigation: l = !0,
-  autoSubmitOnTimeout: i = !0,
-  timeWarningThreshold: f,
-  allowRetake: d = !1,
-  showReview: v = !0,
-  onComplete: x,
-  className: n,
-  style: g
+const qt = Y(St, "CoursePlayer");
+function zt({
+  title: c,
+  description: N,
+  instructions: o,
+  questions: l = [],
+  timeLimitSeconds: f,
+  passingScore: i,
+  allowBackNavigation: n = !0,
+  autoSubmitOnTimeout: h = !0,
+  timeWarningThreshold: a,
+  allowRetake: u = !1,
+  showReview: x = !0,
+  onComplete: b,
+  readOnly: s = !1,
+  className: S,
+  style: m
 }) {
-  const [a, p] = P({ tag: "intro" }), [N, C] = P(0), S = E(null), w = E(null), z = E(null);
-  D(() => {
-    var M;
-    (M = z.current) == null || M.focus({ preventScroll: !0 });
-  }, [a.tag]), D(() => (a.tag === "exam" ? (S.current = Date.now(), w.current = setInterval(() => {
-    S.current && C(Math.floor((Date.now() - S.current) / 1e3));
-  }, 1e3)) : w.current && (clearInterval(w.current), w.current = null), () => {
-    w.current && clearInterval(w.current);
-  }), [a.tag]);
-  function s(M, Q) {
-    const { correct: Y, total: O, percentage: _ } = he(o, M);
-    return {
-      answers: M,
-      correct: Y,
-      total: O,
-      percentage: _,
-      passed: m !== void 0 ? _ >= m : !0,
-      timeElapsedSeconds: Q.timeElapsedSeconds,
-      wasAutoSubmitted: Q.wasAutoSubmitted
+  const [g, v] = R({ tag: "intro" }), r = U(null), { timeElapsed: C, reset: M } = Me(g.tag === "exam"), y = U(b);
+  y.current = b, L(() => {
+    var w;
+    (w = r.current) == null || w.focus({ preventScroll: !0 });
+  }, [g.tag]);
+  const E = T((w, k) => {
+    var O;
+    const { correct: Q, total: B, percentage: $ } = ze(l, w), W = {
+      answers: w,
+      correct: Q,
+      total: B,
+      percentage: $,
+      passed: i !== void 0 ? $ >= i : !0,
+      timeElapsedSeconds: k.timeElapsedSeconds,
+      wasAutoSubmitted: k.wasAutoSubmitted
     };
-  }
-  function c(M, Q) {
-    const Y = s(M, Q);
-    p({ tag: "results", result: Y }), x == null || x(Y);
-  }
-  function r() {
-    C(0), S.current = null, p({ tag: "intro" });
-  }
-  if (a.tag === "intro")
-    return /* @__PURE__ */ e(
-      "div",
+    v({ tag: "results", result: W }), (O = y.current) == null || O.call(y, W);
+  }, [l, i]), d = T(() => {
+    M(), v({ tag: "intro" });
+  }, [M]);
+  if (g.tag === "intro")
+    return /* @__PURE__ */ e("div", { ref: r, tabIndex: -1, className: A("max-w-2xl mx-auto outline-none", S), style: m, children: /* @__PURE__ */ e(
+      Ee,
       {
-        ref: z,
-        tabIndex: -1,
-        className: T("max-w-2xl mx-auto outline-none", n),
-        style: g,
-        children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(L, { className: "pt-8 pb-8 text-center", children: [
-          /* @__PURE__ */ e("div", { className: "mx-auto mb-4 w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center", children: /* @__PURE__ */ e(ye, { className: "size-7 text-primary" }) }),
-          /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-foreground mb-2", children: u }),
-          b && /* @__PURE__ */ e("p", { className: "text-muted-foreground mb-6 max-w-md mx-auto", children: b }),
-          h && /* @__PURE__ */ e(xe, { className: "text-left mb-6", children: /* @__PURE__ */ e(pe, { children: h }) }),
-          /* @__PURE__ */ t("div", { className: "flex flex-wrap justify-center gap-2 mb-8", children: [
-            /* @__PURE__ */ t(j, { variant: "outline", className: "gap-1.5", children: [
-              /* @__PURE__ */ e(X, { className: "size-3.5" }),
-              o.length,
-              " questions"
-            ] }),
-            /* @__PURE__ */ t(j, { variant: "outline", className: "gap-1.5", children: [
-              /* @__PURE__ */ e(G, { className: "size-3.5" }),
-              V(k),
-              " time limit"
-            ] }),
-            m !== void 0 && /* @__PURE__ */ t(j, { variant: "outline", className: "gap-1.5", children: [
-              /* @__PURE__ */ e(F, { className: "size-3.5" }),
-              m,
-              "% to pass"
-            ] })
-          ] }),
-          /* @__PURE__ */ t(R, { size: "lg", onClick: () => p({ tag: "exam" }), children: [
-            /* @__PURE__ */ e(Z, { className: "size-4 mr-2" }),
-            "Begin Exam"
-          ] })
-        ] }) })
+        icon: /* @__PURE__ */ e($e, { className: "size-7 text-primary" }),
+        title: c,
+        description: N,
+        questionCount: l.length,
+        timeLimitSeconds: f,
+        passingScore: i,
+        startLabel: "Begin Exam",
+        onStart: () => v({ tag: "exam" }),
+        readOnly: s,
+        children: o && /* @__PURE__ */ e(Ce, { className: "text-left mb-6", children: /* @__PURE__ */ e(ye, { children: o }) })
       }
-    );
-  if (a.tag === "exam")
-    return /* @__PURE__ */ e(
-      "div",
+    ) });
+  if (g.tag === "exam")
+    return /* @__PURE__ */ e("div", { ref: r, tabIndex: -1, className: A("outline-none", S), style: m, children: /* @__PURE__ */ e(
+      et,
       {
-        ref: z,
-        tabIndex: -1,
-        className: T("outline-none", n),
-        style: g,
-        children: /* @__PURE__ */ e(
-          Qe,
-          {
-            questions: o,
-            timeLimitSeconds: k,
-            timeElapsedSeconds: N,
-            autoSubmitOnTimeout: i,
-            timeWarningThreshold: f,
-            allowBackNavigation: l,
-            confirmBeforeSubmit: !0,
-            examTitle: u,
-            onSubmit: c
-          }
-        )
+        questions: l,
+        timeLimitSeconds: f,
+        timeElapsedSeconds: C,
+        autoSubmitOnTimeout: h,
+        timeWarningThreshold: a,
+        allowBackNavigation: n,
+        confirmBeforeSubmit: !0,
+        examTitle: c,
+        onSubmit: E,
+        readOnly: s
       }
-    );
-  const { result: A } = a, I = A.passed;
-  return /* @__PURE__ */ t(
-    "div",
+    ) });
+  const { result: p } = g;
+  return /* @__PURE__ */ e("div", { ref: r, tabIndex: -1, className: A("max-w-2xl mx-auto outline-none", S), style: m, children: /* @__PURE__ */ e(
+    Be,
     {
-      ref: z,
-      tabIndex: -1,
-      className: T("max-w-2xl mx-auto outline-none", n),
-      style: g,
-      children: [
-        /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(L, { className: "pt-8 pb-8", children: [
-          /* @__PURE__ */ t("div", { className: "text-center mb-8", children: [
-            /* @__PURE__ */ e(
-              ee,
-              {
-                value: A.percentage,
-                size: 140,
-                strokeWidth: 10,
-                color: I ? "var(--success)" : "var(--destructive)",
-                className: "mx-auto mb-4 text-foreground"
-              }
-            ),
-            /* @__PURE__ */ e(
-              j,
-              {
-                variant: I ? "success" : "destructive",
-                className: "text-sm px-3 py-1 mb-2",
-                children: I ? "Passed" : "Failed"
-              }
-            ),
-            A.wasAutoSubmitted && /* @__PURE__ */ e(j, { variant: "outline", className: "text-sm px-3 py-1 mb-2 ml-2", children: "Auto-submitted" }),
-            /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground", children: u })
-          ] }),
-          /* @__PURE__ */ t("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-3 mb-8", children: [
-            /* @__PURE__ */ e(
-              U,
-              {
-                icon: /* @__PURE__ */ e(F, {}),
-                label: "Correct",
-                description: "Questions answered right",
-                value: `${A.correct}/${A.total}`
-              }
-            ),
-            /* @__PURE__ */ e(
-              U,
-              {
-                icon: /* @__PURE__ */ e(me, {}),
-                label: "Incorrect",
-                description: "Questions to review",
-                value: `${A.total - A.correct}/${A.total}`
-              }
-            ),
-            /* @__PURE__ */ e(
-              U,
-              {
-                icon: /* @__PURE__ */ e(te, {}),
-                label: "Score",
-                description: "Overall percentage",
-                value: `${A.percentage}%`
-              }
-            ),
-            /* @__PURE__ */ e(
-              U,
-              {
-                icon: /* @__PURE__ */ e(G, {}),
-                label: "Time",
-                description: "Total elapsed",
-                value: V(A.timeElapsedSeconds)
-              }
-            )
-          ] }),
-          d && /* @__PURE__ */ e("div", { className: "flex justify-center mb-8", children: /* @__PURE__ */ t(R, { variant: "outline", onClick: r, children: [
-            /* @__PURE__ */ e(K, { className: "size-4 mr-2" }),
-            "Retake Exam"
-          ] }) })
-        ] }) }),
-        v && /* @__PURE__ */ t(J, { children: [
-          /* @__PURE__ */ e(q, { className: "my-6" }),
-          /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-foreground mb-4", children: "Question Review" }),
-          /* @__PURE__ */ e(
-            re,
-            {
-              questions: o,
-              sessionAnswers: A.answers,
-              showCorrectAnswers: !0
-            }
-          )
-        ] })
-      ]
+      title: c,
+      percentage: p.percentage,
+      passed: p.passed,
+      correct: p.correct,
+      total: p.total,
+      timeElapsedSeconds: p.timeElapsedSeconds,
+      answers: p.answers,
+      questions: l,
+      allowRetake: u,
+      onRetake: d,
+      retakeLabel: "Retake Exam",
+      showReview: x,
+      readOnly: s,
+      extraBadges: p.wasAutoSubmitted ? /* @__PURE__ */ e(q, { variant: "outline", className: "text-sm px-3 py-1 mb-2 ml-2", children: "Auto-submitted" }) : null
     }
-  );
+  ) });
 }
-function ft({
-  title: u,
-  description: b,
-  questions: h,
-  requireAll: o = !1,
-  showProgress: k = !0,
-  thankYouTitle: m = "Thank You!",
-  thankYouMessage: l,
-  onComplete: i,
-  allowRestart: f = !1,
-  className: d,
-  style: v
+const Gt = Y(zt, "ExamModule");
+function Ct({
+  title: c,
+  description: N,
+  questions: o = [],
+  requireAll: l = !1,
+  showProgress: f = !0,
+  thankYouTitle: i = "Thank You!",
+  thankYouMessage: n,
+  onComplete: h,
+  allowRestart: a = !1,
+  readOnly: u = !1,
+  className: x,
+  style: b
 }) {
-  const [x, n] = P({ tag: "intro" }), g = E(null), a = E(null);
-  D(() => {
-    var w;
-    (w = a.current) == null || w.focus({ preventScroll: !0 });
-  }, [x.tag]);
-  function p(w) {
-    const z = g.current ? Math.floor((Date.now() - g.current) / 1e3) : 0, s = {
-      answers: w,
-      totalQuestions: h.length,
-      answeredCount: w.length,
-      timeElapsedSeconds: z
+  const [s, S] = R({ tag: "intro" }), m = U(null), g = U(null);
+  L(() => {
+    var y;
+    (y = g.current) == null || y.focus({ preventScroll: !0 });
+  }, [s.tag]);
+  function v(y) {
+    const E = m.current ? Math.floor((Date.now() - m.current) / 1e3) : 0, d = {
+      answers: y,
+      totalQuestions: o.length,
+      answeredCount: y.length,
+      timeElapsedSeconds: E
     };
-    n({ tag: "thankYou", result: s }), i == null || i(s);
+    S({ tag: "thankYou", result: d }), h == null || h(d);
   }
-  function N() {
-    g.current = null, n({ tag: "intro" });
+  function r() {
+    m.current = null, S({ tag: "intro" });
   }
   function C() {
-    g.current = Date.now(), n({ tag: "survey" });
+    m.current = Date.now(), S({ tag: "survey" });
   }
-  if (x.tag === "intro")
+  if (s.tag === "intro")
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: a,
+        ref: g,
         tabIndex: -1,
-        className: T("max-w-2xl mx-auto outline-none", d),
-        style: v,
-        children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(L, { className: "pt-8 pb-8 text-center", children: [
-          /* @__PURE__ */ e("div", { className: "mx-auto mb-4 w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center", children: /* @__PURE__ */ e(Ce, { className: "size-7 text-primary" }) }),
-          /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-foreground mb-2", children: u }),
-          b && /* @__PURE__ */ e("p", { className: "text-muted-foreground mb-6 max-w-md mx-auto", children: b }),
-          /* @__PURE__ */ e("div", { className: "flex flex-wrap justify-center gap-2 mb-8", children: /* @__PURE__ */ t(j, { variant: "outline", className: "gap-1.5", children: [
-            /* @__PURE__ */ e(X, { className: "size-3.5" }),
-            h.length,
+        className: A("max-w-2xl mx-auto outline-none", x),
+        style: b,
+        children: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ t(j, { className: "pt-8 pb-8 text-center", children: [
+          /* @__PURE__ */ e("div", { className: "mx-auto mb-4 w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center", children: /* @__PURE__ */ e(Ye, { className: "size-7 text-primary" }) }),
+          /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-foreground mb-2", children: c }),
+          N && /* @__PURE__ */ e("p", { className: "text-muted-foreground mb-6 max-w-md mx-auto", children: N }),
+          /* @__PURE__ */ e("div", { className: "flex flex-wrap justify-center gap-2 mb-8", children: /* @__PURE__ */ t(q, { variant: "outline", className: "gap-1.5", children: [
+            /* @__PURE__ */ e(le, { className: "size-3.5" }),
+            o.length,
             " questions"
           ] }) }),
-          /* @__PURE__ */ t(R, { size: "lg", onClick: C, children: [
-            /* @__PURE__ */ e(Z, { className: "size-4 mr-2" }),
+          /* @__PURE__ */ t(P, { size: "lg", onClick: C, disabled: u, children: [
+            /* @__PURE__ */ e(ae, { className: "size-4 mr-2" }),
             "Begin Survey"
           ] })
         ] }) })
       }
     );
-  if (x.tag === "survey")
+  if (s.tag === "survey")
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: a,
+        ref: g,
         tabIndex: -1,
-        className: T("outline-none", d),
-        style: v,
+        className: A("outline-none", x),
+        style: b,
         children: /* @__PURE__ */ e(
-          $e,
+          tt,
           {
-            title: u,
-            questions: h,
-            requireAll: o,
-            showProgress: k,
-            onSubmit: p
+            title: c,
+            questions: o,
+            requireAll: l,
+            showProgress: f,
+            onSubmit: v,
+            readOnly: u
           }
         )
       }
     );
-  const { result: S } = x;
+  const { result: M } = s;
   return /* @__PURE__ */ e(
     "div",
     {
-      ref: a,
+      ref: g,
       tabIndex: -1,
-      className: T("max-w-2xl mx-auto outline-none", d),
-      style: v,
-      children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(L, { className: "pt-8 pb-8 text-center", children: [
-        /* @__PURE__ */ e("div", { className: "mx-auto mb-4 w-14 h-14 rounded-full bg-success/10 flex items-center justify-center", children: /* @__PURE__ */ e(F, { className: "size-7 text-success" }) }),
-        /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-foreground mb-2", children: m }),
-        /* @__PURE__ */ e("p", { className: "text-muted-foreground mb-6 max-w-md mx-auto", children: l ?? "Your responses have been recorded. Thank you for your feedback!" }),
+      className: A("max-w-2xl mx-auto outline-none", x),
+      style: b,
+      children: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ t(j, { className: "pt-8 pb-8 text-center", children: [
+        /* @__PURE__ */ e("div", { className: "mx-auto mb-4 w-14 h-14 rounded-full bg-success/10 flex items-center justify-center", children: /* @__PURE__ */ e(X, { className: "size-7 text-success" }) }),
+        /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-foreground mb-2", children: i }),
+        /* @__PURE__ */ e("p", { className: "text-muted-foreground mb-6 max-w-md mx-auto", children: n ?? "Your responses have been recorded. Thank you for your feedback!" }),
         /* @__PURE__ */ t("div", { className: "grid grid-cols-2 gap-3 max-w-sm mx-auto mb-6", children: [
           /* @__PURE__ */ e(
-            U,
+            G,
             {
-              icon: /* @__PURE__ */ e(X, {}),
+              icon: /* @__PURE__ */ e(le, {}),
               label: "Answered",
               description: "Questions completed",
-              value: `${S.answeredCount}/${S.totalQuestions}`
+              value: `${M.answeredCount}/${M.totalQuestions}`
             }
           ),
           /* @__PURE__ */ e(
-            U,
+            G,
             {
-              icon: /* @__PURE__ */ e(G, {}),
+              icon: /* @__PURE__ */ e(re, {}),
               label: "Time",
               description: "Total elapsed",
-              value: V(S.timeElapsedSeconds)
+              value: ne(M.timeElapsedSeconds)
             }
           )
         ] }),
-        f && /* @__PURE__ */ t(R, { variant: "outline", onClick: N, children: [
-          /* @__PURE__ */ e(K, { className: "size-4 mr-2" }),
+        a && /* @__PURE__ */ t(P, { variant: "outline", onClick: r, disabled: u, children: [
+          /* @__PURE__ */ e(ie, { className: "size-4 mr-2" }),
           "Take Again"
         ] })
       ] }) })
     }
   );
 }
-function xt({
-  courseTitle: u,
-  gradeItems: b,
-  categories: h,
-  overallGrade: o,
-  showWeights: k,
-  progressData: m,
-  reviewData: l,
-  className: i,
-  style: f
+const Wt = Y(Ct, "SurveyModule");
+function yt({
+  courseTitle: c,
+  gradeItems: N = [],
+  categories: o,
+  overallGrade: l,
+  showWeights: f,
+  progressData: i,
+  reviewData: n,
+  readOnly: h = !1,
+  className: a,
+  style: u
 }) {
-  const [d, v] = P(null), x = E(null);
-  D(() => {
-    var N;
-    (N = x.current) == null || N.focus({ preventScroll: !0 });
-  }, [d]);
-  function n(N) {
-    l != null && l[N.uid] && v(N.uid);
+  const [x, b] = R(null), s = U(null);
+  L(() => {
+    var r;
+    (r = s.current) == null || r.focus({ preventScroll: !0 });
+  }, [x]);
+  function S(r) {
+    n != null && n[r.uid] && b(r.uid);
   }
-  function g() {
-    v(null);
+  function m() {
+    b(null);
   }
-  const a = d ? b.find((N) => N.uid === d) : null, p = d ? l == null ? void 0 : l[d] : null;
+  const g = x ? N.find((r) => r.uid === x) : null, v = x ? n == null ? void 0 : n[x] : null;
   return /* @__PURE__ */ t(
     "div",
     {
-      ref: x,
+      ref: s,
       tabIndex: -1,
-      className: T("outline-none", i),
-      style: f,
+      className: A("outline-none", a),
+      style: u,
       children: [
         /* @__PURE__ */ t("div", { className: "flex items-center justify-between mb-6", children: [
           /* @__PURE__ */ t("div", { children: [
-            u && /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground", children: u }),
+            c && /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground", children: c }),
             /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "Grade Center" })
           ] }),
-          o && /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
+          l && /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ e(
-              ge,
+              Ae,
               {
-                percentage: o.percentage,
-                letterGrade: o.letterGrade,
+                percentage: l.percentage,
+                letterGrade: l.letterGrade,
                 size: "medium"
               }
             ),
             /* @__PURE__ */ t("div", { className: "text-right", children: [
               /* @__PURE__ */ t("div", { className: "text-sm font-medium text-foreground", children: [
-                o.pointsEarned,
+                l.pointsEarned,
                 "/",
-                o.pointsPossible,
+                l.pointsPossible,
                 " pts"
               ] }),
-              o.letterGrade && /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: o.letterGrade })
+              l.letterGrade && /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: l.letterGrade })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ e(q, { className: "mb-6" }),
-        a && p ? /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e(_, { className: "mb-6" }),
+        g && v ? /* @__PURE__ */ t("div", { children: [
           /* @__PURE__ */ t(
-            R,
+            P,
             {
               variant: "ghost",
               size: "sm",
-              onClick: g,
+              onClick: m,
               className: "mb-4",
               children: [
-                /* @__PURE__ */ e(H, { className: "size-4 mr-1.5" }),
+                /* @__PURE__ */ e(J, { className: "size-4 mr-1.5" }),
                 "Back to Grades"
               ]
             }
           ),
-          /* @__PURE__ */ e(B, { className: "mb-4", children: /* @__PURE__ */ t(L, { className: "py-3 px-4", children: [
-            /* @__PURE__ */ e("h3", { className: "font-semibold text-foreground", children: a.name }),
-            a.score !== null && /* @__PURE__ */ t("p", { className: "text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ e(I, { className: "mb-4", children: /* @__PURE__ */ t(j, { className: "py-3 px-4", children: [
+            /* @__PURE__ */ e("h3", { className: "font-semibold text-foreground", children: g.name }),
+            g.score !== null && /* @__PURE__ */ t("p", { className: "text-sm text-muted-foreground", children: [
               "Score: ",
-              a.score,
+              g.score,
               "/",
-              a.maxScore,
+              g.maxScore,
               " (",
               Math.round(
-                a.score / a.maxScore * 100
+                g.score / g.maxScore * 100
               ),
               "%)"
             ] })
           ] }) }),
           /* @__PURE__ */ e(
-            re,
+            be,
             {
-              questions: p.questions,
-              sessionAnswers: p.sessionAnswers,
-              score: p.score,
+              questions: v.questions,
+              sessionAnswers: v.sessionAnswers,
+              score: v.score,
               showCorrectAnswers: !0
             }
           )
-        ] }) : /* @__PURE__ */ t(tt, { defaultValue: "grades", children: [
-          m && /* @__PURE__ */ t(st, { className: "mb-6", children: [
-            /* @__PURE__ */ t(ce, { value: "grades", children: [
-              /* @__PURE__ */ e(se, { className: "size-4 mr-1.5" }),
+        ] }) : /* @__PURE__ */ t(de, { defaultValue: "grades", children: [
+          i && /* @__PURE__ */ t(oe, { className: "mb-6", children: [
+            /* @__PURE__ */ t(V, { value: "grades", children: [
+              /* @__PURE__ */ e(Z, { className: "size-4 mr-1.5" }),
               "Grades"
             ] }),
-            /* @__PURE__ */ t(ce, { value: "progress", children: [
-              /* @__PURE__ */ e(Ae, { className: "size-4 mr-1.5" }),
+            /* @__PURE__ */ t(V, { value: "progress", children: [
+              /* @__PURE__ */ e(ve, { className: "size-4 mr-1.5" }),
               "Progress"
             ] })
           ] }),
-          /* @__PURE__ */ e(oe, { value: "grades", children: /* @__PURE__ */ e(
-            Fe,
+          /* @__PURE__ */ e(H, { value: "grades", children: /* @__PURE__ */ e(
+            st,
             {
-              items: b,
-              categories: h,
-              overallGrade: o,
-              showWeights: k,
-              onItemClick: n
+              items: N,
+              categories: o,
+              overallGrade: l,
+              showWeights: f,
+              onItemClick: S,
+              readOnly: h
             }
           ) }),
-          m && /* @__PURE__ */ e(oe, { value: "progress", children: /* @__PURE__ */ e(
-            Ye,
+          i && /* @__PURE__ */ e(H, { value: "progress", children: /* @__PURE__ */ e(
+            we,
             {
-              overallProgress: m.overallProgress,
-              totalTimeSpent: m.totalTimeSpent,
-              modules: m.modules,
-              recentActivity: m.recentActivity,
-              streak: m.streak,
-              achievements: m.achievements
+              overallProgress: i.overallProgress,
+              totalTimeSpent: i.totalTimeSpent,
+              modules: i.modules,
+              recentActivity: i.recentActivity,
+              streak: i.streak,
+              achievements: i.achievements
             }
           ) })
         ] })
@@ -997,91 +983,94 @@ function xt({
     }
   );
 }
-const nt = {
+const Vt = Y(yt, "GradeCenterModule"), At = {
   text: "Text Entry",
   file: "File Upload",
   url: "URL Submission"
 };
-function pt({
-  title: u,
-  instructions: b,
-  dueDate: h,
-  maxScore: o,
-  submissionTypes: k,
-  fileConstraints: m,
-  rubric: l,
-  existingSubmission: i,
-  status: f = "not_started",
-  grade: d,
-  onSubmit: v,
-  onSaveDraft: x,
-  className: n,
+function Mt({
+  title: c,
+  instructions: N,
+  dueDate: o,
+  maxScore: l,
+  submissionTypes: f = ["text", "file"],
+  fileConstraints: i,
+  rubric: n,
+  existingSubmission: h,
+  status: a = "not_started",
+  grade: u,
+  onSubmit: x,
+  onComplete: b,
+  onSaveDraft: s,
+  readOnly: S = !1,
+  className: m,
   style: g
 }) {
-  const a = f === "submitted" || f === "graded" ? {
+  const v = a === "submitted" || a === "graded" ? {
     tag: "confirmation",
-    submission: i ?? {}
-  } : { tag: "instructions" }, [p, N] = P(a), C = E(null);
-  D(() => {
-    var r;
-    (r = C.current) == null || r.focus({ preventScroll: !0 });
-  }, [p.tag]);
-  const S = W(() => l ? l.reduce(
-    (r, A) => r + Math.max(...A.levels.map((I) => I.points)),
+    submission: h ?? {}
+  } : { tag: "instructions" }, [r, C] = R(v), M = U(null);
+  L(() => {
+    var k;
+    (k = M.current) == null || k.focus({ preventScroll: !0 });
+  }, [r.tag]);
+  const y = K(() => Array.isArray(n) ? n.reduce(
+    (k, Q) => k + Math.max(...Q.levels.map((B) => B.points)),
     0
-  ) : 0, [l]);
-  function w(r) {
-    v == null || v(r), N({ tag: "confirmation", submission: r });
+  ) : 0, [n]);
+  function E(k) {
+    x == null || x(k), b == null || b({ submission: k, status: "submitted" }), C({ tag: "confirmation", submission: k });
   }
-  function z(r) {
-    x == null || x(r);
+  function d(k) {
+    s == null || s(k), b == null || b({ submission: k, status: "draft" });
   }
-  const s = f === "not_started" || f === "draft" || f === "resubmit";
-  if (p.tag === "instructions")
+  const p = a === "not_started" || a === "draft" || a === "resubmit";
+  if (r.tag === "instructions")
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: C,
+        ref: M,
         tabIndex: -1,
-        className: T("max-w-2xl mx-auto outline-none", n),
+        className: A("max-w-2xl mx-auto outline-none", m),
         style: g,
-        children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(L, { className: "pt-8 pb-8", children: [
+        children: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ t(j, { className: "pt-8 pb-8", children: [
           /* @__PURE__ */ t("div", { className: "text-center mb-6", children: [
-            /* @__PURE__ */ e("div", { className: "mx-auto mb-4 w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center", children: /* @__PURE__ */ e(ae, { className: "size-7 text-primary" }) }),
-            /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-foreground mb-2", children: u })
+            /* @__PURE__ */ e("div", { className: "mx-auto mb-4 w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center", children: /* @__PURE__ */ e(fe, { className: "size-7 text-primary" }) }),
+            /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-foreground mb-2", children: c })
           ] }),
           /* @__PURE__ */ t("div", { className: "flex flex-wrap justify-center gap-2 mb-6", children: [
-            h && /* @__PURE__ */ e(de, { dueDate: h, size: "small" }),
-            o !== void 0 && /* @__PURE__ */ t(j, { variant: "outline", className: "gap-1.5", children: [
-              /* @__PURE__ */ e(F, { className: "size-3.5" }),
-              o,
+            o && /* @__PURE__ */ e(ge, { dueDate: o, size: "small" }),
+            l !== void 0 && /* @__PURE__ */ t(q, { variant: "outline", className: "gap-1.5", children: [
+              /* @__PURE__ */ e(X, { className: "size-3.5" }),
+              l,
               " points"
             ] }),
-            /* @__PURE__ */ t(j, { variant: "outline", className: "gap-1.5", children: [
-              /* @__PURE__ */ e(le, { className: "size-3.5" }),
-              k.map((r) => nt[r]).join(", ")
+            /* @__PURE__ */ t(q, { variant: "outline", className: "gap-1.5", children: [
+              /* @__PURE__ */ e(xe, { className: "size-3.5" }),
+              f.map((k) => At[k]).join(", ")
             ] }),
-            /* @__PURE__ */ e(ue, { status: f })
+            /* @__PURE__ */ e(Ne, { status: a })
           ] }),
-          /* @__PURE__ */ e(q, { className: "my-6" }),
-          /* @__PURE__ */ e("div", { className: "prose prose-sm text-foreground mb-6", children: b }),
-          l && l.length > 0 && /* @__PURE__ */ t(J, { children: [
-            /* @__PURE__ */ e(q, { className: "my-6" }),
+          /* @__PURE__ */ e(_, { className: "my-6" }),
+          /* @__PURE__ */ e("div", { className: "prose prose-sm text-foreground mb-6", children: N }),
+          Array.isArray(n) && n.length > 0 && /* @__PURE__ */ t(te, { children: [
+            /* @__PURE__ */ e(_, { className: "my-6" }),
             /* @__PURE__ */ e(
-              ie,
+              pe,
               {
-                criteria: l,
-                maxScore: S
+                criteria: n,
+                maxScore: y
               }
             )
           ] }),
-          s && /* @__PURE__ */ e("div", { className: "text-center mt-8", children: /* @__PURE__ */ t(
-            R,
+          p && !S && /* @__PURE__ */ e("div", { className: "text-center mt-8", children: /* @__PURE__ */ t(
+            P,
             {
               size: "lg",
-              onClick: () => N({ tag: "work" }),
+              onClick: () => C({ tag: "work" }),
+              disabled: S,
               children: [
-                /* @__PURE__ */ e(Z, { className: "size-4 mr-2" }),
+                /* @__PURE__ */ e(ae, { className: "size-4 mr-2" }),
                 "Start Assignment"
               ]
             }
@@ -1089,120 +1078,121 @@ function pt({
         ] }) })
       }
     );
-  if (p.tag === "work")
+  if (r.tag === "work")
     return /* @__PURE__ */ t(
       "div",
       {
-        ref: C,
+        ref: M,
         tabIndex: -1,
-        className: T("outline-none", n),
+        className: A("outline-none", m),
         style: g,
         children: [
           /* @__PURE__ */ t(
-            R,
+            P,
             {
               variant: "ghost",
               size: "sm",
-              onClick: () => N({ tag: "instructions" }),
+              onClick: () => C({ tag: "instructions" }),
               className: "mb-4",
               children: [
-                /* @__PURE__ */ e(H, { className: "size-4 mr-1.5" }),
+                /* @__PURE__ */ e(J, { className: "size-4 mr-1.5" }),
                 "Back to Instructions"
               ]
             }
           ),
           /* @__PURE__ */ e(
-            qe,
+            rt,
             {
-              title: u,
-              instructions: b,
-              dueDate: h,
-              maxScore: o,
-              status: f,
-              submissionTypes: k,
-              existingSubmission: i,
-              fileConstraints: m,
-              grade: d,
-              onSubmit: w,
-              onSaveDraft: z
+              title: c,
+              instructions: N,
+              dueDate: o,
+              maxScore: l,
+              status: a,
+              submissionTypes: f,
+              existingSubmission: h,
+              fileConstraints: i,
+              grade: u,
+              onSubmit: E,
+              onSaveDraft: d,
+              readOnly: S
             }
           )
         ]
       }
     );
-  const { submission: c } = p;
+  const { submission: w } = r;
   return /* @__PURE__ */ e(
     "div",
     {
-      ref: C,
+      ref: M,
       tabIndex: -1,
-      className: T("max-w-2xl mx-auto outline-none", n),
+      className: A("max-w-2xl mx-auto outline-none", m),
       style: g,
-      children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(L, { className: "pt-8 pb-8", children: [
+      children: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ t(j, { className: "pt-8 pb-8", children: [
         /* @__PURE__ */ t("div", { className: "text-center mb-6", children: [
-          /* @__PURE__ */ e("div", { className: "mx-auto mb-4 w-14 h-14 rounded-full bg-success/10 flex items-center justify-center", children: /* @__PURE__ */ e(F, { className: "size-7 text-success" }) }),
-          /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground mb-2", children: f === "graded" ? "Assignment Graded" : "Submission Received" }),
+          /* @__PURE__ */ e("div", { className: "mx-auto mb-4 w-14 h-14 rounded-full bg-success/10 flex items-center justify-center", children: /* @__PURE__ */ e(X, { className: "size-7 text-success" }) }),
+          /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground mb-2", children: a === "graded" ? "Assignment Graded" : "Submission Received" }),
           /* @__PURE__ */ t("div", { className: "flex justify-center gap-2 mb-4", children: [
-            /* @__PURE__ */ e(ue, { status: f }),
-            h && /* @__PURE__ */ e(de, { dueDate: h, size: "small" })
+            /* @__PURE__ */ e(Ne, { status: a }),
+            o && /* @__PURE__ */ e(ge, { dueDate: o, size: "small" })
           ] })
         ] }),
-        f === "graded" && d && /* @__PURE__ */ t("div", { className: "text-center mb-6", children: [
+        a === "graded" && u && /* @__PURE__ */ t("div", { className: "text-center mb-6", children: [
           /* @__PURE__ */ e(
-            ge,
+            Ae,
             {
-              percentage: o ? Math.round(d.score / o * 100) : 0,
+              percentage: l ? Math.round(u.score / l * 100) : 0,
               size: "large"
             }
           ),
           /* @__PURE__ */ t("p", { className: "text-sm text-muted-foreground mt-2", children: [
-            d.score,
+            u.score,
             "/",
-            o,
+            l,
             " points"
           ] }),
-          d.feedback && /* @__PURE__ */ e(xe, { className: "text-left mt-4", children: /* @__PURE__ */ e(pe, { children: d.feedback }) }),
-          l && d.rubricLevels && /* @__PURE__ */ t(J, { children: [
-            /* @__PURE__ */ e(q, { className: "my-6" }),
+          u.feedback && /* @__PURE__ */ e(Ce, { className: "text-left mt-4", children: /* @__PURE__ */ e(ye, { children: u.feedback }) }),
+          Array.isArray(n) && u.rubricLevels && /* @__PURE__ */ t(te, { children: [
+            /* @__PURE__ */ e(_, { className: "my-6" }),
             /* @__PURE__ */ e(
-              ie,
+              pe,
               {
-                criteria: l,
-                selectedLevels: d.rubricLevels,
-                totalScore: d.score,
-                maxScore: S
+                criteria: n,
+                selectedLevels: u.rubricLevels,
+                totalScore: u.score,
+                maxScore: y
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ e(q, { className: "my-6" }),
+        /* @__PURE__ */ e(_, { className: "my-6" }),
         /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-foreground mb-3", children: "What You Submitted" }),
         /* @__PURE__ */ t("div", { className: "space-y-2 text-sm text-muted-foreground", children: [
-          c.textContent && /* @__PURE__ */ t("div", { className: "flex items-start gap-2", children: [
-            /* @__PURE__ */ e(Re, { className: "size-4 mt-0.5 shrink-0" }),
-            /* @__PURE__ */ e("span", { className: "line-clamp-2", children: c.textContent })
+          w.textContent && /* @__PURE__ */ t("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ e(qe, { className: "size-4 mt-0.5 shrink-0" }),
+            /* @__PURE__ */ e("span", { className: "line-clamp-2", children: w.textContent.replace(/<[^>]*>/g, "") })
           ] }),
-          c.files && c.files.length > 0 && /* @__PURE__ */ t("div", { className: "flex items-start gap-2", children: [
-            /* @__PURE__ */ e(le, { className: "size-4 mt-0.5 shrink-0" }),
+          w.files && w.files.length > 0 && /* @__PURE__ */ t("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ e(xe, { className: "size-4 mt-0.5 shrink-0" }),
             /* @__PURE__ */ t("span", { children: [
-              c.files.length,
+              w.files.length,
               " file",
-              c.files.length !== 1 ? "s" : "",
+              w.files.length !== 1 ? "s" : "",
               " uploaded"
             ] })
           ] }),
-          c.url && /* @__PURE__ */ t("div", { className: "flex items-start gap-2", children: [
-            /* @__PURE__ */ e(Te, { className: "size-4 mt-0.5 shrink-0" }),
-            /* @__PURE__ */ e("span", { className: "truncate", children: c.url })
+          w.url && /* @__PURE__ */ t("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ e(Ge, { className: "size-4 mt-0.5 shrink-0" }),
+            /* @__PURE__ */ e("span", { className: "truncate", children: w.url })
           ] })
         ] }),
-        s && /* @__PURE__ */ e("div", { className: "text-center mt-8", children: /* @__PURE__ */ t(
-          R,
+        p && !S && /* @__PURE__ */ e("div", { className: "text-center mt-8", children: /* @__PURE__ */ t(
+          P,
           {
             variant: "outline",
-            onClick: () => N({ tag: "work" }),
+            onClick: () => C({ tag: "work" }),
             children: [
-              /* @__PURE__ */ e(ae, { className: "size-4 mr-2" }),
+              /* @__PURE__ */ e(fe, { className: "size-4 mr-2" }),
               "Edit Submission"
             ]
           }
@@ -1211,67 +1201,73 @@ function pt({
     }
   );
 }
-function gt({
-  courseTitle: u,
-  recipientName: b,
-  organizationName: h,
-  organizationLogo: o,
-  signatory: k,
-  completionDate: m,
-  certificateVariant: l = "modern",
-  requirements: i,
-  overallProgress: f,
-  onRequirementClick: d,
-  onCertificateEarned: v,
-  className: x,
-  style: n
+const Ht = Y(Mt, "AssignmentModule");
+function Et({
+  courseTitle: c,
+  recipientName: N,
+  organizationName: o,
+  organizationLogo: l,
+  signatory: f,
+  completionDate: i,
+  certificateVariant: n = "modern",
+  requirements: h,
+  overallProgress: a,
+  onRequirementClick: u,
+  onComplete: x,
+  readOnly: b = !1,
+  className: s,
+  style: S
 }) {
-  const { allComplete: g, completedCount: a } = W(() => {
-    const w = i.filter((z) => z.completed).length;
-    return { allComplete: w === i.length, completedCount: w };
-  }, [i]), [p, N] = P({ tag: "requirements" }), C = E(null), S = E(!1);
-  return D(() => {
-    var w;
-    (w = C.current) == null || w.focus({ preventScroll: !0 });
-  }, [p.tag]), D(() => {
-    p.tag === "certificate" && !S.current && (S.current = !0, v == null || v());
-  }, [p.tag, v]), p.tag === "requirements" ? /* @__PURE__ */ e(
+  const { allComplete: m, completedCount: g, derivedProgress: v } = K(() => {
+    const p = h.filter((Q) => Q.completed).length, w = h.length, k = w > 0 ? Math.round(p / w * 100) : 0;
+    return { allComplete: p === w, completedCount: p, derivedProgress: k };
+  }, [h]), r = a ?? v, [C, M] = R({ tag: "requirements" }), y = U(null), E = U(!1);
+  L(() => {
+    var p;
+    (p = y.current) == null || p.focus({ preventScroll: !0 });
+  }, [C.tag]);
+  const d = U(x);
+  return d.current = x, L(() => {
+    var p;
+    C.tag === "certificate" && !E.current && (E.current = !0, (p = d.current) == null || p.call(d));
+  }, [C.tag]), C.tag === "requirements" ? /* @__PURE__ */ e(
     "div",
     {
-      ref: C,
+      ref: y,
       tabIndex: -1,
-      className: T("max-w-2xl mx-auto outline-none", x),
-      style: n,
-      children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(L, { className: "pt-8 pb-8", children: [
+      className: A("max-w-2xl mx-auto outline-none", s),
+      style: S,
+      children: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ t(j, { className: "pt-8 pb-8", children: [
         /* @__PURE__ */ t("div", { className: "text-center mb-6", children: [
           /* @__PURE__ */ e(
-            ee,
+            D,
             {
-              value: f,
+              value: r,
               size: 100,
               strokeWidth: 8,
-              color: g ? "var(--success)" : "var(--primary)",
+              color: m ? "var(--success)" : "var(--primary)",
               className: "mx-auto mb-4 text-foreground"
             }
           ),
-          /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground mb-2", children: u }),
-          /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: g ? "All requirements met — your certificate is ready!" : `${a} of ${i.length} requirements complete` })
+          /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground mb-2", children: c }),
+          /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: m ? "All requirements met — your certificate is ready!" : `${g} of ${h.length} requirements complete` })
         ] }),
         /* @__PURE__ */ e(
-          Ge,
+          nt,
           {
-            requirements: i,
-            onRequirementClick: d,
+            requirements: h,
+            onRequirementClick: b ? void 0 : u,
             className: "mb-6"
           }
         ),
-        g && /* @__PURE__ */ e("div", { className: "text-center mt-6", children: /* @__PURE__ */ t(
-          R,
+        m && /* @__PURE__ */ e("div", { className: "text-center mt-6", children: /* @__PURE__ */ t(
+          P,
           {
             size: "lg",
-            onClick: () => N({ tag: "certificate" }),
+            onClick: () => M({ tag: "certificate" }),
+            disabled: b,
             children: [
-              /* @__PURE__ */ e(Pe, { className: "size-4 mr-2" }),
+              /* @__PURE__ */ e(ee, { className: "size-4 mr-2" }),
               "View Certificate"
             ]
           }
@@ -1281,43 +1277,43 @@ function gt({
   ) : /* @__PURE__ */ t(
     "div",
     {
-      ref: C,
+      ref: y,
       tabIndex: -1,
-      className: T("outline-none", x),
-      style: n,
+      className: A("outline-none", s),
+      style: S,
       children: [
         /* @__PURE__ */ t(
-          R,
+          P,
           {
             variant: "ghost",
             size: "sm",
-            onClick: () => N({ tag: "requirements" }),
+            onClick: () => M({ tag: "requirements" }),
             className: "mb-4",
             children: [
-              /* @__PURE__ */ e(H, { className: "size-4 mr-1.5" }),
+              /* @__PURE__ */ e(J, { className: "size-4 mr-1.5" }),
               "Back to Requirements"
             ]
           }
         ),
         /* @__PURE__ */ t("div", { className: "text-center mb-8", children: [
-          /* @__PURE__ */ e("div", { className: "mx-auto mb-4 w-14 h-14 rounded-full bg-success/10 flex items-center justify-center", children: /* @__PURE__ */ e(Ee, { className: "size-7 text-success" }) }),
+          /* @__PURE__ */ e("div", { className: "mx-auto mb-4 w-14 h-14 rounded-full bg-success/10 flex items-center justify-center", children: /* @__PURE__ */ e(We, { className: "size-7 text-success" }) }),
           /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-foreground mb-2", children: "Congratulations!" }),
           /* @__PURE__ */ t("p", { className: "text-muted-foreground", children: [
             "You've completed all requirements for",
             " ",
-            /* @__PURE__ */ e("span", { className: "font-medium text-foreground", children: u })
+            /* @__PURE__ */ e("span", { className: "font-medium text-foreground", children: c })
           ] })
         ] }),
         /* @__PURE__ */ e(
-          Ve,
+          Se,
           {
-            recipientName: b,
-            courseTitle: u,
-            completionDate: m ?? (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
-            organizationName: h,
-            organizationLogo: o,
-            signatory: k,
-            variant: l,
+            recipientName: N,
+            courseTitle: c,
+            completionDate: i ?? (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
+            organizationName: o,
+            organizationLogo: l,
+            signatory: f,
+            variant: n,
             showActions: !0
           }
         )
@@ -1325,98 +1321,514 @@ function gt({
     }
   );
 }
-function Nt({
-  forumTitle: u,
-  topics: b,
-  currentUser: h,
-  threads: o,
-  onCreateTopic: k,
-  onReply: m,
-  onToggleLike: l,
-  onMarkAnswer: i,
-  onTopicOpen: f,
-  readOnly: d,
-  className: v,
-  style: x
+const _t = Y(Et, "CertificateModule");
+function Bt({
+  forumTitle: c,
+  topics: N = [],
+  currentUser: o,
+  threads: l = {},
+  onCreateTopic: f,
+  onReply: i,
+  onToggleLike: n,
+  onMarkAnswer: h,
+  onTopicOpen: a,
+  readOnly: u,
+  className: x,
+  style: b
 }) {
-  const [n, g] = P(null), [a, p] = P(""), [N, C] = P("newest"), S = E(null);
-  D(() => {
-    var r;
-    (r = S.current) == null || r.focus({ preventScroll: !0 });
-  }, [n]);
-  function w(r) {
-    g(r), f == null || f(r);
-  }
-  function z() {
-    g(null);
-  }
-  const s = n ? o[n] : null, c = n ? b.find((r) => r.uid === n) : null;
+  const [s, S] = R(null), [m, g] = R(""), [v, r] = R("newest"), C = U(null);
+  L(() => {
+    var B;
+    (B = C.current) == null || B.focus({ preventScroll: !0 });
+  }, [s]);
+  const M = U(a);
+  M.current = a;
+  const y = T((B) => {
+    var $;
+    S(B), ($ = M.current) == null || $.call(M, B);
+  }, []), E = T(() => {
+    S(null);
+  }, []), d = s ? l[s] : null, p = s ? N.find((B) => B.uid === s) : null, w = T(
+    (B, $) => {
+      s && (i == null || i(s, B, $));
+    },
+    [s, i]
+  ), k = T(
+    (B) => {
+      s && (n == null || n(s, B));
+    },
+    [s, n]
+  ), Q = T(
+    (B) => {
+      s && (h == null || h(s, B));
+    },
+    [s, h]
+  );
   return /* @__PURE__ */ e(
     "div",
     {
-      ref: S,
+      ref: C,
       tabIndex: -1,
-      className: T("outline-none", v),
-      style: x,
-      children: n && s ? (
+      className: A("outline-none", x),
+      style: b,
+      children: s && d ? (
         /* ─── Thread View ─── */
         /* @__PURE__ */ t("div", { children: [
           /* @__PURE__ */ t(
-            R,
+            P,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: E,
+              className: "mb-4",
+              children: [
+                /* @__PURE__ */ e(J, { className: "size-4 mr-1.5" }),
+                "Back to Topics"
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            lt,
+            {
+              title: (p == null ? void 0 : p.title) ?? "",
+              rootPost: d.rootPost,
+              replies: d.replies,
+              currentUser: o,
+              onReply: w,
+              onToggleLike: n ? k : void 0,
+              onMarkAnswer: h ? Q : void 0,
+              readOnly: u
+            }
+          )
+        ] })
+      ) : s && !d ? (
+        /* ─── Empty Thread State ─── */
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ t(
+            P,
             {
               variant: "ghost",
               size: "sm",
-              onClick: z,
+              onClick: E,
               className: "mb-4",
               children: [
-                /* @__PURE__ */ e(H, { className: "size-4 mr-1.5" }),
+                /* @__PURE__ */ e(J, { className: "size-4 mr-1.5" }),
                 "Back to Topics"
               ]
             }
           ),
           /* @__PURE__ */ e(
-            We,
+            ce,
             {
-              title: (c == null ? void 0 : c.title) ?? "",
-              rootPost: s.rootPost,
-              replies: s.replies,
-              currentUser: h,
-              onReply: (r, A) => m == null ? void 0 : m(n, r, A),
-              onToggleLike: l ? (r) => l(n, r) : void 0,
-              onMarkAnswer: i ? (r) => i(n, r) : void 0,
-              readOnly: d
+              title: "No discussion yet",
+              description: "Be the first to start this conversation."
             }
           )
         ] })
       ) : (
         /* ─── Forum Board View ─── */
         /* @__PURE__ */ e(
-          He,
+          at,
           {
-            title: u,
-            topics: b,
-            currentUser: h,
-            onTopicClick: w,
-            onCreateTopic: k,
-            sortOrder: N,
-            onSortChange: C,
-            searchQuery: a,
-            onSearchChange: p,
-            readOnly: d
+            title: c,
+            topics: N,
+            currentUser: o,
+            onTopicClick: y,
+            onCreateTopic: f,
+            sortOrder: v,
+            onSortChange: r,
+            searchQuery: m,
+            onSearchChange: g,
+            readOnly: u
           }
         )
       )
     }
   );
 }
+const Jt = Y(Bt, "DiscussionModule");
+function Pt({
+  studentName: c,
+  overallProgress: N,
+  totalTimeSpent: o,
+  modules: l,
+  recentActivity: f,
+  streak: i,
+  achievements: n,
+  enrolledCourses: h,
+  onCourseClick: a,
+  announcements: u = [],
+  onAnnouncementSelect: x,
+  onMarkRead: b,
+  readOnly: s = !1,
+  className: S,
+  style: m
+}) {
+  const g = U(null);
+  L(() => {
+    var r;
+    (r = g.current) == null || r.focus({ preventScroll: !0 });
+  }, []);
+  const v = u.filter((r) => !r.isRead).length;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      ref: g,
+      tabIndex: -1,
+      className: A("outline-none", S),
+      style: m,
+      children: [
+        /* @__PURE__ */ t("div", { className: "flex items-center justify-between mb-6", children: [
+          /* @__PURE__ */ t("h2", { className: "text-xl font-bold text-foreground", children: [
+            "Welcome back, ",
+            c
+          ] }),
+          /* @__PURE__ */ e(D, { value: N, size: 48, strokeWidth: 4 })
+        ] }),
+        /* @__PURE__ */ e(_, { className: "mb-6" }),
+        /* @__PURE__ */ t(de, { defaultValue: "overview", children: [
+          /* @__PURE__ */ t(oe, { className: "mb-6", children: [
+            /* @__PURE__ */ t(V, { value: "overview", children: [
+              /* @__PURE__ */ e(ve, { className: "size-4 mr-1.5" }),
+              "Overview"
+            ] }),
+            /* @__PURE__ */ t(V, { value: "courses", children: [
+              /* @__PURE__ */ e(Z, { className: "size-4 mr-1.5" }),
+              "My Courses"
+            ] }),
+            /* @__PURE__ */ t(V, { value: "announcements", children: [
+              /* @__PURE__ */ e(Ve, { className: "size-4 mr-1.5" }),
+              "Announcements",
+              v > 0 && /* @__PURE__ */ e("span", { className: "ml-1.5 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground text-xs font-medium min-w-5 h-5 px-1.5", children: v })
+            ] })
+          ] }),
+          /* @__PURE__ */ e(H, { value: "overview", children: /* @__PURE__ */ e(
+            we,
+            {
+              overallProgress: N,
+              totalTimeSpent: o,
+              modules: l,
+              recentActivity: f,
+              streak: i,
+              achievements: n
+            }
+          ) }),
+          /* @__PURE__ */ e(H, { value: "courses", children: /* @__PURE__ */ e(
+            ke,
+            {
+              courses: h,
+              onCourseClick: (r) => !s && a(r.uid),
+              showSearch: !0,
+              viewMode: "grid",
+              readOnly: s
+            }
+          ) }),
+          /* @__PURE__ */ e(H, { value: "announcements", children: /* @__PURE__ */ e(
+            it,
+            {
+              announcements: u,
+              onSelect: x,
+              onMarkRead: b,
+              readOnly: s
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+const Kt = Y(Pt, "StudentDashboardModule");
+function Ut({
+  title: c,
+  courses: N = [],
+  categories: o = [],
+  enrollmentData: l,
+  onEnroll: f,
+  onCourseOpen: i,
+  readOnly: n = !1,
+  className: h,
+  style: a
+}) {
+  var g;
+  const [u, x] = R({ tag: "browse" }), b = U(null);
+  L(() => {
+    var v;
+    (v = b.current) == null || v.focus({ preventScroll: !0 });
+  }, [u.tag]);
+  function s(v) {
+    l != null && l[v] ? x({ tag: "enroll", courseUid: v }) : i == null || i(v);
+  }
+  function S() {
+    x({ tag: "browse" });
+  }
+  function m(v) {
+    f(v), x({ tag: "browse" });
+  }
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      ref: b,
+      tabIndex: -1,
+      className: A("outline-none", h),
+      style: a,
+      children: [
+        c && u.tag === "browse" && /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground mb-4", children: c }),
+        u.tag === "enroll" ? (
+          /* --- Enrollment View --- */
+          /* @__PURE__ */ t("div", { children: [
+            /* @__PURE__ */ t(
+              P,
+              {
+                variant: "ghost",
+                size: "sm",
+                onClick: S,
+                className: "mb-4",
+                children: [
+                  /* @__PURE__ */ e(J, { className: "size-4 mr-1.5" }),
+                  "Back to Catalog"
+                ]
+              }
+            ),
+            l != null && l[u.courseUid] ? /* @__PURE__ */ e(
+              ct,
+              {
+                course: l[u.courseUid].course,
+                prerequisites: l[u.courseUid].prerequisites,
+                onEnroll: m,
+                onCancel: S
+              }
+            ) : (
+              /* Fallback when enrollment data is not yet available */
+              /* @__PURE__ */ e(I, { children: /* @__PURE__ */ t(j, { className: "pt-6", children: [
+                /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-foreground mb-2", children: ((g = N.find((v) => v.uid === u.courseUid)) == null ? void 0 : g.title) ?? "Course" }),
+                /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground mb-4", children: "Enrollment details are loading. You can enroll directly below." }),
+                /* @__PURE__ */ t("div", { className: "flex gap-2", children: [
+                  /* @__PURE__ */ e(P, { variant: "outline", onClick: S, children: "Cancel" }),
+                  /* @__PURE__ */ e(
+                    P,
+                    {
+                      onClick: () => m(u.courseUid),
+                      disabled: n,
+                      children: "Enroll Now"
+                    }
+                  )
+                ] })
+              ] }) })
+            )
+          ] })
+        ) : (
+          /* --- Browse View --- */
+          /* @__PURE__ */ e(
+            ke,
+            {
+              courses: N,
+              categories: o,
+              onCourseClick: (v) => s(v.uid),
+              onEnroll: (v) => s(v.uid),
+              readOnly: n
+            }
+          )
+        )
+      ]
+    }
+  );
+}
+const Xt = Y(Ut, "CourseCatalogModule");
+function Rt({
+  student: c,
+  enrolledCourses: N = [],
+  achievements: o = [],
+  certificates: l = [],
+  stats: f,
+  onCourseClick: i,
+  certificateData: n,
+  readOnly: h = !1,
+  className: a,
+  style: u
+}) {
+  const [x, b] = R(null), s = U(null);
+  L(() => {
+    var r;
+    (r = s.current) == null || r.focus({ preventScroll: !0 });
+  }, [x]);
+  function S(r) {
+    h || n != null && n[r] && b(r);
+  }
+  function m() {
+    b(null);
+  }
+  const g = x ? n == null ? void 0 : n[x] : null, v = x ? l.find((r) => r.uid === x) : null;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      ref: s,
+      tabIndex: -1,
+      className: A("outline-none", a),
+      style: u,
+      children: [
+        /* @__PURE__ */ t("div", { className: "flex items-center gap-4 mb-6", children: [
+          /* @__PURE__ */ e(
+            gt,
+            {
+              displayName: c.displayName,
+              avatarUrl: c.avatarUrl,
+              size: "medium"
+            }
+          ),
+          /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ t("div", { className: "flex items-center gap-2 flex-wrap", children: [
+              /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground", children: c.displayName }),
+              c.role && /* @__PURE__ */ e(q, { variant: "secondary", children: c.role })
+            ] }),
+            c.email && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: c.email })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(_, { className: "mb-6" }),
+        v && g ? /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ t(
+            P,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: m,
+              className: "mb-4",
+              children: [
+                /* @__PURE__ */ e(J, { className: "size-4 mr-1.5" }),
+                "Back to Profile"
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(Se, { ...g, showActions: !0 })
+        ] }) : /* @__PURE__ */ t(de, { defaultValue: "profile", children: [
+          /* @__PURE__ */ t(oe, { className: "mb-6", children: [
+            /* @__PURE__ */ t(V, { value: "profile", children: [
+              /* @__PURE__ */ e(He, { className: "size-4 mr-1.5" }),
+              "Profile"
+            ] }),
+            /* @__PURE__ */ t(V, { value: "courses", children: [
+              /* @__PURE__ */ e(Z, { className: "size-4 mr-1.5" }),
+              "Courses"
+            ] }),
+            /* @__PURE__ */ t(V, { value: "achievements", children: [
+              /* @__PURE__ */ e(se, { className: "size-4 mr-1.5" }),
+              "Achievements"
+            ] }),
+            /* @__PURE__ */ t(V, { value: "certificates", children: [
+              /* @__PURE__ */ e(ee, { className: "size-4 mr-1.5" }),
+              "Certificates"
+            ] })
+          ] }),
+          /* @__PURE__ */ e(H, { value: "profile", children: /* @__PURE__ */ e(
+            dt,
+            {
+              student: c,
+              enrolledCourses: N,
+              achievements: o,
+              stats: f,
+              onCourseClick: i,
+              showCourses: !1,
+              showAchievements: !1,
+              readOnly: !0
+            }
+          ) }),
+          /* @__PURE__ */ e(H, { value: "courses", children: N.length > 0 ? /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(j, { className: "p-0 divide-y divide-border", children: N.map((r) => /* @__PURE__ */ t(
+            "div",
+            {
+              className: A(
+                "flex items-center gap-3 px-4 py-3 transition-colors",
+                i && !h && "cursor-pointer hover:bg-muted/50"
+              ),
+              onClick: i && !h ? () => i(r.uid) : void 0,
+              children: [
+                /* @__PURE__ */ e(
+                  D,
+                  {
+                    value: r.progress,
+                    size: 32,
+                    strokeWidth: 3
+                  }
+                ),
+                /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ e("p", { className: "text-sm font-medium text-foreground truncate", children: r.title }),
+                  r.lastAccessedAt && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: Nt(r.lastAccessedAt) })
+                ] }),
+                /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: [
+                  Math.round(r.progress),
+                  "%"
+                ] })
+              ]
+            },
+            r.uid
+          )) }) }) : /* @__PURE__ */ t("div", { className: "py-12 text-center", children: [
+            /* @__PURE__ */ e(Z, { className: "size-10 text-muted-foreground mx-auto mb-3" }),
+            /* @__PURE__ */ e("p", { className: "text-sm font-medium text-foreground", children: "No courses yet" }),
+            /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground mt-1", children: "Enrolled courses will appear here." })
+          ] }) }),
+          /* @__PURE__ */ e(H, { value: "achievements", children: o.length > 0 ? /* @__PURE__ */ e("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-2", children: o.map((r) => /* @__PURE__ */ e(
+            vt,
+            {
+              title: r.name,
+              description: r.description,
+              icon: r.iconUrl ? /* @__PURE__ */ e(
+                "img",
+                {
+                  src: r.iconUrl,
+                  alt: r.name,
+                  className: "w-12 h-12"
+                }
+              ) : void 0,
+              earnedDate: r.earnedAt
+            },
+            r.uid
+          )) }) : /* @__PURE__ */ t("div", { className: "py-12 text-center", children: [
+            /* @__PURE__ */ e(se, { className: "size-10 text-muted-foreground mx-auto mb-3" }),
+            /* @__PURE__ */ e("p", { className: "text-sm font-medium text-foreground", children: "No achievements yet" }),
+            /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground mt-1", children: "Achievements will appear here as they are earned." })
+          ] }) }),
+          /* @__PURE__ */ e(H, { value: "certificates", children: l.length > 0 ? /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(j, { className: "p-0 divide-y divide-border", children: l.map((r) => /* @__PURE__ */ t(
+            "div",
+            {
+              className: A(
+                "flex items-center gap-3 px-4 py-3 transition-colors",
+                (n == null ? void 0 : n[r.uid]) && !h && "cursor-pointer hover:bg-muted/50"
+              ),
+              onClick: n != null && n[r.uid] && !h ? () => S(r.uid) : void 0,
+              children: [
+                /* @__PURE__ */ e("div", { className: "w-9 h-9 rounded-lg bg-primary/10 flex items-center justify-center text-primary", children: /* @__PURE__ */ e(ee, { size: 20 }) }),
+                /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ e("p", { className: "text-sm font-medium text-foreground truncate", children: r.courseName }),
+                  /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground", children: [
+                    "Issued",
+                    " ",
+                    new Date(r.issuedAt).toLocaleDateString()
+                  ] })
+                ] }),
+                (n == null ? void 0 : n[r.uid]) && /* @__PURE__ */ e(q, { variant: "secondary", className: "text-xs", children: "View" })
+              ]
+            },
+            r.uid
+          )) }) }) : /* @__PURE__ */ t("div", { className: "py-12 text-center", children: [
+            /* @__PURE__ */ e(ee, { className: "size-10 text-muted-foreground mx-auto mb-3" }),
+            /* @__PURE__ */ e("p", { className: "text-sm font-medium text-foreground", children: "No certificates yet" }),
+            /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground mt-1", children: "Certificates will appear here once courses are completed." })
+          ] }) })
+        ] })
+      ]
+    }
+  );
+}
+const Zt = Y(Rt, "StudentProfileModule");
 export {
-  pt as AssignmentModule,
-  gt as CertificateModule,
-  mt as CoursePlayer,
-  Nt as DiscussionModule,
-  ht as ExamModule,
-  ut as FlashcardLab,
-  xt as GradeCenterModule,
-  dt as QuizModule,
-  ft as SurveyModule
+  Ht as AssignmentModule,
+  _t as CertificateModule,
+  Xt as CourseCatalogModule,
+  qt as CoursePlayer,
+  Jt as DiscussionModule,
+  Gt as ExamModule,
+  Yt as FlashcardLab,
+  Vt as GradeCenterModule,
+  $t as QuizModule,
+  Kt as StudentDashboardModule,
+  Zt as StudentProfileModule,
+  Wt as SurveyModule
 };