@anantagnanam/lms 0.1.0 → 0.3.0

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2026 Ananta Gnanam
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2026 Ananta Gnanam
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,13 +1,15 @@
 # @anantagnanam/lms
 
-A native LMS for EmDash 1.4 with Astro 7 and React 19. Version 0.1.0 provides free courses, flexible enrollment, cohorts, lessons, quizzes, assignments, progress, certificates, discussions, moderation, reporting, and notifications.
+A native LMS for EmDash 1.4 with Astro 7 and React 19. Version 0.3.0 provides free courses, flexible enrollment, cohorts, lessons, quizzes, assignments, progress, certificates, discussions, moderation, reporting, notifications, published course editions, learning paths, a private library, native media resume, recoverable assignment drafts, rubric grading, private notebooks, course agendas and transcript search.
+
+This is a free preview release. Before upgrading from 0.1.0, back up the full host database, rebuild the site, and run **LMS settings → Course edition migration** until complete. Do not downgrade after migration begins. Production database/auth/email verification, backup restoration, accessibility and capacity checks remain operator release gates. Payment processing is deferred.
 
 ## Installation
 
 Install the public npm release in an existing EmDash site:
 
 ```sh
-npm install @anantagnanam/lms
+npm install --save-exact @anantagnanam/lms@0.3.0
 ```
 
 This is a trusted native dependency configured by the site developer. Local builds can also be installed from their release tarball.
@@ -41,11 +43,37 @@ After rebuilding the site, visit:
 
 - `/academy`: course catalog
 - `/academy/my-learning`: learner dashboard
+- `/academy/my-learning/library`: saved courses, joined path progress, preferences and own-data downloads
+- `/academy/my-learning/study`: private course notebooks and agendas
+- `/academy/paths`: published learning paths
 - `/academy/teach`: instructor course studio
+- `/academy/teach/courses/<courseId>/lessons/<lessonId>`: private saved author preview
 - `/_emdash/admin/plugins/anantagnanam-lms`: administration
 
 The native plugin declares course, enrollment, cohort, certificate, discussion, review, notification, and audit storage. EmDash creates the plugin storage namespace. No LMS SQL migration or separate authentication store is needed.
 
+The lesson editor identifies inline text, imported rich content, or linked published CMS content. Imported rich content is read-only in the studio; linked lessons can be edited and published in EmDash. Author previews show saved content. Quiz drafts expose save/retry/conflict state and use revisions to prevent stale overwrites. Older attempts are revision zero; integrations must send `expectedDraftRevision` after each acknowledged draft save.
+
+Existing courses now have separate saved drafts and published editions. Save a draft, then use **Publish saved draft** to publish for new enrollments. **Saved revision history** can restore earlier material into a draft. Existing learners retain their original curriculum, grading rules, progress and certificates. Linked CMS lesson text is captured at course publication; media URLs remain references. Instructor assignments take effect when saved.
+
+After upgrading, run **LMS settings → Course edition migration** batches until complete. Checkpoints survive interruption; courses also upgrade lazily before editing or enrollment. Keep a full database backup: course exports contain only draft curriculum, and this migration is not a full backup or cross-site import. Publication scheduling, editorial review and moving existing enrollments between editions remain future work.
+
+## Assignment workflow enhancements
+
+Version 0.3.0 adds private assignment autosave/recovery, explicit conflict review, safe submission retries, optional grading rubrics, and feedback history across resubmissions. Rubrics support up to 20 criteria and 1000 total points; criteria and passing rules are frozen with each submission from the learner's enrolled course edition. Staff score each criterion and the server totals the grade. Existing submissions keep scalar grading.
+
+Saved drafts are excluded from staff APIs and included in the learner's own data export. The browser must stay open for unacknowledged work; offline drafts, private file uploads, late policies and audited regrading are not included. Custom clients should send `expectedDraftRevision` for draft writes/submission and a stable `submissionId` for retryable submission. See the repository API and operator guides for recovery semantics.
+
+## Study tools
+
+Version 0.3.0 adds searchable course notebooks with multiple notes, stars, archive/restore, and playback bookmarks. Native audio/video can capture the current time and jump back from a saved note without autoplay. Transcript search highlights plain-text matches with previous/next controls. Embedded providers retain their own playback behavior.
+
+Notebooks preserve existing lesson summaries, stay private from staff, and remain readable in the notebook and learner export after access expires. Creating, editing, archiving and restoring require current lesson access. Each course supports up to 100 notes of 5000 characters, with a 150,000-byte serialized notebook budget; archived entries count toward both limits. Saves require the last acknowledged revision and preserve local text after conflicts. Keep the page open until a save is confirmed; no offline note store is included.
+
+The course agenda lists assignment deadlines, live sessions and future lesson releases from the enrolled edition, displays the selected timezone and downloads upcoming events as `.ics`. This is a private snapshot, not a subscription or automatic reminder. It contains authenticated lesson links, not meeting credentials. Calendar apps retain downloaded data independently of later course access changes.
+
+Custom clients must send `expectedRevision` to the existing `learner/note` route; legacy summaries begin at revision zero. New notebook clients use stable note IDs and retry identical unacknowledged requests. See the API guide for the full contract.
+
 ## Enrollment and access
 
 `open` courses enroll learners immediately. `approval` courses create pending requests. `invite` courses require administrator enrollment. Cohort membership always requires an administrator decision. Administrators can reject, suspend, restore, cancel, and date access without deleting progress.
@@ -75,4 +103,14 @@ Private HTTP calls use an EmDash session and `X-EmDash-Request: 1`. API routes b
 
 Notifications always appear in the learner dashboard. Email is optional and disabled by default. Configure an EmDash email transport and working cron scheduler before enabling email or inactivity reminders. Certificates use the browser's print/save-as-PDF flow.
 
+Learners can opt out of email from their library; this also suppresses queued email when maintenance next runs. Personal weekly lesson goals are stored targets, not measured activity reports. The library exports the learner's own records in pages of up to five records per section, with quiz answer keys and scoring snapshots removed. Continue through every page and section for a complete download; it is not a full database backup.
+
+Administrators can publish ordered learning paths. Joining saves the path's original course list but does not enroll the learner in its courses or bypass approval, prerequisites or access dates. Course completion contributes to path progress even when access later expires. Course enrollment still pins the actual curriculum edition.
+
+Native audio/video supports resume and playback speed, revision-fenced saves, WebVTT caption tracks and readable transcripts. Captions and media hosted elsewhere require appropriate CORS. YouTube/Vimeo controls and resume remain provider-managed. Playback reports never complete lessons or verify attendance. New caption/transcript fields have compatible defaults; enrollment playback fields are optional for existing records.
+
+The studio can duplicate a saved course as a new draft, duplicate lessons and move lessons between modules. Review copied access/date settings before publishing. **LMS settings → Operational health** shows maintenance freshness, notification backlog/failures and migration status. A healthy heartbeat does not certify the deployment.
+
+See the [release-readiness assessment](https://github.com/anantagnanam/anantagnanam-emdash-plugins/blob/main/docs/release-readiness.md), [platform feature matrix](https://github.com/anantagnanam/anantagnanam-emdash-plugins/blob/main/docs/platform-feature-matrix.md), and [security policy](https://github.com/anantagnanam/anantagnanam-emdash-plugins/blob/main/SECURITY.md) for remaining release gates and capabilities.
+
 Full documentation: [repository](https://github.com/anantagnanam/anantagnanam-emdash-plugins), [installation](https://github.com/anantagnanam/anantagnanam-emdash-plugins/blob/main/docs/installation.md), [architecture](https://github.com/anantagnanam/anantagnanam-emdash-plugins/blob/main/docs/architecture.md), and [release scope](https://github.com/anantagnanam/anantagnanam-emdash-plugins/blob/main/docs/release-scope.md).

package/astro/assignment-player.ts

@@ -0,0 +1,231 @@
+import { DraftQueue, type DraftState } from "./draft-queue.js";
+import type { AssignmentState } from "@anantagnanam/lms/types";
+
+type Call = <T>(route: string, input: Record<string, unknown>, method?: string) => Promise<T>;
+type Values = { body: string; attachmentUrl: string | null };
+
+export function initializeAssignments(call: Call) {
+  for (const form of document.querySelectorAll<HTMLFormElement>(
+    "form[data-lms-assignment]:not([data-lms-bound])",
+  )) {
+    form.dataset.lmsBound = "true";
+    bindAssignment(form, call);
+  }
+}
+
+function bindAssignment(form: HTMLFormElement, call: Call) {
+  const body = form.elements.namedItem("body") as HTMLTextAreaElement;
+  const attachment = form.elements.namedItem("attachmentUrl") as HTMLInputElement;
+  const save = form.querySelector<HTMLButtonElement>("[data-lms-save-draft]")!;
+  const submit = form.querySelector<HTMLButtonElement>('button[type="submit"]')!;
+  const status = form.querySelector<HTMLElement>("[data-lms-feedback]")!;
+  const conflict = form.querySelector<HTMLElement>("[data-lms-assignment-conflict]")!;
+  const savedText = conflict.querySelector<HTMLElement>("[data-lms-saved-draft]")!;
+  const review = form.querySelector<HTMLButtonElement>("[data-lms-review-draft]")!;
+  const useSaved = conflict.querySelector<HTMLButtonElement>("[data-lms-use-saved]")!;
+  const keepLocal = conflict.querySelector<HTMLButtonElement>("[data-lms-keep-local]")!;
+  const input = { courseId: form.dataset.courseId!, lessonId: form.dataset.lessonId! };
+  const values = (): Values => ({
+    body: body.value,
+    attachmentUrl: attachment.value.trim() || null,
+  });
+  let timer: ReturnType<typeof setTimeout> | undefined;
+  let busy = false;
+  let closed = false;
+  let disposed = false;
+  let submitted = false;
+  let remote: AssignmentState | undefined;
+  let reviewing: Promise<void> | undefined;
+  let request:
+    (Values & typeof input & { submissionId: string; expectedDraftRevision: number }) | undefined;
+  const tell = (text: string, error = false) => {
+    status.textContent = text;
+    status.setAttribute("role", error ? "alert" : "status");
+  };
+  const controls = () => {
+    body.readOnly = attachment.readOnly = busy || !!request;
+    save.disabled = busy || closed || !!request || queue.state === "conflict";
+    submit.disabled = busy || closed || queue.state === "conflict";
+    review.disabled = busy;
+    useSaved.disabled = keepLocal.disabled = busy || closed;
+    review.hidden = queue.state !== "conflict";
+  };
+  const changed = (state: DraftState) => {
+    const messages: Record<DraftState, string> = {
+      saved: "Draft saved. Only you can see it until submission.",
+      pending: "Unsaved changes…",
+      saving: "Saving draft…",
+      failed: "Draft not saved. Keep this page open and choose Retry save.",
+      conflict: "Another request changed this assignment. Review the saved work before continuing.",
+    };
+    tell(messages[state], state === "failed" || state === "conflict");
+    save.textContent = state === "failed" ? "Retry save" : "Save draft";
+    controls();
+  };
+  const queue = new DraftQueue<Values>(
+    values(),
+    Number(form.dataset.draftRevision ?? 0),
+    (write) =>
+      call("learner/assignment/draft", {
+        ...input,
+        ...write.value,
+        expectedDraftRevision: write.expectedDraftRevision,
+      }),
+    changed,
+  );
+
+  const refreshConflict = () =>
+    (reviewing ??= loadConflict().finally(() => {
+      reviewing = undefined;
+    }));
+  const loadConflict = async () => {
+    busy = true;
+    controls();
+    try {
+      remote = await call<AssignmentState>("learner/assignment/state", input, "GET");
+      if (disposed) return;
+      conflict.hidden = false;
+      closed = !remote.canSubmit;
+      savedText.textContent =
+        remote.submission && closed
+          ? `Submitted work:\n${remote.submission.body}\n${remote.submission.attachmentUrl ?? ""}`
+          : `${remote.draft.body || "(Empty saved draft)"}\n${remote.draft.attachmentUrl ?? ""}`;
+      if (closed)
+        tell(
+          `${remote.closedReason} Your local text is still in the form; copy it before leaving.`,
+          true,
+        );
+      else tell("Compare the saved draft below with your work, then choose which to keep.", true);
+    } catch (error) {
+      if (disposed) return;
+      tell(
+        `Could not load the saved work. ${error instanceof Error ? error.message : "Try again."}`,
+        true,
+      );
+    } finally {
+      busy = false;
+      controls();
+    }
+  };
+  const saveDraft = async () => {
+    if (busy || closed || request || disposed) return;
+    clearTimeout(timer);
+    queue.update(values());
+    if (!attachment.checkValidity()) {
+      tell("Correct the attachment URL before saving.", true);
+      return;
+    }
+    try {
+      await queue.flush();
+    } catch (error) {
+      if (disposed) return;
+      if (queue.state === "conflict") await refreshConflict();
+      else
+        tell(
+          `Draft not saved. ${error instanceof Error ? error.message : "Try again."} Use Retry save.`,
+          true,
+        );
+    }
+  };
+  for (const field of [body, attachment])
+    field.addEventListener("input", () => {
+      queue.update(values());
+      clearTimeout(timer);
+      if (!["failed", "conflict"].includes(queue.state))
+        timer = setTimeout(() => void saveDraft(), 900);
+    });
+  save.addEventListener("click", () => void saveDraft());
+  review.addEventListener("click", () => void refreshConflict());
+  for (const [button, keep] of [
+    [useSaved, false],
+    [keepLocal, true],
+  ] as const)
+    button.addEventListener("click", () => {
+      if (!remote || busy || closed) return;
+      if (!keep) {
+        body.value = remote.draft.body;
+        attachment.value = remote.draft.attachmentUrl ?? "";
+      }
+      queue.update(values());
+      queue.reconcile(
+        { body: remote.draft.body, attachmentUrl: remote.draft.attachmentUrl },
+        remote.draft.revision,
+        keep,
+      );
+      conflict.hidden = true;
+      remote = undefined;
+      if (keep) void saveDraft();
+    });
+  form.addEventListener("submit", async (event) => {
+    event.preventDefault();
+    if (busy || closed || queue.state === "conflict") return;
+    if (!request && (!form.reportValidity() || !body.value.trim())) {
+      tell("Write your assignment before submitting.", true);
+      return;
+    }
+    clearTimeout(timer);
+    busy = true;
+    controls();
+    try {
+      if (!request) {
+        queue.update(values());
+        await queue.flush();
+        if (disposed) return;
+        request = {
+          ...input,
+          ...values(),
+          submissionId: crypto.randomUUID(),
+          expectedDraftRevision: queue.revision,
+        };
+      }
+      tell("Submitting assignment…");
+      await call("learner/assignment", request);
+      if (disposed) return;
+      submitted = true;
+      queue.dispose();
+      window.location.reload();
+    } catch (error) {
+      if (disposed) return;
+      const failure = error as { code?: string; status?: number };
+      if (failure.code === "DRAFT_CONFLICT") {
+        request = undefined;
+        queue.conflict();
+        await refreshConflict();
+      } else if (
+        !request ||
+        (failure.status && failure.status < 500 && failure.status !== 408 && failure.status !== 429)
+      ) {
+        request = undefined;
+        tell(
+          error instanceof Error ? error.message : "Could not submit. Your work is kept here.",
+          true,
+        );
+      } else {
+        tell(
+          "Submission status is unconfirmed. Retry submission to check the same request. Your work is kept here.",
+          true,
+        );
+        submit.textContent = "Retry submission";
+      }
+    } finally {
+      busy = false;
+      controls();
+    }
+  });
+  const warn = (event: BeforeUnloadEvent) => {
+    if (!submitted && (queue.dirty || busy || request)) {
+      event.preventDefault();
+    }
+  };
+  window.addEventListener("beforeunload", warn);
+  document.addEventListener(
+    "astro:before-swap",
+    () => {
+      disposed = true;
+      clearTimeout(timer);
+      queue.dispose();
+      window.removeEventListener("beforeunload", warn);
+    },
+    { once: true },
+  );
+}

package/astro/client.ts

@@ -1,11 +1,10 @@
 import { API_BASE } from "@anantagnanam/lms";
-import type {
-  Answers,
-  Discussion,
-  Notification,
-  Page,
-  PublicQuizAttempt,
-} from "@anantagnanam/lms/types";
+import { renderQuiz } from "./quiz-player.js";
+import { initializeMedia } from "./media-player.js";
+import { initializeAssignments } from "./assignment-player.js";
+import { initializeStudyTools, protectStudyWork } from "./study-tools.js";
+import { initializeTranscripts } from "./transcript-search.js";
+import type { Discussion, Notification, Page, PublicQuizAttempt } from "@anantagnanam/lms/types";
 
 async function call<T>(route: string, input: Record<string, unknown>, method = "POST"): Promise<T> {
   let url = `${API_BASE}/${route}`;
@@ -18,6 +17,7 @@ async function call<T>(route: string, input: Record<string, unknown>, method = "
   } else headers["Content-Type"] = "application/json";
   const response = await fetch(url, {
     method,
+    signal: AbortSignal.timeout(20_000),
     credentials: "same-origin",
     headers,
     ...(method === "POST" ? { body: JSON.stringify(input) } : {}),
@@ -25,10 +25,13 @@ async function call<T>(route: string, input: Record<string, unknown>, method = "
   const result = (await response.json()) as {
     success: boolean;
     data?: T;
-    error?: { message?: string };
+    error?: { message?: string; code?: string };
   };
   if (!response.ok || !result.success)
-    throw new Error(result.error?.message ?? "Please try again.");
+    throw Object.assign(new Error(result.error?.message ?? "Please try again."), {
+      code: result.error?.code,
+      status: response.status,
+    });
   return result.data as T;
 }
 function node<K extends keyof HTMLElementTagNameMap>(
@@ -58,6 +61,16 @@ function forms() {
     "form[data-lms-route]:not([data-lms-bound])",
   )) {
     form.dataset.lmsBound = "true";
+    const noteField =
+      form.dataset.lmsRoute === "learner/note"
+        ? (form.elements.namedItem("note") as HTMLTextAreaElement)
+        : null;
+    let savedNote = noteField?.value;
+    if (noteField)
+      protectStudyWork(
+        form,
+        () => noteField.value !== savedNote || form.dataset.lmsBusy === "true",
+      );
     form.addEventListener("submit", async (event) => {
       event.preventDefault();
       if (form.dataset.lmsBusy === "true") return;
@@ -65,6 +78,18 @@ function forms() {
       const input: Record<string, unknown> = Object.fromEntries(new FormData(form));
       if ("rating" in input) input.rating = Number(input.rating);
       if ("shared" in input) input.shared = input.shared === "true";
+      if ("saved" in input) input.saved = input.saved === "true";
+      if (form.dataset.lmsRoute === "learner/note")
+        input.expectedRevision = Number(input.expectedRevision);
+      if (form.dataset.lmsRoute === "learner/preferences/save") {
+        input.data = {
+          emailNotifications: input.emailNotifications === "true",
+          weeklyGoalLessons: Number(input.weeklyGoalLessons),
+        };
+        input.expectedRevision = input.expectedRevision || null;
+        delete input.emailNotifications;
+        delete input.weeklyGoalLessons;
+      }
       if ("attachmentUrl" in input && input.attachmentUrl === "") input.attachmentUrl = null;
       if ("parentId" in input && input.parentId === "") input.parentId = null;
       const buttons = [...form.querySelectorAll<HTMLButtonElement>('button[type="submit"]')];
@@ -73,7 +98,12 @@ function forms() {
       feedback(form, "Saving…");
       try {
         const route = form.dataset.lmsRoute!;
-        const result = await call<{ status?: string }>(route, input);
+        const result = await call<{ status?: string; revision?: number }>(route, input);
+        if (route === "learner/note" && result.revision !== undefined) {
+          const revision = form.elements.namedItem("expectedRevision") as HTMLInputElement;
+          revision.value = String(result.revision);
+          savedNote = String(input.note);
+        }
         feedback(
           form,
           route === "learner/enroll"
@@ -172,147 +202,6 @@ async function renderDiscussions(root: HTMLElement, cursor?: string, append = fa
   }
 }
 
-function readAnswers(form: HTMLFormElement, attempt: PublicQuizAttempt): Answers {
-  const answers: Answers = {};
-  const values = new FormData(form);
-  for (const question of attempt.questions) {
-    const picked = values.getAll(question.id).map(String);
-    if (question.type === "multiple") answers[question.id] = picked;
-    else if (picked[0]) answers[question.id] = picked[0];
-  }
-  return answers;
-}
-function renderQuiz(root: HTMLElement, attempt: PublicQuizAttempt) {
-  const content = root.querySelector<HTMLElement>("[data-lms-quiz-content]")!;
-  content.replaceChildren();
-  const form = node("form");
-  const timer = node("p", "", "lms-quiz-timer");
-  timer.setAttribute("aria-live", "off");
-  form.append(timer);
-  for (const question of attempt.questions) {
-    const fieldset = node("fieldset", undefined, "lms-quiz-question");
-    fieldset.append(node("legend", question.prompt));
-    if (question.type === "short") {
-      const input = node("input");
-      input.name = question.id;
-      input.type = "text";
-      input.maxLength = 2000;
-      input.setAttribute("aria-label", "Your answer");
-      const saved = attempt.answers?.[question.id];
-      if (typeof saved === "string") input.value = saved;
-      fieldset.append(input);
-    } else
-      for (const option of question.options) {
-        const label = node("label", undefined, "lms-quiz-option");
-        const input = node("input");
-        input.name = question.id;
-        input.type = question.type === "multiple" ? "checkbox" : "radio";
-        input.value = option.id;
-        const saved = attempt.answers?.[question.id];
-        input.checked = Array.isArray(saved) ? saved.includes(option.id) : saved === option.id;
-        label.append(input, node("span", option.text));
-        fieldset.append(label);
-      }
-    form.append(fieldset);
-  }
-  const button = node("button", "Submit answers", "lms-btn");
-  button.type = "submit";
-  form.append(button);
-  content.append(form);
-  let interval: ReturnType<typeof setInterval> | undefined;
-  let saving: ReturnType<typeof setTimeout> | undefined;
-  let submitting = false;
-  const stop = () => {
-    if (interval) clearInterval(interval);
-    if (saving) clearTimeout(saving);
-  };
-  form.addEventListener("input", () => {
-    if (saving) clearTimeout(saving);
-    saving = setTimeout(() => {
-      if (!submitting && form.isConnected)
-        void call("learner/quiz/draft", {
-          ...data(root),
-          attemptId: attempt.id,
-          answers: readAnswers(form, attempt),
-        }).catch(() => {});
-    }, 700);
-  });
-  form.addEventListener("submit", async (event) => {
-    event.preventDefault();
-    if (submitting) return;
-    submitting = true;
-    button.disabled = true;
-    stop();
-    feedback(root, "Checking your answers…");
-    try {
-      const result = await call<{ attempt: PublicQuizAttempt }>("learner/quiz/submit", {
-        ...data(root),
-        attemptId: attempt.id,
-        answers: readAnswers(form, attempt),
-      });
-      feedback(
-        root,
-        `${result.attempt.passed ? "Passed" : "Not passed yet"} · ${result.attempt.percent}%`,
-      );
-      const outcome = node("div");
-      for (const item of result.attempt.feedback) {
-        const section = node("div", undefined, "lms-notice");
-        const question = attempt.questions.find((entry) => entry.id === item.questionId);
-        section.append(
-          node("strong", `${item.correct ? "✓" : "○"} ${question?.prompt ?? "Question"}`),
-        );
-        if (item.explanation) section.append(node("p", item.explanation));
-        outcome.append(section);
-      }
-      content.replaceChildren(outcome);
-      const start = root.querySelector<HTMLButtonElement>("[data-lms-quiz-start]");
-      if (start) {
-        start.hidden = result.attempt.passed;
-        start.disabled = false;
-        start.textContent = "Try another attempt";
-      }
-      if (result.attempt.passed) {
-        const continueLink = node("a", "Continue learning →", "lms-btn");
-        continueLink.href = root.dataset.nextUrl ?? window.location.pathname;
-        content.append(continueLink);
-      }
-    } catch (cause) {
-      feedback(
-        root,
-        cause instanceof Error ? cause.message : "Could not submit your answers.",
-        true,
-      );
-      button.disabled = false;
-      submitting = false;
-      const start = root.querySelector<HTMLButtonElement>("[data-lms-quiz-start]");
-      if (start) {
-        start.disabled = false;
-        start.hidden = false;
-        start.textContent = "Start a new attempt";
-      }
-    }
-  });
-  if (attempt.expiresAt) {
-    const tick = () => {
-      if (!form.isConnected) {
-        stop();
-        return;
-      }
-      const remaining = Math.max(
-        0,
-        Math.ceil((Date.parse(attempt.expiresAt!) - Date.now()) / 1000),
-      );
-      timer.textContent = `Time remaining ${Math.floor(remaining / 60)}:${String(remaining % 60).padStart(2, "0")}`;
-      if (!remaining) {
-        stop();
-        form.requestSubmit();
-      }
-    };
-    interval = setInterval(tick, 1000);
-    tick();
-  } else timer.textContent = "Take your time. This quiz is untimed.";
-}
-
 function quizzes() {
   for (const root of document.querySelectorAll<HTMLElement>(
     "[data-lms-quiz]:not([data-lms-bound])",
@@ -327,7 +216,7 @@ function quizzes() {
         const attempt = await call<PublicQuizAttempt>("learner/quiz/start", data(root));
         start.hidden = true;
         feedback(root, "Your attempt has started.");
-        renderQuiz(root, attempt);
+        renderQuiz(root, attempt, call);
       } catch (cause) {
         start.disabled = false;
         feedback(root, cause instanceof Error ? cause.message : "Could not start quiz.", true);
@@ -380,8 +269,64 @@ async function updates(root: HTMLElement, cursor?: string, append = false) {
 }
 
 function initialize() {
+  initializeAssignments(call);
   forms();
   quizzes();
+  initializeMedia(call);
+  initializeStudyTools(call);
+  initializeTranscripts();
+  for (const root of document.querySelectorAll<HTMLElement>(
+    "[data-lms-export]:not([data-lms-bound])",
+  )) {
+    root.dataset.lmsBound = "true";
+    const select = root.querySelector<HTMLSelectElement>("[data-lms-export-section]")!;
+    const button = root.querySelector<HTMLButtonElement>("[data-lms-export-download]")!;
+    let cursor: string | undefined;
+    let pageNumber = 1;
+    select.addEventListener("change", () => {
+      cursor = undefined;
+      pageNumber = 1;
+      button.disabled = false;
+      button.textContent = "Download first page";
+      feedback(root, "");
+    });
+    button.addEventListener("click", async () => {
+      button.disabled = true;
+      select.disabled = true;
+      try {
+        const page = await call<Page<unknown>>(
+          "learner/export",
+          { section: select.value, cursor, limit: 5 },
+          "GET",
+        );
+        const url = URL.createObjectURL(
+          new Blob([JSON.stringify(page, null, 2)], { type: "application/json" }),
+        );
+        const link = node("a");
+        link.href = url;
+        link.download = `lms-${select.value}-${pageNumber}.json`;
+        document.body.append(link);
+        link.click();
+        link.remove();
+        setTimeout(() => URL.revokeObjectURL(url), 1000);
+        cursor = page.cursor;
+        pageNumber++;
+        button.disabled = !page.hasMore;
+        button.textContent = page.hasMore ? "Download next page" : "Section downloaded";
+        feedback(
+          root,
+          page.hasMore
+            ? "Page downloaded. Download the next page to continue."
+            : "All pages in this section downloaded. Choose another section to continue.",
+        );
+      } catch (error) {
+        button.disabled = false;
+        feedback(root, error instanceof Error ? error.message : "Export failed.", true);
+      } finally {
+        select.disabled = false;
+      }
+    });
+  }
   for (const root of document.querySelectorAll<HTMLElement>(
     "[data-lms-lesson]:not([data-lms-started])",
   )) {