@intellectif/lk-react 3.0.0 → 5.0.0

package/dist/chunk-WCVD5LVG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MultipleChoice/MultipleChoice.tsx","../src/components/MultipleChoice/index.tsx"],"names":["useMemo","isDevelopment","validateActivity","ActivitySchemaError","useRef","useActivityState","useState","useEffect","randomSessionId","seededShuffle","score","xAPIBuilder","ANONYMOUS_ACTOR","objectIdFor","xapiDefinitionFor","jsxs","jsx","ActivityMedia","FeedbackRegion","MultipleChoice","ActivityErrorBoundary"],"mappings":"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","file":"chunk-WCVD5LVG.cjs","sourcesContent":["'use client';\n\nimport {\n  ActivitySchemaError,\n  type ItemOutcome,\n  type LearnerResponse,\n  type MultipleChoiceData,\n  type MultipleChoiceLearnerResponse,\n  type MultipleChoiceOption,\n  type ScoringDetail,\n  score,\n  seededShuffle,\n  validateActivity,\n  xAPIBuilder,\n  xapiDefinitionFor,\n} from '@intellectif/lk-core';\nimport { type CSSProperties, useEffect, useMemo, useRef, useState } from 'react';\nimport { useActivityState } from '../../hooks/useActivityState.js';\nimport { ANONYMOUS_ACTOR, isDevelopment, objectIdFor, randomSessionId } from '../_internal.js';\nimport { ActivityMedia } from '../shared/ActivityMedia.js';\nimport { FeedbackRegion } from '../shared/FeedbackRegion.js';\nimport type { ActivityProps } from '../types.js';\n\n/**\n * Selected option ids carried by a learner response. Any other response shape\n * (a caller wiring the wrong item's state through `value`) reads as \"nothing\n * selected\" rather than throwing mid-exam.\n */\nfunction selectionOf(response: LearnerResponse | undefined): string[] {\n  return response?.type === 'multiple-choice' ? response.selectedOptionIds : [];\n}\n\n/**\n * Whether an option is part of the correct answer, derived from the SERVER's\n * outcome — review mode never holds an answer key of its own.\n * {@link ScoringDetail.outcome} states this unambiguously. For 0.2-era details\n * that carry only the deprecated `correct` flag (which means \"the learner\n * ACTED correctly on this option\", not \"this option is the answer\") the fact\n * is still recoverable, because we know whether the learner selected it:\n * `isCorrect = wasSelected ? correct : !correct`.\n */\nfunction isAnswerOption(detail: ScoringDetail, wasSelected: boolean): boolean {\n  switch (detail.outcome) {\n    case 'correct':\n    case 'incorrect-omission':\n      return true;\n    case 'incorrect':\n    case 'correct-omission':\n      return false;\n    default:\n      return wasSelected ? detail.correct : !detail.correct;\n  }\n}\n\n/** Announcement for `review` mode, built only from the server-supplied outcome. */\nfunction reviewAnnouncement(outcome: ItemOutcome | undefined): string | null {\n  if (outcome === undefined) {\n    return null;\n  }\n  if (outcome.status === 'scored') {\n    const overall = outcome.feedback;\n    return `Score ${Math.round(outcome.score * 100)}%. ${\n      outcome.passed ? 'Passed.' : 'Not passed.'\n    }${overall ? ` ${overall}` : ''}`;\n  }\n  if (outcome.status === 'deferred') {\n    // Never \"0%\": ungraded is not the same as wrong.\n    return 'Not graded yet.';\n  }\n  return null;\n}\n\nexport interface MultipleChoiceProps extends ActivityProps<MultipleChoiceData> {\n  /**\n   * Seed for the deterministic option shuffle. Supply one (e.g. the attempt\n   * id) to make the shuffled order reproducible server-side, stable across\n   * page reloads, and identical between SSR and hydration. When absent, a\n   * random per-mount session seed is used (order stable within the mount\n   * only — the v1 behaviour).\n   */\n  shuffleSeed?: string;\n}\n\nexport function MultipleChoice({\n  data,\n  onComplete,\n  onSubmit,\n  value,\n  defaultValue,\n  onChange,\n  renderMode = 'practice',\n  outcome,\n  sanitizeHtml,\n  onInteraction,\n  theme,\n  locale,\n  disabled,\n  shuffleSeed,\n}: MultipleChoiceProps) {\n  // Dev-only boundary validation (Req 2.3). Throwing during render lets\n  // ActivityErrorBoundary catch it. Memoised so it only re-runs on data change.\n  const devError = useMemo(() => {\n    if (!isDevelopment()) {\n      return null;\n    }\n    // A `redact()` projection cannot satisfy the full content schema — the\n    // answer key is gone by design — and must not be checked against the\n    // strict redacted schema either, since a `reveal: 'after-submit'`\n    // projection legitimately carries answer-key fields for review renders.\n    if (data.redacted === true) {\n      return null;\n    }\n    const result = validateActivity('multiple-choice', data);\n    return result.success ? null : new ActivitySchemaError('multiple-choice', result.errors);\n  }, [data]);\n\n  // Lazily created only when shuffling without a caller seed: avoids calling\n  // crypto.randomUUID (absent on non-secure http origins) unless needed.\n  const sessionIdRef = useRef<string | null>(null);\n  const { state, start, complete, getTimeSpent, reset } = useActivityState();\n  // Uncontrolled state. `defaultValue` seeds the mount only (React convention);\n  // to re-seed later, remount with a `key` or drive the component with `value`.\n  const [internalSelection, setInternalSelection] = useState<string[]>(() =>\n    selectionOf(defaultValue),\n  );\n  const [summary, setSummary] = useState<string | null>(null);\n\n  // Reset on data-prop CHANGE (Req 3.7). The identity guard makes the mount\n  // run a no-op, which it always was before `defaultValue` existed — without\n  // it this effect would wipe the seed immediately after the first render.\n  // (It also makes the reset StrictMode-safe: a remount with unchanged data\n  // no longer discards the learner's selection.)\n  // Clears to empty rather than back to `defaultValue`: carrying a stale\n  // answer into a different question is the one failure mode a summative\n  // component must never have.\n  const lastDataRef = useRef(data);\n  useEffect(() => {\n    if (lastDataRef.current === data) {\n      return;\n    }\n    lastDataRef.current = data;\n    setInternalSelection([]);\n    setSummary(null);\n    reset();\n  }, [data, reset]);\n\n  const displayedOptions = useMemo<MultipleChoiceOption[]>(() => {\n    if (!data.shuffle) {\n      return [...data.options];\n    }\n    // biome-ignore lint/suspicious/noAssignInExpressions: sanctioned lazy ref initialization\n    const seedSource = shuffleSeed ?? (sessionIdRef.current ??= randomSessionId());\n    // The seed string is unchanged from when the algorithm lived in this file,\n    // so an order a consumer recorded against a seed still reproduces.\n    return seededShuffle(data.options, `${seedSource}:${data.id}`);\n  }, [data, shuffleSeed]);\n\n  // Per-option correctness for `review`, indexed by option id. Null unless the\n  // caller supplied a SCORED outcome — the only source of truth this mode has.\n  const reviewDetails = useMemo(() => {\n    if (renderMode !== 'review' || outcome === undefined || outcome.status !== 'scored') {\n      return null;\n    }\n    return new Map(outcome.details.map((detail) => [detail.itemId, detail]));\n  }, [renderMode, outcome]);\n\n  // All hooks are called before these throws, so hook order stays stable.\n  if (devError) {\n    throw devError;\n  }\n  // Practice grades locally, which a redacted projection cannot support:\n  // `score()` would throw from the submit handler — where no error boundary\n  // can catch it — AFTER the learner has answered. Fail loudly at render\n  // instead, in production too. Wiring an exam item into the self-grading\n  // mode is precisely the accident `renderMode` exists to prevent.\n  if (data.redacted === true && renderMode === 'practice') {\n    throw new Error(\n      `Multiple Choice \"${data.id}\" received redacted activity data in renderMode \"practice\", ` +\n        'which grades locally and has no answer key to grade against. ' +\n        'Render redacted data with renderMode=\"exam\" (server grades) or \"review\" (pass `outcome`).',\n    );\n  }\n\n  const isSingle = data.mode === 'single';\n  const isExam = renderMode === 'exam';\n  const isReview = renderMode === 'review';\n  const submitted = state === 'completed';\n  const inactive = disabled === true || submitted || isReview;\n  const isControlled = value !== undefined;\n  const selected = isControlled ? selectionOf(value) : internalSelection;\n  /**\n   * Whether correctness and authored feedback may be shown. Practice earns it\n   * by grading locally after submit; review shows what the server already\n   * graded. Exam never reveals anything — not before, not after submit.\n   */\n  const reveal = isReview || (renderMode === 'practice' && submitted);\n\n  const fireInteraction = (\n    type: 'option-selected' | 'option-deselected' | 'submitted',\n    payload: Record<string, unknown>,\n  ): void => {\n    onInteraction?.({ type, activityId: data.id, timestamp: Date.now(), payload });\n  };\n\n  /** Single funnel for every response change: owns state only when uncontrolled. */\n  const emitChange = (selectedOptionIds: string[]): void => {\n    if (!isControlled) {\n      setInternalSelection(selectedOptionIds);\n    }\n    onChange?.({ type: 'multiple-choice', selectedOptionIds });\n  };\n\n  const selectSingle = (optionId: string): void => {\n    if (inactive) {\n      return;\n    }\n    if (state === 'idle') {\n      start();\n    }\n    emitChange([optionId]);\n    fireInteraction('option-selected', { optionId });\n  };\n\n  const toggleMulti = (optionId: string, checked: boolean): void => {\n    if (inactive) {\n      return;\n    }\n    if (state === 'idle') {\n      start();\n    }\n    emitChange(checked ? [...selected, optionId] : selected.filter((id) => id !== optionId));\n    fireInteraction(checked ? 'option-selected' : 'option-deselected', { optionId });\n  };\n\n  const handleSubmit = (event: React.FormEvent): void => {\n    event.preventDefault();\n    if (inactive) {\n      return;\n    }\n    const response: MultipleChoiceLearnerResponse = {\n      type: 'multiple-choice',\n      selectedOptionIds: selected,\n    };\n    // Always first, and before anything that can throw: an exam runner must be\n    // able to persist the raw response no matter what happens after.\n    onSubmit?.(response);\n\n    if (isExam) {\n      // No score(), no answer key read, no onComplete, no xAPI — the server\n      // grades. The announcement deliberately carries no correctness signal.\n      complete();\n      setSummary('Answer submitted.');\n      fireInteraction('submitted', { selectedOptionIds: selected });\n      return;\n    }\n\n    const scoringResult = score('multiple-choice', data as MultipleChoiceData, response);\n    complete();\n    const timeSpent = getTimeSpent();\n    const xapiStatement = xAPIBuilder.buildAnsweredStatement({\n      actor: ANONYMOUS_ACTOR,\n      object: {\n        id: objectIdFor(data.id),\n        name: { [data.locale ?? 'en-US']: data.title },\n        // Activity-type IRI, interaction type and correct-responses pattern\n        // come from the REGISTERED descriptor, so a consumer-registered type\n        // gets correct interop without touching this component.\n        ...xapiDefinitionFor(data),\n        choices: data.options.map((option) => ({\n          id: option.id,\n          description: { [data.locale ?? 'en-US']: option.text },\n        })),\n      },\n      scoringResult,\n      timeSpentMs: timeSpent,\n      response: selected.join(','),\n    });\n    onComplete?.({\n      score: scoringResult.score,\n      maxScore: scoringResult.maxScore,\n      passed: scoringResult.passed,\n      timeSpent,\n      xapiStatement,\n    });\n    // Core selects the authored overall feedback on `passed` (B3 fix).\n    const overall = scoringResult.feedback;\n    setSummary(\n      `Answer submitted. Score ${Math.round(scoringResult.score * 100)}%. ${\n        scoringResult.passed ? 'Passed.' : 'Not passed.'\n      }${overall ? ` ${overall}` : ''}`,\n    );\n    fireInteraction('submitted', {\n      selectedOptionIds: selected,\n      score: scoringResult.score,\n    });\n  };\n\n  const questionId = `${data.id}-question`;\n  // Rich text renders ONLY through a caller-supplied sanitiser; without one we\n  // fall back to the plain-text field, escaped by React (types.ts HtmlSanitizer).\n  const questionHtml =\n    sanitizeHtml !== undefined && data.questionHtml !== undefined\n      ? sanitizeHtml(data.questionHtml)\n      : null;\n\n  const optionList = displayedOptions.map((option) => {\n    const checked = selected.includes(option.id);\n    // `data-correct` means \"this option is part of the correct answer\".\n    let correctness: string | undefined;\n    if (isReview) {\n      const detail = reviewDetails?.get(option.id);\n      correctness = detail === undefined ? undefined : String(isAnswerOption(detail, checked));\n    } else if (reveal) {\n      correctness = String(option.isCorrect);\n    }\n    return (\n      <label key={option.id} className=\"lk-mc-option\" data-correct={correctness}>\n        <input\n          type={isSingle ? 'radio' : 'checkbox'}\n          name={isSingle ? `${data.id}-options` : undefined}\n          value={option.id}\n          checked={checked}\n          disabled={inactive}\n          aria-disabled={inactive || undefined}\n          onChange={(e) =>\n            isSingle ? selectSingle(option.id) : toggleMulti(option.id, e.target.checked)\n          }\n        />\n        <span>{option.text}</span>\n        {reveal && option.feedback ? (\n          <span className=\"lk-mc-option-feedback\" role=\"note\">\n            {option.feedback}\n          </span>\n        ) : null}\n      </label>\n    );\n  });\n\n  return (\n    <div className=\"lk-mc\" lang={locale} style={theme as CSSProperties | undefined}>\n      {data.media ? <ActivityMedia media={data.media} /> : null}\n      <form onSubmit={handleSubmit}>\n        <fieldset disabled={inactive}>\n          {questionHtml === null ? (\n            <legend id={questionId}>{data.question}</legend>\n          ) : (\n            <legend\n              id={questionId}\n              // biome-ignore lint/security/noDangerouslySetInnerHtml: HTML is the output of the caller-supplied sanitizeHtml (types.ts HtmlSanitizer contract)\n              dangerouslySetInnerHTML={{ __html: questionHtml }}\n            />\n          )}\n          {/*\n            single: an explicit radiogroup is meaningful (fieldset's implicit\n            role is `group`, not `radiogroup`). multi: the fieldset + legend\n            already provide a named group — an explicit role=\"group\" here would\n            be a redundant, duplicate same-named group in the a11y tree, so we\n            use a plain layout div. (Refines the design ARIA sketch.)\n          */}\n          {isSingle ? (\n            <div role=\"radiogroup\" aria-labelledby={questionId}>\n              {optionList}\n            </div>\n          ) : (\n            <div>{optionList}</div>\n          )}\n          {/* review is read-only: there is nothing left to submit. */}\n          {isReview ? null : (\n            <button type=\"submit\" disabled={inactive}>\n              Submit\n            </button>\n          )}\n        </fieldset>\n      </form>\n      <FeedbackRegion id={`${data.id}-feedback`}>\n        {isReview ? reviewAnnouncement(outcome) : summary}\n      </FeedbackRegion>\n    </div>\n  );\n}\n","'use client';\n\nimport { ActivityErrorBoundary } from '../ActivityErrorBoundary.js';\nimport {\n  MultipleChoice as MultipleChoiceCore,\n  type MultipleChoiceProps,\n} from './MultipleChoice.js';\n\nexport type { MultipleChoiceProps } from './MultipleChoice.js';\n\n/**\n * Public Multiple Choice activity: the core component wrapped in\n * `ActivityErrorBoundary` so a render failure (incl. the dev schema-validation\n * throw) degrades to an accessible fallback instead of crashing the host.\n */\nexport function MultipleChoice(props: MultipleChoiceProps) {\n  return (\n    <ActivityErrorBoundary activityTitle={props.data?.title}>\n      <MultipleChoiceCore {...props} />\n    </ActivityErrorBoundary>\n  );\n}\n"]}

package/dist/components/ActivitySequence.cjs

@@ -1,17 +1,19 @@
 'use strict';
 
-var chunkHO3AC3WQ_cjs = require('../chunk-HO3AC3WQ.cjs');
-require('../chunk-W6BH2YMZ.cjs');
-require('../chunk-UXO6KYSZ.cjs');
-require('../chunk-7MW7HGOA.cjs');
-require('../chunk-QHOV2A6M.cjs');
+var chunk3B4ACY4K_cjs = require('../chunk-3B4ACY4K.cjs');
+require('../chunk-WCVD5LVG.cjs');
+require('../chunk-67RIIDZX.cjs');
+require('../chunk-6COTYW77.cjs');
+require('../chunk-PGEG7UZJ.cjs');
+require('../chunk-NEWGUDA5.cjs');
+require('../chunk-4HZ7LQIH.cjs');
 require('../chunk-HD2AIQRD.cjs');
 
 
 
 Object.defineProperty(exports, "ActivitySequence", {
   enumerable: true,
-  get: function () { return chunkHO3AC3WQ_cjs.ActivitySequence; }
+  get: function () { return chunk3B4ACY4K_cjs.ActivitySequence; }
 });
 //# sourceMappingURL=ActivitySequence.cjs.map
 //# sourceMappingURL=ActivitySequence.cjs.map

package/dist/components/ActivitySequence.d.cts

@@ -1,7 +1,7 @@
-import { ActivityData, ActivityResult, InteractionEvent, ThemeTokens } from '@intellectif/lk-core';
+import { SequenceEntry, ActivityResult, LearnerResponse, InteractionEvent, ThemeTokens } from '@intellectif/lk-core';
 import { ComponentType } from 'react';
-import { A as ActivityProps, R as RenderMode } from '../types-CNmjqD6M.cjs';
-import { a as WrittenResponseSubmission } from '../WrittenResponse-B50EjVR0.cjs';
+import { A as ActivityProps, b as RenderableActivity, R as RenderMode, H as HtmlSanitizer } from '../types-CrURyd9-.cjs';
+import { a as WrittenResponseSubmission } from '../WrittenResponse-DqQ0NjPK.cjs';
 
 /**
  * What one finished slot in a sequence produced. Two kinds, because two kinds
@@ -11,15 +11,30 @@ import { a as WrittenResponseSubmission } from '../WrittenResponse-B50EjVR0.cjs'
  */
 type SequenceItemOutcome = {
     kind: 'scored';
+    /** Presented position. */
     index: number;
+    /** Slot identity from `flattenSequence` — stable under shuffling; the `slotId` to score with. */
+    slotId: string;
     activityId: string;
     result: ActivityResult;
 } | {
     kind: 'submitted';
     index: number;
+    slotId: string;
     activityId: string;
     /** Ungraded submission; the grade arrives asynchronously. */
     submission: WrittenResponseSubmission;
+} | {
+    kind: 'responded';
+    index: number;
+    slotId: string;
+    activityId: string;
+    /**
+     * The raw answer, with no grade of any kind. This is what an `exam` slot
+     * produces: the client is forbidden to score, so a response is all there
+     * is until the server grades it.
+     */
+    response: LearnerResponse;
 };
 /**
  * A component that can render one activity inside a sequence. Register one per
@@ -28,23 +43,57 @@ type SequenceItemOutcome = {
  */
 type ActivityRenderer = ComponentType<ActivityProps>;
 interface ActivitySequenceProps {
-    /** The ordered set of activities to present, one at a time. */
-    activities: ActivityData[];
+    /**
+     * The ordered set of entries to present, one question at a time: loose
+     * activities, and item groups — a shared passage, recording or image with
+     * the questions that refer to it. A group's stimulus stays on screen
+     * alongside each of its questions.
+     *
+     * Accepts `redact()` projections. For data straight off a server, pass it
+     * through `asRenderableSequence()` — see that helper for why a cast is
+     * unavoidable there — and set `renderMode="exam"`.
+     */
+    activities: readonly SequenceEntry<RenderableActivity>[];
     /**
      * Renderers for activity types beyond the built-ins, keyed by `data.type`.
      * A key matching a built-in overrides it, so a consumer can replace the
      * bundled renderer without forking the sequencer.
      */
     renderers?: Readonly<Record<string, ActivityRenderer>>;
-    /** Called whenever an individual activity is scored at submit time. */
-    onActivityComplete?: (result: ActivityResult, index: number) => void;
+    /**
+     * Called whenever an individual activity is scored at submit time — the
+     * incremental persist hook.
+     *
+     * `slotId` is the identity to store the result against, NOT `index`.
+     * `index` is where the question was PRESENTED, which is not stable: it moves
+     * under shuffling, and it already differs from the slot identity whenever a
+     * group is present (the second entry of a sequence is presented at index 1
+     * but is slot `"1.0"` if it is a group's first question). `composeAssessmentScore`
+     * scores by `slotId`, so persisting `index` cannot be reconciled with it.
+     */
+    onActivityComplete?: (result: ActivityResult, index: number, slotId: string) => void;
+    /**
+     * Called on every submit with the learner's raw response and the identity of
+     * the slot that produced it — before any grading, in every render mode.
+     *
+     * **This is the only response channel an `exam` sequence has.** In `exam`
+     * mode the components never grade, so `onActivityComplete` cannot fire and
+     * `onComplete` never will; without this prop nothing a learner submitted
+     * would reach the consumer at all. Persist `response` against `slotId`.
+     */
+    onSubmit?: (response: LearnerResponse, slot: {
+        slotId: string;
+        index: number;
+        activityId: string;
+    }) => void;
     /**
      * Called once every activity has been completed, with the scored results.
      *
      * Fires only when EVERY item produced a score. A set containing a
      * deferred-graded activity (a written response) can never satisfy that, so
      * use `onFinished` for mixed sets — it is the general completion signal and
-     * reports both kinds of outcome.
+     * reports both kinds of outcome. It also carries `slotId` per item, which
+     * this callback's bare array cannot.
      */
     onComplete?: (results: ActivityResult[]) => void;
     /**
@@ -57,6 +106,30 @@ interface ActivitySequenceProps {
     onInteraction?: (event: InteractionEvent) => void;
     /** Forwarded to each activity. `exam` and `review` disable local scoring. */
     renderMode?: RenderMode;
+    /**
+     * `entries` shuffles the top-level entries; a group moves as one block, and
+     * the order INSIDE a group follows the group's own `shuffle` setting.
+     * Default `none`: authored order.
+     */
+    shuffle?: 'none' | 'entries';
+    /**
+     * Seed for every shuffle in this sequence (`shuffle: 'entries'` and any
+     * group with `shuffle: 'within-group'`). Supply the attempt id, so the
+     * server's `flattenSequence(entries, { seed })` derives the same order this
+     * pager shows.
+     *
+     * **Required in `exam` and `review` mode** — omitting it throws. An order
+     * nobody can reproduce cannot be reconciled with a recorded attempt, and
+     * failing at render is the only way that mistake surfaces before a learner
+     * sits the paper. In `practice` mode it stays optional: a random per-mount
+     * seed is used, which is stable within the mount and deliberately not
+     * reproducible. That fallback is also not SSR-safe (server and client would
+     * invent different orders and hydration would mismatch), so supply a seed
+     * for any server-rendered sequence regardless of mode.
+     */
+    shuffleSeed?: string;
+    /** Renders author-supplied rich text; forwarded to the stimulus panel and every activity. */
+    sanitizeHtml?: HtmlSanitizer;
     theme?: Partial<ThemeTokens>;
     locale?: string;
     disabled?: boolean;
@@ -67,7 +140,12 @@ interface ActivitySequenceProps {
  * the learner may move back and forth; activities keep their own submit and
  * scoring. On navigation, focus moves to the question region and the position
  * is announced via an aria-live region.
+ *
+ * Item groups are flattened into consecutive questions; the group's stimulus
+ * is mounted ONCE, beside the question region rather than inside it, and shown
+ * alongside every question in the group — so a passage stays put, and a
+ * recording keeps its position, as the learner moves between its questions.
  */
-declare function ActivitySequence({ activities, renderers, onActivityComplete, onComplete, onFinished, onInteraction, renderMode, theme, locale, disabled, }: ActivitySequenceProps): React.JSX.Element;
+declare function ActivitySequence({ activities, renderers, onActivityComplete, onComplete, onFinished, onSubmit, onInteraction, renderMode, shuffle, shuffleSeed, sanitizeHtml, theme, locale, disabled, }: ActivitySequenceProps): React.JSX.Element;
 
 export { type ActivityRenderer, ActivitySequence, type ActivitySequenceProps, type SequenceItemOutcome };

package/dist/components/ActivitySequence.d.ts

@@ -1,7 +1,7 @@
-import { ActivityData, ActivityResult, InteractionEvent, ThemeTokens } from '@intellectif/lk-core';
+import { SequenceEntry, ActivityResult, LearnerResponse, InteractionEvent, ThemeTokens } from '@intellectif/lk-core';
 import { ComponentType } from 'react';
-import { A as ActivityProps, R as RenderMode } from '../types-CNmjqD6M.js';
-import { a as WrittenResponseSubmission } from '../WrittenResponse-BHhP936i.js';
+import { A as ActivityProps, b as RenderableActivity, R as RenderMode, H as HtmlSanitizer } from '../types-CrURyd9-.js';
+import { a as WrittenResponseSubmission } from '../WrittenResponse-Dkg7FUt-.js';
 
 /**
  * What one finished slot in a sequence produced. Two kinds, because two kinds
@@ -11,15 +11,30 @@ import { a as WrittenResponseSubmission } from '../WrittenResponse-BHhP936i.js';
  */
 type SequenceItemOutcome = {
     kind: 'scored';
+    /** Presented position. */
     index: number;
+    /** Slot identity from `flattenSequence` — stable under shuffling; the `slotId` to score with. */
+    slotId: string;
     activityId: string;
     result: ActivityResult;
 } | {
     kind: 'submitted';
     index: number;
+    slotId: string;
     activityId: string;
     /** Ungraded submission; the grade arrives asynchronously. */
     submission: WrittenResponseSubmission;
+} | {
+    kind: 'responded';
+    index: number;
+    slotId: string;
+    activityId: string;
+    /**
+     * The raw answer, with no grade of any kind. This is what an `exam` slot
+     * produces: the client is forbidden to score, so a response is all there
+     * is until the server grades it.
+     */
+    response: LearnerResponse;
 };
 /**
  * A component that can render one activity inside a sequence. Register one per
@@ -28,23 +43,57 @@ type SequenceItemOutcome = {
  */
 type ActivityRenderer = ComponentType<ActivityProps>;
 interface ActivitySequenceProps {
-    /** The ordered set of activities to present, one at a time. */
-    activities: ActivityData[];
+    /**
+     * The ordered set of entries to present, one question at a time: loose
+     * activities, and item groups — a shared passage, recording or image with
+     * the questions that refer to it. A group's stimulus stays on screen
+     * alongside each of its questions.
+     *
+     * Accepts `redact()` projections. For data straight off a server, pass it
+     * through `asRenderableSequence()` — see that helper for why a cast is
+     * unavoidable there — and set `renderMode="exam"`.
+     */
+    activities: readonly SequenceEntry<RenderableActivity>[];
     /**
      * Renderers for activity types beyond the built-ins, keyed by `data.type`.
      * A key matching a built-in overrides it, so a consumer can replace the
      * bundled renderer without forking the sequencer.
      */
     renderers?: Readonly<Record<string, ActivityRenderer>>;
-    /** Called whenever an individual activity is scored at submit time. */
-    onActivityComplete?: (result: ActivityResult, index: number) => void;
+    /**
+     * Called whenever an individual activity is scored at submit time — the
+     * incremental persist hook.
+     *
+     * `slotId` is the identity to store the result against, NOT `index`.
+     * `index` is where the question was PRESENTED, which is not stable: it moves
+     * under shuffling, and it already differs from the slot identity whenever a
+     * group is present (the second entry of a sequence is presented at index 1
+     * but is slot `"1.0"` if it is a group's first question). `composeAssessmentScore`
+     * scores by `slotId`, so persisting `index` cannot be reconciled with it.
+     */
+    onActivityComplete?: (result: ActivityResult, index: number, slotId: string) => void;
+    /**
+     * Called on every submit with the learner's raw response and the identity of
+     * the slot that produced it — before any grading, in every render mode.
+     *
+     * **This is the only response channel an `exam` sequence has.** In `exam`
+     * mode the components never grade, so `onActivityComplete` cannot fire and
+     * `onComplete` never will; without this prop nothing a learner submitted
+     * would reach the consumer at all. Persist `response` against `slotId`.
+     */
+    onSubmit?: (response: LearnerResponse, slot: {
+        slotId: string;
+        index: number;
+        activityId: string;
+    }) => void;
     /**
      * Called once every activity has been completed, with the scored results.
      *
      * Fires only when EVERY item produced a score. A set containing a
      * deferred-graded activity (a written response) can never satisfy that, so
      * use `onFinished` for mixed sets — it is the general completion signal and
-     * reports both kinds of outcome.
+     * reports both kinds of outcome. It also carries `slotId` per item, which
+     * this callback's bare array cannot.
      */
     onComplete?: (results: ActivityResult[]) => void;
     /**
@@ -57,6 +106,30 @@ interface ActivitySequenceProps {
     onInteraction?: (event: InteractionEvent) => void;
     /** Forwarded to each activity. `exam` and `review` disable local scoring. */
     renderMode?: RenderMode;
+    /**
+     * `entries` shuffles the top-level entries; a group moves as one block, and
+     * the order INSIDE a group follows the group's own `shuffle` setting.
+     * Default `none`: authored order.
+     */
+    shuffle?: 'none' | 'entries';
+    /**
+     * Seed for every shuffle in this sequence (`shuffle: 'entries'` and any
+     * group with `shuffle: 'within-group'`). Supply the attempt id, so the
+     * server's `flattenSequence(entries, { seed })` derives the same order this
+     * pager shows.
+     *
+     * **Required in `exam` and `review` mode** — omitting it throws. An order
+     * nobody can reproduce cannot be reconciled with a recorded attempt, and
+     * failing at render is the only way that mistake surfaces before a learner
+     * sits the paper. In `practice` mode it stays optional: a random per-mount
+     * seed is used, which is stable within the mount and deliberately not
+     * reproducible. That fallback is also not SSR-safe (server and client would
+     * invent different orders and hydration would mismatch), so supply a seed
+     * for any server-rendered sequence regardless of mode.
+     */
+    shuffleSeed?: string;
+    /** Renders author-supplied rich text; forwarded to the stimulus panel and every activity. */
+    sanitizeHtml?: HtmlSanitizer;
     theme?: Partial<ThemeTokens>;
     locale?: string;
     disabled?: boolean;
@@ -67,7 +140,12 @@ interface ActivitySequenceProps {
  * the learner may move back and forth; activities keep their own submit and
  * scoring. On navigation, focus moves to the question region and the position
  * is announced via an aria-live region.
+ *
+ * Item groups are flattened into consecutive questions; the group's stimulus
+ * is mounted ONCE, beside the question region rather than inside it, and shown
+ * alongside every question in the group — so a passage stays put, and a
+ * recording keeps its position, as the learner moves between its questions.
  */
-declare function ActivitySequence({ activities, renderers, onActivityComplete, onComplete, onFinished, onInteraction, renderMode, theme, locale, disabled, }: ActivitySequenceProps): React.JSX.Element;
+declare function ActivitySequence({ activities, renderers, onActivityComplete, onComplete, onFinished, onSubmit, onInteraction, renderMode, shuffle, shuffleSeed, sanitizeHtml, theme, locale, disabled, }: ActivitySequenceProps): React.JSX.Element;
 
 export { type ActivityRenderer, ActivitySequence, type ActivitySequenceProps, type SequenceItemOutcome };

package/dist/components/ActivitySequence.js

@@ -1,8 +1,10 @@
-export { ActivitySequence } from '../chunk-BGWXN44S.js';
-import '../chunk-ZVFWJTT4.js';
-import '../chunk-3X7MYAFT.js';
-import '../chunk-AEQQ7VPF.js';
-import '../chunk-UIGIYYGY.js';
+export { ActivitySequence } from '../chunk-NBFTCGQ5.js';
+import '../chunk-5SYL5CJ2.js';
+import '../chunk-3DNJDP73.js';
+import '../chunk-67WDTQMG.js';
+import '../chunk-6F4X2NKL.js';
+import '../chunk-UQ3BBEIT.js';
+import '../chunk-GB5URWM4.js';
 import '../chunk-5HVUKXF3.js';
 //# sourceMappingURL=ActivitySequence.js.map
 //# sourceMappingURL=ActivitySequence.js.map

package/dist/components/FillInTheBlanks.cjs

@@ -1,14 +1,15 @@
 'use strict';
 
-var chunkUXO6KYSZ_cjs = require('../chunk-UXO6KYSZ.cjs');
-require('../chunk-QHOV2A6M.cjs');
+var chunk67RIIDZX_cjs = require('../chunk-67RIIDZX.cjs');
+require('../chunk-PGEG7UZJ.cjs');
+require('../chunk-4HZ7LQIH.cjs');
 require('../chunk-HD2AIQRD.cjs');
 
 
 
 Object.defineProperty(exports, "FillInTheBlanks", {
   enumerable: true,
-  get: function () { return chunkUXO6KYSZ_cjs.FillInTheBlanks; }
+  get: function () { return chunk67RIIDZX_cjs.FillInTheBlanks; }
 });
 //# sourceMappingURL=FillInTheBlanks.cjs.map
 //# sourceMappingURL=FillInTheBlanks.cjs.map

package/dist/components/FillInTheBlanks.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FillInTheBlanksData } from '@intellectif/lk-core';
-import { A as ActivityProps } from '../types-CNmjqD6M.cjs';
+import { A as ActivityProps } from '../types-CrURyd9-.cjs';
 
 interface FillInTheBlanksProps extends ActivityProps<FillInTheBlanksData> {
     /**

package/dist/components/FillInTheBlanks.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FillInTheBlanksData } from '@intellectif/lk-core';
-import { A as ActivityProps } from '../types-CNmjqD6M.js';
+import { A as ActivityProps } from '../types-CrURyd9-.js';
 
 interface FillInTheBlanksProps extends ActivityProps<FillInTheBlanksData> {
     /**

package/dist/components/FillInTheBlanks.js

@@ -1,5 +1,6 @@
-export { FillInTheBlanks } from '../chunk-3X7MYAFT.js';
-import '../chunk-UIGIYYGY.js';
+export { FillInTheBlanks } from '../chunk-3DNJDP73.js';
+import '../chunk-6F4X2NKL.js';
+import '../chunk-GB5URWM4.js';
 import '../chunk-5HVUKXF3.js';
 //# sourceMappingURL=FillInTheBlanks.js.map
 //# sourceMappingURL=FillInTheBlanks.js.map

package/dist/components/MultipleChoice.cjs

@@ -1,14 +1,15 @@
 'use strict';
 
-var chunkW6BH2YMZ_cjs = require('../chunk-W6BH2YMZ.cjs');
-require('../chunk-QHOV2A6M.cjs');
+var chunkWCVD5LVG_cjs = require('../chunk-WCVD5LVG.cjs');
+require('../chunk-PGEG7UZJ.cjs');
+require('../chunk-4HZ7LQIH.cjs');
 require('../chunk-HD2AIQRD.cjs');
 
 
 
 Object.defineProperty(exports, "MultipleChoice", {
   enumerable: true,
-  get: function () { return chunkW6BH2YMZ_cjs.MultipleChoice; }
+  get: function () { return chunkWCVD5LVG_cjs.MultipleChoice; }
 });
 //# sourceMappingURL=MultipleChoice.cjs.map
 //# sourceMappingURL=MultipleChoice.cjs.map

package/dist/components/MultipleChoice.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MultipleChoiceData } from '@intellectif/lk-core';
-import { A as ActivityProps } from '../types-CNmjqD6M.cjs';
+import { A as ActivityProps } from '../types-CrURyd9-.cjs';
 
 interface MultipleChoiceProps extends ActivityProps<MultipleChoiceData> {
     /**

package/dist/components/MultipleChoice.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MultipleChoiceData } from '@intellectif/lk-core';
-import { A as ActivityProps } from '../types-CNmjqD6M.js';
+import { A as ActivityProps } from '../types-CrURyd9-.js';
 
 interface MultipleChoiceProps extends ActivityProps<MultipleChoiceData> {
     /**

package/dist/components/MultipleChoice.js

@@ -1,5 +1,6 @@
-export { MultipleChoice } from '../chunk-ZVFWJTT4.js';
-import '../chunk-UIGIYYGY.js';
+export { MultipleChoice } from '../chunk-5SYL5CJ2.js';
+import '../chunk-6F4X2NKL.js';
+import '../chunk-GB5URWM4.js';
 import '../chunk-5HVUKXF3.js';
 //# sourceMappingURL=MultipleChoice.js.map
 //# sourceMappingURL=MultipleChoice.js.map

package/dist/components/StimulusPanel.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunkNEWGUDA5_cjs = require('../chunk-NEWGUDA5.cjs');
+require('../chunk-4HZ7LQIH.cjs');
+
+
+
+Object.defineProperty(exports, "StimulusPanel", {
+  enumerable: true,
+  get: function () { return chunkNEWGUDA5_cjs.StimulusPanel; }
+});
+//# sourceMappingURL=StimulusPanel.cjs.map
+//# sourceMappingURL=StimulusPanel.cjs.map

package/dist/components/StimulusPanel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"StimulusPanel.cjs"}

package/dist/components/StimulusPanel.d.cts

@@ -0,0 +1,30 @@
+import { Stimulus } from '@intellectif/lk-core';
+import { H as HtmlSanitizer } from '../types-CrURyd9-.cjs';
+
+interface StimulusPanelProps {
+    stimulus: Stimulus;
+    /**
+     * 1-based presented positions of the first and last question this material
+     * serves, rendered as "Questions 3–8" so a learner knows how far the
+     * passage carries.
+     */
+    range?: {
+        first: number;
+        last: number;
+    };
+    /** Renders `stimulus.bodyHtml` when provided. See `HtmlSanitizer`. */
+    sanitizeHtml?: HtmlSanitizer;
+    locale?: string;
+}
+/**
+ * Presents a shared stimulus — the passage, recording or image an item group's
+ * questions refer to. A landmark region named by its title (or by its kind),
+ * so a screen-reader user can jump back to the material from any question.
+ *
+ * Rich text follows the SDK-wide rule: `bodyHtml` is rendered only through a
+ * caller-supplied sanitiser, and the plain `body` is the fallback — which the
+ * schema guarantees exists whenever `bodyHtml` does.
+ */
+declare function StimulusPanel({ stimulus, range, sanitizeHtml, locale, }: StimulusPanelProps): React.JSX.Element;
+
+export { StimulusPanel, type StimulusPanelProps };

package/dist/components/StimulusPanel.d.ts

@@ -0,0 +1,30 @@
+import { Stimulus } from '@intellectif/lk-core';
+import { H as HtmlSanitizer } from '../types-CrURyd9-.js';
+
+interface StimulusPanelProps {
+    stimulus: Stimulus;
+    /**
+     * 1-based presented positions of the first and last question this material
+     * serves, rendered as "Questions 3–8" so a learner knows how far the
+     * passage carries.
+     */
+    range?: {
+        first: number;
+        last: number;
+    };
+    /** Renders `stimulus.bodyHtml` when provided. See `HtmlSanitizer`. */
+    sanitizeHtml?: HtmlSanitizer;
+    locale?: string;
+}
+/**
+ * Presents a shared stimulus — the passage, recording or image an item group's
+ * questions refer to. A landmark region named by its title (or by its kind),
+ * so a screen-reader user can jump back to the material from any question.
+ *
+ * Rich text follows the SDK-wide rule: `bodyHtml` is rendered only through a
+ * caller-supplied sanitiser, and the plain `body` is the fallback — which the
+ * schema guarantees exists whenever `bodyHtml` does.
+ */
+declare function StimulusPanel({ stimulus, range, sanitizeHtml, locale, }: StimulusPanelProps): React.JSX.Element;
+
+export { StimulusPanel, type StimulusPanelProps };

package/dist/components/StimulusPanel.js

@@ -0,0 +1,4 @@
+export { StimulusPanel } from '../chunk-UQ3BBEIT.js';
+import '../chunk-GB5URWM4.js';
+//# sourceMappingURL=StimulusPanel.js.map
+//# sourceMappingURL=StimulusPanel.js.map

package/dist/components/StimulusPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"StimulusPanel.js"}

package/dist/components/WrittenResponse.cjs

@@ -1,14 +1,15 @@
 'use strict';
 
-var chunk7MW7HGOA_cjs = require('../chunk-7MW7HGOA.cjs');
-require('../chunk-QHOV2A6M.cjs');
+var chunk6COTYW77_cjs = require('../chunk-6COTYW77.cjs');
+require('../chunk-PGEG7UZJ.cjs');
+require('../chunk-4HZ7LQIH.cjs');
 require('../chunk-HD2AIQRD.cjs');
 
 
 
 Object.defineProperty(exports, "WrittenResponse", {
   enumerable: true,
-  get: function () { return chunk7MW7HGOA_cjs.WrittenResponse; }
+  get: function () { return chunk6COTYW77_cjs.WrittenResponse; }
 });
 //# sourceMappingURL=WrittenResponse.cjs.map
 //# sourceMappingURL=WrittenResponse.cjs.map

package/dist/components/WrittenResponse.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { W as WrittenResponseProps } from '../WrittenResponse-B50EjVR0.cjs';
-export { a as WrittenResponseSubmission } from '../WrittenResponse-B50EjVR0.cjs';
-export { H as HtmlSanitizer, R as RenderMode, a as Renderable } from '../types-CNmjqD6M.cjs';
+import { W as WrittenResponseProps } from '../WrittenResponse-DqQ0NjPK.cjs';
+export { a as WrittenResponseSubmission } from '../WrittenResponse-DqQ0NjPK.cjs';
+export { H as HtmlSanitizer, R as RenderMode, a as Renderable } from '../types-CrURyd9-.cjs';
 import '@intellectif/lk-core';
 
 /**

package/dist/components/WrittenResponse.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { W as WrittenResponseProps } from '../WrittenResponse-BHhP936i.js';
-export { a as WrittenResponseSubmission } from '../WrittenResponse-BHhP936i.js';
-export { H as HtmlSanitizer, R as RenderMode, a as Renderable } from '../types-CNmjqD6M.js';
+import { W as WrittenResponseProps } from '../WrittenResponse-Dkg7FUt-.js';
+export { a as WrittenResponseSubmission } from '../WrittenResponse-Dkg7FUt-.js';
+export { H as HtmlSanitizer, R as RenderMode, a as Renderable } from '../types-CrURyd9-.js';
 import '@intellectif/lk-core';
 
 /**