@intellectif/lk-react 23.1.0 → 23.1.2

package/dist/WrittenResponse-Bj3eFmGl.cjs

@@ -0,0 +1,491 @@
+'use client';
+const require_ai_LkAiProvider = require("./ai/LkAiProvider.cjs");
+const require_useAiHelp = require("./useAiHelp-h9yOLFqt.cjs");
+const require_LkIntlProvider = require("./LkIntlProvider-oi57lYB0.cjs");
+const require_ActivityErrorBoundary = require("./ActivityErrorBoundary-B379hvtL.cjs");
+const require_hooks_useActivityState = require("./hooks/useActivityState.cjs");
+const require_ActivityMedia = require("./ActivityMedia-CQQTRNl7.cjs");
+const require_FeedbackRegion = require("./FeedbackRegion-BNNMtTY-.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _intellectif_lk_core = require("@intellectif/lk-core");
+//#region src/components/WrittenResponse/WrittenResponse.tsx
+/**
+* Reads the text out of a learner response. Another activity type's response
+* shape (the `value`/`defaultValue` props take the `LearnerResponse` union,
+* so a generic runner can hand any of them over) reads as empty rather than
+* throwing mid-exam.
+*/
+function textOf(response) {
+	return response !== void 0 && response.type === "written-response" ? response.text : "";
+}
+/**
+* One criterion's score as a percentage of its OWN maximum.
+*
+* `CriterionScore.maxScore` defaults to 1 — the SDK's scaled convention — but
+* a grader may work out of 100, or out of 9 for a CEFR band, and
+* `gradeFromRubric` deliberately stores those judgements verbatim so a grade
+* stays auditable in the units the grader actually used. It normalises when it
+* computes the total; anything DISPLAYING a criterion has to normalise too, or
+* a perfectly ordinary 82/100 renders as "8200%". This is the same guard the
+* overall score already applies against `outcome.maxScore`.
+*/
+function criterionPercent(criterion) {
+	const max = criterion.maxScore !== void 0 && criterion.maxScore > 0 ? criterion.maxScore : 1;
+	return `${Math.round(criterion.score / max * 100)}%`;
+}
+/**
+* Pairs each correction with a list key that is unique by construction. The
+* same mistake made twice carries the same `original`/`corrected` pair, so
+* the grader's `range` is what tells the occurrences apart. `range` is
+* optional and nothing validates it, so a correction without one — or one
+* whose range the grader already used — is keyed by its position instead.
+* Only position keys start with `#`, so the two kinds never collide.
+*/
+function keyedCorrections(corrections) {
+	const used = /* @__PURE__ */ new Set();
+	return corrections.map((correction, index) => {
+		const anchored = correction.range ? `${correction.range.start}-${correction.range.end}:${correction.corrected}` : void 0;
+		const key = anchored !== void 0 && !used.has(anchored) ? anchored : `#${index}`;
+		used.add(key);
+		return {
+			key,
+			correction
+		};
+	});
+}
+/**
+* Renders the server-computed outcome in `review` mode. The grade shown here
+* always came back from the asynchronous grader — nothing on this path scores,
+* infers, or defaults a grade. A `written-response` outcome carries no
+* per-item `details` (there are no options or blanks to mark), so the render
+* is the scaled score, the pass state, and the grader's feedback.
+*/
+function CriteriaList({ criteria, s }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+		className: "lk-wr-criteria",
+		children: criteria.map((criterion) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+			className: "lk-wr-criterion",
+			"data-na": String(criterion.notApplicable === true),
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "lk-wr-criterion-name",
+					children: criterion.name
+				}),
+				criterion.notApplicable === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "lk-wr-criterion-score",
+					children: s.notApplicable
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "lk-wr-criterion-score",
+					children: criterion.band ?? (typeof criterion.score === "number" ? criterionPercent(criterion) : "")
+				}),
+				criterion.comment ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "lk-wr-criterion-comment",
+					children: criterion.comment
+				}) : null
+			]
+		}, criterion.name))
+	});
+}
+function CorrectionsList({ corrections, label }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+		className: "lk-wr-corrections",
+		...label !== void 0 ? { "aria-label": label } : {},
+		children: keyedCorrections(corrections).map(({ key, correction }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+			className: "lk-wr-correction",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("del", {
+					className: "lk-wr-correction-original",
+					children: correction.original
+				}),
+				" ",
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ins", {
+					className: "lk-wr-correction-corrected",
+					children: correction.corrected
+				}),
+				correction.explanation ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "lk-wr-correction-explanation",
+					children: correction.explanation
+				}) : null
+			]
+		}, key))
+	});
+}
+function GradeBody({ grade, s }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		grade.feedback ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "lk-wr-grade-feedback",
+			children: grade.feedback
+		}) : null,
+		grade.criteria && grade.criteria.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CriteriaList, {
+			criteria: grade.criteria,
+			s
+		}) : null,
+		grade.corrections && grade.corrections.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CorrectionsList, { corrections: grade.corrections }) : null,
+		grade.requiresHumanReview === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "lk-wr-review-flag",
+			children: s.awaitingHumanReview
+		}) : null
+	] });
+}
+/**
+* "Get feedback on my draft", and the feedback: what a model said, the
+* corrections it proposed — each quoting the learner's own words, or the SDK
+* would have refused it — its comment on each criterion, and the rubric's
+* total as an indication, never a grade. A revision since the feedback is
+* said, because its corrections may point at words that are gone.
+*/
+function DraftFeedback({ help, draft, disabled, s }) {
+	const buttonRef = (0, react.useRef)(null);
+	const panelRef = (0, react.useRef)(null);
+	const refocus = (0, react.useRef)(false);
+	const latest = help.latest;
+	(0, react.useEffect)(() => {
+		if (latest !== null && refocus.current) {
+			refocus.current = false;
+			panelRef.current?.focus();
+		}
+	}, [latest]);
+	(0, react.useEffect)(() => {
+		if (help.status === "unavailable") refocus.current = false;
+	}, [help.status]);
+	if (!help.offered && help.used === 0) return null;
+	const loading = help.status === "loading";
+	const empty = draft.trim() === "";
+	const ask = () => {
+		refocus.current = typeof document !== "undefined" && document.activeElement === buttonRef.current;
+		help.ask();
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "lk-ai lk-wr-ai",
+		"data-state": help.status,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			"aria-live": "polite",
+			children: [latest !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				ref: panelRef,
+				className: "lk-ai-panel",
+				tabIndex: -1,
+				"aria-label": s.aiWritingFeedbackHeading,
+				"data-current": String(help.current),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "lk-ai-heading",
+						children: s.aiWritingFeedbackHeading
+					}),
+					help.current ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "lk-ai-note",
+						children: s.aiWritingFeedbackOutdated
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "lk-ai-text",
+						children: latest.text
+					}),
+					latest.corrections.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CorrectionsList, {
+						corrections: latest.corrections,
+						label: s.aiCorrections
+					}) : null,
+					latest.criteria.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CriteriaList, {
+						criteria: latest.criteria,
+						s
+					}) : null,
+					latest.indicativeScore !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "lk-wr-indicative",
+						children: s.aiIndicativeScore(Math.round(latest.indicativeScore * 100))
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "lk-ai-notice",
+						children: s.aiNotice
+					})
+				]
+			}) : null, help.status === "unavailable" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "lk-ai-unavailable",
+				children: s.aiWritingFeedbackUnavailable
+			}) : null]
+		}), help.offered ? help.used < help.limit ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			ref: buttonRef,
+			type: "button",
+			className: "lk-ai-button",
+			"aria-busy": loading || void 0,
+			"aria-disabled": loading || empty || disabled || void 0,
+			onClick: ask,
+			children: loading ? s.aiWritingFeedbackLoading : s.aiWritingFeedback
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "lk-ai-note",
+			children: s.aiNoMoreWritingFeedback
+		}) : null]
+	});
+}
+/**
+* Renders the server-computed outcome in `review` mode. The grade shown here
+* always came back from the grader — nothing on this path scores, infers, or
+* defaults a grade.
+*/
+function OutcomeSummary({ outcome, s }) {
+	if (outcome.status === "scored" || outcome.status === "graded") {
+		const percent = outcome.maxScore > 0 ? Math.round(outcome.score / outcome.maxScore * 100) : Math.round(outcome.score * 100);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "lk-wr-outcome",
+			"data-status": outcome.status,
+			"data-passed": String(outcome.passed),
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "lk-wr-grade",
+				children: s.scoreAnnouncement(percent, outcome.passed)
+			}), outcome.status === "graded" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GradeBody, {
+				grade: outcome.grade,
+				s
+			}) : outcome.feedback ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "lk-wr-grade-feedback",
+				children: outcome.feedback
+			}) : null]
+		});
+	}
+	if (outcome.status === "deferred") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "lk-wr-outcome",
+		"data-status": "deferred",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "lk-wr-grade",
+			children: s.awaitingGrade
+		})
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "lk-wr-outcome",
+		"data-status": "unscorable",
+		"data-reason": outcome.reason,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "lk-wr-grade",
+			children: s.couldNotBeGraded
+		})
+	});
+}
+function WrittenResponse$1({ data, onSubmitted, onSubmit, value, defaultValue, defaultSubmitted, onChange, renderMode = "practice", outcome, sanitizeHtml, mediaBudget, mediaStrings, strings, onInteraction, theme, locale, disabled, delivery, ai: aiProp }) {
+	const s = require_LkIntlProvider.useLkStrings(strings);
+	const policy = require_FeedbackRegion.useDeliveryPolicy(delivery);
+	const ai = require_ai_LkAiProvider.useLearnerAi(aiProp);
+	const devError = (0, react.useMemo)(() => {
+		if (!require_useAiHelp.isDevelopment()) return null;
+		const result = (0, _intellectif_lk_core.validateActivity)("written-response", data);
+		return result.success ? null : new _intellectif_lk_core.ActivitySchemaError("written-response", result.errors);
+	}, [data]);
+	const { state, start, complete, getTimeSpent, reset } = require_hooks_useActivityState.useActivityState(defaultSubmitted === true ? "completed" : "idle");
+	const isControlled = value !== void 0;
+	const [innerText, setInnerText] = (0, react.useState)(() => textOf(defaultValue));
+	const [summary, setSummary] = (0, react.useState)(null);
+	/**
+	* Rich text is rendered ONLY through a caller-supplied sanitiser, and only
+	* when the author actually shipped the HTML sidecar. Without both, the
+	* plain-text prompt is rendered as an escaped React child.
+	*/
+	const promptHtml = (0, react.useMemo)(() => {
+		if (sanitizeHtml === void 0 || typeof data.promptHtml !== "string") return null;
+		return sanitizeHtml(data.promptHtml);
+	}, [data.promptHtml, sanitizeHtml]);
+	const defaultTextRef = (0, react.useRef)(textOf(defaultValue));
+	(0, react.useEffect)(() => {
+		defaultTextRef.current = textOf(defaultValue);
+	}, [defaultValue]);
+	const defaultSubmittedRef = (0, react.useRef)(defaultSubmitted);
+	(0, react.useEffect)(() => {
+		defaultSubmittedRef.current = defaultSubmitted;
+	}, [defaultSubmitted]);
+	const lastDataRef = (0, react.useRef)(data);
+	(0, react.useEffect)(() => {
+		if (lastDataRef.current === data) return;
+		lastDataRef.current = data;
+		setInnerText(defaultTextRef.current);
+		setSummary(null);
+		reset(defaultSubmittedRef.current === true ? "completed" : "idle");
+	}, [data, reset]);
+	const draft = isControlled ? textOf(value) : innerText;
+	const writingFeedback = require_useAiHelp.useAiWritingFeedback({
+		data,
+		response: {
+			type: "written-response",
+			text: draft,
+			wordCount: (0, _intellectif_lk_core.countWords)(draft)
+		},
+		submitted: state === "completed",
+		renderMode,
+		delivery: policy,
+		disabled: disabled === true,
+		...ai !== void 0 ? { ai } : {},
+		...locale !== void 0 ? { locale } : {},
+		...onInteraction !== void 0 ? { onInteraction } : {}
+	});
+	if (devError) throw devError;
+	const isExam = renderMode === "exam";
+	const isReview = renderMode === "review";
+	const text = isControlled ? textOf(value) : innerText;
+	const inactive = disabled === true || state === "completed" || isReview;
+	const wordCount = (0, _intellectif_lk_core.countWords)(text);
+	const withinBounds = wordCount >= data.minWords && wordCount <= data.maxWords;
+	const handleChange = (next) => {
+		if (inactive) return;
+		if (state === "idle") start();
+		if (!isControlled) setInnerText(next);
+		const nextWordCount = (0, _intellectif_lk_core.countWords)(next);
+		onChange?.({
+			type: "written-response",
+			text: next,
+			wordCount: nextWordCount
+		});
+		onInteraction?.({
+			type: "text-changed",
+			activityId: data.id,
+			timestamp: Date.now(),
+			payload: { wordCount: nextWordCount }
+		});
+	};
+	if (data.redacted === true && renderMode === "practice") throw new Error(`Written Response "${data.id}" received redacted activity data in renderMode "practice". Practice runs the local submit path and emits a practice-mode xAPI statement, so an exam item wired this way is graded nowhere and looks fine while it happens. Render redacted data with renderMode="exam" (server grades) or "review" (pass \`outcome\`).`);
+	const handleSubmit = (event) => {
+		event.preventDefault();
+		if (inactive || text.trim().length === 0) return;
+		let finalWordCount = wordCount;
+		let finalWithinBounds = withinBounds;
+		if (!isExam) {
+			const itemOutcome = (0, _intellectif_lk_core.evaluate)(data, {
+				type: "written-response",
+				text,
+				wordCount
+			});
+			const partial = itemOutcome.status === "deferred" ? itemOutcome.partial : void 0;
+			if (typeof partial?.wordCount === "number") finalWordCount = partial.wordCount;
+			if (typeof partial?.withinWordBounds === "boolean") finalWithinBounds = partial.withinWordBounds;
+		}
+		complete();
+		const timeSpent = getTimeSpent();
+		const xapiStatement = _intellectif_lk_core.xAPIBuilder.buildSubmittedStatement({
+			actor: require_useAiHelp.ANONYMOUS_ACTOR,
+			object: {
+				id: require_useAiHelp.objectIdFor(data.id),
+				name: { [data.locale ?? "en-US"]: data.title },
+				type: "http://adlnet.gov/expapi/activities/cmi.interaction",
+				interactionType: "long-fill-in"
+			},
+			timeSpentMs: timeSpent,
+			response: text,
+			resultExtensions: {
+				"urn:learning-kit:extension:word-count": finalWordCount,
+				"urn:learning-kit:extension:within-word-bounds": finalWithinBounds
+			}
+		});
+		onSubmit?.({
+			type: "written-response",
+			text,
+			wordCount: finalWordCount
+		});
+		onSubmitted?.({
+			text,
+			wordCount: finalWordCount,
+			withinWordBounds: finalWithinBounds,
+			timeSpent,
+			xapiStatement
+		});
+		setSummary(s.responseSubmitted);
+		onInteraction?.({
+			type: "submitted",
+			activityId: data.id,
+			timestamp: Date.now(),
+			payload: {
+				wordCount: finalWordCount,
+				withinWordBounds: finalWithinBounds
+			}
+		});
+	};
+	const promptId = `${data.id}-prompt`;
+	const counterId = `${data.id}-counter`;
+	const boundsLabel = s.wordBounds(data.minWords, data.maxWords);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+		className: "lk-wr",
+		"aria-label": data.title,
+		lang: locale,
+		"data-render-mode": renderMode,
+		style: theme,
+		onSubmit: handleSubmit,
+		children: [
+			data.media ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ActivityMedia.ActivityMedia, {
+				media: data.media,
+				renderMode,
+				...mediaBudget !== void 0 ? { mediaBudget } : {},
+				...mediaStrings !== void 0 ? { mediaStrings } : {},
+				...strings !== void 0 ? { strings } : {},
+				...onInteraction !== void 0 ? { onInteraction } : {},
+				...locale !== void 0 ? { locale } : {}
+			}) : null,
+			promptHtml === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "lk-wr-prompt",
+				id: promptId,
+				children: data.prompt
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "lk-wr-prompt",
+				id: promptId,
+				dangerouslySetInnerHTML: { __html: promptHtml }
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+				className: "lk-wr-textarea",
+				"aria-labelledby": promptId,
+				"aria-describedby": counterId,
+				value: text,
+				onChange: (event) => handleChange(event.target.value),
+				disabled: !isReview && inactive,
+				readOnly: isReview,
+				rows: 8
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "lk-wr-counter",
+				id: counterId,
+				"aria-live": "polite",
+				"data-within-bounds": withinBounds,
+				children: [
+					s.wordCount(wordCount),
+					" (",
+					boundsLabel,
+					")"
+				]
+			}),
+			ai?.writingFeedback !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DraftFeedback, {
+				help: writingFeedback,
+				draft: text,
+				disabled: disabled === true,
+				s
+			}) : null,
+			isReview ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "submit",
+				className: "lk-wr-submit",
+				disabled: inactive || text.trim().length === 0,
+				children: s.submit
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FeedbackRegion.FeedbackRegion, {
+				id: `${data.id}-feedback`,
+				children: isReview ? outcome && (policy.feedback || !require_FeedbackRegion.outcomeShowsMarks(outcome)) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OutcomeSummary, {
+					outcome,
+					s
+				}) : null : summary
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/WrittenResponse/index.tsx
+/**
+* Public Written Response activity: a labelled textarea with a live word
+* counter for free-text writing graded asynchronously (AI or human). The core
+* is wrapped in `ActivityErrorBoundary` so a render failure (incl. the dev
+* schema-validation throw) degrades to an accessible fallback.
+*/
+function WrittenResponse(props) {
+	const strings = require_LkIntlProvider.useLkStrings(props.strings);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ActivityErrorBoundary.ActivityErrorBoundary, {
+		activityTitle: props.data?.title,
+		strings,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WrittenResponse$1, { ...props })
+	});
+}
+//#endregion
+Object.defineProperty(exports, "WrittenResponse", {
+	enumerable: true,
+	get: function() {
+		return WrittenResponse;
+	}
+});
+
+//# sourceMappingURL=WrittenResponse-Bj3eFmGl.cjs.map

package/dist/WrittenResponse-Bj3eFmGl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WrittenResponse-Bj3eFmGl.cjs","names":["useRef","WrittenResponse","useLkStrings","useDeliveryPolicy","useLearnerAi","useMemo","isDevelopment","validateActivity","ActivitySchemaError","useActivityState","useState","useAiWritingFeedback","countWords","evaluate","xAPIBuilder","ANONYMOUS_ACTOR","objectIdFor","ActivityMedia","FeedbackRegion","outcomeShowsMarks","useLkStrings","ActivityErrorBoundary","WrittenResponseCore"],"sources":["../src/components/WrittenResponse/WrittenResponse.tsx","../src/components/WrittenResponse/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  ActivitySchemaError,\n  type CriterionScore,\n  countWords,\n  type DeliveryPolicy,\n  evaluate,\n  type GradeRecord,\n  type InlineCorrection,\n  type InteractionEvent,\n  type ItemOutcome,\n  type LearnerResponse,\n  type ThemeTokens,\n  validateActivity,\n  type WrittenResponseData,\n  type XAPIStatement,\n  xAPIBuilder,\n} from '@intellectif/lk-core';\nimport { type CSSProperties, useEffect, useMemo, useRef, useState } from 'react';\nimport { type LearnerAi, useLearnerAi } from '../../ai/LkAiProvider.js';\nimport { type AiWritingFeedbackHelp, useAiWritingFeedback } from '../../ai/useAiHelp.js';\nimport { useActivityState } from '../../hooks/useActivityState.js';\nimport { useLkStrings } from '../../i18n/LkIntlProvider.js';\nimport type { LkStrings, LkStringsOverride } from '../../i18n/strings.js';\nimport { ANONYMOUS_ACTOR, isDevelopment, objectIdFor } from '../_internal.js';\nimport { ActivityMedia } from '../shared/ActivityMedia.js';\nimport { outcomeShowsMarks, useDeliveryPolicy } from '../shared/delivery.js';\nimport { FeedbackRegion } from '../shared/FeedbackRegion.js';\nimport type {\n  HtmlSanitizer,\n  MediaBudgetBinding,\n  MediaTransportStrings,\n  Renderable,\n  RenderMode,\n} from '../types.js';\n\n/**\n * Payload delivered when the learner submits a written response. Grading is\n * DEFERRED (asynchronous AI/human grading), so there is no score here — and\n * deliberately no fake one: an ungraded submission must never be shown or\n * stored as a 0. The consumer persists `text` and grades it out-of-band.\n */\nexport interface WrittenResponseSubmission {\n  /** The submitted text, verbatim. */\n  text: string;\n  /** Word count of `text`, recomputed with the canonical `countWords()`. */\n  wordCount: number;\n  /** Whether `wordCount` falls within the activity's `[minWords, maxWords]`. */\n  withinWordBounds: boolean;\n  /** Time in milliseconds from first interaction to submission. */\n  timeSpent: number;\n  /** The SUBMITTED-verb xAPI statement built for this submission (no score fields). */\n  xapiStatement: XAPIStatement;\n}\n\n/**\n * Props for {@link WrittenResponse}. Mirrors `ActivityProps` except for the\n * completion callback: a deferred-grading activity completes with a\n * {@link WrittenResponseSubmission} (`onSubmitted`), not a scored\n * `ActivityResult` (`onComplete`), on purpose: fabricating a score of 0 for\n * ungraded work is the exact bug this type exists to fix. Everything else — controlled value, render\n * mode, server outcome, rich text — follows the shared `ActivityProps`\n * contract verbatim.\n */\nexport interface WrittenResponseProps {\n  /** Activity content. Accepts a `redact()` projection in `exam` mode. */\n  data: Renderable<WrittenResponseData>;\n  /**\n   * Called on submit with the ungraded submission (text, recomputed word\n   * count, bounds flag, timing, xAPI statement). Fires in `practice` and\n   * `exam` mode, after `onSubmit`; never in `review`.\n   *\n   * Optional since lk-react 2.1.0 so a `review`-mode render (which has no submit\n   * control) and an exam runner that only wants the raw response through\n   * `onSubmit` do not have to pass a no-op. Supply it in `practice`/`exam`\n   * unless `onSubmit` already captures everything you persist.\n   */\n  onSubmitted?: (submission: WrittenResponseSubmission) => void;\n  /**\n   * Called on submit with the raw learner response and no grade, BEFORE\n   * `onSubmitted`. This is the only submit callback an exam runner needs:\n   * the server grades the text and returns an {@link ItemOutcome} later.\n   */\n  onSubmit?: (response: LearnerResponse) => void;\n  /**\n   * Controlled value: the learner's current response. When present the\n   * textarea renders from it (never from internal state) and every keystroke\n   * goes out through `onChange` — restore an in-progress attempt, autosave a\n   * delta, or drive a review render with it.\n   */\n  value?: LearnerResponse;\n  /** Initial response for an uncontrolled component (ignored when `value` is set). */\n  defaultValue?: LearnerResponse;\n  /**\n   * Mount as already submitted — read at mount only. Without it a resumed\n   * attempt reopens an essay the learner had already submitted as editable\n   * and re-submittable.\n   */\n  defaultSubmitted?: boolean;\n  /** Fires on every change to the learner's response. Required for a controlled component. */\n  onChange?: (response: LearnerResponse) => void;\n  /**\n   * Presentation mode, default `practice`. `practice` and `exam` are nearly\n   * identical here — a written response is never graded client-side, so\n   * there is no local score to withhold; `exam` additionally never calls\n   * `evaluate()` and renders happily from a `redact()` projection.\n   * `review` is read-only and shows the server's `outcome`.\n   */\n  renderMode?: RenderMode;\n  /**\n   * Server-computed outcome, rendered by `review` mode: `deferred` shows a\n   * \"not graded yet\" affordance, `scored` shows the returned grade and\n   * feedback. Ignored in other modes — this component never manufactures an\n   * outcome of its own.\n   */\n  outcome?: ItemOutcome;\n  /** Renders `data.promptHtml` when provided. See `HtmlSanitizer`. */\n  sanitizeHtml?: HtmlSanitizer;\n  /** Binds this activity's own `data.media` to a play budget. See {@link MediaBudgetBinding}. */\n  mediaBudget?: MediaBudgetBinding;\n  /** Translations for the audio transport chrome. See {@link MediaTransportStrings}. */\n  mediaStrings?: Partial<MediaTransportStrings>;\n  /** Overrides the SDK's chrome text for this activity. See {@link LkIntlProvider}. */\n  strings?: LkStringsOverride;\n  onInteraction?: (event: InteractionEvent) => void;\n  /** Per-instance token overrides, applied as inline CSS vars on the root. */\n  theme?: Partial<ThemeTokens>;\n  locale?: string;\n  disabled?: boolean;\n  /**\n   * The delivery policy. An essay is graded later, so `feedback` reaches it —\n   * `false` reads a returned grade back as nothing in `review` — and so does\n   * AI feedback on a draft, which needs `feedback`, `solutions` and\n   * `ai.explanations`. See `DeliveryPolicy` in lk-core.\n   */\n  delivery?: DeliveryPolicy | null;\n  /**\n   * The host's AI ports, overriding `LkAiProvider`'s. With a `writingFeedback`\n   * port, a learner in `practice` can ask for feedback on a draft before\n   * submitting it — up to `maxWritingFeedback` times — and revise. Every\n   * correction in it quotes the learner's own words, or the SDK refuses it.\n   * Never in `exam` or `review`. See {@link LearnerAi}.\n   */\n  ai?: LearnerAi;\n}\n\n/**\n * Reads the text out of a learner response. Another activity type's response\n * shape (the `value`/`defaultValue` props take the `LearnerResponse` union,\n * so a generic runner can hand any of them over) reads as empty rather than\n * throwing mid-exam.\n */\nfunction textOf(response: LearnerResponse | undefined): string {\n  return response !== undefined && response.type === 'written-response' ? response.text : '';\n}\n\n/**\n * One criterion's score as a percentage of its OWN maximum.\n *\n * `CriterionScore.maxScore` defaults to 1 — the SDK's scaled convention — but\n * a grader may work out of 100, or out of 9 for a CEFR band, and\n * `gradeFromRubric` deliberately stores those judgements verbatim so a grade\n * stays auditable in the units the grader actually used. It normalises when it\n * computes the total; anything DISPLAYING a criterion has to normalise too, or\n * a perfectly ordinary 82/100 renders as \"8200%\". This is the same guard the\n * overall score already applies against `outcome.maxScore`.\n */\nfunction criterionPercent(criterion: CriterionScore): string {\n  const max = criterion.maxScore !== undefined && criterion.maxScore > 0 ? criterion.maxScore : 1;\n  return `${Math.round(((criterion.score as number) / max) * 100)}%`;\n}\n\n/**\n * Pairs each correction with a list key that is unique by construction. The\n * same mistake made twice carries the same `original`/`corrected` pair, so\n * the grader's `range` is what tells the occurrences apart. `range` is\n * optional and nothing validates it, so a correction without one — or one\n * whose range the grader already used — is keyed by its position instead.\n * Only position keys start with `#`, so the two kinds never collide.\n */\nfunction keyedCorrections(\n  corrections: readonly InlineCorrection[],\n): { key: string; correction: InlineCorrection }[] {\n  const used = new Set<string>();\n  return corrections.map((correction, index) => {\n    const anchored = correction.range\n      ? `${correction.range.start}-${correction.range.end}:${correction.corrected}`\n      : undefined;\n    const key = anchored !== undefined && !used.has(anchored) ? anchored : `#${index}`;\n    used.add(key);\n    return { key, correction };\n  });\n}\n\n/**\n * Renders the server-computed outcome in `review` mode. The grade shown here\n * always came back from the asynchronous grader — nothing on this path scores,\n * infers, or defaults a grade. A `written-response` outcome carries no\n * per-item `details` (there are no options or blanks to mark), so the render\n * is the scaled score, the pass state, and the grader's feedback.\n */\nfunction CriteriaList({ criteria, s }: { criteria: readonly CriterionScore[]; s: LkStrings }) {\n  return (\n    <ul className=\"lk-wr-criteria\">\n      {criteria.map((criterion) => (\n        <li\n          className=\"lk-wr-criterion\"\n          key={criterion.name}\n          data-na={String(criterion.notApplicable === true)}\n        >\n          <span className=\"lk-wr-criterion-name\">{criterion.name}</span>\n          {criterion.notApplicable === true ? (\n            <span className=\"lk-wr-criterion-score\">{s.notApplicable}</span>\n          ) : (\n            <span className=\"lk-wr-criterion-score\">\n              {criterion.band ??\n                (typeof criterion.score === 'number' ? criterionPercent(criterion) : '')}\n            </span>\n          )}\n          {criterion.comment ? (\n            <span className=\"lk-wr-criterion-comment\">{criterion.comment}</span>\n          ) : null}\n        </li>\n      ))}\n    </ul>\n  );\n}\n\nfunction CorrectionsList({\n  corrections,\n  label,\n}: {\n  corrections: readonly InlineCorrection[];\n  label?: string;\n}) {\n  return (\n    <ul className=\"lk-wr-corrections\" {...(label !== undefined ? { 'aria-label': label } : {})}>\n      {keyedCorrections(corrections).map(({ key, correction }) => (\n        <li className=\"lk-wr-correction\" key={key}>\n          <del className=\"lk-wr-correction-original\">{correction.original}</del>{' '}\n          <ins className=\"lk-wr-correction-corrected\">{correction.corrected}</ins>\n          {correction.explanation ? (\n            <span className=\"lk-wr-correction-explanation\">{correction.explanation}</span>\n          ) : null}\n        </li>\n      ))}\n    </ul>\n  );\n}\n\nfunction GradeBody({ grade, s }: { grade: GradeRecord; s: LkStrings }) {\n  return (\n    <>\n      {grade.feedback ? <p className=\"lk-wr-grade-feedback\">{grade.feedback}</p> : null}\n      {grade.criteria && grade.criteria.length > 0 ? (\n        <CriteriaList criteria={grade.criteria} s={s} />\n      ) : null}\n      {grade.corrections && grade.corrections.length > 0 ? (\n        <CorrectionsList corrections={grade.corrections} />\n      ) : null}\n      {grade.requiresHumanReview === true ? (\n        <p className=\"lk-wr-review-flag\">{s.awaitingHumanReview}</p>\n      ) : null}\n    </>\n  );\n}\n\n/**\n * \"Get feedback on my draft\", and the feedback: what a model said, the\n * corrections it proposed — each quoting the learner's own words, or the SDK\n * would have refused it — its comment on each criterion, and the rubric's\n * total as an indication, never a grade. A revision since the feedback is\n * said, because its corrections may point at words that are gone.\n */\nfunction DraftFeedback({\n  help,\n  draft,\n  disabled,\n  s,\n}: {\n  help: AiWritingFeedbackHelp;\n  draft: string;\n  disabled: boolean;\n  s: LkStrings;\n}) {\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const panelRef = useRef<HTMLElement>(null);\n  const refocus = useRef(false);\n  const latest = help.latest;\n\n  // The feedback lands beside the button that asked; focus follows it there,\n  // so a screen reader reads it from its heading rather than all at once.\n  useEffect(() => {\n    if (latest !== null && refocus.current) {\n      refocus.current = false;\n      panelRef.current?.focus();\n    }\n  }, [latest]);\n  useEffect(() => {\n    if (help.status === 'unavailable') {\n      refocus.current = false;\n    }\n  }, [help.status]);\n\n  if (!help.offered && help.used === 0) {\n    return null;\n  }\n  const loading = help.status === 'loading';\n  const empty = draft.trim() === '';\n  const ask = (): void => {\n    refocus.current =\n      typeof document !== 'undefined' && document.activeElement === buttonRef.current;\n    help.ask();\n  };\n  return (\n    <div className=\"lk-ai lk-wr-ai\" data-state={help.status}>\n      <div aria-live=\"polite\">\n        {latest !== null ? (\n          <section\n            ref={panelRef}\n            className=\"lk-ai-panel\"\n            tabIndex={-1}\n            aria-label={s.aiWritingFeedbackHeading}\n            data-current={String(help.current)}\n          >\n            <p className=\"lk-ai-heading\">{s.aiWritingFeedbackHeading}</p>\n            {help.current ? null : <p className=\"lk-ai-note\">{s.aiWritingFeedbackOutdated}</p>}\n            <p className=\"lk-ai-text\">{latest.text}</p>\n            {latest.corrections.length > 0 ? (\n              <CorrectionsList corrections={latest.corrections} label={s.aiCorrections} />\n            ) : null}\n            {latest.criteria.length > 0 ? <CriteriaList criteria={latest.criteria} s={s} /> : null}\n            {latest.indicativeScore !== null ? (\n              <p className=\"lk-wr-indicative\">\n                {s.aiIndicativeScore(Math.round(latest.indicativeScore * 100))}\n              </p>\n            ) : null}\n            <p className=\"lk-ai-notice\">{s.aiNotice}</p>\n          </section>\n        ) : null}\n        {help.status === 'unavailable' ? (\n          <p className=\"lk-ai-unavailable\">{s.aiWritingFeedbackUnavailable}</p>\n        ) : null}\n      </div>\n      {help.offered ? (\n        help.used < help.limit ? (\n          <button\n            ref={buttonRef}\n            type=\"button\"\n            className=\"lk-ai-button\"\n            aria-busy={loading || undefined}\n            // aria-disabled rather than disabled: focus stays on the button.\n            aria-disabled={loading || empty || disabled || undefined}\n            onClick={ask}\n          >\n            {loading ? s.aiWritingFeedbackLoading : s.aiWritingFeedback}\n          </button>\n        ) : (\n          <p className=\"lk-ai-note\">{s.aiNoMoreWritingFeedback}</p>\n        )\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * Renders the server-computed outcome in `review` mode. The grade shown here\n * always came back from the grader — nothing on this path scores, infers, or\n * defaults a grade.\n */\nfunction OutcomeSummary({ outcome, s }: { outcome: ItemOutcome; s: LkStrings }) {\n  if (outcome.status === 'scored' || outcome.status === 'graded') {\n    // `score` is scaled [0–1] against `maxScore`; normalising by `maxScore`\n    // is a no-op for the canonical maxScore of 1 and keeps an unscaled\n    // grader payload (8.5 / 10) from rendering as 850%.\n    const percent =\n      outcome.maxScore > 0\n        ? Math.round((outcome.score / outcome.maxScore) * 100)\n        : Math.round(outcome.score * 100);\n    return (\n      <div\n        className=\"lk-wr-outcome\"\n        data-status={outcome.status}\n        data-passed={String(outcome.passed)}\n      >\n        <p className=\"lk-wr-grade\">{s.scoreAnnouncement(percent, outcome.passed)}</p>\n        {outcome.status === 'graded' ? (\n          <GradeBody grade={outcome.grade} s={s} />\n        ) : outcome.feedback ? (\n          <p className=\"lk-wr-grade-feedback\">{outcome.feedback}</p>\n        ) : null}\n      </div>\n    );\n  }\n  if (outcome.status === 'deferred') {\n    return (\n      <div className=\"lk-wr-outcome\" data-status=\"deferred\">\n        <p className=\"lk-wr-grade\">{s.awaitingGrade}</p>\n      </div>\n    );\n  }\n  // `unscorable` reasons are developer-facing strings; surface the state, not\n  // the reason, and leave it on the element for diagnostics.\n  return (\n    <div className=\"lk-wr-outcome\" data-status=\"unscorable\" data-reason={outcome.reason}>\n      <p className=\"lk-wr-grade\">{s.couldNotBeGraded}</p>\n    </div>\n  );\n}\n\nexport function WrittenResponse({\n  data,\n  onSubmitted,\n  onSubmit,\n  value,\n  defaultValue,\n  defaultSubmitted,\n  onChange,\n  renderMode = 'practice',\n  outcome,\n  sanitizeHtml,\n  mediaBudget,\n  mediaStrings,\n  strings,\n  onInteraction,\n  theme,\n  locale,\n  disabled,\n  delivery,\n  ai: aiProp,\n}: WrittenResponseProps) {\n  // Dev-only boundary validation, same convention as MC/FIB. The\n  // content schema is loose, so a `redact()` projection validates too.\n  const s = useLkStrings(strings);\n  // An essay is graded later, so `feedback` is the one setting that reaches\n  // it: whether a returned grade — the score, each criterion, the corrections\n  // — is read back in review.\n  const policy = useDeliveryPolicy(delivery);\n  const ai = useLearnerAi(aiProp);\n\n  const devError = useMemo(() => {\n    if (!isDevelopment()) {\n      return null;\n    }\n    const result = validateActivity('written-response', data);\n    return result.success ? null : new ActivitySchemaError('written-response', result.errors);\n  }, [data]);\n\n  const { state, start, complete, getTimeSpent, reset } = useActivityState(\n    defaultSubmitted === true ? 'completed' : 'idle',\n  );\n  const isControlled = value !== undefined;\n  const [innerText, setInnerText] = useState<string>(() => textOf(defaultValue));\n  const [summary, setSummary] = useState<string | null>(null);\n\n  /**\n   * Rich text is rendered ONLY through a caller-supplied sanitiser, and only\n   * when the author actually shipped the HTML sidecar. Without both, the\n   * plain-text prompt is rendered as an escaped React child.\n   */\n  const promptHtml = useMemo(() => {\n    if (sanitizeHtml === undefined || typeof data.promptHtml !== 'string') {\n      return null;\n    }\n    return sanitizeHtml(data.promptHtml);\n  }, [data.promptHtml, sanitizeHtml]);\n\n  // Latest seed text, kept in a ref so `defaultValue` is NOT a reset trigger:\n  // callers pass an object literal, whose identity changes every render.\n  const defaultTextRef = useRef<string>(textOf(defaultValue));\n  useEffect(() => {\n    defaultTextRef.current = textOf(defaultValue);\n  }, [defaultValue]);\n\n  // Reset on data-prop change: back to the seed (empty when there\n  // is none — the v1 behaviour), never the previous activity's draft.\n  // Mirror `defaultSubmitted` so the reset below returns to the SEEDED state.\n  // Resetting unconditionally to idle unlocked an item the learner had already\n  // committed — which made `defaultSubmitted` a no-op here, since this effect\n  // runs right after the first paint.\n  const defaultSubmittedRef = useRef(defaultSubmitted);\n  useEffect(() => {\n    defaultSubmittedRef.current = defaultSubmitted;\n  }, [defaultSubmitted]);\n\n  // Identity guard so the MOUNT run is a no-op. Without it this effect fires\n  // after the first paint and undoes every seed it was just given; with it,\n  // only a real `data` change resets. A parent that rebuilds structurally\n  // identical entries in render (`activities={raw.map(redact)}`) must not\n  // unlock or revert a restored answer — the pager already remounts a slot\n  // whose activity actually changed, via its key.\n  const lastDataRef = useRef(data);\n  useEffect(() => {\n    if (lastDataRef.current === data) {\n      return;\n    }\n    lastDataRef.current = data;\n    setInnerText(defaultTextRef.current);\n    setSummary(null);\n    reset(defaultSubmittedRef.current === true ? 'completed' : 'idle');\n  }, [data, reset]);\n\n  // Feedback on a draft is a hook, so it is read here, before the throws below.\n  const draft = isControlled ? textOf(value) : innerText;\n  const writingFeedback = useAiWritingFeedback({\n    data,\n    response: { type: 'written-response', text: draft, wordCount: countWords(draft) },\n    submitted: state === 'completed',\n    renderMode,\n    delivery: policy,\n    disabled: disabled === true,\n    ...(ai !== undefined ? { ai } : {}),\n    ...(locale !== undefined ? { locale } : {}),\n    ...(onInteraction !== undefined ? { onInteraction } : {}),\n  });\n\n  if (devError) {\n    throw devError;\n  }\n\n  const isExam = renderMode === 'exam';\n  const isReview = renderMode === 'review';\n\n  const text = isControlled ? textOf(value) : innerText;\n  const submitted = state === 'completed';\n  const inactive = disabled === true || submitted || isReview;\n  const wordCount = countWords(text);\n  const withinBounds = wordCount >= data.minWords && wordCount <= data.maxWords;\n\n  const handleChange = (next: string): void => {\n    if (inactive) {\n      return;\n    }\n    if (state === 'idle') {\n      start();\n    }\n    // A controlled component renders from `props.value` only; the caller's\n    // state is the single source of truth for the text.\n    if (!isControlled) {\n      setInnerText(next);\n    }\n    const nextWordCount = countWords(next);\n    onChange?.({ type: 'written-response', text: next, wordCount: nextWordCount });\n    onInteraction?.({\n      type: 'text-changed',\n      activityId: data.id,\n      timestamp: Date.now(),\n      payload: { wordCount: nextWordCount },\n    });\n  };\n\n  // Practice reveals nothing an essay could leak, but it DOES run the local\n  // submit path and emit a practice xAPI statement for work the server is\n  // supposed to grade. MultipleChoice and FillInTheBlanks have refused\n  // redacted data in `practice` since 0.5.0; this component silently accepted\n  // it, so an all-essay redacted paper mounted without `renderMode` looked\n  // entirely healthy end to end. Fail at render, like its siblings.\n  if (data.redacted === true && renderMode === 'practice') {\n    throw new Error(\n      `Written Response \"${data.id}\" received redacted activity data in renderMode \"practice\". ` +\n        'Practice runs the local submit path and emits a practice-mode xAPI statement, so an ' +\n        'exam item wired this way is graded nowhere and looks fine while it happens. ' +\n        'Render redacted data with renderMode=\"exam\" (server grades) or \"review\" (pass `outcome`).',\n    );\n  }\n\n  const handleSubmit = (event: React.FormEvent): void => {\n    event.preventDefault();\n    if (inactive || text.trim().length === 0) {\n      return;\n    }\n    let finalWordCount = wordCount;\n    let finalWithinBounds = withinBounds;\n    // `exam` mode must not call evaluate(): the component does not grade, and\n    // a redacted projection carries no scoring input anyway. The two facts\n    // evaluate() returns for a deferred type (recomputed word count, bounds)\n    // are exactly what is computed above, so the payload is identical either\n    // way; practice keeps going through core so the numbers stay canonical.\n    if (!isExam) {\n      const itemOutcome = evaluate(data, { type: 'written-response', text, wordCount });\n      const partial = itemOutcome.status === 'deferred' ? itemOutcome.partial : undefined;\n      if (typeof partial?.wordCount === 'number') {\n        finalWordCount = partial.wordCount;\n      }\n      if (typeof partial?.withinWordBounds === 'boolean') {\n        finalWithinBounds = partial.withinWordBounds;\n      }\n    }\n    complete();\n    const timeSpent = getTimeSpent();\n    const xapiStatement = xAPIBuilder.buildSubmittedStatement({\n      actor: ANONYMOUS_ACTOR,\n      object: {\n        id: objectIdFor(data.id),\n        name: { [data.locale ?? 'en-US']: data.title },\n        type: 'http://adlnet.gov/expapi/activities/cmi.interaction',\n        interactionType: 'long-fill-in',\n      },\n      timeSpentMs: timeSpent,\n      response: text,\n      resultExtensions: {\n        'urn:learning-kit:extension:word-count': finalWordCount,\n        'urn:learning-kit:extension:within-word-bounds': finalWithinBounds,\n      },\n    });\n    // Raw response first (an exam runner persists this), then the fuller\n    // ungraded submission — mirroring `onSubmit` before `onComplete`.\n    onSubmit?.({ type: 'written-response', text, wordCount: finalWordCount });\n    onSubmitted?.({\n      text,\n      wordCount: finalWordCount,\n      withinWordBounds: finalWithinBounds,\n      timeSpent,\n      xapiStatement,\n    });\n    setSummary(s.responseSubmitted);\n    onInteraction?.({\n      type: 'submitted',\n      activityId: data.id,\n      timestamp: Date.now(),\n      payload: { wordCount: finalWordCount, withinWordBounds: finalWithinBounds },\n    });\n  };\n\n  const promptId = `${data.id}-prompt`;\n  const counterId = `${data.id}-counter`;\n  const boundsLabel = s.wordBounds(data.minWords, data.maxWords);\n\n  return (\n    <form\n      className=\"lk-wr\"\n      aria-label={data.title}\n      lang={locale}\n      data-render-mode={renderMode}\n      style={theme as CSSProperties | undefined}\n      onSubmit={handleSubmit}\n    >\n      {data.media ? (\n        <ActivityMedia\n          media={data.media}\n          renderMode={renderMode}\n          {...(mediaBudget !== undefined ? { mediaBudget } : {})}\n          {...(mediaStrings !== undefined ? { mediaStrings } : {})}\n          {...(strings !== undefined ? { strings } : {})}\n          {...(onInteraction !== undefined ? { onInteraction } : {})}\n          {...(locale !== undefined ? { locale } : {})}\n        />\n      ) : null}\n      {promptHtml === null ? (\n        <p className=\"lk-wr-prompt\" id={promptId}>\n          {data.prompt}\n        </p>\n      ) : (\n        // A div, not a p: sanitised author HTML may contain block content.\n        <div\n          className=\"lk-wr-prompt\"\n          id={promptId}\n          // biome-ignore lint/security/noDangerouslySetInnerHtml: rendered only through the caller-supplied HtmlSanitizer — the SDK never injects unsanitised markup\n          dangerouslySetInnerHTML={{ __html: promptHtml }}\n        />\n      )}\n      <textarea\n        className=\"lk-wr-textarea\"\n        aria-labelledby={promptId}\n        aria-describedby={counterId}\n        value={text}\n        onChange={(event) => handleChange(event.target.value)}\n        // `review` uses readOnly rather than disabled: the submitted essay\n        // must stay focusable, selectable and scrollable for a screen reader\n        // and a keyboard, while remaining uneditable.\n        disabled={!isReview && inactive}\n        readOnly={isReview}\n        rows={8}\n      />\n      <div\n        className=\"lk-wr-counter\"\n        id={counterId}\n        aria-live=\"polite\"\n        data-within-bounds={withinBounds}\n      >\n        {s.wordCount(wordCount)} ({boundsLabel})\n      </div>\n      {ai?.writingFeedback !== undefined ? (\n        <DraftFeedback help={writingFeedback} draft={text} disabled={disabled === true} s={s} />\n      ) : null}\n      {isReview ? null : (\n        <button\n          type=\"submit\"\n          className=\"lk-wr-submit\"\n          disabled={inactive || text.trim().length === 0}\n        >\n          {s.submit}\n        </button>\n      )}\n      <FeedbackRegion id={`${data.id}-feedback`}>\n        {isReview ? (\n          outcome && (policy.feedback || !outcomeShowsMarks(outcome)) ? (\n            <OutcomeSummary outcome={outcome} s={s} />\n          ) : null\n        ) : (\n          summary\n        )}\n      </FeedbackRegion>\n    </form>\n  );\n}\n","'use client';\n\nimport { useLkStrings } from '../../i18n/LkIntlProvider.js';\nimport { ActivityErrorBoundary } from '../ActivityErrorBoundary.js';\nimport {\n  WrittenResponse as WrittenResponseCore,\n  type WrittenResponseProps,\n} from './WrittenResponse.js';\n\nexport type { HtmlSanitizer, Renderable, RenderMode } from '../types.js';\nexport type { WrittenResponseProps, WrittenResponseSubmission } from './WrittenResponse.js';\n\n/**\n * Public Written Response activity: a labelled textarea with a live word\n * counter for free-text writing graded asynchronously (AI or human). The core\n * is wrapped in `ActivityErrorBoundary` so a render failure (incl. the dev\n * schema-validation throw) degrades to an accessible fallback.\n */\nexport function WrittenResponse(props: WrittenResponseProps): React.JSX.Element {\n  // Read here rather than in the boundary: a class component cannot call a\n  // hook, and the fallback it renders is learner-facing text like any other.\n  const strings = useLkStrings(props.strings);\n  return (\n    <ActivityErrorBoundary activityTitle={props.data?.title} strings={strings}>\n      <WrittenResponseCore {...props} />\n    </ActivityErrorBoundary>\n  );\n}\n"],"mappings":"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"}