@hydralms/components 0.1.2 → 0.2.0

package/dist/ForumBoard-CHXU3mjC.js

@@ -0,0 +1,2207 @@
+import { jsxs as t, jsx as e, Fragment as W } from "react/jsx-runtime";
+import { useState as A, useMemo as j, useRef as We, useEffect as Ne, Fragment as Ye } from "react";
+import { ChevronLeft as Ze, ChevronRight as ue, Send as Se, CheckCircle as he, Clock as ze, Check as be, MessageSquare as fe, Heart as Le, Reply as Ke, Save as Xe, ArrowUp as Je, ArrowDown as qe, BookOpen as et, Award as tt, Printer as at, Download as nt, CheckCircle2 as pe, Circle as rt, Plus as st, ArrowUpDown as lt, Pin as it } from "lucide-react";
+import { t as Ae, C as B, z as ge, ag as Ue, w as Q, aj as ae, B as P, ah as De, c as U, aL as ve, D as dt, a3 as ct, u as G, an as E, P as K, I as ot, aV as mt, aR as we, $ as ut, e as Fe, g as Te, F as ht, a9 as ft, ap as pt, ak as Z, a as Re, G as gt, aG as se, aI as le, aH as ie, ae as xt, ar as Ie, Y as Me, aB as Nt, aD as bt, aE as de, aC as ce, a0 as ye, a7 as oe, a4 as vt, at as Pe, az as Be, aA as Y, ay as ee, au as Qe, aw as V, af as wt, aq as ke, as as yt, d as kt, A as Ct, am as St, Z as zt, aK as Lt, aT as At } from "./tabs-Wf3h_Cx3.js";
+import { cva as je } from "class-variance-authority";
+function Kt({
+  questions: a,
+  initialAnswers: r = [],
+  onSubmit: i,
+  onAnswerChange: o,
+  timeElapsedSeconds: h,
+  timeLimitSeconds: s,
+  questionMaterials: c,
+  isSubmitting: n = !1,
+  readOnly: b = !1,
+  className: p,
+  style: m
+}) {
+  const [x, y] = A(0), [v, L] = A(r), [w, R] = A(/* @__PURE__ */ new Set()), [g, C] = A(!1), l = a[x], d = j(
+    () => l ? v.filter((u) => u.uid === l.uid) : [],
+    [v, l]
+  ), f = j(
+    () => (c == null ? void 0 : c.filter((u) => u.questionUid === (l == null ? void 0 : l.uid))) ?? [],
+    [c, l]
+  ), F = j(
+    () => a.map((u, N) => ({
+      uid: u.uid,
+      sequence: N,
+      isFlagged: w.has(u.uid),
+      isAnswered: v.some((k) => k.uid === u.uid),
+      isSkipped: !1
+    })),
+    [a, v, w]
+  );
+  function T(u) {
+    if (!l) return;
+    const N = l.uid, k = u.map((S) => ({
+      uid: N,
+      answerUid: S.uid,
+      content: S.content
+    }));
+    L((S) => {
+      const X = [...S.filter((J) => J.uid !== N), ...k];
+      return o == null || o(X), X;
+    });
+  }
+  function z(u) {
+    const N = a.findIndex((k) => k.uid === u);
+    N !== -1 && y(N);
+  }
+  function D(u) {
+    R((N) => {
+      const k = new Set(N);
+      return k.has(u) ? k.delete(u) : k.add(u), k;
+    });
+  }
+  function I() {
+    i(v);
+  }
+  return /* @__PURE__ */ t("div", { className: U(p), style: m, children: [
+    /* @__PURE__ */ e(
+      Ae,
+      {
+        currentQuestionIndex: x,
+        totalQuestions: a.length,
+        hasNext: x < a.length - 1,
+        hasPrevious: x > 0,
+        onNext: () => y((u) => Math.min(u + 1, a.length - 1)),
+        onPrevious: () => y((u) => Math.max(u - 1, 0)),
+        onSubmit: I,
+        timeElapsedSeconds: h,
+        timeLimitSeconds: s,
+        questions: F,
+        onNavigateToQuestion: z,
+        currentQuestionUid: l == null ? void 0 : l.uid,
+        isSubmitting: n,
+        readOnly: b
+      }
+    ),
+    l && /* @__PURE__ */ t(B, { className: "mt-3", children: [
+      /* @__PURE__ */ e(ge, { className: "pb-0", children: /* @__PURE__ */ e(
+        Ue,
+        {
+          questionNumber: x + 1,
+          totalQuestions: a.length,
+          isFlagged: w.has(l.uid),
+          onToggleFlag: () => D(l.uid),
+          hasMaterials: f.length > 0,
+          onOpenMaterials: () => C(!0),
+          readOnly: b
+        }
+      ) }),
+      /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(
+        ae,
+        {
+          question: l,
+          sessionAnswers: d,
+          onAnswer: T,
+          readOnly: b
+        }
+      ) })
+    ] }),
+    !b && /* @__PURE__ */ t("div", { className: "flex items-center justify-between gap-3 mt-3", children: [
+      /* @__PURE__ */ t(
+        P,
+        {
+          variant: "outline",
+          disabled: x <= 0,
+          onClick: () => y((u) => Math.max(u - 1, 0)),
+          children: [
+            /* @__PURE__ */ e(Ze, { className: "size-4 mr-1" }),
+            "Previous"
+          ]
+        }
+      ),
+      x < a.length - 1 ? /* @__PURE__ */ t(
+        P,
+        {
+          onClick: () => y((u) => Math.min(u + 1, a.length - 1)),
+          children: [
+            "Next",
+            /* @__PURE__ */ e(ue, { className: "size-4 ml-1" })
+          ]
+        }
+      ) : /* @__PURE__ */ t(P, { onClick: I, disabled: n, children: [
+        n ? "Submitting..." : "Submit Quiz",
+        !n && /* @__PURE__ */ e(Se, { className: "size-4 ml-1" })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(
+      De,
+      {
+        open: g,
+        onOpenChange: C,
+        materials: f,
+        questionNumber: x + 1
+      }
+    )
+  ] });
+}
+function Xt({
+  video: a,
+  notes: r,
+  layout: i = "horizontal",
+  notesPanelWidth: o = "340px",
+  notesPanelHeight: h = "240px",
+  className: s,
+  style: c
+}) {
+  const n = i === "horizontal";
+  return r ? /* @__PURE__ */ t(
+    "div",
+    {
+      className: U(
+        "flex overflow-hidden gap-4",
+        n ? "flex-row" : "flex-col",
+        s
+      ),
+      style: c,
+      children: [
+        /* @__PURE__ */ e("div", { className: "flex-1 min-w-0 min-h-0", children: /* @__PURE__ */ e(ve, { ...a }) }),
+        /* @__PURE__ */ t(
+          B,
+          {
+            className: U(
+              "overflow-auto shrink-0 rounded-none border-0",
+              n ? "border-l border-border" : "border-t border-border w-full"
+            ),
+            style: {
+              width: n ? o : void 0,
+              height: n ? void 0 : h
+            },
+            children: [
+              /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(dt, { children: "Notes" }) }),
+              /* @__PURE__ */ e(Q, { children: typeof r == "string" ? /* @__PURE__ */ e("span", { className: "text-sm text-foreground", children: r }) : r })
+            ]
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ e("div", { className: s, style: c, children: /* @__PURE__ */ e(ve, { ...a }) });
+}
+function Jt({
+  cards: a,
+  title: r,
+  description: i,
+  shuffled: o = !1,
+  onComplete: h,
+  readOnly: s = !1,
+  className: c,
+  style: n
+}) {
+  const [b, p] = A(!1), m = {
+    totalCards: a.length,
+    wasShuffled: o
+  };
+  function x() {
+    p(!0), h == null || h(m);
+  }
+  function y() {
+    p(!1);
+  }
+  return b ? /* @__PURE__ */ e("div", { className: U("flex flex-col items-center", c), style: n, children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(Q, { className: "pt-6 text-center flex flex-col items-center gap-2", children: [
+    /* @__PURE__ */ e(he, { size: 48, className: "text-success" }),
+    /* @__PURE__ */ e("span", { className: "text-xl font-bold text-foreground", children: "Deck complete!" }),
+    r && /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: [
+      "You finished ",
+      /* @__PURE__ */ e("strong", { children: r })
+    ] }),
+    /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
+      m.totalCards,
+      " card",
+      m.totalCards !== 1 ? "s" : "",
+      " studied",
+      m.wasShuffled ? " (shuffled)" : ""
+    ] }),
+    /* @__PURE__ */ e(P, { className: "mt-2", onClick: y, children: "Study Again" })
+  ] }) }) }) : /* @__PURE__ */ e("div", { className: U("flex flex-col items-center", c), style: n, children: /* @__PURE__ */ e(
+    ct,
+    {
+      cards: a,
+      deckName: r,
+      deckDescription: i,
+      shuffled: o,
+      showProgress: !0,
+      onComplete: x,
+      readOnly: s
+    }
+  ) });
+}
+function Ut({
+  score: a
+}) {
+  const r = a.percentage !== void 0 ? a.percentage : a.total > 0 ? Math.round(a.correct / a.total * 100) : 0;
+  return /* @__PURE__ */ e(B, { className: "mb-3", children: /* @__PURE__ */ e(Q, { className: "pt-6", children: /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ t("div", { className: "flex items-baseline gap-2", children: [
+      /* @__PURE__ */ t("span", { className: "text-2xl font-bold leading-none text-foreground", children: [
+        r,
+        "%"
+      ] }),
+      /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
+        a.correct,
+        " of ",
+        a.total,
+        " correct"
+      ] })
+    ] }),
+    a.passed !== void 0 && /* @__PURE__ */ e(G, { variant: a.passed ? "success" : "destructive", children: a.passed ? "Passed" : "Failed" }),
+    a.passingScore !== void 0 && /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
+      "Passing score: ",
+      a.passingScore,
+      "%"
+    ] })
+  ] }) }) });
+}
+function me({
+  questions: a,
+  sessionAnswers: r,
+  showCorrectAnswers: i
+}) {
+  const o = j(() => {
+    const h = /* @__PURE__ */ new Map();
+    for (const s of r) {
+      const c = h.get(s.uid);
+      c ? c.push(s) : h.set(s.uid, [s]);
+    }
+    return h;
+  }, [r]);
+  return /* @__PURE__ */ e("div", { className: "flex flex-col gap-3", children: a.map((h, s) => /* @__PURE__ */ t(B, { 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 ",
+      s + 1
+    ] }) }),
+    /* @__PURE__ */ e(E, {}),
+    /* @__PURE__ */ e(Q, { className: "pt-4 pb-4", children: /* @__PURE__ */ e(
+      ae,
+      {
+        question: h,
+        sessionAnswers: o.get(h.uid) ?? [],
+        readOnly: !0,
+        showCorrectAnswers: i
+      }
+    ) })
+  ] }, h.uid)) });
+}
+function Dt(a, r, i, o) {
+  const h = new Map(a.map((n) => [n.uid, n])), s = new Set(i.flatMap((n) => n.questionUids)), c = a.filter((n) => !s.has(n.uid));
+  return /* @__PURE__ */ t("div", { className: "flex flex-col gap-4", children: [
+    i.map((n) => {
+      const b = n.questionUids.map((p) => h.get(p)).filter(Boolean);
+      return /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e("span", { className: "uppercase text-xs tracking-wide text-muted-foreground font-semibold", children: n.label }),
+        /* @__PURE__ */ e(E, { className: "mb-2" }),
+        /* @__PURE__ */ e(
+          me,
+          {
+            questions: b,
+            sessionAnswers: r,
+            showCorrectAnswers: o
+          }
+        )
+      ] }, n.label);
+    }),
+    c.length > 0 && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+      me,
+      {
+        questions: c,
+        sessionAnswers: r,
+        showCorrectAnswers: o
+      }
+    ) })
+  ] });
+}
+function qt({
+  questions: a,
+  sessionAnswers: r,
+  score: i,
+  questionGroups: o,
+  showCorrectAnswers: h = !0,
+  className: s,
+  style: c
+}) {
+  return /* @__PURE__ */ t("div", { className: U(s), style: c, children: [
+    i && /* @__PURE__ */ e(Ut, { score: i }),
+    o && o.length > 0 ? Dt(a, r, o, h) : /* @__PURE__ */ e(
+      me,
+      {
+        questions: a,
+        sessionAnswers: r,
+        showCorrectAnswers: h
+      }
+    )
+  ] });
+}
+function _e(a) {
+  const r = [];
+  for (const i of a)
+    !i.children || i.children.length === 0 ? r.push(i.uid) : r.push(..._e(i.children));
+  return r;
+}
+function ea({
+  items: a,
+  progress: r,
+  courseTitle: i,
+  activeItemUid: o,
+  onItemClick: h,
+  showOverallProgress: s = !0,
+  showDuration: c = !0,
+  showIcons: n = !0,
+  readOnly: b = !1,
+  className: p,
+  style: m
+}) {
+  const { completedCount: x, totalCount: y, percentage: v } = j(() => {
+    const L = _e(a), w = L.length, R = r ? L.filter(
+      (g) => r.some((C) => C.resourceUid === g && C.isCompleted)
+    ).length : 0;
+    return {
+      completedCount: R,
+      totalCount: w,
+      percentage: w > 0 ? Math.round(R / w * 100) : 0
+    };
+  }, [a, r]);
+  return /* @__PURE__ */ t("div", { className: U(p), style: m, children: [
+    (i || s) && /* @__PURE__ */ t("div", { className: "px-2 pt-2 pb-2", children: [
+      i && /* @__PURE__ */ e("p", { className: U("font-semibold text-sm text-foreground", s && "mb-1"), children: i }),
+      s && /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e(K, { value: v, size: "sm" }),
+        /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground mt-0.5 block", children: [
+          x,
+          " of ",
+          y,
+          " completed"
+        ] })
+      ] })
+    ] }),
+    (i || s) && /* @__PURE__ */ e(E, {}),
+    /* @__PURE__ */ e(
+      ot,
+      {
+        items: a,
+        progress: r,
+        activeItemUid: o,
+        onItemClick: h,
+        readOnly: b,
+        showDuration: c,
+        showIcons: n,
+        showProgress: !0
+      }
+    )
+  ] });
+}
+function ta({
+  questions: a,
+  instantFeedback: r = !0,
+  allowRetry: i = !0,
+  onComplete: o,
+  shuffled: h = !1,
+  readOnly: s = !1,
+  className: c,
+  style: n
+}) {
+  const b = j(
+    () => h ? mt(a) : a,
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [a, h]
+  ), [p, m] = A(0), [x, y] = A(/* @__PURE__ */ new Set()), [v, L] = A(/* @__PURE__ */ new Map()), [w, R] = A(/* @__PURE__ */ new Set()), [g, C] = A(null), [l, d] = A(!1), f = b[p], F = f ? x.has(f.uid) : !1;
+  function T() {
+    if (!f || !g) return;
+    const u = (v.get(f.uid) ?? 0) + 1;
+    L((S) => new Map(S).set(f.uid, u)), y((S) => new Set(S).add(f.uid));
+    const N = g.map((S) => ({
+      uid: f.uid,
+      answerUid: S.uid,
+      content: S.content
+    }));
+    we(f, N) === !0 && u === 1 && R((S) => new Set(S).add(f.uid));
+  }
+  function z() {
+    f && (y((u) => {
+      const N = new Set(u);
+      return N.delete(f.uid), N;
+    }), C(null));
+  }
+  function D() {
+    if (p < b.length - 1)
+      m((u) => u + 1), C(null);
+    else {
+      const u = {
+        totalQuestions: b.length,
+        correctOnFirstAttempt: w.size,
+        totalAttempts: Array.from(v.values()).reduce((N, k) => N + k, 0)
+      };
+      d(!0), o == null || o(u);
+    }
+  }
+  const I = j(() => {
+    if (!f || !g) return !1;
+    const u = g.map((N) => ({
+      uid: f.uid,
+      answerUid: N.uid,
+      content: N.content
+    }));
+    return we(f, u) === !0;
+  }, [f, g]);
+  if (l) {
+    const u = b.length > 0 ? Math.round(w.size / b.length * 100) : 0;
+    return /* @__PURE__ */ e(B, { className: c, style: n, children: /* @__PURE__ */ t(Q, { className: "pt-6 text-center", children: [
+      /* @__PURE__ */ e(he, { 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: [
+        w.size,
+        " of ",
+        b.length,
+        " correct on first attempt (",
+        u,
+        "%)"
+      ] }),
+      /* @__PURE__ */ e("div", { className: "flex justify-center", children: /* @__PURE__ */ e(
+        P,
+        {
+          variant: "outline",
+          onClick: () => {
+            m(0), y(/* @__PURE__ */ new Set()), L(/* @__PURE__ */ new Map()), R(/* @__PURE__ */ new Set()), C(null), d(!1);
+          },
+          children: "Practice Again"
+        }
+      ) })
+    ] }) });
+  }
+  return /* @__PURE__ */ t("div", { className: c, style: n, 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 ",
+        p + 1,
+        " of ",
+        b.length
+      ] }),
+      /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: [
+        w.size,
+        " correct on first try"
+      ] })
+    ] }),
+    /* @__PURE__ */ e(
+      K,
+      {
+        value: p + (F ? 1 : 0),
+        max: b.length,
+        size: "sm",
+        className: "mb-3"
+      }
+    ),
+    f && /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(Q, { className: "pt-6", children: [
+      /* @__PURE__ */ e(
+        ae,
+        {
+          question: f,
+          sessionAnswers: (g == null ? void 0 : g.map((u) => ({
+            uid: f.uid,
+            answerUid: u.uid,
+            content: u.content
+          }))) ?? [],
+          onAnswer: (u) => C(u),
+          readOnly: s || F,
+          showCorrectAnswers: F
+        }
+      ),
+      r && F && /* @__PURE__ */ e(
+        ut,
+        {
+          isCorrect: I,
+          explanation: f.explanation,
+          onRetry: i && !I ? z : void 0
+        }
+      ),
+      /* @__PURE__ */ t("div", { className: "flex justify-end gap-2 mt-2", children: [
+        !F && r && /* @__PURE__ */ e(
+          P,
+          {
+            onClick: T,
+            disabled: !g || g.length === 0 || s,
+            children: "Check Answer"
+          }
+        ),
+        (!r || F) && /* @__PURE__ */ e(
+          P,
+          {
+            onClick: D,
+            disabled: s,
+            children: p < b.length - 1 ? "Next Question" : "Finish"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+function aa({
+  questions: a,
+  initialAnswers: r = [],
+  onSubmit: i,
+  onAnswerChange: o,
+  timeLimitSeconds: h,
+  timeElapsedSeconds: s,
+  autoSubmitOnTimeout: c = !0,
+  timeWarningThreshold: n = 300,
+  allowBackNavigation: b = !0,
+  confirmBeforeSubmit: p = !0,
+  examTitle: m,
+  instructions: x,
+  questionMaterials: y,
+  isSubmitting: v = !1,
+  readOnly: L = !1,
+  className: w,
+  style: R
+}) {
+  const [g, C] = A(0), [l, d] = A(r), [f, F] = A(/* @__PURE__ */ new Set()), [T, z] = A(!1), [D, I] = A(!1), [u, N] = A(!1), k = We(!1), S = a[g], O = h - s, X = j(
+    () => S ? l.filter((M) => M.uid === S.uid) : [],
+    [l, S]
+  ), J = j(
+    () => (y == null ? void 0 : y.filter((M) => M.questionUid === (S == null ? void 0 : S.uid))) ?? [],
+    [y, S]
+  );
+  Ne(() => {
+    O <= n && O > 0 && I(!0);
+  }, [O, n]), Ne(() => {
+    c && O <= 0 && !k.current && (k.current = !0, re(!0));
+  }, [O, c]);
+  const ne = j(
+    () => a.map((M, $) => ({
+      uid: M.uid,
+      sequence: $,
+      isFlagged: f.has(M.uid),
+      isAnswered: l.some((_) => _.uid === M.uid),
+      isSkipped: !1
+    })),
+    [a, l, f]
+  ), Ee = j(
+    () => ne.filter((M) => M.isAnswered).length,
+    [ne]
+  );
+  function $e(M) {
+    if (!S) return;
+    const $ = S.uid, _ = M.map((H) => ({
+      uid: $,
+      answerUid: H.uid,
+      content: H.content
+    }));
+    d((H) => {
+      const xe = [...H.filter((Ge) => Ge.uid !== $), ..._];
+      return o == null || o(xe), xe;
+    });
+  }
+  function Oe(M) {
+    const $ = a.findIndex((_) => _.uid === M);
+    $ !== -1 && C($);
+  }
+  function He(M) {
+    F(($) => {
+      const _ = new Set($);
+      return _.has(M) ? _.delete(M) : _.add(M), _;
+    });
+  }
+  function Ve() {
+    p ? z(!0) : re(!1);
+  }
+  function re(M) {
+    const $ = new Set(l.map((H) => H.uid)), _ = {
+      timeElapsedSeconds: s,
+      wasAutoSubmitted: M,
+      answeredCount: a.filter((H) => $.has(H.uid)).length,
+      totalQuestions: a.length
+    };
+    i(l, _);
+  }
+  return /* @__PURE__ */ t("div", { className: U(w), style: R, children: [
+    m && /* @__PURE__ */ e("p", { className: "text-xl font-bold mb-2 text-foreground", children: m }),
+    D && O > 0 && O <= n && /* @__PURE__ */ e(Fe, { variant: "warning", className: "mb-2", children: /* @__PURE__ */ t(Te, { children: [
+      Math.ceil(O / 60),
+      " minute",
+      Math.ceil(O / 60) !== 1 ? "s" : "",
+      " remaining"
+    ] }) }),
+    /* @__PURE__ */ e(
+      Ae,
+      {
+        currentQuestionIndex: g,
+        totalQuestions: a.length,
+        hasNext: g < a.length - 1,
+        hasPrevious: b && g > 0,
+        onNext: () => C((M) => Math.min(M + 1, a.length - 1)),
+        onPrevious: () => b && C((M) => Math.max(M - 1, 0)),
+        onSubmit: Ve,
+        timeElapsedSeconds: s,
+        timeLimitSeconds: h,
+        questions: ne,
+        onNavigateToQuestion: Oe,
+        currentQuestionUid: S == null ? void 0 : S.uid,
+        isSubmitting: v,
+        readOnly: L
+      }
+    ),
+    x && g === 0 && /* @__PURE__ */ e(B, { className: "mt-3", children: /* @__PURE__ */ e(Q, { className: "pt-6", children: x }) }),
+    S && /* @__PURE__ */ t(B, { className: "mt-3", children: [
+      /* @__PURE__ */ e(ge, { className: "pb-0", children: /* @__PURE__ */ e(
+        Ue,
+        {
+          questionNumber: g + 1,
+          totalQuestions: a.length,
+          isFlagged: f.has(S.uid),
+          onToggleFlag: () => He(S.uid),
+          hasMaterials: J.length > 0,
+          onOpenMaterials: () => N(!0),
+          readOnly: L
+        }
+      ) }),
+      /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(
+        ae,
+        {
+          question: S,
+          sessionAnswers: X,
+          onAnswer: $e,
+          readOnly: L
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ e(
+      De,
+      {
+        open: u,
+        onOpenChange: N,
+        materials: J,
+        questionNumber: g + 1
+      }
+    ),
+    /* @__PURE__ */ e(
+      ht,
+      {
+        open: T,
+        title: "Submit Exam?",
+        message: `You have answered ${Ee} of ${a.length} questions. Once submitted, you cannot change your answers.`,
+        confirmLabel: "Submit Exam",
+        cancelLabel: "Continue Exam",
+        confirmColor: "primary",
+        onConfirm: () => {
+          z(!1), re(!1);
+        },
+        onCancel: () => z(!1),
+        isLoading: v
+      }
+    )
+  ] });
+}
+function na({
+  title: a,
+  description: r,
+  questions: i,
+  initialAnswers: o = [],
+  onSubmit: h,
+  onAnswerChange: s,
+  showProgress: c = !0,
+  requireAll: n = !1,
+  submitLabel: b = "Submit Survey",
+  isSubmitting: p = !1,
+  readOnly: m = !1,
+  className: x,
+  style: y
+}) {
+  const [v, L] = A(o), w = j(() => {
+    const l = new Set(v.map((d) => d.questionUid));
+    return i.filter((d) => l.has(d.uid)).length;
+  }, [i, v]), R = !n || w === i.length;
+  function g(l, d) {
+    L((f) => {
+      const T = [...f.filter((z) => z.questionUid !== l), { questionUid: l, value: d }];
+      return s == null || s(T), T;
+    });
+  }
+  function C(l) {
+    return v.find((d) => d.questionUid === l);
+  }
+  return /* @__PURE__ */ t("div", { className: x, style: y, children: [
+    /* @__PURE__ */ e("p", { className: "text-xl font-bold text-foreground mb-2", children: a }),
+    r && /* @__PURE__ */ e("div", { className: "mb-2 text-muted-foreground text-sm", children: typeof r == "string" ? /* @__PURE__ */ e("span", { children: r }) : r }),
+    c && /* @__PURE__ */ t("div", { className: "mb-3", children: [
+      /* @__PURE__ */ e(K, { value: w / i.length * 100 }),
+      /* @__PURE__ */ t("span", { className: "block text-xs text-muted-foreground mt-0.5", children: [
+        w,
+        " of ",
+        i.length,
+        " answered"
+      ] })
+    ] }),
+    i.map((l, d) => {
+      var F, T;
+      const f = C(l.uid);
+      return /* @__PURE__ */ e(B, { className: "mb-2", children: /* @__PURE__ */ t(Q, { className: "pt-6", children: [
+        /* @__PURE__ */ t("p", { className: "font-medium text-foreground mb-2", children: [
+          d + 1,
+          ". ",
+          l.content,
+          l.required && /* @__PURE__ */ e("span", { className: "text-destructive ml-0.5", children: "*" })
+        ] }),
+        l.type === "likert" && /* @__PURE__ */ e(
+          ft,
+          {
+            value: f ? Number(f.value) : null,
+            onChange: (z) => g(l.uid, z),
+            points: l.scalePoints,
+            lowLabel: (F = l.scaleLabels) == null ? void 0 : F.low,
+            highLabel: (T = l.scaleLabels) == null ? void 0 : T.high,
+            readOnly: m
+          }
+        ),
+        l.type === "rating" && /* @__PURE__ */ e(
+          pt,
+          {
+            value: f ? Number(f.value) : 0,
+            onChange: (z) => g(l.uid, z),
+            readOnly: m
+          }
+        ),
+        l.type === "open_text" && /* @__PURE__ */ e(
+          Z,
+          {
+            placeholder: "Type your response...",
+            value: (f == null ? void 0 : f.value) ?? "",
+            onChange: (z) => g(l.uid, z),
+            readOnly: m,
+            className: "min-h-24",
+            variant: "minimal"
+          }
+        ),
+        l.type === "choice" && l.answers && /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: l.answers.map((z) => /* @__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-${l.uid}`,
+              value: z.uid,
+              checked: (f == null ? void 0 : f.value) === z.uid,
+              onChange: () => g(l.uid, z.uid),
+              disabled: m
+            }
+          ),
+          /* @__PURE__ */ e("span", { children: z.content })
+        ] }, z.uid)) }),
+        l.type === "multiple_choice" && l.answers && /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: l.answers.map((z) => {
+          const D = v.filter((I) => I.questionUid === l.uid).map((I) => String(I.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: D.includes(z.uid),
+                disabled: m,
+                onChange: (I) => {
+                  const u = v.filter((k) => k.questionUid === l.uid);
+                  let N;
+                  I.target.checked ? N = [...u, { questionUid: l.uid, value: z.uid }] : N = u.filter((k) => String(k.value) !== z.uid), L((k) => [
+                    ...k.filter((S) => S.questionUid !== l.uid),
+                    ...N
+                  ]), s == null || s([
+                    ...v.filter((k) => k.questionUid !== l.uid),
+                    ...N
+                  ]);
+                }
+              }
+            ),
+            /* @__PURE__ */ e("span", { children: z.content })
+          ] }, z.uid);
+        }) })
+      ] }) }, l.uid);
+    }),
+    /* @__PURE__ */ e(E, { className: "my-3" }),
+    /* @__PURE__ */ t("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
+        w,
+        " of ",
+        i.length,
+        " answered"
+      ] }),
+      /* @__PURE__ */ e(
+        P,
+        {
+          onClick: () => h(v),
+          disabled: !R || p || m,
+          children: p ? "Submitting..." : b
+        }
+      )
+    ] })
+  ] });
+}
+function ra({
+  title: a,
+  blocks: r,
+  isCompleted: i = !1,
+  onMarkComplete: o,
+  onNextLesson: h,
+  nextLessonTitle: s,
+  estimatedDuration: c,
+  showDuration: n = !0,
+  readOnly: b = !1,
+  className: p,
+  style: m
+}) {
+  const [x, y] = A(i);
+  function v() {
+    y(!0), o == null || o();
+  }
+  return /* @__PURE__ */ t("div", { className: U(p), style: m, children: [
+    /* @__PURE__ */ t("div", { className: "mb-3", children: [
+      /* @__PURE__ */ e("p", { className: "text-2xl font-bold mb-0.5 text-foreground", children: a }),
+      n && c != null && /* @__PURE__ */ t("div", { className: "flex items-center gap-0.5 text-muted-foreground", children: [
+        /* @__PURE__ */ e(ze, { size: 16 }),
+        /* @__PURE__ */ e("span", { className: "text-sm", children: Re(c) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(E, { className: "mb-3" }),
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-3", children: r.map((L, w) => /* @__PURE__ */ e(
+      gt,
+      {
+        block: L,
+        readOnly: b
+      },
+      w
+    )) }),
+    /* @__PURE__ */ e(B, { className: "mt-4 sticky bottom-0 z-10", children: /* @__PURE__ */ e(Q, { className: "px-4 py-3", children: /* @__PURE__ */ t("div", { className: "flex justify-between items-center", children: [
+      x ? /* @__PURE__ */ t("div", { className: "flex items-center gap-1 text-success", children: [
+        /* @__PURE__ */ e(be, { size: 20 }),
+        /* @__PURE__ */ e("span", { className: "text-sm font-semibold", children: "Lesson Complete" })
+      ] }) : /* @__PURE__ */ t(
+        P,
+        {
+          onClick: v,
+          disabled: b,
+          children: [
+            /* @__PURE__ */ e(be, { size: 18 }),
+            " Mark Complete"
+          ]
+        }
+      ),
+      h && /* @__PURE__ */ t(
+        P,
+        {
+          variant: x ? "default" : "outline",
+          onClick: h,
+          children: [
+            s ? `Next: ${s}` : "Next Lesson",
+            " ",
+            /* @__PURE__ */ e(ue, { size: 18 })
+          ]
+        }
+      )
+    ] }) }) })
+  ] });
+}
+function te(a) {
+  return a.replace(/<[^>]*>/g, "").trim().length === 0;
+}
+function sa({
+  title: a,
+  rootPost: r,
+  replies: i,
+  currentUser: o,
+  onReply: h,
+  onToggleLike: s,
+  onMarkAnswer: c,
+  maxDepth: n = 3,
+  allowReplies: b = !0,
+  sortOrder: p = "oldest",
+  readOnly: m = !1,
+  className: x,
+  style: y
+}) {
+  const [v, L] = A(null), [w, R] = A(""), g = j(() => {
+    const d = /* @__PURE__ */ new Map();
+    for (const f of i) {
+      const F = f.parentUid ?? r.uid, T = d.get(F) ?? [];
+      T.push(f), d.set(F, T);
+    }
+    for (const [, f] of d)
+      f.sort((F, T) => p === "newest" ? new Date(T.createdAt).getTime() - new Date(F.createdAt).getTime() : p === "most_liked" ? T.likeCount - F.likeCount : new Date(F.createdAt).getTime() - new Date(T.createdAt).getTime());
+    return d;
+  }, [i, r.uid, p]);
+  function C(d) {
+    te(w) || (h(d, w), R(""), L(null));
+  }
+  function l(d, f) {
+    const F = g.get(d.uid) ?? [], T = Math.min(f, n), z = /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: [
+      s && !m && /* @__PURE__ */ t(se, { children: [
+        /* @__PURE__ */ e(le, { children: /* @__PURE__ */ t(
+          P,
+          {
+            variant: "ghost",
+            size: "sm",
+            "aria-label": d.isLikedByCurrentUser ? "Unlike" : "Like",
+            className: U(d.isLikedByCurrentUser && "text-destructive"),
+            onClick: () => s(d.uid),
+            children: [
+              /* @__PURE__ */ e(Le, { size: 14, fill: d.isLikedByCurrentUser ? "currentColor" : "none" }),
+              d.likeCount > 0 ? d.likeCount : "Like"
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ e(ie, { children: d.isLikedByCurrentUser ? "Unlike" : "Like" })
+      ] }),
+      b && !m && /* @__PURE__ */ t(se, { children: [
+        /* @__PURE__ */ e(le, { children: /* @__PURE__ */ t(
+          P,
+          {
+            variant: "ghost",
+            size: "sm",
+            "aria-label": "Reply",
+            onClick: () => L(d.uid),
+            children: [
+              /* @__PURE__ */ e(Ke, { size: 14 }),
+              "Reply"
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ e(ie, { children: "Reply" })
+      ] }),
+      c && !m && o.role !== "student" && !d.isAnswer && /* @__PURE__ */ t(se, { children: [
+        /* @__PURE__ */ e(le, { children: /* @__PURE__ */ t(
+          P,
+          {
+            variant: "ghost",
+            size: "sm",
+            "aria-label": "Mark as answer",
+            className: "text-success",
+            onClick: () => c(d.uid),
+            children: [
+              /* @__PURE__ */ e(he, { size: 14 }),
+              "Mark Answer"
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ e(ie, { children: "Mark as answer" })
+      ] })
+    ] });
+    return /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ e(
+        xt,
+        {
+          author: d.author,
+          content: d.content,
+          createdAt: d.createdAt,
+          updatedAt: d.updatedAt,
+          actions: z,
+          highlight: d.isAnswer ? "answer" : "none",
+          indentLevel: T,
+          className: "mb-2"
+        }
+      ),
+      v === d.uid && /* @__PURE__ */ e(
+        B,
+        {
+          className: "mb-2",
+          style: { marginLeft: `${(T + 1) * 16}px` },
+          children: /* @__PURE__ */ t(Q, { className: "py-4", children: [
+            /* @__PURE__ */ e(
+              Z,
+              {
+                className: "min-h-15 mb-2",
+                placeholder: "Write a reply...",
+                value: w,
+                onChange: (D) => R(D),
+                variant: "minimal"
+              }
+            ),
+            /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ e(
+                P,
+                {
+                  size: "sm",
+                  onClick: () => C(d.uid),
+                  disabled: te(w),
+                  children: "Post Reply"
+                }
+              ),
+              /* @__PURE__ */ e(
+                P,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: () => {
+                    L(null), R("");
+                  },
+                  children: "Cancel"
+                }
+              )
+            ] })
+          ] })
+        }
+      ),
+      F.map((D) => l(D, f + 1))
+    ] }, d.uid);
+  }
+  return /* @__PURE__ */ t("div", { className: x, style: y, children: [
+    /* @__PURE__ */ t("div", { className: "flex items-center gap-2 mb-2", children: [
+      /* @__PURE__ */ e(fe, { size: 20, className: "text-foreground shrink-0" }),
+      /* @__PURE__ */ e("span", { className: "text-lg font-semibold text-foreground", children: a }),
+      /* @__PURE__ */ t(G, { variant: "muted", className: "text-xs", children: [
+        i.length,
+        " ",
+        i.length === 1 ? "reply" : "replies"
+      ] })
+    ] }),
+    /* @__PURE__ */ e(E, { className: "mb-2" }),
+    l(r, 0)
+  ] });
+}
+function la({
+  title: a,
+  instructions: r,
+  dueDate: i,
+  maxScore: o,
+  status: h,
+  submissionTypes: s,
+  existingSubmission: c,
+  fileConstraints: n,
+  onSubmit: b,
+  onSaveDraft: p,
+  grade: m,
+  isSubmitting: x = !1,
+  readOnly: y = !1,
+  className: v,
+  style: L
+}) {
+  const [w, R] = A((c == null ? void 0 : c.textContent) ?? ""), [g, C] = A((c == null ? void 0 : c.files) ?? []), [l, d] = A((c == null ? void 0 : c.url) ?? ""), [f, F] = A(s[0]), T = !y && !["submitted", "graded"].includes(h);
+  function z() {
+    return {
+      textContent: s.includes("text") ? w : void 0,
+      files: s.includes("file") ? g : void 0,
+      url: s.includes("url") ? l : void 0
+    };
+  }
+  return /* @__PURE__ */ t("div", { className: v, style: L, 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: a }),
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ e(Ie, { status: h }),
+        i && /* @__PURE__ */ e(Me, { dueDate: i, size: "small" }),
+        o != null && /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
+          o,
+          " points"
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e(B, { className: "mb-3", children: /* @__PURE__ */ t(Q, { className: "pt-6", children: [
+      /* @__PURE__ */ e("div", { className: "font-semibold text-sm text-foreground mb-1", children: "Instructions" }),
+      /* @__PURE__ */ e("div", { className: "text-muted-foreground text-sm", children: typeof r == "string" ? /* @__PURE__ */ e("span", { children: r }) : r })
+    ] }) }),
+    m && /* @__PURE__ */ e(Fe, { variant: "success", className: "mb-3", children: /* @__PURE__ */ t(Te, { children: [
+      /* @__PURE__ */ t("div", { className: "font-semibold text-sm mb-1", children: [
+        "Grade: ",
+        m.score,
+        o != null ? ` / ${o}` : ""
+      ] }),
+      m.feedback && /* @__PURE__ */ e("div", { children: m.feedback })
+    ] }) }),
+    T && /* @__PURE__ */ t(W, { children: [
+      s.length > 1 ? /* @__PURE__ */ t(Nt, { value: f, onValueChange: (D) => F(D), children: [
+        /* @__PURE__ */ t(bt, { children: [
+          s.includes("text") && /* @__PURE__ */ e(de, { value: "text", children: "Text" }),
+          s.includes("file") && /* @__PURE__ */ e(de, { value: "file", children: "File Upload" }),
+          s.includes("url") && /* @__PURE__ */ e(de, { value: "url", children: "URL" })
+        ] }),
+        s.includes("text") && /* @__PURE__ */ e(ce, { value: "text", children: /* @__PURE__ */ e(
+          Z,
+          {
+            className: "min-h-45",
+            placeholder: "Type your submission...",
+            value: w,
+            onChange: (D) => R(D),
+            variant: "default"
+          }
+        ) }),
+        s.includes("file") && /* @__PURE__ */ e(ce, { value: "file", children: /* @__PURE__ */ e(
+          ye,
+          {
+            files: g,
+            onFilesAdded: (D) => C((I) => [...I, ...D]),
+            onFileRemove: (D) => C((I) => I.filter((u, N) => N !== D)),
+            accept: n == null ? void 0 : n.acceptedTypes,
+            maxFiles: n == null ? void 0 : n.maxFiles,
+            maxSizeMB: n == null ? void 0 : n.maxSizeMB
+          }
+        ) }),
+        s.includes("url") && /* @__PURE__ */ e(ce, { value: "url", children: /* @__PURE__ */ e(
+          oe,
+          {
+            placeholder: "https://...",
+            value: l,
+            onChange: (D) => d(D.target.value)
+          }
+        ) })
+      ] }) : /* @__PURE__ */ t(W, { children: [
+        s.includes("text") && /* @__PURE__ */ e(
+          Z,
+          {
+            className: "min-h-45 mb-2",
+            placeholder: "Type your submission...",
+            value: w,
+            onChange: (D) => R(D),
+            variant: "default"
+          }
+        ),
+        s.includes("file") && /* @__PURE__ */ e("div", { className: "mb-2", children: /* @__PURE__ */ e(
+          ye,
+          {
+            files: g,
+            onFilesAdded: (D) => C((I) => [...I, ...D]),
+            onFileRemove: (D) => C((I) => I.filter((u, N) => N !== D)),
+            accept: n == null ? void 0 : n.acceptedTypes,
+            maxFiles: n == null ? void 0 : n.maxFiles,
+            maxSizeMB: n == null ? void 0 : n.maxSizeMB
+          }
+        ) }),
+        s.includes("url") && /* @__PURE__ */ e(
+          oe,
+          {
+            className: "mb-2",
+            placeholder: "https://...",
+            value: l,
+            onChange: (D) => d(D.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(E, { className: "my-2" }),
+      /* @__PURE__ */ t("div", { className: "flex gap-2 justify-end", children: [
+        p && /* @__PURE__ */ t(
+          P,
+          {
+            variant: "outline",
+            onClick: () => p(z()),
+            disabled: x,
+            children: [
+              /* @__PURE__ */ e(Xe, { size: 16 }),
+              "Save Draft"
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(
+          P,
+          {
+            onClick: () => b(z()),
+            disabled: x,
+            children: [
+              /* @__PURE__ */ e(Se, { size: 16 }),
+              x ? "Submitting..." : "Submit"
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function q({
+  label: a,
+  field: r,
+  sortField: i,
+  sortDir: o,
+  onSort: h,
+  textAlign: s
+}) {
+  const c = i === r;
+  return /* @__PURE__ */ e(
+    ee,
+    {
+      className: U(
+        "cursor-pointer select-none hover:bg-muted",
+        s === "right" && "text-right"
+      ),
+      onClick: () => h(r),
+      children: /* @__PURE__ */ t("div", { className: U("flex items-center gap-1", s === "right" && "justify-end"), children: [
+        /* @__PURE__ */ e("span", { className: U(c ? "text-foreground" : "text-muted-foreground"), children: a }),
+        c && (o === "asc" ? /* @__PURE__ */ e(Je, { size: 14 }) : /* @__PURE__ */ e(qe, { size: 14 }))
+      ] })
+    }
+  );
+}
+function ia({
+  items: a,
+  categories: r,
+  overallGrade: i,
+  showWeights: o = !0,
+  showCategoryTotals: h = !0,
+  onItemClick: s,
+  readOnly: c = !1,
+  className: n,
+  style: b
+}) {
+  const [p, m] = A("dueDate"), [x, y] = A("asc");
+  function v(g) {
+    p === g ? y((C) => C === "asc" ? "desc" : "asc") : (m(g), y("asc"));
+  }
+  const L = j(() => {
+    const g = [...a];
+    return g.sort((C, l) => {
+      let d = 0;
+      switch (p) {
+        case "name":
+          d = C.name.localeCompare(l.name);
+          break;
+        case "score":
+          d = (C.score ?? -1) - (l.score ?? -1);
+          break;
+        case "dueDate":
+          d = (C.dueDate ?? "").localeCompare(l.dueDate ?? "");
+          break;
+        case "status":
+          d = C.status.localeCompare(l.status);
+          break;
+      }
+      return x === "asc" ? d : -d;
+    }), g;
+  }, [a, p, x]), w = j(() => {
+    if (!r || r.length === 0) return [{ category: null, items: L }];
+    const g = r.map((l) => ({
+      category: l,
+      items: L.filter((d) => d.categoryUid === l.uid)
+    })), C = L.filter((l) => !l.categoryUid);
+    return C.length > 0 && g.push({ category: null, items: C }), g;
+  }, [L, r]), R = o ? 5 : 4;
+  return /* @__PURE__ */ t("div", { className: n, style: b, children: [
+    i && /* @__PURE__ */ e(B, { className: "mb-3", children: /* @__PURE__ */ e(Q, { className: "pt-6", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ e(
+        vt,
+        {
+          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(B, { children: /* @__PURE__ */ t(Pe, { children: [
+      /* @__PURE__ */ e(Be, { children: /* @__PURE__ */ t(Y, { children: [
+        /* @__PURE__ */ e(
+          q,
+          {
+            label: "Assignment",
+            field: "name",
+            sortField: p,
+            sortDir: x,
+            onSort: v
+          }
+        ),
+        /* @__PURE__ */ e(
+          q,
+          {
+            label: "Status",
+            field: "status",
+            sortField: p,
+            sortDir: x,
+            onSort: v
+          }
+        ),
+        /* @__PURE__ */ e(
+          q,
+          {
+            label: "Due Date",
+            field: "dueDate",
+            sortField: p,
+            sortDir: x,
+            onSort: v
+          }
+        ),
+        /* @__PURE__ */ e(
+          q,
+          {
+            label: "Score",
+            field: "score",
+            sortField: p,
+            sortDir: x,
+            onSort: v,
+            textAlign: "right"
+          }
+        ),
+        o && /* @__PURE__ */ e(ee, { className: "text-right text-muted-foreground", children: "Weight" })
+      ] }) }),
+      /* @__PURE__ */ e(Qe, { children: w.map((g, C) => {
+        var l;
+        return /* @__PURE__ */ t(Ye, { children: [
+          g.category && h && /* @__PURE__ */ e(Y, { className: "bg-muted hover:bg-muted", children: /* @__PURE__ */ e(V, { colSpan: R, children: /* @__PURE__ */ t("span", { className: "font-semibold text-sm text-foreground", children: [
+            g.category.name,
+            g.category.weight != null && ` (${g.category.weight}%)`
+          ] }) }) }),
+          g.items.map((d) => /* @__PURE__ */ t(
+            Y,
+            {
+              className: U(s && !c && "cursor-pointer"),
+              onClick: () => s && !c ? s(d) : void 0,
+              children: [
+                /* @__PURE__ */ e(V, { children: d.name }),
+                /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(Ie, { status: d.status, size: "small" }) }),
+                /* @__PURE__ */ e(V, { children: d.dueDate ? /* @__PURE__ */ e(
+                  Me,
+                  {
+                    dueDate: d.dueDate,
+                    submittedDate: d.submittedDate,
+                    size: "small"
+                  }
+                ) : "—" }),
+                /* @__PURE__ */ e(V, { className: "text-right", children: d.score != null ? /* @__PURE__ */ t("span", { className: "text-sm font-semibold text-foreground", children: [
+                  d.score,
+                  " / ",
+                  d.maxScore
+                ] }) : d.status === "excused" ? /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: "Excused" }) : /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: "—" }) }),
+                o && /* @__PURE__ */ e(V, { className: "text-right", children: d.weight != null ? `${d.weight}%` : "—" })
+              ]
+            },
+            d.uid
+          ))
+        ] }, ((l = g.category) == null ? void 0 : l.uid) ?? `ungrouped-${C}`);
+      }) })
+    ] }) })
+  ] });
+}
+function da({
+  overallProgress: a,
+  totalTimeSpent: r,
+  modules: i,
+  recentActivity: o,
+  streak: h,
+  achievements: s,
+  recentActivityLimit: c = 5,
+  onModuleClick: n,
+  className: b,
+  style: p
+}) {
+  return /* @__PURE__ */ t("div", { className: b, style: p, children: [
+    /* @__PURE__ */ t("div", { className: "grid grid-cols-[repeat(auto-fit,minmax(160px,1fr))] gap-3 mb-4", children: [
+      /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(Q, { className: "p-3 flex justify-center", children: /* @__PURE__ */ e(wt, { value: a, size: 100 }) }) }),
+      /* @__PURE__ */ e(
+        ke,
+        {
+          icon: /* @__PURE__ */ e(ze, { size: 24 }),
+          label: "Time Spent",
+          description: "Total learning time",
+          value: Re(r)
+        }
+      ),
+      h && /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(Q, { className: "p-4 flex items-center", children: /* @__PURE__ */ e(
+        yt,
+        {
+          currentStreak: h.currentDays,
+          longestStreak: h.longestDays,
+          showLongest: !0
+        }
+      ) }) }),
+      /* @__PURE__ */ e(
+        ke,
+        {
+          icon: /* @__PURE__ */ e(et, { size: 24 }),
+          label: "Modules",
+          description: "Course progress",
+          value: `${i.filter((m) => m.completedItems === m.totalItems).length} / ${i.length}`,
+          subtitle: "completed"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(E, { 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((m) => {
+      const x = m.totalItems > 0 ? m.completedItems / m.totalItems * 100 : 0;
+      return /* @__PURE__ */ e(
+        B,
+        {
+          className: U(
+            "transition-colors",
+            n && "cursor-pointer hover:border-primary"
+          ),
+          onClick: () => n == null ? void 0 : n(m.uid),
+          children: /* @__PURE__ */ t(Q, { 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: m.name }),
+              /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: [
+                m.completedItems,
+                " / ",
+                m.totalItems
+              ] })
+            ] }),
+            /* @__PURE__ */ e(K, { value: x, size: "sm" })
+          ] })
+        },
+        m.uid
+      );
+    }) }),
+    o && o.length > 0 && /* @__PURE__ */ t(W, { children: [
+      /* @__PURE__ */ e(E, { 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(
+        kt,
+        {
+          events: o.map((m) => ({
+            uid: m.uid,
+            type: m.type,
+            title: m.description,
+            timestamp: m.timestamp
+          })),
+          limit: c
+        }
+      ) })
+    ] }),
+    s && s.length > 0 && /* @__PURE__ */ t(W, { children: [
+      /* @__PURE__ */ e(E, { 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: s.map((m) => /* @__PURE__ */ e(
+        Ct,
+        {
+          title: m.name,
+          description: m.description,
+          icon: m.iconUrl ? /* @__PURE__ */ e(
+            "img",
+            {
+              src: m.iconUrl,
+              alt: m.name,
+              className: "w-12 h-12"
+            }
+          ) : void 0,
+          earnedDate: m.earnedAt
+        },
+        m.uid
+      )) })
+    ] })
+  ] });
+}
+const Ft = je("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" }
+}), Tt = je(
+  "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-purple/8"
+      }
+    },
+    defaultVariants: { variant: "classic" }
+  }
+), Rt = {
+  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"
+  }
+}, It = [
+  { 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)" }
+];
+function Mt({ variant: a }) {
+  const r = Rt[a];
+  return r ? /* @__PURE__ */ e(W, { children: It.map(({ key: i, pos: o, transform: h }) => {
+    var s;
+    return /* @__PURE__ */ t(
+      "svg",
+      {
+        className: U("absolute pointer-events-none", o, r.color),
+        width: r.size,
+        height: r.size,
+        viewBox: `0 0 ${r.size} ${r.size}`,
+        fill: "none",
+        stroke: "currentColor",
+        style: h ? { transform: h } : void 0,
+        "aria-hidden": "true",
+        children: [
+          r.paths.map((c, n) => /* @__PURE__ */ e("path", { d: c.d, strokeWidth: c.strokeWidth }, n)),
+          (s = r.dots) == null ? void 0 : s.map((c, n) => /* @__PURE__ */ e(
+            "circle",
+            {
+              cx: c.cx,
+              cy: c.cy,
+              r: c.r,
+              fill: "currentColor",
+              stroke: "none"
+            },
+            `d${n}`
+          ))
+        ]
+      },
+      i
+    );
+  }) }) : null;
+}
+const Pt = {
+  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" })
+      }
+    )
+  }
+};
+function Ce({
+  variant: a,
+  className: r
+}) {
+  const i = Pt[a];
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: U(
+        "flex items-center justify-center gap-3 my-5 mx-auto max-w-70",
+        r
+      ),
+      role: "separator",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ e("span", { className: U("flex-1 h-px", i.lineColor) }),
+        i.motif,
+        /* @__PURE__ */ e("span", { className: U("flex-1 h-px", i.lineColor) })
+      ]
+    }
+  );
+}
+const Bt = {
+  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-purple) 0%, transparent 50%)",
+    opacity: 0.06
+  }
+}, Qt = {
+  classic: "text-warning",
+  modern: "text-primary",
+  elegant: "text-foreground/60",
+  academic: "text-info",
+  minimal: "text-muted-foreground",
+  bold: "text-primary"
+}, jt = {
+  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"
+}, _t = {
+  classic: "text-warning",
+  modern: "text-primary",
+  elegant: "text-foreground/80",
+  academic: "text-info",
+  minimal: "text-foreground",
+  bold: "text-primary"
+}, Et = /* @__PURE__ */ new Set([
+  "classic",
+  "elegant",
+  "academic"
+]);
+function ca({
+  recipientName: a,
+  courseTitle: r,
+  completionDate: i,
+  organizationName: o,
+  organizationLogo: h,
+  signatory: s,
+  certificateId: c,
+  variant: n = "classic",
+  showActions: b = !0,
+  onPrint: p,
+  onDownload: m,
+  className: x,
+  style: y
+}) {
+  const v = (() => {
+    try {
+      return new Date(i).toLocaleDateString("en-US", {
+        year: "numeric",
+        month: "long",
+        day: "numeric"
+      });
+    } catch {
+      return i;
+    }
+  })();
+  function L() {
+    p ? p() : window.print();
+  }
+  const w = Bt[n];
+  return /* @__PURE__ */ t("div", { className: x, style: y, children: [
+    /* @__PURE__ */ e("div", { className: Ft({ variant: n }), children: /* @__PURE__ */ t("div", { className: Tt({ variant: n }), children: [
+      /* @__PURE__ */ e(Mt, { variant: n }),
+      w && /* @__PURE__ */ e(
+        "div",
+        {
+          className: "absolute inset-0 pointer-events-none rounded-[inherit]",
+          style: w,
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ t("div", { className: "relative", children: [
+        h ? /* @__PURE__ */ e(
+          "img",
+          {
+            src: h,
+            alt: o,
+            className: "h-20 mb-4 mx-auto block"
+          }
+        ) : /* @__PURE__ */ e(
+          tt,
+          {
+            size: 64,
+            className: U("mx-auto mb-6", Qt[n])
+          }
+        ),
+        /* @__PURE__ */ e("p", { className: U("mb-2", jt[n]), children: "Certificate of Completion" }),
+        /* @__PURE__ */ e(Ce, { variant: n }),
+        /* @__PURE__ */ e("p", { className: "text-base text-foreground/70 mb-2", children: "This is to certify that" }),
+        /* @__PURE__ */ e(
+          "p",
+          {
+            className: U(
+              "text-4xl font-bold mb-4 text-foreground",
+              Et.has(n) && "font-serif"
+            ),
+            children: a
+          }
+        ),
+        /* @__PURE__ */ e("p", { className: "text-base text-foreground/70 mb-2", children: "has successfully completed" }),
+        /* @__PURE__ */ e(
+          "p",
+          {
+            className: U(
+              "text-2xl font-semibold mb-4",
+              _t[n]
+            ),
+            children: r
+          }
+        ),
+        /* @__PURE__ */ t("p", { className: "text-base text-foreground/60 mb-6", children: [
+          "Issued by ",
+          o,
+          " on ",
+          v
+        ] }),
+        s && /* @__PURE__ */ t("div", { className: "mt-6 mb-4", children: [
+          /* @__PURE__ */ e(Ce, { variant: n }),
+          /* @__PURE__ */ e("p", { className: "font-semibold text-base text-foreground", children: s.name }),
+          /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: s.title })
+        ] }),
+        c && /* @__PURE__ */ t("span", { className: "block text-xs text-muted-foreground mt-4", children: [
+          "Certificate ID: ",
+          c
+        ] })
+      ] })
+    ] }) }),
+    b && /* @__PURE__ */ t("div", { className: "flex justify-center gap-3 mt-6", children: [
+      /* @__PURE__ */ t(P, { variant: "outline", onClick: L, children: [
+        /* @__PURE__ */ e(at, { size: 16 }),
+        " Print"
+      ] }),
+      m && /* @__PURE__ */ t(P, { variant: "outline", onClick: m, children: [
+        /* @__PURE__ */ e(nt, { size: 16 }),
+        " Download"
+      ] })
+    ] })
+  ] });
+}
+function oa({
+  criteria: a,
+  selectedLevels: r,
+  totalScore: i,
+  maxScore: o,
+  feedback: h,
+  className: s,
+  style: c
+}) {
+  var b;
+  const n = r && Object.keys(r).length > 0;
+  return /* @__PURE__ */ t("div", { className: U("flex flex-col gap-4", s), style: c, children: [
+    n && i !== void 0 && o !== void 0 && /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-foreground", children: "Rubric" }),
+      /* @__PURE__ */ t(G, { variant: i >= o * 0.7 ? "success" : "destructive", children: [
+        i,
+        " / ",
+        o,
+        " pts"
+      ] })
+    ] }),
+    !n && /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-foreground", children: "Grading Rubric" }),
+    /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(Q, { className: "p-0", children: /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ t(Pe, { className: "text-sm", children: [
+      /* @__PURE__ */ e(Be, { children: /* @__PURE__ */ t(Y, { className: "bg-muted/50", children: [
+        /* @__PURE__ */ e(ee, { className: "text-left font-medium text-muted-foreground w-1/5", children: "Criterion" }),
+        (b = a[0]) == null ? void 0 : b.levels.map((p) => /* @__PURE__ */ t(
+          ee,
+          {
+            className: "text-center font-medium text-muted-foreground",
+            children: [
+              /* @__PURE__ */ e("div", { children: p.label }),
+              /* @__PURE__ */ t("div", { className: "text-xs font-normal mt-0.5", children: [
+                p.points,
+                " pts"
+              ] })
+            ]
+          },
+          p.uid
+        ))
+      ] }) }),
+      /* @__PURE__ */ e(Qe, { children: a.map((p, m) => {
+        const x = r == null ? void 0 : r[p.uid];
+        return /* @__PURE__ */ t(
+          Y,
+          {
+            className: U(m % 2 === 1 && "bg-muted/20"),
+            children: [
+              /* @__PURE__ */ t(V, { className: "align-top", children: [
+                /* @__PURE__ */ e("div", { className: "font-medium text-foreground", children: p.name }),
+                p.description && /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground mt-0.5", children: p.description })
+              ] }),
+              p.levels.map((y) => {
+                const v = x === y.uid;
+                return /* @__PURE__ */ t(
+                  V,
+                  {
+                    className: U(
+                      "align-top text-center",
+                      v && "bg-primary/10 ring-2 ring-primary/30 ring-inset rounded-sm"
+                    ),
+                    children: [
+                      /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: y.description }),
+                      v && /* @__PURE__ */ e("div", { className: "mt-1.5 flex justify-center", children: /* @__PURE__ */ e(pe, { className: "size-4 text-primary" }) })
+                    ]
+                  },
+                  y.uid
+                );
+              })
+            ]
+          },
+          p.uid
+        );
+      }) })
+    ] }) }) }) }),
+    h && /* @__PURE__ */ t(W, { children: [
+      /* @__PURE__ */ e(E, {}),
+      /* @__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: h })
+      ] })
+    ] })
+  ] });
+}
+function ma({
+  title: a,
+  requirements: r,
+  onRequirementClick: i,
+  className: o,
+  style: h
+}) {
+  const s = j(
+    () => r.filter((n) => n.completed).length,
+    [r]
+  ), c = r.length > 0 ? Math.round(s / r.length * 100) : 0;
+  return /* @__PURE__ */ t("div", { className: U("flex flex-col gap-4", o), style: h, children: [
+    a && /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-foreground", children: a }),
+    /* @__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: [
+          s,
+          " of ",
+          r.length,
+          " complete"
+        ] }),
+        /* @__PURE__ */ t("span", { className: "font-medium text-foreground", children: [
+          c,
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ e(K, { value: c })
+    ] }),
+    /* @__PURE__ */ e("ul", { className: "flex flex-col gap-1", children: r.map((n) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: U(
+          "w-full flex items-start gap-3 p-3 rounded-lg text-left transition-colors",
+          n.completed ? "bg-success/5" : i ? "hover:bg-muted/50 cursor-pointer" : "cursor-default"
+        ),
+        onClick: () => {
+          !n.completed && i && i(n.uid);
+        },
+        disabled: n.completed,
+        children: [
+          n.completed ? /* @__PURE__ */ e(pe, { className: "size-5 text-success shrink-0 mt-0.5" }) : /* @__PURE__ */ e(rt, { 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: U(
+                  "text-sm font-medium",
+                  n.completed ? "text-muted-foreground line-through" : "text-foreground"
+                ),
+                children: n.label
+              }
+            ),
+            n.description && /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground mt-0.5", children: n.description })
+          ] }),
+          !n.completed && i && /* @__PURE__ */ t("div", { className: "shrink-0 flex items-center gap-1 text-xs text-primary mt-0.5", children: [
+            n.actionLabel && /* @__PURE__ */ e("span", { children: n.actionLabel }),
+            /* @__PURE__ */ e(ue, { className: "size-4" })
+          ] })
+        ]
+      }
+    ) }, n.uid)) })
+  ] });
+}
+const $t = {
+  newest: "Newest",
+  oldest: "Oldest",
+  most_replies: "Most Replies",
+  most_liked: "Most Liked"
+};
+function ua({
+  title: a,
+  topics: r,
+  onTopicClick: i,
+  onCreateTopic: o,
+  sortOrder: h = "newest",
+  onSortChange: s,
+  searchQuery: c = "",
+  onSearchChange: n,
+  readOnly: b,
+  className: p,
+  style: m
+}) {
+  const [x, y] = A(!1), [v, L] = A(""), [w, R] = A(""), [g, C] = A(c), [l, d] = A(h), f = n !== void 0 ? c : g, F = s !== void 0 ? h : l;
+  function T(u) {
+    n ? n(u) : C(u);
+  }
+  function z() {
+    const u = [
+      "newest",
+      "oldest",
+      "most_replies",
+      "most_liked"
+    ], N = u.indexOf(F), k = u[(N + 1) % u.length];
+    s ? s(k) : d(k);
+  }
+  function D() {
+    !v.trim() || te(w) || (o == null || o(v.trim(), w), L(""), R(""), y(!1));
+  }
+  const I = j(() => [...r.filter((N) => {
+    var S;
+    if (!f) return !0;
+    const k = f.toLowerCase();
+    return N.title.toLowerCase().includes(k) || ((S = N.preview) == null ? void 0 : S.toLowerCase().includes(k)) || N.author.displayName.toLowerCase().includes(k);
+  })].sort((N, k) => {
+    if (N.isPinned && !k.isPinned) return -1;
+    if (!N.isPinned && k.isPinned) return 1;
+    switch (F) {
+      case "oldest":
+        return new Date(N.createdAt).getTime() - new Date(k.createdAt).getTime();
+      case "most_replies":
+        return k.replyCount - N.replyCount;
+      case "most_liked":
+        return k.likeCount - N.likeCount;
+      case "newest":
+      default:
+        return new Date(k.createdAt).getTime() - new Date(N.createdAt).getTime();
+    }
+  }), [r, f, F]);
+  return /* @__PURE__ */ t("div", { className: U("flex flex-col gap-4", p), style: m, children: [
+    /* @__PURE__ */ t("div", { className: "flex items-center justify-between gap-4", children: [
+      a && /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground", children: a }),
+      !b && o && /* @__PURE__ */ t(
+        P,
+        {
+          size: "sm",
+          onClick: () => y(!x),
+          children: [
+            /* @__PURE__ */ e(st, { className: "size-4 mr-1.5" }),
+            "New Topic"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(E, {}),
+    x && /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(Q, { className: "pt-4 space-y-3", children: [
+      /* @__PURE__ */ e(
+        oe,
+        {
+          placeholder: "Topic title",
+          value: v,
+          onChange: (u) => L(u.target.value)
+        }
+      ),
+      /* @__PURE__ */ e(
+        Z,
+        {
+          placeholder: "What would you like to discuss?",
+          value: w,
+          onChange: (u) => R(u),
+          variant: "minimal"
+        }
+      ),
+      /* @__PURE__ */ t("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ e(
+          P,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => {
+              y(!1), L(""), R("");
+            },
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ e(
+          P,
+          {
+            size: "sm",
+            onClick: D,
+            disabled: !v.trim() || te(w),
+            children: "Post Topic"
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e(
+        St,
+        {
+          value: f,
+          onChange: T,
+          placeholder: "Search topics..."
+        }
+      ) }),
+      /* @__PURE__ */ t(P, { variant: "outline", size: "sm", onClick: z, children: [
+        /* @__PURE__ */ e(lt, { className: "size-3.5 mr-1.5" }),
+        $t[F]
+      ] })
+    ] }),
+    I.length === 0 ? /* @__PURE__ */ e(
+      zt,
+      {
+        icon: /* @__PURE__ */ e(fe, { className: "size-10 text-muted-foreground" }),
+        title: "No topics found",
+        description: f ? "Try a different search term." : "Be the first to start a discussion!"
+      }
+    ) : /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: I.map((u) => /* @__PURE__ */ e(
+      Ot,
+      {
+        topic: u,
+        onClick: () => i(u.uid)
+      },
+      u.uid
+    )) })
+  ] });
+}
+function Ot({
+  topic: a,
+  onClick: r
+}) {
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      className: "w-full text-left",
+      onClick: r,
+      children: /* @__PURE__ */ e(
+        B,
+        {
+          className: U(
+            "transition-colors hover:bg-muted/30",
+            a.isPinned && "border-l-2 border-l-warning"
+          ),
+          children: /* @__PURE__ */ e(Q, { className: "py-3 px-4", children: /* @__PURE__ */ t("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ e(
+              Lt,
+              {
+                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(it, { className: "size-3 text-warning shrink-0" }),
+                a.isAnswered && /* @__PURE__ */ t(G, { variant: "success", className: "text-xs shrink-0", children: [
+                  /* @__PURE__ */ e(pe, { 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: At(a.createdAt) }),
+                /* @__PURE__ */ t(G, { variant: "muted", className: "gap-0.5 text-xs px-1.5 py-0", children: [
+                  /* @__PURE__ */ e(fe, { className: "size-3" }),
+                  a.replyCount
+                ] }),
+                /* @__PURE__ */ t(G, { variant: "muted", className: "gap-0.5 text-xs px-1.5 py-0", children: [
+                  /* @__PURE__ */ e(Le, { className: "size-3" }),
+                  a.likeCount
+                ] })
+              ] })
+            ] })
+          ] }) })
+        }
+      )
+    }
+  );
+}
+export {
+  qt as A,
+  ca as C,
+  sa as D,
+  aa as E,
+  Jt as F,
+  ia as G,
+  Xt as L,
+  ta as P,
+  Kt as Q,
+  ma as R,
+  na as S,
+  la as a,
+  ea as b,
+  ua as c,
+  ra as d,
+  da as e,
+  oa as f,
+  _e as g
+};