@intellectif/lk-react 16.1.0 → 17.0.0

package/CHANGELOG.md

@@ -1,5 +1,68 @@
 # @intellectif/lk-react
 
+## 17.0.0
+
+### Major Changes
+
+- 15a3435: Learners can ask an AI for help. "Explain my answer" appears under a graded answer, and "Get a hint"
+  before submit, in `<MultipleChoice>`, `<FillInTheBlanks>` and `<GapSelect>`. `<Dictation>` gets
+  explanations only; it has word hints of its own.
+
+  - **Your model, through ports you supply.** `<LkAiProvider ai={{ explain, hint, maxHints, learnerLocale }}>`
+    (new subpath `@intellectif/lk-react/ai/LkAiProvider`, also on the root) supplies them. So does an
+    `ai` prop on every activity, on `<ActivitySequence>` and on `<InteractiveVideo>`. A component's own
+    `ai` wins over the provider's, whole. A question a host draws — a `renderers` override, or the video's
+    `renderQuestion` (as the new `ai` field of `InteractiveVideoQuestion`) — is handed the ports in force,
+    except in `exam`. Leave a port out and that help does not appear.
+  - **Where it appears:**
+    - hints in `practice` before submit, up to `maxHints` (3 by default, at most 10), on a question that
+      is not disabled;
+    - an explanation in `practice` after submit, or in `review` when `outcome` is scored;
+    - **nothing in `exam`**, whatever is passed;
+    - nothing an item's author switched off with `ai: { hints: false }` or `ai: { explanations: false }`.
+  - **What a learner sees is checked first.** A hint containing the answer, an explanation of a verdict
+    other than the SDK's, and malformed, empty or over-long text are all refused. The learner sees "not
+    available" and can ask again, and a development build logs the reason. A refused hint is not
+    counted.
+  - **Everything a model wrote is marked:** "Written by AI. It can make mistakes."
+  - **A call only when the learner presses a button**, with an `AbortSignal` that fires when the answer
+    it was about goes away. A late answer is dropped either way, and a failure never blocks the
+    question.
+  - **For accessibility:** focus moves to an explanation when it arrives, and the buttons stay focusable
+    while working (`aria-busy`, `aria-disabled`).
+  - **Records:** `ai-hint-shown` and `ai-explanation-shown` reach `onInteraction`, each with the port's
+    `provenance`.
+  - **Styling and strings:** eleven new strings (`aiExplain` … `aiNotice`, all in `docs/i18n.md`) and
+    `.lk-ai-*` classes in the optional skin.
+
+  **Major** because the peer range moves to `@intellectif/lk-core@^0.17.0`, whose `ai` field can
+  refuse stored content (see its changelog). A host that passes no AI port sees nothing new.
+
+  See `docs/ai.md`.
+
+### Patch Changes
+
+- 15a3435: `<WrittenResponse>` gives every inline correction in a returned grade a list key of its own. A grade
+  that carries the same correction twice — the same mistake made twice in one essay — used to render
+  both rows under one key. React warns about that, and when the grade re-renders it can drop or
+  duplicate a row. A correction is now keyed by its `range`, or by its position when it has no range
+  or repeats one the grader already used. No API changes.
+- Updated dependencies [15a3435]
+  - @intellectif/lk-core@0.17.0
+
+## 16.1.1
+
+### Patch Changes
+
+- 287c896: Documentation: `<InteractiveVideo>` is a formative tool, for lessons and practice — not for official
+  summative exams, which `<ActivitySequence>` delivers. The learner controls the recording while the
+  questions are open (rewinds it, slows it, reads its transcript), a quiz can be reopened, and nothing
+  in the player times a question or holds a single pass. Its `exam` mode is a check-in without
+  feedback, not exam conditions; its questions still grade exactly as they do anywhere else.
+
+  The component's and `renderMode`'s documentation say so now, as do the README and the interactive
+  video guide. No behaviour changes.
+
 ## 16.1.0
 
 ### Minor Changes

package/README.md

@@ -72,7 +72,8 @@ export function Demo() {
 - **`<ReadAloud>`** — the learner reads a text aloud. A model recording and an optional slower one (same playback policy, and both kept silent for as long as a take is being recorded, so the microphone never picks up the model), a microphone control bounded by the item's take budget and its time limit, playback of the take before it is sent, and a word-by-word pronunciation result. The SDK captures and renders; it stores nothing and judges nothing: `recordingBinding.upload` puts the take in **your** storage and `recordingBinding.assess` (`practice` only) returns **your** server's judgement, so no audio, no key and no assessor ever sit in the component. In `exam` it uploads, submits and locks without scoring, revealing or assessing — and a take whose upload failed offers a retry and blocks submit rather than silently becoming a blank. In `review` it renders the stored `outcome`, marked from an `assessment` you pass or, failing that, rebuilt from the outcome's stored `details`.
 - **`<PronunciationFeedback>`** — the marks on their own, for a review screen that has evidence but no activity: the graded dimensions (accuracy, fluency, completeness, prosody — one the engine did not measure reads "not assessed", **never 0%**), and every word marked `correct` / `mispronounced` / `omitted` / `inserted` with a hidden sentence per word for screen readers and a glyph plus a text decoration for everyone else. A word opens onto its syllables, its sounds, what was heard instead, and a button that plays just that word. Evidence it cannot trust is checked before it is aligned, so in production a malformed assessment costs the word list — never the grade beside it.
 - **`<WrittenResponse>`** — free-text writing with a live word counter and bounds messaging, graded **asynchronously**: it emits an ungraded submission (never a fake zero) and a SUBMITTED-verb xAPI statement, and renders a returned `GradeRecord` in `review` mode with per-criterion scores and inline corrections.
-- **`<InteractiveVideo>`** — a video that stops at each quiz and asks its questions over itself, then plays on. One player: a progress bar that marks every quiz and previews the caption under the pointer, speed, volume, captions drawn from WebVTT it parses itself (through a `captionsLoader` when the file needs the learner's credentials) — in one language or two at once, a second line under the first for a learner matching what they hear to what it means — a contents and transcript panel, picture-in-picture, fullscreen and a keyboard map with a shortcut sheet. A quiz covers the video and grows the player rather than scrolling inside it, every question of an opened quiz stays mounted so a rewind loses no answer, the controls are `inert` while it is open, and a **required** quiz holds both playback and seeking until it is answered. Answers report with the slot the question sits in and the quiz it belongs to, and `onProgress` gives a resume point that is never past an unanswered required quiz. A host with renderers of its own draws any question itself through `renderQuestion` — the video still counts it, tells it when it leaves the screen so it can stop its microphone, and holds Finish while its answer is still on its way. See the [interactive video guide](https://github.com/intellectif/learning-kit/blob/main/docs/interactive-video.md).
+- **`<InteractiveVideo>`** — a video that stops at each quiz and asks its questions over itself, then plays on. **A formative tool**, for lessons and practice — deliver official summative exams with `<ActivitySequence>`. One player: a progress bar that marks every quiz and previews the caption under the pointer, speed, volume, captions drawn from WebVTT it parses itself (through a `captionsLoader` when the file needs the learner's credentials) — in one language or two at once, a second line under the first for a learner matching what they hear to what it means — a contents and transcript panel, picture-in-picture, fullscreen and a keyboard map with a shortcut sheet. A quiz covers the video and grows the player rather than scrolling inside it, every question of an opened quiz stays mounted so a rewind loses no answer, the controls are `inert` while it is open, and a **required** quiz holds both playback and seeking until it is answered. Answers report with the slot the question sits in and the quiz it belongs to, and `onProgress` gives a resume point that is never past an unanswered required quiz. A host with renderers of its own draws any question itself through `renderQuestion` — the video still counts it, tells it when it leaves the screen so it can stop its microphone, and holds Finish while its answer is still on its way. See the [interactive video guide](https://github.com/intellectif/learning-kit/blob/main/docs/interactive-video.md).
+- **AI help for learners** — "Explain my answer" after grading and "Get a hint" before submit, in `<MultipleChoice>`, `<FillInTheBlanks>`, `<GapSelect>` and `<Dictation>` (explanations only), through ports **you** supply with `<LkAiProvider>` or an `ai` prop (also on `<ActivitySequence>` and `<InteractiveVideo>`). The SDK never calls a model or holds a key: it builds the facts your model is given, refuses an explanation that contradicts the grade and a hint that contains the answer, marks everything a model wrote, and drops a late answer. Never in `exam`. See the [AI guide](https://github.com/intellectif/learning-kit/blob/main/docs/ai.md).
 - **`<ActivitySequence>`** — in-place "question set" pager (Previous/Next, "Question X of N", no scrolling, focus-managed). Accepts item groups and keeps their stimulus beside every question; `onSubmit` reports every raw answer with its `slotId`, which is the only response channel an `exam` sequence has. `onFinished` is the completion signal for a set that mixes scored and deferred-graded items, where `onComplete` can never fire. A read-aloud slot takes its storage from `recordingBinding`, whose methods are told which slot a take belongs to, and a `review` its per-word marks from `assessments`, keyed by `slotId` — there is a [worked example](https://github.com/intellectif/learning-kit/blob/main/docs/speech-assessment.md#in-a-question-set).
 - **Resume and review a whole attempt** — `<ActivitySequence>` takes `defaultIndex`, `responses` and `submittedSlotIds` (read at mount; remount with a `key` to show a different attempt), so an interrupted paper reopens on the right question with the right answers and already-committed questions still committed. `onIndexChange` reports every position the pager lands on, including a clamp it had to apply. Pass `renderMode="review"` plus server-computed `outcomes` to render a finished attempt read-only. Pairs with `serializeAttemptState` / `restoreAttemptState` in `lk-core`.
 - **`renderMode`** — `practice` (default: the component scores locally and reveals correctness), `exam` (never scores, never reveals; submit emits the raw response for the server to grade), `review` (read-only, marks correctness only from an `outcome` you supply). This is the single switch that takes grading off the client.
@@ -91,7 +92,7 @@ export function Demo() {
 - **`useSpeechRecorder(options)`** — the capture half of a read-aloud, usable on its own: microphone permission, an RMS level for a meter, a minimum take length, and an auto-stop measured from the **sample count** rather than a timer, so a take can never outrun its own limit. It yields **16 kHz mono 16-bit PCM WAV** — the one format `inspectWav` in `lk-core` measures without a decoder. SSR-safe by construction (support is discovered inside `start()`, never probed during render, so a server render and its hydration cannot disagree), and the microphone and the audio context are released on stop, discard, error and unmount alike. Where a Content-Security-Policy's `script-src` does not allow `blob:`, serve `CAPTURE_PROCESSOR_SOURCE` — exported beside the hook, with the contract it meets written on it — and pass its URL as `workletUrl`. A `workletUrl` that fails to load is not reported: the hook falls back to the main-thread `ScriptProcessorNode`, so check that the module is fetched.
 - **`<ThemeProvider>` + `defaults.css`** — `--lk-*` design-token system; automatic dark mode via `prefers-color-scheme` (SSR-safe with `useSyncExternalStore`).
 - **`createTailwindTheme(theme)`** — optional Tailwind interop; consume the SDK palette from your own utilities.
-- **`<LkIntlProvider>`** — all 168 strings the SDK's own chrome renders, replaceable in one place, with a per-component `strings` prop for the exceptions. Interpolation and plurals are **functions**, not format strings, so your `Intl.PluralRules` does the work and TypeScript checks the arity. `locale` sets `lang` and derives `dir`; the skin uses logical properties, so RTL follows. The SDK ships the mechanism and **English only** — see [docs/i18n.md](https://github.com/intellectif/learning-kit/blob/main/docs/i18n.md).
+- **`<LkIntlProvider>`** — all 179 strings the SDK's own chrome renders, replaceable in one place, with a per-component `strings` prop for the exceptions. Interpolation and plurals are **functions**, not format strings, so your `Intl.PluralRules` does the work and TypeScript checks the arity. `locale` sets `lang` and derives `dir`; the skin uses logical properties, so RTL follows. The SDK ships the mechanism and **English only** — see [docs/i18n.md](https://github.com/intellectif/learning-kit/blob/main/docs/i18n.md).
 - **WCAG 2.2 AA** — axe-clean unit + Playwright e2e tests; full keyboard operability; numerically-verified contrast.
 - **RSC-compatible** — every component carries `'use client'` and hydrates inside a React Server Component tree.
 
@@ -114,6 +115,7 @@ export function Demo() {
 | `@intellectif/lk-react/hooks/useActivityState` | Lifecycle + timing |
 | `@intellectif/lk-react/hooks/useSpeechRecorder` | Microphone capture to 16 kHz mono WAV, and `CAPTURE_PROCESSOR_SOURCE` for a self-hosted worklet |
 | `@intellectif/lk-react/hooks/useXAPI` | LRS delivery (retry, never-throws) |
+| `@intellectif/lk-react/ai/LkAiProvider` | `<LkAiProvider>`, `useLearnerAi`, and the `LearnerAi` type |
 | `@intellectif/lk-react/i18n/LkIntlProvider` | `<LkIntlProvider>`, `useLkStrings`, `useLkDirection`, `DEFAULT_STRINGS`, `mergeStrings`, `directionForLocale` |
 | `@intellectif/lk-react/theme/ThemeProvider` | `<ThemeProvider>`, `darkTheme`, `useTheme`, `createTailwindTheme` |
 | `@intellectif/lk-react/theme/defaults.css` | Tokens (required) |

package/dist/{WrittenResponse-xJ7I_5yq.d.ts → WrittenResponse-B4kY-U0v.d.ts}

@@ -1,5 +1,5 @@
 import { XAPIStatement, WrittenResponseData, LearnerResponse, ItemOutcome, InteractionEvent, ThemeTokens } from '@intellectif/lk-core';
-import { f as Renderable, e as RenderMode, H as HtmlSanitizer, M as MediaBudgetBinding, b as MediaTransportStrings, a as LkStringsOverride } from './strings-Cd_2F-Bw.js';
+import { f as Renderable, e as RenderMode, H as HtmlSanitizer, M as MediaBudgetBinding, b as MediaTransportStrings, a as LkStringsOverride } from './strings-PCYKWCwd.js';
 
 /**
  * Payload delivered when the learner submits a written response. Grading is

package/dist/{WrittenResponse-6tSj6U3G.d.cts → WrittenResponse-Dl3zah22.d.cts}

@@ -1,5 +1,5 @@
 import { XAPIStatement, WrittenResponseData, LearnerResponse, ItemOutcome, InteractionEvent, ThemeTokens } from '@intellectif/lk-core';
-import { f as Renderable, e as RenderMode, H as HtmlSanitizer, M as MediaBudgetBinding, b as MediaTransportStrings, a as LkStringsOverride } from './strings-C6wM5aUQ.cjs';
+import { f as Renderable, e as RenderMode, H as HtmlSanitizer, M as MediaBudgetBinding, b as MediaTransportStrings, a as LkStringsOverride } from './strings-BOPKhnS-.cjs';
 
 /**
  * Payload delivered when the learner submits a written response. Grading is

package/dist/ai/LkAiProvider.cjs

@@ -0,0 +1,17 @@
+'use client';
+'use strict';
+
+var chunkZDYNAWDZ_cjs = require('../chunk-ZDYNAWDZ.cjs');
+
+
+
+Object.defineProperty(exports, "LkAiProvider", {
+  enumerable: true,
+  get: function () { return chunkZDYNAWDZ_cjs.LkAiProvider; }
+});
+Object.defineProperty(exports, "useLearnerAi", {
+  enumerable: true,
+  get: function () { return chunkZDYNAWDZ_cjs.useLearnerAi; }
+});
+//# sourceMappingURL=LkAiProvider.cjs.map
+//# sourceMappingURL=LkAiProvider.cjs.map

package/dist/ai/LkAiProvider.cjs.map

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

package/dist/ai/LkAiProvider.d.cts

@@ -0,0 +1,60 @@
+import { AiExplanationRequest, AiTextResult, AiHintRequest } from '@intellectif/lk-core';
+import { ReactNode } from 'react';
+
+/**
+ * The model a host runs for learners, as the components call it. The SDK never
+ * calls a model, holds a key or writes a prompt: each port is the host's
+ * function — usually a request to its own server, which holds the key and the
+ * prompt and chooses the model.
+ *
+ * A port is called only when the learner asks — a button, never on render —
+ * and gets an `AbortSignal` that fires when the answer it was asked about goes
+ * away. Whatever it resolves to is checked before a learner sees it: see
+ * `checkAiExplanation` and `checkAiHint` in lk-core. A port that rejects, or
+ * resolves to something refused, costs the learner the help, never the
+ * question.
+ *
+ * Leave a port out to switch that feature off. Nothing AI renders in `exam`,
+ * whatever is passed.
+ */
+interface LearnerAi {
+    /** Explains a graded answer. */
+    explain?: (request: AiExplanationRequest, options: {
+        signal: AbortSignal;
+    }) => Promise<AiTextResult>;
+    /** Writes the next hint for an answer not yet submitted. */
+    hint?: (request: AiHintRequest, options: {
+        signal: AbortSignal;
+    }) => Promise<AiTextResult>;
+    /** The most hints a learner can ask for on one question. Default 3, at most 10. */
+    maxHints?: number;
+    /**
+     * The language to write explanations and hints in — the learner's own,
+     * which in a language course need not be the item's. Defaults to the
+     * component's `locale`.
+     */
+    learnerLocale?: string;
+}
+interface LkAiProviderProps {
+    ai: LearnerAi;
+    children: ReactNode;
+}
+/**
+ * Supplies the host's AI ports to every activity beneath, as `LkIntlProvider`
+ * supplies strings. A component's own `ai` prop wins over it, whole.
+ *
+ * ```tsx
+ * <LkAiProvider ai={{
+ *   explain: (request, { signal }) => api.explain(request, signal),
+ *   hint: (request, { signal }) => api.hint(request, signal),
+ *   learnerLocale: learner.language,
+ * }}>
+ *   <ActivitySequence … />
+ * </LkAiProvider>
+ * ```
+ */
+declare function LkAiProvider({ ai, children }: LkAiProviderProps): React.JSX.Element;
+/** The ports in force: a component's own, else the provider's, else none. */
+declare function useLearnerAi(override?: LearnerAi): LearnerAi | undefined;
+
+export { type LearnerAi, LkAiProvider, type LkAiProviderProps, useLearnerAi };

package/dist/ai/LkAiProvider.d.ts

@@ -0,0 +1,60 @@
+import { AiExplanationRequest, AiTextResult, AiHintRequest } from '@intellectif/lk-core';
+import { ReactNode } from 'react';
+
+/**
+ * The model a host runs for learners, as the components call it. The SDK never
+ * calls a model, holds a key or writes a prompt: each port is the host's
+ * function — usually a request to its own server, which holds the key and the
+ * prompt and chooses the model.
+ *
+ * A port is called only when the learner asks — a button, never on render —
+ * and gets an `AbortSignal` that fires when the answer it was asked about goes
+ * away. Whatever it resolves to is checked before a learner sees it: see
+ * `checkAiExplanation` and `checkAiHint` in lk-core. A port that rejects, or
+ * resolves to something refused, costs the learner the help, never the
+ * question.
+ *
+ * Leave a port out to switch that feature off. Nothing AI renders in `exam`,
+ * whatever is passed.
+ */
+interface LearnerAi {
+    /** Explains a graded answer. */
+    explain?: (request: AiExplanationRequest, options: {
+        signal: AbortSignal;
+    }) => Promise<AiTextResult>;
+    /** Writes the next hint for an answer not yet submitted. */
+    hint?: (request: AiHintRequest, options: {
+        signal: AbortSignal;
+    }) => Promise<AiTextResult>;
+    /** The most hints a learner can ask for on one question. Default 3, at most 10. */
+    maxHints?: number;
+    /**
+     * The language to write explanations and hints in — the learner's own,
+     * which in a language course need not be the item's. Defaults to the
+     * component's `locale`.
+     */
+    learnerLocale?: string;
+}
+interface LkAiProviderProps {
+    ai: LearnerAi;
+    children: ReactNode;
+}
+/**
+ * Supplies the host's AI ports to every activity beneath, as `LkIntlProvider`
+ * supplies strings. A component's own `ai` prop wins over it, whole.
+ *
+ * ```tsx
+ * <LkAiProvider ai={{
+ *   explain: (request, { signal }) => api.explain(request, signal),
+ *   hint: (request, { signal }) => api.hint(request, signal),
+ *   learnerLocale: learner.language,
+ * }}>
+ *   <ActivitySequence … />
+ * </LkAiProvider>
+ * ```
+ */
+declare function LkAiProvider({ ai, children }: LkAiProviderProps): React.JSX.Element;
+/** The ports in force: a component's own, else the provider's, else none. */
+declare function useLearnerAi(override?: LearnerAi): LearnerAi | undefined;
+
+export { type LearnerAi, LkAiProvider, type LkAiProviderProps, useLearnerAi };

package/dist/ai/LkAiProvider.js

@@ -0,0 +1,4 @@
+'use client';
+export { LkAiProvider, useLearnerAi } from '../chunk-YNDKAYW3.js';
+//# sourceMappingURL=LkAiProvider.js.map
+//# sourceMappingURL=LkAiProvider.js.map

package/dist/ai/LkAiProvider.js.map

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

package/dist/{chunk-PXGJHZKJ.cjs → chunk-3FBBP5QR.cjs}

@@ -1,8 +1,8 @@
 'use client';
 'use strict';
 
-var chunkTRP5Z3XW_cjs = require('./chunk-TRP5Z3XW.cjs');
-var chunkMQAZJQRE_cjs = require('./chunk-MQAZJQRE.cjs');
+var chunkL7WY5YFQ_cjs = require('./chunk-L7WY5YFQ.cjs');
+var chunkAHGB5HH6_cjs = require('./chunk-AHGB5HH6.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -19,7 +19,7 @@ function StimulusPanel({
   strings
 }) {
   const titleId = react.useId();
-  const s = chunkMQAZJQRE_cjs.useLkStrings(strings);
+  const s = chunkAHGB5HH6_cjs.useLkStrings(strings);
   const bodyHtml = react.useMemo(() => {
     if (sanitizeHtml === void 0 || typeof stimulus.bodyHtml !== "string") {
       return null;
@@ -33,7 +33,7 @@ function StimulusPanel({
     stimulus.title !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "lk-stimulus-title", id: titleId, ...contentLang, children: stimulus.title }) : null,
     rangeText !== null ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "lk-stimulus-range", children: rangeText }) : null,
     stimulus.media !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunkTRP5Z3XW_cjs.ActivityMedia,
+      chunkL7WY5YFQ_cjs.ActivityMedia,
       {
         media: stimulus.media,
         ...renderMode !== void 0 ? { renderMode } : {},
@@ -59,5 +59,5 @@ function StimulusPanel({
 }
 
 exports.StimulusPanel = StimulusPanel;
-//# sourceMappingURL=chunk-PXGJHZKJ.cjs.map
-//# sourceMappingURL=chunk-PXGJHZKJ.cjs.map
+//# sourceMappingURL=chunk-3FBBP5QR.cjs.map
+//# sourceMappingURL=chunk-3FBBP5QR.cjs.map

package/dist/{chunk-PXGJHZKJ.cjs.map → chunk-3FBBP5QR.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/StimulusPanel/StimulusPanel.tsx"],"names":["useId","useLkStrings","useMemo","jsxs","jsx","ActivityMedia"],"mappings":"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","file":"chunk-PXGJHZKJ.cjs","sourcesContent":["'use client';\n\nimport type { InteractionEvent, Stimulus } from '@intellectif/lk-core';\nimport { useId, useMemo } from 'react';\nimport { useLkStrings } from '../../i18n/LkIntlProvider.js';\nimport type { LkStringsOverride } from '../../i18n/strings.js';\nimport { ActivityMedia } from '../shared/ActivityMedia.js';\nimport type {\n  HtmlSanitizer,\n  MediaBudgetBinding,\n  MediaTransportStrings,\n  RenderMode,\n} from '../types.js';\n\nexport interface StimulusPanelProps {\n  stimulus: Stimulus;\n  /**\n   * 1-based presented positions of the first and last question this material\n   * serves, rendered as \"Questions 3–8\" so a learner knows how far the\n   * passage carries.\n   */\n  range?: { first: number; last: number };\n  /** Renders `stimulus.bodyHtml` when provided. See `HtmlSanitizer`. */\n  sanitizeHtml?: HtmlSanitizer;\n  locale?: string;\n  /**\n   * Forwarded to the stimulus's own media. `review` keeps the browser's control\n   * bar even under an enforcing policy — a graded paper cannot be changed by\n   * listening again.\n   */\n  renderMode?: RenderMode;\n  /**\n   * Binds this group's recording to a play budget the consumer persists. One\n   * recording serves every question in the group, so the key is derived from\n   * the ENTRY rather than the slot — see `stimulusMediaKey()` in lk-core.\n   */\n  mediaBudget?: MediaBudgetBinding;\n  /** Translations for the audio transport chrome. */\n  mediaStrings?: Partial<MediaTransportStrings>;\n  onInteraction?: (event: InteractionEvent) => void;\n  disabled?: boolean;\n  /** Overrides the SDK's chrome text for this panel. See {@link LkIntlProvider}. */\n  strings?: LkStringsOverride;\n}\n\n/**\n * Presents a shared stimulus — the passage, recording or image an item group's\n * questions refer to. A landmark region named by its title (or by its kind),\n * so a screen-reader user can jump back to the material from any question.\n *\n * Rich text follows the SDK-wide rule: `bodyHtml` is rendered only through a\n * caller-supplied sanitiser, and the plain `body` is the fallback — which the\n * schema guarantees exists whenever `bodyHtml` does.\n */\nexport function StimulusPanel({\n  stimulus,\n  range,\n  sanitizeHtml,\n  locale,\n  renderMode,\n  mediaBudget,\n  mediaStrings,\n  onInteraction,\n  disabled,\n  strings,\n}: StimulusPanelProps): React.JSX.Element {\n  const titleId = useId();\n  const s = useLkStrings(strings);\n\n  const bodyHtml = useMemo(() => {\n    if (sanitizeHtml === undefined || typeof stimulus.bodyHtml !== 'string') {\n      return null;\n    }\n    return sanitizeHtml(stimulus.bodyHtml);\n  }, [stimulus.bodyHtml, sanitizeHtml]);\n\n  const rangeText = range === undefined ? null : s.stimulusRange(range.first, range.last);\n\n  const naming =\n    stimulus.title !== undefined\n      ? { 'aria-labelledby': titleId }\n      : { 'aria-label': s.stimulusKind[stimulus.kind] };\n\n  // The AUTHORED parts carry the stimulus language; the SDK's own chrome does\n  // not. Declaring `stimulus.locale` on the whole region made a screen reader\n  // read \"Recording\" and \"Questions 3–5\" — English strings this package ships\n  // — in the passage's voice, so a Spanish listening panel announced its own\n  // name and the only orientation text in it with Spanish phonetics\n  // (WCAG 3.1.2 Language of Parts). Scope the declaration to the content it\n  // actually describes.\n  const contentLang = stimulus.locale !== undefined ? { lang: stimulus.locale } : {};\n\n  return (\n    <section className=\"lk-stimulus\" data-kind={stimulus.kind} lang={locale} {...naming}>\n      {stimulus.title !== undefined ? (\n        <p className=\"lk-stimulus-title\" id={titleId} {...contentLang}>\n          {stimulus.title}\n        </p>\n      ) : null}\n      {rangeText !== null ? <p className=\"lk-stimulus-range\">{rangeText}</p> : null}\n      {stimulus.media !== undefined ? (\n        <ActivityMedia\n          media={stimulus.media}\n          {...(renderMode !== undefined ? { renderMode } : {})}\n          {...(mediaBudget !== undefined ? { mediaBudget } : {})}\n          {...(mediaStrings !== undefined ? { mediaStrings } : {})}\n          {...(strings !== undefined ? { strings } : {})}\n          {...(onInteraction !== undefined ? { onInteraction } : {})}\n          {...(disabled !== undefined ? { disabled } : {})}\n          {...(locale !== undefined ? { locale } : {})}\n        />\n      ) : null}\n      {bodyHtml !== null ? (\n        <div\n          className=\"lk-stimulus-body\"\n          data-format=\"html\"\n          {...contentLang}\n          // biome-ignore lint/security/noDangerouslySetInnerHtml: rendered only through the caller-supplied HtmlSanitizer — the SDK never injects unsanitised markup\n          dangerouslySetInnerHTML={{ __html: bodyHtml }}\n        />\n      ) : stimulus.body !== undefined ? (\n        <div className=\"lk-stimulus-body\" data-format=\"text\" {...contentLang}>\n          {stimulus.body}\n        </div>\n      ) : null}\n      {stimulus.attribution !== undefined ? (\n        <p className=\"lk-stimulus-attribution\" {...contentLang}>\n          <cite>{stimulus.attribution}</cite>\n        </p>\n      ) : null}\n    </section>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/StimulusPanel/StimulusPanel.tsx"],"names":["useId","useLkStrings","useMemo","jsxs","jsx","ActivityMedia"],"mappings":";;;;;;;AAsDO,SAAS,aAAA,CAAc;AAAA,EAC5B,QAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAA0C;AACxC,EAAA,MAAM,UAAUA,WAAA,EAAM;AACtB,EAAA,MAAM,CAAA,GAAIC,+BAAa,OAAO,CAAA;AAE9B,EAAA,MAAM,QAAA,GAAWC,cAAQ,MAAM;AAC7B,IAAA,IAAI,YAAA,KAAiB,MAAA,IAAa,OAAO,QAAA,CAAS,aAAa,QAAA,EAAU;AACvE,MAAA,OAAO,IAAA;AAAA,IACT;AACA,IAAA,OAAO,YAAA,CAAa,SAAS,QAAQ,CAAA;AAAA,EACvC,CAAA,EAAG,CAAC,QAAA,CAAS,QAAA,EAAU,YAAY,CAAC,CAAA;AAEpC,EAAA,MAAM,SAAA,GAAY,UAAU,MAAA,GAAY,IAAA,GAAO,EAAE,aAAA,CAAc,KAAA,CAAM,KAAA,EAAO,KAAA,CAAM,IAAI,CAAA;AAEtF,EAAA,MAAM,MAAA,GACJ,QAAA,CAAS,KAAA,KAAU,MAAA,GACf,EAAE,iBAAA,EAAmB,OAAA,EAAQ,GAC7B,EAAE,YAAA,EAAc,CAAA,CAAE,YAAA,CAAa,QAAA,CAAS,IAAI,CAAA,EAAE;AASpD,EAAA,MAAM,WAAA,GAAc,SAAS,MAAA,KAAW,MAAA,GAAY,EAAE,IAAA,EAAM,QAAA,CAAS,MAAA,EAAO,GAAI,EAAC;AAEjF,EAAA,uBACEC,eAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,aAAA,EAAc,WAAA,EAAW,SAAS,IAAA,EAAM,IAAA,EAAM,MAAA,EAAS,GAAG,MAAA,EAC1E,QAAA,EAAA;AAAA,IAAA,QAAA,CAAS,KAAA,KAAU,MAAA,mBAClBC,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,mBAAA,EAAoB,EAAA,EAAI,OAAA,EAAU,GAAG,WAAA,EAC/C,QAAA,EAAA,QAAA,CAAS,KAAA,EACZ,CAAA,GACE,IAAA;AAAA,IACH,cAAc,IAAA,mBAAOA,cAAA,CAAC,OAAE,SAAA,EAAU,mBAAA,EAAqB,qBAAU,CAAA,GAAO,IAAA;AAAA,IACxE,QAAA,CAAS,UAAU,MAAA,mBAClBA,cAAA;AAAA,MAACC,+BAAA;AAAA,MAAA;AAAA,QACC,OAAO,QAAA,CAAS,KAAA;AAAA,QACf,GAAI,UAAA,KAAe,MAAA,GAAY,EAAE,UAAA,KAAe,EAAC;AAAA,QACjD,GAAI,WAAA,KAAgB,MAAA,GAAY,EAAE,WAAA,KAAgB,EAAC;AAAA,QACnD,GAAI,YAAA,KAAiB,MAAA,GAAY,EAAE,YAAA,KAAiB,EAAC;AAAA,QACrD,GAAI,OAAA,KAAY,MAAA,GAAY,EAAE,OAAA,KAAY,EAAC;AAAA,QAC3C,GAAI,aAAA,KAAkB,MAAA,GAAY,EAAE,aAAA,KAAkB,EAAC;AAAA,QACvD,GAAI,QAAA,KAAa,MAAA,GAAY,EAAE,QAAA,KAAa,EAAC;AAAA,QAC7C,GAAI,MAAA,KAAW,MAAA,GAAY,EAAE,MAAA,KAAW;AAAC;AAAA,KAC5C,GACE,IAAA;AAAA,IACH,aAAa,IAAA,mBACZD,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,kBAAA;AAAA,QACV,aAAA,EAAY,MAAA;AAAA,QACX,GAAG,WAAA;AAAA,QAEJ,uBAAA,EAAyB,EAAE,MAAA,EAAQ,QAAA;AAAS;AAAA,KAC9C,GACE,QAAA,CAAS,IAAA,KAAS,MAAA,kCACnB,KAAA,EAAA,EAAI,SAAA,EAAU,kBAAA,EAAmB,aAAA,EAAY,MAAA,EAAQ,GAAG,WAAA,EACtD,QAAA,EAAA,QAAA,CAAS,MACZ,CAAA,GACE,IAAA;AAAA,IACH,QAAA,CAAS,WAAA,KAAgB,MAAA,mBACxBA,cAAA,CAAC,OAAE,SAAA,EAAU,yBAAA,EAA2B,GAAG,WAAA,EACzC,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,QAAA,CAAS,WAAA,EAAY,GAC9B,CAAA,GACE;AAAA,GAAA,EACN,CAAA;AAEJ","file":"chunk-3FBBP5QR.cjs","sourcesContent":["'use client';\n\nimport type { InteractionEvent, Stimulus } from '@intellectif/lk-core';\nimport { useId, useMemo } from 'react';\nimport { useLkStrings } from '../../i18n/LkIntlProvider.js';\nimport type { LkStringsOverride } from '../../i18n/strings.js';\nimport { ActivityMedia } from '../shared/ActivityMedia.js';\nimport type {\n  HtmlSanitizer,\n  MediaBudgetBinding,\n  MediaTransportStrings,\n  RenderMode,\n} from '../types.js';\n\nexport interface StimulusPanelProps {\n  stimulus: Stimulus;\n  /**\n   * 1-based presented positions of the first and last question this material\n   * serves, rendered as \"Questions 3–8\" so a learner knows how far the\n   * passage carries.\n   */\n  range?: { first: number; last: number };\n  /** Renders `stimulus.bodyHtml` when provided. See `HtmlSanitizer`. */\n  sanitizeHtml?: HtmlSanitizer;\n  locale?: string;\n  /**\n   * Forwarded to the stimulus's own media. `review` keeps the browser's control\n   * bar even under an enforcing policy — a graded paper cannot be changed by\n   * listening again.\n   */\n  renderMode?: RenderMode;\n  /**\n   * Binds this group's recording to a play budget the consumer persists. One\n   * recording serves every question in the group, so the key is derived from\n   * the ENTRY rather than the slot — see `stimulusMediaKey()` in lk-core.\n   */\n  mediaBudget?: MediaBudgetBinding;\n  /** Translations for the audio transport chrome. */\n  mediaStrings?: Partial<MediaTransportStrings>;\n  onInteraction?: (event: InteractionEvent) => void;\n  disabled?: boolean;\n  /** Overrides the SDK's chrome text for this panel. See {@link LkIntlProvider}. */\n  strings?: LkStringsOverride;\n}\n\n/**\n * Presents a shared stimulus — the passage, recording or image an item group's\n * questions refer to. A landmark region named by its title (or by its kind),\n * so a screen-reader user can jump back to the material from any question.\n *\n * Rich text follows the SDK-wide rule: `bodyHtml` is rendered only through a\n * caller-supplied sanitiser, and the plain `body` is the fallback — which the\n * schema guarantees exists whenever `bodyHtml` does.\n */\nexport function StimulusPanel({\n  stimulus,\n  range,\n  sanitizeHtml,\n  locale,\n  renderMode,\n  mediaBudget,\n  mediaStrings,\n  onInteraction,\n  disabled,\n  strings,\n}: StimulusPanelProps): React.JSX.Element {\n  const titleId = useId();\n  const s = useLkStrings(strings);\n\n  const bodyHtml = useMemo(() => {\n    if (sanitizeHtml === undefined || typeof stimulus.bodyHtml !== 'string') {\n      return null;\n    }\n    return sanitizeHtml(stimulus.bodyHtml);\n  }, [stimulus.bodyHtml, sanitizeHtml]);\n\n  const rangeText = range === undefined ? null : s.stimulusRange(range.first, range.last);\n\n  const naming =\n    stimulus.title !== undefined\n      ? { 'aria-labelledby': titleId }\n      : { 'aria-label': s.stimulusKind[stimulus.kind] };\n\n  // The AUTHORED parts carry the stimulus language; the SDK's own chrome does\n  // not. Declaring `stimulus.locale` on the whole region made a screen reader\n  // read \"Recording\" and \"Questions 3–5\" — English strings this package ships\n  // — in the passage's voice, so a Spanish listening panel announced its own\n  // name and the only orientation text in it with Spanish phonetics\n  // (WCAG 3.1.2 Language of Parts). Scope the declaration to the content it\n  // actually describes.\n  const contentLang = stimulus.locale !== undefined ? { lang: stimulus.locale } : {};\n\n  return (\n    <section className=\"lk-stimulus\" data-kind={stimulus.kind} lang={locale} {...naming}>\n      {stimulus.title !== undefined ? (\n        <p className=\"lk-stimulus-title\" id={titleId} {...contentLang}>\n          {stimulus.title}\n        </p>\n      ) : null}\n      {rangeText !== null ? <p className=\"lk-stimulus-range\">{rangeText}</p> : null}\n      {stimulus.media !== undefined ? (\n        <ActivityMedia\n          media={stimulus.media}\n          {...(renderMode !== undefined ? { renderMode } : {})}\n          {...(mediaBudget !== undefined ? { mediaBudget } : {})}\n          {...(mediaStrings !== undefined ? { mediaStrings } : {})}\n          {...(strings !== undefined ? { strings } : {})}\n          {...(onInteraction !== undefined ? { onInteraction } : {})}\n          {...(disabled !== undefined ? { disabled } : {})}\n          {...(locale !== undefined ? { locale } : {})}\n        />\n      ) : null}\n      {bodyHtml !== null ? (\n        <div\n          className=\"lk-stimulus-body\"\n          data-format=\"html\"\n          {...contentLang}\n          // biome-ignore lint/security/noDangerouslySetInnerHtml: rendered only through the caller-supplied HtmlSanitizer — the SDK never injects unsanitised markup\n          dangerouslySetInnerHTML={{ __html: bodyHtml }}\n        />\n      ) : stimulus.body !== undefined ? (\n        <div className=\"lk-stimulus-body\" data-format=\"text\" {...contentLang}>\n          {stimulus.body}\n        </div>\n      ) : null}\n      {stimulus.attribution !== undefined ? (\n        <p className=\"lk-stimulus-attribution\" {...contentLang}>\n          <cite>{stimulus.attribution}</cite>\n        </p>\n      ) : null}\n    </section>\n  );\n}\n"]}

package/dist/{chunk-WOYCT5M6.cjs → chunk-3TJSFPO4.cjs}

@@ -1,13 +1,14 @@
 'use client';
 'use strict';
 
-var chunkZSY4VANQ_cjs = require('./chunk-ZSY4VANQ.cjs');
-var chunk2TFNDHJ5_cjs = require('./chunk-2TFNDHJ5.cjs');
-var chunkB6S5ADHR_cjs = require('./chunk-B6S5ADHR.cjs');
-var chunkRSQFGF5W_cjs = require('./chunk-RSQFGF5W.cjs');
-var chunkML6L4LJH_cjs = require('./chunk-ML6L4LJH.cjs');
-var chunk2S3MK4VX_cjs = require('./chunk-2S3MK4VX.cjs');
-var chunkMQAZJQRE_cjs = require('./chunk-MQAZJQRE.cjs');
+var chunkJKMBFHER_cjs = require('./chunk-JKMBFHER.cjs');
+var chunkTI23GIFM_cjs = require('./chunk-TI23GIFM.cjs');
+var chunkQA42VDTA_cjs = require('./chunk-QA42VDTA.cjs');
+var chunkRZ52SEYV_cjs = require('./chunk-RZ52SEYV.cjs');
+var chunkZDYNAWDZ_cjs = require('./chunk-ZDYNAWDZ.cjs');
+var chunk6RRFH7C4_cjs = require('./chunk-6RRFH7C4.cjs');
+var chunkBAKLJKFZ_cjs = require('./chunk-BAKLJKFZ.cjs');
+var chunkAHGB5HH6_cjs = require('./chunk-AHGB5HH6.cjs');
 var lkCore = require('@intellectif/lk-core');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -1218,13 +1219,14 @@ function Player(props) {
     theme,
     sanitizeHtml
   } = props;
-  const strings = chunkMQAZJQRE_cjs.useLkStrings(props.strings);
+  const strings = chunkAHGB5HH6_cjs.useLkStrings(props.strings);
+  const aiInForce = chunkZDYNAWDZ_cjs.useLearnerAi(props.ai);
   const group = react.useRef(props.group).current;
   const timeline = group.timeline ?? { cues: [] };
   const media = group.stimulus.media;
   const chapters = timeline.chapters ?? [];
   const devError = react.useMemo(() => {
-    if (!chunk2S3MK4VX_cjs.isDevelopment()) {
+    if (!chunkBAKLJKFZ_cjs.isDevelopment()) {
       return null;
     }
     if (group.timeline === void 0) {
@@ -2021,7 +2023,7 @@ function Player(props) {
       if (reportTo.current.renderMode !== "review") {
         return false;
       }
-      if (chunk2S3MK4VX_cjs.isDevelopment() && !warned.has(call)) {
+      if (chunkBAKLJKFZ_cjs.isDevelopment() && !warned.has(call)) {
         warned.add(call);
         console.warn(
           `InteractiveVideo: \`${call}()\` was called for question "${slotId}" in renderMode "review", where nothing is submittable. It was ignored.`
@@ -2112,6 +2114,7 @@ function Player(props) {
       defaultSubmitted: submitted.has(slot.slotId),
       ...outcome !== void 0 ? { outcome } : {},
       portalContainer,
+      ...aiInForce !== void 0 && renderMode !== "exam" ? { ai: aiInForce } : {},
       ...callsFor(place)
     };
   };
@@ -2129,12 +2132,13 @@ function Player(props) {
       ...onInteraction !== void 0 ? { onInteraction } : {},
       ...sanitizeHtml !== void 0 ? { sanitizeHtml } : {},
       ...props.strings !== void 0 ? { strings: props.strings } : {},
+      ...props.ai !== void 0 ? { ai: props.ai } : {},
       ...locale !== void 0 ? { locale } : {}
     };
     switch (activity.type) {
       case "multiple-choice":
         return /* @__PURE__ */ jsxRuntime.jsx(
-          chunkZSY4VANQ_cjs.MultipleChoice,
+          chunkJKMBFHER_cjs.MultipleChoice,
           {
             data: activity,
             ...common,
@@ -2142,10 +2146,10 @@ function Player(props) {
           }
         );
       case "fill-in-the-blanks":
-        return /* @__PURE__ */ jsxRuntime.jsx(chunk2TFNDHJ5_cjs.FillInTheBlanks, { data: activity, ...common });
+        return /* @__PURE__ */ jsxRuntime.jsx(chunkTI23GIFM_cjs.FillInTheBlanks, { data: activity, ...common });
       case "gap-select":
         return /* @__PURE__ */ jsxRuntime.jsx(
-          chunkB6S5ADHR_cjs.GapSelect,
+          chunkQA42VDTA_cjs.GapSelect,
           {
             data: activity,
             ...common,
@@ -2153,12 +2157,12 @@ function Player(props) {
           }
         );
       case "dictation":
-        return /* @__PURE__ */ jsxRuntime.jsx(chunkRSQFGF5W_cjs.Dictation, { data: activity, ...common });
+        return /* @__PURE__ */ jsxRuntime.jsx(chunkRZ52SEYV_cjs.Dictation, { data: activity, ...common });
       case "read-aloud": {
         const binding = slotBindings.get(slot.slotId);
         const assessment = props.assessments !== void 0 && Object.hasOwn(props.assessments, slot.slotId) ? props.assessments[slot.slotId] : void 0;
         return /* @__PURE__ */ jsxRuntime.jsx(
-          chunkML6L4LJH_cjs.ReadAloud,
+          chunk6RRFH7C4_cjs.ReadAloud,
           {
             data: activity,
             ...common,
@@ -2787,7 +2791,7 @@ function SlotQuestion({
   ...content
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk2S3MK4VX_cjs.ActivityErrorBoundary,
+    chunkBAKLJKFZ_cjs.ActivityErrorBoundary,
     {
       ...title !== void 0 ? { activityTitle: title } : {},
       strings,
@@ -2822,7 +2826,7 @@ function QuestionPane({
     if (!hidden) {
       return;
     }
-    chunkML6L4LJH_cjs.stopCaptureGroup(captureGroup);
+    chunk6RRFH7C4_cjs.stopCaptureGroup(captureGroup);
     for (const media of ref.current?.querySelectorAll("audio, video") ?? []) {
       const element = media;
       if (!element.paused) {
@@ -2830,7 +2834,7 @@ function QuestionPane({
       }
     }
   }, [hidden, captureGroup]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: "lk-iv-question", hidden, children: /* @__PURE__ */ jsxRuntime.jsx(chunkML6L4LJH_cjs.SequenceSlotContext.Provider, { value: channel, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: "lk-iv-question", hidden, children: /* @__PURE__ */ jsxRuntime.jsx(chunk6RRFH7C4_cjs.SequenceSlotContext.Provider, { value: channel, children }) });
 }
 function bufferedAhead(video) {
   const ranges = video.buffered;
@@ -2870,9 +2874,9 @@ function markerState(quizSlots, answered, renderMode, outcomes) {
   return "unreached";
 }
 function InteractiveVideo2(props) {
-  const strings = chunkMQAZJQRE_cjs.useLkStrings(props.strings);
+  const strings = chunkAHGB5HH6_cjs.useLkStrings(props.strings);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk2S3MK4VX_cjs.ActivityErrorBoundary,
+    chunkBAKLJKFZ_cjs.ActivityErrorBoundary,
     {
       ...props.group?.title !== void 0 ? { activityTitle: props.group.title } : {},
       strings,
@@ -2883,5 +2887,5 @@ function InteractiveVideo2(props) {
 
 exports.InteractiveVideo = InteractiveVideo2;
 exports.resolveCaptionTracks = resolveCaptionTracks;
-//# sourceMappingURL=chunk-WOYCT5M6.cjs.map
-//# sourceMappingURL=chunk-WOYCT5M6.cjs.map
+//# sourceMappingURL=chunk-3TJSFPO4.cjs.map
+//# sourceMappingURL=chunk-3TJSFPO4.cjs.map