@hydralms/components 0.2.0 → 0.3.0

package/dist/StudentProfile-DeMxdrL3.js

@@ -0,0 +1,3275 @@
+import { jsx as e, Fragment as O, jsxs as t } from "react/jsx-runtime";
+import { useState as F, useRef as J, useEffect as oe, useMemo as B, useCallback as Z, Fragment as At } from "react";
+import { AlertCircle as q, ChevronLeft as Lt, ChevronRight as Re, Send as Ye, CheckCircle as De, Clock as xe, Check as Qe, Pin as Ze, MessageSquare as Te, Heart as Je, Reply as Ut, Save as Rt, ArrowUp as Dt, ArrowDown as Tt, BookOpen as me, Award as Se, Printer as It, Download as Mt, CheckCircle2 as ue, Circle as Ft, Plus as Pt, ArrowUpDown as _t, XCircle as $e, Loader2 as Et, Grid as jt, List as Bt, GraduationCap as ze, Calendar as Qt } from "lucide-react";
+import { c as k, a1 as $, v as D, s as Ke, C as _, D as Ie, al as Xe, x as E, ao as be, am as qe, at as f, aS as Ve, E as $t, a7 as Vt, B as X, as as H, P as pe, L as Ht, b1 as Gt, aY as He, a3 as Wt, d as et, e as tt, H as Ot, ad as Yt, av as Zt, ap as he, a as lt, I as Jt, aR as fe, b0 as Me, ai as we, aN as se, aP as ie, aO as re, aj as Kt, ax as at, $ as nt, aI as st, aK as it, aL as ce, aJ as ke, a4 as Ge, ab as Ae, a8 as Xt, aA as rt, aG as ct, aH as de, aF as Ne, aB as dt, aD as le, ak as ot, aw as Le, az as qt, b as el, A as mt, ar as ut, ay as tl, J as We } from "./tabs-BuY1iNJE.js";
+import { cva as ht } from "class-variance-authority";
+function ll(l, a, i, o) {
+  const p = i.map((s) => ({
+    uid: a,
+    answerUid: s.uid,
+    content: s.content
+  })), m = [...l.filter((s) => s.uid !== a), ...p];
+  return o == null || o(m), m;
+}
+function ft({
+  questions: l,
+  initialAnswers: a = [],
+  onAnswerChange: i,
+  questionMaterials: o
+}) {
+  const [p, r] = F(0), [m, s] = F(a), [v, b] = F(/* @__PURE__ */ new Set()), [h, w] = F(!1), N = J(null), C = J(!0), S = J(l);
+  S.current = l;
+  const c = J(p);
+  c.current = p;
+  const z = J(i);
+  z.current = i;
+  const U = l[p];
+  oe(() => {
+    var n;
+    if (C.current) {
+      C.current = !1;
+      return;
+    }
+    (n = N.current) == null || n.focus();
+  }, [p]);
+  const u = B(
+    () => U ? m.filter((n) => n.uid === U.uid) : [],
+    [m, U]
+  ), M = B(
+    () => (o == null ? void 0 : o.filter((n) => n.questionUid === (U == null ? void 0 : U.uid))) ?? [],
+    [o, U]
+  ), x = B(
+    () => l.map((n, g) => ({
+      uid: n.uid,
+      sequence: g,
+      isFlagged: v.has(n.uid),
+      isAnswered: m.some((R) => R.uid === n.uid),
+      isSkipped: !1
+    })),
+    [l, m, v]
+  ), A = Z(
+    (n) => {
+      const g = S.current[c.current];
+      g && s(
+        (R) => ll(R, g.uid, n, z.current)
+      );
+    },
+    []
+  ), d = Z(
+    (n) => {
+      const g = l.findIndex((R) => R.uid === n);
+      g !== -1 && r(g);
+    },
+    [l]
+  ), y = Z((n) => {
+    b((g) => {
+      const R = new Set(g);
+      return R.has(n) ? R.delete(n) : R.add(n), R;
+    });
+  }, []), L = Z(() => {
+    r((n) => Math.min(n + 1, S.current.length - 1));
+  }, []), T = Z(() => {
+    r((n) => Math.max(n - 1, 0));
+  }, []);
+  return {
+    currentIndex: p,
+    currentQuestion: U,
+    sessionAnswers: m,
+    flaggedUids: v,
+    materialsOpen: h,
+    setMaterialsOpen: w,
+    questionAreaRef: N,
+    currentQuestionAnswers: u,
+    currentMaterials: M,
+    navigatorItems: x,
+    handleAnswer: A,
+    handleNavigate: d,
+    handleToggleFlag: y,
+    goNext: L,
+    goPrevious: T,
+    hasNext: p < l.length - 1,
+    hasPrevious: p > 0
+  };
+}
+function te({
+  isLoading: l,
+  error: a,
+  onRetry: i,
+  skeleton: o,
+  loadingClassName: p = "space-y-4",
+  className: r,
+  style: m,
+  children: s
+}) {
+  return l ? /* @__PURE__ */ e("div", { className: k(p, r), style: m, children: o }) : a ? /* @__PURE__ */ e("div", { className: k("py-12", r), style: m, children: /* @__PURE__ */ e(
+    $,
+    {
+      icon: /* @__PURE__ */ e(q, { className: "size-10 text-destructive" }),
+      title: "Something went wrong",
+      description: a,
+      action: i ? /* @__PURE__ */ e(D, { variant: "outline", onClick: i, children: "Retry" }) : void 0
+    }
+  ) }) : /* @__PURE__ */ e(O, { children: s });
+}
+function Sl({
+  questions: l,
+  initialAnswers: a = [],
+  onSubmit: i,
+  onAnswerChange: o,
+  timeElapsedSeconds: p,
+  timeLimitSeconds: r,
+  questionMaterials: m,
+  isSubmitting: s = !1,
+  readOnly: v = !1,
+  isLoading: b,
+  error: h,
+  onRetry: w,
+  className: N,
+  style: C
+}) {
+  const {
+    currentIndex: S,
+    currentQuestion: c,
+    sessionAnswers: z,
+    flaggedUids: U,
+    materialsOpen: u,
+    setMaterialsOpen: M,
+    questionAreaRef: x,
+    currentQuestionAnswers: A,
+    currentMaterials: d,
+    navigatorItems: y,
+    handleAnswer: L,
+    handleNavigate: T,
+    handleToggleFlag: n,
+    goNext: g,
+    goPrevious: R,
+    hasNext: P,
+    hasPrevious: Y
+  } = ft({ questions: l, initialAnswers: a, onAnswerChange: o, questionMaterials: m }), V = J(z);
+  V.current = z;
+  const G = J(i);
+  G.current = i;
+  const K = Z(() => {
+    G.current(V.current);
+  }, []), I = J(c == null ? void 0 : c.uid);
+  I.current = c == null ? void 0 : c.uid;
+  const j = Z(() => {
+    const W = I.current;
+    W && n(W);
+  }, [n]), Q = Z(() => M(!0), [M]);
+  return /* @__PURE__ */ e(
+    te,
+    {
+      isLoading: b,
+      error: h,
+      onRetry: w,
+      className: N,
+      style: C,
+      skeleton: /* @__PURE__ */ t(O, { children: [
+        /* @__PURE__ */ e(f, { className: "h-10 w-full" }),
+        /* @__PURE__ */ e(f, { className: "h-48 w-full" }),
+        /* @__PURE__ */ e(f, { className: "h-12 w-full" })
+      ] }),
+      children: /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e(
+          Ke,
+          {
+            currentQuestionIndex: S,
+            totalQuestions: l.length,
+            hasNext: P,
+            hasPrevious: Y,
+            onNext: g,
+            onPrevious: R,
+            onSubmit: K,
+            timeElapsedSeconds: p,
+            timeLimitSeconds: r,
+            questions: y,
+            onNavigateToQuestion: T,
+            currentQuestionUid: c == null ? void 0 : c.uid,
+            isSubmitting: s,
+            readOnly: v
+          }
+        ),
+        /* @__PURE__ */ t("span", { className: "sr-only", "aria-live": "polite", children: [
+          "Question ",
+          S + 1,
+          " of ",
+          l.length
+        ] }),
+        c && /* @__PURE__ */ t(_, { className: "mt-3", ref: x, tabIndex: -1, children: [
+          /* @__PURE__ */ e(Ie, { className: "pb-0", children: /* @__PURE__ */ e(
+            Xe,
+            {
+              questionNumber: S + 1,
+              totalQuestions: l.length,
+              isFlagged: U.has(c.uid),
+              onToggleFlag: j,
+              hasMaterials: d.length > 0,
+              onOpenMaterials: Q,
+              readOnly: v
+            }
+          ) }),
+          /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
+            be,
+            {
+              question: c,
+              sessionAnswers: A,
+              onAnswer: L,
+              readOnly: v
+            }
+          ) })
+        ] }),
+        !v && /* @__PURE__ */ t("div", { className: "flex items-center justify-between gap-3 mt-3", children: [
+          /* @__PURE__ */ t(
+            D,
+            {
+              variant: "outline",
+              disabled: !Y,
+              onClick: R,
+              children: [
+                /* @__PURE__ */ e(Lt, { className: "size-4 mr-1" }),
+                "Previous"
+              ]
+            }
+          ),
+          P ? /* @__PURE__ */ t(D, { onClick: g, children: [
+            "Next",
+            /* @__PURE__ */ e(Re, { className: "size-4 ml-1" })
+          ] }) : /* @__PURE__ */ t(D, { onClick: K, disabled: s, children: [
+            s ? "Submitting..." : "Submit Quiz",
+            !s && /* @__PURE__ */ e(Ye, { className: "size-4 ml-1" })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(
+          qe,
+          {
+            open: u,
+            onOpenChange: M,
+            materials: d,
+            questionNumber: S + 1
+          }
+        )
+      ] })
+    }
+  );
+}
+function zl({
+  video: l,
+  notes: a,
+  layout: i = "horizontal",
+  notesPanelWidth: o = "340px",
+  notesPanelHeight: p = "240px",
+  isLoading: r,
+  error: m,
+  onRetry: s,
+  onComplete: v,
+  className: b,
+  style: h
+}) {
+  const w = i === "horizontal", N = Z(() => {
+    var C;
+    (C = l.onEnded) == null || C.call(l), v == null || v();
+  }, [l, v]);
+  return /* @__PURE__ */ e(
+    te,
+    {
+      isLoading: r,
+      error: m,
+      onRetry: s,
+      className: b,
+      style: h,
+      skeleton: /* @__PURE__ */ t(O, { children: [
+        /* @__PURE__ */ e(f, { className: "aspect-video w-full rounded-lg" }),
+        a !== void 0 && /* @__PURE__ */ e(f, { className: "h-32 w-full rounded-lg" })
+      ] }),
+      children: a ? /* @__PURE__ */ t(
+        "div",
+        {
+          className: k(
+            "flex overflow-hidden gap-4",
+            w ? "flex-row" : "flex-col",
+            b
+          ),
+          style: h,
+          children: [
+            /* @__PURE__ */ e("div", { className: "flex-1 min-w-0 min-h-0", children: /* @__PURE__ */ e(Ve, { ...l, onEnded: N }) }),
+            /* @__PURE__ */ t(
+              _,
+              {
+                className: k(
+                  "overflow-auto shrink-0 rounded-none border-0",
+                  w ? "border-l border-border" : "border-t border-border w-full"
+                ),
+                style: {
+                  width: w ? o : void 0,
+                  height: w ? void 0 : p
+                },
+                children: [
+                  /* @__PURE__ */ e(Ie, { children: /* @__PURE__ */ e($t, { children: "Notes" }) }),
+                  /* @__PURE__ */ e(E, { children: typeof a == "string" ? /* @__PURE__ */ e("span", { className: "text-sm text-foreground", children: a }) : a })
+                ]
+              }
+            )
+          ]
+        }
+      ) : /* @__PURE__ */ e("div", { className: b, style: h, children: /* @__PURE__ */ e(Ve, { ...l, onEnded: N }) })
+    }
+  );
+}
+function Al({
+  cards: l,
+  title: a,
+  description: i,
+  shuffled: o = !1,
+  onComplete: p,
+  readOnly: r = !1,
+  isLoading: m,
+  error: s,
+  onRetry: v,
+  className: b,
+  style: h
+}) {
+  const [w, N] = F(!1), C = {
+    totalCards: l.length,
+    wasShuffled: o
+  };
+  function S() {
+    N(!0), p == null || p(C);
+  }
+  function c() {
+    N(!1);
+  }
+  return /* @__PURE__ */ e(
+    te,
+    {
+      isLoading: m,
+      error: s,
+      onRetry: v,
+      className: b,
+      style: h,
+      skeleton: /* @__PURE__ */ t(O, { children: [
+        /* @__PURE__ */ e(f, { className: "h-6 w-48" }),
+        /* @__PURE__ */ e(f, { className: "h-64 w-full rounded-lg" })
+      ] }),
+      children: w ? /* @__PURE__ */ e("div", { className: k("flex flex-col items-center", b), style: h, children: /* @__PURE__ */ e(_, { children: /* @__PURE__ */ t(E, { className: "pt-6 text-center flex flex-col items-center gap-2", children: [
+        /* @__PURE__ */ e(De, { size: 48, className: "text-success" }),
+        /* @__PURE__ */ e("span", { className: "text-xl font-bold text-foreground", children: "Deck complete!" }),
+        a && /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: [
+          "You finished ",
+          /* @__PURE__ */ e("strong", { children: a })
+        ] }),
+        /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
+          C.totalCards,
+          " card",
+          C.totalCards !== 1 ? "s" : "",
+          " studied",
+          C.wasShuffled ? " (shuffled)" : ""
+        ] }),
+        /* @__PURE__ */ e(D, { className: "mt-2", onClick: c, children: "Study Again" })
+      ] }) }) }) : /* @__PURE__ */ e("div", { className: k("flex flex-col items-center", b), style: h, children: /* @__PURE__ */ e(
+        Vt,
+        {
+          cards: l,
+          deckName: a,
+          deckDescription: i,
+          shuffled: o,
+          showProgress: !0,
+          onComplete: S,
+          readOnly: r
+        }
+      ) })
+    }
+  );
+}
+function al({
+  score: l
+}) {
+  const a = l.percentage !== void 0 ? l.percentage : l.total > 0 ? Math.round(l.correct / l.total * 100) : 0;
+  return /* @__PURE__ */ e(_, { className: "mb-3", children: /* @__PURE__ */ e(E, { className: "pt-6", children: /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ t("div", { className: "flex items-baseline gap-2", children: [
+      /* @__PURE__ */ t("span", { className: "text-2xl font-bold leading-none text-foreground", children: [
+        a,
+        "%"
+      ] }),
+      /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
+        l.correct,
+        " of ",
+        l.total,
+        " correct"
+      ] })
+    ] }),
+    l.passed !== void 0 && /* @__PURE__ */ e(X, { variant: l.passed ? "success" : "destructive", children: l.passed ? "Passed" : "Failed" }),
+    l.passingScore !== void 0 && /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
+      "Passing score: ",
+      l.passingScore,
+      "%"
+    ] })
+  ] }) }) });
+}
+function Ue({
+  questions: l,
+  sessionAnswers: a,
+  showCorrectAnswers: i
+}) {
+  const o = B(() => {
+    const p = /* @__PURE__ */ new Map();
+    for (const r of a) {
+      const m = p.get(r.uid);
+      m ? m.push(r) : p.set(r.uid, [r]);
+    }
+    return p;
+  }, [a]);
+  return /* @__PURE__ */ e("div", { className: "flex flex-col gap-3", children: l.map((p, r) => /* @__PURE__ */ t(_, { 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 ",
+      r + 1
+    ] }) }),
+    /* @__PURE__ */ e(H, {}),
+    /* @__PURE__ */ e(E, { className: "pt-4 pb-4", children: /* @__PURE__ */ e(
+      be,
+      {
+        question: p,
+        sessionAnswers: o.get(p.uid) ?? [],
+        readOnly: !0,
+        showCorrectAnswers: i
+      }
+    ) })
+  ] }, p.uid)) });
+}
+function nl(l, a, i, o) {
+  const p = new Map(l.map((s) => [s.uid, s])), r = new Set(i.flatMap((s) => s.questionUids)), m = l.filter((s) => !r.has(s.uid));
+  return /* @__PURE__ */ t("div", { className: "flex flex-col gap-4", children: [
+    i.map((s) => {
+      const v = s.questionUids.map((b) => p.get(b)).filter(Boolean);
+      return /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e("span", { className: "uppercase text-xs tracking-wide text-muted-foreground font-semibold", children: s.label }),
+        /* @__PURE__ */ e(H, { className: "mb-2" }),
+        /* @__PURE__ */ e(
+          Ue,
+          {
+            questions: v,
+            sessionAnswers: a,
+            showCorrectAnswers: o
+          }
+        )
+      ] }, s.label);
+    }),
+    m.length > 0 && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+      Ue,
+      {
+        questions: m,
+        sessionAnswers: a,
+        showCorrectAnswers: o
+      }
+    ) })
+  ] });
+}
+function Ll({
+  questions: l,
+  sessionAnswers: a,
+  score: i,
+  questionGroups: o,
+  showCorrectAnswers: p = !0,
+  isLoading: r,
+  error: m,
+  onRetry: s,
+  className: v,
+  style: b
+}) {
+  return r ? /* @__PURE__ */ t("div", { className: k("space-y-4", v), style: b, children: [
+    /* @__PURE__ */ e(f, { className: "h-16 w-full" }),
+    /* @__PURE__ */ e(f, { className: "h-24 w-full" }),
+    /* @__PURE__ */ e(f, { className: "h-24 w-full" }),
+    /* @__PURE__ */ e(f, { className: "h-24 w-full" })
+  ] }) : m ? /* @__PURE__ */ e("div", { className: k("py-12", v), style: b, children: /* @__PURE__ */ e(
+    $,
+    {
+      icon: /* @__PURE__ */ e(q, { className: "size-10 text-destructive" }),
+      title: "Something went wrong",
+      description: m,
+      action: s ? /* @__PURE__ */ e(D, { variant: "outline", onClick: s, children: "Retry" }) : void 0
+    }
+  ) }) : /* @__PURE__ */ t("div", { className: k(v), style: b, children: [
+    i && /* @__PURE__ */ e(al, { score: i }),
+    o && o.length > 0 ? nl(l, a, o, p) : /* @__PURE__ */ e(
+      Ue,
+      {
+        questions: l,
+        sessionAnswers: a,
+        showCorrectAnswers: p
+      }
+    )
+  ] });
+}
+function pt(l) {
+  const a = [];
+  for (const i of l)
+    !i.children || i.children.length === 0 ? a.push(i.uid) : a.push(...pt(i.children));
+  return a;
+}
+function Ul({
+  items: l,
+  progress: a,
+  courseTitle: i,
+  activeItemUid: o,
+  onItemClick: p,
+  showOverallProgress: r = !0,
+  showDuration: m = !0,
+  showIcons: s = !0,
+  readOnly: v = !1,
+  isLoading: b,
+  error: h,
+  onRetry: w,
+  className: N,
+  style: C
+}) {
+  const { completedCount: S, totalCount: c, percentage: z } = B(() => {
+    const U = pt(l), u = U.length, M = a ? U.filter(
+      (x) => a.some((A) => A.resourceUid === x && A.isCompleted)
+    ).length : 0;
+    return {
+      completedCount: M,
+      totalCount: u,
+      percentage: u > 0 ? Math.round(M / u * 100) : 0
+    };
+  }, [l, a]);
+  return b ? /* @__PURE__ */ t("div", { className: k("space-y-4", N), style: C, children: [
+    /* @__PURE__ */ e(f, { className: "h-6 w-48" }),
+    /* @__PURE__ */ e(f, { className: "h-2 w-full" }),
+    /* @__PURE__ */ e(f, { className: "h-8 w-full" }),
+    /* @__PURE__ */ e(f, { className: "h-8 w-full ml-6" }),
+    /* @__PURE__ */ e(f, { className: "h-8 w-full ml-6" }),
+    /* @__PURE__ */ e(f, { className: "h-8 w-full" }),
+    /* @__PURE__ */ e(f, { className: "h-8 w-full ml-6" }),
+    /* @__PURE__ */ e(f, { className: "h-8 w-full" })
+  ] }) : h ? /* @__PURE__ */ e("div", { className: k("py-12", N), style: C, children: /* @__PURE__ */ e(
+    $,
+    {
+      icon: /* @__PURE__ */ e(q, { className: "size-10 text-destructive" }),
+      title: "Something went wrong",
+      description: h,
+      action: w ? /* @__PURE__ */ e(D, { variant: "outline", onClick: w, children: "Retry" }) : void 0
+    }
+  ) }) : /* @__PURE__ */ t("div", { className: k(N), style: C, children: [
+    (i || r) && /* @__PURE__ */ t("div", { className: "px-2 pt-2 pb-2", children: [
+      i && /* @__PURE__ */ e("p", { className: k("font-semibold text-sm text-foreground", r && "mb-1"), children: i }),
+      r && /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e(pe, { value: z, size: "sm" }),
+        /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground mt-0.5 block", children: [
+          S,
+          " of ",
+          c,
+          " completed"
+        ] })
+      ] })
+    ] }),
+    (i || r) && /* @__PURE__ */ e(H, {}),
+    /* @__PURE__ */ e(
+      Ht,
+      {
+        items: l,
+        progress: a,
+        activeItemUid: o,
+        onItemClick: p,
+        readOnly: v,
+        showDuration: m,
+        showIcons: s,
+        showProgress: !0
+      }
+    )
+  ] });
+}
+function Rl({
+  questions: l,
+  instantFeedback: a = !0,
+  allowRetry: i = !0,
+  onComplete: o,
+  shuffled: p = !1,
+  readOnly: r = !1,
+  isLoading: m,
+  error: s,
+  onRetry: v,
+  className: b,
+  style: h
+}) {
+  const w = B(
+    () => {
+      const I = l ?? [];
+      return p ? Gt(I) : I;
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [l, p]
+  ), [N, C] = F(0), [S, c] = F(/* @__PURE__ */ new Set()), [z, U] = F(/* @__PURE__ */ new Map()), [u, M] = F(/* @__PURE__ */ new Set()), [x, A] = F(null), [d, y] = F(!1), L = J(null), T = J(!0);
+  oe(() => {
+    var I;
+    if (T.current) {
+      T.current = !1;
+      return;
+    }
+    (I = L.current) == null || I.focus();
+  }, [N]);
+  const n = w[N], g = n ? S.has(n.uid) : !1;
+  function R() {
+    if (!n || !x) return;
+    const I = (z.get(n.uid) ?? 0) + 1;
+    U((W) => new Map(W).set(n.uid, I)), c((W) => new Set(W).add(n.uid));
+    const j = x.map((W) => ({
+      uid: n.uid,
+      answerUid: W.uid,
+      content: W.content
+    }));
+    He(n, j) === !0 && I === 1 && M((W) => new Set(W).add(n.uid));
+  }
+  function P() {
+    n && (c((I) => {
+      const j = new Set(I);
+      return j.delete(n.uid), j;
+    }), A(null));
+  }
+  function Y() {
+    if (N < w.length - 1)
+      C((I) => I + 1), A(null);
+    else {
+      const I = {
+        totalQuestions: w.length,
+        correctOnFirstAttempt: u.size,
+        totalAttempts: Array.from(z.values()).reduce((j, Q) => j + Q, 0)
+      };
+      y(!0), o == null || o(I);
+    }
+  }
+  const V = B(() => !n || !x ? [] : x.map((I) => ({
+    uid: n.uid,
+    answerUid: I.uid,
+    content: I.content
+  })), [n, x]), G = B(
+    () => n ? He(n, V) === !0 : !1,
+    [n, V]
+  ), K = w.length > 0 ? Math.round(u.size / w.length * 100) : 0;
+  return /* @__PURE__ */ e(
+    te,
+    {
+      isLoading: m,
+      error: s,
+      onRetry: v,
+      className: b,
+      style: h,
+      skeleton: /* @__PURE__ */ t(O, { children: [
+        /* @__PURE__ */ e(f, { className: "h-2 w-full" }),
+        /* @__PURE__ */ e(f, { className: "h-48 w-full" })
+      ] }),
+      children: d ? /* @__PURE__ */ e(_, { className: b, style: h, children: /* @__PURE__ */ t(E, { className: "pt-6 text-center", children: [
+        /* @__PURE__ */ e(De, { 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: [
+          u.size,
+          " of ",
+          w.length,
+          " correct on first attempt (",
+          K,
+          "%)"
+        ] }),
+        /* @__PURE__ */ e("div", { className: "flex justify-center", children: /* @__PURE__ */ e(
+          D,
+          {
+            variant: "outline",
+            onClick: () => {
+              C(0), c(/* @__PURE__ */ new Set()), U(/* @__PURE__ */ new Map()), M(/* @__PURE__ */ new Set()), A(null), y(!1);
+            },
+            children: "Practice Again"
+          }
+        ) })
+      ] }) }) : /* @__PURE__ */ t("div", { className: b, style: h, 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 ",
+            N + 1,
+            " of ",
+            w.length
+          ] }),
+          /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: [
+            u.size,
+            " correct on first try"
+          ] })
+        ] }),
+        /* @__PURE__ */ e(
+          pe,
+          {
+            value: N + (g ? 1 : 0),
+            max: w.length,
+            size: "sm",
+            className: "mb-3"
+          }
+        ),
+        /* @__PURE__ */ t("span", { className: "sr-only", "aria-live": "polite", children: [
+          "Question ",
+          N + 1,
+          " of ",
+          w.length
+        ] }),
+        n && /* @__PURE__ */ e(_, { ref: L, tabIndex: -1, children: /* @__PURE__ */ t(E, { className: "pt-6", children: [
+          /* @__PURE__ */ e(
+            be,
+            {
+              question: n,
+              sessionAnswers: V,
+              onAnswer: A,
+              readOnly: r || g,
+              showCorrectAnswers: g
+            }
+          ),
+          a && g && /* @__PURE__ */ e(
+            Wt,
+            {
+              isCorrect: G,
+              explanation: n.explanation,
+              onRetry: i && !G ? P : void 0
+            }
+          ),
+          /* @__PURE__ */ t("div", { className: "flex justify-end gap-2 mt-2", children: [
+            !g && a && /* @__PURE__ */ e(
+              D,
+              {
+                onClick: R,
+                disabled: !x || x.length === 0 || r,
+                children: "Check Answer"
+              }
+            ),
+            (!a || g) && /* @__PURE__ */ e(
+              D,
+              {
+                onClick: Y,
+                disabled: r,
+                children: N < w.length - 1 ? "Next Question" : "Finish"
+              }
+            )
+          ] })
+        ] }) })
+      ] })
+    }
+  );
+}
+function Dl({
+  questions: l = [],
+  initialAnswers: a = [],
+  onSubmit: i,
+  onAnswerChange: o,
+  timeLimitSeconds: p,
+  timeElapsedSeconds: r,
+  autoSubmitOnTimeout: m = !0,
+  timeWarningThreshold: s = 300,
+  allowBackNavigation: v = !0,
+  confirmBeforeSubmit: b = !0,
+  examTitle: h,
+  instructions: w,
+  questionMaterials: N,
+  isSubmitting: C = !1,
+  readOnly: S = !1,
+  isLoading: c,
+  error: z,
+  onRetry: U,
+  className: u,
+  style: M
+}) {
+  const {
+    currentIndex: x,
+    currentQuestion: A,
+    sessionAnswers: d,
+    flaggedUids: y,
+    materialsOpen: L,
+    setMaterialsOpen: T,
+    questionAreaRef: n,
+    currentQuestionAnswers: g,
+    currentMaterials: R,
+    navigatorItems: P,
+    handleAnswer: Y,
+    handleNavigate: V,
+    handleToggleFlag: G,
+    goNext: K,
+    goPrevious: I,
+    hasNext: j
+  } = ft({ questions: l, initialAnswers: a, onAnswerChange: o, questionMaterials: N }), [Q, W] = F(!1), [gt, xt] = F(!1), Fe = J(!1), Pe = J(d);
+  Pe.current = d;
+  const _e = J(i);
+  _e.current = i;
+  const Ee = J(r);
+  Ee.current = r;
+  const je = J(A == null ? void 0 : A.uid);
+  je.current = A == null ? void 0 : A.uid;
+  const ee = p - r, Nt = B(
+    () => P.filter((ne) => ne.isAnswered).length,
+    [P]
+  ), ae = Z((ne) => {
+    const Be = Pe.current, St = new Set(Be.map((ye) => ye.uid)), zt = {
+      timeElapsedSeconds: Ee.current,
+      wasAutoSubmitted: ne,
+      answeredCount: l.filter((ye) => St.has(ye.uid)).length,
+      totalQuestions: l.length
+    };
+    _e.current(Be, zt);
+  }, [l]);
+  oe(() => {
+    ee <= s && ee > 0 && xt(!0);
+  }, [ee, s]), oe(() => {
+    m && ee <= 0 && !Fe.current && (Fe.current = !0, ae(!0));
+  }, [ee, m, ae]);
+  const vt = Z(() => {
+    b ? W(!0) : ae(!1);
+  }, [b, ae]), bt = Z(() => {
+    v && I();
+  }, [v, I]), wt = Z(() => {
+    const ne = je.current;
+    ne && G(ne);
+  }, [G]), yt = Z(() => T(!0), [T]), kt = Z(() => {
+    W(!1), ae(!1);
+  }, [ae]), Ct = Z(() => W(!1), []);
+  return /* @__PURE__ */ e(
+    te,
+    {
+      isLoading: c,
+      error: z,
+      onRetry: U,
+      className: u,
+      style: M,
+      skeleton: /* @__PURE__ */ t(O, { children: [
+        /* @__PURE__ */ e(f, { className: "h-10 w-full" }),
+        /* @__PURE__ */ e(f, { className: "h-48 w-full" }),
+        /* @__PURE__ */ e(f, { className: "h-12 w-full" })
+      ] }),
+      children: /* @__PURE__ */ t("div", { children: [
+        h && /* @__PURE__ */ e("p", { className: "text-xl font-bold mb-2 text-foreground", children: h }),
+        gt && ee > 0 && ee <= s && /* @__PURE__ */ e(et, { variant: "warning", className: "mb-2", children: /* @__PURE__ */ t(tt, { children: [
+          Math.ceil(ee / 60),
+          " minute",
+          Math.ceil(ee / 60) !== 1 ? "s" : "",
+          " remaining"
+        ] }) }),
+        /* @__PURE__ */ e(
+          Ke,
+          {
+            currentQuestionIndex: x,
+            totalQuestions: l.length,
+            hasNext: j,
+            hasPrevious: v && x > 0,
+            onNext: K,
+            onPrevious: bt,
+            onSubmit: vt,
+            timeElapsedSeconds: r,
+            timeLimitSeconds: p,
+            questions: P,
+            onNavigateToQuestion: V,
+            currentQuestionUid: A == null ? void 0 : A.uid,
+            isSubmitting: C,
+            readOnly: S
+          }
+        ),
+        w && x === 0 && /* @__PURE__ */ e(_, { className: "mt-3", children: /* @__PURE__ */ e(E, { className: "pt-6", children: w }) }),
+        /* @__PURE__ */ t("span", { className: "sr-only", "aria-live": "polite", children: [
+          "Question ",
+          x + 1,
+          " of ",
+          l.length
+        ] }),
+        A && /* @__PURE__ */ t(_, { className: "mt-3", ref: n, tabIndex: -1, children: [
+          /* @__PURE__ */ e(Ie, { className: "pb-0", children: /* @__PURE__ */ e(
+            Xe,
+            {
+              questionNumber: x + 1,
+              totalQuestions: l.length,
+              isFlagged: y.has(A.uid),
+              onToggleFlag: wt,
+              hasMaterials: R.length > 0,
+              onOpenMaterials: yt,
+              readOnly: S
+            }
+          ) }),
+          /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
+            be,
+            {
+              question: A,
+              sessionAnswers: g,
+              onAnswer: Y,
+              readOnly: S
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ e(
+          qe,
+          {
+            open: L,
+            onOpenChange: T,
+            materials: R,
+            questionNumber: x + 1
+          }
+        ),
+        /* @__PURE__ */ e(
+          Ot,
+          {
+            open: Q,
+            title: "Submit Exam?",
+            message: `You have answered ${Nt} of ${l.length} questions. Once submitted, you cannot change your answers.`,
+            confirmLabel: "Submit Exam",
+            cancelLabel: "Continue Exam",
+            confirmColor: "primary",
+            onConfirm: kt,
+            onCancel: Ct,
+            isLoading: C
+          }
+        )
+      ] })
+    }
+  );
+}
+function Tl({
+  title: l,
+  description: a,
+  questions: i = [],
+  initialAnswers: o = [],
+  onSubmit: p,
+  onAnswerChange: r,
+  showProgress: m = !0,
+  requireAll: s = !1,
+  submitLabel: v = "Submit Survey",
+  isSubmitting: b = !1,
+  readOnly: h = !1,
+  isLoading: w,
+  error: N,
+  onRetry: C,
+  className: S,
+  style: c
+}) {
+  const [z, U] = F(o), u = B(() => {
+    const d = new Set(z.map((y) => y.questionUid));
+    return i.filter((y) => d.has(y.uid)).length;
+  }, [i, z]), M = !s || u === i.length;
+  function x(d, y) {
+    U((L) => {
+      const n = [...L.filter((g) => g.questionUid !== d), { questionUid: d, value: y }];
+      return r == null || r(n), n;
+    });
+  }
+  const A = B(() => {
+    const d = /* @__PURE__ */ new Map();
+    for (const y of z)
+      d.set(y.questionUid, y);
+    return d;
+  }, [z]);
+  return /* @__PURE__ */ e(
+    te,
+    {
+      isLoading: w,
+      error: N,
+      onRetry: C,
+      className: S,
+      style: c,
+      skeleton: /* @__PURE__ */ t(O, { children: [
+        /* @__PURE__ */ e(f, { className: "h-6 w-48" }),
+        /* @__PURE__ */ e(f, { className: "h-2 w-full" }),
+        /* @__PURE__ */ e(f, { className: "h-16 w-full" }),
+        /* @__PURE__ */ e(f, { className: "h-16 w-full" }),
+        /* @__PURE__ */ e(f, { className: "h-16 w-full" })
+      ] }),
+      children: /* @__PURE__ */ t("div", { className: S, style: c, children: [
+        /* @__PURE__ */ e("p", { className: "text-xl font-bold text-foreground mb-2", children: l }),
+        a && /* @__PURE__ */ e("div", { className: "mb-2 text-muted-foreground text-sm", children: typeof a == "string" ? /* @__PURE__ */ e("span", { children: a }) : a }),
+        m && /* @__PURE__ */ t("div", { className: "mb-3", children: [
+          /* @__PURE__ */ e(pe, { value: u / i.length * 100 }),
+          /* @__PURE__ */ t("span", { className: "block text-xs text-muted-foreground mt-0.5", children: [
+            u,
+            " of ",
+            i.length,
+            " answered"
+          ] })
+        ] }),
+        i.map((d, y) => {
+          var T, n;
+          const L = A.get(d.uid);
+          return /* @__PURE__ */ e(_, { className: "mb-2", children: /* @__PURE__ */ t(E, { className: "pt-6", children: [
+            /* @__PURE__ */ t("p", { className: "font-medium text-foreground mb-2", children: [
+              y + 1,
+              ". ",
+              d.content,
+              d.required && /* @__PURE__ */ e("span", { className: "text-destructive ml-0.5", children: "*" })
+            ] }),
+            d.type === "likert" && /* @__PURE__ */ e(
+              Yt,
+              {
+                value: L ? Number(L.value) : null,
+                onChange: (g) => x(d.uid, g),
+                points: d.scalePoints,
+                lowLabel: (T = d.scaleLabels) == null ? void 0 : T.low,
+                highLabel: (n = d.scaleLabels) == null ? void 0 : n.high,
+                readOnly: h
+              }
+            ),
+            d.type === "rating" && /* @__PURE__ */ e(
+              Zt,
+              {
+                value: L ? Number(L.value) : 0,
+                onChange: (g) => x(d.uid, g),
+                readOnly: h
+              }
+            ),
+            d.type === "open_text" && /* @__PURE__ */ e(
+              he,
+              {
+                placeholder: "Type your response...",
+                value: (L == null ? void 0 : L.value) ?? "",
+                onChange: (g) => x(d.uid, g),
+                readOnly: h,
+                className: "min-h-24",
+                variant: "minimal"
+              }
+            ),
+            d.type === "choice" && d.answers && /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: d.answers.map((g) => /* @__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-${d.uid}`,
+                  value: g.uid,
+                  checked: (L == null ? void 0 : L.value) === g.uid,
+                  onChange: () => x(d.uid, g.uid),
+                  disabled: h
+                }
+              ),
+              /* @__PURE__ */ e("span", { children: g.content })
+            ] }, g.uid)) }),
+            d.type === "multiple_choice" && d.answers && /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: d.answers.map((g) => {
+              const R = z.filter((P) => P.questionUid === d.uid).map((P) => String(P.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: [
+                /* @__PURE__ */ e(
+                  "input",
+                  {
+                    type: "checkbox",
+                    className: "accent-primary m-0 shrink-0",
+                    checked: R.includes(g.uid),
+                    disabled: h,
+                    onChange: (P) => {
+                      const Y = z.filter((G) => G.questionUid === d.uid);
+                      let V;
+                      P.target.checked ? V = [...Y, { questionUid: d.uid, value: g.uid }] : V = Y.filter((G) => String(G.value) !== g.uid), U((G) => [
+                        ...G.filter((K) => K.questionUid !== d.uid),
+                        ...V
+                      ]), r == null || r([
+                        ...z.filter((G) => G.questionUid !== d.uid),
+                        ...V
+                      ]);
+                    }
+                  }
+                ),
+                /* @__PURE__ */ e("span", { children: g.content })
+              ] }, g.uid);
+            }) })
+          ] }) }, d.uid);
+        }),
+        /* @__PURE__ */ e(H, { className: "my-3" }),
+        /* @__PURE__ */ t("div", { className: "flex justify-between items-center", children: [
+          /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
+            u,
+            " of ",
+            i.length,
+            " answered"
+          ] }),
+          /* @__PURE__ */ e(
+            D,
+            {
+              onClick: () => p(z),
+              disabled: !M || b || h,
+              children: b ? "Submitting..." : v
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+function Il({
+  title: l,
+  blocks: a,
+  isCompleted: i = !1,
+  onMarkComplete: o,
+  onNextLesson: p,
+  nextLessonTitle: r,
+  estimatedDuration: m,
+  showDuration: s = !0,
+  readOnly: v = !1,
+  isLoading: b,
+  error: h,
+  onRetry: w,
+  className: N,
+  style: C
+}) {
+  const [S, c] = F(i);
+  oe(() => {
+    c(i);
+  }, [i]);
+  function z() {
+    c(!0), o == null || o();
+  }
+  return /* @__PURE__ */ e(
+    te,
+    {
+      isLoading: b,
+      error: h,
+      onRetry: w,
+      className: N,
+      style: C,
+      skeleton: /* @__PURE__ */ t(O, { children: [
+        /* @__PURE__ */ e(f, { className: "h-8 w-64" }),
+        /* @__PURE__ */ e(f, { className: "h-24 w-full" }),
+        /* @__PURE__ */ e(f, { className: "h-16 w-full" }),
+        /* @__PURE__ */ e(f, { className: "h-32 w-full" })
+      ] }),
+      children: /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ t("div", { className: "mb-3", children: [
+          /* @__PURE__ */ e("p", { className: "text-2xl font-bold mb-0.5 text-foreground", children: l }),
+          s && m != null && /* @__PURE__ */ t("div", { className: "flex items-center gap-0.5 text-muted-foreground", children: [
+            /* @__PURE__ */ e(xe, { size: 16 }),
+            /* @__PURE__ */ e("span", { className: "text-sm", children: lt(m) })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(H, { className: "mb-3" }),
+        /* @__PURE__ */ e("div", { className: "flex flex-col gap-3", children: a != null && a.length ? a.map((U, u) => /* @__PURE__ */ e(
+          Jt,
+          {
+            block: U,
+            readOnly: v
+          },
+          u
+        )) : /* @__PURE__ */ e(
+          $,
+          {
+            title: "No content yet",
+            description: "This lesson doesn't have any content blocks."
+          }
+        ) }),
+        /* @__PURE__ */ e(_, { className: "mt-4 sticky bottom-0 z-10", children: /* @__PURE__ */ e(E, { className: "px-4 py-3", children: /* @__PURE__ */ t("div", { className: "flex justify-between items-center", children: [
+          S ? /* @__PURE__ */ t("div", { className: "flex items-center gap-1 text-success", children: [
+            /* @__PURE__ */ e(Qe, { size: 20 }),
+            /* @__PURE__ */ e("span", { className: "text-sm font-semibold", children: "Lesson Complete" })
+          ] }) : /* @__PURE__ */ t(
+            D,
+            {
+              onClick: z,
+              disabled: v,
+              children: [
+                /* @__PURE__ */ e(Qe, { size: 18 }),
+                " Mark Complete"
+              ]
+            }
+          ),
+          p && /* @__PURE__ */ t(
+            D,
+            {
+              variant: S ? "default" : "outline",
+              onClick: p,
+              children: [
+                r ? `Next: ${r}` : "Next Lesson",
+                " ",
+                /* @__PURE__ */ e(Re, { size: 18 })
+              ]
+            }
+          )
+        ] }) }) })
+      ] })
+    }
+  );
+}
+function Ml({
+  announcements: l,
+  onMarkRead: a,
+  onSelect: i,
+  showAvatars: o = !0,
+  previewLines: p = 3,
+  emptyMessage: r = "No announcements yet",
+  readOnly: m = !1,
+  isLoading: s,
+  error: v,
+  onRetry: b,
+  pageSize: h,
+  currentPage: w = 1,
+  totalItems: N,
+  onPageChange: C,
+  className: S,
+  style: c
+}) {
+  const [z, U] = F(/* @__PURE__ */ new Set()), u = B(() => {
+    const x = l.filter((d) => d.isPinned), A = l.filter((d) => !d.isPinned);
+    return [...x, ...A];
+  }, [l]);
+  function M(x) {
+    U((d) => {
+      const y = new Set(d);
+      return y.has(x) ? y.delete(x) : y.add(x), y;
+    });
+    const A = l.find((d) => d.uid === x);
+    A && !A.isRead && (a == null || a(x));
+  }
+  return s ? /* @__PURE__ */ e("div", { className: k("space-y-4", S), style: c, children: Array.from({ length: 3 }).map((x, A) => /* @__PURE__ */ t("div", { className: "flex gap-3 items-start", children: [
+    /* @__PURE__ */ e(f, { className: "h-10 w-10 rounded-full shrink-0" }),
+    /* @__PURE__ */ t("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ e(f, { className: "h-5 w-48" }),
+      /* @__PURE__ */ e(f, { className: "h-4 w-full" }),
+      /* @__PURE__ */ e(f, { className: "h-4 w-full" })
+    ] })
+  ] }, A)) }) : v ? /* @__PURE__ */ e("div", { className: k("py-12", S), style: c, children: /* @__PURE__ */ e(
+    $,
+    {
+      icon: /* @__PURE__ */ e(q, { className: "size-10 text-destructive" }),
+      title: "Something went wrong",
+      description: v,
+      action: b ? /* @__PURE__ */ e(D, { variant: "outline", onClick: b, children: "Retry" }) : void 0
+    }
+  ) }) : u.length === 0 ? /* @__PURE__ */ e("div", { className: S, style: c, children: /* @__PURE__ */ e($, { title: r }) }) : /* @__PURE__ */ t("div", { className: k("flex flex-col gap-2", S), style: c, children: [
+    (C && h ? u.slice((w - 1) * h, w * h) : u).map((x) => {
+      const A = z.has(x.uid);
+      return /* @__PURE__ */ e(
+        _,
+        {
+          className: k(
+            x.isRead && "opacity-85",
+            i && "cursor-pointer",
+            x.isPinned && "border-l-4 border-l-warning"
+          ),
+          onClick: () => i && !m ? i(x) : M(x.uid),
+          children: /* @__PURE__ */ e(E, { className: "py-4", children: /* @__PURE__ */ t("div", { className: "flex gap-1.5 items-start", children: [
+            o && /* @__PURE__ */ e(
+              fe,
+              {
+                displayName: x.author.displayName,
+                avatarUrl: x.author.avatarUrl,
+                role: x.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: [
+                x.isPinned && /* @__PURE__ */ e(Ze, { size: 14 }),
+                /* @__PURE__ */ e(
+                  "span",
+                  {
+                    className: k("text-foreground", x.isRead ? "font-normal" : "font-semibold"),
+                    children: x.title
+                  }
+                ),
+                !x.isRead && /* @__PURE__ */ e(X, { 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: [
+                x.author.displayName,
+                " · ",
+                Me(x.createdAt)
+              ] }),
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: k(
+                    "text-sm text-foreground [&_p]:mb-2 [&_ul]:list-disc [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:pl-5",
+                    !A && "line-clamp-(--preview-lines) overflow-hidden"
+                  ),
+                  style: A ? void 0 : { "--preview-lines": p },
+                  dangerouslySetInnerHTML: { __html: x.content }
+                }
+              ),
+              !A && x.content.replace(/<[^>]*>/g, "").length > 200 && /* @__PURE__ */ e(
+                D,
+                {
+                  variant: "link",
+                  size: "xs",
+                  className: "px-0 mt-0.5 h-auto",
+                  onClick: (d) => {
+                    d.stopPropagation(), M(x.uid);
+                  },
+                  children: "Read more"
+                }
+              )
+            ] })
+          ] }) })
+        },
+        x.uid
+      );
+    }),
+    C && h && u.length > 0 && /* @__PURE__ */ e(
+      we,
+      {
+        currentPage: w,
+        totalPages: Math.ceil((N ?? u.length) / h),
+        onPageChange: C,
+        className: "mt-4"
+      }
+    )
+  ] });
+}
+function ve(l) {
+  return l.replace(/<[^>]*>/g, "").trim().length === 0;
+}
+function Fl({
+  title: l,
+  rootPost: a,
+  replies: i,
+  currentUser: o,
+  onReply: p,
+  onToggleLike: r,
+  onMarkAnswer: m,
+  maxDepth: s = 3,
+  allowReplies: v = !0,
+  sortOrder: b = "oldest",
+  readOnly: h = !1,
+  isLoading: w,
+  error: N,
+  onRetry: C,
+  className: S,
+  style: c
+}) {
+  const [z, U] = F(null), [u, M] = F(""), x = B(() => {
+    const y = /* @__PURE__ */ new Map();
+    for (const L of i) {
+      const T = L.parentUid ?? a.uid, n = y.get(T) ?? [];
+      n.push(L), y.set(T, n);
+    }
+    for (const [, L] of y)
+      L.sort((T, n) => b === "newest" ? new Date(n.createdAt).getTime() - new Date(T.createdAt).getTime() : b === "most_liked" ? n.likeCount - T.likeCount : new Date(T.createdAt).getTime() - new Date(n.createdAt).getTime());
+    return y;
+  }, [i, a.uid, b]);
+  if (w)
+    return /* @__PURE__ */ t("div", { className: k("space-y-4", S), style: c, children: [
+      /* @__PURE__ */ e(f, { className: "h-7 w-64" }),
+      /* @__PURE__ */ t("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ e(f, { className: "h-8 w-8 rounded-full shrink-0" }),
+        /* @__PURE__ */ e(f, { className: "h-32 w-full" })
+      ] }),
+      Array.from({ length: 2 }).map((y, L) => /* @__PURE__ */ e("div", { className: "ml-8", children: /* @__PURE__ */ e(f, { className: "h-20 w-full" }) }, L))
+    ] });
+  if (N)
+    return /* @__PURE__ */ e("div", { className: k("py-12", S), style: c, children: /* @__PURE__ */ e(
+      $,
+      {
+        icon: /* @__PURE__ */ e(q, { className: "size-10 text-destructive" }),
+        title: "Something went wrong",
+        description: N,
+        action: C ? /* @__PURE__ */ e(D, { variant: "outline", onClick: C, children: "Retry" }) : void 0
+      }
+    ) });
+  function A(y) {
+    ve(u) || (p(y, u), M(""), U(null));
+  }
+  function d(y, L) {
+    const T = x.get(y.uid) ?? [], n = Math.min(L, s), g = /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: [
+      r && !h && /* @__PURE__ */ t(se, { children: [
+        /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ t(
+          D,
+          {
+            variant: "ghost",
+            size: "sm",
+            "aria-label": y.isLikedByCurrentUser ? "Unlike" : "Like",
+            className: k(y.isLikedByCurrentUser && "text-destructive"),
+            onClick: () => r(y.uid),
+            children: [
+              /* @__PURE__ */ e(Je, { size: 14, fill: y.isLikedByCurrentUser ? "currentColor" : "none" }),
+              y.likeCount > 0 ? y.likeCount : "Like"
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ e(re, { children: y.isLikedByCurrentUser ? "Unlike" : "Like" })
+      ] }),
+      v && !h && /* @__PURE__ */ t(se, { children: [
+        /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ t(
+          D,
+          {
+            variant: "ghost",
+            size: "sm",
+            "aria-label": "Reply",
+            onClick: () => U(y.uid),
+            children: [
+              /* @__PURE__ */ e(Ut, { size: 14 }),
+              "Reply"
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ e(re, { children: "Reply" })
+      ] }),
+      m && !h && o.role !== "student" && !y.isAnswer && /* @__PURE__ */ t(se, { children: [
+        /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ t(
+          D,
+          {
+            variant: "ghost",
+            size: "sm",
+            "aria-label": "Mark as answer",
+            className: "text-success",
+            onClick: () => m(y.uid),
+            children: [
+              /* @__PURE__ */ e(De, { size: 14 }),
+              "Mark Answer"
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ e(re, { children: "Mark as answer" })
+      ] })
+    ] });
+    return /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ e(
+        Kt,
+        {
+          author: y.author,
+          content: y.content,
+          createdAt: y.createdAt,
+          updatedAt: y.updatedAt,
+          actions: g,
+          highlight: y.isAnswer ? "answer" : "none",
+          indentLevel: n,
+          className: "mb-2"
+        }
+      ),
+      z === y.uid && /* @__PURE__ */ e(
+        _,
+        {
+          className: "mb-2",
+          style: { marginLeft: `${(n + 1) * 16}px` },
+          children: /* @__PURE__ */ t(E, { className: "py-4", children: [
+            /* @__PURE__ */ e(
+              he,
+              {
+                className: "min-h-15 mb-2",
+                placeholder: "Write a reply...",
+                value: u,
+                onChange: (R) => M(R),
+                variant: "minimal"
+              }
+            ),
+            /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ e(
+                D,
+                {
+                  size: "sm",
+                  onClick: () => A(y.uid),
+                  disabled: ve(u),
+                  children: "Post Reply"
+                }
+              ),
+              /* @__PURE__ */ e(
+                D,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: () => {
+                    U(null), M("");
+                  },
+                  children: "Cancel"
+                }
+              )
+            ] })
+          ] })
+        }
+      ),
+      T.map((R) => d(R, L + 1))
+    ] }, y.uid);
+  }
+  return /* @__PURE__ */ t("div", { className: S, style: c, children: [
+    /* @__PURE__ */ t("div", { className: "flex items-center gap-2 mb-2", children: [
+      /* @__PURE__ */ e(Te, { size: 20, className: "text-foreground shrink-0" }),
+      /* @__PURE__ */ e("span", { className: "text-lg font-semibold text-foreground", children: l }),
+      /* @__PURE__ */ t(X, { variant: "muted", className: "text-xs", children: [
+        i.length,
+        " ",
+        i.length === 1 ? "reply" : "replies"
+      ] })
+    ] }),
+    /* @__PURE__ */ e(H, { className: "mb-2" }),
+    d(a, 0)
+  ] });
+}
+function Pl({
+  title: l,
+  instructions: a,
+  dueDate: i,
+  maxScore: o,
+  status: p,
+  submissionTypes: r,
+  existingSubmission: m,
+  fileConstraints: s,
+  onSubmit: v,
+  onSaveDraft: b,
+  grade: h,
+  isSubmitting: w = !1,
+  readOnly: N = !1,
+  isLoading: C,
+  error: S,
+  onRetry: c,
+  className: z,
+  style: U
+}) {
+  const [u, M] = F((m == null ? void 0 : m.textContent) ?? ""), [x, A] = F((m == null ? void 0 : m.files) ?? []), [d, y] = F((m == null ? void 0 : m.url) ?? ""), [L, T] = F(r[0]);
+  if (C)
+    return /* @__PURE__ */ t("div", { className: k("space-y-4", z), style: U, children: [
+      /* @__PURE__ */ e(f, { className: "h-8 w-64" }),
+      /* @__PURE__ */ e(f, { className: "h-6 w-20" }),
+      /* @__PURE__ */ e(f, { className: "h-32 w-full" }),
+      /* @__PURE__ */ e(f, { className: "h-10 w-32" })
+    ] });
+  if (S)
+    return /* @__PURE__ */ e("div", { className: k("py-12", z), style: U, children: /* @__PURE__ */ e(
+      $,
+      {
+        icon: /* @__PURE__ */ e(q, { className: "size-10 text-destructive" }),
+        title: "Something went wrong",
+        description: S,
+        action: c ? /* @__PURE__ */ e(D, { variant: "outline", onClick: c, children: "Retry" }) : void 0
+      }
+    ) });
+  const n = !N && !["submitted", "graded"].includes(p);
+  function g() {
+    return {
+      textContent: r.includes("text") ? u : void 0,
+      files: r.includes("file") ? x : void 0,
+      url: r.includes("url") ? d : void 0
+    };
+  }
+  return /* @__PURE__ */ t("div", { className: z, 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: l }),
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ e(at, { status: p }),
+        i && /* @__PURE__ */ e(nt, { dueDate: i, size: "small" }),
+        o != null && /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
+          o,
+          " points"
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e(_, { className: "mb-3", children: /* @__PURE__ */ t(E, { 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 a == "string" ? /* @__PURE__ */ e("span", { children: a }) : a })
+    ] }) }),
+    h && /* @__PURE__ */ e(et, { variant: "success", className: "mb-3", children: /* @__PURE__ */ t(tt, { children: [
+      /* @__PURE__ */ t("div", { className: "font-semibold text-sm mb-1", children: [
+        "Grade: ",
+        h.score,
+        o != null ? ` / ${o}` : ""
+      ] }),
+      h.feedback && /* @__PURE__ */ e("div", { children: h.feedback })
+    ] }) }),
+    n && /* @__PURE__ */ t(O, { children: [
+      r.length > 1 ? /* @__PURE__ */ t(st, { value: L, onValueChange: (R) => T(R), children: [
+        /* @__PURE__ */ t(it, { children: [
+          r.includes("text") && /* @__PURE__ */ e(ce, { value: "text", children: "Text" }),
+          r.includes("file") && /* @__PURE__ */ e(ce, { value: "file", children: "File Upload" }),
+          r.includes("url") && /* @__PURE__ */ e(ce, { value: "url", children: "URL" })
+        ] }),
+        r.includes("text") && /* @__PURE__ */ e(ke, { value: "text", children: /* @__PURE__ */ e(
+          he,
+          {
+            className: "min-h-45",
+            placeholder: "Type your submission...",
+            value: u,
+            onChange: (R) => M(R),
+            variant: "default"
+          }
+        ) }),
+        r.includes("file") && /* @__PURE__ */ e(ke, { value: "file", children: /* @__PURE__ */ e(
+          Ge,
+          {
+            files: x,
+            onFilesAdded: (R) => A((P) => [...P, ...R]),
+            onFileRemove: (R) => A((P) => P.filter((Y, V) => V !== R)),
+            accept: s == null ? void 0 : s.acceptedTypes,
+            maxFiles: s == null ? void 0 : s.maxFiles,
+            maxSizeMB: s == null ? void 0 : s.maxSizeMB
+          }
+        ) }),
+        r.includes("url") && /* @__PURE__ */ e(ke, { value: "url", children: /* @__PURE__ */ e(
+          Ae,
+          {
+            placeholder: "https://...",
+            value: d,
+            onChange: (R) => y(R.target.value)
+          }
+        ) })
+      ] }) : /* @__PURE__ */ t(O, { children: [
+        r.includes("text") && /* @__PURE__ */ e(
+          he,
+          {
+            className: "min-h-45 mb-2",
+            placeholder: "Type your submission...",
+            value: u,
+            onChange: (R) => M(R),
+            variant: "default"
+          }
+        ),
+        r.includes("file") && /* @__PURE__ */ e("div", { className: "mb-2", children: /* @__PURE__ */ e(
+          Ge,
+          {
+            files: x,
+            onFilesAdded: (R) => A((P) => [...P, ...R]),
+            onFileRemove: (R) => A((P) => P.filter((Y, V) => V !== R)),
+            accept: s == null ? void 0 : s.acceptedTypes,
+            maxFiles: s == null ? void 0 : s.maxFiles,
+            maxSizeMB: s == null ? void 0 : s.maxSizeMB
+          }
+        ) }),
+        r.includes("url") && /* @__PURE__ */ e(
+          Ae,
+          {
+            className: "mb-2",
+            placeholder: "https://...",
+            value: d,
+            onChange: (R) => y(R.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(H, { className: "my-2" }),
+      /* @__PURE__ */ t("div", { className: "flex gap-2 justify-end", children: [
+        b && /* @__PURE__ */ t(
+          D,
+          {
+            variant: "outline",
+            onClick: () => b(g()),
+            disabled: w,
+            children: [
+              /* @__PURE__ */ e(Rt, { size: 16 }),
+              "Save Draft"
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(
+          D,
+          {
+            onClick: () => v(g()),
+            disabled: w,
+            children: [
+              /* @__PURE__ */ e(Ye, { size: 16 }),
+              w ? "Submitting..." : "Submit"
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function ge({
+  label: l,
+  field: a,
+  sortField: i,
+  sortDir: o,
+  onSort: p,
+  textAlign: r
+}) {
+  const m = i === a;
+  return /* @__PURE__ */ e(
+    Ne,
+    {
+      className: k(
+        "cursor-pointer select-none hover:bg-muted",
+        r === "right" && "text-right"
+      ),
+      onClick: () => p(a),
+      children: /* @__PURE__ */ t("div", { className: k("flex items-center gap-1", r === "right" && "justify-end"), children: [
+        /* @__PURE__ */ e("span", { className: k(m ? "text-foreground" : "text-muted-foreground"), children: l }),
+        m && (o === "asc" ? /* @__PURE__ */ e(Dt, { size: 14 }) : /* @__PURE__ */ e(Tt, { size: 14 }))
+      ] })
+    }
+  );
+}
+function _l({
+  items: l,
+  categories: a,
+  overallGrade: i,
+  showWeights: o = !0,
+  showCategoryTotals: p = !0,
+  onItemClick: r,
+  readOnly: m = !1,
+  isLoading: s,
+  error: v,
+  onRetry: b,
+  pageSize: h,
+  currentPage: w = 1,
+  totalItems: N,
+  onPageChange: C,
+  className: S,
+  style: c
+}) {
+  const [z, U] = F("dueDate"), [u, M] = F("asc");
+  function x(L) {
+    z === L ? M((T) => T === "asc" ? "desc" : "asc") : (U(L), M("asc"));
+  }
+  const A = B(() => {
+    const L = [...l];
+    return L.sort((T, n) => {
+      let g = 0;
+      switch (z) {
+        case "name":
+          g = T.name.localeCompare(n.name);
+          break;
+        case "score":
+          g = (T.score ?? -1) - (n.score ?? -1);
+          break;
+        case "dueDate":
+          g = (T.dueDate ?? "").localeCompare(n.dueDate ?? "");
+          break;
+        case "status":
+          g = T.status.localeCompare(n.status);
+          break;
+      }
+      return u === "asc" ? g : -g;
+    }), L;
+  }, [l, z, u]), d = B(() => {
+    if (!a || a.length === 0) return [{ category: null, items: A }];
+    const L = a.map((n) => ({
+      category: n,
+      items: A.filter((g) => g.categoryUid === n.uid)
+    })), T = A.filter((n) => !n.categoryUid);
+    return T.length > 0 && L.push({ category: null, items: T }), L;
+  }, [A, a]), y = o ? 5 : 4;
+  return s ? /* @__PURE__ */ t("div", { className: k("space-y-4", S), style: c, children: [
+    /* @__PURE__ */ e(f, { className: "h-20 w-full" }),
+    /* @__PURE__ */ e(f, { className: "h-10 w-full" }),
+    /* @__PURE__ */ e(f, { className: "h-12 w-full" }),
+    /* @__PURE__ */ e(f, { className: "h-12 w-full" }),
+    /* @__PURE__ */ e(f, { className: "h-12 w-full" }),
+    /* @__PURE__ */ e(f, { className: "h-12 w-full" }),
+    /* @__PURE__ */ e(f, { className: "h-12 w-full" })
+  ] }) : v ? /* @__PURE__ */ e("div", { className: k("py-12", S), style: c, children: /* @__PURE__ */ e(
+    $,
+    {
+      icon: /* @__PURE__ */ e(q, { className: "size-10 text-destructive" }),
+      title: "Something went wrong",
+      description: v,
+      action: b ? /* @__PURE__ */ e(D, { variant: "outline", onClick: b, children: "Retry" }) : void 0
+    }
+  ) }) : /* @__PURE__ */ t("div", { className: S, style: c, children: [
+    i && /* @__PURE__ */ e(_, { className: "mb-3", children: /* @__PURE__ */ e(E, { className: "pt-6", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ e(
+        Xt,
+        {
+          percentage: i.percentage,
+          letterGrade: i.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: [
+          i.pointsEarned,
+          " / ",
+          i.pointsPossible,
+          " points"
+        ] })
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ e(_, { children: /* @__PURE__ */ t(rt, { children: [
+      /* @__PURE__ */ e(ct, { children: /* @__PURE__ */ t(de, { children: [
+        /* @__PURE__ */ e(
+          ge,
+          {
+            label: "Assignment",
+            field: "name",
+            sortField: z,
+            sortDir: u,
+            onSort: x
+          }
+        ),
+        /* @__PURE__ */ e(
+          ge,
+          {
+            label: "Status",
+            field: "status",
+            sortField: z,
+            sortDir: u,
+            onSort: x
+          }
+        ),
+        /* @__PURE__ */ e(
+          ge,
+          {
+            label: "Due Date",
+            field: "dueDate",
+            sortField: z,
+            sortDir: u,
+            onSort: x
+          }
+        ),
+        /* @__PURE__ */ e(
+          ge,
+          {
+            label: "Score",
+            field: "score",
+            sortField: z,
+            sortDir: u,
+            onSort: x,
+            textAlign: "right"
+          }
+        ),
+        o && /* @__PURE__ */ e(Ne, { className: "text-right text-muted-foreground", children: "Weight" })
+      ] }) }),
+      /* @__PURE__ */ e(dt, { children: d.map((L, T) => {
+        var n;
+        return /* @__PURE__ */ t(At, { children: [
+          L.category && p && /* @__PURE__ */ e(de, { className: "bg-muted hover:bg-muted", children: /* @__PURE__ */ e(le, { colSpan: y, children: /* @__PURE__ */ t("span", { className: "font-semibold text-sm text-foreground", children: [
+            L.category.name,
+            L.category.weight != null && ` (${L.category.weight}%)`
+          ] }) }) }),
+          L.items.map((g) => /* @__PURE__ */ t(
+            de,
+            {
+              className: k(r && !m && "cursor-pointer"),
+              onClick: () => r && !m ? r(g) : void 0,
+              children: [
+                /* @__PURE__ */ e(le, { children: g.name }),
+                /* @__PURE__ */ e(le, { children: /* @__PURE__ */ e(at, { status: g.status, size: "small" }) }),
+                /* @__PURE__ */ e(le, { children: g.dueDate ? /* @__PURE__ */ e(
+                  nt,
+                  {
+                    dueDate: g.dueDate,
+                    submittedDate: g.submittedDate,
+                    size: "small"
+                  }
+                ) : "—" }),
+                /* @__PURE__ */ e(le, { className: "text-right", children: g.score != null ? /* @__PURE__ */ t("span", { className: "text-sm font-semibold text-foreground", children: [
+                  g.score,
+                  " / ",
+                  g.maxScore
+                ] }) : g.status === "excused" ? /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: "Excused" }) : /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: "—" }) }),
+                o && /* @__PURE__ */ e(le, { className: "text-right", children: g.weight != null ? `${g.weight}%` : "—" })
+              ]
+            },
+            g.uid
+          ))
+        ] }, ((n = L.category) == null ? void 0 : n.uid) ?? `ungrouped-${T}`);
+      }) })
+    ] }) }),
+    C && h && /* @__PURE__ */ e(
+      we,
+      {
+        currentPage: w,
+        totalPages: Math.ceil((N ?? l.length) / h),
+        onPageChange: C,
+        className: "mt-4"
+      }
+    )
+  ] });
+}
+const sl = [
+  "var(--palette-0)",
+  "var(--palette-1)",
+  "var(--palette-2)",
+  "var(--palette-3)"
+], Ce = sl.length;
+function il(l) {
+  return `palette${(l % Ce + Ce) % Ce}`;
+}
+function El({
+  overallProgress: l,
+  totalTimeSpent: a,
+  modules: i,
+  recentActivity: o,
+  streak: p,
+  achievements: r,
+  recentActivityLimit: m = 5,
+  onModuleClick: s,
+  isLoading: v,
+  error: b,
+  onRetry: h,
+  className: w,
+  style: N
+}) {
+  const C = B(
+    () => i.filter((c) => c.completedItems === c.totalItems).length,
+    [i]
+  ), S = B(
+    () => (o == null ? void 0 : o.map((c) => ({
+      uid: c.uid,
+      type: c.type,
+      title: c.description,
+      timestamp: c.timestamp
+    }))) ?? [],
+    [o]
+  );
+  return v ? /* @__PURE__ */ t("div", { className: k("space-y-4", w), style: N, children: [
+    /* @__PURE__ */ t("div", { className: "grid grid-cols-3 gap-3", children: [
+      /* @__PURE__ */ e(f, { className: "h-24" }),
+      /* @__PURE__ */ e(f, { className: "h-24" }),
+      /* @__PURE__ */ e(f, { className: "h-24" })
+    ] }),
+    /* @__PURE__ */ e(f, { className: "h-32 w-32 rounded-full mx-auto" }),
+    /* @__PURE__ */ e(f, { className: "h-8 w-full" }),
+    /* @__PURE__ */ e(f, { className: "h-8 w-full" }),
+    /* @__PURE__ */ e(f, { className: "h-8 w-full" })
+  ] }) : b ? /* @__PURE__ */ e("div", { className: k("py-12", w), style: N, children: /* @__PURE__ */ e(
+    $,
+    {
+      icon: /* @__PURE__ */ e(q, { className: "size-10 text-destructive" }),
+      title: "Something went wrong",
+      description: b,
+      action: h ? /* @__PURE__ */ e(D, { variant: "outline", onClick: h, children: "Retry" }) : void 0
+    }
+  ) }) : /* @__PURE__ */ t("div", { className: w, style: N, children: [
+    /* @__PURE__ */ t("div", { className: "grid grid-cols-[repeat(auto-fit,minmax(160px,1fr))] gap-3 mb-4", children: [
+      /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(E, { className: "p-3 flex justify-center", children: /* @__PURE__ */ e(ot, { value: l, size: 100 }) }) }),
+      /* @__PURE__ */ e(
+        Le,
+        {
+          icon: /* @__PURE__ */ e(xe, { size: 24 }),
+          label: "Time Spent",
+          description: "Total learning time",
+          value: lt(a)
+        }
+      ),
+      p && /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(E, { className: "p-4 flex items-center", children: /* @__PURE__ */ e(
+        qt,
+        {
+          currentStreak: p.currentDays,
+          longestStreak: p.longestDays,
+          showLongest: !0
+        }
+      ) }) }),
+      /* @__PURE__ */ e(
+        Le,
+        {
+          icon: /* @__PURE__ */ e(me, { size: 24 }),
+          label: "Modules",
+          description: "Course progress",
+          value: `${C} / ${i.length}`,
+          subtitle: "completed"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(H, { className: "mb-3" }),
+    /* @__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-4", children: i.map((c, z) => {
+      const U = c.totalItems > 0 ? c.completedItems / c.totalItems * 100 : 0;
+      return /* @__PURE__ */ e(
+        _,
+        {
+          className: k(
+            "transition-colors",
+            s && "cursor-pointer hover:border-primary"
+          ),
+          onClick: () => s == null ? void 0 : s(c.uid),
+          children: /* @__PURE__ */ t(E, { className: "p-3", 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(pe, { value: U, size: "sm", variant: U >= 100 ? "success" : il(z) })
+          ] })
+        },
+        c.uid
+      );
+    }) }),
+    o && o.length > 0 && /* @__PURE__ */ t(O, { children: [
+      /* @__PURE__ */ e(H, { className: "mb-3" }),
+      /* @__PURE__ */ e("p", { className: "text-lg font-semibold mb-2 text-foreground", children: "Recent Activity" }),
+      /* @__PURE__ */ e("div", { className: "mb-4", children: /* @__PURE__ */ e(
+        el,
+        {
+          events: S,
+          limit: m
+        }
+      ) })
+    ] }),
+    r && r.length > 0 && /* @__PURE__ */ t(O, { children: [
+      /* @__PURE__ */ e(H, { className: "mb-3" }),
+      /* @__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: r.map((c) => /* @__PURE__ */ e(
+        mt,
+        {
+          title: c.name,
+          description: c.description,
+          icon: c.iconUrl ? /* @__PURE__ */ e(
+            "img",
+            {
+              src: c.iconUrl,
+              alt: c.name,
+              className: "w-12 h-12"
+            }
+          ) : void 0,
+          earnedDate: c.earnedAt
+        },
+        c.uid
+      )) })
+    ] })
+  ] });
+}
+const rl = {
+  classic: {
+    size: 40,
+    paths: [
+      { d: "M 2 38 L 2 10 Q 2 2 10 2 L 38 2", strokeWidth: 1.5 },
+      { d: "M 7 38 L 7 13 Q 7 7 13 7 L 38 7", strokeWidth: 0.75 }
+    ],
+    color: "text-warning/50"
+  },
+  modern: null,
+  elegant: {
+    size: 32,
+    paths: [{ d: "M 0 30 L 0 0 L 30 0", strokeWidth: 0.5 }],
+    dots: [{ cx: 2.5, cy: 2.5, r: 1.5 }],
+    color: "text-foreground/20"
+  },
+  academic: {
+    size: 36,
+    paths: [
+      { d: "M 0 36 L 0 0 L 36 0", strokeWidth: 2 },
+      { d: "M 5 36 L 5 5 L 36 5", strokeWidth: 1 }
+    ],
+    color: "text-info/35"
+  },
+  minimal: null,
+  bold: {
+    size: 20,
+    paths: [],
+    dots: [{ cx: 5, cy: 5, r: 5 }],
+    color: "text-primary/40"
+  }
+}, cl = [
+  { key: "tl", pos: "top-3 left-3", transform: void 0 },
+  { key: "tr", pos: "top-3 right-3", transform: "scaleX(-1)" },
+  { key: "bl", pos: "bottom-3 left-3", transform: "scaleY(-1)" },
+  { key: "br", pos: "bottom-3 right-3", transform: "scale(-1)" }
+], dl = {
+  classic: {
+    lineColor: "bg-warning/30",
+    motif: /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 12 12", className: "text-warning/50 shrink-0", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "M6 0 L12 6 L6 12 L0 6 Z", fill: "currentColor" }) })
+  },
+  modern: {
+    lineColor: "bg-primary/20",
+    motif: /* @__PURE__ */ e("svg", { width: "8", height: "8", viewBox: "0 0 8 8", className: "text-primary/40 shrink-0", "aria-hidden": "true", children: /* @__PURE__ */ e("circle", { cx: "4", cy: "4", r: "3", fill: "currentColor" }) })
+  },
+  elegant: {
+    lineColor: "bg-foreground/10",
+    motif: /* @__PURE__ */ e("svg", { width: "10", height: "10", viewBox: "0 0 10 10", className: "text-foreground/15 shrink-0", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "M5 0 L6 4 L10 5 L6 6 L5 10 L4 6 L0 5 L4 4 Z", fill: "currentColor" }) })
+  },
+  academic: {
+    lineColor: "bg-info/25",
+    motif: /* @__PURE__ */ e("svg", { width: "10", height: "10", viewBox: "0 0 10 10", className: "text-info/40 shrink-0", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "M4 0 L6 0 L6 4 L10 4 L10 6 L6 6 L6 10 L4 10 L4 6 L0 6 L0 4 L4 4 Z", fill: "currentColor" }) })
+  },
+  minimal: {
+    lineColor: "bg-border",
+    motif: null
+  },
+  bold: {
+    lineColor: "bg-primary/40",
+    motif: /* @__PURE__ */ e("svg", { width: "10", height: "10", viewBox: "0 0 10 10", className: "text-primary/50 shrink-0", "aria-hidden": "true", children: /* @__PURE__ */ e("rect", { x: "1", y: "1", width: "8", height: "8", fill: "currentColor" }) })
+  }
+}, ol = {
+  classic: {
+    background: "radial-gradient(ellipse at center, var(--color-warning) 0%, transparent 65%)",
+    opacity: 0.06
+  },
+  modern: null,
+  elegant: {
+    background: "radial-gradient(ellipse at center, var(--color-foreground) 0%, transparent 70%)",
+    opacity: 0.03
+  },
+  academic: {
+    background: "radial-gradient(ellipse at center, var(--color-info) 0%, transparent 65%)",
+    opacity: 0.05
+  },
+  minimal: null,
+  bold: {
+    background: "radial-gradient(ellipse at 30% 50%, var(--color-primary) 0%, transparent 50%), radial-gradient(ellipse at 70% 50%, var(--color-palette-0) 0%, transparent 50%)",
+    opacity: 0.06
+  }
+}, ml = {
+  classic: "text-warning",
+  modern: "text-primary",
+  elegant: "text-foreground/60",
+  academic: "text-info",
+  minimal: "text-muted-foreground",
+  bold: "text-primary"
+}, ul = {
+  classic: "uppercase tracking-[4px] text-base font-medium text-foreground/80 font-serif",
+  modern: "uppercase tracking-[3px] text-base font-medium text-primary/80",
+  elegant: "uppercase tracking-[5px] text-sm font-light text-foreground/50",
+  academic: "uppercase tracking-[3px] text-base font-semibold text-info/80",
+  minimal: "uppercase tracking-[2px] text-sm font-normal text-muted-foreground",
+  bold: "uppercase tracking-[3px] text-lg font-black text-primary"
+}, hl = {
+  classic: "text-warning",
+  modern: "text-primary",
+  elegant: "text-foreground/80",
+  academic: "text-info",
+  minimal: "text-foreground",
+  bold: "text-primary"
+}, fl = /* @__PURE__ */ new Set([
+  "classic",
+  "elegant",
+  "academic"
+]), pl = ht("mx-auto max-w-4xl", {
+  variants: {
+    variant: {
+      classic: "border-[3px] border-double border-warning/50 rounded-lg p-1.5",
+      modern: "rounded-lg",
+      elegant: "border border-foreground/15 rounded-lg p-2.5 dark:border-foreground/10",
+      academic: "border-2 border-info/30 rounded-lg p-1.5",
+      minimal: "rounded-lg",
+      bold: "rounded-lg"
+    }
+  },
+  defaultVariants: { variant: "classic" }
+}), gl = ht(
+  "relative text-center p-8 sm:p-12 md:p-16 overflow-hidden",
+  {
+    variants: {
+      variant: {
+        classic: "border border-warning/25 rounded bg-warning/5",
+        modern: "border border-primary/20 rounded-lg bg-linear-to-br from-primary/5 to-primary/8 border-t-[3px] border-t-primary/60",
+        elegant: "border border-foreground/8 rounded bg-linear-to-b from-background to-muted/20 dark:border-foreground/5 dark:to-muted/10",
+        academic: "border border-info/15 rounded bg-info/3",
+        minimal: "border border-border rounded-lg bg-background",
+        bold: "border-[3px] border-primary rounded-lg bg-linear-to-br from-primary/8 to-palette-0/8"
+      }
+    },
+    defaultVariants: { variant: "classic" }
+  }
+);
+function xl({ variant: l }) {
+  const a = rl[l];
+  return a ? /* @__PURE__ */ e(O, { children: cl.map(({ key: i, pos: o, transform: p }) => {
+    var r;
+    return /* @__PURE__ */ t(
+      "svg",
+      {
+        className: k("absolute pointer-events-none", o, a.color),
+        width: a.size,
+        height: a.size,
+        viewBox: `0 0 ${a.size} ${a.size}`,
+        fill: "none",
+        stroke: "currentColor",
+        style: p ? { transform: p } : void 0,
+        "aria-hidden": "true",
+        children: [
+          a.paths.map((m, s) => /* @__PURE__ */ e("path", { d: m.d, strokeWidth: m.strokeWidth }, s)),
+          (r = a.dots) == null ? void 0 : r.map((m, s) => /* @__PURE__ */ e(
+            "circle",
+            {
+              cx: m.cx,
+              cy: m.cy,
+              r: m.r,
+              fill: "currentColor",
+              stroke: "none"
+            },
+            `d${s}`
+          ))
+        ]
+      },
+      i
+    );
+  }) }) : null;
+}
+function Oe({
+  variant: l,
+  className: a
+}) {
+  const i = dl[l];
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: k(
+        "flex items-center justify-center gap-3 my-5 mx-auto max-w-70",
+        a
+      ),
+      role: "separator",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ e("span", { className: k("flex-1 h-px", i.lineColor) }),
+        i.motif,
+        /* @__PURE__ */ e("span", { className: k("flex-1 h-px", i.lineColor) })
+      ]
+    }
+  );
+}
+function jl({
+  recipientName: l,
+  courseTitle: a,
+  completionDate: i,
+  organizationName: o,
+  organizationLogo: p,
+  signatory: r,
+  certificateId: m,
+  variant: s = "classic",
+  showActions: v = !0,
+  onPrint: b,
+  onDownload: h,
+  isLoading: w,
+  error: N,
+  onRetry: C,
+  className: S,
+  style: c
+}) {
+  const z = B(() => {
+    try {
+      return new Date(i).toLocaleDateString("en-US", {
+        year: "numeric",
+        month: "long",
+        day: "numeric"
+      });
+    } catch {
+      return i;
+    }
+  }, [i]);
+  function U() {
+    b ? b() : window.print();
+  }
+  const u = ol[s];
+  return /* @__PURE__ */ e(
+    te,
+    {
+      isLoading: w,
+      error: N,
+      onRetry: C,
+      className: S,
+      style: c,
+      skeleton: /* @__PURE__ */ e(f, { className: "h-80 w-full rounded-lg border" }),
+      children: /* @__PURE__ */ t("div", { className: S, style: c, children: [
+        /* @__PURE__ */ e("div", { className: pl({ variant: s }), children: /* @__PURE__ */ t("div", { className: gl({ variant: s }), children: [
+          /* @__PURE__ */ e(xl, { variant: s }),
+          u && /* @__PURE__ */ e(
+            "div",
+            {
+              className: "absolute inset-0 pointer-events-none rounded-[inherit]",
+              style: u,
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ t("div", { className: "relative", children: [
+            p ? /* @__PURE__ */ e(
+              "img",
+              {
+                src: p,
+                alt: o,
+                className: "h-20 mb-4 mx-auto block"
+              }
+            ) : /* @__PURE__ */ e(
+              Se,
+              {
+                size: 64,
+                className: k("mx-auto mb-6", ml[s])
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: k("mb-2", ul[s]), children: "Certificate of Completion" }),
+            /* @__PURE__ */ e(Oe, { variant: s }),
+            /* @__PURE__ */ e("p", { className: "text-base text-foreground/70 mb-2", children: "This is to certify that" }),
+            /* @__PURE__ */ e(
+              "p",
+              {
+                className: k(
+                  "text-4xl font-bold mb-4 text-foreground",
+                  fl.has(s) && "font-serif"
+                ),
+                children: l
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: "text-base text-foreground/70 mb-2", children: "has successfully completed" }),
+            /* @__PURE__ */ e(
+              "p",
+              {
+                className: k(
+                  "text-2xl font-semibold mb-4",
+                  hl[s]
+                ),
+                children: a
+              }
+            ),
+            /* @__PURE__ */ t("p", { className: "text-base text-foreground/60 mb-6", children: [
+              "Issued by ",
+              o,
+              " on ",
+              z
+            ] }),
+            r && /* @__PURE__ */ t("div", { className: "mt-6 mb-4", children: [
+              /* @__PURE__ */ e(Oe, { variant: s }),
+              /* @__PURE__ */ e("p", { className: "font-semibold text-base text-foreground", children: r.name }),
+              /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: r.title })
+            ] }),
+            m && /* @__PURE__ */ t("span", { className: "block text-xs text-muted-foreground mt-4", children: [
+              "Certificate ID: ",
+              m
+            ] })
+          ] })
+        ] }) }),
+        v && /* @__PURE__ */ t("div", { className: "flex justify-center gap-3 mt-6", children: [
+          /* @__PURE__ */ t(D, { variant: "outline", onClick: U, children: [
+            /* @__PURE__ */ e(It, { size: 16 }),
+            " Print"
+          ] }),
+          h && /* @__PURE__ */ t(D, { variant: "outline", onClick: h, children: [
+            /* @__PURE__ */ e(Mt, { size: 16 }),
+            " Download"
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+function Bl({
+  criteria: l,
+  selectedLevels: a,
+  totalScore: i,
+  maxScore: o,
+  feedback: p,
+  isLoading: r,
+  error: m,
+  onRetry: s,
+  className: v,
+  style: b
+}) {
+  var w;
+  const h = a && Object.keys(a).length > 0;
+  return r ? /* @__PURE__ */ t("div", { className: k("space-y-4", v), style: b, children: [
+    /* @__PURE__ */ e(f, { className: "h-10 w-full" }),
+    Array.from({ length: 3 }).map((N, C) => /* @__PURE__ */ e(f, { className: "h-16 w-full" }, C))
+  ] }) : m ? /* @__PURE__ */ e("div", { className: k("py-12", v), style: b, children: /* @__PURE__ */ e(
+    $,
+    {
+      icon: /* @__PURE__ */ e(q, { className: "size-10 text-destructive" }),
+      title: "Something went wrong",
+      description: m,
+      action: s ? /* @__PURE__ */ e(D, { variant: "outline", onClick: s, children: "Retry" }) : void 0
+    }
+  ) }) : /* @__PURE__ */ t("div", { className: k("flex flex-col gap-4", v), style: b, children: [
+    h && i !== void 0 && o !== void 0 && /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-foreground", children: "Rubric" }),
+      /* @__PURE__ */ t(X, { variant: i >= o * 0.7 ? "success" : "destructive", children: [
+        i,
+        " / ",
+        o,
+        " pts"
+      ] })
+    ] }),
+    !h && /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-foreground", children: "Grading Rubric" }),
+    /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(E, { className: "p-0", children: /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ t(rt, { className: "text-sm", children: [
+      /* @__PURE__ */ e(ct, { children: /* @__PURE__ */ t(de, { className: "bg-muted/50", children: [
+        /* @__PURE__ */ e(Ne, { className: "text-left font-medium text-muted-foreground w-1/5", children: "Criterion" }),
+        (w = l[0]) == null ? void 0 : w.levels.map((N) => /* @__PURE__ */ t(
+          Ne,
+          {
+            className: "text-center font-medium text-muted-foreground",
+            children: [
+              /* @__PURE__ */ e("div", { children: N.label }),
+              /* @__PURE__ */ t("div", { className: "text-xs font-normal mt-0.5", children: [
+                N.points,
+                " pts"
+              ] })
+            ]
+          },
+          N.uid
+        ))
+      ] }) }),
+      /* @__PURE__ */ e(dt, { children: l.map((N, C) => {
+        const S = a == null ? void 0 : a[N.uid];
+        return /* @__PURE__ */ t(
+          de,
+          {
+            className: k(C % 2 === 1 && "bg-muted/20"),
+            children: [
+              /* @__PURE__ */ t(le, { className: "align-top", children: [
+                /* @__PURE__ */ e("div", { className: "font-medium text-foreground", children: N.name }),
+                N.description && /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground mt-0.5", children: N.description })
+              ] }),
+              N.levels.map((c) => {
+                const z = S === c.uid;
+                return /* @__PURE__ */ t(
+                  le,
+                  {
+                    className: k(
+                      "align-top text-center",
+                      z && "bg-primary/10 ring-2 ring-primary/30 ring-inset rounded-sm"
+                    ),
+                    children: [
+                      /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: c.description }),
+                      z && /* @__PURE__ */ e("div", { className: "mt-1.5 flex justify-center", children: /* @__PURE__ */ e(ue, { className: "size-4 text-primary" }) })
+                    ]
+                  },
+                  c.uid
+                );
+              })
+            ]
+          },
+          N.uid
+        );
+      }) })
+    ] }) }) }) }),
+    p && /* @__PURE__ */ t(O, { children: [
+      /* @__PURE__ */ e(H, {}),
+      /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-foreground mb-1", children: "Instructor Feedback" }),
+        /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground whitespace-pre-wrap", children: p })
+      ] })
+    ] })
+  ] });
+}
+function Ql({
+  title: l,
+  requirements: a,
+  onRequirementClick: i,
+  isLoading: o,
+  error: p,
+  onRetry: r,
+  className: m,
+  style: s
+}) {
+  const v = B(
+    () => a.filter((h) => h.completed).length,
+    [a]
+  ), b = a.length > 0 ? Math.round(v / a.length * 100) : 0;
+  return o ? /* @__PURE__ */ t("div", { className: k("space-y-4", m), style: s, children: [
+    /* @__PURE__ */ e(f, { className: "h-6 w-48" }),
+    /* @__PURE__ */ e(f, { className: "h-2 w-full" }),
+    Array.from({ length: 4 }).map((h, w) => /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ e(f, { className: "h-5 w-5 rounded-full" }),
+      /* @__PURE__ */ e(f, { className: "h-4 w-3/4" })
+    ] }, w))
+  ] }) : p ? /* @__PURE__ */ e("div", { className: k("py-12", m), style: s, children: /* @__PURE__ */ e(
+    $,
+    {
+      icon: /* @__PURE__ */ e(q, { className: "size-10 text-destructive" }),
+      title: "Something went wrong",
+      description: p,
+      action: r ? /* @__PURE__ */ e(D, { variant: "outline", onClick: r, children: "Retry" }) : void 0
+    }
+  ) }) : /* @__PURE__ */ t("div", { className: k("flex flex-col gap-4", m), style: s, children: [
+    l && /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-foreground", children: l }),
+    /* @__PURE__ */ t("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ t("div", { className: "flex items-center justify-between text-sm", children: [
+        /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: [
+          v,
+          " of ",
+          a.length,
+          " complete"
+        ] }),
+        /* @__PURE__ */ t("span", { className: "font-medium text-foreground", children: [
+          b,
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ e(pe, { value: b })
+    ] }),
+    /* @__PURE__ */ e("ul", { className: "flex flex-col gap-1", children: a.map((h) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: k(
+          "w-full flex items-start gap-3 p-3 rounded-lg text-left transition-colors",
+          h.completed ? "bg-success/5" : i ? "hover:bg-muted/50 cursor-pointer" : "cursor-default"
+        ),
+        onClick: () => {
+          !h.completed && i && i(h.uid);
+        },
+        disabled: h.completed,
+        children: [
+          h.completed ? /* @__PURE__ */ e(ue, { className: "size-5 text-success shrink-0 mt-0.5" }) : /* @__PURE__ */ e(Ft, { className: "size-5 text-muted-foreground shrink-0 mt-0.5" }),
+          /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: k(
+                  "text-sm font-medium",
+                  h.completed ? "text-muted-foreground line-through" : "text-foreground"
+                ),
+                children: h.label
+              }
+            ),
+            h.description && /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground mt-0.5", children: h.description })
+          ] }),
+          !h.completed && i && /* @__PURE__ */ t("div", { className: "shrink-0 flex items-center gap-1 text-xs text-primary mt-0.5", children: [
+            h.actionLabel && /* @__PURE__ */ e("span", { children: h.actionLabel }),
+            /* @__PURE__ */ e(Re, { className: "size-4" })
+          ] })
+        ]
+      }
+    ) }, h.uid)) })
+  ] });
+}
+const Nl = {
+  newest: "Newest",
+  oldest: "Oldest",
+  most_replies: "Most Replies",
+  most_liked: "Most Liked"
+};
+function $l({
+  title: l,
+  topics: a,
+  onTopicClick: i,
+  onCreateTopic: o,
+  sortOrder: p = "newest",
+  onSortChange: r,
+  searchQuery: m = "",
+  onSearchChange: s,
+  readOnly: v,
+  isLoading: b,
+  error: h,
+  onRetry: w,
+  pageSize: N,
+  currentPage: C = 1,
+  totalItems: S,
+  onPageChange: c,
+  className: z,
+  style: U
+}) {
+  const [u, M] = F(!1), [x, A] = F(""), [d, y] = F(""), [L, T] = F(m), [n, g] = F(p), R = s !== void 0 ? m : L, P = r !== void 0 ? p : n;
+  function Y(I) {
+    s ? s(I) : T(I);
+  }
+  function V() {
+    const I = [
+      "newest",
+      "oldest",
+      "most_replies",
+      "most_liked"
+    ], j = I.indexOf(P), Q = I[(j + 1) % I.length];
+    r ? r(Q) : g(Q);
+  }
+  function G() {
+    !x.trim() || ve(d) || (o == null || o(x.trim(), d), A(""), y(""), M(!1));
+  }
+  const K = B(() => [...a.filter((j) => {
+    var W;
+    if (!R) return !0;
+    const Q = R.toLowerCase();
+    return j.title.toLowerCase().includes(Q) || ((W = j.preview) == null ? void 0 : W.toLowerCase().includes(Q)) || j.author.displayName.toLowerCase().includes(Q);
+  })].sort((j, Q) => {
+    if (j.isPinned && !Q.isPinned) return -1;
+    if (!j.isPinned && Q.isPinned) return 1;
+    switch (P) {
+      case "oldest":
+        return new Date(j.createdAt).getTime() - new Date(Q.createdAt).getTime();
+      case "most_replies":
+        return Q.replyCount - j.replyCount;
+      case "most_liked":
+        return Q.likeCount - j.likeCount;
+      case "newest":
+      default:
+        return new Date(Q.createdAt).getTime() - new Date(j.createdAt).getTime();
+    }
+  }), [a, R, P]);
+  return b ? /* @__PURE__ */ t("div", { className: k("space-y-4", z), style: U, children: [
+    /* @__PURE__ */ e(f, { className: "h-9 w-full" }),
+    Array.from({ length: 4 }).map((I, j) => /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ e(f, { className: "h-8 w-8 rounded-full" }),
+      /* @__PURE__ */ t("div", { className: "flex-1 space-y-2", children: [
+        /* @__PURE__ */ e(f, { className: "h-5 w-64" }),
+        /* @__PURE__ */ e(f, { className: "h-4 w-32" })
+      ] })
+    ] }, j))
+  ] }) : h ? /* @__PURE__ */ e("div", { className: k("py-12", z), style: U, children: /* @__PURE__ */ e(
+    $,
+    {
+      icon: /* @__PURE__ */ e(q, { className: "size-10 text-destructive" }),
+      title: "Something went wrong",
+      description: h,
+      action: w ? /* @__PURE__ */ e(D, { variant: "outline", onClick: w, children: "Retry" }) : void 0
+    }
+  ) }) : /* @__PURE__ */ t("div", { className: k("flex flex-col gap-4", z), style: U, children: [
+    /* @__PURE__ */ t("div", { className: "flex items-center justify-between gap-4", children: [
+      l && /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground", children: l }),
+      !v && o && /* @__PURE__ */ t(
+        D,
+        {
+          size: "sm",
+          onClick: () => M(!u),
+          children: [
+            /* @__PURE__ */ e(Pt, { className: "size-4 mr-1.5" }),
+            "New Topic"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(H, {}),
+    u && /* @__PURE__ */ e(_, { children: /* @__PURE__ */ t(E, { className: "pt-4 space-y-3", children: [
+      /* @__PURE__ */ e(
+        Ae,
+        {
+          placeholder: "Topic title",
+          value: x,
+          onChange: (I) => A(I.target.value)
+        }
+      ),
+      /* @__PURE__ */ e(
+        he,
+        {
+          placeholder: "What would you like to discuss?",
+          value: d,
+          onChange: (I) => y(I),
+          variant: "minimal"
+        }
+      ),
+      /* @__PURE__ */ t("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ e(
+          D,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => {
+              M(!1), A(""), y("");
+            },
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ e(
+          D,
+          {
+            size: "sm",
+            onClick: G,
+            disabled: !x.trim() || ve(d),
+            children: "Post Topic"
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e(
+        ut,
+        {
+          value: R,
+          onChange: Y,
+          placeholder: "Search topics..."
+        }
+      ) }),
+      /* @__PURE__ */ t(D, { variant: "outline", size: "sm", onClick: V, children: [
+        /* @__PURE__ */ e(_t, { className: "size-3.5 mr-1.5" }),
+        Nl[P]
+      ] })
+    ] }),
+    K.length === 0 ? /* @__PURE__ */ e(
+      $,
+      {
+        icon: /* @__PURE__ */ e(Te, { className: "size-10 text-muted-foreground" }),
+        title: "No topics found",
+        description: R ? "Try a different search term." : "Be the first to start a discussion!"
+      }
+    ) : /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: (c && N ? K.slice((C - 1) * N, C * N) : K).map((I) => /* @__PURE__ */ e(
+      vl,
+      {
+        topic: I,
+        onClick: () => i(I.uid)
+      },
+      I.uid
+    )) }),
+    c && N && K.length > 0 && /* @__PURE__ */ e(
+      we,
+      {
+        currentPage: C,
+        totalPages: Math.ceil((S ?? K.length) / N),
+        onPageChange: c,
+        className: "mt-4"
+      }
+    )
+  ] });
+}
+function vl({
+  topic: l,
+  onClick: a
+}) {
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      className: "w-full text-left",
+      onClick: a,
+      children: /* @__PURE__ */ e(
+        _,
+        {
+          className: k(
+            "transition-colors hover:bg-muted/30",
+            l.isPinned && "border-l-2 border-l-warning"
+          ),
+          children: /* @__PURE__ */ e(E, { className: "py-3 px-4", children: /* @__PURE__ */ t("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ e(
+              fe,
+              {
+                displayName: l.author.displayName,
+                avatarUrl: l.author.avatarUrl,
+                size: "small"
+              }
+            ),
+            /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ t("div", { className: "flex items-center gap-2 mb-0.5", children: [
+                /* @__PURE__ */ e("span", { className: "font-medium text-foreground text-sm truncate", children: l.title }),
+                l.isPinned && /* @__PURE__ */ e(Ze, { className: "size-3 text-warning shrink-0" }),
+                l.isAnswered && /* @__PURE__ */ t(X, { variant: "success", className: "text-xs shrink-0", children: [
+                  /* @__PURE__ */ e(ue, { className: "size-3 mr-0.5" }),
+                  "Answered"
+                ] })
+              ] }),
+              l.preview && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground line-clamp-1", children: l.preview }),
+              /* @__PURE__ */ t("div", { className: "flex items-center gap-3 mt-1.5 text-xs text-muted-foreground", children: [
+                /* @__PURE__ */ e("span", { children: l.author.displayName }),
+                /* @__PURE__ */ e("span", { children: Me(l.createdAt) }),
+                /* @__PURE__ */ t(X, { variant: "muted", className: "gap-0.5 text-xs px-1.5 py-0", children: [
+                  /* @__PURE__ */ e(Te, { className: "size-3" }),
+                  l.replyCount
+                ] }),
+                /* @__PURE__ */ t(X, { variant: "muted", className: "gap-0.5 text-xs px-1.5 py-0", children: [
+                  /* @__PURE__ */ e(Je, { className: "size-3" }),
+                  l.likeCount
+                ] })
+              ] })
+            ] })
+          ] }) })
+        }
+      )
+    }
+  );
+}
+function Vl({
+  course: l,
+  prerequisites: a,
+  onEnroll: i,
+  onCancel: o,
+  enrollLabel: p = "Enroll Now",
+  isEnrolling: r = !1,
+  isLoading: m,
+  error: s,
+  onRetry: v,
+  className: b,
+  style: h
+}) {
+  const w = Array.isArray(a) && a.length > 0, [N, C] = F("details"), S = B(
+    () => w ? [
+      { key: "details", label: "Course Details" },
+      { key: "prerequisites", label: "Prerequisites" },
+      { key: "confirmation", label: "Confirmation" }
+    ] : [
+      { key: "details", label: "Course Details" },
+      { key: "confirmation", label: "Confirmation" }
+    ],
+    [w]
+  );
+  if (m)
+    return /* @__PURE__ */ t("div", { className: k("space-y-4", b), style: h, children: [
+      /* @__PURE__ */ e(f, { className: "h-8 w-48" }),
+      /* @__PURE__ */ e(f, { className: "h-48 w-full" }),
+      /* @__PURE__ */ e(f, { className: "h-10 w-32" })
+    ] });
+  if (s)
+    return /* @__PURE__ */ e("div", { className: k("py-12", b), style: h, children: /* @__PURE__ */ e(
+      $,
+      {
+        icon: /* @__PURE__ */ e(q, { className: "size-10 text-destructive" }),
+        title: "Something went wrong",
+        description: s,
+        action: v ? /* @__PURE__ */ e(D, { variant: "outline", onClick: v, children: "Retry" }) : void 0
+      }
+    ) });
+  const c = S.findIndex((d) => d.key === N), z = !w || a.every((d) => d.isMet);
+  function U() {
+    const d = c + 1;
+    d < S.length && C(S[d].key);
+  }
+  function u() {
+    const d = c - 1;
+    d >= 0 && C(S[d].key);
+  }
+  function M() {
+    return /* @__PURE__ */ e(_, { children: /* @__PURE__ */ t(E, { className: "pt-6", children: [
+      l.thumbnailUrl ? /* @__PURE__ */ e(
+        "img",
+        {
+          src: l.thumbnailUrl,
+          alt: l.title,
+          className: "w-full h-48 object-cover rounded-lg mb-4"
+        }
+      ) : /* @__PURE__ */ e("div", { className: "w-full h-48 rounded-lg mb-4 bg-muted flex items-center justify-center", children: /* @__PURE__ */ e(me, { className: "size-12 text-muted-foreground" }) }),
+      /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground mb-1", children: l.title }),
+      l.description && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground mb-3", children: l.description }),
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-3 mb-3", children: [
+        l.instructor && /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(
+            fe,
+            {
+              displayName: l.instructor.displayName,
+              avatarUrl: l.instructor.avatarUrl,
+              size: "small"
+            }
+          ),
+          /* @__PURE__ */ e("span", { className: "text-sm text-foreground", children: l.instructor.displayName })
+        ] }),
+        l.duration && /* @__PURE__ */ t(X, { variant: "muted", children: [
+          /* @__PURE__ */ e(xe, { className: "size-3 mr-1" }),
+          l.duration
+        ] })
+      ] }),
+      l.syllabus && l.syllabus.length > 0 && /* @__PURE__ */ t(O, { children: [
+        /* @__PURE__ */ e(H, { className: "my-3" }),
+        /* @__PURE__ */ e("div", { className: "mb-1 text-sm font-semibold text-foreground", children: "Syllabus" }),
+        /* @__PURE__ */ e("ul", { className: "list-disc list-inside space-y-1", children: l.syllabus.map((d, y) => /* @__PURE__ */ e("li", { className: "text-sm text-muted-foreground", children: d }, y)) })
+      ] }),
+      /* @__PURE__ */ e(H, { className: "my-4" }),
+      /* @__PURE__ */ t("div", { className: "flex justify-end gap-2", children: [
+        o && /* @__PURE__ */ e(D, { variant: "outline", onClick: o, children: "Cancel" }),
+        /* @__PURE__ */ e(D, { onClick: U, children: "Continue" })
+      ] })
+    ] }) });
+  }
+  function x() {
+    return /* @__PURE__ */ e(_, { children: /* @__PURE__ */ t(E, { className: "pt-6", children: [
+      /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-foreground mb-3", children: "Prerequisites" }),
+      /* @__PURE__ */ e("ul", { className: "space-y-3", children: a.map((d) => /* @__PURE__ */ t("li", { className: "flex items-start gap-2", children: [
+        d.isMet ? /* @__PURE__ */ e(ue, { className: "size-4 text-success shrink-0 mt-0.5" }) : /* @__PURE__ */ e($e, { className: "size-4 text-destructive shrink-0 mt-0.5" }),
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: d.label }),
+          d.description && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground mt-0.5", children: d.description })
+        ] })
+      ] }, d.uid)) }),
+      /* @__PURE__ */ e(H, { className: "my-4" }),
+      /* @__PURE__ */ t("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ e(D, { variant: "outline", onClick: u, children: "Back" }),
+        /* @__PURE__ */ e(D, { onClick: U, disabled: !z, children: "Continue" })
+      ] })
+    ] }) });
+  }
+  function A() {
+    return /* @__PURE__ */ e(_, { children: /* @__PURE__ */ t(E, { className: "pt-6", children: [
+      /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-foreground mb-3", children: "Confirm Enrollment" }),
+      /* @__PURE__ */ t("div", { className: "space-y-2 mb-3", children: [
+        /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(me, { className: "size-4 text-muted-foreground" }),
+          /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: l.title })
+        ] }),
+        l.instructor && /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(
+            fe,
+            {
+              displayName: l.instructor.displayName,
+              avatarUrl: l.instructor.avatarUrl,
+              size: "small"
+            }
+          ),
+          /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: l.instructor.displayName })
+        ] }),
+        l.duration && /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(xe, { className: "size-4 text-muted-foreground" }),
+          /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: l.duration })
+        ] })
+      ] }),
+      w && /* @__PURE__ */ e("div", { className: "mb-3", children: z ? /* @__PURE__ */ t(X, { variant: "success", children: [
+        /* @__PURE__ */ e(ue, { className: "size-3 mr-1" }),
+        "All prerequisites met"
+      ] }) : /* @__PURE__ */ t(X, { variant: "warning", children: [
+        /* @__PURE__ */ e($e, { className: "size-3 mr-1" }),
+        "Some prerequisites not met"
+      ] }) }),
+      /* @__PURE__ */ e(H, { className: "my-4" }),
+      /* @__PURE__ */ t("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ e(D, { variant: "outline", onClick: u, children: "Back" }),
+        /* @__PURE__ */ t(
+          D,
+          {
+            onClick: () => i(l.uid),
+            disabled: r,
+            children: [
+              r && /* @__PURE__ */ e(Et, { className: "size-4 mr-1 animate-spin" }),
+              p
+            ]
+          }
+        )
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ t("div", { className: b, style: h, children: [
+    /* @__PURE__ */ e(
+      tl,
+      {
+        steps: S.map((d) => ({ label: d.label })),
+        currentStep: c,
+        className: "mb-6"
+      }
+    ),
+    N === "details" && M(),
+    N === "prerequisites" && x(),
+    N === "confirmation" && A()
+  ] });
+}
+function Hl({
+  courses: l = [],
+  categories: a,
+  onCourseClick: i,
+  onEnroll: o,
+  viewMode: p = "grid",
+  allowViewToggle: r = !0,
+  showSearch: m = !0,
+  emptyMessage: s = "No courses found",
+  readOnly: v = !1,
+  isLoading: b,
+  error: h,
+  onRetry: w,
+  pageSize: N,
+  currentPage: C = 1,
+  totalItems: S,
+  onPageChange: c,
+  className: z,
+  style: U
+}) {
+  const [u, M] = F(""), [x, A] = F(null), [d, y] = F(p), L = B(() => {
+    let n = l;
+    if (x && (n = n.filter((g) => g.categoryUid === x)), u.trim()) {
+      const g = u.toLowerCase();
+      n = n.filter(
+        (R) => {
+          var P, Y;
+          return R.title.toLowerCase().includes(g) || ((P = R.description) == null ? void 0 : P.toLowerCase().includes(g)) || ((Y = R.instructor) == null ? void 0 : Y.displayName.toLowerCase().includes(g));
+        }
+      );
+    }
+    return n;
+  }, [l, x, u]);
+  if (b)
+    return /* @__PURE__ */ t("div", { className: k("space-y-4", z), style: U, children: [
+      /* @__PURE__ */ e(f, { className: "h-9 w-full" }),
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: Array.from({ length: 6 }).map((n, g) => /* @__PURE__ */ e(f, { className: "h-64 w-full rounded-lg" }, g)) })
+    ] });
+  if (h)
+    return /* @__PURE__ */ e("div", { className: k("py-12", z), style: U, children: /* @__PURE__ */ e(
+      $,
+      {
+        icon: /* @__PURE__ */ e(q, { className: "size-10 text-destructive" }),
+        title: "Something went wrong",
+        description: h,
+        action: w ? /* @__PURE__ */ e(D, { variant: "outline", onClick: w, children: "Retry" }) : void 0
+      }
+    ) });
+  const T = c && N ? L.slice((C - 1) * N, C * N) : L;
+  return /* @__PURE__ */ t("div", { className: z, style: U, children: [
+    /* @__PURE__ */ t("div", { className: "flex gap-2 items-center mb-2", children: [
+      m && /* @__PURE__ */ e("div", { className: "flex-1 max-w-80", children: /* @__PURE__ */ e(
+        ut,
+        {
+          value: u,
+          onChange: M,
+          placeholder: "Search courses...",
+          size: "small"
+        }
+      ) }),
+      r && /* @__PURE__ */ t("div", { className: "flex gap-0.5", children: [
+        /* @__PURE__ */ t(se, { children: [
+          /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ e(
+            D,
+            {
+              variant: "ghost",
+              size: "icon-xs",
+              "aria-label": "Grid view",
+              className: k(d === "grid" && "text-primary"),
+              onClick: () => y("grid"),
+              children: /* @__PURE__ */ e(jt, { size: 18 })
+            }
+          ) }),
+          /* @__PURE__ */ e(re, { children: "Grid view" })
+        ] }),
+        /* @__PURE__ */ t(se, { children: [
+          /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ e(
+            D,
+            {
+              variant: "ghost",
+              size: "icon-xs",
+              "aria-label": "List view",
+              className: k(d === "list" && "text-primary"),
+              onClick: () => y("list"),
+              children: /* @__PURE__ */ e(Bt, { size: 18 })
+            }
+          ) }),
+          /* @__PURE__ */ e(re, { children: "List view" })
+        ] })
+      ] })
+    ] }),
+    a && a.length > 0 && /* @__PURE__ */ e(
+      st,
+      {
+        value: x ?? "all",
+        onValueChange: (n) => A(n === "all" ? null : n),
+        className: "mb-2",
+        children: /* @__PURE__ */ t(it, { children: [
+          /* @__PURE__ */ e(ce, { value: "all", children: "All" }),
+          a.map((n) => /* @__PURE__ */ e(ce, { value: n.uid, children: n.label }, n.uid))
+        ] })
+      }
+    ),
+    L.length === 0 ? /* @__PURE__ */ e(
+      $,
+      {
+        icon: /* @__PURE__ */ e(ze, {}),
+        title: s,
+        description: "Try adjusting your search or filter."
+      }
+    ) : d === "grid" ? /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: T.map((n) => /* @__PURE__ */ e(
+      We,
+      {
+        uid: n.uid,
+        title: n.title,
+        description: n.description,
+        thumbnailUrl: n.thumbnailUrl,
+        instructor: n.instructor,
+        progress: n.progress,
+        enrollmentStatus: n.enrollmentStatus,
+        studentCount: n.studentCount,
+        duration: n.duration,
+        layout: "vertical",
+        onClick: v ? void 0 : () => i(n),
+        onEnroll: o && !v ? () => o(n) : void 0,
+        className: k(v && "opacity-70")
+      },
+      n.uid
+    )) }) : /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: T.map((n) => /* @__PURE__ */ e(
+      We,
+      {
+        uid: n.uid,
+        title: n.title,
+        description: n.description,
+        thumbnailUrl: n.thumbnailUrl,
+        instructor: n.instructor,
+        progress: n.progress,
+        enrollmentStatus: n.enrollmentStatus,
+        studentCount: n.studentCount,
+        duration: n.duration,
+        layout: "horizontal",
+        onClick: v ? void 0 : () => i(n),
+        onEnroll: o && !v ? () => o(n) : void 0,
+        className: k(v && "opacity-70")
+      },
+      n.uid
+    )) }),
+    c && N && L.length > 0 && /* @__PURE__ */ e(
+      we,
+      {
+        currentPage: C,
+        totalPages: Math.ceil((S ?? L.length) / N),
+        onPageChange: c,
+        className: "mt-4"
+      }
+    )
+  ] });
+}
+function Gl({
+  student: l,
+  enrolledCourses: a = [],
+  achievements: i = [],
+  certificates: o = [],
+  stats: p,
+  showCourses: r = !0,
+  showAchievements: m = !0,
+  onCourseClick: s,
+  onCertificateClick: v,
+  readOnly: b = !1,
+  isLoading: h,
+  error: w,
+  onRetry: N,
+  className: C,
+  style: S
+}) {
+  const c = a.filter((u) => u.progress >= 100), z = [
+    {
+      label: "Enrolled",
+      value: String(a.length),
+      icon: /* @__PURE__ */ e(me, { size: 24 })
+    },
+    {
+      label: "Completed",
+      value: String(c.length),
+      icon: /* @__PURE__ */ e(ze, { size: 24 })
+    }
+  ], U = p ?? z;
+  return /* @__PURE__ */ e(
+    te,
+    {
+      isLoading: h,
+      error: w,
+      onRetry: N,
+      className: C,
+      style: S,
+      skeleton: /* @__PURE__ */ t(O, { children: [
+        /* @__PURE__ */ e(_, { children: /* @__PURE__ */ t(E, { className: "p-4 flex items-center gap-4", children: [
+          /* @__PURE__ */ e(f, { className: "size-12 rounded-full" }),
+          /* @__PURE__ */ t("div", { className: "flex-1 space-y-2", children: [
+            /* @__PURE__ */ e(f, { className: "h-5 w-40" }),
+            /* @__PURE__ */ e(f, { className: "h-4 w-56" })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ t("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-3", children: [
+          /* @__PURE__ */ e(f, { className: "h-24" }),
+          /* @__PURE__ */ e(f, { className: "h-24" }),
+          /* @__PURE__ */ e(f, { className: "h-24" }),
+          /* @__PURE__ */ e(f, { className: "h-24" })
+        ] }),
+        /* @__PURE__ */ e(f, { className: "h-8 w-full" }),
+        /* @__PURE__ */ e(f, { className: "h-8 w-full" }),
+        /* @__PURE__ */ e(f, { className: "h-8 w-full" })
+      ] }),
+      children: /* @__PURE__ */ t("div", { className: k("space-y-4", C), style: S, children: [
+        /* @__PURE__ */ e(_, { children: /* @__PURE__ */ t(E, { className: "p-4 flex items-start gap-4", children: [
+          /* @__PURE__ */ e(
+            fe,
+            {
+              displayName: l.displayName,
+              avatarUrl: l.avatarUrl,
+              size: "large"
+            }
+          ),
+          /* @__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: l.displayName }),
+              l.role && /* @__PURE__ */ e(X, { variant: "secondary", children: l.role })
+            ] }),
+            l.email && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: l.email }),
+            l.bio && /* @__PURE__ */ e("p", { className: "text-sm text-foreground mt-1", children: l.bio }),
+            l.joinedAt && /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground mt-1 flex items-center gap-1", children: [
+              /* @__PURE__ */ e(Qt, { size: 12 }),
+              "Joined ",
+              new Date(l.joinedAt).toLocaleDateString()
+            ] })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ e("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-3", children: U.map((u) => /* @__PURE__ */ e(
+          Le,
+          {
+            icon: u.icon,
+            label: u.label,
+            value: u.value
+          },
+          u.label
+        )) }),
+        r && /* @__PURE__ */ t(O, { children: [
+          /* @__PURE__ */ e(H, {}),
+          /* @__PURE__ */ t("div", { className: "flex items-center gap-2 mb-2", children: [
+            /* @__PURE__ */ e("p", { className: "text-lg font-semibold text-foreground", children: "Enrolled Courses" }),
+            /* @__PURE__ */ e(X, { variant: "secondary", children: a.length })
+          ] }),
+          a.length > 0 ? /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(E, { className: "p-0 divide-y divide-border", children: a.map((u) => /* @__PURE__ */ t(
+            "div",
+            {
+              className: k(
+                "flex items-center gap-3 px-4 py-3 transition-colors",
+                !b && s && "cursor-pointer hover:bg-muted/50"
+              ),
+              onClick: !b && s ? () => s(u.uid) : void 0,
+              children: [
+                /* @__PURE__ */ e(ot, { value: u.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: u.title }),
+                  u.lastAccessedAt && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: Me(u.lastAccessedAt) })
+                ] }),
+                /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: [
+                  Math.round(u.progress),
+                  "%"
+                ] })
+              ]
+            },
+            u.uid
+          )) }) }) : /* @__PURE__ */ e(
+            $,
+            {
+              icon: /* @__PURE__ */ e(me, {}),
+              title: "No courses yet",
+              description: "This student has not enrolled in any courses."
+            }
+          )
+        ] }),
+        m && /* @__PURE__ */ t(O, { children: [
+          /* @__PURE__ */ e(H, {}),
+          /* @__PURE__ */ t("div", { className: "flex items-center gap-2 mb-2", children: [
+            /* @__PURE__ */ e("p", { className: "text-lg font-semibold text-foreground", children: "Achievements" }),
+            /* @__PURE__ */ e(X, { variant: "secondary", children: i.length })
+          ] }),
+          i.length > 0 ? /* @__PURE__ */ e("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-2", children: i.map((u) => /* @__PURE__ */ e(
+            mt,
+            {
+              title: u.name,
+              description: u.description,
+              icon: u.iconUrl ? /* @__PURE__ */ e(
+                "img",
+                {
+                  src: u.iconUrl,
+                  alt: u.name,
+                  className: "w-12 h-12"
+                }
+              ) : void 0,
+              earnedDate: u.earnedAt
+            },
+            u.uid
+          )) }) : /* @__PURE__ */ e(
+            $,
+            {
+              icon: /* @__PURE__ */ e(Se, {}),
+              title: "No achievements yet",
+              description: "Achievements will appear here as they are earned."
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(H, {}),
+        /* @__PURE__ */ t("div", { className: "flex items-center gap-2 mb-2", children: [
+          /* @__PURE__ */ e("p", { className: "text-lg font-semibold text-foreground", children: "Certificates" }),
+          /* @__PURE__ */ e(X, { variant: "secondary", children: o.length })
+        ] }),
+        o.length > 0 ? /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(E, { className: "p-0 divide-y divide-border", children: o.map((u) => /* @__PURE__ */ t(
+          "div",
+          {
+            className: k(
+              "flex items-center gap-3 px-4 py-3 transition-colors",
+              !b && v && "cursor-pointer hover:bg-muted/50"
+            ),
+            onClick: !b && v ? () => v(u.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(Se, { size: 20 }) }),
+              /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ e("p", { className: "text-sm font-medium text-foreground truncate", children: u.courseName }),
+                /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground", children: [
+                  "Issued ",
+                  new Date(u.issuedAt).toLocaleDateString()
+                ] })
+              ] }),
+              u.certificateUrl && !b && /* @__PURE__ */ e(
+                D,
+                {
+                  variant: "outline",
+                  size: "sm",
+                  onClick: (M) => {
+                    M.stopPropagation(), window.open(u.certificateUrl, "_blank");
+                  },
+                  children: "View"
+                }
+              )
+            ]
+          },
+          u.uid
+        )) }) }) : /* @__PURE__ */ e(
+          $,
+          {
+            icon: /* @__PURE__ */ e(ze, {}),
+            title: "No certificates yet",
+            description: "Certificates will appear here once courses are completed."
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  Ml as A,
+  jl as C,
+  Fl as D,
+  Vl as E,
+  Al as F,
+  _l as G,
+  zl as L,
+  Rl as P,
+  Sl as Q,
+  Ql as R,
+  te as S,
+  Ll as a,
+  Pl as b,
+  Hl as c,
+  Ul as d,
+  Dl as e,
+  $l as f,
+  Il as g,
+  El as h,
+  Bl as i,
+  Gl as j,
+  Tl as k,
+  pt as l,
+  ll as m
+};