@hydralms/components 0.1.3 → 0.3.0

package/dist/sections.js

@@ -1,944 +1,162 @@
-import { jsxs as t, jsx as e, Fragment as ee } from "react/jsx-runtime";
-import { useState as I, useMemo as j, useRef as ge, useEffect as ie, useCallback as Qe, Fragment as Be } from "react";
-import { q as be, C as L, t as Q, X, c as F, ak as oe, w as je, x as $e, r as R, N as _e, B as Ne, Z as V, P as ne, F as Ee, J as He, A as ve, b as we, z as Ve, S as Ye, _ as Je, ad as te, a as ye, D as Ke, Y as Ze, af as J, ah as K, ag as Z, a9 as Se, ab as ke, ac as G, H as ze, R as ue, aj as Ge, U as Xe, a0 as Ce, G as Ue, aa as se, K as me, Q as he, O as We, a1 as Oe, a7 as qe, a8 as le, a6 as Ae, a2 as et, a4 as Y, V as tt, $ as ae } from "./table-BrS5cDQu.js";
-import { CheckCircle as W, Clock as De, Check as fe, ChevronRight as nt, List as rt, Grid as st, Download as Te, Pin as lt, MessageSquare as at, Heart as it, Reply as ct, Save as dt, Send as Ie, ArrowUp as ot, ArrowDown as ut, Flame as mt, BookOpen as Fe, Award as Le, Trophy as ht, Printer as ft } from "lucide-react";
-function Ct({
-  questions: r,
-  initialAnswers: s = [],
-  onSubmit: a,
-  onAnswerChange: d,
-  timeElapsedSeconds: p,
-  timeLimitSeconds: l,
-  isSubmitting: h = !1,
-  readOnly: i = !1,
-  className: w,
-  style: y
-}) {
-  const [c, b] = I(0), [T, u] = I(s), [U, N] = I(/* @__PURE__ */ new Set()), z = r[c], x = j(
-    () => r.map((S, f) => ({
-      uid: S.uid,
-      sequence: f + 1,
-      isFlagged: U.has(S.uid),
-      isAnswered: T.some((m) => m.uid === S.uid),
-      isSkipped: !1
-    })),
-    [r, T, U]
-  );
-  function C(S) {
-    if (!z) return;
-    const f = z.uid, m = S.map((v) => ({
-      uid: f,
-      answerUid: v.uid,
-      content: v.content
-    }));
-    u((v) => {
-      const k = [...v.filter((D) => D.uid !== f), ...m];
-      return d == null || d(k), k;
-    });
-  }
-  function n(S) {
-    const f = r.findIndex((m) => m.uid === S);
-    f !== -1 && b(f);
-  }
-  function o(S) {
-    N((f) => {
-      const m = new Set(f);
-      return m.has(S) ? m.delete(S) : m.add(S), m;
-    });
-  }
-  function g() {
-    a(T);
-  }
-  return /* @__PURE__ */ t("div", { className: F(w), style: y, children: [
-    /* @__PURE__ */ e(
-      be,
-      {
-        currentQuestionIndex: c,
-        totalQuestions: r.length,
-        hasNext: c < r.length - 1,
-        hasPrevious: c > 0,
-        onNext: () => b((S) => Math.min(S + 1, r.length - 1)),
-        onPrevious: () => b((S) => Math.max(S - 1, 0)),
-        onSubmit: g,
-        timeElapsedSeconds: p,
-        timeLimitSeconds: l,
-        questions: x,
-        onNavigateToQuestion: n,
-        onToggleFlag: o,
-        currentQuestionUid: z == null ? void 0 : z.uid,
-        isSubmitting: h,
-        readOnly: i
-      }
-    ),
-    z && /* @__PURE__ */ e(L, { className: "mt-3", children: /* @__PURE__ */ e(Q, { className: "pt-6", children: /* @__PURE__ */ e(
-      X,
-      {
-        question: z,
-        sessionAnswers: T.filter(
-          (S) => S.uid === z.uid
-        ),
-        onAnswer: C,
-        readOnly: i
-      }
-    ) }) })
-  ] });
-}
-function Ut({
-  video: r,
-  notes: s,
-  layout: a = "horizontal",
-  notesPanelWidth: d = "340px",
-  notesPanelHeight: p = "240px",
-  className: l,
-  style: h
-}) {
-  const i = a === "horizontal";
-  return s ? /* @__PURE__ */ t(
-    "div",
-    {
-      className: F(
-        "flex overflow-hidden",
-        i ? "flex-row" : "flex-col",
-        l
-      ),
-      style: h,
-      children: [
-        /* @__PURE__ */ e("div", { className: "flex-1 min-w-0 min-h-0", children: /* @__PURE__ */ e(oe, { ...r }) }),
-        /* @__PURE__ */ t(
-          L,
-          {
-            className: F(
-              "overflow-auto shrink-0 rounded-none border-0",
-              i ? "border-l border-border" : "border-t border-border w-full"
-            ),
-            style: {
-              width: i ? d : void 0,
-              height: i ? void 0 : p
-            },
-            children: [
-              /* @__PURE__ */ e(je, { children: /* @__PURE__ */ e($e, { children: "Notes" }) }),
-              /* @__PURE__ */ e(Q, { children: typeof s == "string" ? /* @__PURE__ */ e("span", { className: "text-sm text-foreground", children: s }) : s })
-            ]
-          }
-        )
-      ]
-    }
-  ) : /* @__PURE__ */ e("div", { className: l, style: h, children: /* @__PURE__ */ e(oe, { ...r }) });
-}
-function At({
-  cards: r,
-  title: s,
-  description: a,
-  shuffled: d = !1,
-  onComplete: p,
-  readOnly: l = !1,
-  className: h,
-  style: i
+import { m as q, S as ee } from "./StudentProfile-DeMxdrL3.js";
+import { A as Se, a as Ae, b as Te, C as Ce, c as ze, d as Le, D as Qe, E as Me, e as ke, F as Ee, f as Ie, G as je, L as Ue, g as Fe, P as Be, h as De, Q as Pe, R as Ve, i as _e, j as Ge, k as We } from "./StudentProfile-DeMxdrL3.js";
+import { jsx as e, jsxs as a, Fragment as te } from "react/jsx-runtime";
+import { useState as L, useRef as K, useMemo as j, useEffect as se, useCallback as O } from "react";
+import { c as f, C as U, x as Y, ao as ie, as as ae, v as z, at as Q, a1 as $, ar as ne, aN as _, aP as G, aO as W, aI as le, aK as re, aL as H, ac as J, a_ as R, ai as de } from "./tabs-BuY1iNJE.js";
+import { AlertCircle as oe, List as ce, Grid as me, Download as ue } from "lucide-react";
+const he = [];
+function ve({
+  questions: l,
+  initialAnswers: N = [],
+  onSubmit: r,
+  onAnswerChange: y,
+  showNavigator: F = !0,
+  showQuestionNumbers: B = !0,
+  questionGroups: b,
+  isSubmitting: M = !1,
+  readOnly: h = !1,
+  isLoading: D,
+  error: k,
+  onRetry: E,
+  className: o,
+  style: p
 }) {
-  const [w, y] = I(!1), c = {
-    totalCards: r.length,
-    wasShuffled: d
-  };
-  function b() {
-    y(!0), p == null || p(c);
-  }
-  function T() {
-    y(!1);
-  }
-  return w ? /* @__PURE__ */ e("div", { className: F("flex flex-col items-center", h), style: i, children: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ t(Q, { className: "pt-6 text-center flex flex-col items-center gap-2", children: [
-    /* @__PURE__ */ e(W, { size: 48, className: "text-success" }),
-    /* @__PURE__ */ e("span", { className: "text-xl font-bold text-foreground", children: "Deck complete!" }),
-    s && /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: [
-      "You finished ",
-      /* @__PURE__ */ e("strong", { children: s })
-    ] }),
-    /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
-      c.totalCards,
-      " card",
-      c.totalCards !== 1 ? "s" : "",
-      " studied",
-      c.wasShuffled ? " (shuffled)" : ""
-    ] }),
-    /* @__PURE__ */ e(R, { className: "mt-2", onClick: T, children: "Study Again" })
-  ] }) }) }) : /* @__PURE__ */ e("div", { className: F("flex flex-col items-center", h), style: i, children: /* @__PURE__ */ e(
-    _e,
-    {
-      cards: r,
-      deckName: s,
-      deckDescription: a,
-      shuffled: d,
-      showProgress: !0,
-      onComplete: b,
-      readOnly: l
+  var d;
+  const [S, x] = L(N), [A, T] = L(((d = l[0]) == null ? void 0 : d.uid) ?? null), m = K(/* @__PURE__ */ new Map()), g = j(() => {
+    const s = /* @__PURE__ */ new Map();
+    for (const i of S) {
+      const n = s.get(i.uid);
+      n ? n.push(i) : s.set(i.uid, [i]);
     }
-  ) });
-}
-function pt({
-  score: r
-}) {
-  const s = r.percentage !== void 0 ? r.percentage : r.total > 0 ? Math.round(r.correct / r.total * 100) : 0;
-  return /* @__PURE__ */ e(L, { className: "mb-3", children: /* @__PURE__ */ e(Q, { className: "pt-6", children: /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-2", children: [
-    /* @__PURE__ */ t("div", { children: [
-      /* @__PURE__ */ t("span", { className: "text-2xl font-bold leading-none text-foreground", children: [
-        s,
-        "%"
-      ] }),
-      /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
-        r.correct,
-        " of ",
-        r.total,
-        " correct"
-      ] })
-    ] }),
-    r.passed !== void 0 && /* @__PURE__ */ e(Ne, { variant: r.passed ? "success" : "destructive", children: r.passed ? "Passed" : "Failed" }),
-    r.passingScore !== void 0 && /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
-      "Passing score: ",
-      r.passingScore,
-      "%"
-    ] })
-  ] }) }) });
-}
-function ce({
-  questions: r,
-  sessionAnswers: s,
-  showCorrectAnswers: a
-}) {
-  return /* @__PURE__ */ e("div", { className: "flex flex-col gap-3", children: r.map((d, p) => /* @__PURE__ */ t(L, { className: "overflow-hidden", children: [
-    /* @__PURE__ */ e("div", { className: "px-2 py-1 bg-muted", children: /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground font-semibold", children: [
-      "Question ",
-      p + 1
-    ] }) }),
-    /* @__PURE__ */ e(V, {}),
-    /* @__PURE__ */ e(Q, { className: "pt-4 pb-4", children: /* @__PURE__ */ e(
-      X,
-      {
-        question: d,
-        sessionAnswers: s.filter((l) => l.uid === d.uid),
-        readOnly: !0,
-        showCorrectAnswers: a
-      }
-    ) })
-  ] }, d.uid)) });
-}
-function xt(r, s, a, d) {
-  const p = new Map(r.map((i) => [i.uid, i])), l = new Set(a.flatMap((i) => i.questionUids)), h = r.filter((i) => !l.has(i.uid));
-  return /* @__PURE__ */ t("div", { className: "flex flex-col gap-4", children: [
-    a.map((i) => {
-      const w = i.questionUids.map((y) => p.get(y)).filter(Boolean);
-      return /* @__PURE__ */ t("div", { children: [
-        /* @__PURE__ */ e("span", { className: "uppercase text-xs tracking-wide text-muted-foreground font-semibold", children: i.label }),
-        /* @__PURE__ */ e(V, { className: "mb-2" }),
-        /* @__PURE__ */ e(
-          ce,
-          {
-            questions: w,
-            sessionAnswers: s,
-            showCorrectAnswers: d
-          }
-        )
-      ] }, i.label);
-    }),
-    h.length > 0 && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-      ce,
-      {
-        questions: h,
-        sessionAnswers: s,
-        showCorrectAnswers: d
-      }
-    ) })
-  ] });
-}
-function Dt({
-  questions: r,
-  sessionAnswers: s,
-  score: a,
-  questionGroups: d,
-  showCorrectAnswers: p = !0,
-  className: l,
-  style: h
-}) {
-  return /* @__PURE__ */ t("div", { className: F(l), style: h, children: [
-    a && /* @__PURE__ */ e(pt, { score: a }),
-    d && d.length > 0 ? xt(r, s, d, p) : /* @__PURE__ */ e(
-      ce,
-      {
-        questions: r,
-        sessionAnswers: s,
-        showCorrectAnswers: p
-      }
-    )
-  ] });
-}
-function Me(r) {
-  const s = [];
-  for (const a of r)
-    !a.children || a.children.length === 0 ? s.push(a.uid) : s.push(...Me(a.children));
-  return s;
-}
-function Tt({
-  items: r,
-  progress: s,
-  courseTitle: a,
-  activeItemUid: d,
-  onItemClick: p,
-  showOverallProgress: l = !0,
-  showDuration: h = !0,
-  showIcons: i = !0,
-  readOnly: w = !1,
-  className: y,
-  style: c
-}) {
-  const { completedCount: b, totalCount: T, percentage: u } = j(() => {
-    const U = Me(r), N = U.length, z = s ? U.filter(
-      (x) => s.some((C) => C.resourceUid === x && C.isCompleted)
-    ).length : 0;
-    return {
-      completedCount: z,
-      totalCount: N,
-      percentage: N > 0 ? Math.round(z / N * 100) : 0
-    };
-  }, [r, s]);
-  return /* @__PURE__ */ t("div", { className: F(y), style: c, children: [
-    (a || l) && /* @__PURE__ */ t("div", { className: "px-2 pt-2 pb-1", children: [
-      a && /* @__PURE__ */ e("p", { className: F("font-semibold text-sm text-foreground", l && "mb-1"), children: a }),
-      l && /* @__PURE__ */ t("div", { children: [
-        /* @__PURE__ */ e(ne, { value: u, size: "sm" }),
-        /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground mt-0.5 block", children: [
-          b,
-          " of ",
-          T,
-          " completed"
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ e(
-      Ee,
-      {
-        items: r,
-        progress: s,
-        activeItemUid: d,
-        onItemClick: p,
-        readOnly: w,
-        showDuration: h,
-        showIcons: i,
-        showProgress: !0
-      }
-    )
-  ] });
-}
-function It({
-  questions: r,
-  initialAnswers: s = [],
-  onSubmit: a,
-  onAnswerChange: d,
-  showNavigator: p = !0,
-  showQuestionNumbers: l = !0,
-  questionGroups: h,
-  isSubmitting: i = !1,
-  readOnly: w = !1,
-  className: y,
-  style: c
-}) {
-  var S;
-  const [b, T] = I(s), [u, U] = I(((S = r[0]) == null ? void 0 : S.uid) ?? null), N = ge(/* @__PURE__ */ new Map()), z = j(() => {
-    const f = new Set(b.map((m) => m.uid));
-    return r.filter((m) => f.has(m.uid)).length;
-  }, [r, b]);
-  ie(() => {
-    const f = new IntersectionObserver(
-      (m) => {
-        for (const v of m)
-          v.isIntersecting && U(v.target.getAttribute("data-question-uid"));
+    return s;
+  }, [S]), v = j(
+    () => l.filter((s) => g.has(s.uid)).length,
+    [l, g]
+  );
+  se(() => {
+    const s = new IntersectionObserver(
+      (i) => {
+        for (const n of i)
+          n.isIntersecting && T(n.target.getAttribute("data-question-uid"));
       },
       { rootMargin: "-20% 0px -60% 0px" }
     );
-    return N.current.forEach((m) => f.observe(m)), () => f.disconnect();
-  }, [r]);
-  const x = Qe((f, m) => {
-    m ? N.current.set(f, m) : N.current.delete(f);
-  }, []);
-  function C(f, m) {
-    const v = m.map((A) => ({
-      uid: f,
-      answerUid: A.uid,
-      content: A.content
-    }));
-    T((A) => {
-      const D = [...A.filter((P) => P.uid !== f), ...v];
-      return d == null || d(D), D;
-    });
-  }
-  function n(f) {
-    var m;
-    (m = N.current.get(f)) == null || m.scrollIntoView({ behavior: "smooth", block: "center" });
+    return m.current.forEach((i) => s.observe(i)), () => s.disconnect();
+  }, [l]);
+  const P = O((s, i) => {
+    i ? m.current.set(s, i) : m.current.delete(s);
+  }, []), w = K(y);
+  w.current = y;
+  const I = O(
+    (s, i) => {
+      x(
+        (n) => q(n, s, i, w.current)
+      );
+    },
+    []
+  );
+  function u(s) {
+    var i;
+    (i = m.current.get(s)) == null || i.scrollIntoView({ behavior: "smooth", block: "center" });
   }
-  const o = j(() => {
-    if (!h) return [{ label: null, questions: r }];
-    const f = h.map(
-      (A) => ({
-        label: A.label,
-        questions: A.questionUids.map((k) => r.find((D) => D.uid === k)).filter(Boolean)
+  const V = j(() => {
+    if (!b) return [{ label: null, questions: l }];
+    const s = b.map(
+      (c) => ({
+        label: c.label,
+        questions: c.questionUids.map((C) => l.find((Z) => Z.uid === C)).filter(Boolean)
       })
-    ), m = new Set(h.flatMap((A) => A.questionUids)), v = r.filter((A) => !m.has(A.uid));
-    return v.length > 0 && f.push({ label: null, questions: v }), f;
-  }, [r, h]);
-  let g = 0;
-  return /* @__PURE__ */ t("div", { className: F("flex gap-3", y), style: c, children: [
-    /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
-      o.map((f, m) => /* @__PURE__ */ t("div", { children: [
-        f.label && /* @__PURE__ */ e("p", { className: F("text-lg font-semibold mb-2 text-foreground", m > 0 && "mt-4"), children: f.label }),
-        f.questions.map((v) => {
-          const A = g++;
-          return /* @__PURE__ */ e(
-            L,
-            {
-              ref: (k) => x(v.uid, k),
-              "data-question-uid": v.uid,
-              className: "mb-2",
-              children: /* @__PURE__ */ t(Q, { className: "pt-6", children: [
-                l && /* @__PURE__ */ t("p", { className: "font-semibold text-sm text-muted-foreground mb-1", children: [
-                  "Question ",
-                  A + 1
-                ] }),
-                /* @__PURE__ */ e(
-                  X,
-                  {
-                    question: v,
-                    sessionAnswers: b.filter((k) => k.uid === v.uid),
-                    onAnswer: (k) => C(v.uid, k),
-                    readOnly: w
-                  }
-                )
-              ] })
-            },
-            v.uid
-          );
-        })
-      ] }, m)),
-      /* @__PURE__ */ t("div", { className: "mt-3 flex justify-between items-center", children: [
-        /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
-          z,
-          " of ",
-          r.length,
-          " answered"
-        ] }),
-        /* @__PURE__ */ e(
-          R,
-          {
-            onClick: () => a(b),
-            disabled: i || w,
-            children: i ? "Submitting..." : "Submit"
-          }
-        )
-      ] })
-    ] }),
-    p && /* @__PURE__ */ t(L, { className: "hidden md:block w-50 shrink-0 sticky top-4 self-start p-3", children: [
-      /* @__PURE__ */ e("p", { className: "font-semibold text-sm mb-1 text-foreground", children: "Questions" }),
-      /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: r.map((f, m) => {
-        const v = b.some((k) => k.uid === f.uid), A = u === f.uid;
-        return /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            className: F(
-              "inline-flex items-center justify-center text-xs font-medium min-w-9 px-1 py-0.5 rounded-full cursor-pointer border transition-colors",
-              A ? "bg-primary border-primary text-primary-foreground" : v ? "border-success text-success bg-transparent" : "border-border text-foreground bg-transparent hover:bg-muted"
-            ),
-            onClick: () => n(f.uid),
-            children: m + 1
-          },
-          f.uid
-        );
-      }) })
-    ] })
-  ] });
-}
-function gt(r) {
-  const s = [...r];
-  for (let a = s.length - 1; a > 0; a--) {
-    const d = Math.floor(Math.random() * (a + 1));
-    [s[a], s[d]] = [s[d], s[a]];
-  }
-  return s;
-}
-function Ft({
-  questions: r,
-  instantFeedback: s = !0,
-  allowRetry: a = !0,
-  onComplete: d,
-  shuffled: p = !1,
-  readOnly: l = !1,
-  className: h,
-  style: i
-}) {
-  const w = j(
-    () => p ? gt(r) : r,
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [r, p]
-  ), [y, c] = I(0), [b, T] = I(/* @__PURE__ */ new Set()), [u, U] = I(/* @__PURE__ */ new Map()), [N, z] = I(/* @__PURE__ */ new Set()), [x, C] = I(null), [n, o] = I(!1), g = w[y], S = g ? b.has(g.uid) : !1;
-  function f() {
-    var O;
-    if (!g || !x) return;
-    const k = (u.get(g.uid) ?? 0) + 1;
-    U((B) => new Map(B).set(g.uid, k)), T((B) => new Set(B).add(g.uid));
-    const D = new Set(
-      ((O = g.answers) == null ? void 0 : O.filter((B) => B.isCorrect).map((B) => B.uid)) ?? []
-    ), P = new Set(x.map((B) => B.uid));
-    D.size === P.size && [...D].every((B) => P.has(B)) && k === 1 && z((B) => new Set(B).add(g.uid));
-  }
-  function m() {
-    g && (T((k) => {
-      const D = new Set(k);
-      return D.delete(g.uid), D;
-    }), C(null));
-  }
-  function v() {
-    if (y < w.length - 1)
-      c((k) => k + 1), C(null);
-    else {
-      const k = {
-        totalQuestions: w.length,
-        correctOnFirstAttempt: N.size,
-        totalAttempts: Array.from(u.values()).reduce((D, P) => D + P, 0)
-      };
-      o(!0), d == null || d(k);
-    }
-  }
-  const A = j(() => {
-    var P;
-    if (!g || !x) return !1;
-    const k = new Set(
-      ((P = g.answers) == null ? void 0 : P.filter(($) => $.isCorrect).map(($) => $.uid)) ?? []
-    ), D = new Set(x.map(($) => $.uid));
-    return k.size === D.size && [...k].every(($) => D.has($));
-  }, [g, x]);
-  if (n) {
-    const k = w.length > 0 ? Math.round(N.size / w.length * 100) : 0;
-    return /* @__PURE__ */ e(L, { className: h, style: i, children: /* @__PURE__ */ t(Q, { className: "pt-6 text-center", children: [
-      /* @__PURE__ */ e(W, { size: 48, className: "text-success mx-auto mb-4" }),
-      /* @__PURE__ */ e("p", { className: "text-xl font-bold mb-1 text-foreground", children: "Practice Complete!" }),
-      /* @__PURE__ */ t("p", { className: "text-muted-foreground mb-2", children: [
-        N.size,
-        " of ",
-        w.length,
-        " correct on first attempt (",
-        k,
-        "%)"
-      ] }),
-      /* @__PURE__ */ e("div", { className: "flex justify-center", children: /* @__PURE__ */ e(
-        R,
-        {
-          variant: "outline",
-          onClick: () => {
-            c(0), T(/* @__PURE__ */ new Set()), U(/* @__PURE__ */ new Map()), z(/* @__PURE__ */ new Set()), C(null), o(!1);
-          },
-          children: "Practice Again"
-        }
-      ) })
-    ] }) });
-  }
-  return /* @__PURE__ */ t("div", { className: h, style: i, children: [
-    /* @__PURE__ */ t("div", { className: "flex justify-between items-center mb-2", children: [
-      /* @__PURE__ */ t("span", { className: "font-semibold text-sm text-foreground", children: [
-        "Question ",
-        y + 1,
-        " of ",
-        w.length
+    ), i = new Set(b.flatMap((c) => c.questionUids)), n = l.filter((c) => !i.has(c.uid));
+    return n.length > 0 && s.push({ label: null, questions: n }), s;
+  }, [l, b]);
+  let t = 0;
+  return /* @__PURE__ */ e(
+    ee,
+    {
+      isLoading: D,
+      error: k,
+      onRetry: E,
+      className: o,
+      style: p,
+      skeleton: /* @__PURE__ */ a(te, { children: [
+        /* @__PURE__ */ e(Q, { className: "h-32 w-full" }),
+        /* @__PURE__ */ e(Q, { className: "h-32 w-full" }),
+        /* @__PURE__ */ e(Q, { className: "h-32 w-full" })
       ] }),
-      /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: [
-        N.size,
-        " correct on first try"
-      ] })
-    ] }),
-    /* @__PURE__ */ e(
-      ne,
-      {
-        value: y + (S ? 1 : 0),
-        max: w.length,
-        size: "sm",
-        className: "mb-3"
-      }
-    ),
-    g && /* @__PURE__ */ e(L, { children: /* @__PURE__ */ t(Q, { className: "pt-6", children: [
-      /* @__PURE__ */ e(
-        X,
-        {
-          question: g,
-          sessionAnswers: (x == null ? void 0 : x.map((k) => ({
-            uid: g.uid,
-            answerUid: k.uid,
-            content: k.content
-          }))) ?? [],
-          onAnswer: (k) => C(k),
-          readOnly: l || S,
-          showCorrectAnswers: S
-        }
-      ),
-      s && S && /* @__PURE__ */ e(
-        He,
-        {
-          isCorrect: A,
-          explanation: g.explanation,
-          onRetry: a && !A ? m : void 0
-        }
-      ),
-      /* @__PURE__ */ t("div", { className: "flex justify-end gap-2 mt-2", children: [
-        !S && s && /* @__PURE__ */ e(
-          R,
-          {
-            onClick: f,
-            disabled: !x || x.length === 0 || l,
-            children: "Check Answer"
-          }
-        ),
-        (!s || S) && /* @__PURE__ */ e(
-          R,
-          {
-            onClick: v,
-            disabled: l,
-            children: y < w.length - 1 ? "Next Question" : "Finish"
-          }
-        )
-      ] })
-    ] }) })
-  ] });
-}
-function Lt({
-  questions: r,
-  initialAnswers: s = [],
-  onSubmit: a,
-  onAnswerChange: d,
-  timeLimitSeconds: p,
-  timeElapsedSeconds: l,
-  autoSubmitOnTimeout: h = !0,
-  timeWarningThreshold: i = 300,
-  allowBackNavigation: w = !0,
-  confirmBeforeSubmit: y = !0,
-  examTitle: c,
-  instructions: b,
-  isSubmitting: T = !1,
-  readOnly: u = !1,
-  className: U,
-  style: N
-}) {
-  const [z, x] = I(0), [C, n] = I(s), [o, g] = I(/* @__PURE__ */ new Set()), [S, f] = I(!1), [m, v] = I(!1), A = ge(!1), k = r[z], D = p - l;
-  ie(() => {
-    D <= i && D > 0 && v(!0);
-  }, [D, i]), ie(() => {
-    h && D <= 0 && !A.current && (A.current = !0, re(!0));
-  }, [D, h]);
-  const P = j(
-    () => r.map((M, E) => ({
-      uid: M.uid,
-      sequence: E + 1,
-      isFlagged: o.has(M.uid),
-      isAnswered: C.some((_) => _.uid === M.uid),
-      isSkipped: !1
-    })),
-    [r, C, o]
-  );
-  function $(M) {
-    if (!k) return;
-    const E = k.uid, _ = M.map((H) => ({
-      uid: E,
-      answerUid: H.uid,
-      content: H.content
-    }));
-    n((H) => {
-      const de = [...H.filter((Pe) => Pe.uid !== E), ..._];
-      return d == null || d(de), de;
-    });
-  }
-  function O(M) {
-    const E = r.findIndex((_) => _.uid === M);
-    E !== -1 && x(E);
-  }
-  function B(M) {
-    g((E) => {
-      const _ = new Set(E);
-      return _.has(M) ? _.delete(M) : _.add(M), _;
-    });
-  }
-  function Re() {
-    y ? f(!0) : re(!1);
-  }
-  function re(M) {
-    const E = new Set(C.map((H) => H.uid)), _ = {
-      timeElapsedSeconds: l,
-      wasAutoSubmitted: M,
-      answeredCount: r.filter((H) => E.has(H.uid)).length,
-      totalQuestions: r.length
-    };
-    a(C, _);
-  }
-  return /* @__PURE__ */ t("div", { className: F(U), style: N, children: [
-    c && /* @__PURE__ */ e("p", { className: "text-xl font-bold mb-2 text-foreground", children: c }),
-    m && D > 0 && D <= i && /* @__PURE__ */ e(ve, { variant: "warning", className: "mb-2", children: /* @__PURE__ */ t(we, { children: [
-      Math.ceil(D / 60),
-      " minute",
-      Math.ceil(D / 60) !== 1 ? "s" : "",
-      " remaining"
-    ] }) }),
-    /* @__PURE__ */ e(
-      be,
-      {
-        currentQuestionIndex: z,
-        totalQuestions: r.length,
-        hasNext: z < r.length - 1,
-        hasPrevious: w && z > 0,
-        onNext: () => x((M) => Math.min(M + 1, r.length - 1)),
-        onPrevious: () => w && x((M) => Math.max(M - 1, 0)),
-        onSubmit: Re,
-        timeElapsedSeconds: l,
-        timeLimitSeconds: p,
-        questions: P,
-        onNavigateToQuestion: O,
-        onToggleFlag: B,
-        currentQuestionUid: k == null ? void 0 : k.uid,
-        isSubmitting: T,
-        readOnly: u
-      }
-    ),
-    b && z === 0 && /* @__PURE__ */ e(L, { className: "mt-3", children: /* @__PURE__ */ e(Q, { className: "pt-6", children: b }) }),
-    k && /* @__PURE__ */ e(L, { className: "mt-3", children: /* @__PURE__ */ e(Q, { className: "pt-6", children: /* @__PURE__ */ e(
-      X,
-      {
-        question: k,
-        sessionAnswers: C.filter((M) => M.uid === k.uid),
-        onAnswer: $,
-        readOnly: u
-      }
-    ) }) }),
-    /* @__PURE__ */ e(
-      Ve,
-      {
-        open: S,
-        title: "Submit Exam?",
-        message: `You have answered ${P.filter((M) => M.isAnswered).length} of ${r.length} questions. Once submitted, you cannot change your answers.`,
-        confirmLabel: "Submit Exam",
-        cancelLabel: "Continue Exam",
-        confirmColor: "primary",
-        onConfirm: () => {
-          f(!1), re(!1);
-        },
-        onCancel: () => f(!1),
-        isLoading: T
-      }
-    )
-  ] });
-}
-function Mt({
-  title: r,
-  description: s,
-  questions: a,
-  initialAnswers: d = [],
-  onSubmit: p,
-  onAnswerChange: l,
-  showProgress: h = !0,
-  requireAll: i = !1,
-  submitLabel: w = "Submit Survey",
-  isSubmitting: y = !1,
-  readOnly: c = !1,
-  className: b,
-  style: T
-}) {
-  const [u, U] = I(d), N = j(() => {
-    const n = new Set(u.map((o) => o.questionUid));
-    return a.filter((o) => n.has(o.uid)).length;
-  }, [a, u]), z = !i || N === a.length;
-  function x(n, o) {
-    U((g) => {
-      const f = [...g.filter((m) => m.questionUid !== n), { questionUid: n, value: o }];
-      return l == null || l(f), f;
-    });
-  }
-  function C(n) {
-    return u.find((o) => o.questionUid === n);
-  }
-  return /* @__PURE__ */ t("div", { className: b, style: T, children: [
-    /* @__PURE__ */ e("p", { className: "text-xl font-bold text-foreground mb-2", children: r }),
-    s && /* @__PURE__ */ e("div", { className: "mb-2 text-muted-foreground text-sm", children: typeof s == "string" ? /* @__PURE__ */ e("span", { children: s }) : s }),
-    h && /* @__PURE__ */ t("div", { className: "mb-3", children: [
-      /* @__PURE__ */ e(ne, { value: N / a.length * 100 }),
-      /* @__PURE__ */ t("span", { className: "block text-xs text-muted-foreground mt-0.5", children: [
-        N,
-        " of ",
-        a.length,
-        " answered"
-      ] })
-    ] }),
-    a.map((n, o) => {
-      var S, f;
-      const g = C(n.uid);
-      return /* @__PURE__ */ e(L, { className: "mb-2", children: /* @__PURE__ */ t(Q, { className: "pt-6", children: [
-        /* @__PURE__ */ t("p", { className: "font-medium text-foreground mb-2", children: [
-          o + 1,
-          ". ",
-          n.content,
-          n.required && /* @__PURE__ */ e("span", { className: "text-destructive ml-0.5", children: "*" })
-        ] }),
-        n.type === "likert" && /* @__PURE__ */ e(
-          Ye,
-          {
-            value: g ? Number(g.value) : null,
-            onChange: (m) => x(n.uid, m),
-            points: n.scalePoints,
-            lowLabel: (S = n.scaleLabels) == null ? void 0 : S.low,
-            highLabel: (f = n.scaleLabels) == null ? void 0 : f.high,
-            readOnly: c
-          }
-        ),
-        n.type === "rating" && /* @__PURE__ */ e(
-          Je,
-          {
-            value: g ? Number(g.value) : 0,
-            onChange: (m) => x(n.uid, m),
-            readOnly: c
-          }
-        ),
-        n.type === "open_text" && /* @__PURE__ */ e(
-          te,
-          {
-            placeholder: "Type your response...",
-            value: (g == null ? void 0 : g.value) ?? "",
-            onChange: (m) => x(n.uid, m.target.value),
-            disabled: c,
-            className: "min-h-24"
-          }
-        ),
-        n.type === "choice" && n.answers && /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: n.answers.map((m) => /* @__PURE__ */ t("label", { className: "flex items-center gap-2 cursor-pointer py-1 text-sm text-foreground has-[input:disabled]:cursor-default has-[input:disabled]:opacity-60", children: [
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "radio",
-              className: "accent-primary m-0 shrink-0",
-              name: `survey-q-${n.uid}`,
-              value: m.uid,
-              checked: (g == null ? void 0 : g.value) === m.uid,
-              onChange: () => x(n.uid, m.uid),
-              disabled: c
-            }
-          ),
-          /* @__PURE__ */ e("span", { children: m.content })
-        ] }, m.uid)) }),
-        n.type === "multiple_choice" && n.answers && /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: n.answers.map((m) => {
-          const v = u.filter((A) => A.questionUid === n.uid).map((A) => String(A.value));
-          return /* @__PURE__ */ t("label", { className: "flex items-center gap-2 cursor-pointer py-1 text-sm text-foreground has-[input:disabled]:cursor-default has-[input:disabled]:opacity-60", children: [
+      children: /* @__PURE__ */ a("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: [
+          V.map((s, i) => /* @__PURE__ */ a("div", { children: [
+            s.label && /* @__PURE__ */ e("p", { className: f("text-lg font-semibold mb-2 text-foreground", i > 0 && "mt-4"), children: s.label }),
+            s.questions.map((n) => {
+              const c = t++;
+              return /* @__PURE__ */ e(
+                U,
+                {
+                  ref: (C) => P(n.uid, C),
+                  "data-question-uid": n.uid,
+                  className: "mb-2",
+                  children: /* @__PURE__ */ a(Y, { className: "pt-6", children: [
+                    B && /* @__PURE__ */ a("p", { className: "font-semibold text-sm text-muted-foreground mb-1", children: [
+                      "Question ",
+                      c + 1
+                    ] }),
+                    /* @__PURE__ */ e(
+                      ie,
+                      {
+                        question: n,
+                        sessionAnswers: g.get(n.uid) ?? he,
+                        onAnswer: (C) => I(n.uid, C),
+                        readOnly: h
+                      }
+                    )
+                  ] })
+                },
+                n.uid
+              );
+            })
+          ] }, s.label ?? `ungrouped-${i}`)),
+          /* @__PURE__ */ e(ae, { className: "my-3" }),
+          /* @__PURE__ */ a("div", { className: "flex justify-between items-center", children: [
+            /* @__PURE__ */ a("span", { className: "text-sm text-muted-foreground", children: [
+              v,
+              " of ",
+              l.length,
+              " answered"
+            ] }),
             /* @__PURE__ */ e(
-              "input",
+              z,
               {
-                type: "checkbox",
-                className: "accent-primary m-0 shrink-0",
-                checked: v.includes(m.uid),
-                disabled: c,
-                onChange: (A) => {
-                  const k = u.filter((P) => P.questionUid === n.uid);
-                  let D;
-                  A.target.checked ? D = [...k, { questionUid: n.uid, value: m.uid }] : D = k.filter((P) => String(P.value) !== m.uid), U((P) => [
-                    ...P.filter(($) => $.questionUid !== n.uid),
-                    ...D
-                  ]), l == null || l([
-                    ...u.filter((P) => P.questionUid !== n.uid),
-                    ...D
-                  ]);
-                }
+                onClick: () => r(S),
+                disabled: M || h,
+                children: M ? "Submitting..." : "Submit"
               }
-            ),
-            /* @__PURE__ */ e("span", { children: m.content })
-          ] }, m.uid);
-        }) })
-      ] }) }, n.uid);
-    }),
-    /* @__PURE__ */ t("div", { className: "flex justify-between items-center mt-3", children: [
-      /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
-        N,
-        " of ",
-        a.length,
-        " answered"
-      ] }),
-      /* @__PURE__ */ e(
-        R,
-        {
-          onClick: () => p(u),
-          disabled: !z || y || c,
-          children: y ? "Submitting..." : w
-        }
-      )
-    ] })
-  ] });
-}
-function Rt({
-  title: r,
-  blocks: s,
-  isCompleted: a = !1,
-  onMarkComplete: d,
-  onNextLesson: p,
-  nextLessonTitle: l,
-  estimatedDuration: h,
-  showDuration: i = !0,
-  readOnly: w = !1,
-  className: y,
-  style: c
-}) {
-  const [b, T] = I(a), [, u] = I(/* @__PURE__ */ new Map());
-  function U(z, x) {
-    u((C) => new Map(C).set(z, x));
-  }
-  function N() {
-    T(!0), d == null || d();
-  }
-  return /* @__PURE__ */ t("div", { className: F(y), style: c, children: [
-    /* @__PURE__ */ t("div", { className: "mb-3", children: [
-      /* @__PURE__ */ e("p", { className: "text-2xl font-bold mb-0.5 text-foreground", children: r }),
-      i && h != null && /* @__PURE__ */ t("div", { className: "flex items-center gap-0.5 text-muted-foreground", children: [
-        /* @__PURE__ */ e(De, { size: 16 }),
-        /* @__PURE__ */ e("span", { className: "text-sm", children: ye(h) })
+            )
+          ] })
+        ] }),
+        F && /* @__PURE__ */ e(U, { className: "hidden md:block w-50 shrink-0 sticky top-4 self-start", children: /* @__PURE__ */ a(Y, { className: "p-3", children: [
+          /* @__PURE__ */ e("p", { className: "font-semibold text-sm mb-1 text-foreground", children: "Questions" }),
+          /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: l.map((s, i) => {
+            const n = g.has(s.uid), c = A === s.uid;
+            return /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: f(
+                  "inline-flex items-center justify-center text-xs font-medium min-w-9 px-1 py-0.5 rounded-full cursor-pointer border transition-colors",
+                  c ? "bg-primary border-primary text-primary-foreground" : n ? "border-success text-success bg-transparent" : "border-border text-foreground bg-transparent hover:bg-muted"
+                ),
+                onClick: () => u(s.uid),
+                children: i + 1
+              },
+              s.uid
+            );
+          }) })
+        ] }) })
       ] })
-    ] }),
-    /* @__PURE__ */ e(V, { className: "mb-3" }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col gap-3", children: s.map((z, x) => /* @__PURE__ */ e(
-      Ke,
-      {
-        block: z,
-        onQuestionAnswer: U,
-        readOnly: w
-      },
-      x
-    )) }),
-    /* @__PURE__ */ e("div", { className: "border border-border rounded-md px-4 py-3 mt-4 sticky bottom-0 bg-background z-10", children: /* @__PURE__ */ t("div", { className: "flex justify-between items-center", children: [
-      b ? /* @__PURE__ */ t("div", { className: "flex items-center gap-1 text-success", children: [
-        /* @__PURE__ */ e(fe, { size: 20 }),
-        /* @__PURE__ */ e("span", { className: "text-sm font-semibold", children: "Lesson Complete" })
-      ] }) : /* @__PURE__ */ t(
-        R,
-        {
-          onClick: N,
-          disabled: w,
-          children: [
-            /* @__PURE__ */ e(fe, { size: 18 }),
-            " Mark Complete"
-          ]
-        }
-      ),
-      p && /* @__PURE__ */ t(
-        R,
-        {
-          variant: b ? "default" : "outline",
-          onClick: p,
-          children: [
-            l ? `Next: ${l}` : "Next Lesson",
-            " ",
-            /* @__PURE__ */ e(nt, { size: 18 })
-          ]
-        }
-      )
-    ] }) })
-  ] });
-}
-function pe(r) {
-  return r < 1024 ? `${r} B` : r < 1024 * 1024 ? `${(r / 1024).toFixed(1)} KB` : `${(r / (1024 * 1024)).toFixed(1)} MB`;
+    }
+  );
 }
-const xe = {
+const X = {
   pdf: "document",
   document: "document",
   video: "video",
@@ -947,922 +165,200 @@ const xe = {
   archive: "document",
   other: "document"
 };
-function Pt({
-  resources: r,
-  categories: s,
-  onResourceClick: a,
-  onDownload: d,
-  viewMode: p = "list",
-  allowViewToggle: l = !0,
-  showSearch: h = !0,
-  emptyMessage: i = "No resources found",
-  readOnly: w = !1,
-  className: y,
-  style: c
+function we({
+  resources: l,
+  categories: N,
+  onResourceClick: r,
+  onDownload: y,
+  viewMode: F = "list",
+  allowViewToggle: B = !0,
+  showSearch: b = !0,
+  emptyMessage: M = "No resources found",
+  readOnly: h = !1,
+  isLoading: D,
+  error: k,
+  onRetry: E,
+  pageSize: o,
+  currentPage: p = 1,
+  totalItems: S,
+  onPageChange: x,
+  className: A,
+  style: T
 }) {
-  const [b, T] = I(""), [u, U] = I(null), [N, z] = I(p), x = j(() => {
-    let n = r;
-    if (u && (n = n.filter((o) => o.categoryUid === u)), b.trim()) {
-      const o = b.toLowerCase();
-      n = n.filter(
-        (g) => {
-          var S;
-          return g.name.toLowerCase().includes(o) || ((S = g.description) == null ? void 0 : S.toLowerCase().includes(o));
+  const [m, g] = L(""), [v, P] = L(null), [w, I] = L(F), u = j(() => {
+    let t = l;
+    if (v && (t = t.filter((d) => d.categoryUid === v)), m.trim()) {
+      const d = m.toLowerCase();
+      t = t.filter(
+        (s) => {
+          var i;
+          return s.name.toLowerCase().includes(d) || ((i = s.description) == null ? void 0 : i.toLowerCase().includes(d));
         }
       );
     }
-    return n;
-  }, [r, u, b]);
-  function C(n) {
-    const o = xe[n.type] ?? "document";
-    return /* @__PURE__ */ t(
+    return t;
+  }, [l, v, m]);
+  if (D)
+    return /* @__PURE__ */ a("div", { className: f("space-y-4", A), style: T, children: [
+      /* @__PURE__ */ e(Q, { className: "h-9 w-full" }),
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-4", children: Array.from({ length: 6 }).map((t, d) => /* @__PURE__ */ e(Q, { className: "h-32 w-full rounded-lg" }, d)) })
+    ] });
+  if (k)
+    return /* @__PURE__ */ e("div", { className: f("py-12", A), style: T, children: /* @__PURE__ */ e(
+      $,
+      {
+        icon: /* @__PURE__ */ e(oe, { className: "size-10 text-destructive" }),
+        title: "Something went wrong",
+        description: k,
+        action: E ? /* @__PURE__ */ e(z, { variant: "outline", onClick: E, children: "Retry" }) : void 0
+      }
+    ) });
+  function V(t) {
+    const d = X[t.type] ?? "document";
+    return /* @__PURE__ */ a(
       "div",
       {
-        className: F(
+        className: f(
           "flex items-center gap-3 px-3 py-2",
-          !w && "cursor-pointer hover:bg-muted",
-          w && "opacity-70"
+          !h && r && "cursor-pointer hover:bg-muted",
+          (h || !r) && "opacity-70"
         ),
-        onClick: () => !w && a(n),
+        onClick: () => !h && (r == null ? void 0 : r(t)),
         children: [
-          /* @__PURE__ */ e("div", { className: "min-w-10", children: /* @__PURE__ */ e(ue, { type: o, size: 20 }) }),
-          /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ e("span", { className: "text-sm text-foreground", children: n.name }),
-            (n.description || n.fileSize != null) && /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: [
-              n.description,
-              n.fileSize != null && pe(n.fileSize)
+          /* @__PURE__ */ e("div", { className: "min-w-10", children: /* @__PURE__ */ e(J, { type: d, size: 20 }) }),
+          /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ e("span", { className: "text-sm text-foreground", children: t.name }),
+            (t.description || t.fileSize != null) && /* @__PURE__ */ e("span", { className: "block text-xs text-muted-foreground", children: [
+              t.description,
+              t.fileSize != null && R(t.fileSize)
             ].filter(Boolean).join(" · ") })
           ] }),
-          d && /* @__PURE__ */ t(J, { children: [
-            /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(
-              R,
+          y && /* @__PURE__ */ a(_, { children: [
+            /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(
+              z,
               {
                 variant: "ghost",
                 size: "icon-xs",
                 "aria-label": "Download",
-                onClick: (g) => {
-                  g.stopPropagation(), d(n);
+                onClick: (s) => {
+                  s.stopPropagation(), y(t);
                 },
-                children: /* @__PURE__ */ e(Te, { size: 16 })
+                children: /* @__PURE__ */ e(ue, { size: 16 })
               }
             ) }),
-            /* @__PURE__ */ e(Z, { children: "Download" })
+            /* @__PURE__ */ e(W, { children: "Download" })
           ] })
         ]
       },
-      n.uid
+      t.uid
     );
   }
-  return /* @__PURE__ */ t("div", { className: y, style: c, children: [
-    /* @__PURE__ */ t("div", { className: "flex gap-2 items-center mb-2", children: [
-      h && /* @__PURE__ */ e("div", { className: "flex-1 max-w-80", children: /* @__PURE__ */ e(
-        Ze,
+  return /* @__PURE__ */ a("div", { className: A, style: T, children: [
+    /* @__PURE__ */ a("div", { className: "flex gap-2 items-center mb-2", children: [
+      b && /* @__PURE__ */ e("div", { className: "flex-1 max-w-80", children: /* @__PURE__ */ e(
+        ne,
         {
-          value: b,
-          onChange: T,
+          value: m,
+          onChange: g,
           placeholder: "Search resources...",
           size: "small"
         }
       ) }),
-      l && /* @__PURE__ */ t("div", { className: "flex gap-0.5", children: [
-        /* @__PURE__ */ t(J, { children: [
-          /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(
-            R,
+      B && /* @__PURE__ */ a("div", { className: "flex gap-0.5", children: [
+        /* @__PURE__ */ a(_, { children: [
+          /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(
+            z,
             {
               variant: "ghost",
               size: "icon-xs",
               "aria-label": "List view",
-              className: F(N === "list" && "text-primary"),
-              onClick: () => z("list"),
-              children: /* @__PURE__ */ e(rt, { size: 18 })
+              className: f(w === "list" && "text-primary"),
+              onClick: () => I("list"),
+              children: /* @__PURE__ */ e(ce, { size: 18 })
             }
           ) }),
-          /* @__PURE__ */ e(Z, { children: "List view" })
+          /* @__PURE__ */ e(W, { children: "List view" })
         ] }),
-        /* @__PURE__ */ t(J, { children: [
-          /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(
-            R,
+        /* @__PURE__ */ a(_, { children: [
+          /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(
+            z,
             {
               variant: "ghost",
               size: "icon-xs",
               "aria-label": "Grid view",
-              className: F(N === "grid" && "text-primary"),
-              onClick: () => z("grid"),
-              children: /* @__PURE__ */ e(st, { size: 18 })
+              className: f(w === "grid" && "text-primary"),
+              onClick: () => I("grid"),
+              children: /* @__PURE__ */ e(me, { size: 18 })
             }
           ) }),
-          /* @__PURE__ */ e(Z, { children: "Grid view" })
+          /* @__PURE__ */ e(W, { children: "Grid view" })
         ] })
       ] })
     ] }),
-    s && s.length > 0 && /* @__PURE__ */ e(
-      Se,
+    N && N.length > 0 && /* @__PURE__ */ e(
+      le,
       {
-        value: u ?? "all",
-        onValueChange: (n) => U(n === "all" ? null : n),
+        value: v ?? "all",
+        onValueChange: (t) => P(t === "all" ? null : t),
         className: "mb-2",
-        children: /* @__PURE__ */ t(ke, { children: [
-          /* @__PURE__ */ e(G, { value: "all", children: "All" }),
-          s.map((n) => /* @__PURE__ */ e(G, { value: n.uid, children: n.label }, n.uid))
+        children: /* @__PURE__ */ a(re, { children: [
+          /* @__PURE__ */ e(H, { value: "all", children: "All" }),
+          N.map((t) => /* @__PURE__ */ e(H, { value: t.uid, children: t.label }, t.uid))
         ] })
       }
     ),
-    x.length === 0 ? /* @__PURE__ */ e(ze, { title: i, description: "Try adjusting your search or filter." }) : N === "list" ? /* @__PURE__ */ e(L, { children: x.map(C) }) : /* @__PURE__ */ e("div", { className: "grid grid-cols-[repeat(auto-fill,minmax(240px,1fr))] gap-2", children: x.map((n) => /* @__PURE__ */ e(
-      L,
+    u.length === 0 ? /* @__PURE__ */ e($, { title: M, description: "Try adjusting your search or filter." }) : w === "list" ? /* @__PURE__ */ e(U, { children: (x && o ? u.slice((p - 1) * o, p * o) : u).map(V) }) : /* @__PURE__ */ e("div", { className: "grid grid-cols-[repeat(auto-fill,minmax(240px,1fr))] gap-2", children: (x && o ? u.slice((p - 1) * o, p * o) : u).map((t) => /* @__PURE__ */ e(
+      U,
       {
-        className: F(
+        className: f(
           "transition-colors",
-          !w && "cursor-pointer hover:border-primary"
+          !h && r && "cursor-pointer hover:border-primary"
         ),
-        onClick: () => !w && a(n),
-        children: /* @__PURE__ */ t(Q, { className: "pt-4 pb-4", children: [
-          /* @__PURE__ */ t("div", { className: "flex gap-1 items-center mb-1", children: [
-            /* @__PURE__ */ e(ue, { type: xe[n.type] ?? "document", size: 20 }),
-            /* @__PURE__ */ e("span", { className: "font-semibold text-sm text-foreground truncate", children: n.name })
+        onClick: () => !h && (r == null ? void 0 : r(t)),
+        children: /* @__PURE__ */ a(Y, { className: "pt-4 pb-4", children: [
+          /* @__PURE__ */ a("div", { className: "flex gap-1 items-center mb-1", children: [
+            /* @__PURE__ */ e(J, { type: X[t.type] ?? "document", size: 20 }),
+            /* @__PURE__ */ e("span", { className: "font-semibold text-sm text-foreground truncate", children: t.name })
           ] }),
-          n.description && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground mb-1 truncate", children: n.description }),
-          n.fileSize != null && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: pe(n.fileSize) })
+          t.description && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground mb-1 truncate", children: t.description }),
+          t.fileSize != null && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: R(t.fileSize) })
         ] })
       },
-      n.uid
-    )) })
-  ] });
-}
-function bt(r) {
-  const s = new Date(r), d = (/* @__PURE__ */ new Date()).getTime() - s.getTime(), p = Math.floor(d / 6e4);
-  if (p < 1) return "Just now";
-  if (p < 60) return `${p}m ago`;
-  const l = Math.floor(p / 60);
-  if (l < 24) return `${l}h ago`;
-  const h = Math.floor(l / 24);
-  return h < 7 ? `${h}d ago` : s.toLocaleDateString();
-}
-function Qt({
-  announcements: r,
-  onMarkRead: s,
-  onSelect: a,
-  showAvatars: d = !0,
-  previewLines: p = 3,
-  emptyMessage: l = "No announcements yet",
-  readOnly: h = !1,
-  className: i,
-  style: w
-}) {
-  const [y, c] = I(/* @__PURE__ */ new Set()), b = j(() => {
-    const u = r.filter((N) => N.isPinned), U = r.filter((N) => !N.isPinned);
-    return [...u, ...U];
-  }, [r]);
-  function T(u) {
-    c((N) => {
-      const z = new Set(N);
-      return z.has(u) ? z.delete(u) : z.add(u), z;
-    });
-    const U = r.find((N) => N.uid === u);
-    U && !U.isRead && (s == null || s(u));
-  }
-  return b.length === 0 ? /* @__PURE__ */ e("div", { className: i, style: w, children: /* @__PURE__ */ e(ze, { title: l }) }) : /* @__PURE__ */ e("div", { className: F("flex flex-col gap-2", i), style: w, children: b.map((u) => {
-    const U = y.has(u.uid);
-    return /* @__PURE__ */ e(
-      L,
-      {
-        className: F(
-          u.isRead && "opacity-85",
-          a && "cursor-pointer",
-          u.isPinned && "border-l-4 border-l-warning"
-        ),
-        onClick: () => a && !h ? a(u) : T(u.uid),
-        children: /* @__PURE__ */ e(Q, { className: "pt-4 pb-4", children: /* @__PURE__ */ t("div", { className: "flex gap-1.5 items-start", children: [
-          d && /* @__PURE__ */ e(
-            Ge,
-            {
-              displayName: u.author.displayName,
-              avatarUrl: u.author.avatarUrl,
-              role: u.author.role,
-              size: "medium"
-            }
-          ),
-          /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ t("div", { className: "flex items-center gap-1 mb-0.5", children: [
-              u.isPinned && /* @__PURE__ */ e(lt, { size: 14 }),
-              /* @__PURE__ */ e(
-                "span",
-                {
-                  className: F("text-foreground", u.isRead ? "font-normal" : "font-semibold"),
-                  children: u.title
-                }
-              ),
-              !u.isRead && /* @__PURE__ */ e(Ne, { variant: "destructive", className: "text-[10px] px-1.5 py-0", children: "New" })
-            ] }),
-            /* @__PURE__ */ t("span", { className: "block text-xs text-muted-foreground mb-1", children: [
-              u.author.displayName,
-              " · ",
-              bt(u.createdAt)
-            ] }),
-            /* @__PURE__ */ e(
-              "span",
-              {
-                className: F(
-                  "text-sm text-foreground",
-                  !U && "line-clamp-(--preview-lines) overflow-hidden"
-                ),
-                style: U ? void 0 : { "--preview-lines": p },
-                children: u.content
-              }
-            ),
-            !U && u.content.length > 200 && /* @__PURE__ */ e(
-              R,
-              {
-                variant: "link",
-                size: "xs",
-                className: "px-0 mt-0.5 h-auto",
-                onClick: (N) => {
-                  N.stopPropagation(), T(u.uid);
-                },
-                children: "Read more"
-              }
-            )
-          ] })
-        ] }) })
-      },
-      u.uid
-    );
-  }) });
-}
-function Bt({
-  title: r,
-  rootPost: s,
-  replies: a,
-  currentUser: d,
-  onReply: p,
-  onToggleLike: l,
-  onMarkAnswer: h,
-  maxDepth: i = 3,
-  allowReplies: w = !0,
-  sortOrder: y = "oldest",
-  readOnly: c = !1,
-  className: b,
-  style: T
-}) {
-  const [u, U] = I(null), [N, z] = I(""), x = j(() => {
-    const o = /* @__PURE__ */ new Map();
-    for (const g of a) {
-      const S = g.parentUid ?? s.uid, f = o.get(S) ?? [];
-      f.push(g), o.set(S, f);
-    }
-    for (const [, g] of o)
-      g.sort((S, f) => y === "newest" ? new Date(f.createdAt).getTime() - new Date(S.createdAt).getTime() : y === "most_liked" ? f.likeCount - S.likeCount : new Date(S.createdAt).getTime() - new Date(f.createdAt).getTime());
-    return o;
-  }, [a, s.uid, y]);
-  function C(o) {
-    N.trim() && (p(o, N.trim()), z(""), U(null));
-  }
-  function n(o, g) {
-    const S = x.get(o.uid) ?? [], f = Math.min(g, i), m = /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: [
-      l && !c && /* @__PURE__ */ t(J, { children: [
-        /* @__PURE__ */ e(K, { children: /* @__PURE__ */ t(
-          R,
-          {
-            variant: "ghost",
-            size: "sm",
-            "aria-label": o.isLikedByCurrentUser ? "Unlike" : "Like",
-            className: F(o.isLikedByCurrentUser && "text-destructive"),
-            onClick: () => l(o.uid),
-            children: [
-              /* @__PURE__ */ e(it, { size: 14, fill: o.isLikedByCurrentUser ? "currentColor" : "none" }),
-              o.likeCount > 0 ? o.likeCount : "Like"
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ e(Z, { children: o.isLikedByCurrentUser ? "Unlike" : "Like" })
-      ] }),
-      w && !c && /* @__PURE__ */ t(J, { children: [
-        /* @__PURE__ */ e(K, { children: /* @__PURE__ */ t(
-          R,
-          {
-            variant: "ghost",
-            size: "sm",
-            "aria-label": "Reply",
-            onClick: () => U(o.uid),
-            children: [
-              /* @__PURE__ */ e(ct, { size: 14 }),
-              "Reply"
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ e(Z, { children: "Reply" })
-      ] }),
-      h && !c && d.role !== "student" && !o.isAnswer && /* @__PURE__ */ t(J, { children: [
-        /* @__PURE__ */ e(K, { children: /* @__PURE__ */ t(
-          R,
-          {
-            variant: "ghost",
-            size: "sm",
-            "aria-label": "Mark as answer",
-            className: "text-success",
-            onClick: () => h(o.uid),
-            children: [
-              /* @__PURE__ */ e(W, { size: 14 }),
-              "Mark Answer"
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ e(Z, { children: "Mark as answer" })
-      ] })
-    ] });
-    return /* @__PURE__ */ t("div", { children: [
-      /* @__PURE__ */ e(
-        Xe,
-        {
-          author: o.author,
-          content: o.content,
-          createdAt: o.createdAt,
-          updatedAt: o.updatedAt,
-          actions: m,
-          highlight: o.isAnswer ? "answer" : "none",
-          indentLevel: f,
-          className: "mb-2"
-        }
-      ),
-      u === o.uid && /* @__PURE__ */ e(
-        L,
-        {
-          className: "mb-2",
-          style: { marginLeft: `${(f + 1) * 16}px` },
-          children: /* @__PURE__ */ t(Q, { className: "pt-4 pb-4", children: [
-            /* @__PURE__ */ e(
-              te,
-              {
-                className: "min-h-15 mb-2",
-                placeholder: "Write a reply...",
-                value: N,
-                onChange: (v) => z(v.target.value)
-              }
-            ),
-            /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ e(
-                R,
-                {
-                  size: "sm",
-                  onClick: () => C(o.uid),
-                  disabled: !N.trim(),
-                  children: "Post Reply"
-                }
-              ),
-              /* @__PURE__ */ e(
-                R,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  onClick: () => {
-                    U(null), z("");
-                  },
-                  children: "Cancel"
-                }
-              )
-            ] })
-          ] })
-        }
-      ),
-      S.map((v) => n(v, g + 1))
-    ] }, o.uid);
-  }
-  return /* @__PURE__ */ t("div", { className: b, style: T, children: [
-    /* @__PURE__ */ t("div", { className: "flex items-center gap-1 mb-2", children: [
-      /* @__PURE__ */ e(at, { size: 20, className: "text-foreground shrink-0" }),
-      /* @__PURE__ */ e("span", { className: "text-lg font-semibold text-foreground", children: r }),
-      /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
-        a.length,
-        " ",
-        a.length === 1 ? "reply" : "replies"
-      ] })
-    ] }),
-    /* @__PURE__ */ e(V, { className: "mb-2" }),
-    n(s, 0)
-  ] });
-}
-function jt({
-  title: r,
-  instructions: s,
-  dueDate: a,
-  maxScore: d,
-  status: p,
-  submissionTypes: l,
-  existingSubmission: h,
-  fileConstraints: i,
-  onSubmit: w,
-  onSaveDraft: y,
-  grade: c,
-  isSubmitting: b = !1,
-  readOnly: T = !1,
-  className: u,
-  style: U
-}) {
-  const [N, z] = I((h == null ? void 0 : h.textContent) ?? ""), [x, C] = I((h == null ? void 0 : h.files) ?? []), [n, o] = I((h == null ? void 0 : h.url) ?? ""), [g, S] = I(l[0]), f = !T && !["submitted", "graded"].includes(p);
-  function m() {
-    return {
-      textContent: l.includes("text") ? N : void 0,
-      files: l.includes("file") ? x : void 0,
-      url: l.includes("url") ? n : void 0
-    };
-  }
-  return /* @__PURE__ */ t("div", { className: u, style: U, children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-between items-start mb-2", children: /* @__PURE__ */ t("div", { children: [
-      /* @__PURE__ */ e("div", { className: "text-xl font-bold text-foreground mb-0.5", children: r }),
-      /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ e(Ce, { status: p }),
-        a && /* @__PURE__ */ e(Ue, { dueDate: a, size: "small" }),
-        d != null && /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
-          d,
-          " points"
-        ] })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ e(L, { className: "mb-3", children: /* @__PURE__ */ t(Q, { className: "pt-6", children: [
-      /* @__PURE__ */ e("div", { className: "font-semibold text-sm text-foreground mb-1", children: "Instructions" }),
-      /* @__PURE__ */ e("div", { className: "text-muted-foreground text-sm", children: typeof s == "string" ? /* @__PURE__ */ e("span", { children: s }) : s })
-    ] }) }),
-    c && /* @__PURE__ */ e(ve, { variant: "success", className: "mb-3", children: /* @__PURE__ */ t(we, { children: [
-      /* @__PURE__ */ t("div", { className: "font-semibold text-sm mb-1", children: [
-        "Grade: ",
-        c.score,
-        d != null ? ` / ${d}` : ""
-      ] }),
-      c.feedback && /* @__PURE__ */ e("div", { children: c.feedback })
-    ] }) }),
-    f && /* @__PURE__ */ t(ee, { children: [
-      l.length > 1 ? /* @__PURE__ */ t(Se, { value: g, onValueChange: (v) => S(v), children: [
-        /* @__PURE__ */ t(ke, { children: [
-          l.includes("text") && /* @__PURE__ */ e(G, { value: "text", children: "Text" }),
-          l.includes("file") && /* @__PURE__ */ e(G, { value: "file", children: "File Upload" }),
-          l.includes("url") && /* @__PURE__ */ e(G, { value: "url", children: "URL" })
-        ] }),
-        l.includes("text") && /* @__PURE__ */ e(se, { value: "text", children: /* @__PURE__ */ e(
-          te,
-          {
-            className: "min-h-45",
-            placeholder: "Type your submission...",
-            value: N,
-            onChange: (v) => z(v.target.value)
-          }
-        ) }),
-        l.includes("file") && /* @__PURE__ */ e(se, { value: "file", children: /* @__PURE__ */ e(
-          me,
-          {
-            files: x,
-            onFilesAdded: (v) => C((A) => [...A, ...v]),
-            onFileRemove: (v) => C((A) => A.filter((k, D) => D !== v)),
-            accept: i == null ? void 0 : i.acceptedTypes,
-            maxFiles: i == null ? void 0 : i.maxFiles,
-            maxSizeMB: i == null ? void 0 : i.maxSizeMB
-          }
-        ) }),
-        l.includes("url") && /* @__PURE__ */ e(se, { value: "url", children: /* @__PURE__ */ e(
-          he,
-          {
-            placeholder: "https://...",
-            value: n,
-            onChange: (v) => o(v.target.value)
-          }
-        ) })
-      ] }) : /* @__PURE__ */ t(ee, { children: [
-        l.includes("text") && /* @__PURE__ */ e(
-          te,
-          {
-            className: "min-h-45 mb-2",
-            placeholder: "Type your submission...",
-            value: N,
-            onChange: (v) => z(v.target.value)
-          }
-        ),
-        l.includes("file") && /* @__PURE__ */ e("div", { className: "mb-2", children: /* @__PURE__ */ e(
-          me,
-          {
-            files: x,
-            onFilesAdded: (v) => C((A) => [...A, ...v]),
-            onFileRemove: (v) => C((A) => A.filter((k, D) => D !== v)),
-            accept: i == null ? void 0 : i.acceptedTypes,
-            maxFiles: i == null ? void 0 : i.maxFiles,
-            maxSizeMB: i == null ? void 0 : i.maxSizeMB
-          }
-        ) }),
-        l.includes("url") && /* @__PURE__ */ e(
-          he,
-          {
-            className: "mb-2",
-            placeholder: "https://...",
-            value: n,
-            onChange: (v) => o(v.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(V, { className: "my-2" }),
-      /* @__PURE__ */ t("div", { className: "flex gap-2 justify-end", children: [
-        y && /* @__PURE__ */ t(
-          R,
-          {
-            variant: "outline",
-            onClick: () => y(m()),
-            disabled: b,
-            children: [
-              /* @__PURE__ */ e(dt, { size: 16 }),
-              "Save Draft"
-            ]
-          }
-        ),
-        /* @__PURE__ */ t(
-          R,
-          {
-            onClick: () => w(m()),
-            disabled: b,
-            children: [
-              /* @__PURE__ */ e(Ie, { size: 16 }),
-              b ? "Submitting..." : "Submit"
-            ]
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-function q({
-  label: r,
-  field: s,
-  sortField: a,
-  sortDir: d,
-  onSort: p,
-  textAlign: l
-}) {
-  const h = a === s;
-  return /* @__PURE__ */ e(
-    Ae,
-    {
-      className: F(
-        "cursor-pointer select-none hover:bg-muted",
-        l === "right" && "text-right"
-      ),
-      onClick: () => p(s),
-      children: /* @__PURE__ */ t("div", { className: F("flex items-center gap-1", l === "right" && "justify-end"), children: [
-        /* @__PURE__ */ e("span", { className: F(h ? "text-foreground" : "text-muted-foreground"), children: r }),
-        h && (d === "asc" ? /* @__PURE__ */ e(ot, { size: 14 }) : /* @__PURE__ */ e(ut, { size: 14 }))
-      ] })
-    }
-  );
-}
-function $t({
-  items: r,
-  categories: s,
-  overallGrade: a,
-  showWeights: d = !0,
-  showCategoryTotals: p = !0,
-  onItemClick: l,
-  readOnly: h = !1,
-  className: i,
-  style: w
-}) {
-  const [y, c] = I("dueDate"), [b, T] = I("asc");
-  function u(x) {
-    y === x ? T((C) => C === "asc" ? "desc" : "asc") : (c(x), T("asc"));
-  }
-  const U = j(() => {
-    const x = [...r];
-    return x.sort((C, n) => {
-      let o = 0;
-      switch (y) {
-        case "name":
-          o = C.name.localeCompare(n.name);
-          break;
-        case "score":
-          o = (C.score ?? -1) - (n.score ?? -1);
-          break;
-        case "dueDate":
-          o = (C.dueDate ?? "").localeCompare(n.dueDate ?? "");
-          break;
-        case "status":
-          o = C.status.localeCompare(n.status);
-          break;
-      }
-      return b === "asc" ? o : -o;
-    }), x;
-  }, [r, y, b]), N = j(() => {
-    if (!s || s.length === 0) return [{ category: null, items: U }];
-    const x = s.map((n) => ({
-      category: n,
-      items: U.filter((o) => o.categoryUid === n.uid)
-    })), C = U.filter((n) => !n.categoryUid);
-    return C.length > 0 && x.push({ category: null, items: C }), x;
-  }, [U, s]), z = d ? 5 : 4;
-  return /* @__PURE__ */ t("div", { className: i, style: w, children: [
-    a && /* @__PURE__ */ e(L, { className: "mb-3", children: /* @__PURE__ */ e(Q, { className: "pt-6", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ e(
-        We,
-        {
-          percentage: a.percentage,
-          letterGrade: a.letterGrade,
-          size: "large",
-          passingThreshold: 60
-        }
-      ),
-      /* @__PURE__ */ t("div", { children: [
-        /* @__PURE__ */ e("div", { className: "text-lg font-semibold text-foreground", children: "Overall Grade" }),
-        /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
-          a.pointsEarned,
-          " / ",
-          a.pointsPossible,
-          " points"
-        ] })
-      ] })
-    ] }) }) }),
-    /* @__PURE__ */ e(L, { children: /* @__PURE__ */ t(Oe, { children: [
-      /* @__PURE__ */ e(qe, { children: /* @__PURE__ */ t(le, { children: [
-        /* @__PURE__ */ e(
-          q,
-          {
-            label: "Assignment",
-            field: "name",
-            sortField: y,
-            sortDir: b,
-            onSort: u
-          }
-        ),
-        /* @__PURE__ */ e(
-          q,
-          {
-            label: "Status",
-            field: "status",
-            sortField: y,
-            sortDir: b,
-            onSort: u
-          }
-        ),
-        /* @__PURE__ */ e(
-          q,
-          {
-            label: "Due Date",
-            field: "dueDate",
-            sortField: y,
-            sortDir: b,
-            onSort: u
-          }
-        ),
-        /* @__PURE__ */ e(
-          q,
-          {
-            label: "Score",
-            field: "score",
-            sortField: y,
-            sortDir: b,
-            onSort: u,
-            textAlign: "right"
-          }
-        ),
-        d && /* @__PURE__ */ e(Ae, { className: "text-right text-muted-foreground", children: "Weight" })
-      ] }) }),
-      /* @__PURE__ */ e(et, { children: N.map((x, C) => /* @__PURE__ */ t(Be, { children: [
-        x.category && p && /* @__PURE__ */ e(le, { className: "bg-muted hover:bg-muted", children: /* @__PURE__ */ e(Y, { colSpan: z, children: /* @__PURE__ */ t("span", { className: "font-semibold text-sm text-foreground", children: [
-          x.category.name,
-          x.category.weight != null && ` (${x.category.weight}%)`
-        ] }) }) }),
-        x.items.map((n) => /* @__PURE__ */ t(
-          le,
-          {
-            className: F(l && !h && "cursor-pointer"),
-            onClick: () => l && !h ? l(n) : void 0,
-            children: [
-              /* @__PURE__ */ e(Y, { children: n.name }),
-              /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(Ce, { status: n.status, size: "small" }) }),
-              /* @__PURE__ */ e(Y, { children: n.dueDate ? /* @__PURE__ */ e(
-                Ue,
-                {
-                  dueDate: n.dueDate,
-                  submittedDate: n.submittedDate,
-                  size: "small"
-                }
-              ) : "—" }),
-              /* @__PURE__ */ e(Y, { className: "text-right", children: n.score != null ? /* @__PURE__ */ t("span", { className: "text-sm font-semibold text-foreground", children: [
-                n.score,
-                " / ",
-                n.maxScore
-              ] }) : n.status === "excused" ? /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: "Excused" }) : /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: "—" }) }),
-              d && /* @__PURE__ */ e(Y, { className: "text-right", children: n.weight != null ? `${n.weight}%` : "—" })
-            ]
-          },
-          n.uid
-        ))
-      ] }, C)) })
-    ] }) })
-  ] });
-}
-const Nt = {
-  lesson_completed: Fe,
-  quiz_passed: W,
-  assignment_submitted: Ie,
-  badge_earned: Le
-};
-function _t({
-  overallProgress: r,
-  totalTimeSpent: s,
-  modules: a,
-  recentActivity: d,
-  streak: p,
-  achievements: l,
-  recentActivityLimit: h = 5,
-  onModuleClick: i,
-  className: w,
-  style: y
-}) {
-  return /* @__PURE__ */ t("div", { className: w, style: y, children: [
-    /* @__PURE__ */ t("div", { className: "grid grid-cols-[repeat(auto-fit,minmax(160px,1fr))] gap-2 mb-3", children: [
-      /* @__PURE__ */ e(L, { className: "p-2 flex justify-center", children: /* @__PURE__ */ e(tt, { value: r, size: 100 }) }),
-      /* @__PURE__ */ e(
-        ae,
-        {
-          icon: /* @__PURE__ */ e(De, { size: 24 }),
-          label: "Time Spent",
-          value: ye(s)
-        }
-      ),
-      p && /* @__PURE__ */ e(
-        ae,
-        {
-          icon: /* @__PURE__ */ e(mt, { size: 24 }),
-          label: "Current Streak",
-          value: `${p.currentDays} days`,
-          subtitle: `Longest: ${p.longestDays} days`
-        }
-      ),
-      /* @__PURE__ */ e(
-        ae,
-        {
-          icon: /* @__PURE__ */ e(Fe, { size: 24 }),
-          label: "Modules",
-          value: `${a.filter((c) => c.completedItems === c.totalItems).length} / ${a.length}`,
-          subtitle: "completed"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e("p", { className: "text-lg font-semibold mb-2 text-foreground", children: "Module Progress" }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 mb-3", children: a.map((c) => {
-      const b = c.totalItems > 0 ? c.completedItems / c.totalItems * 100 : 0;
-      return /* @__PURE__ */ t(
-        L,
-        {
-          className: F(
-            "p-2 transition-colors",
-            i && "cursor-pointer hover:border-primary"
-          ),
-          onClick: () => i == null ? void 0 : i(c.uid),
-          children: [
-            /* @__PURE__ */ t("div", { className: "flex justify-between items-center mb-0.5", children: [
-              /* @__PURE__ */ e("span", { className: "font-semibold text-sm text-foreground", children: c.name }),
-              /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: [
-                c.completedItems,
-                " / ",
-                c.totalItems
-              ] })
-            ] }),
-            /* @__PURE__ */ e(ne, { value: b, size: "sm" })
-          ]
-        },
-        c.uid
-      );
-    }) }),
-    d && d.length > 0 && /* @__PURE__ */ t(ee, { children: [
-      /* @__PURE__ */ e("p", { className: "text-lg font-semibold mb-2 text-foreground", children: "Recent Activity" }),
-      /* @__PURE__ */ e("div", { className: "flex flex-col gap-1.5 mb-3", children: d.slice(0, h).map((c) => {
-        const b = Nt[c.type] ?? W;
-        return /* @__PURE__ */ t("div", { className: "flex gap-1.5 items-center", children: [
-          /* @__PURE__ */ e(b, { size: 16 }),
-          /* @__PURE__ */ e("span", { className: "flex-1 text-sm text-foreground", children: c.description }),
-          /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: new Date(c.timestamp).toLocaleDateString() })
-        ] }, c.uid);
-      }) })
-    ] }),
-    l && l.length > 0 && /* @__PURE__ */ t(ee, { children: [
-      /* @__PURE__ */ e("p", { className: "text-lg font-semibold mb-2 text-foreground", children: "Achievements" }),
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-[repeat(auto-fill,minmax(140px,1fr))] gap-2", children: l.map((c) => /* @__PURE__ */ t(L, { className: "p-2 text-center", children: [
-        c.iconUrl ? /* @__PURE__ */ e(
-          "img",
-          {
-            src: c.iconUrl,
-            alt: c.name,
-            className: "w-12 h-12 mb-1 mx-auto"
-          }
-        ) : /* @__PURE__ */ e(ht, { size: 32, className: "mx-auto mb-2 text-warning" }),
-        /* @__PURE__ */ e("p", { className: "font-semibold text-sm text-foreground", children: c.name }),
-        /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: c.description })
-      ] }, c.uid)) })
-    ] })
-  ] });
-}
-const vt = {
-  classic: "border-[3px] border-double border-warning bg-linear-to-br from-[#fffbe6] to-[#fff8e1]",
-  modern: "border border-primary bg-linear-to-br from-[#fff5f5] to-[#fee2e2]",
-  minimal: "border border-border"
-};
-function Et({
-  recipientName: r,
-  courseTitle: s,
-  completionDate: a,
-  organizationName: d,
-  organizationLogo: p,
-  signatory: l,
-  certificateId: h,
-  variant: i = "classic",
-  showActions: w = !0,
-  onPrint: y,
-  onDownload: c,
-  className: b,
-  style: T
-}) {
-  const u = (() => {
-    try {
-      return new Date(a).toLocaleDateString("en-US", {
-        year: "numeric",
-        month: "long",
-        day: "numeric"
-      });
-    } catch {
-      return a;
-    }
-  })();
-  function U() {
-    y ? y() : window.print();
-  }
-  return /* @__PURE__ */ t("div", { className: b, style: T, children: [
-    /* @__PURE__ */ t(
-      "div",
+      t.uid
+    )) }),
+    x && o && u.length > 0 && /* @__PURE__ */ e(
+      de,
       {
-        className: F(
-          "p-3 sm:p-5 md:p-6 text-center max-w-200 mx-auto rounded-md",
-          vt[i]
-        ),
-        children: [
-          p ? /* @__PURE__ */ e(
-            "img",
-            {
-              src: p,
-              alt: d,
-              className: "h-15 mb-2 mx-auto block"
-            }
-          ) : /* @__PURE__ */ e(
-            Le,
-            {
-              size: 48,
-              className: F("mx-auto mb-4", i === "classic" && "text-warning")
-            }
-          ),
-          /* @__PURE__ */ e("p", { className: "uppercase tracking-[3px] text-sm text-foreground/70", children: "Certificate of Completion" }),
-          /* @__PURE__ */ e(V, { className: "my-2 mx-auto max-w-50" }),
-          /* @__PURE__ */ e("p", { className: "text-sm text-foreground mb-1", children: "This is to certify that" }),
-          /* @__PURE__ */ e("p", { className: F("text-2xl font-bold mb-2 text-foreground", i === "classic" && "font-serif"), children: r }),
-          /* @__PURE__ */ e("p", { className: "text-sm text-foreground mb-1", children: "has successfully completed" }),
-          /* @__PURE__ */ e("p", { className: "text-xl font-bold mb-2 text-primary", children: s }),
-          /* @__PURE__ */ t("p", { className: "text-sm text-foreground mb-3", children: [
-            "Issued by ",
-            d,
-            " on ",
-            u
-          ] }),
-          l && /* @__PURE__ */ t("div", { className: "mt-4 mb-2", children: [
-            /* @__PURE__ */ e(V, { className: "my-2 mx-auto max-w-50" }),
-            /* @__PURE__ */ e("p", { className: "font-semibold text-sm text-foreground", children: l.name }),
-            /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: l.title })
-          ] }),
-          h && /* @__PURE__ */ t("span", { className: "block text-xs text-muted-foreground mt-2", children: [
-            "Certificate ID: ",
-            h
-          ] })
-        ]
+        currentPage: p,
+        totalPages: Math.ceil((S ?? u.length) / o),
+        onPageChange: x,
+        className: "mt-4"
       }
-    ),
-    w && /* @__PURE__ */ t("div", { className: "flex justify-center gap-2 mt-3", children: [
-      /* @__PURE__ */ t(R, { variant: "outline", onClick: U, children: [
-        /* @__PURE__ */ e(ft, { size: 16 }),
-        " Print"
-      ] }),
-      c && /* @__PURE__ */ t(R, { variant: "outline", onClick: c, children: [
-        /* @__PURE__ */ e(Te, { size: 16 }),
-        " Download"
-      ] })
-    ] })
+    )
   ] });
 }
 export {
-  Qt as AnnouncementFeed,
-  Dt as AssessmentReview,
-  jt as AssignmentSubmission,
-  Et as CertificateViewer,
-  Tt as CourseOutline,
-  Bt as DiscussionThread,
-  Lt as ExamSession,
-  At as FlashcardStudySession,
-  $t as GradebookTable,
-  Ut as LecturePlayer,
-  Rt as LessonPage,
-  Ft as PracticeQuiz,
-  _t as ProgressDashboard,
-  Ct as QuizSession,
-  Pt as ResourceLibrary,
-  It as ScrollableQuiz,
-  Mt as SurveyForm
+  Se as AnnouncementFeed,
+  Ae as AssessmentReview,
+  Te as AssignmentSubmission,
+  Ce as CertificateViewer,
+  ze as CourseCatalog,
+  Le as CourseOutline,
+  Qe as DiscussionThread,
+  Me as EnrollmentWizard,
+  ke as ExamSession,
+  Ee as FlashcardStudySession,
+  Ie as ForumBoard,
+  je as GradebookTable,
+  Ue as LecturePlayer,
+  Fe as LessonPage,
+  Be as PracticeQuiz,
+  De as ProgressDashboard,
+  Pe as QuizSession,
+  Ve as RequirementsChecklist,
+  we as ResourceLibrary,
+  _e as RubricView,
+  ve as ScrollableQuiz,
+  Ge as StudentProfile,
+  We as SurveyForm
 };