@hydralms/components 0.2.0 → 0.3.1

package/dist/sections.js

@@ -1,144 +1,162 @@
-import { A as be, a as ge, C as ve, b as Ne, D as we, E as ye, F as Ce, c as Se, G as ze, L as Te, d as ke, P as Ae, e as Pe, Q as Ue, R as Le, f as Qe, S as Ee } from "./ForumBoard-CHXU3mjC.js";
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { useState as S, useRef as Z, useMemo as U, useEffect as $, useCallback as J } from "react";
-import { c as f, C as Q, w as I, aj as O, an as W, B as L, am as X, aG as B, aI as D, aH as F, aB as q, aD as ee, aE as M, Z as K, a8 as G, b as _, aK as te, u as ie, aT as se } from "./tabs-Wf3h_Cx3.js";
-import { List as ne, Grid as re, Download as ae, Pin as le } from "lucide-react";
-function ue({
-  questions: l,
-  initialAnswers: h = [],
-  onSubmit: x,
-  onAnswerChange: b,
-  showNavigator: z = !0,
-  showQuestionNumbers: T = !0,
-  questionGroups: g,
-  isSubmitting: N = !1,
-  readOnly: u = !1,
-  className: k,
-  style: A
+import { m as Ae, S as ne } from "./StudentProfile-Cw2p-RZn.js";
+import { A as kt, a as Qt, b as $t, C as Vt, c as Ht, d as Ot, D as Gt, E as Wt, e as Kt, F as Yt, f as Jt, G as Xt, L as Zt, g as qt, P as ea, h as ta, Q as aa, R as ra, i as sa, j as ia, k as la } from "./StudentProfile-Cw2p-RZn.js";
+import { jsx as e, jsxs as s, Fragment as $ } from "react/jsx-runtime";
+import { useState as j, useRef as Z, useMemo as O, useEffect as Ne, useCallback as B, memo as ce } from "react";
+import { c as T, C as W, x as q, ar as Te, av as ee, v as E, aw as R, a2 as te, au as Ie, aQ as Y, aS as J, aR as X, aL as Le, aN as Pe, aO as me, ae as se, b3 as ue, ak as De, B as ae, ad as A, as as Ee, b2 as be, b4 as Be, J as Re, a as ye, P as _e, an as Me, az as H } from "./withProGate-BvFc7Jwy.js";
+import { AlertCircle as Fe, List as Ue, Grid as je, Download as ke, Plus as Qe, Minus as $e, Paperclip as Ve, Table as He, Globe as Oe, Music as Ge, MessageSquare as We, Code as Ke, Video as Ye, Image as Je, Heading as Xe, Type as de, GripVertical as Ze, ChevronRight as qe, ChevronDown as et, Copy as tt, Trash2 as ie, Eye as at, Pencil as rt, Save as st, SkipForward as it, Lock as we, Play as lt, CheckCircle2 as nt, ShieldCheck as ct, Sparkles as dt, Clock as Ce, Trophy as ot, Target as mt, BookOpen as ut, TrendingUp as pe, Flame as pt } from "lucide-react";
+const ht = [];
+function Rt({
+  questions: t,
+  initialAnswers: r = [],
+  onSubmit: a,
+  onAnswerChange: i,
+  showNavigator: l = !0,
+  showQuestionNumbers: C = !0,
+  questionGroups: x,
+  isSubmitting: p = !1,
+  readOnly: h = !1,
+  isLoading: N,
+  error: I,
+  onRetry: m,
+  className: c,
+  style: d
 }) {
-  var V;
-  const [p, w] = S(h), [i, c] = S(((V = l[0]) == null ? void 0 : V.uid) ?? null), d = Z(/* @__PURE__ */ new Map()), m = U(() => {
-    const s = /* @__PURE__ */ new Map();
-    for (const n of p) {
-      const a = s.get(n.uid);
-      a ? a.push(n) : s.set(n.uid, [n]);
+  var _;
+  const [y, v] = j(r), [D, w] = j(((_ = t[0]) == null ? void 0 : _.uid) ?? null), L = Z(/* @__PURE__ */ new Map()), S = O(() => {
+    const o = /* @__PURE__ */ new Map();
+    for (const f of y) {
+      const b = o.get(f.uid);
+      b ? b.push(f) : o.set(f.uid, [f]);
     }
-    return s;
-  }, [p]), P = U(
-    () => l.filter((s) => m.has(s.uid)).length,
-    [l, m]
+    return o;
+  }, [y]), g = O(
+    () => t.filter((o) => S.has(o.uid)).length,
+    [t, S]
   );
-  $(() => {
-    const s = new IntersectionObserver(
-      (n) => {
-        for (const a of n)
-          a.isIntersecting && c(a.target.getAttribute("data-question-uid"));
+  Ne(() => {
+    const o = new IntersectionObserver(
+      (f) => {
+        for (const b of f)
+          b.isIntersecting && w(b.target.getAttribute("data-question-uid"));
       },
       { rootMargin: "-20% 0px -60% 0px" }
     );
-    return d.current.forEach((n) => s.observe(n)), () => s.disconnect();
-  }, [l]);
-  const j = J((s, n) => {
-    n ? d.current.set(s, n) : d.current.delete(s);
-  }, []);
-  function t(s, n) {
-    const a = n.map((o) => ({
-      uid: s,
-      answerUid: o.uid,
-      content: o.content
-    }));
-    w((o) => {
-      const R = [...o.filter((Y) => Y.uid !== s), ...a];
-      return b == null || b(R), R;
-    });
-  }
-  function v(s) {
-    var n;
-    (n = d.current.get(s)) == null || n.scrollIntoView({ behavior: "smooth", block: "center" });
+    return L.current.forEach((f) => o.observe(f)), () => o.disconnect();
+  }, [t]);
+  const k = B((o, f) => {
+    f ? L.current.set(o, f) : L.current.delete(o);
+  }, []), U = Z(i);
+  U.current = i;
+  const V = B(
+    (o, f) => {
+      v(
+        (b) => Ae(b, o, f, U.current)
+      );
+    },
+    []
+  );
+  function F(o) {
+    var f;
+    (f = L.current.get(o)) == null || f.scrollIntoView({ behavior: "smooth", block: "center" });
   }
-  const y = U(() => {
-    if (!g) return [{ label: null, questions: l }];
-    const s = g.map(
-      (o) => ({
-        label: o.label,
-        questions: o.questionUids.map((C) => l.find((R) => R.uid === C)).filter(Boolean)
+  const G = O(() => {
+    if (!x) return [{ label: null, questions: t }];
+    const o = x.map(
+      (M) => ({
+        label: M.label,
+        questions: M.questionUids.map((Q) => t.find((u) => u.uid === Q)).filter(Boolean)
       })
-    ), n = new Set(g.flatMap((o) => o.questionUids)), a = l.filter((o) => !n.has(o.uid));
-    return a.length > 0 && s.push({ label: null, questions: a }), s;
-  }, [l, g]);
-  let E = 0;
-  return /* @__PURE__ */ r("div", { className: f("flex gap-3", k), style: A, children: [
-    /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
-      y.map((s, n) => /* @__PURE__ */ r("div", { children: [
-        s.label && /* @__PURE__ */ e("p", { className: f("text-lg font-semibold mb-2 text-foreground", n > 0 && "mt-4"), children: s.label }),
-        s.questions.map((a) => {
-          const o = E++;
-          return /* @__PURE__ */ e(
-            Q,
-            {
-              ref: (C) => j(a.uid, C),
-              "data-question-uid": a.uid,
-              className: "mb-2",
-              children: /* @__PURE__ */ r(I, { className: "pt-6", children: [
-                T && /* @__PURE__ */ r("p", { className: "font-semibold text-sm text-muted-foreground mb-1", children: [
-                  "Question ",
-                  o + 1
-                ] }),
-                /* @__PURE__ */ e(
-                  O,
-                  {
-                    question: a,
-                    sessionAnswers: m.get(a.uid) ?? [],
-                    onAnswer: (C) => t(a.uid, C),
-                    readOnly: u
-                  }
-                )
-              ] })
-            },
-            a.uid
-          );
-        })
-      ] }, s.label ?? `ungrouped-${n}`)),
-      /* @__PURE__ */ e(W, { className: "my-3" }),
-      /* @__PURE__ */ r("div", { className: "flex justify-between items-center", children: [
-        /* @__PURE__ */ r("span", { className: "text-sm text-muted-foreground", children: [
-          P,
-          " of ",
-          l.length,
-          " answered"
+    ), f = new Set(x.flatMap((M) => M.questionUids)), b = t.filter((M) => !f.has(M.uid));
+    return b.length > 0 && o.push({ label: null, questions: b }), o;
+  }, [t, x]);
+  let n = 0;
+  return /* @__PURE__ */ e(
+    ne,
+    {
+      isLoading: N,
+      error: I,
+      onRetry: m,
+      className: c,
+      style: d,
+      skeleton: /* @__PURE__ */ s($, { children: [
+        /* @__PURE__ */ e(R, { className: "h-32 w-full" }),
+        /* @__PURE__ */ e(R, { className: "h-32 w-full" }),
+        /* @__PURE__ */ e(R, { className: "h-32 w-full" })
+      ] }),
+      children: /* @__PURE__ */ s("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ s("div", { className: "flex-1 min-w-0", children: [
+          G.map((o, f) => /* @__PURE__ */ s("div", { children: [
+            o.label && /* @__PURE__ */ e("p", { className: T("text-lg font-semibold mb-2 text-foreground", f > 0 && "mt-4"), children: o.label }),
+            o.questions.map((b) => {
+              const M = n++;
+              return /* @__PURE__ */ e(
+                W,
+                {
+                  ref: (Q) => k(b.uid, Q),
+                  "data-question-uid": b.uid,
+                  className: "mb-2",
+                  children: /* @__PURE__ */ s(q, { className: "pt-6", children: [
+                    C && /* @__PURE__ */ s("p", { className: "font-semibold text-sm text-muted-foreground mb-1", children: [
+                      "Question ",
+                      M + 1
+                    ] }),
+                    /* @__PURE__ */ e(
+                      Te,
+                      {
+                        question: b,
+                        sessionAnswers: S.get(b.uid) ?? ht,
+                        onAnswer: (Q) => V(b.uid, Q),
+                        readOnly: h
+                      }
+                    )
+                  ] })
+                },
+                b.uid
+              );
+            })
+          ] }, o.label ?? `ungrouped-${f}`)),
+          /* @__PURE__ */ e(ee, { className: "my-3" }),
+          /* @__PURE__ */ s("div", { className: "flex justify-between items-center", children: [
+            /* @__PURE__ */ s("span", { className: "text-sm text-muted-foreground", children: [
+              g,
+              " of ",
+              t.length,
+              " answered"
+            ] }),
+            /* @__PURE__ */ e(
+              E,
+              {
+                onClick: () => a(y),
+                disabled: p || h,
+                children: p ? "Submitting..." : "Submit"
+              }
+            )
+          ] })
         ] }),
-        /* @__PURE__ */ e(
-          L,
-          {
-            onClick: () => x(p),
-            disabled: N || u,
-            children: N ? "Submitting..." : "Submit"
-          }
-        )
+        l && /* @__PURE__ */ e(W, { className: "hidden md:block w-50 shrink-0 sticky top-4 self-start", children: /* @__PURE__ */ s(q, { className: "p-3", children: [
+          /* @__PURE__ */ e("p", { className: "font-semibold text-sm mb-1 text-foreground", children: "Questions" }),
+          /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: t.map((o, f) => {
+            const b = S.has(o.uid), M = D === o.uid;
+            return /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: T(
+                  "inline-flex items-center justify-center text-xs font-medium min-w-9 px-1 py-0.5 rounded-full cursor-pointer border transition-colors",
+                  M ? "bg-primary border-primary text-primary-foreground" : b ? "border-success text-success bg-transparent" : "border-border text-foreground bg-transparent hover:bg-muted"
+                ),
+                onClick: () => F(o.uid),
+                children: f + 1
+              },
+              o.uid
+            );
+          }) })
+        ] }) })
       ] })
-    ] }),
-    z && /* @__PURE__ */ e(Q, { className: "hidden md:block w-50 shrink-0 sticky top-4 self-start", children: /* @__PURE__ */ r(I, { className: "p-3", children: [
-      /* @__PURE__ */ e("p", { className: "font-semibold text-sm mb-1 text-foreground", children: "Questions" }),
-      /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: l.map((s, n) => {
-        const a = m.has(s.uid), o = i === s.uid;
-        return /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            className: f(
-              "inline-flex items-center justify-center text-xs font-medium min-w-9 px-1 py-0.5 rounded-full cursor-pointer border transition-colors",
-              o ? "bg-primary border-primary text-primary-foreground" : a ? "border-success text-success bg-transparent" : "border-border text-foreground bg-transparent hover:bg-muted"
-            ),
-            onClick: () => v(s.uid),
-            children: n + 1
-          },
-          s.uid
-        );
-      }) })
-    ] }) })
-  ] });
+    }
+  );
 }
-const H = {
+const he = {
   pdf: "document",
   document: "document",
   video: "video",
@@ -147,257 +165,1293 @@ const H = {
   archive: "document",
   other: "document"
 };
-function pe({
-  resources: l,
-  categories: h,
-  onResourceClick: x,
-  onDownload: b,
-  viewMode: z = "list",
-  allowViewToggle: T = !0,
-  showSearch: g = !0,
-  emptyMessage: N = "No resources found",
-  readOnly: u = !1,
-  className: k,
-  style: A
+function _t({
+  resources: t,
+  categories: r,
+  onResourceClick: a,
+  onDownload: i,
+  viewMode: l = "list",
+  allowViewToggle: C = !0,
+  showSearch: x = !0,
+  emptyMessage: p = "No resources found",
+  readOnly: h = !1,
+  isLoading: N,
+  error: I,
+  onRetry: m,
+  pageSize: c,
+  currentPage: d = 1,
+  totalItems: y,
+  onPageChange: v,
+  className: D,
+  style: w
 }) {
-  const [p, w] = S(""), [i, c] = S(null), [d, m] = S(z), P = U(() => {
-    let t = l;
-    if (i && (t = t.filter((v) => v.categoryUid === i)), p.trim()) {
-      const v = p.toLowerCase();
-      t = t.filter(
-        (y) => {
-          var E;
-          return y.name.toLowerCase().includes(v) || ((E = y.description) == null ? void 0 : E.toLowerCase().includes(v));
+  const [L, S] = j(""), [g, k] = j(null), [U, V] = j(l), F = O(() => {
+    let n = t;
+    if (g && (n = n.filter((_) => _.categoryUid === g)), L.trim()) {
+      const _ = L.toLowerCase();
+      n = n.filter(
+        (o) => {
+          var f;
+          return o.name.toLowerCase().includes(_) || ((f = o.description) == null ? void 0 : f.toLowerCase().includes(_));
         }
       );
     }
-    return t;
-  }, [l, i, p]);
-  function j(t) {
-    const v = H[t.type] ?? "document";
-    return /* @__PURE__ */ r(
+    return n;
+  }, [t, g, L]);
+  if (N)
+    return /* @__PURE__ */ s("div", { className: T("space-y-4", D), style: w, children: [
+      /* @__PURE__ */ e(R, { className: "h-9 w-full" }),
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-4", children: Array.from({ length: 6 }).map((n, _) => /* @__PURE__ */ e(R, { className: "h-32 w-full rounded-lg" }, _)) })
+    ] });
+  if (I)
+    return /* @__PURE__ */ e("div", { className: T("py-12", D), style: w, children: /* @__PURE__ */ e(
+      te,
+      {
+        icon: /* @__PURE__ */ e(Fe, { className: "size-10 text-destructive" }),
+        title: "Something went wrong",
+        description: I,
+        action: m ? /* @__PURE__ */ e(E, { variant: "outline", onClick: m, children: "Retry" }) : void 0
+      }
+    ) });
+  function G(n) {
+    const _ = he[n.type] ?? "document";
+    return /* @__PURE__ */ s(
       "div",
       {
-        className: f(
+        className: T(
           "flex items-center gap-3 px-3 py-2",
-          !u && "cursor-pointer hover:bg-muted",
-          u && "opacity-70"
+          !h && a && "cursor-pointer hover:bg-muted",
+          (h || !a) && "opacity-70"
         ),
-        onClick: () => !u && x(t),
+        onClick: () => !h && (a == null ? void 0 : a(n)),
         children: [
-          /* @__PURE__ */ e("div", { className: "min-w-10", children: /* @__PURE__ */ e(G, { type: v, size: 20 }) }),
-          /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ e("span", { className: "text-sm text-foreground", children: t.name }),
-            (t.description || t.fileSize != null) && /* @__PURE__ */ e("span", { className: "block text-xs text-muted-foreground", children: [
-              t.description,
-              t.fileSize != null && _(t.fileSize)
+          /* @__PURE__ */ e("div", { className: "min-w-10", children: /* @__PURE__ */ e(se, { type: _, size: 20 }) }),
+          /* @__PURE__ */ s("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ e("span", { className: "text-sm text-foreground", children: n.name }),
+            (n.description || n.fileSize != null) && /* @__PURE__ */ e("span", { className: "block text-xs text-muted-foreground", children: [
+              n.description,
+              n.fileSize != null && ue(n.fileSize)
             ].filter(Boolean).join(" · ") })
           ] }),
-          b && /* @__PURE__ */ r(B, { children: [
-            /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
-              L,
+          i && /* @__PURE__ */ s(Y, { children: [
+            /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(
+              E,
               {
                 variant: "ghost",
                 size: "icon-xs",
                 "aria-label": "Download",
-                onClick: (y) => {
-                  y.stopPropagation(), b(t);
+                onClick: (o) => {
+                  o.stopPropagation(), i(n);
                 },
-                children: /* @__PURE__ */ e(ae, { size: 16 })
+                children: /* @__PURE__ */ e(ke, { size: 16 })
               }
             ) }),
-            /* @__PURE__ */ e(F, { children: "Download" })
+            /* @__PURE__ */ e(X, { children: "Download" })
           ] })
         ]
       },
-      t.uid
+      n.uid
     );
   }
-  return /* @__PURE__ */ r("div", { className: k, style: A, children: [
-    /* @__PURE__ */ r("div", { className: "flex gap-2 items-center mb-2", children: [
-      g && /* @__PURE__ */ e("div", { className: "flex-1 max-w-80", children: /* @__PURE__ */ e(
-        X,
+  return /* @__PURE__ */ s("div", { className: D, style: w, children: [
+    /* @__PURE__ */ s("div", { className: "flex gap-2 items-center mb-2", children: [
+      x && /* @__PURE__ */ e("div", { className: "flex-1 max-w-80", children: /* @__PURE__ */ e(
+        Ie,
         {
-          value: p,
-          onChange: w,
+          value: L,
+          onChange: S,
           placeholder: "Search resources...",
           size: "small"
         }
       ) }),
-      T && /* @__PURE__ */ r("div", { className: "flex gap-0.5", children: [
-        /* @__PURE__ */ r(B, { children: [
-          /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
-            L,
+      C && /* @__PURE__ */ s("div", { className: "flex gap-0.5", children: [
+        /* @__PURE__ */ s(Y, { children: [
+          /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(
+            E,
             {
               variant: "ghost",
               size: "icon-xs",
               "aria-label": "List view",
-              className: f(d === "list" && "text-primary"),
-              onClick: () => m("list"),
-              children: /* @__PURE__ */ e(ne, { size: 18 })
+              className: T(U === "list" && "text-primary"),
+              onClick: () => V("list"),
+              children: /* @__PURE__ */ e(Ue, { size: 18 })
             }
           ) }),
-          /* @__PURE__ */ e(F, { children: "List view" })
+          /* @__PURE__ */ e(X, { children: "List view" })
         ] }),
-        /* @__PURE__ */ r(B, { children: [
-          /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
-            L,
+        /* @__PURE__ */ s(Y, { children: [
+          /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(
+            E,
             {
               variant: "ghost",
               size: "icon-xs",
               "aria-label": "Grid view",
-              className: f(d === "grid" && "text-primary"),
-              onClick: () => m("grid"),
-              children: /* @__PURE__ */ e(re, { size: 18 })
+              className: T(U === "grid" && "text-primary"),
+              onClick: () => V("grid"),
+              children: /* @__PURE__ */ e(je, { size: 18 })
             }
           ) }),
-          /* @__PURE__ */ e(F, { children: "Grid view" })
+          /* @__PURE__ */ e(X, { children: "Grid view" })
         ] })
       ] })
     ] }),
-    h && h.length > 0 && /* @__PURE__ */ e(
-      q,
+    r && r.length > 0 && /* @__PURE__ */ e(
+      Le,
       {
-        value: i ?? "all",
-        onValueChange: (t) => c(t === "all" ? null : t),
+        value: g ?? "all",
+        onValueChange: (n) => k(n === "all" ? null : n),
         className: "mb-2",
-        children: /* @__PURE__ */ r(ee, { children: [
-          /* @__PURE__ */ e(M, { value: "all", children: "All" }),
-          h.map((t) => /* @__PURE__ */ e(M, { value: t.uid, children: t.label }, t.uid))
+        children: /* @__PURE__ */ s(Pe, { children: [
+          /* @__PURE__ */ e(me, { value: "all", children: "All" }),
+          r.map((n) => /* @__PURE__ */ e(me, { value: n.uid, children: n.label }, n.uid))
         ] })
       }
     ),
-    P.length === 0 ? /* @__PURE__ */ e(K, { title: N, description: "Try adjusting your search or filter." }) : d === "list" ? /* @__PURE__ */ e(Q, { children: P.map(j) }) : /* @__PURE__ */ e("div", { className: "grid grid-cols-[repeat(auto-fill,minmax(240px,1fr))] gap-2", children: P.map((t) => /* @__PURE__ */ e(
-      Q,
+    F.length === 0 ? /* @__PURE__ */ e(te, { title: p, description: "Try adjusting your search or filter." }) : U === "list" ? /* @__PURE__ */ e(W, { children: (v && c ? F.slice((d - 1) * c, d * c) : F).map(G) }) : /* @__PURE__ */ e("div", { className: "grid grid-cols-[repeat(auto-fill,minmax(240px,1fr))] gap-2", children: (v && c ? F.slice((d - 1) * c, d * c) : F).map((n) => /* @__PURE__ */ e(
+      W,
       {
-        className: f(
+        className: T(
           "transition-colors",
-          !u && "cursor-pointer hover:border-primary"
+          !h && a && "cursor-pointer hover:border-primary"
         ),
-        onClick: () => !u && x(t),
-        children: /* @__PURE__ */ r(I, { className: "pt-4 pb-4", children: [
-          /* @__PURE__ */ r("div", { className: "flex gap-1 items-center mb-1", children: [
-            /* @__PURE__ */ e(G, { type: H[t.type] ?? "document", size: 20 }),
-            /* @__PURE__ */ e("span", { className: "font-semibold text-sm text-foreground truncate", children: t.name })
+        onClick: () => !h && (a == null ? void 0 : a(n)),
+        children: /* @__PURE__ */ s(q, { className: "pt-4 pb-4", children: [
+          /* @__PURE__ */ s("div", { className: "flex gap-1 items-center mb-1", children: [
+            /* @__PURE__ */ e(se, { type: he[n.type] ?? "document", size: 20 }),
+            /* @__PURE__ */ e("span", { className: "font-semibold text-sm text-foreground truncate", children: n.name })
           ] }),
-          t.description && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground mb-1 truncate", children: t.description }),
-          t.fileSize != null && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: _(t.fileSize) })
+          n.description && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground mb-1 truncate", children: n.description }),
+          n.fileSize != null && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: ue(n.fileSize) })
         ] })
       },
-      t.uid
-    )) })
+      n.uid
+    )) }),
+    v && c && F.length > 0 && /* @__PURE__ */ e(
+      De,
+      {
+        currentPage: d,
+        totalPages: Math.ceil((y ?? F.length) / c),
+        onPageChange: v,
+        className: "mt-4"
+      }
+    )
   ] });
 }
+const le = [
+  { type: "richtext", label: "Rich Text", description: "Formatted text content" },
+  { type: "heading", label: "Heading", description: "Section heading" },
+  { type: "image", label: "Image", description: "Image with caption" },
+  { type: "video", label: "Video", description: "Video player" },
+  { type: "code", label: "Code", description: "Code snippet" },
+  { type: "callout", label: "Callout", description: "Info, warning, or tip" },
+  { type: "audio", label: "Audio", description: "Audio player" },
+  { type: "embed", label: "Embed", description: "External embed" },
+  { type: "table", label: "Table", description: "Data table" },
+  { type: "file", label: "Files", description: "File attachments" },
+  { type: "divider", label: "Divider", description: "Horizontal separator" }
+], Se = {
+  richtext: de,
+  heading: Xe,
+  image: Je,
+  video: Ye,
+  code: Ke,
+  callout: We,
+  audio: Ge,
+  embed: Oe,
+  table: He,
+  file: Ve,
+  divider: $e
+};
+function ft(t) {
+  return Se[t] ?? de;
+}
+function gt(t) {
+  var r;
+  return ((r = le.find((a) => a.type === t)) == null ? void 0 : r.label) ?? t;
+}
 function fe({
-  announcements: l,
-  onMarkRead: h,
-  onSelect: x,
-  showAvatars: b = !0,
-  previewLines: z = 3,
-  emptyMessage: T = "No announcements yet",
-  readOnly: g = !1,
-  className: N,
-  style: u
+  onSelect: t,
+  allowedTypes: r,
+  className: a
+}) {
+  const [i, l] = j(!1), C = Z(null), x = r ? le.filter((p) => r.includes(p.type)) : le;
+  return Ne(() => {
+    if (!i) return;
+    function p(h) {
+      C.current && !C.current.contains(h.target) && l(!1);
+    }
+    return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
+  }, [i]), /* @__PURE__ */ s("div", { className: T("relative", a), ref: C, children: [
+    /* @__PURE__ */ s(
+      E,
+      {
+        variant: "ghost",
+        size: "sm",
+        onClick: () => l(!i),
+        className: "text-muted-foreground hover:text-foreground gap-1 h-7 text-xs",
+        children: [
+          /* @__PURE__ */ e(Qe, { className: "size-3.5" }),
+          "Add block"
+        ]
+      }
+    ),
+    i && /* @__PURE__ */ e("div", { className: "absolute left-1/2 -translate-x-1/2 top-full mt-1 z-50 w-72 rounded-lg border border-border bg-background shadow-lg p-2", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-1", children: x.map(({ type: p, label: h }) => {
+      const N = Se[p] ?? de;
+      return /* @__PURE__ */ s(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            t(p), l(!1);
+          },
+          className: "flex flex-col items-center gap-1 rounded-md p-2 text-xs text-muted-foreground hover:bg-muted hover:text-foreground transition-colors",
+          children: [
+            /* @__PURE__ */ e(N, { className: "size-4" }),
+            /* @__PURE__ */ e("span", { children: h })
+          ]
+        },
+        p
+      );
+    }) }) })
+  ] });
+}
+const vt = ce(function({
+  item: r,
+  onChange: a,
+  onRemove: i,
+  onDuplicate: l,
+  onToggleCollapse: C,
+  dragProps: x,
+  isDragging: p,
+  isDragOver: h
+}) {
+  const { id: N, block: I, collapsed: m } = r, c = ft(I.type), d = gt(I.type), y = B(
+    (L) => a(N, L),
+    [N, a]
+  ), v = B(() => i(N), [N, i]), D = B(() => l(N), [N, l]), w = B(() => C(N), [N, C]);
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      ...x,
+      className: T(
+        "group rounded-lg border border-border bg-background transition-all",
+        p && "opacity-50",
+        h && "border-primary shadow-sm"
+      ),
+      children: [
+        /* @__PURE__ */ s("div", { className: "flex items-center gap-1 px-2 py-1.5 border-b border-border/50", children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: "cursor-grab text-muted-foreground/50 hover:text-muted-foreground",
+              "aria-label": "Drag to reorder",
+              children: /* @__PURE__ */ e(Ze, { className: "size-4" })
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: w,
+              className: "text-muted-foreground hover:text-foreground p-0.5",
+              children: m ? /* @__PURE__ */ e(qe, { className: "size-3.5" }) : /* @__PURE__ */ e(et, { className: "size-3.5" })
+            }
+          ),
+          /* @__PURE__ */ s(ae, { variant: "secondary", className: "text-[10px] gap-1 px-1.5 py-0", children: [
+            /* @__PURE__ */ e(c, { className: "size-3" }),
+            d
+          ] }),
+          /* @__PURE__ */ e("div", { className: "flex-1" }),
+          /* @__PURE__ */ e(
+            E,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: D,
+              className: "h-6 w-6 p-0 opacity-0 group-hover:opacity-100 text-muted-foreground",
+              children: /* @__PURE__ */ e(tt, { className: "size-3" })
+            }
+          ),
+          /* @__PURE__ */ e(
+            E,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: v,
+              className: "h-6 w-6 p-0 opacity-0 group-hover:opacity-100 text-destructive",
+              children: /* @__PURE__ */ e(ie, { className: "size-3" })
+            }
+          )
+        ] }),
+        !m && /* @__PURE__ */ e("div", { className: "p-3", children: /* @__PURE__ */ e(xt, { block: I, onChange: y }) })
+      ]
+    }
+  );
+});
+function xt({
+  block: t,
+  onChange: r
+}) {
+  switch (t.type) {
+    case "richtext":
+      return /* @__PURE__ */ e(
+        Ee,
+        {
+          value: t.html,
+          onChange: (a) => r({ ...t, html: a }),
+          placeholder: "Write your content..."
+        }
+      );
+    case "heading":
+      return /* @__PURE__ */ s("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ s(
+          "select",
+          {
+            value: t.level ?? 2,
+            onChange: (a) => r({ ...t, level: Number(a.target.value) }),
+            className: "h-9 rounded-md border border-input bg-transparent px-2 text-sm",
+            children: [
+              /* @__PURE__ */ e("option", { value: 1, children: "H1" }),
+              /* @__PURE__ */ e("option", { value: 2, children: "H2" }),
+              /* @__PURE__ */ e("option", { value: 3, children: "H3" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          A,
+          {
+            value: t.text,
+            onChange: (a) => r({ ...t, text: a.target.value }),
+            placeholder: "Heading text...",
+            className: "flex-1"
+          }
+        )
+      ] });
+    case "image":
+      return /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(
+          A,
+          {
+            value: t.src,
+            onChange: (a) => r({ ...t, src: a.target.value }),
+            placeholder: "Image URL..."
+          }
+        ),
+        /* @__PURE__ */ s("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ e(
+            A,
+            {
+              value: t.alt ?? "",
+              onChange: (a) => r({ ...t, alt: a.target.value }),
+              placeholder: "Alt text...",
+              className: "flex-1"
+            }
+          ),
+          /* @__PURE__ */ e(
+            A,
+            {
+              value: t.caption ?? "",
+              onChange: (a) => r({ ...t, caption: a.target.value }),
+              placeholder: "Caption...",
+              className: "flex-1"
+            }
+          )
+        ] }),
+        t.src && /* @__PURE__ */ e(
+          "img",
+          {
+            src: t.src,
+            alt: t.alt ?? "",
+            className: "max-h-40 rounded-md object-cover"
+          }
+        )
+      ] });
+    case "video":
+      return /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(
+          A,
+          {
+            value: t.video.src ?? "",
+            onChange: (a) => r({ ...t, video: { ...t.video, src: a.target.value } }),
+            placeholder: "Video URL..."
+          }
+        ),
+        /* @__PURE__ */ e(
+          A,
+          {
+            value: t.video.title ?? "",
+            onChange: (a) => r({ ...t, video: { ...t.video, title: a.target.value } }),
+            placeholder: "Video title..."
+          }
+        )
+      ] });
+    case "code":
+      return /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ s("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ e(
+            A,
+            {
+              value: t.language ?? "",
+              onChange: (a) => r({ ...t, language: a.target.value }),
+              placeholder: "Language (e.g. javascript)",
+              className: "w-40"
+            }
+          ),
+          /* @__PURE__ */ e(
+            A,
+            {
+              value: t.filename ?? "",
+              onChange: (a) => r({ ...t, filename: a.target.value }),
+              placeholder: "Filename (optional)",
+              className: "flex-1"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(
+          "textarea",
+          {
+            value: t.code,
+            onChange: (a) => r({ ...t, code: a.target.value }),
+            placeholder: "Paste your code...",
+            className: "w-full min-h-24 rounded-md border border-input bg-muted p-3 font-mono text-sm resize-y focus:outline-none focus:ring-2 focus:ring-ring",
+            spellCheck: !1
+          }
+        )
+      ] });
+    case "callout":
+      return /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ s(
+          "select",
+          {
+            value: t.variant ?? "info",
+            onChange: (a) => r({
+              ...t,
+              variant: a.target.value
+            }),
+            className: "h-9 rounded-md border border-input bg-transparent px-2 text-sm",
+            children: [
+              /* @__PURE__ */ e("option", { value: "info", children: "Info" }),
+              /* @__PURE__ */ e("option", { value: "warning", children: "Warning" }),
+              /* @__PURE__ */ e("option", { value: "tip", children: "Tip" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          A,
+          {
+            value: t.content,
+            onChange: (a) => r({ ...t, content: a.target.value }),
+            placeholder: "Callout text..."
+          }
+        )
+      ] });
+    case "audio":
+      return /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(
+          A,
+          {
+            value: t.src,
+            onChange: (a) => r({ ...t, src: a.target.value }),
+            placeholder: "Audio URL..."
+          }
+        ),
+        /* @__PURE__ */ e(
+          A,
+          {
+            value: t.title ?? "",
+            onChange: (a) => r({ ...t, title: a.target.value }),
+            placeholder: "Title (optional)"
+          }
+        )
+      ] });
+    case "embed":
+      return /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(
+          A,
+          {
+            value: t.src,
+            onChange: (a) => r({ ...t, src: a.target.value }),
+            placeholder: "Embed URL..."
+          }
+        ),
+        /* @__PURE__ */ s("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ e(
+            A,
+            {
+              value: t.title ?? "",
+              onChange: (a) => r({ ...t, title: a.target.value }),
+              placeholder: "Title (optional)",
+              className: "flex-1"
+            }
+          ),
+          /* @__PURE__ */ s(
+            "select",
+            {
+              value: t.aspectRatio ?? "16/9",
+              onChange: (a) => r({
+                ...t,
+                aspectRatio: a.target.value
+              }),
+              className: "h-9 rounded-md border border-input bg-transparent px-2 text-sm",
+              children: [
+                /* @__PURE__ */ e("option", { value: "16/9", children: "16:9" }),
+                /* @__PURE__ */ e("option", { value: "4/3", children: "4:3" }),
+                /* @__PURE__ */ e("option", { value: "1/1", children: "1:1" })
+              ]
+            }
+          )
+        ] })
+      ] });
+    case "table":
+      return /* @__PURE__ */ e(Nt, { block: t, onChange: r });
+    case "file":
+      return /* @__PURE__ */ s("p", { className: "text-sm text-muted-foreground", children: [
+        "File attachments are managed via the ",
+        /* @__PURE__ */ e("code", { className: "text-xs", children: "files" }),
+        " prop.",
+        t.files.length > 0 && /* @__PURE__ */ s("span", { className: "ml-1", children: [
+          "(",
+          t.files.length,
+          " file",
+          t.files.length !== 1 && "s",
+          " attached)"
+        ] })
+      ] });
+    case "divider":
+      return /* @__PURE__ */ e(ee, {});
+    case "question":
+    case "flashcards":
+      return /* @__PURE__ */ s("p", { className: "text-sm text-muted-foreground italic", children: [
+        "Interactive ",
+        t.type,
+        " blocks are configured via props."
+      ] });
+    case "custom":
+      return /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground italic", children: "Custom blocks are not editable in the authoring studio." });
+    default:
+      return null;
+  }
+}
+function Nt({
+  block: t,
+  onChange: r
 }) {
-  const [k, A] = S(/* @__PURE__ */ new Set()), p = U(() => {
-    const i = l.filter((d) => d.isPinned), c = l.filter((d) => !d.isPinned);
-    return [...i, ...c];
-  }, [l]);
-  function w(i) {
-    A((d) => {
-      const m = new Set(d);
-      return m.has(i) ? m.delete(i) : m.add(i), m;
+  const { headers: a, rows: i, caption: l } = t;
+  function C(m, c) {
+    const d = [...a];
+    d[m] = c, r({ ...t, headers: d });
+  }
+  function x(m, c, d) {
+    const y = i.map((v) => [...v]);
+    y[m][c] = d, r({ ...t, rows: y });
+  }
+  function p() {
+    r({
+      ...t,
+      headers: [...a, ""],
+      rows: i.map((m) => [...m, ""])
+    });
+  }
+  function h(m) {
+    a.length <= 1 || r({
+      ...t,
+      headers: a.filter((c, d) => d !== m),
+      rows: i.map((c) => c.filter((d, y) => y !== m))
     });
-    const c = l.find((d) => d.uid === i);
-    c && !c.isRead && (h == null || h(i));
   }
-  return p.length === 0 ? /* @__PURE__ */ e("div", { className: N, style: u, children: /* @__PURE__ */ e(K, { title: T }) }) : /* @__PURE__ */ e("div", { className: f("flex flex-col gap-2", N), style: u, children: p.map((i) => {
-    const c = k.has(i.uid);
-    return /* @__PURE__ */ e(
-      Q,
+  function N() {
+    r({
+      ...t,
+      rows: [...i, a.map(() => "")]
+    });
+  }
+  function I(m) {
+    r({
+      ...t,
+      rows: i.filter((c, d) => d !== m)
+    });
+  }
+  return /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ e(
+      A,
       {
-        className: f(
-          i.isRead && "opacity-85",
-          x && "cursor-pointer",
-          i.isPinned && "border-l-4 border-l-warning"
-        ),
-        onClick: () => x && !g ? x(i) : w(i.uid),
-        children: /* @__PURE__ */ e(I, { className: "py-4", children: /* @__PURE__ */ r("div", { className: "flex gap-1.5 items-start", children: [
-          b && /* @__PURE__ */ e(
+        value: l ?? "",
+        onChange: (m) => r({ ...t, caption: m.target.value }),
+        placeholder: "Table caption (optional)",
+        className: "text-sm"
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ s("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { children: [
+        a.map((m, c) => /* @__PURE__ */ e("th", { className: "p-1", children: /* @__PURE__ */ s("div", { className: "flex gap-0.5", children: [
+          /* @__PURE__ */ e(
+            A,
+            {
+              value: m,
+              onChange: (d) => C(c, d.target.value),
+              placeholder: `Col ${c + 1}`,
+              className: "h-7 text-xs font-semibold"
+            }
+          ),
+          a.length > 1 && /* @__PURE__ */ e(
+            E,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: () => h(c),
+              className: "h-7 w-7 p-0 text-destructive shrink-0",
+              children: /* @__PURE__ */ e(ie, { className: "size-3" })
+            }
+          )
+        ] }) }, c)),
+        /* @__PURE__ */ e("th", { className: "p-1 w-8", children: /* @__PURE__ */ e(
+          E,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: p,
+            className: "h-7 w-7 p-0 text-muted-foreground",
+            children: "+"
+          }
+        ) })
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: i.map((m, c) => /* @__PURE__ */ s("tr", { children: [
+        m.map((d, y) => /* @__PURE__ */ e("td", { className: "p-1", children: /* @__PURE__ */ e(
+          A,
+          {
+            value: d,
+            onChange: (v) => x(c, y, v.target.value),
+            className: "h-7 text-xs"
+          }
+        ) }, y)),
+        /* @__PURE__ */ e("td", { className: "p-1", children: /* @__PURE__ */ e(
+          E,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: () => I(c),
+            className: "h-7 w-7 p-0 text-destructive",
+            children: /* @__PURE__ */ e(ie, { className: "size-3" })
+          }
+        ) })
+      ] }, c)) })
+    ] }) }),
+    /* @__PURE__ */ e(
+      E,
+      {
+        variant: "ghost",
+        size: "sm",
+        onClick: N,
+        className: "text-xs text-muted-foreground",
+        children: "+ Add row"
+      }
+    )
+  ] });
+}
+let bt = 0;
+function re() {
+  return `ab_${++bt}_${Date.now().toString(36)}`;
+}
+function yt(t) {
+  return t.map((r) => ({ id: re(), block: r }));
+}
+function wt(t) {
+  switch (t) {
+    case "richtext":
+      return { type: "richtext", html: "" };
+    case "heading":
+      return { type: "heading", text: "", level: 2 };
+    case "image":
+      return { type: "image", src: "", alt: "" };
+    case "video":
+      return { type: "video", video: { src: "" } };
+    case "code":
+      return { type: "code", code: "", language: "javascript" };
+    case "callout":
+      return { type: "callout", content: "", variant: "info" };
+    case "audio":
+      return { type: "audio", src: "" };
+    case "embed":
+      return { type: "embed", src: "" };
+    case "table":
+      return { type: "table", headers: ["Column 1", "Column 2"], rows: [["", ""]] };
+    case "file":
+      return { type: "file", files: [] };
+    case "divider":
+      return { type: "divider" };
+    case "question":
+      return {
+        type: "question",
+        question: {
+          uid: re(),
+          type: "multiple_choice",
+          content: "",
+          answers: []
+        }
+      };
+    case "flashcards":
+      return { type: "flashcards", cards: [] };
+    case "custom":
+      return { type: "custom", render: null };
+    default:
+      return { type: "richtext", html: "" };
+  }
+}
+function Ct({
+  title: t = "",
+  blocks: r,
+  onBlocksChange: a,
+  onTitleChange: i,
+  onSave: l,
+  showPreviewToggle: C = !0,
+  allowedBlockTypes: x,
+  readOnly: p = !1,
+  isLoading: h,
+  error: N,
+  onRetry: I,
+  className: m,
+  style: c
+}) {
+  const [d, y] = j(t), [v, D] = j(
+    () => yt(r ?? [])
+  ), [w, L] = j(p ? "preview" : "edit"), S = O(() => v.map((u) => u.block), [v]), g = B(
+    (u) => {
+      D(u), a == null || a(u.map((z) => z.block));
+    },
+    [a]
+  ), k = Z(v);
+  k.current = v;
+  function U(u, z) {
+    const P = { id: re(), block: wt(u) }, K = [...v];
+    K.splice(z, 0, P), g(K);
+  }
+  const V = B((u, z) => {
+    g(k.current.map((P) => P.id === u ? { ...P, block: z } : P));
+  }, [g]), F = B((u) => {
+    g(k.current.filter((z) => z.id !== u));
+  }, [g]), G = B((u) => {
+    const z = k.current, P = z.findIndex((ze) => ze.id === u);
+    if (P === -1) return;
+    const K = {
+      id: re(),
+      block: structuredClone(z[P].block)
+    }, oe = [...z];
+    oe.splice(P + 1, 0, K), g(oe);
+  }, [g]), n = B((u) => {
+    D(
+      (z) => z.map(
+        (P) => P.id === u ? { ...P, collapsed: !P.collapsed } : P
+      )
+    );
+  }, []);
+  function _(u) {
+    y(u), i == null || i(u);
+  }
+  function o() {
+    l == null || l({ title: d, blocks: S });
+  }
+  const { getDragProps: f, dragIndex: b, dragOverIndex: M } = Be({
+    items: v,
+    onReorder: g,
+    disabled: p || w === "preview"
+  }), Q = w === "edit" && !p;
+  return /* @__PURE__ */ e(
+    ne,
+    {
+      isLoading: h,
+      error: N,
+      onRetry: I,
+      className: m,
+      style: c,
+      skeleton: /* @__PURE__ */ s($, { children: [
+        /* @__PURE__ */ e(R, { className: "h-10 w-64" }),
+        /* @__PURE__ */ e(R, { className: "h-6 w-32" }),
+        /* @__PURE__ */ e(R, { className: "h-32 w-full" }),
+        /* @__PURE__ */ e(R, { className: "h-24 w-full" }),
+        /* @__PURE__ */ e(R, { className: "h-32 w-full" })
+      ] }),
+      children: /* @__PURE__ */ s("div", { children: [
+        /* @__PURE__ */ s("div", { className: "flex items-center gap-2 mb-4", children: [
+          Q ? /* @__PURE__ */ e(
+            A,
+            {
+              value: d,
+              onChange: (u) => _(u.target.value),
+              placeholder: "Lesson title...",
+              className: "text-lg font-semibold flex-1 h-10"
+            }
+          ) : /* @__PURE__ */ e("h2", { className: "text-xl font-bold flex-1 text-foreground", children: d || "Untitled Lesson" }),
+          C && !p && /* @__PURE__ */ e(
+            E,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: () => L(w === "edit" ? "preview" : "edit"),
+              className: "gap-1.5",
+              children: w === "edit" ? /* @__PURE__ */ s($, { children: [
+                /* @__PURE__ */ e(at, { className: "size-3.5" }),
+                " Preview"
+              ] }) : /* @__PURE__ */ s($, { children: [
+                /* @__PURE__ */ e(rt, { className: "size-3.5" }),
+                " Edit"
+              ] })
+            }
+          ),
+          l && !p && /* @__PURE__ */ s(E, { size: "sm", onClick: o, className: "gap-1.5", children: [
+            /* @__PURE__ */ e(st, { className: "size-3.5" }),
+            " Save"
+          ] })
+        ] }),
+        Q ? /* @__PURE__ */ s("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ e("div", { className: "flex justify-center py-1", children: /* @__PURE__ */ e(
+            fe,
+            {
+              onSelect: (u) => U(u, 0),
+              allowedTypes: x
+            }
+          ) }),
+          v.length === 0 && /* @__PURE__ */ e(
             te,
             {
-              displayName: i.author.displayName,
-              avatarUrl: i.author.avatarUrl,
-              role: i.author.role,
-              size: "medium"
+              title: "No content blocks",
+              description: "Click 'Add block' above to start building your lesson."
             }
           ),
-          /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ r("div", { className: "flex items-center gap-1 mb-0.5", children: [
-              i.isPinned && /* @__PURE__ */ e(le, { size: 14 }),
-              /* @__PURE__ */ e(
-                "span",
-                {
-                  className: f("text-foreground", i.isRead ? "font-normal" : "font-semibold"),
-                  children: i.title
-                }
-              ),
-              !i.isRead && /* @__PURE__ */ e(ie, { variant: "destructive", className: "text-[10px] px-1.5 py-0", children: "New" })
+          v.map((u, z) => /* @__PURE__ */ s("div", { children: [
+            /* @__PURE__ */ e(
+              vt,
+              {
+                item: u,
+                onChange: V,
+                onRemove: F,
+                onDuplicate: G,
+                onToggleCollapse: n,
+                dragProps: f(z),
+                isDragging: b === z,
+                isDragOver: M === z
+              }
+            ),
+            /* @__PURE__ */ e("div", { className: "flex justify-center py-1", children: /* @__PURE__ */ e(
+              fe,
+              {
+                onSelect: (P) => U(P, z + 1),
+                allowedTypes: x
+              }
+            ) })
+          ] }, u.id))
+        ] }) : (
+          /* Preview mode */
+          /* @__PURE__ */ e("div", { className: "flex flex-col gap-3", children: v.length > 0 ? v.map((u) => /* @__PURE__ */ e(Re, { block: u.block, readOnly: !0 }, u.id)) : /* @__PURE__ */ e(
+            te,
+            {
+              title: "No content yet",
+              description: "Switch to edit mode to add content blocks."
+            }
+          ) })
+        )
+      ] })
+    }
+  );
+}
+const Mt = be(
+  Ct,
+  "ContentAuthoringStudio"
+), St = {
+  mastered: { label: "Mastered", variant: "success", icon: ct },
+  completed: { label: "Completed", variant: "success", icon: nt },
+  in_progress: { label: "In Progress", variant: "info", icon: lt },
+  available: { label: "Available", variant: "secondary" },
+  locked: { label: "Locked", variant: "muted", icon: we },
+  skipped: { label: "Skipped", variant: "muted", icon: it }
+}, zt = ce(function({
+  node: r,
+  onClick: a,
+  onStart: i,
+  readOnly: l = !1,
+  className: C
+}) {
+  const x = St[r.status], p = x.icon, h = r.status !== "locked" && !l, N = !l && (r.status === "available" || r.recommended) && r.status !== "locked" && r.status !== "completed" && r.status !== "mastered" && i, I = B(() => {
+    h && a && a(r.uid);
+  }, [h, a, r.uid]), m = B(
+    (d) => {
+      (d.key === "Enter" || d.key === " ") && (d.preventDefault(), a == null || a(r.uid));
+    },
+    [a, r.uid]
+  ), c = B(
+    (d) => {
+      d.stopPropagation(), i == null || i(r.uid);
+    },
+    [i, r.uid]
+  );
+  return /* @__PURE__ */ e(
+    W,
+    {
+      className: T(
+        "transition-all",
+        h && a && "cursor-pointer hover:border-primary/50 hover:shadow-md",
+        r.status === "in_progress" && "border-primary ring-1 ring-primary/20",
+        r.status === "locked" && "opacity-60",
+        r.status === "skipped" && "opacity-50",
+        r.recommended && r.status !== "locked" && "border-primary/40",
+        C
+      ),
+      onClick: h && a ? I : void 0,
+      role: h && a ? "button" : void 0,
+      tabIndex: h && a ? 0 : void 0,
+      onKeyDown: h && a ? m : void 0,
+      children: /* @__PURE__ */ e(q, { className: "p-4", children: /* @__PURE__ */ s("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: T(
+              "shrink-0 w-9 h-9 rounded-lg flex items-center justify-center",
+              r.status === "locked" ? "bg-muted text-muted-foreground" : "bg-primary/10 text-primary"
+            ),
+            children: r.icon ?? /* @__PURE__ */ e(se, { type: r.type, size: 18 })
+          }
+        ),
+        /* @__PURE__ */ s("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ s("div", { className: "flex items-center gap-2 flex-wrap", children: [
+            /* @__PURE__ */ e("h4", { className: "text-sm font-semibold text-foreground truncate", children: r.title }),
+            r.recommended && r.status !== "locked" && /* @__PURE__ */ s(ae, { variant: "default", className: "text-[10px] px-1.5 h-5 gap-0.5", children: [
+              /* @__PURE__ */ e(dt, { size: 10 }),
+              "Recommended"
+            ] })
+          ] }),
+          r.description && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-1", children: r.description }),
+          /* @__PURE__ */ s("div", { className: "flex items-center gap-3 mt-2 flex-wrap", children: [
+            /* @__PURE__ */ s(ae, { variant: x.variant, className: "text-[10px] px-1.5 h-5 gap-0.5", children: [
+              p && /* @__PURE__ */ e(p, { size: 10 }),
+              x.label
             ] }),
-            /* @__PURE__ */ r("span", { className: "block text-xs text-muted-foreground mb-1", children: [
-              i.author.displayName,
-              " · ",
-              se(i.createdAt)
+            r.estimatedDuration != null && r.estimatedDuration > 0 && /* @__PURE__ */ s("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ e(Ce, { size: 12 }),
+              ye(r.estimatedDuration)
             ] }),
+            r.score != null && /* @__PURE__ */ s("span", { className: "text-xs font-medium tabular-nums text-foreground", children: [
+              r.score,
+              "%"
+            ] })
+          ] })
+        ] }),
+        N && /* @__PURE__ */ e(
+          E,
+          {
+            size: "sm",
+            variant: r.recommended ? "default" : "outline",
+            className: "shrink-0",
+            onClick: c,
+            children: r.status === "in_progress" ? "Continue" : "Start"
+          }
+        )
+      ] }) })
+    }
+  );
+});
+function ge({ fromStatus: t, className: r }) {
+  const a = t === "mastered" || t === "completed", i = t === "in_progress";
+  return /* @__PURE__ */ e("div", { className: T("flex justify-center", r), children: /* @__PURE__ */ e(
+    "div",
+    {
+      className: T(
+        "w-0.5 h-8",
+        a && "bg-success",
+        i && "bg-primary",
+        !a && !i && "bg-border",
+        t === "skipped" && "border-l border-dashed border-muted-foreground bg-transparent"
+      )
+    }
+  ) });
+}
+const At = {
+  default: "text-primary",
+  gold: "text-palette-3",
+  silver: "text-muted-foreground",
+  bronze: "text-palette-3/70"
+};
+function ve({
+  milestone: t,
+  className: r
+}) {
+  const a = t.variant ?? "default";
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: T(
+        "flex items-center gap-3 py-2 px-4",
+        !t.reached && "opacity-50",
+        r
+      ),
+      children: [
+        /* @__PURE__ */ e("div", { className: "flex-1 h-px bg-border" }),
+        /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+          t.reached ? /* @__PURE__ */ e(ot, { size: 16, className: At[a] }) : /* @__PURE__ */ e(we, { size: 14, className: "text-muted-foreground" }),
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: T(
+                "text-xs font-semibold whitespace-nowrap",
+                t.reached ? "text-foreground" : "text-muted-foreground"
+              ),
+              children: t.title
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("div", { className: "flex-1 h-px bg-border" })
+      ]
+    }
+  );
+}
+const Tt = ce(function({ skill: r, onClick: a, className: i }) {
+  const l = r.targetProficiency ?? 100;
+  return /* @__PURE__ */ s(Y, { children: [
+    /* @__PURE__ */ e(J, { children: /* @__PURE__ */ s(
+      "button",
+      {
+        type: "button",
+        onClick: a ? () => a(r.uid) : void 0,
+        disabled: !a,
+        className: T(
+          "flex items-center gap-2 min-w-0 text-left",
+          a && "cursor-pointer hover:opacity-80",
+          !a && "cursor-default",
+          i
+        ),
+        children: [
+          /* @__PURE__ */ e("span", { className: "text-xs font-medium text-foreground whitespace-nowrap truncate min-w-16", children: r.name }),
+          /* @__PURE__ */ e(
+            _e,
+            {
+              value: r.proficiency,
+              max: l,
+              size: "sm",
+              className: "flex-1 min-w-20"
+            }
+          ),
+          /* @__PURE__ */ s("span", { className: "text-xs tabular-nums text-muted-foreground whitespace-nowrap", children: [
+            r.proficiency,
+            "%"
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ s(X, { children: [
+      r.name,
+      ": ",
+      r.proficiency,
+      "%",
+      l < 100 ? ` / ${l}% target` : ""
+    ] })
+  ] });
+}), xe = {
+  beginner: { label: "Beginner", variant: "success" },
+  intermediate: { label: "Intermediate", variant: "warning" },
+  advanced: { label: "Advanced", variant: "destructive" }
+};
+function It({
+  title: t,
+  description: r,
+  difficulty: a,
+  nodes: i = [],
+  progress: l,
+  skills: C,
+  milestones: x,
+  onNodeClick: p,
+  onNodeStart: h,
+  onSkillClick: N,
+  readOnly: I = !1,
+  isLoading: m,
+  error: c,
+  onRetry: d,
+  className: y,
+  style: v
+}) {
+  const D = O(() => {
+    const S = /* @__PURE__ */ new Map();
+    if (x)
+      for (const g of x)
+        S.set(g.afterNodeIndex, g);
+    return S;
+  }, [x]), w = Array.isArray(i) ? i : [], L = Array.isArray(C) ? C : [];
+  return /* @__PURE__ */ e(
+    ne,
+    {
+      isLoading: m,
+      error: c,
+      onRetry: d,
+      className: y,
+      style: v,
+      skeleton: /* @__PURE__ */ s($, { children: [
+        /* @__PURE__ */ e(R, { className: "h-8 w-64" }),
+        /* @__PURE__ */ e(R, { className: "h-4 w-96 mt-2" }),
+        /* @__PURE__ */ e("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-3 mt-6", children: Array.from({ length: 4 }, (S, g) => /* @__PURE__ */ e(R, { className: "h-28" }, g)) }),
+        /* @__PURE__ */ e("div", { className: "mt-8 space-y-3", children: Array.from({ length: 5 }, (S, g) => /* @__PURE__ */ e(R, { className: "h-20" }, g)) })
+      ] }),
+      children: /* @__PURE__ */ s("div", { className: y, style: v, children: [
+        /* @__PURE__ */ s("div", { className: "flex items-start justify-between gap-4 flex-wrap", children: [
+          /* @__PURE__ */ s("div", { className: "flex items-center gap-4", children: [
             /* @__PURE__ */ e(
-              "span",
+              Me,
               {
-                className: f(
-                  "text-sm text-foreground",
-                  !c && "line-clamp-(--preview-lines) overflow-hidden"
-                ),
-                style: c ? void 0 : { "--preview-lines": z },
-                children: i.content
+                value: l.completionPercentage,
+                size: 64,
+                strokeWidth: 5,
+                className: "shrink-0 text-primary"
               }
             ),
-            !c && i.content.length > 200 && /* @__PURE__ */ e(
-              L,
+            /* @__PURE__ */ s("div", { children: [
+              /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-foreground", children: t }),
+              r && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground mt-0.5", children: r })
+            ] })
+          ] }),
+          a && /* @__PURE__ */ e(ae, { variant: xe[a].variant, children: xe[a].label })
+        ] }),
+        /* @__PURE__ */ s("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-3 mt-6", children: [
+          /* @__PURE__ */ e(
+            H,
+            {
+              icon: /* @__PURE__ */ e(mt, {}),
+              label: "Progress",
+              value: `${Math.round(l.completionPercentage)}%`,
+              subtitle: "of path completed",
+              accent: "var(--primary)"
+            }
+          ),
+          /* @__PURE__ */ e(
+            H,
+            {
+              icon: /* @__PURE__ */ e(ut, {}),
+              label: "Completed",
+              value: `${l.completedNodes}/${l.totalNodes}`,
+              subtitle: "activities",
+              accent: "var(--success)"
+            }
+          ),
+          /* @__PURE__ */ e(
+            H,
+            {
+              icon: /* @__PURE__ */ e(Ce, {}),
+              label: "Time Spent",
+              value: ye(l.totalTimeSpent),
+              subtitle: "total",
+              accent: "var(--info)"
+            }
+          ),
+          l.averageScore != null ? /* @__PURE__ */ e(
+            H,
+            {
+              icon: /* @__PURE__ */ e(pe, {}),
+              label: "Avg Score",
+              value: `${Math.round(l.averageScore)}%`,
+              subtitle: "across activities",
+              accent: "var(--warning)"
+            }
+          ) : l.currentStreak != null ? /* @__PURE__ */ e(
+            H,
+            {
+              icon: /* @__PURE__ */ e(pt, {}),
+              label: "Streak",
+              value: `${l.currentStreak}`,
+              subtitle: "days",
+              accent: "var(--warning)"
+            }
+          ) : /* @__PURE__ */ e(
+            H,
+            {
+              icon: /* @__PURE__ */ e(pe, {}),
+              label: "Remaining",
+              value: `${l.totalNodes - l.completedNodes}`,
+              subtitle: "activities left",
+              accent: "var(--warning)"
+            }
+          )
+        ] }),
+        L.length > 0 && /* @__PURE__ */ s($, { children: [
+          /* @__PURE__ */ e(ee, { className: "my-5" }),
+          /* @__PURE__ */ s("div", { children: [
+            /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-foreground mb-3", children: "Skills" }),
+            /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-2", children: L.map((S) => /* @__PURE__ */ e(
+              Tt,
               {
-                variant: "link",
-                size: "xs",
-                className: "px-0 mt-0.5 h-auto",
-                onClick: (d) => {
-                  d.stopPropagation(), w(i.uid);
-                },
-                children: "Read more"
-              }
-            )
+                skill: S,
+                onClick: N
+              },
+              S.uid
+            )) })
           ] })
-        ] }) })
-      },
-      i.uid
-    );
-  }) });
+        ] }),
+        /* @__PURE__ */ e(ee, { className: "my-5" }),
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: "relative",
+            role: "list",
+            "aria-label": `Learning path: ${l.completedNodes} of ${l.totalNodes} completed`,
+            children: [
+              w.map((S, g) => /* @__PURE__ */ s("div", { role: "listitem", children: [
+                g > 0 && /* @__PURE__ */ e(ge, { fromStatus: w[g - 1].status }),
+                D.has(g - 1) && /* @__PURE__ */ e(
+                  ve,
+                  {
+                    milestone: D.get(g - 1),
+                    className: "my-1"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  zt,
+                  {
+                    node: S,
+                    onClick: p,
+                    onStart: h,
+                    readOnly: I
+                  }
+                )
+              ] }, S.uid)),
+              w.length > 0 && D.has(w.length - 1) && /* @__PURE__ */ s($, { children: [
+                /* @__PURE__ */ e(ge, { fromStatus: w[w.length - 1].status }),
+                /* @__PURE__ */ e(
+                  ve,
+                  {
+                    milestone: D.get(w.length - 1),
+                    className: "my-1"
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ] })
+    }
+  );
 }
+const Ft = be(
+  It,
+  "AdaptiveLearningPath"
+);
 export {
-  fe as AnnouncementFeed,
-  be as AssessmentReview,
-  ge as AssignmentSubmission,
-  ve as CertificateViewer,
-  Ne as CourseOutline,
-  we as DiscussionThread,
-  ye as ExamSession,
-  Ce as FlashcardStudySession,
-  Se as ForumBoard,
-  ze as GradebookTable,
-  Te as LecturePlayer,
-  ke as LessonPage,
-  Ae as PracticeQuiz,
-  Pe as ProgressDashboard,
-  Ue as QuizSession,
-  Le as RequirementsChecklist,
-  pe as ResourceLibrary,
-  Qe as RubricView,
-  ue as ScrollableQuiz,
-  Ee as SurveyForm
+  Ft as AdaptiveLearningPath,
+  kt as AnnouncementFeed,
+  Qt as AssessmentReview,
+  $t as AssignmentSubmission,
+  Vt as CertificateViewer,
+  Mt as ContentAuthoringStudio,
+  Ht as CourseCatalog,
+  Ot as CourseOutline,
+  Gt as DiscussionThread,
+  Wt as EnrollmentWizard,
+  Kt as ExamSession,
+  Yt as FlashcardStudySession,
+  Jt as ForumBoard,
+  Xt as GradebookTable,
+  Zt as LecturePlayer,
+  qt as LessonPage,
+  ea as PracticeQuiz,
+  ta as ProgressDashboard,
+  aa as QuizSession,
+  ra as RequirementsChecklist,
+  _t as ResourceLibrary,
+  sa as RubricView,
+  Rt as ScrollableQuiz,
+  ia as StudentProfile,
+  la as SurveyForm
 };