@lessonkit/react 1.3.1 → 1.4.0

package/dist/index.cjs

@@ -31,6 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   Accordion: () => Accordion,
+  ArithmeticQuiz: () => ArithmeticQuiz,
   AssessmentSequence: () => AssessmentSequence,
   BLOCK_CATALOG: () => BLOCK_CATALOG,
   BLOCK_CATALOG_V2: () => BLOCK_CATALOG_V2,
@@ -39,6 +40,7 @@ __export(index_exports, {
   DialogCards: () => DialogCards,
   DragAndDrop: () => DragAndDrop,
   DragTheWords: () => DragTheWords,
+  Essay: () => Essay,
   FillInTheBlanks: () => FillInTheBlanks,
   FindHotspot: () => FindHotspot,
   FindMultipleHotspots: () => FindMultipleHotspots,
@@ -46,36 +48,48 @@ __export(index_exports, {
   Heading: () => Heading,
   Image: () => Image,
   ImageHotspots: () => ImageHotspots,
+  ImagePairing: () => ImagePairing,
+  ImageSequencing: () => ImageSequencing,
   ImageSlider: () => ImageSlider,
+  InformationWall: () => InformationWall,
   InteractiveBook: () => InteractiveBook,
+  InteractiveVideo: () => InteractiveVideo,
   KnowledgeCheck: () => KnowledgeCheck,
   Lesson: () => Lesson,
   LessonkitProvider: () => LessonkitProvider,
   MarkTheWords: () => MarkTheWords,
+  MemoryGame: () => MemoryGame,
   Page: () => Page,
+  ParallaxSlideshow: () => ParallaxSlideshow,
   ProgressTracker: () => ProgressTracker,
+  Questionnaire: () => Questionnaire,
   Quiz: () => Quiz,
   Reflection: () => Reflection,
   Scenario: () => Scenario,
   Slide: () => Slide,
   SlideDeck: () => SlideDeck,
+  Summary: () => Summary,
   Text: () => Text,
   ThemeProvider: () => ThemeProvider,
+  TimedCue: () => TimedCue,
   TrueFalse: () => TrueFalse,
+  Video: () => Video,
+  assertProductionCourseConfig: () => assertProductionCourseConfig,
   blockCatalogV2Version: () => blockCatalogV2Version,
   blockCatalogV3Version: () => blockCatalogV3Version,
   blockCatalogVersion: () => blockCatalogVersion,
   buildBlockCatalog: () => buildBlockCatalog,
-  buildTelemetryEvent: () => import_core19.buildTelemetryEvent,
-  createLessonkitRuntime: () => import_core19.createLessonkitRuntime,
-  createPluginRegistry: () => import_core19.createPluginRegistry,
-  createTelemetryPipeline: () => import_core19.createTelemetryPipeline,
-  defineAssessmentPlugin: () => import_core19.defineAssessmentPlugin,
-  defineLifecyclePlugin: () => import_core19.defineLifecyclePlugin,
-  defineTelemetryPlugin: () => import_core19.defineTelemetryPlugin,
+  buildTelemetryEvent: () => import_core21.buildTelemetryEvent,
+  createLessonkitRuntime: () => import_core21.createLessonkitRuntime,
+  createPluginRegistry: () => import_core21.createPluginRegistry,
+  createTelemetryPipeline: () => import_core21.createTelemetryPipeline,
+  defineAssessmentPlugin: () => import_core21.defineAssessmentPlugin,
+  defineLifecyclePlugin: () => import_core21.defineLifecyclePlugin,
+  defineTelemetryPlugin: () => import_core21.defineTelemetryPlugin,
   getBlockCatalogEntry: () => getBlockCatalogEntry,
   resetAssessmentWarningsForTests: () => resetAssessmentWarningsForTests,
   resetQuizWarningsForTests: () => resetQuizWarningsForTests,
+  shouldEnforceProductionGuard: () => shouldEnforceProductionGuard,
   useAssessmentState: () => useAssessmentState,
   useCompletion: () => useCompletion,
   useLessonkit: () => useLessonkit,
@@ -99,15 +113,11 @@ var import_core8 = require("@lessonkit/core");
 
 // src/runtime/observability.ts
 var import_xapi = require("@lessonkit/xapi");
-var import_meta = {};
-function createXapiQueueFromObservability(observability) {
-  const opts = {};
-  if (observability?.onXapiQueueDepth) {
-    opts.onDepth = observability.onXapiQueueDepth;
-  }
-  if (observability?.onXapiQueueCap) {
-    opts.onCap = observability.onXapiQueueCap;
-  }
+function createXapiQueueFromObservability(getObservability) {
+  const opts = {
+    onDepth: (size) => getObservability?.()?.onXapiQueueDepth?.(size),
+    onCap: () => getObservability?.()?.onXapiQueueCap?.()
+  };
   return (0, import_xapi.createInMemoryXAPIQueue)(opts);
 }
 function wrapBatchSink(batchSink, observability) {
@@ -122,32 +132,6 @@ function wrapBatchSink(batchSink, observability) {
     }
   };
 }
-function warnMissingProductionObservability(observability, opts) {
-  let isProduction = false;
-  try {
-    isProduction = import_meta.env?.PROD === true;
-  } catch {
-  }
-  if (!isProduction) {
-    const g = globalThis;
-    isProduction = typeof g.process !== "undefined" && g.process.env?.NODE_ENV === "production";
-  }
-  if (!isProduction) return;
-  if (!opts.trackingEnabled && !opts.xapiEnabled) return;
-  const hooks = [
-    observability?.onTelemetrySinkError,
-    observability?.onTelemetryBufferDrop,
-    observability?.onXapiQueueDepth,
-    observability?.onXapiQueueCap,
-    observability?.onLxpackBridgeMiss
-  ];
-  if (hooks.some(Boolean)) return;
-  if (typeof console !== "undefined") {
-    console.warn(
-      "[lessonkit] Production deployment without observability hooks \u2014 telemetry/xAPI failures and buffer drops will be silent. See https://lessonkit.readthedocs.io/en/latest/guides/react-developers/production-checklist.html"
-    );
-  }
-}
 function wrapTrackingSink(sink, observability) {
   if (!sink || !observability?.onTelemetrySinkError) return sink;
   const onError = observability.onTelemetrySinkError;
@@ -157,16 +141,108 @@ function wrapTrackingSink(sink, observability) {
       if (result != null && typeof result.catch === "function") {
         return result.catch((err) => {
           onError(err, { sinkId: "tracking" });
+          throw err;
         });
       }
       return result;
     } catch (err) {
       onError(err, { sinkId: "tracking" });
-      return void 0;
+      throw err;
     }
   });
 }
 
+// src/runtime/productionGuard.ts
+var import_meta = {};
+function isProductionEnvironment() {
+  try {
+    if (import_meta.env?.PROD === true) return true;
+  } catch {
+  }
+  const g = globalThis;
+  return typeof g.process !== "undefined" && g.process.env?.NODE_ENV === "production";
+}
+function shouldEnforceProductionGuard() {
+  try {
+    if (import_meta.env?.MODE === "test") return false;
+  } catch {
+  }
+  return isProductionEnvironment();
+}
+function looksLikeConsoleSink(fn) {
+  if (typeof fn !== "function") return false;
+  const src = Function.prototype.toString.call(fn);
+  return /console\.(log|debug|info)\s*\(/.test(src);
+}
+function isTrackingDeliveryConfigured(tracking) {
+  if (!tracking || tracking.enabled === false) return false;
+  return Boolean(tracking.sink || tracking.batchSink);
+}
+function isXapiDeliveryConfigured(xapi) {
+  if (!xapi || xapi.enabled === false) return false;
+  if (xapi.client) return true;
+  return typeof xapi.transport === "function";
+}
+function trackingUsesConsole(config) {
+  const tracking = config.tracking;
+  if (!tracking || tracking.enabled === false) return false;
+  if (tracking.batchSink && looksLikeConsoleSink(tracking.batchSink)) return true;
+  if (tracking.sink && looksLikeConsoleSink(tracking.sink)) return true;
+  return false;
+}
+function xapiUsesConsole(config) {
+  const xapi = config.xapi;
+  if (!xapi || xapi.enabled === false || xapi.client) return false;
+  return typeof xapi.transport === "function" && looksLikeConsoleSink(xapi.transport);
+}
+function observabilityIncomplete(observability, opts) {
+  if (!opts.trackingEnabled && !opts.xapiEnabled) return false;
+  const required = [observability?.onLxpackBridgeMiss];
+  if (opts.trackingEnabled) {
+    required.push(observability?.onTelemetrySinkError, observability?.onTelemetryBufferDrop);
+  }
+  if (opts.xapiEnabled) {
+    required.push(
+      observability?.onXapiQueueDepth,
+      observability?.onXapiQueueCap,
+      observability?.onXapiTransportError
+    );
+  }
+  return required.some((hook) => !hook);
+}
+function requiredObservabilityHookCount(opts) {
+  let count = 1;
+  if (opts.trackingEnabled) count += 2;
+  if (opts.xapiEnabled) count += 3;
+  return count;
+}
+function assertProductionCourseConfig(config) {
+  if (!isProductionEnvironment()) return;
+  if (config.tracking && config.tracking.enabled !== false && !isTrackingDeliveryConfigured(config.tracking)) {
+    throw new Error(
+      "[lessonkit] Production build has tracking enabled but no sink or batchSink configured."
+    );
+  }
+  const trackingEnabled = isTrackingDeliveryConfigured(config.tracking);
+  const xapiEnabled = isXapiDeliveryConfigured(config.xapi);
+  if (trackingUsesConsole(config)) {
+    throw new Error(
+      "[lessonkit] Production build uses console telemetry sinks. Wire createFetchBatchSink or a real sink. See production checklist."
+    );
+  }
+  if (xapiUsesConsole(config)) {
+    throw new Error(
+      "[lessonkit] Production build uses console xAPI transport. Wire createFetchTransport to your LRS proxy. See production checklist."
+    );
+  }
+  if (observabilityIncomplete(config.observability, { trackingEnabled, xapiEnabled })) {
+    const hookCount = requiredObservabilityHookCount({ trackingEnabled, xapiEnabled });
+    throw new Error(
+      `[lessonkit] Production build missing observability hooks. Wire all ${hookCount} config.observability callbacks before go-live.`
+    );
+  }
+}
+
 // src/provider/useLessonkitProviderRuntime.ts
 var import_xapi5 = require("@lessonkit/xapi");
 
@@ -265,7 +341,7 @@ var import_core4 = require("@lessonkit/core");
 
 // src/runtime/xapi.ts
 var import_xapi3 = require("@lessonkit/xapi");
-function createXapiClientFromConfig(config, queue) {
+function createXapiClientFromConfig(config, queue, observability) {
   if (config.xapi?.enabled === false) return null;
   if (config.xapi?.client) return config.xapi.client;
   if (!config.courseId) return null;
@@ -275,7 +351,9 @@ function createXapiClientFromConfig(config, queue) {
     courseId: config.courseId,
     transport: config.xapi?.transport,
     exitTransport: config.xapi?.exitTransport,
-    queue
+    abortInFlight: config.xapi?.abortInFlight,
+    queue,
+    onTransportError: observability?.onXapiTransportError
   });
 }
 
@@ -359,12 +437,26 @@ function emitTelemetryWithPlugins(opts) {
 }
 
 // src/provider/courseStarted/emit.ts
+function resolveTrackingClient(source) {
+  return typeof source === "function" ? source() : source;
+}
 var courseStartedTrackingFlights = /* @__PURE__ */ new Map();
+var courseStartedEmitFlights = /* @__PURE__ */ new Map();
 function isTrackingActive(tracking) {
   return tracking?.enabled !== false;
 }
 function isCourseStartedSinkSettled(result) {
-  return result === "emitted";
+  return result === "emitted" || result === "filtered";
+}
+async function deliverToTracking(client, event) {
+  if (client.deliver) {
+    return client.deliver(event);
+  }
+  client.track(event);
+  const flushed = await client.flush?.();
+  if (flushed === false) return false;
+  if (flushed === true) return true;
+  return false;
 }
 function buildCourseStartedEvent(opts) {
   const pluginCtx = buildPluginContext({
@@ -389,8 +481,7 @@ async function emitCourseStartedToTracking(tracking, storage, sessionId, courseI
   }
   const existing = courseStartedTrackingFlights.get(flightKey);
   if (existing) {
-    const settled = await existing;
-    if (settled) return true;
+    return existing;
   }
   let resolveFlight;
   const flight = new Promise((resolve) => {
@@ -403,9 +494,13 @@ async function emitCourseStartedToTracking(tracking, storage, sessionId, courseI
         resolveFlight(false);
         return;
       }
-      tracking.track(event);
-      const delivered = await tracking.flush?.();
-      if (delivered === false) {
+      const client = resolveTrackingClient(tracking);
+      const delivered = await deliverToTracking(client, event);
+      if (shouldCommit && !shouldCommit()) {
+        resolveFlight(false);
+        return;
+      }
+      if (!delivered) {
         resolveFlight(false);
         return;
       }
@@ -417,7 +512,9 @@ async function emitCourseStartedToTracking(tracking, storage, sessionId, courseI
     } catch {
       resolveFlight(false);
     } finally {
-      courseStartedTrackingFlights.delete(flightKey);
+      if (courseStartedTrackingFlights.get(flightKey) === flight) {
+        courseStartedTrackingFlights.delete(flightKey);
+      }
     }
   })();
   return flight;
@@ -497,12 +594,55 @@ async function emitCourseStartedToTrackingOnly(opts) {
   }
 }
 async function emitPendingCourseStarted(opts) {
+  const flightKey = `${opts.sessionId}:${opts.courseId}`;
+  for (let attempt = 0; attempt < 2; attempt += 1) {
+    const existing = courseStartedEmitFlights.get(flightKey);
+    const flight = existing ?? startPendingCourseStartedFlight(opts, flightKey);
+    const result = await flight;
+    if (result !== "failed") return result;
+    const sessionStarted = (0, import_core5.hasCourseStarted)(opts.storage, opts.sessionId, opts.courseId);
+    const trackingEmitted = (0, import_core5.hasCourseStartedEmittedToTracking)(
+      opts.storage,
+      opts.sessionId,
+      opts.courseId
+    );
+    const pipelineDelivered = (0, import_core5.hasCourseStartedPipelineDelivered)(
+      opts.storage,
+      opts.sessionId,
+      opts.courseId
+    );
+    if (sessionStarted && trackingEmitted && pipelineDelivered) {
+      return "emitted";
+    }
+    if (opts.shouldCommit && !opts.shouldCommit()) return "failed";
+  }
+  return "failed";
+}
+function startPendingCourseStartedFlight(opts, flightKey) {
+  const flight = emitPendingCourseStartedInner(opts);
+  courseStartedEmitFlights.set(flightKey, flight);
+  void flight.finally(() => {
+    if (courseStartedEmitFlights.get(flightKey) === flight) {
+      courseStartedEmitFlights.delete(flightKey);
+    }
+  });
+  return flight;
+}
+async function emitPendingCourseStartedInner(opts) {
   const trackingEmitted = (0, import_core5.hasCourseStartedEmittedToTracking)(
     opts.storage,
     opts.sessionId,
     opts.courseId
   );
   const sessionStarted = (0, import_core5.hasCourseStarted)(opts.storage, opts.sessionId, opts.courseId);
+  const pipelineDelivered = (0, import_core5.hasCourseStartedPipelineDelivered)(
+    opts.storage,
+    opts.sessionId,
+    opts.courseId
+  );
+  if (sessionStarted && trackingEmitted && pipelineDelivered) {
+    return "emitted";
+  }
   if (sessionStarted && !trackingEmitted) {
     return emitCourseStartedToTrackingOnly(opts);
   }
@@ -514,14 +654,6 @@ async function emitPendingCourseStarted(opts) {
   if (!trackingEmitted && !sessionStarted) {
     return emitCourseStarted(opts);
   }
-  const pipelineDelivered = (0, import_core5.hasCourseStartedPipelineDelivered)(
-    opts.storage,
-    opts.sessionId,
-    opts.courseId
-  );
-  if (sessionStarted && trackingEmitted && pipelineDelivered) {
-    return "emitted";
-  }
   if (sessionStarted && trackingEmitted && !pipelineDelivered) {
     const event = buildCourseStartedEvent(opts);
     if (event === null) return "filtered";
@@ -532,7 +664,7 @@ async function emitPendingCourseStarted(opts) {
       onXapiStatementSent: opts.onXapiStatementSent
     });
   }
-  return "emitted";
+  return "failed";
 }
 function assertTrackingSinkConfig(tracking) {
   if (!tracking?.sink || !tracking?.batchSink) return;
@@ -580,6 +712,9 @@ function useLessonkitProviderRuntime(config) {
     () => ({ ...config, courseId: normalizedCourseId }),
     [config, normalizedCourseId]
   );
+  if (shouldEnforceProductionGuard()) {
+    assertProductionCourseConfig(normalizedConfig);
+  }
   const useV2Runtime = normalizedConfig.runtimeVersion !== "v1";
   (0, import_react.useEffect)(() => {
     if (useV2Runtime) return;
@@ -675,7 +810,7 @@ function useLessonkitProviderRuntime(config) {
   }, []);
   const activeLessonIdRef = (0, import_react.useRef)(progress.activeLessonId);
   activeLessonIdRef.current = progress.activeLessonId;
-  const xapiQueueRef = (0, import_react.useRef)(createXapiQueueFromObservability(normalizedConfig.observability));
+  const xapiQueueRef = (0, import_react.useRef)(createXapiQueueFromObservability(() => observabilityRef.current));
   const xapiRef = (0, import_react.useRef)(null);
   const [xapi, setXapi] = (0, import_react.useState)(null);
   const prevXapiCourseIdRef = (0, import_react.useRef)(normalizedCourseId);
@@ -696,13 +831,17 @@ function useLessonkitProviderRuntime(config) {
         }
         void xapiRef.current?.flush();
       }
-      xapiQueueRef.current = createXapiQueueFromObservability(observabilityRef.current);
+      xapiQueueRef.current = createXapiQueueFromObservability(() => observabilityRef.current);
       prevXapiCourseIdRef.current = courseId;
       xapiCourseStartedSentOnClientRef.current = false;
       xapiBootstrapSendRef.current = false;
     }
     const prev = xapiRef.current;
-    const next = createXapiClientFromConfig(normalizedConfig, xapiQueueRef.current);
+    const next = createXapiClientFromConfig(
+      normalizedConfig,
+      xapiQueueRef.current,
+      observabilityRef.current
+    );
     xapiRef.current = next;
     setXapi(next);
     let bootstrapSent = false;
@@ -759,7 +898,12 @@ function useLessonkitProviderRuntime(config) {
     })();
     return () => {
       cancelled = true;
-      void prev?.flush();
+      void (async () => {
+        try {
+          await prev?.flush();
+        } catch {
+        }
+      })();
     };
   }, [xapiEnabled, xapiClient, xapiTransport, courseId, trackingEnabled]);
   const trackingRef = (0, import_react.useRef)((0, import_core8.createTrackingClient)());
@@ -823,13 +967,13 @@ function useLessonkitProviderRuntime(config) {
     } else if (courseStartedFullySettled) {
       courseStartedEmittedToSinkRef.current = true;
     } else if (!courseStartedEmittedToSinkRef.current) {
-      const generation = ++courseStartedEmitGenerationRef.current;
+      const generation = courseStartedEmitGenerationRef.current;
       const shouldCommit = () => generation === courseStartedEmitGenerationRef.current;
       void (async () => {
         if (generation !== courseStartedEmitGenerationRef.current) return;
         const result = await emitPendingCourseStarted({
           pluginHost: pluginHostRef.current,
-          tracking: next,
+          tracking: () => trackingRef.current,
           xapi: xapiRef.current,
           storage: defaultStorage,
           sessionId,
@@ -839,7 +983,7 @@ function useLessonkitProviderRuntime(config) {
           lxpackBridge: lxpackBridgeModeRef.current,
           onLxpackBridgeMiss,
           extraSinks: extraSinksRef.current,
-          skipXapi: xapiCourseStartedSentOnClientRef.current,
+          skipXapi: xapiCourseStartedSentOnClientRef.current || xapiBootstrapSendRef.current,
           onXapiStatementSent: () => {
             xapiCourseStartedSentOnClientRef.current = true;
           },
@@ -850,7 +994,6 @@ function useLessonkitProviderRuntime(config) {
       })();
     }
     return () => {
-      courseStartedEmitGenerationRef.current += 1;
       if (prev !== trackingRef.current) {
         void disposeTrackingClient(prev);
       }
@@ -928,9 +1071,11 @@ function useLessonkitProviderRuntime(config) {
       } catch {
       }
       if (!courseStartedEmittedToSinkRef.current) {
+        const generation = courseStartedEmitGenerationRef.current;
+        const shouldCommit = () => generation === courseStartedEmitGenerationRef.current;
         const result = await emitPendingCourseStarted({
           pluginHost: pluginHostRef.current,
-          tracking: trackingRef.current,
+          tracking: () => trackingRef.current,
           xapi: xapiRef.current,
           storage: defaultStorage,
           sessionId,
@@ -940,11 +1085,13 @@ function useLessonkitProviderRuntime(config) {
           lxpackBridge: lxpackBridgeModeRef.current,
           onLxpackBridgeMiss,
           extraSinks: extraSinksRef.current,
-          skipXapi: xapiCourseStartedSentOnClientRef.current,
+          skipXapi: xapiCourseStartedSentOnClientRef.current || xapiBootstrapSendRef.current,
           onXapiStatementSent: () => {
             xapiCourseStartedSentOnClientRef.current = true;
-          }
+          },
+          shouldCommit
         });
+        if (generation !== courseStartedEmitGenerationRef.current) return;
         courseStartedEmittedToSinkRef.current = isCourseStartedSinkSettled(result);
       }
     })();
@@ -1018,20 +1165,6 @@ function useLessonkitProviderRuntime(config) {
       window.removeEventListener("pagehide", flushOnPageExit);
     };
   }, []);
-  (0, import_react.useEffect)(() => {
-    warnMissingProductionObservability(observabilityRef.current, {
-      trackingEnabled: isTrackingActive(normalizedConfig.tracking),
-      xapiEnabled: normalizedConfig.xapi?.enabled !== false && Boolean(
-        normalizedConfig.xapi?.client || normalizedConfig.xapi?.transport || normalizedConfig.xapi?.enabled === true
-      )
-    });
-  }, [
-    normalizedConfig.tracking,
-    normalizedConfig.xapi?.enabled,
-    normalizedConfig.xapi?.client,
-    normalizedConfig.xapi?.transport,
-    normalizedConfig.observability
-  ]);
   const setActiveLesson = (0, import_react.useCallback)(
     (lessonId) => {
       if (useV2Runtime && headlessRef.current) {
@@ -3062,6 +3195,8 @@ function useCompoundPersistence(opts) {
   }, [ctx, opts.index, opts.pageCount]);
   const buildStateRef = (0, import_react21.useRef)(buildState);
   buildStateRef.current = buildState;
+  const transformStateRef = (0, import_react21.useRef)(opts.transformState);
+  transformStateRef.current = opts.transformState;
   const persistNowRef = (0, import_react21.useRef)(() => {
   });
   const finalizeHydration = (0, import_react21.useCallback)(
@@ -3127,7 +3262,9 @@ function useCompoundPersistence(opts) {
   const persistNow = (0, import_react21.useCallback)(() => {
     if (!opts.enabled || !opts.courseId) return;
     if (skipSaveUntilHydratedRef.current) return;
-    saveResume(buildStateRef.current());
+    const built = buildStateRef.current();
+    const state = transformStateRef.current ? transformStateRef.current(built) : built;
+    saveResume(state);
   }, [opts.enabled, opts.courseId, saveResume]);
   (0, import_react21.useEffect)(() => {
     persistNowRef.current = persistNow;
@@ -3183,7 +3320,8 @@ function useCompoundShell(opts) {
     index: opts.index,
     setIndex: opts.setIndex,
     enabled: opts.persistEnabled,
-    storage: opts.storage
+    storage: opts.storage,
+    transformState: opts.transformState
   });
   const { goNext, goPrev, progress } = useCompoundNavigation(opts.pageCount, opts.index, opts.setIndex);
   const visibleIndex = (0, import_core15.clampCompoundPageIndex)(opts.index, opts.pageCount);
@@ -3238,6 +3376,8 @@ var COMPOUND_CONTAINER_TYPES = /* @__PURE__ */ new Set([
   "InteractiveBook",
   "Slide",
   "SlideDeck",
+  "TimedCue",
+  "InteractiveVideo",
   "AssessmentSequence"
 ]);
 function warnOrThrow(msg, strict) {
@@ -3466,14 +3606,40 @@ function Image(props) {
 }
 setLessonkitBlockType(Image, "Image");
 
-// src/blocks/Page.tsx
+// src/blocks/Video.tsx
 var import_react26 = require("react");
 var import_jsx_runtime17 = require("react/jsx-runtime");
+function Video(props) {
+  const blockId = (0, import_react26.useMemo)(
+    () => normalizeComponentId(props.blockId, "blockId"),
+    [props.blockId]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("section", { "aria-label": props.title ?? "Video", "data-lk-block-id": blockId, "data-testid": "video", children: [
+    props.title ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h3", { "data-testid": "video-title", children: props.title }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      "video",
+      {
+        controls: true,
+        preload: "metadata",
+        poster: props.poster,
+        src: props.src,
+        "data-testid": "video-player",
+        style: { maxWidth: "100%" },
+        children: props.captions ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("track", { kind: "captions", src: props.captions, srcLang: "en", label: "Captions", default: true }) : null
+      }
+    )
+  ] });
+}
+setLessonkitBlockType(Video, "Video");
+
+// src/blocks/Page.tsx
+var import_react27 = require("react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function Page(props) {
   validateCompoundChildren("Page", props.children);
   const { track } = useLessonkit();
   const lessonId = useEnclosingLessonId();
-  (0, import_react26.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     if (props.hidden || !lessonId || props.parentType) return;
     track(
       "compound_page_viewed",
@@ -3485,7 +3651,7 @@ function Page(props) {
       { lessonId }
     );
   }, [props.hidden, props.pageIndex, props.parentType, props.blockId, lessonId, track]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     "section",
     {
       "aria-label": props.title ?? "Page",
@@ -3493,8 +3659,8 @@ function Page(props) {
       "data-testid": `page-${props.blockId}`,
       hidden: props.hidden ? true : void 0,
       children: [
-        props.title ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h3", { children: props.title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CompoundPageIndexProvider, { pageIndex: props.pageIndex ?? 0, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { children: props.children }) })
+        props.title ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { children: props.title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CompoundPageIndexProvider, { pageIndex: props.pageIndex ?? 0, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { children: props.children }) })
       ]
     }
   );
@@ -3502,9 +3668,9 @@ function Page(props) {
 setLessonkitBlockType(Page, "Page");
 
 // src/blocks/InteractiveBook.tsx
-var import_react27 = __toESM(require("react"), 1);
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var InteractiveBookInner = (0, import_react27.forwardRef)(
+var import_react28 = __toESM(require("react"), 1);
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var InteractiveBookInner = (0, import_react28.forwardRef)(
   function InteractiveBookInner2(props, ref) {
     const { blockId, pages, index, setIndex, persistEnabled } = props;
     validateCompoundChildren("InteractiveBook", pages);
@@ -3519,11 +3685,11 @@ var InteractiveBookInner = (0, import_react27.forwardRef)(
       persistEnabled,
       ref
     });
-    const pageTitles = (0, import_react27.useMemo)(
+    const pageTitles = (0, import_react28.useMemo)(
       () => pages.map((page) => page.props.title),
       [pages]
     );
-    (0, import_react27.useEffect)(() => {
+    (0, import_react28.useEffect)(() => {
       if (!lessonId || pages.length === 0) return;
       track(
         "book_page_viewed",
@@ -3535,31 +3701,31 @@ var InteractiveBookInner = (0, import_react27.forwardRef)(
         { lessonId }
       );
     }, [visibleIndex, blockId, lessonId, pages.length, pageTitles, track]);
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("section", { "aria-label": props.title, "data-testid": "interactive-book", "data-lk-block-id": blockId, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { children: props.title }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("p", { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("section", { "aria-label": props.title, "data-testid": "interactive-book", "data-lk-block-id": blockId, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h3", { children: props.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("p", { children: [
         "Page ",
         progress.current,
         " of ",
         progress.total
       ] }),
-      props.showBookScore && ctx ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("p", { "data-testid": "book-score", children: [
+      props.showBookScore && ctx ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("p", { "data-testid": "book-score", children: [
         "Score: ",
         Array.from(ctx.getHandles().values()).reduce((s, h) => s + h.getScore(), 0),
         " /",
         " ",
         Array.from(ctx.getHandles().values()).reduce((s, h) => s + h.getMaxScore(), 0)
       ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { "data-testid": "interactive-book-page", children: pages.map(
-        (page, i) => import_react27.default.cloneElement(page, {
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { "data-testid": "interactive-book-page", children: pages.map(
+        (page, i) => import_react28.default.cloneElement(page, {
           key: page.key ?? page.props.blockId,
           hidden: i !== visibleIndex,
           pageIndex: i,
           parentType: "InteractiveBook"
         })
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("nav", { "aria-label": "Book navigation", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("nav", { "aria-label": "Book navigation", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           "button",
           {
             type: "button",
@@ -3569,7 +3735,7 @@ var InteractiveBookInner = (0, import_react27.forwardRef)(
             children: "Previous"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           "button",
           {
             type: "button",
@@ -3583,13 +3749,13 @@ var InteractiveBookInner = (0, import_react27.forwardRef)(
     ] });
   }
 );
-var InteractiveBook = (0, import_react27.forwardRef)(function InteractiveBook2(props, ref) {
-  const blockId = (0, import_react27.useMemo)(
+var InteractiveBook = (0, import_react28.forwardRef)(function InteractiveBook2(props, ref) {
+  const blockId = (0, import_react28.useMemo)(
     () => normalizeComponentId(props.blockId, "blockId"),
     [props.blockId]
   );
-  const pages = import_react27.default.Children.toArray(props.children).filter(
-    import_react27.default.isValidElement
+  const pages = import_react28.default.Children.toArray(props.children).filter(
+    import_react28.default.isValidElement
   );
   const { config, storage } = useLessonkit();
   const persistEnabled = config.session?.persistCompoundState !== false;
@@ -3600,12 +3766,12 @@ var InteractiveBook = (0, import_react27.forwardRef)(function InteractiveBook2(p
     persistEnabled,
     storage
   });
-  const [index, setIndex] = (0, import_react27.useState)(initialIndex);
-  const setIndexStable = (0, import_react27.useCallback)((i) => setIndex(i), []);
-  (0, import_react27.useEffect)(() => {
+  const [index, setIndex] = (0, import_react28.useState)(initialIndex);
+  const setIndexStable = (0, import_react28.useCallback)((i) => setIndex(i), []);
+  (0, import_react28.useEffect)(() => {
     setIndex(initialIndex);
   }, [config.courseId, blockId, initialIndex]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CompoundProvider, { activePageIndex: index, onActivePageIndexChange: setIndexStable, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CompoundProvider, { activePageIndex: index, onActivePageIndexChange: setIndexStable, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     InteractiveBookInner,
     {
       ...props,
@@ -3621,13 +3787,13 @@ var InteractiveBook = (0, import_react27.forwardRef)(function InteractiveBook2(p
 setLessonkitBlockType(InteractiveBook, "InteractiveBook");
 
 // src/blocks/Slide.tsx
-var import_react28 = require("react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_react29 = require("react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function Slide(props) {
   validateCompoundChildren("Slide", props.children);
   const { track } = useLessonkit();
   const lessonId = useEnclosingLessonId();
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (props.hidden || !lessonId || props.parentType) return;
     track(
       "compound_page_viewed",
@@ -3639,7 +3805,7 @@ function Slide(props) {
       { lessonId }
     );
   }, [props.hidden, props.slideIndex, props.parentType, props.blockId, lessonId, track]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     "section",
     {
       "aria-label": props.title ?? "Slide",
@@ -3647,8 +3813,8 @@ function Slide(props) {
       "data-testid": `slide-${props.blockId}`,
       hidden: props.hidden ? true : void 0,
       children: [
-        props.title ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h3", { children: props.title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CompoundPageIndexProvider, { pageIndex: props.slideIndex ?? 0, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { children: props.children }) })
+        props.title ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h3", { children: props.title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CompoundPageIndexProvider, { pageIndex: props.slideIndex ?? 0, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { children: props.children }) })
       ]
     }
   );
@@ -3656,10 +3822,10 @@ function Slide(props) {
 setLessonkitBlockType(Slide, "Slide");
 
 // src/blocks/SlideDeck.tsx
-var import_react30 = __toESM(require("react"), 1);
+var import_react31 = __toESM(require("react"), 1);
 
 // src/compound/useCompoundKeyboardNav.ts
-var import_react29 = require("react");
+var import_react30 = require("react");
 var INTERACTIVE_TAGS = /* @__PURE__ */ new Set(["INPUT", "TEXTAREA", "SELECT", "BUTTON"]);
 function isEditableTarget(target) {
   if (!(target instanceof HTMLElement)) return false;
@@ -3672,7 +3838,7 @@ function isEditableTarget(target) {
 }
 function useCompoundKeyboardNav(opts) {
   const { containerRef, visibleIndex, pageCount, goNext, goPrev, setIndex } = opts;
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     const el = containerRef.current;
     if (!el || pageCount === 0) return;
     const onKeyDown = (event) => {
@@ -3717,13 +3883,13 @@ function useCompoundKeyboardNav(opts) {
 }
 
 // src/blocks/SlideDeck.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var SlideDeckInner = (0, import_react30.forwardRef)(function SlideDeckInner2(props, ref) {
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var SlideDeckInner = (0, import_react31.forwardRef)(function SlideDeckInner2(props, ref) {
   const { blockId, slides, index, setIndex, persistEnabled } = props;
   validateCompoundChildren("SlideDeck", slides);
   const { config, track } = useLessonkit();
   const lessonId = useEnclosingLessonId();
-  const containerRef = (0, import_react30.useRef)(null);
+  const containerRef = (0, import_react31.useRef)(null);
   const { visibleIndex, goNext, goPrev, progress, ctx } = useCompoundShell({
     courseId: config.courseId,
     compoundId: blockId,
@@ -3733,7 +3899,7 @@ var SlideDeckInner = (0, import_react30.forwardRef)(function SlideDeckInner2(pro
     persistEnabled,
     ref
   });
-  const setIndexStable = (0, import_react30.useCallback)((i) => setIndex(i), [setIndex]);
+  const setIndexStable = (0, import_react31.useCallback)((i) => setIndex(i), [setIndex]);
   useCompoundKeyboardNav({
     containerRef,
     visibleIndex,
@@ -3742,11 +3908,11 @@ var SlideDeckInner = (0, import_react30.forwardRef)(function SlideDeckInner2(pro
     goPrev,
     setIndex: setIndexStable
   });
-  const slideTitles = (0, import_react30.useMemo)(
+  const slideTitles = (0, import_react31.useMemo)(
     () => slides.map((slide) => slide.props.title),
     [slides]
   );
-  (0, import_react30.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (!lessonId || slides.length === 0) return;
     track(
       "slide_viewed",
@@ -3758,7 +3924,7 @@ var SlideDeckInner = (0, import_react30.forwardRef)(function SlideDeckInner2(pro
       { lessonId }
     );
   }, [visibleIndex, blockId, lessonId, slides.length, slideTitles, track]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     "section",
     {
       ref: containerRef,
@@ -3767,30 +3933,30 @@ var SlideDeckInner = (0, import_react30.forwardRef)(function SlideDeckInner2(pro
       "data-testid": "slide-deck",
       "data-lk-block-id": blockId,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h3", { children: props.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h3", { children: props.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("p", { children: [
           "Slide ",
           progress.current,
           " of ",
           progress.total
         ] }),
-        props.showDeckScore && ctx ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { "data-testid": "deck-score", children: [
+        props.showDeckScore && ctx ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("p", { "data-testid": "deck-score", children: [
           "Score: ",
           Array.from(ctx.getHandles().values()).reduce((s, h) => s + h.getScore(), 0),
           " /",
           " ",
           Array.from(ctx.getHandles().values()).reduce((s, h) => s + h.getMaxScore(), 0)
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { "data-testid": "slide-deck-slide", children: slides.map(
-          (slide, i) => import_react30.default.cloneElement(slide, {
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { "data-testid": "slide-deck-slide", children: slides.map(
+          (slide, i) => import_react31.default.cloneElement(slide, {
             key: slide.key ?? slide.props.blockId,
             hidden: i !== visibleIndex,
             slideIndex: i,
             parentType: "SlideDeck"
           })
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("nav", { "aria-label": "Slide navigation", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("nav", { "aria-label": "Slide navigation", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             "button",
             {
               type: "button",
@@ -3800,7 +3966,7 @@ var SlideDeckInner = (0, import_react30.forwardRef)(function SlideDeckInner2(pro
               children: "Previous slide"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             "button",
             {
               type: "button",
@@ -3815,13 +3981,13 @@ var SlideDeckInner = (0, import_react30.forwardRef)(function SlideDeckInner2(pro
     }
   );
 });
-var SlideDeck = (0, import_react30.forwardRef)(function SlideDeck2(props, ref) {
-  const blockId = (0, import_react30.useMemo)(
+var SlideDeck = (0, import_react31.forwardRef)(function SlideDeck2(props, ref) {
+  const blockId = (0, import_react31.useMemo)(
     () => normalizeComponentId(props.blockId, "blockId"),
     [props.blockId]
   );
-  const slides = import_react30.default.Children.toArray(props.children).filter(
-    import_react30.default.isValidElement
+  const slides = import_react31.default.Children.toArray(props.children).filter(
+    import_react31.default.isValidElement
   );
   const { config, storage } = useLessonkit();
   const persistEnabled = config.session?.persistCompoundState !== false;
@@ -3832,12 +3998,12 @@ var SlideDeck = (0, import_react30.forwardRef)(function SlideDeck2(props, ref) {
     persistEnabled,
     storage
   });
-  const [index, setIndex] = (0, import_react30.useState)(initialIndex);
-  const setIndexStable = (0, import_react30.useCallback)((i) => setIndex(i), []);
-  (0, import_react30.useEffect)(() => {
+  const [index, setIndex] = (0, import_react31.useState)(initialIndex);
+  const setIndexStable = (0, import_react31.useCallback)((i) => setIndex(i), []);
+  (0, import_react31.useEffect)(() => {
     setIndex(initialIndex);
   }, [config.courseId, blockId, initialIndex]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CompoundProvider, { activePageIndex: index, onActivePageIndexChange: setIndexStable, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CompoundProvider, { activePageIndex: index, onActivePageIndexChange: setIndexStable, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     SlideDeckInner,
     {
       ...props,
@@ -3852,95 +4018,1698 @@ var SlideDeck = (0, import_react30.forwardRef)(function SlideDeck2(props, ref) {
 });
 setLessonkitBlockType(SlideDeck, "SlideDeck");
 
-// src/blocks/Accordion.tsx
-var import_react31 = require("react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-function Accordion(props) {
-  if (isDevEnvironment4()) {
-    validateAccordionSections(props.sections);
-  }
-  const [open, setOpen] = (0, import_react31.useState)(/* @__PURE__ */ new Set());
-  const { track } = useLessonkit();
+// src/blocks/TimedCue.tsx
+var import_react32 = __toESM(require("react"), 1);
+var import_accessibility3 = require("@lessonkit/accessibility");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+function TimedCue(props) {
+  validateCompoundChildren("TimedCue", props.children, true);
+  const child = import_react32.default.Children.only(props.children);
+  const overlayRef = (0, import_react32.useRef)(null);
+  (0, import_react32.useEffect)(() => {
+    if (props.hidden || !overlayRef.current) return;
+    const trap = (0, import_accessibility3.trapFocus)(overlayRef.current, { restoreFocus: false });
+    trap.activate();
+    const firstFocusable = overlayRef.current.querySelector(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    );
+    firstFocusable?.focus();
+    return () => trap.deactivate();
+  }, [props.hidden, props.cueIndex]);
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    "div",
+    {
+      ref: overlayRef,
+      role: "dialog",
+      "aria-modal": props.hidden ? void 0 : true,
+      "aria-hidden": props.hidden ? true : void 0,
+      hidden: props.hidden ? true : void 0,
+      "aria-label": props.label ?? `Interaction at ${props.atSeconds} seconds`,
+      "data-testid": `timed-cue-${props.cueIndex ?? 0}`,
+      "data-lk-cue-at": props.atSeconds,
+      className: "lk-timed-cue-overlay",
+      style: {
+        position: "relative",
+        zIndex: 2,
+        background: "var(--lk-surface, #fff)",
+        padding: "1rem",
+        border: "1px solid var(--lk-border, #ccc)",
+        marginTop: "0.5rem"
+      },
+      children: [
+        props.hidden ? null : props.label ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { "data-testid": "timed-cue-label", children: props.label }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CompoundPageIndexProvider, { pageIndex: props.cueIndex ?? 0, children: child })
+      ]
+    }
+  );
+}
+setLessonkitBlockType(TimedCue, "TimedCue");
+
+// src/blocks/InteractiveVideo.tsx
+var import_react33 = __toESM(require("react"), 1);
+var import_core19 = require("@lessonkit/core");
+
+// src/compound/useCompoundVideoShell.ts
+var import_core18 = require("@lessonkit/core");
+var IV_META_KEY = "__lk_iv__";
+function readInteractiveVideoMeta(childStates) {
+  const raw = childStates[IV_META_KEY];
+  if (!raw || typeof raw !== "object") return null;
+  const currentTime = typeof raw.currentTime === "number" ? raw.currentTime : 0;
+  const completedCueIndices = Array.isArray(raw.completedCueIndices) ? raw.completedCueIndices.filter((n) => typeof n === "number") : [];
+  return { currentTime, completedCueIndices };
+}
+function mergeVideoMetaIntoState(state, meta) {
+  return {
+    ...state,
+    childStates: {
+      ...state.childStates,
+      [IV_META_KEY]: meta
+    }
+  };
+}
+
+// src/blocks/InteractiveVideo.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function loadVideoMeta(storage, courseId, blockId, enabled) {
+  if (!enabled || !courseId) return { currentTime: 0, completedCueIndices: [] };
+  const saved = (0, import_core19.loadCompoundState)(storage, courseId, blockId);
+  if (!saved) return { currentTime: 0, completedCueIndices: [] };
+  const meta = readInteractiveVideoMeta(saved.childStates);
+  return meta ?? { currentTime: 0, completedCueIndices: [] };
+}
+function getCueChildCheckId(cue) {
+  const child = import_react33.default.Children.only(cue.props.children);
+  if (!import_react33.default.isValidElement(child)) return null;
+  const props = child.props;
+  if (typeof props.checkId !== "string") return null;
+  return normalizeComponentId(props.checkId, "checkId");
+}
+function cueRequiresAnswer(cue) {
+  return Boolean(cue.props.mustComplete && getCueChildCheckId(cue));
+}
+var InteractiveVideoInner = (0, import_react33.forwardRef)(function InteractiveVideoInner2(props, ref) {
+  const { blockId, cues, index, setIndex, persistEnabled, initialMeta } = props;
+  validateCompoundChildren("InteractiveVideo", cues);
+  const { config, track, storage } = useLessonkit();
   const lessonId = useEnclosingLessonId();
-  const baseId = (0, import_react31.useId)();
-  const toggle = (sectionId) => {
-    setOpen((prev) => {
-      const next = new Set(prev);
-      const expanded = !next.has(sectionId);
-      if (expanded) next.add(sectionId);
-      else next.delete(sectionId);
+  const videoRef = (0, import_react33.useRef)(null);
+  const completedCuesRef = (0, import_react33.useRef)(new Set(initialMeta.completedCueIndices));
+  const [completedCues, setCompletedCues] = (0, import_react33.useState)(
+    () => new Set(initialMeta.completedCueIndices)
+  );
+  const [overlayActive, setOverlayActive] = (0, import_react33.useState)(false);
+  const firedCuesRef = (0, import_react33.useRef)(new Set(initialMeta.completedCueIndices));
+  const resumeOverlayCheckedRef = (0, import_react33.useRef)(false);
+  const sortedCues = (0, import_react33.useMemo)(
+    () => [...cues].sort((a, b) => (a.props.atSeconds ?? 0) - (b.props.atSeconds ?? 0)),
+    [cues]
+  );
+  (0, import_react33.useEffect)(() => {
+    completedCuesRef.current = completedCues;
+  }, [completedCues]);
+  const transformState = (0, import_react33.useCallback)(
+    (state) => mergeVideoMetaIntoState(state, {
+      currentTime: videoRef.current?.currentTime ?? initialMeta.currentTime,
+      completedCueIndices: [...completedCuesRef.current]
+    }),
+    [initialMeta.currentTime]
+  );
+  const { ctx } = useCompoundShell({
+    courseId: config.courseId,
+    compoundId: blockId,
+    pageCount: sortedCues.length,
+    index,
+    setIndex,
+    persistEnabled,
+    ref,
+    storage,
+    transformState
+  });
+  const activeCue = sortedCues[index];
+  const cueCanContinue = (0, import_react33.useCallback)(
+    (cue) => {
+      if (!cue || !cueRequiresAnswer(cue)) return true;
+      const checkId = getCueChildCheckId(cue);
+      if (!checkId) return true;
+      const entry = ctx?.getRegisteredHandles().get(checkId);
+      if (!entry) return false;
+      return entry.handle.getAnswerGiven();
+    },
+    [ctx]
+  );
+  const canContinueActiveCue = cueCanContinue(activeCue);
+  (0, import_react33.useEffect)(() => {
+    const video = videoRef.current;
+    if (!video || initialMeta.currentTime <= 0) return;
+    video.currentTime = initialMeta.currentTime;
+  }, [initialMeta.currentTime]);
+  (0, import_react33.useEffect)(() => {
+    if (resumeOverlayCheckedRef.current || sortedCues.length === 0) return;
+    resumeOverlayCheckedRef.current = true;
+    const hasSavedProgress = initialMeta.currentTime > 0 || initialMeta.completedCueIndices.length > 0 || persistEnabled && config.courseId && (0, import_core19.loadCompoundState)(storage, config.courseId, blockId) !== null;
+    if (!hasSavedProgress) return;
+    const video = videoRef.current;
+    if (!video) return;
+    const cue = sortedCues[index];
+    if (!cue || completedCues.has(index)) return;
+    setOverlayActive(true);
+    video.pause();
+    const at = cue.props.atSeconds ?? 0;
+    if (video.currentTime < at) {
+      video.currentTime = at;
+    }
+  }, [
+    blockId,
+    completedCues,
+    config.courseId,
+    index,
+    initialMeta.completedCueIndices.length,
+    initialMeta.currentTime,
+    persistEnabled,
+    sortedCues,
+    storage
+  ]);
+  const mandatoryIncompleteBefore = (0, import_react33.useCallback)(
+    (time) => {
+      for (let i = 0; i < sortedCues.length; i++) {
+        const cue = sortedCues[i];
+        if ((cue.props.atSeconds ?? 0) >= time) break;
+        if (cue.props.mustComplete && !completedCues.has(i)) return cue.props.atSeconds ?? 0;
+      }
+      return null;
+    },
+    [sortedCues, completedCues]
+  );
+  const activateCue = (0, import_react33.useCallback)(
+    (i) => {
+      const cue = sortedCues[i];
+      if (!cue || firedCuesRef.current.has(i)) return;
+      firedCuesRef.current.add(i);
+      videoRef.current?.pause();
+      setIndex(i);
+      setOverlayActive(true);
+      if (lessonId) {
+        track(
+          "video_cue_reached",
+          { blockId, cueIndex: i, atSeconds: cue.props.atSeconds ?? 0, cueLabel: cue.props.label },
+          { lessonId }
+        );
+      }
+    },
+    [blockId, lessonId, setIndex, sortedCues, track]
+  );
+  const onTimeUpdate = () => {
+    const video = videoRef.current;
+    if (!video || overlayActive) return;
+    const t = video.currentTime;
+    const blockSeek = mandatoryIncompleteBefore(t);
+    if (blockSeek !== null && t > blockSeek + 0.5) {
+      video.currentTime = blockSeek;
+      return;
+    }
+    for (let i = 0; i < sortedCues.length; i++) {
+      if (firedCuesRef.current.has(i)) continue;
+      const at = sortedCues[i]?.props.atSeconds ?? 0;
+      if (t >= at) {
+        activateCue(i);
+        break;
+      }
+    }
+  };
+  const completeCue = () => {
+    const cue = sortedCues[index];
+    if (!cue || !cueCanContinue(cue)) return;
+    setCompletedCues((prev) => {
+      const next = /* @__PURE__ */ new Set([...prev, index]);
+      completedCuesRef.current = next;
+      return next;
+    });
+    setOverlayActive(false);
+    if (lessonId) {
       track(
-        "accordion_section_toggled",
-        { blockId: props.blockId, sectionId, expanded },
-        lessonId ? { lessonId } : void 0
+        "video_segment_completed",
+        {
+          blockId,
+          segmentIndex: index,
+          atSeconds: cue.props.atSeconds ?? 0,
+          segmentLabel: cue.props.label
+        },
+        { lessonId }
       );
-      return next;
+    }
+    videoRef.current?.play().catch(() => {
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("section", { "aria-label": "Accordion", "data-lk-block-id": props.blockId, "data-testid": "accordion", children: props.sections.map((section) => {
-    const expanded = open.has(section.id);
-    const panelId = `${baseId}-${section.id}`;
-    const triggerId = `${baseId}-trigger-${section.id}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { "data-testid": `accordion-section-${section.id}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h4", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-        "button",
-        {
-          id: triggerId,
-          type: "button",
-          "aria-expanded": expanded,
-          "aria-controls": panelId,
-          "data-testid": `accordion-trigger-${section.id}`,
-          onClick: () => toggle(section.id),
-          children: section.title
-        }
-      ) }),
-      expanded ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { id: panelId, role: "region", "aria-labelledby": triggerId, children: section.content }) : null
-    ] }, section.id);
-  }) });
-}
-setLessonkitBlockType(Accordion, "Accordion");
-
-// src/blocks/DialogCards.tsx
-var import_react32 = require("react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-function DialogCards(props) {
-  const [index, setIndex] = (0, import_react32.useState)(0);
-  const [flipped, setFlipped] = (0, import_react32.useState)(false);
-  const card = props.cards[index];
-  if (!card) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("section", { "aria-label": "Dialog cards", "data-lk-block-id": props.blockId, "data-testid": "dialog-cards", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("p", { children: [
-      "Card ",
-      index + 1,
-      " of ",
-      props.cards.length
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-      "button",
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("section", { "aria-label": props.title, "data-testid": "interactive-video", "data-lk-block-id": blockId, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h3", { children: props.title }),
+    props.showVideoScore && ctx ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { "data-testid": "video-score", children: [
+      "Score: ",
+      Array.from(ctx.getHandles().values()).reduce((s, h) => s + h.getScore(), 0),
+      " /",
+      " ",
+      Array.from(ctx.getHandles().values()).reduce((s, h) => s + h.getMaxScore(), 0)
+    ] }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { style: { position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      "video",
       {
-        type: "button",
-        "data-testid": "dialog-card-flip",
-        "aria-pressed": flipped,
-        onClick: () => setFlipped((f) => !f),
-        style: { minHeight: "6rem", width: "100%" },
-        children: flipped ? card.back : card.front
+        ref: videoRef,
+        src: props.src,
+        poster: props.poster,
+        controls: true,
+        "data-testid": "interactive-video-player",
+        onTimeUpdate,
+        onSeeking: () => {
+          const video = videoRef.current;
+          if (!video) return;
+          const blockSeek = mandatoryIncompleteBefore(video.currentTime);
+          if (blockSeek !== null && video.currentTime > blockSeek + 0.5) {
+            video.currentTime = blockSeek;
+          }
+        },
+        children: props.captions ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("track", { kind: "captions", src: props.captions, srcLang: "en", label: "Captions", default: true }) : null
       }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("nav", { "aria-label": "Card navigation", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { "data-testid": "interactive-video-cues", children: sortedCues.map(
+      (cue, i) => import_react33.default.cloneElement(cue, {
+        key: cue.key ?? i,
+        hidden: !overlayActive || i !== index,
+        cueIndex: i,
+        parentType: "InteractiveVideo"
+      })
+    ) }),
+    overlayActive ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+      activeCue?.props.mustComplete && !canContinueActiveCue ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { role: "status", "data-testid": "cue-must-complete-hint", children: "Complete the interaction to continue." }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         "button",
         {
           type: "button",
-          "data-testid": "dialog-prev",
-          disabled: index === 0,
-          onClick: () => {
-            setIndex((i) => i - 1);
-            setFlipped(false);
-          },
+          "data-testid": "cue-continue",
+          disabled: !canContinueActiveCue,
+          "aria-disabled": !canContinueActiveCue,
+          onClick: completeCue,
+          children: "Continue video"
+        }
+      )
+    ] }) : null
+  ] });
+});
+var InteractiveVideo = (0, import_react33.forwardRef)(
+  function InteractiveVideo2(props, ref) {
+    const blockId = (0, import_react33.useMemo)(
+      () => normalizeComponentId(props.blockId, "blockId"),
+      [props.blockId]
+    );
+    const cues = import_react33.default.Children.toArray(props.children).filter(
+      import_react33.default.isValidElement
+    );
+    const { config, storage } = useLessonkit();
+    const persistEnabled = config.session?.persistCompoundState !== false;
+    const initialMeta = (0, import_react33.useMemo)(
+      () => loadVideoMeta(storage, config.courseId, blockId, persistEnabled),
+      [storage, config.courseId, blockId, persistEnabled]
+    );
+    const initialIndex = useCompoundInitialIndex({
+      courseId: config.courseId,
+      compoundId: blockId,
+      pageCount: cues.length,
+      persistEnabled,
+      storage
+    });
+    const [index, setIndex] = (0, import_react33.useState)(initialIndex);
+    const setIndexStable = (0, import_react33.useCallback)((i) => setIndex(i), []);
+    (0, import_react33.useEffect)(() => {
+      setIndex(initialIndex);
+    }, [config.courseId, blockId, initialIndex]);
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CompoundProvider, { activePageIndex: index, onActivePageIndexChange: setIndexStable, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      InteractiveVideoInner,
+      {
+        ...props,
+        ref,
+        blockId,
+        cues,
+        index,
+        setIndex,
+        persistEnabled,
+        initialMeta
+      }
+    ) });
+  }
+);
+setLessonkitBlockType(InteractiveVideo, "InteractiveVideo");
+
+// src/blocks/Summary.tsx
+var import_react34 = require("react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var INTERACTION6 = "summary";
+function SummaryInner(props, ref) {
+  const checkId = (0, import_react34.useMemo)(() => normalizeComponentId(props.checkId, "checkId"), [props.checkId]);
+  const assessment = useAssessmentState(props.enclosingLessonId);
+  const [selectedIndices, setSelectedIndices] = (0, import_react34.useState)([]);
+  const [passed, setPassed] = (0, import_react34.useState)(false);
+  const [checked, setChecked] = (0, import_react34.useState)(false);
+  const completedRef = (0, import_react34.useRef)(false);
+  const telemetryReplayedRef = (0, import_react34.useRef)(false);
+  const correctKey = props.correct.join("\0");
+  const statementsKey = props.statements.join("\0");
+  const selected = selectedIndices.map((i) => props.statements[i] ?? "");
+  const reset = () => {
+    completedRef.current = false;
+    telemetryReplayedRef.current = false;
+    setSelectedIndices([]);
+    setPassed(false);
+    setChecked(false);
+  };
+  (0, import_react34.useEffect)(() => {
+    reset();
+  }, [checkId, correctKey, statementsKey]);
+  const isCorrect = selected.length === props.correct.length && selected.every((s, i) => s === props.correct[i]);
+  const maxScore = props.correct.length || 1;
+  const score = isCorrect ? maxScore : 0;
+  const passedThreshold = meetsPassingThreshold(score, maxScore, props.passingScore);
+  const availableIndices = props.statements.map((_, i) => i).filter((i) => !selectedIndices.includes(i));
+  const handle = (0, import_react34.useMemo)(
+    () => buildAssessmentHandle({
+      checkId,
+      getScore: () => passed ? score : 0,
+      getMaxScore: () => maxScore,
+      getAnswerGiven: () => selectedIndices.length > 0,
+      resetTask: reset,
+      showSolutions: () => {
+      },
+      getXAPIData: () => ({
+        checkId,
+        interactionType: INTERACTION6,
+        response: selected,
+        correct: passedThreshold,
+        score: passed ? score : 0,
+        maxScore
+      }),
+      getCurrentState: () => ({ selectedIndices, passed, checked }),
+      resume: (state) => {
+        let nextIndices = [];
+        if (Array.isArray(state.selectedIndices)) {
+          nextIndices = [...state.selectedIndices];
+        } else if (Array.isArray(state.selected)) {
+          const legacy = state.selected;
+          nextIndices = legacy.map((text) => props.statements.indexOf(text)).filter((i) => i >= 0);
+        }
+        setSelectedIndices(nextIndices);
+        const nextSelected = nextIndices.map((i) => props.statements[i] ?? "");
+        const nextIsCorrect = nextSelected.length === props.correct.length && nextSelected.every((s, i) => s === props.correct[i]);
+        const nextScore = nextIsCorrect ? maxScore : 0;
+        readBooleanStateField(state, "passed", (value) => {
+          setPassed(value);
+          completedRef.current = value;
+          if (value) {
+            if (!telemetryReplayedRef.current) {
+              telemetryReplayedRef.current = true;
+              assessment.answer({
+                checkId,
+                interactionType: INTERACTION6,
+                response: nextSelected,
+                correct: true
+              });
+              assessment.complete({
+                checkId,
+                interactionType: INTERACTION6,
+                score: nextScore,
+                maxScore,
+                passingScore: props.passingScore ?? maxScore
+              });
+            }
+          }
+        });
+        readBooleanStateField(state, "checked", setChecked);
+      }
+    }),
+    [
+      assessment,
+      checkId,
+      checked,
+      maxScore,
+      passed,
+      passedThreshold,
+      props.passingScore,
+      props.statements,
+      score,
+      selected,
+      selectedIndices.length
+    ]
+  );
+  useAssessmentHandleRegistration(checkId, handle, ref);
+  const addStatement = (statementIndex) => {
+    if (passed && !props.enableRetry) return;
+    setChecked(false);
+    setSelectedIndices((prev) => [...prev, statementIndex]);
+  };
+  const removeLast = () => {
+    if (passed && !props.enableRetry) return;
+    setChecked(false);
+    setSelectedIndices((prev) => prev.slice(0, -1));
+  };
+  const check = () => {
+    if (selectedIndices.length === 0) return;
+    setChecked(true);
+    assessment.answer({
+      checkId,
+      interactionType: INTERACTION6,
+      response: selected,
+      correct: passedThreshold
+    });
+    if (passedThreshold && !completedRef.current) {
+      completedRef.current = true;
+      setPassed(true);
+      assessment.complete({
+        checkId,
+        interactionType: INTERACTION6,
+        score,
+        maxScore,
+        passingScore: props.passingScore ?? maxScore
+      });
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("section", { "aria-label": "Summary", "data-lk-check-id": checkId, "data-testid": "summary", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { children: "Select statements in order to build the summary." }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("ol", { "data-testid": "summary-selected", children: selected.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("li", { children: s }, `${i}-${selectedIndices[i]}`)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { role: "group", "aria-label": "Available statements", children: availableIndices.map((statementIndex) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      "button",
+      {
+        type: "button",
+        "data-testid": `summary-statement-${statementIndex}`,
+        disabled: passed && !props.enableRetry,
+        onClick: () => addStatement(statementIndex),
+        style: { display: "block", margin: "0.25rem 0" },
+        children: props.statements[statementIndex]
+      },
+      statementIndex
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      "button",
+      {
+        type: "button",
+        "data-testid": "summary-undo",
+        disabled: passed && !props.enableRetry || selectedIndices.length === 0,
+        onClick: removeLast,
+        children: "Remove last"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      "button",
+      {
+        type: "button",
+        "data-testid": "summary-check",
+        disabled: selectedIndices.length === 0 || passed && !props.enableRetry,
+        onClick: check,
+        children: "Check"
+      }
+    ),
+    checked ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { role: "status", "aria-live": "polite", "data-testid": "summary-feedback", children: passedThreshold ? "Correct" : "Try again" }) : null,
+    props.enableRetry && passed ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { type: "button", "data-testid": "summary-retry", onClick: reset, children: "Try again" }) : null
+  ] });
+}
+var SummaryInnerForwarded = (0, import_react34.forwardRef)(SummaryInner);
+var Summary = (0, import_react34.forwardRef)(function Summary2(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AssessmentLessonGuard, { blockLabel: "Summary", checkId: props.checkId, children: (lessonId) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SummaryInnerForwarded, { ...props, enclosingLessonId: lessonId, ref }) });
+});
+setLessonkitBlockType(Summary, "Summary");
+
+// src/blocks/ImagePairing.tsx
+var import_react35 = require("react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var INTERACTION7 = "imagePairing";
+function shuffleCards(cards) {
+  const next = [...cards];
+  for (let i = next.length - 1; i > 0; i -= 1) {
+    const j = Math.floor(Math.random() * (i + 1));
+    [next[i], next[j]] = [next[j], next[i]];
+  }
+  return next;
+}
+function buildDeck(pairs) {
+  const cards = pairs.flatMap(
+    (pair) => [0, 1].map((copy) => ({
+      cardKey: `${pair.id}-${copy}`,
+      pairId: pair.id,
+      label: pair.label,
+      imageSrc: pair.imageSrc
+    }))
+  );
+  return shuffleCards(cards);
+}
+function ImagePairingInner(props, ref) {
+  const checkId = (0, import_react35.useMemo)(() => normalizeComponentId(props.checkId, "checkId"), [props.checkId]);
+  const assessment = useAssessmentState(props.enclosingLessonId);
+  const pairsKey = props.pairs.map((p) => p.id).join("\0");
+  const [cards, setCards] = (0, import_react35.useState)(() => buildDeck(props.pairs));
+  const [matched, setMatched] = (0, import_react35.useState)(() => /* @__PURE__ */ new Set());
+  const [revealed, setRevealed] = (0, import_react35.useState)(() => /* @__PURE__ */ new Set());
+  const [keyboardSelection, setKeyboardSelection] = (0, import_react35.useState)(null);
+  const [passed, setPassed] = (0, import_react35.useState)(false);
+  const completedRef = (0, import_react35.useRef)(false);
+  const telemetryReplayedRef = (0, import_react35.useRef)(false);
+  const reset = () => {
+    completedRef.current = false;
+    telemetryReplayedRef.current = false;
+    setCards(buildDeck(props.pairs));
+    setMatched(/* @__PURE__ */ new Set());
+    setRevealed(/* @__PURE__ */ new Set());
+    setKeyboardSelection(null);
+    setPassed(false);
+  };
+  (0, import_react35.useEffect)(() => {
+    reset();
+  }, [checkId, pairsKey]);
+  const totalPairs = props.pairs.length;
+  const matchedCount = matched.size;
+  const maxScore = totalPairs || 1;
+  const score = matchedCount;
+  const allMatched = totalPairs > 0 && matchedCount === totalPairs;
+  const passedThreshold = meetsPassingThreshold(score, maxScore, props.passingScore);
+  const completeIfReady = (nextMatched) => {
+    if (nextMatched.size === totalPairs && totalPairs > 0 && !completedRef.current) {
+      const finalScore = nextMatched.size;
+      const finalPassed = meetsPassingThreshold(finalScore, maxScore, props.passingScore);
+      completedRef.current = true;
+      setPassed(true);
+      assessment.answer({
+        checkId,
+        interactionType: INTERACTION7,
+        response: { matchedPairIds: [...nextMatched] },
+        correct: finalPassed
+      });
+      assessment.complete({
+        checkId,
+        interactionType: INTERACTION7,
+        score: finalScore,
+        maxScore,
+        passingScore: props.passingScore ?? maxScore
+      });
+    }
+  };
+  const tryMatch = (firstKey, secondKey) => {
+    if (firstKey === secondKey) return;
+    const first = cards.find((c) => c.cardKey === firstKey);
+    const second = cards.find((c) => c.cardKey === secondKey);
+    if (!first || !second) return;
+    setRevealed((prev) => /* @__PURE__ */ new Set([...prev, firstKey, secondKey]));
+    if (first.pairId === second.pairId) {
+      setMatched((prev) => {
+        const next = /* @__PURE__ */ new Set([...prev, first.pairId]);
+        completeIfReady(next);
+        return next;
+      });
+      setRevealed(/* @__PURE__ */ new Set());
+      setKeyboardSelection(null);
+    } else {
+      window.setTimeout(() => {
+        setRevealed((prev) => {
+          const next = new Set(prev);
+          next.delete(firstKey);
+          next.delete(secondKey);
+          return next;
+        });
+        setKeyboardSelection(null);
+      }, 800);
+    }
+  };
+  const selectCard = (cardKey) => {
+    if (passed && !props.enableRetry) return;
+    if (matched.has(cards.find((c) => c.cardKey === cardKey)?.pairId ?? "")) return;
+    if (keyboardSelection === null) {
+      setKeyboardSelection(cardKey);
+      setRevealed((prev) => /* @__PURE__ */ new Set([...prev, cardKey]));
+      return;
+    }
+    if (keyboardSelection === cardKey) {
+      setKeyboardSelection(null);
+      setRevealed((prev) => {
+        const next = new Set(prev);
+        next.delete(cardKey);
+        return next;
+      });
+      return;
+    }
+    tryMatch(keyboardSelection, cardKey);
+  };
+  const handle = (0, import_react35.useMemo)(
+    () => buildAssessmentHandle({
+      checkId,
+      getScore: () => score,
+      getMaxScore: () => maxScore,
+      getAnswerGiven: () => matchedCount > 0,
+      resetTask: reset,
+      showSolutions: () => {
+      },
+      getXAPIData: () => ({
+        checkId,
+        interactionType: INTERACTION7,
+        response: { matchedPairIds: [...matched] },
+        correct: allMatched && passedThreshold,
+        score,
+        maxScore
+      }),
+      getCurrentState: () => ({
+        matched: [...matched],
+        revealed: [...revealed],
+        keyboardSelection,
+        passed
+      }),
+      resume: (state) => {
+        if (Array.isArray(state.matched)) setMatched(new Set(state.matched));
+        if (Array.isArray(state.revealed)) setRevealed(new Set(state.revealed));
+        const sel = state.keyboardSelection;
+        if (sel === null || typeof sel === "string") setKeyboardSelection(sel ?? null);
+        readBooleanStateField(state, "passed", (value) => {
+          setPassed(value);
+          completedRef.current = value;
+          if (value && !telemetryReplayedRef.current) {
+            telemetryReplayedRef.current = true;
+            const matchedIds = Array.isArray(state.matched) ? state.matched : [...matched];
+            const finalScore = matchedIds.length;
+            assessment.answer({
+              checkId,
+              interactionType: INTERACTION7,
+              response: { matchedPairIds: matchedIds },
+              correct: true
+            });
+            assessment.complete({
+              checkId,
+              interactionType: INTERACTION7,
+              score: finalScore,
+              maxScore,
+              passingScore: props.passingScore ?? maxScore
+            });
+          }
+        });
+      }
+    }),
+    [allMatched, checkId, keyboardSelection, matched, matchedCount, maxScore, passed, passedThreshold, revealed, score]
+  );
+  useAssessmentHandleRegistration(checkId, handle, ref);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("section", { "aria-label": "Image Pairing", "data-lk-check-id": checkId, "data-testid": "image-pairing", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { children: "Match the image pairs (select two cards with keyboard or click)." }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { role: "list", "aria-label": "Image cards", "data-testid": "image-pairing-grid", children: cards.map((card) => {
+      const isMatched = matched.has(card.pairId);
+      const isRevealed = isMatched || revealed.has(card.cardKey);
+      const isSelected = keyboardSelection === card.cardKey;
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        "button",
+        {
+          type: "button",
+          role: "listitem",
+          "data-testid": `pairing-card-${card.cardKey}`,
+          "aria-pressed": isSelected,
+          disabled: isMatched || passed && !props.enableRetry,
+          onClick: () => selectCard(card.cardKey),
+          style: {
+            margin: "0.25rem",
+            minWidth: "6rem",
+            minHeight: "6rem",
+            border: isSelected ? "2px solid currentColor" : "1px solid currentColor"
+          },
+          children: isRevealed ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("img", { src: card.imageSrc, alt: card.label, style: { maxWidth: "5rem", maxHeight: "5rem" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "lk-visually-hidden", children: card.label })
+          ] }) : "?"
+        },
+        card.cardKey
+      );
+    }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { role: "status", "aria-live": "polite", "data-testid": "image-pairing-progress", children: [
+      matchedCount,
+      " / ",
+      totalPairs,
+      " pairs matched"
+    ] }),
+    props.enableRetry && passed ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { type: "button", "data-testid": "image-pairing-retry", onClick: reset, children: "Try again" }) : null
+  ] });
+}
+var ImagePairingInnerForwarded = (0, import_react35.forwardRef)(ImagePairingInner);
+var ImagePairing = (0, import_react35.forwardRef)(function ImagePairing2(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AssessmentLessonGuard, { blockLabel: "ImagePairing", checkId: props.checkId, children: (lessonId) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ImagePairingInnerForwarded, { ...props, enclosingLessonId: lessonId, ref }) });
+});
+setLessonkitBlockType(ImagePairing, "ImagePairing");
+
+// src/blocks/ImageSequencing.tsx
+var import_react36 = require("react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var INTERACTION8 = "imageSequencing";
+function ImageSequencingInner(props, ref) {
+  const checkId = (0, import_react36.useMemo)(() => normalizeComponentId(props.checkId, "checkId"), [props.checkId]);
+  const assessment = useAssessmentState(props.enclosingLessonId);
+  const imagesKey = props.images.map((i) => i.id).join("\0");
+  const orderKey = props.correctOrder.join("\0");
+  const [order, setOrder] = (0, import_react36.useState)(() => props.images.map((i) => i.id));
+  const [passed, setPassed] = (0, import_react36.useState)(false);
+  const [checked, setChecked] = (0, import_react36.useState)(false);
+  const completedRef = (0, import_react36.useRef)(false);
+  const telemetryReplayedRef = (0, import_react36.useRef)(false);
+  const reset = () => {
+    completedRef.current = false;
+    telemetryReplayedRef.current = false;
+    setOrder(props.images.map((i) => i.id));
+    setPassed(false);
+    setChecked(false);
+  };
+  (0, import_react36.useEffect)(() => {
+    reset();
+  }, [checkId, imagesKey, orderKey]);
+  const isCorrect = order.every((id, i) => id === props.correctOrder[i]);
+  const maxScore = props.correctOrder.length || 1;
+  const score = isCorrect ? maxScore : 0;
+  const passedThreshold = meetsPassingThreshold(score, maxScore, props.passingScore);
+  const move = (index, direction) => {
+    if (passed && !props.enableRetry) return;
+    setChecked(false);
+    const nextIndex = index + direction;
+    if (nextIndex < 0 || nextIndex >= order.length) return;
+    setOrder((prev) => {
+      const next = [...prev];
+      [next[index], next[nextIndex]] = [next[nextIndex], next[index]];
+      return next;
+    });
+  };
+  const handle = (0, import_react36.useMemo)(
+    () => buildAssessmentHandle({
+      checkId,
+      getScore: () => passed ? score : 0,
+      getMaxScore: () => maxScore,
+      getAnswerGiven: () => order.length > 0,
+      resetTask: reset,
+      showSolutions: () => {
+      },
+      getXAPIData: () => ({
+        checkId,
+        interactionType: INTERACTION8,
+        response: order,
+        correct: passedThreshold,
+        score: passed ? score : 0,
+        maxScore
+      }),
+      getCurrentState: () => ({ order, passed, checked }),
+      resume: (state) => {
+        let nextOrder = order;
+        if (Array.isArray(state.order)) {
+          nextOrder = [...state.order];
+          setOrder(nextOrder);
+        }
+        readBooleanStateField(state, "passed", (value) => {
+          setPassed(value);
+          completedRef.current = value;
+          if (value && !telemetryReplayedRef.current) {
+            telemetryReplayedRef.current = true;
+            const nextIsCorrect = nextOrder.every((id, i) => id === props.correctOrder[i]);
+            const nextScore = nextIsCorrect ? maxScore : 0;
+            assessment.answer({
+              checkId,
+              interactionType: INTERACTION8,
+              response: nextOrder,
+              correct: nextIsCorrect
+            });
+            assessment.complete({
+              checkId,
+              interactionType: INTERACTION8,
+              score: nextScore,
+              maxScore,
+              passingScore: props.passingScore ?? maxScore
+            });
+          }
+        });
+        readBooleanStateField(state, "checked", setChecked);
+      }
+    }),
+    [checkId, checked, maxScore, order, passed, passedThreshold, score]
+  );
+  useAssessmentHandleRegistration(checkId, handle, ref);
+  const check = () => {
+    setChecked(true);
+    assessment.answer({
+      checkId,
+      interactionType: INTERACTION8,
+      response: order,
+      correct: passedThreshold
+    });
+    if (passedThreshold && !completedRef.current) {
+      completedRef.current = true;
+      setPassed(true);
+      assessment.complete({
+        checkId,
+        interactionType: INTERACTION8,
+        score,
+        maxScore,
+        passingScore: props.passingScore ?? maxScore
+      });
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("section", { "aria-label": "Image Sequencing", "data-lk-check-id": checkId, "data-testid": "image-sequencing", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { children: "Reorder the images into the correct sequence." }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("ol", { "data-testid": "image-sequencing-list", children: order.map((id, index) => {
+      const image = props.images.find((i) => i.id === id);
+      if (!image) return null;
+      return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("li", { "data-testid": `sequencing-item-${id}`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("img", { src: image.src, alt: image.alt, style: { maxWidth: "8rem", verticalAlign: "middle" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          "button",
+          {
+            type: "button",
+            "data-testid": `sequencing-up-${id}`,
+            "aria-label": `Move ${image.alt} up`,
+            disabled: index === 0 || passed && !props.enableRetry,
+            onClick: () => move(index, -1),
+            children: "Up"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          "button",
+          {
+            type: "button",
+            "data-testid": `sequencing-down-${id}`,
+            "aria-label": `Move ${image.alt} down`,
+            disabled: index >= order.length - 1 || passed && !props.enableRetry,
+            onClick: () => move(index, 1),
+            children: "Down"
+          }
+        )
+      ] }, id);
+    }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      "button",
+      {
+        type: "button",
+        "data-testid": "image-sequencing-check",
+        disabled: passed && !props.enableRetry,
+        onClick: check,
+        children: "Check"
+      }
+    ),
+    checked ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { role: "status", "aria-live": "polite", "data-testid": "image-sequencing-feedback", children: passedThreshold ? "Correct" : "Try again" }) : null,
+    props.enableRetry && passed ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("button", { type: "button", "data-testid": "image-sequencing-retry", onClick: reset, children: "Try again" }) : null
+  ] });
+}
+var ImageSequencingInnerForwarded = (0, import_react36.forwardRef)(ImageSequencingInner);
+var ImageSequencing = (0, import_react36.forwardRef)(
+  function ImageSequencing2(props, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AssessmentLessonGuard, { blockLabel: "ImageSequencing", checkId: props.checkId, children: (lessonId) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ImageSequencingInnerForwarded, { ...props, enclosingLessonId: lessonId, ref }) });
+  }
+);
+setLessonkitBlockType(ImageSequencing, "ImageSequencing");
+
+// src/blocks/ArithmeticQuiz.tsx
+var import_react37 = require("react");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var INTERACTION9 = "arithmeticQuiz";
+function ArithmeticQuizInner(props, ref) {
+  const checkId = (0, import_react37.useMemo)(() => normalizeComponentId(props.checkId, "checkId"), [props.checkId]);
+  const assessment = useAssessmentState(props.enclosingLessonId);
+  const problemsKey = props.problems.map((p) => `${p.question}\0${p.answer}`).join("|");
+  const [answers, setAnswers] = (0, import_react37.useState)(
+    () => Object.fromEntries(props.problems.map((_, i) => [i, ""]))
+  );
+  const [passed, setPassed] = (0, import_react37.useState)(false);
+  const [checked, setChecked] = (0, import_react37.useState)(false);
+  const [timeLeft, setTimeLeft] = (0, import_react37.useState)(
+    props.timeLimitSeconds ?? null
+  );
+  const completedRef = (0, import_react37.useRef)(false);
+  const telemetryReplayedRef = (0, import_react37.useRef)(false);
+  const reset = () => {
+    completedRef.current = false;
+    telemetryReplayedRef.current = false;
+    setAnswers(Object.fromEntries(props.problems.map((_, i) => [i, ""])));
+    setPassed(false);
+    setChecked(false);
+    setTimeLeft(props.timeLimitSeconds ?? null);
+  };
+  (0, import_react37.useEffect)(() => {
+    reset();
+  }, [checkId, problemsKey, props.timeLimitSeconds]);
+  let score = 0;
+  props.problems.forEach((p, i) => {
+    if ((answers[i] ?? "").trim() === p.answer.trim()) score += 1;
+  });
+  const maxScore = props.problems.length || 1;
+  const passedThreshold = meetsPassingThreshold(score, maxScore, props.passingScore);
+  const allFilled = props.problems.every((_, i) => (answers[i] ?? "").trim().length > 0);
+  const runCheck = (0, import_react37.useCallback)(
+    (force = false) => {
+      if (!force && !allFilled) return;
+      setChecked(true);
+      assessment.answer({
+        checkId,
+        interactionType: INTERACTION9,
+        response: answers,
+        correct: passedThreshold
+      });
+      if (passedThreshold && !completedRef.current) {
+        completedRef.current = true;
+        setPassed(true);
+        assessment.complete({
+          checkId,
+          interactionType: INTERACTION9,
+          score,
+          maxScore,
+          passingScore: props.passingScore ?? maxScore
+        });
+      }
+    },
+    [allFilled, answers, assessment, checkId, maxScore, passedThreshold, props.passingScore, score]
+  );
+  (0, import_react37.useEffect)(() => {
+    if (timeLeft === null || passed || checked) return;
+    if (timeLeft <= 0) {
+      runCheck(true);
+      return;
+    }
+    const id = window.setTimeout(() => setTimeLeft((t) => t !== null ? t - 1 : t), 1e3);
+    return () => window.clearTimeout(id);
+  }, [checked, passed, runCheck, timeLeft]);
+  const handle = (0, import_react37.useMemo)(
+    () => buildAssessmentHandle({
+      checkId,
+      getScore: () => passed ? score : 0,
+      getMaxScore: () => maxScore,
+      getAnswerGiven: () => allFilled,
+      resetTask: reset,
+      showSolutions: () => {
+      },
+      getXAPIData: () => ({
+        checkId,
+        interactionType: INTERACTION9,
+        response: answers,
+        correct: passedThreshold,
+        score: passed ? score : 0,
+        maxScore
+      }),
+      getCurrentState: () => ({ answers, passed, checked, timeLeft }),
+      resume: (state) => {
+        const raw = state.answers;
+        let nextAnswers = answers;
+        if (raw && typeof raw === "object") {
+          nextAnswers = { ...raw };
+          setAnswers(nextAnswers);
+        }
+        readBooleanStateField(state, "passed", (value) => {
+          setPassed(value);
+          completedRef.current = value;
+          if (value && !telemetryReplayedRef.current) {
+            telemetryReplayedRef.current = true;
+            let nextScore = 0;
+            props.problems.forEach((p, i) => {
+              if ((nextAnswers[i] ?? "").trim() === p.answer.trim()) nextScore += 1;
+            });
+            assessment.answer({
+              checkId,
+              interactionType: INTERACTION9,
+              response: nextAnswers,
+              correct: true
+            });
+            assessment.complete({
+              checkId,
+              interactionType: INTERACTION9,
+              score: nextScore,
+              maxScore,
+              passingScore: props.passingScore ?? maxScore
+            });
+          }
+        });
+        readBooleanStateField(state, "checked", setChecked);
+        if (typeof state.timeLeft === "number") setTimeLeft(state.timeLeft);
+      }
+    }),
+    [allFilled, answers, checkId, checked, maxScore, passed, passedThreshold, score, timeLeft]
+  );
+  useAssessmentHandleRegistration(checkId, handle, ref);
+  const onInput = (index, value) => {
+    if (passed && !props.enableRetry) return;
+    setChecked(false);
+    setAnswers((prev) => ({ ...prev, [index]: value }));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("section", { "aria-label": "Arithmetic Quiz", "data-lk-check-id": checkId, "data-testid": "arithmetic-quiz", children: [
+    props.timeLimitSeconds ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("p", { "data-testid": "arithmetic-timer", role: "timer", "aria-live": "polite", children: [
+      "Time left: ",
+      timeLeft ?? 0,
+      "s"
+    ] }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("ol", { "data-testid": "arithmetic-problems", children: props.problems.map((problem, index) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("li", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("label", { htmlFor: `${checkId}-problem-${index}`, children: problem.question }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        "input",
+        {
+          id: `${checkId}-problem-${index}`,
+          type: "text",
+          inputMode: "numeric",
+          "data-testid": `arithmetic-answer-${index}`,
+          value: answers[index] ?? "",
+          disabled: passed && !props.enableRetry,
+          onChange: (e) => onInput(index, e.target.value)
+        }
+      )
+    ] }, index)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      "button",
+      {
+        type: "button",
+        "data-testid": "arithmetic-check",
+        disabled: !allFilled && timeLeft !== 0 || passed && !props.enableRetry,
+        onClick: () => runCheck(),
+        children: "Check"
+      }
+    ),
+    checked ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("p", { role: "status", "aria-live": "polite", "data-testid": "arithmetic-feedback", children: [
+      passedThreshold ? "Correct" : "Try again",
+      " (",
+      score,
+      "/",
+      maxScore,
+      ")"
+    ] }) : null,
+    props.enableRetry && passed ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("button", { type: "button", "data-testid": "arithmetic-retry", onClick: reset, children: "Try again" }) : null
+  ] });
+}
+var ArithmeticQuizInnerForwarded = (0, import_react37.forwardRef)(ArithmeticQuizInner);
+var ArithmeticQuiz = (0, import_react37.forwardRef)(
+  function ArithmeticQuiz2(props, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(AssessmentLessonGuard, { blockLabel: "ArithmeticQuiz", checkId: props.checkId, children: (lessonId) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArithmeticQuizInnerForwarded, { ...props, enclosingLessonId: lessonId, ref }) });
+  }
+);
+setLessonkitBlockType(ArithmeticQuiz, "ArithmeticQuiz");
+
+// src/blocks/Essay.tsx
+var import_react38 = __toESM(require("react"), 1);
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var INTERACTION10 = "essay";
+function EssayInner(props, ref) {
+  const checkId = (0, import_react38.useMemo)(() => normalizeComponentId(props.checkId, "checkId"), [props.checkId]);
+  const assessment = useAssessmentState(props.enclosingLessonId);
+  const [text, setText] = (0, import_react38.useState)("");
+  const [submitted, setSubmitted] = (0, import_react38.useState)(false);
+  const completedRef = (0, import_react38.useRef)(false);
+  const telemetryReplayedRef = (0, import_react38.useRef)(false);
+  const questionId = import_react38.default.useId();
+  const minLength = props.minLength ?? 0;
+  const meetsMinLength = text.trim().length >= minLength;
+  const reset = () => {
+    completedRef.current = false;
+    telemetryReplayedRef.current = false;
+    setText("");
+    setSubmitted(false);
+  };
+  (0, import_react38.useEffect)(() => {
+    reset();
+  }, [checkId, props.question, props.minLength]);
+  const handle = (0, import_react38.useMemo)(
+    () => buildAssessmentHandle({
+      checkId,
+      getScore: () => 0,
+      getMaxScore: () => 1,
+      getAnswerGiven: () => submitted && meetsMinLength,
+      resetTask: reset,
+      showSolutions: () => {
+      },
+      getXAPIData: () => ({
+        checkId,
+        interactionType: INTERACTION10,
+        question: props.question,
+        response: text,
+        score: 0,
+        maxScore: 1
+      }),
+      getCurrentState: () => ({ text, submitted }),
+      resume: (state) => {
+        const nextText = readStringField(state, "text");
+        if (typeof nextText === "string") setText(nextText);
+        readBooleanStateField(state, "submitted", (value) => {
+          setSubmitted(value);
+          completedRef.current = value;
+          if (value && !telemetryReplayedRef.current) {
+            telemetryReplayedRef.current = true;
+            const response = typeof nextText === "string" ? nextText : text;
+            assessment.answer({
+              checkId,
+              interactionType: INTERACTION10,
+              question: props.question,
+              response,
+              correct: false
+            });
+            assessment.complete({
+              checkId,
+              interactionType: INTERACTION10,
+              score: 0,
+              maxScore: 1,
+              passingScore: props.passingScore ?? 1
+            });
+          }
+        });
+      }
+    }),
+    [checkId, meetsMinLength, props.question, submitted, text]
+  );
+  useAssessmentHandleRegistration(checkId, handle, ref);
+  const submit = () => {
+    if (!meetsMinLength || submitted && !props.enableRetry) return;
+    setSubmitted(true);
+    if (!completedRef.current) {
+      completedRef.current = true;
+      assessment.answer({
+        checkId,
+        interactionType: INTERACTION10,
+        question: props.question,
+        response: text,
+        correct: false
+      });
+      assessment.complete({
+        checkId,
+        interactionType: INTERACTION10,
+        score: 0,
+        maxScore: 1,
+        passingScore: props.passingScore ?? 1
+      });
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("section", { "aria-label": "Essay", "data-lk-check-id": checkId, "data-testid": "essay", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { id: questionId, children: props.question }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      "textarea",
+      {
+        "aria-labelledby": questionId,
+        "data-testid": "essay-textarea",
+        value: text,
+        disabled: submitted && !props.enableRetry,
+        onChange: (e) => {
+          if (submitted && !props.enableRetry) return;
+          setSubmitted(false);
+          completedRef.current = false;
+          setText(e.target.value);
+        },
+        rows: 6,
+        style: { width: "100%" }
+      }
+    ),
+    minLength > 0 ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("p", { "data-testid": "essay-min-length", children: [
+      "Minimum length: ",
+      minLength,
+      " characters (",
+      text.trim().length,
+      "/",
+      minLength,
+      ")"
+    ] }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      "button",
+      {
+        type: "button",
+        "data-testid": "essay-submit",
+        disabled: !meetsMinLength || submitted && !props.enableRetry,
+        onClick: submit,
+        children: "Submit"
+      }
+    ),
+    submitted ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { role: "status", "aria-live": "polite", "data-testid": "essay-submitted", children: "Response submitted for review." }) : null,
+    props.enableRetry && submitted ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("button", { type: "button", "data-testid": "essay-retry", onClick: reset, children: "Try again" }) : null
+  ] });
+}
+var EssayInnerForwarded = (0, import_react38.forwardRef)(EssayInner);
+var Essay = (0, import_react38.forwardRef)(function Essay2(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(AssessmentLessonGuard, { blockLabel: "Essay", checkId: props.checkId, children: (lessonId) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(EssayInnerForwarded, { ...props, enclosingLessonId: lessonId, ref }) });
+});
+setLessonkitBlockType(Essay, "Essay");
+
+// src/blocks/Questionnaire.tsx
+var import_react39 = require("react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+function Questionnaire(props) {
+  const blockId = (0, import_react39.useMemo)(
+    () => normalizeComponentId(props.blockId, "blockId"),
+    [props.blockId]
+  );
+  const fieldsKey = props.fields.map((f) => `${f.id}:${f.type}:${f.label}`).join("|");
+  const [values, setValues] = (0, import_react39.useState)(
+    () => Object.fromEntries(props.fields.map((f) => [f.id, ""]))
+  );
+  const [submitted, setSubmitted] = (0, import_react39.useState)(false);
+  const { track } = useLessonkit();
+  const lessonId = useEnclosingLessonId();
+  const baseId = (0, import_react39.useId)();
+  (0, import_react39.useEffect)(() => {
+    setValues(Object.fromEntries(props.fields.map((f) => [f.id, ""])));
+    setSubmitted(false);
+  }, [blockId, fieldsKey, props.fields]);
+  const submit = () => {
+    if (submitted) return;
+    setSubmitted(true);
+    if (lessonId) {
+      track(
+        "questionnaire_submitted",
+        { blockId, fieldCount: props.fields.length },
+        { lessonId }
+      );
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("section", { "aria-label": "Questionnaire", "data-lk-block-id": blockId, "data-testid": "questionnaire", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+      "form",
+      {
+        onSubmit: (e) => {
+          e.preventDefault();
+          submit();
+        },
+        children: [
+          props.fields.map((field) => {
+            const fieldId = `${baseId}-${field.id}`;
+            return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { "data-testid": `questionnaire-field-${field.id}`, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { htmlFor: fieldId, children: field.label }),
+              field.type === "textarea" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                "textarea",
+                {
+                  id: fieldId,
+                  "data-testid": `questionnaire-input-${field.id}`,
+                  value: values[field.id] ?? "",
+                  disabled: submitted,
+                  rows: 4,
+                  style: { display: "block", width: "100%" },
+                  onChange: (e) => setValues((prev) => ({ ...prev, [field.id]: e.target.value }))
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                "input",
+                {
+                  id: fieldId,
+                  type: "text",
+                  "data-testid": `questionnaire-input-${field.id}`,
+                  value: values[field.id] ?? "",
+                  disabled: submitted,
+                  style: { display: "block", width: "100%" },
+                  onChange: (e) => setValues((prev) => ({ ...prev, [field.id]: e.target.value }))
+                }
+              )
+            ] }, field.id);
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("button", { type: "submit", "data-testid": "questionnaire-submit", disabled: submitted, children: "Submit" })
+        ]
+      }
+    ),
+    submitted ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { role: "status", "aria-live": "polite", "data-testid": "questionnaire-submitted", children: "Thank you for your responses." }) : null
+  ] });
+}
+setLessonkitBlockType(Questionnaire, "Questionnaire");
+
+// src/blocks/MemoryGame.tsx
+var import_react40 = require("react");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+function shuffleCards2(cards) {
+  const next = [...cards];
+  for (let i = next.length - 1; i > 0; i -= 1) {
+    const j = Math.floor(Math.random() * (i + 1));
+    [next[i], next[j]] = [next[j], next[i]];
+  }
+  return next;
+}
+function buildDeck2(pairs) {
+  const cards = pairs.flatMap(
+    (pair) => [0, 1].map((copy) => ({
+      cardKey: `${pair.id}-${copy}`,
+      pairId: pair.id,
+      label: pair.label
+    }))
+  );
+  return shuffleCards2(cards);
+}
+function MemoryGame(props) {
+  const pairsKey = props.pairs.map((p) => p.id).join("\0");
+  const [cards, setCards] = (0, import_react40.useState)(() => buildDeck2(props.pairs));
+  const [matched, setMatched] = (0, import_react40.useState)(() => /* @__PURE__ */ new Set());
+  const [revealed, setRevealed] = (0, import_react40.useState)(() => /* @__PURE__ */ new Set());
+  const [selection, setSelection] = (0, import_react40.useState)(null);
+  const [complete, setComplete] = (0, import_react40.useState)(false);
+  const { track } = useLessonkit();
+  const lessonId = useEnclosingLessonId();
+  const trackOpts = lessonId ? { lessonId } : void 0;
+  (0, import_react40.useEffect)(() => {
+    setCards(buildDeck2(props.pairs));
+    setMatched(/* @__PURE__ */ new Set());
+    setRevealed(/* @__PURE__ */ new Set());
+    setSelection(null);
+    setComplete(false);
+  }, [props.blockId, pairsKey]);
+  const cardIndexByKey = (0, import_react40.useMemo)(
+    () => Object.fromEntries(cards.map((c, i) => [c.cardKey, i])),
+    [cards]
+  );
+  const flipCard = (cardKey, face) => {
+    const cardIndex = cardIndexByKey[cardKey];
+    if (typeof cardIndex === "number") {
+      track(
+        "memory_card_flipped",
+        { blockId: props.blockId, cardIndex, face },
+        trackOpts
+      );
+    }
+  };
+  const tryMatch = (firstKey, secondKey) => {
+    const first = cards.find((c) => c.cardKey === firstKey);
+    const second = cards.find((c) => c.cardKey === secondKey);
+    if (!first || !second) return;
+    setRevealed((prev) => /* @__PURE__ */ new Set([...prev, firstKey, secondKey]));
+    flipCard(secondKey, "back");
+    if (first.pairId === second.pairId) {
+      setMatched((prev) => {
+        const next = /* @__PURE__ */ new Set([...prev, first.pairId]);
+        if (next.size === props.pairs.length) setComplete(true);
+        return next;
+      });
+      setRevealed(/* @__PURE__ */ new Set());
+      setSelection(null);
+    } else {
+      window.setTimeout(() => {
+        setRevealed((prev) => {
+          const next = new Set(prev);
+          next.delete(firstKey);
+          next.delete(secondKey);
+          return next;
+        });
+        flipCard(firstKey, "front");
+        flipCard(secondKey, "front");
+        setSelection(null);
+      }, 800);
+    }
+  };
+  const selectCard = (cardKey) => {
+    if (complete) return;
+    if (matched.has(cards.find((c) => c.cardKey === cardKey)?.pairId ?? "")) return;
+    if (selection === null) {
+      setSelection(cardKey);
+      setRevealed((prev) => /* @__PURE__ */ new Set([...prev, cardKey]));
+      flipCard(cardKey, "back");
+      return;
+    }
+    if (selection === cardKey) {
+      setSelection(null);
+      setRevealed((prev) => {
+        const next = new Set(prev);
+        next.delete(cardKey);
+        return next;
+      });
+      flipCard(cardKey, "front");
+      return;
+    }
+    tryMatch(selection, cardKey);
+  };
+  const restart = () => {
+    setCards(buildDeck2(props.pairs));
+    setMatched(/* @__PURE__ */ new Set());
+    setRevealed(/* @__PURE__ */ new Set());
+    setSelection(null);
+    setComplete(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("section", { "aria-label": "Memory Game", "data-lk-block-id": props.blockId, "data-testid": "memory-game", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { role: "list", "aria-label": "Memory cards", "data-testid": "memory-game-grid", children: cards.map((card) => {
+      const isMatched = matched.has(card.pairId);
+      const isRevealed = isMatched || revealed.has(card.cardKey);
+      const isSelected = selection === card.cardKey;
+      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        "button",
+        {
+          type: "button",
+          role: "listitem",
+          "data-testid": `memory-card-${card.cardKey}`,
+          "aria-pressed": isSelected,
+          disabled: isMatched || complete,
+          onClick: () => selectCard(card.cardKey),
+          style: {
+            margin: "0.25rem",
+            minWidth: "5rem",
+            minHeight: "5rem",
+            border: isSelected ? "2px solid currentColor" : "1px solid currentColor"
+          },
+          children: isRevealed ? card.label : "?"
+        },
+        card.cardKey
+      );
+    }) }),
+    complete ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { role: "status", "aria-live": "polite", "data-testid": "memory-game-complete", children: "All pairs matched!" }) : null,
+    props.selfScore ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { "data-testid": "memory-game-self-score", children: "Self-score mode enabled" }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("button", { type: "button", "data-testid": "memory-game-restart", onClick: restart, children: "Restart" })
+  ] });
+}
+setLessonkitBlockType(MemoryGame, "MemoryGame");
+
+// src/blocks/InformationWall.tsx
+var import_react41 = require("react");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+function InformationWall(props) {
+  const blockId = (0, import_react41.useMemo)(
+    () => normalizeComponentId(props.blockId, "blockId"),
+    [props.blockId]
+  );
+  const [query, setQuery] = (0, import_react41.useState)("");
+  const { track } = useLessonkit();
+  const lessonId = useEnclosingLessonId();
+  const trackOpts = lessonId ? { lessonId } : void 0;
+  const debounceRef = (0, import_react41.useRef)(null);
+  const filtered = (0, import_react41.useMemo)(() => {
+    const q = query.trim().toLowerCase();
+    if (!q) return props.panels;
+    return props.panels.filter(
+      (panel) => panel.title.toLowerCase().includes(q) || panel.body.toLowerCase().includes(q)
+    );
+  }, [props.panels, query]);
+  (0, import_react41.useEffect)(
+    () => () => {
+      if (debounceRef.current) clearTimeout(debounceRef.current);
+    },
+    []
+  );
+  const onSearch = (value) => {
+    setQuery(value);
+    if (debounceRef.current) clearTimeout(debounceRef.current);
+    debounceRef.current = setTimeout(() => {
+      const q = value.trim().toLowerCase();
+      const resultCount = q ? props.panels.filter(
+        (panel) => panel.title.toLowerCase().includes(q) || panel.body.toLowerCase().includes(q)
+      ).length : props.panels.length;
+      track(
+        "information_wall_search",
+        { blockId, query: value, resultCount },
+        trackOpts
+      );
+    }, 300);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("section", { "aria-label": "Information Wall", "data-lk-block-id": blockId, "data-testid": "information-wall", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("label", { htmlFor: `${blockId}-search`, children: "Search panels" }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      "input",
+      {
+        id: `${blockId}-search`,
+        type: "search",
+        "data-testid": "information-wall-search",
+        value: query,
+        placeholder: "Search\u2026",
+        onChange: (e) => onSearch(e.target.value)
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("p", { "data-testid": "information-wall-result-count", children: [
+      filtered.length,
+      " panel",
+      filtered.length === 1 ? "" : "s"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("ul", { "data-testid": "information-wall-panels", children: filtered.map((panel) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("li", { "data-testid": `information-panel-${panel.id}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("h4", { children: panel.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { children: panel.body })
+    ] }, panel.id)) })
+  ] });
+}
+setLessonkitBlockType(InformationWall, "InformationWall");
+
+// src/blocks/ParallaxSlideshow.tsx
+var import_react42 = require("react");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+function usePrefersReducedMotion() {
+  const [reduced, setReduced] = (0, import_react42.useState)(false);
+  (0, import_react42.useEffect)(() => {
+    const mq = window.matchMedia("(prefers-reduced-motion: reduce)");
+    setReduced(mq.matches);
+    const onChange = (e) => setReduced(e.matches);
+    mq.addEventListener("change", onChange);
+    return () => mq.removeEventListener("change", onChange);
+  }, []);
+  return reduced;
+}
+function ParallaxSlideshow(props) {
+  const [index, setIndex] = (0, import_react42.useState)(0);
+  const reducedMotion = usePrefersReducedMotion();
+  const { track } = useLessonkit();
+  const lessonId = useEnclosingLessonId();
+  const trackOpts = lessonId ? { lessonId } : void 0;
+  const slide = props.slides[index];
+  (0, import_react42.useEffect)(() => {
+    track(
+      "parallax_slide_viewed",
+      { blockId: props.blockId, slideIndex: index },
+      trackOpts
+    );
+  }, [index, props.blockId, track, trackOpts]);
+  if (!slide) return null;
+  const goTo = (next) => {
+    if (next < 0 || next >= props.slides.length) return;
+    setIndex(next);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+    "section",
+    {
+      "aria-label": "Parallax slideshow",
+      "data-lk-block-id": props.blockId,
+      "data-testid": "parallax-slideshow",
+      "data-reduced-motion": reducedMotion ? "true" : "false",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+          "article",
+          {
+            "data-testid": `parallax-slide-${index}`,
+            style: reducedMotion ? void 0 : {
+              backgroundAttachment: "fixed",
+              backgroundImage: slide.imageSrc ? `url(${slide.imageSrc})` : void 0,
+              backgroundPosition: "center",
+              backgroundSize: "cover",
+              minHeight: "12rem",
+              padding: "1rem"
+            },
+            children: [
+              reducedMotion && slide.imageSrc ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                "img",
+                {
+                  src: slide.imageSrc,
+                  alt: "",
+                  "data-testid": "parallax-slide-image",
+                  style: { maxWidth: "100%" }
+                }
+              ) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("h3", { "data-testid": "parallax-slide-title", children: slide.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { "data-testid": "parallax-slide-body", children: slide.body })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("nav", { "aria-label": "Slide navigation", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            "button",
+            {
+              type: "button",
+              "data-testid": "parallax-prev",
+              disabled: index === 0,
+              onClick: () => goTo(index - 1),
+              children: "Previous"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { "data-testid": "parallax-progress", children: [
+            index + 1,
+            " / ",
+            props.slides.length
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            "button",
+            {
+              type: "button",
+              "data-testid": "parallax-next",
+              disabled: index >= props.slides.length - 1,
+              onClick: () => goTo(index + 1),
+              children: "Next"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+setLessonkitBlockType(ParallaxSlideshow, "ParallaxSlideshow");
+
+// src/blocks/Accordion.tsx
+var import_react43 = require("react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+function Accordion(props) {
+  if (isDevEnvironment4()) {
+    validateAccordionSections(props.sections);
+  }
+  const [open, setOpen] = (0, import_react43.useState)(/* @__PURE__ */ new Set());
+  const { track } = useLessonkit();
+  const lessonId = useEnclosingLessonId();
+  const baseId = (0, import_react43.useId)();
+  const toggle = (sectionId) => {
+    setOpen((prev) => {
+      const next = new Set(prev);
+      const expanded = !next.has(sectionId);
+      if (expanded) next.add(sectionId);
+      else next.delete(sectionId);
+      track(
+        "accordion_section_toggled",
+        { blockId: props.blockId, sectionId, expanded },
+        lessonId ? { lessonId } : void 0
+      );
+      return next;
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("section", { "aria-label": "Accordion", "data-lk-block-id": props.blockId, "data-testid": "accordion", children: props.sections.map((section) => {
+    const expanded = open.has(section.id);
+    const panelId = `${baseId}-${section.id}`;
+    const triggerId = `${baseId}-trigger-${section.id}`;
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { "data-testid": `accordion-section-${section.id}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h4", { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        "button",
+        {
+          id: triggerId,
+          type: "button",
+          "aria-expanded": expanded,
+          "aria-controls": panelId,
+          "data-testid": `accordion-trigger-${section.id}`,
+          onClick: () => toggle(section.id),
+          children: section.title
+        }
+      ) }),
+      expanded ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { id: panelId, role: "region", "aria-labelledby": triggerId, children: section.content }) : null
+    ] }, section.id);
+  }) });
+}
+setLessonkitBlockType(Accordion, "Accordion");
+
+// src/blocks/DialogCards.tsx
+var import_react44 = require("react");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+function DialogCards(props) {
+  const [index, setIndex] = (0, import_react44.useState)(0);
+  const [flipped, setFlipped] = (0, import_react44.useState)(false);
+  const card = props.cards[index];
+  if (!card) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("section", { "aria-label": "Dialog cards", "data-lk-block-id": props.blockId, "data-testid": "dialog-cards", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("p", { children: [
+      "Card ",
+      index + 1,
+      " of ",
+      props.cards.length
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      "button",
+      {
+        type: "button",
+        "data-testid": "dialog-card-flip",
+        "aria-pressed": flipped,
+        onClick: () => setFlipped((f) => !f),
+        style: { minHeight: "6rem", width: "100%" },
+        children: flipped ? card.back : card.front
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("nav", { "aria-label": "Card navigation", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        "button",
+        {
+          type: "button",
+          "data-testid": "dialog-prev",
+          disabled: index === 0,
+          onClick: () => {
+            setIndex((i) => i - 1);
+            setFlipped(false);
+          },
           children: "Previous"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         "button",
         {
           type: "button",
@@ -3959,11 +5728,11 @@ function DialogCards(props) {
 setLessonkitBlockType(DialogCards, "DialogCards");
 
 // src/blocks/Flashcards.tsx
-var import_react33 = require("react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_react45 = require("react");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function Flashcards(props) {
-  const [index, setIndex] = (0, import_react33.useState)(0);
-  const [face, setFace] = (0, import_react33.useState)("front");
+  const [index, setIndex] = (0, import_react45.useState)(0);
+  const [face, setFace] = (0, import_react45.useState)("front");
   const { track } = useLessonkit();
   const lessonId = useEnclosingLessonId();
   const card = props.cards[index];
@@ -3977,10 +5746,10 @@ function Flashcards(props) {
       lessonId ? { lessonId } : void 0
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("section", { "aria-label": "Flashcards", "data-lk-block-id": props.blockId, "data-testid": "flashcards", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { type: "button", "data-testid": "flashcard-flip", onClick: flip, style: { minHeight: "6rem", width: "100%" }, children: face === "front" ? card.front : card.back }),
-    props.selfScore ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { "data-testid": "flashcard-self-score", children: "Self-score mode enabled" }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("section", { "aria-label": "Flashcards", "data-lk-block-id": props.blockId, "data-testid": "flashcards", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("button", { type: "button", "data-testid": "flashcard-flip", onClick: flip, style: { minHeight: "6rem", width: "100%" }, children: face === "front" ? card.front : card.back }),
+    props.selfScore ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { "data-testid": "flashcard-self-score", children: "Self-score mode enabled" }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       "button",
       {
         type: "button",
@@ -3998,10 +5767,10 @@ function Flashcards(props) {
 setLessonkitBlockType(Flashcards, "Flashcards");
 
 // src/blocks/ImageHotspots.tsx
-var import_react34 = require("react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_react46 = require("react");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function ImageHotspots(props) {
-  const [active, setActive] = (0, import_react34.useState)(null);
+  const [active, setActive] = (0, import_react46.useState)(null);
   const { track } = useLessonkit();
   const lessonId = useEnclosingLessonId();
   const open = (hotspotId) => {
@@ -4012,10 +5781,10 @@ function ImageHotspots(props) {
       lessonId ? { lessonId } : void 0
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("section", { "aria-label": "Image hotspots", "data-lk-block-id": props.blockId, "data-testid": "image-hotspots", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { position: "relative", display: "inline-block" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("img", { src: props.src, alt: props.alt, style: { maxWidth: "100%" } }),
-      props.hotspots.map((h) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("section", { "aria-label": "Image hotspots", "data-lk-block-id": props.blockId, "data-testid": "image-hotspots", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { style: { position: "relative", display: "inline-block" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("img", { src: props.src, alt: props.alt, style: { maxWidth: "100%" } }),
+      props.hotspots.map((h) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         "button",
         {
           type: "button",
@@ -4034,19 +5803,19 @@ function ImageHotspots(props) {
         h.id
       ))
     ] }),
-    active ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { role: "dialog", "aria-label": "Hotspot details", "data-testid": "hotspot-popover", children: [
+    active ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { role: "dialog", "aria-label": "Hotspot details", "data-testid": "hotspot-popover", children: [
       props.hotspots.find((h) => h.id === active)?.content,
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { type: "button", onClick: () => setActive(null), children: "Close" })
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("button", { type: "button", onClick: () => setActive(null), children: "Close" })
     ] }) : null
   ] });
 }
 setLessonkitBlockType(ImageHotspots, "ImageHotspots");
 
 // src/blocks/ImageSlider.tsx
-var import_react35 = require("react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_react47 = require("react");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function ImageSlider(props) {
-  const [index, setIndex] = (0, import_react35.useState)(0);
+  const [index, setIndex] = (0, import_react47.useState)(0);
   const { track } = useLessonkit();
   const lessonId = useEnclosingLessonId();
   const slide = props.slides[index];
@@ -4059,11 +5828,11 @@ function ImageSlider(props) {
       lessonId ? { lessonId } : void 0
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("section", { "aria-label": "Image slider", "data-lk-block-id": props.blockId, "data-testid": "image-slider", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("img", { src: slide.src, alt: slide.alt, style: { maxWidth: "100%" } }),
-    slide.caption ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { children: slide.caption }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("nav", { "aria-label": "Slide navigation", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("section", { "aria-label": "Image slider", "data-lk-block-id": props.blockId, "data-testid": "image-slider", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("img", { src: slide.src, alt: slide.alt, style: { maxWidth: "100%" } }),
+    slide.caption ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { children: slide.caption }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("nav", { "aria-label": "Slide navigation", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
         "button",
         {
           type: "button",
@@ -4073,12 +5842,12 @@ function ImageSlider(props) {
           children: "Previous"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { children: [
         index + 1,
         " / ",
         props.slides.length
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
         "button",
         {
           type: "button",
@@ -4094,17 +5863,17 @@ function ImageSlider(props) {
 setLessonkitBlockType(ImageSlider, "ImageSlider");
 
 // src/blocks/FindHotspot.tsx
-var import_react36 = require("react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var INTERACTION6 = "findHotspot";
+var import_react48 = require("react");
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var INTERACTION11 = "findHotspot";
 function FindHotspotInner(props, ref) {
-  const checkId = (0, import_react36.useMemo)(() => normalizeComponentId(props.checkId, "checkId"), [props.checkId]);
-  const [selected, setSelected] = (0, import_react36.useState)(null);
-  const [checked, setChecked] = (0, import_react36.useState)(false);
-  const telemetryReplayedRef = (0, import_react36.useRef)(false);
+  const checkId = (0, import_react48.useMemo)(() => normalizeComponentId(props.checkId, "checkId"), [props.checkId]);
+  const [selected, setSelected] = (0, import_react48.useState)(null);
+  const [checked, setChecked] = (0, import_react48.useState)(false);
+  const telemetryReplayedRef = (0, import_react48.useRef)(false);
   const assessment = useAssessmentState(props.enclosingLessonId);
   const targetIdsKey = props.targets.map((t) => t.id).join("\0");
-  (0, import_react36.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     setSelected(null);
     setChecked(false);
     telemetryReplayedRef.current = false;
@@ -4115,21 +5884,21 @@ function FindHotspotInner(props, ref) {
     telemetryReplayedRef.current = true;
     assessment.answer({
       checkId,
-      interactionType: INTERACTION6,
+      interactionType: INTERACTION11,
       response: nextSelected,
       correct: nextCorrect
     });
     if (nextCorrect) {
       assessment.complete({
         checkId,
-        interactionType: INTERACTION6,
+        interactionType: INTERACTION11,
         score: 1,
         maxScore: 1,
         passingScore: props.passingScore ?? 1
       });
     }
   };
-  const handle = (0, import_react36.useMemo)(
+  const handle = (0, import_react48.useMemo)(
     () => buildAssessmentHandle({
       checkId,
       getScore: () => checked && correct ? 1 : 0,
@@ -4143,7 +5912,7 @@ function FindHotspotInner(props, ref) {
       showSolutions: () => setSelected(props.correctTargetId),
       getXAPIData: () => ({
         checkId,
-        interactionType: INTERACTION6,
+        interactionType: INTERACTION11,
         response: selected ?? void 0,
         correct: checked ? correct : void 0,
         score: checked && correct ? 1 : 0,
@@ -4179,24 +5948,24 @@ function FindHotspotInner(props, ref) {
     setChecked(true);
     assessment.answer({
       checkId,
-      interactionType: INTERACTION6,
+      interactionType: INTERACTION11,
       response: selected,
       correct
     });
     if (correct) {
       assessment.complete({
         checkId,
-        interactionType: INTERACTION6,
+        interactionType: INTERACTION11,
         score: 1,
         maxScore: 1,
         passingScore: props.passingScore ?? 1
       });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("section", { "aria-label": "Find the hotspot", "data-lk-check-id": checkId, "data-testid": "find-hotspot", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { style: { position: "relative", display: "inline-block" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("img", { src: props.src, alt: props.alt, style: { maxWidth: "100%" } }),
-      props.targets.map((t) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("section", { "aria-label": "Find the hotspot", "data-lk-check-id": checkId, "data-testid": "find-hotspot", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { style: { position: "relative", display: "inline-block" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("img", { src: props.src, alt: props.alt, style: { maxWidth: "100%" } }),
+      props.targets.map((t) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         "button",
         {
           type: "button",
@@ -4215,24 +5984,24 @@ function FindHotspotInner(props, ref) {
         t.id
       ))
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("button", { type: "button", "data-testid": "check-hotspot", disabled: !selected, onClick: submit, children: "Check" }),
-    checked ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { role: "status", children: correct ? "Correct" : "Try again" }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("button", { type: "button", "data-testid": "check-hotspot", disabled: !selected, onClick: submit, children: "Check" }),
+    checked ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { role: "status", children: correct ? "Correct" : "Try again" }) : null
   ] });
 }
-var FindHotspotInnerForwarded = (0, import_react36.forwardRef)(FindHotspotInner);
-var FindHotspot = (0, import_react36.forwardRef)(function FindHotspot2(props, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AssessmentLessonGuard, { blockLabel: "FindHotspot", checkId: props.checkId, children: (enclosingLessonId) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(FindHotspotInnerForwarded, { ...props, enclosingLessonId, ref }) });
+var FindHotspotInnerForwarded = (0, import_react48.forwardRef)(FindHotspotInner);
+var FindHotspot = (0, import_react48.forwardRef)(function FindHotspot2(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AssessmentLessonGuard, { blockLabel: "FindHotspot", checkId: props.checkId, children: (enclosingLessonId) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(FindHotspotInnerForwarded, { ...props, enclosingLessonId, ref }) });
 });
 setLessonkitBlockType(FindHotspot, "FindHotspot");
 
 // src/blocks/FindMultipleHotspots.tsx
-var import_react37 = require("react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var INTERACTION7 = "findMultipleHotspots";
+var import_react49 = require("react");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var INTERACTION12 = "findMultipleHotspots";
 function FindMultipleHotspotsInner(props, ref) {
-  const checkId = (0, import_react37.useMemo)(() => normalizeComponentId(props.checkId, "checkId"), [props.checkId]);
-  const [selected, setSelected] = (0, import_react37.useState)(/* @__PURE__ */ new Set());
-  const [checked, setChecked] = (0, import_react37.useState)(false);
+  const checkId = (0, import_react49.useMemo)(() => normalizeComponentId(props.checkId, "checkId"), [props.checkId]);
+  const [selected, setSelected] = (0, import_react49.useState)(/* @__PURE__ */ new Set());
+  const [checked, setChecked] = (0, import_react49.useState)(false);
   const assessment = useAssessmentState(props.enclosingLessonId);
   const toggle = (id) => {
     setSelected((prev) => {
@@ -4244,7 +6013,7 @@ function FindMultipleHotspotsInner(props, ref) {
     setChecked(false);
   };
   const correct = selected.size === props.correctTargetIds.length && props.correctTargetIds.every((id) => selected.has(id));
-  const handle = (0, import_react37.useMemo)(
+  const handle = (0, import_react49.useMemo)(
     () => buildAssessmentHandle({
       checkId,
       getScore: () => checked && correct ? 1 : 0,
@@ -4257,7 +6026,7 @@ function FindMultipleHotspotsInner(props, ref) {
       showSolutions: () => setSelected(new Set(props.correctTargetIds)),
       getXAPIData: () => ({
         checkId,
-        interactionType: INTERACTION7,
+        interactionType: INTERACTION12,
         response: [...selected],
         correct: checked ? correct : void 0,
         score: checked && correct ? 1 : 0,
@@ -4278,24 +6047,24 @@ function FindMultipleHotspotsInner(props, ref) {
     setChecked(true);
     assessment.answer({
       checkId,
-      interactionType: INTERACTION7,
+      interactionType: INTERACTION12,
       response: [...selected],
       correct
     });
     if (correct) {
       assessment.complete({
         checkId,
-        interactionType: INTERACTION7,
+        interactionType: INTERACTION12,
         score: 1,
         maxScore: 1,
         passingScore: props.passingScore ?? 1
       });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("section", { "aria-label": "Find multiple hotspots", "data-lk-check-id": checkId, "data-testid": "find-multiple-hotspots", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { style: { position: "relative", display: "inline-block" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("img", { src: props.src, alt: props.alt, style: { maxWidth: "100%" } }),
-      props.targets.map((t) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("section", { "aria-label": "Find multiple hotspots", "data-lk-check-id": checkId, "data-testid": "find-multiple-hotspots", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { style: { position: "relative", display: "inline-block" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("img", { src: props.src, alt: props.alt, style: { maxWidth: "100%" } }),
+      props.targets.map((t) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         "button",
         {
           type: "button",
@@ -4314,23 +6083,23 @@ function FindMultipleHotspotsInner(props, ref) {
         t.id
       ))
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("button", { type: "button", "data-testid": "check-hotspots", disabled: selected.size === 0, onClick: submit, children: "Check" }),
-    checked ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { role: "status", children: correct ? "Correct" : "Try again" }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("button", { type: "button", "data-testid": "check-hotspots", disabled: selected.size === 0, onClick: submit, children: "Check" }),
+    checked ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { role: "status", children: correct ? "Correct" : "Try again" }) : null
   ] });
 }
-var FindMultipleHotspotsInnerForwarded = (0, import_react37.forwardRef)(FindMultipleHotspotsInner);
-var FindMultipleHotspots = (0, import_react37.forwardRef)(
+var FindMultipleHotspotsInnerForwarded = (0, import_react49.forwardRef)(FindMultipleHotspotsInner);
+var FindMultipleHotspots = (0, import_react49.forwardRef)(
   function FindMultipleHotspots2(props, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(AssessmentLessonGuard, { blockLabel: "FindMultipleHotspots", checkId: props.checkId, children: (enclosingLessonId) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(FindMultipleHotspotsInnerForwarded, { ...props, enclosingLessonId, ref }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AssessmentLessonGuard, { blockLabel: "FindMultipleHotspots", checkId: props.checkId, children: (enclosingLessonId) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(FindMultipleHotspotsInnerForwarded, { ...props, enclosingLessonId, ref }) });
   }
 );
 setLessonkitBlockType(FindMultipleHotspots, "FindMultipleHotspots");
 
 // src/index.tsx
-var import_core19 = require("@lessonkit/core");
+var import_core21 = require("@lessonkit/core");
 
 // src/theme/ThemeProvider.tsx
-var import_react38 = __toESM(require("react"), 1);
+var import_react50 = __toESM(require("react"), 1);
 var import_themes = require("@lessonkit/themes");
 
 // src/theme/applyCssVariables.ts
@@ -4349,11 +6118,11 @@ function applyCssVariables(target, vars, previousKeys) {
 }
 
 // src/theme/ThemeProvider.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var ThemeContext = (0, import_react38.createContext)(null);
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var ThemeContext = (0, import_react50.createContext)(null);
 var useIsoLayoutEffect2 = (
   /* v8 ignore next -- SSR uses useEffect when window is unavailable */
-  typeof window !== "undefined" ? import_react38.useLayoutEffect : import_react38.default.useEffect
+  typeof window !== "undefined" ? import_react50.useLayoutEffect : import_react50.default.useEffect
 );
 function getSystemMode() {
   if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
@@ -4372,7 +6141,7 @@ function ThemeProvider(props) {
   const preset = props.preset ?? "default";
   const mode = props.mode ?? "light";
   const targetKind = props.target ?? "document";
-  const [resolvedMode, setResolvedMode] = (0, import_react38.useState)(
+  const [resolvedMode, setResolvedMode] = (0, import_react50.useState)(
     () => mode === "system" ? getSystemMode() : mode
   );
   useIsoLayoutEffect2(() => {
@@ -4388,20 +6157,20 @@ function ThemeProvider(props) {
     return () => mq.removeEventListener("change", onChange);
   }, [mode]);
   const dataTheme = mode === "system" ? resolvedMode : mode === "dark" ? "dark" : "light";
-  const effectiveTheme = (0, import_react38.useMemo)(() => {
+  const effectiveTheme = (0, import_react50.useMemo)(() => {
     const modeBase = resolveModeBase(mode, dataTheme);
     const base = preset === "default" ? modeBase : preset === "brand" ? (0, import_themes.mergeThemes)(modeBase, import_themes.brandThemeOverrides) : (0, import_themes.mergeThemes)(modeBase, (0, import_themes.getPresetTheme)(preset));
     return (0, import_themes.mergeThemes)(base, props.theme ?? {});
   }, [preset, mode, dataTheme, props.theme]);
-  const hostRef = (0, import_react38.useRef)(null);
-  const appliedKeysRef = (0, import_react38.useRef)(/* @__PURE__ */ new Set());
+  const hostRef = (0, import_react50.useRef)(null);
+  const appliedKeysRef = (0, import_react50.useRef)(/* @__PURE__ */ new Set());
   useIsoLayoutEffect2(() => {
     if (targetKind === "document" && typeof document !== "undefined") {
       document.documentElement.setAttribute("data-lk-theme", dataTheme);
       return () => document.documentElement.removeAttribute("data-lk-theme");
     }
   }, [targetKind, dataTheme]);
-  const inject = (0, import_react38.useCallback)(() => {
+  const inject = (0, import_react50.useCallback)(() => {
     const vars = (0, import_themes.themeToCssVariables)(effectiveTheme);
     const el = targetKind === "document" && typeof document !== "undefined" ? document.documentElement : hostRef.current;
     if (!el) return;
@@ -4418,7 +6187,7 @@ function ThemeProvider(props) {
       appliedKeysRef.current = /* @__PURE__ */ new Set();
     };
   }, [inject, targetKind]);
-  const value = (0, import_react38.useMemo)(
+  const value = (0, import_react50.useMemo)(
     () => ({
       theme: effectiveTheme,
       preset,
@@ -4428,12 +6197,12 @@ function ThemeProvider(props) {
     [effectiveTheme, preset, mode, dataTheme]
   );
   if (targetKind === "document") {
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ThemeContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { "data-lk-theme": dataTheme, style: { display: "contents" }, children: props.children }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ThemeContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { "data-lk-theme": dataTheme, style: { display: "contents" }, children: props.children }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ThemeContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { ref: hostRef, "data-lk-theme": dataTheme, children: props.children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ThemeContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { ref: hostRef, "data-lk-theme": dataTheme, children: props.children }) });
 }
 function useTheme() {
-  const ctx = (0, import_react38.useContext)(ThemeContext);
+  const ctx = (0, import_react50.useContext)(ThemeContext);
   if (!ctx) {
     throw new Error("useTheme must be used within a ThemeProvider");
   }
@@ -4441,13 +6210,15 @@ function useTheme() {
 }
 
 // src/catalogV3Entries.ts
-var import_core18 = require("@lessonkit/core");
+var import_core20 = require("@lessonkit/core");
 var COMPOUND_PARENTS = [
   "Lesson",
   "Page",
   "InteractiveBook",
   "Slide",
   "SlideDeck",
+  "TimedCue",
+  "InteractiveVideo",
   "AssessmentSequence"
 ];
 function extendParents(entry) {
@@ -4506,6 +6277,23 @@ var v3CompoundAndContentEntries = [
     theming: { surface: "global-inherit", stylingNotes: "Responsive max-width." },
     telemetry: { emits: [] }
   },
+  {
+    type: "Video",
+    category: "content",
+    description: "Self-hosted video with native controls and optional captions.",
+    props: [
+      { name: "blockId", type: "BlockId", required: true, description: "Stable block id." },
+      { name: "src", type: "string", required: true, description: "Video URL." },
+      { name: "poster", type: "string", required: false, description: "Poster image URL." },
+      { name: "captions", type: "string", required: false, description: "WebVTT captions URL." },
+      { name: "title", type: "string", required: false, description: "Accessible title." }
+    ],
+    requiredIds: ["blockId"],
+    parentConstraints: [...COMPOUND_PARENTS],
+    a11y: { element: "video", ariaLabel: "Video", keyboard: "Native video controls.", notes: "No autoplay with sound." },
+    theming: { surface: "global-inherit", stylingNotes: "Responsive video." },
+    telemetry: { emits: [] }
+  },
   {
     type: "Page",
     category: "container",
@@ -4513,8 +6301,8 @@ var v3CompoundAndContentEntries = [
     h5pMachineName: "H5P.Column",
     h5pAlias: "Column",
     description: "Column layout container (H5P Column / Page).",
-    allowedChildTypes: [...import_core18.PAGE_ALLOWED_CHILD_TYPES],
-    maxNestingDepth: import_core18.COMPOUND_MAX_NESTING_DEPTH.Page,
+    allowedChildTypes: [...import_core20.PAGE_ALLOWED_CHILD_TYPES],
+    maxNestingDepth: import_core20.COMPOUND_MAX_NESTING_DEPTH.Page,
     props: [
       { name: "blockId", type: "BlockId", required: true, description: "Stable block id." },
       { name: "title", type: "string", required: false, description: "Page title." },
@@ -4534,8 +6322,8 @@ var v3CompoundAndContentEntries = [
     h5pMachineName: "H5P.InteractiveBook",
     h5pAlias: "Interactive Book",
     description: "Multi-page book with chapter navigation.",
-    allowedChildTypes: [...import_core18.INTERACTIVE_BOOK_ALLOWED_CHILD_TYPES],
-    maxNestingDepth: import_core18.COMPOUND_MAX_NESTING_DEPTH.InteractiveBook,
+    allowedChildTypes: [...import_core20.INTERACTIVE_BOOK_ALLOWED_CHILD_TYPES],
+    maxNestingDepth: import_core20.COMPOUND_MAX_NESTING_DEPTH.InteractiveBook,
     props: [
       { name: "blockId", type: "BlockId", required: true, description: "Stable block id." },
       { name: "title", type: "string", required: true, description: "Book title." },
@@ -4559,9 +6347,9 @@ var v3CompoundAndContentEntries = [
     compoundContract: true,
     h5pMachineName: "H5P.CoursePresentation",
     h5pAlias: "Course Presentation slide",
-    description: "Single slide row in a SlideDeck. Planned allowlist expansion: Video, Summary.",
-    allowedChildTypes: [...import_core18.SLIDE_ALLOWED_CHILD_TYPES],
-    maxNestingDepth: import_core18.COMPOUND_MAX_NESTING_DEPTH.Slide,
+    description: "Single slide row in a SlideDeck. Supports Video, Summary, and 1.4 blocks.",
+    allowedChildTypes: [...import_core20.SLIDE_ALLOWED_CHILD_TYPES],
+    maxNestingDepth: import_core20.COMPOUND_MAX_NESTING_DEPTH.Slide,
     props: [
       { name: "blockId", type: "BlockId", required: true, description: "Stable block id." },
       { name: "title", type: "string", required: false, description: "Slide title." },
@@ -4581,8 +6369,8 @@ var v3CompoundAndContentEntries = [
     h5pMachineName: "H5P.CoursePresentation",
     h5pAlias: "Course Presentation",
     description: "Multi-slide presentation with keyboard navigation.",
-    allowedChildTypes: [...import_core18.SLIDE_DECK_ALLOWED_CHILD_TYPES],
-    maxNestingDepth: import_core18.COMPOUND_MAX_NESTING_DEPTH.SlideDeck,
+    allowedChildTypes: [...import_core20.SLIDE_DECK_ALLOWED_CHILD_TYPES],
+    maxNestingDepth: import_core20.COMPOUND_MAX_NESTING_DEPTH.SlideDeck,
     props: [
       { name: "blockId", type: "BlockId", required: true, description: "Stable block id." },
       { name: "title", type: "string", required: true, description: "Deck title." },
@@ -4600,6 +6388,121 @@ var v3CompoundAndContentEntries = [
     theming: { surface: "global-inherit", stylingNotes: "Deck chrome." },
     telemetry: { emits: ["slide_viewed"], requiresActiveLesson: true }
   },
+  {
+    type: "TimedCue",
+    category: "container",
+    compoundContract: true,
+    h5pMachineName: "H5P.InteractiveVideo",
+    h5pAlias: "Interactive Video timed cue",
+    description: "Timed overlay cue within InteractiveVideo.",
+    allowedChildTypes: [...import_core20.TIMED_CUE_ALLOWED_CHILD_TYPES],
+    maxNestingDepth: import_core20.COMPOUND_MAX_NESTING_DEPTH.TimedCue,
+    props: [
+      { name: "atSeconds", type: "number", required: true, description: "Cue time in seconds." },
+      { name: "label", type: "string", required: false, description: "Cue label." },
+      { name: "mustComplete", type: "boolean", required: false, description: "Block seek until completed." },
+      { name: "children", type: "ReactNode", required: true, description: "Single allowed child block." }
+    ],
+    requiredIds: [],
+    parentConstraints: ["InteractiveVideo"],
+    a11y: { element: "dialog", ariaLabel: "Timed cue", keyboard: "Focus moves to overlay content.", notes: "Pauses parent video." },
+    theming: { surface: "global-inherit", stylingNotes: "Overlay panel." },
+    telemetry: { emits: [] }
+  },
+  {
+    type: "InteractiveVideo",
+    category: "container",
+    compoundContract: true,
+    h5pMachineName: "H5P.InteractiveVideo",
+    h5pAlias: "Interactive Video",
+    description: "Video with timed interaction overlays.",
+    allowedChildTypes: [...import_core20.INTERACTIVE_VIDEO_ALLOWED_CHILD_TYPES],
+    maxNestingDepth: import_core20.COMPOUND_MAX_NESTING_DEPTH.InteractiveVideo,
+    props: [
+      { name: "blockId", type: "BlockId", required: true, description: "Stable block id." },
+      { name: "title", type: "string", required: true, description: "Video title." },
+      { name: "src", type: "string", required: true, description: "Video URL." },
+      { name: "poster", type: "string", required: false, description: "Poster image." },
+      { name: "captions", type: "string", required: false, description: "WebVTT captions." },
+      { name: "showVideoScore", type: "boolean", required: false, description: "Show aggregate score." },
+      { name: "children", type: "TimedCue[]", required: true, description: "Timed cues." }
+    ],
+    requiredIds: ["blockId"],
+    parentConstraints: ["Lesson"],
+    a11y: {
+      element: "section",
+      ariaLabel: "Interactive video",
+      keyboard: "Native video controls; overlay interactions when paused.",
+      notes: "H5P Interactive Video equivalent."
+    },
+    theming: { surface: "global-inherit", stylingNotes: "Video + overlay." },
+    telemetry: { emits: ["video_cue_reached", "video_segment_completed"], requiresActiveLesson: true }
+  },
+  {
+    type: "Questionnaire",
+    category: "content",
+    h5pMachineName: "H5P.Questionnaire",
+    h5pAlias: "Questionnaire",
+    description: "Unscored multi-field survey.",
+    props: [
+      { name: "blockId", type: "BlockId", required: true, description: "Stable block id." },
+      { name: "fields", type: "QuestionnaireField[]", required: true, description: "Form fields." }
+    ],
+    requiredIds: ["blockId"],
+    parentConstraints: [...COMPOUND_PARENTS],
+    a11y: { element: "form", ariaLabel: "Questionnaire", keyboard: "Tab through fields.", notes: "Unscored survey." },
+    theming: { surface: "global-inherit", stylingNotes: "Form layout." },
+    telemetry: { emits: ["questionnaire_submitted"], requiresActiveLesson: true }
+  },
+  {
+    type: "MemoryGame",
+    category: "content",
+    h5pMachineName: "H5P.MemoryGame",
+    h5pAlias: "Memory Game",
+    description: "Card flip memory matching game.",
+    props: [
+      { name: "blockId", type: "BlockId", required: true, description: "Stable block id." },
+      { name: "pairs", type: "MemoryPair[]", required: true, description: "Card pairs." },
+      { name: "selfScore", type: "boolean", required: false, description: "Optional self-score mode." }
+    ],
+    requiredIds: ["blockId"],
+    parentConstraints: [...COMPOUND_PARENTS],
+    a11y: { element: "section", ariaLabel: "Memory game", keyboard: "Flip cards with buttons.", notes: "Reduced motion safe." },
+    theming: { surface: "global-inherit", stylingNotes: "Card grid." },
+    telemetry: { emits: ["memory_card_flipped"] }
+  },
+  {
+    type: "InformationWall",
+    category: "content",
+    h5pMachineName: "H5P.InformationWall",
+    h5pAlias: "Information Wall",
+    description: "Searchable information panels.",
+    props: [
+      { name: "blockId", type: "BlockId", required: true, description: "Stable block id." },
+      { name: "panels", type: "InformationPanel[]", required: true, description: "Content panels." }
+    ],
+    requiredIds: ["blockId"],
+    parentConstraints: [...COMPOUND_PARENTS],
+    a11y: { element: "section", ariaLabel: "Information wall", keyboard: "Search and browse panels.", notes: "Filterable grid." },
+    theming: { surface: "global-inherit", stylingNotes: "Panel grid." },
+    telemetry: { emits: ["information_wall_search"] }
+  },
+  {
+    type: "ParallaxSlideshow",
+    category: "content",
+    h5pMachineName: "H5P.ImpressivePresentation",
+    h5pAlias: "Slideshow (parallax)",
+    description: "Slideshow with parallax; static fallback when reduced motion.",
+    props: [
+      { name: "blockId", type: "BlockId", required: true, description: "Stable block id." },
+      { name: "slides", type: "ParallaxSlide[]", required: true, description: "Slides." }
+    ],
+    requiredIds: ["blockId"],
+    parentConstraints: [...COMPOUND_PARENTS],
+    a11y: { element: "section", ariaLabel: "Slideshow", keyboard: "Previous/next slide.", notes: "prefers-reduced-motion fallback." },
+    theming: { surface: "global-inherit", stylingNotes: "Slide deck." },
+    telemetry: { emits: ["parallax_slide_viewed"] }
+  },
   {
     type: "Accordion",
     category: "content",
@@ -4733,8 +6636,8 @@ function buildV3CatalogFromV2(v2) {
       return {
         ...base,
         compoundContract: true,
-        allowedChildTypes: [...import_core18.ASSESSMENT_SEQUENCE_ALLOWED_CHILD_TYPES],
-        maxNestingDepth: import_core18.COMPOUND_MAX_NESTING_DEPTH.AssessmentSequence
+        allowedChildTypes: [...import_core20.ASSESSMENT_SEQUENCE_ALLOWED_CHILD_TYPES],
+        maxNestingDepth: import_core20.COMPOUND_MAX_NESTING_DEPTH.AssessmentSequence
       };
     }
     return base;
@@ -5081,6 +6984,100 @@ var v2AssessmentEntries = [
     },
     theming: { surface: "global-inherit", stylingNotes: "Container for assessments." },
     telemetry: { emits: [], manualTracking: "Child assessments emit assessment_* events." }
+  },
+  {
+    type: "Summary",
+    category: "assessment",
+    assessmentContract: true,
+    h5pMachineName: "H5P.Summary",
+    h5pAlias: "Summary",
+    description: "Construct a summary from a statement bank in correct order.",
+    props: [
+      { name: "checkId", type: "CheckId", required: true, description: "Stable check id." },
+      { name: "statements", type: "string[]", required: true, description: "Available statements." },
+      { name: "correct", type: "string[]", required: true, description: "Correct ordered summary." },
+      ...assessmentBehaviourProps2
+    ],
+    requiredIds: ["checkId"],
+    parentConstraints: ["Lesson", "AssessmentSequence", "TimedCue"],
+    a11y: { element: "section", ariaLabel: "Summary", keyboard: "Select statements in order.", notes: "H5P Summary equivalent." },
+    theming: { surface: "global-inherit", dataAttributes: ["data-lk-check-id"], stylingNotes: "Uses data-lk-check-id." },
+    telemetry: { emits: ["assessment_answered", "assessment_completed"], requiresActiveLesson: true }
+  },
+  {
+    type: "ImagePairing",
+    category: "assessment",
+    assessmentContract: true,
+    h5pMachineName: "H5P.ImagePair",
+    h5pAlias: "Image Pairing",
+    description: "Match image pairs in a memory-style task.",
+    props: [
+      { name: "checkId", type: "CheckId", required: true, description: "Stable check id." },
+      { name: "pairs", type: "ImagePair[]", required: true, description: "Image pairs to match." },
+      ...assessmentBehaviourProps2
+    ],
+    requiredIds: ["checkId"],
+    parentConstraints: ["Lesson", "AssessmentSequence", "TimedCue"],
+    a11y: { element: "section", ariaLabel: "Image Pairing", keyboard: "Select two cards to match.", notes: "H5P Image Pairing equivalent." },
+    theming: { surface: "global-inherit", dataAttributes: ["data-lk-check-id"], stylingNotes: "Uses data-lk-check-id." },
+    telemetry: { emits: ["assessment_answered", "assessment_completed"], requiresActiveLesson: true }
+  },
+  {
+    type: "ImageSequencing",
+    category: "assessment",
+    assessmentContract: true,
+    h5pMachineName: "H5P.ImageSequencing",
+    h5pAlias: "Image Sequencing",
+    description: "Order images in the correct sequence.",
+    props: [
+      { name: "checkId", type: "CheckId", required: true, description: "Stable check id." },
+      { name: "images", type: "SequencingImage[]", required: true, description: "Images to order." },
+      { name: "correctOrder", type: "string[]", required: true, description: "Correct id order." },
+      ...assessmentBehaviourProps2
+    ],
+    requiredIds: ["checkId"],
+    parentConstraints: ["Lesson", "AssessmentSequence", "TimedCue"],
+    a11y: { element: "section", ariaLabel: "Image Sequencing", keyboard: "Reorder with up/down.", notes: "H5P Image Sequencing equivalent." },
+    theming: { surface: "global-inherit", dataAttributes: ["data-lk-check-id"], stylingNotes: "Uses data-lk-check-id." },
+    telemetry: { emits: ["assessment_answered", "assessment_completed"], requiresActiveLesson: true }
+  },
+  {
+    type: "ArithmeticQuiz",
+    category: "assessment",
+    assessmentContract: true,
+    h5pMachineName: "H5P.ArithmeticQuiz",
+    h5pAlias: "Arithmetic Quiz",
+    description: "Timed arithmetic problems with optional timer.",
+    props: [
+      { name: "checkId", type: "CheckId", required: true, description: "Stable check id." },
+      { name: "problems", type: "ArithmeticProblem[]", required: true, description: "Math problems." },
+      { name: "timeLimitSeconds", type: "number", required: false, description: "Optional time limit." },
+      ...assessmentBehaviourProps2
+    ],
+    requiredIds: ["checkId"],
+    parentConstraints: ["Lesson", "AssessmentSequence", "TimedCue"],
+    a11y: { element: "section", ariaLabel: "Arithmetic Quiz", keyboard: "Text input per problem.", notes: "H5P Arithmetic Quiz equivalent." },
+    theming: { surface: "global-inherit", dataAttributes: ["data-lk-check-id"], stylingNotes: "Uses data-lk-check-id." },
+    telemetry: { emits: ["assessment_answered", "assessment_completed"], requiresActiveLesson: true }
+  },
+  {
+    type: "Essay",
+    category: "assessment",
+    assessmentContract: true,
+    h5pMachineName: "H5P.Essay",
+    h5pAlias: "Essay",
+    description: "Open text response; manual or plugin grading.",
+    props: [
+      { name: "checkId", type: "CheckId", required: true, description: "Stable check id." },
+      { name: "question", type: "string", required: true, description: "Essay prompt." },
+      { name: "minLength", type: "number", required: false, description: "Minimum character length." },
+      ...assessmentBehaviourProps2
+    ],
+    requiredIds: ["checkId"],
+    parentConstraints: ["Lesson", "AssessmentSequence", "TimedCue"],
+    a11y: { element: "section", ariaLabel: "Essay", keyboard: "Textarea input.", notes: "H5P Essay equivalent." },
+    theming: { surface: "global-inherit", dataAttributes: ["data-lk-check-id"], stylingNotes: "Uses data-lk-check-id." },
+    telemetry: { emits: ["assessment_answered", "assessment_completed"], requiresActiveLesson: true }
   }
 ];
 var BLOCK_CATALOG_V2 = [
@@ -5120,6 +7117,7 @@ function getBlockCatalogEntry(type, opts) {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
+  ArithmeticQuiz,
   AssessmentSequence,
   BLOCK_CATALOG,
   BLOCK_CATALOG_V2,
@@ -5128,6 +7126,7 @@ function getBlockCatalogEntry(type, opts) {
   DialogCards,
   DragAndDrop,
   DragTheWords,
+  Essay,
   FillInTheBlanks,
   FindHotspot,
   FindMultipleHotspots,
@@ -5135,22 +7134,33 @@ function getBlockCatalogEntry(type, opts) {
   Heading,
   Image,
   ImageHotspots,
+  ImagePairing,
+  ImageSequencing,
   ImageSlider,
+  InformationWall,
   InteractiveBook,
+  InteractiveVideo,
   KnowledgeCheck,
   Lesson,
   LessonkitProvider,
   MarkTheWords,
+  MemoryGame,
   Page,
+  ParallaxSlideshow,
   ProgressTracker,
+  Questionnaire,
   Quiz,
   Reflection,
   Scenario,
   Slide,
   SlideDeck,
+  Summary,
   Text,
   ThemeProvider,
+  TimedCue,
   TrueFalse,
+  Video,
+  assertProductionCourseConfig,
   blockCatalogV2Version,
   blockCatalogV3Version,
   blockCatalogVersion,
@@ -5165,6 +7175,7 @@ function getBlockCatalogEntry(type, opts) {
   getBlockCatalogEntry,
   resetAssessmentWarningsForTests,
   resetQuizWarningsForTests,
+  shouldEnforceProductionGuard,
   useAssessmentState,
   useCompletion,
   useLessonkit,