@beanchain/handbook-lms 0.1.0

package/dist/react-mui/index.cjs

@@ -0,0 +1,2653 @@
+'use strict';
+
+var react = require('react');
+var material = require('@mui/material');
+var DragIndicatorIcon = require('@mui/icons-material/DragIndicator');
+var EditIcon = require('@mui/icons-material/Edit');
+var MDEditor3 = require('@uiw/react-md-editor');
+var jsxRuntime = require('react/jsx-runtime');
+var ExpandMoreIcon = require('@mui/icons-material/ExpandMore');
+var MenuIcon = require('@mui/icons-material/Menu');
+var styles = require('@mui/material/styles');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var DragIndicatorIcon__default = /*#__PURE__*/_interopDefault(DragIndicatorIcon);
+var EditIcon__default = /*#__PURE__*/_interopDefault(EditIcon);
+var MDEditor3__default = /*#__PURE__*/_interopDefault(MDEditor3);
+var ExpandMoreIcon__default = /*#__PURE__*/_interopDefault(ExpandMoreIcon);
+var MenuIcon__default = /*#__PURE__*/_interopDefault(MenuIcon);
+
+// src/react-mui/CurriculumEditor.tsx
+var errorMessage = (error, fallback) => {
+  if (error instanceof Error) return error.message || fallback;
+  return fallback;
+};
+var sortCurriculum = (items) => [...items].sort((a, b) => a.display_order - b.display_order).map((section) => ({
+  ...section,
+  modules: [...section.modules ?? []].sort((a, b) => a.display_order - b.display_order).map((module) => ({
+    ...module,
+    stages: [...module.stages ?? []].sort((a, b) => a.display_order - b.display_order).map((stage) => ({
+      ...stage,
+      questions: [...stage.questions ?? []].sort((a, b) => a.display_order - b.display_order)
+    }))
+  }))
+}));
+var useLmsCurriculumEditor = ({
+  adapter,
+  courseSlug,
+  enabled = true
+}) => {
+  const [sections, setSections] = react.useState([]);
+  const [isLoading, setIsLoading] = react.useState(false);
+  const [isSaving, setIsSaving] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const reload = react.useCallback(async () => {
+    if (!enabled || !courseSlug) return;
+    setIsLoading(true);
+    setError(null);
+    try {
+      const next = await adapter.getAdminCurriculum(courseSlug);
+      setSections(sortCurriculum(next));
+    } catch (err) {
+      setError(errorMessage(err, "Unable to load curriculum."));
+    } finally {
+      setIsLoading(false);
+    }
+  }, [adapter, courseSlug, enabled]);
+  react.useEffect(() => {
+    void reload();
+  }, [reload]);
+  const runSave = react.useCallback(
+    async (action, fallback) => {
+      setIsSaving(true);
+      setError(null);
+      try {
+        await action();
+        await reload();
+        return { ok: true, error: null };
+      } catch (err) {
+        const message = errorMessage(err, fallback);
+        setError(message);
+        return { ok: false, error: message };
+      } finally {
+        setIsSaving(false);
+      }
+    },
+    [reload]
+  );
+  return {
+    sections,
+    setSections,
+    isLoading,
+    isSaving,
+    error,
+    reload,
+    createSection: (data) => runSave(() => adapter.createSection({ courseSlug, data }), "Unable to create section."),
+    updateSection: (sectionId, data) => runSave(() => adapter.updateSection({ courseSlug, sectionId, data }), "Unable to update section."),
+    archiveSection: (sectionId) => runSave(() => adapter.archiveSection({ courseSlug, sectionId }), "Unable to archive section."),
+    createModule: (data) => runSave(() => adapter.createModule({ courseSlug, data }), "Unable to create module."),
+    updateModule: (moduleId, data) => runSave(() => adapter.updateModule({ courseSlug, moduleId, data }), "Unable to update module."),
+    archiveModule: (moduleId) => runSave(() => adapter.archiveModule({ courseSlug, moduleId }), "Unable to archive module."),
+    createStage: (moduleId, data) => runSave(() => adapter.createStage({ courseSlug, moduleId, data }), "Unable to create stage."),
+    updateStage: (stageId, data) => runSave(() => adapter.updateStage({ courseSlug, stageId, data }), "Unable to update stage."),
+    archiveStage: (stageId) => runSave(() => adapter.archiveStage({ courseSlug, stageId }), "Unable to archive stage."),
+    createQuestion: (stageId, data) => runSave(() => adapter.createQuestion({ courseSlug, stageId, data }), "Unable to create question."),
+    updateQuestion: (questionId, data) => runSave(() => adapter.updateQuestion({ courseSlug, questionId, data }), "Unable to update question."),
+    archiveQuestion: (questionId) => runSave(() => adapter.archiveQuestion({ courseSlug, questionId }), "Unable to archive question."),
+    reorderCurriculum: (data) => runSave(() => adapter.reorderCurriculum({ courseSlug, data }), "Unable to reorder curriculum.")
+  };
+};
+var useLmsReviewWorkspace = ({
+  adapter,
+  courseSlug,
+  enabled = true
+}) => {
+  const [learners, setLearners] = react.useState([]);
+  const [selectedLearnerId, setSelectedLearnerId] = react.useState("");
+  const [summary, setSummary] = react.useState(null);
+  const [isLoading, setIsLoading] = react.useState(false);
+  const [isSaving, setIsSaving] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const loadLearners = react.useCallback(async () => {
+    if (!enabled) return;
+    try {
+      const rows = await adapter.listLearners();
+      setLearners(rows);
+      if (!selectedLearnerId && rows[0]) {
+        setSelectedLearnerId(rows[0].id);
+      }
+    } catch (err) {
+      setError(errorMessage(err, "Unable to load learners."));
+    }
+  }, [adapter, enabled, selectedLearnerId]);
+  const loadSummary = react.useCallback(async () => {
+    if (!enabled || !courseSlug || !selectedLearnerId) return;
+    setIsLoading(true);
+    setError(null);
+    try {
+      const next = await adapter.getLearningSummary({ courseSlug, learnerUserId: selectedLearnerId });
+      setSummary(next);
+    } catch (err) {
+      setError(errorMessage(err, "Unable to load learner summary."));
+    } finally {
+      setIsLoading(false);
+    }
+  }, [adapter, courseSlug, enabled, selectedLearnerId]);
+  react.useEffect(() => {
+    void loadLearners();
+  }, [loadLearners]);
+  react.useEffect(() => {
+    void loadSummary();
+  }, [loadSummary]);
+  const runSave = react.useCallback(
+    async (action, fallback) => {
+      setIsSaving(true);
+      setError(null);
+      try {
+        await action();
+        await loadSummary();
+        return { ok: true, error: null };
+      } catch (err) {
+        const message = errorMessage(err, fallback);
+        setError(message);
+        return { ok: false, error: message };
+      } finally {
+        setIsSaving(false);
+      }
+    },
+    [loadSummary]
+  );
+  const records = react.useMemo(() => summary?.records ?? [], [summary?.records]);
+  return {
+    learners,
+    selectedLearnerId,
+    setSelectedLearnerId,
+    summary,
+    records,
+    isLoading,
+    isSaving,
+    error,
+    reload: loadSummary,
+    reviewModule: (data) => runSave(() => adapter.reviewModule({ courseSlug, data }), "Unable to update review."),
+    updateAssignment: (data) => runSave(() => adapter.updateAssignment({ courseSlug, data }), "Unable to update assignment.")
+  };
+};
+var useLmsLearningWorkspace = ({
+  adapter,
+  courseSlug,
+  learnerUserId = null,
+  enabled = true
+}) => {
+  const [summary, setSummary] = react.useState(null);
+  const [isLoading, setIsLoading] = react.useState(false);
+  const [isSavingQuestion, setIsSavingQuestion] = react.useState(false);
+  const [isSubmittingModule, setIsSubmittingModule] = react.useState(false);
+  const [isUpdatingAssignment, setIsUpdatingAssignment] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const loadSummary = react.useCallback(async () => {
+    if (!enabled || !courseSlug) {
+      setSummary(null);
+      return;
+    }
+    setIsLoading(true);
+    setError(null);
+    try {
+      const next = await adapter.getLearningSummary({ courseSlug, learnerUserId });
+      setSummary(next);
+    } catch (err) {
+      setError(errorMessage(err, "Unable to load learning summary."));
+    } finally {
+      setIsLoading(false);
+    }
+  }, [adapter, courseSlug, enabled, learnerUserId]);
+  react.useEffect(() => {
+    void loadSummary();
+  }, [loadSummary]);
+  const saveQuestionResponse = react.useCallback(
+    async (data, opts) => {
+      setIsSavingQuestion(true);
+      setError(null);
+      try {
+        await adapter.saveQuestionResponse(data);
+        if (opts?.reload) await loadSummary();
+        return { ok: true, error: null };
+      } catch (err) {
+        const message = errorMessage(err, "Unable to save response.");
+        setError(message);
+        return { ok: false, error: message };
+      } finally {
+        setIsSavingQuestion(false);
+      }
+    },
+    [adapter, loadSummary]
+  );
+  const submitModule = react.useCallback(
+    async (data, opts) => {
+      setIsSubmittingModule(true);
+      setError(null);
+      try {
+        await adapter.submitModule(data);
+        if (opts?.reload ?? true) await loadSummary();
+        return { ok: true, error: null };
+      } catch (err) {
+        const message = errorMessage(err, "Unable to submit module.");
+        setError(message);
+        return { ok: false, error: message };
+      } finally {
+        setIsSubmittingModule(false);
+      }
+    },
+    [adapter, loadSummary]
+  );
+  const updateAssignment = react.useCallback(
+    async (data, opts) => {
+      setIsUpdatingAssignment(true);
+      setError(null);
+      try {
+        await adapter.updateAssignment({ courseSlug, data });
+        if (opts?.reload ?? true) await loadSummary();
+        return { ok: true, error: null };
+      } catch (err) {
+        const message = errorMessage(err, "Unable to update assignment.");
+        setError(message);
+        return { ok: false, error: message };
+      } finally {
+        setIsUpdatingAssignment(false);
+      }
+    },
+    [adapter, courseSlug, loadSummary]
+  );
+  const records = react.useMemo(() => summary?.records ?? [], [summary?.records]);
+  const reviewQueue = react.useMemo(() => summary?.review_queue ?? [], [summary?.review_queue]);
+  return {
+    summary,
+    records,
+    reviewQueue,
+    isLoading,
+    isSavingQuestion,
+    isSubmittingModule,
+    isUpdatingAssignment,
+    isSaving: isSavingQuestion || isSubmittingModule || isUpdatingAssignment,
+    error,
+    reload: loadSummary,
+    saveQuestionResponse,
+    submitModule,
+    updateAssignment
+  };
+};
+var DragDropContext = react.lazy(() => import('@hello-pangea/dnd').then((mod) => ({ default: mod.DragDropContext })));
+var Droppable = react.lazy(() => import('@hello-pangea/dnd').then((mod) => ({ default: mod.Droppable })));
+var Draggable = react.lazy(() => import('@hello-pangea/dnd').then((mod) => ({ default: mod.Draggable })));
+var dndFallback = /* @__PURE__ */ jsxRuntime.jsx(material.Skeleton, { variant: "rounded", height: 56 });
+var slugify = (value) => value.toLowerCase().trim().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+var parseSectionId = (droppableId) => droppableId.startsWith("section-") ? droppableId.slice(8) : null;
+var resolveSlug = ({ title, slug, slugMode }) => slugMode === "derived" ? slugify(title) : slug.trim();
+var validateSlug = (value, config, required) => {
+  const slug = value.trim();
+  if (!slug) return required ? config.validation.requiredSlugMessage : null;
+  return config.validation.slugPattern.test(slug) ? null : config.validation.slugPatternMessage;
+};
+var HandbookLmsCurriculumEditor = ({
+  adapter,
+  courseSlug,
+  config,
+  title,
+  onBack,
+  notifications,
+  enabled = true
+}) => {
+  const editor = useLmsCurriculumEditor({ adapter, courseSlug, enabled });
+  const [error, setError] = react.useState(null);
+  const [sectionDialog, setSectionDialog] = react.useState({
+    open: false,
+    submitAttempted: false,
+    formError: null,
+    draft: { slug: "", title: "", description: "", slugMode: "derived" }
+  });
+  const [moduleDialog, setModuleDialog] = react.useState({
+    open: false,
+    submitAttempted: false,
+    formError: null,
+    draft: { section_id: "", slug: "", title: "", summary: "", module_mode: "single_stage", slugMode: "derived" }
+  });
+  const [stageDialog, setStageDialog] = react.useState({
+    open: false,
+    submitAttempted: false,
+    formError: null,
+    draft: { module_id: "", title: "", content_md: "" }
+  });
+  const [questionDialog, setQuestionDialog] = react.useState({
+    open: false,
+    submitAttempted: false,
+    formError: null,
+    draft: { stage_id: "", prompt: "", response_type: "long_text" }
+  });
+  const sections = editor.sections;
+  const sectionById = react.useMemo(() => new Map(sections.map((section) => [section.id, section])), [sections]);
+  const notify = (severity, message) => {
+    notifications?.notify?.({ severity, message });
+    if (severity === "success") notifications?.success?.(message);
+    if (severity === "error") notifications?.error?.(message);
+    if (severity === "info") notifications?.info?.(message);
+    if (severity === "warning") notifications?.warning?.(message);
+  };
+  const sectionCustomSlugError = sectionDialog.draft.slugMode === "custom" ? validateSlug(sectionDialog.draft.slug, config, sectionDialog.submitAttempted) : null;
+  const moduleCustomSlugError = moduleDialog.draft.slugMode === "custom" ? validateSlug(moduleDialog.draft.slug, config, moduleDialog.submitAttempted) : null;
+  const closeSectionDialog = () => {
+    if (editor.isSaving) return;
+    setSectionDialog((prev) => ({ ...prev, open: false, submitAttempted: false, formError: null }));
+  };
+  const closeModuleDialog = () => {
+    if (editor.isSaving) return;
+    setModuleDialog((prev) => ({ ...prev, open: false, submitAttempted: false, formError: null }));
+  };
+  const closeStageDialog = () => {
+    if (editor.isSaving) return;
+    setStageDialog((prev) => ({ ...prev, open: false, submitAttempted: false, formError: null }));
+  };
+  const closeQuestionDialog = () => {
+    if (editor.isSaving) return;
+    setQuestionDialog((prev) => ({ ...prev, open: false, submitAttempted: false, formError: null }));
+  };
+  const saveSection = async () => {
+    setSectionDialog((prev) => ({ ...prev, submitAttempted: true, formError: null }));
+    const draft = sectionDialog.draft;
+    const slug = resolveSlug(draft);
+    const customSlugError = draft.slugMode === "custom" ? validateSlug(draft.slug, config, true) : null;
+    if (!slug || !draft.title.trim() || customSlugError) {
+      setSectionDialog((prev) => ({ ...prev, formError: customSlugError ?? config.validation.requiredTitleMessage }));
+      return;
+    }
+    const payload = {
+      slug,
+      title: draft.title.trim(),
+      description: draft.description.trim() || null
+    };
+    const result = draft.id ? await editor.updateSection(draft.id, payload) : await editor.createSection(payload);
+    if (!result.ok) {
+      const message = result.error ?? "Unable to save section.";
+      notify("error", message);
+      setSectionDialog((prev) => ({ ...prev, formError: message }));
+      return;
+    }
+    notify("success", `${config.naming.section} saved.`);
+    closeSectionDialog();
+  };
+  const saveModule = async () => {
+    setModuleDialog((prev) => ({ ...prev, submitAttempted: true, formError: null }));
+    const draft = moduleDialog.draft;
+    const slug = resolveSlug(draft);
+    const customSlugError = draft.slugMode === "custom" ? validateSlug(draft.slug, config, true) : null;
+    if (!draft.section_id || !slug || !draft.title.trim() || !draft.summary.trim() || customSlugError) {
+      setModuleDialog((prev) => ({
+        ...prev,
+        formError: customSlugError ?? (!draft.summary.trim() ? config.validation.requiredSummaryMessage : config.validation.requiredTitleMessage)
+      }));
+      return;
+    }
+    const section = sectionById.get(draft.section_id);
+    const fallbackType = section?.slug === "vocabulary" ? "vocabulary" : section?.slug === "communication-protocol" ? "protocol" : "lesson";
+    const payload = {
+      section_id: draft.section_id,
+      slug,
+      title: draft.title.trim(),
+      summary: draft.summary.trim(),
+      module_mode: draft.module_mode,
+      module_type: fallbackType
+    };
+    const result = draft.id ? await editor.updateModule(draft.id, payload) : await editor.createModule(payload);
+    if (!result.ok) {
+      const message = result.error ?? "Unable to save module.";
+      notify("error", message);
+      setModuleDialog((prev) => ({ ...prev, formError: message }));
+      return;
+    }
+    notify("success", `${config.naming.module} saved.`);
+    closeModuleDialog();
+  };
+  const saveStage = async () => {
+    setStageDialog((prev) => ({ ...prev, submitAttempted: true, formError: null }));
+    const draft = stageDialog.draft;
+    if (!draft.module_id || !draft.title.trim()) {
+      setStageDialog((prev) => ({ ...prev, formError: config.validation.requiredTitleMessage }));
+      return;
+    }
+    const payload = { title: draft.title.trim(), content_md: draft.content_md };
+    const result = draft.id ? await editor.updateStage(draft.id, payload) : await editor.createStage(draft.module_id, payload);
+    if (!result.ok) {
+      const message = result.error ?? "Unable to save stage.";
+      notify("error", message);
+      setStageDialog((prev) => ({ ...prev, formError: message }));
+      return;
+    }
+    notify("success", `${config.naming.stage} saved.`);
+    closeStageDialog();
+  };
+  const saveQuestion = async () => {
+    setQuestionDialog((prev) => ({ ...prev, submitAttempted: true, formError: null }));
+    const draft = questionDialog.draft;
+    if (!draft.stage_id || !draft.prompt.trim()) {
+      setQuestionDialog((prev) => ({ ...prev, formError: config.validation.requiredPromptMessage }));
+      return;
+    }
+    const payload = {
+      stage_id: draft.stage_id,
+      prompt: draft.prompt.trim(),
+      response_type: draft.response_type
+    };
+    const result = draft.id ? await editor.updateQuestion(draft.id, payload) : await editor.createQuestion(draft.stage_id, payload);
+    if (!result.ok) {
+      const message = result.error ?? "Unable to save question.";
+      notify("error", message);
+      setQuestionDialog((prev) => ({ ...prev, formError: message }));
+      return;
+    }
+    notify("success", `${config.naming.question} saved.`);
+    closeQuestionDialog();
+  };
+  const handleModuleDragEnd = async (result) => {
+    if (!config.workflow.enableModuleDragAndDrop || !result.destination) return;
+    const sourceId = parseSectionId(result.source.droppableId);
+    const destId = parseSectionId(result.destination.droppableId);
+    if (!sourceId || !destId) return;
+    if (sourceId === destId && result.source.index === result.destination.index) return;
+    const nextSections = sections.map((section) => ({ ...section, modules: [...section.modules ?? []] }));
+    const source = nextSections.find((section) => section.id === sourceId);
+    const destination = nextSections.find((section) => section.id === destId);
+    if (!source || !destination) return;
+    const [moved] = source.modules.splice(result.source.index, 1);
+    if (!moved) return;
+    const movedModule = { ...moved, section_id: destId };
+    destination.modules.splice(result.destination.index, 0, movedModule);
+    for (const section of nextSections) {
+      section.modules = section.modules.map((module, index) => ({ ...module, display_order: index + 1 }));
+    }
+    editor.setSections(nextSections);
+    const saveResult = await editor.reorderCurriculum({
+      modules: nextSections.flatMap(
+        (section) => section.modules.map((module) => ({ id: module.id, section_id: section.id, display_order: module.display_order }))
+      )
+    });
+    if (!saveResult.ok) {
+      const message = saveResult.error ?? "Unable to reorder modules.";
+      notify("error", message);
+      setError(message);
+      await editor.reload();
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 2, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", flexWrap: "wrap", useFlexGap: true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h5", children: title ?? config.labels.editorTitle }),
+      onBack ? /* @__PURE__ */ jsxRuntime.jsx(material.Button, { onClick: onBack, children: config.labels.backButton }) : null
+    ] }),
+    error || editor.error ? /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "error", children: error ?? editor.error }) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Card, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        material.CardHeader,
+        {
+          title: `${config.naming.course} Structure`,
+          subheader: `Manage ${config.naming.section.toLowerCase()}s, ${config.naming.module.toLowerCase()}s, ${config.naming.stage.toLowerCase()}s, and ${config.naming.question.toLowerCase()}s.`,
+          action: /* @__PURE__ */ jsxRuntime.jsx(
+            material.Button,
+            {
+              size: "small",
+              variant: "contained",
+              onClick: () => setSectionDialog({
+                open: true,
+                submitAttempted: false,
+                formError: null,
+                draft: { slug: "", title: "", description: "", slugMode: "derived" }
+              }),
+              children: config.labels.addSection
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(material.CardContent, { children: editor.isLoading ? /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 1, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Skeleton, { variant: "rounded", height: 72 }),
+        /* @__PURE__ */ jsxRuntime.jsx(material.Skeleton, { variant: "rounded", height: 72 }),
+        /* @__PURE__ */ jsxRuntime.jsx(material.Skeleton, { variant: "rounded", height: 72 })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback: dndFallback, children: /* @__PURE__ */ jsxRuntime.jsx(DragDropContext, { onDragEnd: handleModuleDragEnd, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 2, children: [
+        sections.map((section) => /* @__PURE__ */ jsxRuntime.jsx(material.Card, { variant: "outlined", children: /* @__PURE__ */ jsxRuntime.jsx(material.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 1, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: { xs: "column", sm: "row" }, justifyContent: "space-between", spacing: 1, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, alignItems: "center", flexWrap: "wrap", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", children: section.title }),
+              /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { size: "small", label: `${section.modules?.length ?? 0} ${config.naming.module.toLowerCase()}s` }),
+              !section.active ? /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { size: "small", color: "warning", label: "Archived" }) : null
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, flexWrap: "wrap", useFlexGap: true, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                material.Button,
+                {
+                  size: "small",
+                  startIcon: /* @__PURE__ */ jsxRuntime.jsx(EditIcon__default.default, {}),
+                  onClick: () => setSectionDialog({
+                    open: true,
+                    submitAttempted: false,
+                    formError: null,
+                    draft: {
+                      id: section.id,
+                      slug: section.slug,
+                      title: section.title,
+                      description: section.description ?? "",
+                      slugMode: section.slug === slugify(section.title) ? "derived" : "custom"
+                    }
+                  }),
+                  children: config.labels.editAction
+                }
+              ),
+              section.active ? /* @__PURE__ */ jsxRuntime.jsx(
+                material.Button,
+                {
+                  size: "small",
+                  color: "error",
+                  onClick: async () => {
+                    if (!window.confirm(`Archive ${config.naming.section.toLowerCase()} "${section.title}"?`)) return;
+                    const result = await editor.archiveSection(section.id);
+                    if (!result.ok) {
+                      const message = result.error ?? `Unable to archive ${config.naming.section.toLowerCase()}.`;
+                      notify("error", message);
+                      setError(message);
+                      return;
+                    }
+                    notify("success", `${config.naming.section} archived.`);
+                  },
+                  children: config.labels.archiveAction
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx(
+                material.Button,
+                {
+                  size: "small",
+                  onClick: async () => {
+                    const result = await editor.updateSection(section.id, { active: true });
+                    if (!result.ok) {
+                      const message = result.error ?? `Unable to restore ${config.naming.section.toLowerCase()}.`;
+                      notify("error", message);
+                      setError(message);
+                      return;
+                    }
+                    notify("success", `${config.naming.section} restored.`);
+                  },
+                  children: config.labels.restoreAction
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                material.Button,
+                {
+                  size: "small",
+                  variant: "contained",
+                  onClick: () => setModuleDialog({
+                    open: true,
+                    submitAttempted: false,
+                    formError: null,
+                    draft: {
+                      section_id: section.id,
+                      slug: "",
+                      title: "",
+                      summary: "",
+                      module_mode: "single_stage",
+                      slugMode: "derived"
+                    }
+                  }),
+                  children: config.labels.addModule
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(Droppable, { droppableId: `section-${section.id}`, children: (dropProvided) => /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { ref: dropProvided.innerRef, ...dropProvided.droppableProps, spacing: 1, children: [
+            (section.modules ?? []).map((module, moduleIndex) => /* @__PURE__ */ jsxRuntime.jsx(
+              Draggable,
+              {
+                draggableId: `module-${module.id}`,
+                index: moduleIndex,
+                isDragDisabled: !config.workflow.enableModuleDragAndDrop,
+                children: (dragProvided, dragSnapshot) => /* @__PURE__ */ jsxRuntime.jsx(
+                  material.Card,
+                  {
+                    ref: dragProvided.innerRef,
+                    ...dragProvided.draggableProps,
+                    style: dragProvided.draggableProps.style,
+                    variant: "outlined",
+                    sx: { borderColor: dragSnapshot.isDragging ? "primary.main" : "divider" },
+                    children: /* @__PURE__ */ jsxRuntime.jsx(material.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 1, children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: { xs: "column", sm: "row" }, justifyContent: "space-between", spacing: 1, children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, alignItems: "center", flexWrap: "wrap", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            material.Stack,
+                            {
+                              ...dragProvided.dragHandleProps,
+                              sx: { cursor: config.workflow.enableModuleDragAndDrop ? "grab" : "default", display: "inline-flex" },
+                              children: /* @__PURE__ */ jsxRuntime.jsx(DragIndicatorIcon__default.default, { fontSize: "small", color: "action" })
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle1", fontWeight: 600, children: module.title }),
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            material.Chip,
+                            {
+                              size: "small",
+                              label: module.module_mode === "multi_stage" ? "Multi-stage" : "Single-stage"
+                            }
+                          ),
+                          !module.active || module.archived_at ? /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { size: "small", color: "warning", label: "Archived" }) : null
+                        ] }),
+                        /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, flexWrap: "wrap", useFlexGap: true, children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            material.Button,
+                            {
+                              size: "small",
+                              startIcon: /* @__PURE__ */ jsxRuntime.jsx(EditIcon__default.default, {}),
+                              onClick: () => setModuleDialog({
+                                open: true,
+                                submitAttempted: false,
+                                formError: null,
+                                draft: {
+                                  id: module.id,
+                                  section_id: module.section_id,
+                                  slug: module.slug,
+                                  title: module.title,
+                                  summary: module.summary,
+                                  module_mode: module.module_mode,
+                                  slugMode: module.slug === slugify(module.title) ? "derived" : "custom"
+                                }
+                              }),
+                              children: config.labels.editAction
+                            }
+                          ),
+                          module.active && !module.archived_at ? /* @__PURE__ */ jsxRuntime.jsx(
+                            material.Button,
+                            {
+                              size: "small",
+                              color: "error",
+                              onClick: async () => {
+                                const result = await editor.archiveModule(module.id);
+                                if (!result.ok) {
+                                  const message = result.error ?? `Unable to archive ${config.naming.module.toLowerCase()}.`;
+                                  notify("error", message);
+                                  setError(message);
+                                  return;
+                                }
+                                notify("success", `${config.naming.module} archived.`);
+                              },
+                              children: config.labels.archiveAction
+                            }
+                          ) : /* @__PURE__ */ jsxRuntime.jsx(
+                            material.Button,
+                            {
+                              size: "small",
+                              onClick: async () => {
+                                const result = await editor.updateModule(module.id, { active: true });
+                                if (!result.ok) {
+                                  const message = result.error ?? `Unable to restore ${config.naming.module.toLowerCase()}.`;
+                                  notify("error", message);
+                                  setError(message);
+                                  return;
+                                }
+                                notify("success", `${config.naming.module} restored.`);
+                              },
+                              children: config.labels.restoreAction
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            material.Button,
+                            {
+                              size: "small",
+                              variant: "contained",
+                              onClick: () => setStageDialog({
+                                open: true,
+                                submitAttempted: false,
+                                formError: null,
+                                draft: { module_id: module.id, title: "", content_md: "" }
+                              }),
+                              children: config.labels.addStage
+                            }
+                          )
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: module.summary }),
+                      (module.stages ?? []).map((stage) => /* @__PURE__ */ jsxRuntime.jsx(material.Card, { variant: "outlined", children: /* @__PURE__ */ jsxRuntime.jsx(material.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 1, children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: { xs: "column", sm: "row" }, justifyContent: "space-between", spacing: 1, children: [
+                          /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, alignItems: "center", flexWrap: "wrap", children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle2", children: stage.title }),
+                            !stage.active ? /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { size: "small", color: "warning", label: "Archived" }) : null
+                          ] }),
+                          /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, flexWrap: "wrap", useFlexGap: true, children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              material.Button,
+                              {
+                                size: "small",
+                                startIcon: /* @__PURE__ */ jsxRuntime.jsx(EditIcon__default.default, {}),
+                                onClick: () => setStageDialog({
+                                  open: true,
+                                  submitAttempted: false,
+                                  formError: null,
+                                  draft: {
+                                    id: stage.id,
+                                    module_id: stage.module_id,
+                                    title: stage.title,
+                                    content_md: stage.content_md
+                                  }
+                                }),
+                                children: config.labels.editAction
+                              }
+                            ),
+                            stage.active ? /* @__PURE__ */ jsxRuntime.jsx(
+                              material.Button,
+                              {
+                                size: "small",
+                                color: "error",
+                                onClick: async () => {
+                                  const result = await editor.archiveStage(stage.id);
+                                  if (!result.ok) {
+                                    const message = result.error ?? `Unable to archive ${config.naming.stage.toLowerCase()}.`;
+                                    notify("error", message);
+                                    setError(message);
+                                    return;
+                                  }
+                                  notify("success", `${config.naming.stage} archived.`);
+                                },
+                                children: config.labels.archiveAction
+                              }
+                            ) : /* @__PURE__ */ jsxRuntime.jsx(
+                              material.Button,
+                              {
+                                size: "small",
+                                onClick: async () => {
+                                  const result = await editor.updateStage(stage.id, { active: true });
+                                  if (!result.ok) {
+                                    const message = result.error ?? `Unable to restore ${config.naming.stage.toLowerCase()}.`;
+                                    notify("error", message);
+                                    setError(message);
+                                    return;
+                                  }
+                                  notify("success", `${config.naming.stage} restored.`);
+                                },
+                                children: config.labels.restoreAction
+                              }
+                            ),
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              material.Button,
+                              {
+                                size: "small",
+                                variant: "outlined",
+                                onClick: () => setQuestionDialog({
+                                  open: true,
+                                  submitAttempted: false,
+                                  formError: null,
+                                  draft: { stage_id: stage.id, prompt: "", response_type: "long_text" }
+                                }),
+                                children: config.labels.addQuestion
+                              }
+                            )
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          MDEditor3__default.default.Markdown,
+                          {
+                            source: stage.content_md || "_No stage content yet._",
+                            style: { backgroundColor: "transparent", color: "inherit", padding: 0, margin: 0 }
+                          }
+                        ),
+                        (stage.questions ?? []).map((question, questionIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
+                          material.Stack,
+                          {
+                            direction: { xs: "column", sm: "row" },
+                            justifyContent: "space-between",
+                            spacing: 1,
+                            sx: { border: "1px solid", borderColor: "divider", borderRadius: 1, p: 1 },
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { children: [
+                                /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "body2", fontWeight: 600, children: [
+                                  questionIndex + 1,
+                                  ". ",
+                                  question.prompt
+                                ] }),
+                                /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "caption", color: "text.secondary", children: question.response_type.replace("_", " ") })
+                              ] }),
+                              /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, flexWrap: "wrap", useFlexGap: true, children: [
+                                /* @__PURE__ */ jsxRuntime.jsx(
+                                  material.Button,
+                                  {
+                                    size: "small",
+                                    startIcon: /* @__PURE__ */ jsxRuntime.jsx(EditIcon__default.default, {}),
+                                    onClick: () => setQuestionDialog({
+                                      open: true,
+                                      submitAttempted: false,
+                                      formError: null,
+                                      draft: {
+                                        id: question.id,
+                                        stage_id: question.stage_id,
+                                        prompt: question.prompt,
+                                        response_type: question.response_type
+                                      }
+                                    }),
+                                    children: config.labels.editAction
+                                  }
+                                ),
+                                question.active ? /* @__PURE__ */ jsxRuntime.jsx(
+                                  material.Button,
+                                  {
+                                    size: "small",
+                                    color: "error",
+                                    onClick: async () => {
+                                      const result = await editor.archiveQuestion(question.id);
+                                      if (!result.ok) {
+                                        const message = result.error ?? `Unable to archive ${config.naming.question.toLowerCase()}.`;
+                                        notify("error", message);
+                                        setError(message);
+                                        return;
+                                      }
+                                      notify("success", `${config.naming.question} archived.`);
+                                    },
+                                    children: config.labels.archiveAction
+                                  }
+                                ) : /* @__PURE__ */ jsxRuntime.jsx(
+                                  material.Button,
+                                  {
+                                    size: "small",
+                                    onClick: async () => {
+                                      const result = await editor.updateQuestion(question.id, { active: true });
+                                      if (!result.ok) {
+                                        const message = result.error ?? `Unable to restore ${config.naming.question.toLowerCase()}.`;
+                                        notify("error", message);
+                                        setError(message);
+                                        return;
+                                      }
+                                      notify("success", `${config.naming.question} restored.`);
+                                    },
+                                    children: config.labels.restoreAction
+                                  }
+                                )
+                              ] })
+                            ]
+                          },
+                          question.id
+                        ))
+                      ] }) }) }, stage.id))
+                    ] }) })
+                  }
+                )
+              },
+              module.id
+            )),
+            dropProvided.placeholder
+          ] }) })
+        ] }) }) }, section.id)),
+        !sections.length ? /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "info", children: config.labels.noModulesMessage }) : null
+      ] }) }) }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Dialog, { open: sectionDialog.open, onClose: closeSectionDialog, fullWidth: true, maxWidth: "sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.DialogTitle, { children: sectionDialog.draft.id ? `Edit ${config.naming.section}` : `Add ${config.naming.section}` }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.DialogContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 2, sx: { mt: 1 }, children: [
+        sectionDialog.formError ? /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "error", children: sectionDialog.formError }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.TextField,
+          {
+            label: "Title",
+            value: sectionDialog.draft.title,
+            disabled: editor.isSaving,
+            error: sectionDialog.submitAttempted && !sectionDialog.draft.title.trim(),
+            helperText: sectionDialog.submitAttempted && !sectionDialog.draft.title.trim() ? config.validation.requiredTitleMessage : void 0,
+            onChange: (event) => setSectionDialog((prev) => {
+              const nextTitle = event.target.value;
+              return {
+                ...prev,
+                formError: null,
+                draft: {
+                  ...prev.draft,
+                  title: nextTitle,
+                  slug: prev.draft.slugMode === "derived" ? slugify(nextTitle) : prev.draft.slug
+                }
+              };
+            })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.TextField,
+          {
+            label: "Slug",
+            value: sectionDialog.draft.slugMode === "derived" ? slugify(sectionDialog.draft.title) : sectionDialog.draft.slug,
+            disabled: editor.isSaving || sectionDialog.draft.slugMode === "derived",
+            error: sectionDialog.draft.slugMode === "custom" && Boolean(sectionCustomSlugError),
+            helperText: sectionDialog.draft.slugMode === "derived" ? "Derived from title. Switch to custom mode to edit." : sectionCustomSlugError ?? config.validation.slugPatternMessage,
+            onChange: (event) => setSectionDialog((prev) => ({
+              ...prev,
+              formError: null,
+              draft: { ...prev.draft, slug: event.target.value }
+            }))
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.FormControlLabel,
+          {
+            control: /* @__PURE__ */ jsxRuntime.jsx(
+              material.Switch,
+              {
+                checked: sectionDialog.draft.slugMode === "custom",
+                onChange: (_event, checked) => setSectionDialog((prev) => ({
+                  ...prev,
+                  formError: null,
+                  draft: {
+                    ...prev.draft,
+                    slugMode: checked ? "custom" : "derived",
+                    slug: checked && !prev.draft.slug.trim() ? slugify(prev.draft.title) : prev.draft.slug
+                  }
+                }))
+              }
+            ),
+            label: "Use custom slug"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.TextField,
+          {
+            label: "Description",
+            multiline: true,
+            minRows: 3,
+            value: sectionDialog.draft.description,
+            disabled: editor.isSaving,
+            onChange: (event) => setSectionDialog((prev) => ({
+              ...prev,
+              formError: null,
+              draft: { ...prev.draft, description: event.target.value }
+            }))
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(material.DialogActions, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Button, { onClick: closeSectionDialog, disabled: editor.isSaving, children: config.labels.cancelAction }),
+        /* @__PURE__ */ jsxRuntime.jsx(material.Button, { variant: "contained", disabled: editor.isSaving, onClick: () => void saveSection(), children: config.labels.saveAction })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Dialog, { open: moduleDialog.open, onClose: closeModuleDialog, fullWidth: true, maxWidth: "sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.DialogTitle, { children: moduleDialog.draft.id ? `Edit ${config.naming.module}` : `Add ${config.naming.module}` }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.DialogContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 2, sx: { mt: 1 }, children: [
+        moduleDialog.formError ? /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "error", children: moduleDialog.formError }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.TextField,
+          {
+            select: true,
+            label: config.naming.section,
+            value: moduleDialog.draft.section_id,
+            disabled: editor.isSaving,
+            error: moduleDialog.submitAttempted && !moduleDialog.draft.section_id,
+            helperText: moduleDialog.submitAttempted && !moduleDialog.draft.section_id ? `${config.naming.section} is required.` : void 0,
+            onChange: (event) => setModuleDialog((prev) => ({
+              ...prev,
+              formError: null,
+              draft: { ...prev.draft, section_id: event.target.value }
+            })),
+            children: sections.map((section) => /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { value: section.id, children: section.title }, section.id))
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.TextField,
+          {
+            label: "Title",
+            value: moduleDialog.draft.title,
+            disabled: editor.isSaving,
+            error: moduleDialog.submitAttempted && !moduleDialog.draft.title.trim(),
+            helperText: moduleDialog.submitAttempted && !moduleDialog.draft.title.trim() ? config.validation.requiredTitleMessage : void 0,
+            onChange: (event) => setModuleDialog((prev) => {
+              const nextTitle = event.target.value;
+              return {
+                ...prev,
+                formError: null,
+                draft: {
+                  ...prev.draft,
+                  title: nextTitle,
+                  slug: prev.draft.slugMode === "derived" ? slugify(nextTitle) : prev.draft.slug
+                }
+              };
+            })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.TextField,
+          {
+            label: "Slug",
+            value: moduleDialog.draft.slugMode === "derived" ? slugify(moduleDialog.draft.title) : moduleDialog.draft.slug,
+            disabled: editor.isSaving || moduleDialog.draft.slugMode === "derived",
+            error: moduleDialog.draft.slugMode === "custom" && Boolean(moduleCustomSlugError),
+            helperText: moduleDialog.draft.slugMode === "derived" ? "Derived from title. Switch to custom mode to edit." : moduleCustomSlugError ?? config.validation.slugPatternMessage,
+            onChange: (event) => setModuleDialog((prev) => ({
+              ...prev,
+              formError: null,
+              draft: { ...prev.draft, slug: event.target.value }
+            }))
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.FormControlLabel,
+          {
+            control: /* @__PURE__ */ jsxRuntime.jsx(
+              material.Switch,
+              {
+                checked: moduleDialog.draft.slugMode === "custom",
+                onChange: (_event, checked) => setModuleDialog((prev) => ({
+                  ...prev,
+                  formError: null,
+                  draft: {
+                    ...prev.draft,
+                    slugMode: checked ? "custom" : "derived",
+                    slug: checked && !prev.draft.slug.trim() ? slugify(prev.draft.title) : prev.draft.slug
+                  }
+                }))
+              }
+            ),
+            label: "Use custom slug"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.TextField,
+          {
+            label: "Summary",
+            multiline: true,
+            minRows: 2,
+            value: moduleDialog.draft.summary,
+            disabled: editor.isSaving,
+            error: moduleDialog.submitAttempted && !moduleDialog.draft.summary.trim(),
+            helperText: moduleDialog.submitAttempted && !moduleDialog.draft.summary.trim() ? config.validation.requiredSummaryMessage : void 0,
+            onChange: (event) => setModuleDialog((prev) => ({
+              ...prev,
+              formError: null,
+              draft: { ...prev.draft, summary: event.target.value }
+            }))
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          material.TextField,
+          {
+            select: true,
+            label: "Module mode",
+            value: moduleDialog.draft.module_mode,
+            disabled: editor.isSaving,
+            onChange: (event) => setModuleDialog((prev) => ({
+              ...prev,
+              formError: null,
+              draft: { ...prev.draft, module_mode: event.target.value }
+            })),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { value: "single_stage", children: "Single stage" }),
+              /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { value: "multi_stage", children: "Multi stage" })
+            ]
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(material.DialogActions, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Button, { onClick: closeModuleDialog, disabled: editor.isSaving, children: config.labels.cancelAction }),
+        /* @__PURE__ */ jsxRuntime.jsx(material.Button, { variant: "contained", disabled: editor.isSaving, onClick: () => void saveModule(), children: config.labels.saveAction })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Dialog, { open: stageDialog.open, onClose: closeStageDialog, fullWidth: true, maxWidth: "md", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.DialogTitle, { children: stageDialog.draft.id ? `Edit ${config.naming.stage}` : `Add ${config.naming.stage}` }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.DialogContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 2, sx: { mt: 1 }, children: [
+        stageDialog.formError ? /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "error", children: stageDialog.formError }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.TextField,
+          {
+            label: "Title",
+            value: stageDialog.draft.title,
+            disabled: editor.isSaving,
+            error: stageDialog.submitAttempted && !stageDialog.draft.title.trim(),
+            helperText: stageDialog.submitAttempted && !stageDialog.draft.title.trim() ? config.validation.requiredTitleMessage : void 0,
+            onChange: (event) => setStageDialog((prev) => ({
+              ...prev,
+              formError: null,
+              draft: { ...prev.draft, title: event.target.value }
+            }))
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          MDEditor3__default.default,
+          {
+            value: stageDialog.draft.content_md,
+            onChange: (value) => setStageDialog((prev) => ({
+              ...prev,
+              formError: null,
+              draft: { ...prev.draft, content_md: value ?? "" }
+            })),
+            preview: "edit",
+            height: 320
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(material.DialogActions, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Button, { onClick: closeStageDialog, disabled: editor.isSaving, children: config.labels.cancelAction }),
+        /* @__PURE__ */ jsxRuntime.jsx(material.Button, { variant: "contained", disabled: editor.isSaving, onClick: () => void saveStage(), children: config.labels.saveAction })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Dialog, { open: questionDialog.open, onClose: closeQuestionDialog, fullWidth: true, maxWidth: "sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.DialogTitle, { children: questionDialog.draft.id ? `Edit ${config.naming.question}` : `Add ${config.naming.question}` }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.DialogContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 2, sx: { mt: 1 }, children: [
+        questionDialog.formError ? /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "error", children: questionDialog.formError }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.TextField,
+          {
+            label: "Prompt",
+            multiline: true,
+            minRows: 3,
+            value: questionDialog.draft.prompt,
+            disabled: editor.isSaving,
+            error: questionDialog.submitAttempted && !questionDialog.draft.prompt.trim(),
+            helperText: questionDialog.submitAttempted && !questionDialog.draft.prompt.trim() ? config.validation.requiredPromptMessage : void 0,
+            onChange: (event) => setQuestionDialog((prev) => ({
+              ...prev,
+              formError: null,
+              draft: { ...prev.draft, prompt: event.target.value }
+            }))
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          material.TextField,
+          {
+            select: true,
+            label: "Response type",
+            value: questionDialog.draft.response_type,
+            disabled: editor.isSaving,
+            onChange: (event) => setQuestionDialog((prev) => ({
+              ...prev,
+              formError: null,
+              draft: { ...prev.draft, response_type: event.target.value }
+            })),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { value: "short_text", children: "Short text" }),
+              /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { value: "long_text", children: "Long text" }),
+              /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { value: "checklist", children: "Checklist" })
+            ]
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(material.DialogActions, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Button, { onClick: closeQuestionDialog, disabled: editor.isSaving, children: config.labels.cancelAction }),
+        /* @__PURE__ */ jsxRuntime.jsx(material.Button, { variant: "contained", disabled: editor.isSaving, onClick: () => void saveQuestion(), children: config.labels.saveAction })
+      ] })
+    ] })
+  ] });
+};
+var statusLabel = (status) => {
+  if (status === "in_progress") return "In progress";
+  if (status === "submitted") return "Submitted";
+  if (status === "passed") return "Passed";
+  if (status === "revision_required") return "Revision required";
+  return "Pending";
+};
+var statusColor = (status) => {
+  if (status === "in_progress") return "warning";
+  if (status === "submitted") return "info";
+  if (status === "passed") return "success";
+  if (status === "revision_required") return "warning";
+  return "default";
+};
+var normalizeAnswer = (value) => (value ?? "").trim();
+var HandbookLmsReviewWorkspace = ({
+  adapter,
+  courseSlug,
+  config,
+  title,
+  onBack,
+  notifications,
+  enabled = true
+}) => {
+  const review = useLmsReviewWorkspace({ adapter, courseSlug, enabled });
+  const notify = (severity, message) => {
+    notifications?.notify?.({ severity, message });
+    if (severity === "success") notifications?.success?.(message);
+    if (severity === "error") notifications?.error?.(message);
+    if (severity === "info") notifications?.info?.(message);
+    if (severity === "warning") notifications?.warning?.(message);
+  };
+  const [selectedModuleId, setSelectedModuleId] = react.useState("");
+  const [reviewDecision, setReviewDecision] = react.useState(null);
+  const [passFeedback, setPassFeedback] = react.useState("");
+  const [followUpFeedback, setFollowUpFeedback] = react.useState("");
+  const [followUpPrompt, setFollowUpPrompt] = react.useState("");
+  const [selectedFollowUpQuestionIds, setSelectedFollowUpQuestionIds] = react.useState([]);
+  const [statusOverrideTarget, setStatusOverrideTarget] = react.useState("submitted");
+  const [statusOverrideNote, setStatusOverrideNote] = react.useState("");
+  const [followUpHistoryFilter, setFollowUpHistoryFilter] = react.useState("all");
+  const [expandedFollowUpHistoryId, setExpandedFollowUpHistoryId] = react.useState(false);
+  const learnerOptions = react.useMemo(
+    () => [...review.learners].sort((a, b) => (a.email ?? a.id).localeCompare(b.email ?? b.id)),
+    [review.learners]
+  );
+  react.useEffect(() => {
+    if (review.selectedLearnerId) return;
+    const firstQueuedLearner = review.summary?.review_queue[0]?.learner_user_id ?? "";
+    if (firstQueuedLearner) {
+      review.setSelectedLearnerId(firstQueuedLearner);
+      return;
+    }
+    if (learnerOptions[0]) {
+      review.setSelectedLearnerId(learnerOptions[0].id);
+    }
+  }, [learnerOptions, review]);
+  const records = react.useMemo(() => review.summary?.records ?? [], [review.summary?.records]);
+  const sections = react.useMemo(() => {
+    const sectionMap = /* @__PURE__ */ new Map();
+    for (const record of records) {
+      const section = record.module.section;
+      const sectionId = section?.id ?? "uncategorized";
+      const sectionTitle = section?.title ?? "Uncategorized";
+      const displayOrder = section?.display_order ?? 999;
+      const current = sectionMap.get(sectionId) ?? {
+        id: sectionId,
+        title: sectionTitle,
+        display_order: displayOrder,
+        records: []
+      };
+      current.records.push(record);
+      sectionMap.set(sectionId, current);
+    }
+    return Array.from(sectionMap.values()).map((section) => ({
+      ...section,
+      records: section.records.sort((a, b) => a.module.display_order - b.module.display_order)
+    })).sort((a, b) => a.display_order - b.display_order);
+  }, [records]);
+  react.useEffect(() => {
+    if (!records.length) {
+      setSelectedModuleId("");
+      return;
+    }
+    setSelectedModuleId((prev) => prev && records.some((record) => record.module.id === prev) ? prev : records[0].module.id);
+  }, [records]);
+  const selectedRecord = records.find((record) => record.module.id === selectedModuleId) ?? null;
+  const selectedQuestions = react.useMemo(
+    () => (selectedRecord?.module.stages ?? []).flatMap((stage) => stage.questions ?? []),
+    [selectedRecord]
+  );
+  const selectedQuestionById = react.useMemo(
+    () => new Map(selectedQuestions.map((question) => [question.id, question])),
+    [selectedQuestions]
+  );
+  const selectedResponseByQuestionId = react.useMemo(
+    () => new Map((selectedRecord?.responses ?? []).map((response) => [response.question_id, response])),
+    [selectedRecord?.responses]
+  );
+  const submittedQueueItem = review.summary?.review_queue.find(
+    (item) => item.learner_user_id === review.selectedLearnerId && item.module_id === selectedRecord?.module.id
+  ) ?? null;
+  const canReviewSubmittedModule = Boolean(submittedQueueItem) || selectedRecord?.progress.status === "submitted";
+  const followUpHistory = react.useMemo(
+    () => [...selectedRecord?.assignments ?? []].sort((a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime()),
+    [selectedRecord?.assignments]
+  );
+  const activeFollowUpHistoryItem = react.useMemo(() => {
+    const pending = followUpHistory.filter((assignment) => assignment.status === "pending");
+    return pending[pending.length - 1] ?? followUpHistory[followUpHistory.length - 1] ?? null;
+  }, [followUpHistory]);
+  const reviewerActivity = react.useMemo(() => {
+    if (!selectedRecord) return [];
+    const activity = [];
+    if (selectedRecord.progress.submitted_at) {
+      activity.push({ at: selectedRecord.progress.submitted_at, label: "Module submitted for review" });
+    }
+    if (selectedRecord.progress.reviewed_at) {
+      activity.push({ at: selectedRecord.progress.reviewed_at, label: `Last review decision: ${statusLabel(selectedRecord.progress.status)}` });
+    }
+    for (const assignment of selectedRecord.assignments ?? []) {
+      activity.push({ at: assignment.created_at, label: "Follow-up assigned" });
+      if (assignment.submitted_at) activity.push({ at: assignment.submitted_at, label: "Follow-up submitted by learner" });
+      if (assignment.completed_at) activity.push({ at: assignment.completed_at, label: "Follow-up completed" });
+    }
+    return activity.sort((a, b) => new Date(b.at).getTime() - new Date(a.at).getTime()).slice(0, 8);
+  }, [selectedRecord]);
+  react.useEffect(() => {
+    setReviewDecision(null);
+    setPassFeedback("");
+    setFollowUpFeedback("");
+    setFollowUpPrompt("");
+    setSelectedFollowUpQuestionIds([]);
+    setStatusOverrideNote("");
+    setFollowUpHistoryFilter("all");
+    setStatusOverrideTarget(selectedRecord?.progress.status ?? "submitted");
+  }, [selectedRecord?.module.id, selectedRecord?.progress.status]);
+  react.useEffect(() => {
+    if (!followUpHistory.length) {
+      setExpandedFollowUpHistoryId(false);
+      return;
+    }
+    setExpandedFollowUpHistoryId((prev) => {
+      if (prev && followUpHistory.some((assignment) => assignment.id === prev)) return prev;
+      return activeFollowUpHistoryItem?.id ?? false;
+    });
+  }, [activeFollowUpHistoryItem?.id, followUpHistory]);
+  const hasReviewDraft = Boolean(passFeedback.trim()) || Boolean(followUpFeedback.trim()) || Boolean(followUpPrompt.trim()) || selectedFollowUpQuestionIds.length > 0;
+  const clearReviewDraft = () => {
+    setReviewDecision(null);
+    setPassFeedback("");
+    setFollowUpFeedback("");
+    setFollowUpPrompt("");
+    setSelectedFollowUpQuestionIds([]);
+  };
+  const confirmDiscardReviewDraft = () => {
+    if (!hasReviewDraft) return true;
+    return window.confirm("You have unsent review inputs. Leave this module and discard them?");
+  };
+  const handlePassDecision = async () => {
+    if (!selectedRecord || !review.selectedLearnerId) return;
+    const result = await review.reviewModule({
+      moduleId: selectedRecord.module.id,
+      learner_user_id: review.selectedLearnerId,
+      status: "passed",
+      review_feedback_md: passFeedback.trim() || void 0,
+      assignment: null
+    });
+    if (result.ok) {
+      clearReviewDraft();
+      notify("success", "Marked as passed.");
+      return;
+    }
+    notify("error", result.error ?? "Unable to submit review decision.");
+  };
+  const handleAssignFollowUpDecision = async () => {
+    if (!selectedRecord || !review.selectedLearnerId) return;
+    const hasFollowUpContent = Boolean(followUpPrompt.trim()) || Boolean(followUpFeedback.trim()) || selectedFollowUpQuestionIds.length > 0;
+    if (!hasFollowUpContent) return;
+    const result = await review.reviewModule({
+      moduleId: selectedRecord.module.id,
+      learner_user_id: review.selectedLearnerId,
+      status: "revision_required",
+      review_feedback_md: followUpFeedback.trim() || void 0,
+      assignment: {
+        prompt: followUpPrompt.trim() || void 0,
+        response_mode: "written",
+        reviewer_note_md: followUpFeedback.trim() || null,
+        target_question_ids: selectedFollowUpQuestionIds
+      }
+    });
+    if (result.ok) {
+      clearReviewDraft();
+      notify("success", "Follow-up assigned.");
+      return;
+    }
+    notify("error", result.error ?? "Unable to assign follow-up.");
+  };
+  const handleApplyStatusOverride = async () => {
+    if (!selectedRecord || !review.selectedLearnerId) return;
+    if (statusOverrideTarget === selectedRecord.progress.status) return;
+    if (statusOverrideTarget === "pending") {
+      const confirmed = window.confirm("Reset this module to Pending? This removes current review state.");
+      if (!confirmed) return;
+    }
+    const result = await review.reviewModule({
+      moduleId: selectedRecord.module.id,
+      learner_user_id: review.selectedLearnerId,
+      status: statusOverrideTarget,
+      review_feedback_md: statusOverrideNote.trim() || void 0,
+      assignment: statusOverrideTarget === "revision_required" ? {
+        prompt: void 0,
+        response_mode: "written",
+        reviewer_note_md: statusOverrideNote.trim() || null,
+        target_question_ids: []
+      } : null
+    });
+    if (result.ok) {
+      setStatusOverrideNote("");
+      notify("success", "Status updated.");
+      return;
+    }
+    notify("error", result.error ?? "Unable to apply status update.");
+  };
+  const renderQuestionResponse = (question, response) => /* @__PURE__ */ jsxRuntime.jsx(material.Card, { variant: "outlined", children: /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", fontWeight: 600, sx: { mb: 1 }, children: question.prompt }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "caption", color: "text.secondary", children: [
+      "Response type: ",
+      question.response_type.replace("_", " ")
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { sx: { mt: 1 }, children: response?.response_md ? /* @__PURE__ */ jsxRuntime.jsx(
+      MDEditor3__default.default.Markdown,
+      {
+        source: response.response_md,
+        style: { backgroundColor: "transparent", color: "inherit", padding: 0, margin: 0 }
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "No response submitted yet." }) })
+  ] }) }, question.id);
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 2, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", flexWrap: "wrap", useFlexGap: true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h5", children: title ?? config.labels.reviewTitle }),
+      onBack ? /* @__PURE__ */ jsxRuntime.jsx(material.Button, { onClick: onBack, children: config.labels.backButton }) : null
+    ] }),
+    review.error ? /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "error", children: review.error }) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Card, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.CardHeader, { title: `Select ${config.naming.learner}` }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { container: true, spacing: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12, md: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+          material.TextField,
+          {
+            select: true,
+            label: config.naming.learner,
+            value: review.selectedLearnerId,
+            onChange: (event) => {
+              if (event.target.value === review.selectedLearnerId) return;
+              if (!confirmDiscardReviewDraft()) return;
+              review.setSelectedLearnerId(event.target.value);
+            },
+            fullWidth: true,
+            children: learnerOptions.map((learner) => /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { value: learner.id, children: learner.name || learner.email || learner.id }, learner.id))
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12, md: 6 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Alert, { severity: "info", children: [
+          "Review queue items: ",
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: review.summary?.review_queue.length ?? 0 })
+        ] }) })
+      ] }) })
+    ] }),
+    !sections.length ? /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "info", children: "No modules found for this learner." }) : /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12, md: 4 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(material.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 1, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "h6", children: [
+          config.naming.module,
+          "s"
+        ] }),
+        sections.map((section) => {
+          const completed = section.records.filter((record) => record.progress.status === "passed").length;
+          return /* @__PURE__ */ jsxRuntime.jsxs(material.Accordion, { defaultExpanded: true, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(material.AccordionSummary, { expandIcon: /* @__PURE__ */ jsxRuntime.jsx(ExpandMoreIcon__default.default, {}), children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, alignItems: "center", justifyContent: "space-between", sx: { width: "100%" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle2", children: section.title }),
+              /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { size: "small", label: `${completed}/${section.records.length}` })
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(material.AccordionDetails, { sx: { pt: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.List, { disablePadding: true, children: section.records.map((record) => /* @__PURE__ */ jsxRuntime.jsxs(
+              material.ListItemButton,
+              {
+                selected: record.module.id === selectedModuleId,
+                onClick: () => {
+                  if (record.module.id === selectedModuleId) return;
+                  if (!confirmDiscardReviewDraft()) return;
+                  setSelectedModuleId(record.module.id);
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(material.ListItemText, { primary: record.module.title }),
+                  /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { size: "small", color: statusColor(record.progress.status), label: statusLabel(record.progress.status) })
+                ]
+              },
+              record.module.id
+            )) }) })
+          ] }, section.id);
+        })
+      ] }) }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12, md: 8 }, children: !selectedRecord ? /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "info", children: "Select a learner module to review answers." }) : /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: { xs: "column", sm: "row" }, justifyContent: "space-between", spacing: 1, sx: { mb: 1 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", children: selectedRecord.module.title }),
+            /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { size: "small", color: statusColor(selectedRecord.progress.status), label: statusLabel(selectedRecord.progress.status) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", sx: { mb: 1.5 }, children: selectedRecord.module.summary }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { spacing: 2, children: (selectedRecord.module.stages ?? []).map((stage) => /* @__PURE__ */ jsxRuntime.jsx(material.Card, { variant: "outlined", children: /* @__PURE__ */ jsxRuntime.jsx(material.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 1.5, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle2", fontWeight: 600, children: stage.title }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              MDEditor3__default.default.Markdown,
+              {
+                source: stage.content_md || "",
+                style: { backgroundColor: "transparent", color: "inherit", padding: 0, margin: 0 }
+              }
+            ),
+            (stage.questions ?? []).length ? /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 1, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle2", fontWeight: 600, children: "Learner answers" }),
+              (stage.questions ?? []).map(
+                (question) => renderQuestionResponse(question, selectedResponseByQuestionId.get(question.id))
+              )
+            ] }) : null
+          ] }) }) }, stage.id)) }),
+          selectedRecord.progress.review_feedback_md ? /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: selectedRecord.progress.status === "passed" ? "success" : "warning", sx: { mt: 2 }, children: selectedRecord.progress.review_feedback_md }) : null
+        ] }) }),
+        followUpHistory.length ? /* @__PURE__ */ jsxRuntime.jsx(material.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: { xs: "column", sm: "row" }, justifyContent: "space-between", spacing: 1, sx: { mb: 1 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle1", fontWeight: 600, children: "Follow-up history" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 0.75, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                material.Chip,
+                {
+                  size: "small",
+                  label: "All",
+                  color: followUpHistoryFilter === "all" ? "primary" : "default",
+                  variant: followUpHistoryFilter === "all" ? "filled" : "outlined",
+                  onClick: () => setFollowUpHistoryFilter("all")
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                material.Chip,
+                {
+                  size: "small",
+                  label: "Changed only",
+                  color: followUpHistoryFilter === "changed" ? "primary" : "default",
+                  variant: followUpHistoryFilter === "changed" ? "filled" : "outlined",
+                  onClick: () => setFollowUpHistoryFilter("changed")
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { spacing: 1, children: followUpHistory.map((assignment, assignmentIndex) => {
+            const targetedUpdates = (assignment.target_question_ids ?? []).map((questionId) => {
+              const question = selectedQuestionById.get(questionId);
+              const previousAnswer = assignment.target_original_answers_json?.[questionId] ?? "";
+              const updatedAnswer = assignment.target_updated_answers_json?.[questionId] ?? selectedResponseByQuestionId.get(questionId)?.response_md ?? "";
+              const changed = normalizeAnswer(previousAnswer) !== normalizeAnswer(updatedAnswer);
+              return { questionId, question, previousAnswer, updatedAnswer, changed };
+            });
+            const filteredTargetedUpdates = targetedUpdates.filter(
+              (item) => followUpHistoryFilter === "changed" ? item.changed : true
+            );
+            const changedCount = targetedUpdates.filter((item) => item.changed).length;
+            const unchangedCount = Math.max(targetedUpdates.length - changedCount, 0);
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              material.Accordion,
+              {
+                disableGutters: true,
+                expanded: expandedFollowUpHistoryId === assignment.id,
+                onChange: (_event, expanded) => setExpandedFollowUpHistoryId(expanded ? assignment.id : false),
+                sx: { border: "1px solid", borderColor: "divider", borderRadius: 1, overflow: "hidden", "&:before": { display: "none" } },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(material.AccordionSummary, { expandIcon: /* @__PURE__ */ jsxRuntime.jsx(ExpandMoreIcon__default.default, {}), children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: { xs: "column", sm: "row" }, justifyContent: "space-between", spacing: 1, sx: { width: "100%" }, children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "subtitle2", fontWeight: 700, children: [
+                      "Follow-up ",
+                      assignmentIndex + 1
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 0.75, flexWrap: "wrap", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { size: "small", label: assignment.status.replace("_", " ") }),
+                      targetedUpdates.length ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { size: "small", color: "success", label: `Changed ${changedCount}` }),
+                        /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { size: "small", variant: "outlined", label: `Unchanged ${unchangedCount}` })
+                      ] }) : null
+                    ] })
+                  ] }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(material.AccordionDetails, { sx: { pt: 0 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 1.25, children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 0.5, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle2", sx: { bgcolor: "action.hover", px: 1, py: 0.5, borderRadius: 1 }, children: "Assignment and response" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "caption", color: "text.secondary", children: "Follow-up assignment" }),
+                      assignment.prompt ? /* @__PURE__ */ jsxRuntime.jsx(MDEditor3__default.default.Markdown, { source: assignment.prompt, style: { backgroundColor: "transparent", color: "inherit", padding: 0, margin: 0 } }) : /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "No assignment prompt provided." }),
+                      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "caption", color: "text.secondary", children: "Learner response to assignment" }),
+                      assignment.learner_assignment_response_md || assignment.learner_response_md ? /* @__PURE__ */ jsxRuntime.jsx(
+                        MDEditor3__default.default.Markdown,
+                        {
+                          source: assignment.learner_assignment_response_md ?? assignment.learner_response_md ?? "",
+                          style: { backgroundColor: "transparent", color: "inherit", padding: 0, margin: 0 }
+                        }
+                      ) : /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "No assignment response submitted." })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(material.Divider, {}),
+                    /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 0.5, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle2", sx: { bgcolor: "action.hover", px: 1, py: 0.5, borderRadius: 1 }, children: "Targeted question updates" }),
+                      filteredTargetedUpdates.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(material.Card, { variant: "outlined", children: /* @__PURE__ */ jsxRuntime.jsx(material.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 0.75, children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, alignItems: "center", flexWrap: "wrap", children: [
+                          /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "body2", fontWeight: 600, children: [
+                            index + 1,
+                            ". ",
+                            item.question?.prompt ?? "Targeted question"
+                          ] }),
+                          /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { size: "small", color: item.changed ? "success" : "default", label: item.changed ? "Changed" : "Unchanged" })
+                        ] }),
+                        /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { container: true, spacing: 1.5, children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 0.5, children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "caption", color: "text.secondary", children: "Previous answer" }),
+                            item.previousAnswer.trim() ? /* @__PURE__ */ jsxRuntime.jsx(MDEditor3__default.default.Markdown, { source: item.previousAnswer, style: { backgroundColor: "transparent", color: "inherit", padding: 0, margin: 0 } }) : /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "No previous answer captured." })
+                          ] }) }),
+                          /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 0.5, children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "caption", color: "text.secondary", children: "Updated answer" }),
+                            item.updatedAnswer.trim() ? /* @__PURE__ */ jsxRuntime.jsx(MDEditor3__default.default.Markdown, { source: item.updatedAnswer, style: { backgroundColor: "transparent", color: "inherit", padding: 0, margin: 0 } }) : /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "No updated answer submitted yet." })
+                          ] }) })
+                        ] })
+                      ] }) }) }, `${assignment.id}-${item.questionId}`)),
+                      !filteredTargetedUpdates.length ? /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: followUpHistoryFilter === "changed" ? "No changed targeted answers in this follow-up." : "No targeted questions for this follow-up." }) : null
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(material.Divider, {}),
+                    /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 0.5, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle2", sx: { bgcolor: "action.hover", px: 1, py: 0.5, borderRadius: 1 }, children: "Additional response" }),
+                      assignment.learner_additional_response_md ? /* @__PURE__ */ jsxRuntime.jsx(MDEditor3__default.default.Markdown, { source: assignment.learner_additional_response_md, style: { backgroundColor: "transparent", color: "inherit", padding: 0, margin: 0 } }) : /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "No additional response submitted." })
+                    ] }),
+                    assignment.reviewer_note_md ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(material.Divider, {}),
+                      /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "caption", color: "text.secondary", children: [
+                        "Reviewer note: ",
+                        assignment.reviewer_note_md
+                      ] })
+                    ] }) : null
+                  ] }) })
+                ]
+              },
+              assignment.id
+            );
+          }) })
+        ] }) }) : null,
+        canReviewSubmittedModule ? /* @__PURE__ */ jsxRuntime.jsx(material.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle1", fontWeight: 600, sx: { mb: 1 }, children: "Review decision" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 1.5, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: { xs: "column", sm: "row" }, spacing: 1, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                material.Button,
+                {
+                  variant: reviewDecision === "pass" ? "contained" : "outlined",
+                  color: reviewDecision === "pass" ? "success" : "inherit",
+                  onClick: () => setReviewDecision("pass"),
+                  disabled: review.isSaving,
+                  children: config.labels.passAction
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                material.Button,
+                {
+                  variant: reviewDecision === "follow_up" ? "contained" : "outlined",
+                  color: reviewDecision === "follow_up" ? "warning" : "inherit",
+                  onClick: () => setReviewDecision("follow_up"),
+                  disabled: review.isSaving || !config.workflow.enableFollowUpAssignments,
+                  children: config.labels.requestRevisionAction
+                }
+              )
+            ] }),
+            reviewDecision === "pass" ? /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 1, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                material.TextField,
+                {
+                  label: "Feedback (optional)",
+                  multiline: true,
+                  minRows: 2,
+                  value: passFeedback,
+                  onChange: (event) => setPassFeedback(event.target.value)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                material.Button,
+                {
+                  variant: "contained",
+                  color: "success",
+                  onClick: () => void handlePassDecision(),
+                  disabled: review.isSaving,
+                  sx: { alignSelf: "flex-start" },
+                  children: config.labels.passAction
+                }
+              )
+            ] }) : null,
+            reviewDecision === "follow_up" ? /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 1, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                material.TextField,
+                {
+                  label: "Feedback",
+                  multiline: true,
+                  minRows: 2,
+                  value: followUpFeedback,
+                  onChange: (event) => setFollowUpFeedback(event.target.value)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                material.TextField,
+                {
+                  label: `${config.naming.assignment} (optional)`,
+                  multiline: true,
+                  minRows: 2,
+                  value: followUpPrompt,
+                  onChange: (event) => setFollowUpPrompt(event.target.value)
+                }
+              ),
+              config.workflow.enableTargetedQuestionSelection ? /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 0.5, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle2", children: "Questions to revisit (optional)" }),
+                selectedQuestions.length ? /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { spacing: 0.25, children: selectedQuestions.map((question, index) => {
+                  const checked = selectedFollowUpQuestionIds.includes(question.id);
+                  return /* @__PURE__ */ jsxRuntime.jsx(
+                    material.FormControlLabel,
+                    {
+                      control: /* @__PURE__ */ jsxRuntime.jsx(
+                        material.Checkbox,
+                        {
+                          size: "small",
+                          checked,
+                          onChange: (event) => setSelectedFollowUpQuestionIds(
+                            (prev) => event.target.checked ? [...prev, question.id] : prev.filter((id) => id !== question.id)
+                          )
+                        }
+                      ),
+                      label: /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "body2", children: [
+                        index + 1,
+                        ". ",
+                        question.prompt
+                      ] })
+                    },
+                    question.id
+                  );
+                }) }) : /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "This module currently has no questions to target." })
+              ] }) : null,
+              /* @__PURE__ */ jsxRuntime.jsx(
+                material.Button,
+                {
+                  variant: "contained",
+                  color: "warning",
+                  onClick: () => void handleAssignFollowUpDecision(),
+                  disabled: review.isSaving,
+                  sx: { alignSelf: "flex-start" },
+                  children: config.labels.requestRevisionAction
+                }
+              )
+            ] }) : null,
+            !reviewDecision ? /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "Choose a decision to continue." }) : null
+          ] })
+        ] }) }) : /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "info", children: "This module is not currently in submitted status." }),
+        config.workflow.enableStatusOverride ? /* @__PURE__ */ jsxRuntime.jsx(material.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle1", fontWeight: 600, sx: { mb: 1 }, children: "Reviewer controls" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 1.25, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              material.TextField,
+              {
+                select: true,
+                label: "Set module status",
+                value: statusOverrideTarget,
+                onChange: (event) => setStatusOverrideTarget(event.target.value),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { value: "pending", children: "Pending (reset)" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { value: "submitted", children: "Submitted (reopen)" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { value: "revision_required", children: "Revision required" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(material.MenuItem, { value: "passed", children: "Passed" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              material.TextField,
+              {
+                label: "Reason / note (optional)",
+                multiline: true,
+                minRows: 2,
+                value: statusOverrideNote,
+                onChange: (event) => setStatusOverrideNote(event.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              material.Button,
+              {
+                variant: "outlined",
+                onClick: () => void handleApplyStatusOverride(),
+                disabled: review.isSaving || !selectedRecord,
+                sx: { alignSelf: "flex-start" },
+                children: config.labels.applyStatusAction
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "caption", color: "text.secondary", children: "Use this area to reopen submitted work, reset progress, or correct accidental status changes." }),
+            reviewerActivity.length ? /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 0.5, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle2", children: "Recent activity" }),
+              reviewerActivity.map((eventItem) => /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "caption", color: "text.secondary", children: [
+                new Date(eventItem.at).toLocaleString(),
+                ": ",
+                eventItem.label
+              ] }, `${eventItem.at}-${eventItem.label}`))
+            ] }) : null
+          ] })
+        ] }) }) : null
+      ] }) })
+    ] })
+  ] });
+};
+var unfinishedStatuses = ["in_progress", "revision_required", "pending"];
+var markdownStyle = { backgroundColor: "transparent", color: "inherit", padding: 0, margin: 0 };
+var pickInitialLearningModuleId = (orderedRecords, currentModuleId) => {
+  if (!orderedRecords.length) return null;
+  if (currentModuleId && orderedRecords.some((record) => record.module.id === currentModuleId)) {
+    return currentModuleId;
+  }
+  const firstUnfinished = orderedRecords.find((record) => unfinishedStatuses.includes(record.progress.status));
+  return firstUnfinished?.module.id ?? orderedRecords[0].module.id;
+};
+var statusLabel2 = (status) => {
+  if (status === "in_progress") return "In progress";
+  if (status === "submitted") return "Submitted";
+  if (status === "passed") return "Passed";
+  if (status === "revision_required") return "Follow up";
+  return "Pending";
+};
+var statusColor2 = (status) => {
+  if (status === "in_progress") return "warning";
+  if (status === "submitted") return "info";
+  if (status === "passed") return "success";
+  if (status === "revision_required") return "warning";
+  return "default";
+};
+var getStageQuestions = (stage) => stage.questions ?? [];
+var normalizeResponse = (value) => (value ?? "").trim();
+var HandbookLmsLearningWorkspace = ({
+  adapter,
+  courseSlug,
+  config,
+  title,
+  onBack,
+  onOpenReview,
+  openReviewLabel,
+  notifications,
+  enabled = true
+}) => {
+  const theme = styles.useTheme();
+  const isMobile = material.useMediaQuery(theme.breakpoints.down("md"));
+  const learning = useLmsLearningWorkspace({ adapter, courseSlug, enabled });
+  const [selectedModuleId, setSelectedModuleId] = react.useState(null);
+  const [questionDrafts, setQuestionDrafts] = react.useState({});
+  const [savedQuestionDrafts, setSavedQuestionDrafts] = react.useState({});
+  const [assignmentResponseDrafts, setAssignmentResponseDrafts] = react.useState({});
+  const [assignmentAdditionalDrafts, setAssignmentAdditionalDrafts] = react.useState({});
+  const [activeStageStep, setActiveStageStep] = react.useState(0);
+  const [moduleDrawerOpen, setModuleDrawerOpen] = react.useState(false);
+  const [submitSuccessDialogOpen, setSubmitSuccessDialogOpen] = react.useState(false);
+  const [expandedFollowUpId, setExpandedFollowUpId] = react.useState(false);
+  const [followUpSummaryDialog, setFollowUpSummaryDialog] = react.useState(null);
+  const [isCurrentFollowUpBlockVisible, setIsCurrentFollowUpBlockVisible] = react.useState(false);
+  const [notice, setNotice] = react.useState(null);
+  const publishNotice = (severity, message) => {
+    notifications?.notify?.({ severity, message });
+    if (severity === "success") notifications?.success?.(message);
+    if (severity === "error") notifications?.error?.(message);
+    if (severity === "info") notifications?.info?.(message);
+    if (severity === "warning") notifications?.warning?.(message);
+    const hasExternalHandler = Boolean(notifications?.notify || notifications?.[severity]);
+    if (hasExternalHandler) {
+      setNotice(null);
+      return;
+    }
+    setNotice({ severity, message });
+  };
+  const autosaveTimerRef = react.useRef(null);
+  const lastAutosaveNoticeAtRef = react.useRef(0);
+  const activeFollowUpBlockRef = react.useRef(null);
+  const records = react.useMemo(() => learning.records, [learning.records]);
+  const recordsByModule = react.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const record of records) map.set(record.module.id, record);
+    return map;
+  }, [records]);
+  const sections = react.useMemo(() => {
+    const sectionMap = /* @__PURE__ */ new Map();
+    for (const record of records) {
+      const section = record.module.section;
+      const sectionId = section?.id ?? "uncategorized";
+      const sectionTitle = section?.title ?? "Uncategorized";
+      const displayOrder = section?.display_order ?? 999;
+      const current = sectionMap.get(sectionId) ?? {
+        id: sectionId,
+        title: sectionTitle,
+        display_order: displayOrder,
+        records: []
+      };
+      current.records.push(record);
+      sectionMap.set(sectionId, current);
+    }
+    return Array.from(sectionMap.values()).map((section) => ({
+      ...section,
+      records: section.records.sort((a, b) => a.module.display_order - b.module.display_order)
+    })).sort((a, b) => a.display_order - b.display_order);
+  }, [records]);
+  const orderedRecords = react.useMemo(() => sections.flatMap((section) => section.records), [sections]);
+  react.useEffect(() => {
+    setSelectedModuleId((prev) => pickInitialLearningModuleId(orderedRecords, prev));
+  }, [orderedRecords]);
+  const selectedRecord = selectedModuleId ? recordsByModule.get(selectedModuleId) ?? null : null;
+  const stages = react.useMemo(() => selectedRecord?.module.stages ?? [], [selectedRecord?.module.stages]);
+  const moduleQuestionsById = react.useMemo(
+    () => new Map(
+      stages.flatMap(
+        (stage) => stage.questions.map((question) => [question.id, { question, stage }])
+      )
+    ),
+    [stages]
+  );
+  const moduleQuestions = react.useMemo(
+    () => stages.flatMap((stage) => stage.questions ?? []),
+    [stages]
+  );
+  const isMultiStage = selectedRecord?.module.module_mode === "multi_stage" && stages.length > 1;
+  const isFollowUpModule = selectedRecord?.progress.status === "revision_required";
+  const isOriginalWorkReadOnly = selectedRecord?.progress.status === "submitted" || selectedRecord?.progress.status === "passed" || selectedRecord?.progress.status === "revision_required";
+  const followUpBlocks = react.useMemo(
+    () => [...selectedRecord?.assignments ?? []].sort(
+      (a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime()
+    ),
+    [selectedRecord?.assignments]
+  );
+  const activeFollowUpBlock = react.useMemo(() => {
+    const pending = followUpBlocks.filter((assignment) => assignment.status === "pending");
+    return pending[pending.length - 1] ?? null;
+  }, [followUpBlocks]);
+  const orderedModuleIds = react.useMemo(
+    () => orderedRecords.map((record) => record.module.id),
+    [orderedRecords]
+  );
+  const selectedModuleIndex = selectedModuleId ? orderedModuleIds.indexOf(selectedModuleId) : -1;
+  const nextModuleId = selectedModuleIndex >= 0 && selectedModuleIndex < orderedModuleIds.length - 1 ? orderedModuleIds[selectedModuleIndex + 1] : null;
+  const nextModuleTitle = nextModuleId ? recordsByModule.get(nextModuleId)?.module.title ?? null : null;
+  const unansweredQuestionCount = moduleQuestions.filter(
+    (question) => !normalizeResponse(questionDrafts[question.id])
+  ).length;
+  const canSubmitModule = unansweredQuestionCount === 0;
+  react.useEffect(() => {
+    if (!selectedModuleId) return;
+    const selected = recordsByModule.get(selectedModuleId);
+    if (!selected) return;
+    const responseMap = selected.responses.reduce((acc, response) => {
+      acc[response.question_id] = response.response_md;
+      return acc;
+    }, {});
+    setQuestionDrafts(responseMap);
+    setSavedQuestionDrafts(responseMap);
+    const assignmentResponseMap = selected.assignments.reduce((acc, assignment) => {
+      acc[assignment.id] = assignment.learner_assignment_response_md ?? assignment.learner_response_md ?? "";
+      return acc;
+    }, {});
+    const assignmentAdditionalMap = selected.assignments.reduce((acc, assignment) => {
+      acc[assignment.id] = assignment.learner_additional_response_md ?? "";
+      return acc;
+    }, {});
+    setAssignmentResponseDrafts(assignmentResponseMap);
+    setAssignmentAdditionalDrafts(assignmentAdditionalMap);
+  }, [selectedModuleId, recordsByModule]);
+  react.useEffect(() => {
+    setActiveStageStep(0);
+  }, [selectedModuleId]);
+  react.useEffect(() => {
+    if (!isMobile) setModuleDrawerOpen(false);
+  }, [isMobile]);
+  react.useEffect(() => {
+    setIsCurrentFollowUpBlockVisible(false);
+  }, [selectedRecord?.module.id]);
+  react.useEffect(() => {
+    if (!followUpBlocks.length) {
+      setExpandedFollowUpId(false);
+      return;
+    }
+    setExpandedFollowUpId((prev) => {
+      if (prev && followUpBlocks.some((assignment) => assignment.id === prev)) return prev;
+      return activeFollowUpBlock?.id ?? followUpBlocks[followUpBlocks.length - 1]?.id ?? false;
+    });
+  }, [activeFollowUpBlock?.id, followUpBlocks]);
+  react.useEffect(() => {
+    const node = activeFollowUpBlockRef.current;
+    if (!node || !isFollowUpModule || !activeFollowUpBlock) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        const entry = entries[0];
+        setIsCurrentFollowUpBlockVisible(Boolean(entry?.isIntersecting));
+      },
+      { threshold: 0.2 }
+    );
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, [isFollowUpModule, activeFollowUpBlock, selectedRecord?.module.id]);
+  const getDirtyQuestionIds = (questionIds) => {
+    const idsToCheck = questionIds ?? stages.flatMap((stage) => stage.questions.map((question) => question.id));
+    return idsToCheck.filter((questionId) => {
+      const current = normalizeResponse(questionDrafts[questionId]);
+      if (!current) return false;
+      const saved = normalizeResponse(savedQuestionDrafts[questionId]);
+      return current !== saved;
+    });
+  };
+  const isStageComplete = (stage) => {
+    const questions = getStageQuestions(stage);
+    if (!questions.length) return false;
+    return questions.every((question) => Boolean(normalizeResponse(questionDrafts[question.id])));
+  };
+  const saveDirtyQuestions = async (opts) => {
+    if (!selectedRecord) return true;
+    const dirtyQuestionIds = getDirtyQuestionIds(opts?.questionIds);
+    if (!dirtyQuestionIds.length) return true;
+    const nextSaved = { ...savedQuestionDrafts };
+    for (const questionId of dirtyQuestionIds) {
+      const response = normalizeResponse(questionDrafts[questionId]);
+      const result = await learning.saveQuestionResponse({
+        courseSlug,
+        moduleId: selectedRecord.module.id,
+        questionId,
+        response_md: response
+      });
+      if (!result.ok) {
+        publishNotice("error", result.error ?? "Unable to save response.");
+        return false;
+      }
+      nextSaved[questionId] = response;
+    }
+    setSavedQuestionDrafts(nextSaved);
+    if (opts?.showSuccessNotice ?? true) {
+      publishNotice("success", dirtyQuestionIds.length === 1 ? "Answer saved." : "Answers saved.");
+    }
+    return true;
+  };
+  react.useEffect(() => {
+    if (!selectedRecord) return;
+    if (autosaveTimerRef.current !== null) {
+      window.clearTimeout(autosaveTimerRef.current);
+      autosaveTimerRef.current = null;
+    }
+    const dirtyQuestionIds = getDirtyQuestionIds();
+    if (!dirtyQuestionIds.length) return;
+    autosaveTimerRef.current = window.setTimeout(() => {
+      void (async () => {
+        const saved = await saveDirtyQuestions({ showSuccessNotice: false });
+        if (saved && notifications && config.workflow.enableAutosaveNotifications) {
+          const cooldownMs = Math.max(0, config.workflow.autosaveNotificationCooldownMs);
+          const now = Date.now();
+          if (now - lastAutosaveNoticeAtRef.current >= cooldownMs) {
+            lastAutosaveNoticeAtRef.current = now;
+            publishNotice("info", config.labels.autosaveNotice);
+          }
+        }
+        autosaveTimerRef.current = null;
+      })();
+    }, 900);
+    return () => {
+      if (autosaveTimerRef.current !== null) {
+        window.clearTimeout(autosaveTimerRef.current);
+        autosaveTimerRef.current = null;
+      }
+    };
+  }, [selectedRecord?.module.id, questionDrafts, savedQuestionDrafts]);
+  const handleSelectModule = async (moduleId) => {
+    if (moduleId === selectedModuleId) return;
+    if (autosaveTimerRef.current !== null) {
+      window.clearTimeout(autosaveTimerRef.current);
+      autosaveTimerRef.current = null;
+    }
+    await saveDirtyQuestions({ showSuccessNotice: false });
+    setSelectedModuleId(moduleId);
+    setModuleDrawerOpen(false);
+    window.requestAnimationFrame(() => {
+      window.scrollTo({ top: 0, behavior: "smooth" });
+    });
+  };
+  const handleQuestionBlur = (questionId) => {
+    void saveDirtyQuestions({ questionIds: [questionId], showSuccessNotice: false });
+  };
+  const handleSubmitModule = async (moduleId) => {
+    if (!canSubmitModule) {
+      publishNotice("info", `Answer all ${config.naming.question.toLowerCase()}s before submitting for review.`);
+      return;
+    }
+    const saved = await saveDirtyQuestions({ showSuccessNotice: false });
+    if (!saved) return;
+    const result = await learning.submitModule({ courseSlug, moduleId }, { reload: true });
+    if (!result.ok) {
+      publishNotice("error", result.error ?? "Unable to submit module.");
+      return;
+    }
+    publishNotice("success", "Module submitted for review.");
+    setSubmitSuccessDialogOpen(true);
+  };
+  const getAssignmentResponseDraft = (assignment) => assignmentResponseDrafts[assignment.id] ?? assignment.learner_assignment_response_md ?? assignment.learner_response_md ?? "";
+  const getAssignmentAdditionalDraft = (assignment) => assignmentAdditionalDrafts[assignment.id] ?? assignment.learner_additional_response_md ?? "";
+  const handleSubmitAssignment = async (assignment) => {
+    const targetQuestionIds = assignment.target_question_ids ?? void 0;
+    const saved = await saveDirtyQuestions({ questionIds: targetQuestionIds, showSuccessNotice: false });
+    if (!saved) return;
+    const assignmentResponse = normalizeResponse(getAssignmentResponseDraft(assignment));
+    const additionalResponse = normalizeResponse(getAssignmentAdditionalDraft(assignment));
+    const updatedTargetedQuestionCount = (assignment.target_question_ids ?? []).filter((questionId) => {
+      const currentAnswer = normalizeResponse(questionDrafts[questionId]);
+      const previousAnswer = normalizeResponse(assignment.target_original_answers_json?.[questionId]);
+      return currentAnswer.length > 0 && currentAnswer !== previousAnswer;
+    }).length;
+    const result = await learning.updateAssignment(
+      {
+        assignmentId: assignment.id,
+        data: {
+          learner_assignment_response_md: assignmentResponse || null,
+          learner_additional_response_md: additionalResponse || null,
+          learner_response_md: assignmentResponse || null,
+          status: "submitted"
+        }
+      },
+      { reload: true }
+    );
+    if (!result.ok) {
+      publishNotice("error", result.error ?? "Unable to submit follow-up.");
+      return;
+    }
+    publishNotice("success", "Follow-up submitted.");
+    setFollowUpSummaryDialog({
+      updatedQuestions: updatedTargetedQuestionCount,
+      hasAssignmentResponse: Boolean(assignmentResponse)
+    });
+  };
+  const renderQuestionEditor = (question, index, opts) => /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 1, children: [
+    opts?.showPrompt === false ? null : /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "body2", fontWeight: 600, children: [
+      index + 1,
+      ". ",
+      question.prompt
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      MDEditor3__default.default,
+      {
+        value: questionDrafts[question.id] ?? "",
+        onChange: (value) => setQuestionDrafts((prev) => ({ ...prev, [question.id]: value ?? "" })),
+        preview: "edit",
+        textareaProps: {
+          placeholder: "Write your response in Markdown.",
+          onBlur: () => handleQuestionBlur(question.id)
+        },
+        "data-color-mode": theme.palette.mode
+      }
+    )
+  ] }, question.id);
+  const renderReadOnlyQuestion = (question, index) => /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 0.75, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "body2", fontWeight: 600, children: [
+      index + 1,
+      ". ",
+      question.prompt
+    ] }),
+    (questionDrafts[question.id] ?? "").trim() ? /* @__PURE__ */ jsxRuntime.jsx(
+      MDEditor3__default.default.Markdown,
+      {
+        source: questionDrafts[question.id] ?? "",
+        style: markdownStyle,
+        "data-color-mode": theme.palette.mode
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "No response submitted yet." })
+  ] }, question.id);
+  const renderFollowUpQuestion = (assignment, question, index, editable) => {
+    const previousAnswer = assignment.target_original_answers_json?.[question.id] ?? "";
+    const submittedFollowUpAnswer = assignment.target_updated_answers_json?.[question.id] ?? "";
+    const editableFollowUpAnswer = questionDrafts[question.id] ?? "";
+    const currentAnswer = editable ? editableFollowUpAnswer : submittedFollowUpAnswer;
+    const changed = normalizeResponse(currentAnswer) !== normalizeResponse(previousAnswer);
+    if (editable) {
+      return /* @__PURE__ */ jsxRuntime.jsx(material.Card, { variant: "outlined", sx: { borderColor: changed ? "success.light" : "divider" }, children: /* @__PURE__ */ jsxRuntime.jsx(material.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 1, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "body2", fontWeight: 600, children: [
+            index + 1,
+            ". ",
+            question.prompt
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { size: "small", color: changed ? "success" : "default", label: changed ? "Changed" : "Unchanged" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { container: true, spacing: 1.5, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 0.5, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "caption", color: "text.secondary", children: "Previous answer" }),
+            previousAnswer.trim() ? /* @__PURE__ */ jsxRuntime.jsx(MDEditor3__default.default.Markdown, { source: previousAnswer, style: markdownStyle, "data-color-mode": theme.palette.mode }) : /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "No previous answer captured." })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 0.5, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "caption", color: "text.secondary", children: "Updated answer" }),
+            renderQuestionEditor(question, index, { showPrompt: false })
+          ] }) })
+        ] })
+      ] }) }) }, question.id);
+    }
+    const hasComparison = previousAnswer.trim() || submittedFollowUpAnswer.trim();
+    if (!hasComparison) {
+      return /* @__PURE__ */ jsxRuntime.jsx(material.Card, { variant: "outlined", children: /* @__PURE__ */ jsxRuntime.jsx(material.CardContent, { children: renderReadOnlyQuestion(question, index) }) }, question.id);
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(material.Card, { variant: "outlined", sx: { borderColor: changed ? "success.light" : "divider" }, children: /* @__PURE__ */ jsxRuntime.jsx(material.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 1, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "body2", fontWeight: 600, children: [
+          index + 1,
+          ". ",
+          question.prompt
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { size: "small", color: changed ? "success" : "default", label: changed ? "Changed" : "Unchanged" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { container: true, spacing: 1.5, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 0.5, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "caption", color: "text.secondary", children: "Previous answer" }),
+          previousAnswer.trim() ? /* @__PURE__ */ jsxRuntime.jsx(MDEditor3__default.default.Markdown, { source: previousAnswer, style: markdownStyle, "data-color-mode": theme.palette.mode }) : /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "No previous answer captured." })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 0.5, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "caption", color: "text.secondary", children: "Updated answer" }),
+          submittedFollowUpAnswer.trim() ? /* @__PURE__ */ jsxRuntime.jsx(
+            MDEditor3__default.default.Markdown,
+            {
+              source: submittedFollowUpAnswer,
+              style: markdownStyle,
+              "data-color-mode": theme.palette.mode
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "No follow-up answer submitted yet." })
+        ] }) })
+      ] })
+    ] }) }) }, question.id);
+  };
+  const getFollowUpDeltaSummary = (assignment, editable) => {
+    const targetIds = assignment.target_question_ids ?? [];
+    const changed = targetIds.filter((questionId) => {
+      const previous = normalizeResponse(assignment.target_original_answers_json?.[questionId]);
+      const current = normalizeResponse(
+        editable ? questionDrafts[questionId] : assignment.target_updated_answers_json?.[questionId]
+      );
+      return previous !== current;
+    }).length;
+    return {
+      changed,
+      unchanged: Math.max(targetIds.length - changed, 0),
+      total: targetIds.length
+    };
+  };
+  const canSubmitFollowUpBlock = (assignment) => {
+    if (assignment.status !== "pending") return false;
+    const targetedQuestionIds = assignment.target_question_ids ?? [];
+    const hasMissingTargetedAnswer = targetedQuestionIds.some(
+      (questionId) => !normalizeResponse(questionDrafts[questionId])
+    );
+    if (hasMissingTargetedAnswer) return false;
+    if (assignment.response_mode === "written") {
+      return Boolean(normalizeResponse(getAssignmentResponseDraft(assignment)));
+    }
+    return true;
+  };
+  const getFollowUpStageGroups = (assignment) => {
+    const groups = /* @__PURE__ */ new Map();
+    for (const questionId of assignment.target_question_ids ?? []) {
+      const found = moduleQuestionsById.get(questionId);
+      if (!found) continue;
+      const existing = groups.get(found.stage.id);
+      if (existing) {
+        existing.questions.push(found.question);
+      } else {
+        groups.set(found.stage.id, { stage: found.stage, questions: [found.question] });
+      }
+    }
+    return Array.from(groups.values()).map((group) => ({
+      ...group,
+      questions: group.questions.sort((a, b) => a.display_order - b.display_order)
+    })).sort((a, b) => a.stage.display_order - b.stage.display_order);
+  };
+  const renderModuleMenu = () => /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 1, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { mb: 1 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", children: `${config.naming.module}s` }),
+      onOpenReview ? /* @__PURE__ */ jsxRuntime.jsx(
+        material.Button,
+        {
+          size: "small",
+          variant: "text",
+          onClick: () => {
+            setModuleDrawerOpen(false);
+            onOpenReview();
+          },
+          children: openReviewLabel ?? "Open review tool"
+        }
+      ) : null
+    ] }),
+    sections.map((section) => {
+      const completed = section.records.filter((record) => record.progress.status === "passed").length;
+      return /* @__PURE__ */ jsxRuntime.jsxs(material.Accordion, { defaultExpanded: true, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.AccordionSummary, { expandIcon: /* @__PURE__ */ jsxRuntime.jsx(ExpandMoreIcon__default.default, {}), children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, alignItems: "center", justifyContent: "space-between", sx: { width: "100%" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle2", children: section.title }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { size: "small", label: `${completed}/${section.records.length}` })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(material.AccordionDetails, { sx: { pt: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.List, { disablePadding: true, children: section.records.map((record) => /* @__PURE__ */ jsxRuntime.jsxs(
+          material.ListItemButton,
+          {
+            selected: record.module.id === selectedModuleId,
+            onClick: () => void handleSelectModule(record.module.id),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(material.ListItemText, { primary: record.module.title }),
+              /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { size: "small", color: statusColor2(record.progress.status), label: statusLabel2(record.progress.status) })
+            ]
+          },
+          record.module.id
+        )) }) })
+      ] }, section.id);
+    })
+  ] });
+  if (!enabled) {
+    return /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "info", children: "Learning workspace is disabled." });
+  }
+  if (learning.isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 2, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Skeleton, { variant: "rounded", height: 52 }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Skeleton, { variant: "rounded", height: 320 })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 2, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", flexWrap: "wrap", useFlexGap: true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h5", children: title ?? `${config.naming.course} Learning Hub` }),
+      onBack ? /* @__PURE__ */ jsxRuntime.jsx(material.Button, { onClick: onBack, children: config.labels.backButton }) : null
+    ] }),
+    learning.error ? /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "error", children: learning.error }) : null,
+    notice ? /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: notice.severity, children: notice.message }) : null,
+    isMobile ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Card, { variant: "outlined", sx: { position: "sticky", top: 8, zIndex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.CardContent, { sx: { py: 1.25 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", spacing: 1.5, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 0.5, sx: { minWidth: 0 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "caption", color: "text.secondary", children: "Current module" }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", fontWeight: 600, noWrap: true, children: selectedRecord?.module.title ?? "Select a module" })
+        ] }),
+        selectedRecord ? /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { size: "small", color: statusColor2(selectedRecord.progress.status), label: statusLabel2(selectedRecord.progress.status) }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.Button,
+          {
+            size: "small",
+            variant: "outlined",
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(MenuIcon__default.default, {}),
+            onClick: () => setModuleDrawerOpen(true),
+            sx: { flexShrink: 0 },
+            children: "Modules"
+          }
+        )
+      ] }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        material.Drawer,
+        {
+          anchor: "left",
+          open: moduleDrawerOpen,
+          onClose: () => setModuleDrawerOpen(false),
+          PaperProps: { sx: { width: { xs: "min(90vw, 360px)", sm: 360 }, p: 2 } },
+          children: renderModuleMenu()
+        }
+      )
+    ] }) : null,
+    isFollowUpModule && activeFollowUpBlock && !isCurrentFollowUpBlockVisible ? /* @__PURE__ */ jsxRuntime.jsx(
+      material.Button,
+      {
+        size: "small",
+        variant: "outlined",
+        onClick: () => activeFollowUpBlockRef.current?.scrollIntoView({ behavior: "smooth", block: "start" }),
+        sx: { alignSelf: "flex-start" },
+        children: "Jump to current follow-up"
+      }
+    ) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { container: true, spacing: 2, children: [
+      !isMobile ? /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12, md: 4 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(material.CardContent, { children: renderModuleMenu() }) }) }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12, md: 8 }, children: !selectedRecord ? /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: "info", children: "No learning modules are available yet." }) : /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: { xs: "column", sm: "row" }, justifyContent: "space-between", spacing: 1, sx: { mb: 1 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", children: selectedRecord.module.title }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              material.Chip,
+              {
+                size: "small",
+                color: statusColor2(selectedRecord.progress.status),
+                label: statusLabel2(selectedRecord.progress.status),
+                sx: { display: { xs: "none", sm: "inline-flex" } }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", sx: { mb: 1.5 }, children: selectedRecord.module.summary }),
+          isMultiStage ? /* @__PURE__ */ jsxRuntime.jsx(material.Stepper, { activeStep: activeStageStep, orientation: "vertical", nonLinear: true, children: stages.map((stage, index) => /* @__PURE__ */ jsxRuntime.jsxs(material.Step, { completed: isStageComplete(stage), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(material.StepButton, { onClick: () => setActiveStageStep(index), sx: { textAlign: "left" }, children: stage.title }),
+            /* @__PURE__ */ jsxRuntime.jsx(material.StepContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 2, sx: { pb: 1 }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(MDEditor3__default.default.Markdown, { source: stage.content_md || "", style: markdownStyle, "data-color-mode": theme.palette.mode }),
+              getStageQuestions(stage).length ? /* @__PURE__ */ jsxRuntime.jsx(material.Card, { variant: "outlined", children: /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle2", sx: { mb: 1 }, children: "Reflection prompts" }),
+                /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { spacing: 2, children: getStageQuestions(stage).map(
+                  (question, questionIndex) => isOriginalWorkReadOnly ? renderReadOnlyQuestion(question, questionIndex) : renderQuestionEditor(question, questionIndex)
+                ) })
+              ] }) }) : null,
+              /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  material.Button,
+                  {
+                    size: "small",
+                    variant: "outlined",
+                    disabled: index === 0,
+                    onClick: () => setActiveStageStep((prev) => Math.max(prev - 1, 0)),
+                    children: "Previous"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  material.Button,
+                  {
+                    size: "small",
+                    variant: "contained",
+                    disabled: index >= stages.length - 1,
+                    onClick: () => setActiveStageStep((prev) => Math.min(prev + 1, stages.length - 1)),
+                    children: "Next"
+                  }
+                )
+              ] })
+            ] }) })
+          ] }, stage.id)) }) : /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { spacing: 2, children: stages.map((stage) => /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 1, children: [
+            stages.length > 1 ? /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle1", fontWeight: 600, children: stage.title }) : null,
+            /* @__PURE__ */ jsxRuntime.jsx(MDEditor3__default.default.Markdown, { source: stage.content_md || "", style: markdownStyle, "data-color-mode": theme.palette.mode })
+          ] }, stage.id)) }),
+          selectedRecord.progress.review_feedback_md && !isFollowUpModule ? /* @__PURE__ */ jsxRuntime.jsx(material.Alert, { severity: selectedRecord.progress.status === "passed" ? "success" : "warning", sx: { mt: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+            MDEditor3__default.default.Markdown,
+            {
+              source: selectedRecord.progress.review_feedback_md,
+              style: markdownStyle,
+              "data-color-mode": theme.palette.mode
+            }
+          ) }) : null
+        ] }) }),
+        !isMultiStage ? /* @__PURE__ */ jsxRuntime.jsx(material.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle1", fontWeight: 600, sx: { mb: 1 }, children: `${config.naming.question}s` }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { spacing: 2, children: stages.flatMap((stage) => stage.questions).map(
+            (question, idx) => isOriginalWorkReadOnly ? renderReadOnlyQuestion(question, idx) : renderQuestionEditor(question, idx)
+          ) })
+        ] }) }) : null,
+        !isOriginalWorkReadOnly ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            material.Button,
+            {
+              variant: "contained",
+              onClick: () => void handleSubmitModule(selectedRecord.module.id),
+              disabled: learning.isSubmittingModule || selectedRecord.progress.status === "submitted" || !canSubmitModule,
+              sx: { alignSelf: "flex-start" },
+              children: config.labels.submitModuleAction
+            }
+          ),
+          !canSubmitModule ? /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "caption", color: "text.secondary", children: [
+            "Answer all questions before submitting. ",
+            unansweredQuestionCount,
+            " remaining."
+          ] }) : null
+        ] }) : null,
+        followUpBlocks.length ? /* @__PURE__ */ jsxRuntime.jsx(material.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.CardContent, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle1", fontWeight: 600, sx: { mb: 1 }, children: config.naming.assignment }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { spacing: 1.5, children: followUpBlocks.map((assignment, assignmentIndex) => {
+            const isCurrentBlock = assignment.id === activeFollowUpBlock?.id;
+            const isEditable = assignment.status === "pending" && isCurrentBlock;
+            const stageGroups = getFollowUpStageGroups(assignment);
+            const hasTargetedQuestions = stageGroups.length > 0;
+            const deltaSummary = getFollowUpDeltaSummary(assignment, isEditable);
+            const hasAssignmentResponse = Boolean(normalizeResponse(getAssignmentResponseDraft(assignment)));
+            const hasAdditionalResponse = Boolean(normalizeResponse(getAssignmentAdditionalDraft(assignment)));
+            const feedbackText = assignment.reviewer_note_md ?? (assignmentIndex === followUpBlocks.length - 1 ? selectedRecord.progress.review_feedback_md : null);
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              material.Accordion,
+              {
+                disableGutters: true,
+                expanded: expandedFollowUpId === assignment.id,
+                onChange: (_event, expanded) => setExpandedFollowUpId(expanded ? assignment.id : false),
+                ref: isCurrentBlock ? activeFollowUpBlockRef : null,
+                sx: {
+                  border: "1px solid",
+                  borderColor: "divider",
+                  borderRadius: 1,
+                  overflow: "hidden",
+                  "&:before": { display: "none" }
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(material.AccordionSummary, { expandIcon: /* @__PURE__ */ jsxRuntime.jsx(ExpandMoreIcon__default.default, {}), children: /* @__PURE__ */ jsxRuntime.jsxs(
+                    material.Stack,
+                    {
+                      direction: { xs: "column", sm: "row" },
+                      spacing: 1,
+                      justifyContent: "space-between",
+                      alignItems: { xs: "flex-start", sm: "center" },
+                      sx: { width: "100%" },
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "subtitle2", fontWeight: 700, children: [
+                          "Follow-up ",
+                          assignmentIndex + 1
+                        ] }),
+                        /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 0.75, flexWrap: "wrap", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            material.Chip,
+                            {
+                              size: "small",
+                              label: assignment.status === "pending" ? "Open" : assignment.status.replace("_", " "),
+                              color: assignment.status === "submitted" ? "info" : "default"
+                            }
+                          ),
+                          deltaSummary.total > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { size: "small", color: "success", label: `Changed ${deltaSummary.changed}` }),
+                            /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { size: "small", variant: "outlined", label: `Unchanged ${deltaSummary.unchanged}` })
+                          ] }) : null,
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            material.Chip,
+                            {
+                              size: "small",
+                              variant: "outlined",
+                              label: `Assignment response: ${hasAssignmentResponse ? "Yes" : "No"}`
+                            }
+                          )
+                        ] })
+                      ]
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(material.AccordionDetails, { sx: { pt: 0 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 1.5, children: [
+                    feedbackText ? /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 0.75, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        material.Typography,
+                        {
+                          variant: "subtitle2",
+                          sx: { bgcolor: "action.hover", px: 1, py: 0.5, borderRadius: 1 },
+                          children: "Feedback"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(MDEditor3__default.default.Markdown, { source: feedbackText, style: markdownStyle, "data-color-mode": theme.palette.mode })
+                    ] }) : null,
+                    /* @__PURE__ */ jsxRuntime.jsx(material.Divider, {}),
+                    /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle2", sx: { bgcolor: "action.hover", px: 1, py: 0.5, borderRadius: 1 }, children: "Assignment and response" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "caption", color: "text.secondary", children: "Follow-up assignment" }),
+                    assignment.prompt ? /* @__PURE__ */ jsxRuntime.jsx(MDEditor3__default.default.Markdown, { source: assignment.prompt, style: markdownStyle, "data-color-mode": theme.palette.mode }) : /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "No assignment prompt provided." }),
+                    assignment.response_mode === "written" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", fontWeight: 600, children: "Your response to this assignment" }),
+                      isEditable ? /* @__PURE__ */ jsxRuntime.jsx(
+                        MDEditor3__default.default,
+                        {
+                          value: getAssignmentResponseDraft(assignment),
+                          onChange: (value) => setAssignmentResponseDrafts((prev) => ({ ...prev, [assignment.id]: value ?? "" })),
+                          preview: "edit",
+                          textareaProps: { placeholder: "Respond directly to the follow-up assignment." },
+                          "data-color-mode": theme.palette.mode
+                        }
+                      ) : assignment.learner_assignment_response_md ?? assignment.learner_response_md ? /* @__PURE__ */ jsxRuntime.jsx(
+                        MDEditor3__default.default.Markdown,
+                        {
+                          source: assignment.learner_assignment_response_md ?? assignment.learner_response_md ?? "",
+                          style: markdownStyle,
+                          "data-color-mode": theme.palette.mode
+                        }
+                      ) : /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "No assignment response submitted." })
+                    ] }) : /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "This follow-up is marked as in-person." }),
+                    hasTargetedQuestions ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(material.Divider, {}),
+                      /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 1, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          material.Typography,
+                          {
+                            variant: "subtitle2",
+                            sx: { bgcolor: "action.hover", px: 1, py: 0.5, borderRadius: 1 },
+                            children: "Targeted question updates"
+                          }
+                        ),
+                        stageGroups.map((group) => /* @__PURE__ */ jsxRuntime.jsx(material.Card, { variant: "outlined", children: /* @__PURE__ */ jsxRuntime.jsx(material.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 1.25, children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle2", fontWeight: 700, children: group.stage.title }),
+                          /* @__PURE__ */ jsxRuntime.jsx(MDEditor3__default.default.Markdown, { source: group.stage.content_md, style: markdownStyle, "data-color-mode": theme.palette.mode }),
+                          /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { spacing: 1.5, children: group.questions.map(
+                            (question, questionIndex) => renderFollowUpQuestion(assignment, question, questionIndex, isEditable)
+                          ) })
+                        ] }) }) }, group.stage.id))
+                      ] })
+                    ] }) : null,
+                    /* @__PURE__ */ jsxRuntime.jsx(material.Divider, {}),
+                    /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 1, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        material.Typography,
+                        {
+                          variant: "subtitle2",
+                          sx: { bgcolor: "action.hover", px: 1, py: 0.5, borderRadius: 1 },
+                          children: "Additional response"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "caption", color: "text.secondary", children: "Additional response (optional)" }),
+                      isEditable ? /* @__PURE__ */ jsxRuntime.jsx(
+                        MDEditor3__default.default,
+                        {
+                          value: getAssignmentAdditionalDraft(assignment),
+                          onChange: (value) => setAssignmentAdditionalDrafts((prev) => ({ ...prev, [assignment.id]: value ?? "" })),
+                          preview: "edit",
+                          textareaProps: { placeholder: "Add context, reflections, or extra details." },
+                          "data-color-mode": theme.palette.mode
+                        }
+                      ) : assignment.learner_additional_response_md ? /* @__PURE__ */ jsxRuntime.jsx(
+                        MDEditor3__default.default.Markdown,
+                        {
+                          source: assignment.learner_additional_response_md,
+                          style: markdownStyle,
+                          "data-color-mode": theme.palette.mode
+                        }
+                      ) : /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "No additional response submitted." }),
+                      !hasAdditionalResponse && !isEditable ? /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "caption", color: "text.secondary", children: "Additional response was not provided in this round." }) : null
+                    ] }),
+                    isEditable ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(material.Divider, {}),
+                      /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 0.75, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          material.Button,
+                          {
+                            variant: "contained",
+                            size: "small",
+                            onClick: () => void handleSubmitAssignment(assignment),
+                            disabled: learning.isUpdatingAssignment || !canSubmitFollowUpBlock(assignment),
+                            sx: { alignSelf: "flex-start" },
+                            children: "Submit follow-up"
+                          }
+                        ),
+                        !canSubmitFollowUpBlock(assignment) ? /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "caption", color: "text.secondary", children: "Complete all required follow-up responses before submitting." }) : null
+                      ] })
+                    ] }) : /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "caption", color: "text.secondary", children: "This follow-up block is read-only." })
+                  ] }) })
+                ]
+              },
+              assignment.id
+            );
+          }) })
+        ] }) }) : null
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Dialog, { open: submitSuccessDialogOpen, onClose: () => setSubmitSuccessDialogOpen(false), fullWidth: true, maxWidth: "xs", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.DialogTitle, { children: "Great work!" }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.DialogContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 1, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "Your module was submitted for review." }),
+        nextModuleTitle ? /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "body2", color: "text.secondary", children: [
+          "Next up: ",
+          nextModuleTitle
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: "You have reached the end of the current module list." })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(material.DialogActions, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Button, { onClick: () => setSubmitSuccessDialogOpen(false), children: "Close" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.Button,
+          {
+            variant: "contained",
+            disabled: !nextModuleId,
+            onClick: () => {
+              if (!nextModuleId) {
+                setSubmitSuccessDialogOpen(false);
+                return;
+              }
+              setSubmitSuccessDialogOpen(false);
+              void handleSelectModule(nextModuleId);
+            },
+            children: "Continue to next section"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      material.Dialog,
+      {
+        open: Boolean(followUpSummaryDialog),
+        onClose: () => setFollowUpSummaryDialog(null),
+        fullWidth: true,
+        maxWidth: "xs",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(material.DialogTitle, { children: "Follow-up submitted" }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.DialogContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 1, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { variant: "body2", color: "text.secondary", children: [
+              "You updated ",
+              followUpSummaryDialog?.updatedQuestions ?? 0,
+              " targeted question",
+              (followUpSummaryDialog?.updatedQuestions ?? 0) === 1 ? "" : "s",
+              "."
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: followUpSummaryDialog?.hasAssignmentResponse ? "Your assignment response was included." : "No assignment response was included." })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.DialogActions, { children: /* @__PURE__ */ jsxRuntime.jsx(material.Button, { onClick: () => setFollowUpSummaryDialog(null), children: "Close" }) })
+        ]
+      }
+    )
+  ] });
+};
+
+exports.HandbookLmsCurriculumEditor = HandbookLmsCurriculumEditor;
+exports.HandbookLmsLearningWorkspace = HandbookLmsLearningWorkspace;
+exports.HandbookLmsReviewWorkspace = HandbookLmsReviewWorkspace;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map