@hydralms/components 0.2.0 → 0.3.0

package/dist/ForumBoard-CHXU3mjC.js

@@ -1,2207 +0,0 @@
-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
-};