@hydralms/components 0.2.0 → 0.3.1

package/dist/StudentProfile-Cw2p-RZn.js

@@ -0,0 +1,3273 @@
+import { jsx as e, Fragment as O, jsxs as t } from "react/jsx-runtime";
+import { useState as F, useRef as J, useEffect as ge, useMemo as j, useCallback as Y, Fragment as At, memo as Lt } from "react";
+import { AlertCircle as q, ChevronLeft as Ut, 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 Rt, Save as Dt, ArrowUp as Tt, ArrowDown as Mt, BookOpen as oe, Award as Se, Printer as It, Download as Ft, CheckCircle2 as me, Circle as Pt, Plus as Et, ArrowUpDown as _t, XCircle as $e, Loader2 as Bt, Grid as jt, List as Qt, GraduationCap as ze, Calendar as $t } from "lucide-react";
+import { c as k, a2 as $, v as D, s as Ke, C as E, D as Me, ao as Xe, x as _, ar as be, ap as qe, aw as f, aV as Ve, E as Vt, a8 as Gt, B as X, av as G, P as fe, M as Ht, b7 as Wt, a$ as Ge, a4 as Ot, d as et, e as tt, I as Yt, af as Zt, ay as Jt, as as ue, a as lt, J as Kt, aU as he, b6 as Ie, ak as we, aQ as se, aS as ie, aR as re, al as Xt, aA as at, a0 as nt, aL as st, aN as it, aO as ce, aM as ke, a5 as He, ad as Ae, a9 as qt, aD as rt, aJ as ct, aK as de, aI as Ne, aE as dt, aG as le, an as ot, az as Le, aC as el, b as tl, A as mt, au as ut, aB as ll, K as We } from "./withProGate-BvFc7Jwy.js";
+import { cva as ht } from "class-variance-authority";
+function al(l, a, i, c) {
+  const p = i.map((s) => ({
+    uid: a,
+    answerUid: s.uid,
+    content: s.content
+  })), m = [...l.filter((s) => s.uid !== a), ...p];
+  return c == null || c(m), m;
+}
+function ft({
+  questions: l,
+  initialAnswers: a = [],
+  onAnswerChange: i,
+  questionMaterials: c
+}) {
+  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), z = J(l);
+  z.current = l;
+  const d = J(p);
+  d.current = p;
+  const S = J(i);
+  S.current = i;
+  const U = l[p];
+  ge(() => {
+    var n;
+    if (C.current) {
+      C.current = !1;
+      return;
+    }
+    (n = N.current) == null || n.focus();
+  }, [p]);
+  const u = j(
+    () => U ? m.filter((n) => n.uid === U.uid) : [],
+    [m, U]
+  ), M = j(
+    () => (c == null ? void 0 : c.filter((n) => n.questionUid === (U == null ? void 0 : U.uid))) ?? [],
+    [c, U]
+  ), x = j(
+    () => 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 = Y(
+    (n) => {
+      const g = z.current[d.current];
+      g && s(
+        (R) => al(R, g.uid, n, S.current)
+      );
+    },
+    []
+  ), o = Y(
+    (n) => {
+      const g = l.findIndex((R) => R.uid === n);
+      g !== -1 && r(g);
+    },
+    [l]
+  ), y = Y((n) => {
+    b((g) => {
+      const R = new Set(g);
+      return R.has(n) ? R.delete(n) : R.add(n), R;
+    });
+  }, []), L = Y(() => {
+    r((n) => Math.min(n + 1, z.current.length - 1));
+  }, []), T = Y(() => {
+    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: o,
+    handleToggleFlag: y,
+    goNext: L,
+    goPrevious: T,
+    hasNext: p < l.length - 1,
+    hasPrevious: p > 0
+  };
+}
+function te({
+  isLoading: l,
+  error: a,
+  onRetry: i,
+  skeleton: c,
+  loadingClassName: p = "space-y-4",
+  className: r,
+  style: m,
+  children: s
+}) {
+  return l ? /* @__PURE__ */ e("div", { className: k(p, r), style: m, children: c }) : 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 zl({
+  questions: l,
+  initialAnswers: a = [],
+  onSubmit: i,
+  onAnswerChange: c,
+  timeElapsedSeconds: p,
+  timeLimitSeconds: r,
+  questionMaterials: m,
+  isSubmitting: s = !1,
+  readOnly: v = !1,
+  isLoading: b,
+  error: h,
+  onRetry: w,
+  className: N,
+  style: C
+}) {
+  const {
+    currentIndex: z,
+    currentQuestion: d,
+    sessionAnswers: S,
+    flaggedUids: U,
+    materialsOpen: u,
+    setMaterialsOpen: M,
+    questionAreaRef: x,
+    currentQuestionAnswers: A,
+    currentMaterials: o,
+    navigatorItems: y,
+    handleAnswer: L,
+    handleNavigate: T,
+    handleToggleFlag: n,
+    goNext: g,
+    goPrevious: R,
+    hasNext: P,
+    hasPrevious: Z
+  } = ft({ questions: l, initialAnswers: a, onAnswerChange: c, questionMaterials: m }), V = J(S);
+  V.current = S;
+  const H = J(i);
+  H.current = i;
+  const K = Y(() => {
+    H.current(V.current);
+  }, []), I = J(d == null ? void 0 : d.uid);
+  I.current = d == null ? void 0 : d.uid;
+  const B = Y(() => {
+    const W = I.current;
+    W && n(W);
+  }, [n]), Q = Y(() => 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: z,
+            totalQuestions: l.length,
+            hasNext: P,
+            hasPrevious: Z,
+            onNext: g,
+            onPrevious: R,
+            onSubmit: K,
+            timeElapsedSeconds: p,
+            timeLimitSeconds: r,
+            questions: y,
+            onNavigateToQuestion: T,
+            currentQuestionUid: d == null ? void 0 : d.uid,
+            isSubmitting: s,
+            readOnly: v
+          }
+        ),
+        /* @__PURE__ */ t("span", { className: "sr-only", "aria-live": "polite", children: [
+          "Question ",
+          z + 1,
+          " of ",
+          l.length
+        ] }),
+        d && /* @__PURE__ */ t(E, { className: "mt-3", ref: x, tabIndex: -1, children: [
+          /* @__PURE__ */ e(Me, { className: "pb-0", children: /* @__PURE__ */ e(
+            Xe,
+            {
+              questionNumber: z + 1,
+              totalQuestions: l.length,
+              isFlagged: U.has(d.uid),
+              onToggleFlag: B,
+              hasMaterials: o.length > 0,
+              onOpenMaterials: Q,
+              readOnly: v
+            }
+          ) }),
+          /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(
+            be,
+            {
+              question: d,
+              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: !Z,
+              onClick: R,
+              children: [
+                /* @__PURE__ */ e(Ut, { 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: o,
+            questionNumber: z + 1
+          }
+        )
+      ] })
+    }
+  );
+}
+function Al({
+  video: l,
+  notes: a,
+  layout: i = "horizontal",
+  notesPanelWidth: c = "340px",
+  notesPanelHeight: p = "240px",
+  isLoading: r,
+  error: m,
+  onRetry: s,
+  onComplete: v,
+  className: b,
+  style: h
+}) {
+  const w = i === "horizontal", N = Y(() => {
+    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(
+              E,
+              {
+                className: k(
+                  "overflow-auto shrink-0 rounded-none border-0",
+                  w ? "border-l border-border" : "border-t border-border w-full"
+                ),
+                style: {
+                  width: w ? c : void 0,
+                  height: w ? void 0 : p
+                },
+                children: [
+                  /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(Vt, { children: "Notes" }) }),
+                  /* @__PURE__ */ 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 Ll({
+  cards: l,
+  title: a,
+  description: i,
+  shuffled: c = !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: c
+  };
+  function z() {
+    N(!0), p == null || p(C);
+  }
+  function d() {
+    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(E, { children: /* @__PURE__ */ t(_, { 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: d, children: "Study Again" })
+      ] }) }) }) : /* @__PURE__ */ e("div", { className: k("flex flex-col items-center", b), style: h, children: /* @__PURE__ */ e(
+        Gt,
+        {
+          cards: l,
+          deckName: a,
+          deckDescription: i,
+          shuffled: c,
+          showProgress: !0,
+          onComplete: z,
+          readOnly: r
+        }
+      ) })
+    }
+  );
+}
+function nl({
+  score: l
+}) {
+  const a = l.percentage !== void 0 ? l.percentage : l.total > 0 ? Math.round(l.correct / l.total * 100) : 0;
+  return /* @__PURE__ */ e(E, { className: "mb-3", children: /* @__PURE__ */ 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 c = j(() => {
+    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(E, { 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(G, {}),
+    /* @__PURE__ */ e(_, { className: "pt-4 pb-4", children: /* @__PURE__ */ e(
+      be,
+      {
+        question: p,
+        sessionAnswers: c.get(p.uid) ?? [],
+        readOnly: !0,
+        showCorrectAnswers: i
+      }
+    ) })
+  ] }, p.uid)) });
+}
+function sl(l, a, i, c) {
+  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(G, { className: "mb-2" }),
+        /* @__PURE__ */ e(
+          Ue,
+          {
+            questions: v,
+            sessionAnswers: a,
+            showCorrectAnswers: c
+          }
+        )
+      ] }, s.label);
+    }),
+    m.length > 0 && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+      Ue,
+      {
+        questions: m,
+        sessionAnswers: a,
+        showCorrectAnswers: c
+      }
+    ) })
+  ] });
+}
+function Ul({
+  questions: l,
+  sessionAnswers: a,
+  score: i,
+  questionGroups: c,
+  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(nl, { score: i }),
+    c && c.length > 0 ? sl(l, a, c, 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 Rl({
+  items: l,
+  progress: a,
+  courseTitle: i,
+  activeItemUid: c,
+  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: z, totalCount: d, percentage: S } = j(() => {
+    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(fe, { value: S, size: "sm" }),
+        /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground mt-0.5 block", children: [
+          z,
+          " of ",
+          d,
+          " completed"
+        ] })
+      ] })
+    ] }),
+    (i || r) && /* @__PURE__ */ e(G, {}),
+    /* @__PURE__ */ e(
+      Ht,
+      {
+        items: l,
+        progress: a,
+        activeItemUid: c,
+        onItemClick: p,
+        readOnly: v,
+        showDuration: m,
+        showIcons: s,
+        showProgress: !0
+      }
+    )
+  ] });
+}
+function Dl({
+  questions: l,
+  instantFeedback: a = !0,
+  allowRetry: i = !0,
+  onComplete: c,
+  shuffled: p = !1,
+  readOnly: r = !1,
+  isLoading: m,
+  error: s,
+  onRetry: v,
+  className: b,
+  style: h
+}) {
+  const w = j(
+    () => {
+      const I = l ?? [];
+      return p ? Wt(I) : I;
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [l, p]
+  ), [N, C] = F(0), [z, d] = F(/* @__PURE__ */ new Set()), [S, U] = F(/* @__PURE__ */ new Map()), [u, M] = F(/* @__PURE__ */ new Set()), [x, A] = F(null), [o, y] = F(!1), L = J(null), T = J(!0);
+  ge(() => {
+    var I;
+    if (T.current) {
+      T.current = !1;
+      return;
+    }
+    (I = L.current) == null || I.focus();
+  }, [N]);
+  const n = w[N], g = n ? z.has(n.uid) : !1;
+  function R() {
+    if (!n || !x) return;
+    const I = (S.get(n.uid) ?? 0) + 1;
+    U((W) => new Map(W).set(n.uid, I)), d((W) => new Set(W).add(n.uid));
+    const B = x.map((W) => ({
+      uid: n.uid,
+      answerUid: W.uid,
+      content: W.content
+    }));
+    Ge(n, B) === !0 && I === 1 && M((W) => new Set(W).add(n.uid));
+  }
+  function P() {
+    n && (d((I) => {
+      const B = new Set(I);
+      return B.delete(n.uid), B;
+    }), A(null));
+  }
+  function Z() {
+    if (N < w.length - 1)
+      C((I) => I + 1), A(null);
+    else {
+      const I = {
+        totalQuestions: w.length,
+        correctOnFirstAttempt: u.size,
+        totalAttempts: Array.from(S.values()).reduce((B, Q) => B + Q, 0)
+      };
+      y(!0), c == null || c(I);
+    }
+  }
+  const V = j(() => !n || !x ? [] : x.map((I) => ({
+    uid: n.uid,
+    answerUid: I.uid,
+    content: I.content
+  })), [n, x]), H = j(
+    () => n ? Ge(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: o ? /* @__PURE__ */ e(E, { className: b, style: h, children: /* @__PURE__ */ t(_, { 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), d(/* @__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(
+          fe,
+          {
+            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(E, { ref: L, tabIndex: -1, children: /* @__PURE__ */ t(_, { className: "pt-6", children: [
+          /* @__PURE__ */ e(
+            be,
+            {
+              question: n,
+              sessionAnswers: V,
+              onAnswer: A,
+              readOnly: r || g,
+              showCorrectAnswers: g
+            }
+          ),
+          a && g && /* @__PURE__ */ e(
+            Ot,
+            {
+              isCorrect: H,
+              explanation: n.explanation,
+              onRetry: i && !H ? 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: Z,
+                disabled: r,
+                children: N < w.length - 1 ? "Next Question" : "Finish"
+              }
+            )
+          ] })
+        ] }) })
+      ] })
+    }
+  );
+}
+function Tl({
+  questions: l = [],
+  initialAnswers: a = [],
+  onSubmit: i,
+  onAnswerChange: c,
+  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: z = !1,
+  isLoading: d,
+  error: S,
+  onRetry: U,
+  className: u,
+  style: M
+}) {
+  const {
+    currentIndex: x,
+    currentQuestion: A,
+    sessionAnswers: o,
+    flaggedUids: y,
+    materialsOpen: L,
+    setMaterialsOpen: T,
+    questionAreaRef: n,
+    currentQuestionAnswers: g,
+    currentMaterials: R,
+    navigatorItems: P,
+    handleAnswer: Z,
+    handleNavigate: V,
+    handleToggleFlag: H,
+    goNext: K,
+    goPrevious: I,
+    hasNext: B
+  } = ft({ questions: l, initialAnswers: a, onAnswerChange: c, questionMaterials: N }), [Q, W] = F(!1), [gt, xt] = F(!1), Fe = J(!1), Pe = J(o);
+  Pe.current = o;
+  const Ee = J(i);
+  Ee.current = i;
+  const _e = J(r);
+  _e.current = r;
+  const Be = J(A == null ? void 0 : A.uid);
+  Be.current = A == null ? void 0 : A.uid;
+  const ee = p - r, Nt = j(
+    () => P.filter((ne) => ne.isAnswered).length,
+    [P]
+  ), ae = Y((ne) => {
+    const je = Pe.current, St = new Set(je.map((ye) => ye.uid)), zt = {
+      timeElapsedSeconds: _e.current,
+      wasAutoSubmitted: ne,
+      answeredCount: l.filter((ye) => St.has(ye.uid)).length,
+      totalQuestions: l.length
+    };
+    Ee.current(je, zt);
+  }, [l]);
+  ge(() => {
+    ee <= s && ee > 0 && xt(!0);
+  }, [ee, s]), ge(() => {
+    m && ee <= 0 && !Fe.current && (Fe.current = !0, ae(!0));
+  }, [ee, m, ae]);
+  const vt = Y(() => {
+    b ? W(!0) : ae(!1);
+  }, [b, ae]), bt = Y(() => {
+    v && I();
+  }, [v, I]), wt = Y(() => {
+    const ne = Be.current;
+    ne && H(ne);
+  }, [H]), yt = Y(() => T(!0), [T]), kt = Y(() => {
+    W(!1), ae(!1);
+  }, [ae]), Ct = Y(() => W(!1), []);
+  return /* @__PURE__ */ e(
+    te,
+    {
+      isLoading: d,
+      error: S,
+      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: B,
+            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: z
+          }
+        ),
+        w && x === 0 && /* @__PURE__ */ e(E, { className: "mt-3", children: /* @__PURE__ */ 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(E, { className: "mt-3", ref: n, tabIndex: -1, children: [
+          /* @__PURE__ */ e(Me, { 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: z
+            }
+          ) }),
+          /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(
+            be,
+            {
+              question: A,
+              sessionAnswers: g,
+              onAnswer: Z,
+              readOnly: z
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ e(
+          qe,
+          {
+            open: L,
+            onOpenChange: T,
+            materials: R,
+            questionNumber: x + 1
+          }
+        ),
+        /* @__PURE__ */ e(
+          Yt,
+          {
+            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 Ml({
+  title: l,
+  description: a,
+  questions: i = [],
+  initialAnswers: c = [],
+  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: z,
+  style: d
+}) {
+  const [S, U] = F(c), u = j(() => {
+    const o = new Set(S.map((y) => y.questionUid));
+    return i.filter((y) => o.has(y.uid)).length;
+  }, [i, S]), M = !s || u === i.length;
+  function x(o, y) {
+    U((L) => {
+      const n = [...L.filter((g) => g.questionUid !== o), { questionUid: o, value: y }];
+      return r == null || r(n), n;
+    });
+  }
+  const A = j(() => {
+    const o = /* @__PURE__ */ new Map();
+    for (const y of S)
+      o.set(y.questionUid, y);
+    return o;
+  }, [S]);
+  return /* @__PURE__ */ e(
+    te,
+    {
+      isLoading: w,
+      error: N,
+      onRetry: C,
+      className: z,
+      style: d,
+      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: z, style: d, 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(fe, { 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((o, y) => {
+          var T, n;
+          const L = A.get(o.uid);
+          return /* @__PURE__ */ e(E, { className: "mb-2", children: /* @__PURE__ */ t(_, { className: "pt-6", children: [
+            /* @__PURE__ */ t("p", { className: "font-medium text-foreground mb-2", children: [
+              y + 1,
+              ". ",
+              o.content,
+              o.required && /* @__PURE__ */ e("span", { className: "text-destructive ml-0.5", children: "*" })
+            ] }),
+            o.type === "likert" && /* @__PURE__ */ e(
+              Zt,
+              {
+                value: L ? Number(L.value) : null,
+                onChange: (g) => x(o.uid, g),
+                points: o.scalePoints,
+                lowLabel: (T = o.scaleLabels) == null ? void 0 : T.low,
+                highLabel: (n = o.scaleLabels) == null ? void 0 : n.high,
+                readOnly: h
+              }
+            ),
+            o.type === "rating" && /* @__PURE__ */ e(
+              Jt,
+              {
+                value: L ? Number(L.value) : 0,
+                onChange: (g) => x(o.uid, g),
+                readOnly: h
+              }
+            ),
+            o.type === "open_text" && /* @__PURE__ */ e(
+              ue,
+              {
+                placeholder: "Type your response...",
+                value: (L == null ? void 0 : L.value) ?? "",
+                onChange: (g) => x(o.uid, g),
+                readOnly: h,
+                className: "min-h-24",
+                variant: "minimal"
+              }
+            ),
+            o.type === "choice" && o.answers && /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: o.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-${o.uid}`,
+                  value: g.uid,
+                  checked: (L == null ? void 0 : L.value) === g.uid,
+                  onChange: () => x(o.uid, g.uid),
+                  disabled: h
+                }
+              ),
+              /* @__PURE__ */ e("span", { children: g.content })
+            ] }, g.uid)) }),
+            o.type === "multiple_choice" && o.answers && /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: o.answers.map((g) => {
+              const R = S.filter((P) => P.questionUid === o.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 Z = S.filter((H) => H.questionUid === o.uid);
+                      let V;
+                      P.target.checked ? V = [...Z, { questionUid: o.uid, value: g.uid }] : V = Z.filter((H) => String(H.value) !== g.uid), U((H) => [
+                        ...H.filter((K) => K.questionUid !== o.uid),
+                        ...V
+                      ]), r == null || r([
+                        ...S.filter((H) => H.questionUid !== o.uid),
+                        ...V
+                      ]);
+                    }
+                  }
+                ),
+                /* @__PURE__ */ e("span", { children: g.content })
+              ] }, g.uid);
+            }) })
+          ] }) }, o.uid);
+        }),
+        /* @__PURE__ */ e(G, { 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(S),
+              disabled: !M || b || h,
+              children: b ? "Submitting..." : v
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+function Il({
+  title: l,
+  blocks: a,
+  isCompleted: i = !1,
+  onMarkComplete: c,
+  onNextLesson: p,
+  nextLessonTitle: r,
+  estimatedDuration: m,
+  showDuration: s = !0,
+  readOnly: v = !1,
+  isLoading: b,
+  error: h,
+  onRetry: w,
+  className: N,
+  style: C
+}) {
+  const [z, d] = F(!1), S = i || z;
+  function U() {
+    d(!0), c == null || c();
+  }
+  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(G, { className: "mb-3" }),
+        /* @__PURE__ */ e("div", { className: "flex flex-col gap-3", children: a != null && a.length ? a.map((u, M) => /* @__PURE__ */ e(
+          Kt,
+          {
+            block: u,
+            readOnly: v
+          },
+          M
+        )) : /* @__PURE__ */ e(
+          $,
+          {
+            title: "No content yet",
+            description: "This lesson doesn't have any content blocks."
+          }
+        ) }),
+        /* @__PURE__ */ e(E, { className: "mt-4 sticky bottom-0 z-10", children: /* @__PURE__ */ 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: U,
+              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 Fl({
+  announcements: l,
+  onMarkRead: a,
+  onSelect: i,
+  showAvatars: c = !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: z,
+  style: d
+}) {
+  const [S, U] = F(/* @__PURE__ */ new Set()), u = j(() => {
+    const x = l.filter((o) => o.isPinned), A = l.filter((o) => !o.isPinned);
+    return [...x, ...A];
+  }, [l]);
+  function M(x) {
+    U((o) => {
+      const y = new Set(o);
+      return y.has(x) ? y.delete(x) : y.add(x), y;
+    });
+    const A = l.find((o) => o.uid === x);
+    A && !A.isRead && (a == null || a(x));
+  }
+  return s ? /* @__PURE__ */ e("div", { className: k("space-y-4", z), style: d, 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", z), style: d, 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: z, style: d, children: /* @__PURE__ */ e($, { title: r }) }) : /* @__PURE__ */ t("div", { className: k("flex flex-col gap-2", z), style: d, children: [
+    (C && h ? u.slice((w - 1) * h, w * h) : u).map((x) => {
+      const A = S.has(x.uid);
+      return /* @__PURE__ */ e(
+        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(_, { className: "py-4", children: /* @__PURE__ */ t("div", { className: "flex gap-1.5 items-start", children: [
+            c && /* @__PURE__ */ e(
+              he,
+              {
+                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,
+                " · ",
+                Ie(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: (o) => {
+                    o.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 Pl({
+  title: l,
+  rootPost: a,
+  replies: i,
+  currentUser: c,
+  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: z,
+  style: d
+}) {
+  const [S, U] = F(null), [u, M] = F(""), x = j(() => {
+    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", z), style: d, 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", z), style: d, 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 o(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(Rt, { size: 14 }),
+              "Reply"
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ e(re, { children: "Reply" })
+      ] }),
+      m && !h && c.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(
+        Xt,
+        {
+          author: y.author,
+          content: y.content,
+          createdAt: y.createdAt,
+          updatedAt: y.updatedAt,
+          actions: g,
+          highlight: y.isAnswer ? "answer" : "none",
+          indentLevel: n,
+          className: "mb-2"
+        }
+      ),
+      S === y.uid && /* @__PURE__ */ e(
+        E,
+        {
+          className: "mb-2",
+          style: { marginLeft: `${(n + 1) * 16}px` },
+          children: /* @__PURE__ */ t(_, { className: "py-4", children: [
+            /* @__PURE__ */ e(
+              ue,
+              {
+                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) => o(R, L + 1))
+    ] }, y.uid);
+  }
+  return /* @__PURE__ */ t("div", { className: z, style: d, 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(G, { className: "mb-2" }),
+    o(a, 0)
+  ] });
+}
+function El({
+  title: l,
+  instructions: a,
+  dueDate: i,
+  maxScore: c,
+  status: p,
+  submissionTypes: r,
+  existingSubmission: m,
+  fileConstraints: s,
+  onSubmit: v,
+  onSaveDraft: b,
+  grade: h,
+  isSubmitting: w = !1,
+  readOnly: N = !1,
+  isLoading: C,
+  error: z,
+  onRetry: d,
+  className: S,
+  style: U
+}) {
+  const [u, M] = F((m == null ? void 0 : m.textContent) ?? ""), [x, A] = F((m == null ? void 0 : m.files) ?? []), [o, y] = F((m == null ? void 0 : m.url) ?? ""), [L, T] = F(r[0]);
+  if (C)
+    return /* @__PURE__ */ t("div", { className: k("space-y-4", S), 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 (z)
+    return /* @__PURE__ */ e("div", { className: k("py-12", S), style: U, children: /* @__PURE__ */ e(
+      $,
+      {
+        icon: /* @__PURE__ */ e(q, { className: "size-10 text-destructive" }),
+        title: "Something went wrong",
+        description: z,
+        action: d ? /* @__PURE__ */ e(D, { variant: "outline", onClick: d, 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") ? o : void 0
+    };
+  }
+  return /* @__PURE__ */ t("div", { className: S, 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" }),
+        c != null && /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
+          c,
+          " points"
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e(E, { className: "mb-3", children: /* @__PURE__ */ t(_, { 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,
+        c != null ? ` / ${c}` : ""
+      ] }),
+      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(
+          ue,
+          {
+            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(
+          He,
+          {
+            files: x,
+            onFilesAdded: (R) => A((P) => [...P, ...R]),
+            onFileRemove: (R) => A((P) => P.filter((Z, 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: o,
+            onChange: (R) => y(R.target.value)
+          }
+        ) })
+      ] }) : /* @__PURE__ */ t(O, { children: [
+        r.includes("text") && /* @__PURE__ */ e(
+          ue,
+          {
+            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(
+          He,
+          {
+            files: x,
+            onFilesAdded: (R) => A((P) => [...P, ...R]),
+            onFileRemove: (R) => A((P) => P.filter((Z, 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: o,
+            onChange: (R) => y(R.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(G, { 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(Dt, { size: 16 }),
+              "Save Draft"
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(
+          D,
+          {
+            onClick: () => v(g()),
+            disabled: w,
+            children: [
+              /* @__PURE__ */ e(Ye, { size: 16 }),
+              w ? "Submitting..." : "Submit"
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function pe({
+  label: l,
+  field: a,
+  sortField: i,
+  sortDir: c,
+  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 && (c === "asc" ? /* @__PURE__ */ e(Tt, { size: 14 }) : /* @__PURE__ */ e(Mt, { size: 14 }))
+      ] })
+    }
+  );
+}
+function _l({
+  items: l,
+  categories: a,
+  overallGrade: i,
+  showWeights: c = !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: z,
+  style: d
+}) {
+  const [S, U] = F("dueDate"), [u, M] = F("asc");
+  function x(L) {
+    S === L ? M((T) => T === "asc" ? "desc" : "asc") : (U(L), M("asc"));
+  }
+  const A = j(() => {
+    const L = [...l];
+    return L.sort((T, n) => {
+      let g = 0;
+      switch (S) {
+        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, S, u]), o = j(() => {
+    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 = c ? 5 : 4;
+  return s ? /* @__PURE__ */ t("div", { className: k("space-y-4", z), style: d, 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", z), style: d, 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: z, style: d, children: [
+    i && /* @__PURE__ */ e(E, { className: "mb-3", children: /* @__PURE__ */ e(_, { className: "pt-6", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ e(
+        qt,
+        {
+          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(E, { children: /* @__PURE__ */ t(rt, { children: [
+      /* @__PURE__ */ e(ct, { children: /* @__PURE__ */ t(de, { children: [
+        /* @__PURE__ */ e(
+          pe,
+          {
+            label: "Assignment",
+            field: "name",
+            sortField: S,
+            sortDir: u,
+            onSort: x
+          }
+        ),
+        /* @__PURE__ */ e(
+          pe,
+          {
+            label: "Status",
+            field: "status",
+            sortField: S,
+            sortDir: u,
+            onSort: x
+          }
+        ),
+        /* @__PURE__ */ e(
+          pe,
+          {
+            label: "Due Date",
+            field: "dueDate",
+            sortField: S,
+            sortDir: u,
+            onSort: x
+          }
+        ),
+        /* @__PURE__ */ e(
+          pe,
+          {
+            label: "Score",
+            field: "score",
+            sortField: S,
+            sortDir: u,
+            onSort: x,
+            textAlign: "right"
+          }
+        ),
+        c && /* @__PURE__ */ e(Ne, { className: "text-right text-muted-foreground", children: "Weight" })
+      ] }) }),
+      /* @__PURE__ */ e(dt, { children: o.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: "—" }) }),
+                c && /* @__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 il = [
+  "var(--palette-0)",
+  "var(--palette-1)",
+  "var(--palette-2)",
+  "var(--palette-3)"
+], Ce = il.length;
+function rl(l) {
+  return `palette${(l % Ce + Ce) % Ce}`;
+}
+function Bl({
+  overallProgress: l,
+  totalTimeSpent: a,
+  modules: i,
+  recentActivity: c,
+  streak: p,
+  achievements: r,
+  recentActivityLimit: m = 5,
+  onModuleClick: s,
+  isLoading: v,
+  error: b,
+  onRetry: h,
+  className: w,
+  style: N
+}) {
+  const C = j(
+    () => i.filter((d) => d.completedItems === d.totalItems).length,
+    [i]
+  ), z = j(
+    () => (c == null ? void 0 : c.map((d) => ({
+      uid: d.uid,
+      type: d.type,
+      title: d.description,
+      timestamp: d.timestamp
+    }))) ?? [],
+    [c]
+  );
+  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(E, { children: /* @__PURE__ */ 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(E, { children: /* @__PURE__ */ e(_, { className: "p-4 flex items-center", children: /* @__PURE__ */ e(
+        el,
+        {
+          currentStreak: p.currentDays,
+          longestStreak: p.longestDays,
+          showLongest: !0
+        }
+      ) }) }),
+      /* @__PURE__ */ e(
+        Le,
+        {
+          icon: /* @__PURE__ */ e(oe, { size: 24 }),
+          label: "Modules",
+          description: "Course progress",
+          value: `${C} / ${i.length}`,
+          subtitle: "completed"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(G, { 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((d, S) => {
+      const U = d.totalItems > 0 ? d.completedItems / d.totalItems * 100 : 0;
+      return /* @__PURE__ */ e(
+        E,
+        {
+          className: k(
+            "transition-colors",
+            s && "cursor-pointer hover:border-primary"
+          ),
+          onClick: () => s == null ? void 0 : s(d.uid),
+          children: /* @__PURE__ */ t(_, { 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: d.name }),
+              /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: [
+                d.completedItems,
+                " / ",
+                d.totalItems
+              ] })
+            ] }),
+            /* @__PURE__ */ e(fe, { value: U, size: "sm", variant: U >= 100 ? "success" : rl(S) })
+          ] })
+        },
+        d.uid
+      );
+    }) }),
+    c && c.length > 0 && /* @__PURE__ */ t(O, { children: [
+      /* @__PURE__ */ e(G, { 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(
+        tl,
+        {
+          events: z,
+          limit: m
+        }
+      ) })
+    ] }),
+    r && r.length > 0 && /* @__PURE__ */ t(O, { children: [
+      /* @__PURE__ */ e(G, { 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((d) => /* @__PURE__ */ e(
+        mt,
+        {
+          title: d.name,
+          description: d.description,
+          icon: d.iconUrl ? /* @__PURE__ */ e(
+            "img",
+            {
+              src: d.iconUrl,
+              alt: d.name,
+              className: "w-12 h-12"
+            }
+          ) : void 0,
+          earnedDate: d.earnedAt
+        },
+        d.uid
+      )) })
+    ] })
+  ] });
+}
+const cl = {
+  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"
+  }
+}, dl = [
+  { 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)" }
+], ol = {
+  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" }) })
+  }
+}, ml = {
+  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
+  }
+}, ul = {
+  classic: "text-warning",
+  modern: "text-primary",
+  elegant: "text-foreground/60",
+  academic: "text-info",
+  minimal: "text-muted-foreground",
+  bold: "text-primary"
+}, hl = {
+  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"
+}, fl = {
+  classic: "text-warning",
+  modern: "text-primary",
+  elegant: "text-foreground/80",
+  academic: "text-info",
+  minimal: "text-foreground",
+  bold: "text-primary"
+}, pl = /* @__PURE__ */ new Set([
+  "classic",
+  "elegant",
+  "academic"
+]), gl = 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" }
+}), xl = 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 Nl({ variant: l }) {
+  const a = cl[l];
+  return a ? /* @__PURE__ */ e(O, { children: dl.map(({ key: i, pos: c, transform: p }) => {
+    var r;
+    return /* @__PURE__ */ t(
+      "svg",
+      {
+        className: k("absolute pointer-events-none", c, 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 = ol[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: c,
+  organizationLogo: p,
+  signatory: r,
+  certificateId: m,
+  variant: s = "classic",
+  showActions: v = !0,
+  onPrint: b,
+  onDownload: h,
+  isLoading: w,
+  error: N,
+  onRetry: C,
+  className: z,
+  style: d
+}) {
+  const S = j(() => {
+    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 = ml[s];
+  return /* @__PURE__ */ e(
+    te,
+    {
+      isLoading: w,
+      error: N,
+      onRetry: C,
+      className: z,
+      style: d,
+      skeleton: /* @__PURE__ */ e(f, { className: "h-80 w-full rounded-lg border" }),
+      children: /* @__PURE__ */ t("div", { className: z, style: d, children: [
+        /* @__PURE__ */ e("div", { className: gl({ variant: s }), children: /* @__PURE__ */ t("div", { className: xl({ variant: s }), children: [
+          /* @__PURE__ */ e(Nl, { 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: c,
+                className: "h-20 mb-4 mx-auto block"
+              }
+            ) : /* @__PURE__ */ e(
+              Se,
+              {
+                size: 64,
+                className: k("mx-auto mb-6", ul[s])
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: k("mb-2", hl[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",
+                  pl.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",
+                  fl[s]
+                ),
+                children: a
+              }
+            ),
+            /* @__PURE__ */ t("p", { className: "text-base text-foreground/60 mb-6", children: [
+              "Issued by ",
+              c,
+              " on ",
+              S
+            ] }),
+            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(Ft, { size: 16 }),
+            " Download"
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+function Ql({
+  criteria: l,
+  selectedLevels: a,
+  totalScore: i,
+  maxScore: c,
+  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 && c !== 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 >= c * 0.7 ? "success" : "destructive", children: [
+        i,
+        " / ",
+        c,
+        " pts"
+      ] })
+    ] }),
+    !h && /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-foreground", children: "Grading Rubric" }),
+    /* @__PURE__ */ e(E, { children: /* @__PURE__ */ 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 z = 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((d) => {
+                const S = z === d.uid;
+                return /* @__PURE__ */ t(
+                  le,
+                  {
+                    className: k(
+                      "align-top text-center",
+                      S && "bg-primary/10 ring-2 ring-primary/30 ring-inset rounded-sm"
+                    ),
+                    children: [
+                      /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: d.description }),
+                      S && /* @__PURE__ */ e("div", { className: "mt-1.5 flex justify-center", children: /* @__PURE__ */ e(me, { className: "size-4 text-primary" }) })
+                    ]
+                  },
+                  d.uid
+                );
+              })
+            ]
+          },
+          N.uid
+        );
+      }) })
+    ] }) }) }) }),
+    p && /* @__PURE__ */ t(O, { children: [
+      /* @__PURE__ */ e(G, {}),
+      /* @__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 $l({
+  title: l,
+  requirements: a,
+  onRequirementClick: i,
+  isLoading: c,
+  error: p,
+  onRetry: r,
+  className: m,
+  style: s
+}) {
+  const v = j(
+    () => a.filter((h) => h.completed).length,
+    [a]
+  ), b = a.length > 0 ? Math.round(v / a.length * 100) : 0;
+  return c ? /* @__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(fe, { 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(me, { className: "size-5 text-success shrink-0 mt-0.5" }) : /* @__PURE__ */ e(Pt, { 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 vl = {
+  newest: "Newest",
+  oldest: "Oldest",
+  most_replies: "Most Replies",
+  most_liked: "Most Liked"
+};
+function Vl({
+  title: l,
+  topics: a,
+  onTopicClick: i,
+  onCreateTopic: c,
+  sortOrder: p = "newest",
+  onSortChange: r,
+  searchQuery: m = "",
+  onSearchChange: s,
+  readOnly: v,
+  isLoading: b,
+  error: h,
+  onRetry: w,
+  pageSize: N,
+  currentPage: C = 1,
+  totalItems: z,
+  onPageChange: d,
+  className: S,
+  style: U
+}) {
+  const [u, M] = F(!1), [x, A] = F(""), [o, y] = F(""), [L, T] = F(m), [n, g] = F(p), R = s !== void 0 ? m : L, P = r !== void 0 ? p : n;
+  function Z(I) {
+    s ? s(I) : T(I);
+  }
+  function V() {
+    const I = [
+      "newest",
+      "oldest",
+      "most_replies",
+      "most_liked"
+    ], B = I.indexOf(P), Q = I[(B + 1) % I.length];
+    r ? r(Q) : g(Q);
+  }
+  function H() {
+    !x.trim() || ve(o) || (c == null || c(x.trim(), o), A(""), y(""), M(!1));
+  }
+  const K = j(() => [...a.filter((B) => {
+    var W;
+    if (!R) return !0;
+    const Q = R.toLowerCase();
+    return B.title.toLowerCase().includes(Q) || ((W = B.preview) == null ? void 0 : W.toLowerCase().includes(Q)) || B.author.displayName.toLowerCase().includes(Q);
+  })].sort((B, Q) => {
+    if (B.isPinned && !Q.isPinned) return -1;
+    if (!B.isPinned && Q.isPinned) return 1;
+    switch (P) {
+      case "oldest":
+        return new Date(B.createdAt).getTime() - new Date(Q.createdAt).getTime();
+      case "most_replies":
+        return Q.replyCount - B.replyCount;
+      case "most_liked":
+        return Q.likeCount - B.likeCount;
+      case "newest":
+      default:
+        return new Date(Q.createdAt).getTime() - new Date(B.createdAt).getTime();
+    }
+  }), [a, R, P]);
+  return b ? /* @__PURE__ */ t("div", { className: k("space-y-4", S), style: U, children: [
+    /* @__PURE__ */ e(f, { className: "h-9 w-full" }),
+    Array.from({ length: 4 }).map((I, B) => /* @__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" })
+      ] })
+    ] }, B))
+  ] }) : h ? /* @__PURE__ */ e("div", { className: k("py-12", S), 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", S), 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 && c && /* @__PURE__ */ t(
+        D,
+        {
+          size: "sm",
+          onClick: () => M(!u),
+          children: [
+            /* @__PURE__ */ e(Et, { className: "size-4 mr-1.5" }),
+            "New Topic"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(G, {}),
+    u && /* @__PURE__ */ e(E, { children: /* @__PURE__ */ t(_, { className: "pt-4 space-y-3", children: [
+      /* @__PURE__ */ e(
+        Ae,
+        {
+          placeholder: "Topic title",
+          value: x,
+          onChange: (I) => A(I.target.value)
+        }
+      ),
+      /* @__PURE__ */ e(
+        ue,
+        {
+          placeholder: "What would you like to discuss?",
+          value: o,
+          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: H,
+            disabled: !x.trim() || ve(o),
+            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: Z,
+          placeholder: "Search topics..."
+        }
+      ) }),
+      /* @__PURE__ */ t(D, { variant: "outline", size: "sm", onClick: V, children: [
+        /* @__PURE__ */ e(_t, { className: "size-3.5 mr-1.5" }),
+        vl[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: (d && N ? K.slice((C - 1) * N, C * N) : K).map((I) => /* @__PURE__ */ e(
+      bl,
+      {
+        topic: I,
+        onClick: i
+      },
+      I.uid
+    )) }),
+    d && N && K.length > 0 && /* @__PURE__ */ e(
+      we,
+      {
+        currentPage: C,
+        totalPages: Math.ceil((z ?? K.length) / N),
+        onPageChange: d,
+        className: "mt-4"
+      }
+    )
+  ] });
+}
+const bl = Lt(function({
+  topic: a,
+  onClick: i
+}) {
+  const c = Y(() => i(a.uid), [i, a.uid]);
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      className: "w-full text-left",
+      onClick: c,
+      children: /* @__PURE__ */ e(
+        E,
+        {
+          className: k(
+            "transition-colors hover:bg-muted/30",
+            a.isPinned && "border-l-2 border-l-warning"
+          ),
+          children: /* @__PURE__ */ e(_, { className: "py-3 px-4", children: /* @__PURE__ */ t("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ e(
+              he,
+              {
+                displayName: a.author.displayName,
+                avatarUrl: a.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: a.title }),
+                a.isPinned && /* @__PURE__ */ e(Ze, { className: "size-3 text-warning shrink-0" }),
+                a.isAnswered && /* @__PURE__ */ t(X, { variant: "success", className: "text-xs shrink-0", children: [
+                  /* @__PURE__ */ e(me, { className: "size-3 mr-0.5" }),
+                  "Answered"
+                ] })
+              ] }),
+              a.preview && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground line-clamp-1", children: a.preview }),
+              /* @__PURE__ */ t("div", { className: "flex items-center gap-3 mt-1.5 text-xs text-muted-foreground", children: [
+                /* @__PURE__ */ e("span", { children: a.author.displayName }),
+                /* @__PURE__ */ e("span", { children: Ie(a.createdAt) }),
+                /* @__PURE__ */ t(X, { variant: "muted", className: "gap-0.5 text-xs px-1.5 py-0", children: [
+                  /* @__PURE__ */ e(Te, { className: "size-3" }),
+                  a.replyCount
+                ] }),
+                /* @__PURE__ */ t(X, { variant: "muted", className: "gap-0.5 text-xs px-1.5 py-0", children: [
+                  /* @__PURE__ */ e(Je, { className: "size-3" }),
+                  a.likeCount
+                ] })
+              ] })
+            ] })
+          ] }) })
+        }
+      )
+    }
+  );
+});
+function Gl({
+  course: l,
+  prerequisites: a,
+  onEnroll: i,
+  onCancel: c,
+  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"), z = j(
+    () => 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 d = z.findIndex((o) => o.key === N), S = !w || a.every((o) => o.isMet);
+  function U() {
+    const o = d + 1;
+    o < z.length && C(z[o].key);
+  }
+  function u() {
+    const o = d - 1;
+    o >= 0 && C(z[o].key);
+  }
+  function M() {
+    return /* @__PURE__ */ e(E, { children: /* @__PURE__ */ t(_, { 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(oe, { 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(
+            he,
+            {
+              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(G, { 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((o, y) => /* @__PURE__ */ e("li", { className: "text-sm text-muted-foreground", children: o }, y)) })
+      ] }),
+      /* @__PURE__ */ e(G, { className: "my-4" }),
+      /* @__PURE__ */ t("div", { className: "flex justify-end gap-2", children: [
+        c && /* @__PURE__ */ e(D, { variant: "outline", onClick: c, children: "Cancel" }),
+        /* @__PURE__ */ e(D, { onClick: U, children: "Continue" })
+      ] })
+    ] }) });
+  }
+  function x() {
+    return /* @__PURE__ */ e(E, { children: /* @__PURE__ */ t(_, { 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((o) => /* @__PURE__ */ t("li", { className: "flex items-start gap-2", children: [
+        o.isMet ? /* @__PURE__ */ e(me, { 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: o.label }),
+          o.description && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground mt-0.5", children: o.description })
+        ] })
+      ] }, o.uid)) }),
+      /* @__PURE__ */ e(G, { 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: !S, children: "Continue" })
+      ] })
+    ] }) });
+  }
+  function A() {
+    return /* @__PURE__ */ e(E, { children: /* @__PURE__ */ t(_, { 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(oe, { 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(
+            he,
+            {
+              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: S ? /* @__PURE__ */ t(X, { variant: "success", children: [
+        /* @__PURE__ */ e(me, { 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(G, { 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(Bt, { className: "size-4 mr-1 animate-spin" }),
+              p
+            ]
+          }
+        )
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ t("div", { className: b, style: h, children: [
+    /* @__PURE__ */ e(
+      ll,
+      {
+        steps: z.map((o) => ({ label: o.label })),
+        currentStep: d,
+        className: "mb-6"
+      }
+    ),
+    N === "details" && M(),
+    N === "prerequisites" && x(),
+    N === "confirmation" && A()
+  ] });
+}
+function Hl({
+  courses: l = [],
+  categories: a,
+  onCourseClick: i,
+  onEnroll: c,
+  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: z,
+  onPageChange: d,
+  className: S,
+  style: U
+}) {
+  const [u, M] = F(""), [x, A] = F(null), [o, y] = F(p), L = j(() => {
+    let n = l;
+    if (x && (n = n.filter((g) => g.categoryUid === x)), u.trim()) {
+      const g = u.toLowerCase();
+      n = n.filter(
+        (R) => {
+          var P, Z;
+          return R.title.toLowerCase().includes(g) || ((P = R.description) == null ? void 0 : P.toLowerCase().includes(g)) || ((Z = R.instructor) == null ? void 0 : Z.displayName.toLowerCase().includes(g));
+        }
+      );
+    }
+    return n;
+  }, [l, x, u]);
+  if (b)
+    return /* @__PURE__ */ t("div", { className: k("space-y-4", S), 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", S), 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 = d && N ? L.slice((C - 1) * N, C * N) : L;
+  return /* @__PURE__ */ t("div", { className: S, 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(o === "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(o === "list" && "text-primary"),
+              onClick: () => y("list"),
+              children: /* @__PURE__ */ e(Qt, { 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."
+      }
+    ) : o === "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: c && !v ? () => c(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: c && !v ? () => c(n) : void 0,
+        className: k(v && "opacity-70")
+      },
+      n.uid
+    )) }),
+    d && N && L.length > 0 && /* @__PURE__ */ e(
+      we,
+      {
+        currentPage: C,
+        totalPages: Math.ceil((z ?? L.length) / N),
+        onPageChange: d,
+        className: "mt-4"
+      }
+    )
+  ] });
+}
+function Wl({
+  student: l,
+  enrolledCourses: a = [],
+  achievements: i = [],
+  certificates: c = [],
+  stats: p,
+  showCourses: r = !0,
+  showAchievements: m = !0,
+  onCourseClick: s,
+  onCertificateClick: v,
+  readOnly: b = !1,
+  isLoading: h,
+  error: w,
+  onRetry: N,
+  className: C,
+  style: z
+}) {
+  const d = a.filter((u) => u.progress >= 100), S = [
+    {
+      label: "Enrolled",
+      value: String(a.length),
+      icon: /* @__PURE__ */ e(oe, { size: 24 })
+    },
+    {
+      label: "Completed",
+      value: String(d.length),
+      icon: /* @__PURE__ */ e(ze, { size: 24 })
+    }
+  ], U = p ?? S;
+  return /* @__PURE__ */ e(
+    te,
+    {
+      isLoading: h,
+      error: w,
+      onRetry: N,
+      className: C,
+      style: z,
+      skeleton: /* @__PURE__ */ t(O, { children: [
+        /* @__PURE__ */ e(E, { children: /* @__PURE__ */ t(_, { 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: z, children: [
+        /* @__PURE__ */ e(E, { children: /* @__PURE__ */ t(_, { className: "p-4 flex items-start gap-4", children: [
+          /* @__PURE__ */ e(
+            he,
+            {
+              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($t, { 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(G, {}),
+          /* @__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(E, { children: /* @__PURE__ */ 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: Ie(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(oe, {}),
+              title: "No courses yet",
+              description: "This student has not enrolled in any courses."
+            }
+          )
+        ] }),
+        m && /* @__PURE__ */ t(O, { children: [
+          /* @__PURE__ */ e(G, {}),
+          /* @__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(G, {}),
+        /* @__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: c.length })
+        ] }),
+        c.length > 0 ? /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(_, { className: "p-0 divide-y divide-border", children: c.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 {
+  Fl as A,
+  jl as C,
+  Pl as D,
+  Gl as E,
+  Ll as F,
+  _l as G,
+  Al as L,
+  Dl as P,
+  zl as Q,
+  $l as R,
+  te as S,
+  Ul as a,
+  El as b,
+  Hl as c,
+  Rl as d,
+  Tl as e,
+  Vl as f,
+  Il as g,
+  Bl as h,
+  Ql as i,
+  Wl as j,
+  Ml as k,
+  pt as l,
+  al as m
+};